body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
body {
  overflow-y: scroll; /* 显示滚动条 */
}
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
ol, ul { list-style: none }
caption, th { text-align: left }
q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
em { font-style: normal;    color: #00ff1f;
    text-shadow: 0px 0px 9px #fff; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit }
a, area, a:hover { outline: none; text-decoration: none; }
a.dot { border-bottom-style: dotted; border-bottom-width: 1px; }
a.dot:hover { border-bottom-style: solid; }
body { font: normal 12px/20px 'Microsoft Yahei', Arial, Tahoma, Geneva, sans-serif; background: #000; color: #4f4f4f; padding: 0px 0 0 }

.wrap { width: 978px; margin: 0 auto; }
#header {background-size: cover; /* 使图片正好填充div */
  background-position: center; /* 图片居中显示 */
  background-repeat: no-repeat; /* 不重复图片 */overflow: hidden; }
#header .wrap { height: 373px; overflow: hidden; position: relative;z-index:99!important }
#header h1 a { width: 131px; height: 112px; display: block; text-indent: -999em; position: absolute; top: 19px; left: 419px; z-index: 10;background-image: url(../images/topimg.png); }
#header h2 { display: none; }
.nav { width: 980px; position: absolute; top: 20px; z-index: 6; left: -1px }
.nav li { float: left; width: 74px; padding: 1px 13px; position: relative }
.nav li.navEvt { margin: 0 0 0 180px }
.nav a {height: 34px;display: block;width: 100%;text-align: center;overflow: hidden;color: #ffffff;font-size: 14px;font-weight: 700;line-height: 18px;text-shadow:3px 3px 6px #000;}
.nav a span {color: #97938e;font-variant: small-caps;font-size: 10px;font-weight: 400;margin-top: -3px;white-space: nowrap;display: block;}
.nav a:hover, .nav a:hover span { text-decoration: none }
.nav ul a {text-indent: 0;height: 20px;line-height: 20px;font-size: 12px;color: #f1ece2;font-weight: 400;}
.nav ul li a:hover { text-decoration: underline;color:#ff0000;font-weight:bold }
.nav a.hot {color: #f6d59b;}
.nav ul { position: absolute; top: 35px; left: 0 }
.nav li li { clear: both }
.headerSec { position: absolute; top: 485px; width: 978px; }
.headerSec { position: absolute; top: 255px; width: 978px; }
#menu { width: 589px; float: left; }
#menu li { float: left; height: 108px; }
.m_down { width: 226px; }
.m_pay, .m_cdkey, .m_top { width: 121px; }
#menu a, #headerPlayerSec { background-image: url(../images/menu.jpg); background-repeat: no-repeat; }
#menu a { display: block; width: 100%; height: 108px; text-indent: -999em; overflow: hidden; }
.m_down a { background-position: 0 -324px; }
.m_down a:hover { background-position: 0 -324px; }
.m_pay a { background-position: 0 0; }
.m_pay a:hover { background-position: 0 -108px; }
.m_cdkey a { background-position: -121px 0; }
.m_cdkey a:hover { background-position: -121px -108px; }
.m_top a { background-position: -242px 0; }
.m_top a:hover { background-position: -242px -108px; }
#headerPlayerSec { height: 92px; float: right; background-position: 0 -216px; width: 360px; padding: 14px 14px 0 10px;}
#headerPlayerSec .playerIcon { float: left; width: 81px; height: 81px; position: relative; overflow: hidden; }
#headerPlayerSec .playerIcon a{display:block;width:77px;height:77px;border: 2px solid #00969f; background:#fff;}
#headerPlayerSec .playerIcon img { position: absolute; }
#headerPlayerSec .playerIcon span { width: 40px; height: 14px; line-height: 12px; font-size: 75%; display: block; text-align: center; color: #fff; text-shadow: 0 1px 1px #000; position: absolute; left: 2px; top: 60px; background-color: #00596b; border: 1px solid #0f7a8f; border-width: 1px 1px 0 0; border-top-right-radius: 2px; }
.unloginSec, .loginedSec, .sevOut { height: 77px; width: 270px; float: right }
.loginSec p { color: #35bfd2; line-height: 22px; overflow: hidden; zoom: 1; }
#loginedArea p{line-height:18px;}
.loginSec a { font-weight: 700; color: #ff0000; line-height: 18px; border-bottom-color: #ccc; }
.loginSec a:hover { text-decoration: none; }
#loginedArea p a , #loginedArea p a:hover{font-weight:400;border:none;}
.sevOut strong { color: #cf3100; }
.sevUnSelect { display: none; }
.unloginSec .note { width: 278px; height: 53px; border-top: 1px solid #073136;}
.unloginSec .note p { border-top: 1px solid #225a61; line-height: 18px; color: #a4ebf5; padding: 8px 10px; }
.unloginSec .note span { color: #fff; }
.loginedSec p strong { font-size: 14px; color: #fff; }
.loginedSec p span { color: #0091a5; }
.loginedSec p a { float: right; }
.loginedSec ul { border: 1px solid #124147; border-width: 1px 1px 1px 0; overflow: hidden; float: left; }
.loginedSec ul li { background-color: #07252b; float: left; border-left: 1px solid #124147; line-height:16px;width: 88px; padding-top: 5px; height: 40px; text-align: center; font-size: 14px; color: #fff; text-shadow: 0 0 2px #000; }
.loginedSec ul strong { display: block; }
strong.hl { color: #cf3100; }
#content { background: url(../images/content.jpg) 50% 0; overflow: hidden; border-top: 3px solid #000;}
#footbcs { background: url(../images/footbcs.jpg) 50% 0; overflow: hidden; }
.cjjdwf { background: url(../images/content.jpg) 50% 0; overflow: hidden; }
.bcNav { height: 25px; line-height: 25px; padding: 14px 20px; overflow: hidden; font-size: 14px; }
.bcNav li { background:url(../images/arr.png) no-repeat 0 50%; padding-left: 14px; padding-right: 10px; color: #252525; float: left; }
.bcNav a { color: #252525; border-bottom-color: #252525; }
.bcNav .bc_home { background: url(../images/icons.png) no-repeat 0 0; padding-left: 35px; font-size: 16px; font-weight: 700; }
.mainCon { width: 700px; float: left; background-color: #fff; color: #3a3e3f; font-size: 14px; }
.sider {width: 281px;float: right;position: fixed;top: 50%;right: 0;-o-transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);transform: translate(0%, -50%);z-index: 444;background: #fff;}
.pageStyle01 { border: 1px solid #c9c9c9; padding: 20px; width: 938px; min-height: 517px;border-radius: 8px;}
#pagePlayer, #unloginView { border: 1px solid #c9c9c9; padding: 20px; width: 660px; }
#unloginView { height: 517px; }
#unloginView .note { font-size: 16px; text-align: center; line-height: 25px; text-align: center; padding: 50px 0; }
#unloginView .note a { border-bottom: 1px dotted #ccc; color: #3a3e3f; }
#unloginView .note a:hover { border-bottom-style: solid; }
.playerInfoSec { background: #f6f6f6; border: 1px solid #e1e1e1; padding: 15px; overflow: hidden; zoom: 1; margin-bottom: 20px; }
.playerInfoSec .playerAvatar { width: 104px; float: left; }
.playerInfoSec .playerAvatar span { display: block; width: 100px; height: 100px; background: #fff; overflow: hidden; border: 2px solid #00969f; }
.playerInfoSec .playerAvatar a { display: block; margin: 8px auto 0; width: 85px; height: 19px; border: 1px solid #00c2c8; border-radius: 3px; border-top-color: #00c2c8; border-left-color: #00acb3; border-right-color: #008c96; border-bottom-color: #008790; background-color: #00969f; text-align: center; ; color: #fff; line-height: 19px; }
.playerInfoBase { width: 505px; float: right; line-height: 25px; color: #3a3e3f; }
.playerInfoBase h4 { font-size: 18px; }
.playerInfoBase ul { overflow: hidden; zoom: 1; font-size: 14px; }
.playerInfoBase li { float: left; margin-right: 15px; padding-right: 20px; background-image: url(../images/ico.png); background-repeat: no-repeat; }
.playerInfoBase li.gold { background-position: 100% 5px }
.playerInfoBase li.silver { background-position: 100% -25px }
.playerInfoBase li.charm { background-position: 100% -55px; padding-right: 25px }
.playerInfoBase li.reg { clear: both; background: none; float: none }
.btnPay { display: block; width: 85px; height: 19px; border: 1px solid #00c2c8; border-radius: 3px; border-top-color: #d42917; border-left-color: #c52313; border-right-color: #ad190e; border-bottom-color: #a8170c; background-color: #b51d10; text-align: center; ; color: #fff; line-height: 19px; margin-top: 5px }
.playerTab { overflow: hidden; zoom: 1; background-color: #00969f; padding-bottom: 3px; }
.playerTab li { float: left; width: 220px; border-left: 1px solid #fff; margin-left: -1px; _display: inline; }
.playerTab a { display: block; width: 100%; height: 40px; text-align: center; ; color: #767676; font-size: 14px; line-height: 40px; background-color: #d5d5d5; }
.playerTab a:hover, .playerTab .active a { background-color: #00969f; color: #fff; }
.playerCon { color: #929292; padding: 25px 0;  }
.playerCon .sec { margin-bottom: 20px; padding: 10px; }
.playerCon .secWrap { overflow: hidden; zoom: 1; }
.playerCon .secWrap .sec { width: 310px; float: left; }
.dotTop { border-top: 1px dotted #acacac }
.playerCon .sec h3 { font-size: 16px; margin-bottom: 10px; }
ul.pList { height: 100px; }
ul.pList li { float: left; margin: 0 10px; _display: inline; position: relative; width: 82px; height: 90px; }
ul.pList img { width: 58px; height: 58px; border: 2px solid #9d9d9d; border-radius: 2px; display: block; margin: 0 auto 5px; }
ul.pList span { display: block; text-align: center; }
ul.pList p { display: none; position: absolute; background: #25555f; border: 1px solid #009cb9; padding: 5px 15px; top: -20px; color: #fff; top: -80px; left: -50px; width: 150px; height: 60px; line-height: 20px; }
ul.pList .arr { background:url(../images/arr.png) no-repeat 0 0; width: 14px; height: 9px; overflow: hidden; display: block; position: absolute; top: 70px; left: 80px; }
ul.pList p strong { color: #a1e2ef }
.pr { position: relative; }
#ability { width: 300px; height: 280px; float: left; }
#ggmm { width: 640px; height: 285px; }
#lvBar { width: 640px; height: 285px; }
#classPie { width: 640px; height: 285px; }
.abilityDetail { width: 320px; float: right; }
.abilityDetail .infoList { background: url(../images/bar.png) no-repeat 50% 0; height: 80px; border-bottom: 1px dotted #acacac; }
.abilityDetail .infoList li { width: 145px }
.abilityDetail .infoList strong { height: 21px; width: 100%; text-align: center; color: #fff; display: block; font-size: 12px; line-height: 21px; margin-bottom: 15px; }
.abilityDetail .infoList span { display: block; text-align: center; font-size: 28px; line-height: 1.2; }
.abilityDetail .infoList .il1 { float: left; }
.abilityDetail .infoList .il1 strong { background-color: #d75235; }
.abilityDetail .infoList .il1 span { color: #d75235; }
.abilityDetail .infoList .il2 { float: right; }
.abilityDetail .infoList .il2 strong { background-color: #b51d10; }
.abilityDetail .infoList .il2 span { color: #01b8a9; }
.abilityDetail h4 { font-size: 16px; color: #0db5a7; margin: 10px 0 0; }
.abilityDetail .ablList li { margin-top: 5px; overflow: hidden; zoom: 1; }
.abilityDetail .ablList strong { display: block; float: left; width: 80px }
.abilityDetail .ablList span { width: 140px; height: 6px; overflow: hidden; display: block; background-color: #a6a6a6; float: left; margin-top: 8px; }
.abilityDetail .ablList i { display: block; height: 6px; overflow: hidden; width: 50%; background-color: #d94300; }
.abilityDetail .ablList em { font-style: normal; float: left; width: 80px; color: #d33a18; padding-left: 5px; display: block }
.playerCon .note { clear: both; color: #818181; text-align: center; padding: 10px 0; }
.playerCon .note span { display: inline-block; background: url(../images/line.png) no-repeat 0 50%; padding-left: 60px; *display:inline;
*zoom:1;
}
.lvSheet { overflow: hidden; zoom: 1 }
.lvSheet li { margin-right: 18px; width: 33px; float: left }
.lvSheet strong { display: block; font-size: 14px; text-align: center; color: #929292; font-weight: 400; height: 20px; margin-bottom: 5px; }
.lvSheet span { display: block; width: 33px; height: 160px; position: relative; }
.lvSheet i { display: block; background: #ff7777; border-top-right-radius: 3px; border-top-left-radius: 3px; width: 33px; position: absolute; bottom: 0; }
.titleTable { width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #fff; }
.titleTable th { background: #00969f; padding: 10px; color: #fff; border: 1px solid #fff; }
.titleTable td { border: 1px solid #fff; background: #e8e8e8; padding: 10px; text-align: center; color: #505050 }
.titleTable td.l { text-align: left; }
.pager { text-align: center; clear: both; padding: 20px 0; overflow: hidden; zoom: 1 }
.pager a, .pager strong { display: inline-block; padding: 5px 5px; margin: 0 5px; color: #7d7d7d; *display:inline;
*zoom:1;
}
.pager input { width: 20px; padding: 2px 5px; margin: 0 2px; }
.pager a:hover, .pager a.cur, .pager strong { background: #01b8a9; color: #fff; text-decoration: none; }
.entryList { overflow: hidden; zoom: 1 }
.entryList li { float: left; width: 33%; padding-bottom: 10px; }
.entryList a { display: block; float: left; background:url(../images/sarr.png) no-repeat 0 50%; padding-left: 15px; color: #111618; }
.entryList a:hover { text-decoration: underline; }
.entryList a.hl { color: #8f0a00; }
/* sider */
.siderSec {/* margin-bottom: 25px; */padding: 10px;}
.siderSec h3 { padding-bottom: 10px; margin-bottom: 15px; overflow: hidden; height: 25px; line-height: 25px; border-bottom: 1px solid #979797; color: #252525; }
.siderSec h3 span { display: block; float: left; white-space: nowrap; padding-left: 30px; background-image: url(../images/icons.png); background-repeat: no-repeat; font-size: 16px; }
#bannerSider {width: 254px;/* height: 140px; */overflow: hidden;/* margin-bottom: 25px; */position: relative;}
#bannerSider ul { width: 268px; height: 140px; overflow: hidden; position: absolute; top: 0; left: 0; }
#bannerSider ul li { width: 268px; height: 140px; overflow: hidden; position:absolute;top:0;left:0; }
#bannerSider p { position: absolute; bottom: 5px; right: 0; z-index:10;}
#bannerSider p span {float:left; display: block; width: 20px; height: 10px; overflow: hidden; margin-right: 5px; background: #312d2e; text-indent: -999em; _display:inline;cursor:pointer;}
#bannerSider p span.active { background: #870201; }
.ercode { background: url(../images/er.png) no-repeat 0 0; padding-left: 110px; color: #787878; font-size: 14px; margin-bottom: 15px; }
.ercode strong { display: block; color: #8f0a00; font-size: 18px; line-height: 35px; }
.ercode em { font-style: normal; display: block; color: #343434; }
.snsList { overflow: hidden; zoom: 1; margin-left: -4px; }
.snsList li:last-child{
margin-right:0px;}
.snsList li {float: left;/* margin-left: 4px; */width: calc((100% - 12px)/4);padding: 1px;background: #fff;_display: inline;float: left;margin-right: 4px;}
.snsList a {display: block;/* width: 56px; */height: 64px;background: #fdfcfc;color: #5b5b5b;text-align: center;padding-top: 8px;border: 1px solid #dcdbdb;font-size: 11px;}
.snsList span {display: block;width: 43px;height: 31px;background-image: url(../images/sns.png);background-repeat: no-repeat;margin: 0 auto;}
.snsOS span { background-position: 0 0; }
.snsBBS span { background-position: 0 -35px; }
.snsQQwb span { background-position: 0 -70px; }
.snsQzone span { background-position: 0 -105px; }
/* title icons */
.ico_entry { background-position: 0 -25px; }
.ico_sns { background-position: 0 -50px; }
.gameAttention { overflow: hidden; zoom: 1; padding: 40px 0 15px; }
.gameAttention dt { display: block; font-size;
14px;
color: #a10000; }
.gameAttention dd { float: left; padding-right: 15px; color: #949494; }
#footer { padding: 30px 0; }
#footer .wrap { position: relative; color: #574d49; padding-left: 275px; width: 720px; margin: 0 auto }
#footer a, #footer a:hover { color: #574d49; text-decoration: none }
#footer .IEG, #footer .AURORA { background-image: url(../images/footer.png); background-repeat: no-repeat }
.IEG, .AURORA { position: absolute; display: block; text-indent: -999em; height: 41px; top: 0 }
.IEG { left: 0; width: 170px; background-position: 0 0 }
.AURORA { left: 175px; width: 92px; background-position: 0 -50px }
.fi { white-space: nowrap; text-align: justify; padding: 10px 0 0; }
.fi span { padding: 0 7px; font-size: 80% }
.fi span.s_logo { padding: 0 }
.fi .cp { float: right; padding-right: 25px; }
.fi strong { color: #a00 }
/* cdkey*/
#cdkLogin { padding-bottom: 5px; border-bottom: 1px dotted #acacac; margin-bottom: 20px; }
#cdkLogin a { color: #9f0000; }
#cdKey table { width: 100%; }
#cdKey table th { width: 30%; padding: 10px; text-align: right; vertical-align: top; }
#cdKey table td { padding: 10px; }
#cdKey table .img { display: block; margin: 10px 0; }
#cdKey .lbdh { display: block; width: 100px; height: 50px; background: #0d5f6b; font-size: 18px; text-align: center; line-height: 50px; color: #fff; }
.cdkRule { margin-top: 30px; padding-top: 10px; border-top: 1px dotted #acacac; }
.cdkRule h3 { font-size: 16px; margin-bottom: 5px; color: #0d5f6b; }
.cdkRule li { list-style: decimal; margin-left: 2em; padding-bottom: 5px; }
.cdkRule .note { color: #9f0000; }
.fList { overflow: hidden; zoom: 1 }
.fList li { float: left; _display: inline; }
/* top rank */
.topPageMenu li { padding: 0 10px 0 0; }
.topPageMenu select { width: 110px; }
.topPageMenu a, #commRank_search_btn { background-image: url(../images/btn.png); background-repeat: no-repeat; display: block; float: left; text-indent: -999em; height: 27px; }
.topPageMenu a { width: 110px; }
#go_to_my_page { background-position: 0 0; }
#search_my_rank { background-position: 0 -27px; }
.topSecMenu { border-bottom: 1px solid #e3e3e3; margin: 20px 0 0; }
.topSecMenu a { width: 130px; border: 1px solid #1a4e57; border-width: 1px 1px 0; border-left-color: #003944; height: 44px; line-height: 44px; font-size: 14px; text-align: center; background: #003944; display: block; color: #fff; }
.topSecMenu .active a, .topSecMenu a:hover { border-color: #e3e3e3; background: #fff; color: #000; }
.topSecCon { border: 1px solid #e3e3e3; border-width: 0 1px 1px; padding: 20px; margin-top: -1px; background: #fff; }
.topSecCon .note { text-align: center; margin-bottom: 10px }
.topSecCon table { width: 100%; }
.topSecCon table th { padding: 10px; background: #e3e3e3; text-align: center; color: #000; }
.topSecCon table td { padding: 10px; text-align: center; border-bottom: 1px dotted #acacac; }
.topSecCon table .bg1 { background: #efefef; }
.topSecCon table tr:hover { background: #fafafa; }
.hiddens { display: none; }
#topSearch { padding-bottom: 5px; border-bottom: 1px dotted #acacac; margin-bottom: 20px; overflow: hidden; }
#topSearch input { float: left; width: 110px; margin-right: 10px; }
#topSearch input#commRank_search_btn { width: 70px; border: none; background-position: 0 -54px; cursor: pointer }
#diag_Search { width: 700px; display: none; }
.topPopMenu { border-bottom: 1px solid #e3e3e3; margin: 20px 0 0; }
.topPopMenu .r { float: right; }
.topPopMenu a { width: 98px; border: 1px solid #1a4e57; border-width: 1px 1px 0; border-left-color: #003944; height: 44px; line-height: 44px; font-size: 14px; text-align: center; background: #003944; display: block; color: #fff; }
.topPopMenu .active a, .topPopMenu a:hover { border-color: #e3e3e3; background: #fff; color: #000; }
.topPopMenu a.close { width: 35px; height: 35px; margin: 4px; line-height: 35px; font-weight: 700; font-size: 30px; float: right; border: 1px solid #003944; }
#diag_Search .popCon { border: 1px solid #e3e3e3; border-width: 0 1px 1px; padding: 50px 20px; margin-top: -1px; background: #fff; overflow: hidden; zoom: 1; }
#diag_Search .popCon p { font-size: 14px; line-height: 25px; margin-bottom: 20px; }
#diag_Search .popCon .fr { float: right; }
.pageStyle02Con { border: 1px solid #e3e3e3; border-width: 0 1px 1px; padding: 25px; margin-top: -1px; background: #fff; min-height: 500px; }
.pageSwitch { border-bottom: 1px solid #e3e3e3; background: #003944; }
.pageSwitch a { width: 146px; border: 1px solid #1a4e57; border-width: 1px 1px 0; border-left-color: #003944; height: 44px; line-height: 44px; font-size: 14px; text-align: center; background: #003944; display: block; color: #fff; font-weight: 700 }
.pageSwitch .active a, .pageSwitch a:hover { border-color: #e3e3e3; background: #fff; color: #000; }
.eventList { padding: 20px 15px 0 }
.eventList li { overflow: hidden; zoom: 1; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px dotted #acacac }
.eventList .pic { width: 204px; height: 124px; overflow: hidden; display: block; float: left; display: inline }
.eventList h3 { font-weight: 400; font-size: 18px; line-height: 25px; height: 25px; color: #b00000; margin: 0 0 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 400px }
.eventList p { line-height: 20px; height:55px; overflow: hidden; font-size: 12px; color: #717171; }
.eventList .i { width: 400px; float: right }
.eventList span { font-size: 12px; color: #b4b4b4; margin-top: -5px; display: block; margin-bottom: 5px; }
.eventList .detail { display: block; background: #a10000 url(../images/dr.png) no-repeat 95% 50%; width: 80px; height: 22px; line-height: 22px; font-size: 12px; color: #fff; text-align: center; padding-right: 10px; }
.newsList li { overflow: hidden; zoom: 1; border-bottom: 1px dotted #acacac; height: 38px; line-height: 38px; }
.newsList li span { float: right; }
.newsList a { color: #333333; padding: 0 5px; }
.newsList a:hover { color: #333333; text-decoration: underline; }
.newsList a.act { color: #787878 }
#newsCon { padding: 0px; }
.newsTitle { overflow: hidden; zoom: 1; color: #9b9b9b; border-bottom: 1px dotted #acacac; padding: 10px 0; margin-bottom: 15px; }
.newsTitle strong { display: block; font-size: 20px; font-weight: 400; color: #00596b; line-height: 25px; }
.newsTitle span { font-size: 12px; padding-right: 15px; }
.newsTitle em { cursor: pointer; }
#newsDetial { color: #333333; overflow: hidden; zoom: 1; line-height: 25px; padding-bottom: 25px; }
#newsDetial p { padding-bottom: 10px; text-align: justify; }
#newsDetial a, #newsDetial a:hover {/* color: #8f0a00; *//* text-decoration: underline; */}
.releaseNews { border-top: 1px dotted #acacac; padding: 5px 5px 0; margin: 30px 0 0 }
.releaseNews h3 { font-size: 14px; color: #640000; margin: 0 0 5px }
.releaseNews li { list-style: disc; margin: 0 0 5px 2em; width: 70% }
.releaseNews li a, .releaseNews li a:hover { color: #424242 }
.releaseNews li span { float: right; display: block }
.mwb { width: 550px; clear: both; margin-left: 80px; overflow: hidden; }
.wbshow { width: 565px; overflow: hidden; margin: 0 auto; }
.wb_lst { width: 74px; padding: 20px 20px 0 0; text-align: center; float: left; list-style: none; _display: inline }
.wb_box { position: relative; height: 74px; margin: 0 0 10px 0; }
.wb_img { border: 2px solid #FFFFFF; width: 70px; height: 70px; }
.wb_ipt { position: absolute; left: 2px; bottom: 2px; }
.ms .wb_nm { color: #A6A6A6; }
.mq .wb_nm { color: #717171; }
.wb_lsn { width: 163px; height: 43px; cursor: pointer; margin: 30px auto 0 auto; }
.hidden { height: 0; display: block; overflow: hidden; }
.ms .wb_lsn { background: url(../images/listen_s.png) no-repeat; }
.mq .wb_lsn { background: url(../images/listen_q.png) no-repeat; }
.downSwitch { border-bottom: 1px solid #e3e3e3; background: #003944; }
.downSwitch a { width: 348px; border: 1px solid #1a4e57; border-width: 1px 1px 0; border-left-color: #003944; height: 44px; line-height: 44px; font-size: 14px; text-align: center; background: #003944; display: block; color: #fff; font-weight: 700 }
.downSwitch .active a, .pageSwitch a:hover { border-color: #e3e3e3; background: #fff; color: #000; }
#download .sec { padding-bottom: 20px; margin-bottom: 20px; }
#download .noBor { border: none; }
#download .sec h3 { height: 37px; font-size: 23px; line-height: 37px; color: #003944; overflow: hidden; font-weight: 400; margin: 0 0 5px; *padding:2px 0 0;
*height:35px;
}
#download .sec h3 span { color: #a10000 }
#download .firstSec .con { background: none; border: none }
#download p.info { overflow: hidden; zoom: 1; line-height: 30px; font-size: 18px; border-bottom: 1px dotted #acacac; margin: 0 0 15px }
#download p.info strong { float: left; width: 324px; font-weight: 400; }
#download p.info .date { font-size: 14px; color: #717171; }
#download p.info span { color: #b00000 }
#download p.md5 { padding: 0 0 20px; overflow: hidden; zoom: 1; font-size: 12px; }
#download p.md5 strong { background: #960000; color: #f1d3d3; text-align: center; display: block; padding: 0 5px; border-radius: 3px; width: 80px; }
.mDown, .oDown { overflow: hidden; zoom: 1 }
.mDown li, .oDown li { float: left }
.mDown li a, .oDown li a { text-indent: -999em; display: block; margin: 0 22px 0 0 }
.oDown li a { margin: 0 5px 0 0; }
#download .oDown li a { width: 155px; height: 72px; overflow: hidden; background-repeat: no-repeat; background-image: url(../images/down.png); }
#download a.d1 { background-position: 0 0; }
#download a.d2 { background-position: 0 -72px; }
#download a.d3 { background-position: 0 -144px; }
#download a.d4 { background-position: 0 -216px; margin: 0; }
#download .mDown { padding: 30px 0; }
#download .mDown li a { width: 163px; height: 73px; overflow: hidden }
#download a.m1 { background: url(../images/md1.jpg) no-repeat 0 0 }
#download a.m2 { background: url(../images/md2.jpg) no-repeat 0 0 }
#download a.m3 { background: url(../images/md3.jpg) no-repeat 0 0 }
#download a.m3 { margin: 0 }
#download .pathCon2 { padding: 20px; margin: 0 0 100px }
#download table { width: 100%; border-collapse: collapse; border-spacing: 0; text-align: center; font-size: 12px; }
#download table th { background: #e3e3e3; padding: 10px; height: 20px; line-height: 20px; color: #2d3133; text-align: center; font-size: 14px }
#download table td { padding: 10px; border-bottom: 1px dotted #c9c9c9; height: 20px; line-height: 20px; color: #494d4e }
#download table td a { color: #a10000; padding: 0 5px }
.wpList { overflow: hidden; zoom: 1; }
.wpList li { float: left; width: 278px; height: 181px; overflow: hidden; position: relative; margin: 20px; }
.wpList li .thumb { width: 278px; height: 181px; overflow: hidden; }
.wpList li p { width: 278px; height: 35px; position: absolute; bottom: 0; left: 0; }
.wpList p a { display: block; float: left; width: 276px; height: 33px; border: 1px solid #0d3c39; border-left-color: #21726e; border-right-color: #124845; border-top-color: #268682; background: #125955 url(../images/arr.png) no-repeat 90px 15px; color: #fff; text-align: center; line-height: 35px; }
.wpList p a:hover { background-color: #164f4c; }
#vidTitle { height: 25px; line-height: 25px; font-size: 20px; font-weith: 400; padding: 0 0 7px 0; border-bottom: 1px dotted #c9c9c9; margin: 0 0 12px }
.videoList { overflow: hidden; zoom: 1; padding: 50px 0 0 }
.videoList .prev { background: url(../images/pn.png) no-repeat 0 0; width: 18px; height: 68px; display: block; float: left; text-indent: -999em }
.videoList .next { background: url(../images/pn.png) no-repeat -18px 0; width: 18px; height: 68px; display: block; float: left; text-indent: -999em }
.vidCon { width: 610px; overflow: hidden; height: 95px; float: left; padding: 0 1px; }
.vidCon ul li { float: left; width: 122px; display: inline; text-align: center }
.vidCon ul li p { padding: 3px 0 0 }
#videoPlayer { background: #000; width: 648px; height: 395px; margin: 0 auto }
#prevBtn, #nextBtn { display: block; width: 150px; height: 30px; line-height: 30px; margin: 0 30px; _display: inline; }
#prevBtn { float: left; }
#nextBtn { float: right; }
.popWin { width: 780px; display: none; }
.popWin .close { display: block; width: 44px; height: 44px; line-height: 44px; font-weight: 700; font-size: 30px; color: #fff; background: #00969f; float: right; text-align: center; font-family: arial; }
.popWin .close:hover { color: #fff; text-decoration: none; }
.popWin .popCon { width: 670px; border: 3px solid #00969f; background: #e8e8e8; float: left; padding: 30px; }
.popWin h3 { font-size: 25px; text-align: center; line-height: 35px; color: #00969f; margin-bottom: 20px; }
#avatarList { overflow: hidden; zoom: 1; }
#avatarList li { float: left; width: 104px; text-align: center; margin: 10px 15px; }
#avatarList span { background: #fff; width: 100px; height: 100px; overflow: hidden; display: block; border: 2px solid #00969f; margin-bottom: 5px; cursor: pointer; }
.btnSubmit { display: block; width: 150px; height: 50px; line-height: 50px; color: #fff; font-size: 24px; font-weight: 400; text-align: center; background: #b51d10; margin: 10px auto; }
/*popbox*/
.popbox_con { width: 442px; padding: 20px 34px 5px; background-color: #f6f6f6; border: 3px solid #ce0204; color: #ce0204; }
.popbox_h { width: 100%; height: 40px; color: #ce0204; font-size: 24px; font-weight: bold; text-align: center; line-height: 40px; }
.popbox_con input { border: none; border-bottom: 1px solid #ce0204; background: none; outline: none; color: #ce0204; font-size: 16px; }
.popsubmit { display: inline-block; width: 150px; margin: 0 35px; background-color: #ce0204; color: #ffffff; text-align: center; }
.popclose { position: absolute; top: 0; right: -46px; width: 46px; height: 46px; background-color: #ce0204; color: #ffffff; font: 46px/46px sans-serif; text-align: center; }
.popclose:hover { color: #ffffff; }
/*��ʾ��Ϣ*/
.poptips { width: 100%; padding: 20px 0 40px; color: #ce0204; font-size: 16px; line-height: 30px; }
.beta { display: block; left: 50%; bottom: 80px; margin-left: 140px; }
span.reds { color: #E82E0F; }
.ser{ position: absolute; top: 225px; left: 0; height: 24px; width: 900px; line-height: 22px; white-space: nowrap; color:#fff;}
.ser span{display:block;width:70px;text-align:center;height:22px;background:#902320;border:1px solid #9e3735;border-width:1px 0 1px 1px;float:left;}
.ser em{display:block;float:left;font-style:normal;height:22px;padding:0 10px;background:#3d3f3d;border:1px solid #505250;border-width:1px 1px 1px 0;}
.ser em strong{color:#ce6100;}
#downSec02{display:none;}/*  |xGv00|6d65b06b1815217f14426616e94859b4 */


.listPf{

position: absolute;

left: 0;

top: -50px;

font-size: 0;
}
.listPf b{
	    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding: 0px 7px;
    background: red;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
}
.listPf span{
    display: inline-block;
    vertical-align: middle;
    background: #121212;
    font-size: 12px;
    padding: 0px 13px;
    line-height: 30px;
    height: 30px;
    color: #fff; 
}
.listPf span:hover{
    display: inline-block;
    vertical-align: middle;
    background: #ffd400;
    font-size: 12px;
    padding: 0px 13px;
    line-height: 30px;
    height: 30px;
    color: #000; 
}
.sider,
.sider *{
	
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;


}
.btntop{
	width: 100%;
	bottom: 0px;
	border-top: 4px solid #930909;
	margin-top: 20px;
	display: block;
	height: 33px;
	background: url(../images/up.png) no-repeat center center;
	background-size: auto 80%;
}
/* Created by Demo.jiang | 5430  */
 body, div, dt, h1, pre, form, input, button,  textarea, p, th, td { margin: 0; padding: 0; font:normal 14px Arial; }
 body {
    /*background-color: #ede9e0;*/
    background-color: #ffffff;
    /*text-align: left;*/
}
 img { border: 0; }
a{color:#04ff00; text-decoration:none}
a:hover{ color:red; text-decoration:underline}

.font1{ font-size:12px}
.font3{ font-size:12px ; color:#999}
.red{ color:#F00}
.line1{ border-top:1px  dashed #ccc}
 .dispnone{display:none} 
.w2,.w3,.w4,.w5,.w6,.w8{ width:120px; height:19px ; line-height:19px; padding:2px 4px}
.w6{ width:232px; height:80px}
.w8{ width:232px; height:120px}
.w2{ width:232px}
.w3{ width:38px}
.w5{ width:28px}
.w4{ width:110px; } 
.ipt1{ border:1px solid #c4c4c4; background:#f9f9f9}
 /* ------------可调整内容--------------*/
 .location{background: url("/images/location.png") no-repeat scroll 0 -56px transparent; height: 28px;overflow: hidden;}
 .location1{background: url("/images/location.png") no-repeat scroll 0 -28px transparent; height: 28px;overflow: hidden;}
 .location span .active,.location1 span .active{font-weight: bold;}
 .location span,.location1 span{color: #999999;font-size: 14px;line-height: 30px;margin-left: 37px;margin-right: 17px;
text-decoration: none;}
/*logo*/
.logo1{ height:66px; padding-top:0px}
.logo1 h1,#urs_logo{cursor:pointer; background:url(/images/textlogo.gif); width:230px; height:66px; float:left;}
#urs_logo{margin-top:5px;}
/* 顶部titile条*/
 .midTitle{ background:url(/images/title.gif) no-repeat; height:45px}
.middefaultTitle{ background:url(/images/defaulttitle.gif) no-repeat; height:45px}
.midbuyTitle{ background:url(/images/titlebuy.gif) no-repeat; height:45px}
/* 分割背景条*/
.midSubTitle{ line-height:37px; height:37px; padding:0 10px; border-bottom:1px solid #e4e4e4}
.midSubTitleArrow { height:5px; overflow:hidden}
.midSubTitleArrow b{ display:block; width:9px; height:5px; background:url(/images/arrow_bg.gif) #e4e4e4 no-repeat ; float:left; margin-left:64px ;*margin-left:34px;}
/* ------------可调整内容--------------*/
 /*主体*/
#main_wrap{ width:802px; margin:5px auto; position:relative}
.clr{ clear:both; font:0; overflow:hidden; height:0}
 /*上部*/
.logo1{ float:left; padding-right:0px; }
.rigNav{ float:right; background:url(/images/icon_help.gif) 0 20px no-repeat; padding-left:20px; padding-top:20px; width:50px; }
/*中部*/
.midCnt{ border:0px solid #c4c4c4; /*border-bottom:0;*/ /*background-color:#ede9e0*/}
.midSubCnt{  margin:5px 10px 0 0px;/*margin:5px 10px 0 20px; */padding-top:10px;*padding-bottom:10px}
.midSubCnt table {width: 79%;margin-top:10px;}
.midSubCnt table td{ padding:6px 4px}
.midSubCnt table th { text-align:right; padding-right:5px; width:110px}
.star{ color:#F00}
.infoDiv{ position:relative;left:368px;*left:208px;_left:258px;top:-5px}
.infoIcon_ok,.infoIcon_err{ width:16px; height:16px; background:url(/images/icon_ok.gif) no-repeat; display:none; left:1px; *left:160px; _left:2px;position:absolute; top:5px;}
.infoIcon_err{background:url(/images/icon_error.gif) no-repeat; }
.infoBox_ok .arrow{ background:url(/images/arrow2.gif) no-repeat; 
width:10px; 
height:13px; top:8px; left:-8px;/*20px;*/position:absolute}
.infoBox_ok .cnt{ border:2px solid #ddddce; background:#ffffee; padding:8px; position:absolute; 
left:20px;/*28px;*/ width:228px;/*245px;*/ font-size:12px; line-height:20px; top:-5px; text-align:left}
.infoBox_err .arrow{ background:url(/images/arrow2.gif) no-repeat; width:10px; height:13px; 
top:8px; left:-8px;position:absolute}
.infoBox_err .cnt{ border:2px solid #d59799; background:#fef5f5; padding:8px; position:absolute; 
left:0px; 
width:228px;/*245px;*/
font-size:12px; line-height:20px; top:-5px; text-align:left}
.midBottom{ background:url(/images/bottom.gif) no-repeat; height:5px; overflow:hidden}
/*底部*/
#bottom{ height:50px; padding:15px; margin:0 auto; text-align:center; color:#666; line-height:30px; font-size:12px}
/*patch none*/
#AreaCode_td select{ height:25px; width:240px;}
.infoDiv{ display:;}
/*.infoBox_ok .cnt{ width:245px;}*/
.midSubCnt table td{ padding:8px 4px}
#vip_recommend a{ font-size:12px;}
#agree_infoDiv{ top:-17px;}
*+html .infoBox_ok .cnt {left:188px !important;}
*+html .infoBox_ok .arrow{left:180px !important;}
*+html .infoBox_err .cnt {left:188px !important;}
*+html .infoBox_err .arrow{left:180px !important;}
/*提交按钮*/
.submit_btn_wrapper{ background:none; border:none; cursor:pointer;}
.submit_btn{ background:url(/images/icon_submit.gif) repeat-x ;background-position:0 -375px; height:34px;  }
.submit_btn .left{display:block;background:url(/images/icon_submit.gif) no-repeat scroll 0 0 ;float:left; background-position:-298px -40px; width:3px; height:34px;}
.submit_btn .right{display:block;background:url(/images/icon_submit.gif) no-repeat scroll 0 0 ;float:right;  background-position:-340px -40px; width:18px; height:34px;}
.submit_btn .text{color:#ede9e0; font-family:"宋体"; font-weight:bold; padding-top:10px; text-align:center;  }
.wd1{ width:120px;}
.layerContent {background: url("/images/subback.gif") repeat-y scroll center top; width: 987px;float:left}
.input-validation-error{background: none repeat scroll 0 0 red;}
.validation-summary-errors{ color:Red}




#pub_footers {
    clear: both;
    width: 100%; 
    font-size: 12px;
    font-family: 'Microsoft Yahei',sans-serif,Arial;
    overflow: hidden;
    border-bottom: 2px solid #3e3e3e;
}
.center {
    width: 1200px;
    margin: 0 auto;
}


.clearfix {
    *zoom:1;}

.fl {
    float: left;
}

.fr {
    float: right;
}

.center {
    width: 1200px;
    margin: 0 auto;
}

.f_nav,.f_kefu {
    color: #eaeaea;
    height: 40px;
    line-height: 30px;
    display: inline-block;
 
    border: 0px;
}

.f_nav a,.f_kefu a {
    padding: 5px;
    height: 40px;
    line-height: 30px;
    display: inline-block;
    color: #eaeaea;
}

.f_nav a:link,.f_nav a:visited,.f_kefu a:link,.f_kefu a:visited {
    color: #eaeaea;
    text-decoration: none;
}

.f_main {
    margin: 0 auto;
    padding-bottom: 20px;
    width: 1020px;
    background: #161616;
    border: 0px;
}

.f_group_logo li a {
    overflow: hidden;
    display: inline-block;
    line-height: 999em;
    text-indent: -9999px;
    height: 47px;
}

.f_group_logo {
    padding: 10px 0 10px 0;
    float: left;
    width: 100%;
}

.f_group_logo .gl_taren {
    width: 167px;
    height: 47px;
    background: url(../images/base_v.6.png) no-repeat;
    margin-right: 15px;
}

.f_group_logo .gl_mu {
    width: 169px;
    height: 47px;
    background: url(../images/mu.png) no-repeat;
    margin-right: 15px;
}

.f_group_logo .gl_sun {
    width: 158px;
    height: 47px;
    background: url(../images/sun.png) no-repeat;
    margin-right: 15px;
}

.f_group_logo .gl_qjcs {
    width: 155px;
    height: 47px;
    background: url(../images/qjcs.png) no-repeat;
    margin-right: 15px;
}

.f_group_logo .gl_mu2 {
    width: 149px;
    height: 47px;
    background: url(../images/mu2.png) no-repeat;
    margin-right: 15px;
}

.f_group_logo .gl_qjzqz {
    width: 222px;
    height: 47px;
    background: url(../images/qjzqz.png) no-repeat;
    margin-right: 15px;
}

.f_group_logo .gl_ro {
    width: 332px;
    height: 47px;
    background: url(../images/ro.png) no-repeat;
    margin-right: 15px;
}

.f_group_logo .gl_hjdt {
    width: 233px;
    height: 47px;
    background: url(../images/snk-kafei.png) no-repeat;
    margin-right: 15px;
}

.f_group_logo_list {
    overflow: hidden;
    font-size: 0;
    margin: 0 auto;
    float: left;
}

.f_group_logo_list li {
    overflow: hidden;
    display: inline;
    float: left;
    font-size: 12px;
    height: 47px;
}

.f_group_logo_list li a {
    vertical-align: top;
    text-decoration: none;
}

.f_net_info {
    color: #8a8a8a;
    float: left;
    width: 100%;
    text-align: left;
}

.f_net_info p {
    overflow: hidden;
    line-height: 20px;
}

.f_net_info a:link,.f_net_info a:visited,.f_info_index a:link,.f_info_index a:visited,.f_new_copyright a:link,.f_new_copyright a:visited {
    color: #8a8a8a;
    text-decoration: none;
}

.f_net_info a:hover,.f_info_index a:hover,.f_new_copyright a:hover {
    color: #e63737;
    text-decoration: none;
}

.f_info_index {
    margin: 6px auto 0;
    float: left;
    width: 100%;
}

.f_info_index p {
    float: left;
    color: #8a8a8a;
    margin-right: 15px;
    line-height: 20px;
}

.f_info_index img {
    margin-right: 5px;
    vertical-align: -5px;
    float: left;
}

.f_info_index p a {
    display: block;
}

.f_new_copyright {
    overflow: hidden;
    color: #8a8a8a;
    text-align: left;
    float: left;
    width: 100%;
    line-height: 20px;
}

.f_new_copyright p a {
    color: #8a8a8a;
}
#pub_footer{
	zoom: 1;
	overflow: hidden;
}
#pub_footer {
    clear: both;
    width: 100%; 
    font-size: 12px;
    font-family: 'Microsoft Yahei',sans-serif,Arial;
    overflow: hidden;
}


.pub_footer_in_right .footer_ewm {
    width: 120px;
    height: 120px;
    background: url(../images/ewm-d.png);
    float: left;
}

.pub_footer_in_right .footer_erweima {
    width: 120px;
    height: 120px;
    float: left;
}
.pub_footer_in_right {
    width: 120px;
    height: 120px;
    float: right;
    margin-top: 40px;
    margin-right: 40px;
}


.sidePF{position: absolute;right: 1px;z-index: 9999;width: 145px;}
.sidePF img{
width: 100%;
}
.sidePF .link{
	
position: absolute;
	
width: 100%;
	
top: 0px;
	
left: 0;
	
z-index: 4;
	
padding-top: 174px;
}
.sidePF .link a{
	
display: block;
	
height: 50px;
}
.sidePF .link a.s1{
	
}
.sidePF .link a.s2{
	
margin-top: 10px;
	
margin-bottom: 59px;
}
.sidePF .link a.s3{
	
}
a {  text-decoration:none!important; 
  -webkit-transition: all 1s!important;
  -moz-transition: all 1s!important;
  transition: all 1s!important;
}
  .tool_tip{ background:url(../images/shopbg.jpg);box-shadow: 1px 1px 6px #000000;padding:10px 10px;border-radius:5px;color:#fff;font-size:12px;position:absolute;z-index:99999;word-wrap:break-word}
  .tool_tip img {  border-radius: 4px;  }
  .tool_tip_top:before{top:100%;left:50%;transform:translate(-50%,0);-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);border-color:rgba(0,0,0,.9) transparent transparent transparent}
  .tool_tip_right:before{top:50%;left:0;transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);-webkit-transform:translate(-100%,-50%);border-color:transparent rgba(0,0,0,.9) transparent transparent}
  .tool_tip_bottom:before{top:0;left:50%;transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);-webkit-transform:translate(-50%,-100%);border-color:transparent transparent rgba(0,0,0,.9) transparent}
  .tool_tip_left:before{top:50%;left:100%;transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);border-color:transparent transparent transparent rgba(0,0,0,.9)}
 
:root {
	font-size: 20px;
	--red: red;
	--yellow: red;
	--green: #2ecc71;
	--white: red;
	--grey-light: #ffffff;
	--grey: #ffffff;
	--black: #080808;
	--black-blue: #121314;
	--black-blue-light: #353746;
	--black-blue-light-2: #404255;
	--black-blue-light-3: #4b4d64;
	--black-light: #424455;
}
.progress-wrap {
	position: fixed;
	right: 170px;
	bottom: 100px;
	height: 66px;
	width: 66px;
	cursor: pointer;
	display: block;
	border-radius: 66px;
	box-shadow: inset  0 0 0 4px rgba(0,0,0,0.8);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family: 'unicons';
	content: '↑';
	text-align: center;
	line-height: 66px;
	font-size: 24px;
	color: #fff;
	left: 0;
	top: 0;
	height: 66px;
	width: 66px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	font-family: 'unicons';
	content: '↑';
	text-align: center;
	line-height: 66px;
	font-size: 24px;
	opacity: 0;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 66px;
	width: 66px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: var(--grey);
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}