em, i, s, strong, u {font-weight: 400; font-style: normal;text-decoration: none;}
a:-webkit-any-link { cursor: pointer;}
a { color: #444; text-decoration: none;}
text-decoration: none;
.mian{width: 100%;margin: 0 auto;overflow: hidden; background: #fff;}
/*游戏分类1*/
.dj_tag{width: 1200px;overflow:hidden;zoom:1;font-family:"Microsoft Yahei";padding: 10px;margin: 10px auto;background: #fff;}
.dj_tag ul{width: 1200px;}
.dj_tag ul li{float:left;width: 95px;height: 60px;padding-right: 25px;}
.dj_tag ul li a{}
.dj_tag ul li a em{width:38px;height:38px;margin:0 auto;display:block;background: url(../images/yx_icon.png) no-repeat;}
.dj_tag ul li a span{display:block;text-align:center;color: #777;padding-top:3px;font-size: 14px;}
.dj_tag ul li a:hover span{ color:#00a3eb;}

.dj_tag ul li a em.i1{background-position: 1px -20px;}
.dj_tag ul li a em.i2{background-position: -1px -64px;}
.dj_tag ul li a em.i3{background-position: -2px -111px;}
.dj_tag ul li a em.i4{background-position: -2px -158px;}
.dj_tag ul li a em.i5{background-position: -2px -204px;}
.dj_tag ul li a em.i6{background-position: -1px -251px;}
.dj_tag ul li a em.i7{background-position: -2px -468px;}
.dj_tag ul li a em.i8{background-position: 1px -338px;width: 42px;}
.dj_tag ul li a em.i9{background-position: -2px -381px;}
.dj_tag ul li a em.i10{background-position: -1px -425px;}
.dj_tag ul li a em.i11{background-position: -1px -467px;}

.dj_tag ul li a:hover em.i1{ background-position:-39px -20px;}
.dj_tag ul li a:hover em.i2{background-position: -41px -64px;}
.dj_tag ul li a:hover em.i3{background-position: -41px -111px;}
.dj_tag ul li a:hover em.i4{background-position: -41px -158px;}
.dj_tag ul li a:hover em.i5{background-position: -43px -204px;}
.dj_tag ul li a:hover em.i6{background-position: -41px -251px;}
.dj_tag ul li a:hover em.i7{background-position: -42px -295px;}
.dj_tag ul li a:hover em.i8{background-position: -42px -338px;}
.dj_tag ul li a:hover em.i9{background-position: -42px -381px;}
.dj_tag ul li a:hover em.i10{background-position: -44px -425px;}
.dj_tag ul li a:hover em.i11{background-position: -42px -467px;}


/*游戏分类2*/
.az_soft{width: 1180px;overflow:hidden;zoom:1;font-family:"Microsoft Yahei";padding: 10px;margin: 10px auto;background: #fff;}
.ztlist{padding: 20px 0 0 5px;overflow: hidden;width: 1200px;overflow: hidden;zoom:1;}
.ztlist li{margin-right: 30px;width: 141px;margin-bottom: 10px;float: left;}
.ztlist li:hover a span{ color: #df0000; }
.ztlist li a{}
.ztlist li a img{width: 141px;height: 85px;border-radius: 4px;}
.ztlist li a span{display: block;width: 141px;height: 30px;line-height: 30px;text-align: center;font-size:14px;color: #666666;overflow: hidden;}

/*轮播*/
.npTop{width: 1180px;overflow:hidden;zoom:1;font-family:"Microsoft Yahei";padding: 10px;margin: 10px auto;background: #fff;}
.npt-l {width: 370px;float: left;overflow: hidden;display: inline;padding: 0px 10px;}
#sbox { width: 370px;height: 460px;  overflow: hidden; position: relative; zoom: 1;}
#simg { width: 370px; height: 460px;  overflow: hidden;}
#simg { width: 370px;  height: 460px; overflow: hidden;}
#simg { width: 370px;  height: 460px;overflow: hidden;}
#simg { width: 370px; height: 460px; overflow: hidden;}
#simg ul { overflow: hidden;  zoom: 1; position: absolute;  top: 0; left: 0;  width: 9999px;}
#simg ul li { overflow: hidden;zoom: 1; float: left; display: inline; width: 370px; height: 460px;}
#simg ul li img { width: 370px; height: 460px;object-fit: cover;}
#simg ul li em { width: 370px; height: 200px; background: url(../images/scroll_bg.png) 0 0;position: absolute; top: 260px;  z-index: 1; display: block;}
#simg ul li p { z-index: 3; position: absolute; font-size: 20px; width: 370px; color: #fff; top: 338px; font-weight: 700; text-align: center; height: 35px; line-height: 35px;  overflow: hidden;}
.rebox { width: 390px; overflow: hidden;}
.rebox p { width: 180px; float: left; margin: 15px 15px 0 0;}
.rebox p img { float: left; width: 68px;height: 68px; margin-right: 10px; border-radius: 8px;}
.rebox span {width: 102px;float: left;overflow: hidden;font-size: 12px;}
.rebox span i{display: block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.rebox span a {display: block;  width: 101px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rebox span a { display: block; width: 101px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.rebox span i a { display: inline; width: auto;white-space: normal;color: #999;}
#simg_s {width: 273px; position: absolute; bottom: 9px;left: 51px; height: 71px; overflow: hidden; zoom: 1;  z-index: 2;}
#simg_s ul { overflow: hidden;  zoom: 1;  width: 999px; position: absolute; top: 0; left: 0;}
#simg_s ul li { float: left; display: inline; width: 54px;height: 67px; overflow: hidden; zoom: 1; margin-right: 12px; border: 2px solid #333;}
#simg_s ul li img {width: 54px; height: 67px;}
#simg_s ul li.on {border: 2px solid #ff9500;}


.npt-c {width: 440px;float: left;overflow: hidden;display: inline;padding: 0 10px;}
.npt-main .tab-nav {height: 65px; margin-left: 3px; }
.npt-main .tab-nav span { cursor: pointer; border: 1px solid #efefef; width: 108px; height: 45px; line-height: 45px; border-right: none; font-size: 17px;  float: left; text-align: center;}
.npt-main .tab-nav span.cur { background: #5ca8f6; color: #fff; position: relative;}
.npt-main .tab-nav span.cur i { position: absolute; left: 50px;  bottom: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #5ca8f6;}
.npt-main .tab-nav span.last { border-right: 1px solid #efefef;}
.npt-main>dd { display: none; margin-top:15px;}
.npt-main>dd p { height: 25px; line-height: 25px;margin-bottom: 13px; padding: 0 8px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; *white-space: normal;}
.npt-main>dd p i { float: right; font-size: 12px; color: #b2b2b2; height: 20px; line-height: 20px; margin-left: 10px;}
.npt-main>dd p .cname { display: inline; float: left;  width: 85px;  height: 17px;line-height: 17px; margin: 0 13px 0 0; padding: 0 7px 0 0; text-align: right; border-right: 1px solid #ddd; overflow: hidden;}
.npt-main .on { display: block;}
.npt-main>dd p i { float: right; font-size: 12px; color: #b2b2b2; height: 20px; line-height: 20px; margin-left: 10px;}
.npt-main>dd p .cname { display: inline; float: left; width: 85px; height: 17px; line-height: 17px; margin: 0 13px 0 0; padding: 0 7px 0 0; text-align: right;  border-right: 1px solid #ddd;  overflow: hidden;}
.npt-main>dd p img { height: 20px; width: 20px;border: 0; vertical-align: middle; float: left; display: inline;  margin-right: 5px;}

.npt-r {  width: 300px; float: left; overflow: hidden; display: inline; padding: 0 15px;}
.recom-art li, .recom-art li img { width: 100%;height: 172px;}
.npt-r .tab-nav { height: 45px; line-height: 45px;margin-top:15px;}
.npt-r .tab-nav span { float: left; display: inline-block; width: 150px; line-height: 45px; overflow: hidden;text-align: center; font-size: 17px; border-bottom: 2px solid #5ca8f6; cursor: pointer;}
.npt-r .tab-nav span.cur { background: #5ca8f6;color: #fff;}

.kaifu{ float: left; width: 300px;margin-top: 20px;}
.kaifu .game_top_app{ width: 100%; clear: both; }
.kaifu .game_top_app li{ width: 300px; padding-left: 0; }
.kaifu .game_top_app li i{ font-size: 16px; }
.kaifu .game_top_app li i.n2{ background: #FC7918; }
.kaifu .game_top_app li{  width: 275px; padding-left: 0; }
.kaifu .game_top_app li.on p{ width: 134px; }

.game_top_app{ margin-top: -1px; overflow: hidden; }
.game_top_app li{ float: left; width: 302px; height: 28px; line-height: 28px; padding: 10px 0 11px 6px; border-bottom: 1px solid #E8E7ED; overflow: hidden; }
.game_top_app li i{ float: left; width: 28px; line-height: 28px; height: 28px; background: #B0B0B0; display: block; margin-right: 15px; font-style: normal; color: #fff; font-weight: bold; text-align: center; font-size: 12px; font-weight: normal; border-radius: 3px; }
.game_top_app li i.n1, .game_top_app li i.n2, .game_top_app li i.n3{ background: #FF4939; }
.game_top_app li s{ float: right;  font-size: 12px; color: #888; text-decoration: none; }
.game_top_app li a.img{ display:none; }
.app_img{ width: 80px; height: 80px; display: block; border-radius: 16px; margin: 0 auto; }
.game_top_app li p{ float: left; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width: 100px; }
.game_top_app li span, .game_top_app li em{ display: none; position: absolute; top: 30px; left: 140px; color: #333; }
.game_top_app li.on{ height: 80px; position: relative; }
.game_top_app li.on i{ line-height: 80px; height: 80px;}
.game_top_app li.on s{ display:none; }
.game_top_app li.on a.img{ display: block; float: left; width: 80px; height:80px; }
.game_top_app li.on p{ float: right; width: 170px; font-size: 16px;}    
.game_top_app li.on em, .game_top_app li.on span{ display: block; font-size: 12px; }
.game_top_app li.on em{ top: 58px; }
.game_top_app li.on em a, .game_test .on .x a{ display: block; width: 80px; height: 22px; border: 1px solid #ff4939; color: #ff4939; line-height: 22px; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }



/*热门*/

.mid1 {width: 1200px;overflow:hidden;zoom:1;font-family:"Microsoft Yahei";padding: 10px;margin: 10px auto;background: #fff;}
.gg_tabs {height: 120px;width: 1199px;background: #fff;overflow: hidden;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.gg_tabs .tab_titles {width: 100px;height: 100%;float: left;}
.gg_tabs .tab_titles ul li {width: 98px;height: 39px;line-height: 39px;border: 1px solid #ddd;border-top: 0;position: relative;color: #333;/* font-size: 14px; */text-align: center;cursor: pointer;}
.gg_tabs .tab_titles ul li span {display: inline-block;position: absolute;width: 8px;height: 13px;right: -8px;top: 24px;background: url(../images/sslc_pg.png) no-repeat -69px -44px;display: none;}
.gg_tabs .tab_titles ul li.on span {display: block;}
.gg_tabs .tab_titles ul li.on {background: #f55555;border-color: #f55555;color: #fff;}
.gg_tabs .tab_list {width: 1098px;height: 100%;float: left;background-color:#fbfbfb;}
.gg_tabs .hide {display: none;}
.gg_tabs .tab ul { margin-left:5px; }
.gg_tabs .tab ul li {width:80px;overflow: hidden;margin: 10px 0px 0 38px;float: left;position: relative;display: inline;}
.gg_tabs .tab ul li a {display: block;width: 80px;height: 100%; text-align: center;}
.gg_tabs .tab a:hover span.index_bt{color:red;}
.gg_tabs .tab ul li span.index_bt {display: block;height: 28px;line-height: 28px;text-align: center;color: #333;font-size: 14px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.gg_tabs .tab ul li img {width:75px;height: 75px; border-radius:20px;}

.gg_zq { clear: both; margin-top: 20px; }
.gg_zq ul { width: 1250px;overflow: hidden; }
.gg_zq li { float: left; margin-right: 15px; }
.gg_zq li a { display: block;width: 228px; height: 140px; position: relative; }
.gg_zq li a img { display: block; width: 228px; height: 140px }
.gg_zq li a span { position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.8); width: 208px; display: block; line-height: 30px; height: 30px;  overflow:hidden; color: #fff; text-align: center; padding: 0 10px;  } 
.gg_zq li a:hover span {background:#1aabc0;}


/*热门推荐*/
.mid4 {width: 1200px;overflow:hidden;zoom:1;font-family:"Microsoft Yahei";padding: 10px;margin: 10px auto;background: #fff;}
.mid4 .title {height: 65px;background: url(../images/title.png) no-repeat;}
.mid4  #z2 {width: 100%;background-position: 378px -10px;}
.mid4 .az_soft .list { overflow: hidden; margin-bottom: 10px }
.mid4 .az_soft .list li{display: block;float: left;width: 110px;height: 160px;margin: 5px 5px 0;padding: 12px 13px;text-align: center;}
.mid4 .az_soft .list li .img{display: block;width: 110px;height: 110px;overflow: hidden;border-radius: 18px;}
.mid4 .az_soft .list li .img img{width: 110px;height: 110px;border-radius: 18px;}
.mid4 .az_soft .list li .name p{font-size: 14px;text-align: center;width: 100%;height: 36px;line-height: 36px;overflow: hidden;margin-top: 5px;}
.mid4 .az_soft .list li .down {display: none;position: relative;width: 60px;margin:15px auto 0;font-size: 14px;text-align: center;background: #36bcfb;color: #fff;line-height: 28px;height: 28px;border:1px solid #36bcfb;border-radius: 4px;}
.mid4 .az_soft .list li .down i { position: absolute; top: 5px; left: 15px; background: url(../images/icon.png) no-repeat; display: block; width: 18px; height: 18px; background-position: -9px -40px}
.mid4 .az_soft .list li:hover .name { display: none; }
.mid4 .az_soft .list li:hover { background: #f0f0f0 }
.mid4 .az_soft .list li:hover .down { display: block; }
.mid4 .az_soft .list li:hover .down:hover { background: #ec442c; border:1px solid #da351e;}
.mid4 .game_fl { background: #faf9f9; line-height: 35px; overflow: hidden; margin-bottom: 20px; }
.mid4 .game_fl span { float: left; display: block; width: 120px; padding-right: 10px; background: url(../images/icon.png) no-repeat; background-position: 0px -81px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; }
.mid4 .game_fl p { float: right; }
.mid4 .game_fl p a { display:inline-block; font-size: 14px; font-weight: normal; padding:0 20px 0 20px }
.mid4 .game_fl p a.bl { color: #00b2f9 }
.mid4 .game_fl p a.ye { color: #fb7327 }
.mid4 .game_fl p a.gr { color: #2ad214 }
.mid4 .game_fl p a.re { color: #fb534c }
.mid4 .game_fl p a:hover { color: #c00 }
.mid4 .soft_fl span {background-position: 0px -116px;}
.mid4 .tagg { overflow: hidden; background: url(../images/tagg_bg.jpg); margin-bottom: 30px }
.mid4 .tagg li { display: inline-block; padding-right: 35px; }
.mid4 .tagg li a { line-height: 44px; font-size: 14px; }
.mid4 .tagg li a.bl { color: #00b2f9 }
.mid4 .tagg li a.ye { color: #fb7327 }
.mid4 .tagg li a.gr { color: #2ad214 }
.mid4 .tagg li a.re { color: #fb534c }
.mid4 .tagg li a:hover { color: #c00 }



/*合集推荐 手游厂商*/
#game-collection { padding: 2px 20px 20px;margin: 0 auto 40px;width: 1200px;box-sizing: border-box; overflow: hidden;background: white;}
#game-collection .title {height: 65px;background: url(../images/title.png) no-repeat;}
#game-collection  #z2 {width: 100%;background-position: 378px -117px;}
#game-collection  #z3 {width: 100%;background-position: 378px -209px;}
.game-collection a { float: left;width: 173px; height: 121px;position: relative; margin-right: 20px; margin-top: 20px;}
.game-collection a img { border-radius: 6px; width: 100%; height: 100%;}
.game-collection .img-bottom-title { border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}




/*排行榜*/
.soft_phb {width: 1180px;margin: 10px auto 0;padding: 10px;background: #fff; overflow: hidden;}
.soft_phb  .title {height: 65px;background: url(../images/title.png) no-repeat;}
.soft_phb  #z2 {width: 100%;background-position: 378px -300px;}
.soft_phb .phwrap { width: 105%; }
.soft_phb .item { width: 278px; height: 529px; border: 1px solid #e6e6e6; border-radius: 3px; float: left; margin: 35px 19px 0 0; }
.soft_phb .item .top_bg { width: 150px; height: 56px; margin: -26px auto 0; text-align: center; font-size: 18px; background: url("../images/ph_top.png") no-repeat; color: #16debd; line-height: 49px; }
.soft_phb .item ul { width: 260px; margin: 0 auto; overflow: hidden; }
.soft_phb .item ul li { width: 100%; float: left; }
.soft_phb .item ul li .lis_a { width: 100%; height: 40px; line-height: 40px; }
.soft_phb .item ul li .lis_a .bt { width: 200px; font-size: 14px; color: #222; height: 40px; line-height: 40px; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 10px; }
.soft_phb .item ul li .lis_b { width: 100%; display: none; }
.soft_phb .item ul li .lis_b .img { display: block; float: left; margin: 10px; }
.soft_phb .item ul li .lis_b .img, .soft_phb .item ul li .lis_b .img img { width: 90px; height: 90px; border-radius: 18px; }
.soft_phb .item ul li .lis_b .bt { display: block; margin: 5px 0 0 10px; width: 140px; height: 24px; line-height: 24px; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #222; }
.soft_phb .item ul li .lis_b .info { width: 140px; margin-left: 10px; float: left; margin-top: 5px; }
.soft_phb .item ul li .lis_b .info p { width: 100%; height: 18px; line-height: 18px; font-size: 12px; color: #737373; }
.soft_phb .item ul li .lis_a span, .soft_phb .item ul li .lis_b span { display: block; float: left; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; border-radius: 3px; margin: 12px 10px 0; background: #f0f0f0; }
.soft_phb .item ul li.on .lis_a { display: none; }
.soft_phb .item ul li.on .lis_b { display: block; }
.soft_phb .item_a ul li span { background: #6ee7cf !important; color: #fff; }
.soft_phb .item_a ul li + li span { background: #8becd9 !important; color: #fff; }
.soft_phb .item_a ul li + li + li span { background: #a8f1e2 !important; color: #fff; }
.soft_phb .item_a ul li + li + li + li span { background: #f0f0f0 !important; color: #a2a2a2; }
.soft_phb .item_b ul li span { background: #19abff !important; color: #fff; }
.soft_phb .item_b ul li + li span { background: #47bcff !important; color: #fff; }
.soft_phb .item_b ul li + li + li span { background: #75cdff !important; color: #fff; }
.soft_phb .item_b ul li + li + li + li span { background: #f0f0f0 !important; color: #a2a2a2; }
.soft_phb .item_b .top_bg { background-position: 0 -56px; color: #19abff; }
.soft_phb .item_c ul li span { background: #feaa48 !important; color: #fff; }
.soft_phb .item_c ul li + li span { background: #febb6d !important; color: #fff; }
.soft_phb .item_c ul li + li + li span { background: #fecc91 !important; color: #fff; }
.soft_phb .item_c ul li + li + li + li span { background: #f0f0f0 !important; color: #a2a2a2; }
.soft_phb .item_c .top_bg { background-position: 0 -112px; color: #feaa48; }
.soft_phb .item_d ul li span { background: #f25657 !important; color: #fff; }
.soft_phb .item_d ul li + li span { background: #f57879 !important; color: #fff; }
.soft_phb .item_d ul li + li + li span { background: #f79a9a !important; color: #fff; }
.soft_phb .item_d ul li + li + li + li span { background: #f0f0f0 !important; color: #a2a2a2; }
.soft_phb .item_d .top_bg { background-position: 0 -168px; color: #f25657; }

