@charset "utf-8";blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul{margin: 0;padding: 0}
table{border-collapse: collapse;border-spacing: 0}
fieldset, img{border: 0}
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal;font-weight: 400}
ol, ul{list-style: none}
caption, th{text-align: left}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: 400}
q:after, q:before{content: ''}
abbr, acronym{border: 0;font-variant: normal}
sup{vertical-align: text-top}
sub{vertical-align: text-bottom}
input, select, textarea{font-family: inherit;font-size: inherit;font-weight: inherit;*font-size:100%}
legend{color: #000}
input{background: 0 0;border: none}
button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=file]>input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner{border:none;padding:0}
body{font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;font-size: 12px;word-break: break-all;word-wrap: break-word}
a{text-decoration: none;outline: 0}
.fl{float: left}
.fr{float: right!important}
.ds{display: block!important}
.dn{display: none}
.ma{margin: auto}
.pf{position: fixed}
.pa{position: absolute}
.f12{font-size: 12px}
.f14{font-size: 14px}
.wd1000{width: 1000px}
.clearFix:after{display: block;clear: both;height: 0;visibility: hidden;content: "."}
.clearFix{display: block;*display:inline-block}
* html .clearFix{height: 1%}
body, html{overflow-x: hidden;background: #12110f;color: #999}
a, a:hover{color: #fff}
#wraps{position: relative;z-index: 2}
#headerss{height: 120px;}
#topbg{margin: 0 auto 0 -960px;width: 1920px;overflow: hidden;position: absolute;left: 50%;}
#topbg img{display:block;}
#navWrap{position: absolute;z-index: 1001;top:820px;left: 50%;width: 1920px;height: 86px;margin-left: -960px}
.container_bg{position: relative;z-index: 10;margin-top: -165px;background: url(../images/bg-top.jpg) no-repeat 50% top}
.container_bg-bot{background: url(../images/bg-bot.jpg) no-repeat 50% bottom}
.container_bg-re{background: url(../images/bg-re.png) repeat-y 50% 0}
#container{width: 1000px;margin: 0 auto;padding-bottom: 50px;min-height: 400px}
#footer{position: relative;font-size: 12px;width: auto;margin: 0;padding: 60px 0 55px;background: #040203 url(../images/footer-bg-1.jpg) no-repeat scroll 50% 0}
#footer .logo_bz{display: inline-block;overflow: hidden;width: 140px;height: 80px;vertical-align: middle;background: url(../images/blizzard.png) no-repeat 0 0}
#footer .logo_ne{display: inline-block;overflow: hidden;width: 105px;height: 33px;margin: 34px 0 0 20px;vertical-align: middle;background: url(../images/logo_ne.png) no-repeat 0 0}
#footer .cprt{max-width: 1000px;margin: 50px auto 8px;padding: 0 0 30px;text-align: center;border-bottom: 1px solid #282d32}
#footer .cprt .info ul li{color: #ccc;float: left;font-size: 14px;padding-right: 10px}
#footer .cprt .info ul li a{color: #ccc;padding-right: 10px}
#footer a{text-decoration: none;color: #515151}
#footer a:hover{color: #fefefe}
#footer .tips{text-align: center;color: #2a2c2f}
#footer .cprt .info{position: relative;display: inline-block;width: 625px;padding: 20px 0 0 10%;text-align: left;vertical-align: middle;color: #515151;*display:inline;*zoom:1}
#footer .integrity{padding-top: 15px}
#footer .integrity a{margin-right: 5px}
#footer .support-feedback{max-width: 1000px;margin: 0 auto 10px;color: #ccc;font-size: 14px}
#footer .cs{float: left}
#footer .cs a{color: #ccc}
.cs .cs-Feedback, .cs .cs-online{margin-right: 25px}
.support-feedback .icon-1, .support-feedback .icon-2, .support-feedback .icon-3{background-position: -6px -7px;display: inline-block;height: 19px;margin-right: 7px;position: relative;top: 5px;width: 19px}
.support-feedback .icon{background-image: url(../images/f-business.png);background-repeat: no-repeat}
.support-feedback .icon-2{background-position: -36px -8px;top: 6px}
.support-feedback .icon-3{background-position: -63px -7px;top: 4px}
.support-feedback .business{float: right;vertical-align: top;position: relative}
.business .icon-apply, .business .icon-more{background: #262626 none repeat scroll 0 0;border: 1px solid #262626;color: #ac771f;cursor: pointer;display: inline-block;height: 14px;margin: 0 13px;padding-top: 0;position: relative;top: 3px;width: 14px}
.business .icon-more{margin-right: 0}
.business .icon-media{margin-left: 13px}
.business strong{display: inline}
.business .icon-apply i.line-h{height: 2px;margin: -1px 0 0 -5px;width: 10px}
.business .icon-apply i.line-s{height: 10px;margin: -5px 0 0 -1px;width: 2px}
.business .icon-apply i.line-h, .business .icon-apply i.line-s{background: #ccc none repeat scroll 0 0;display: block;left: 50%;position: absolute;top: 50%}
.business .icon-apply:hover i.line-h, .business .icon-apply:hover i.line-s{background: #fff}
.business .icon-more i{border: 4px solid transparent;border-top-color: #ccc;display: block;width: 0;height: 0;position: absolute;top: 50%;left: 50%;margin: -2px 0 0 -4px}
.business .icon-more:hover i{border-top-color: #fff}
.business .icon-more.hidden i{border-bottom-color: #ccc;border-top-color: transparent;margin: -6px 0 0 -4px}
.business .icon-more.hidden:hover i{border-bottom-color: #fff}
.business .businessList{display: inline}
.business .businessList li{display: inline-block}
.business .businessList li img{vertical-align: bottom}
#footer .joiner{width: 671px;background: #0f0f0f;border: 1px solid #151616;position: absolute;right: 0;top: 22px;display: none;z-index: 1}
#footer .joiner ul{padding: 10px 0 10px 20px}
#footer .joiner li{float: left;line-height: 22px;text-align: left;padding-right: 10px;width: 83px}
#footer .joiner li a{color: gray}
#footer .joiner li a:hover{color: #fff}
#footer .joiner li.apply{display: block;float: right}
#footer .joiner li.apply a{color: #ea8631;text-decoration: underline}
#footer .joiner li.apply a:hover{color: #fff}
.intro-wrapper{width: 1000px;position: relative;left: 50%;margin-left: -500px}
.intro-wrapper .btn{width: 278px;height: 136px;display: block;float: left;text-indent: -9999px;overflow: hidden;margin-right: 83px;background: url(../images/top-btn-1.png) no-repeat}
.intro-wrapper .what-is-d3{background-position: 0 0}
.intro-wrapper .what-is-d3.active, .intro-wrapper .what-is-d3:hover{background-position: 0 -155px}
.intro-wrapper .history{background-position: -291px 0;margin-right: 0}
.intro-wrapper .history.active, .intro-wrapper .history:hover{background-position: -291px -155px}
.intro-wrapper .public-beta{background-position: -586px 0}
.intro-wrapper .public-beta.active, .intro-wrapper .public-beta:hover{background-position: -586px -155px}
.ie_warning{font-size: 11px;line-height: 14px;display: none;width: 355px;height: 75px;margin: 0 auto;text-align: left;background: url(../images/d3_warning.png) top center no-repeat}
.ie_warning .ie_warning_txt{width: 265px;height: 50px;padding: 6px 0 0 70px;color: #6d1916}
.ie_warning .ie_warning_txt span{color: #ff6e35}
.ie_warning .ie_waring_txt2{padding-left: 10px;color: #a24523}
h1.logo{position: absolute;z-index: 20;top: -12px;left: 50%;margin-left: -621px}
h1.logo img{max-width: 100%}
h1.logo a{display: block;width: 100%;height: 100%}
.ui-play{position: absolute;z-index: 10;left: 40%;top: 31%;width: 72px;height: 56px;cursor: pointer;transition: opacity .2s linear 0s;background: url(../images/play.png) no-repeat 0 0}
.ui-play span{position: absolute;top: 8px;left: 8px;display: block;width: 56px;height: 40px;opacity: .8;background: url(../images/play.jpg) no-repeat 0 0;filter: Alpha(opacity=80)}
a:hover .ui-play span{opacity: 1;filter: Alpha(opacity=100)}
.ui-play-small{position: absolute;z-index: 10;top: 32px;left: 69px;width: 60px;height: 46px;cursor: pointer;transition: opacity .2s linear 0s;background: url(../images/play-small.png) no-repeat 0 0}
.ui-play-small span{position: absolute;top: 7px;left: 7px;display: block;width: 46px;height: 32px;opacity: .8;background: url(../images/play-small.jpg) no-repeat 0 0;filter: Alpha(opacity=80)}
a:hover .ui-play-small span{opacity: 1;filter: Alpha(opacity=100)}
.ui-breadcrumbs{position: relative;z-index: 11;height: 24px;padding: 40px 0 20px;color: #150603;margin-left: -52px}
.ui-breadcrumbs a{font-size: 14px;display: inline-block;color: #6f9ca2;text-shadow: 0 2px 4px #000}
.ui-breadcrumbs a:hover{text-decoration: none;color: #fff}
.ui-breadcrumbs a.active{cursor: default;color: #999;border-bottom: none}
.ui-breadcrumbs span{font-size: 14px;color: #6f9ca2;text-shadow: 0 2px 4px #000}
#service{position: absolute;width: 1000px;left: 50%;top: 0;margin-left: -410px;z-index: 1002}
.service-bar{-moz-user-select: none;display: inline-block;font-size: 12px;position: absolute;right: 0;text-align: right;z-index: 75}
.service-bar .dropdown-menu{background-color: #C5C5C5;border-radius: 2px 0 2px 2px;box-shadow: 0 3px 4px #1B1B1B;color: #000;display: none;line-height: normal;padding: 10px;position: absolute;right: 0;text-align: left;top: 33px;width: 150px}
.service-bar .dropdown-menu a{border-radius: 2px;color: #000;display: block;padding: 5px}
.service-bar .dropdown-menu a:hover{background: none repeat scroll 0 0 #D6D6D6;color: #000;text-decoration: none}
.service-cell{background: url(../images/background.png) repeat-x scroll 0 -200px;color: #8694A1;display: block;float: left;line-height: 32px;padding: 0 0 7px;position: relative}
.service-cell a{color: #00B6FF;text-decoration: none;font-size: 12px}
.service-cell a:hover{color: #FFF}
.service-home{background-position: 0 0;background-repeat: no-repeat}
.service-home a{background: url(../images/background.png) no-repeat scroll 0 -40px;border-left: 0 none;display: block;line-height: 33px;padding: 0 0 0 7px;text-indent: -9999px;width: 48px}
.service-home.service-maintenance a{background-position: 0 -120px}
.service-home.service-alert a{background-position: 0 -160px}
.service-home a:focus, .service-home a:hover{background-color:;background-position: 0 -80px}
.service-welcome{padding: 0 15px 7px}
.service-welcome .employee{background: url(../images/employee.gif) no-repeat scroll center center;display: inline-block;height: 32px;vertical-align: middle;width: 27px}
.service-link{border-left: 1px solid #33373B;display: block;font-size: 10px;line-height: 33px;padding: 0 1.5em;text-transform: uppercase}
.service-link:focus, .service-link:hover{background-color: #343434}
.service-cell a.active{background: none repeat scroll 0 0 #C5C5C5;color: #000}
.service-news a{background: url(../images/background.png) repeat-x scroll -117px -160px;border-left: 0 none;border-right: 1px solid #33373B;display: block;width: 50px}
.service-bar .service-news.opened{padding: 0}
.service-bar .service-news.opened a, .service-bar .service-news.opened a:focus, .service-bar .service-news.opened a:hover{background-color: #D37201;border-right-color: #D37201;height: 40px}
.service-support-enhanced{background-position: 100% -241px}
.service-support a.service-link-dropdown{background: url(../images/background.png) repeat-x scroll 100% -240px;display: block;padding: 0 38px 0 1.5em}
.service-support a.service-link-dropdown:hover{background-position: 100% -280px}
.service-support a.active, .service-support a.active:focus, .service-support a.active:hover{background: url(../images/background.png) repeat-x scroll 100% -320px;color: #FFF}
.service-explore{background-position: 100% 0;padding: 0 0 7px}
.service-explore a.dropdown{background: url(../images/background.png) repeat-x scroll 100% -40px;color: #FFF!important;display: block;line-height: 33px;padding: 0 40px 0 1.5em;text-transform: uppercase}
.service-explore a.dropdown:focus, .service-explore a.dropdown:hover{background-position: 100% -80px}
.service-explore a.active, .service-explore a.active:focus, .service-explore a.active:hover{background-position: 100% -120px}
.service-language a{background: url(../images/map.png) no-repeat scroll 50% 6px;height: 33px;padding: 0;width: 65px}
.service-language a:hover{background-position: 50% -40px}
.no-support-tickets{display: none}
.open-support-tickets{background: url(../images/background.png) repeat-x scroll -188px -168px;color: #722600;display: block;height: 16px;line-height: 16px;overflow: hidden;padding: 1px 1px 4px;position: absolute;right: 11px;text-align: center;top: 8px;width: 17px}
.service-support a.active .open-support-tickets, .service-support a.active:focus .open-support-tickets, .service-support a.active:hover .open-support-tickets{color: #722600}
.service-auth .service-link, .service-auth .service-link.active{background: url(../images/security-alert.png) no-repeat scroll 50% 50%;display: block;height: 33px;padding: 0 8px;width: 20px}
.service-auth .service-link:focus, .service-auth .service-link:hover{background-color: #343434}
.service-auth .service-link.active{background-color: #343C46}
.support-menu{position: absolute;right: 0;text-align: left;top: 33px;width: 295px;z-index: 85}
.support-primary{background: none repeat scroll 0 0 #343C46;line-height: 1.5;overflow: hidden;padding: 1em 13px 12px 15px}
.support-secondary{display: none}
.support-caption{color: #E8EBF0;display: block;font-size: 16px;font-weight: 400;letter-spacing: -1px;line-height: 1.333;margin: 0}
.support-nav{margin: 0;padding: 0}
.support-nav li{list-style: none outside none}
.support-nav a.support-category{border-bottom: 3px solid #2A5164;color: #94989F;display: block;margin: 0 0 .5em;padding: 0 0 .75em}
.support-nav a.support-category:active, .support-nav a.support-category:focus, .support-nav a.support-category:hover{border-color: #FFF;color: #FFF}
.explore-menu{background: none repeat scroll 0 0 #343C46;box-shadow: -1px 1px 14px rgba(0,0,0,.6);position: absolute;right: 7px;text-align: left;top: 33px;width: 659px;z-index: 85}
.explore-primary{background: none repeat scroll 0 0 #343C46;line-height: 1.5;overflow: hidden;padding: 1.25em 16px 1em}
.explore-menu .explore-caption{color: #B2BAC7;display: block;font-size: 16px;font-weight: 400;line-height: 1.333;margin: 0}
.explore-nav{margin: 0;padding: 0}
.explore-nav li{list-style: none outside none}
.explore-nav{float: left;width: 27%;margin-right: 2em}
.explore-nav a{border-bottom: 3px solid #2A5164;color: #94989F;display: block;margin: 0 0 .5em;padding: .5em 0 .75em}
.explore-nav a:active, .explore-nav a:focus, .explore-nav a:hover{border-color: #FFF;color: #FFF}
.explore-nav a:active .explore-caption, .explore-nav a:focus .explore-caption, .explore-nav a:hover .explore-caption{color: #FFF}
.explore-links{float: left;width: 30%}
.explore-links ul{margin: 0;padding: 0}
.explore-links ul li{list-style: none outside none}
.explore-links .explore-caption{font-size: 14px;margin: 0 0 .25em;padding: 0 4px;white-space: normal}
.explore-links a{border-radius: 2px;color: #94989F;display: block;margin: 0 0 .1em;padding: 2px 4px}
.explore-links a:active, .explore-links a:focus, .explore-links a:hover{background: none repeat scroll 0 0 #212832}
.explore-secondary{background: none repeat scroll 0 0 #232A31;height: 160px;line-height: 1.1;margin: 0;overflow: visible;padding: 0}
.explore-secondary li{float: left;list-style: none outside none;width: 110px}
.explore-secondary .explore-caption{display: block;font-size: 12px;padding-bottom: 4px;text-align: center;white-space: normal}
.explore-secondary a{color: #94989F;display: block;height: 158px;width: 110px}
.explore-secondary a:hover .explore-caption{color: #FFF}
.explore-secondary .explore-game-inner{display: block;padding: 110px 0 0}
.explore-secondary span{display: block;font-size: 11px;overflow: hidden;padding-bottom: 4px;white-space: nowrap}
.explore-game a{background: url(../images/explore-menu_v3.jpg) no-repeat scroll -434px -190px;height: 160px;position: relative;cursor: pointer}
.explore-game a:hover{background: url(../images/explore-menu_v3.jpg) no-repeat scroll -434px -125px}
.explore-game-sc2 a{background-position: -219px 0}
.explore-game-wow a{background-position: 0 0}
.explore-game-d3 a{background-position: -109px 0}
.explore-game-hs a{background-position: -439px 0}
.explore-game-heroes a{background-position: -329px 0}
.explore-game-overwatch a{background-position: -548px 0}
.explore-game-sc2 a:hover{background-position: -878px 0}
.explore-game-wow a:hover{background-position: -659px 0}
.explore-game-d3 a:hover{background-position: -768px 0}
.explore-game-hs a:hover{background-position: -1098px 0}
.explore-game-heroes a:hover{background-position: -988px 0}
.explore-game-overwatch a:hover{background-position: -1207px 0}
.explore-get-app{border: 1px solid #030303;box-shadow: 2px 2px 3px #21242a;display: block;float: right;cursor: pointer}
.explore-get-app:hover .app-preview{background-position: 0 -145px}
.explore-get-app .app-preview{background: url(../images/app-screen-explore-menu.png) no-repeat 0 0;height: 139px;width: 232px}
.explore-get-app .app-tagline{background-color: #1f242e;border: 1px solid #363b45;border-top: none;padding: .5em;text-align: center}
.imgload{position: relative;top: 50%;left: 50%;margin-top: -32px;margin-left: -32px}
.imgload2{position: relative;top: 50%;left: 50%;width: 40px;height: 35px;margin-top: -17px;margin-left: -20px}
.imgload3{position: relative;top: 50%;left: 50%;width: 36px;height: 36px;margin-top: -18px;margin-left: -18px}
.alignCenter{text-align: center}
.font_blue_light{color: #00f5fd}
.font_black{color: #000}
.font_14{font-size: 14px}
.font_bold{font-weight: 700}
.pt5{padding-top: 5px}
.pt10{padding-top: 10px}
.pt15{padding-top: 15px}
.transitionP{transition: opacity .5s ease 0s;opacity: 0;filter: alpha(opacity=0)}
.transitionP:hover{transition: opacity .5s ease 0s;opacity: 1;filter: alpha(opacity=100)}
.pr{position: relative}
.light_blue{display: inline-block;width: 375px;height: 99px;background: url(../images/light.png) no-repeat 0 0}
.thumb_circle{display: inline-block;width: 321px;height: 165px;background: url(../images/circle.png) no-repeat 0 0}
.eye_shadow{position: absolute;bottom: 0;width: 640px;height: 130px;background-position: -271px -370px}
.btn-shadow{font-size: 18px;line-height: 47px;height: 47px;text-align: center;color: #48ccff;border: 2px solid #30719b;background-color: #1c183d;box-shadow: inset 0 0 15px #30719b}
.btn-shadow a{display: block;width: 100%;height: 100%}
.thumb_op5{text-align: center;background: url(../images/op5.png) repeat 0 0;position: absolute;z-index: 1000;top: -112px;left: -10px;display: none;height: 92px;padding: 10px;border-radius: 6px}
.jiathis_tip{position: relative}
.jiathis_tip:hover .thumb_op5{display: block}
.ui-slider .ui-slider-txt div{display: none}
.ui-slider .ui-slider-txt div.ui-slider-active{display: block}
.ui-slider .ui-slider-pic li{display: none}
.ui-slider .ui-slider-pic li.ui-slider-active{display: block}
.ui-more-style{font-size: 20px;line-height: 45px;position: relative;display: block;height: 45px;cursor: pointer;text-align: center;background: #0b0a09;background: rgba(0,0,0,.4);border-radius: 5px}
.ui-more-style:hover{background: #050504;background: rgba(0,0,0,.7)}
.ui-more-style a{color: #969797}
.ui-more-style span{display: block;width: 83px;height: 100%;margin: 0 auto;text-indent: -999em;background: url(../images/more.png) no-repeat 0 14px}
.ui-more-style:hover span{background-position: 0 -23px}
.mainNewsList{min-height: 108px;padding-top: 30px;margin-top: 30px;background: url(../images/news-line.jpg) repeat-x 0 top;position: relative}
.mainNewsList .news div{position: relative;float: left;margin-top: -125px;padding-left: 30px}
.homeNewsItem{position: relative;display: block;padding-bottom: 5px;padding-left: 235px;cursor: pointer}
.homeNewsItem img{position: absolute;top: 3px;left: 5px;box-shadow: 0 0 20px -6px #000}
.homeNewsItem h4{font-size: 18px;overflow: hidden;min-height: 23px;margin-bottom: 10px;color: #a99877}
.homeNewsItem:hover h4{color: #fff}
.homeNewsItem p.homeNewsIntro{font-size: 14px;overflow: hidden;min-height: 20px;letter-spacing: 1px;color: #999;margin-bottom: 10px}
.mainNewsList .j-newsBlog, .smallEyes .j-newsBlog{position: absolute;padding: 1px 15px;background: #c00500;left: 8px;top: 36px;box-shadow: 0 0 4px rgba(0,0,0,.75)inset;border: 1px solid #ad0400;z-index: 1;color: #fff;cursor: pointer;font-weight: 800}
.smallEyes .j-newsBlog{left: 10px;top: 8px}
.homeNewsWrap .time{padding-left: 20px;vertical-align: middle;color: #666}
.homeNewsComment{position: relative;left: 235px;display: inline-block}
.homeNewsComment a{cursor: pointer;color: #fff}
.mainNewsList:hover .commentPic{background-position: 0 -12px}
.mainNewsList:hover .commentNum{color: #86acb1}
.mainNewsList:hover .commentLink{background-position: -55px -51px}
.homeNewsComment .time{font-family: avqestregular;font-size: 14px;color: #557173;margin-left: 10px}
.commentPic{display: inline-block;height: 12px;margin-right: 2px;width: 12px;vertical-align: middle;background: url(../images/comment-1.gif) no-repeat 0 0}
.commentNum{font-family: avqestregular;color: #6f9ca2;display: inline-block;font-size: 13px}
.commentLink{height: 16px;vertical-align: middle;width: 16px;display: inline-block;background: url(../images/comment_link.png) no-repeat -55px -16px}
.homeNewsMore a{font-size: 18px;line-height: 47px;display: block;height: 47px;text-align: center;color: #48ccff}
.bg_foot{height: 200px;text-align: center;background: #0c0116 url(../images/bg_foot.jpg) 50% -20px no-repeat}
.foot_logo{width: 1000px;height: 100px;margin: 0 auto;padding-top: 20px}
.foot_cont{line-height: 20px;color: #8eb1bc}
#popBox{position: absolute;z-index: 99999;display: none}
#boxModel{position: fixed;z-index: 99998;top: 0;left: 0;display: none;background-color: #000}
.share_wrap{position: relative;float: left;width: 190px;padding-top: 4px;background: url(../images/nav-border.png) no-repeat right 14px}
.share{width: 190px;height: 46px;margin-top: 10px;padding-left: 20px;background: url(../images/nav-border.png) no-repeat left 0}
.share li{position: relative;float: left;margin-right: 5px}
.share li a{display: block;width: 27px;height: 46px;transition: background-position .6s;background: url(../images/nav-text-v2.png) no-repeat 0 0}
.share li a:hover{transition: background-position .6s}
.share li a.jiathis_button_tsina{background-position: -868px 0}
.share li a.jiathis_button_tqq{background-position: -912px 0}
.share li a.jiathis_button_yixin{background-position: -956px 0}
.share li a.jiathis_button_weixin{background-position: -999px 0}
.share li a.jiathis_button_tieba{background-position: -1042px 0}
.share li a.jiathis_button_tsina:hover{background-position: -868px -46px}
.share li a.jiathis_button_tqq:hover{background-position: -912px -46px}
.share li a.jiathis_button_yixin:hover{background-position: -956px -46px}
.share li a.jiathis_button_weixin:hover{background-position: -999px -46px}
.share li a.jiathis_button_tieba:hover{background-position: -1042px -46px}
#headerFlash{position: absolute;top: 13px;left: 373px;width: 780px;height: 220px}
#nav_flash_wrap{position: absolute;top: 59px}
#jiathis_weixin_share{color: #000}
#jiathis_weixin_share a{color: #4b8dc8}
.media-frame{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.media-frame div{position: absolute}
.media-frame-left-top{z-index: 10;top: 0;left: 0;width: 40px;height: 36px;background: url(../images/left-top-corner.png) no-repeat left top}
.media-frame-right-top{z-index: 10;top: 0;right: 0;width: 40px;height: 36px;background: url(../images/right-top-corner.png) no-repeat left top}
.media-frame-left-bottom{z-index: 10;bottom: 0;left: 0;width: 7px;height: 7px;background: url(../images/left-bottom-corner.png) no-repeat left top}
.media-frame-right-bottom{z-index: 10;right: 0;bottom: 0;width: 7px;height: 7px;background: url(../images/right-bottom-corner.png) no-repeat left top}
.media-frame-border-top{top: 0;right: 0;width: 100%;height: 8px;background: url(../images/top-horizontal-bar.png) repeat-x left top}
.media-frame-border-right{top: 0;right: 0;width: 7px;height: 100%;background: url(../images/right-vertical-bar.png) repeat-y left top}
.media-frame-border-bottom{bottom: 0;left: 0;width: 100%;height: 7px;background: url(../images/bottom-horizontal-bar.png) repeat-x left top}
.media-frame-border-left{top: 0;left: 0;width: 7px;height: 100%;background: url(../images/left-vertical-bar.png) repeat-y left top}
.vignette{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;transition: all .5s ease 0s;opacity: .2;background: #000;box-shadow: 0 0 10px 5px #000 inset;filter: Alpha(opacity=20)}
a:hover .vignette{opacity: 0;filter: Alpha(opacity=0)}
.g-pad100{padding: 0 100px}
.btn_reg_w{position: absolute;top: 72px;left: 50%;display: block;width: 330px;height: 105px;margin-left: 23px;text-align: center;background: url(../images/btn.png) no-repeat 0 0}
.btn_reg{display: block;width: 232px;height: 55px;margin: 47px 0 0 48px}
.btn_reg:hover{background: url(../images/btn.png) no-repeat -48px -127px}
.btn_reg span{display: inline-block;width: 155px;height: 55px;background: url(../images/btn.png) no-repeat -382px 0}
.nav_face{position: absolute;z-index: 300;bottom: 19px;left: 50%;width: 60px;height: 90px;margin-left: -31px;cursor: pointer;background-position: -9999px -9999px}
.icon{display: inline-block;background-image: url(../images/icon.png);background-repeat: no-repeat}
.icon_face{background-position: 0 0}
.section_border{width: 100%;height: 17px;position: relative;z-index: 11;background: url(../images/section-border.png) repeat-x 0 0}
.bot-icon{position: absolute;z-index: 999;top: -34px;left: 50%;width: 114px;height: 77px;margin-left: -57px}
.chat-gem{position: absolute;top: 3px;left: 26px;display: block;width: 62px;height: 50px;-webkit-transition: opacity .333s linear;transition: opacity .333s linear;filter: alpha(opacity=0);opacity: 0;outline: 0;background: url(../images/icon_light.png) no-repeat;z-index: 1000}
.chat-gem.activited{opacity: 1;filter: alpha(opacity=100)}
.clearfix:after{display: block;visibility: hidden;clear: both;height: 0;content: '.'}
.clearfix{display: block;*display:inline-block}
* html .clearfix{height: 1%}
@font-face{font-family: avqestregular;src: url(../../css/fonts/avqest_2-webfont.eot) format('eot');src: url(../../css/fonts/avqest_2-webfont.woff) format('woff'), url(../../css/fonts/avqest_2-webfont.ttf) format('truetype')}
#gotop{position: fixed;z-index: 99995;right: 10px;bottom: 50px;display: none;width: 57px;height: 59px;cursor: pointer;background: url(../images/gotop.png) no-repeat}
#gotop:hover{background-position: 0 -59px}
.nav_ud{position: fixed;z-index: 1000;top: -84px;left: 50%;display: none;width: 115px;height: 112px;margin-left: -57px;cursor: pointer;background: url(../images/fall_arrow.png) no-repeat 0 0}
#touch-popup{padding-top: 35px;background: #000;z-index: 99996}
#touch-popupVideo{width: 100%}
.touch-popupClose{position: absolute;right: 0;top: 0;width: 35px;height: 35px;display: block;z-index: 99999;background: url(../images/touch-close.png) no-repeat 0 0}
#touch-popupVideo{position: relative;z-index: 99997}
.nav-battle, .nav-hamburger, .touch-battle, .touch-nav{display: none}
.justified-list{text-align: justify;text-justify: inter-ideograph;font-size: 0}
.justified-list:after{content: "";display: inline-block;width: 100%}
.minisite-share{height: 46px}
.minisite-share li{position: relative;float: left;margin-right: 5px}
.minisite-share li a{display: block;width: 27px;height: 27px;transition: background-position .6s;background: url(../images/share-bg.png) no-repeat 0 0}
.minisite-share li a:hover{transition: background-position .6s}
.minisite-share li a.jiathis_button_tsina{background-position: 0 0}
.minisite-share li a.jiathis_button_tqq{background-position: -43px 0}
.minisite-share li a.jiathis_button_yixin{background-position: -84px 0}
.minisite-share li a.jiathis_button_weixin{background-position: -129px 0}
.minisite-share li a.jiathis_button_tieba{background-position: -172px 0}
.minisite-share li a.jiathis_button_tsina:hover{background-position: 0 -46px}
.minisite-share li a.jiathis_button_tqq:hover{background-position: -43px -46px}
.minisite-share li a.jiathis_button_yixin:hover{background-position: -84px -46px}
.minisite-share li a.jiathis_button_weixin:hover{background-position: -129px -46px}
.minisite-share li a.jiathis_button_tieba:hover{background-position: -172px -46px}
.g-imgBorder{background: #000;border: 1px solid #362c25;padding: 1px;opacity: .8;filter: alpha(opacity=80);transition: opacity .5s ease;-webkit-transition: opacity .5s ease}
a:hover .g-imgBorder{border-color: #584334;background: #2e1c0f;opacity: 1;filter: alpha(opacity=100);transition: opacity .5s ease;-webkit-transition: opacity .5s ease}
.hd{display: none}
.moreNews{padding: 50px 0 0}
.g-play{height: 100%;left: 0;position: absolute;top: 0;width: 100%;background: url(../images/play-btn.png) no-repeat 50% 50%;opacity: .8}
.g-play:hover{opacity: 1}
.right-sidebar{position: fixed;right: 0;top: 50%;z-index: 1003}
.right-sidebar li{display: block;width: 60px;height: 60px;background: #000;text-align: center;cursor: pointer;position: relative}
.hide-right-sidebar, .show-right-sidebar{width: 60px;height: 60px;background: #000;text-align: center;cursor: pointer}
.siteMap:hover .menuList{display: block}
.siteMap .menuList{display: none;height: 170px;left: -519px;position: absolute;top: 0;width: 519px}
.siteMap .menuList dl{border-right: 1px solid #252323;border-top: 2px solid #430804;float: left;height: 100%;position: relative;width: 129px;background: #000;background: rgba(0,0,0,.9)}
.siteMap .menuList dl.last{border-right: none}
.siteMap .menuList dl:hover{border-top-color: #a41304}
.siteMap .menuList dt{color: #b2a07f;height: 32px;font-weight: 700;line-height: 32px;padding-left: 19px;font-size: 12px;background: rgba(52,47,41,.4)}
.siteMap .menuList dd{color: #59503f;height: 26px;width: 108px;border: none;line-height: 26px;padding-left: 19px}
.siteMap .menuList dd a{color: #59503f;font-size: 12px}
.siteMap .menuList dd a:hover{color: #fff;text-decoration: none}
.nav{width: 1920px;height: 86px;background: url(../images/nav-bg.png) no-repeat 50% 0}
.nav .mid{display: block;width: 1200px;margin: 0 auto}
ul.nav-items{float: left;padding-top: 4px}
ul.nav-items li{line-height: 46px;float: left;width: 150px;height: 46px;margin-top: 10px;text-align: center;background: url(../images/nav-border.png) no-repeat left 0}
ul.nav-items li a{display: block;width: 100%;height: 100%;text-align: center}
ul.nav-items li a:hover{-webkit-transition: all .6s;transition: all .6s;background: rgba(0,0,0,.2)}
ul.nav-items li a.active{background: rgba(0,0,0,.3);box-shadow: 0 0 9px #000 inset}
ul.nav-items li.playback{width: 60px}
ul.nav-items li a span{display: block;width: 100%;height: 100%;text-indent: -999em;cursor: pointer;background: url(../images/nav-text-1.png) no-repeat 0 0}
ul.nav-items li.home a span{background-position: 24px 0}
ul.nav-items li.news a span{background-position: -84px 0}
ul.nav-items li.gameguide a span{background-position: -207px 0}
ul.nav-items li.media a span{background-position: -347px 0}
ul.nav-items li.download a span{background-position: -480px 0}
ul.nav-items li.bbs a span{background-position: -607px 0}
ul.nav-items li.playback a span{background-position: -780px 0}
ul.nav-items li.rankings a span{background-position: -1458px 0}
ul.nav-items li.purchase a span{background-position: -1119px 0}
ul.nav-items li.home a:hover span{background-position: 24px -46px}
ul.nav-items li.home a.active span{background-position: 24px -92px}
ul.nav-items li.news a:hover span{background-position: -84px -46px}
ul.nav-items li.news a.active span{background-position: -84px -92px}
ul.nav-items li.gameguide a:hover span{background-position: -207px -46px}
ul.nav-items li.gameguide a.active span{background-position: -207px -92px}
ul.nav-items li.media a:hover span{background-position: -347px -46px}
ul.nav-items li.media a.active span{background-position: -347px -92px}
ul.nav-items li.download a:hover span{background-position: -480px -46px}
ul.nav-items li.download a.active span{background-position: -480px -92px}
ul.nav-items li.bbs a:hover span{background-position: -607px -46px}
ul.nav-items li.bbs a.active span{background-position: -607px -92px}
ul.nav-items li.playback a:hover span{background-position: -780px 0}
ul.nav-items li.playback a.active span{background-position: -780px -46px}
ul.nav-items li.rankings a:hover span{background-position: -1458px -46px}
ul.nav-items li.rankings a.active span{background-position: -1458px -92px}
ul.nav-items li.purchase a:hover span{background-position: -1119px -46px}
.nav-icon{position: absolute;top: -41px;left: 50%;display: block;width: 377px;height: 55px;margin-left: -188px;z-index: 1;background: url(../images/nav-icon.png) no-repeat}
.nav-icon-light{position: absolute;top: -44px;left: 50%;display: block;width: 47px;height: 47px;margin-left: -24px;z-index: 1;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .6s;transition: all .6s;background: url(../images/nav-icon-light.png) no-repeat}
.nav-icon-light.activited{opacity: 1;filter: alpha(opacity=100);-webkit-transition: all .6s;transition: all .6s}
.c-search{height: 42px;position: absolute;left: 50%;top: 136px;margin-left: 262px;width: 325px;z-index: 2}
.c-search input{background: #fff;border: 1px solid #271b41;color: #666;font-size: 14px;height: 26px;line-height: 26px;padding: 3px 40px 3px 14px;width: 281px;border-radius: 5px}
.c-search a{background-image: url(../images/search.jpg);background-repeat: no-repeat;height: 30px;position: absolute;right: -8px;top: 2px;width: 31px}
@media only screen and (max-width:1200px){.ui-breadcrumbs{margin-left: 0}
.c-search{margin-left: 161px}
h1.logo{margin-left: -500px}
.siteMap{margin-left: -450px}
#service{margin-left: -500px}
.nav .mid{width: 1000px}
ul.nav-items{float: left;margin-left: 0;padding-top: 4px}
ul.nav-items li{line-height: 46px;float: left;width: 125px;height: 46px;margin-top: 10px;text-align: center;background: url(../images/nav-border.png) no-repeat left 0}
ul.nav-items li a{display: block;width: 100%;height: 100%;text-align: center}
ul.nav-items li a:hover{-webkit-transition: all .6s;transition: all .6s;background: rgba(0,0,0,.2)}
ul.nav-items li a.active{background: rgba(0,0,0,.3);box-shadow: 0 0 9px #000 inset}
ul.nav-items li.playback{width: 60px}
ul.nav-items li.purchase{width: 121px}
ul.nav-items li.home a span{background-position: 0 0}
ul.nav-items li.news a span{background-position: -101px 0}
ul.nav-items li.gameguide a span{background-position: -224px 0}
ul.nav-items li.media a span{background-position: -364px 0}
ul.nav-items li.download a span{background-position: -498px 0}
ul.nav-items li.bbs a span{background-position: -625px 0}
ul.nav-items li.playback a span{background-position: -775px 0}
ul.nav-items li.rankings a span{background-position: -1475px 0}
ul.nav-items li.purchase a span{background-position: -1304px 0}
ul.nav-items li.home a:hover span{background-position: 0 -46px}
ul.nav-items li.home a.active span{background-position: 8px -92px}
ul.nav-items li.news a:hover span{background-position: -101px -46px}
ul.nav-items li.news a.active span{background-position: -101px -92px}
ul.nav-items li.gameguide a:hover span{background-position: -224px -46px}
ul.nav-items li.gameguide a.active span{background-position: -224px -92px}
ul.nav-items li.media a:hover span{background-position: -364px -46px}
ul.nav-items li.media a.active span{background-position: -364px -92px}
ul.nav-items li.download a:hover span{background-position: -498px -46px}
ul.nav-items li.download a.active span{background-position: -498px -92px}
ul.nav-items li.bbs a:hover span{background-position: -625px -46px}
ul.nav-items li.bbs a.active span{background-position: -625px -92px}
ul.nav-items li.playback a:hover span{background-position: -775px 0}
ul.nav-items li.playback a.active span{background-position: -775px -46px}
ul.nav-items li.rankings a:hover span{background-position: -1475px -46px}
ul.nav-items li.rankings a.active span{background-position: -1475px -92px}
ul.nav-items li.purchase a:hover span{background-position: -1304px -46px}}
@media only screen and (max-width:1000px){.g-play{background-size: contain;-webkit-background-size: contain}
#footer .cprt .info ul, #footer .cs, .support-feedback .business{display: none}}
#lightbox-anchor{left: 0;position: absolute;top: 10%;width: 100%;z-index: 9005}
#lightbox-container{background-color: red;display: none;height: 641px;position: relative;width: 890px}
#lightbox-container .ui-element{background: url(../images/lightbox.png) no-repeat 0 0}
#lightbox-content{background-color: #0d0804;background-repeat: no-repeat;height: 100%;position: absolute;width: 100%;z-index: 9005}
#lightbox-container .lightbox-close{background: url(../images/lightbox.png) repeat-x -1px -300px;display: block;float: right;height: 73px;position: absolute;right: -14px;top: -14px;width: 70px;z-index: 9007}
#lightbox-container .lightbox-close:hover{background-position: -72px -300px}
#lightbox-container .border{float: left;position: absolute;z-index: 9006}
#lightbox-container #lb-border-top{background: url(../images/lightbox-frame.png) repeat-x 0 0;height: 18px;left: 0;padding-right: 12px;top: -18px}
#lightbox-container #lb-border-right{background: url(../images/lightbox.png) repeat-y -272px 0;padding-bottom: 9px;right: -18px;top: 0;width: 18px}
#lightbox-container #lb-border-bottom{background: url(../images/lightbox-frame.png) repeat-x 0 -18px;bottom: -18px;height: 18px;left: 0;padding-right: 12px}
#lightbox-container #lb-border-left{background: url(../images/lightbox.png) repeat-y -254px 0;left: -18px;padding-bottom: 9px;top: 0;width: 18px}
#lightbox-container .corner{background: url(../images/lightbox.png) no-repeat 0 0;float: left;height: 18px;position: absolute;width: 18px;z-index: 9007}
#lightbox-container .corner-top-left{background-position: -143px -300px;left: -18px;top: -18px}
#lightbox-container .corner-bottom-left{background-position: -143px -318px;bottom: -18px;left: -18px}
#lightbox-container .corner-top-right{background-position: -161px -300px;right: -18px;top: -18px}
#lightbox-container .corner-bottom-right{background-position: -161px -318px;bottom: -18px;right: -18px}
#lightbox-container .control-wrapper{bottom: -35px;float: left;height: 49px;position: absolute;width: 100%;z-index: 9006}
#lightbox-container .control-wrapper .lightbox-controls{height: 41px;margin: 0 auto;padding: 8px 53px 0 51px;position: relative;width: 142px}
#lightbox-container .control-wrapper a{display: block;float: left;height: 32px}
#lightbox-container .control-wrapper a.previous{background-position: -51px -8px;width: 27px}
#lightbox-container .control-wrapper a.previous:hover{background-position: -51px -58px}
#lightbox-container .control-wrapper a.gallery-view{background-position: -84px -8px;margin: 0 6px;width: 76px}
#lightbox-container .control-wrapper a.gallery-view:hover{background-position: -84px -58px}
#lightbox-container .control-wrapper a.next{background-position: -166px -8px;float: right;width: 27px}
#lightbox-container .control-wrapper a.next:hover{background-position: -166px -58px}
#lightbox-container .control-wrapper.no-paging .lightbox-controls{background-position: 0 -200px;width: 76px}
#lightbox-container .control-wrapper.no-paging a.gallery-view{margin: 0}
#lightbox-container .control-wrapper.no-paging a.next, #lightbox-container .control-wrapper.no-paging a.previous{display: none}
#lightbox-container .control-wrapper.no-gallery .lightbox-controls{background-position: 0 -100px;width: 61px}
#lightbox-container .control-wrapper.no-gallery a.gallery-view, #lightbox-container .control-wrapper.no-gallery.no-paging{display: none}
#lightbox-container .lightbox-error{background: none repeat 0 0 #000;font-size: 16px;line-height: 550px;text-align: center;vertical-align: text-bottom}
.ie6 #lightbox-container #lb-border-left, .ie6 #lightbox-container #lb-border-right, .ie6 #lightbox-container .corner, .ie6 #lightbox-container .ui-element{background-image: url(../images/lightbox.gif)}
.w-light-boxWrap{border: 2px solid #2c2b26;padding: 2px;background: #161513}
.w-light-box{border: 1px solid #1b1b13;padding: 2px;background: #0f0e0d}
.w-light-box .pic{max-width: 100%;display: none}
.w-light-box .head{height: 35px;line-height: 35px}
.w-light-box .content{padding: 3%;background: #000;text-align: center}
.w-light-box .num{color: #ad835a;font-size: 12px;float: right;padding-right: 40px}
.w-light-box .info, .w-light-box .namePic{color: #ad835a;font-size: 14px;text-align: center;padding-top: 10px}
.w-light-box .downloadPic{width: 110px;float: left;padding-left: 25px;background: url(../images/download-icn.gif) no-repeat 10px 10px}
.w-light-box .downloadPic a{color: #ad835a}
.w-light-box .loading{position: absolute;left: 50%;top: 50%;margin-left: -32px;margin-top: -32px}
.w-light-box .scrollList{width: 854px;overflow: hidden}
.w-light-box .scrollList ul{width: 9990em;padding: 10px 0 10px 24px}
.w-light-box .scrollList img{width: 178px}
.w-light-box .scrollList li{float: left;margin-right: 26px}
.w-light-box .scrollList img{vertical-align: top}
.w-light-box video{width: 100%;height: 100%;margin-top: 24px}
.w-light-box .scrollList li.active .g-imgBorder{border-color: #584334;background: #2e1c0f}
.w-closeBtn{position: absolute;right: 5px;top: 5px;background: url(../images/touch-close.png) no-repeat 0 0;height: 35px;width: 35px;text-indent: -999em}
.control a{width: 60px;height: 223px;display: block;position: absolute;top: 29%;background: url(../images/btn_1.png) no-repeat 0 0}
.control .prev{left: 2px;background-position: 0 50%}
.control .next{right: 2px;background-position: 33% 50%}
#w-popBox{position: absolute;z-index: 99999}
@media only screen and (max-width:768px){#w-popBox{width: 100%!important;box-sizing: border-box;-webkit-box-sizing: border-box}
#w-popBox div{box-sizing: border-box;-webkit-box-sizing: border-box}
.control a{height: 100%;width: 6%;top: 0;background-size: 400% auto;-webkit-background-size: 400% auto}
.w-light-box .scrollList{height: 0;visibility: hidden}
.w-light-box .info, .w-light-box .namePic{padding-bottom: 10px}
.w-light-box, .w-light-boxWrap{height: 100%}
.w-light-box .content{padding-top: 60%;position: relative;height: auto}
.w-light-box .pic{height: auto;left: 5%;position: absolute;top: 5%;width: 90%;margin-left: 0}
.w-light-box video{height: 90%;left: 5%;position: absolute;top: 5%;width: 90%}}
.gamejs{font-size:16px;}