body{font-size:14px;font-family:Microsoft YaHei,sans-serif;color: #333;background-color: #fff;}
body,html,a,img,div,form,select,input,ul,ol,ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span{margin:0;padding:0}
a{text-decoration:none;cursor:pointer; color: #454545;}
p{list-style:none;}
em,i{font-style:normal;}
img {width:auto\9;	height:auto;max-width:100%;	vertical-align:middle;	border:0;	-ms-interpolation-mode:bicubic;}
input, textarea, select {*font-size: 100%; outline: 0;border: 0;}
*{padding:0;margin:0;}
img,input{border:none;vertical-align:middle;}
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
th,td,input{font-size:14px;}
button{border:none;cursor:pointer;font-size:14px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:14px;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}

input, textarea, select {*font-size: 100%; outline: 0;border: 0;}
.tl{ color: #ff6459 !important;}
.mar0{ margin-right: 0px !important;}
.jz1 {overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.jz2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.jz3 { overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.wrap {width:1200px;margin:0 auto;}

.clear {clear: both; height: 0px;width: 100%;}


.dright .number,.over{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.fytext p,.eltit,.newstext li span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wrap {width: 1200px;margin: 0 auto;}
img {	width:auto\9;	height:auto;	max-width:100%;	vertical-align:middle;	border:0;	-ms-interpolation-mode:bicubic}
span a{ color: #999;}



/*****头部****/
header{width: 100%;margin-right: auto; margin-bottom: auto; margin-left: auto;height:85px;background: #1e222d;}


.subz{ width: 150px; height: 60px; float: left; margin-top: 20px;}
.susea{float: right; margin: 25px 0 0 0px; width: 220px;height: 35px;border-radius: 30px; box-sizing: border-box;background: rgba(255, 255, 255, 0.4);}
.susea .susea-i {border: 0;padding: 0;outline: none;color: #b6b8bb;text-indent: 10px;width: 180px;height: 35px; line-height: 35px;background-color: transparent;}
.susea .susea-b{flex-shrink: 0; width: 40px;height: 35px;border: none;outline: none;float: right;cursor: pointer;background:url(../images/ss.png) no-repeat center center;}



.sunav{overflow: hidden;position: relative;float: left;margin-left:60px;height: 85px;}
.sunav li{display: inline-block; float: left;-ms-flex: 1;-webkit-flex: 1; flex: 1; -webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;box-sizing: border-box;font-size: 20px; margin:27px 23px 0 23px; padding: 0 10px;text-align: center; display: block; border-radius: 12px;}
.sunav li a{ display: inline-block;width: 100%;height: 100%;color: #fff;}
.sunav li:last-child{border-right: 0;}
.sunav li:hover{color: #e94441;
  background-color: #fff;}
.sunav li:hover a{color: #e94441;}




/***底部***/
footer{ width: 100%; margin-top:40px; background: #14161c;border-top: 2px #ff5555 solid; padding-top: 40px;}
.subqn{width: 1200px;margin: 0 auto;text-align: center;line-height: 30px;}
.subqn a{color: #999;margin: 0 20px 0 0;border-right: 1px solid #444;line-height: 36px;padding-right: 20px;}
.subqn a:last-child{ border-right: none;}
.subqt{width: 1200px;margin: 30px auto 0 auto;text-align: center;color: #999;line-height: 30px;font-size: 12px;border-top: 1px #4a4a4a solid;padding: 30px 0;}
.subqt a{color: #999;  }
.subqt .record {width: 20px;height: 20px;background: url(../images/bei.png) no-repeat;display: inline-block;margin: 0 8px 0 20px;vertical-align: middle;}







/*****游戏下载****/
.yxxz{background: #fff;padding: 10px 20px 20px 20px;margin-top: 30px;box-sizing: border-box;}
.yxxz_b{ background:url(../images/ico_yx.jpg) no-repeat left; border-bottom: 1px  solid #eee; height: 60px; line-height: 60px; padding-left: 40px; font-size: 20px; font-weight: bold;}
.yxxz_b span{ float: right; font-size: 14px; font-weight: normal; color: #999;}

.surph{position:relative;}
.surxb_n{position:relative;}
.g-spftware-top{position:absolute;overflow:hidden;top: -57px;left: 200px;}
.g-spftware-top1{position:absolute;overflow:hidden;top: -57px;left: 320px;}



.g-title-list ul{display: flex;align-content: center;flex: 1;}
.g-title-list ul li{float: left;cursor: pointer; color: #666; font-size: 14px; position: relative;padding: 0 10px;margin-right: 10px; }
.g-title-list ul li.m-hover{color: #33acff;}


.g-spftware-bd{width: 100%;height: auto;float: left;}
.g-spftware-list{position:relative;width: 100%;}
span.u-title-more{ top:-44px; right:-310px;}

.yxxz_lb li{width: 90px;overflow: hidden;float: left;margin-right: 28px;text-align: center;margin-top: 20px;}
.yxxz_lb li img{width: 90px;height: 90px;border-radius: 20px;}
.yxxz_lb li p{ text-align: center;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size: 14px; margin: 5px 0 5px 0;}
.yxxz_lb li span{ font-size: 12px; color: #999;}

.yxxz_lb li:nth-child(10n){margin-right: 0px;}

.yxph{width: 373px;float: left;background: #fff;padding: 10px 20px 20px 20px;margin-top: 30px;box-sizing: border-box;margin-right: 40px;}
.yxph_b{  border-bottom: 1px  solid #eee; height: 60px; line-height: 60px;  font-size: 20px; font-weight: bold;}


.layui-layer-content .gm-helper-container {
  padding: 15px;
  overflow: hidden;
}


.m-hover .sorj-on.img{display: block;}
ul.rjphl li.m-hover a.sorj-t{display: none;}
ul.rjphl li .download{position: absolute;right: 0; top: 22px; width: 50px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #FF881E;border-radius: 20px;color: #FF881E;}





/*-- 苹果安卓必备 --*/

.emrjt_b{ background:url(../images/ico-rj.png) no-repeat left; border-bottom: 1px  solid #eee; height: 60px; line-height: 60px; padding-left: 40px; font-size: 20px; font-weight: bold;}
.emrjt_b span{ float: right; font-size: 14px; font-weight: normal; color: #999;}

/*-- 手机必备 --*/
.sjbb_b{ background:url(../images/ioc-az.png) no-repeat left; border-bottom: 1px  solid #eee; height: 60px; line-height: 60px; padding-left: 40px; font-size: 20px; font-weight: bold;}
.sjbb_b span{ float: right; font-size: 14px; font-weight: normal; color: #999;}


/***友情链接***/
.symklj{width: 1200px;background: #fff;margin: 0px auto;margin-top: 0px;display: block;overflow: hidden;box-sizing: border-box;}
.yqlj_b{float: left;width: 150px;height: 145px;text-align: center;background:#FF881E url(../images/inico.png) no-repeat -305px -128px;color: #fff;font-size: 22px;position: relative;line-height: 145px;font-weight: bold;}
.yqlj_b span{ display: block;}
.yqlj_b:before{content: '';width:10px;height:19px;display:inline-block;background: url(../images/yqlj-ico.png) no-repeat;position: absolute;right: -10px;top: 50%;margin-top: -9.5px;}

.yqlj_swiper {float: left;width: 1020px;height: 110px;overflow: hidden;position: relative;margin: 20px 0 0px 30px;}
.yqlj_swiper #links_box { position: absolute; top: 0; left: 0;}
.yqlj_swiper a {display: inline-block;*display: inline;*zoom: 1;width: 120px;height: 38px;line-height:38px;color: #767676;font-size: 12px;}
.yqlj_swiper .btnWrap {position: absolute;z-index: 5;right: 10px;top: 0;width: 30px;height:100px;padding: 8px 0px 5px 10px;}
.yqlj_swiper .prevBtn, .yqlj_swiper .nextBtn {float: left;position: static;width: 30px;height: 30px;border-radius: 30px; background: url(../images/inico.png) -416px -58px no-repeat;margin: 8px 0;cursor:pointer;}
.yqlj_swiper .nextBtn {background-position: -416px -99px;}
.yqlj_swiper .nextBtn:hover{background-position: -416px -99px;background-color: #FF881E;}
.yqlj_swiper .prevBtn:hover{background-position: -416px -58px;background-color: #FF881E;}


.mat20{ margin-top: 30px !important;}


/*当前位置开始*/
.position{font-size: 14px;color: #9b9b9b;height: 50px;line-height: 50px;padding-left: 20px;background:url(../images/tt_03.png) no-repeat 0px center; box-sizing: border-box;}
.position a{ color: #9b9b9b;}
.position a:hover{ color: #FF881E;}

.yxk_n{background: #fff;padding: 20px;box-sizing: border-box;margin-bottom: 40px;}
.hjxq_y{background: #fff;padding: 20px;box-sizing: border-box;margin-bottom: 0px;}


/****分页****/
.page{margin: 0px auto;text-align: center;padding: 20px 0;}
.page li{display: inline-block;border-bottom: none !important;padding: 0 !important;}
.page li a,.page li span{padding: 0px 15px; line-height: 32px; height: 32px; color: #666; font-size: 14px;border-radius: 6px; display: inline-block;background: rgba(0,0,0,.03);}
.page li a:hover,.page li a.phover,.page li.active span{  background: #0080ff; color: #fff;text-decoration: none;}






/*游戏下载开始*/


.marl20{ padding-left: 0px;}
.gamepage-main{ width: 100%; margin-top: 20px;}
.gp-left{width: 810px;float: left;background: #fff;}
.glintroduce{border: none;}



.Dow_L { width: 280px; background: #f9f9f9; padding: 30px 0; margin-right: 20px;z-index: 2;float: left; }
.Dow_L .pic { width: 180px; height: 180px; display: block; overflow: hidden; margin: 0 auto; }
.Dow_L .pic img { width: 100%; height: 100%; border-radius: 24px; }
.Dow_L .name { font-size: 18px; font-weight: bold; margin: 16px 0; display: block; text-align: center; }
.Dow_L .down-btn { width: 200px; height: 45px; line-height: 45px; margin: 0 auto 12px; position: relative; }
.Dow_L .down-btn a {width: 100%; font-size: 17px; color: #fff;display: block; float: left; }
.Dow_L .db-sc a { width: 100%; text-align: center; }
.Dow_L .down-btn .icon { display: inline-block; width: 25px; height: 25px; background: url("../images/down.png") no-repeat 0 0; margin-left: 45px; vertical-align: middle; }
.Dow_L .down-btn .icont { display: inline-block; width: 20px; height: 20px; background: url("../images/down.png") no-repeat -2px -238px; vertical-align: middle; margin-right: 3px; }
.Dow_L .down-btn.db-az { background: #29cc6d; }
.Dow_L .down-btn.db-pg { background: #5298ff; }
.Dow_L .down-btn.db-dn { background: #fea342; text-align: center;}
.Dow_L .down-btn.db-sc { background: #73706d; }
.Dow_L .down-btn.nodownload { background: #b4bac5; }
.Dow_L .db-sc .icon { background-position: -1px -272px; }
.Dow_L .db-dn .icont { background-position: -5px -240px; }
.Dow_L .down-btn .icon-az { background-position: -5px -28px; }
.Dow_L .down-btn .icon-pg { background-position: -2px -56px; margin-top: -4px; }
.Dow_L .detail { margin-top: 15px; }
.Dow_L .detail a {  font-size: 14px;color: #D81830; }
.Dow_L .detail span { display: block; line-height: 30px; margin-left: 40px; font-size: 14px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.Dow_L .detail .lab { color: #fff; background: #D81830; font-size: 13px; margin: 0 5px 5px 0; border-radius: 3px; padding: 0 5px; display: inline-block; height: 24px; line-height: 24px; }
.Dow_L .detail .kfsname { border-bottom: 1px dashed #D81830; }

.surxb_n .con{
  color: #666;
padding: 15px 0 15px 30px;
width: 100%;
background: #f6f6f6;
height: 50px;
margin-top: 20px;
box-sizing: border-box;
}
.surxb_n  .con a{color: #f00;}





.rxq_t{width: 100%;height: 40px;line-height: 40px;overflow: hidden;background: #fff;padding: 0 15px;box-sizing: border-box;margin-top: 10px;border-top: 1px #eaeaea dashed;}
.rxq_t a{color: #ff0000;margin-left: 5px;}

.esy_ms{width: 100%;box-sizing: border-box;display: inline-block;margin-bottom: 20px;margin-top: 25px;background: #fff;padding: 20px;}
.esyxx_jb{padding: 10px;box-sizing: border-box;}
.esyxx_jb li{color:#666;width: 100%;height: 30px;}
.esyxx_jb span{display: inline-block;width:48%;float: left;font-size: 14px;line-height: 30px;margin-right: 2%;margin-bottom: 10px;padding-left: 2%;box-sizing: border-box;border-bottom: 1px #eaeaea solid;}
.esyxx_jb span em, .esyxx_jb span em a{color: #666;}
.esyxx_jb span em a{color: #33acff}



.glgametab{ padding-top: 3px;}
.gtabtit{ width: 100%; border-bottom: 1px #f2f2f2 solid; line-height: 50px; text-align: center;}
.gtabtit li{ display: inline-block; padding: 0px 40px; margin: 0px 35px; cursor: pointer; font-size: 18px; color: #333; position: relative;}
.gtabtit li:hover,.gtabtit li.on{border-bottom: 2px #FF881E solid;color: #FF881E;font-weight: bold;}
.gtabtit li .comnumber{ height: 14px; line-height: 14px; font-size: 11px; padding: 0px 3px; border-radius: 2px; display: inline-block; position: absolute; background: #FF881E; color: #fff; font-weight: normal;top:6px;left: 72px;}
.glgametab .tjcont{ padding-top: 0px;}
.gtabtext{padding: 0px 20px;color: #333;font-size: 14px;line-height: 28px;}
.gtabcont h4{ font-size: 18px; font-weight: normal; margin-top: 20px; line-height: 45px;}
.gtabcont h4:before{width: 4px;height: 18px;content: "";display: inline-block;background: #FF881E;border-radius: 8px;margin: 15px 9px 0px 0px;float: left;}

.gtabrotation,.gamerecom,.gameplayer{ padding: 0px 20px;}
.j-scroll{ width: 100%; height: 346px; overflow: hidden; position: relative;}
.j-scroll img{width: 100%; height: 346px; overflow: hidden; }
.j-scroll:hover .slide-arr{position: absolute;width: 37px;height: 53px;cursor: pointer;background-repeat: no-repeat;background-position: center;top: 50%;margin-top: -25px;}
.j-scroll:hover .slide-arr.prev{left:0px;background-image: url(../images/L.png);}
.j-scroll:hover .slide-arr.next{right:0px;background-image: url(../images/R.png);}

.gamerecom h3{ margin-bottom: 8px;}
.gamerecom li{ width: 107px; float: left; margin-right: 22px;}
.gamerecom li a{ max-width: 100%;}
.gamerecom li img{ width: 107px; height: 107px; overflow: hidden; border-radius: 22px;}
.gamerecom li em{width: 100%;display: inline-block;text-align: center;line-height: 40px;color: #333;font-size: 14px;}
.gamerecom li a:hover em{color: #FF881E;text-decoration: none;}

.gameplayer{ margin-bottom: 20px; height: 300px;}

.gtabcont .n-l-list .nimg{ margin-left: 20px;}
.gtabcont .n-l-list .ntext{ width: 540px;}

.gp-right{width: 360px;float: right;}

.rjymtag ul{padding-top: 5px;}
.rjymtag li{ width: 100%;padding: 10px 0px; border-bottom: 1px #ddd dashed; height: 55px;}
.rjymtag li .bagimg{margin-right: 15px; float: left;}
.rjymtag li .bagimg img{width: 55px; height: 55px; overflow: hidden; border-radius: 10px;}
.rjymtag li .bagtext{ float: left; max-width: 200px;}
.rjymtag li .bagtext h6{ font-size: 15px; line-height: 30px;}
.rjymtag li .bagtext p{ color: #666;}
.rjymtag li .bagtext h6,.rjymtag li .bagtext p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rjymtag li .bagtext p i{ color: #FF881E;}
.rjymtag li .bagbtn{ width: 50px;text-align: center; float: right; margin-right: 2px; margin-top: 15px;}
.rjymtag li .bagbtn a{ display: inline-block;width: 50px; height: 24px; line-height: 24px; border-radius: 2px; background: #f39800; color: #fff;}
.rjymtag li .bagbtn a:hover,.grhottag li a:hover,.grspecial li a:hover{background: #FF881E;color: #fff;text-decoration: none;}

.grhottag ul{ padding: 20px 0px;}
.grhottag li{ float: left; margin-right: 9px; margin-bottom: 10px;}
.grhottag li a{padding: 0px 17px;max-width: 290px; height: 27px; line-height: 27px; display: inline-block; border: 1px #bbb solid; border-radius: 4px; color: #444; font-size: 13px;}
.grhottag li a:hover{border-color: #FF881E;}

.grspecial ul{ padding-top: 15px;}
.grspecial li{ width: 47%; margin-right: 3%; float: left;}
.grspecial li a{ height: 35px; margin-bottom: 10px; width: 92%;padding:0px 4%; display: inline-block;font-size: 15px; line-height: 35px; text-align: center; background: #eee; border-radius: 4px;}


.rjranklb ul{ padding-top: 5px;}
.rjranklb .l-list li{width: 100%;height: 32px;padding: 12px 0;border-bottom: 1px #e8e8e8 solid;position: relative;overflow: hidden;}
.rjranklb .l-list li i.num{width: 20px;height: 20px;float: left;margin-top: 6px;display: inline-block;background: #eaeaea;text-align: center;line-height: 20px;color: #999;margin-left: 0;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;}
.rjranklb .l-list li i.num1{ background: #FF881E; color: #fff;}
.rjranklb .l-list li i.num2,.rjranklb .l-list li i.num3{ background: #f7b84b; color: #fff;}
.rjranklb .l-list li .rqgimg{float: left;width: 180px;height: 32px;overflow: hidden;margin-left: 12px;display: inline;}
.rjranklb .l-list li .rqgimg img {float: left;width: 32px;height: 32px;margin-right: 10px;display: inline; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;}
.rjranklb .l-list li .rqgimg em {display: block;height: 32px;overflow: hidden;line-height: 32px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;}
.rjranklb .l-list li  .hotnum{float: right;height: 32px;line-height: 32px;text-align: center;color: #666;}
.rjranklb .l-list li  .hotnum{ width: 60px; position: relative; padding-right: 16px;}
.rjranklb .l-list li  .hotnum i{background: url(../images/in_icon.png) no-repeat 0px -456px;width:9px;height: 11px;top:11px;overflow: hidden;line-height: 99;position: absolute;right: 0;}
.rjranklb .l-list li  .hotnum i.fair{height: 3px; top: 15px; width: 15px;}
.rjranklb .l-list li  .hotnum i.decline{ background-position: 0px -465px;right: 4px;}
.rjranklb .l-list li  .hotnum i.rise{background-position: 0px -481px;right: 4px;}
.rjranklb .l-list li.active{ height: 70px; position: relative;}
.rjranklb .l-list li.active .hotnum{ display: none;}
.rjranklb .l-list li.active .num {margin-top: 25px;}
.rjranklb .l-list li.active .rqgimg {width: 285px;height: 70px;display: block;}
.rjranklb .l-list li.active .rqgimg img {width: 70px;height: 70px;}
.rjranklb .l-list li.active .rqgimg em{font-size:16px; font-weight: bold; line-height: 22px; height: 22px;}
.rjranklb .l-list li.active .rqbtn{height: 46px; width: 310px;}
.rjranklb .l-list li.active .rqbtn p{ width: 100%; height: 20px;}
.rjranklb .l-list li.active .rqbtn em{ font-size: 12px; color: #666; line-height: 20px; height: 20px; font-weight: normal; float: left; max-width: 68px;}
.rjranklb .l-list li.active .rqbtn i{ color: #999; font-size: 10px; float: left; display: inline-block;margin: 2px 5px;}
.rjranklb .l-list li.active .rqbtn a.bt{position: absolute;left: 124px;bottom: 15px;width: 65px;height: 20px;text-align: center;line-height: 20px;color: #fff;background: #FF881E;border-radius: 4px;text-decoration: none;}
.rjranklb .l-list li.active .rqbtn a.bt:hover{ opacity: 0.8;}

.content-main{ position: relative; width: 700px; height: 340px; margin: 10px auto 40px auto;}
.content-btn{position: absolute;width:38px !important;height:38px !important;z-index:10;cursor: pointer;top: 50%;margin-top: -19px;}
.prev-btn{left:-30px;background:url(../images/ghoticon.png) no-repeat -85px 0px;}
.prev-btn:hover{ background-position: -130px 0px;}
.next-btn{right:-30px;background:url(../images/ghoticon.png) no-repeat -85px -50px;}
.next-btn:hover{background-position: -130px -50px;}
.list{width:700px;height:340px;}
.list li{position: absolute;left:0;top:0;overflow: hidden;}




.n-main{ width: 1200px; margin: 0 auto;}
.n-left{width: 783px;float: left;box-sizing: border-box; background:#fff; padding:20px}
.surxzy{width: 100%;box-sizing: border-box;}
.n-l-tit a{font-size: 18px;font-weight: normal;color: #333;display: block;float: left;height: 50px;line-height: 50px;width: 25%;text-align: center;}
.n-l-tit a:hover{background:#FF881E; color: #fff;}
.n-l-tit{font-size: 22px;font-weight: bold;color: #FF881E;margin-bottom: 20px;background: #fff;padding: 0;box-sizing: border-box;width: 100%;height: 50px;}
.n-l-list{width: 100%;background: #fff;padding: 5px 20px 20px 20px;box-sizing: border-box;}
.n-l-list li{padding: 15px 0px;border-bottom: 1px #f1f1f1 solid;}
.nimg{ width: 200px; float: left;}
.nimg img{ width: 200px; height: 150px; overflow: hidden;}
.ntext{width: 550px;float: right;margin-right: 0;}
.ntext h3{ font-size: 20px; font-weight: bold;}

.nword{ font-size: 14px; color: #666; line-height: 26px; margin-bottom:6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.btn a{padding: 0px 10px ; height: 22px; line-height: 22px; display: inline-block; background: #eeebeb; color: #b0afb7; text-decoration: none;border-radius: 10px 10px 10px 0px;-webkit-border-radius:10px 10px 10px 0px;-moz-border-radius:10px 10px 10px 0px;-ms-border-radius:10px 10px 10px 0px;-o-border-radius:10px 10px 10px 0px;}
.btn a:hover{background: #FF881E;color: #fff;}


/*右侧开始*/
.n-right{width: 340px;float: right;}
.bor{margin-bottom: 20px;padding: 20px;box-sizing: border-box;background: #fff;margin-bottom: 20px;position: relative;}
.bor .title{height: 26px;
  font-size: 20px;
  color: #4182e1;}
.bor .title a{float: right;font-weight: normal;color: #999;font-size: 12px;display: inline-block;margin-top: 3px;}
.bor .title a i{color: #FF881E;}

.bor .sufbw{display: inline-block;color: #FF881E; font-size: 14px;cursor: pointer;position: absolute;right: 20px;top: 23px;}

.newstext li{ width: 100%; float: left; margin-top: 20px;}
.newstext li i{width: 14px; height: 16px;margin:6px 7px 0px 0px; text-align: center;float: left; line-height: 16px;border: 1px #b4b4b4 solid; display: inline-block;}
.newstext li span{ width: 180px; float: left; font-size: 14px; line-height: 22px;}
.newstext li div{ margin-left: 20px; float: left;}
.newstext li div img{ width: 97px; height: 45px; overflow: hidden;border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.newstext li a:hover{color: #FF881E;text-decoration:none;}
.newstext li a:hover i{border-color: #FF881E;color: #FF881E;}


.sufba ul{height: 130px;overflow: hidden;}
.emr_rs li{width: 88px;float: left;overflow: hidden;height: 110px;text-align: center;padding: 8px 0px 0px 0px;margin-right: 18px;}
.emr_rs li img{width: 80px; height:80px; overflow: hidden;border-radius: 22%;display: block;margin: 0 auto;}
.emr_rs li  p{ text-align: center; display: inline-block; width: 78px; margin-top:4px;line-height: 16px; height: 16px; font-size: 14px; font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.emr_rs li:nth-child(3n){margin-right: 0px;}
.sufba ul.show{height: auto;}



/****排行榜页面****/
.wrapper{ width: 1200px; margin: 0 auto;}
.phb{ width: 100%; height: auto;}



.suran-t a{display: block;width: 200px;float: left;line-height: 80px;text-align: center;color: #333;font-size: 18px;}
.suran-t a:hover{background-color: #33acff;}

.phb_p3{ height: 40px; color: #666 !important;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}



.sughw{
  width: 100%;
  height: 261px;
  background: url(../images/PA_01.jpg) no-repeat center top;
  text-indent: 35%;
  line-height: 240px;
  color: #f8f8f8;
  font-weight: bold;
  font-size: 55px;
}



.surank li{line-height:1.5;padding-bottom: 30px;border-bottom: 1px solid #ebebeb;padding-top: 30px;}
  .surank .con{width:80%;float: left;position: relative;}
 .surank .con .pic{width: 188px;height: 188px;float: left;margin-right: 30px;border-radius: 22%;}
 .surank .con h2{line-height: 1;font-size: 18px;padding:5px 0 25px;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
 .surank .con h2 a{color: #474747}
 .surank .con p{margin-bottom: 16px}
 .surank .con p span{width: 235px;display: inline-block;overflow: hidden;white-space: nowrap;
  text-overflow: ellipsis;}
 .surank .con .down{display: inline-block;width:70px;height: 30px;border:2px solid #dcdcdc;text-align: center;line-height: 30px;color:#f31a22;font-weight: bold;margin-right:20px;position: relative;}
 .surank .con .down .pop{width:150px;height:191px;background: url(../img/weixin.png);position: absolute;bottom:35px;left: 50%;margin-left: -75px;display: none}
 .surank .con .down .pop img{width:128px;height: 128px;display: block;margin: 11px 11px 8px;}
 .surank .con .down:hover{color: #fff;background:#f31a22;border-color: #f31a22}
 .surank .con .down:hover .pop{color:#585858}
 .surank .con .vote{width: 51px;height: 34px;display: inline-block;text-align: center;line-height: 34px;color: #fff;font-weight:bold;background: #fd5253;margin-right: 1px;cursor: pointer;overflow: hidden;
  vertical-align: middle;}
 .surank .con .v1{background:#00cf8d}
 .surank .con .v2{background:#47aaff}
 .surank .con .v3{background:#8b8b8b}
 .surank .con .guandian{height: 38px;background:#f2f2f2;margin-left: 218px;margin-top: 25px;overflow: hidden;}
 .surank .con .guandian .gd{display: inline-block;width: 90px;height: 34px;border:2px solid #ebebeb;text-align: center;line-height: 34px;color:#585858;font-weight: bold;background: #fff;margin-right: 20px;}
 .surank .con .guandian i{font-style: normal;color:#a6a6a6;}
 .surank .con .guandian b{padding: 0 5px;color:#a6a6a6;}
 .surank .con i{position: absolute;left: 0;top: 0;width: 40px;height: 40px;border-radius: 20px 0 20px 0;background: #ddd;color: #fff;font-size: 20px;text-align: center;line-height: 40px;}
 .surph-box ul li:nth-child(1) .con i{background: #f31a22;}
 .surph-box ul li:nth-child(2) .con i{background: #f60;}
 .surph-box ul li:nth-child(3) .con i{background: #ef7378;}



 .supf{width: 20%;float: left;position: relative;}
 .supf .supf-i{width: 84px;height: 84px;overflow: hidden;display: block;margin: 20px auto 0 auto;background: url(../images/pf5.png) no-repeat;position: relative;font-size: 22px;color: #939393;text-align: center;line-height: 84px;}
 .supf .supf-i::first-letter {
  font-size: 34px;
}
.supf p{text-align: center;color: #939393;line-height: 30px;}




.emxl_yp ul{
  display:flex;
  flex-wrap:wrap
 }
.emxl_yp li {
  display:flex;
  width:100%;
  padding:14px 0;
  border-bottom:1px dashed #ddd
 }
.emxl_yp li>span {
  display:inline-block;
  width:18px;
  height:18px;
  border-radius:6px 6px 4px 6px;
  background-color:#D1D1D1;
  text-align:center;
  line-height:20px;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  margin-right:16px;
  flex-shrink:0
 }
.emxl_yp li:nth-of-type(1)>span,
.emxl_yp li:nth-of-type(2)>span,
.emxl_yp li:nth-of-type(3)>span {
  background:#FF881E
 }
.emxl_yp li.active .game_info {
  display:flex;
  padding:8px 0
 }
.emxl_yp .game_info img {
  width:90px;
  height:90px;
  border-radius:20px;
  display:block;
  flex-shrink:0;
  margin-right:16px
 }
.emxl_yp .game_info div {
  flex:1;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-around
 }
.emxl_yp .game_info div h1,
.emxl_yp .game_info div .game_name {
  font-size:18px;
  color:rgb(51,51,51);
  font-weight:normal;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
 }
.emxl_yp .game_info div p {
  font-size:12px;
  color:#999;
  font-weight:normal;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
 }
.emxl_yp .game_info div .seperator {
  padding:0 5px
 }
.emxl_yp .game_info div a {
  width:110px;
  height:28px;
  background:#4182e1;
  border-radius:3px;
  text-align:center;
  line-height:28px;
  font-size:14px;
  color:#fff;
  display:block
 }
.emxl_yp .game_info {
  flex:1;
  display:none;
  overflow:hidden
 }
.emxl_yp li.active .game_simple {
  display:none
 }
 .m-paging {
  position:relative;
  left:50%;
  float:left
 }
 .m-paging ul {
  overflow:hidden;
  font-size:12px;
  position:relative;
  left:-50%
 }
 .m-paging ul li {
  background-color:#fff;
  display:inline-block;
  color:#8b8b8b;
  margin:0 2px;
  overflow:hidden;
  float:left;
  padding:54px 0
 }
 .m-paging ul li span,
 .m-paging ul li a {
  padding:0 12px;
  height:38px;
  line-height:38px;
  display:inline-block;
  overflow:hidden;
  float:left;
  color:#828282;
  border:1px solid #ededed
 }
 .m-paging ul li.active {
  border-color:#565656
 }
 ul li.active a {
  background-color:#FF881E;
  color:#fff
 }


.jrzq_btn{display: inline-block;width: 46px;height: 24px;font-size: 12px;font-weight: normal; line-height: 24px;margin-left: 10px;border-radius: 3px;overflow: hidden;text-align: center;border: 1px #009cff solid;color: #009cff;}
.jrzq_btn:hover{background: #009cff;color: #fff;}

.suran-t{width: 100%;
  padding: 0px;
  box-sizing: border-box;
  background: #fff;height: 60px;font-size: 18px;line-height: 60px;}
.surph-bt{position:absolute;overflow:hidden;top: -49px;right: 10px;}

.rjpm_b li{
  width:150px;
  height: 40px;
  float: left;
  margin-right: 10px;
  border: 1px #eaeaea solid;
  margin-bottom: 16px;
  border-radius: 6px;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}

.rjpm_b li:hover,.rjpm_b li.m-hover{
  background-color: #f31a22;
  color: #fff !important;
  border-color: #f31a22;
  
}
.rjpm_b li:hover a,.rjpm_b li.m-hover a{
  color: #fff !important;
  
}



.surph-box{width: 100%;
  height: auto;
  box-sizing: border-box;}
.g-spftware-list1{position:relative;width: 100%;}
span.u-title-more{ top:-44px; right:-310px;}



/**游戏专题**/
.xynew_zb_k li {
  overflow: hidden;
  padding: 20px 0;
}

.xynew_zb_k li+li {
  border-top: 1px solid #ccc;
}
.xynew_zb_k .pic {
  width: 210px;
  height: 120px;
  float: left;
  margin-right: 20px;
  object-fit: cover;
  border-radius: 5px;
}

.xynew_zb_k dl {
  overflow: hidden;
  font-size: 16px;
  color: #aaa;
}

.xynew_zb_k dt {
  color: #000;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.xynew_zb_k dt:hover {
  color: #33acff;
}

.xynew_zb_k dd:nth-child(2) {
  font-size: 14px;
  height: 50px;
  line-height: 25px;
  overflow: hidden;
}

.xynew_zb_k dd:nth-child(3) {
  margin-top: 16px;
  font-size: 14px;
}






.hjfl{ background: #fff; height: 80px; margin-bottom: 30px;}
.hjfl a{ display: block; width: 200px; height: 80px; line-height: 80px; text-align: center; font-size: 18px; color: #333; float: left;}
.hjfl a:hover{background: #FF881E; color: #fff;}
.hjfl a.over{background: #FF881E; color: #fff;}



.hjnr{ width: 730px; float: left; margin-left: 30px;}
.hjnr h1{ font-size: 18px; font-weight: normal;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.hjnr p{ font-size: 14px; color: #888888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 24px; margin: 10px 0;}
.hjnr span{font-size: 14px; color: #888888;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.hjnrxz{ width: 120px; float: right; text-align: center; padding-top: 20px;}
.hjnrxz a{ display: block; width: 100%; height: 50px; background: #FF881E; color: #fff; border-radius: 5px; line-height: 50px; margin-top: 10px;}



.hjapp_sum {
width:100%;
overflow: hidden;
margin-bottom: 8px;
}
.hjapp_img {
width: 80px;
float: left;
height: 80px;
border-radius: 8px;
overflow: hidden;
}
.hjapp_img img{
width: 80px;
height: 80px;
border-radius: 8px;
}
.hjapp_info {
float: left;
width: 150px;
height: 80px;
margin-left: 12px;
}
.hjapp_info p{
width: 100%;
font-size: 13px;
color: #666;
margin-bottom: 6px;
white-space: nowrap;
overflow: hidden;
}
.hjapp_info p span{
margin-right: 2px;
}


.star {
display: inline-block;
height: 14px;
margin: 0px;
line-height: 14px;
margin-left: 0;
width: 72px;
background: url(../images/litterStar.png) no-repeat -110px -2px;
display: inline-block;
position: relative;
}
.star em {
width: 90%;
height: 14px;
background: url(../images/litterStar.png) no-repeat -110px -178px;
display: inline-block;
position: absolute;
left: 0;
bottom: 0;
}

.hjapp_btn {
width: 82px;
float: right;
margin-top: 56px;
color: #fff;
line-height: 30px;
height: 30px;
border-radius: 4px;
background-color:#48acff;
}
.hjapp_btn a{
color: #fff;
width: 100%;
text-align: center;
line-height: 30px;
}
.hj_txt{
width: 100%;
overflow: hidden;
margin-bottom: 4px;
  height: 48px;
  text-align: left;
  line-height: 24px;
  font-size: 13px;
  color: #777;
  margin-top: 8px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hj_txt font{
font-weight: bold;
  color: #f60;
  margin-right: 5px;
  font-size: 13px;
}
.hj_txt span{
  color: #666;
  font-size: 13px;
}
.hjapp_div dl {
margin-left: -30px;
overflow: hidden;
margin-top:8px;
}
.hjapp_div dl dd{
float: left;
  width: 71px;
  height: 26px;
  background-color: #cccccc;
  border-radius: 4px;
  margin-left: 30px;
  text-align: center;
  line-height: 26px;
  color: #ffffff;
  font-size: 14px;
}
.hjapp_div dl dd a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 26px;
  overflow: hidden;
  color: #ffffff;
  border-radius: 4px;
}
.hjapp_div dl dd:hover{
background: #f76341;
}


.hjgd_btn{width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #fff;background-color: #FF881E;display: block;margin: 0 auto;margin-top: 20px;border-radius: 10px;}
.hjgd_btn:hover{ background-color: #008ae6;color: #fff;}



/***游戏专题列表****/
.hjlb_l{ width: 700px; height: 350px; float: left; overflow: hidden; margin-top: 10px;}
.hjlb_l img{ width: 100%; height: 100%;}
.hjlb_r { width: 460px; height: 350px; float: left; overflow: hidden; background: #f39800;margin-top: 10px; padding: 40px;box-sizing: border-box;}
.hjlb_r h2{ font-size: 30px; font-weight: bold; color: #fff;}
.hjlb_r p{ font-size: 18px; line-height: 30px; color: #fff; margin: 20px 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.hjlb_btn{ width: 370px;  height: 50px; text-align: center; background: #fad699; border-radius:10px; display:block; color: #fff; line-height: 50px; font-size: 18px;}
.hjlb_btn:hover{ background: #FF881E; color: #fff; }
.hjlb-tit{font-size: 22px; font-weight: bold; color: #FF881E; margin-bottom: 30px;  margin-top: 40px; }
.hjlb_nr li{width: 100%;position: relative;padding-bottom: 30px;margin-bottom: 30px;display: inline-block;border-bottom: 1px solid #eee;}
.hjlb_nr_l{ width:150px; float: left;}
.hjlb_nr_l img{width: 150px; height: 150px; border-radius: 20px;}
.hjlb_nr_z{width: 540px;float: left;margin-left: 30px;}
.hjlb_nr_z h4{    display: inline-block; margin: 0; max-width: 100%; line-height: 30px; vertical-align: top; font-size: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;    margin-bottom: 20px;}
.hjlb_nr_z p{margin-bottom: 20px;height: auto;line-height: 22px;font-size: 14px;color: #666;overflow: hidden;}
.hjlb_nr_z .p2{    height: 66px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.hjlb_nr_db{ width: 100%; margin-top: 30px;}
.hjlb_nr_db a{    padding: 2px 8px; margin-right: 4px; margin-top: -2px; color: #FF881E; border-color: #FF881E;border: 1px solid;}
.hjlb_nr_db a:hover{ background-color: #FF881E;color: #fff;}

.hjlb_nr_r{ width:420px; float: right;}
.hjlb_nr_r img{width:130px; height: 210px; float: left; margin-left: 10px;}
.hjlb_nr_l_btn{ width: 150px; height: 40px; line-height: 40px; text-align: center;font-size: 16px; color: #fff; background-color: #FF881E; display: block;margin-top: 20px;}
.hjlb_nr_l_btn:hover{ background-color: #33acff;color: #fff;}
.hjlb_jb{width: 53px;height: 47px;position: absolute;top: -9px;left: 30px;background: url(../images/ttt_04.png) no-repeat;line-height: 43px;font-size: 20px; text-align: center;color: #fff;}
.hjlb_jb.cf{background: url(../images/ttt_03.png) no-repeat !important;}





/*****软件库****/
.g-spftware-top3{position: relative;;overflow:hidden;}
.rjknr{width: 1200px !important;background: #fff !important;margin-top: 20px;padding: 30px 20px 0 20px;box-sizing: border-box;height: auto !important;}
.rjknr .g-spftware-list{ width: 100% !important;}
.rjktab{ width: 100%;}
.rjktab li{ width: 33%; margin-right: 0.3%; background: #fff; height: 80px; line-height: 80px; color: #333; font-size: 18px; float: left; text-align: center; }
.rjktab li.m-hover,.rjktab li:hover{background: #FF881E; color: #fff;}

.az-tab li{width: 100%;float: left;margin-bottom: 20px;overflow: hidden;height: 135px;}
.az_r{ width: 1060px; float: right;}
.az_r a{width: calc((100% - 10px)/8); float: left;display: block; border-right: 1px solid #eee; text-align: center; line-height: 30px; margin-bottom: 15px;}
.az_r a:nth-child(4n){ border-right: none; }


/*****新品推荐***/
.xptj{ background: #fff; margin-top: 30px; padding: 20px; box-sizing: border-box;} 
.xptj_lb li{width: 80px;overflow: hidden;float: left;margin-right: 28px;text-align: center;margin-top: 20px;}
.xptj_lb li img{ width: 80px ; height: 80px; border-radius: 20px;}
.xptj_lb li p{ text-align: center;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size: 14px; margin: 5px 0 5px 0;}
.xptj_lb li span{ font-size: 12px; color: #999;}

.xptj_lb li:nth-child(11n){margin-right: 0px;}

.esy_fl{padding: 20px;}
.mart5{margin-top: 50px;}
.surtop{margin-top: 20px;}
.sufba{margin-top: 15px;}
.sufba li{width: 18.3%;float: left; margin: 5px 2% 5px 0px;}
.sufba li a{width: 100%;display: block;line-height: 34px; text-align: center;padding: 0 10px; height: 34px;overflow: hidden;box-sizing: border-box; background: #fff;border: 1px #e2e2e2 solid; border-radius: 4px; color: #333; font-size: 13px;}
.sufba li:nth-child(5n){margin-right: 0px;}

.sufba li:nth-child(1n) a,.sufba li:nth-child(8) a,.sufba li:nth-child(15) a{ color: #ff1716; }
.sufba li:nth-child(2n) a,.sufba li:nth-child(9) a,.sufba li:nth-child(16) a { color: #0b9e94; }
.sufba li:nth-child(3n) a,.sufba li:nth-child(10) a,.sufba li:nth-child(17) a { color: #d39f17; }
.sufba li:nth-child(4n) a,.sufba li:nth-child(11) a,.sufba li:nth-child(18) a { color: #ff006b; }
.sufba li:nth-child(5n) a,.sufba li:nth-child(12) a,.sufba li:nth-child(19) a { color: #049cff; }
.sufba li:nth-child(6n) a,.sufba li:nth-child(13) a,.sufba li:nth-child(20) a{ color: #8b4bfa; }
.sufba li:nth-child(7n) a,.sufba li:nth-child(14) a,.sufba li:nth-child(21) a{ color: #4b991f; }
.sufba li a:hover{background: #FF881E;color: #fff;}

.flmlsu{margin-top: 30px;position: relative;}
.flmlsu .sufbw{position: absolute;right: 0;top:16px;color: #f31a22;cursor: pointer;}




.sughwi{margin-top: 30px;}

.sughwi dl{
  width: 48%;
  float: left;
  margin-right: 4%;
}
.sughwi dl:nth-child(2n){
  margin-right: 0;
}
.sughwi dd{
  height: 18px;
line-height: 18px;
display: block;
overflow: hidden;
margin-top: 17px;
}
  .sughwi dd i {
    width: 3px;
    height: 3px;
    float: left;
    background: #999999;
    margin-top: 7px;
    margin-right: 10px;
  }
  .sughwi dd span {
    width: 370px;
    float: left;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .sughwi dt{width: 100%;
    height: 40px;
    border-bottom: 3px solid #ececec;
    line-height: 40px;
    position: relative;
    padding-bottom: 6px;}
    .sughwi dt span {display: block;
    border-bottom: 3px solid #f31a22;
    color: #333;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 6px;
    padding-right: 3px;
  float: left;}
  
  
  
  
  .sughwi dt>a { color: #999;
    width: auto;
    display: inline-block;
    float: right;
    height: 18px;
    line-height: 18px;
    margin-top: 14px;
    font-size: 12px; }
    .sughwi dt>a i{
      width: 13px;
  height: 13px;
  float: right;
  background: url(../images/more.png) -1px -1px no-repeat;
  margin-top: 2px;margin-left: 4px;
    }
  
    .sughwi dt>a:hover{color: #f31a22;}
    .sughwi dt>a:hover i{background-position: -20px -1px;}
  

.xyrx_hj li {
  width:100%;
  padding:10px 0;
  border-bottom:1px solid #ddd;
  float:left;
  font-size:14px
 }
 .xyrx_hj li .t {
  height:30px;
  line-height:30px;
  overflow:hidden;
 }
 .xyrx_hj li .t a {
  float:left;
  display: inline-block;
  max-width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
 }
 .xyrx_hj li i {
  display:block;
  width:30px;
  height:30px;
  text-align:center;
  background:#b0b0b0;
  color:#fff;
  float:left;
  margin-right:10px;
  border-radius:3px
 }
 .xyrx_hj li i.num {
  background:#ff4939
 }
 .xyrx_hj li span {
  color:grey
 }


 .xyrx_hj span.pm {
  display:block;
  width:30px;
  padding-right:10px;
  overflow:hidden;
  float:left;
  text-align:center
 }
 .xyrx_hj span.pm i {
  display:block;
  width:30px;
  line-height:30px;
  text-align:center;
  margin:0 auto;
  background:#ccc;
  color:#fff;
  border-radius:3px
 }
 .xyrx_hj span.pm i.top {
  background:#ff4939
 }
 .xyrx_hj li .t {
  line-height:30px
 }
 .xyrx_hj li .t span.pm i {
  height:30px
 }
 .xyrx_hj li .f{
  display: none;
 }
 .xyrx_hj li .f span.pm i {
  font-size:18px;
  height:65px;
  line-height:65px
 }
 .xyrx_hj .f .pic {
  width:90px;
  height:65px;
  padding-right:10px;
  float:left
 }
 .xyrx_hj .f .pic  img{
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
 }
 .xyrx_hj .f .inf {
  width:160px;
  float:left
 }
 .xyrx_hj .f .inf a{
  height: 40px;
  line-height: 20px;
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
 }
 .xyrx_hj .f .inf span {
  display:block;
  padding-top:2px;
  font-size:12px;
  color:#999
 }

 .xyrx_hj li.active .t{display: none;}
 .xyrx_hj li.active .f{display: block;}


  
  



.bltj li{ margin-top: 20px; width: 100%;}
.bltj li img {width: 50px; height: 50px; border-radius: 10px;float:left; margin-right: 10px;}
.bltj li p{ font-size: 16px; color: #333; line-height: 30px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.bltj li span{ color: #888;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}

.emrjt{ background: #fff;box-sizing: border-box;padding: 20px;}
.emrjt .emrjt_n{border-bottom:none; }
.surxb{ width: 900px;
  float: left;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #e3e3e3;
    border-top-color: rgb(227, 227, 227);
    border-top-style: solid;
    border-top-width: 1px;
  border-top-color: rgb(227, 227, 227);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: rgb(227, 227, 227);
  border-top-style: solid;
  border-top-width: 1px;
  border-top: solid 2px #e94441;}


.surxb_n{padding: 0px;color: #333;font-size: 14px;line-height: 28px;}
.xy_mu{font-size: 18px;font-weight: bold;line-height: 45px;border-bottom: 1px solid #eee;position: relative;color: #333;margin-bottom: 20px;}
.xy_mu:before{width: 80px;height: 2px;content: "";display: inline-block;background: #33acff;position: absolute;bottom: 0;}
.surxze{margin-top: 20px;}
.surxze p{font-size: 16px;line-height: 30px;}
.surxze img{display: block;margin:auto;max-width: 80%;}


.surxze h3 {
  border-left: 3px solid #D81830;
  padding-left: 8px;
  color: #D81830;
  font-weight: bold;
  display: block;
  font-size: 19px;
  margin: 20px 0;
}
.surtop3{margin-top: 30px;}

.surxze{ position: relative; overflow: hidden;}

.surtop3 .showcase,.soft-phb{margin-top: 20px;}

.cnxh { margin-top: 20px;}
.cnxh li{width: calc((100% - 40px)/3);float: left;margin-right: 20px;margin-bottom: 10px;}
.cnxh li:nth-child(3n){margin-right: 0px;}
.cnxh li img {width: 55px; height: 55px; border-radius: 10px;float:left; margin-right: 10px;}
.cnxh li p{ font-size: 16px; color: #333; line-height: 30px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.cnxh li span{ color: #888;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}

.xzdz{width: 100% !important;height: auto !important;}
.xzdz .g-spftware-list{width: 100% !important;}
.xzdz1{top: 8px !important; left: auto !important;right: 0 !important;}
.wx-xz{width: 100%;display: inline-block;margin-bottom: 20px;}
.wx-xz h4{ font-size: 15px; font-weight: bold; margin-bottom: 10px;}
.wx-xz a{ display: block;  width: 140px; height: 30px;line-height: 30px; float: left; margin-right:50px; text-align: center; background: url(../images/ioc-xz1.jpg) no-repeat center center; color: #fff; text-indent: 20px;}

.pt-xz{width: 100%;display: inline-block;}
.pt-xz p{ font-size: 14px;}
.pt-xz a{ width: 25%; display: block; height: 30px; padding-left: 25px; box-sizing: border-box; background: url(../images/ioc-xz2.jpg) no-repeat left center; float: left;}

.xgbb{display: inline-block;width: 100%;}
.xgbb li{display: inline-block;width: 100%;margin-bottom: 15px;}
.xgbt{ width: 60%; display: block; float: left;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.xgbb img{ width:78px ; height: 14px; float: left; margin-top: 5px;}
.xgbb p{ display: block; float: left; padding: 0 30px;}
.xz-btn{display: block;float: right;width: 100px;height: 30px;line-height: 30px; background: #FF881E; color: #fff; text-align: center;} 

.surtl{ display: inline-block; width: 100%;box-sizing: border-box; margin-top: 20px;padding: 20px 0;}

.tl-btm{ display: block ; width: 90px;height: 25px; line-height: 25px; text-align: center; float: left; background: #FF881E; color: #fff; border-radius: 5px;}  
.tl-btm:hover{color: #fff;}

.surtl li { float: left; width: 103px; display: block; float: left; text-align: center; font-size: 14px; margin: 15px 22px 0 0; }
.surtl li .img { width: 100px; height:100px; border-radius: 20px; margin: 0 auto; display: block; }
.surtl li .img img{width: 100%;height: 100%;border-radius: 20px;}
.surtl li .name { padding-top: 5px; color: #313131; height: 24px; line-height: 24px; width: 100%; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.surtl li p { color: #313131; color: #000000; opacity: 0.5; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; padding-top: 3px; }
.surtl li:hover .name { color: #EB4E18; }
.surtl li:nth-child(7n){margin-right: 0;}


.yhpl{ width: 100%; min-height: 200px;}
.tlhj li a {
   display: block;
   padding: 15px 0;
   overflow: hidden;
 }
  .tlhj li img {
   float: left;
   width: 86px;
   height: 58px;
   margin-right: 19px;
   border-radius: 6px;
   object-fit: cover;
 }
  .tlhj li p {
   display: block;
   height: 48px;
   line-height: 24px;
   font-size: 14px;
   margin-top: 4px;
   overflow: hidden;
   text-overflow: ellipsis;
 }


.showcase{padding-top: 0;padding-bottom:20px;margin: 0;}
.showcase .s-content{width:10000px}
.showcase .scrollbar{overflow:hidden}
.showcase .scrollbar .s-box{height:300px;margin-bottom:20px;_width:838px;*position:relative;*overflow:hidden}
.showcase .scrollbar li{float:left;position:relative;height:300px;margin-right:18px;overflow:hidden}
.showcase .scrollbar li div a{ display: block;  }
.showcase .scrollbar li div a span{position: absolute; width: 50px; height: 50px; top: 100px; left: 50%; margin-left: -23px;  display: none}
.showcase .scrollbar li div a.f-hover span { display: block; }

.showcase .scrollbar li.last{margin-right:0}.showcase .scrollbar li img{max-height:300px;_height:300px}
.showcase .scrollbar li span{position:absolute;top:0;left:0;display:block;width:100%;height:45px}
.showcase .scrollbar li .bg{background:#000;opacity:.50;filter:alpha(opacity=50)}
.showcase .scrollbar li .info{line-height:45px;text-indent:45px;font-size:18px;color:#fff}
.showcase .scrollbar li.picture .info{background:url(../images/find.png) no-repeat;_background:url(../images/find.gif) no-repeat; cursor:pointer;}
.showcase .scrollbar li.picture .info:hover{background:url(../images/find_h.png) no-repeat;}
.showcase .scrollbar li.active span{display:block}
.showcase .scrollbar li .video-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:#000;opacity:.50;filter:alpha(opacity=50)}
.showcase .scrollbar li.active .video-bg{opacity:.70;filter:alpha(opacity=70)}
.showcase .scrollbar li .video-info{position:absolute;top:0;left:0;padding-top:72px;width:100%;height:178px;text-align:center}
.showcase .scrollbar li .video-info span{position:static}
.showcase .scrollbar li .video-info .video-icon{width:50px;height:50px;display:block;margin:0 auto;background:url(../images/video-icon.png) center center no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/video-icon.png)}
.showcase .scrollbar li .video-info .video-title{width:auto;height:auto;line-height:30px;font-size:20px;color:#fff;display:block;padding:18px 18px 0 18px;white-space:normal}
.showcase .scrollbar .track{display:none;position:relative;margin:0;height:8px;background-color:#f5f5f5;font-size:0px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; bottom: 1px}
.showcase .scrollbar .track div{width:110px;height:10px;background-color:#ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;top: -1px}
.showcase .slider{position:relative;display:none; }
.showcase .slider .s-box{position:relative;width:605px;height:375px;margin:0 auto 20px;overflow:hidden}
.showcase .slider .s-box li{float:left;position:relative;width:605px;text-align:center}
.showcase .slider .trigger{position:absolute;top:0;right:0px;width:45px;height:45px;border:1px solid #f6f6f6;background:#fff url(../images/bs.png) center no-repeat;text-indent:-333em}
.showcase .slider .prev,.showcase .slider .next{position:absolute;top:30%;display:block;width:44px;height:110px;border:1px solid #f6f6f6;background:#fff url(../images/slider_arrow.png) 12px center no-repeat;text-indent:-333em}
.showcase .slider .prev{left:0px}
.showcase .slider .prev:hover{background-position:-83px center}
.showcase .slider .next{right:0px;background-position:-33px center}
.showcase .slider .next:hover{background-position:-128px center}
.showcase .slider .s-nav{text-align:center;height:30px}
.showcase .slider .s-nav .picture,.showcase .slider .s-nav .video{margin:0 7px}
.showcase .slider .s-nav .picture span,.showcase .slider .s-nav .video span{display:inline-block;width:30px;height:30px;background-image:url(../images/slider_nav.png);background-repeat:no-repeat; cursor:pointer;}
.showcase .slider .s-nav .picture span{background-position:-40px 0}
.showcase .slider .s-nav .picture .active{background-position:-122px 0}
.showcase .slider .s-nav .video span{background-position:0 0}
.showcase .slider .s-nav .video .active{background-position:-82px 0}




.mr0{ margin-right: 0 !important;}
.mt30{ margin-top:20px;}

/****软件筛选***/
.rjsx{background: #fff;box-sizing: border-box;overflow: auto;padding:20px 0;border-radius: 0 0 8px 8px;}
.surlx{ width: 319px;
  float: left;
  box-sizing: border-box;}
  .sutit2{display: block;
    font-size: 20px;
    line-height: 30px;
    color: rgba(0,0,0,.9);}
.surlxa{ width: 100%;line-height: 26px; padding: 15px 0px; font-size: 14px; color: #666; position: relative;overflow: hidden; border-bottom: 1px #e2e2e2 dashed;}
.surlx .surlxa:last-child{border-bottom: 0px #e2e2e2 dashed;}
.surlxa_t{
  float: left;
  color: #333;
  width: 100%;
  text-align: left;
  display: inline-block;
  font-size: 16px;
  height: 30px;
  line-height: 30px;}
.surlxa_n{overflow: hidden;width: 100%;}
.surlxa_n ul{overflow: hidden;padding-right: 0px;height: 123px;}
.surlxa_n .show{height: auto;}
.surlxa_n li{margin-right: 8px;
  float: left;
  margin-top: 8px;
  height: 32px;}
.surlxa_n li a{display: inline-block;
  color: #666;
  width: 100px;
  text-align: center;
  background: rgba(0,0,0,.03);
  border-radius: 6px;
  overflow: hidden; }
.surlxa_n li:nth-child(3n){margin-right: 0;}
.surlxa_n li a:hover,.surlxa_n li a.labon{background: #e94441;
  color: #fff;
  text-decoration: none;}
.surbtn{ position: absolute; right: 0px;cursor: pointer;top:15px; color: #e94441;}

.gmli .active{ color: #999;}
.gmli .active:before{ background-position: -191px -96px;}


.sugelb{float: right;width:830px;}
.sugelb .sugame li{width:266px}
.sugelb .sugame li .name{width: 170px;}
.sugelb .sugame li:nth-child(4n){margin-right: 15px;}
.sugelb .sugame li:nth-child(3n){margin-right: 0;}


/****软件列表***/
.soft_lb{background: #fff;border-radius: 8px;}
.soft_lb{box-sizing: border-box;}
.rjlb_fl{ width: 100%; height: 60px; border-bottom: 1px solid #eee;}
.rjlb_fl a{ display: block; width: 180px; height: 60px; line-height: 60px; float: left; font-size: 14px; text-align: center;}
.rjlb_fl a:hover{ border-top: 2px solid #FF881E; border-right: 1px solid #eee;border-left: 1px solid #eee;}
.rjlb_fl a.over{border-top: 2px solid #FF881E; border-right: 1px solid #eee;border-left: 1px solid #eee;}


.soft_d .kk{ float:left; width:600px; height:100px; padding:30px 0; border:1px solid #f6f6f6; border-left:none; margin:-1px -1px 0 0px; overflow:hidden;}
.soft_d .kk .pic{width:100px; height:100px; float:left; position:relative; margin:0 25px 0 30px; overflow:hidden; _display:inline;}
.soft_d .kk .pic img{width:100px; height:100px; _width:99px;border-radius: 16px;}
.soft_d .kk .bnt{color:#33acff; border:1px solid #33acff; text-align:center; width:86px; height:31px; line-height:31px; display:inline-block; float:right; font-size:16px; margin:33.5px 50px 0 0px; overflow:hidden;}
.soft_d .kk .bnt:hover,.soft_d .kk .bnt.on{ background:#33acff; color:#fff; border:none; width:88px; height:33px; line-height:33px;}


.soft_d .kk .info{float:left; width:275px; color:#555; height:100px; overflow:hidden;}
.soft_d .kk .info h5{font-size:20px; font-weight:normal; margin-bottom:6px;}
.soft_d .kk .info h5 a{color:#666;}
.soft_d .kk .info h5 a:hover{color:#33acff;}
.soft_d .kk .info .time{overflow: hidden;color: #999;margin-bottom: 5px;white-space: nowrap;}
.soft_d .kk .info .text{ font-size:14px; clear:both; line-height:25px; height:50px; overflow:hidden;}


.lcon{width: 385px;float: left;}
.lcon h2{ height: 29px;line-height: 29px;overflow: hidden;font-size: 20px;padding-right: 110px;}
.lcon span{display: block;color: #bebebe;font-size: 14px;margin-top: 8px;margin-bottom: 8px;height: 20px;line-height: 20px;overflow: hidden;padding-right: 110px;}
.lcon span font{padding: 0 8px;color: #e4e3e3;}
.lcon span a{ color: #ffb04a; }
.lcon span a:hover{ color: #ff960f; }
.lcon p{font-size: 14px;color: #9c9c9c;line-height: 24px;height: 72px;overflow: hidden;}


.l_info{width: 517px;margin-left: 22px;padding: 0 20px;}
.tags{width: 306px;float: left;color: #666;height: 30px;line-height: 30px;}
.gl{width: 100px;position: absolute;right: 20px;top: 28px;}
.gl .down{width: 100%;height:40px;background:#33acff;display: inline-block;line-height: 40px;border-radius: 5px;text-align: center;color: #fff;}
.gl .down:hover{background: #00a2b1;}

.soft_lb .page{background: none;}


.sy-raty {height: 16px;width: 75px;margin: 10px auto;}
.sy-raty .phbpf {width: 75px;height: 12px;display: block;position: relative;background: url(../images/syxxh.png) repeat-x;}
.phbpf i { width: 93%; height: 12px; position: absolute; left: 0; top: 0; background: url(../images/syxxc.png) repeat-x; overflow: hidden; max-width: 65px; margin: 0;}






.h26{ height: 34px !important;}

/***下载二维码**/
.emrjt_n dd.emrjt_a{ position: relative;}
.azewm{position: absolute;width: 150px;height: 150px;top: 48px;left: 5px;overflow: hidden;z-index: 99;border: 5px solid #fff;background: #fff;box-shadow: 0px 4px 4px #d0d0d0;display: none;}
.iosewm{position: absolute;width: 150px;height: 150px;top: 48px;left: 185px;overflow: hidden;z-index: 99;border: 5px solid #fff;background: #fff;box-shadow: 0px 4px 4px #d0d0d0;display: none;}
.azewm img,.iosewm img{width: 150px;height: 150px;}

.gjc{width: 100%;height: 50px;line-height: 50px;padding: 0 20px 0 56px;overflow: hidden;box-sizing: border-box;margin-top:30px;background: url(../images/ioc-bq.png) no-repeat 20px center #f9f9f9;background-size: auto;}


.wb-xz{ width: 500px; float: left;}
.wb-xz h4{font-size: 15px; font-weight: bold;}
.wb-xz p{ font-size: 14px;}
.wb-xz a.btn{width: 188px;height: 40px;line-height: 40px;background: #FF881E;color:#fff;display: block;margin-top: 5px;text-align: center;float: left;}
.azxz2{width: 200px;float: right;text-align: center;}
.ewm-xz{width: 120px;height: 120px;border: 1px solid #ddd;padding: 10px;box-sizing: border-box;margin: 0 auto;margin-bottom: 10px;}
.ewm-xz img{ width: 100px; height: 100px;}
.ios a.btn{ background:url(../images/azxz3.jpg) no-repeat left center ; }


/***手机必备软件***/
.dnrj{background: #ffffff;box-sizing: border-box;padding: 20px;position: relative;overflow: auto;margin-top: 30px;}
.dnrj_b{background: #f9f9f9;height: 40px;line-height: 40px;margin: 0;width: 100%;float: left;display: inline;}
.dnrj_b b{float: left;display: inline;width: 192px;margin-left: 1px;text-align: center;font-size: 14px;font-weight: 100;}
.dnrj_n{float: left;display: inline;width: 192px;font-size: 14px;overflow: hidden;padding: 0 0 20px 0;border-right: 1px solid #e5e5e5;}
.dnrj_n li{width: 193px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 20px 0 0 0;text-indent: 30px;}
.dnrj_n li img{width: 23px;height: 23px;margin-right: 8px; border-radius: 3px;}
.dnrj_n li span{position: relative;line-height: 23px;}
.tjzt_n li:last-child{margin-right: 0px;}



.susolx {
  margin-bottom: 20px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #e3e3e3;
  border-top-color: rgb(227, 227, 227);
  border-top-style: solid;
  border-top-width: 1px;
border-top: solid 2px #e94441;
padding: 20px;
box-sizing: border-box;
}
.susolx img {
  width: 500px;
  height: 280px; 
  overflow: hidden;
  object-fit: cover;
  float: right;
  border-radius: 6px;
}
.susolx dl {
  width:600px;
  margin-right: 20px;
  float: left;
}


.susolx dt{
  width: 100%;
  display: inline-block;
  color: #000;
  font-size: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 10px;
}

.susolx dd:nth-child(2),.susolx dd:nth-child(4){
  height: 20px;
  line-height: 20px;
  margin-top: 15px;
  font-size: 14px;
  color: #888;
  font-weight: normal;
}
.susolx dd:nth-child(2)  em {
  margin: 0 6px;
  font-weight: bold;
  font-size: 14px;
  color: #ff0000;
}
/*.susolx dd:nth-child(3) {
  width: 100%;
  height: 112px;
  margin-bottom: 10px;
  overflow: hidden;
  font-size: 14px;
color: #666;
  line-height: 28px;
  margin: 15px 0 15px 0;
}*/


.susolx dd:nth-child(3) {
    width: 100%;
    max-height: 112px;
    overflow-y: scroll;
    font-size: 14px;
	color: #666;
    line-height: 28px;
	margin-bottom: 10px;
	margin: 15px 0 15px 0;
}

.susolx dd:nth-child(3)::-webkit-scrollbar {
  width: 5px;
  height: 10px;
	border-radius: 10px;
  background-color: transparent;
}
.susolx dd:nth-child(3)::-webkit-scrollbar-track {
  background-color: transparent;
}
.susolx dd:nth-child(3)::-webkit-scrollbar-thumb {
  background-color: #ddd;
}



.susolx dd:nth-child(4){
  margin-top: 40px;
}


.plmkty{ padding: 20px; box-sizing: border-box; background-color: #fff;}
.gamenr-player h4{ margin-top: 0 !important;}

.wb-xz span{float: left;height: 45px;line-height: 50px;margin-left: 10px;color: #999;padding: 0 10px;}

/*软件合集*/
.susozt{width: 100%;box-sizing: border-box;}
.susozt li {
  width: 224px;
  float: left;
  margin: 10px 20px 18px 0;
 }
 .susozt li:nth-child(5n){
  margin-right: 0;
 }
 .susozt li .compilation-a-img{
  width: 224px;
  height: 132px;
  border-radius: 5px;
  position: relative;
  display: inline-block;
 }
.susozt li .compilation-a-img img {
  width: 100%;
  height: 100%;
  background-color: #f5f4f3;
  border-radius: 5px;
  object-fit: cover;
 }
 .susozt li .compilation-a-img b{
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  padding: 5px;
 }
.susozt li .compilation-a-text {
  margin: 8px 0 5px;
  height:30px;
  line-height: 30px;
  text-align: left;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:block;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
 }
.susozt li .compilation-introduce {
  font-size: 12px;
  line-height: 19px;
  color: #999999;
  height:40px;
  overflow:hidden;
 }
.susozt li .compilation-a-img:hover img {
  opacity:0.8;
 }
.susozt li .compilation-a-text:hover {
  color:#e94441;
 }
 
 .sugame ul{margin-top: 20px;}
 .sugame li { display: block; float: left; margin: 0 15px 20px 0; width: 288px; height: 80px; }
 .sugame li:nth-child(4n){margin-right: 0;}
 .sugame li .img { float: left; overflow: hidden; margin-right: 10px; }
 .sugame li .img:hover { opacity: 0.88; }
 .sugame li .img, .sugame li .img img { width: 80px; height: 80px; border-radius: 12px; }
 .sugame li .name { display: block; float: left; width: 180px; height: 25px; line-height: 25px; overflow: hidden; color: #525252; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; }
 .sugame li .name:hover { color: #EB4E18; }
 .sugame li .bq { color: #9d97be; width: 160px; display: block; float: left; height: 18px; line-height: 18px; margin-top: 6px; font-size: 13px; }
 .sugame li .bq a { color: #666; }
 .sugame li .bq a:hover { color: #EB4E18; }
 .sugame li .bq i { width: 1px; height: 12px; background: #dbdbdb; display: inline-block; margin: 0 8px; }
 .sugame li .bq em { color: #f08620; font-weight: bold; font-size: 14px; font-family: Georgia; }
 .sugame li .bq:nth-last-child(2){margin-top: 8px;}
 
 .sugame li .btn{display: none;width: 120px;margin-top: 8px; height: 22px;border:1px #EB4E18 solid;text-align: center;line-height: 22px;color: #EB4E18;border-radius: 5px;float: left;}
 .sugame li:hover .btn{display: block;}
 .sugame li:hover .bq:nth-last-child(2){display: none;}
 





/***游戏专题列表****/
.emjx_y {
  margin-bottom: 20px;
  position: relative;
  box-sizing: border-box;
  background: #fff;
}
.emjx_y img {
  width: 550px;
  height: 280px; 
  overflow: hidden;
  object-fit: cover;
  float: left;
}
.emjx_y dl {
  width:600px;
  margin-left: 20px;
  float: left;
  padding: 20px;
  box-sizing: border-box;
}


.emjx_y dt{
  width: 100%;
  display: inline-block;
  color: #000;
  font-size: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 10px;
}

.emjx_y dd:nth-child(2),.emjx_y dd:nth-child(4){
  height: 20px;
  line-height: 20px;
  margin-top: 15px;
  font-size: 14px;
  color: #888;
  font-weight: normal;
}
.emjx_y dd:nth-child(2){background: url(../images/index_icon.png) no-repeat left center;padding-left: 25px;}
.emjx_y dd:nth-child(4)  em {
  margin: 0 6px;
  font-weight: bold;
  font-size: 14px;
  color: #ff0000;
}
.emjx_y dd:nth-child(3) {
  width: 100%;
  height: 84px;
  margin-bottom: 10px;
  overflow: hidden;
  font-size: 14px;
color: #666;
  line-height: 28px;
  margin: 15px 0 15px 0;
}



/*搜索*/
.stbox{width: 1200px;background: #fff;margin: 0px auto;display: block;overflow: hidden;padding: 20px;box-sizing: border-box;}




.surtag-b{ width:100%;
  box-sizing: border-box;
  border-bottom: 2px solid #F2F2F2;
}
  .surtag-b a{
    box-sizing: border-box;
    padding: 0 15px;
    height: 40px;
    background: #F2F2F2;
    border-radius: 2px 2px 0px 0px;
    font-size: 16px;
    font-weight: 400;
    color: #0E1A20;
    line-height: 40px;
    float: left;
    cursor: pointer;
    width: 100px;
    overflow: hidden;
    text-align: center;
    margin-right: 10px;
    margin-top: 8px;
  }
.surtag-b a:hover,.surtag-b a.on{
  background: #3D7EFF;
  font-weight: bold;
  color: #FFFFFF;
}




.surtag-n{  width: 100%;
  min-height: 694px;
  opacity: 1;
  box-sizing: border-box;
  margin-top: 20px;
}




.emrshj{margin-top: 20px;}


.surtag-n .soRjl{margin-top: 20px;padding: 0;}
.tag_more{height: 30px;margin-bottom: 10px;line-height: 30px;text-align: center;margin-top: 10px;}
.tag_more a{display: inline-block;width: 30%;font-size: 15px;border-radius: 4px;line-height: 40px;height: 40px;}
.tag_more a:hover{color: #FF881E;}
.seayx_li h2{font-size: 18px;font-weight: normal;margin-top: 20px;}
.seayx_li h2 i{color: #FF881E;font-weight: bold;}
.sea_zb{width: 120px;float: left;}
.sea_zb img{width: 120px;height: 120px;border-radius: 20px;}
.sea_yb{width: 810px;float: left;margin-left: 30px;}
.sea_yb h4{display: inline-block;margin: 0;max-width: 100%;line-height: 30px;vertical-align: top;font-size: 24px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 10px;}
.sea_yb p{margin-bottom: 10px;height: auto;line-height: 22px;font-size: 14px;color: #888;overflow: hidden;}
.sea_yb .p2{height: 45px;margin-bottom: 0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.seayx_li_db{ width: 100%; margin-top: 30px;}
.seayx_li_db a{padding: 2px 8px;margin-right: 4px;margin-top: -2px;color: #FF881E;border-color: #FF881E;border: 1px solid;}
.seayx_li_db a:hover{background-color: #FF881E;color: #fff;}
.emrsan{width: 120px;float: right;}
.emrsan img{width:130px; height: 210px; float: left; margin-left: 10px;}

.ssbtn{width: 120px;height: 50px;line-height: 50px;text-align: center;box-sizing: border-box; font-size: 16px;color: #FF881E;display: block;margin-top: 38px;border-radius: 10px;border: 1px solid #FF881E;}
.ssbtn:hover{background-color: #FF881E;color: #fff;}

.surtag-bj{color: #999;font-size: 14px;}
.surtag-bj em{color: #ff7800;}



.esy_rjlb{
	padding: 20px 0;
  }
  .esy_rjlb li {
    padding: 20px 20px 12px ;
    float: left;
    margin: 0 25px 10px 0;
  }
  
  .esy_rjlb li:nth-child(6n){
    margin-right: 0;
  }
  .game-content {
    width: 139px;
    height: 205px;
  }
  
  .game-content p {
    text-align: center;
  }
  
  .game-content img {
    width: 120px;
    height: 120px;
    border-radius: 22%;
    display: block;
    margin: 0 auto;
  }
  
  .game-content .game-name {
    height: 36px;
    width: 100%;
    overflow: hidden;
    line-height: 40px;
  }
  
  .game-content .game-info p {
    width: 100%;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    color: #999999;
    font-size:12px;
  }
  
  .game-content .game-score {
    width: 100%;
    overflow: hidden;
    height: 28px;
    line-height: 28px;
    color: #33acff;
  }
  
  .game-content .game-score.no-score {
    color: #999999;
  }
  
  .game-content .game-score span {
    font-weight: bold;
  }
  
  .game-content .download-link {
    width: 98px;
    height: 28px;
    background-color: #33acff;
    border-radius: 5px;
    color: #ffffff;
    line-height: 28px;
    text-align: center;
    margin: 5px auto 0;
    display: none;
  }
  
  .esy_rjlb li:hover {
    background-color: #e8e8e8;
  }
  
  .esy_rjlb li:hover .game-info {
    display: none;
  }
  .esy_rjlb li:hover .download-link {
    display: block;
  }


  .emrss{font-size: 18px;font-weight: normal;margin-top: 20px;}
  .emrss i{color: #FF881E;font-weight: bold;}

 
  
  
  .surtag-n .emh_li li {
    width: 482px;
  }




/**游戏合集**/
.ztbox{width: 100%;}
.ztbox li{float: left; width: 380px;margin: 0 30px 27px 0;border-radius: 7px;background-color: #fff;position: relative;box-shadow: 0.5px 0.9px 5px 0 rgba(37, 25, 25, 0.06);}
.ztbox li:nth-child(3n){margin-right: 0;}
.ztbox li a{display: block;position: relative;}
.ztbox li img{display: block;width: 380px;height: 168px;border-top-left-radius: 7px;border-top-right-radius: 7px;}
.ztbox li em{display: block;position: absolute;bottom: 0; right: 0; padding: 0 10px; font-size: 14px; color: #fff;line-height: 30px;}
.ztbox li div{padding-bottom: 23px;border-radius: 0 0 7px 7px;}
.ztbox li div a:nth-of-type(1) {display: block;margin: 20px 0 16px;font-size: 20px;color: #4b4b4b; line-height: 22px;font-weight: bold;padding-left: 10px;border-left: 4px solid #ff7800;padding-right: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztbox li div a:nth-of-type(1):hover{color: #ff7800;}
.ztbox li div p{display: block; padding: 0 14px; height: 70px;font-size: 14px;color: #999;line-height: 24px;overflow: hidden;}
.ztbox li div a:nth-of-type(2) {display: block; width: 86px;height: 36px;text-align: center;font-size: 14px;color: #555555;line-height: 36px;margin: 17px auto 0;border: 1px solid #eaeaea;border-radius: 2px;}
.ztbox li:hover div a:nth-of-type(2) {color: #fff;background-color: #ff7800;border-color: #ff7800;box-shadow: 0px 6px 8px #ffdfcf;}

.surtag-n .ztbox{margin-top: 20px;}
.surtag-n .ztbox li{width: 31.66%;margin-right: 2.5%;}
.surtag-n .ztbox li:nth-child(3n){margin-right: 0;}
.surtag-n .ztbox li img{width: 100%;}





.emr_re{
  background: #fff;
  margin-top: 20px;
}
.emr_re ul{
  margin-top: 10px;
}
.emr_re li{
  width: 100%;
height: 37px;
line-height: 37px;
padding-left: 15px;
float: left;
border-bottom: 1px dashed #e0e0e0;
background: url(../images/sj_icon.png) no-repeat left center;
overflow: hidden;
}
.emr_re li a{
  color: #666;
font-size: 16px;
}
.surtop{margin-top: 20px;}



.xysy_ph li {
  width:100%;
  padding:10px 0;
  border-bottom:1px solid #ddd;
  float:left;
  font-size:14px
 }
 .xysy_ph li .t {
  height:30px;
  line-height:30px;
  overflow:hidden
 }
 .xysy_ph li .t a {
  float:left;
  display: inline-block;
  max-width:55%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
 }
 .xysy_ph li i {
  display:block;
  width:30px;
  height:30px;
  text-align:center;
  background:#b0b0b0;
  color:#fff;
  float:left;
  margin-right:10px;
  border-radius:3px
 }
 .xysy_ph li i.num {
  background:#ff4939
 }
 .xysy_ph li span {
  color:grey
 } 

 .xysy_ph li .f {
  height:80px;
  display: none;
 }
 .xysy_ph li .f i {
  font-size:18px;
  height:80px;
  line-height:80px
 }
 .xysy_ph li .f .picbox {
  margin-right:10px
 }
 .xysy_ph li .f .picinfo,
 .xysy_ph li .f .picbox {
  float:left;
 }
 .xysy_ph li .f .picinfo{
  width: 56%;
 }
 .xysy_ph li .f img {
  width:80px;
  height:80px;
  border-radius:20px
 }
 .xysy_ph li .f .picinfo a:nth-child(1) {
  font-size:16px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
 }
 .xysy_ph li .f .picinfo p {
  font-size:12px;
  line-height:28px
 }
 .xysy_ph li .f .picinfo .btn {
  display:block;
  width:70px;
  height:24px;
  line-height:24px;
  border:1px solid #0080ff;
  font-size:12px;
  color:#0080ff;
  text-align:center
 }

 .xysy_ph li.active .t{display: none;}
 .xysy_ph li.active .f{display: block;}

 .xysy_ph li .t span {
  float: right;
}

.vsfer{background: #fff;padding: 20px;box-sizing: border-box;}
.suhjt{margin-top: 20px;}
.suhjt li{width: 285px;float: left;margin-right: 20px;position: relative;}
.suhjt li:last-of-type{ margin-right: 0px;}
.suhjt li img{width: 100%;height: 160px;overflow: hidden;object-fit: cover;border-radius: 5px;}
.suhjt li b{width: 100%;
  height: 30px;
  line-height: 30px;
  border-radius: 0 0px 5px 5px;
  font-weight: normal;
  padding: 0 10px;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
  font-size: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.sutit{width: 100%;
  height: 40px;
  border-bottom: 3px solid #ececec;
  line-height: 40px;
  position: relative;
  padding-bottom: 6px;}
.sutit span {display: block;
  border-bottom: 3px solid #f31a22;
  color: #333;
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 6px;
  padding-right: 3px;
float: left;}




.sutit>a { color: #999;
  width: auto;
  display: inline-block;
  float: right;
  height: 18px;
  line-height: 18px;
  margin-top: 14px;
  font-size: 12px; }
  .sutit>a i{
    width: 13px;
height: 13px;
float: right;
background: url(../images/more.png) -1px -1px no-repeat;
margin-top: 2px;margin-left: 4px;
  }

.sutit>a:hover{color: #f31a22;}
.sutit>a:hover i{background-position: -20px -1px;}




.lgwsyt{
  margin-top: 30px;
}
.lgwsyt ul{
  margin-top: 20px;
}
.lgwsyt li{
 width: 48%;
 float: left;
 margin-right: 2%;
 box-sizing: border-box;
 height: 24px;
 line-height: 24px;
 font-size: 12px;
 color: #828282;
}
.lgwsyt li:nth-child(3n){
 margin-right: 2%;
}

.lgwsyt li em{
 display: inline-block;
 float: left;
}
.lgwsyt li span{
 float: left;
 display: inline-block;
 max-width: 75%;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;

}
.lgwsyt li span a{color: #D81830;}

.lgwsyt li span.lgwsza{color: #D81830;cursor: pointer;}

.lgwsyt li span.lgwsza2{color: #D81830;cursor: pointer;}

.nisal{display: none;}
.niswi{

 position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.6);
z-index:20;
 
 

}
.niswi2{

 position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.6);
z-index:20;
 
 

}
.nvzBox{
  
 position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 30;
height: 520px;
-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
border-radius: 12px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 560px;
background:#fff ;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
}
.nvzBox .rgbax{position: absolute;right: -50px;
  top: -40px; margin: auto;z-index: 10;background: url(../images/gb.png) no-repeat;width: 40px;height: 40px;cursor: pointer;background-size:40px 40px;}
.nvzBox .rgbax2{position: absolute;right: -50px;
  top: -40px; margin: auto;z-index: 10;background: url(../images/gb.png) no-repeat;width: 40px;height: 40px;cursor: pointer;background-size:40px 40px;}
.nvzBox .btwsa{position: relative;width: 100%; height:313px;left: 0; margin-top: -70px; text-align: left; color: #000;padding: 0 15px;box-sizing: border-box;background: url(../images/tcbg.png) no-repeat;background-size: 100% auto;}
.nvzBox .btwsa p{position: absolute;left: 30px;top: 170px;
  font-size: 24px;font-weight: bold;color: #4182e1;}
.nvzMain{width: 100%;
 height: 300px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 20px 30px;
 overflow-y: scroll;
 margin-top: -50px;
 z-index: 20;
 position: relative;
}
.nvzMain p{text-align: left;}
.nvzMain strong{display: block;font-size: 16px;
 color: #000;
 margin-bottom: 8px;
 margin-top: 20px;
 text-align: left;
 font-weight: normal;
}


.sulatest ul{display: flex;flex-wrap: wrap;}
.sulatest li{ width: 179px;height: 40px;margin: 20px 22px 0  0px;float: left;position: relative;border-radius: 5px;overflow: hidden;border: 1px solid #eeeeee; }
.sulatest li a{ width: 100%;height: 40px;overflow: hidden;display: block;position: relative;}
.sulatest li:nth-child(6n){ margin-right: 0; }
.sulatest li em { width: 27px;height: 27px;position: absolute;z-index: 10;transition: all 0.2s;background: url(../images/icon2.png) no-repeat;display: block;}
.sulatest li p{ width: 100%;height: 40px;line-height: 40px;font-size: 14px;text-align: center;color: #FF8CBB;position: relative;z-index: 10;}
.sulatest li b{ position: absolute;top:-30px;left: -109px;transition: all 0.3s;display: block; width: 102px; height: 40px;background:  #FF8CBB;}
.sulatest li:hover em{ opacity: 0; }
.sulatest li:hover a p{ color: #ffffff;  }
.sulatest li:hover b{ width: 181px; height: 40px;top:0;left: 0; }
.sulatest li:nth-of-type(1),.sulatest li:nth-of-type(10),.sulatest li:nth-of-type(19),.sulatest li:nth-of-type(23){ border-color: #FF8CBB; }
.sulatest li:nth-of-type(1) p,.sulatest li:nth-of-type(10) p,.sulatest li:nth-of-type(19) p{ color: #FF8CBB; }
.sulatest li:nth-of-type(1) em,.sulatest li:nth-of-type(10) em,.sulatest li:nth-of-type(19) em{ background-position: 0px 0;  }
.sulatest li:nth-of-type(1) b,.sulatest li:nth-of-type(10) b,.sulatest li:nth-of-type(19) b{ background:#FF8CBB;}
.sulatest li:nth-of-type(2),.sulatest li:nth-of-type(11),.sulatest li:nth-of-type(21){ border-color: #8C97CB; }
.sulatest li:nth-of-type(2) p,.sulatest li:nth-of-type(11) p,.sulatest li:nth-of-type(21) p{ color: #8C97CB; }
.sulatest li:nth-of-type(2) em,.sulatest li:nth-of-type(11) em,.sulatest li:nth-of-type(21) em{ background-position: -44px 0;  }
.sulatest li:nth-of-type(2) b,.sulatest li:nth-of-type(11) b,.sulatest li:nth-of-type(21) b{ background:#8C97CB;  }
.sulatest li:nth-of-type(3),.sulatest li:nth-of-type(12){ border-color: #B3D465; }
.sulatest li:nth-of-type(3) p,.sulatest li:nth-of-type(12) p{ color: #B3D465; }
.sulatest li:nth-of-type(3) em,.sulatest li:nth-of-type(12) em{ background-position: -85px 0;  }
.sulatest li:nth-of-type(3) b,.sulatest li:nth-of-type(12) b{ background:#B3D465;  }
.sulatest li:nth-of-type(4),.sulatest li:nth-of-type(13),.sulatest li:nth-of-type(20){ border-color: #A6937C; }
.sulatest li:nth-of-type(4) p,.sulatest li:nth-of-type(13) p,.sulatest li:nth-of-type(20) p{ color: #A6937C; }
.sulatest li:nth-of-type(4) em,.sulatest li:nth-of-type(13) em,.sulatest li:nth-of-type(20) em{ background-position: -135px 0;  }
.sulatest li:nth-of-type(4) b,.sulatest li:nth-of-type(13) b,.sulatest li:nth-of-type(20) b{ background:#A6937C;  }
.sulatest li:nth-of-type(5),.sulatest li:nth-of-type(14),.sulatest li:nth-of-type(24){ border-color: #F6C15B; }
.sulatest li:nth-of-type(5) p,.sulatest li:nth-of-type(14) p,.sulatest li:nth-of-type(24) p{ color: #F6C15B; }
.sulatest li:nth-of-type(5) em,.sulatest li:nth-of-type(14) em,.sulatest li:nth-of-type(24) em{ background-position: -175px 0; }
.sulatest li:nth-of-type(5) b,.sulatest li:nth-of-type(14) b,.sulatest li:nth-of-type(24) b{ background:#F6C15B;  }
.sulatest li:nth-of-type(6),.sulatest li:nth-of-type(15){ border-color: #5DA3EA; }
.sulatest li:nth-of-type(6) p,.sulatest li:nth-of-type(15) p{ color: #5DA3EA; }
.sulatest li:nth-of-type(6) em,.sulatest li:nth-of-type(15) em{ background-position: -220px 0;  }
.sulatest li:nth-of-type(6) b,.sulatest li:nth-of-type(15) b{ background:#5DA3EA;  }
.sulatest li:nth-of-type(7),.sulatest li:nth-of-type(16){ border-color: #FF7F46; }
.sulatest li:nth-of-type(7) p,.sulatest li:nth-of-type(16) p{ color: #FF7F46; }
.sulatest li:nth-of-type(7) em,.sulatest li:nth-of-type(16) em{ background-position: -265px 0;  }
.sulatest li:nth-of-type(7) b,.sulatest li:nth-of-type(16) b{ background:#FF7F46;  }
.sulatest li:nth-of-type(8),.sulatest li:nth-of-type(17),.sulatest li:nth-of-type(22){ border-color: #DB79FF; }
.sulatest li:nth-of-type(8) p,.sulatest li:nth-of-type(17) p,.sulatest li:nth-of-type(22) p{ color: #DB79FF; }
.sulatest li:nth-of-type(8) em,.sulatest li:nth-of-type(17) em,.sulatest li:nth-of-type(22) em{ background-position: -310px 0;  }
.sulatest li:nth-of-type(8) b,.sulatest li:nth-of-type(17) b,.sulatest li:nth-of-type(22) b{ background:#DB79FF;  }
.sulatest li:nth-of-type(9),.sulatest li:nth-of-type(18){ border-color: #4DC91C; }
.sulatest li:nth-of-type(9) p,.sulatest li:nth-of-type(18) p{ color: #4DC91C; }
.sulatest li:nth-of-type(9) em,.sulatest li:nth-of-type(18) em{ background-position: -350px 0;  }
.sulatest li:nth-of-type(9) b,.sulatest li:nth-of-type(18) b{ background:#4DC91C;  }


.sumar{ margin-top: 30px !important;}