/* KaiFaMei原创æºç ，唯一官网：www.kaifamei.com */
/*layout*/
body.h100{ height:100%; overflow:hidden;}.hide{display:none!important}.c_tl{text-align:left}.c_tc{text-align:center}.c_tr{text-align:right}
.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f28{font-size:28px}.f30{font-size:30px}
.mt5{margin-top:5px}.mt8{margin-top:8px}.mt10{margin-top:10px}.mt12{margin-top:12px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr18{margin-right:18px}.mr20{margin-right:20px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.ml10{margin-left:10px}.pb20{padding-bottom:20px;}
.i_sp,.gc-icon-normal{background:url(../images/gico.png) no-repeat;background-size:166px 169px;display:inline-block;}
.border-b{border-bottom:1px solid #eee;}
ul li.border-b:last-of-type{border:0;}
.margin-f{margin-bottom:-1px;}
.ui-panel{background:#fff;overflow: hidden;}
.ui-panel h1,.ui-panel h2,.ui-panel h3{padding-left:15px;padding-right:15px;line-height:44px;position:relative;overflow:hidden;display:-webkit-box}@media (max-width:320px){.ui-panel h1,.ui-panel h2,.ui-panel h3{padding-left:10px;padding-right:10px}}.ui-panel h1 span,.ui-panel h2 span,.ui-panel h3 span{display:block}
.ui-panel h1 span,.ui-panel h2 span,.ui-panel h3 span{display:block}
.ui-panel h1:before,.ui-panel h2:before,.ui-panel h3:before{content:"";display:inline-block;vertical-align: middle;margin-top: -2px;margin-right: 8px;height: 16px;width: 3px;background-color: #D6231C;}
.ui-arrowlink{position:relative;}
.ui-arrowlink:after{background:url(../images/icon.png) no-repeat 0 -75px;-webkit-background-size:150px auto;content:"";display:block;width:9px;height:15px;position:absolute;right:10px;top:50%;margin-top:-7px}
@media (max-width:320px){.ui-arrowlink:before{right:10px}}.ui-arrowlink.active{background:#e5e5e5}
.ui-arrowlink .sub-info {font-size: 14px;color: #777;position: absolute;right: 25px;top: 0;}
.artbody video{width:100%;height:220px;}
.dvideo{width:100%;margin:0;background:#fff;overflow:hidden;}
.dvideo iframe,.dvideo video,.dvideo #youkuplayer{width:100%!important;height:200px!important;background:#000;}
.game-list{padding:0 0 10px 0;}
.ui-list{width:100%;background:#fff;overflow:hidden;}
.ui-list>li{position:relative;margin:0 15px;display:-webkit-box;background:#fff;}
.ui-list>li.ui-col{display:block;margin:0;}
.ui-list>li.ui-col+.ui-border-t{border: none;background-image: none;}
.ui-list-pure>li{display:block}
.ui-list-text>li,.ui-list-pure>li{position:relative;padding-top:10px;padding-bottom:10px;padding-right:15px;-webkit-box-align:center}
.ui-list-text h4,.ui-list-text p{-webkit-box-flex:1}
.ui-list-cover>li{padding-left:15px;margin-left:0}
.ui-list>li.ui-border-t:first-child,.ui-list>li:first-child>.ui-border-t{border:none;background-image:none}
.ui-list-thumb,.ui-list-thumb-s,.ui-list-img,.ui-list-icon{position:relative;margin:15px 10px 15px 0;display:block;}
@media (max-width:320px){.ui-list-thumb,.ui-list-thumb-s,.ui-list-img,.ui-list-icon{position:relative;margin:10px 10px 10px 0;display:block;}}
.ui-list-thumb>span,.ui-list-thumb-s>span,.ui-list-img>span,.ui-list-icon>span{display:block;width:100%;height:100%;z-index:1;background-repeat:no-repeat;-webkit-background-size:cover;border-radius:12px;}
.ui-list-thumb>img{width: 100%;height:auto;display: block;min-height:65px;}
.ui-list-thumb{width:60px;height:60px}
.ui-list-img{width:100px;height:68px}
.ui-list-thumb-s{width:28px;height:28px}
.ui-list-icon{width:40px;height:40px}
.ui-list .ui-avatar,.ui-list .ui-avatar-s,.ui-list .ui-avatar-lg{margin:10px 10px 10px 0}
.ui-list-info{-webkit-box-flex:1;padding-top:15px;padding-bottom:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;}
@media (max-width:320px){.ui-list-info{padding-top:10px;padding-bottom:10px;}}
.ui-list-info p{color:#777;font-size:12px;}
.ui-list-text .ui-list-info{padding-top:0;padding-bottom:0}
.ui-list li h4{font-size:16px;max-width:80%;}
.ui-list li h4 .az,.ui-list li h4 .ip{position:relative;bottom:-3px;display:inline-block;width:18px;height:18px;background:url(../images/kficon.png) no-repeat;background-size:auto 150px;margin:0 0 0 4px;}
.ui-list li h4 .az{ background-position: 0 -82px;}
.ui-list li h4 .ip{ background-position: 0 -54px;}
.ui-list:not(.ui-list-text) li>p,.ui-list li>h5{font-size:14px;color:#777}
.ui-list-active>li:active,.ui-list li.active{background-color:#e5e5e5;padding-left:15px;margin-left:0}
.ui-list-active>li:active,.ui-list>li.active,.ui-list>li.active>.ui-border-t,.ui-list>li.active+li>.ui-border-t,.ui-list>li.active+li.ui-border-t{background-image:none;border-top-color:#e5e5e5}
.ui-list-link>li:after{font-family:iconfont!important;font-size:32px;line-height:44px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;display:block;color:rgba(0,0,0,.5);color:#c7c7c7;content:"";position:absolute;right:15px;top:50%;margin-top:-22px;margin-right:-10px}
@media (max-width:320px){.ui-list-link>li:after{right:10px}}.ui-list-text.ui-list-link>li{padding-right:30px}
.ui-list-link .ui-list-info{padding-right:30px}
.ui-list-function .ui-list-info{padding-right:0}
.ui-list-function .ui-btn{position:absolute;top:20px;right:5px;}
.ui-list-function .ui-btn-s{margin-top:-12px}
.ui-list-function .ui-btn.btn-mid{top:31px;}
.ui-list-function.ui-list-link .ui-list-info{padding-right:90px}
.ui-list-function.ui-list-link .ui-btn{right:30px}
.ui-list-function li{-webkit-box-align:inherit}
.ui-list-one>li{padding-top:0;padding-bottom:0;line-height:44px}
.ui-list-one .ui-list-info{-webkit-box-orient:horizontal;-webkit-box-align:center}
.ui-list-one h4{-webkit-box-flex:1}
@media (max-width:320px){.ui-list>li{margin-left:10px}
.ui-list-text>li,.ui-list-pure>li,.ui-list-info{padding-right:10px}
.ui-list-cover>li,.ui-list-active>li:active,.ui-list li.active{padding-left:10px}
.ui-list-text.ui-list-link>li{padding-right:25px}
.ui-list-function .ui-list-info{padding-right:70px}
.ui-list-function .ui-btn{right:10px}
.ui-list-function.ui-list-link .ui-list-info{padding-right:85px}
.ui-list-function.ui-list-link .ui-btn{right:25px}}
/*star*/
.star-wrap{width: 80px;height: 12px;overflow: hidden;}
.grade-star, .grade-star em, .grade-star-placeholder{width: 155px;height: 55px;background-image: url(../images/star_785974.png);background-position: 0 0;-webkit-background-size: 155px auto;background-size: 155px auto;display: inline-block;}
.grade-star{height: 24px;margin: 0 auto;}
.star-wrap .grade-star{-webkit-transform: scale(0.5);-webkit-transform-origin: 0 0;}
.grade-star em{display: block;width: 25px;height: 24px;overflow: hidden;background-position: 0 -31px;}
.grade-star .star-4-2{width: 142px;}
.ui-tag-game{width: 31px;height: 16px;display:inline-block; background:rgba(242,54,54,.8);border-radius:8px;position:absolute;top:0;left:0;z-index: 3;}
.ui-tag-game span {color: #fff;font-size: 10px;position: absolute;text-align: center;}
.ui-tag-game span {left: 0;top: 0;display: block;width: 31px;}
.ui-list-news .ui-list-thumb{width:100px;height:65px;overflow:hidden;}
.ui-list-news .ui-list-info p{line-height:14px;}
.ui-list-news .ui-list-info .tit{font-size:15px;color:#333;margin-bottom:5px;height:44px;line-height:22px;overflow:hidden;}
.ui-list-news .ui-list-info .txt{font-size:14px;line-height:22px;}
.nodata{background:url(../images/attention-blank.png) #fff center no-repeat;background-size:60px;width:100%;min-height:100px;}
.gc-list-row{width:100%;-webkit-box-sizing:border-box;}
.index-list-hot .gc-list-row{padding:0 5px;}
.ui-row{padding-left:0px;padding-right:0px;overflow:hidden;}
.ui-row>li{float:left;margin-bottom:15px;text-align: center;}
.ui-row li h4{margin: 5px 0 0;font-size:14px;}
.ui-row li p{font-size: 13px;color: #a6a6a6;line-height: 18px;}
.ui-row li .ui-btn{margin-top: 7px;}
.ui-row li.active{background-color: #f5f5f5;}
.ui-row .thumb{width: 64px;height: 64px;position: relative;display:block;margin: 0 auto;}
.ui-row .thumb .img{width: 64px;height: 64px;-webkit-background-size: 100% auto;background-size: 100% auto;display: block;border-radius: 12px;}
.ui-col{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
.ui-col-10{width:10%}
.ui-col-20{width:20%}
.ui-col-25{width:25%}
.ui-col-33{width:33.3333%}
.ui-col-50{width:50%}
.ui-col-67{width:66.6666%}
.ui-col-75{width:75%}
.ui-col-80{width:80%}
.ui-col-90{width:90%}
.ui-tab{width:100%;overflow:hidden}
.ui-tab-nav{width:100%;background-color:#fff;display:box;display:-webkit-box;font-size:16px;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box}
.ui-tab-nav{font-size:14px}
.ui-tab-content{display:-webkit-box}
.ui-tab-content>li{-webkit-box-flex:1;width:100%}
.ui-tab-nav li{height:45px;line-height:42px;min-width:70px;box-flex:1;-webkit-box-flex:1;text-align:center;color:#777;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid transparent;width:100%}
.ui-tab-nav li{color:#000}
.ui-tab-nav li.current{color:#00a5e0;border-bottom:2px #00a5e0 solid}
.ui-tab-nav li:active{opacity:.8}
@media screen and (min-width:414px){.ui-tab .underline{margin-left:-1px}}
.ui-tab-content .tabbox-blank{width: 100%;height: 80px;background-image: url(../images/attention-blank.png);background-repeat: no-repeat;-webkit-background-size: 70px 57px;background-size: 70px 57px;background-position: center 20px;position: relative;padding-top: 40px;}
.ui-panel .ui-cate-ico:before{width:25px;height:25px;background:url(../images/gico.png) no-repeat;background-size:166px 169px;display:inline-block;}
.ui-panel .ui-cate-ico.t5:before{background-position:0 -54px}
.ui-panel .ui-cate-ico.t6:before{background-position:-36px -52px}
.ui-panel .ui-cate-ico.t10:before{background-position:-70px -52px}
.ui-panel .ui-cate-ico.t7:before{background-position:-103px -52px}
.ui-panel .ui-cate-ico.t8:before{background-position:-134px -52px}
.ui-panel .ui-cate-ico.t9:before{background-position:0 -82px}
.ui-panel .ui-cate-ico.t1286:before{background-position:-36px -82px}
.ui-panel .ui-cate-ico.t13:before{background-position:-70px -82px}
.ui-panel .ui-cate-ico.t15:before{background-position:-103px -82px}
.ui-panel .ui-cate-ico.t17:before{background-position:-134px -82px}
.ui-panel .ui-cate-ico.t14:before{background-position:0 -110px}
.ui-panel .ui-cate-ico.t12:before{background-position:-36px -110px}
.ui-panel .ui-cate-ico.t11:before{background-position:-70px -110px}
.ui-panel .ui-cate-ico.t16:before{background-position:-103px -110px}
.ui-panel .ui-cate-ico.t1279:before{background-position:-134px -110px}
.ui-panel .ui-cate-ico.t19:before{background-position:0px -139px}
.ui-panel .ui-cate-ico.t18:before{background-position:-36px -139px}
.ui-panel .ui-cate-ico.t5{color:#fe6c3e}
.ui-panel .ui-cate-ico.t6{color:#0bc8a6}
.ui-panel .ui-cate-ico.t10{color:#f9a825}
.ui-panel .ui-cate-ico.t7{color:#697eec}
.ui-panel .ui-cate-ico.t8{color:#6f6bec}
.ui-panel .ui-cate-ico.t9{color:#f9a825}
.ui-panel .ui-cate-ico.t1286{color:#0bc8a6}
.ui-panel .ui-cate-ico.t13{color:#f67b29}
.ui-panel .ui-cate-ico.t15{color:#c889e9}
.ui-panel .ui-cate-ico.t17{color:#f99964}
.ui-panel .ui-cate-ico.t14{color:#3bcd6f}
.ui-panel .ui-cate-ico.t12{color:#ffc424}
.ui-panel .ui-cate-ico.t11{color:#f0529e}
.ui-panel .ui-cate-ico.t16{color:#6f6bec}
.ui-panel .ui-cate-ico.t1279{color:#43c4ff}
.ui-panel .ui-cate-ico.t19{color:#5c60f2}
.ui-panel .ui-cate-ico.t18{color:#f25555}
.ui-row-cate li{position:relative;margin:0;height:44px;line-height:44px;-webkit-box-sizing: border-box;padding: 0 5px;}
.ui-row-cate li:nth-child(1),.ui-row-cate li:nth-child(2),.ui-row-cate li:nth-child(3),.ui-row-cate li:nth-child(4){border-top: 0;}
.ui-row-cate li:after{content: '';display: block;height: 15px;position: absolute;border-right: 1px solid #dedede;top: 14px;right: 0;}
.ui-row-cate li:nth-child(4n):after{border-right: 0;}
.ui-row-cate li a{font-size:14px;}
.ui-tab .tab-container{width:100%;overflow:hidden;position:relative;background-color:#fff}
.ui-tab .tab-container .underline{position:absolute;bottom:0;left:0;width:0;height:3px;background:#D6231C;-webkit-transition:all .3s;transition:all .3s}
.ui-tab .ui-tab-nav{-webkit-box-pack:center;height:40px}
/*.ui-tab .ui-tab-nav li{-webkit-box-flex:0;width:109px;height:40px;line-height:40px;font-size:14px}*/
.ui-tab .ui-tab-nav li.current{color:#D6231C;border-bottom:none}
.ui-tab .ui-tab-nav li p{width: 100%;display:inline-block;font-size:16px;}
@media screen and (min-width:414px){.ui-tab .ui-tab-nav{height:44px}
.ui-tab .ui-tab-nav li{height:44px;line-height:44px;font-size:15px}
.ui-tab .underline{border-left:1px solid #12b7f5;border-right:1px solid #12b7f5}
}
.down-btn.ui-btn{padding:0 8px;font-size:12px;}
.down-btn:before{border-color:#D6231C}
.down-btn:not(.disabled){color:#D6231C}
.down-btn .down-ico{width:9px;height:11px;background-position:0 0;margin-right:3px;vertical-align: middle;}
.down-btn.disabled .down-ico{background-position:-14px 0;}
.ui-btn-more{position: relative;padding: 0 20px 0 15px;line-height: 25px;height: 25px;color: #777;font-size: 14px;border: none;background: 0 0;}
.ui-btn-more:before{content:none}
.ui-btn-more:after{content:"\f600";position:absolute;right:0;top:0;left:auto;font-family:iconfont!important;font-size:25px;font-weight:lighter;line-height:25px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;display:block;color:#777;width:25px}
.ui-btn-more:not(.disabled):not(:disabled):active,.ui-btn-more:not(.disabled):not(:disabled).active{background:0 0;opacity:.9}
.ui-btn-more:after{content: "";background:url(../images/icon.png) no-repeat 0 -75px;-webkit-background-size:150px auto; position: absolute; right: 8px; top: 5px; left: auto; font-family: iconfont!important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; display: block; width:9px;height:15px;}
more.ui-btn-more:after{display:none}
.index-slider{height:180px;overflow: hidden}
.index-slider .swiper-container{width:100%;height:180px;}
.index-slider .swiper-slide{width:100%;height:180px;display:block;overflow:hidden;position:relative;float:left;}
.index-slider .swiper-slide a{height:180px;display:block;}
.index-slider .swiper-slide img{display: block;margin: 0 auto;width:100%;height:auto;min-height:100%;}
.index-slider .swiper-slide p{font-size: 14px;line-height: 30px;position:absolute;bottom:0;left:0;overflow:hidden;box-sizing:border-box;width:100%;height: 30px;padding:0 12px 0 8px;color:#fff;background:-webkit-gradient(linear, 0 0, 0 90%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)))}
#num-pagination{font-size: 12px;line-height: 25px;position:absolute;z-index:100;right: 18px;bottom:0;color:#fff}
#active-num{font-size: 15px;float:left;padding-right:3px;color:#ff4939}
#all-num{padding-left:3px}
.index-entry{width: 100%;background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0.9)), to(white));}
.index-entry{padding: 0px;padding-bottom:12px;overflow: hidden;}
.index-entry a{float:left;width: 25%;display:block;text-align: center;color: #000000;font-size: 14px;padding-top: 12px;line-height: 24px;position: relative;}
.index-entry a .entry{background-image: url(../images/category-icon.png);background-repeat: no-repeat;-webkit-background-size: 45px auto;background-size: 45px auto;}
.index-entry a i{display: block;margin: 0px auto;width:45px;height:45px;line-height: 32px;}
.index-entry a i.entry-rank{background-position:0 0}
.index-entry a i.entry-category{background-position:0 -50px}
.index-entry a i.entry-app{background-position:0 -100px}
.index-entry a i.entry-video{background-position:0 -150px}
.index-entry a i.entry-newgame{background-position:0 -200px}
.index-entry a i.entry-h5game{background-position:0 -250px}
.index-entry a i.entry-ent{background-position:0 -300px}
.index-entry a i.entry-news{background-position:0 -350px}
.index-entry a p{color: #6a6a6a;}
.br-col .img {width: 100%;display: block;max-height: 315px;margin: 0 auto;}
.br-col .txt {width: 100%;height: 40px;background: rgba(0,0,0,0.6);position: absolute;left: 0;bottom: 0;text-indent:8px;}
.br-col .txt {line-height:40px;color:#fff}
.choose-box{overflow:hidden;padding:15px 7px 0 7px;}
.choose-box .tit{float:left;height:28px;line-height:28px;}
.choose-box .items{height:28px;line-height:28px;float:left;display:block;padding:0 13px;margin:0 8px 15px 0;-webkit-border-radius:5px;-webkit-box-sizing:border-box;text-align:center;color:#666;font-size:14px;color:#878787;}
.choose-box .items.on{color:#fff;background-color:#D6231C;}
.choose-box .items:active{background-color:rgba(0, 0, 0, 0.1)}
.page-index .ui-down{display:-webkit-box!important;}
.page-search .search-mask{display:block;height:auto;position:absolute;}
.page-rank .m-rank nav{width:100%;}
.page-rank .m-rank nav ul{display:-webkit-box;width:100%;}
.page-rank .m-rank nav li{-webkit-box-flex:1;text-align: center;height:45px;line-height:45px;}
.page-rank .m-rank nav li a:active,.m-rank nav li.current a{color:#D6231C}
.page-rank .mod-hd{width: 100%;position:relative}
.page-rank .mod-hd .mod-hd-bg.rank-pb1{background-image: url(../images/rank-pb1.jpg);}
.page-rank .mod-hd .mod-hd-bg.rank-pb2{background-image: url(../images/rank-pb2.jpg);}
.page-rank .mod-hd .mod-hd-bg.rank-pb3{background-image: url(../images/rank-pb3.jpg);}
.page-rank .mod-hd .mod-hd-bg{position:absolute;top:0;left:0;width:100%;height:156px;background-repeat: no-repeat; background-position:center top;background-size: cover!important;z-index:0}
.page-rank .top-list{width:100%;height:100%;display:-webkit-flex;display: flex;position:relative;z-index:1;}
.page-rank .top-item{text-align:center;margin-top:82px;-webkit-flex:1;flex:1;}
.page-rank .top-num2ig{margin-top:40px;}
.page-rank .top-item .avatar{width:62px;height:62px;display:block;margin:12px auto 0;border-radius:9999px;position:relative;background-color:#fff;top:0;}
.page-rank .top-num2ig .avatar{width:65px;height:65px;top:0}
.page-rank .top-item .avatar img{position:absolute;display:block;border-radius:10px;width:60px;height:60px;top:1px;left:1px}
.page-rank .top-num2ig .avatar img{width:63px;height:63px}
.page-rank .top-item .avatar .label{background-image:url(../images/gico.png);background-repeat:no-repeat;background-size:166px 169px}
.page-rank .top-item .avatar .label{width:27px;height:12px;padding-top:6px;font-size:10px;color:#554600;text-align:center;position:absolute;top:-22px;right:16px;z-index:2;background-position:0 -24px;}
.page-rank .top-item .avatar .price-bg{width:25px;height:25px;position:absolute;background-position:-287px 0;bottom:-5px;left:13px}
.page-rank .top-item .con{background-color:#fff}
.page-rank .top-item .con .info{padding-top:5px;}
.page-rank .top-num2ig .con .info{padding-top:20px}
.page-rank .top-item .info,.page-rank .top-item .score{width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-rank .top-item .score{color:#999;font-size:12px;}
.page-rank .top-item .btn{padding:5px 0 15px}
.page-rank .top-num2ig .con .btn{padding-top:29px}
.rank-list .ui-list>li{margin-left: 36px;}
.rank-list .ui-list-thumb i{position: absolute;left: -28px;top: 50%;margin-top: -13px;}
.gc-icon-order0{width: 21px;height: 28px;display: inline-block;text-align: center;font-size: 16px;color: #6a6a6a;line-height: 28px;}
.page-news .mod-hd nav{height: 45px;overflow-y: hidden;overflow-x: scroll;padding:0 10px;}
.page-news .mod-hd nav ul{width:2000px;}
.page-news .mod-hd nav li{float:left;height: 45px;}
.page-news .mod-hd nav li a {display: block;padding: 0 10px;color: #333;height: 45px;font-size: 16px;line-height: 45px;}
.page-news .mod-hd nav li a:active,.page-news .mod-hd nav li.active a{color:#D6231C}
.page-news .mod-bd .ui-btn-wrap{background:#fff}
.page-news iframe{max-width: 100%;}
.page-news article {background: #fff;padding:10px;}
.art-title {color: #333;font-size:18px;line-height:28px;font-weight:bold;}
.art-info {position:relative;width: 100%;margin: 5px auto 10px;padding:0 0 5px 0;font-size:13px;color:#999;height:20px;line-height:20px;font-weight:400;border-bottom:1px dotted #ddd;}
.art-cont {position:relative;color:#333;line-height:26px;font-size:14px;font-size-adjust: none;overflow:hidden;}
.art-cont .video{
display: black;
width: 100%;
height: 220px;
max-width: 480px;
margin: 10px auto;
}
.art-cont img {display: block;margin: 10px auto; max-width: 75%!important; height: auto!important;}
.art-cont .act_desc_mask{position:absolute;left:0;bottom:0;width:100%;height:140px;background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),#FFF 73%,#FFF);background-image:linear-gradient(to bottom,rgba(255,255,255,0),#FFF 73%,#FFF);display:none;}
.art-cont .act_desc_mask button{width:100%;position: absolute;left: 0;bottom: 0;background: #fff;display:block;width:100%;text-align:center;color:#1970bd;font-size:14px;line-height:1;padding:10px 15px 15px;border:0;background:#FFF}
.art-cont .act_desc_mask button:after{content:'';display:inline-block;width:8px;height:8px;border-width:0 2px 2px 0;margin-left:4px;border-style:solid;border-color:#1970bd;-webkit-transform:rotate(45deg) translateY(-3px);transform:rotate(45deg) translateY(-3px)}
.art-cont a{color: #1970bd;}.art-cont a:active{color: #105b9d;text-decoration: underline;}
.art-cont .btn-downswapp{font-size:16px!important;color:#1970bd;line-height:1.5;margin:0;text-decoration:underline}
.art-cont .btn-downswapp a{color:#1970bd;}.art-cont .btn-downswapp a:active{color:#1b69a9;}
.article .art-info span{margin-right:10px;}
.article .art-info span.time:before,.article .art-info span.author:before{content:'';display:inline-block;width:20px;height:16px;margin:-2px 0;}
.article .art-info .time:before{background:url(../images/time.png) no-repeat center 1px;background-size:15px;}
.article .art-info .author:before{background:url(../images/m_ico.png) no-repeat -18px 0;background-size:100px;}
.fontsizes{width:30px;height:16px;line-height:17px;overflow:hidden;position:relative;border:1px solid #ddd;border-radius:3px;display:inline-block;vertical-align:middle;background:url(../images/sort35.png) 19px center no-repeat;background-size:8px;text-indent:4px;top:-2px;}
.fontsizes .fz17,.fontsizes .fz12{display:none}
.fontsizes font{width:30px;height:16px;line-height:16px;margin-right:9px;font-size:13px}
.fontsizes em{position:absolute;left:0;top:0;width:30px;height:16px;display:block}
.fontsizes.fzab{width:32px;overflow:initial;border:0;text-align:center;text-indent:0}
.fontsizes.fzab font{width:30px;height:18px;line-height:18px;margin:0;background:#fff;font-size:14px}
.fontsizes.fzab .fz17{position:absolute;left:0;top:0;z-index:99;border:1px solid #ddd;border-radius:3px 3px 0 0;display:none}
.fontsizes.fzab .fz15{position:absolute;left:0;top:19px;z-index:99;border:1px solid #ddd}
.fontsizes.fzab .fz12{position:absolute;left:0;top:38px;z-index:99;border:1px solid #ddd;border-radius:0 0 3px 3px;display:none}
.fontsizes.fzab font:hover,.fontsizes.fzab font.cur{background:#D6231C;color:#fff}
.game-spread{background:#fff9ee;padding: 15px;padding-bottom:0;}@media (max-width:320px){.game-spread{background:#fff9ee;padding:12px;padding-bottom:0;}}
.game-spread .ui-tips{font-size:14px;line-height:14px;color:#e13c3c;}
.game-spread .ui-tips:before{content:'';width:9px;height:9px;display:inline-block;background:url(../images/spread-ico.png) no-repeat;background-size:8px 9px;margin-right:5px; position:relative;top:-1px;}
.game-spread .ui-list{display:-webkit-box;height:87px;padding:10px 0 10px;background-color:transparent;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;z-index: 1;}
.game-spread .ui-list .ui-list-thumb{display:inline-block;margin: 0 8px 0 0;width:65px;height:65px;}
.game-spread .ui-list .ui-list-info{display:-webkit-box;position:relative;-webkit-box-flex:1;padding-top: 0;padding-bottom: 0;padding-right:95px;}
.game-spread .ui-list .ui-list-info>h4{line-height:16px;}
.game-spread .ui-list .ui-list-info p {margin-top:5px;font-size:12px;line-height:12px;color:#777;}
.game-spread .ui-list .ui-btn{right:0}
.game-spread .ui-btn-spread{background-color:#ffbd3d;color:#fff;}
.game-spread .ui-btn-spread:before{display:none}
.game-spread .ui-btn-spread:not(.disabled):not(:disabled):active{background-color:#cb9121;color:#fff;}
.game-spread .comment-info{height:90px;overflow:hidden}
.game-spread .comment-info .swiper-container{height:90px;}
.game-spread .comment-info .swiper-slide{height:90px;position: relative;}
.game-spread .comment-info .box{height:40px;position: relative;display: -webkit-box;margin-bottom:10px;}
.game-spread .comment-info .avatar{width:40px;height: 40px;position: relative;margin:0 10px 0 0;display: block;}
.game-spread .comment-info .avatar span{display: block;width: 100%;height: 100%;z-index: 1;background-repeat: no-repeat;-webkit-background-size: cover;}
.game-spread .comment-info .info{display:-webkit-box;height:40px;overflow:hidden;-webkit-box-flex:1;-webkit-box-orient: vertical;-webkit-box-pack: center;color:#666;font-size:12px;}
.game-spread .comment-info .info>h4{color:#ffbd3d;font-size:14px;}
.channel-col{display:-webkit-box;position:relative;border:1px solid #eee;border-radius:4px;}
.channel-col .channel-thumb{width: 64px;height: 64px;position: relative;margin:10px;display:block;}
.channel-col .channel-thumb>img{width: 64px;height: 64px;-webkit-background-size: 100% auto;background-size: 100% auto;display: block;border-radius: 12px;}
.channel-col .channel-info{-webkit-box-flex: 1;padding-top: 10px;padding-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-pack: center;padding-right: 15px;}
.channel-col .channel-info p{font-size:12px;color:#777;}
.channel-col .dlabels{margin-top:3px;}
.channel-col .dlabels a{display:inline-block;background:none;border:1px solid #f0f0f0;border-radius:3px;color:#ff6214;font-size:12px;padding:0 6px;margin-right:6px;}
.channel-col .dlabels a:nth-child(2){color:#1f98ef}
.channel-col .dlabels a:nth-child(3){color:#8dbb00}
.channel-col .dlabels a:nth-child(4){color:#ff46cf}
.channel-col .dlabels a:nth-child(5){color:#6047ff}
.channel-col .channel-info {padding-right: 105px;}
.channel-col .ui-btn{position: absolute;top: 50%;right: 15px;margin-top: -15px;}
@media (max-width:320px){.page-news article{padding:10px;}.channel-col .channel-thumb{margin:10px}.channel-col .channel-info{padding-top:10px;padding-bottom: 10px;padding-right: 105px;}.channel-col .ui-btn{position: absolute;top: 50%;right: 10px;margin-top: -10px;}}
img.uadud.com.mod-hd{position:relative}
img.uadud.com.mod-hd .ui-fl-game{width:28px;height:30px;display:-webkit-box;-webkit-box-align: center;-webkit-box-pack:center;-webkit-box-orient: vertical;background-image:url(../images/gico.png);background-repeat:no-repeat;background-size:166px 169px;background-position:-66px -21px;position:absolute;right:15px;top:0;text-align:center}
img.uadud.com.mod-hd .ui-btn-wrap{padding:0;display:-webkit-box;position:relative;margin:0 15px;}
img.uadud.com.mod-hd .ui-btn-wrap a,img.uadud.com.mod-hd .ui-btn-wrap button{-webkit-box-flex:1;display:block;height:36px;line-height:36px;}
img.uadud.com.mod-hd .ui-btn-wrap a:first-of-type{margin-right:15px;}
img.uadud.com.mod-hd h2{line-height:24px;padding-top:10px;color: #333;}
img.uadud.com.mod-hd .g-box-bd{padding:10px 10px 10px 10px;position:relative;}
img.uadud.com.des-txt{line-height:24px;}
img.uadud.com.des-txt img{
max-width: 80%;
max-height: 400px;
display: block;
margin: 5px auto;
}
img.uadud.com.des-txt a{color:#e67c78;}
img.uadud.com.des-txt h3.biaoti{padding:0;line-height:20px;margin:10px 0 5px 0;font-weight:800;color:#666;}
.g-more{width:100%;height:230px;position: absolute;bottom: 0;left: 0;text-align:center;background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#FFF 73%,#FFF);background-image: linear-gradient(to bottom,rgba(255,255,255,0),#FFF 73%,#FFF);z-index:9999999;}
.j-txt{position:relative;font-size:14px;line-height:1.5;color:#878787;padding: 0 10px 10px 10px;overflow:hidden;}
.j-txt .tags{padding:5px 0 0 0;}
.j-txt .tags a{margin:0 10px 0 0;color:#e67c78;}
.j-more .j-more-txt{width:100%;height:40px;line-height:40px;color:#1970bd;text-align:center;position: absolute;left: 0; bottom: 0;}
.j-more .j-more-txt:after{content: '';display: inline-block;width: 8px;height: 8px;border-width: 0 2px 2px 0;margin-left: 4px;border-style: solid;border-color: #1970bd;-webkit-transform: rotate(45deg) translateY(-3px);
transform: rotate(45deg) translateY(-3px);}
.j-more.up .j-more-txt:before{vertical-align:-3px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.g-cate{overflow:hidden;padding:5px 15px 15px 10px}
.g-cate span{padding:0 10px;height:20px;line-height:20px;font-size:12px;display:inline-block;margin-right:5px;border-radius:10px;background:#eefbf1;color:#20b96f}
.des-txt{font-size:14px;line-height:1.8;color:#666;}
.des-txt img{display: block;max-width: 80%;max-height: 380px;margin: 5px auto;min-width: auto;height: auto;width: auto;}
.des-txt iframe{display:block;margin:auto;}
.des-txt a{color:#16b3de;}
.des-txt h3.biaoti{padding:0;line-height:20px;margin:10px 0 5px 0;font-weight:800;color:#D6231C;}
#appPic .swiper-container {width:100%;height:200px;}
#appPic .swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;z-index:0;background-repeat: no-repeat;}
#appPic .swiper-slide{background-size: cover;background-position: center;}
@media (max-width:320px){img.uadud.com.mod-hd .ui-btn-wrap{margin:0 10px;}img.uadud.com.mod-hd .ui-btn-wrap a:first-of-type{margin-right:10px;}img.uadud.com.g-box-bd{padding:10px;}.g-cate{overflow:hidden;padding:0 10px 10px 10px}}
.slide-view{background: rgb(0, 0, 0);position: absolute;width: 100%;height: 100%;overflow: hidden;top: 0;left: 0;z-index: 100;}
.pv-inner{position: relative;z-index: -1;display: -webkit-box;display: -moz-box;display: box;width: 100%;height: 100%;-webkit-transition: all 350ms linear;-webkit-backface-visibility: hidden;-moz-transition: all 350ms linear;-moz-backface-visibility: hidden;transition: all 350ms linear;backface-visibility: hidden;}
.pv-inner li{text-align: center;}
.pv-inner img{max-width: 97%;vertical-align: middle;-webkit-transform: scale(1) translate(0px,0px);-moz-transform: scale(1) translate(0px,0px);transform: scale(1) translate(0px,0px);max-height: 100%;visibility: visible;-webkit-transition: 200ms;-moz-transition: 200ms;transition: 200ms;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.slide-view .counts{position: absolute;top: 5%;left: 0;right: 0;text-align: center;}
.slide-view .counts .value{border-radius: 9px;line-height: 18px;padding: 0 6px;font-size: 11px;display: inline-block;background-color: rgba(102, 102, 102, 0.6);color: rgb(241, 241, 241);}
.slide-view .ui-loading{position: absolute;margin: -10px 0 0 -10px;left: 50%;top: 50%;}
.page-category .cateSwiper .swiper-container{width: 100%;height: 90px;}
.page-category .cateSwiper .swiper-container .swiper-slide{height:90px;position: relative;display: -webkit-box;}
.page-category .cateSwiper .swiper-container .swiper-slide p {color: #777;font-size: 12px;}
.page-category .cateSwiper .swiper-container .swiper-slide .thumb{width: 60px;height: 60px;position: relative;margin: 15px 10px 15px 15px;display:block;}
.page-category .cateSwiper .swiper-container .swiper-slide .thumb span{display: block;width: 100%;height: 100%;z-index: 1;background-repeat: no-repeat;-webkit-background-size: cover;}
.page-category .cateSwiper .swiper-container .swiper-slide .info{-webkit-box-flex: 1;padding-top: 15px;padding-bottom: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-pack: center;padding-right: 15px;}
.page-category .cateSwiper .swiper-container .swiper-slide .info{padding-right: 75px;}
.page-category .cateSwiper .swiper-container .swiper-slide .ui-btn{position: absolute;top: 50%;right: 15px; margin-top: -15px;width:52px;}
/*bottom-nav*/
.bottom-menu~.ui-foot{border-bottom:50px solid transparent}
.bottom-menu{z-index: 9; position: fixed; bottom: 0; width: 100%; left: 0; display: -webkit-box; -webkit-box-sizing: border-box; height: 50px; color: #333333; line-height: 15px; background: #fff; display: box; display: -webkit-box; font-size: 17px; overflow: hidden;}
.bottom-menu a{height: 50px; line-height: 50px; color: #777; font-size:15px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 6px solid transparent;}
.bottom-menu a{position: relative; -webkit-box-flex: 1; width: 100%; text-align: center; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center;}
.bottom-menu a:before{content: ""; height: 30px; width: 30px; position: absolute; background-color: rgba(200,200,200,.5); border-radius: 50%; left: 50%; margin-left: -15px; top: 50%; margin-top: -15px; -webkit-transform: scale3d(0,0,0); transform: scale3d(0,0,0);}
.bottom-menu a:not(:last-of-type):after{content:'';background:#e6e6e6;width:1px;height:15px; position:absolute;right:0;top:15px}
.bottom-menu a:after{}
.bottom-menu i.gc-icon-normal{display: block; width: 20px;height:20px;vertical-align:middle;}
.bottom-menu i.gc-icon-home{background-position:-28px 3px;}
.bottom-menu i.gc-icon-game{background-position:-48px 4px;}
.bottom-menu i.gc-icon-news{background-position:-68px 3px;}
.bottom-menu i.gc-icon-fl{background-position:-90px 3px;}
.bottom-menu i.gc-icon-enjoy{background-position:-109px 3px;}
.bottom-menu a.current,.bottom-menu a:active{color:#D6231C;background:#fafafa}
.bottom-menu.active{-webkit-animation:animations .3s forwards;animation:animations .3s forwards;}
@-webkit-keyframes animations{0%{-webkit-transform:translate(0,0);}100%{-webkit-transform:translate(0,60px);}}
/*down*/
/*.ui-down~.bottom-menu{bottom: 60px;}
.ui-down~.bottom-menu~.ui-foot{border-bottom:110px solid transparent}
.ui-down~.ui-foot{border-bottom:60px solid transparent}*/
.ui-down~.ui-foot{border-bottom:60px solid transparent}
.bottom-menu~.ui-foot{border-bottom:50px solid transparent}
.ui-down{width:100%;display:-webkit-box;position:fixed;bottom:0;left:0;height:60px;padding:0 10px;background:url(../images/down_bg.png) no-repeat;background-size:cover;-webkit-box-sizing:border-box;-webkit-box-pack:justify;-webkit-box-align:center;z-index:9}
.ui-down .app-ico{width:45px;height:45px;display:block;border-radius:5px;margin-right:10px;-webkit-box-flex:0}
.ui-down .app-infos{-webkit-box-flex:1}
.ui-down .close-app{width:22px;height:17px;display:block;position:absolute;top:0;right:0;background:url(../images/i_ico.png) no-repeat -3px -262px;background-size:60px auto}
.ui-down .app-infos .name{font-size:16px;color:#fff}
.ui-down .app-infos .prm{font-size:11px;color:#aaa}
/*share*/
.share-tit{font-size:16px;color: #777;font-weight: 400;text-align: center;}
.share-tit span {background-color: #fff;position: relative;z-index: 2;display: inline-block;padding: 0 10px;}
.share-tit:after {content: '';display: block;width: 100%;border-top: 1px solid #dedfe0;transform: scaleY(.5);-webkit-transform: scaleY(.5);position: relative;top: -12px;z-index: 1;}
.ic-share{margin:.2666666667rem auto .3333333333rem;width:3.14rem;height:.7466666667rem;line-height:.7466666667rem;text-align:center}
.ic-share a{display:block;float:left;width:.72rem!important;height:.72rem!important;line-height:1}
.ic-share a:not(:last-of-type){margin:0 .4666666667rem 0 0!important;}
.ic-share a:last-of-type{margin:0 0 0 0!important;}
.ic-share-wechat{background-image:url(../images/icon-wx.png)!important;background-size:100%}
.ic-share-zoom{background-image:url(../images/icon-qzone.png)!important;background-size:100%}
.ic-share-weibo{background-image:url(../images/icon-wb.png)!important;background-size:100%}
/*gotop*/
.go_up{width: 48px;height: 48px;background-color: rgba(0,0,0,.7);border-radius: 50%;box-shadow: 0 5px 10px rgba(0,0,0,0.15);position: fixed;right: 20px;bottom: 25px;z-index:99;display:none;}
.go_up i{width: 22px;height: 24px;background: url(../images/gico.png) no-repeat -34px -21px;display: block;background-size:166px 169px;margin: 12px auto;}
.ui-down~.ui-foot~.go_up{bottom: 70px;}
.bottom-menu~.ui-foot~.go_up{bottom: 60px;}
/*dialog*/
.page-dialog{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;background: rgba(0, 0, 0, 0.35);display: none;}
.page-dialog.show{display: -webkit-box;}
.page-dialog .page-dialog-alert{border-radius: 3px;width: 300px;-webkit-background-clip: padding-box;background-clip: padding-box;outline: 0;pointer-events: auto;background-color: rgba(253,253,253,.95);position: relative;}
.page-dialog .page-dialog-bd{min-height: 71px;border-top-left-radius: 3px;border-top-right-radius: 3px;padding: 18px;font-size: 16px;display: -webkit-box;display: box;-webkit-box-pack: center;-webkit-box-align: center;-webkit-box-orient: vertical;}
.page-dialog .page-dialog-bd div{width: 100%;color:#000;text-align:center}
.page-dialog .page-dialog-bd h4{margin-bottom: 10px;font-size: 17px;color:#000;width: 100%;text-align: center;}
.page-dialog .page-dialog-bd .text .tips{font-size:14px;color:#878787;margin:20px 0 15px}
.page-dialog .page-dialog-bd .text .txt{color:#D6231C;}
.page-dialog-close {position: absolute;top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;text-align: center;font-size: 24px;color: #b0b0b0;cursor: pointer;opacity: 1;filter: alpha(opacity=100);outline: none;}
.sort-content {overflow: hidden;line-height: 24px;padding: 10px;font-size: 14px;color: #CCC;}
.sort-content a {display: inline-block;margin: 0 6px;font-size: 14px;color: #666;}
.ui-page{text-align: center}
.pagination{ padding-left: 0; margin: 20px 10px 0 10px; font-size:0;}
.pagination > li{display: inline-block;}
.pagination > li > a,
.pagination > li > span{position: relative; display:inline-block; min-width:20px; height:30px; line-height:30px; padding: 0 5px; color: #666; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-right:0; font-size:14px;}
.pagination > li:last-of-type > a,
.pagination > li:last-of-type > span{border-right:1px solid #ddd}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > .cur > a
{z-index: 3; color: #fff; cursor: default; background-color: #D6231C; border-color: #D6231C;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
.pagination-lg > li > a,
.pagination-lg > li > span{padding: 10px 16px; font-size: 18px; line-height: 1.3333333;}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span{border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span{border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
.pagination-sm > li > a,
.pagination-sm > li > span{padding: 5px 10px; font-size: 12px; line-height: 1.5;}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span{border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span{border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.position{padding:10px;background: #f6f6f6;font-size:13px;color:#888;}
.mask-share{width:100%;height:100%;position: fixed;top:0;left:0;z-index:101;background-color:rgba(0,0,0,.6);background-image:url(../images/share.png); background-repeat:no-repeat; background-position:right 30px top 20px; background-size:204px atuo;-webkit-background-size: 204px auto;}
.pageBtn{text-align:center;padding-top:10px;padding-bottom:10px}.pageBtn a{color:#858585;border:1px solid #ccc;padding:5px 10px;border-radius:3px;margin-right:10px;text-decoration:none;}.list_img .pageBtn{margin-top:10px}.pageBtn a.cur{border:1px solid #0aae24;background:#0aae24;color:#fff}.ui-btn-active{background:#f4f4f4;}
.lnav {height:40px;line-height:40px;border-bottom:1px solid #e2e2e2;padding:0 10px;background: #fff;}
.lnav .more{float:right;margin:0;}
.lnav span{float:left;width:auto;height:40px;display:block;}
.lnav span a{float:left;width:auto;height:40px;color:#666;text-align:center;display: block;font-size: 16px;font-weight: 600;border-bottom:1px solid #666;padding:0 6px;}
.lnav span a i{font-size:14px;padding-left:2px;}
.lnav span.s{width:auto;}
.lnav span.s a{width:auto;padding:0 8px;}
.lnav span a.cur{color:#D6231C;border-bottom:1px solid #D6231C;}
.lnav h2{float:left;padding:0 8px;height:40px;line-height:42px;display:block;font-size:16px;font-weight:600;color:#D6231C;border-bottom:1px solid #D6231C;}
.lnav h2:before{display:none;}
/*info*/
.appBox{background:#fff;overflow:hidden;padding:10px 10px 3px 10px;margin: 0 0 10px 0;}
.appBox .app{overflow:hidden;}
.appicon {float:left;width:66px;margin-right:7px;}
.appicon img{width:66px;height:66px;border-radius:8px;}
.infocont{overflow:hidden;}
.infocont h1,.infocont_lb h1{display:block;font-size:15px;max-height:40px;margin-bottom:3px;padding-left:2px;}
.infocont h1 .TITIMG,.infocont h1 .titimg,.infocont h1 .titImg{width:16px;height:16px;border-radius:3px;margin:3px 2px 0 0;float:none;}
.infocont h1 .ico_recommend{display:inline-block;width:16px;height:16px;margin:0 1px 0 4px;background:url(../images/recommendicon.png);background-size:16px;border-radius:3px;display:none;}
.infocont h1 .ico_video{display:inline-block;width:16px;height:16px;margin:0 1px 0 4px;background:url(../images/videoicon.png);background-size:16px;border-radius:3px;display:none;}
.hasSpecialUrl{background:url(../images/specialicon.png) no-repeat center center;display:inline-block;background-size:40px;height:16px;width:40px;}
.infocont h1 a,.infocont_lb h1 a{position: relative;height: 17px;line-height: 17px;display: inline-block;vertical-align: top;margin-left: 7px;cursor: pointer; border-radius: 0px;color: #fff;text-align: center;font-size: 12px;font-weight: 100;padding: 0px 3px;margin-top:1px;}
.infocont h1 a img{height: 17px;}
.infocont p{font-size:12px;color:#858585;line-height:20px;}
.infocont p a{color:#858585;}
.infocont p i{width:16px;height:16px;display:inline-block;background:url(../images/m_ico.png) no-repeat;background-size:100px;margin:0 1px -2px 0;}
.infocont p i.language{background-position:0 1px;}
.infocont p i.hits{background-position:-20px 1px;}
.infocont p i.size{background-position:-64px 1px;}
.infocont p i.time{background-position:-84px 0px;}
.infocont p i.zan{background-position:0px -17px;}
.infocont p .catalog{background:url(../images/smenu.png) left center no-repeat;background-size:15px;padding-left:17px;margin-right:10px;color:#e67c78;}
.infocont p .size{background:url(../images/ssize.png) left center no-repeat;background-size:15px;padding-left:17px;margin-right:10px;}
.infocont p .time{background:url(../images/stime.png) left center no-repeat;background-size:14px;padding-left:17px;margin-right:10px;}
.infocont p .editor{background:url(../images/suser.png) left center no-repeat;background-size:12px;padding-left:15px;margin-right:10px;}
.topdown,.topdowns,.package_topdown{margin-top:10px;overflow: hidden;}
.topdown a,.topdowns a,.package_topdown a{background:#D6231C;margin: 0 1%;width:98%;height:30px;line-height:30px;text-align:center;font-size:14px;color:#fff;border-radius:5px;display:block;float:right;margin-bottom: 8px;}
.topdown a:before,.topdowns a:before{background:url(../images/icondownload.png) no-repeat left center;content:'';display:inline-block;width:18px;height:18px;background-size:13px;margin:0 1px -3px 0;}
.infocont p.ed{margin-top:0;white-space:nowrap;overflow:hidden;}
.div_rk{display:inline-block;background: url(../images/edit_bg.png) no-repeat;border-right: 1px solid #e6e6e6;padding:0px 3px 0px 12px;height:22px;line-height:22px;overflow:hidden;color:#fe9056;font-size:12px;margin-top:2px;}
span.edit{display:block;}
.infocont p.aq{overflow:hidden;padding:5px 0 0 2px;}
.infocont p.aq span{padding:0 10px;height:20px;line-height:20px;font-size:12px;display:inline-block;margin-right:5px;border-radius:10px;background:#eefbf1;color:#20b96f}
.labels {display:block;margin:0 0 10px 0;overflow:hidden;}
.labels i{display:inline-block;background:none;border:1px solid #f0f0f0;border-radius:3px;color:#ff6214;font-size:13px;padding:1px 8px;margin-right:6px;}
.labels i:nth-child(2){color:#1f98ef}
.labels i:nth-child(3){color:#8dbb00}
.labels i:nth-child(4){color:#ff46cf}
.labels i:nth-child(5){color:#6047ff}
.labels i:nth-child(6){color:#4ac144}
.labels i:nth-child(7){color:#ff56bd}
.toprank{position:relative;display:block;width:66px;height:32px;color:#FFF;font-size:12px;line-height:10px;background-image: url(../images/new.png);background-repeat:no-repeat;background-position:left bottom;padding:4px 0 0 0;}
.toprank p{text-indent:20px;padding-top:20px;letter-spacing:3px;}
.game_desc{font-size:13px;color:#878787;padding:5px 10px;overflow:hidden;}
.game_desc ul li{float:left;width:50%;height:26px;line-height:26px;overflow:hidden;}
.game_desc ul li.iwh{width:100%;}
.game_desc ul li a{color:#e67c78;}
.game_desc ul li.tags{height:auto;}
.game_desc ul li.tags a{margin:0 10px 0 0;}
.schedule{display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:stretch;padding:10px 2px 5px 5px;background:#f5f5f5;position:relative;font-size:12px;background:#fff;margin:10px 0 0 0;}
.schedule::after{display:block;content:'';position:absolute;left:0;top:40px;width:100%;border-top:1px dashed #bbb;}
.schedule .item{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;text-align:center;-webkit-box-flex:1;margin-right:5px}
.schedule .arrow{display:block;width:100%;margin-bottom:5px;background:#bbb;border:1px solid #bbb;position:relative}
.schedule .item.on .arrow{border-color:#e67c78;color:#e67c78;background:#e67c78}
.schedule .item.on .arrow .oa{border-top-color:#e67c78}
.schedule .oa{display:block;width:0;height:0;position:absolute;bottom:-10px;left:50%;margin-left:-6px;border:5px solid transparent;border-top-color:#bbb}
.schedule .state{position:relative;width:8px;height:8px;top:1px;z-index:5;display:block;overflow:hidden;}
.schedule .more2 .state{margin-left:37%}
.schedule .item .state .oh{position:absolute;z-index:3;width:8px;height:8px;background:#bbb;border-radius:50%;display:block;}
.schedule .item.on .oh{background:#e67c78;}
.schedule .arrow .inner{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
.schedule .item .date{display:block;width:100%;height:22px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#878787;}
.linfo {margin:0 10px 10px 10px;}
.linfo span{font-size:16px;line-height:26px;background:url(../images/arr.gif) no-repeat left center;padding-left:10px}
.linfo span i{color:#858585;font-size:12px;padding-left:5px}
.linfo span .more{float:right;color:#858585;font-size:13px;}
.linfo p{font-size:13px;color:#858585;text-indent:2em;height:66px;line-height:22px;overflow:hidden}
.Qimgs{background:#fff;margin:0 8px;position:relative;overflow:hidden;height:210px;border-top:0px solid #ff6300;padding-top:10px;}
.Qimgs ul{white-space:nowrap;overflow-y:auto;overflow-x:auto;}
.Qimgs li{display:inline-block;margin-right:6px;}
.Qimgs li img{width:auto;height:200px;}
.mobile-xz{display:none!important;position:relative;background: #f7f7f7;border: 0px dashed #f6e3af;margin:0;padding-top:5px;height:72px;border-radius:6px;margin:4px 0;color: #5f5f5f;}
.mobile-xz a{border:0;}
.mobile-xz .imgs {position:absolute;top:5px;left:5px;}
.mobile-xz .imgs i{background:url(../images/pfi.png) no-repeat 2px 1px;width:42px;height:42px;display:block;position:absolute;z-index:2;right:-16px;top:-11px;line-height:17px;color:#FFF;font-size:12px;text-align:center;padding-top:5px;background-size: 36px;}
.mobile-xz .imgs i font{width:41px;display:block;line-height:14px;font-size:14px;font-weight:bold;padding-left:0;font-family:Georgia;}
.mobile-xz .imgs img{width: 66px;height: 66px;border-radius: 5px;margin:0;}
.mobile-xz .tles{margin-left:86px;width:100%;line-height:22px;height:22px;}
.mobile-xz .tles em {font-size:16px;font-style:normal;white-space: nowrap;color:#4c4743;overflow:hidden;}
.mobile-xz .tles i {font-size: 13px;color: #666;padding-left: 6px;font-style: normal;}
.mobile-xz .derh {margin-left:77px;width:100%;line-height:22px;height:22px;font-size: 12px;}
.mobile-xz .dsnh {margin-left:77px;width:100%;line-height:22px;height:22px;font-size: 12px;}
.mobile-xz .t1 {padding-right:8px;}
.mobile-xz .t2 {padding-right:15px;}
.mobile-xz .t3 .starwrap{position:absolute;top:50px;left:150px;}
.mobile-xz .t4 {padding-right:5px;}
.mobile-xz .t5 {padding-right:5px;}
.mobile-xz .down-btn {position:absolute;top:38px;right:6px;}
.mobile-xz .down-btn a {width: 56px;height: 26px;float: left;background: #D6231C;text-align: center;line-height: 27px;color: #fff !important;text-decoration: none !important;border-radius: 4px;font-size:13px;}
.mobile-xz .pf {color:#f60;font-weight: bold;font-size:14px;font-family: Georgia;}
.mobile-xz .pia{display:inline-block;width:15px;height:18px;vertical-align:middle;background:url(../images/os_20.png) no-repeat;margin-right:0;cursor:pointer;margin-right:3px;margin-bottom:4px;}
.mobile-xz .android{background-position:0 0;}
.mobile-xz .ios{background-position:-42px 0;}
@media screen and (min-width:355px) {
.mobile-xz .down-btn {top:33px;right:12px;}
.mobile-xz .down-btn a {width: 80px;height: 34px;line-height: 35px;font-size:16px;}
.mobile-xz .t3 .starwrap{top:50px;left:155px;}
}
/*new*/
.company_info {position:relative;padding:10px 0 10px 110px;margin:0 10px;font-size:14px;min-height:100px;border-bottom:1px dotted #ddd;overflow:hidden;}
.company_info .title{line-height:18px;overflow:hidden;}
.company_info .title .h1{display:block;font-size:18px;margin:5px 0 8px 0;}
.company_info .title .more{display:block;font-size:13px;color:#888;}
.company_info .icon {width:100px;height:100px;position:absolute;left:0;top:10px;}
.company_info .icon img{width:100px;height:auto;min-height:100px;}
.company_desc {padding:10px;line-height:24px;font-size:14px;color:#666;}
.company_desc p{text-indent:2em;}
/*editor*/
.author-intro {height:120px;margin:0;padding-top: 8px;background-color:#fff;border-bottom:1px solid #f6f6f6;border-top:1px solid #e9e9e9;}
.author-intro .col-a {width:30%;height:90px;margin:0;text-align:center;float: left;overflow:hidden;}
.author-intro .col-b {width:70%;height:80px;padding:5px 0;float: left;overflow:hidden;}
.author-intro .col-c {width:100%;height:24px;overflow:hidden;float: left;}
.author-intro .col-c p {text-indent:20px;font-size:14px;}
.author-intro .col-a img {margin:5px;border-radius:50%;}
.author-intro .col-a a:hover img {border-radius:0;}
.author-intro .author-name {margin-bottom:5px;overflow:hidden;zoom:1;}
.author-intro .author-name strong ,.author-intro .author-name a {display:block;float:left;}
.author-intro .author-name strong {margin-right:25px;font-size:16px;color:#d6231c;}
.author-intro .author-name a {width:42px;height:20px;margin-right:10px;padding:0 5px 0 8px;line-height:20px;border-radius:3px;border:1px solid #e5e5e5;text-decoration:none;overflow:hidden;_line-height:22px;background-color:#fff;}
.author-intro .author-name .author-follow i {margin:5px 3px 0 0;_margin-right:0;}
.author-intro .author-name .author-up i {margin:4px 3px 0 0;_margin-right:0;float: left;}
.author-intro .author-name .author-up em {width:22px;display:block;float:left;text-align:center;}
.author-intro .author-name a:hover {background-color:#08A32C;color:#fff;border:1px solid #078424;}
.author-intro .author-name .author-follow:hover i {background-position:-30px 0;}
.author-intro .author-name .author-up:hover i {background-position:-30px -20px;}
.author-type {margin-bottom:4px;margin-top:3px;font-size:13px;line-height:18px;}
.author-type i {width:18px;height:18px;margin-right:5px;background:url(../images/sprite.png) no-repeat -60px -20px;display:block;float:left;}
.author-type span{padding-left:20px;}
.author-extra {margin-right:0px;}
.author-extra p {font-size:13px;}
.author-extra span ,.author-intro .col-c p span,.author-type span{color:#777;}
.author-extra em {margin-right:35px;line-height: 16px;}
.author-up i {width:14px;height:13px;background:url(../images/sprite.png) no-repeat 0 -20px;}
.author-up i {display:block;float:left;}
/*l*/
.t_bg{background-size:100%;background-position:left;height:180px;background-repeat:no-repeat;background-color:#fff;}
.t_box{width:100%;margin:-36px auto 0 auto;}
.t_box .t_title{padding:0 16px;line-height:36px;height:36px;background:rgba(0,0,0,0.6);color:#fff;overflow:hidden;}
.t_box .t_title h1{display:inline-block;font-size:16px;font-weight:400;color:#fff;}
.t_box .t_title span{font-size:12px;color:#fff;margin:0 0 0 10px;}
.t_box .t_title span a{color:#fff;}
.t_box .t_title span.fr{float:right;}
.t_box .t_main{position:relative;background:#fff;overflow:hidden;}
.t_box .t_desc{padding:6px 10px 8px 10px;font-size:14px;line-height:24px;text-indent:2em;color:#666;}
.l_box{display:block;height:auto;overflow: hidden;padding:5px 0 10px 10px;}
.l_box a{text-decoration:none;color:#fff;padding:2px 10px;display:inline-block;border-radius:3px;margin:5px 8px 5px 0;font-size:15px;height:26px;line-height:26px;letter-spacing:0.8px;background:#bbb;}
/*kc*/
.top_menu{background:#fff;padding:10px 6px 2px 10px;overflow:hidden;border-bottom:1px solid #eee;}
.top_menu ul{margin-right:-4px;}
.top_menu li{float:left;padding:0 10px;background:#fff;border-radius:15px;margin-right:4px;margin-bottom:8px;color:#444;}
.top_menu li a{font-size:13px;}
.top_menu li.cur{background:#d6231c;}
.top_menu li.cur a{color:#fff;}
/*Ping*/
.app_comment{margin-top:10px;background:#fff;padding:0;}.plhtml{padding:6px 10px 10px 10px;background:#fff;}.pladd{margin:10px 0 0 0;border-radius:2px;border:1px solid #d4d4d4;box-shadow:0px 0px 1px rgba(0, 0, 0, 0.2);}.pladd textarea{width:96%;padding:2%;height:60px;border:0;font-size:14px;}.pladd .bom{display:block;height:31px;line-height:31px;border-top:1px solid #d4d4d4;}.pladd .bom #userName{float:left;background:url(../images/pinguser.png) 0 0 no-repeat;border:0;padding:0 0 0 48px;width:100px;box-sizing:content-box;height:25px;line-height:25px;margin:3px 0 0 3px;color:#555;border-right:1px solid #fcb52b;font-size:13px;text-align:left;}.pladd input{float:right;width:80px;height:31px;line-height:31px;background:#f4f4f4;border:0;text-align:center;color:#555;font-size:15px;border-left:1px solid #d4d4d4;padding:0;margin:0;border-radius:0;}.pladd .reping{display:none;float:left;color:#444;font-size:14px;line-height:30px;border-bottom:1px solid #ddd;width:100%;text-indent:6px;}.pladd .reping em{padding:0 2px;font-style:normal;text-decoration:none;}.pladd .reping i{color:red;padding-left:8px;cursor:pointer;font-style:normal; text-decoration:underline;}.pllist ul li{border-bottom:1px #ddd dotted;overflow:hidden;padding:2px 0 3px 0;}.pllist ul li p{line-height:26px;padding:0 3px;font-size:14px;color:#777;}.pllist ul li p .i{color:#326eb4;font-weight:bold;}.pllist ul li p .d{font-size:13px;padding-left:10px;}.pllist ul li p .l{font-size:13px;float:right;}.pllist p.m{float:right;}.pllist p.m span{position:relative;font-size:13px;margin-left:15px;color:#777;}@keyframes dig {100% {top:-20px;right:-12px;}}@-webkit-keyframes dig{100% {top:-20px;right:-12px;}}@-moz-keyframes dig {100% {top:-20px;right:-12px;}}@-ms-keyframes dig{100%{top:-20px;right:-12px;}}.pllist p.m span .Qdig{position:absolute;right:-5px;top:-10px;z-index:10;font-size:24px;color:#28bd98;animation:dig 1s;-webkit-animation:dig 1s;-moz-animation:dig 1s;-o-animation:dig 1s;}.pllist p.m span .Qbad{position:absolute;right:-5px;top:-10px;z-index:10;font-size:24px;color:#ff6f6f;animation:dig 1s;-webkit-animation:dig 1s;-moz-animation:dig 1s;-o-animation:dig 1s;}.pllist p.m span.s{color:#28bd98;}.pllist p.m span.a{color:#ff6f6f;}.pllist p.t{color:#555;line-height:24px;padding:4px 8px;}.pllist .loadmore{display:none;line-height:32px;text-align:center;font-size:14px;background:#f6f6f6;margin:5px 0;color:#888;border-radius:2px;}.pllist ul li .hf{position:relative;margin:10px 8px 5px 8px;padding:5px 5px 2px 5px;border:1px solid #dbdbdb;background:#f9f9f9;border-radius:2px;}.pllist ul li .hf:after{content:"";position:absolute;left:12px;top:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ddd;}.pllist ul li .hf .hfa{font-size:14px;line-height:24px;color:#777;}.pllist ul li .hf .hfb{text-align:right;font-size:13px;line-height:24px;color:#777;}.pllist ul li .hf .hfb i{font-size:13px;padding-right:8px;color:#6087b5;}.pllist ul li .hf .hfb i a{color:#6087b5;font-weight:800;}.alert{width:72%;position:fixed;top:40%;left:10%;background:rgba(0,0,0,0.6);color:#fff;text-align:center;padding:15px 4%;line-height:22px;border-radius:6px;font-size:15px;z-index:999999;}
/*cata*/
.hd_article{
display: -webkit-box;
display: -moz-box;
display: box;
background:#FFF;
margin-top:10px;
border-bottom: 1px solid #e9e9e9;
}
.hd_article span{
-webkit-box-flex: 1.0;
-moz-box-flex: 1.0;
box-flex: 1.0;
text-align: center;
display: block;
height: 36px;
line-height: 36px;
font-size: 16px;
margin: 0 0 -1px 0;
}
.hd_article span.cur{
border-bottom: 3px solid #D6231C;
}
.hd_article span a i {
background: #f50;
color: #fff;
padding: 1px 4px;
border-radius: 8px;
letter-spacing: .6px;
font-size: 12px;
margin-left: 4px;
}
#xg_main{background:#FFF;}
#xg_main .xg_main_ul {
overflow: hidden;
}
#xg_main .xg_list, #xg_main .xg_list ul {
width: 100%;
float: left;
padding: 0;
}
#xg_main li {
height: 36px;
line-height: 36px;
overflow: hidden;
position: relative;
width: 33.3%;
float: left;
text-align: center;
}
#xg_main li a {
height: 20px;
line-height: 20px;
border-right: 1px solid #d9d9d9;
margin: 8px 0;
font-size: 12px;
overflow: hidden;
display: block;
padding: 0 5px;
}
#xg_main li:nth-child(3) a,#xg_main li:nth-child(6) a,#xg_main li:nth-child(9) a,#xg_main li:nth-child(12) a,#xg_main li:nth-child(15) a{border-right:none;}
/*tab subtit*/
.pagenumx {
width: 100%;
height: 12px;
text-align: center;
padding-bottom: 10px;
background:#FFF;
}
.pagenumx span {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #f0f0f0;
margin: 0 5px;
text-indent: -9999px;
}
.pagenumx span.cur {
background-color: #D6231C;
}
/*new index*/
.allplay .alw{
display:-webkit-box;
display:box;
text-align:center;
width:85%;
margin:0 auto;
}
.allplay .alw em{
display:-webkit-box;
display:box;
width:10%;
height:2px;
background: -webkit-gradient(linear, 80% 20%, 10% 21%, from(#fea647), to(#f67b29));
box-flex:1;
-moz-box-flex:1;
-webkit-box-flex:1;
margin-top:10px;
position:relative;
}
.allplay .alw em:before{
content:"";
width:2px;
height:2px;
display:block;
position:absolute;
left:-5px;
background:#f67b29;
}
.allplay .alw em:after{
content:"";
width:2px;
height:2px;
display:block;
position:absolute;
right:-5px;
background:#fea647;
}
.allplay .alw h2{
font-weight:100;
font-size:14px;
padding:0 5px;
background: -webkit-gradient(linear, 80% 20%, 10% 21%, from(#fea647), to(#f67b29));
color:#FFF;
margin:0 25px;
box-flex:1;
-moz-box-flex:1;
-webkit-box-flex:1;
text-align:center;
width:10%;
position:relative;
}
.allplay .alw h2:before{
content:"";
width:0px;
height:0px;
position:absolute;
left:-6px;
top:0px;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-right:6px solid #f67b29;
}
.allplay .alw h2:after{
content:"";
width:0px;
height:0px;
position:absolute;
right:-6px;
top:0px;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-left:6px solid #fea647;
}
/*all play*/
.list-view{
position:relative;
padding:15px;
width:90%;
}
.cf:before, .cf:after {
display: table;
content: "";
line-height: 0;
}
.cf:after, .cf:before {
display: table;
content: "";
line-height: 0;
}
.list-view .next-link{
display:block;
width:60px;
height:60px;
overflow:hidden;
border-radius:6px;
float:left;
margin-right:10px;
}
.list-view .next-link .prev-img{
width:60px;
height:60px;
}
.list-view .prev-cont{
width:75%;
overflow:hidden;
}
.list-view .prev-cont .stitle{
font-size:17px;
}
.prev-cont .sub-title{
font-size:12px;
color:#999;
line-height:20px;
}
.prev-cont .desc{
font-size:13px;
color:#787878;
width:75%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.list-view .prev-link{
position:absolute;
display:block;
right:4%;
top:30px;
width:60px;
height:27px;
text-align:center;
line-height:27px;
border:1px solid #D6231C;
border-radius:4px;
color:#D6231C;
font-size:15px;
}
.allplay{background:#FFF;}
.bgzx{
background:#FFF;
padding:10px 2%;
}
.bgzx .newzx{text-align:center;}
.bgzx .newzx a{color:red;font-size:15px;}
.bgzx li{
border-bottom:1px solid #CCC;
padding:5px 0;
display:block;
width:100%;
height:30px;
padding-left:13px;
line-height:30px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
background:url(../images/listpr.png) no-repeat left center;
}
.bgzx li a{
font-size:14px;
}
/*index down*/
.AreaList{background:#FFF;margin-top:10px;}
.menu {
height: 42px;
line-height: 42px;
border-bottom: 1px solid #e2e2e2;
padding: 0 15px;
}
.menu b {
font-size: 16px;
font-weight:100;
}
.menu b:before{
content: "";
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-right: 8px;
height: 16px;
width: 3px;
background-color: #D6231C;
}
.menu .recomTabs {
float: right;
border: 1px solid #D6231C;
border-radius: 3px;
height: 24px;
line-height: 24px;
margin-top: 8px;
}
.menu .recomTabs a {
display: inline-block;
height: 24px;
width: 40px;
text-align: center;
font-size:14px;
color:#444;
}
.menu .recomTabs a.cur {
background: #D6231C;
color: #fff;
}
.AreaList ul{
padding: 10px 0;
overflow: hidden;
background: #fff;
}
.AreaList li{
float: left;
width: 25%;
text-align: center;
margin-bottom: 10px;
}
.AreaList .imgBox {
display: inline-block;
width: 66px;
height: 66px;
position: relative;
overflow: hidden;
}
.appimg {
width: 66px;
height: 66px;
border-radius: 8px;
}
.AreaList li .gameTit{
height: 26px;
line-height: 26px;
font-size: 13px;
overflow: hidden;
}
.AreaList li .timeTit{font-size:12px;color:#666;}
.AreaList li .downbtn {
display: block;
background: #D6231C;
color: #fff;
width: 66px;
height: 24px;
line-height: 24px;
margin: 0 auto;
border-radius: 2px;
margin-bottom: 10px;
font-size:14px;
}
.sdbtn {
display: block;
padding-left: 12px;
width: 50px;
height: 26px;
line-height: 26px;
border-radius: 3px;
background: #D6231C url(../images/sd.png) 8px center no-repeat;
color: #fff;
margin: 0 auto;
font-size: 14px;
}
/*kfkc*/
.tab_con{
background:#FFF;
margin-top:10px;
}
.tab_con .p_th {
clear: both;
border-bottom: 1px solid #e3e3e3;
line-height: 32px;
height: 32px;
overflow: hidden;
position: relative;
}
.tab_con .p_th span {
float: left;
color: #787878;
font-size: 13px;
position: absolute;
overflow: hidden;
top: 0;
}
.tab_con .p_th .span01 {
left: 5%;
width: 18%;
}
.tab_con .p_th .span02 {
left: 23%;
width: 28%;
}
.tab_con .p_th .span03 {
left: 66%;
width: 28%;
text-align: right;
}
.tab_con .p_th .span04 {
left: 79%;
width: 21%;
text-align: center;
}
.tab_con ul {
clear: both;
position: relative;
}
.tab_con ul li {
clear: both;
position: relative;
line-height: 39px;
height: 39px;
border-bottom: 1px dotted #d0d0d0;
}
.tab_con ul li span {
position: absolute;
}
.tab_con ul li .span001 {
left: 5%;
width: 18%;
font-size: 13px;
color: #b0b0b0;
top: 0;
}
.tab_con ul li .span002 {
left: 23%;
width: 28%;
height: 38px;
top: 0;
overflow: hidden;
}
.tab_con ul li .span002 a{
font-size:14px;
}
.tab_con ul li .span003 {
left: 66%;
width: 28%;
height: 38px;
overflow: hidden;
top: 0;
overflow: hidden;
text-align: right;
color: #b0b0b0;
font-size: 12px;
}
.tab_con ul li .span004 {
left: 79%;
width: 21%;
text-align: center;
}
.tab_con ul li .span004 a {
top: 9px;
overflow: hidden;
text-align: center;
font-size: 12px;
background: #eee;
color: #8f8f8f;
background: #D6231C;
color: #fff;
padding: 2px 4px;
border-radius: 2px;
}
.tab_con ul li .span004.nos a {
background: #ccc;
color: #f9f9f9;
}
/*rank*/
.billboard {
background-color: #000;
margin-bottom: 10px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
height: 224px;
background: url(../images/billboard_bg_0a6d4b7.jpg) no-repeat 0 0;
background-size: cover;
overflow: hidden;
}
.billboard dt {
position: relative;
color: #fff;
}
.billboard dt i {
font-size: 14px;
margin-right: 10px;
padding-bottom: 5px;
}
.billboard dt .active {
font-size: 16px;
font-weight: bold;
border-bottom: 2px solid #fff;
}
.billboard dt a {
position: absolute;
right: 0;
top: 0px;
font-size: 14px;
line-height: 14px;
color: #fff;
}
.billboard dt a img {
padding-top: 12px;
height: 11px;
}
.billboard dd {
padding-top: 20px;
height: 120px;
position: relative;
}
.billboard dd .billboard-list{
position: absolute;
top: 20px;
left: 10px;
width: 80%;
height: 100%;
}
.billboard dd .billboard-net {
z-index: -1;
}
.swiper-container-net.swiper-container-horizontal {
width: 123%;
overflow: auto;
padding: 10px 0px 0px 10px;
}
.swiper-wrapper {
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate(0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.swiper-slide, .swiper-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.billboard .swiper-slide-show {
width: 62px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
display: inline-block;
background-color: #fff;
border-radius: 5px;
text-align: center;
}
.swiper-slide a, .swiper-slide img {
display: block;
width: 100%;
}
.billboard .swiper-slide-show .icon {
width: 23px;
height: 29px;
position: absolute;
top: -10px;
left: -10px;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 23px;
}
.billboard .swiper-slide-show .icon {
background: url(../images/top_4_49cb972.png) no-repeat 0 0;
background-size: contain;
}
.billboard .swiper-slide-show span.icon-1 {
background: url(../images/top_1_9d13498.png) no-repeat 0 0;
background-size: contain;
}
.billboard .swiper-slide-show span.icon-2 {
background: url(../images/top_2_bbc7b7a.png) no-repeat 0 0;
background-size: contain;
}
.billboard .swiper-slide-show span.icon-3 {
background: url(../images/top_3_df345f6.png) no-repeat 0 0;
background-size: contain;
}
.billboard .swiper-slide-show span.icon-4 {
background: url(../images/top_4_49cb972.png) no-repeat 0 0;
background-size: contain;
}
.billboard .swiper-slide-show .big-img {
width: 60px;
height: 60px;
border-radius: 3px;
}
.billboard .swiper-slide-show .htitle {
padding-top: 3px;
font-size: 15px;
color: #333;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
line-height: 22px;
}
.billboard .swiper-slide-show .desc {
font-size: 12px;
color: #999;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
line-height: 18px;
}
.billboard .swiper-slide-show .down-load {
line-height: 30px;
display: block;
border: 1px solid #f67b29;
border-radius: 2px;
color: #f67b29;
font-size: 16px;
}
/*gl*/
.app_article{
background:#FFF;
padding-bottom:10px;
}
.app_article ul {
padding: 0 5px;
}
.app_article li {
height: 36px;
line-height: 36px;
overflow: hidden;
border-bottom: 1px dashed #ccc;
position: relative;
}
.app_article li em {
display: inline-block;
width: 4px;
height: 4px;
background: #999;
border-radius: 50px;
position: absolute;
top: 17px;
left: 8px;
}
.app_article li a {
height: 38px;
line-height: 38px;
overflow: hidden;
display: block;
padding-left: 18px;
font-size:14px;
}
.app_article li.tm{position:relative;padding:0 70px 0 0;}
.app_article li.tm span{position:absolute;top:0;right:0;line-height:38px;font-size:12px;color:#999;}
/*m-top*/
.m-top{
margin-top:10px;
}
/*company*/
.gamecompany{
margin-top:10px;
}
.gdhz{
width:100%;
overflow-x:auto;
overflow-y:hidden;
}
.cshz{
width:200%;
display:block;
padding:20px 10px;
}
.cshz li{
width:50px;
height:100px;
overflow:hidden;
float:left;
margin:0 10px;
}
.cshz li img{
width:50px;
height:50px;
}
.cshz li span{
display:block;
text-align:center;
font-size:12px;
color:#777;
margin-top:3px;
width: 100%;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*new relative down*/
.mobile-xz .imgs i.sc{display:none;}
.mobile-xz .noderh{display:none;}
.mobile-xz .imgs img.ic{width:40px;height:40px;min-width:40px;}
.mobile-xz div.mtles{margin-left:53px;width:59%;overflow:hidden;text-overflow:ellipsis;}
.mobile-xz div.mdsnh{margin-left:53px;}
@media screen and (min-width: 355px){
.mobile-xz .t3 span.mstarwrap {
top: 27px;
left: 115px;
}
.mobile-xz div.mdown-btn {
top: 12px;
right: 12px;
}
.mobile-xz div.mdown-btn a {
width: 60px;
height: 28px;
line-height: 28px;
font-size: 14px;
}
}
.hmobile-xz{
height:46px;
}
.hmobile-xz .t3 span.mstarwrap{
position: absolute;
top:29px;
left:128px;
}
.mobile-xz div.mdown-btn {
top: 14px;
}
.starwrap, .starwrap span {
background: url(../images/star.png) repeat-x scroll 0 bottom;
background-size: 16px;
height: 16px;
display: inline-block;
}
.starwrap {
width: 80px;
}
.starwrap span {
background-position: 0 1px;
}
.starwrap span.lv1{width:17px;}
.starwrap span.lv2{width:33px}
.starwrap span.lv3{width:49px;}
.starwrap span.lv4{width:65px;}
.starwrap span.lv5{width:80px;}
.menu_tob {
padding: 13px 3%;
background: #fff;
border-top: 1px solid #ddd;
}
.menu_tob ul {
width: 100%;
border: 1px solid #D6231C;
border-radius: 5px;
display: -webkit-box;
display: -moz-box;
text-align: center;
overflow: hidden;
}
.menu_tob ul li {
display: block;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 16px;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.menu_tob ul li a{
color: #D6231C;
}
.menu_tob ul li:not(:last-child) {
border-right: 1px solid #D6231C;
}
.menu_tob .tab_cur {
background: #D6231C;
}
.menu_tob .tab_cur a{
color: #FFF;
}
.menu_tob ul li:not(:last-child) {
border-right: 1px solid #D6231C;
}
.tab-menu{width: 50%;display:block; margin:0px auto;font-size:0px;position:relative;z-index:1;}
.tab-menu li{
width: 50%;
height: 50px;
box-sizing: border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
float: left;
position:absolute;
}
.tab-menu li.t1{
background: url(../images/tab-1-2.png) no-repeat;
background-size: 100% auto;
}
.tab-menu li.t2{
background: url(../images/tab-2-2.png) no-repeat;
background-size: 100% auto;
right: 10px;
}
.tab-menu li.select.t1{
background: url(../images/tab-1-1.png) no-repeat;
background-size:100% auto;
z-index: 4;
}
.tab-menu li.select.t2{
background: url(../images/tab-2-1.png) no-repeat;
background-size: 100% auto;
z-index: 5;
}
.clearfix{
display: block;
}
.clearfix:after{
content: "";
display: block;
clear:both;
}
.tab-main{
background: #fff;
padding-bottom:1px;
padding-top: 20px;
overflow: hidden;
}
.item-e.num1{
background: #EDF2F3;
}
.tab-main .item{
width: 85%;
display: block;
margin: 0 auto;
padding:5%;
margin-bottom: 15px;
border-radius:6px;
}
.tab-main .item-l{
position: relative;
}
.tab-main .item-e.num1 .item-l .ico{
background: url(../images/num-1.png) no-repeat;
background-size: 100% auto;
}
.item-l .ico,.tab-main .item-e.num1 .item-l .ico,.tab-main .item-e.num2 .item-l .ico,.tab-main .item-e.num3 .item-l .ico{
display: block;
position: absolute;
z-index: 3;
left: -27px;
top: -25px;
width: 30%;
height: 85px;
}
.tab-main .item-e.num1 .item-l .ico,.tab-main .item-e.num2 .item-l .ico,.tab-main .item-e.num3 .item-l .ico{
text-indent:9999px;
}
.tab-main .item-l img{
width:25%;
height:25%;
border-radius:15px;
}
.tab-main .elm {
font-size: 0;
}
.tab-main .link-btn{
display:block;
width:40%;
margin-left: 3px;
margin-top: 4px;
}
.tab-main .item-e.num1 .link-btn a {
background: #87c5d0;
}
.tab-main .item-e.num1 .link-btn a.lt{
background:#f48047;
}
.tab-main .item .link-btn a.dlt{
padding:2px 25px;
}
.tab-main .item-e.num1 .link-btn a.lb{
background:#fbc73c;
}
.tab-main .item-e.num1 .link-btn a.hdn{
background:#D6231C;
}
.tab-main .item-e.num2 .link-btn .lt{
background:#f48047;
}
.tab-main .item-e.num2 .link-btn a.lb{
background:#fbc73c;
}
.tab-main .item-e.num2 .link-btn a.hdn{
background:#D6231C;
}
.tab-main .item-e.num3 .link-btn a.lt{
background:#f48047;
}
.tab-main .item-e.num3 .link-btn a.lb{
background:#fbc73c;
}
.tab-main .item-e.num3 .link-btn a.hdn{
background:#D6231C;
}
.tab-main .item-e .link-btn a.lt{
background:#f48047;
}
.tab-main .item-e .link-btn a.lb{
background:#fbc73c;
}
.tab-main .item-e .link-btn a.hdn{
background:#D6231C;
}
.tab-main .link-btn a{
padding:2px 4px;
height: 10px;
line-height: 16px;
border-radius: 2px;
margin-left: 2px;
font-size: 12px;
text-align: center;
color: #fff;
}
.tab-main .link-btn a.ltdj{
padding:2px 24px;
}
.tab-main .item-r{
position:relative;
width: 73%;
height: 50%;
display: block;
float: right;
margin-top: -76px;
}
.tab-main .text-info{
height: 60px;
overflow:hidden;
}
.tab-main .test-info span{
display:inline-block;
margin-right: 12px;
height: 20px;
line-height:20px;
margin-top: 8px;
overflow: hidden;
font-size: 12px;
}
.tab-main .item-e.num1 .test-info span {
color: #6b8388;
}
.tab-main .item-e .name {
color: #6b8388;
display: block;
height: 18px;
line-height: 18px;
overflow: hidden;
font-size: 16px;
font-weight: bold;
}
.tab-main .test-info .jf strong{
font-family: Georgia;
font-size: 12px;
font-weight: bold;
}
.tab-main .test-info .fq{
display:block;
width:100%;
height:20px;
overflow:hidden;
line-height:14px;
}
.tab-main .test-info .fq i{
border:1px solid #6b7f91;
border-radius:3px;
margin-right:5px;
margin-bottom:5px;
padding:1px 3px;
display:block;
float:left;
}
.tab-main .test-info .fq a{
border:1px solid #6b7f91;
border-radius:3px;
margin-right:3px;
margin-bottom:5px;
padding:1px 3px;
display:block;
float:left;
color:#6b8388;
}
.tab-main .item-e.num1 .test-info .fq i{
border:1px solid #6b8388;
}
.tab-main .item-e.num2 .test-info .fq i{
border:1px solid #526e83;
}
.tab-main .item-e.num3 .test-info .fq i{
border:1px solid #869ca5;
}
.tab-main .down-btn{
height: 20px;
position: absolute;
top: 26px;
right: -5px;
}
.tab-main .down-btn a{
padding: 3px 10px;
border-radius: 2px;
overflow: hidden;
font-size: 13px;
text-align: center;
color: #fff;
background:#D6231C;
}
.tab-main .item-e.num2 {
background: #F0F3EB;
}
.tab-main .item-e.num2 .item-l .ico{
background: url(../images/num-2.png) no-repeat;
background-size: 100% auto;
}
.tab-main .item-e.num2 .link-btn a {
background: #8bbadb;
}
.tab-main .item-e.num2 .name {
color: #526e83;
}
.tab-main .item-e.num2 .test-info span {
color: #526e83;
}
.tab-main .item-e.num3 .item-l .ico{
background: url(../images/num-3.png) no-repeat;
background-size: 100% auto;
}
.tab-main .item-e.num3 .link-btn a {
background: #98d2ec;
}
.tab-main .item-e.num3 .name {
color: #869ca5;
}
.tab-main .item-e.num3 .test-info span {
color: #869ca5;
}
.tab-main .item-e.num3 {
background: #F3EEEC;
}
.tab-main .item-e {
background: #F8F9F6;
}
.tab-main .item-e .link-btn a {
background: #9cc3e4;
}
.tab-main .item-e .name {
color: #6b7f91;
}
.tab-main .item-e .test-info span {
color: #6b7f91;
}
.tab-main .item-e .test-info span.lx{
height:20px;
display:inline-block;
overflow:hidden;
}
.tab-main .item-e .item-l .ico{
background: url(../images/num-4.png) no-repeat;
background-size: 100% auto;
width: 20px;
height: 25px;
line-height: 25px;
text-align: center;
color: #FFF;
top: 0px;
left: 10px;
font-size:12px;
}
/*wx*/
.wxfollow {position:absolute;right:-8px;bottom:7px;padding:0 8px;margin:0;height:20px;line-height:21px;color:#D6231C;border:1px solid #D6231C;border-radius:4px;font-size:12px;}
.wefocus_a{position:fixed;width:80%;top:5%;z-index:9999; left:10%;background:#fff;border-radius: 10px;border:#ddd 1px solid}
.wefocus_a img{max-width: 100%}
.wefocus_a_head{justify-content: flex-start;color:#666;padding:8px 5px 5px 5px;border-bottom: #eee 1px solid;font-size:15px;height:50px;}
.wefocus_a_head img{margin-right:5px;width:50px;float:left;}
.wefocus_a_head b{display: block;font-size:14px;color:#333;margin:2px 0 2px 0;}
.wefocus_a_head p{line-height:15px;font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.wefocus_a_way{padding:0 10px 5px 10px;}
.wefocus_a_way b{display: block;line-height:30px;font-size:14px;}
.wefocus_a_way dl dt i{display: inline-block;border-radius:50%;border:#ddd 1px solid;width:20px;height: 20px;line-height: 20px;text-align: center;margin-right: 10px;background:#fff;font-style:normal;font-size:14px;}
.wefocus_a_way dl dd{margin-left:10px;border-left:1px solid #ddd;padding-left:20px;padding-right:10px;margin-top:-20px;font-size:12px;}
.wefocus_a_way dl dd.end{border:0;}
.wefocus_a_way dl dd i{color:red;font-weight:800;font-style:normal;}
.wefocus_a_way dl dd img{margin:5px 0 5px 0;}
.wefocus_btn{margin:5px 15px 10px 15px;background:#D6231C;border-radius: 5px;line-height: 40px;font-size: 16px;color:#fff;text-align: center; }
.wefocus_btn a{color:#fff}
.wefocus_clo{width:30px;height:30px;position: absolute;right:2px;top:2px;background: url(../images/weclose.png) no-repeat center center;background-size:100%;cursor:pointer}
.alert_bg{background:rgba(0,0,0,.6);position: fixed;left:0;top:0;width:100%;height: 100%;z-index:8888}
@media(max-width:320px) {
.wefocus_a_head{padding:7px 10px;}
.wefocus_a_way b{line-height:24px;}
.wefocus_a_way dl dd{font-size:12px;line-height:16px;}
.wefocus_a_way dl dd img{margin:5px 0 0 0;}
}
/*down warm*/
.appBox .Q_tip {
clear: both;
margin-bottom: 5px;
font-size: 13px;
line-height: 20px;
min-height: 40px;
color: #888;
background: #f3f3f3;
padding: 6px;
}
.appBox .Q_tip .Q_ioc {
display: block;
margin: 10px 5px 0 0;
float: left;
width: 20px;
height: 20px;
background: url(../images/tips_s.png) 0px 0 no-repeat;
}
/*yc*/
.siteyc a{
color:#999;
padding:0 3px;
border:1px solid #999;
border-radius:3px;
}
ul.ycvideo .ui-list-thumb{
position:relative;
}
ul.ycvideo .ui-list-thumb .yc_vid{
position:absolute;
top:0;
left:0;
z-index:999;
background:#ff5500;
padding:0px 4px;
border-radius: 0 3px 3px 3px;
font-size:12px;
color:#fff;
}
ul.ycvideo .ui-list-thumb .v_btn{
position:absolute;
top:0;
left:0;
width:100px;
height:65px;
background: rgba(0,0,0,.3) url(../images/auto_v.png) no-repeat center center;
background-size: 40%;
}
.video{
margin-left:5px;
vertical-align: top;
}
.infocont p .v_btn{
color:#e67c78;
background:#eefbf1;
border-radius:10px;
padding:3px 5px;
}
.n_video{
background:url(../images/video_btn.png) no-repeat center center;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: sub;
margin-left: 6px;
}
.video_a{
margin-left:5px;
}
.art-info a.v_btn {
color: #e67c78;
background: #eefbf1;
border-radius: 10px;
padding: 3px 5px;
}
.sub-info {
font-size: 14px;
color: #777;
float:right;
}