/*初始化*/
a,blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none;color: #333}
a,img{-webkit-touch-callout:none}
li,ol,ul{list-style:none}
input,textarea{outline:0;background:#fff;white-space:pre-wrap;word-wrap:break-word;resize:none;-webkit-appearance:none}
/*@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:360px){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:540px){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:640px){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}html .wanyxApp{margin:0 auto;width:768px}}*/

html{font-size:-webkit-calc(13.33333333vw);font-size:calc(13.33333333vw)}
@media screen and (max-width:320px){html{font-size:42.667px;font-size:-webkit-calc(13.33333333vw);font-size:calc(13.33333333vw)}}
@media screen and (min-width:321px) and (max-width:360px){html{font-size:48px;font-size:-webkit-calc(13.33333333vw);font-size:calc(13.33333333vw)}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:-webkit-calc(13.33333333vw);font-size:calc(13.33333333vw)}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:-webkit-calc(13.33333333vw);font-size:calc(13.33333333vw)}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:-webkit-calc(13.33333333vw);font-size:calc(13.33333333vw)}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:-webkit-calc(13.33333333vw);font-size:calc(13.33333333vw)}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:-webkit-calc(13.33333333vw);font-size:calc(13.33333333vw)}}
@media screen and (min-width:481px) and (max-width:540px){html{font-size:72px;font-size:-webkit-calc(13.33333333vw);font-size:calc(13.33333333vw)}}
@media screen and (min-width:541px) and (max-width:640px){html{font-size:85.33px;font-size:-webkit-calc(13.33333333vw);font-size:calc(13.33333333vw)}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:-webkit-calc(13.33333333vw);font-size:calc(13.33333333vw)}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:-webkit-calc(13.33333333vw);font-size:calc(13.33333333vw)}}
@media screen and (min-width:769px){html{font-size:102.4px}html .wanyxApp{margin:0 auto;width:768px}}

