h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: bold;
    line-height: 1.2;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #999999;
}
h1,
.h1 {
    font-size: 0.72rem;
}
h2,
.h2 {
    font-size: 0.6rem;
}
h3,
.h3 {
    font-size: 0.48rem;
}
h4,
.h4 {
    font-size: 0.36rem;
}
h5,
.h5 {
    font-size: 0.28rem;
}
h6,
.h6 {
    font-size: 0.24rem;
}
body {
    background: #f5f5f5;
    font: 0.28rem/1.2 'Microsoft Yahei';
}

body,
html a {
    color: #333333;
}
.wrap-box {
    background-color: #fff;
    margin-bottom: 0.2rem;
}
.wrap-box::after {
    clear: both;
    display: block;
    content: '';
    zoom: 1;
    overflow: hidden;
}
.pd-t {
    padding-top: 0.16rem;
}
.pd-b {
    padding-bottom: 0.3rem;
}
.pd {
    padding-top: 0.16rem !important;
    padding-bottom: 0.24rem !important;
}
.mb {
    margin-bottom: 0.2rem;
}
/* search */
.search {
    background-color: rgba(50, 50, 50, 0.2);
    border: none;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem;
}
.search .search-cont {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}
.search .s-icon {
    margin-left: 0.14rem;
    width: 0.4rem;
    height: 0.4rem;
    background: url('../img/icon_search.png') no-repeat center;
    background-size: 70%;
}
.search .s-text {
    flex: 1 1 auto;
}
.search .s-text input {
    display: block;
    width: 100%;
    color: #fff;
    line-height: 2;
}
.search .s-text input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.24rem;
}

/* 返回顶部 */
.go-to-top {
    position: fixed;
    right: 0.32rem;
    bottom: 6vh;
    z-index: 200;
    display: none;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0.06rem 0.24rem rgba(29, 204, 122, 0.2);
    -moz-box-shadow: 0 0.06rem 0.24rem rgba(29, 204, 122, 0.2);
    box-shadow: 0 0.06rem 0.24rem rgba(29, 204, 122, 0.2);
}
.go-to-top span {
    display: block;
    width: 0.88rem;
    height: 0.88rem;
    background: url('../img/icon_goback.png') #fff no-repeat left center;
    background-size: auto 100%;
}
.go-to-top span:hover,
.go-to-top span:active {
    background-position: right center;
    background-color: #008fff;
}
/* banner */
#banner {
    background-color: #f5f5f5;
}
#banner .swiper-slide {
    width: 100%;
    height: 4.42rem;
}
#banner .swiper-slide a {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
}
#banner .swiper-slide a img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#banner .swiper-slide a p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.6rem 5% 0.44rem 5%;
    width: 90%;
    line-height: 0.46rem;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    color: #fff;
    font-weight: 700;
    font-size: 0.3rem;
    text-align: center;
}
#banner .swiper-pagination {
    top: auto;
    bottom: 0.1rem;
}
#banner .swiper-pagination span {
    background-color: #fff;
}

