@charset "UTF-8";
a,body,dd,div,dl,dt,em,form,h1,h2,h3,html,i,img,input,li,p,span,ul {margin: 0;padding: 0;}
body {font-family:\5FAE\8F6F\96C5\9ED1,Verdana,arial;background: #F4F4F4;overscroll-behavior-y: contain;font-size: 14px;}
img {border: 0 none;}
button {border: none;}
li,ol,ul {list-style: none;}
em,i {font-style: normal;}
.iconlogin,.iconmsg {width: 40px; height: 40px;vertical-align: -0.15em;fill: currentColor;overflow: hidden;cursor: pointer;}

.content{max-width: 1500px;margin: 0 auto;display: flex;padding: 20px 0;}
.nav{width: 240px;}
.main{margin: 0 auto;width: 600px;padding: 0 2vw;}
.side{width: 360px;}
.on{color:#16baaa}
.ons{font-size: 1.2rem;font-weight: bold;border-bottom: 0.3rem #16baaa solid;}
a:hover{color:#16baaa}
.content h1{font-size: 1rem;line-height: 2rem;}
/* 针对不支持 ::placeholder 伪元素的浏览器 */
.noinputkeywords::-webkit-input-placeholder {color: #ff0000;}
.noinputkeywords:-moz-placeholder {/* Firefox 18- */color: #ff0000;}
.noinputkeywords::-moz-placeholder {/* Firefox 19+ */color: #ff0000;}
.noinputkeywords:-ms-input-placeholder {color: #ff0000;}
.flex{display: flex;}

@media screen and (max-width:1200px){
.side{display: none;}
}

@media screen and (max-width:840px){
    .nav{display: none;}
    .qrcodeico{display: none;}
    .main{width: 100%;}
    .nav_mini{display: flex!important;}
}

@media screen and (max-width:600px){
    .topbanner{display: none;}
}

.logo img{width: 12rem;}
.nav-list li{font-weight: 550;font-size: 1.2rem;line-height: 3rem;margin: 1.5rem 0;border-radius: 1.5rem;display: flex;}
.nav-list li a{width: 100%;}
.nav-list li a i{font-size: 1.2rem;margin: 0 1rem 0 2rem;font-weight: bold;}
.nav-list li:hover{background: #fff;}
.main{position: relative;overflow: hidden;}
.main-top{position: absolute;width: inherit;}
.bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.line{background-image: url(/static/style/images/search.png);background-repeat: no-repeat;background-size: 2rem;background-position: 1rem; border-radius: 2rem;height: 3rem;padding-left: 4rem;cursor: pointer;overflow: hidden;}
.line li{line-height: 3rem;}
.inputbox{display: flex;}
.goback i{font-size: 1.5rem;line-height: 3rem;color: #16baaa;cursor: pointer;}
.inputkeywords{margin: 0 auto;width: 100%;padding: 0 0.5rem;}
.inputkeywords input{height: 3rem;border-radius: 1.5rem;padding-left: 2rem;}
.inputkeywords i{line-height: 3rem;}
.searchbox{z-index: 101;position: absolute;width: 100%;}
.searchlist{background: #fff;padding: 2rem;border-radius: 1rem;box-shadow: 0 0.5rem 0.5rem 0 rgb(50 50 50 / 10%);}
.searchlist p{font-weight: bold;margin: 0.5rem 0;}
.hotkeywords a{background: #F4F4F4;padding: 0 1rem;margin:0.1rem 0.5rem 0.2rem 0;line-height: 2rem;display: inline-block;border-radius: 1rem;}
.hotkeywords a:hover{background: #16baaa;color: #fff;}
.hotgames,.searchsuggest{line-height: 1.8rem;}
.hotgames i{color:#16baaa;margin-right: 1rem;}
.searchsuggest img{width: 5rem;}
.searchsuggest li span{color: #16baaa;}
.searchbtn button{height: 3rem;}
.main-contenter{margin-top: 4rem;margin-bottom: 100px;}
.tabheadrtitle{font-size: 1.2rem;margin: 1rem 0;}
.tabheadrtitle a{margin-right: .5rem;}
.flow li{width: 100%;overflow: hidden;border-radius: 1rem;background: #fff;margin-bottom: 1rem;}
/* .flow li:hover{background: #eee;} */
.flow li:hover{background: #eee;transition: all 0.3s;box-shadow: 8px 6px 12px 0px rgba(194, 194, 194, 0.88), -8px -6px 12px 0px rgb(194, 194, 194, 0.88);}

.flow li a{display: block;overflow: hidden;}
.flow li a img{width: 100%;}
.star{width: 1rem;height: 1rem;margin-right: 0.5rem;background-color: #16baaa;display: inline-block;clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);}
.itemcardinfo{display: flex;padding: 0 1rem 1rem 1rem;}
.tsbox{display: flex;min-width: 20rem;font-size: 12px;margin-top: 0.5rem;}
.tsbox a{color: #16baaa;margin-right: 0.5rem;border:1px solid #16baaa;padding: 0 0.3rem;border-radius: 0.2rem;}
.tsbox a i{font-size: 12px;}
.tsbox a:hover{background: #16baaa;color: #fff;}
.tsbox span{display: flex;}
.itemcardinfol{width: 80%;}
.title a h1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.title a h1 img{width: 2rem;border-radius: 0.5rem;margin-right: 0.5rem;}
.cardtext{white-space: nowrap;text-overflow: ellipsis;color: #818181;width: 100%;}
.itemcardinfor{margin-left: auto;display: flex;width: 4rem;align-items: center;}
.aboutuser{display: flex;align-items: center;}
.aboutuser .userimg{width: 40px;height: 40px;border-radius: 50%;}
.aboutuser .userimg img{width: 100%;}
.iconmsg{margin-right: 1rem;}
.iconlogin{margin-right: 1rem;}
.sidelist{background: #fff;border-radius: 1rem;margin: 1rem 0;padding: 1rem;}
.sidelist ul li{display: flex;margin: 0.5rem 0;padding: 0.5rem 0;border-bottom: 1px solid #F4F4F4;}
.sidelist p{font-size: 1.2rem;font-weight: bold;border-bottom: 1px dashed #d3d3d3;padding: 0.5rem;}
.ico img{width: 4.5rem;margin-right: 0.5rem;border-radius: 1rem;}
.info .name{font-size: 1rem;font-weight: bold;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 10rem;}
.sidets{margin-top: 0.8rem;}
.sidets a{padding: 0.1rem 0.5rem;background: #F4F4F4;margin-right: 0.3rem;font-size: 12px;}
.scoreinfo{margin-left: auto;display: flex;align-items: center;}
.score{font-size: 1.2rem;font-weight: bold;color: #16baaa;}

/***Top***/
.topcontenter{background: #fff;padding: 1rem;border-radius: 1rem;}
.listflow li{display: flex;margin: 0.5rem 0;padding: 0.5rem 0;align-items: center;border-top: 1px solid #F4F4F4;}
.listflow li span{font-size: 1.2rem;font-weight: bold;margin-right: 1rem;}
.topico{margin-right: 1rem;}
.topico img{width: 4.5rem;border-radius: 1rem;}
.topbanner{margin-left: auto;}
.topbanner img{width: 9rem;}
.topsts,.topscore{display: flex;align-items: center;}
.platform i{color: #16baaa;font-size: 12px;}
.topbanner{max-height: 5rem;overflow: hidden;border-radius: 0.5rem;}
.topinfo{overflow: hidden;}
.topname{font-size: 1.05rem;font-weight: bold;line-height: 2rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 18rem;display: block;}
.topscore{margin-right: 0.1rem;}
.topscore .star{margin-right: 0.1rem;}
.topscore .score{font-size: 1rem;}
.topsts{min-width: 8rem;}
.topsts a{margin:0 0.1rem;font-size: 12px;}
.toptabheadrtitle{display: flex;font-size: 0.95rem;min-width: 20rem;}
.toptabheadrtitle a{margin-right: 1rem;padding: 0.5rem 0;line-height: 1rem;}
.No1{color: #16baaa;}
.No2{color: #ff5722;}
.No3{color: #1e9fff;}

/*返回顶部*/
.back-top {position: fixed;cursor: pointer;left: 80%;bottom: 0;z-index: 100;visibility: hidden;padding: 5px 10px;background: #e7e7e7;color: #16baaa}
.back-top:hover {color: #fff;background: #16baaa}
.back-top i {font-size: 24px}
.fixed {position: fixed;background: #F4F4F4;margin-top: -6.5rem;padding: 20px;z-index: 99999;}

/*Detail*/
.detail{border-radius: 1rem;}
.detail .swiper{border-radius: 1rem;overflow: hidden;}
.detail .swiper img{height: auto!important;}
.detail{padding: 0.6rem;background: #fff;overflow: hidden;}
.appinfo{margin: 1rem 0;display: flex;align-items: center;}
.appinfoimg{margin-right: 0.5rem;}
.appinfoimg img{width: 4.5rem;border-radius: 1rem;}
.appinfoscore{display: flex;align-items: center;margin-left: auto;}
.appinfotext{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.appinfoname{font-size: 1.1rem;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.appinfots{font-size: 12px;display: flex; margin: 0.3rem 0;min-width: 18rem;align-items: center;}
.label{color: #16baaa;margin-right: 0.3rem;border: 1px solid #16baaa;padding: 0 0.3rem;border-radius: 0.2rem;}
.label:hover{background: #16baaa;color: #fff;}
.appinfocontent{overflow: hidden;position: relative;}
.qrcodeico i{font-size: 16px!important;padding: 3px;background: #16baaa;color:#fff;}
.qrcode{position: fixed;width: 90px;margin-left:120px;padding: 8px;background: #fff;border:1px solid #bdbdbd;}
.qrcode img{width: 100%;}
.appinfots i{font-size: 12px;}
.reco{color:#16baaa}
.reco i{font-size: 20px;}
.detail table{width: 100%;text-align: center;height: 4rem;border-top: 1px solid #F4F4F4;min-width: 22rem;color: #818181;}
.detail table a{color: #818181;}
.detail table td{width: 20%;}
.tabhead{font-size: 12px;}
.tabcont{font-weight: bold;}
.downbox{display: flex;margin: 10px 0;}
.downbox a{width: 100%;text-align: center;margin: 0 10px;color: #fff;padding: 10px 0;border-radius: 20px;}
.downbox a i{margin-right: 5px;}
.isAndroid{background: #16baaa;}
.isIos{background: #1e9fff;}
.isNotAndroid,.nodown{background: #999;}
.isNotIos{background: #999;}
.gameDetailNav{display: flex;align-items: center;font-size: 1.1rem;border-bottom: 1px solid #F4F4F4;}
.gameDetailNav a{cursor: pointer;width: 33.3%;text-align: center;padding: .5rem 0;margin: .5rem 0;}
.active{color: #16baaa;font-weight: bold;}
.areaTitle{font-size: 1.1rem;font-weight: bold;line-height: 2.2rem;border-left: .4rem solid #16baaa;padding-left: .5rem;margin: .5rem 0;background: #F4F4F4;}
.areaContent{line-height: 30px;}
.areaContent img{max-width: 100%;}
.areaContent li{display: flex;border-bottom: 1px dotted #999;margin-bottom: 5px;padding-bottom: 5px;}
.areaContent li .iteminfo_value{margin-left: auto;}
.area{padding: .5rem;overflow: hidden;}
.sidelist .gmBoxDown{background:#fff;display:flex;}
.sidelist .gmBoxDown p{font-size:1rem;margin-left:.5rem;border-bottom: none;}
.sidelist .gmBoxDown img{width:90px;}
.sidelist .siteInfo{color:#9e9e9e}
.sidelist .siteInfo li{border:none;margin: 0;padding: 0;}
.sidelist.siteInfo li a{color:#9e9e9e}
.sidelist .siteInfo li span{margin:0 .5rem;}
.sidelist .siteInfo li a i{margin-right:5px;}
.sidelist .siteInfo li a img{margin-right:5px;}
.nav_mini{position: fixed;left: 0;bottom: 0;width: 100%;text-align: center;align-items: center;background: #fff;padding: 12px 0;}
.nav_mini li{width: 20%;}

.down_wx_guide{width: 100%;padding: 60px 0;background: url(/static/style/images/arrow.png) no-repeat;background-size: 120px;background-position-x: right;background-position-y: 20px;}
.down_wx_guide span{display: block;line-height: 30px;margin-left: 50px;font-size: 16px;}
.down_wx_guide span i{margin: 0 10px;padding: 10px 0;}
.down_wx_guide i{font-size: 24px;color: #16b777;vertical-align: middle;}
.down_wx_guide .layui-layer-setwin{position: relative;text-align: center!important;}
.down_wx_guide .layui-layer-setwin .layui-layer-close2{right: auto;color: #fff;font-size: 36px;top: auto;padding: inherit;}

.cate{background: #fff;padding: 1rem;border-radius: 1rem;}
.catselect{display: flex;}
.catselect .layui-form-select .layui-input{border: none;box-shadow: none;}
.areaTags{overflow-x: scroll;white-space: nowrap;padding: 0.5rem;}
.areaTags a{padding: 0.1rem 0.5rem;background: #F4F4F4;margin: 0.3rem;font-size: 12px;border: 1px solid #b9b9b9;}

.guessyoulike li{width: 50%;float: left;margin: 5px 0;padding: 5px 0;}
.guessyoulike li a{display: flex;align-items: center;}
.guessyoulike li img{width: 60px;margin-right: 10px;border-radius: 1rem;}
.guessiteminfo p{font-weight: bold;}
.guessyoulike.layui-carousel>[carousel-item]>*{background-color: #fff;}
.guessyoulike.layui-carousel{background-color:#fff}

.collectflow li{display: inline-block;}
.collectionitem{width: 20%;float: left;text-align: center;margin: 10px 0;}
.collectionitem a img{width: 80%;}
.collectionitem a span{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.collectiontitle{display: flex;}
.collectiontitle a{font-size: 14px;font-weight: 600;margin-left: auto;padding: 0 10px;}
.tags{display: inline-block;background: #F4F4F4;padding:5px 10px;margin: 5px;border-left: 5px solid #b9b9b9;box-shadow: 0 0 0.5rem 0 rgb(50 50 50 / 40%);}
.tags:hover{border-left: 5px solid #16baaa;}
.imgzone{display: flex;margin: 1rem 0;overflow-x: scroll;}
.imgzone img{margin-right: 0.5rem;cursor: pointer;}
.imgzone video{margin-right: 0.5rem;}

#frendlinks a{font-size: 12px;margin-right: 10px;color: #9e9e9e;}

.topicFlow{border-radius: 1rem;overflow: hidden;}
.topiclist{padding: 1rem;background: #fff;margin-bottom: 2px;}
.topiclist .uico img{width: 3rem;margin-right: 1rem;}
.topiclist .tinfo p{font-weight: bold;}
.topiclist .tinfo div{font-size: 12px;}
.topiclist .tinfo div a{margin: 0 5px;}
.topiclist .tinfo div .a_type{color: #16baaa;}
.topiclist .tinfo div .a_union{color: #ff6600;}
.topiclist .tinfo div span{color: #999;}
.topiclist .topicinfo{align-items: center;margin-bottom: 5px;}
.topiclist .topicinfo .tool{margin-left: auto;}
.topiclist .topiccontent{max-height: 400px;overflow: hidden;}
.topiclist .topiccontent img{max-width: 100%;}
.topiclist .topicaction{margin-top: 10px; align-items: center;}
.topiclist .topicaction a{width: 33.33%;justify-content: center;align-items: center;}
.topiclist .topicaction a i{font-size: 24px;font-weight: bold;margin-right: 5px;}

.topicdetail{padding: 1rem;background: #fff;border-radius: 1rem;overflow: hidden;}
.topicdetail .uico img{width: 3rem;margin-right: 1rem;}
.topicdetail .tinfo p{font-weight: bold;}
.topicdetail .tinfo div{font-size: 12px;}
.topicdetail .tinfo div a{margin: 0 5px;}
.topicdetail .tinfo div .a_type{color: #16baaa;}
.topicdetail .tinfo div .a_union{color: #ff6600;}
.topicdetail .tinfo div span{color: #999;}
.topicdetail .topicinfo{align-items: center;margin-bottom: 5px;}
.topicdetail .topicinfo .tool{margin-left: auto;}
.topicdetail .topiccontent img{max-width: 100%;}
.topicdetail .topicaction{margin-top: 10px; align-items: center;}
.topicdetail .topicaction a{width: 33.33%;justify-content: center;align-items: center;}
.topicdetail .topicaction a i{font-size: 24px;font-weight: bold;margin-right: 5px;}
.topicdetail section{margin: 1rem 0;line-height: 2rem;}
.topicmoretitle{margin: 20px 0;padding: 0 10px;font-size: 1.2rem;font-weight: bold;color: #16baaa;border-left: 5px solid #16b777;}

.historytitle i{margin-left: auto;cursor: pointer;}
.searchhistory a{margin-right: 10px;}

.commentlist {border-bottom: 1px solid #F4F4F4;margin: 10px 0;}
.commentlist .userinfo img{width:40px;height:40px;border-radius:50%;}
.commentlist .userinfo div{margin-left: 10px;}
.commentlist .userinfo div p{font-weight: bold;}
.commentstar{align-items: center;}
.commentlist .commentaction {margin-top: 10px;align-items: center;}
.commentlist .commentaction a {width: 33.33%;justify-content: center;align-items: center;}
.commentlist .commentaction a i {font-size: 24px;font-weight: bold;margin-right: 5px;}

.gamerate{padding: 1rem;border-radius: 0.5rem;overflow: hidden;border:1px solid #F4F4F4;background: #F4F4F4;}
.gamerate p{font-weight: bold;}
.loginbox {padding: 1rem;}
.loginbox img{max-height: 40px;}

.commentbox_score {align-items: center;}
.commentbox_score .useravatar{width: 32px;height: 32px;}
.commentbox_score p{margin-left: 10px;}
.commentbox_score .useravatar img{width: 32px;height: 32px;border-radius: 50%;}
.commentbox_score .useravatar svg{width: 32px;height: 32px;border-radius: 50%;}
.commentbox .commentbtn{margin-top: 5px;}

@media screen and (max-width: 500px){
    .layui-layer{
        width: 90%!important;
    }
}

/* 端游 */
.pc-header{background: #fff;padding: 10px 20px;border-bottom: 1px solid #F4F4F4;}
.pc-header .pc-logo img{width: 200px;}
.pc-header .pc-nav{align-items: center;width: 1200px;margin: 0 auto;}
.pc-nav-list li a{font-size: 18px;margin: 0 20px;font-weight: bold;}
.pc-header .aboutuser{margin-left: auto;}
.pc-section{width:1200px;margin: 0 auto;margin-top: 20px;}
.pc-section .pc-game-focus{width: 800px;background: #F4F4F4;color: #000;}
.pc-section .pc-game-focus video{width: 100%;}
.pc-game-focus .swiper {width: 100%;height: 100%;}
.pc-game-focus .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.pc-game-focus .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.pc-game-focus .swiper {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.pc-game-focus .swiper-slide {background-size: cover;background-position: center;}
.pc-game-focus .mySwiper2 {height: 80%;width: 100%;}
.pc-game-focus .mySwiper {height: 20%;box-sizing: border-box;padding: 10px 0;}
.pc-game-focus .mySwiper .swiper-slide {width: 25%;height: 100%;opacity: 0.4;cursor: pointer;}
.pc-game-focus .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.pc-game-focus .mySwiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.pc-game-focus .slide-video::before{cursor: pointer;content: "";display: block;z-index: 11;width: 32px;height: 32px;background-image: url(/static/style/images/video_play.png);background-repeat: no-repeat;background-size: contain;position: absolute;left: 50%;top: 50%;margin: -15px 0 0 -13px;z-index: 20;}
.pc-game-info{width:350px;background:#fff;margin-left: auto;padding: 20px;position: relative;}
.pc-game-info h1,.pc-game-info h2{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pc-game-titlebox-left{width: 80%;}
.pc-game-info .pc-game-type,.pc-game-info .pc-game-language,.pc-game-info .pc-game-size,.pc-game-info .pc-game-platform,.pc-game-info .pc-game-tags,.pc-game-info .pc-game-down,.pc-game-info .pc-game-adtitle,.pc-game-info .pc-game-company,.pc-game-info .pc-game-wholesale{margin: 10px 0;font-size: 16px;}
.pc-game-info .pc-game-down a{height: 48px;line-height: 48px;}
.pc-game-info .pc-game-down i{transform: rotate(180deg);}
.pc-game-info .pc-game-adtitle{color: #16baaa;}
.pc-section .pc-game-platform a,.pc-section .pc-game-mode a{padding: 2px 10px;border-radius: 3px;border: 1px solid #16baaa;color: #16baaa;}
.pc-game-info .pc-game-type a{padding: 2px 10px;border-radius: 3px;border:1px solid #16baaa;color:#16baaa;}
.pc-game-info .pc-game-down-box{ position: absolute;bottom: 10px;width: 350px;}
.pc-section .pc-section-title{font-size: 20px;margin-bottom: 10px;}
.pc-section .pc-section-content{background: #fff;padding: 20px;}
.pc-section .pc-section-content .pc-content-text{font-size:16px}
.pc-section .pc-content-images img{width: 100%;height: auto;margin-bottom: 10px;}
.pc-section .pc-guess li{width: 24%;padding: 5px;text-align: center;float: left;}
.pc-section .pc-guess li a img{width: 100%;}

/*首页轮播*/
.home-focus h2{	
    font-family: -webkit-pictograph;
    font-size:30px;
    font-style:italic;
    text-align:center;
}
.home-focus .swiper-container {
    padding-bottom:40px;
}
.home-focus .swiper-wrapper{
}
.home-focus .swiper-slide {
    width:978px;
    transition-timing-function:linear;
}
@media only screen and (max-width:1200px){
    .home-focus .swiper-slide {
        width:770px;
    }
}
@media only screen and (max-width:980px){
    .home-focus .swiper-slide {
        width:471px;
    }
}
@media only screen and (max-height:480px){
    .home-focus .swiper-slide {
        width:471px;
    }
}
.home-focus .swiper-slide img{
    width:100%;
    border-radius: 4px;}
.home-focus .swiper-slide .title{
    position:absolute;
    transform:rotate(90deg);
    transform-origin:left top;
    left:-3px;
    font-size:12px;
    color: #fff;}	
.home-focus .swiper-button-next, .home-focus .swiper-button-prev{
    width:86px;
    height:112px;
    background-size:86px 112px;
    margin-top:-56px;
    outline:none;}
.home-focus .swiper-button-next{
    background-image:url(/static/style/images/cursor-next.png);}
.home-focus .swiper-button-prev{
    background-image:url(/static/style/images/cursor-prev.png);}
.home-focus .swiper-pagination-bullet{
    background:none;
    opacity:1;
    margin:0 6px !important;
    width:9px;
    height:9px;
    position:relative;
    outline:none;
    vertical-align:middle;}
.home-focus .swiper-pagination-bullet span{
    width:3px;
    height:3px;
    background:#fff;
    display:block;
    border-radius:50%;
    margin-top:3px;
    margin-left:3px;
}
.home-focus .swiper-pagination-bullet i{
    background:#fff;
    height:1px;
    width:20px;
    position:absolute;
    top:4px;
    transform:scaleX(0);
    transform-origin:left;
    z-index:3;
    transition-timing-function:linear;
    }
.home-focus .swiper-pagination-bullet-active span,.home-focus .swiper-pagination-bullet:hover span{
    width:9px;
    height:9px;
    margin-top:0;
    margin-left:0;
    background:#fff;
    position:relative;
    z-index:1;
    }
.home-focus .swiper-pagination-bullet-active i{
    animation:middle 6s;
    }
.home-focus .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
    animation:first 6s;
    }
.home-focus .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
    animation:last 6s;
    }				
@keyframes first{
    0% {transform:scaleX(0.5);left:0px;}/*091*/
    100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
    0% {transform:scaleX(0.7);left:-10px;}/*1090*/
    20% {transform:scaleX(0.3);left:2px;} /*090*/
    100% {transform:scaleX(0.3);left:0px;} /*090*/
}		
@keyframes middle{
    0% {transform:scaleX(0.7);left:-10px;}/*1091*/
    20% {transform:scaleX(0.45);left:2px;}/*092*/
    100% {transform:scaleX(1);left:2px;} /*0913*/
}

.home-focus{background: #000;padding-top: 20px;}
.home-focus img{height: 550px;}
.pc-home-content .pc-section-title{font-size:28px;font-weight: bold;}
.pc-home-content .pc-item{width: 250px;padding: 20px;margin: 5px;background: #fff;}
.pc-home-content .pc-item:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);transition: all 0.3s;}
.pc-home-content .pc-item .pc-item-img{width: 100%;height: 360px;overflow: hidden;border-radius: 4px;display: flex;justify-content: center;}
.pc-home-content .pc-item img{height: 100%;border-radius: 4px;}
.pc-home-content .pc-item-left{width: 60%;}
.pc-home-content .pc-item-title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pc-home-content .pc-item-title a{font-size: 18px;font-weight: bold;}
.pc-home-content .pc-item-title a:hover{color:#ff5722;}
.pc-home-content .pc-item-right{margin-left: auto;}
.pc-home-content .pc-item-info{align-items: center;margin-top: 10px;}
.pc-home-content .pc-section-content li{width: 29.1%;display: inline-block;margin: 5px;background: #fff;padding: 20px;}
.pc-home-content .pc-section-content li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);transition: all 0.3s;}
.pc-home-content .pc-section-content li img{width: 100%;border-radius: 4px;}
.pc-home-content .pc-section-content li h1{font-size: 18px;}
.pc-home-content .itemcardinfo{padding: 0;}
.pc-home-content .pc-section-content{padding: 0;background: #F4F4F4;}
.pc-home-content .pc-item-img{width: 100%;height: 200px;overflow: hidden;border-radius: 4px;}
.pc-footer{background: #333;padding: 20px 0;color: #fff;margin-top: 20px;}
.pc-footer .gmBoxDown img{width: 200px;margin-right: 20px;}
.pc-footer a{color: #fff;text-decoration: none;}
.pc-footer li{margin: 5px 0;}
.pc-content .pc-section-title .layui-form-radio div{font-size:28px;font-weight: bold;color: #999;}
.pc-content .pc-section-title .layui-form-radioed div{color: #16baaa;}
.pc-content .pc-section-title .layui-form-radio i{display: none;}
.pc-content .store-title .layui-form-radio div{font-size:20px;font-weight: bold;color: #999 ;}
.pc-content .store-title .layui-form-radioed div{color: #16baaa;}
.pc-search{z-index: 101;margin-left: auto;}
.pc-search-list{position: absolute;background: #fff;border: 1px solid #eee;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);padding: 20px;width: 300px;}
.pc-search-box input{width: 340px;}
.pc-hotgames li{width: 300px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pc-searchsuggest li a span{color: #16baaa;}
.pc-searchsuggest li{width: 300px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pc-searchsuggest img{width: 90px;}
.pc-history i{margin-left: auto;cursor: pointer;}
.pc-searchhistory a{margin-right: 10px;display: inline-block;}
.pc-hotkeywords a{background: #F4F4F4;padding: 0 5px;margin:5px 5px 5px 0;display: inline-block;border-radius: 4px;}
.pc-hotkeywords a:hover{background: #16baaa;color: #fff;}
.pc-home-top a{position: relative;}
.pc-home-top a .pc-top-item-image{display: flex;align-items: center;justify-content: center;height: 500px;overflow: hidden;}
.pc-home-top a .pc-top-item-info{position: absolute;width: 600px;padding: 20px;background: rgb(0,0,0,0.4);color: #fff;margin-top: 250px;margin-left: 20px;}
.pc-home-top a .pc-top-item-info h1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pc-home-top a .pc-top-item-info p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;  /* 控制显示行数 */overflow: hidden;text-overflow: ellipsis;word-break: break-word;}