/** reset **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;font-size: 100%;}
body,button, input, select, textarea{font-size: 14px;line-height: 1.5;font-family: Microsoft YaHei,"PingFang SC Regular",Helvetica,Tahoma,Arial,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
em{font-style:normal;}
ul, ol{list-style: none;}
input[type="text"],
input[type="password"],
button{background: none;border: none;outline: none;-webkit-appearance: none;}
textarea{resize: none;}
a{text-decoration: none;color:#333;}
a:hover{text-decoration: none;
		color:#333;
		-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
}
img{border:0px;  outline-width:0px;  vertical-align:top;}
li{list-style: none;}
.clearfix { *zoom: 1; } 
.clearfix:before, .clearfix:after {  display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; } 
.fl { float:left;}
.fr { float:right;}
.hide { display:none !important;}
.show { display:block !important;}
.sbg1{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
:root .sbg1{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/
.sizing_bd{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.flex{ display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.flex1{-moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1;}
.elli2{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.elli3{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.elli4{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.elli1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.elli5{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;}

body,a,button,input,textarea{color: #333;}
a:hover{color: #0e82ff;transition: .4s;}

.tit-style{height: 64px;border-bottom: 1px solid #f2f4f6;}
.tit-style h2{float: left;height: 64px;border-bottom: 2px solid #0e82ff;line-height: 62px;font-size: 22px;}
.tit-style h2 .icon{font-size: 24px;margin-right: 8px;vertical-align: middle;}
.tit-style .tit-more{float: right;line-height: 24px;margin-top: 20px;color: #444;}
.tit-style .tit-more .icon-more{font-size: 14px;color: #9d9d9d;}
.tit-style .tit-more:hover{color: #0e82ff;transition: .4s;}
.tit-style .tit-more:hover .icon-more{color: #0e82ff;transition: .4s;}
.tit-style .tit-menu{float: left;margin-left: 70px;height: 48px;margin-top: 8px;}
.tit-style .tit-menu li{display: block;float: left;width: 100px;height: 40px;line-height: 40px;text-align: center;position: relative;border-radius: 4px;font-size: 16px;}
.tit-style .tit-menu li::after{display: block;content: '';width: 0;height: 0;border-style: solid;border-width: 7px;border-color: #0e82ff transparent transparent transparent;position: absolute;bottom: -14px;left: 50%;margin-left: -7px;opacity: 0;}
.tit-style .tit-menu li.active{background: #0e82ff;color: #fff;;transition: .4s;}
.tit-style .tit-menu li.active::after{opacity: 1;transition: .4s;}



.wrap{width: 1200px;margin: 0 auto;}
.color-green{color: #0e82ff !important;}
.color-orange{color: #ffa633 !important;}

.top{padding: 8px 0;line-height: 24px;background: #f4f7fd;font-size: 12px;}
.top .welcome{color: #888;}
.top .top-link span{float: left;width: 1px;height: 12px;background: #adadad;vertical-align: top;margin: 6px 10px;}
.top .top-link a{float: left;color: #888;}
.top .top-link a em{color: #ff4140;font-style: italic;font-size: 10px;margin-left: 3px;}
.top .top-link .icon-shoucang{display: inline-block;vertical-align: top;font-size: 14px;color: #888;margin-left: 3px;}
.top .top-link a:hover{color: #0e82ff;transition: .4s;}
.top .top-link a:hover .icon-shoucang{color: #0e82ff;transition: .4s;}

.header{padding: 20px 0;}
.header .hd-logo{height: 80px;line-height: 80px;}
.header .hd-logo img{max-height: 100%;vertical-align: middle;}

.nav{height: 60px;background: #0e82ff;}
.nav ul{position: relative;height: 100%;}
.nav ul li{float: left;width: 12.5%;}
.nav ul li h3{position: relative;}
.nav ul li h3 a{display: block;line-height: 60px;height: 60px;text-align: center;color: #fff;font-size: 18px;position: relative;z-index: 3;letter-spacing: 1px;}
.nav ul li h3 a i{margin-left: 5px;}
.nav ul li h3 a:hover{background: #0062d2;color: #fff;transition: .4s;}
.nav ul li h3 a:hover i{color: #fff;transition: .4s;}
.nav ul li h3 .nav-bg{position: absolute;width: 100%;height: 70px;left: 0;bottom: 0;background: #0062d2;display: none;}
.nav ul li h3 .nav-bg::before{display: block;content: '';width: 10px;height: 10px;background: url(../images/corner.png);background-size: 100% 100%;position: absolute;top: 0;right: -10px;}
.nav ul li.active h3 .nav-bg{display: block;}
.nav ul li.active h3 a{color: #fff;}
.nav ul li.active h3 a i{color: #fff;}
.nav .drop{position: absolute;width: 100%;left: 0;top: 100%;border: 1px solid #0e82ff;background: #fff;padding: 16px 10px;z-index: 91;margin-top: -1px;display: none;}
.nav .drop a{float: left;margin: 8px 30px;line-height: 24px;}

.main-sec1 ul{margin: 36px -20px 0;}
.main-sec1 ul li{float: left;width: 10%;}
.main-sec1 ul li a{display: block;text-align: center;}
.main-sec1 ul li .icon{width: 84px;height: 84px;margin: 0 auto;line-height: 84px;}
.main-sec1 ul li .icon img{max-width: 100%;max-height: 100%;border-radius:15px;}
.main-sec1 ul li p{line-height: 28px;font-size:13px;}

.main-sec2{margin-top: 18px;}
.main-sec2 .sec-box{padding: 10px 0 10px 96px;position: relative;}
.main-sec2 .sec-tit{position: absolute;width: 90px;height: 30px;position: absolute;top: 10px;left: 0;line-height: 30px;text-align: center;color: #fff;background-size: 100% 100%;}
.main-sec2 .tit-bg1{background-image: url(../images/tit-bg1.png);}
.main-sec2 .tit-bg2{background-image: url(../images/tit-bg2.png);}
.main-sec2 .sec-list li{float: left;padding: 4px 10px;position: relative;}
.main-sec2 .sec-list li::before{display: block;content: '';width: 1px;height: 12px;background: #f0f0f0;position: absolute;left: 0;top: 50%;margin-top: -6px;}
.main-sec2 .sec-list li:first-child::before{display: none;}
.main-sec2 .sec-list li a{font-size: 13px;line-height: 22px;white-space: nowrap;}

.main-sec3{margin-top: 36px;}
.main-sec3 .part1{width: 252px;border: 1px solid #f2f4f6;padding: 0 18px; margin-right: 25px;}
.main-sec3 .fenlei ul{padding-top: 14px;margin: 0 -10px;}
.main-sec3 .fenlei ul li{float: left;width: 33.33%;}
.main-sec3 .fenlei ul li a{display: block;line-height: 28px;border: 1px solid #ddd;border-radius: 4px;text-align: center;font-size: 12px;color: #666;margin: 6px 10px;}
.main-sec3 .fenlei ul li a:hover{background: #0e82ff;color: #fff;border-color: #0e82ff;transition: .4s;}
.main-sec3 .ad{margin-top: 18px;display: block;}
.main-sec3 .ad img{width: 100%;}

.main-sec3 .part2{width: 580px;}
.main-sec3 .hotnews-wrap{position: relative;}
.main-sec3 .hotnews .item-box{display: block;position: relative;}
.main-sec3 .hotnews .item-box .img{height: 180px;overflow: hidden;}
.main-sec3 .hotnews .item-box .img img{width: 100%;}
.main-sec3 .hotnews .item-box h4{position: absolute;z-index: 5;left: 0;bottom: 0;right:0;height: 30px;background: rgba(0, 0, 0, .5);padding: 0 160px 0 18px;line-height: 30px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main-sec3 .nums{position: absolute;height: 6px;z-index: 11;bottom: 0;right: 0;width: auto;padding: 12px 18px;}
.main-sec3 .nums span{float: left;width: 16px;height: 6px;background: #bbbbbb;border-radius: 3px;opacity: 1;margin: 0 4px;transition: .4s;outline: none;}
.main-sec3 .nums .active{width: 30px;background: #0e82ff;transition: .4s;}

.main-sec3 .tab-menu{padding: 28px 50px 24px;height: 50px;}
.main-sec3 .tab-menu li{float: left;width: 50px;height: 55px;position: relative;margin: 0 35px;cursor: pointer; background-image: url(../images/index.png);}
.main-sec3 .tab-menu li.icon-game{background-position: 0 -62px;}
.main-sec3 .tab-menu li.icon-caidan{background-position: -60px -62px;}
.main-sec3 .tab-menu li.icon-card{background-position: -120px -62px;}
.main-sec3 .tab-menu li.icon-shu{background-position: -180px -62px;}
.main-sec3 .tab-menu li.icon-game.active{ background-position: 0 0; }
.main-sec3 .tab-menu li.icon-caidan.active{ background-position: 0 0; }
.main-sec3 .tab-menu li.icon-card.active{ background-position: 0 0; }
.main-sec3 .tab-menu li.icon-shu.active{ background-position: 0 0; }


.main-sec3 .tab-menu li.active i{color: #fff;transition: .4s;}
.main-sec3 .tab-menu li.active::before{opacity: 0;transition: .4s;}
.main-sec3 .tab-menu li.active::after{opacity: 1;transition: .4s;}

.main-sec3 .list-box{position: relative;}
.main-sec3 .list-box::before{display: block;content: '';height: 100%;top: 0;width: 2px;height: calc(100% - 36px);top: 18px;position: absolute;left: 0;background: #d9d9d9;}
.main-sec3 .list-box li{padding: 7px 0;position: relative;}
.main-sec3 .list-box li a{display: block;padding-left: 16px;height: 22px;position: relative;line-height: 22px;}
.main-sec3 .list-box li a::before{display: block;content: '';width: 8px;height: 8px;box-sizing: border-box;border: 2px solid #d9d9d9;background: #fff;border-radius: 100%;position: absolute;left: -3px;top: 50%;margin-top: -4px;}
.main-sec3 .list-box li a:hover::before{border-color: #0e82ff;transition: .4s;}
.main-sec3 .list-box li span{float: left;width: 22px;height: 22px;text-align: center;overflow: hidden;}
.main-sec3 .list-box li span img{max-width: 100%;max-height: 100%;}
.main-sec3 .list-box li .link1{float: left;width: 72px;position: relative;text-align: center;color: #999;margin-right: 8px;}
.main-sec3 .list-box li .link1::before{display: block;content: '';width: 1px;height: 16px;background: #999;position: absolute;right: 0;top: 50%;margin-top: -8px;}
.main-sec3 .list-box li em{float: right;width: 90px;text-align: right;color: #999;}
.main-sec3 .list-box li .link2{float: left;width: calc(100% - 196px);height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.main-sec3 .part3{width: 252px;border: 1px solid #f2f4f6;padding: 0 18px;}
.main-sec3 .part3 ul{padding: 11px 0;}
.main-sec3 .part3 ul li{padding: 10px 70px 10px 0;position: relative;}
.main-sec3 .part3 ul li .download-btn{display: block;width: 60px;line-height: 28px;border-radius: 4px;text-align: center;border: 1px solid #0e82ff;color: #0e82ff;position: absolute;right: 0;top: 50%;margin-top: -15px;}
.main-sec3 .part3 ul li .download-btn:hover{background: #0e82ff;color: #fff;transition: .4s;}
.main-sec3 .part3 ul li .infos{display: block;}
.main-sec3 .part3 ul li .icon{float: left;width: 72px;height: 72px;text-align: center;line-height: 72px;overflow: hidden;}
.main-sec3 .part3 ul li .icon img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.main-sec3 .part3 ul li .text{float: left;padding-top: 4px;margin-left: 10px;}
.main-sec3 .part3 ul li .text h4{white-space: nowrap;text-overflow: ellipsis;width: 100px;overflow: hidden;line-height: 24px;}
.main-sec3 .part3 ul li .text p{font-size: 12px;line-height: 20px;color: #a0a0a0;}

.main-sec4{margin-top: 30px;padding: 20px 0 40px;background: #f6f7fb;}
.main-sec4 .tit-style{margin-bottom: 10px;border: none;}
.main-sec4 .tit-style h2{border: none;}
.main-sec4 .tit-style h2 .icon-fenlei{color: #6f98ff;}
.main-sec4 ul{margin: 0 -10px;}
.main-sec4 ul li{float: left;width: 25%;}
.main-sec4 .item-box{display: block;background: #fff;}
.main-sec4 .tbox{margin: 0 10px;}
.main-sec4 .item-box .img{height: 140px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.main-sec4 .item-box .text{padding: 20px;}
.main-sec4 .item-box .text .icon{float: left;width: 72px;height: 72px;text-align: center;line-height: 72px;}
.main-sec4 .item-box .text .icon img{vertical-align: middle;width: 100%;height: 100%;border-radius: 10px;}
.main-sec4 .item-box .text .right{float: right;width: 160px;}
.main-sec4 .item-box .text .right h4{font-size: 16px;line-height: 24px;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight: bold;color: #403f3f;}
.main-sec4 .item-box .text .right span{display: block;width: 78px;line-height: 28px;border: 1px solid #0e82ff;border-radius: 4px;text-align: center;color: #0e82ff;margin-top: 14px;}
.main-sec4 .item-box:hover .text .right span{background: #0e82ff;color: #fff;transition: .4s;}
.main-sec4 .item-box .text .p{margin-top: 14px;line-height: 22px;height: 132px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;color: #6d6d6d;}
.main-sec4 .item-box:hover{box-sizing: 0 6px 20px rgba(37,43,58,.1);}

.main-sec5{padding: 40px 0;}
.main-sec5 .sec-left{width: 738px;float: left;border: 1px solid #f2f4f6;border-radius: 4px;padding: 0 30px;}
.popular .tit-style{height: 69px;padding-top: 10px;}
.popular .tit-style h2{border: none;}
.list-style2{padding: 10px 0;}
.list-style2 li{float: left;width: 16.66%;padding: 10px 0;}
.list-style2 li a{display: block;text-align: center;}
.list-style2 li .icon{display: block;width: 80px;height: 80px;line-height: 80px;text-align: center;margin: 0 auto;}
.list-style2 li .icon img{vertical-align: middle;max-width: 100%;max-height: 100%;}
.list-style2 li p{margin-top: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.main-sec5 .sec-right{width: 380px;float: right;border-radius: 4px;position: relative;border-radius: 4px 4px 0 0;overflow: hidden;}
.main-sec5 .sec-right::before{display: block;content: '';width: 100%;height: 80%;height: calc(100% - 10px);position: absolute;top: 0;left: 0;z-index: 1;background: url(../images/fireworks.png) no-repeat 218px 20px;}
.main-sec5 .sec-right .tit-style{height: 81px;padding-top: 10px;padding: 0 30px;border: none;position: relative;z-index: 3;}
.main-sec5 .sec-right .tit-style h2{border: none;color: #fff;}
.main-sec5 .sec-right .tit-style .tit-more{color: #fff;}
.main-sec5 .sec-right .tit-style .tit-more .icon-more{color: #fff;}
.main-sec5 .rank{margin-top: 64px;background: #fff;border: 1px solid #f2f4f6;border-radius: 10px 10px 4px 4px;position: relative;z-index: 3;padding: 0 30px;}
.main-sec5 .rank .top-three{margin: -70px -14px 0;}
.main-sec5 .rank .top-box{float: left;width: 33.33%;text-align: center;}
.main-sec5 .rank .top-box a{display: block;}
.main-sec5 .rank .top-box .order{width: 24px;height: 24px;margin: 0 auto 6px;}
.main-sec5 .rank .top-box .icon{height: 82px;line-height: 82px;}
.main-sec5 .rank .top-box .icon img{vertical-align: middle;max-height: 100%;}
.main-sec5 .rank .top-box p{margin: 10px 0 4px;line-height: 22px;height:22px;overflow:hidden;}
.main-sec5 .rank .top-box .download-btn{width: 48px;line-height: 22px;border: 1px solid #0e82ff;border-radius: 4px;text-align: center;margin: 0 auto;color: #0e82ff;}
.main-sec5 .rank .top-box .download-btn:hover{background-color: #0e82ff;color: #fff;transition: .4s;}
.main-sec5 .rank .first{position: relative;top: -15px;}
.main-sec5 .rank .first .order{background: url(../images/first.png);background-size: 100% 100%;}
.main-sec5 .rank .second .order{background: url(../images/second.png);background-size: 100% 100%;}
.main-sec5 .rank .third .order{background: url(../images/third.png);background-size: 100% 100%;}
.main-sec5 .rank-list{padding: 13px 0;}
.main-sec5 .rank-list li{padding: 10px 0 10px 38px;position: relative;}
.main-sec5 .rank-list .order{width: 18px;height: 18px;background: #c3c3c3;border-radius: 3px;text-align: center;line-height: 18px;color: #fff;position: absolute;left: 0;top: 12px;}
.main-sec5 .rank-list .tit{font-size: 16px;line-height: 18px;display: block;}
.main-sec5 .rank-list .tit:hover{color: #333;}
.main-sec5 .rank-list .infos{padding-top: 14px;display: none;}
.main-sec5 .rank-list .infos .icon{width: 54px;height: 54px;line-height: 54px;text-align: center;float: left;}
.main-sec5 .rank-list .infos .icon img{vertical-align: middle;max-width: 100%;min-height: 100%;}
.main-sec5 .rank-list .infos .text{float: left;margin-left: 12px;padding-top: 3px;}
.main-sec5 .rank-list .infos .text p{line-height: 24px;}
.main-sec5 .rank-list .infos .download-btn{float: right;width: 48px;line-height: 24px;border: 1px solid #0e82ff;border-radius: 4px;text-align: center;color: #0e82ff;margin-top: 15px;}
.main-sec5 .rank-list .infos .download-btn:hover{background-color: #0e82ff;color: #fff;transition: .4s;}
.main-sec5 .rank-list .active .tit{font-weight: bold;}
.main-sec5 .rank-list .active .infos{display: block;}

.main-sec5 .style-green .icon-android{color: #0e82ff;font-size: 28px;}
.main-sec5 .style-green .sec-right::before{background-color: #0e82ff;}
.main-sec5 .style-orange{margin-bottom: 20px;}
.main-sec5 .style-orange .icon-game{color: #ffa633;font-size: 30px;}
.main-sec5 .style-orange .tit-style .tit-menu li.active{background-color: #ffa633;}
.main-sec5 .style-orange .tit-style .tit-menu li.active::after{border-color: #ffa633 transparent transparent transparent;}
.main-sec5 .style-orange .sec-right::before{background-color: #ffa633;}


.main-sec6{background: #f6f7fb;padding: 40px 0 60px;}
.main-sec6 .sec-part{width: 326px;background: #fff;padding: 0 30px;}
.main-sec6 .sec-part:last-child{margin-right: 0;}
.mr20{margin-right: 20px;}

.ft-link{background: #0e82ff;padding: 36px 0;}
.ft-link h3{color: #fff;font-size: 16px;line-height: 24px;margin-bottom: 16px;}
.ft-link ul{margin: 0 -16px;}
.ft-link ul li{float: left;padding: 3px 16px;position: relative;}
.ft-link ul li::after{display: block;content: '';width: 1px;height: 12px;background: #fff;position: absolute;right: 0;top: 50%;margin-top: -6px;}
.ft-link ul li a{color: #fff;font-size: 12px;line-height: 20px;white-space: nowrap;}
.ft-link ul li a:hover{color: #afe7c5;transition: .4s;}
.footer .ft-infos{background: #0062d2;padding: 20px 0 24px;text-align: center;font-size: 12px;}
.footer .ft-infos .ft-btns a{line-height: 20px;display: inline-block;vertical-align: middle;color: #fff;font-size:14px;}
.footer .ft-infos .ft-btns a:hover{color: #afe7c5;transition: .4s;}
.footer .ft-infos .ft-btns span{display: inline-block;vertical-align: middle;width: 1px;height: 10px;background: #fff;margin: 0 8px;}
.footer .ft-infos .copyright{margin: 8px 0 14px;color: #fff;line-height: 20px;font-size:14px;}
.footer .ft-infos .copyright a{color:#fff;}

.brednav{height: 20px;}
.brednav {line-height: 20px;height: 20px;color: #808080;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 10px 0;}
.brednav a{color: #808080;}
.brednav a:hover{color: #0e82ff;}

.fbg{width: 100%; background: #f6f7fb;}
.classlyball{background: #fff; border:1px solid #eee;border-radius: 8px;position: relative; padding-left: 200px;min-height: 50px;}
.classlyball .tt{ width: 200px;border-right: 1px solid #eee; position: absolute;left: 0;top: 0;bottom: 0; }
.classlyball .tt i{ display: block; width: 36px;height: 36px; background:url(../images/ico-img1.png);background-repeat: no-repeat; background-position: center; position: absolute;left: 30px;top: 50%;margin-top: -18px; }
.classlyball .tt span{ display: block; height: 36px;width: 100px; position: absolute;left: 76px;top: 50%;margin-top: -18px;text-align: center;color: #666;font-size: 16px;font-weight: normal;line-height: 36px; }
.classlyball div.clearfix{padding: 15px 0 1px 15px;}
.classlyball div.clearfix a{ display: block; height: 32px;line-height: 32px; padding: 0 20px;float: left; font-size: 16px;color: #888;margin-bottom: 14px;}
.classlyball div a:hover{color: #0e82ff;}

.gamesll{margin-right: -10px;}
.gamesll li{width: 25%;float: left;margin-bottom: 10px;}
.gamesll li .box{ display: block; margin-right: 10px; background: #fff;border:1px solid #f1f1f1;border-radius: 8px;padding: 20px;overflow: hidden; }
.gamesll li .tt{height: 20px;line-height: 20px;margin: 20px;color: #4c4c4c;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;}
.gamesll li .imgBox{display: block;float: left;width: 100px;height: 100px;margin-right: 20px;border-radius: 14px;}
.gamesll li .imgBox img{ display: block; width: 100%;height: 100%; }
.gamesll li .info{height: 20px;line-height: 20px;color: #666;font-size: 14px;overflow: hidden;white-space: nowrap;}
.gamesll li .info i{font-style: normal;margin: 0 10px;}
.gamesll li .timer{font-size: 14px;color: #0e82ff;margin: 10px 0;height: 20px;line-height: 20px;}
.gamesll li .btn{display: inline-block;width: 100px;height: 28px;border: 1px solid #e6e6e6;border-radius: 4px;text-align: center;line-height: 28px;color: #4c4c4c;font-size: 14px;}
.gamesll li .box:hover{box-shadow: 0px 4px 20px 0 #eee;border:1px solid #f1f1f1;}
.gamesll li .box:hover .btn{background: #0e82ff;color: #fff;border-color: #0e82ff;}

.page-btn{display:table;margin:20px auto;}
.page-btn a,.page-btn span{display: inline-block;width: auto;padding:0 10px;height: 30px;text-align: center;line-height: 30px;color: #666;font-size: 14px;border-radius: 5px;border: 1px solid #e6e6e6;margin: 0 5px;}
.page-btn span{background-color: #0e82ff!important;color: #fff!important;}
.page-btn a:hover,.page-btn .active{background-color: #0e82ff!important;color: #fff!important;}
.page-btn .active{font-weight: bold;border-color: #0e82ff; }
.nlpage .nleft{width:770px; padding:20px; background:#fff;float: left;}
.nlpage .ntt{font-size:20px; color:#333; font-weight:bold;height: 30px;line-height: 30px;}
.nlpage .ntt .more{font-size: 12px;color: #999;padding-left: 24px;position: relative;font-weight: normal;}
.nlpage .ntt .more i{position: absolute;left: 0;top: 50%;display: block; width: 16px;height: 16px; position: absolute;margin-top: -8px; background-image: url(../images/img.png);background-position: -146px 0;}
.nlpage .ntt .more:hover{color: #0e82ff;}
.nllist li{padding:30px 0; border-bottom:1px solid #f1f1f1; overflow: hidden;}
.nllist li:last-child{border-bottom:0;}
.nllist li .imgBox{float:left; display:block; width:180px; height:120px;margin-right: 19px;}
.nllist li .imgBox img{ display: block; width: 100%;height: 100%; border-radius: 6px;transition: opacity .1s linear;}
.nllist li .imgBox:hover img{opacity: 0.85;filter: alpha(opacity=85);}
.nllist li .tt a{display:block; height:20px; line-height:20px; font-size:20px; color:#111; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-weight: normal;}
.nllist li .tt a:hover{ color: #0e82ff; }
.nllist li .info{font-size: 0;}
.nllist li .info span{display:inline-block;height:14px; line-height:14px; font-size:14px; color:#999; margin-top:25px;}
.nllist li .info span + span{margin-left:96px;}
.nllist li .text{height:48px; line-height:24px; font-size:14px; color:#333; margin-top:15px; overflow: hidden;}
.nlpage .nright{width: 360px;float: right;}
.grank{padding: 20px 20px 0;}
.grank li{padding: 20px 60px 20px 28px;position: relative;border-bottom: 1px solid #f2f2f2;}
.grank li .num{width:21px; height:30px; color:#fff; line-height:30px; font-size:14px; text-align:center; background:url(../images/img.png) no-repeat;background-position: -268px 0; position: absolute;left: 0;top: 50%;margin-top: -15px;}
.grank li .num1{background-position:-292px 0;}
.grank li .num2{background-position:-317px 0;}
.grank li .num3{background-position:-342px 0;}
.grank li .imgBox{float:left; display:block; width:52px; height:52px; border-radius:12px; margin-right: 20px;}
.grank li .imgBox img{display: block; width: 100%;height: 100%; transition:opacity .1s linear;}
.grank li .imgBox img:hover{opacity:0.9;}
.grank li .btn{position: absolute; right: 0;top: 50%;display:block; width:60px; height:28px; line-height:28px; text-align:center; color:#0e82ff; border-radius:3px; border:1px solid #b8e6bf; margin-top:-15px;}
.grank li .btn:hover{background: #0e82ff; color:#fff;}
.grank li .tt{font-size:16px; overflow: hidden;height: 22px;font-weight: normal;line-height: 22px;}
.grank li .info{font-size:12px; color:#999; margin-top:10px;}
.grank li .info i{display: inline-block; margin:0 10px;font-style: normal;}
.grank li:last-child{border-bottom: none;}
.salist{padding: 20px 20px 30px;}
.salist ul{border-left:1px solid #e0e0e0;}
.salist ul li{position: relative; height:16px; margin-top:27px; font-size:0px;padding-left: 20px; }
.salist ul li a{display:block; font-size:15px; line-height:16px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width: 100%;height: 100%;}
.salist ul li i{display:inline-block; width:16px; height:16px; background:url(../images/img.png) no-repeat; background-position:-206px 0; position: absolute; left:-9px; top:0px; vertical-align: middle; background-color:#fff;}
.salist ul li:hover i{width: 14px; left: -7px; background-position:0 0;}

.hot_hj{padding:20px; padding-bottom:0px; background:#fff;}
.hot_img{margin-top:13px;}
.hot_img a{display:block;width: 100%;  text-align:center;}
.hot_img img{display:block; width:100%; height:160px; border-radius:6px; transition:opacity .1s linear;}
.hot_img img:hover{opacity:0.9; transition:opacity .1s linear;}
.hot_img .hot_txt{font-size:15px; color:#555; height:15px; line-height:15px; padding:15px 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.appheader{ padding: 30px 20px 20px 20px; margin-bottom: 20px;}
.appheader .img180{    width: 180px;
    height: 180px;
    border-radius: 40px;
    float: left;}
.appheader .acneter{    width: 650px;
    float: left;
    text-align: left;
    padding-left: 30px;}
.appintro h1.tt{    height: 40px;
    line-height: 40px;
    font-size: 28px;
    color: #333333;
    font-weight: bold;
    display: block;}
.appintro h1.tt span:first-child{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 455px;
    display: block;
    float: left;
}
.appintro h1.tt span.short_content{
    height: 16px;
    line-height: 16px;
    width: 160px;
    color: #888888;
    overflow: hidden;
    font-size: 14px;
    margin-left: 20px;
    font-weight: 400;
}
.appheader .acneter .info{
    height: 82px;
    padding-top: 18px;
    overflow: hidden;
}

.appheader .acneter .info .game-label {
    height: 16px;
    line-height: 16px;
    width: 160px;
    color: #888888;
    overflow: hidden;
    margin-bottom: 15px;
    float: left;
}

.appheader .acneter .three-btn-container {
    height: 40px;
    clear: both;
}

.appheader .acneter .three-btn-container > a {
    display: block;
    float: left;
    width: 152px;
    height: 40px;
    background-color: #0e82ff;
    border-radius: 5px;
    font-size: 16px;
    color: #ffffff;
    margin-right: 28px;
    cursor: pointer;
    line-height: 40px;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}



.appheader .acneter .three-btn-container > a i {
    width: 18px;
    height: 21px;
    float: left;
    margin: 10px 12px 0 30px;
    background: url(../images/ico.png) no-repeat -156px -73px;
}

.appheader .acneter .three-btn-container .show-code-container {
    width: 150px;
    height: 165px;
    box-sizing: border-box;
    border: 1px solid rgb(205, 205, 205);
    z-index: 10;
    position: absolute;
    background: white;
    top: 50px;
    right: 0;
    display: none;
}

.appheader .acneter .three-btn-container .show-code-container:before {
    content: "";
    width: 15px;
    height: 8px;
    position: absolute;
    top: -8px;
    right: 14px;
    display: block;
    z-index: 2;
    background: url(../images/jiantou.png) no-repeat;
}

.appheader .acneter .three-btn-container > a b:hover ~ .show-code-container {
    display: block;
}

.appheader .acneter .show-code-container div {
    width: 122px;
    height: 122px;
    display: block;
    margin: 10px auto 3px;
}

.appheader .acneter .show-code-container p {
    width: 100%;
    font-size: 12px;
    display: block;
    color: #999999;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.appheader .acneter .three-btn-container > a.booking i {
    margin: 10px 12px 0 42px;
}

.appheader .acneter .three-btn-container > a b {
    float: right;
    width: 42px;
    height: 40px;
    background: url(../images/ico.png) no-repeat -48px -405px;
    border-left: 1px solid #4ac3ca;
}

.appheader .acneter .three-btn-container .android-download {
    width: 197px;
    text-align: left;
}

.appheader .acneter .three-btn-container .ios-download {
    width: 197px;
    text-align: left;
}

.appheader .acneter .three-btn-container .ios-download i {
    background-position: -178px -73px;
}

.appheader .acneter .three-btn-container a.android-download:hover,.appheader .acneter .three-btn-container a.ios-download:hover {
    background: rgba(5, 188, 198, 0.8);
}
.download-head-right {
    width: 225px;
    float: right;
    margin-right: 5px;
}

.download-head-right .game-score {
    font-size: 40px;
    color: #333333;
    display: block;
    font-weight: bold;
}

.download-head-right .game-star-container {
    width: 95px;
    display: block;
    float: right;
    height: 16px;
    margin-top: 20px;
    margin-right: 2px;
    background: url(../images/ico.png) no-repeat 0 -639px;
}
#score-explain {
    float: right;
    height: 16px;
    line-height: 16px;
    margin-top: 20px;
    color: #333;
    margin-left: 10px;
    width: 45px;
    text-align: left;
}

.game-score-container .no-commit {
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    padding-left: 16px;
    color: #999999;
    float: right;
    margin-top: 3px;
    display: none;
}

.game-score-container .no-commit.checked {
    background: url(../images/ico.png) no-repeat -161px -414px;
}

.download-head-right .game-star-container i {
    width: 60%;
    display: block;
    height: 16px;
    background: url(../images/ico.png) no-repeat 0 -621px;
}

.download-head-right .commit-score {
    clear: both;
}

.download-head-right .commit-score span {
    color: #333333;
    font-weight: bold;
    margin-right: 15px;
}

.download-head-right .commit-score b {
    font-size: 12px;
    color: #888888;
}
.game-tag{
    margin-top: 40px;
}
.game-tag a{
    border-radius: 10px;
    background-color: #EDEFF5;
    padding: 2px 8px 2px 10px;
    margin-right: 10px;
    color: #888888;
    float: left;
    margin-bottom: 10px;
}
.game-tag a:hover{
    background-color: #0e82ff;
    color: #fff;
}
.game-tag span:first-child{
    background: none;
    padding: 0;
    float: left;

}

.appXqPage .nleft{width: 380px;float: left;}
.appXqPage{position: relative;}
.appXqPage .appheader .acneter{padding-top: 40px;}
.appintro h1.tt{position: absolute;left: 230px;top: 20px;}
.appXqPage .nleft{width: 860px;float: left;}
.appXqPage .nright{width: 320px;float: right;}

/*每部分标题*/
.title-container {
    width: 100%;
    height: 22px;
    line-height: 22px;
    margin: 12px auto;
    position: relative;
}

