/*Author:liuhui*/
/*
不换行        white-space:nowrap
换行          word-wrap:break-word;word-break:normal;*/
/* css reset */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,input,button,textarea,p{margin:0;padding:0}
img,abbr{border:0;vertical-align:top}
address,caption,cite,em,optgroup,i{font-style:normal}
ul,ol{list-style:none}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
a:focus,input:focus,textarea:focus{outline:none}
a,a:visited,ins{text-decoration:none;}
a:hover{text-decoration:underline}
a.u,a.u:visited{text-decoration:underline}
a.u:hover{text-decoration:none}
input[type="submit"]{border:none;cursor:pointer}
/* HTML5 display-role reset for older browsers */
article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
figure{margin:0}
/* basic */
*{-webkit-box-sizing:border-box;box-sizing:border-box;/*-webkit-user-select:none;*/outline:0;-webkit-tap-highlight-color:transparent;}
html{font-size:20px;font-family:"\5FAE\8F6F\96C5\9ED1",Verdana,Arial,sans-serif;}
body{font-size:.7rem;line-height:1.2rem;}
a{color:#666}
.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}
.fl{float:left}.fr{float:right}.cl{clear:both}
.pr{position:relative}.pa{position:absolute}.pf{position:fixed}
.cf,.wrap{*display:inline-block;*zoom:1}
.cf:after,.wrap:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.tab-click dt,.tab-over dt{cursor:pointer;float:left;position:relative;text-align:center;}
.tab-con{display:none}
.pipe{display:inline-block;width:1px;background:#ccc;margin:0 10px;height:10px;vertical-align:middle;}
.toe{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
@media only screen and (max-width:768px){
    html{font-family:"Helvetica Neue",Helvetica,sans-serif!important;}
    body{line-height:1rem!important;padding-top:60px}
    .clear-768{display:block;clear:both;height:0;overflow:hidden;}
}
/*font*/
.fb{font-weight:bold!important}.fn{font-weight:normal!important;}
.ft-line{white-space:nowrap;}
.fs-ita{font-style:italic;}
.fc-fff,a.fc-fff{color:#fff!important}
.fc-ccc,a.fc-ccc{color:#ccc!important}
.fc-999,a.fc-999{color:#999!important}
.fc-666,a.fc-666{color:#666!important}
.fc-000,a.fc-000{color:#000!important}
.fc-red,a.fc-red{color:#e33!important}
.fc-green,a.fc-green{color:#2ca35c!important}
.fc-blue,a.fc-blue{color:#136bcd!important}
.fc-org,a.fc-org{color:#f2631c!important}
.fc-yellow,a.fc-yellow{color:#cb0!important}
/*frame*/
.wrap{max-width:1260px;margin:0 auto;position:relative;clear:both}
.center{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}
/*header*/
.header{background:url(../images/header.png) repeat-x;height:60px;position:relative;z-index:999}
.header h1{float:left;padding-left:1rem;}
.header .logo{background:url(../images/logo.png) no-repeat;width:230px;height:60px;display:block;background-size:100% 100%!important}
@media only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 2) {
    .header .logo{background:url(../images/logo@2x.png) no-repeat;}
}
@media only screen and (min-device-width:412px) and (-webkit-min-device-pixel-ratio: 3) {
    .header .logo{background:url(../images/logo@3x.png) no-repeat;}

}
.header-nav{float:right;line-height:60px;height:60px;padding-right:30px;}
.header-nav li{float:left;margin-right:30px;}
.header-nav li a{padding:0 15px;color:#fff;display:block;border-bottom:2px solid transparent;height:60px}
.header-nav li a:hover,.header-nav li a.curr{border-bottom-color:#fcc800;text-decoration:none;}
.header .wdgame{display:none;}
@media only screen and (max-width:768px){
    .header{position:fixed;top:0;width:100%;left:0;}
	.header h1{padding-left:.5rem;}
    .header .wdgame{display:block;width:2rem;height:2rem;font-size:1.6rem;float:right;margin:.5rem .5rem 0 0;line-height:2rem;color:#fff;border:1px solid rgba(255,255,255,.3);text-align:center;cursor:pointer}
    .header-nav{background:#136bcd;position:absolute;right:-160px;top:60px;height:auto;line-height:2rem;width:160px;padding:0}
    .header-nav li{float:none;text-align:center;margin-right:0;}
    .header-nav li a{height:2rem}
    .header-nav li a.curr{background:#0750a2;border-bottom-color:transparent;}
    .header-nav.show{right:0;animation:topBarAnimated 0.25s ease 1;-webkit-animation:topBarAnimated 0.25s ease 1;}
}
@media only screen and (min-width:769px)  and (max-width:1050px){
    .header-nav{padding-right:0;}
    .header-nav li{float:left;margin-right:5px;}
    .header-nav li a{padding:0 10px;}
}
#page-index .header-nav li:first-child a,
#page-news .header-nav li:nth-child(2) a,
#page-games .header-nav li:nth-child(3) a,
#page-about .header-nav li:nth-child(4) a,
#page-cooperation .header-nav li:nth-child(5) a,
#page-join .header-nav li:nth-child(6) a{border-bottom-color:#fcc800;}
/* footer */
.footer{background:#252525;color:#999;padding:2rem 0;}
.footer .info-tab dl,.footer .info-con{text-align:center;clear:both;max-width:1000px;margin:0 auto;}
.footer .info-tab{border-bottom:1px solid #777;padding-bottom:1rem;}
.footer .info-tab dl i{font-size:2rem;color:#b7b7b7;}
.footer .info-tab dl dt{width:25%;float:left;display:block;padding:0 1rem;height:2rem;line-height:2rem;position:relative;}
.footer .info-tab dl dt span{display:block;position:absolute;width:0;height:0;border:.4rem solid transparent;z-index:10;border-bottom-color:#777;left:50%;bottom:-1rem;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);display:none;}
.footer .info-tab dl dt span span{bottom:-.45rem;border-bottom-color:#252525}
.footer .info-tab dl dt.curr span{display:block;}
.footer .info-tab .tab-click{display:none;}
.footer .info-con{padding:1rem 0;font-size:.6rem}
.footer .info-con .tab-con{width:25%;float:left;display:block;padding:0 1rem}
.footer .info-con .tab-con img{margin-top:.5rem;width:140px}
.footer .link{border:1px solid #353535;color:#999;padding:.3rem;clear:both;margin-bottom:.5rem;font-size:.6rem}
.footer .link a{color:#999;margin:0 .15rem;}
.footer .copyright{border-top:1px solid #353535;clear:both;font-size:.6rem;padding-top:.3rem;text-align:center;}
.footer .copyright a{color:#999}
.footer .copyright p span{margin:0 .5rem;color:#555}
@media only screen and (max-width:768px){
    .footer{padding:1rem 0;}
    .footer .link{display:none;}
    .footer .copyright p{float:none!important;padding:0 .8rem}
    .footer .info-tab dl{display:none;}
    .footer .info-tab .tab-click{display:block;}
    .footer .info-con .tab-con{display:none;width:100%;color:#999;font-size:.7rem}
}
/* 回到顶部 */
#back-top{display:none;width:2.4rem;height:2.4rem;text-align:center;position:fixed;z-index:9995;bottom:5rem;right:1rem;cursor:pointer;background:#136bcd;line-height:2.4rem;}
#back-top:hover{opacity:.8;filter:alpha(opacity=80);}
#back-top i{font-size:2rem;color:#fff}
.loadmore{line-height:5vh;font-size:2vh;background:#e1e1e1;color:#999;display:block;border-radius:5px}
.loadmore:hover{background:#d1d1d1;color:#666;text-decoration:none;}
@media screen and (max-width:768px){
    #back-top{width:1.6rem;height:1.6rem;line-height:1.6rem;bottom:1rem;}
    #back-top i{font-size:1rem}
    .loadmore{margin:.75rem}
}
/*按钮*/
.btn-style,.btn-style.disable:hover{display:inline-block;height:36px;line-height:36px;*line-height:35px;border:none;color:#fff;text-align:center;cursor:pointer;background:#3bb;*zoom:1;*display:inline;padding:0 12px;font-size:16px;font-family:"\5FAE\8F6F\96C5\9ED1";vertical-align:top;border-radius:3px;white-space:nowrap;}
.btn-style.big,.btn-style.big.disable:hover{height:50px;line-height:50px;*line-height:49px;font-size:21px;padding:0 24px;}
.btn-style.sm,.btn-style.sm.disable:hover{height:20px;line-height:20px;*line-height:19px;padding:0 6px;font-size:12px}
.btn-style:hover{text-decoration:none;background:#3aa}
.btn-style.disable,.btn-style.disable:hover{cursor:not-allowed;opacity:.6;filter:alpha(opacity=60);}
.btn-style.full{display:block;width:100%;padding:0}
.btn-style.red,.btn-style.red.disable:hover{background:#e33}
.btn-style.red:hover{background:#c33}
.btn-style.org,.btn-style.org.disable:hover{background:#f2631c;}
.btn-style.org:hover{background:#d04d0c}
.btn-style.blue,.btn-style.blue.disable:hover{background:#39e}
.btn-style.blue:hover{background:#0d76ce}
.btn-style.dark,.btn-style.dark.disable:hover{background:#4f3024}
.btn-style.dark:hover{background:#24181a}
.btn-style.black,.btn-style.black.disable:hover{background:#222}
.btn-style.black:hover{background:#3d3d3d}
.btn-style.gray,.btn-style.gray.disable:hover{background:#d9d9d9;color:#666!important;}
.btn-style.gray:hover{background:#ccc}
/*翻页*/
.page-bar{clear:both;padding:20px 0;text-align:center;height:32px}
.page-bar a,.page-bar span,.page-bar strong{font-weight:normal;background:#fff;border:1px solid #e5e5e5;color:#999;padding:5px 10px;margin-right:3px;display:inline-block;*zoom:1;*display:inline;font-size:14px}
.page-bar a,.page-bar span{vertical-align:top}
.page-bar a:hover{background:#f1f1f1;text-decoration:none}
.page-bar a.curr,.page-bar span.curr,.page-bar .active a{background:#f2631c;border-color:#f2631c;color:#fff}
.page-bar span.next,.page-bar span.prev{color:#ccc;background:#f5f5f5}
.page-bar li{display:inline-block;*zoom:1;*display:inline}
.page-bar .disabled span{background:#f5f5f5;color:#ccc}
.page-bar .total{line-height:32px;vertical-align:top;color:#999;padding-left:10px;}
.page{display:none;}
.page-1{display:block;}
/* video-box */
.video-box{position:relative;overflow:hidden;color:#ccc;background:#000;width:100%;}
.video-box>video{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;}
.video-box p.text{padding:50px 10% 0;font-size:16px;line-height:24px;height:100%;position:absolute;top:0;left:0;width:80%;background:#000;z-index:10}
.video-box .loading,.video-box .video-init{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/loading.gif) no-repeat 50% 50%;z-index:2;display:none;}
.video-box .video-init{background:url(../images/play.png) no-repeat 50% 50%;opacity:.4;filter:alpha(opacity=40);cursor:pointer;}
.video-box .video-init:hover{opacity:1;filter:alpha(opacity=100);background-color:none;background-color:rgba(0,0,0,.3);}
.video-box .control{background:#222;color:#ccc;position:absolute;bottom:-42px;left:0;width:100%;z-index:5;display:block;height:42px;}
.video-box:hover .control{bottom:0}
.video-box .progress{height:5px;width:100%;position:relative;background:#555;border-radius:1px;border:0}
.video-box .progress span{position:absolute;top:0;left:0;height:100%;z-index:5;width:0;}
.video-box .progress span.timeBar{background:#aaa}
.video-box .handle{height:40px;line-height:40px;clear:both;}
.video-box .handle .block{border:1px solid #333;border-width:0 1px;height:40px;float:right;padding:0 10px}
.video-box .handle .btn{width:40px;height:40px;background:url(../images/cs-video.png) no-repeat;float:left;cursor:pointer;}
.video-box .handle .paused{background-position:0 -40px}
.video-box .handle .btnStop{background-position:0 -80px}
.video-box .handle .btnFS{background-position:0 -240px}
.video-box .handle .sound{background-position:0 -160px}
.video-box .handle .sound2{background-position:0 -200px}
.video-box .handle .muted{background-position:0 -120px}
.video-box .handle .time{float:left;font-family:arial;font-size:12px;color:#777;padding-left:30px;}
.video-box .handle .current{color:#fff}
.volume{position:relative;cursor:pointer;width:100px;height:10px;margin-top:15px;float:left;background:#555}
.volumeBar{display:block;height:100%;position:absolute;top:0;left:0;background-color:#ddd;z-index:10;}
.video-box .handle .pic{background:url(../images/logo.png) center center no-repeat;width:200px;float:right;height:40px;background-size:auto 90%}

/*图片*/
.hover{position:relative;display:block;}
.hover:after{content:"";display:block;background:#000;position:absolute;opacity:0;filter:alpha(opacity=0);top:0;left:0;right:0;bottom:0;z-index:10;-moz-transition:all 0.25s ease-out;-webkit-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out}
.hover:hover:after{opacity:.3;filter:alpha(opacity=30);}
/*频道通用样式*/
.channel-title{height:4rem;clear:both;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);position:relative;z-index:10;}
.channel-title h2{font-size:2.8rem;float:left;line-height:4rem;font-weight:normal;}
.channel-block{background:#f1f1f1;padding:1rem 0}
.channel-block .view{background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);margin:-1rem 0;padding:3rem 4rem;min-height:25rem}
.channel-block .view img{max-width:100%}
.channel-block .view h2{line-height:3rem;font-size:1.8rem;}
.channel-block .view .info{border-bottom:1px solid #c2c2c2;line-height:2rem;color:#999}
.channel-block .view .info .wdgame{font-size:1rem;vertical-align:bottom;display:inline-block;}
.channel-block .view .cont{padding:1rem 0}
.channel-block .view .cont p{font-size:.8rem;margin:1rem 0;text-indent:2em;}
.channel-block .view .cont p img{display:block;margin:0 auto}
@media only screen and (max-width:768px){
    .channel-title{height:3rem;clear:both;}
    .channel-title h2{font-size:1.5rem;line-height:3rem;padding:0 .5rem}
    .channel-block .view{padding:1rem .5rem}
    .channel-block .view .info .share{display:none;}
    .channel-block .view h2{line-height:1.6rem;font-size:1.2rem;}
    .channel-block .view .cont p{font-size:.7rem;margin:.5rem 0;}
}
@media only screen and (min-width:768px) and (max-width:1259px){
    .channel-title h2{padding:0 1rem}
}

/*select-style*/
.select-style{display:inline-block;height:2rem;position:relative;vertical-align:top;*zoom:1;*display:inline;margin-right:1rem;}
.select-style select{visibility:hidden}
.select-style .tag-select{cursor:pointer;color:#333;position:relative;line-height:2rem;font-size:.8rem;border:1px solid #d3d3d3;background:#fff;display:block;padding:0 1rem}
.select-style .tag-select i{float:right;color:#136bcd;font-weight:bold;}
.select-style .tag-options{position:absolute;left:0;top:2rem;right:0;background:#e5effa;cursor:pointer;z-index:1000;border:1px solid #cce4ff;line-height:1.5rem;overflow:auto;max-height:15.1rem;}
.select-style .tag-options li{display:block;padding:0 1rem;text-decoration:none;color:#136bcd;}
.select-style .tag-options li.open-hover{background:#b8d8fa;font-weight:normal;}
.select-style .tag-options li.open-selected{background:#b8d8fa;font-weight:bold;}

/*动画*/
a,.animate,.tab-click dt,.tab-over dt,.btn-style,.header-nav{-moz-transition:all 0.25s ease-out;-webkit-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out}
.no-animate{-moz-transition:none;-webkit-transition:none;-o-transition:none;transition:none}
@keyframes topBarAnimated{0%{right:-160px} 100%{right:0}}
@-webkit-keyframes topBarAnimated{0%{right:-160px} 100%{right:0}}