@charset "utf-8";
/*轮播图*/
/* .banner{width:100%;margin-top: .3rem;height: 4.2rem; border-bottom:10px solid #f8f8f8}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {float:left;display: inline; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 96%;display: block;height: 3.5rem;margin: 0 auto;border-radius: 8px;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider { margin: 0; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; width:10000000px;}
.carousel li { margin-right: 5px; }
.flex-control-nav {width:100%;position: absolute;bottom: -33px;text-align:center;}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px;height: 8px;display: block;background: #e1e1e1;text-indent: -9999px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.flex-control-paging li a.flex-active {background: #fff;cursor: default;border: 3px solid #46b8da;} */
a{text-decoration:none;color:#444;}
a:hover{color: #f0c110;text-decoration:none;}
body {
    overflow-x: hidden;
}
/*轮播*/
.banner{width: 100%;position: relative;height: 195px;margin-top: .16rem;border-bottom:10px solid #fff;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides li {display: none; -webkit-backface-visibility: hidden; position: relative;}
.flexslider .slides img {width: 100%;display: block;height: 160px;margin: 0 auto;border-radius: 8px;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.no-js .slides > li:first-child {display: block;}
.flexslider { margin: 0; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flex-control-nav {width:100%;position: absolute;bottom: -33px;text-align:center;}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px;height: 8px;display: block;background: #e1e1e1;text-indent: -9999px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.flex-control-paging li a.flex-active {background: #fff;cursor: default;border: 3px solid #46b8da;}

/*精选游戏*/
.best{border-bottom: 4px solid #f8f8f8;}
.best h3{position: relative;border-bottom: 1px solid #e9e9e9;color: #333;font-size: 16px;height: 2.4rem;line-height: 2.4rem;padding: 0 10px;}
/* .best h3:before {content: '';display: block;width: 4px;height: 1.2rem;margin-right:10px;background: #3686ec;border-radius: 2px;float: left;margin-top: .6rem;} */
.best h3 a{font-size: 14px; color:#666; float: right;  font-weight:normal;}

.bbox{ margin: 0 3%;}
.love_game_info{width: 100%;overflow: hidden;margin:10px 0;}
.love_game_info li{ width: 25%; float: left; display: block; overflow: hidden; margin: 10px 0;}
.love_game_info li a{ display: block; width: 70px; overflow: hidden; margin: 0 auto;}
.love_game_info li a img{width: 66px;height: 66px;border-radius: 15px;display: block;overflow: hidden;}
.love_game_info li a span{ width: 100%; font-size: 13px; color: #333; text-align: center; display: block; height: 15px; line-height: 15px; margin-top: 8px;overflow: hidden;}
.love_game_info li a div {
    width: 70%;
    border: 1px solid #25c88a;
    border-radius: 2px;
    color: #25c88a;
    background-color: #fff;
    font-size: 12px;
    text-align: center;
    margin: 5px auto;
    margin-bottom: 0px;
    height: 22px;
    line-height: 22px;
}
/* 分类 */
.allTagsGame ul{-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:3px 7px 5px;display: flex;}
.allTagsGame ul li{width:25%;margin-bottom:12px;}
.allTagsGame ul li a{display:block;width: 90%;height:23px;line-height:23px;text-align:center;border: 1px solid #e2e2e2;color:#25c88a;font-size:12px;border-radius:11px;overflow:hidden;white-space:nowrap;margin:0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zhuanti-container-list ul li{
    width: max-content !important;
    margin: 10px 15px;
}
.zhuanti-container-list ul li a{
    padding: 0px 10px
}

.allTagsGame ul li:nth-child(2n+1) a {
    color: #4dba50;
    border: 1px solid #4dba50;
}
.allTagsGame ul li:nth-child(2n+2) a {
    color: #4d90ba;
    border: 1px solid #4d90ba;
}
.allTagsGame ul li:nth-child(2n+3) a {
    color: #966de1;
    border: 1px solid #966de1;
}
.allTagsGame ul li:nth-child(2n+4) a {
    color: #4d90ba;
    border: 1px solid #4d90ba;
}
.allTagsGame ul li:nth-child(2n+5) a {
    color: #ff9a98;
    border: 1px solid #ff9a98;
}
.allTagsGame ul li:nth-child(2n+6) a {
    color: #5bc3af;
    border: 1px solid #5bc3af;
}
.allTagsGame ul li:nth-child(2n+7) a {
    color: #ff7573;
    border: 1px solid #ff7573;
}
.allTagsGame ul li:nth-child(2n+8) a {
    color: #4dba50;
    border: 1px solid #4dba50;
}
/*精选热游*/
.newgame{border-bottom: 10px solid #f8f8f8;}
.newgame h3{position: relative;display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-align: center;border-bottom: 1px solid #e9e9e9;color: #333;font-size: 16px;height: 2.4rem;line-height: 2.4rem;padding: 0 10px;font-weight:bold;}
.newgame h3:before {content: '';display: block;width: 4px;height: 1.2rem;margin-right:10px;background: #3686ec;border-radius: 2px;}

.nbox{padding: 0 3%;padding-top: 15px;}
.nbox .nbox_list{width: 100%;overflow: hidden;zoom:1;background: #fffcf7;border: 1px solid #ffe4b7;border-radius: 5px;margin-bottom: 15px;}
.nbox .nbox_list a{display: block;width: 33%;float: left;box-sizing: border-box;padding-bottom: 10px;padding-top: 15px;border-right: 1px solid #fff3de;}
.nbox .nbox_list a:last-child{ border-right: 0; }
.nbox .nbox_list a img{width: 65px;height: 65px;border-radius: 15px;display: block;margin: 0 auto;}
.nbox .nbox_list a b{font-size: 15px;color: #333;text-align: center;display: block;height: 16px;line-height: 17px;margin-top: 10px;margin-bottom: 3px;overflow: hidden;}
.nbox .nbox_list a span{font-size: 12px;color: #999;text-align: center;display: block;height: 18px;line-height: 18px;overflow: hidden;margin-bottom: 3px;}
.nbox ul li{height: 69px;padding: 16px 0;overflow: hidden;position: relative;z-index: 0;border-top: 1px solid #f1f1f1;}
.nbox ul li a.game_con{ margin-right: 70px; overflow: hidden;zoom:1; display: block;}
.nbox ul li a.game_con img{ width: 70px; height: 70px; border-radius: 15px; float: left; margin-right: 10px;}
.nbox ul li a.game_con .game_title{ overflow: hidden; margin-left: 80px;  }
.nbox ul li a.game_con .game_title p{font-size: 16px;color: #111;height: 19px;line-height: 19px;overflow: hidden;}
.nbox ul li a.game_con .game_title span{display: block;height: 25px;line-height: 25px;color: #3686ec;overflow: hidden;font-family: Arial,'Microsoft Yahei';font-size: 13px;margin-top: 4px;margin-bottom: 1px;}
.nbox ul li a.game_con .game_title span font,.nbox ul li a.game_con .game_title span em{color: #8e8e8e;font-size: 13px;}
.nbox ul li a.game_con .game_title .discribe{height: 20px;line-height: 20px;overflow: hidden;color: #a7a7a7;display:  block;white-space: nowrap;text-overflow:  ellipsis;font-size: 13px;}
.nbox ul li .game_down{display: block;width: 51px;height: 24px;line-height: 24px;font-size: 12px;color: #fff;overflow: hidden;position: absolute;right: 0;top: 34px;text-align: center;border-radius: 4px;background: #3686ec;}

/*排行榜
.rank{ overflow: hidden;}
.Head3{position:relative;display:block;overflow:hidden;height:.84rem}
.Head3 .Head3-box{position:absolute;top:0;left:0;z-index:2;overflow:hidden;width:100%;height:.84rem}
.Head3 .Head3-box a{float:left;display:inline-block;width:50%;height:.84rem;background:#f0f0f0;color:#999;text-align:center;font-size: 15px;line-height:.84rem;}
.Head3 .Head3-box a:first-child{border-top-right-radius:.42rem}
.Head3 .Head3-box a:last-child{border-bottom-left-radius:.42rem}
.Head3 .Head3-box a.cur2{background:#fff;color:#333}
.Head3 .Head3-box a:nth-child(2).cur{ border-top-left-radius: 0.42rem;}
.Head3 span{position:absolute;left:20%;z-index:1;display:inline-block;width:50%;height:.42rem;background:#f0f0f0}
.Head3 em{position:absolute;top:.42rem;left:20%;z-index:1;display:inline-block;width:50%;height:.42rem;background:#fff}

.rankbox{}
.rankcon{padding: 0 12px;margin-bottom: 20px;}
.rankcon ul{}
.rankcon ul li{ height: 1.3rem; padding: 13px 0; overflow: hidden; position: relative; z-index: 0; border-bottom: 1px solid #f1f1f1;}
.rankcon ul li a{}
.rankcon ul li a span{width: 1.3rem;height: 1.3rem;border-radius: 15px;float: left;margin-right: .25rem;overflow: hidden;}
.rankcon ul li a span img{ width: 100%; }
.rankcon ul li .rbox{ float: left; }
.rankcon ul li .rbox h3{font-size: 16px;color: #222;margin-top: .09rem;}
.rankcon ul li .rbox em{display: block;width: 74px;height: 13px;background: url(/SkinNew/images/star.png) no-repeat;background-size: auto 100%;margin: .12rem 0;}
.rankcon ul li .rbox em i{float: left;display: inline;height: 13px;overflow: hidden;background: url(/SkinNew/images/star_color.png) no-repeat;background-size: auto 100%;}
.rankcon ul li .rbox p{color: #777;font-size: 13px;line-height: 14px;height: 14px;}
.rankcon ul li .rbox p font{border-left: 1px solid #dedede;margin-left: .2rem;padding-left: .2rem;height: 14px;line-height: 14px;}
.rankcon ul li a b{display: block;width: 1rem;height: 0.48rem;line-height: 0.48rem;font-size: 12px;color: #fff;overflow: hidden;position: absolute;right: 0;top: 34px;text-align: center;border-radius: 3px;background: #3686ec;font-weight: normal;}
*/

/*最新电脑系统下载*/
.latestnews ul{overflow:hidden; padding:10px 15px; height: 200px;}
.latestnews ul li { padding: 5px 0 }
.latestnews ul li a {display: block;line-height: 30px;font-size: 12px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.latestnews ul li a em { float: left; font-style: normal; color: #999; font-size: 13px;}
.latestnews ul li a em i {font-style: normal; padding:0 10px; font-size: 12px; color: #ccc}
.latestnews ul li a span {float: right;font-size: 12px;color: #FF5722;margin-left: 10px;}
.latestnews ul li a .span01 {float: right;font-size: 12px;color: #989898;margin-left: 10px;}
.latestnews ul li a:hover { color: #f60 }


/*资讯*/
.news {border-bottom:4px solid #e1e1e1;overflow: hidden; clear: both;}
.news .titslide {width: 100%;height: 2.4rem;line-height: 2.4rem;}
.news .titslide ul{height: 0.4rem;white-space: nowrap;width: 100%;}
.news .titslide ul li {display: inline-block;font-size: 0.95rem;font-weight: bold;height: 2.4rem;width: 33%;text-align: center;}
.news .titslide ul li.active{border-bottom: 0.04rem solid #03b9d4;}
.news .news_item ul{padding: 0 0.1rem;}
.news .news_item ul li{overflow: hidden;padding: 0.8rem 0;height: 5.2rem;line-height: 5.2rem;border-bottom: 0.01rem solid #ececec;}
.infobox .infoimg{float:left;display:inline;margin-right: 7%;width: 6.9rem;height: 4.9rem;margin: 0.4rem;overflow: hidden;}
.infobox .infoimg img{width: 100%;min-height: 0.6rem;}
.infobox .infotext{display:block}
.infobox .infotext b,.infobox .infotext i{display:block}
.infobox .infotext b{font-size: .9rem;color:#010101;line-height: 1.5rem;max-height: 1.5rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.infobox .infotext p{font-size:0.12rem;color:#999;line-height: 0.9rem;height: 1.7rem;margin-top: 0.02rem;overflow:hidden;font-style:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;/* -webkit-margin-before: 1em; *//* -webkit-margin-after: 1em; *//* -webkit-margin-start: 0px; *//* -webkit-margin-end: 0px; */}
.news_more{display: block;text-align: center;line-height: 2.3rem;font-size: 0.14rem;color: #9E9E9E;}
.news .news_item ul li .btn { background-color: #00AEEF; width: 120px; height: 30px;color: #FFFFFF; margin: 3px 70px 0px 0px; line-height: 30px;float:  right;text-align: center;}
.news .news_item ul li .btn span {color: #F7FF13; font-weight: bold;}

/*游戏专区*/
h3.til span,.hotzt .slide li i{background: url(/SkinNew/images/121_icon.png) no-repeat;background-size: 360px 300px;}
h3.til {border-bottom: 0.01rem solid #f4f4f4;padding: 10px;height: 30px;font-size: 0.16rem;font-weight: normal;}
h3.til span {float: left;font-size: 16px;font-weight: bold;color: #fff;min-width: 40px;text-align: center;padding: 0 15px 4px 15px;line-height: 30px;height: 30px;background: #3686ec;}
.hotzt{border-bottom: 0.05rem solid #e1e1e1;overflow: hidden;clear: both;}
.hotzt h3.til ul { float: right; }
.hotzt h3.til ul li {display: inline-block;font-size: 14px;color: #999;padding: 0 3px;line-height: 30px;margin-left: 20px;}
.hotzt h3.til ul li.hover {color: #3686ec;border-bottom: 2px solid #3686ec;}
.hotzt .hotztcon {height: 115px;overflow: hidden;margin-top: 20px;padding-bottom: 10px;}
.hotzt .slide {margin: 0 10px;padding: 0 0 20px 0;overflow: hidden;}
.hotzt .slide ul{}
.hotzt .slide li{width: 140px;margin: 0 10px 0 0;float:left;overflow: hidden;position: relative;}
.hotzt .slide li i {position: absolute;top: -1px;left: 0px;display: block;width: 50px;height: 50px;background-position: -165px -150px;}
.hotzt .slide li img {display: block;height: 86px;}
.hotzt .slide li p {color: #666;text-align: center;font-size: 14px;line-height: 30px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hotzt .slide2 {display: none;}



.nav_index { background: #fff; padding-bottom: 12px; }
.nav_index ul { display: flex; }
.nav_index ul li { flex: 1; }
.nav_index ul li a { display: block; width: 75px; height: 100px; background: #f6f6f6; border: 1px solid #ededed; border-radius: 25px; margin: 0 auto; }
.nav_index ul li a i { display: block; margin: 10px auto 5px; width: 55px; height: 55px; border-radius: 50%; background: url(/SkinNew/images/nav_lis.png) no-repeat; background-size: 55px auto; }
.nav_index ul li a .icon_soft { background-position: 0 -165px; }
.nav_index ul li a .icon_game { background-position: 0 -55px; }
.nav_index ul li a .icon_collection { background-position: 0 0; }
.nav_index ul li a .icon_phb { background-position: 0 -110px; }
.nav_index ul li a span { text-align: center; color: #1b1b1b; line-height: 20px; display: block; font-weight: 600; }

.recommended { display: flex; margin: 6px; }
.recommended .rec_L { display: flex; flex: 1; height: 74px; padding: 10px; background: #fff; border-radius: 12px; }
.recommended .rec_L > span { width: 15px; padding: 3px 6px; height: 68px; text-align: center; background: #eee; color: #777; font-size: 12px; border-radius: 3px; }
.recommended .rec_L .img { margin: 0 10px; }
.recommended .rec_L .img, .recommended .rec_L .img img { width: 74px; height: 74px; border-radius: 12px; }
.recommended .rec_L .info { flex: 1; }
.recommended .rec_L .info .bt { display: block; height: 26px; line-height: 26px; overflow: hidden; font-size: 16px; color: #1b1b1b; margin-top: 2px; }
.recommended .rec_L .info span { display: block; overflow: hidden; margin-top: 10px; line-height: 18px; color: #777; font-size: 12px; }
.recommended .rec_R { height: 74px; width: 65px; padding: 10px; background: #fff; border-radius: 12px; margin-left: 6px; }
.recommended .rec_R i { display: block; margin: 10px auto 5px; width: 30px; height: 35px; background: url(../img/icon_ref.png) no-repeat; background-size: auto 100%; }
.recommended .rec_R span { color: #7d7d7d; text-align: center; display: block; width: 100%; font-size: 14px; }