.title-container i {
    width: 5px;
    height: 22px;
    background-color: #0e82ff;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 12px;
}

.title-container span {
    font-size: 20px;
    color: #333333;display: block;height: 22px;line-height: 22px;
}

.title-container a {
    font-size: 12px;
    line-height: 20px;
    color: #999999;
}

.title-container a:hover {
    color: rgb(5, 188, 198);
}
.appintro{padding: 20px;}

.appintro{font-size: 16px;line-height: 28px;color: #555;}
.appintro p{text-indent: 2em;}
/**
.appintro p img{ display: block; margin: 0 auto; max-width: 85%;height: auto !important;margin: 10px auto; }
.appintro img {width: 100%;height: auto;}*/
.load-more-content {
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    display: none;
    font-size: 14px;
    color: #555555;
    cursor: pointer;
    text-align: right!important; background: #fff; padding: 15px 20px;
}


.load-more-content:after {
    background: url(../images/ico.png) no-repeat -54px -75px;
    content: "";
    width: 10px;
    height: 14px;
    float: right;
}

.load-more-content.checked:after {
    background-position: -54px -96px;
}
.gamejt{padding:1px 20px 20px;}

.xgbblist li{height: 48px;line-height: 48px; padding: 0 80px 0 18px;position: relative;}
.xgbblist li .btn{    display: block;
    width: 52px;
    height: 24px;
    border-radius: 4px;
    border: solid 1px #0e82ff;
    font-size: 12px;
    line-height: 22px;
    color: #0e82ff;
    text-align: center; position: absolute; right: 18px;top: 50%;margin-top: -13px; }
.xgbblist li .name{display: block; width: 40%;float: left;height: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xgbblist li span{ display: block; width: 30%;float: left;overflow: hidden; }
.xgbblist li:hover{background: #f9f9f9;}
.xgbblist li .btn:hover{ background: #0e82ff;color: #fff; }
.strategy-type-ul {
    text-align: center;
    position: absolute;
    top: 4px;
    margin: auto;
    left: 220px;
}

.strategy-type-ul .strategy-type-li {
    /*    display: inline-block;*/
    color: #a0a0a0;
    margin-right: 10px;
    cursor: pointer;
    /*width: 62px;*/
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: solid 1px #cccccc;
    display: block;float: left;
    padding: 0 10px; margin-bottom: 10px;overflow: hidden; max-width: 168px;
}

.strategy-type-ul .strategy-type-li.active {
    font-size: 12px;
    color: #0e82ff;
    border-color: #0e82ff;
    font-weight: bold;
}

.strategy-type-ul .strategy-type-li:hover {
    font-size: 12px;
    color: #0e82ff;
    border-color: #0e82ff;
}

.applist2{ margin-right: -20px; }
.applist2 li{ width: 250px; height: 80px; float: left; margin-right: 20px; padding: 12px 0;}
.applist2 li .imgBox{ display: block; width: 80px; height: 80px; border-radius:12px;overflow: hidden;float: left;margin-right: 10px;}
.applist2 li .imgBox img{ display: block; width: 100%; height: 100%; }
.applist2 li .t_tt{ height: 24px; line-height: 24px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;font-size: 16px; font-weight: normal; margin-bottom: 4px;}
.applist2 li p{ height: 24px; line-height: 24px;font-size: 14px;overflow: hidden;color: #999999 }
.applist2 li p a{ color: #999; }
.applist2 li p a:hover{color: #00d6de;}
.applist2 li p.size{color: #af9ec2;}
.applist2 li:nth-last-child(1),.applist2 li:nth-last-child(2),.applist2 li:nth-last-child(3){border-bottom: none;}
.zthot .imgBox{     position: relative;
    display: block;
    width: 216px;
    height: 130px;
    float: left;
    margin-right: 20px;overflow: hidden;border-radius: 4px;overflow: hidden; }
.zthot .imgBox .tt img{ display: block; width: 100%;height: 100%; }
.zthot .imgBox .tt{    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    overflow: hidden;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;right: 0;}
.zthot{margin-bottom: 10px;margin-top: 30px;}
.zthot .name{    height: 34px;
    line-height: 34px;
    display: block;
    font-size: 22px;
    color: #444444;
    font-weight: bold;
    margin-bottom: 5px;}
.zthot .text{    color: #999999;
    height: 78px;
    line-height: 26px;
    overflow: hidden;}
.ndlist li{width: 50%;float: left; height: 28px;line-height: 28px;position: relative;}
.ndlist li a{ display: block; margin-right: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 10px; }
.ndlist li i{ display: block; width: 3px;height: 3px; background: #999; position: absolute;left: 0;top: 50%;margin-top: -1px; }
.xggl .ndlist{margin-right: -30px;}
.ndlist li:hover i{ background: #0e82ff; }
.ranking10 li{ padding: 15px 0 15px 30px;position: relative;height: 84px; }
.ranking10 li .imgBox{ display: block; width: 84px;height: 100%; float: left; margin-right: 20px;}
.ranking10 li .imgBox img{ display: block; width: 100%; height: 100%; border-radius: 12px; }
.ranking10 li .btn{ display: inline-block;width: 50px;height: 20px;border-radius: 3px;margin-top: 3px;border:1px solid #0e82ff;color: #0e82ff;font-size: 14px;text-align: center;}
.ranking10 li .btn:hover{ background-color: #0e82ff; color: #fff;}
.ranking10 li .tt{height: 28px;line-height: 28px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;font-weight: normal;font-size: 16px;}
.ranking10 li .info{font-size: 12px;color: #999;height: 28px;line-height: 28px;overflow: hidden;}
.ranking10 li .info a{color: #999;margin-right: 10px;}
.ranking10 li .info a:hover{color: #0e82ff;}
.ranking10 li .num{ display: block; width: 20px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;font-style: normal; background: #b9b9b9;border-radius: 3px;position: absolute;left: 0;top: 50%;margin-top: -20px; }
.ranking10 li .num-1{background: #f36755;}
.ranking10 li .num-2{background: #f8c166;}
.ranking10 li .num-3{background: #a6e2c2;}
		
.applist15 li{padding: 15px 0;height: 84px;}
.applist15 li .imgBox{display: block; width: 84px;height: 84px;float: left; margin-right: 15px;}
.applist15 li .imgBox img{ display: block; width: 100%; height: 100%; border-radius: 12px; }
.applist15 li .tt{height: 30px;line-height: 30px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;margin-bottom: 5px;margin-bottom: 4px;}
.applist15 li p{height: 24px;line-height: 24px;overflow: hidden;}
.applist15 li .tag a{color: #999; margin-right: 15px;}
.applist15 li .tag a:hover{color: #0e82ff;}
.applist15 li .pf{color: #ffb14b;}
.nright .list-style2 li{ width: 33.33%; margin-bottom: 0;padding-top: 0;}
.list-style2 li .icon img{border-radius: 12px;}
.nright .list-style2{margin-left: -10px;margin-right: -10px;}
.nright .list-style2 li .icon{width: 72px;height: 72px;}
.artContent h1.tt{position: static;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px;}
.artContent .info{    text-align: center;
    font-size: 14px;
    color: #999999;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    margin-bottom: 20px;}
.artApp{    width: 100%;
    height: 120px;
    box-sizing: border-box;
    padding: 15px;
    background-color: #f0f0f0;
    border-radius: 3px;}
.artApp .imgBox{width: 90px;
    height: 90px;
    background-color: #e6e6e6;
    border-radius: 18px;
    float: left;display: block; margin-right: 20px;overflow: hidden;}
.artApp .imgBox img{ display: block; width: 100%;height: 100%; max-height: none !important; }
.artApp .name{height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #333333;
    line-height: 30px;}

.artApp .type{font-size: 12px;
    color: #666666;
    height: 20px;
    line-height: 20px;
    overflow: hidden;margin: 8px 0;
}
.artApp .type li{float: left; margin-right: 60px;}
.artApp .type li:last-child{margin-right: 0;}
.artApp .tag{    font-size: 12px;
    color: #999999;
    height: 20px;
    line-height: 20px;
    overflow: hidden;}
.artApp .tag a{color: #999;margin-right: 20px;}
.artApp .erm{float: right; width: 80px;}
.artApp .erm .ermbox{ display: block; width: 70px;height: 70px; margin: 0 auto;}
.artApp .erm .ermbox img{ display: block; width: 100%;height: 100%; }
.artApp .erm .nt{ display: block; font-size: 12px;color: #999;text-align: center;height: 28px;line-height: 28px;overflow: hidden; }
.artApp .abtn{float: right;padding-right: 80px;}
.artApp .abtn a{display: block;
    width: 130px;
    height: 36px;
    background-color: #0e82ff;
    border-radius: 5px;
    color: #ffffff;
    margin-bottom: 14px;
    text-align: center;
    line-height: 36px;
    margin-top: 2px;  }
.artContent p{margin: 14px 0;}
.appintro h3{color: #ffffff;
    background-color: #0e82ff;
    border-radius: 5px;
    padding: 3px 10px;
    display: inline-block;
    margin: 20px 0;
    font-size: 16px;}
.xggxw{padding-top: 1px !important;}
.xggxw .nllist{margin-top: -20px;}
.xggxw .title-container{overflow: hidden;}
.title-container span{position: relative;padding-left: 15px;}
.title-container i{ position: absolute;left: 0;top: 50%;margin-top: -11px; }
.load-more-btn {
    display: block;
    line-height: 44px;
    text-align: center !important;
    margin: 16px auto 0;
    background: none;
    width: 184px;
    height: 44px;
    border-radius: 23px;
    border: solid 1px #cccccc;
    font-size: 16px;
    color: #999999;
    cursor: pointer;
}
.nright .ndlist{margin-right: 0;}
.nright .ndlist li{width: 100%;height: 36px;line-height: 36px;}
.nright .ndlist li a{margin-right: 0;}
.nright .ndlist li.hot{height: 146px;position: relative;margin-bottom: 5px;}
.nright .ndlist li.hot a, .nright .ndlist li.hot a img{padding-left: 0; width: 100%;height: 100%;display: block;}
.nright .ndlist li.hot span{    height: 56px;
    line-height: 72px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    text-align: center !important;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/textshadow.png) center top;}
.sub_tab {
	overflow: hidden;
	margin: 0 auto 30px auto;
	width: 616px;
	border: 1px solid #f2f2f2;
	border-radius: 3px;
	background: #f2f2f2;
}
.sub_tab li {
	float: left;
	margin-left: 1px;
	width: 204px
}

.sub_tab li a {
	display: block;
	background: #fafcfc;
	color: #888;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	line-height: 50px
}

.sub_tab li:first-child {
	margin-left: 0
}

.sub_tab li a:hover {
	color: #595959
}

.sub_tab li.sub_current a {
	background: #0e82ff;
	color: #fff
}

.sub_tab li a:active {
	background: #0e82ff;
	color: #fff
}
.hjindex{margin-right: -26px;}
.hjindex li{ width: 25%;float: left; margin-bottom: 30px; }
.hjindex li .box{ display: block; margin-right: 26px;box-shadow: 0 1px 0 #f3f6f5; }
.hjindex li .box .imgBox{ display: block; width: 100%;height: 140px; }
.hjindex li .box .imgBox img{ display: block; width: 100%;height: 100%; }
.hjindex li .box .tt{background: #fff;
    color: #595959;
    text-align: center;
    font-size: 15px;
    line-height: 42px;display: block;height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hjindex li:hover .box{	-webkit-box-shadow: 0 7px 14px -3px rgba(0, 0, 0, .1), 0 8px 1pc -8px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 14px -3px rgba(0, 0, 0, .1), 0 8px 1pc -8px rgba(0, 0, 0, .2);
	transform: translateY(-2px);
	-ms-transform: translateY(-2px)}
.sub_js_box .sub_js {
	overflow: hidden;
	padding: 10px;
	border: 1px solid #f2f2f2;
	border-radius: 3px
}

.sub_js .sub_js_left {
	float: left;
	margin-right: 15px;
	width: 360px;
	height: 180px
}

.sub_js .sub_js_left img {
	display: block;
	width: 100%
}

.sub_js .sub_js_center {
	float: left;
	margin-right: 15px;
	width: 630px
}

.sub_js .sub_js_center .sub_js_title {
	overflow: hidden;
	margin-bottom: 8px
}

.sub_js .sub_js_center .sub_js_title>h1 {
	float: left;
	font-weight: 700;
	font-size: 30px;
	line-height: 50px
}

.sub_js .sub_js_center .sub_js_title>span {
	float: left;
	display: block;
	margin-top: 24px;
	padding-left: 2pc;
	background: url(../images/icon.png) no-repeat -274px -56px;
	line-height: 1pc
}

.sub_js .sub_js_center .sub_js_title>span b {
	font-size: 14px
}

.sub_js .sub_js_center>p {
	overflow: hidden;
	margin-bottom: 9pt;
	max-height: 88px;
	color: #565656;
	font-size: 15px;
	line-height: 22px
}

.sub_js .sub_js_center .sub_js_tab a {
	float: left;
	display: block;
	margin-right: 10px;
	padding: 0 9pt;
	border-radius: 3px;
	background: #f7fafa;
	color: #999;
	font-size: 9pt;
	line-height: 25px
}

.sub_js .sub_js_center .sub_js_tab a:hover {
	background: #30dbb1;
	color: #fff
}

.sub_js .sub_js_center .sub_js_share {
	overflow: hidden
}

.sub_js .sub_js_center .sub_js_share span {
	float: left;
	display: block;
	margin-right: 30px;
	color: #999
}

.sub_js .sub_js_center .sub_js_share span em {
	color: #869cb8
}

.sub_js .sub_js_right {
	float: left;
	width: 158px
}

.sub_js .sub_js_right #qrcode_a {
	margin: 9px 0;
	text-align: center;
}
.sub_js .sub_js_right #qrcode_a img{ display: block; width: 132px;height: 132px;margin: 0 auto; }

.sub_js .sub_js_right p {
	margin-top: 4px;
	color: #869cb8;
	text-align: center;
	font-size: 14px;
	line-height: 18px
}


.apphjlist{margin-right: -32px;}
.apphjlist .box {
	border: 1px solid #e1e2e0;
	background: #fff;
	border-radius: 6px;
	padding: 19px 24px;
	box-sizing: border-box;
	position: relative;
	margin-right: 0px;
	margin-bottom: 40px;
	width: 368px;
}

.apphjlist li:hover .box {
	top: -10px;
}

.apphjlist .box img {
	width: 80px;
	height: 80px;
	border-radius: 6px;
}

.apphjlist .box a {
	display: inline-block;
	float: left;
	padding-right: 10px;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

.apphjlist .box h3 {
	height: 22px;
	padding-top: 5px;
}

.apphjlist .box h3 a {
	color: #333;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 1px;
	position: absolute;
	font-family: "Microsoft Yahei";
	white-space: nowrap;
}

.apphjlist .box h3 a:hover {
	color: #df0000;
}

.apphjlist .box strong {
	display: inline-block;
	font-weight: normal;
	width: 180px;
	overflow: hidden;
	zoom: 1;
}

.apphjlist .box strong.topname {
	line-height: 20px;
	height: 20px;
	font-size: 14px;
	overflow: hidden;
	zoom: 1;
}

.apphjlist .box strong i {
	background: url(../images/start.png) no-repeat 0 0px;
	width: 100px;
	display: block;
}

.apphjlist .box i b {
	width: 50%;
	background: url(../images/start.png) no-repeat 0 -18px;
	display: block;
	height: 13px;
}

.apphjlist .box .tbox {
	overflow: hidden;
	zoom: 1;
	position: relative;
}

.apphjlist .box .pf {
	color: #888;
}

.apphjlist .box .pf span {
	display: block;
	margin: 5px 0;
}

.apphjlist .box .pf span u {
	color: #ed4848;
	text-decoration: none;
}

.apphjlist .box .pf font {
	color: #d2d2d2;
	padding: 0px 8px;
}



.apphjlist .box .intro {
	display: block;
	color: #757575;
	line-height: 28px;
	margin-top: 12px;
	height: 88px;
	overflow: hidden;
}

.apphjlist .box .toppic_down {
	background: #0e82ff;
	color: #fff;
	position: absolute;
	padding: 3px 9px;
	border-radius: 4px;
	right: 35px;
	top: 45px;
}

.apphjlist li{width: 368px;float: left;margin-left: 48px;}
.apphjlist li:nth-child(3n+1){margin-left:0px}
.apphjlist li .box:after {
	content: "";
	position: absolute;
	background: url(../images/zt_5.png) no-repeat;
	width: 321px;
	height: 48px;
	left: 0;
	right: 0;
	bottom: -18px;
	margin: auto;
	z-index: -1;
}

.zList2{ margin-left: -15px; margin-right: -15px; padding-top: 20px;}
.zList2 li{ width: 25%; float: left; height: 150px;}
.zList2 li div{ margin: 0 15px; height: 100%; overflow: hidden; position: relative;transition:all 0.3s;}
.zList2 li a, .zList2 li img{ display: block; width: 100%; height: 100%;transition:all 0.3s;}
.zList2 li a span{overflow: hidden;display: block; padding: 0 10px; height: 26px; line-height:26px; font-size:16px; color: #fff; position: absolute; right: 0; left: 0; bottom: 0;}
.zList2 li:hover div img{transform: scale(1.1);}
.zList2 li a span{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
:root .zList2 li a span{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/
.ztboxs{border-top: 1px solid #ececec;}

.hjbanner { width: 100%; height: 350px; overflow: hidden; position: relative; }
.hjbanner > img { width: 1920px; height: 350px; position: absolute; left: 50%; margin-left: -960px; z-index: 1; }
.hjbanner .title { width: 1200px; height: 118px; margin: 228px auto 0; background: rgba(0, 0, 0, 0.5); position: relative; z-index: 2; text-align: center; color: #fff; font-size: 34px; font-weight: bold; line-height: 80px; }
.hjbanner .ban_line { width: 100%; height: 79px; background: url(../images/monthly3.png) no-repeat center; position: absolute; bottom: -30px; left: 0; z-index: 3; }
.hj_details { width: 1200px; margin: 0 auto; overflow: hidden; }
.hj_details .daodu { width: 100%; background: #fff; margin-bottom: 20px; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.hj_details .daodu .p1 { background: #e23528; width: 48px; height: 103px; float: left; text-align: center; font-size: 22px; color: #fff; line-height: 40px; margin: 0 10px 0 20px; display: inline; position: relative; }
.hj_details .daodu .p1::before { display: block; width: 0; height: 0; content: ''; position: absolute; border-left: 24px solid transparent; border-right: 24px solid transparent; border-bottom: 24px solid #fff; left: 0; bottom: 0; }
.hj_details .daodu .p2 { width: 90%; float: left; line-height: 25px; margin-top: 10px; font-size: 15px; }
.hj_details .daodu .p2 span{color: #999;}
.hj_details .daodu .p2 span em{    color: #869cb8;}
.hj_details .nleft{width: 860px;float: left; }
.hj_details .nleft { width: 860px; margin-right: 40px; float: left; }
.hj_details .nleft .head_tit { border: 2px solid #cfe6ca; width: 465px; height: 45px; line-height: 45px; position: relative; margin: 10px auto 0; }
.hj_details .nleft .head_tit li { display: inline-block; width: 230px; height: 46px; color: #242424; text-align: center; font-size: 16px; font-weight: 700; line-height: 44px; text-indent: 3px; }
.hj_details .nleft .head_tit li.active, .hj_details .nleft .head_tit li:hover { background: url(../images/bg_tab.png) no-repeat; color: #fff; }
.hj_details .nleft .List { margin-top: 15px; }
.hj_details .nleft .tab_bd + .tab_bd { display: none; }
.hj_details .nright{ width: 300px;float: right; }
.hj_details .nright .hot_hj{padding: 0;}
.hj_details .nright .title-container{margin-top: 0;border-bottom: 1px solid #ececec;height: 48px;line-height: 48px;margin-bottom: 0;}
.hj_details .nright .title-container span.fl{font-weight: bold;height: 48px;line-height: 48px;}
.hj_details .nright .hot_hj .title-container{margin-bottom: 20px;}
.hj_details .nright .hot_hj .hot_img img{height: 140px;}

.applist13 li{ height: 60px; padding: 20px 46px 20px 0; position: relative; border-bottom: 1px solid #e8e8e8; }
.applist13 li .imgBox{ display: block; width: 60px;height: 60px;float: left; margin-right: 12px; }
.applist13 li .imgBox img{ display: block; width: 100%; height: 100%; border-radius:12px; }
.applist13 li .tt{height: 30px;line-height: 30px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;margin-bottom: 5px;}
.applist13 li .info{color: #666;}
.applist13 li .info i{color: #ccc;margin: 0 10px;font-style: normal;}
.applist13 li .info a{color: #333;}
.applist13 li .btn{position: absolute; right: 0; top: 50%;margin-top: -13px; display: block; width: 44px; height: 24px;line-height: 24px;text-align: center; border-radius: 3px; border:1px solid #0e82ff; color: #0e82ff;font-size: 12px;}
.applist13 li .btn:hover{ color: #fff; background-color: #0e82ff; }
.applist13 li:last-child{ border-bottom: none; }
.applist13 li .info a:hover{color: #0e82ff;}
.nhovers li{cursor: pointer;}
.ranking3 li{ line-height: 22px; padding-left: 38px; position: relative;overflow: hidden; margin-top: 15px;}
.ranking3 li .num{border-radius: 2px; font-style: normal; display: block; width: 22px; height: 18px;line-height: 18px; position: absolute;left: 0; top: 2px;text-align: center;font-size: 14px;  color: #999; }
.ranking3 li .tt{color: #4c4c4c; font-size: 15px; font-weight: normal; height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.ranking3 li .tt a{color: #4c4c4c;}
.ranking3 li .tt a:hover{color: #7992d2;}
.ranking3 li .pt-game{ display: none;overflow: hidden; padding-top: 10px; position: relative; height: 68px;overflow: hidden;}
.ranking3 li .imgBox{ display: block; width: 68px; height: 68px; float: left;margin-right: 12px; border-radius: 12px; overflow: hidden;}
.ranking3 li .imgBox img{ display: block; width: 100%; height: 100%; }
.ranking3 li .pt-game span{ display: block; height: 30px; line-height: 30px; color: #666; }
.ranking3 li .btn{ display: none; width: 50px; height: 22px; border: 1px solid #0e82ff; border-radius: 3px; color: #0e82ff; text-align: center;position: absolute; right: 10px; top: 50%;margin-top: -12px; }
.ranking3 .active .pt-game{ display: block; }
.ranking3 li p{color: #8ba8a3; font-size: 12px;height: 20px;line-height: 20px;}
.ranking3 li p,.ranking3 li .imgBox{display: none;}
.ranking3 .active .tt{margin-bottom: 4px;}
.ranking3 .active p,.ranking3 .active .imgBox{display: block;}
.ranking3 li .num-1,.ranking3 li .num-2,.ranking3 li .num-3{color: #fff;}
.ranking3 li .num-1{ background: #0e82ff; }
.ranking3 li .num-2{ background: #79cfa1; }
.ranking3 li .num-3{ background: #9ad0b3; }
.ranking3{padding-bottom: 20px;padding-top: 5px;}
.ranking3 .active .btn{ display: block; }
.ranking3 li .btn:hover{background: #0e82ff;color: #fff;}

.tablist{ display: none; }
.tabNav li{cursor: pointer;}
#inhotnews ul{width: 300%;position: absolute;left: 0;top: 0;}
#inhotnews ul li{height: 180px;float: left;width: 580px;}
#inhotnews{height: 180px;position: relative;width: 580px; overflow: hidden;}
#inhotnews .nums span{cursor: pointer;}
.secboxser{padding: 0 22px;}

.bgfff{background: #fff;}
.mb30{margin-bottom: 30px;}
.pb30{padding-bottom: 30px;}
.mb20{margin-bottom: 20px;}
.mt20{margin-top: 20px;}
.pd20{padding: 20px;}
.mt50{margin-top: 50px;}
.mt30{margin-top: 30px;}
.mr20{margin-right: 20px;}
.ov{overflow: hidden;}

.sjtabBox{ width: 100%; height: auto; position: relative; height: 560px; overflow: hidden;}
.sjImgTab{ width: 100%; height: auto; position: absolute; overflow: hidden; top: 0; margin-left: -400px; left: 50%;}
.sjImgTab ul{ position: absolute; left: 0; top: 0; width: 600%; margin-left: -230px; padding-top: 120px;}
.sjImgTab ul li{ width: 420px; float: left; position: relative; z-index: 1;transition: all 0.3s;}
.sjImgTab ul li a{ display: block; width: 100%; }
.sjImgTab ul li img{ display: block; width: 100%;height: 100%; margin: 0 auto;}
.sjImgTab ul li span{display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0; left: 0;transition: all 0.3s; text-align: center;}
.sjImgTab ul .active{ z-index: 2; transform: scale(1.4);}
.sjImgTab ul .active span{ opacity: 0; filter: alpha(opacity=0); }
.sjImgTab .turnBtn{ display: block; width: 100px; position: absolute; top:0; bottom: 0; background-repeat: no-repeat; background-position: center; z-index: 9; cursor: pointer;}
.sjImgTab .turnPrev{ left: 0; background-image: url(../images/turnPrev.png);}
.sjImgTab .turnNext{ right: 0; background-image: url(../images/turnNext.png);}
.sjImgTab .turnBtn:hover{ opacity: 0.6; filter: alpha(opacity=60); }
.sjtabBox .turnBtn{ display: block; width: 100px; position: absolute; top:0; bottom: 0; background-repeat: no-repeat; background-position: center; z-index: 9; cursor: pointer;}
.sjtabBox .turnPrev{ left: 0; background-image: url(../images/turnPrev.png);}
.sjtabBox .turnNext{ right: 0; background-image: url(../images/turnNext.png);}
.sjtabBox .turnBtn:hover{ opacity: 0.6; filter: alpha(opacity=60); }
.sjImgTab ul .active span{display: none;}
.btnBox,.sjImgTab{height: 100%;}

.download-head-right .commit-score b i{font-style: normal;}
.min1H{height: 1000px;overflow: hidden;}

/*2020-4-9*/
.about_con{min-height:480px;}
.about_left{float:left; width:200px; border:1px solid #CCC; margin-top:10px; margin-left:10px; font-size:16px;}
.about_left ul{padding:14px 14px 0 !important;}
.about_left li{ margin:0 0 15px; text-align:center; }
.about_left li a{ width:170px; height:48px; line-height:48px; display:block; border:1px solid #D8D8D8; background:#F0F0F0;color: #333;}
.about_left li a:hover{background-color:#58b029; border:1px solid #58b029; color:#FFF; text-decoration:none;}
.about_left li .cur_ab,.about_left li .cur_ab:hover{ background-color:#13b3c1; border:1px solid #13b3c1; color:#FFF; cursor:default; text-decoration:none;}
.about_right{float:right; width:920px; margin-top:10px;margin-right: 20px;}
.about_right h2{border-bottom:1px solid #CCC; padding:10px 0; font-size:20px; font-weight:bold; text-align:center;}
.about_right .content{padding:16px 0; line-height: 2rem;font-size: 16px;}

.channel,.look_for{ float:left; width:850px; display:inline }
.channel h4,.look_for p{ color:#de4200; font-size:20px;font-weight: normal;}
.channel p a,.look_for p a { color:#de4200; font-size:20px; display:inline;}
.channel ul{ padding:15px 0 0 0px; float:left; width:850px}
.channel ul li{ float:left; padding-right:30px; padding-bottom:16px}
.channel ul li a,.fa ul li a{ color:#333333; font-size:16px}
.channel ul li a:hover,.fa ul li a:hover,.look_for ul li a:hover{ color:#de4200;}
.look_for ul{ float:left; padding:15px 0 0 0; width:850px; }
.away1,.away2,.away3{ width:63px}
.look_for ul li{ float:left; padding-right:24px; padding-bottom:16px}
.look_for ul li a{ color:#333333; font-size:16px}
.fa{ float:left; width:850px; }
.fa p{ color:#de4200; font-size:20px;  margin:20px 0 0 0px; display:inline;}
.fa p a{color:#de4200; font-size:20px;}
.fa ul{ border-bottom:#cccccc 1px dashed; float:left; margin:15px 0 0 0px; width:850px; padding-bottom:35px; display:inline;}
.fa ul li{ float:left; padding-right:45px; padding-bottom:16px; display:inline;}
.zixun{ float:left;}
.new_mg{ float:left; width:400px; margin-top:40px}
.new_mg p{ color:#333333; font-size:24px; font-weight:bold; padding-left:20px;position: relative;}
.new_mg ul{ }
.new_mg ul li{ padding-top:20px;padding-right: 10px; background:url(../images/li.png) no-repeat 3px 30px; padding-left:15px; height:25px; overflow:hidden;line-height: 25px;}
.new_mg ul li a{ color:#666666; font-size:16px; }
.new_mg ul li a:hover{ color:#de4200;}
.new_mg p:after{ content: ''; display: block; width: 4px;height: 24px;background: #de4200; position: absolute;left: 0;top: 50%;margin-top: -12px; }
.pb20{padding-bottom: 20px;}

/*2020-4-10*/
.rank .top-three{position: relative;}
.rank .top-three .first{position: absolute;left: 50%;float: none;margin-left: -16.66%;}
.rank .top-three .second{float: left;}
.rank .top-three .third{float: right;} 
.game-tag a{max-width: 84px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*width: 84px;text-align: center;}
.applist15 li .btn{ display: inline-block;width: 50px;height: 20px;border-radius: 3px;border:1px solid #0e82ff;color: #0e82ff;font-size: 14px;text-align: center;vertical-align: top;}
.applist15 li .btn:hover{ background-color: #0e82ff; color: #fff;}
/*2020-4-13*/
.gamesll li .imgBox{overflow: hidden;}

/**/
.sub_tab{width: 819px;}
.main-sec1 ul li .icon{overflow: hidden;}
.main-sec1 ul li .icon img{width: 100%;height: 100%;}
.main-sec2 .sec-box{overflow: hidden;height: 30px;}.main-sec2 .sec-box{overflow: hidden;height: 30px;}

.main-sec2 .sec-box{overflow: hidden;height: 30px;}.main-sec2 .sec-box{overflow: hidden;height: 30px;}
/*2020-4-14*/
.main-sec3 .list-box li span img{width: 22px;height: 22px;border-radius: 2px;}
.list-style2 li .icon img{width: 100%;height: 100%;border-radius: 10px;}

.main-sec2 .sec-box{padding-bottom: 0;margin-bottom: 10px;}
/*2020-7-16*/
.appintro table { border-collapse: collapse; margin: 5px auto; }
.appintro table td, .appintro table th { border: #6cf 1px solid; text-align: center; padding: 2px; line-height: 30px; }
.appintro table th,.appintro table .firstRow { height: 38px; background: #0e82ff; font-weight: bold; font-size: 16px;  }
.appintro table th a ,.appintro table .firstRow a{ color: #333;}
.appintro table td { font-size: 16px; }
.appintro table td a { color: #0000CC; }
.phlis-lef{
    position: relative;
}
.phlis-lef i {
    display: block;
    float: left;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    width: 50px;
    height: 50px;
    background: url(../images/ico-phlist.png) no-repeat;
    position: absolute;
    left: -20px;
    top: -20px;
    z-index: 2;
}
/*2021-3-23*/
.topnv{padding-left: 50px;}
.topnv a{color: #666;font-size: 14px; padding: 0 12px;}
.topnv a:hover{ color: #0e82ff; }
.zqpageNav{ width: 100%; min-width: 1200px;background-color: #39cd7f; height: 40px;line-height: 40px; font-size: 18px; }
.zqpageNav li{float: left; margin-right: 25px;}
.zqpageNav li>a{ display: block; color: #fff;height: 40px;padding: 0 20px; }
.zqpageNav li>a:hover, .zqpageNav li.active{ background-color: #0062d2; }
.w840{ width: 840px; }
.w340{ width: 340px; }
.mr20{margin-right: 20px;}
.pt20{padding-top: 20px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.zqnlistpage{ padding-left: 20px;padding-right: 20px;padding-top: 10px; padding-bottom: 30px;}
.nllist.zqnlist li .info span{margin-top: 10px;}
.nllist li .imgBox{ position: relative; }
.nllist li .imgBox .sbg1{ width: 120px;height: 80px; position: absolute; left: 20px;top: 20px; border-radius: 6px; text-align: center; line-height: 80px;color: #fff;overflow: hidden;padding: 0 10px;font-size: 18px;}

.nllist.zqnlist li:nth-child(1){padding-top: 10px;}
.zqappheader{ padding: 20px; }
.zqappheader .imgBox{ display: block; width: 180px;height: 180px; margin: 0 auto; border-radius: 26px;overflow: hidden; }
.zqappheader .imgBox img{ display: block; width: 100%;height: 100%; }
.zqappheader .name{text-align: center; font-size: 28px;font-weight: bold;height: 52px;line-height: 52px;overflow: hidden;margin-bottom: 7px;}
.zqappheader .pf{text-align: center;}
.zqappheader .scoreNumber{font-size: 40px;font-weight: bold;margin-right: 6px;}
.zqappheader .star{ width: 95px;display: inline-block;height: 16px;margin-top: 20px;margin-right: 2px;background: url(../images/ico.png) no-repeat 0 -639px;}
.zqappheader .star i{width: 60%;display: block;height: 16px;background: url(../images/ico.png) no-repeat 0 -621px;}
.zqappheader .btn a, .zqappInfo .btn{ display: block; width: 168px;height: 40px;line-height: 40px;text-align: center; color: #fff;font-size: 16px; background-color: #0e82ff;margin: 0 auto 10px; border-radius: 4px;}
.zqappheader .btn a i, .zqappInfo .btn i{ display: inline-block; width: 30px;height: 30px;vertical-align: middle;  margin-right: 6px; background-image: url(../images/hj.png); background-position: -137px -60px;}
.zqappheader .btn a.btn2 i{background-position: -173px -60px;margin-top: -2px;}
.zqnewspd{ padding: 20px; }
.zqnewspd .ranking3{padding-top: 0;padding-bottom: 0;}
.zqnewspd .ranking3 li{border-bottom:1px dashed #f5f5f5;margin: 0; padding-top: 9px;padding-bottom: 9px;}
.zqnewspd .ranking3 li .num{top: 50%;margin-top: -9px;}
.zqnewspd .ranking3 li:last-child{border-bottom: none;}
.nright.w340 .list-style2 li img{ display: block; }
.nright.w340 .list-style2 li{margin-bottom: 6px;}
.w278{ width: 278px; }
.zqranknav{border:1px solid #f2f2f2;}
.zqranknav .tt{ height: 50px;line-height: 50px;text-align: center; background-color: #fcfcfc;cursor: pointer;}
.zqranknav .tt a{ display: block; width: 100%; height: 100%; }
.zqranknav .active .tt{ color: #fff;background-color: #0e82ff;-webkit-box-shadow: 0px 0px 20px 0px rgba(56, 205, 126, 0.3);-moz-box-shadow:0px 0px 20px 0px rgba(56, 205, 126, 0.3);box-shadow: 0px 0px 20px 0px rgba(56, 205, 126, 0.3);}
.zqranknav .active .tt a{ color: #fff; }
.zqranknav .tt:hover{ color: #0e82ff; }
.zqranknav .active .tt:hover{ color: #fff; }
.zqranknav .nitme{overflow: hidden;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.zqranknav .nitme.active{height: auto;}
.syclassly{ display: none; }
.syclassly li{float: left; width: 50%;float: left; text-align: center;height: 50px;line-height: 50px;overflow: hidden; color: #666666;font-size: 14px;}
.syclassly li a{ color: #666; }
.syclassly li a:hover{ color: #0e82ff; }
.syclassly{ padding: 13px 0 20px;padding: none; }
.syclassly li.active,.syclassly li.active a{ color: #0e82ff;}
.newsRanking li{height: 42px;line-height: 42px;text-align: center;color: #666;border-bottom: 1px solid #f2f2f2;}
.newsRanking li a{ display: block; width: 100%; height: 100%; }
.newsRanking li a:hover{ background-color: #f2f2f2; }
.newsRanking li:last-child{border-bottom: none;}
.w890{ width: 890px; }
.ranktitle{    width: 100%;
    height: 64px;
    line-height: 64px;
    border-bottom: 1px solid #5c5761;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: #27222c;}
.rankingjs{ border:dashed 1px #e1e1e1;background-color: #fafafa; color: #666666;line-height: 24px; padding: 20px;margin: 20px 0; }

.rankrmIntro>.tt{width: 20px;
    height: 80px;
    padding: 40px 12px;
    overflow: hidden;
    font-size: 20px;
    color: #5c5761;
    background: url(https://static.youxigt.com/pc/images/icon-all.png) -190px -254px no-repeat;line-height: 1;}

.rankrmIntro li{ width: 133px;float: left; margin-right: 6px; height: 158px; background-color: #f0edf2; overflow: hidden;text-align: center;}
.rankrmIntro li a{ display: block; padding-top: 15px; }
.rankrmIntro li img{width: 115px;
    height: 115px;
    border-radius: 20px;margin: 0 auto;display: block;}
.rankrmIntro li .tt{height: 22px;line-height: 22px;display: block; padding: 0 6px; overflow: hidden;}
.rankrmIntro ul{margin-right: -6px; width: 834px;}

.ranking_right li{height:160px; padding: 12px 30px 0; position: relative; cursor: pointer;transition: all 0.3s;}
.ranking_right li .imgBox{ display: block; width: 100px; float: left; padding-top: 35px; position: relative;overflow: visible; margin-right: 22px;}
.ranking_right li .imgBox img{ display: block; width: 100%; height: 100px; border-radius: 20px;}
.ranking_right li .num{ display: block; width: 50px; height: 50px; text-align: center;line-height: 44px; color: #fff;font-size: 28px; font-weight: bold;background-image: url(../images/hj.png);font-style: normal;
    position: absolute;left: -22px; top: 0; background-position: -128px 0;}
.ranking_right li .num.num_1{ background-position: -278px 0; }
.ranking_right li .num.num_2{ background-position:-228px 0; }
.ranking_right li .num.num_3{ background-position: -178px 0; }
.ranking_right li .tt{ height: 24px;line-height: 24px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; font-weight: 700;padding-top: 15px;margin-bottom: 14px;padding-right: 135px; }
.ranking_right li .game-pf{ height: 20px;line-height: 20px; font-size: 12px; color: #8ba8a3; padding-right: 135px;}
.ranking_right li .info i{ font-style: normal; padding: 0 5px; }
.ranking_right li .star{ display: block; width: 105px; height: 20px;float: left;margin-right: 20px; background-image: url(../images/ico-star2.png); }
.ranking_right li .star i{ display: block;height: 100%; width: 80%;background-image: url(../images/ico-star1.png); }
.ranking_right li .btn{transition: all 0.2s; display: block;background: #fff; width: 132px; height: 44px; border: 1px solid #0e82ff; color: #0e82ff;font-size: 20px;text-align: center;line-height: 44px; border-radius: 4px; position: absolute; right: 48px; top: 38px; }
.ranking_right li .txt{margin-top: 22px; line-height: 24px; height: 48px; overflow: hidden;font-size: 14px; color: #808080;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ranking_right li:hover{ background: #f9f9f9; }
.ranking_right li .btn:hover{ background: #0e82ff; color: #fff; }
.rankicon{ width: 538px; height: 157px; background-image: url(../images/rankicon.png);position: absolute;left: 32px; top: 93px; }
.oterranking li{float: left; height: 34px;line-height: 34px; margin-right: 50px;font-size: 14px;}
.oterranking li a{ color: #808080; }
.oterranking li a:hover{ color: #0e82ff; }
.oterranking{ margin-right: -50px;padding-bottom: 50px;padding-top: 20px; }
.zqappInfo{ border:1px solid #eeeeee; padding: 20px 15px; position: relative; margin-bottom: 24px;}
.zqappInfo .imgBox{ display: block; width: 120px;height: 120px; border-radius: 20px;overflow: hidden;margin-right: 15px;float: left; }
.zqappInfo .imgBox img{ display: block; width: 100%; height: 100%; }
.zqappInfo .tt{ font-size: 24px;height: 30px;line-height: 30px;font-weight: bold;margin-bottom: 3px; }
.zqappInfo .info li{ width: 240px;height: 28px;line-height: 28px;overflow: hidden;float: left; }
.zqappInfo .info li span{ color: #666; }
.zqappInfo .info{ height: 60px; }
.zqappInfo .text{ color: #666;height: 28px;line-height: 28px; }
.zqappInfo .btn{ position: absolute; right: 26px;top: 54px; }
.zqglIntro li{ width: 25%;float: left; margin-bottom: 14px; height: 52px; position: relative;}
.zqglIntro li a{ display: block; position: relative; height: 50px; line-height: 50px; background-color: #f6f6f6;font-size: 14px;text-align: center; border:1px solid #cccccc;border-radius: 3px;overflow: hidden;width: 170px; z-index: 2;}
.zqglIntro li:after{ display: block;content:''; border:1px solid #cccccc; width: 170px;height: 50px; position: absolute;left: 5px;top: 5px;border-radius: 3px;z-index: 1; }
.zqglIntro{ margin-right: -32px;margin-top: 26px; margin-bottom: 24px;}
.w840 .pd20 .appintro.maxHeight{max-height: none;height: auto;}
.w840 .pd20 .appintro{padding: 0; color: #666666; max-height: 84px;overflow: hidden;padding-top: 6px;}
.w840 .pd20 .appintro p{text-indent: 0;}

.openbtndiv{ text-align: right; color: #0e82ff;font-size: 16px; height: 28px;line-height: 28px; }
.openbtn i{ display: inline-block; width: 11px;height: 6px; overflow: hidden; vertical-align: middle; margin-left: 8px;margin-top: -2px; background-image: url(../images/hj.png);background-position: -299px -159px;}
.openbtn{cursor: pointer;}
.openbtn b{font-weight: normal;}
.openbtn .cl, .openbtn.maxhe .op{ display: none; }
.openbtn.maxhe .cl{ display: block; }
.zqjietuBox{ margin: 30px; height: 440px; position: relative;}
.zqlen1{ height: auto; }
.zqlen1 .zqjtUl, .zqlen1 .zqjtUl li{ width: 100%; }
.zqlen1 .zqjtUl li img{ max-width: 100%; margin: 0 auto;display: block;}
.zqlen2{height: auto;text-align: center;}
.zqlen2 .jtturnbtn, .zqlen1 .jtturnbtn{ display: none; }
.zqlen2 .zqjtUl{font-size: 0;overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap;}
.zqlen2 .zqjtUl li{ display: inline-block; margin: 0 10px; }
.zqlen2 .zqjtUl li img{ height: 400px; }
.jtturnbtn{ width: 57px; height: 89px; position: absolute; z-index: 99;top: 50%;margin-top: -45px;cursor: pointer; background-image: url(../images/hj.png);}
.tbprev{left: 0; background-position: 0 -91px;}
.tbnext{ right: 0;background-position: -60px -91px; }
.tbprev:hover{ background-position: 0 0; }
.tbnext:hover{ background-position: -60px 0; }
.zqlen3 .jtturnbtn{ display: block; }
.zqlen3{overflow: hidden;}
.zqlen3 .zqjtUl{ width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.zqlen3 li{ position: absolute;opacity:0;filter:alpha(opacity:0); width: 0; height: 0;left: 0; top: 0;z-index: 0;overflow: hidden;transition: all 0.3s;}
.zqlen3 li img{ display: block;  }
.zqimg li img{ width: 100%; height: 100%; }



/*图片层级*/
.zqlen3 .pic1{z-index:1;}
.zqlen3 .pic2{z-index:2;}
.zqlen3 .pic3{z-index:3;}
.zqlen3 .pic4{z-index:4;}
.zqlen3 .pic5{z-index:3;}
.zqlen3 .pic6{z-index:2;}
.zqlen3 .pic7{z-index:1;}
/*图片明暗*/
.zqlen3 li.pic1{opacity:0.2;filter:alpha(opacity:20);}
.zqlen3 li.pic2{opacity:0.6;filter:alpha(opacity:60);}
.zqlen3 li.pic3{opacity:0.9;filter:alpha(opacity:90);}
.zqlen3 li.pic4{opacity:1;filter:alpha(opacity:100);}
.zqlen3 li.pic5{opacity:0.9;filter:alpha(opacity:90);}
.zqlen3 li.pic6{opacity:0.6;filter:alpha(opacity:60);}
.zqlen3 li.pic7{opacity:0.2;filter:alpha(opacity:20);}

.zqabouver li{ width: 12.5%;float: left; text-align: center;}
.zqabouver li a{ display: block; }
.zqabouver li img{ display: block; width: 80px;height: 80px;border-radius: 15px;margin: 0 auto; }
.zqabouver li .tt{ display: block; height: 26px;line-height: 26px;overflow: hidden; margin-top: 8px;padding: 0 10px; }
.pd20 .zqabouver{margin-left: -12px;margin-right: -12px;margin-top: 24px;}
.morebtns{ display: block; width: 236px;height: 46px; background-color: #f6f6f6; color: #999999;border:2px solid #cccccc;font-size: 24px;line-height: 46px;margin: 0 auto; border-radius: 25px;text-align: center; }
.liscale{overflow: hidden;}
.liscale img{-webkit-transition:all 0.15s linear; -moz-transition: all 0.15s linear; transition:all 0.15s linear;}
.liscale:hover img{ transform: scale(1.1); -ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);}
.zqsiderlist li{ width: 100%;height: 150px;margin-top: 20px;overflow: hidden;position: relative;}
.zqsiderlist li a{ display: block; }
.zqsiderlist li img{ display: block; width: 100%;height: 100%; }
.zqsiderlist li .tt{ display: block; position: absolute; left: 0;right: 0; bottom: 0; padding: 0 10px;height: 32px;line-height: 32px;overflow: hidden; color: #fff;font-size: 14px;text-align: center; }
.zqsiderlist li:hover .tt{ background-color: #0e82ff; color: #fff; }
.zqAboutzq .zqsiderlist li{ width: 20%; float: left; height: 120px;}
.zqAboutzq .zqsiderlist li a{ margin-right: 20px;display: block; position: relative; height: 100%; border-radius: 10px;overflow: hidden;}
.zqAboutzq .zqsiderlist{ margin-right: -20px; }

.zttabn{padding-left: 20px;height: 100%;overflow: hidden; max-width: 678px;*width: 678px;}
.zttabn li{float: left;margin-right: 10px;}
.zttabn li span, .zttabn li a{ padding:4px 10px; background: #ccc;line-height: 1; border-radius: 4px; color: #666;}
.zttabn li.active span,.zttabn li.active a{color: #fff; background: #3daf3d;}
.nehj .zttabn li a{background-color: #efefef;}
.nehj .zttabn li.active a{ background-color: #04a454; position: relative;}
.nehj .zttabn li.active a:after{ content: '';display: block;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 7px solid #04a454;
    position: absolute;left: 50%;margin-left: -6px;bottom: -7px; }
.nehj .zttabn{height: 38px;}

.bigimgs{ width: 232px;height: 149px; overflow: hidden;}
.bigimgs a,.bigimgs img{ display: block; width: 100%;height: 100%; }
.bigimgs img{transition:all 0.3s;}
.bigimgs a:hover img{transform: scale(1.1);}
.newsHjis{ position: relative; }
.newsHjis .mm{ position: absolute; right: 0; top: -50px;font-size: 14px; color: #999;width: 76px;height: 28px;text-align: center;line-height: 28px; border-radius: 24px; border:1px solid #dedede; }
.scrollnes{width: 838px;height: 128px; background-color: #fafafa; position: relative; padding-left: 42px; padding-right: 34px; overflow: hidden;padding-top: 21px; }
.scrollnes .turnbtn{ width: 34px;height: 149px; background-color: #f0f0f0; position: absolute; top: 0;z-index: 2; }
.scrollnes .prev{left: 0;}
.scrollnes .next{ right: 0; }
.scrollnes .turnbtn i{background-image: url(../images/hj.png);display: block; width: 18px;height: 32px; position: absolute; left: 50%;top: 50%;margin-left: -9px;margin-top: -16px;  }
.scrollnes .prev i{background-position: -299px -60px;}
.scrollnes .next i{background-position: -299px -96px;}
.scrollnes .prev:hover i{background-position: -281px -60px;}
.scrollnes .next:hover i{background-position: -281px -96px;}
.scrollnes .turnbtn:hover{ background-color: #0062d2; }
.scrollnes .scbox{ width: 100%; height: 100%; position: relative; }
.scrollnes .scbox ul{ position: absolute; left: 0;top: 0; width: 200%; }
.scrollnes .scbox li{ width: 180px;float: left; padding: 12px; }
.scrollnes li .imgBox{ width: 80px;height: 80px;float: left; border-radius: 16px; margin-right: 16px;overflow: hidden; }
.scrollnes li .imgBox img{ display: block; width: 100%;height: 100%; }
.scrollnes li .tt{font-size: 16px;font-weight: normal;height: 27px;line-height: 27px;padding-top: 7px; margin-bottom: 2px;}
.scrollnes li p{font-size: 14px;height: 18px;line-height: 18px;font-size: 14px; color: #999999;}
.scrollnes li p a{ color: #999; }
.scrollnes li p a:hover{ color: #04a454; }
.scrollnes li:hover{ background-color: #eee; }
.nehj .newsHjis{padding-top: 10px;}
.pb20{padding-bottom: 20px;}
.mr32{margin-right: 32px;}
}
.siderlistb{padding-top: 0;}
.siderlistb li .btn{ display: none; margin: 0 auto; width: 72px;height: 26px;line-height: 26px;text-align: center;background-color: #0e82ff;font-size: 14px; color: #fff;border-radius: 2px; margin-top: 8px;}
.siderlistb li:hover p{ display: none; }
.siderlistb li:hover .btn{ display: block; }
.siderlistb li{height: 120px;margin-bottom: 0 !important;padding-bottom: 0;}
.siderlistb li a{ display: block; padding-top: 10px;padding-bottom: 10px; }
.siderlistb li a:hover{ background-color: #f2f2f2; }
.morebtns:hover{ background-color: #0e82ff;border-color: #0e82ff; color: #fff; }
.clearfix {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
.abstra_box {
    width: 264px;
    height: 60px;
    padding: 8px 10px;
    overflow: hidden;
    margin: 18px 20px 0 0;
    border: 1px solid #e9e9e9;
    background: #f5f5f5;
}
.abstra_box p {
    width: 264px;
    height: 56px;
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
    color: #666;
}
.artContent p img{max-width:780px;height:auto;display:block;margin-right:auto; margin-left:auto;}