body{background:#f6f6f6;font-family:'PingFang SC', 'STHeiti', 'Microsoft YaHei', 'Helvetica', 'Arial', sans-serif;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}
.wanyxApp{width:100%;font-size:.28rem;position:relative; box-shadow:0 3px 6px #ddd;min-height:100vh;overflow:hidden}


/* 共用样式大全 */
.section-container{margin-bottom:.2rem;padding:.1rem .2rem;background-color:#fff}
.mg05{m../images/argin:.05rem 0}
.mgb20{margin-bottom:.2rem}
.mgt20{margin-top:.2rem}

/* 通用 header 头部 */
.header{overflow:hidden;background:#fefefe}
.header-top{position:relative;overflow:hidden;padding:.04rem .16rem 0 .16rem;height:.8rem}
.header-logo{float:left;display:block;width:1.64rem;height:.8rem;background:url(../image/logo.png) no-repeat left center;background-size:auto .6rem;color:#fff;text-align:center;font-weight:700;font-size:.4rem}
.header-search{display:flex;overflow:hidden;margin:.08rem 0 0 2.1rem;border:.02rem solid #e3e3e3;border-radius:.1rem;background-color:#fff;justify-content:space-between}
.header-search input{display:inline-flex;height:.6rem;line-height:.6rem}
.header-search .search-txt{width:3rem;background:0 0;color:#333;text-indent:.2rem;font-size:.28rem;flex-grow:2}
.header-search .search-txt::-webkit-input-placeholder{color:#999;font-size:.28rem;line-height:.6rem}
.header-search .search-btn{width:.7rem;height:.6rem;border-left:1px solid #e3e3e3;background:url(../image/icon_search.png) #fafafa no-repeat center top;background-size:.56rem auto;flex-grow:0}
.header-search .search-btn:active,.header-search .search-btn:hover{background-color:#f2f2f2}
.header-menu{position:absolute;top:0;right:0;padding:.2rem .3rem 0 .2rem;width:.4rem;height:.4rem}
.header-menu span{display:block;width:100%;height:100%;background:url(../image/icon_menu.png) no-repeat center top;background-size:.4rem auto}
.header-menu:active span,.header-menu:hover span{background-position:center bottom}

/* 通用的nav 功能导航 */
.nav{background:#fff}
.nav .swiper-slide{overflow:hidden;width:auto;height:.86rem;text-align:center}
.nav a{display:inline-block;padding:0 .28rem;color:#333;font-weight:400;font-size:.32rem;line-height:.86rem;transition:all .3s ease}
.nav .active a{color:#f50;font-weight:800}
.nav .active a:before{position:absolute;bottom:0;left:50%;display:block;margin-left:-.2rem;width:.4rem;height:.04rem;background:#f50;content:" "}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#f50}

/* 通用breadcrumb 面包屑导航 */
.crumbs{padding:0 0 0 .3rem;color:#999;font-size:.24rem;line-height:.6rem}
.crumbs-wrap{display:flex;overflow:hidden;padding-left:.28rem;background:url(../image/icon_crumbs.png) no-repeat left top;background-size:.24rem auto}
.crumbs-item{margin-right:.1rem;padding-right:.26rem;height:.6rem;background:url(../image/icon_crumbs.png) no-repeat right bottom;background-size:.24rem auto;color:#666;line-height:.6rem;flex:0 0 auto}
.crumbs-item:active,.crumbs-item:hover{color:#f50}
.crumbs-item.current{overflow:hidden;padding:0;background:0 0;color:#999;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}

/* 通用的 footer */
.footer{margin-top:.1rem;padding:.4rem .4rem .6rem .4rem;color:#999;text-align:center;font-size:.24rem}
.footer p{display:block;margin:.12rem 0;text-align:center}
/* 通用的 返回顶部 */
.actGotop{position:fixed;right:2.5%;bottom:15px;z-index:999;display:none;width:.84rem;height:.84rem;box-shadow:0 .04rem .16rem rgba(255,85,0,.3)}
.actGotop a{display:block;width:.84rem;height:.84rem;background:url(../image/gotop.png) #f50 no-repeat center;background-size:.46rem .46rem;border-radius:.1rem}

/* 通用的banner */
.banner{background-color:#fff;padding-top:.08rem}
.banner a{position:relative;display:block;overflow:hidden;width:100%;height:2.8rem}
.banner a img{display:block;width:100%;height:100%;object-fit:cover}
.banner a p{position:absolute;bottom:0;left:0;padding-top:.6rem;padding-right:20%;width:80%;height:1rem;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9));color:#fff;text-indent:1em;font-weight:700;font-size:.32rem;line-height:1rem}
.banner .swiper-pagination{top:auto;bottom:0}

/* 通用标题 */
.gtitle{overflow:hidden;height:.7rem;border-bottom:.02rem solid #f2f2f2;line-height:.7rem}
.gtitle h2{position:relative;overflow:hidden;float:left;padding-left:.3rem;letter-spacing:1px;font-weight:700;font-size:.32rem}
.gtitle h2::after{position:absolute;top:.18rem;left:0;width:.1rem;height:.34rem;border-radius:.1rem;background-color:#f50;content:''}
.gtitle .gmore{float:right;margin-top:.15rem;padding-right:.2rem;height:.4rem;background:url(../image/icon_more.png) no-repeat right top;background-size:.2rem auto;color:#aaa;font-size:.24rem;line-height:.4rem}
.gtitle .gmore:hover{background-position:right bottom;color:#f50}
/* 通用的切换tab 标题栏 */
.gtitle .tabBox{float:right;overflow:hidden;margin-top:.05rem}
.gtitle .tabBox li{float:left;margin:0 .12rem;padding:0 .07rem;height:.6rem;text-align:center;line-height:.6rem;border-bottom:.04rem solid #fff}
.gtitle .tabBox li.on{border-color:#f50;color:#f50;font-weight:700}
/* 标题中带图标的 */
.gtitle .tabBox li.tit-hot{padding-left:.4rem;background:url(../image/icon_tit_hot.png) no-repeat left top;background-size:.4rem auto}
.gtitle .tabBox li.tit-new{padding-left:.4rem;background:url(../image/icon_tit_new.png) no-repeat left top;background-size:.4rem auto}
.gtitle .tabBox li.tit-pojie{padding-left:.4rem;background:url(../image/icon_tit_pojie.png) no-repeat left top;background-size:.4rem auto}
.gtitle .tabBox li.tit-game{padding-left:.4rem;background:url(../image/icon_tit_game.png) no-repeat left top;background-size:.4rem auto}
.gtitle .tabBox li.tit-soft{padding-left:.4rem;background:url(../image/icon_tit_soft.png) no-repeat left top;background-size:.4rem auto}
.gtitle .tabBox li.tit-zt{padding-left:.4rem;background:url(../image/icon_tit_zt.png) no-repeat left top;background-size:.4rem auto}
.gtitle .tabBox li.tit-xilie{padding-left:.4rem;background:url(../image/icon_tit_xilie.png) no-repeat left top;background-size:.4rem auto}
.gtitle .tabBox li.on{background-position:left bottom}
/* tagBox */
.tagBox{overflow:hidden}
.tagBox li{display:none}
.tagBox li:first-child{display:block}
/* 通用的切换tab-wrap 通栏 */
.tab-wrap{display:flex;overflow:hidden;padding-top:.04rem;justify-content:space-around}
.tab-wrap .tab-item{text-align:center;flex:1 0 auto}
.tab-wrap .tab-item.on{border-bottom:.06rem solid #f50;color:#f50;font-weight:700}
.tab-wrap .tab-item span{display:inline-block;padding-left:.48rem;height:.6rem;background-position:left top;background-size:.44rem auto;background-repeat:no-repeat;font-size:.32rem;line-height:.6rem}
.tab-wrap .tab-item.on span{background-position:left bottom}
/* tag-wrap */
.tag-wrap{overflow:hidden}
.tag-wrap .tag-item{display:none}
.tag-wrap .tag-item:first-child{display:block}

/* 通用的推荐导航入口 单行模板 */
.reco-nav{padding:.2rem .1rem;background:#fff}
.reco-nav-wrap{display:flex;justify-content:space-around}
.reco-nav-item{flex:1}
.reco-nav-item span{display:block;margin:0 auto;width:1rem;height:1rem;background-color:#fcfcfc}
.reco-nav-item i{display:block;margin-top:.1rem;color:#666;text-align:center;font-style:normal;font-size:.28rem;line-height:.5rem}

/* card 上图下文 默认单排居中对齐 */
.card-upDown{display:flex;margin:.08rem 0 .1rem 0;justify-content:space-around;align-items:start;align-content:flex-start}
.card-upDown .card-item{margin:.12rem 0 .04rem 0;flex:1 0 1.4rem}
.card-upDown .card-item .card-img{display:block;overflow:hidden;margin:0 auto;width:1.4rem;height:1.4rem;}
.card-upDown .card-item img{display:block;width:100%;height:100%;object-fit:cover;border-radius: .34rem;}
.card-upDown .card-item .card-tit{display:block;overflow:hidden;margin-top:.1rem;height:.4rem;color:#333;text-align:center;font-size:.26rem;line-height:.4rem}
.card-upDown .card-item .card-tips{display:block;overflow:hidden;height:.28rem;color:#333;text-align:center;font-size:.24rem;line-height:.28rem}
.card-upDown .card-item .card-tips em{color:#f50;font-style:normal}
.card-upDown .card-item .card-btn{display:block;box-sizing:border-box;margin:.06rem auto 0 auto;width:1.26rem;border:.02rem solid #f50;border-radius:.1rem;color:#f50;text-align:center;font-weight:700;line-height:.52rem}
.card-upDown .card-item .card-btn:active,.card-upDown .card-item .card-btn:hover{background:#f50;color:#fff}
/* card 合集和专区 */
.hjzq{flex-wrap:wrap;justify-content:space-between}
.hjzq .card-item{flex:0 0 1.4rem}
.hjzq .card-item .card-img{width:3.5rem;height:1.75rem;}
.hjzq .card-item .card-img img{border-radius:.1rem}
.hjzq .card-item .card-tit{font-size:.28rem}
.hjzq .card-item .card-tit:active,.hjzq .card-item .card-tit:hover{color:#f50}

.card-upDown.video .card-item .card-tit{
    height: .8rem;
    text-align: left;
    font-size: .24rem;
}

/* card 上图下文 多行左浮动 */
.card-game{overflow:hidden;margin:.08rem 0 .1rem 0}
.card-game .card-item{margin:.12rem 0;float:left;display:block;width:25%}
.card-game .card-item .card-img{width:1.3rem;height:1.3rem;margin:0 auto;overflow:hidden;display:block}
.card-game .card-item img{display:block;width:100%;height:100%;border-radius:.3rem;object-fit:cover}
.card-game .card-item .card-tit{text-align:center;line-height:.4rem;height:.4rem;margin-top:.1rem;color:#333;display:block;overflow:hidden;font-size:.26rem}
.card-game .card-item:active .card-tite,.card-game .card-item:hover .card-tit{color:#f50}
.card-game .card-item .card-btn{display:block;width:1.26rem;text-align:center;line-height:.52rem;color:#f50;border:.02rem solid #f50;box-sizing:border-box;margin:.06rem auto 0 auto;border-radius:.1rem;font-weight:700}
.card-game .card-item .card-btn:active,.card-game .card-item .card-btn:hover{background:#f50;color:#fff}

/* card 左图右文 */
.card-lr{display:block;overflow:hidden;padding:.2rem 0;height:1.3rem}
.card-lr .card-img{float:left;display:block;overflow:hidden;margin-right:.16rem;width:1.2rem;height:1.2rem}
.card-lr .card-img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}
.card-lr .card-desc{overflow:hidden}
.card-lr .card-desc h3{overflow:hidden;height:.4rem;color:#333;font-weight:400;font-size:.3rem;line-height:.4rem}
.card-lr .card-desc p{overflow:hidden;max-height:2em;color:#787878;font-size:.24rem;line-height:.32rem}
.card-lr .card-desc .classify{display:block;overflow:hidden;margin-bottom:.04rem;height:.32rem;color:#787878;font-size:.24rem;line-height:.32rem}
.card-lr .card-desc .classify i{float:left;display:block;margin-left:.1rem;padding-left:.2rem;background:url(../image/icon_line.png) no-repeat left center;background-size:.12rem auto;font-style:normal}
.card-lr .card-desc .classify i:first-child{margin-left:0;padding-left:0;background:0 0}
.card-lr .card-desc .card-btn{display:block;box-sizing:border-box;width:1.2rem;border:.02rem solid #f50;border-radius:.06rem;color:#f50;text-align:center;letter-spacing:1px;line-height:.4rem}
.card-lr .card-desc h3:active,.card-lr .card-desc h3:hover{color:#f50}
.card-lr .card-desc .card-btn:active,.card-lr .card-desc .card-btn:hover{background-color:#f50;color:#fff}

/* 通用游戏列表-左图右字 */
.list-lr{display:block}
.list-lr-item{display:block;display:flex;margin-top:.2rem;padding:.1rem 0;justify-content:space-between}
.list-lr-item:first-child{margin-top:0}
.list-lr-item::after{clear:both;display:block;visibility:hidden;height:0;content:""}
.list-lr-item .li-img{display:block;overflow:hidden;margin-right:.2rem;width:1.4rem;height:1.4rem;flex:0 0 auto}
.list-lr-item .li-img.size43{width:2.2rem;height:1.4rem}
.list-lr-item .li-img img{display:block;width:100%;height:100%;border-radius:.34rem;object-fit:cover}
.list-lr-item .li-img.size43 img{border-radius:.1rem}
.list-lr-item .li-btn{display:block;margin-left:.1rem;width:1.5rem;border-radius:.1rem;background:#ff8040;color:#fff;text-align:center;letter-spacing:1px;font-size:.32rem;line-height:.76rem;flex:0 0 auto;align-self:center}
.list-lr-item .li-btn:active,.list-lr-item .li-btn:hover{background:#f50}
.list-lr-item .li-infor{overflow:hidden;flex:1 1 auto;align-self:center}
.list-lr-item .li-infor h3{display:block;overflow:hidden;margin:0 0 .04rem 0;height:.5rem;color:#333;font-weight:700;font-size:.32rem;line-height:.5rem}
.list-lr-item .li-infor:active h3,.list-lr-item .li-infor:hover h3{color:#f50}
.list-lr-item .li-infor .li-dec{overflow:hidden;height:.38rem}
.list-lr-item .li-infor .li-dec span{position:relative;float:left;margin-left:.2rem;padding-left:.22rem;color:#666;line-height:.38rem}
.list-lr-item .li-infor .li-dec span::after{position:absolute;top:50%;left:0;display:block;margin-top:-.1rem;width:.02rem;height:.2rem;background:#ddd;content:''}
.list-lr-item .li-infor .li-dec span:first-child{margin-left:0;padding-left:0}
.list-lr-item .li-infor .li-dec span:first-child::after{display:none}
.list-lr-item .li-infor p{overflow:hidden;width:100%;height:.4rem;color:#999;text-overflow:ellipsis;white-space:nowrap;line-height:.4rem}
.list-lr-item .li-infor p.wrap{height:auto;max-height:.8rem;white-space:normal}
.list-lr-item .li-infor p em{color:#f50;font-style:normal; padding: 0 5px}
.hasline .list-lr-item{margin-top:0;padding:.15rem 0;border-bottom:1px dashed #e8e8e8}
/* splitter-line */
.splitter-line{border:none;border-bottom:1px dashed #eee}
/* 图片封面 */
.cover-box{display:block;overflow:hidden;margin:.2rem 0;width:100%;height:2.4rem}
.cover-box img{display:block;width:100%;height:100%;border-radius:.1rem;object-fit:cover}

/* more 通栏更多按钮 */
.more{margin:.2rem 0 .1rem 0;width:100%;height:.7rem;line-height:.7rem}
.more a{display:block;border-radius:.1rem;background-color:#eee;color:#333;text-align:center}
.more a:active,.more a:hover{background-color:#f50;color:#fff}

/* 通用的切换tab */
.gtab{margin-bottom:.1rem}
.gtab-wrap{display:flex;border-bottom:1px solid #f5f5f5;justify-content:space-around}
.gtab-wrap li{display:inline-flex;text-align:center;flex-grow:1}
.gtab-wrap li a{display:block;margin:0 auto;padding:0 .12rem;border-bottom:.06rem solid #fff;color:#666;text-align:center;line-height:.76rem}
.gtab-wrap li.current a{border-color:#478af0;color:#478af0}

/* 切换模块 eq:猜你喜欢 */
.switch-box{overflow:hidden}
.switch-hd{display:flex;overflow:hidden;padding:0 .2rem;justify-content:left}
.switch-hd li{padding:0 .2rem;height:.8rem;border-bottom:.04rem solid #f2f2f2;color:#666;text-align:center;font-weight:400;font-size:.3rem;line-height:.8rem;flex:1 0 auto}
.switch-hd li.on{border-color:#f50;color:#f50}
.switch-bd .switch-item{display:none;overflow:hidden}
.switch-bd .switch-item:first-child{display:block}

/*pages*/
.pages{padding:.2rem 0;color:#666;text-align:center;font-size:0}
.pages a,.pages span{display:inline-block;margin-right:.06rem;padding:0 .2rem;height:.6rem;border-radius:.06rem;color:#666;font-size:.28rem;line-height:.6rem}
.pages a{border:1px solid #ccc}
.pages a:active,.pages a:hover{border-color:#f50;color:#f50}
.pages .curr{border:1px solid #ff8040;background-color:#ff8040;color:#fff}
.pages .curr:active,.pages .curr:hover{border-color:#f50;background-color:#f50}

/* txtlist */
.txtlist-wrap{overflow:hidden}
.txtlist-item{border-top:1px dashed #e8e8e8;overflow:hidden;display:flex;line-height:.8rem}
.txtlist-item span{flex:0 0 auto;margin-right:.15rem;color:#ab6d4e}
.txtlist-item a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#333}
.txtlist-item a:hover{color:#f50}
/* 游戏、版本的下载 */
.edition-wrap{overflow:hidden}
.edition-item{display:flex;overflow:hidden;border-top:1px dashed #e8e8e8;line-height:.8rem;justify-content:space-between}
.edition-item:first-child{border-top:none}
.edition-item p{overflow:hidden;padding-left:.24rem;background:url(../image/icon_arr.png) no-repeat left center;background-size:.1rem auto;color:#333;text-overflow:ellipsis;white-space:nowrap}
.edition-item p:hover{color:#f50}
.edition-item .down{display:block;margin:.17rem 0 0 .15rem;width:.94rem;height:.46rem;background-color:#ff8040;color:#fff;text-align:center;font-size:.24rem;line-height:.46rem;flex:0 0 auto}
.edition-item .down:active,.edition-item .down:hover{background-color:#f50}
.edition-item .time{margin:.17rem 0 0 .15rem;height:.46rem;color:#999;text-align:right;font-size:.24rem;line-height:.46rem;flex:0 0 auto}

/* 文字链接样式 */
/* tags1 */
.tags1-wrap{overflow:hidden;margin-left:-.14rem;padding:.2rem 0 .05rem 0}
.tags1-wrap li{float:left;margin:0 0 .15rem .14rem}
.tags1-wrap li a{display:block;padding:0 .22rem;height:.48rem;border:.04rem solid #f5f5f5;border-radius:.3rem;background-color:#f5f5f5;color:#666;line-height:.48rem}
.tags1-wrap li.hot a{border-color:#fff3e1;background-color:#fff3e1;color:#fe9904}
.tags1-wrap li.new a{border-color:#e5f7f7;background-color:#e5f7f7;color:#1ec2b6}
.tags1-wrap li a:hover{border-color:#f50;background-color:#f50;color:#fff}
/* tags2 */
.tags2-wrap{overflow:hidden;margin-left:-.3rem;padding:.15rem 0}
.tags2-wrap li{float:left;margin:.05rem 0 .05rem .3rem}
.tags2-wrap li a{display:block;height:.44rem;border-radius:.3rem;color:#333;line-height:.44rem}
.tags2-wrap li:hover a{color:#f50}
/* tags3 */
.tags3-wrap{overflow:hidden;margin-left:-.14rem;padding:.2rem 0 .05rem 0}
.tags3-wrap li{float:left;margin:0 0 .15rem .14rem}
.tags3-wrap li a{display:block;padding:0 .12rem;height:.48rem;border:.04rem solid #f5f5f5;border:1px solid #eee;border-radius:.1rem;color:#666;line-height:.48rem}
.tags3-wrap li a:hover{background:#f5f5f5}
.tags3-wrap li:nth-child(8n+1) a{color:#09bc92}
.tags3-wrap li:nth-child(8n+2) a{color:#1f98ef}
.tags3-wrap li:nth-child(8n+3) a{color:#8dbb00}
.tags3-wrap li:nth-child(8n+4) a{color:#ff46cf}
.tags3-wrap li:nth-child(8n+5) a{color:#b73838}
.tags3-wrap li:nth-child(8n+6) a{color:#77770d}
.tags3-wrap li:nth-child(8n+7) a{color:#7f00ff}
.tags3-wrap li:nth-child(8n+8) a{color:#ff6214}


/* col2-box */
.col2-box{overflow:hidden}
.col2-box .col2-item{float:left;width:3.34rem;border-bottom:.02rem solid #f2f2f2}
.col2-box .col2-item:nth-child(odd){padding-right:.2rem}
.col2-box .col2-item:nth-child(even){padding-left:.2rem;border-left:.02rem solid #f2f2f2}

/* group1 首页的热门分类样式 */
.group1{overflow:hidden;margin:.2rem 0 .3rem 0;border-radius:.1rem;background-image:linear-gradient(to bottom right,#bfc7d0 ,#9da8b6);box-shadow:0 .04rem .12rem #eee}
.group1-head{display:block;overflow:hidden;height:.6rem;line-height:.6rem}
.group1-head h2{color:#fff;text-align:center;letter-spacing:1px;font-size:.32rem}
.group1-cont{padding:.1rem 6%;background:rgba(255,255,255,.9)}
.group1.color1:active,.group1.color1:hover{background-image:linear-gradient(to bottom right,#84fab0 ,#8fd3f4)}
.group1.color2:active,.group1.color2:hover{background-image:linear-gradient(to bottom right,#f093fb ,#f5576c)}
.group1.color3:active,.group1.color3:hover{background-image:linear-gradient(to bottom right,#fa709a ,#fee140)}
.group1.color4:active,.group1.color4:hover{background-image:linear-gradient(to bottom right,#9795f0 ,#fbc8d4)}

/* swiper列表相关 */
/* swiper列表里面 合集列表模块 */
.hj-s-item{display:block;width:100%}
.hj-s-item .hj-s-img{display:block;width:100%;height:2.3rem}
.hj-s-item .hj-s-img img{display:block;width:100%;height:100%;object-fit:cover}
.hj-s-infor{margin-top:.14rem;width:100%}
.hj-s-infor h3{overflow:hidden;width:100%;height:.68rem;color:#333;text-align:center;font-weight:400;font-size:.26rem;line-height:.34rem}
.hj-s-item:hover .hj-s-infor h3{color:#f50}
/* 活动合集的列表 */
.activity-swiper{margin-top:.1rem}
.activity-swiper .swiper-slide{width:3.64rem;padding-top:.1rem}
/* swiper列表里面 游戏列表模块 */
.g-s-item{display:block;width:100%;height:1.74rem}
.g-s-item .g-s-img{display:block;width:100%;height:1.2rem}
.g-s-item .g-s-img img{display:block;width:100%;height:100%;border-radius:.2rem;object-fit:cover}
.g-s-infor{margin-top:.14rem;width:100%}
.g-s-infor h3{overflow:hidden;width:100%;height:.4rem;color:#333;text-align:center;font-weight:400;font-size:.28rem;line-height:.4rem}
.g-s-item:hover .g-s-infor h3{color:#f50}
/* 紧密的列表 */
.jptj-swiper{margin-top:.1rem}
.jptj-swiper .swiper-slide{padding:.1rem 0;width:1.2rem}
.jptj-swiper .g-s-infor{margin-top:.1rem}
.jptj-swiper .g-s-infor h3{font-size:.24rem}
/* 松散的的列表 */
.game-swiper .swiper-slide{width:1.2rem;padding:.1rem 0}

/* classify-box 游戏的分类（彩色背景底） */
.fenlei{overflow:hidden}
.classify-box{overflow:hidden;padding:.16rem .12rem .12rem .12rem;background-image:linear-gradient(to bottom right,#ff758c ,#ff8040)}
.classify-box li{float:left;width:16.66%}
.classify-box li a{display:block;margin:.05rem 0;margin:0 auto;width:90%;color:#fff;text-align:center;line-height:.48rem}
.classify-box li a.active{border-radius:.3rem;background:rgba(255,255,255,.95);color:#ff8040}

/* 分类-默认，多行，左浮动，可换行（适用于4个以上分类情况） */
.mod-classify-box{overflow:hidden;margin:.2rem 0;background:#fff}
.mod-classify{padding:.1rem 2% .2rem 1%}
.mod-classify .mod-tit{margin:.04rem auto;padding-bottom:.12rem;width:96%;border-bottom:1px dashed #eee;color:#999;font-size:.24rem}
.mod-first{display:flex;flex-wrap:wrap}
.mod-first li{margin:.1rem 0 0 1%;border-radius:.06rem;background-color:#f5f5f5;flex:0 0 24%}
.mod-first li a{display:block;height:.6rem;color:#666;text-align:center;font-size:.26rem;line-height:.6rem}
.mod-first li a:hover{color:#f50}
.mod-first li.active{border-radius:.05rem;background-color:#ff8040}
.mod-first li.active a{position:relative;color:#fff;font-weight:700}
.mod-first li.active.hasSecond a::after{position:absolute;bottom:-.16rem;left:50%;display:block;margin:0 0 0 -.1rem;width:.2rem;height:.1rem;background:url(../image/icon_arr_top.png) no-repeat center;background-size:.2rem auto;content:""}
.mod-second{overflow:hidden;margin-top:.16rem;margin-left:1%;padding:.12rem 1% .12rem 1%;width:97%;border-radius:.06rem;background-color:#f5f5f5}
.mod-second a{float:left;display:block;margin-left:.11rem;padding:0 .18rem;color:#666;font-size:.26rem;line-height:.6rem}
.mod-second a:hover{color:#f50}
.mod-second a.active{color:#f50}
/* 分类-多行，宽度自动 */
.autowidth .mod-first li{flex: 0 0 auto;padding:0 .24rem}
/* 分类-单行（适用于5个及其以下分类情况） */
.single .mod-first li{flex:1 0 18%;flex-wrap:nowrap}
/* 分类end */

/* 网站声明 */
.statement{margin-bottom:.2rem;padding:.3rem;background-color:#fff;background-image:linear-gradient(to bottom right,#f4f9fd,#fff)}
.statement dl dd{color:#666}
.statement dl dd span{color:#333;font-weight:bold}

/* 通用新闻攻略列表样式 共4种样式+2种视频样式 */
.news-model{padding:.1rem 0}
.news-wrap .news-item{display:block;overflow:hidden;padding:.16rem 0;border-bottom:1px solid #f2f2f2}
.news-wrap.no-border .news-item:last-child{border-bottom:none}
.news-item h3{overflow:hidden;max-height:1rem;color:#333;font-weight:400;font-size:.32rem;line-height:.5rem}
.news-item h3:active,.news-item h3:hover{color:#f50}
.news-item img{display:block;width:100%;height:100%;border-radius:.1rem;object-fit:cover}
.news-item .info{overflow:hidden;padding-top:.12rem;height:.4rem;line-height:.4rem}
.news-item .info span{float:left;color:#999;font-size:.24rem}
.news-item .info span.name{margin-right:.28rem}
.imgwrap{position:relative;display:flex;overflow:hidden;justify-content:space-between}
.imgwrap img{display:block;width:2.25rem;height:1.5rem}
.textwrap{overflow:hidden}
/* 单图-图在左侧 */
.oneimg-left .imgwrap{float:left;overflow:hidden;margin-right:.2rem}
/* 单图-图在右侧 */
.oneimg-right .imgwrap{float:right;overflow:hidden;margin-left:.16rem}
/* 三图-图在下方 */
.threeimg .imgwrap{margin:.16rem 0 .04rem 0}
/* 单图-大图-图在下方 */
.bigimg .imgwrap{margin:.16rem 0 .03rem 0;width:100%;height:3.55rem}
.bigimg .imgwrap img{width:100%;height:100%;object-fit:cover}
/* 视频模块样式 */
.icon-video{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:.1rem;background:url(../image/icon_video.png) rgba(0,0,0,.5) no-repeat center;background-size:.84rem;transition:all linear .2s}
.oneimg-left .icon-video{background-size:.64rem}
.icon-video:active,.icon-video:hover{background-color:rgba(0,0,0,.1)}

/* 详情页-图文排版部分共用 */
.introduce{overflow:hidden}
.intro-txt{overflow:hidden}
.intro-txt::after{position:absolute;bottom:0;display:block;width:100%;height:.5rem;background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,1));content:""}
.intro-txt p{overflow:hidden;margin:.2rem 0;margin-bottom:.1rem;text-indent:1em;line-height:.5rem}
.intro-txt p:last-of-type{margin-bottom:.4rem}
.intro-txt p a{color:#00e;text-decoration:underline}
.intro-txt p iframe{display:block;margin:.2rem auto;width:90%;height:90%}
.intro-txt h4{margin:.3rem 0 .2rem 0}
.intro-txt h4 span{display:inline-block;padding:0 .2rem;height:.5rem;border-radius:.3rem;background-color:#fff4e5;color:#f50;text-align:center;font-weight:400;font-size:.3rem;line-height:.5rem}
.intro-txt p>img{display:block;margin:0 auto;width:auto;height:auto;max-width:90%;text-indent:0}
.intro-txt embed{display:block;margin:.2rem auto}
.intro-txt table{width:100%!important;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.intro-txt table td{border:1px solid #ececec;text-align:center;vertical-align:middle;padding:.1rem;width:auto !important; word-break:break-all;}
.intro-txt table td span{line-height:1.2em}
.intro-txt table td p{text-indent:0!important}
.intro-txt table td img{width:90%!important;/* height:90%!important; */margin:4% auto!important;}

.content-video{text-indent: 0px!important;text-align: center; margin: 0 auto!important;}


.content-video.heng{max-width: 100%;  height:auto}
.content-video.shu{max-width: 80%; height:auto}

.vjs-paused .vjs-big-play-button{ /* 视频暂停时显示播放按钮 */
    display: block !important;
}
.video-js .vjs-big-play-button{
    font-size: 2.5em !important;
    line-height: 2.3em !important;
    height: 2.5em !important;
    width: 2.5em !important;
    -webkit-border-radius: 2.5em !important;
    -moz-border-radius: 2.5em !important ;
    border-radius: 2.5em !important;
    background-color: #73859f !important;
    background-color: rgba(115,133,159,.5) !important;
    border-width: 0.15em !important;
    margin-top: -1.25em !important;
    margin-left: -1.75em !important;

}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -1.25em!important;
    margin-left: -1.15em!important;
}

/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
    font-size: 1.63em;
}
/* 加载圆圈 */
.vjs-loading-spinner {
    font-size: 2.5em;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    margin-top: -1em;
    margin-left: -1.5em;
}

.video-js :focus { outline:none !important;z-index: 10000 }
.video-js input::-moz-focus-inner,
.video-js button::-moz-focus-inner {
    border: 0;
}
/* 翻页-上一页下一页 */
.turnPage{display:flex;margin-bottom:.2rem;background-color:#fff}
.turnPage a{display:block;overflow:hidden;width:50%;height:.88rem;color:#666;text-overflow:ellipsis;white-space:nowrap;line-height:.88rem}
.turnPage a:active,.turnPage a:hover{background-color:#fafafa;color:#f50}
.turnPage a span{margin-left:.2rem;color:#999;font-size:.24rem}
.turnPage.wrapStyle{flex-wrap:wrap}
.turnPage.wrapStyle a{width:7.3rem;padding-right:.2rem}
.turnPage.wrapStyle a:first-child{border-bottom:1px dashed #f2f2f2}

/* error-404 */
.error-section{padding:6rem .2rem 0 .2rem;height:3rem;background:url(../image/icon_404.png) no-repeat center 1rem;background-size:3rem auto}
.error-section p{color:#666;text-align:center;font-size:.32rem;line-height:1.7em}
.error-btn{display:flex;justify-content:center}
.error-btn a{margin:.5rem .2rem 0 .2rem;border-radius:.04rem;background-color:#ff8040;color:#fff;text-align:center;line-height:.7rem;flex:0 0 2.4rem; font-size:0.3rem}
.error-btn a:hover{background-color:#f50}


.hidden{display:none !important}
.show{display:block !important}

/* mip盒子 */
.k-alertbox { padding:12px 15px 30px; background:#fff;border-radius:10px;-webkit-border-radius:10px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:200px;position: fixed;}
.k-alertbox .kclose{position:absolute;top:15px;right:15px;z-index:1105;display:block;width:15px;height:15px;background:url(../image/kclose.png) no-repeat;background-size:15px 15px;}
.k-alertbox h3{ font-size:17px; font-weight:bold; color:#333; background:url(../image/ktishi.png) no-repeat left center; background-size:17px 19px; padding-left:22px;}
.k-alertbox .kbtn{display:block;margin:8px auto 0;width:80%;height:44px; line-height:44px;border-radius:22px;font-size:16px; color:#fff;text-align:center;}
.k-alertbox .jixudown{background:#ff9500;}
.k-alertbox .zhushoudown{background:#3baa22;}
.k-alertbox p{ font-size:15px; color:#999; line-height:25px; text-align:center; padding-top:20px;}
.lightbox{margin-top: 50%;
    margin-left: 50%;
}

mip-img{width:100%;height:100%;border-radius:.12rem;object-fit:cover; text-align: center;}
mip-video{margin:0 auto;}

.intro-txt mip-img{margin: 0 auto;display: block !important; max-width: 320px!important;}

.offline{background:url(../image/zwxz-bg.png)  #fff left top !important; background-size:160px;}
.demo1 .swiper-slide {
    margin-right: 8px;
}

/*评论*/
.cmt-list-cont {margin-top:-1px; padding-top:1em; height:auto; border-top:1px dotted #c2c2c2; overflow:visible; clear:both; position:relative;}
.cmt-cont-head {float:left; width:4em; height:3.57em;}
.cmt-cont-head img {width:3em; height:3em;border-radius:50%;border:0;}
.cmt-msg-wrap {padding-left:4em; height:auto;}
.cmt-msg-wrap .msg-user {font-size:1em;position:relative;}
.cmt-msg-wrap .msg-user .user-time{float:right; color:#999;line-height:1.5em;}
.cmt-msg-wrap .msg-user .user-name {color:#fba222; text-decoration:none; max-width:7.7em; font-size:1.083em;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; line-height:1.5em;}