/* nav2 */
.nav2 {
    padding: 0 0.2rem;
    background-color: #fff;
}
.nav2 .swiper-slide {
    width: auto;
}
.nav2 .swiper-slide a {
    display: block;
    padding: 0 0.3rem;
    color: rgba(51, 51, 51, 0.8);
}
.nav2 .swiper-slide.active a {
    position: relative;
    color: #333333;
}
.nav2 .swiper-slide.active a::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 25%;
    background-color: #333333;
    width: 50%;
    height: 0.06rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nav2 .swiper-slide {
    padding: 0.2rem 0;
}
.nav2 .swiper-slide a {
    font-size: 0.28rem;
    line-height: 0.48rem;
}
.nav2 .swiper-slide.active a {
    color: #008fff;
}
.nav2 .swiper-slide.active a::after {
    background-color: #008fff;
}
/* 分类通用样式a,b两个模块 */
.flBox {
    overflow: hidden;
    padding: 0.1rem 0 0.2rem;
}
.flBox .fl-b {
    overflow: hidden;
    margin: 0.16rem 0 0 0;
    padding: 0.05rem 0.32rem;
    height: 0.58rem;
}
.flBox .fl-b .swiper-slide {
    width: auto;
}
.flBox .fl-b .swiper-slide a {
    display: flex;
    padding: 0 0.2rem;
    line-height: 0.58rem;
}
.flBox .fl-b .swiper-slide.active a {
    border-radius: 0.09rem;
    background: #f5f5f5;
    color: #008fff;
    font-weight: 700;
}
.flBox .fl-b.fl-b-2 .swiper-slide.active a {
    border-radius: 0;
    background: none;
    border-bottom: 0.06rem solid #008fff;
}
.zt-nav {
    padding: 0 0.2rem;
    background-color: #008fff;
}
.zt-nav .swiper-slide {
    width: auto;
}
.zt-nav .swiper-slide a {
    display: block;
    padding: 0 0.3rem;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    font-weight: bold;
    font-size: 0.28rem;
    line-height: 0.8rem;
    letter-spacing: 0.01rem;
}
.zt-nav .swiper-slide.active a {
    position: relative;
    color: #fff;
    font-size: 0.36rem;
}
.zt-nav .swiper-slide.active a::after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -0.1rem;
    bottom: 0.1rem;
    background-color: #fff;
    width: 0.2rem;
    height: 0.06rem;
    -webkit-border-radius: 0.03rem;
    -moz-border-radius: 0.03rem;
    border-radius: 0.03rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.zt-nav .swiper-slide.active a::after {
    bottom: 0.06rem;
}
/* crumbs 面包屑导航 */
.breadcrumbs {
    display: flex;
    overflow: hidden;
    padding: 0 0.32rem;
    background-color: none;
}
.breadcrumbs li + li:before {
    content: '>';
    display: inline-flex;
    padding: 0 0.13rem;
    color: #999999;
    text-align: center;
    font-weight: lighter;
    font-size: 0.24rem;
    line-height: 0.7rem;
}
.breadcrumbs li {
    display: flex;
    height: 0.7rem;
    color: #999999;
    text-align: left;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 0.7rem;
}
.breadcrumbs li a {
    display: inline-flex;
    white-space: nowrap;
    color: #666666;
}
.breadcrumbs li a:hover {
    color: #008fff;
}
/* 通用标题 */
.g-tit {
    display: flex;
    justify-content: space-between;
    padding: 0.1rem 0.32rem;
}
.g-tit .h3 {
    position: relative;
    color: #333333;
    text-align: left;
    font-weight: 700;
    font-size: 0.36rem;
    line-height: 0.9rem;
}
.g-tit .h3::after {
    position: absolute;
    left: -0.32rem;
    top: 0.3rem;
    content: '';
    display: block;
    width: 0.1rem;
    height: 0.3rem;
    background-color: #008fff;
}
.g-tit .more {
    align-self: center;
    background: url('../img/icon_more.png') no-repeat right center;
    background-size: auto 100%;
    padding-right: 0.22rem;
    color: #999999;
    text-align: left;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 2;
}
.g-tit .more:hover,
.g-tit .more:active {
    color: #008fff;
}
.g-tit .more {
    background-size: 0.12rem auto;
}
.zt-tit {
    display: flex;
    justify-content: space-between;
    padding: 0 0.32rem;
}
.zt-tit .h3 {
    position: relative;
    color: #333333;
    text-align: left;
    font-weight: 700;
    font-size: 0.36rem;
    line-height: 0.6rem;
}
.zt-tit .h3::after {
    position: absolute;
    left: -0.32rem;
    top: 0.15rem;
    content: '';
    display: block;
    width: 0.1rem;
    height: 0.3rem;
    background-color: #008fff;
}
.zt-tit .more {
    align-self: center;
    background: url('../img/icon_more.png') no-repeat right center;
    background-size: auto 100%;
    padding-right: 0.22rem;
    color: #999999;
    text-align: left;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 2;
}
.zt-tit .more:hover,
.zt-tit .more:active {
    color: #008fff;
}
.zt-tit .more {
    background-size: 0.12rem auto;
}
/* 查看更多 */
.big-more {
    display: block;
    margin: 0 0.32rem;
    background-color: #f2f2f2;
    box-sizing: border-box;
    border-radius: 0.1rem;
    color: #666666;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 0.7rem;
    margin-bottom: 0.32rem;
}
.big-more:hover,
.big-more:active {
    background-color: #199e60;
    color: #008fff;
}
/* 分页 */
.page-area {
    background-color: #fff;
    padding: 0.3rem 0.32rem 0.5rem 0.32rem;
}
.page-area .page-wrap {
    display: flex;
    justify-content: center;
    margin-left: -0.06rem;
}
.page-area a,
.page-area span {
    overflow: hidden;
    height: 0.62rem;
    color: #999999;
    text-align: center;
    font-weight: 400;
    font-size: 0.32rem;
    line-height: 0.62rem;
}
.page-area a {
    flex: 0 0 auto;
    margin-left: 0.06rem;
    border: 0.03rem solid #e8e8e8;
    letter-spacing: -1px;
    padding: 0 0.1rem;
    min-width: 0.4rem;
    -webkit-border-radius: 0.12rem;
    -moz-border-radius: 0.12rem;
    border-radius: 0.12rem;
}
.page-area a:hover,
.page-area a:active {
    border-color: #008fff;
    color: #008fff;
}
.page-area a.on {
    background: #008fff;
    border-color: #1bbf72;
    color: #fff;
    font-weight: bold;
}
.page-area a.btn {
    font-size: 0.24rem;
    flex: 0 0 auto;
    border: none;
}
.page-area span {
    font-size: 0.24rem;
    margin-left: 0.06rem;
}
/* 翻页 */
.turnPage {
    display: flex;
    justify-content: center;
    background-color: #fff;
}
.turnPage a {
    height: 0.88rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0.32rem;
    color: #999999;
    text-align: left;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 0.88rem;
}
.turnPage a span {
    color: #666666;
    font-weight: bold;
    font-size: 0.28rem;
}
.turnPage a:active span,
.turnPage a:hover span {
    color: #008fff;
}
.turnPage.wrapStyle {
    flex-wrap: wrap;
}
.turnPage.wrapStyle a {
    width: 100%;
    padding: 0;
    margin: 0 0.32rem;
}
.turnPage.wrapStyle a:first-child {
    border-bottom: 1px solid #f2f2f2;
}
/* 金刚区 */
.jgq-box {
    padding: 0.2rem 0;
    display: flex;
}
.jgq-box.jgq-nowrap {
    justify-content: space-around;
}
.jgq-box.jgq-nowrap a {
    flex: 1 1 auto;
}
.jgq-box.jgq-wrap {
    flex-wrap: wrap;
}
.jgq-box.jgq-wrap a {
    width: 20%;
}
.jgq-box a {
    padding-top: 0.1rem;
}
.jgq-box a:hover,
.jgq-box a:active {
    background-color: #f8f8f8;
}
.jgq-box .pic-box {
    overflow: hidden;
    display: block;
    margin: 0 auto;
    background-color: #f2f2f2;
    width: 0.94rem;
    height: 0.94rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.jgq-box .name-box {
    display: block;
    width: 100%;
    color: #666666;
    text-align: center;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 2.5;
}
.jgq-box .pic-box {
    background-image: url('../img/icon_jgq_game.jpg');
    background-repeat: no-repeat;
    background-size: 9.4rem auto;
}
/* card */
.base-card .p {
    margin-bottom: 0.1rem;
    color: #999999;
    text-align: left;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 1.333;
    overflow: hidden;
    max-height: 0.37324rem;
}
.base-card.tj-sy {
    padding: 0 0.32rem;
}
.base-card.tj-sy .card-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.2rem;
}
.base-card.tj-sy .card-li {
    width: 1.565rem;
    margin: 0 0 0.08rem 0.2rem;
}
.base-card.tj-sy .pic-box {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-border-radius: 30%;
    -moz-border-radius: 30%;
    border-radius: 30%;
}
.base-card.tj-sy .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.base-card.tj-sy .info-head {
    display: block;
    overflow: hidden;
    height: 0.672rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 2.4;
}
.base-card.tj-sy .btn {
    display: block;
    margin: 0 auto 0.2rem auto;
    width: 80%;
    height: 0.42rem;
    border-radius: 0.1rem;
    border: 0.02rem solid #008fff;
    color: #008fff;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 0.42rem;
}
.base-card.tj-sy .btn:hover,
.base-card.tj-sy .btn:active {
    background-color: #008fff;
    color: #fff;
}
.base-card.tj-pc {
    padding: 0 0.32rem;
}
.base-card.tj-pc .card-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.2rem;
}
.base-card.tj-pc .card-li {
    width: 1.565rem;
    margin: 0 0 0.08rem 0.2rem;
}
.base-card.tj-pc .pic-box {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 1.56rem;
    height: 2.184rem;
    -webkit-border-radius: 0.06rem;
    -moz-border-radius: 0.06rem;
    border-radius: 0.06rem;
}
.base-card.tj-pc .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.base-card.tj-pc .info-head {
    display: block;
    overflow: hidden;
    height: 0.672rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 2.4;
}
.base-card.tj-pc .btn {
    display: block;
    margin: 0 auto 0.2rem auto;
    width: 80%;
    height: 0.42rem;
    border-radius: 0.1rem;
    border: 0.02rem solid #008fff;
    color: #008fff;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 0.42rem;
}
.base-card.tj-pc .btn:hover,
.base-card.tj-pc .btn:active {
    background-color: #008fff;
    color: #fff;
}
.base-card.tj-pc3 {
    padding: 0 0.32rem;
}
.base-card.tj-pc3 .card-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.2rem;
}
.base-card.tj-pc3 .card-li {
    width: 2.15333333rem;
    margin: 0 0 0.08rem 0.2rem;
}
.base-card.tj-pc3 .pic-box {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 2.2rem;
    height: 3.08rem;
    -webkit-border-radius: 0.06rem;
    -moz-border-radius: 0.06rem;
    border-radius: 0.06rem;
}
.base-card.tj-pc3 .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.base-card.tj-pc3 .info-head {
    display: block;
    overflow: hidden;
    height: 0.672rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 2.4;
}
.base-card.tj-pc3 .btn {
    display: block;
    margin: 0 auto 0.2rem auto;
    width: 80%;
    height: 0.42rem;
    border-radius: 0.1rem;
    border: 0.02rem solid #008fff;
    color: #008fff;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 0.42rem;
}
.base-card.tj-pc3 .btn:hover,
.base-card.tj-pc3 .btn:active {
    background-color: #008fff;
    color: #fff;
}
.base-card.g-hj {
    padding: 0 0.32rem;
    display: flex;
    flex-wrap: wrap;
}
.base-card.g-hj .card-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.2rem;
}
.base-card.g-hj .card-li {
    width: 3.33rem;
    margin: 0 0 0.08rem 0.2rem;
    overflow: hidden;
}
.base-card.g-hj .pic-box {
    display: block;
    overflow: hidden;
    width: 3.33rem;
    height: 1.665rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.base-card.g-hj .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.base-card.g-hj .info-head {
    display: block;
    overflow: hidden;
    height: 0.56rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 2;
}
.base-card.g-hj .info-head {
    font-weight: 600;
    letter-spacing: -0.01rem;
}
.base-card.g-hj2 {
    padding: 0 0.32rem;
}
.base-card.g-hj2 .card-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.2rem;
}
.base-card.g-hj2 .card-li {
    width: 3.33rem;
    margin: 0 0 0.08rem 0.2rem;
}
.base-card.g-hj2 .pic-box {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 3.33rem;
    height: 4.662rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.base-card.g-hj2 .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.base-card.g-hj2 .info-head {
    display: block;
    overflow: hidden;
    height: 0.56rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 2;
}
.base-card.g-hj2 .btn {
    display: block;
    margin: 0 auto 0.2rem auto;
    width: 80%;
    height: 0.42rem;
    border-radius: 0.1rem;
    border: 0.02rem solid #008fff;
    color: #008fff;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 0.42rem;
}
.base-card.g-hj2 .btn:hover,
.base-card.g-hj2 .btn:active {
    background-color: #008fff;
    color: #fff;
}
.base-card.g-hj2 .info-head {
    font-weight: 600;
    letter-spacing: -0.01rem;
}
.base-card.g-zt2 {
    padding: 0 0.32rem;
    display: flex;
    flex-wrap: wrap;
}
.base-card.g-zt2 .card-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.2rem;
}
.base-card.g-zt2 .card-li {
    width: 3.33rem;
    margin: 0 0 0.08rem 0.2rem;
    overflow: hidden;
}
.base-card.g-zt2 .pic-box {
    display: block;
    overflow: hidden;
    width: 3.33rem;
    height: 1.665rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.base-card.g-zt2 .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.base-card.g-zt2 .info-head {
    display: block;
    overflow: hidden;
    height: 0.56rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 2;
}
.base-card.g-zt2 .info-head {
    font-weight: 600;
    letter-spacing: -0.01rem;
}
.base-card.g-zt2 .pic-box {
    position: relative;
}
.base-card.g-zt2 .desc {
    position: absolute;
    top: 1.165rem;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 0.5rem;
    height: 0.5rem;
    display: block;
    overflow: hidden;
}
.base-card.g-zt3 {
    padding: 0 0.32rem;
}
.base-card.g-zt3 .card-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.2rem;
}
.base-card.g-zt3 .card-li {
    width: 2.15333333rem;
    margin: 0 0 0.08rem 0.2rem;
}
.base-card.g-zt3 .pic-box {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 2.2rem;
    height: 3.08rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.base-card.g-zt3 .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.base-card.g-zt3 .info-head {
    display: block;
    overflow: hidden;
    height: 0.672rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 2.4;
}
.base-card.g-zt3 .btn {
    display: block;
    margin: 0 auto 0.2rem auto;
    width: 80%;
    height: 0.42rem;
    border-radius: 0.1rem;
    border: 0.02rem solid #008fff;
    color: #008fff;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 0.42rem;
}
.base-card.g-zt3 .btn:hover,
.base-card.g-zt3 .btn:active {
    background-color: #008fff;
    color: #fff;
}
.base-card.g-zt3 .pic-box {
    position: relative;
}
.base-card.g-zt3 .desc {
    position: absolute;
    top: 2.58rem;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 0.5rem;
    height: 0.5rem;
    display: block;
    overflow: hidden;
}
.base-card.g-article {
    padding: 0 0.32rem;
    display: flex;
    flex-wrap: wrap;
}
.base-card.g-article .card-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.2rem;
}
.base-card.g-article .card-li {
    width: 3.33rem;
    margin: 0 0 0.08rem 0.2rem;
    overflow: hidden;
}
.base-card.g-article .pic-box {
    display: block;
    overflow: hidden;
    width: 3.33rem;
    height: 1.998rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.base-card.g-article .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.base-card.g-article .info-head {
    display: block;
    overflow: hidden;
    height: 0.74648rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 1.333;
}
.base-card.g-article .info-head {
    margin: 0.1rem 0;
    text-align: left;
}
/* media */
.article-box li {
    padding: 0 0.32rem;
}
.article-box li:hover,
.article-box li:active {
    background-color: #f8f8f8;
}
.article-box .news-card {
    display: flex;
    padding: 0.22rem 0;
    border-top: 1px solid #f2f2f2;
}
.article-box .title {
    color: #333333;
    text-align: left;
    font-weight: 400;
    font-size: 0.32rem;
    line-height: 1.333;
    overflow: hidden;
    max-height: 0.85312rem;
}
.article-box .info {
    overflow: hidden;
    margin-top: 0.1rem;
}
.article-box .info span {
    display: block;
    float: left;
    margin-left: 0.32rem;
    color: #999999;
    text-align: left;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 1.5;
}
.article-box .info span:first-child {
    margin-left: 0;
}
.article-box .info .js {
    display: block;
    color: #999999;
    text-align: left;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 2;
    overflow: hidden;
    max-height: 0.85312rem;
}
.article-box .news-card.leftImg,
.article-box .news-card.rightImg {
    flex-direction: row;
    justify-content: space-between;
}
.article-box .news-card.leftImg .news-cont,
.article-box .news-card.rightImg .news-cont {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
.article-box .news-card.leftImg .news-pic,
.article-box .news-card.rightImg .news-pic {
    flex: 0 0 2.34rem;
    height: 1.404rem;
    overflow: hidden;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    border-radius: 0.08rem;
}
.article-box .news-card.leftImg .news-pic img,
.article-box .news-card.rightImg .news-pic img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.article-box .news-card.leftImg .news-cont {
    margin-left: 0.2rem;
}
.article-box .news-card.rightImg .news-cont {
    margin-right: 0.2rem;
}
.article-box .news-card.bottomImg,
.article-box .news-card.noImg {
    flex-direction: column;
}
.article-box .news-card.bottomImg .news-pic,
.article-box .news-card.noImg .news-pic {
    display: flex;
    flex-direction: row;
    margin-top: 0.16rem;
}
.article-box .news-card.bottomImg .news-pic img,
.article-box .news-card.noImg .news-pic img {
    width: 2.24666667rem;
    height: 1.348rem;
    overflow: hidden;
    object-fit: cover;
    margin-left: 0.06rem;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    border-radius: 0.08rem;
}
.article-box .news-card.bottomImg .news-pic img:first-child,
.article-box .news-card.noImg .news-pic img:first-child {
    margin-left: 0;
}
.article-box.article-box-ww .title {
    height: 0.42656rem;
}
.article-box.article-box-ww .info {
    margin-top: 0.1rem;
}
/* 切换 */
.tabbox .hd.style-left {
    display: flex;
    padding: 0.15rem 0.32rem 0.2rem 0.32rem;
}
.tabbox .hd.style-left .hd-li {
    padding-right: 0.12rem;
    margin-left: 0.36rem;
    cursor: pointer;
    color: #999999;
    text-align: center;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 2;
}
.tabbox .hd.style-left .hd-li:first-child {
    margin-left: 0;
}
.tabbox .hd.style-left .hd-li.on {
    color: #008fff;
    border-bottom: 0.04rem solid #008fff;
    font-weight: bold;
}
.tabbox .hd.style-center {
    display: flex;
    justify-content: space-between;
    padding: 0 0.32rem;
}
.tabbox .hd.style-center .hd-li {
    flex: 1 1 auto;
    border-bottom: 0.06rem solid #f8f8f8;
    cursor: pointer;
    color: #999999;
    text-align: center;
    font-weight: 600;
    font-size: 0.3rem;
    line-height: 2.6;
}
.tabbox .hd.style-center .hd-li.on {
    color: #008fff;
    border-bottom: 0.06rem solid #008fff;
}
.tabbox .bd-li {
    display: none;
}
.tabbox .bd-li:first-child {
    display: block;
}
.tabbox .style-center.style-center-sub .hd-li {
    border-color: #f5f5f5;
}
/* tags */
.base-tags {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.32rem 0.2rem;
}
.base-tags a {
    overflow: hidden;
}
.base-tags a:hover,
.base-tags a:active {
    color: #008fff;
}
.base-tags a.cur {
    color: #008fff;
    font-weight: bold;
}
.base-tags.tags-fixed-2 {
    margin-left: -0.1rem;
}
.base-tags.tags-fixed-2 a {
    flex: 0 0 3.38rem;
    overflow: hidden;
    height: 0.728rem;
    margin: 0.05rem 0 0.05rem 0.1rem;
    background-color: #f2f2f2;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 2.6;
}
.base-tags.tags-fixed-2 a:hover,
.base-tags.tags-fixed-2 a:active {
    color: #fff;
    background-color: #008fff;
}
.base-tags.tags-fixed-2 a.cur {
    background-color: #008fff;
    color: #fff;
    font-weight: bold;
}
.base-tags.tags-fixed-21 {
    margin-left: -0.1rem;
}
.base-tags.tags-fixed-21 a {
    overflow: hidden;
    height: 0.56rem;
    margin: 0.05rem 0 0.05rem 0.1rem;
    padding: 0 0.3rem;
    background-color: #f2f2f2;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 2;
}
.base-tags.tags-fixed-21 a:hover,
.base-tags.tags-fixed-21 a:active {
    color: #fff;
    background-color: #008fff;
}
.base-tags.tags-fixed-21 a.cur {
    background-color: #008fff;
    color: #fff;
    font-weight: bold;
}
.base-tags.tags-fixed-3 {
    margin-left: -0.1rem;
}
.base-tags.tags-fixed-3 a {
    flex: 0 0 2.22rem;
    overflow: hidden;
    height: 0.56rem;
    margin: 0.05rem 0 0.05rem 0.1rem;
    background-color: #f2f2f2;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 2;
}
.base-tags.tags-fixed-3 a:hover,
.base-tags.tags-fixed-3 a:active {
    color: #fff;
    background-color: #008fff;
}
.base-tags.tags-fixed-3 a.cur {
    background-color: #008fff;
    color: #fff;
    font-weight: bold;
}
.base-tags.tags-fixed-4 {
    margin-left: -0.1rem;
}
.base-tags.tags-fixed-4 a {
    flex: 0 0 1.64rem;
    overflow: hidden;
    height: 0.56rem;
    margin: 0.05rem 0 0.05rem 0.1rem;
    background-color: #f2f2f2;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 2;
}
.base-tags.tags-fixed-4 a:hover,
.base-tags.tags-fixed-4 a:active {
    color: #fff;
    background-color: #008fff;
}
.base-tags.tags-fixed-4 a.cur {
    background-color: #008fff;
    color: #fff;
    font-weight: bold;
}
.base-tags.tags-fixed-5 {
    margin-left: -0.1rem;
}
.base-tags.tags-fixed-5 a {
    flex: 0 0 1.292rem;
    overflow: hidden;
    height: 0.56rem;
    margin: 0.05rem 0 0.05rem 0.1rem;
    background-color: #f2f2f2;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 2;
}
.base-tags.tags-fixed-5 a:hover,
.base-tags.tags-fixed-5 a:active {
    color: #fff;
    background-color: #008fff;
}
.base-tags.tags-fixed-5 a.cur {
    background-color: #008fff;
    color: #fff;
    font-weight: bold;
}
.base-tags.base-auto {
    margin-left: -0.5rem;
}
.base-tags.base-auto a {
    height: 0.392rem;
    margin: 0.1rem 0 0.1rem 0.5rem;
    color: #333333;
    text-align: left;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 1.4;
}
.base-tags.base-auto a:hover,
.base-tags.base-auto a:active {
    color: #008fff;
}
.base-tags.d-tags {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    margin-left: -0.3rem;
}
.base-tags.d-tags .list {
    line-height: 0.56rem;
    height: 0.56rem;
    padding: 0 0.2rem;
    background-color: #f2f2f2;
    border-radius: 0.3rem;
    margin: 0.06rem 0 0.06rem 0.3rem;
}
.base-tags.colorful-auto {
    margin-left: -0.16rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}
.base-tags.colorful-auto a {
    padding: 0 0.3rem;
    margin: 0.08rem 0 0.08rem 0.16rem;
    border: 2px solid #f2f2f2;
    color: #333333;
    text-align: left;
    font-weight: 500;
    font-size: 0.28rem;
    line-height: 2.2;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
}
.base-tags.colorful-auto a:hover,
.base-tags.colorful-auto a:active {
    color: #008fff;
}
.base-tags.colorful-auto a:nth-child(5n + 1) {
    border-color: #faebeb;
    color: #cc3333;
}
.base-tags.colorful-auto a:nth-child(5n + 1):hover {
    background: #faebeb;
}
.base-tags.colorful-auto a:nth-child(5n + 2) {
    border-color: #f5ebe0;
    color: #cc9966;
}
.base-tags.colorful-auto a:nth-child(5n + 2):hover {
    background: #f5ebe0;
}
.base-tags.colorful-auto a:nth-child(5n + 3) {
    border-color: #e0f0ff;
    color: #0066cc;
}
.base-tags.colorful-auto a:nth-child(5n + 3):hover {
    background: #e0f0ff;
}
.base-tags.colorful-auto a:nth-child(5n + 4) {
    border-color: #e4f1e4;
    color: #336633;
}
.base-tags.colorful-auto a:nth-child(5n + 4):hover {
    background: #e4f1e4;
}
.base-tags.colorful-auto a:nth-child(5n + 5) {
    border-color: #f1e4f1;
    color: #663366;
}
.base-tags.colorful-auto a:nth-child(5n + 5):hover {
    background: #f1e4f1;
}
/* list 游戏横向 */
.list-h li {
    padding: 0 0.32rem;
}
.list-h li:hover,
.list-h li:active {
    background-color: #f8f8f8;
}
.list-h .card-li {
    display: flex;
    justify-content: space-between;
    padding: 0.24rem 0;
    border-top: 1px solid #f2f2f2;
    align-items: center;
}
.list-h .num {
    width: 0.44rem;
    height: 0.5rem;
    color: #999999;
    text-align: left;
    font-weight: 700;
    font-size: 0.28rem;
    line-height: 0.5rem;
}
.list-h .num.num1 {
    color: red;
    font-size: 0.36rem;
}
.list-h .num.num2 {
    color: orange;
    font-size: 0.36rem;
}
.list-h .num.num3 {
    color: #ffc150;
    font-size: 0.36rem;
}
.list-h .pic-box {
    width: 1.5rem;
    margin-right: 0.2rem;
    overflow: hidden;
}
.list-h .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.list-h .list-cont {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.list-h .list-cont .h4 {
    margin-bottom: 0.1rem;
    color: #333333;
    text-align: left;
    font-weight: 700;
    font-size: 0.32rem;
    line-height: 1.5;
}
.list-h .list-cont .h4:hover,
.list-h .list-cont .h4:active {
    color: #008fff;
}
.list-h .list-cont .desc {
    display: flex;
}
.list-h .list-cont .desc span {
    color: #999999;
    font-size: 0.24rem;
    line-height: 0.4rem;
}
.list-h .list-cont .desc span + span:before {
    content: '';
    display: inline-flex;
    margin: 0 0.15rem;
}
.list-h .list-cont .desc span:before {
    width: 1px;
    height: 0.16rem;
    background-color: #cccccc;
}
.list-h .list-cont .p {
    margin-top: 0.06rem;
    color: #999999;
    font-size: 0.24rem;
    line-height: 0.4rem;
}
.list-h .btn {
    flex: 0 0 1.2rem;
    height: 0.56rem;
    margin-left: 0.2rem;
    overflow: hidden;
    background-color: #008fff;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    color: #fff;
    text-align: center;
    line-height: 0.56rem;
}
.list-h.list-h-sy .pic-box {
    flex: 0 0 auto;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    height: 1.5rem;
}
.list-h.list-h-sy .list-cont .p {
    height: 0.4rem;
    overflow: hidden;
}
.list-h.list-h-pc .pic-box {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 2rem;
}
.list-h.list-h-patch .list-cont .h4 {
    margin-bottom: 0;
}
/* listCard */
.listCard-pc {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.32rem;
    margin-left: -0.2rem;
}
.listCard-pc li {
    width: 3.23rem;
    margin-left: 0.2rem;
    padding: 0.16rem 0;
}
.listCard-pc .card-li {
    display: flex;
    height: 2.184rem;
    overflow: hidden;
}
.listCard-pc .card-li .pic-box {
    flex: 0 0 1.56rem;
    width: 1.56rem;
    height: 100%;
    margin-right: 0.2rem;
    overflow: hidden;
}
.listCard-pc .card-li .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.listCard-pc .card-li .list-cont {
    position: relative;
    flex: 1 1 auto;
    height: 100%;
}
.listCard-pc .card-li .list-cont .h4 {
    overflow: hidden;
    max-height: 0.728rem;
    margin-bottom: 0.1rem;
    color: #333333;
    text-align: left;
    font-weight: 700;
    font-size: 0.28rem;
    line-height: 1.3;
}
.listCard-pc .card-li .list-cont .h4:hover,
.listCard-pc .card-li .list-cont .h4:active {
    color: #008fff;
}
.listCard-pc .card-li .list-cont .desc {
    display: flex;
    flex-direction: column;
}
.listCard-pc .card-li .list-cont .desc span {
    color: #999999;
    font-size: 0.24rem;
    line-height: 0.36rem;
}
.listCard-pc .card-li .list-cont .btn {
    position: absolute;
    bottom: 0;
    display: block;
    width: 1.2rem;
    height: 0.42rem;
    overflow: hidden;
    border: 0.02rem solid #008fff;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    color: #008fff;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 0.42rem;
}
.listCard-pc .card-li:hover .btn,
.listCard-pc .card-li:active .btn {
    background-color: #008fff;
    color: #fff;
}
/* listCard */
.listCard-zt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0.32rem;
}
.listCard-zt li {
    flex: 0 0 49%;
    margin-bottom: 0.2rem;
}
.listCard-zt .card-li {
    display: flex;
    height: 1.3rem;
    overflow: hidden;
    align-items: center;
    padding: 0 0.16rem;
    border: 0.02rem solid #f1f1f1;
    -webkit-border-radius: 0.16rem;
    -moz-border-radius: 0.16rem;
    border-radius: 0.16rem;
}
.listCard-zt .card-li .pic-box {
    flex: 0 0 0.7rem;
    height: 0.7rem;
    margin-right: 0.2rem;
    overflow: hidden;
}
.listCard-zt .card-li .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.listCard-zt .card-li .list-cont {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.listCard-zt .card-li .list-cont .h4 {
    overflow: hidden;
    max-height: 0.364rem;
    color: #333333;
    text-align: left;
    font-weight: 700;
    font-size: 0.28rem;
    line-height: 1.3;
}
.listCard-zt .card-li .list-cont .h4:hover,
.listCard-zt .card-li .list-cont .h4:active {
    color: #008fff;
}
.listCard-zt .card-li .list-cont .desc {
    color: #999999;
    text-align: left;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 1.3;
    max-height: 0.624rem;
    overflow: hidden;
}
/* sli */
.base-sli li {
    padding: 0 0.32rem;
}
.base-sli li:hover,
.base-sli li:active {
    background-color: #f2f2f2;
}
.base-sli li .a-list {
    display: flex;
    justify-content: space-between;
    padding: 0.1rem 0;
    border-top: 1px solid #f5f5f5;
}
.base-sli .h4 {
    flex: 1;
    overflow: hidden;
    height: 0.56rem;
    color: #333333;
    text-align: left;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 2;
}
.base-sli .h4:hover,
.base-sli .h4:active {
    color: #008fff;
}
.base-sli .time {
    flex: 0 0 0.8rem;
    margin-left: 0.1rem;
    color: #999999;
    text-align: right;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 2;
}
.base-sli .btn {
    flex: 0 0 0.8rem;
    align-self: center;
    height: 0.48rem;
    margin-left: 0.2rem;
    overflow: hidden;
    background-color: #d5f9e8;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    color: #008fff;
    font-weight: 700;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.48rem;
}
.base-sli .btn:hover,
.base-sli .btn:active {
    background-color: #008fff;
    color: #fff;
}
.base-sli .point {
    width: 0.07rem;
    height: 0.07rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #cccccc;
    align-self: center;
    margin-right: 0.1rem;
}
.base-sli .cid {
    flex: 0 0 1.2rem;
    margin-right: 0.1rem;
    color: #008fff;
    text-align: right;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 2;
}
/* 详情页 */
.article-head {
    padding: 0.2rem 0.32rem 0 0.32rem;
}
.article-head h1 {
    color: #222222;
    font-weight: 700;
    text-align: justify;
    font-size: 0.48rem;
}
.article-head .desc {
    display: flex;
    margin-top: 0.2rem;
}
.article-head .desc span {
    margin-left: 0.4rem;
    color: #999999;
    font-size: 0.24rem;
    line-height: 2;
}
.article-head .desc span:first-child {
    margin-left: 0;
}
/* 详情页 内容介绍 */
.detail-content {
    position: relative;
    padding: 0 0.32rem 0.2rem;
}
.detail-content .d-info p {
    margin: 0.2rem 0;
    color: #666666;
    font-size: 0.32rem;
    line-height: 1.6666em;
}
.detail-content .d-info p img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
}
.detail-content .d-info h3 {
    margin: 0.4rem 0 0.2rem 0;
    color: #333333;
    text-align: left;
    font-weight: 700;
    font-size: 0.28rem;
    line-height: 0.56rem;
}
.detail-content .d-info table {
    width: 100%;
    margin: 0.3rem auto 0;
    border-collapse: collapse;
}
.detail-content .d-info table thead {
    background-color: #eeeeee;
    text-align: center;
    font-weight: bold;
}
.detail-content .d-info table thead td {
    color: #666666;
}
.detail-content .d-info table td {
    padding: 0.16rem 0.06rem;
    border: 0.02rem solid #e8e8e8;
    font-size: 0.28rem;
    color: #999999;
}
.detail-content .d-info table td img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}
.detail-content .d-info table a {
    color: #337fe5;
    text-decoration: underline;
}
.detail-content .d-info iframe {
    display: block;
}
.detail-content .d-info video {
    display: block;
    width: 100%;
}
.detail-content .d-all {
    display: flex;
    width: 100%;
    padding: 0.1rem 0;
    margin-top: 0.32rem;
}
.detail-content .d-all.d-all-style {
    justify-content: center;
}
.detail-content .d-all.d-all-style span {
    padding: 0 0.6rem;
    background-color: #fff;
    border-radius: 0.35rem;
    color: #666666;
    text-align: center;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 0.7rem;
    box-shadow: 0 0.08rem 0.2rem #e8e8e8;
}
.detail-content .d-all.d-all-style span:active {
    color: #008fff;
}
.detail-content .d-all.d-all-style02 {
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.detail-content .d-all.d-all-style02 .btn {
    padding-right: 0.28rem;
    background: url(../img/icon_updown.png) no-repeat right -0.6rem;
    background-size: 0.2rem auto;
    text-indent: 0.1rem;
    color: #666666;
    text-align: center;
    font-weight: 700;
    font-size: 0.28rem;
    line-height: 0.7rem;
}
.detail-content .d-all.d-all-style02 .tips {
    display: flex;
}
.detail-content .d-all.d-all-style02 .tips i {
    font-style: normal;
    margin-left: 0.3rem;
    color: #999999;
    text-align: center;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 0.7rem;
}
.detail-content .d-all.d-all-style02 .tips i:first-child {
    margin-left: 0;
}
.detail-content .d-all.d-all-style02 .tips i.mf {
    padding-left: 0.36rem;
    background: url(../img/icon_mf.png) no-repeat left center;
    background-size: 0.36rem;
}
.detail-content .d-all.d-all-style02 .tips i.wd {
    padding-left: 0.36rem;
    background: url(../img/icon_wd.png) no-repeat left center;
    background-size: 0.36rem;
}
.detail-content.close .d-info {
    height: 16rem;
    overflow: hidden;
}
.detail-content.close .d-all-style {
    position: absolute;
    bottom: 0.2rem;
    left: 0;
    padding-top: 1rem;
    margin-top: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(#ffffff));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), #ffffff);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255, 255, 255, 0.2), endColorstr=#ffffff, grandientType=1);
}
.detail-content.close .d-all-style02 .btn {
    color: #008fff;
    background-position: right 0;
}
/* 详情页 游戏截图 */
.game-atlas {
    padding: 0.1rem 0.32rem 0 0.32rem;
}
.game-atlas .swiper-slide {
    overflow: hidden;
}
.game-atlas .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}
.game-atlas.art-atlas-img {
    padding-bottom: 0.2rem;
}
.game-atlas.art-atlas-img .swiper-slide {
    width: 2.2rem !important;
}
.game-atlas.art-atlas-img .swiper-slide img {
    width: 2.2rem;
    height: 1.46666667rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
}
.game-atlas.art-atlas-img .swiper-slide p {
    margin-top: 0.1rem;
    overflow: hidden;
    height: 0.28rem;
    text-align: center;
    line-height: 0.28rem;
}
/* 推荐合集头部样式 */
.tjhj-head {
    padding: 0 0.32rem;
    overflow: hidden;
}
.tjhj-head .title {
    display: flex;
    margin-top: 0.24rem;
    color: #333333;
    text-align: center;
    font-weight: 700;
    font-size: 0.3rem;
    line-height: 0.5rem;
}
.tjhj-head .title .bt {
    flex: 1;
    text-align: left;
}
.tjhj-head .title .more {
    color: #999999;
    text-align: right;
    font-size: 0.24rem;
    line-height: 0.5rem;
}
.tjhj-head .title .more:hover {
    color: #008fff;
}
.tjhj-head p {
    margin: 0.1rem 0 0.32rem 0;
    color: #666666;
    text-align: left;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 0.38rem;
    text-indent: 2em;
}
/* 声明 */
.declareText {
    padding: 0.2rem 0.32rem;
}
.declareText dt {
    color: #008fff;
    text-align: left;
    font-weight: 700;
    font-size: 0.28rem;
    line-height: 0.5rem;
}
.declareText dd {
    margin-top: 0.1rem;
    color: #999999;
    font-size: 0.24rem;
    line-height: 1.5;
}
/* 合集、排行榜 头部封面 */
.g-cover {
    position: relative;
    display: block;
    width: 100%;
    height: 3.6rem;
}
.g-cover img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.g-cover .g-cover-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1.5rem 0 0.1rem 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(0, 0, 0, 0), endColorstr=rgba(0, 0, 0, 0.7), grandientType=1);
}
.g-cover .g-cover-info .title {
    overflow: hidden;
    height: 0.468rem;
    margin: 0 0.32rem;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 0.36rem;
    line-height: 1.3;
}
.g-cover .g-cover-info .text {
    margin: 0.16rem 0.32rem 0.1rem 0.32rem;
    max-height: 1.152rem;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.9);
    text-align: justify;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 1.6;
}
.g-cover2 {
    position: relative;
    display: block;
    width: 100%;
    height: 3.6rem;
}
.g-cover2 img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.g-cover2 .g-cover-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1.5rem 0 0.2rem 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(0, 0, 0, 0), endColorstr=rgba(0, 0, 0, 0.7), grandientType=1);
}
.g-cover2 .g-cover-info .title-cn {
    height: 0.468rem;
    display: flex;
    margin: 0 0.32rem;
}
.g-cover2 .g-cover-info .title-cn .title {
    flex: 1;
    height: 0.468rem;
    overflow: hidden;
    color: #fff;
    text-align: left;
    font-weight: 400;
    font-size: 0.36rem;
    line-height: 1.3;
}
.g-cover2 .g-cover-info .title-cn .time {
    float: right;
    margin: 0.06rem 0 0 0.32rem;
    height: 0.468rem;
    overflow: hidden;
    color: #fff;
    text-align: justify;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 1.3;
}
.g-cover2 .g-cover-info .text {
    margin: 0 0.32rem;
    max-height: 0.384rem;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.9);
    text-align: justify;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 1.6;
}
/* 游戏详情页头部 */
.app-info-box {
    background-color: #fff;
    padding: 0.32rem;
    margin-bottom: 0.2rem;
}
.app-info {
    display: flex;
    justify-content: space-between;
}
.app-info .app-icon {
    flex: 0 0 1.8rem;
    height: 1.8rem;
    margin-right: 0.2rem;
    overflow: hidden;
    border-radius: 0.4rem;
    box-shadow: 0 0.12rem 0.2rem rgba(0, 0, 0, 0.16);
}
.app-info .app-icon img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.app-info .app-icon.pc {
    flex: 0 0 1.42857143rem;
    height: 2rem;
    border-radius: 0;
}
.app-info .app-cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.app-info .title h1,
.app-info .title span {
    display: inline;
    vertical-align: middle;
}
.app-info .title h1 {
    color: #222222;
    font-weight: 700;
    font-size: 0.4rem;
    line-height: 0.6rem;
}
.app-info .title span {
    margin-left: 0.15rem;
    color: #999999;
    font-size: 0.24rem;
    line-height: 0.6rem;
}
.app-info .desc {
    display: flex;
    flex-wrap: wrap;
}
.app-info .desc li {
    width: 50%;
    height: 0.48rem;
    overflow: hidden;
    color: #999999;
    font-size: 0.24rem;
    line-height: 0.48rem;
}
.app-btn {
    display: flex;
    flex-direction: column;
    margin-top: 0.16rem;
}
.app-btn .btn {
    flex: 1 1 auto;
    border-radius: 0.16rem;
    letter-spacing: 0.02rem;
    margin-top: 0.16rem;
    color: #fff;
    text-align: center;
    font-size: 0.32rem;
    line-height: 0.8rem;
    background-color: #008fff;
}
.app-btn .btn:hover,
.app-btn .btn:active {
    background-color: #2ebb79;
}
.app-btn .btn.gs {
    background-color: #008fff;
}
.app-btn .btn.gs:hover,
.app-btn .btn.gs:active {
    background-color: #2ebb79;
}
.app-btn .btn.gs02 {
    background-color: #509cfa;
}
.app-btn .btn.gs02:hover,
.app-btn .btn.gs02:active {
    background-color: #5d9ded;
}
.app-btn .btn.ios {
    height: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #1769e0;
}
.app-btn .btn.ios:hover,
.app-btn .btn.ios:active {
    background-color: #155ec9;
}
.app-btn .btn.ios span {
    line-height: 1.2;
}
.app-btn .btn.ios i {
    font-size: 0.2rem;
    line-height: 1.2;
    font-style: normal;
    color: rgba(255, 255, 255, 0.7);
}
.app-btn .btn.android2 {
    height: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #00ba24;
}
.app-btn .btn.android2:hover,
.app-btn .btn.android2:active {
    background-color: #00ba24;
}
.app-btn .btn.android2 span {
    line-height: 1.2;
}
.app-btn .btn.android2 i {
    font-size: 0.2rem;
    line-height: 1.2;
    font-style: normal;
    color: rgba(255, 255, 255, 0.7);
}
.app-btn .btn.android {
    background-color: #00ba24;
}
.app-btn .btn.android:hover,
.app-btn .btn.android:active {
    background-color: #0eac2d;
}
.app-btn .btn.zt {
    background-color: #fea50f;
}
.app-btn .btn.zt:hover,
.app-btn .btn.zt:active {
    background-color: #eca021;
}
.app-btn .btn.order {
    background-color: #fe9904;
}
.app-btn .btn.order:hover,
.app-btn .btn.order:active {
    background-color: #eb9517;
}
.app-btn .btn.nodown {
    background-color: #eee;
    color: #999999;
}
/* 2022.2.14新增 */
.app-btn > a.gs02 {
    background-color: #007aff;
    display: none;
}
.app-btn.checked a.gs02 {
    display: block;
}
.choiceBtn {
    width: 100%;
    height: 0.4rem;
    color: #bbb;
    line-height: 0.4rem;
    padding: 0.1rem 0.24rem;
}
.choiceBtn span {
    float: left;
    display: block;
    margin-right: 0.2rem;
    padding-left: 0.4rem;
    background-image: url('../img/down3.png');
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0.4rem auto;
    font-size: 0.28rem;
}
.choiceBtn p {
    font-size: 0.24rem;
}
.app-btn.checked .choiceBtn span {
    background-position: 0 0;
}
.app-btn.checked > a {
    display: none;
}
.app-btn.checked > a.gs02 {
    display: block;
}
/* 合集头部 */
.hj-detail-head {
    position: relative;
}
.hj-detail-img {
    overflow: hidden;
    width: 100%;
    height: 3rem;
}
.hj-detail-img img {
    display: block;
    width: 100%;
}
.hj-detail-info {
    padding: 0.32rem;
}
.hj-detail-info h1 {
    margin-bottom: 0.1rem;
    color: #333333;
    text-align: center;
    font-size: 0.32rem;
}
.hj-detail-info p {
    overflow: hidden;
    color: #666;
    font-size: 0.26rem;
    line-height: 0.4rem;
}
/* 文章活动列表 */
.huodong-box li {
    padding: 0 0.32rem;
}
.huodong-box li:hover,
.huodong-box li:active {
    background-color: #f5f5f5;
}
.huodong-box li a {
    display: block;
    padding: 0.14rem 0 0.3rem 0;
    border-top: 1px solid #f2f2f2;
}
.huodong-box li .title {
    line-height: 2;
    margin-bottom: 0.04rem;
    font-size: 0.32rem;
}
.huodong-box li .title:hover,
.huodong-box li .title:active {
    color: #008fff;
}
.huodong-box li .cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.huodong-box li .cont .news-pic {
    flex: 0 0 2rem;
    width: 2rem;
    height: 1.04rem;
    overflow: hidden;
    margin-right: 0.2rem;
}
.huodong-box li .cont .news-pic img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.huodong-box li .cont .info {
    flex: 1 1 auto;
}
.huodong-box li .cont .info p {
    font-size: 0.24rem;
    line-height: 0.32rem;
    overflow: hidden;
}
.huodong-box li .cont .info .jianjie {
    color: #e90073;
    margin-bottom: 0.06rem;
}
.huodong-box li .cont .info .date {
    color: #bbd4f6;
}
.huodong-box li .cont .state {
    flex: 0 0 1.3rem;
    text-align: right;
    color: #00c5cc;
    font-weight: bold;
}
.huodong-box li .cont .state.over {
    color: #cccccc;
}
/* popup 弹窗 */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}
.popup .popup_bg {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.popup .popup_box {
    position: absolute;
    top: 24%;
    left: 50%;
    overflow: hidden;
    margin-left: -3.35rem;
    width: 6.7rem;
    background-color: #fff;
    -webkit-border-radius: 0.12rem;
    -moz-border-radius: 0.12rem;
    border-radius: 0.12rem;
    -webkit-box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.12) 5px 5px #b6ebf7;
    -moz-box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.12) 5px 5px #b6ebf7;
    box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.12) 5px 5px #b6ebf7;
}
.popup .cont {
    position: relative;
    padding: 0.2rem 0.3rem;
}
.popup .cont .close {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 0.3rem;
    top: 0.2rem;
    width: 0.44rem;
    height: 0.44rem;
}
.popup .cont .close .icon_close {
    fill: #000;
}
.popup .cont .close:hover .icon_close {
    fill: #008fff;
}
.popup .cont h6 {
    margin: 0.5rem 0 0.4rem 0;
    text-align: center;
    letter-spacing: 0.03rem;
    font-size: 0.5rem;
    line-height: 1.2em;
}
.popup .cont p {
    margin: 0.6rem auto 0.3rem auto;
    color: #666;
    text-align: center;
    font-size: 0.28rem;
    line-height: 0.4rem;
}
.popup .cont .idbox {
    margin: 0.12rem 0 0.6rem 0;
    width: 100%;
}
.popup .cont .idbox em {
    display: block;
    color: #666;
    text-indent: 0.2rem;
    font-style: normal;
    font-size: 0.24rem;
    line-height: 0.6rem;
    opacity: 0.8;
    margin-bottom: 0.06rem;
}
.popup .cont .idbox em .error-tips {
    float: right;
    color: #f04142;
    font-weight: bold;
    display: none;
}
.popup .cont .idbox input {
    box-sizing: border-box;
    width: 100%;
    border: 0.02rem solid #e0e0e0;
    background-color: #fff;
    border-radius: 0.1rem;
    text-indent: 0.2rem;
    font-weight: 700;
    font-size: 0.32rem;
    line-height: 0.8rem;
    letter-spacing: 0.02rem;
}
.popup .cont .idbox input::-webkit-input-placeholder {
    color: #666;
    font-weight: normal;
    font-size: 0.28rem;
}
.popup .cont .idbox input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset !important;
}
.popup .cont.success {
    display: none;
}
.popup .cont #idbox button {
    display: block;
    margin: 0 auto 0.4rem auto;
    width: 3.6rem;
    height: 0.8rem;
    outline: 0;
    border: 0;
    border-radius: 0.1rem;
    background-color: #f2f2f2;
    color: #666;
    font-size: 0.3rem;
    line-height: 0.8rem;
}
.popup .cont #idbox button.btn-ok {
    background-color: #008fff;
    color: #fff;
}
.popup .cont #idbox button.btn-close {
    background-color: #07c5b9;
    color: #fff;
}
.popup .cont #idbox button.btn-close:hover {
    background-color: #00958c;
}
/* infor-item */
.infor-item .tit {
    background: url('../img/icon-inforHead.png') no-repeat left center;
    background-size: 0.3rem;
    margin: 0 0.32rem 0.1rem;
    padding-left: 0.36rem;
    color: #008fff;
    font-weight: 700;
    font-size: 0.32rem;
    line-height: 0.32rem;
}
.mt {
    margin-top: 0.2rem;
}
.pt {
    padding-top: 0.2rem;
}
.chioceBtn {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #bbb;
    padding-top: 0.2rem;
}
.chioceBtn span.noChioce {
    background-position: left bottom;
}
.chioceBtn span {
    display: block;
    float: left;
    font-size: 0.28rem;
    margin-right: 0.2rem;
    padding-left: 0.4rem;
    background: url('../img/down3.png') no-repeat left top;
    background-size: 0.4rem auto;
}
.chioceBtn p {
    font-size: 0.24rem;
}
/* zt-btn */
.zt-info-box {
    padding: 0.32rem;
}
.zt-btn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.zt-btn .btn {
    width: 48%;
    border-radius: 0.16rem;
    letter-spacing: 0.02rem;
    color: #fff;
    text-align: center;
    font-size: 0.32rem;
    line-height: 0.8rem;
    background-color: #008fff;
}
.zt-btn .btn:hover,
.zt-btn .btn:active {
    background-color: #2ebb79;
}
.zt-btn .btn.ios {
    background-color: #236bff;
}
.zt-btn .btn.ios:hover,
.zt-btn .btn.ios:active {
    background-color: #3471ee;
}
.zt-btn .btn.android {
    background-color: #00ba24;
}
.zt-btn .btn.android:hover,
.zt-btn .btn.android:active {
    background-color: #0eac2d;
}
.zt-btn .btn.pc {
    background-color: #509cfa;
}
.zt-btn .btn.pc:hover,
.zt-btn .btn.pc:active {
    background-color: #5d9ded;
}
.zt-btn .btn.nodown {
    background-color: #eeeeee;
    color: #999999;
}
.zt-btn .btn.nodown:hover,
.zt-btn .btn.nodown:active {
    background-color: #eeeeee;
}
/* 专题游戏图片列表 */
.gameimg {
    padding: 0 0.32rem;
    margin-bottom: 0.32rem;
}
.gameimg ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3px;
}
.gameimg ul li {
    width: 50%;
    overflow: hidden;
    flex: 0 0 50%;
    padding-left: 3px;
    margin-top: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gameimg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gameimg.heng ul li {
    height: 2.5rem;
}
.gameimg.shu ul li {
    height: 5rem;
}
/* 游戏配置 */
.peizhi {
    padding: 0 0.32rem;
}
.peizhi dl {
    border-top: 1px solid #eeeeee;
    padding-bottom: 0.1rem;
}
.peizhi dt {
    font-weight: bold;
    line-height: 3;
    font-size: 0.26rem;
    color: #008fff;
}
.peizhi dd {
    display: flex;
    color: #666666;
    line-height: 0.4rem;
    margin-bottom: 0.16rem;
}
.peizhi .name {
    flex: 0 0 1.1rem;
    font-size: 0.24rem;
    font-weight: bold;
    color: #999999;
}
.peizhi .info {
    flex: 1 1 auto;
    color: #333333;
}

.jgq-box a:nth-child(1) .pic-box {
    background-position: left center;
}
.jgq-box a:nth-child(2) .pic-box {
    background-position: -1.88rem center;
}
.jgq-box a:nth-child(3) .pic-box {
    background-position: -2.82rem center;
}
.jgq-box a:nth-child(4) .pic-box {
    background-position: -3.76rem center;
}
.jgq-box a:nth-child(5) .pic-box {
    background-position: -5.64rem center;
}
.jgq-box a:nth-child(6) .pic-box {
    background-position: -6.58rem center;
}
.jgq-box a:nth-child(7) .pic-box {
    background-position: -0.94rem center;
}
.jgq-box a:nth-child(8) .pic-box {
    background-position: -4.7rem center;
}
.jgq-box a:nth-child(9) .pic-box {
    background-position: -7.52rem center;
}
.jgq-box a:nth-child(10) .pic-box {
    background-position: -8.46rem center;
}