@charset "utf-8";
/* CSS Document */
/* global */
.bg { position: relative; width: 100%; min-width: 1000px; _width:expression((documentElement.clientWidth < 1000) ? "1000px" : "auto" ); background: url(../images/bg.jpg) no-repeat 50% 0 #f4e3cb; overflow: hidden; }
.wrap { position: relative; width: 1000px; margin: 0 auto; min-width: 1000px; _width:expression((documentElement.clientWidth < 1000) ? "1000px" : "auto" );}
.fab_con { position: relative; width: 1000px; padding-top: 533px; background: url(../images/bg_main.jpg) no-repeat 50% 0; }
/**/
.q_links{ position: absolute; top: 30px; right: 30px; }
.q_links a{ padding-left: 30px; font-family: 'Microsoft YaHei'; font-size: 16px; color: #040d28; }
.q_links a:hover{ text-decoration: underline; }
.fab_con h1 a, .video_btn, .p01 li,.pop_close,.pop_con h4,.lb_box .lb_bg,.juan a,.pop_con h4 span.ss { background: url(../images/sprites.png) no-repeat; }
.fab_con h1 { position: absolute; width: 176px; height: 134px; top: 83px; right: 430px; }
.fab_con h1 a { display: block; width: 176px; height: 134px; background-position: 0 -383px; }
.video_btn { position: absolute; display: block; width: 54px; height: 54px; top: 400px; right: 500px; background-position: -176px -378px; }
.quickRegSec .btn_reg a,.p01 li.download_btns a,.getgifts a,.d_inform .d_btn,.dl_xzbtn a,.ver_qd_btn a{ background: url(../images/btns_spr_201603.jpg) no-repeat; }
.p01 li { position: relative; float: left; width: 324px; height: 376px; }
.p01 li h2 { width: 324px; height: 54px; }
.p01 li.quickRegSec{ background-position: 0 0; }
.p01 li.download_btns{ margin: 0 12px; background-position: -324px 0; }
.p01 li.getgifts{ background-position: -648px 0; }
/* 快速注册 */
.watermark { position: relative; }
.watermark label { position: absolute; left: 5px; top: 5px; font-size: 13px; font-family: 'Microsoft YaHei'; line-height: 1; color: #3c4350; cursor: text; }
input[type="text"], input[type="password"], select { width: 186px; height: 25px; padding: 0 5px; font-size: 13px; line-height: 25px; background: #fff; color: #2d1926; }
input[type="text"].short { width: 100px; }
select { width: 201px; }
.quickRegSec { font-family: Microsoft YaHei; overflow: hidden; }
.quickRegSec form { width: 100%; position: relative; height: 286px; padding-top: 36px; }
.quickRegSec .fieldset { margin-bottom: 8px; }
.quickRegSecinput[type="text"], .quickRegSecinput[type="password"] { width: 115px; }
.quickRegSecinput[type="text"].short { width: 50px; }
.quickRegSec .fieldset > label { float: left; width: 104px; font-size: 14px; color: #d7eaff; text-align: right; }
.quickRegSec .watermark { overflow: hidden; }
.quickRegSec .condition { margin: 15px 0 0; font-size: 11px; white-space: nowrap; text-align: center; font-size: 14px; color: #d7eaff; }
.quickRegSec .condition a { color: #d7eaff; }
.quickRegSec .btn_wrap { position: absolute; bottom: 12px; }
.quickRegSec .get_code { display: inline-block; width: 82px; height: 24px; font-size: 11px; text-align: center; line-height: 21px; vertical-align: top; background-color: #CCC; cursor: pointer; }
.quickRegSec .btn_reg { position: absolute; bottom: 12px; left: 50%; margin-left: -134px; width: 268px; height: 70px; }
.quickRegSec .btn_reg a{ display: block; width: 268px; height: 70px; background-position: 0 0; cursor: pointer; }
.quickRegSec .btn_reg a:hover { background-position: -268px 0; }
.quickRegSec .error_msg { position: absolute; top: 4px; left: 104px; margin-bottom: 0; text-align: center; color: #ff0000; font-size: 16px; }
.quickRegSec .success-lead { display: none; }

.p01 li.download_btns a{ position: absolute; bottom: 12px; width: 138px; height: 70px; text-indent: -999em; }
.p01 li.download_btns a.official{ left: 14px; background-position: -276px -70px; }
.p01 li.download_btns a.official:hover{ background-position: -414px -70px; }
.p01 li.download_btns a.speed{ right: 14px; background-position: 0 -70px; }
.p01 li.download_btns a.speed:hover{ background-position: -138px -70px; }

.getgifts a{ display: block; position: absolute; bottom: 12px; left: 50%; margin-left: -134px; width: 268px; height: 70px; background-position: 0 -140px; }
.getgifts a:hover{ background-position: -268px -140px; }

/* tab */
.tab_content .content { display: none; }
.tab_content .active { display: block; }
/* tab 1 */
.tab1 li,.tab1 .character,.tab1 .video i,.tab1 .skill{ background: url(../images/zhiye.png) no-repeat; }
.tab1 { position: relative; width: 1000px; height: 612px; padding-top: 36px; }
.tab1 .tab_nav { float: right; width: 60px; padding-top: 46px; }
.tab1 .tab_nav li { width: 60px; height: 60px; margin-bottom: 24px; background-position: -1436px -1189px; color: #323232; font-size: 16px; text-align: center; line-height: 60px; cursor: pointer; }
.tab1 .tab_nav li.active { background-position: -1436px -1104px; color: #ffffff; }

.tab1 .tab_content { position: relative; float: left; width: 886px; }
.tab1 .character { position: absolute; height: 622px; }
.role1 .character { width: 540px; top: 0; left: -30px; background-position: 0 0; }
.role2 .character { width: 620px; top: 0; left: -113px; background-position: -540px 0; }
.role3 .character { width: 580px; top: 0; left: -87px; background-position: -1160px 0; }
.role4 .character { width: 540px; top: 3px; left: -30px; background-position: 0 -640px; }
.role5 .character { width: 620px; top: 3px; left: -118px; background-position: -540px -640px; }

.tab1 .video { position: absolute; top: 54px; left: 544px; width: 334px; height: 176px; background: #241e16; border: 1px solid #5b492d; }
.tab1 .video a { display: block; height: 100%; }
.tab1 .video i { position: absolute; width: 70px; height: 70px; top: 50%; left: 50%; margin: -35px 0 0 -35px; background-position: -1509px -1104px; }
.tab1 .text { position: absolute; top: 254px; left: 546px; width: 338px; padding-top: 10px; border-top: 1px solid #232f57; font-size: 14px; line-height: 1.5em; color: #323232; }
.tab1 .text b{ font: 600 24px/2em 'Microsoft YaHei'; color: #323232; }
.tab1 .skill { position: absolute; top: 368px; left: 588px; width: 256px; height: 202px; }
.tab1 .role1 .skill { background-position: -1160px -659px; }
.tab1 .role2 .skill { background-position: -1436px -659px; }
.tab1 .role3 .skill { background-position: -1160px -872px; }
.tab1 .role4 .skill { background-position: -1436px -872px; }
.tab1 .role5 .skill { background-position: -1160px -1077px; }
/*tab2*/
.tab2 { position: relative; width: 768px; height: 348px; padding-top: 36px; }
.tab2 .tab2_bg{ position: absolute; bottom: 0; right: -350px; width: 350px; height: 363px; background: url(../images/fea_bg.png) no-repeat 0 0; }
.tab2 .tab_nav { float: left; width: 154px; height: 348px; }
.tab2 .tab_nav li { width: 154px; height: 86px; margin-bottom: 1px; background-color: #922828; color: #f1f4ff; font-size: 18px; text-align: center; line-height: 86px; cursor: pointer; }
.tab2 .tab_nav li.active { background-color: #af6b1b; }
.tab2 .tab_content { position: relative; float: left; width: 610px; border: 1px solid #922828; margin-left: 1px;  }
.tab2 .tab_content p{ height: 60px; border-top: 1px solid #922828; background-color: #241e16; text-align: center; font: 400 14px/60px 'Microsoft YaHei'; color: #f1f4ff; }

.groups_btns{ padding: 50px 0; }
.groups_btns a{ float: left; width: 268px; height: 70px; margin: 0 30px; background: url(../images/btns_spr_201603.jpg) no-repeat; }
.groups_btns a.zc{ background-position: 0 0; }
.groups_btns a.zc:hover{ background-position: -268px 0; }
.groups_btns a.xz{ background-position: 0 -210px; }
.groups_btns a.xz:hover{ background-position: -268px -210px; }
.groups_btns a.jr{ background-position: 0 -280px; }
.groups_btns a.jr:hover{ background-position: -268px -280px; }

/*============= 弹窗 =============*/
.mask { position: absolute; left: 0; top: 0; width: 100%; min-width: 1000px; _width:expression((documentElement.clientWidth < 1000) ? "1000px" : "auto" ); height: 100%; z-index: 9999; background: #101620; display: none; }
.popBox{ position: fixed; _position: absolute; top: 0; _margin-top:expression(eval(document.documentElement.scrollTop));left: 50%; z-index: 10000; display: none; width: 668px; margin-left: -334px; border: 1px solid #151922; background-color: #red; }
.mp_video{ width: 560px; height: 315px; margin-left: -358px; background-color: #5b6163; }
.pop_close { position: absolute; top: 0; right: -60px; display: block; width: 60px; height: 60px; background-position: -895px -386px; text-indent: -9999em; overflow: hidden; cursor: pointer; }

.pop_con{ background-color: #def4ff; padding-bottom: 20px; }
.pop_con h4{ position: relative; width: 668px; height: 58px; background-position: -266px -603px; text-align: center; font: 600 24px/58px 'Microsoft YaHei'; color: #fff; }
.pop_con h4 span.ss{ display: block; top: 22px; right: 26px; position: absolute; width: 89px; height: 25px; background-position: -175px -437px; cursor: pointer; }
.lb_box .xlh{ height: 34px; padding-top: 40px; }
.lb_box .xlh label{ float: left; width: 180px; text-align: right; font: 400 16px/32px 'Microsoft YaHei'; color: #0e3562;}
.lb_box .xlh input{ float: left; width: 360px; height: 32px; padding-left: 10px; border: 1px solid #0e3666; background-color: #fff; color: #333b46; font-size: 16px; }
.lb_box p{ padding-left: 180px; font-size: 16px; line-height: 32px; color: #d1071a; }
.lb_box .lb_bg{ position: relative; width: 627px; height: 226px; margin:10px auto 0; background-position: -266px -376px; }
.lb_box .lb_bg a{ position: absolute; left: 19px; top: 93px; display: block; width: 180px; height: 72px; }

.juan{ height: 70px; padding: 40px 20px 10px 30px; }
.juan a{ float: left; width: 258px; height: 70px; margin: 0 20px; background-position: 0 -522px; font: 600 24px/70px 'Microsoft YaHei'; color: #fff; text-align: center; }
.juan a:hover{ background-position: 0 -592px; }
.cd1071a{ font-size: 16px; color: #d1071a; }
.tc{ text-align: center; }
.down_list_l { height:90px; padding:20px 0 0 26px; }
.down_list_l a{ float:left; width:268px; height:70px; background:url(../images/btn_dl.jpg) no-repeat 0 0; text-indent:-999em; overflow:hidden; margin:0 20px 20px;}
.down_list_l a.xl:hover{ background-position:-268px 0;}
.down_list_l a.gd{ background-position:0 -70px;}
.down_list_l a.gd:hover{ background-position:-268px -70px;}
.down_list_l a.db{ background-position:0 -210px;}
.down_list_l a.db:hover{ background-position:-268px -210px;}
.down_list_l a.wd{ background-position:0 -350px;}
.down_list_l a.wd:hover{ background-position:-268px -350px;}
.down_list_l a.bt{ background-position:0 -140px;}
.down_list_l a.bt:hover{ background-position:-268px -140px;}
/*
.down_list{ margin-top: 20px; }
.down_list .fliu{ height:80px; background-color: #999; padding:10px 0 0 26px; }
.down_list .fliu a{ float:left; width:268px; height:70px; background:url(../images/btn_dl.jpg) no-repeat 0 0; text-indent:-999em; overflow:hidden; margin:0 20px;}
.down_list .fliu a.xl:hover{ background-position:-268px 0;}
.down_list .fliu a.gd{ background-position:0 -70px;}
.down_list .fliu a.gd:hover{ background-position:-268px -70px;}
.down_list .fliu a.db{ background-position:0 -210px;}
.down_list .fliu a.db:hover{ background-position:-268px -210px;}
*/
.pl50{ padding-left: 50px; }
.b_line dl{ padding-left: 50px; }
.b_line dt{ margin-top: 10px; font: 600 14px/32px 'Microsoft YaHei'; color: #12223e; }
.b_line dd{ font: 400 14px/27px 'Microsoft YaHei'; color: #12223e; }

.zccg_box p{ margin: 50px 0 10px 0; text-align: center; font-size: 16px; color: #0e3562; }
.d_inform{  font-size: 16px; color: #0e3562; }
.d_inform label{ width: 180px; text-align: right; line-height: 34px; }
.d_inform .d_txt{ width: 300px; height: 32px; padding-left: 5px; border: 1px solid #0e3666; line-height: 32px; font-size: 16px; }
.d_inform .d_btn{ width: 90px; height: 36px; margin-left: 4px; background-position: -319px -350px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; }
.dl_xzbtn{ width: 180px; height: 70px; margin: 20px auto; }
.dl_xzbtn a{ display: block; width: 180px; height: 70px; background-position: 0 -350px; font-size: 24px; color: #fff; text-align: center; line-height: 70px; }
.fl{ float: left; }

.verify_block{ padding: 70px 0 0 40px; }
.verify_block .error{ color: #ff0000; }
.verify_block > label {color: #f6e8dd;display: block; font-size: 14px; margin-bottom: 10px;}
.vcodeimg { float: left; width: 60px; margin-left: 5px; }
.ver_qd_btn{ width: 138px; height: 70px; margin:40px auto 0; }
.ver_qd_btn a{ display: block; width: 138px; height: 70px; background-position: -180px -350px; font-size: 24px; color: #fff; text-align: center; line-height: 70px; }
/*footer*/
.footer { float: left; width: 100%; padding: 20px 0 40px 0; overflow: hidden; min-width: 1000px; _width:expression((documentElement.clientWidth < 1000) ? "1000px" : "auto" ); background-color: #000; }
.f_link { display: inline; float: left; width: 270px; height: 70px; margin: 30px 0 0 12px; background: url(../images/f_logo.png) no-repeat 0 0; }
.f_link a { float: left; height: 52px; }
.f_link a.jbt_link { width: 125px; }
.f_link a.ltyx_link { width: 140px; }
.f_txt { float: left; padding: 14px 0 0 10px; color: #a5a5a5; }
.f_txt p { height: 20px; line-height: 20px; }
.f_txt p a { color: #7b7f82; }
.f_txt p a:hover { color: #7b7f82; text-decoration: underline; }

.FB{ width:500px; height:150px; display:block; margin:130px auto; }

.dvd_box{ width: 488px;margin-left: -244px;}
.dvd_box .pop_con{ background-color:#6F2121;}