body,ul,ol,li,h1,h2,h3,h4,h5,h6,dl,dd,p{ margin: 0; padding:0;}
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section,time {display: block}
h1,h2,h3,h4,h5,h6,b,strong{ font-weight: 400}
a,a:hover{text-decoration: none;}
a{outline:none;blr:expression(this.onFocus=this.blur());}
a:active {star:expression_r(this.onFocus=this.blur());}
:focus { outline:0; }
li{ list-style:none;}
input,button,select,textarea{outline: none; padding: 0rem; margin: 0rem}
input,textarea{ border: 0}
textarea{ resize: none}
img{border: 0px;}
em,i{font-style: normal; font-weight: 400}
button{ border:0;outline:none}
table{ border-collapse: collapse}
body{ width: 100%; overflow-x:hidden; font-family: "微软雅黑"}

/*head*/
.head_main{ background-color: #2a2a2b; width: 100%; height: 85px; line-height: 85px; position: relative; z-index: 10}
.width_main{ width: 1100px; margin: 0 auto}
.head_height{ height: 85px}
.logos{ float: left; margin: 20px 35px 0 0; height: 45px; width: 171px; background-image: url(../images/logos.png)}
.logo_tit{ float: left; margin-top: 20px}
.nav_right1{ float: right; margin-top: 26px; height: 34px}
.btn1{ float: right; font-size: 14px; background-color: #373737; width: 80px; height: 32px; line-height: 32px; padding:0 5px; border: #555 1px solid; overflow: hidden}
.btn1 a{ color: #FFF; float: left; width:40px; text-align:center}
.btn1:hover{ background-color: #424242}
.btn1 a:hover{ color: #f18e00}
.searchForm_main{ position: relative; float: right; width: 385px; height: 34px; margin-right: 16px; background-color: #484848; overflow: hidden}
.searchForm_main input{height: 34px;line-height: 34px;width: 270px; color: #a2a2a2; font-size: 12px; background-color: transparent; font-family: "微软雅黑"; position: absolute; top: 0; left: 33px}
.searchForm_main a{ position: absolute; height: 34px; line-height: 34px; text-align: center; font-size: 14px; width: 70px; top: 0px; right:0px; background-color: #f18e00; color: #fff}
.searchForm_main a:hover{ background-color: #f89c17}
.searchForm_main i{ position: absolute; top: 9px; left: 9px; display: block; width: 17px; height: 17px; background-position: -229px -110px}

.navs{ background-color: #1e1e1f; width: 100%; height: 42px; position: absolute; z-index: 9}
.navs ul{ width: 100%; height: 42px}
.navs li{ height: 42px; line-height: 42px; float: left; position: relative;}
.navs li>a{ float: left; color: #fff; font-size: 14px; width: 80px;  text-align: center}
.navs li.navs_current a,.navs li:hover>a{ color: #f18e00; background-color: #131313}
.navs_sub{ position: absolute; left:0; top: 42px; width: 70px; padding: 0 5px; text-align: center; background-color: #1e1e1f; z-index: 9; display: none}
.navs_sub dl{  overflow: hidden}
.navs_sub dl dd{ border-top: #3b3b3c 1px dotted; margin-top: -1px; height: 38px; line-height: 38px}
.navs_sub dl a{ font-size: 13px; color: #a3a3a3}
.navs_sub dl a:hover{ color: #f18e00}
.navs li:hover .navs_sub{ display: block}
.navs_fix{ position: fixed; top: 0; left: 0}

/*header*/
header{ position: fixed;top: 0; left: 0; height: 58px; width: 100%; z-index: 9;box-shadow: 0 0 4px rgba(0,0,0,.1); border-bottom: #ededed 1px solid; background-color: #fff; transition:background .15s ease-in-out; -webkit-transition:background .15s ease-in-out; -moz-transition:background .15s ease-in-out; -o-transition:background .15s ease-in-out}
header.no_fixed{ position: absolute; top: 0; left: 0}
.home header{ box-shadow: none; background-color: transparent; border-bottom: 0}
.home .headBg{ position: absolute; left: 0; width: 100%;height: 81px; background: url(../images/headBg.png) repeat-x}
nav{ position: relative; width: 1224px; margin: 0 auto; height: 48px}
nav.wid{ width: 1170px}
.nav_left{ float: left; margin-top: 14px; min-width: 600px}
.logo{ float: left; margin: 2px 38px 0 0; height: 32px; width: 120px; background-image: url(../images/logo.png); background-position: 0 -32px; background-repeat: no-repeat}
.home .logo{  background-position: 0 0}
.menu{ float: left; position: relative; font-size: 14px}
.menu>a{ float: left;line-height: 18px;padding-top: 8px;color: #5c5c5c; padding: 0 20px; height: 40px; line-height: 40px}
.home .menu>a{ color: #fff}
.icon{ background-image: url(../images/sprites.png); background-repeat: no-repeat}
.nav_left i{ float: left; height: 25px; width: 1px;background-position: -6px -24px}
.home .nav_left i{ background-position: 0px -24px}
.nav_left b.nav_cur,.menu:hover b{ position: absolute; height: 4px; width: 7px;left: 50%; top: 0; margin-left:-3px; background-position: 0 -4px}
.home .nav_left b{ background-position: 0 0}
.nav_right{ float: right; margin-top: 13px; height: 35px}
.btn{ float: right; font-size: 14px; background-color: #f18e00; width: 80px; height: 32px; line-height: 32px; padding:0 5px; border: #f18e00 1px solid; overflow: hidden; border-radius: 2px}
.home .btn{ background-color: transparent; border: #fff 1px solid}
.btn a{ color: #FFF; float: left; width:40px; text-align:center}
.btn:hover{ background-color: #f89c17}
.btn:active{ background-color: #f18e00}
.home .btn:hover,.home .btn:active{ background-color: transparent}
.me_name{ float: right; position: relative; padding-bottom: 10px}
.me_img{ display: block; height: 32px; line-height: 32px; color: #5c5c5c; font-size: 14px}
.home .me_img{ color: #fff}
.me_img img{ height: 30px;float:left; border-radius: 50%; margin-right:6px; margin-top:3px}
.me_img span{ float:left;max-width:56px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; color:#ddd}
.me_popup{ border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,.01),0 -1px 8px rgba(0,0,0,.09); border: #eee 1px solid; width: 120px; position: absolute; top: 42px; left: -19px; background-color: #fff; text-align: center; display: none}
.me_name:hover .me_popup{ display: block}
.me_popup ul{ overflow: hidden}
.me_popup li{ margin-top: -1px; border-top: dashed 1px #e0e0e0; height: 45px; line-height: 45px; overflow: hidden}
.me_popup a{ font-size: 14px; color: #999}
.me_popup a:hover{ color: #f18e00}
.me_popup:after{ content: ''; top: -8px; position: absolute; left: 50%; margin-left: -6px; width: 12px; height: 8px; background:url(../images/sprites.png) no-repeat 0 -51px; display: block}
.searchForm{ position: relative; float: right; width: 320px; height: 32px; margin-right: 16px; border: 1px solid #d4d4d4; overflow: hidden; border-radius: 2px}
.home .searchForm{ border: #fff 1px solid}
.searchForm input{height: 32px;line-height: 32px;width: 275px; padding: 0 10px; color: #a2a2a2; font-size: 12px; background-color: transparent; font-family: "微软雅黑"}
.home .searchForm input{ color: #fff}
.searchForm a{ position: absolute; height: 17px; width: 20px; top: 7px; right:6px; background-position: -20px -17px}
.home .searchForm a{ background-position: -20px 0}


.subNav{ position: absolute; left: 50%; margin-left: -45px; top: 40px; width: 80px; text-align: center; padding: 0 5px; background-color: #fff;box-shadow: 0 1px 2px rgba(0,0,0,.01),0 -1px 8px rgba(0,0,0,.09); border: #eee 1px solid; display: none}
.subNav ul{  overflow: hidden}
.subNav ul li{ border-top: #ccc 1px dashed; margin-top: -1px; height: 38px; line-height: 38px}
.subNav ul a{ font-size: 14px; color: #010101}
.subNav ul a:hover{ color: #f18e00}
.subNav:after{ content: ''; top: -8px; position: absolute; left: 50%; margin-left: -6px; width: 12px; height: 8px; background:url(../../common/images/sprites.png) no-repeat 0 -51px; display: block}
/*footer*/
footer{ background-color: #333; width: 100%; font-size: 12px}
.footer_top{ height: 33px; line-height: 33px; background-color: #f4f4f4}
.foot_tit{ width: 1224px; margin: 0 auto; overflow: hidden}
.foot_tit.wid{ width: 1170px}
.foot_tit li{ float: left; width: 92px; color: #666; text-align: center; cursor: pointer}
.foot_tit li.active{ background-color: #333; color: #f4c624}
.footMain{ width: 1224px; margin: 0 auto; padding-top: 47px}
.footMain.wid{ width: 1170px}
.foot1{ width: 100%}
.foot1 ul{ overflow: hidden; padding-bottom: 27px}
.foot1 ul li{ float: left; padding-right: 11px; margin-right: 11px; position: relative; height: 30px; line-height:30px}
.foot1 ul a{ color: #999}
.foot1 ul b{ position: absolute; top: 50%; margin-top: -6px; right: 0; background-position: -28px -55px; display: inline-block; width: 1px; height: 12px}
.bottom{ width: 100%; height: 29px; line-height: 29px; background-color: #1b1b1b; text-align: center; color: #999}
.foot_small{ width: 1100px}
/*toTop*/
.toTop{ width: 55px; height: 48px; position: fixed; bottom: 90px; left: 75%; margin-left: 280px; background: url(../images/toTop.png) no-repeat; cursor: pointer; display: none; opacity: .4; filter:alpha(opacity=40);transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear}
.toTop:hover{ opacity: 1; filter:alpha(opacity=100)}

/*register*/
.home_no_srcol{ overflow: hidden}
.register_main,.login_main{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; display:none}
.registerBg{ background-color: #000;opacity: .3; filter:alpha(opacity=30); width: 100%; height: 100%; position: absolute; top: 0; left: 0}
.regist_box{ width: 538px; background-color: #fff; position: absolute; top: 40%; left: 50%; margin-top:-220px; margin-left: -305px; border-radius: 5px;box-shadow: 0 2px 5px rgba(0,0,0,.2); padding: 16px 36px 27px}
.reg_tit{ font-family: "微软雅黑"; font-size: 18px; color: #555; height: 45px; line-height: 45px}
.content{ overflow: hidden}
.con_left{ float: left; width: 322px; border-right: #e4e4e4 1px dashed; padding-top: 20px; padding-bottom: 10px}
.con_left form{ width: 286px}
.con_left .text{ width: 264px; height: 34px; line-height: 34px; border: #ccd 1px solid; font-size: 14px; color: #a9a9a9; padding: 0 10px; border-radius: 2px; margin-bottom: 10px}
.con_left .codes{ width: 100%; overflow: hidden; margin-bottom: 10px}
.con_left .codes strong{ float: left; width: 163px; border-radius: 2px; color: #a9a9a9;border: #ccd 1px solid; height: 34px; line-height: 34px; padding: 0 10px; overflow: hidden}
.codes strong input{ float: left; height: 34px; line-height: 34px; width: 140px; margin-right: 7px}
.codes strong i{ float: left; width: 16px; height: 16px; background-position: -247px -93px; margin-top: 9px}
.con_left .codes a{ float: right; width: 92px;height: 36px; line-height: 36px; background-color: #f18e00; border-radius: 2px; color: #fff; font-size: 12px; text-align: center}
.con_left div{ font-size: 12px; color: #7a7a7a; margin-bottom: 36px}
.con_left .check{ margin-right: 5px; vertical-align: middle; margin-top: -2px}
.con_left div a{color: #4f97d3}
.con_left .sub{ background-image: url(../images/submited.jpg); background-repeat: repeat-x; background-position: 0 0; height: 36px; line-height: 36px; width: 284px; border: #f29003 1px solid; border-radius: 2px; color: #fff; font-size: 14px; font-weight: bold; cursor: pointer}
.con_left .sub:hover{ background-position: 0 -36px}
.con_left .sub:active{ background-position: 0 0}
.con_right{ width: 188px; float:right; padding-top: 20px; font-size: 12px; color: #7a7a7a;}
.con_right a{ color: #4f97d3}
.con_right .account{ overflow:hidden;zoom:1; margin:18px 0}
.account_QQ{ width:40px; height:40px;float:left; background:url(../images/QQ.png) no-repeat; margin-right:9px}
.account_QQ:hover{background:url(../images/QQs.png) no-repeat;}
.account_weibo{ width:40px; height:40px;float:left; background:url(../images/weibo.png) no-repeat;margin-right:9px}
.account_weibo:hover{background:url(../images/weibos.png) no-repeat;}
.account_weixin{ width:40px; height:40px;float:left; background:url(../images/weixin.png) no-repeat;}
.account_weixin:hover{background:url(../images/weixins.png) no-repeat;}
.close{ position: absolute; top: 6px; right: 8px; width: 16px; height: 16px; background: url(../images/close.png) no-repeat}
.con_left .codes .sended{ background-color: #b4b4b4}
.regRltv{ position: relative;width: 286px; height: 36px; margin-bottom: 10px}
.regRltv input{ margin-bottom: 0}
.regRltv i{ position: absolute; top: 10px; right: -25px; display: block; width: 16px; height: 16px; background-position: -265px -93px}
.regRltv b{ position: absolute; top: 0; right: -110px; display: block; height: 36px; line-height: 36px; background-color: rgba(0,0,0,.75); border-radius: 2px; font-size: 12px; color: #fff; font-family: "微软雅黑"; text-align: center; width: 98px}
.regRltv b.reg_name{ width: 190px; right: -200px}
.regRltv b strong{ display: inline-block; width: 16px; height: 16px; background-position: -247px -93px; vertical-align: middle; margin-top: -2px; margin-right: 5px}
.regRltv b strong:after{ content: ''; top: 50%; margin-top: -6px; position: absolute; left: -6px; width: 6px; height: 12px; background:url(../../common/images/sprites.png) no-repeat -222px -105px; display: block}
.regWord{ font-size: 12px; color: #7a7a7a; margin-bottom: 10px}
/*login*/
.missPsw{ overflow: hidden; font-size: 12px; color: #7a7a7a; margin-bottom: 36px}
.missPsw span{ float: left}
.missPsw a{ float: right; color: #4f97d3}
.login_main .con_left{ padding-top: 39px; padding-bottom: 33px}
.login_main .con_right{ padding-top: 39px}
.login_main .con_right p{ margin-bottom: 40px}
/*title*/
.title{ width: 100%; position: relative; font-size: 16px; border-bottom: #d3d3d3 1px solid; height: 24px; margin-bottom: 15px}
.title span{ font-weight: bold; float: left; height: 23px}
.title .yellow{ color: #f18e00; border-bottom: #f18e00 2px solid}
.title a{ float: right; font-size: 12px; margin-top: 2px; color: #352c2a}
.tit_yel:hover{ color: #f18e00; text-decoration: underline}
.reds{ height: 27px}
.reds a{ margin-top: 5px; font-size: 16px; color: #565b5d; font-weight: bold}
.reds span{ height: 25px; color: #e43c4c; font-size: 18px;border-bottom: #e43c4c 3px solid}
.yes{ height: 27px}
.yes span{ height: 26px}
.yes a{ margin-top: 6px}
/*new_title*/
.new_title{ height: 40px; line-height: 40px; border-bottom: #ececec 1px solid; background-color: #fff; margin-bottom: 18px; width: 810px; z-index: 5; position: absolute}
.new_title a{ float:left; font-size: 14px; color: #666; padding: 0 18px; position: relative}
.new_title a.active{ background-color: #f4c624; color: #fff}
.new_title a.active:after{ content: ''; bottom: -5px; position: absolute; left: 50%; margin-left: -5px; width: 10px; height: 5px; background:url(../../common/images/sprites.png) no-repeat 0 -71px; display: block}
.new_title a:hover{ color: #e7ab09; text-decoration: underline}
.new_title a.active:hover{ background-color: #f4c624; color: #fff; text-decoration: none}
/*gaming_titBox*/
.gaming_titBox{ height: 60px; background-color:#3b3b3b; width: 1100px; margin: 0 auto; position: relative; font-family: "微软雅黑"}
.gaming_titBox img{ display: inline-block; margin-left: 20px; margin-top: 12px}
.gaming_titBox p{ position: absolute; height: 60px; line-height: 60px; top: 0; left: 70px; font-size: 28px; color: #fff}
.gaming_titBox p b{ color: #f4c624}
.gam_left,.gam_right{ position: absolute; display: inline-block; width: 24px; height: 24px}
.gam_left{ top: -4px; left: -4px; background-position: -40px 0}
.gam_right{ top: -4px; right: -4px; background-position: -40px -26px}
.gaming_titBox div{ overflow: hidden; position: absolute; top: 20px; left: 202px}
.gaming_titBox div a{ float: left;margin-right: 21px; color: #fff}
.gaming_titBox div a:hover{ color: #f4c624}
.gaming_titBox .more{ color: #fff; font-size: 14px; height: 20px; line-height: 20px; position: absolute; right: 15px; top: 20px}
.gaming_titBox .more i{ display: inline-block; width: 17px; height: 17px; background-position: -20px -37px; vertical-align: middle; margin-top: -2px; margin-right: 7px}
.gaming_titBox .more:hover{ color: #f4c624; text-decoration: underline}
.gaming_titBox .more:hover i{ background-position: -229px -93px}

/*new and anchor*/
.wrapper{ width: 100%; background-color: #F4F4F4; padding-top: 80px; padding-bottom: 90px}
.box{ width:1170px; margin:0 auto; overflow: hidden}
	/*newTop*/
.newTopBox{ overflow: hidden; margin-bottom: 20px}
.newTop{ position: relative}
.newTop1{ float: left; width: 480px; margin-right: 10px}
.newTopMid{ width: 405px; float: left}
.newTopRid{ width: 265px; float: right}
.newTopBox .newMar{ margin-bottom: 10px}
.newTop b{ display: block; position: absolute;top: 0; left:0; width: 100%; height: 100%;background: url(../images/newHover.png); opacity: 0; filter:alpha(opacity=0);transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear}
.newTop:hover b{ opacity: 1; filter:alpha(opacity=100)}
.newTop a{ display: block; position: absolute;top: 0; left:0; width: 100%; height: 100%;background: url(../images/newTopBg.png) repeat-x left bottom}
.newTop img{ display: block;}
.newTop a span{ color: #fff; position: absolute; bottom: 0; display: block; font-family: "微软雅黑"; font-size: 18px; margin: 0 26px; padding-bottom: 15px}
.newTop i{ display: block; padding: 0 9px; height: 24px; line-height: 24px; position: absolute; top: 0; left: 0; color: #fff; font-size: 12px; text-align: center}
.newTop i.purple{ background-color: #be4bed}
.newTop i.blue{ background-color: #178bed}
.newTop i.red{ background-color: #e43c4c}
.newTop i.green{ background-color: #40cd41}
.newTop i.yellow{ background-color: #f4c624}
		/*boxLeft*/
.boxLeft{ float: right; width: 330px}
.boxLeft1{ background-color: #fff; padding: 18px 0 0; margin-bottom: 20px}
.boxLeft1 .title{ margin: 0 12px 15px; width: 306px}
.boxLeft1 ul{ width: 306px; margin: 0 12px; padding-bottom: 10px}
.boxLeft1 ul li{ overflow: hidden; margin-bottom: 11px}
.boxLeft1 li a{ float: left; width: 240px; font-size: 14px; color: #333; background: url(../images/gossip_list.jpg) left center no-repeat; padding-left: 8px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis}
.boxLeft1 li a:hover{ color: #f18e00; text-decoration: underline}
.boxLeft1 li span{ float: right; font-size: 12px; color: #999; width: 50px; text-align: right}
.htmleaf-container{ width: 330px; height: 280px; margin: 0 auto; padding-bottom: 25px}
.html_video{height: 230px}
#scrolls{height: 100%;width: 330px;margin: auto; position: relative}
.nano { position: relative;width: 330px; height: 100%; overflow: hidden}
.nano > .nano-content {position: absolute; overflow: scroll;overflow-x: hidden; top: 0;right: 0;bottom: 0;left: 0}
.nano > .nano-content:focus {outline: thin dotted}
.nano > .nano-content::-webkit-scrollbar {display: none}
.has-scrollbar > .nano-content::-webkit-scrollbar {display: block}
.nano > .nano-pane {background : rgba(0,0,0,0);position: absolute; width: 5px; right: 4px;top: 0;bottom: 0; visibility : hidden\9; opacity: 0;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;transition: .2s;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px}
.nano > .nano-pane > .nano-slider { background: #dbdbdb;background: rgb(219,219,219);position: relative;margin: 0;-moz-border-radius: 3px;-webkit-border-radius : 3px;border-radius: 3px;}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {visibility : visible\9; opacity: 0.99}
.video2{ overflow: hidden;width: 306px; margin: 0 auto}
.video2 a{ float: left; width: 148px; height: 80px; position: relative; color: #fff; text-align: center; font-size: 12px; margin-bottom: 14px; margin-right: 10px; overflow: hidden}
.video2 a:nth-child(2n){ margin-right: 0}
.video2 a img{ display: block; width: 100%}
.video2 a div{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.7);top: 48px; left: 0; -o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transition:all .3s ease-out}
.video2 a p{ position: absolute; bottom: 0; width: 90%; padding: 0 5%; height: 32px; line-height: 32px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; -o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transition:all .3s ease-out}
.video2 i{ width: 30px; height: 30px; background: url(../../common/images/play.png); background-size: 100%; position: absolute; top: 100%; left: 50%; margin-left: -15px;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transition:all .3s ease-out; opacity: 0;filter:alpha(opacity=0)}
.video2 a:hover div{ top: 0}
.video2 a:hover i{top: 21%; opacity: 1;filter:alpha(opacity=100)}
.scrollBtm{ position: absolute; bottom: 0; left: 0; z-index: 2}
.boxLeft1 h2{ text-align: center; width: 306px; margin: 0 auto 14px; padding-top: 20px}
.boxLeft1 h2 img,.speak_width h2 img{ width: 100%}
.new_speak{ width: 306px; margin: 0 auto; overflow: hidden}
.speak_width{ width: 330px; margin: 0 auto; background-color: #fff; z-index: 3}
.speak_width h2{ text-align: center; width: 306px; margin: 0 auto 14px;padding-top: 20px}
.new_speak a{ float: left; width: 64px; margin-right: 16px; text-align: center; font-size: 12px; color: #848484; position: relative; margin-bottom: 10px}
.new_speak a p{ width: 50px; height: 58px; line-height: 58px; padding: 0 4px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; background-color: rgba(0,0,0,.6); border-radius: 50%; position: absolute; top: 3px; left: 3px; color: #f4c624; opacity: 0; filter:alpha(opacity=0); transition: all .2s linear; -webkit-transition:all .2s linear; -moz-transition: all .2s linear;-o-transition: all .2s linear}
.new_speak a:hover p{ opacity: 1;filter:alpha(opacity=100)}
.new_speak .noMar{ margin-right: 0}
.new_speak a img{ width: 58px; height: 58px; border-radius: 50%; border: #f4c624 3px solid; display: block; margin-bottom: 9px}
.new_speak span:hover{ color: #f18e00; text-decoration: underline}
.box_more{ display: block; width: 100%; height: 26px; line-height: 26px; text-align: center; background-color: #f18e00; font-size: 12px; color: #fff}
.box_more .icon{ display: inline-block; width: 9px; height: 8px; background-position: -20px -69px; margin-left: 5px}
.box_more:hover{ background-color: #f89c17}
.box_more:active{ background-color: #f18e00}
.fixed{ position: fixed; top: 59px; z-index: 1}
.noned{ display: none}
.posi{ position: absolute}


/*anchor and gaming search*/
.sear{ overflow: hidden; padding-bottom: 15px}
.searchForm1,.searchForm2{ position: relative; float: left; width: 521px; height: 32px; margin-right: 16px; border: 1px solid #d4d4d4; background-color: #fff; overflow: hidden; border-radius: 2px}
.searchForm1 input,.searchForm2 input{height: 32px;line-height: 32px;width: 465px; padding: 0 10px; color: #a2a2a2; font-size: 12px; background-color: transparent; font-family: "微软雅黑"}
.searchForm1 a,.searchForm2 a{ position: absolute; height: 17px; width: 20px; top: 7px; right:6px; background-position: -20px -17px}


.searAnch{ float: left; width: 86px; background-color: #f18e00; height: 34px; line-height: 34px; text-align: center; border-radius: 3px; color: #fff; font-size: 14px}
.searAnch:hover{ background-color: #f89c17}
.searAnch:active{ background-color: #f18e00}
.hotSear{ float: right; overflow: hidden; height: 34px; line-height: 34px; font-size: 12px}
.hotSear p{ float: left; font-weight: bold}
.hotSear a{ float: left; color: #666; padding-left: 10px}
.hotSear a:hover{ color: #f18e00; text-decoration: underline}

/*page*/
.page{ overflow: hidden;text-align: center; margin: 0 auto; display:inline-block}
.page a{ border-radius:5px;float: left; padding: 0 14px; height: 30px; line-height: 30px; background-color: #303a43; margin: 0 6px; font-size: 16px; color: #fff}
.page .page_size{ font-size: 13px}
.page .active,.page a:hover{ background-color: #f18e00; color: #000}
.page_left i{ display: inline-block; width: 7px; height: 12px; background-position: -67px -64px; vertical-align: middle; margin-top: -2px; margin-right: 10px}
.page_right i{ display: inline-block; width: 7px; height: 12px; background-position: -75px -64px; vertical-align: middle; margin-top: -2px; margin-left: 10px}


/*anchorCont Bg*/
.anchorCont{ background: url(../images/anchorBg.jpg) #0d0d13 no-repeat center top;}
.anCont{ width: 100%; padding-top: 60px; padding-bottom: 195px}
.an_name{ padding-bottom: 44px; padding-top: 64px;  background: url(../images/an_name.png) no-repeat center bottom; margin-bottom: 28px}
.an_name h1{ color: #fff; height: 84px; line-height: 84px; letter-spacing: 20px; text-align: center; font-size: 60px}
.an_name h1 img{ display: inline-block; vertical-align: middle; width: 84px; height: 84px; border-radius: 50%; margin-right: 80px; border: rgba(255,255,255,.5) 4px solid; margin-top: -2px}
.anCont .int{ text-align: center; font-size: 40px; color: #fff; margin-bottom: 92px}
.an_href{ width: 920px; height: 91px; line-height: 91px; background: url(../images/an_href.png) no-repeat top center; margin: 0 auto; padding: 0 40px; overflow: hidden; margin-bottom: 83px}
.an_href a{ float: left; width: 460px; text-align: center; position: relative}
.an_href a:hover{ background: url(../images/an_href_hov.png) no-repeat 17px 1px}
.an_href a:active{ background: url(../images/an_href_hov.png) no-repeat 17px 1px; line-height: 94px; left: 2px}
.an_href img{ vertical-align: middle}
.anCont h2{ text-align: center; width: 1227px; height: 40px; line-height: 40px; background: url(../images/an_int.png) no-repeat; margin: 0 auto 83px; font-size: 40px;color: #cc0106}
.an_main{ color: #666; font-size: 14px; font-size: 14px; overflow: hidden; width: 790px; margin: 0 auto; padding-left: 100px}
.an_main ul{ width: 380px; float: right}
.an_main ul.an_main_left{ float: left}
.an_main li{ overflow: hidden; line-height: 28px}
.an_main i{ float: left;height: 28px; overflow: hidden; width: 80px;text-align: justify}
.an_main i:after{display:inline-block;content:'';overflow-x:hidden;overflow-y:hidden;width:80px;}
.an_main span{ float: left; color: #999; width: 300px}
.footer_top.footer_top_cont{ background-color: #0d0d13}
.footer_top.vid_bottom_bg{ background-color: #06080b}
/*gaming and video left*/
.hot_gam{ padding-bottom: 20px}
.hot_list{ width: 306px; margin: 0 auto; background-color: #f2f2f2; text-align: center; padding-bottom: 20px}
.hot_list .white{ background-color: #fff}
.hot_list td{ border: #fff 1px solid; height: 40px; line-height: 40px; width: 33.333333%}
.hot_list td a{ color: #333; font-size: 14px}
.hot_list td a:hover{ color: #f18e00; text-decoration: underline}
.gam_vid{ padding-bottom: 10px; height: 222px}
.fixeds{ position: fixed; top: 59px}
.gaming_tit{ width: 100%; height: 29px; border-bottom: #f18e00 3px solid; margin-bottom: 15px}
.gaming_tit a{ float: left; height: 29px; padding: 0 18px; font-size: 16px; color: #a5a5a5; position: relative}
.gaming_tit a.active,.gaming_tit a:hover{ border-bottom: #e35b00 3px solid; color: #e36b00}
.gaming_tit a.active:after{ content: ''; bottom: -8px; position: absolute; left: 50%; margin-left: -5px; width: 10px; height: 5px; background:url(../images/sprites.png) no-repeat 0 -80px; display: block}
/*videoCont Bg*/
.videoBg{ background: url(../images/videoBg.jpg) #08080c no-repeat center top}
/*videoCont and pictureCont*/
.vid_title{ width: 962px; margin: 67px auto 25px; position: relative; height: 35px; line-height: 35px; text-align: center; font-size: 30px}
.vid_title a{ font-size: 12px; color: rgba(255,255,255,.8); width: 133px; height: 35px;line-height: 35px; background-color: rgba(0,0,0,.5); text-align: center; position: absolute; border-radius: 4px}
.vid_title a:hover{ background-color:rgba(54,54,54,.8); text-decoration: underline}
.vid_title .prevs{ left: 0}
.vid_title .nexts{ right: 0}
.pic_word{ text-align: center; font-size: 30px; color: #fff; margin-bottom: 36px}
.vids{ width: 800px; height: 500px; margin: 0 auto}
.pic_img img{ display: block; margin: 0 auto}
/*miss and me*/
.miss_tit{ height: 62px; padding-bottom: 2px; background: url(../images/miss_tit.jpg) left bottom repeat-x; font-size: 30px; color: #f18e00; position: relative; margin-bottom: 45px}
.miss_tit span{ font-family: "微软雅黑"; line-height: 62px}
.miss_tit a{ position: absolute; font-size: 12px; color: #666; right: 0; bottom: 15px}
/*personal*/
.per_cont{ margin-left: 20px}
.perName{ overflow: hidden; margin-bottom: 45px}
.perName img{ float: left; width: 84px; height: 84px; border-radius: 50%; border: #fff 4px solid; margin-right: 30px}
.perName div{ float: left; padding: 19px 0}
.perName div p{ font-size: 20px; color: #333; margin-bottom: 5px}
.perName div span{ font-size: 16px; color: #999}
.per_main{ width: 1130px; background-color: #fff; padding: 19px 20px 0; height: 430px}
.per_tab{ border-bottom: #f18e00 3px solid; height: 42px; margin-bottom: 8px}
.per_tab a{ float: left; padding: 0 20px; height: 42px; line-height: 42px; position: relative; cursor: pointer; color: #a5a5a5}
.per_tab a.active{ border-bottom: #e35b00 3px solid; color: #e35b00}
.per_tab a.active:after{ content: ''; bottom: -8px; position: absolute; left: 50%; margin-left: -5px; width: 10px; height: 5px; background:url(../../common/images/sprites.png) no-repeat 0 -80px; display: block}
/*mobile and password*/
.mobile{ padding-top: 55px}
.mobile p{ overflow: hidden; height: 28px; line-height: 28px; margin-bottom: 14px}
.mobile p label,.per_cont div label{ float: left; width: 70px; margin-right: 10px; font-size: 14px; color: #333; text-align: right}
.mobile p input{ float: left; width: 158px; border: #e3e3e3 1px solid; height: 26px; line-height: 26px; margin-right: 18px; padding:0 10px}
.mobile p img{ float: left}
.mobile p a{ float: left; font-size: 12px; color: #0d95e3}
.mobile p a.mob_sended{ background-color: #f89c17; color: #fff; padding: 0 8px; border-radius: 2px; background-color: #b4b4b4}
.mobile .note a{ float: left; width: 80px; height: 26px; line-height: 26px; background-color: #f18e00; text-align: center; color: #fff; border-radius: 2px; font-size: 12px}
.mobile .note a:hover{ background-color: #f89c17}
.mobile .note a:active{ background-color: #f18e00}
.mobile .note .per_sended{ background-color: #b4b4b4}
.mobile .note .per_sended:hover,.mobile .note .per_sended:active{ background-color: #b4b4b4}
.mobile .note{margin-top: 25px}
.bind{ overflow: hidden; border-bottom: #e3e3e3 1px dashed; padding-top: 66px; padding-bottom: 78px}
.bind p{ float: left; font-size: 14px; color: #333}
.bind a{ float: right;width: 80px; height: 26px; line-height: 26px; background-color: #f18e00; text-align: center; color: #fff; border-radius: 2px; font-size: 12px}
.bind a:hover{ background-color: #f89c17}
.bind a:active{ background-color: #f18e00}
.mobile div{ overflow: hidden; margin-bottom: 14px}
.mobile div strong{ float: left}
.mobile div input{ display: block;width: 158px; border: #e3e3e3 1px solid; height: 26px; line-height: 26px; margin-right: 18px; padding:0 10px; margin-bottom: 2px}
.mobile i{ font-size: 12px; color: #b5b4b4; display: block; line-height: 18px}
/*forum*/
.forums{ width: 100%; min-width: 960px}
/*head*/
.head{ width: 98%; overflow: hidden; margin: 0 auto; padding-top: 34px; padding-bottom: 35px}
.headlogo{ float: left; width: 120px; height: 32px; background: url(../../common/images/logo.png) no-repeat left -32px}
.searchForms{ position: relative; float: right; width: 360px; height: 32px; margin-right: 16px; border: 1px solid #f18e00; overflow: hidden; border-radius: 2px}
.searchForms input{height: 32px;line-height: 32px;width: 300px; padding: 0 10px; color: #a2a2a2; font-size: 12px; background-color: transparent}
.searchForms a{ position: absolute; height: 17px; width: 20px; top: 7px; right:6px; background-position: -88px -108px}
/*nav*/
#nav{ width: 100%; background-color: rgba(87,87,87,1); position: absolute; z-index: 99}
/* .nav{ width: 98%; margin: 0 auto; overflow: hidden}
.nav li{ float: left}
.nav li a{ float: left; padding: 0 16px; font-size: 14px; color: #fff; height: 36px; line-height: 36px}
.nav li a.active,.nav li a:hover{ background-color: rgba(64,64,64,.9)} */
#nav.nav_fixed{ position: fixed;top: 0; left: 0; background-color: rgba(71,71,71,.9)}
/*forum_wrap*/
.forum_wrap{ width: 98%; margin: 0 auto;padding-top: 45px}
.forSubNav{ overflow: hidden; height: 26px; line-height: 26px;}
.forSubNav a,.forSubNav em{ float: left}
.forSubNav a{ font-size: 12px; color: #333; margin-right: 9px}
.forSubNav a b{ float: left; width: 16px; height: 12px; background-position: -172px -87px; margin-top: 7px}
.forSubNav em{ width: 3px; height: 10px; background-position: -175px -69px; margin-right: 9px; margin-top: 8px}
.card{ height: 34px; font-size: 12px; margin-bottom: 12px}
.for_num{ float: left; height: 34px; line-height: 34px; color: #999;}
.for_num i{ display: inline-block; width: 15px; height: 15px; background-position: -172px -103px; vertical-align: middle; margin-top: -2px; margin-right: 5px}
.for_num strong{ color: #333}
.for_num span{ padding: 0 4px}
.pos{ float: left; width: 80px; height: 32px; line-height: 32px; background-color: #f18e00; font-size: 14px; color: #fff; border-radius: 2px; text-align: center}
.btns{ float: right; color: #999; padding-top: 10px}
.btns a{ color: #999}
.btns span{ padding: 0 2px}
.for_me{ float: right}
.for_me .for_my{ float: right; font-size: 12px; height: 42px; line-height: 42px; margin-left: 20px; position: relative}
.for_me .for_my a{ display: block; color: #999; height: 42px}
.for_me .for_my img{ float: left; margin-right: 9px}
.for_me .for_my span{ float: left; max-width: 56px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.for_me .for_my img{ width: 34px; height: 34px; border-radius: 50%}
.me_popup1{ border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,.01),0 -1px 8px rgba(0,0,0,.09); border: #eee 1px solid; width: 120px; position: absolute; top: 42px; left: -19px; background-color: #fff; text-align: center; display: none}
.for_name:hover .me_popup1{ display: block}
.me_popup1 ul{ overflow: hidden}
.me_popup1 li{ margin-top: -1px; border-top: dashed 1px #e0e0e0; height: 45px; line-height: 45px; overflow: hidden}
.me_popup1 a{ font-size: 14px; color: #999}
.me_popup1 a:hover{ color: #f18e00}
.me_popup1:after{ content: ''; top: -8px; position: absolute; left: 50%; margin-left: -6px; width: 12px; height: 8px; background:url(../images/sprites.png) no-repeat 0 -51px; display: block}
.forbox{ border: #cdcdcd 1px solid; border-top:0; margin-bottom: 21px}
.forbox h1{ border-top: #f1d9b7 1px solid; border-bottom: #f1d9b7 1px solid; font-size: 12px; color: #f18e00; height: 31px; line-height: 31px; font-weight: bold; padding-left: 12px; background: url(../../common/images/forboxBg.jpg) repeat-x}
.for_main{ margin: 0 12px}
.for_main div{ overflow: hidden; padding: 19px 0; border-bottom: #cdcdcd 1px dashed}
.for_main div.no_bor{ border-bottom: 0}
.for_main dl{ float: left; width: 50%; overflow:hidden}
.for_main dt{ float: left; width: 55px; height: 55px; border-radius: 50%; margin-right: 19px}
.for_main dt img{ border-radius: 50%; width: 100%;}
.for_main dd{ float: left; font-size: 12px; color: #999}
.for_main dd a{ color: #545454; display: block; margin-bottom: 6px; font-weight: bold}
.for_main dd a b{ color: #f18e00}
.for_main dd a:hover{ color: #f18e00; text-decoration: underline}
.for_main dd strong{ display: block; color: #545454; margin-bottom: 6px}
.for_main dd span{ display: block}
.for_main dd span i{ color: #545454}
.forBottom{ border: #cdcdcd 1px solid; padding: 18px 12px; overflow: hidden}
.forBottom dt{ float: left; margin-right: 12px}
.forBottom dt img{ display: block}
.forBottom dd h2{ font-size: 16px; color: #333; font-weight: bold; height: 32px; line-height: 32px}
.forBottom dd p{ font-size: 14px; color: #999}
/*foot*/
.foot{ width: 98%; margin: 20px auto 10px; border-top:#e8e8e8 1px solid; color: #999; font-size: 12px; padding-top: 9px; overflow: hidden}
.foot .copy{ float: left}
.foot p{ height: 22px; line-height: 22px}
.foot .friend{ float: right; text-align: right}
.foot .friend a{ color: #999}
/*card*/
.cards{ margin-top: 17px}
.table_tit{ width: 100%; text-align: center; border-left: #cdcdcd 1px solid; border-right: #cdcdcd 1px solid;border-top: #f1d9b7 1px solid;border-bottom: #f1d9b7 1px solid;height: 31px; line-height: 31px; background: url(../../common/images/forboxBg.jpg) repeat-x}
.table_tit table{ width: 98%; margin: 0 auto}
.table_tit thead{ font-size: 12px; color: #333}
.table_tit th{ font-weight: 400}
.table_tit i{ display: inline-block; width: 8px; height: 4px; background-position: -40px -81px; vertical-align: middle; margin-left: 5px}
.table_tit .aleft{ text-align: left}
.for_table{ margin-bottom: 12px}
.for_table thead th{ height: 0}
.for_table{ width: 100%; border: #cdcdcd 1px solid; border-top: 0}
.for_table .aleft{ text-align: left}
.for_table table{ width: 98%; margin: 0 auto; text-align: center}
.for_table tbody tr{ border-bottom: #cdcdcd 1px dashed}
.for_table tbody tr.for_no_bor{ border-bottom: 0}
.for_table td{ height: 40px; color: #545454; font-size: 14px; overflow: hidden}
.for_table i{ float: left; width: 17px; height: 17px; background-position: -109px -108px; margin-top: 11px; margin-right: 14px}
.for_table a{ color: #545454}
.for_table .aleft a{ color: #545454; display: inline-block; line-height: 40px;}
.for_table .aleft a:hover{ color: #f18e00; text-decoration: underline}
.for_table time{ font-size: 12px; color: #b9b9b9}
/*fast*/
.fast{ width: 98%; margin: 0 auto; padding-top: 40px; padding-bottom: 74px}
.chara{ font-size: 12px; color: #444; margin-bottom: 10px}
.chara input{ border: #e0e0e0 1px solid; height: 21px; line-height: 21px; width: 304px; margin-right: 5px}
.chara b{ font-weight: bold}
.fast textarea{ width: 100%; height: 136px; border: #ccc 1px solid; display: block; margin-bottom: 10px}
.for_code{ font-size: 12px; color: #444; margin-bottom: 26px}
.for_code a{ color: #444}
.for_code input{ width: 118px; height: 22px; line-height: 22px; border: #e0e0e0 1px solid; margin-right: 5px}
.fast_post{ display: block; width: 80px; height: 32px; line-height: 32px; text-align: center; color: #fff; border-radius: 2px; background-color:#f18e00;font-size:14px}
/*post*/
.post_tit{ width: 100%; border-bottom: #cdcdcd 1px solid; position: relative; margin-top: 18px; margin-bottom: 20px}
.post_tit .card{ width: 98%; margin: 0 auto}
.post_tit .for_me{ position: relative;bottom: 10px}
.post_note{ float: left; line-height: 30px; border: #cdcdcd 1px solid; border-bottom: #fff 1px solid; padding: 0 10px; position: absolute; bottom: -1px; font-weight: bold; color: #555459}
.post{ width: 98%; margin: 0 auto}
.post_into{ font-size: 12px; color: #446; margin-bottom: 10px}
.post_into input{ border: #dfdfdf 1px solid; width: 358px; height: 21px; line-height: 21px; margin-right: 8px}
.post_into span{ font-weight: bold}
.post textarea{ width: 100%; height: 676px; border: #dcdedd 1px solid; margin-bottom: 24px}
.postSub{ margin-bottom: 30px}
.postSub .post_red{ display: inline-block; border: #e11629 1px solid; background-color: #f63747; width: 76px; height: 24px; line-height: 24px; color: #fff; text-align: center; border-radius: 3px; font-size: 12px}
.postSub .post_draft{ display: inline-block; border: #989898 1px solid; background-color: #efefef; width: 76px; height: 24px; line-height: 24px; color: #444547; text-align: center; border-radius: 3px; font-size: 12px}
/*special*/
.lol_nav{ background-color: #2a2a2b; height: 36px; line-height: 36px; position: absolute; width: 100%; top: 0; z-index: 9}
.lolnavmain{ width: 1012px; margin: 0 auto; height: 36px}
.lolnavleft{ float: left}
.lollogo{ float: left; background: url(../../common/images/lolloge.png); width: 79px; height: 21px; margin-top: 7px; margin-right: 19px}
.menus{ float: left; position: relative; font-size: 12px}
.menus>a{ float: left;color: #ddd; padding: 0 12px; height: 36px; line-height: 36px}
.menus>a:hover,.menus>a.lolcur{ color: #f18e00; text-decoration: underline}
.lolnavmain i{ float: left; height: 12px; width: 1px;background-position: -89px -132px; margin-top: 12px}
.subNavs{ position: absolute; left: 50%; margin-left: -45px; top: 40px; width: 80px; text-align: center; padding: 0 5px; background-color: #fff;box-shadow: 0 1px 2px rgba(0,0,0,.01),0 -1px 8px rgba(0,0,0,.09); border: #eee 1px solid; display: none}
.subNavs{ position: absolute; left: 50%; margin-left: -45px; top: 35px; width: 80px; text-align: center; padding: 0 5px; background-color: #fff;box-shadow: 0 1px 2px rgba(0,0,0,.01),0 -1px 8px rgba(0,0,0,.09); border: #eee 1px solid; display: none}
.subNavs ul{  overflow: hidden}
.subNavs ul li{ border-top: #ccc 1px dashed; margin-top: -1px; height: 38px; line-height: 38px}
.subNavs ul a{ font-size: 14px; color: #010101}
.subNavs ul a:hover{ color: #f18e00}
.subNavs:after{ content: ''; top: -8px; position: absolute; left: 50%; margin-left: -6px; width: 12px; height: 8px; background:url(../../common/images/sprites.png) no-repeat 0 -51px; display: block}
.lolnavright{ float: right}
.lolbtn{ font-size: 12px; height: 36px; line-height: 36px; overflow: hidden; border-radius: 2px}
.lolbtn a{ color: #ddd; float: left; width:40px; text-align:center}
.me_namelol{ float: right; position: relative; padding-bottom: 10px}
.me_imglol{ display: block; height: 36px; line-height: 36px; color: #ddd; font-size: 12px}
.me_imglol img{ height: 25px; height: 25px;float:left; border-radius: 50%; margin-right:6px; margin-top: 5px}
.me_imglol span{ float:left;max-width:56px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis}
.me_popuplol{ border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,.01),0 -1px 8px rgba(0,0,0,.09); border: #eee 1px solid; width: 120px; position: absolute; top: 42px; left: -19px; background-color: #fff; text-align: center; display: none;z-index:999;}
.me_namelol:hover .me_popuplol{ display: block}
.me_popuplol ul{ overflow: hidden}
.me_popuplol li{ margin-top: -1px; border-top: dashed 1px #e0e0e0; height: 45px; line-height: 45px; overflow: hidden}
.me_popuplol a{ font-size: 14px; color: #999}
.me_popuplol a:hover{ color: #f18e00}
.me_popuplol:after{ content: ''; top: -8px; position: absolute; left: 50%; margin-left: -6px; width: 12px; height: 8px; background:url(../../common/images/sprites.png) no-repeat 0 -51px; display: block}

.f-left, .f-left img, .f-right, .f-right img {
    width: 170px;
    height: 346px;
}
.f-left, .f-right {
    position: fixed;
    top: 250px;
    display: block;
    z-index: 99999;
}
.f-left {
    left: 100px;
}
.f-right, .weixincod {
    right: 100px;
}
@media only screen and (max-width:1800px) {
    .f-left {
        left: 50px
    }

    .f-right,.weixincod {
        right: 50px
    }
}

@media only screen and (max-width:1680px) {
    .f-left {
        left: 20px
    }

    .f-right,.weixincod {
        right: 20px
    }
}

@media only screen and (max-width:1600px) {
    .f-left {
        left: 5px
    }

    .f-right,.weixincod {
        right: 5px
    }
}

@media only screen and (max-width:1580px) {
    .f-left {
        left: -10px
    }

    .f-right,.weixincod {
        right: -10px
    }
}

@media only screen and (max-width:1550px) {
    .f-left {
        left: -70px
    }

    .f-right,.weixincod {
        right: -70px
    }
}

@media only screen and (max-width:1420px) {
    .f-left {
        left: -140px
    }

    .f-right,.weixincod {
        right: -140px
    }
}

@media only screen and (max-width:1366px) {
    .f-left,.f-right,.weixincod {
        display: none
    }
}