/* 容器 */

#BOX {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background: #f5f7f9;
}


/* 顶部logo */

#top {
    position: fixed;
    z-index: 10;
    top: 0;
    width: 100vw;
    height: 1.02rem;
    background: #fff;
}

#top>div {
    display: block;
    margin: 0 .24rem;
}

#top>div>span {
    float: right;
    display: inline-block;
    margin-left: .24rem;
    width: 1.24rem;
    height: .66rem;
    border: .02rem solid #f1f1f1;
    border-radius: .33rem;
    background: url(images/r-icon-pre.png) no-repeat center bottom;
    background-color: hsla(0, 0%, 100%, .3);
    background-size: .66rem auto;
    cursor: pointer;
}

#top>div>a {
    float: left;
    display: inline-block;
    margin-right: .24rem;
    width: 1.24rem;
    height: .68rem;
    background: url(images/k-logo.png) no-repeat left center;
    background-size: 1.22rem auto;
    cursor: pointer;
}

#top>div>.search {
    margin: .14rem 0;
    height: .7rem;
    border: .02rem solid #f1f1f1;
    border-radius: .35rem;
    background: hsla(0, 0%, 96%, .9);
    display: block;
    overflow: hidden;
}

.search img {
    float: right;
    display: inline-block;
    padding: .1rem .22rem;
    width: .32rem;
    height: .5rem;
    border-radius: .37rem;
}

.search div {
    display: block;
    margin: .1rem .76rem .1rem .36rem;
    height: .5rem;
}

.search div input {
    float: left;
    overflow: hidden;
    width: 95%;
    height: .5rem;
    border: none;
    background: 0 0;
    color: #888;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .28rem;
    line-height: .5rem;
}


/* 顶部菜单 */

#syNav {
    background: #fff;
    position: fixed;
    top: 1.02rem;
    z-index: 10;
    width: 100vw;
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

#syNav .swiper-slide {
    overflow: hidden;
    padding: 0 .12rem;
    width: 1rem;
    height: .86rem;
    text-align: center;
}

#syNav .active a {
    color: #ff9d01;
    font-weight: 800;
    font-size: .4rem;
}

#syNav a {
    display: block;
    color: #848493;
    letter-spacing: .02rem;
    font-size: .32rem;
    line-height: .86rem;
    transition: all .3s ease;
}

#syNav .active a::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    margin-left: -.2rem;
    width: .4rem;
    height: .06rem;
    background: #ff9d01;
    content: " ";
}


/* banner */

#syBanner {
    /*margin-top: 1.88rem;*/
}

#syBanner a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 4.44rem;
}

#syBanner a img {
    display: block;
    width: 100%;
    height: 100%;    
}

#syBanner .swiper-pagination {
    bottom: 29.02rem;
}

#syBanner .swiper-pagination span {
    margin: 0 .1rem;
    width: .16rem;
    height: .16rem;
    border: .02rem solid #fff;
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    background: #000;
}

#syBanner .swiper-pagination span.swiper-pagination-bullet-active {
    border-color: #3579F6;
    background: #3579F6;
}


/* 按钮组 */

.big-btn {
    overflow: hidden;
    background: #fff;
}

.big-btn ul {
    display: block;
    overflow: hidden;
    padding: 1.5rem .12rem .2rem .12rem;
}

.big-btn li {
    float: left;
    display: inline-block;
    width: 20%;
    text-align: center;
}

.big-btn li a {
    overflow: hidden;
}

.big-btn li a span {
    display: block;
    margin: 0 auto .2rem auto;
    width: .96rem;
    height: .96rem;
    border-radius: 50%;
    background-position: center center;
    background-size: auto .96rem;
    background-repeat: no-repeat;
}

.big-btn li a p {
    color: #888;
    font-size: .28rem;
}

.big-btn li:nth-child(1) a span {
    background-image: url(images/icon-B-game.jpg);
}

.big-btn li:nth-child(2) a span {
    background-image: url(images/icon-B-web.jpg);
}

.big-btn li:nth-child(3) a span {
    background-image: url(images/icon-B-Software.jpg);
}

.big-btn li:nth-child(4) a span {
    background-image: url(images/icon-B-new.jpg);
}

.big-btn li:nth-child(5) a span {
    background-image: url(images/icon-B-skill.jpg);
}


/* 精彩推荐 */

.H-collection,
.H5-game,
.M-game,
.N-skills,
.Y-use,
.Z-package,
.page-sub {
    margin-top: .16rem;
    background: #fff;
}

.Head1 {
    display: block;
    overflow: hidden;
    padding: .4rem 0 .2rem 0;
    height: .48rem;
}

.Head1 h2 {
    float: left;
    color: #333;
    font-size: .32rem;
    line-height: .48rem;
    margin-left: .24rem;
}

.Cont1 {
    display: block;
    overflow: hidden;
    padding: 0 .24rem .24rem .24rem;
}

.Cont1 ul {
    display: block;
    overflow: hidden;
}

.Cont1 ul li {
    float: left;
    display: block;
    overflow: hidden;
    width: 25%;
    text-align: center;
}

.Cont1 ul li a.C1-explain {
    display: block;
    margin-top: .2rem;
}

.C1-explain>div {
    position: relative;
    display: inline-block;
    margin-bottom: .2rem;
}

.C1-explain>div span.fine {
    background: url(images/fine.png) no-repeat;
    background-size: auto;
    background-size: .76rem auto;
}

.C1-explain>div .div-img {
    display: block;
    overflow: hidden;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .2rem;
}

.C1-explain>div .div-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.C1-explain h3 {
    margin: 0 auto .2rem auto;
}

.C1-explain h3 p {
    display: block;
    color: #333;
    font-weight: 400;
    font-size: .24rem;
    line-height: .3rem;
    height: .3rem;
    overflow: hidden;
}

.Cont1 ul li a.btn {
    clear: both;
    display: block;
    margin: 0 auto .2rem auto;
    font-size: .28rem;
    width: 1.12rem;
    border: .02rem solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
    border-radius: .06rem;
    color: #888;
    line-height: .52rem;
}

.Cont1 ul li a.d_btn {
    border-color: #22c3b7;
    color: #22c3b7;
}


/* 合集 */

.Cont3 {
    overflow: hidden;
    padding: .24rem 0 .24rem .24rem;
    background: #fff;
}

.Cont3 .Cont3-box .Cont3-slide {
    margin-right: .20rem;
    width: 3.4rem;
}

.Cont3 .Cont3-box .Cont3-slide>a {
    display: block;
    overflow: hidden;
    width: 3.4rem;
    height: 1.7rem;
    border-radius: .08rem !important;
    background: #fefefe;
    text-align: center;
}

.Cont3 .Cont3-box .Cont3-slide>a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Cont3 .Cont3-box .Cont3-slide>span {
    display: block;
    overflow: hidden;
    width: 3.4rem;
    height: 1.7rem;
    border-radius: .08rem !important;
    background: #f6f6f6;
    text-align: center;
}

.Cont3 .Cont3-box .Cont3-slide>span a {
    display: inline-block;
    margin-top: .42rem;
    padding-top: .7rem;
    background: url(images/more-icon.png) no-repeat top center;
    background-size: auto;
    background-size: .5rem auto;
    color: #bbb;
    font-size: .24rem;
}


/* 人气软件 */

.Head1 a {
    float: right;
    padding-right: .2rem;
    margin-right: .24rem;
    font-size: .28rem;
    background: url(images/all-icon.png) no-repeat center right;
    background-size: auto;
    background-size: .08rem auto;
    color: #888;
    line-height: .48rem;
}

.Cont1 ul li a.a_btn {
    border-color: #72c322;
    color: #72c322;
}


/* 资讯攻略 */

.Head3 {
    position: relative;
    display: block;
    overflow: hidden;
    height: .84rem;
}

.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;
}

.Head3 .Head3-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    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 {
    float: left;
    display: inline-block;
    width: 50%;
    height: .84rem;
    background: #f0f0f0;
    color: #999;
    text-align: center;
    font-size: .32rem;
    line-height: .84rem;
}

.Head3 .Head3-box a.cur2 {
    background: #fff;
    color: #333;
}

.Cont4 {
    padding: 0 .24rem;
}

.Cont4 .Cont4-list {
    display: none;
    overflow: hidden;
    padding-top: .16rem;
}

.Cont4 .Cont4-list>h6 {
    display: block;
    font-weight: 400;
}

.Cont4 .Cont4-list>h6>a {
    display: inline-block;
    overflow: hidden;
    padding: .16rem .3rem;
    background: url(images/list-icon.png) no-repeat left center;
    background-size: auto;
    background-size: .1rem auto;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .28rem;
}

.more {
    display: block;
    padding: .24rem 0;
    text-align: center;
}
.interlink{overflow:hidden;margin-top:7px;background:#fff}
.interlink .interlink-list{overflow:hidden;margin:0 12px 10px -8px}
.interlink .interlink-list a{float:left;display:block;margin-left:20px;color:#666;font-size:12px;line-height:28px}
.interlink .interlink-list a:active{color:#FF9D01}