body { min-width: 12rem }
em { font-style: normal }
ul { list-style: none; margin: 0; padding: 0 }
.layout1200 { margin: 0 auto; width: 11.8rem; padding: 0 0.1rem }
.minw { min-width: 12rem }
.ff6600 { color: #ff6600 }
.bgF4F5F9 { background-color: #F4F5F9 }
.margintop { margin-top: 0.33rem }
div { font-size: inherit; margin: 0 }
.top_nav { width: 100%; min-width: 12rem; background-color: rgba(255,255,255,0.6); border-bottom: 0.02rem solid #fff; position: relative; z-index: 10 }
    .top_nav .box { display: flex; justify-content: space-between; line-height: 0.57rem; font-size: 0.16rem !important; margin: 0 auto; color: #666666 }
        .top_nav .box a + a { margin-left: 0.3rem }
    .top_nav .Tipspan1 span { display: none; }
.bg1 { height: 8.46rem; position: absolute; width: 100%; z-index: -1; object-fit: cover; min-width: 12rem }
.nav2 { display: flex; justify-content: space-between; align-items: center; font-size: 0.2rem; color: #333; margin-top: 0.45rem }
    .nav2 .logo { width: 2.3rem }
        .nav2 .logo img { width: 100% }
    .nav2 a + a { margin-left: 0.3rem }
.region1 { position: relative; height: 4.6rem }
    .region1 .icon1 { position: absolute; left: -0.8rem; top: -0.2rem; width: 6.8rem; height: 5.02rem; background: url("/images/official/index/icon01.png") no-repeat center center/100% auto; z-index: -1 }
    .region1 .icon2 { position: absolute; top: -0.17rem; right: 0; width: 6.01rem; height: 5.13rem; background: url("/images/official/index/icon02.png") no-repeat center center/100% auto; z-index: -1 }
    .region1 .zi1 { font-size: 0.4rem; color: #333; font-weight: bold; margin-top: 0.5rem; margin-bottom: 0.4rem }
    .region1 .searchBox { width: 5.06rem; display: flex; align-items: center; height: 0.6rem; border-radius: 0.08rem; border: 0.01rem solid #1CB15C; margin-top: 0.4rem }
        .region1 .searchBox span { background: url(/images/official/index/icon04.png) no-repeat center center/0.26rem auto; height: 100%; width: 0.45rem; flex-shrink: 0 }
        .region1 .searchBox input { height: 100%; flex-grow: 1; border: none; outline: none; background: transparent; font-size: 0.20rem; }
            .region1 .searchBox input::placeholder { font-size: 0.20rem; }
        .region1 .searchBox div { width: 1.1rem; height: 100%; display: flex; align-items: center; justify-content: center; background: #1CB15C; color: #fff; font-size: 0.22rem; cursor: pointer; }
    .region1 .box { width: 5.08rem; text-align: center }
.bigTitle { text-align: center; display: flex; align-items: center; justify-content: center; font-size: 0.3rem; color: #01BC57 }
    .bigTitle::before { content: ""; display: block; width: 0.42rem; height: 0.32rem; background: url("/images/official/index/icon05.png") no-repeat top 0.04rem center/100% auto }
    .bigTitle::after { content: ""; display: block; width: 0.42rem; height: 0.32rem; background: url("/images/official/index/icon06.png") no-repeat top 0.04rem center/100% auto }
.region2 .content { display: flex; justify-content: space-between; margin-top: 0.35rem }
    .region2 .content .left { width: 7.2rem; border-radius: 0.06rem; overflow: hidden }
        .region2 .content .left img { width: 100% }
    .region2 .content .right { width: 4.1rem; display: flex; flex-direction: column }
        .region2 .content .right .title { display: flex; justify-content: space-between; padding-bottom: 0.15rem; border-bottom: 0.02rem solid #01BC57 }
            .region2 .content .right .title span { font-size: 0.2rem; color: #333333; }
            .region2 .content .right .title a { font-size: 0.16rem; color: #666; }
.r_content { display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; font-size: 0.18rem; padding: 0.15rem 0 0.07rem 0 }
    .r_content a { display: flex; align-items: center; color: #666; }
        .r_content a::before { content: ""; display: block; width: 0.22rem; height: 0.22rem; background: url("/images/official/index/icon07.png") no-repeat center center/100% auto; margin-right: 0.05rem }
.region3 { display: flex; justify-content: space-between }
    .region3 .left { width: 7.2rem; padding: 0.28rem 0 0.35rem }
        .region3 .left .title { font-size: 0.2rem; color: #333 }
        .region3 .left .l_content { display: flex; margin-top: 0.28rem }
            .region3 .left .l_content .cover { width: 1.37rem; background: #fff; border-radius: 0.06rem 0.06rem 0.06rem 0.06rem; font-size: 0; border: 0.02rem solid #FFFFFF; flex-shrink: 0; overflow: hidden }
                .region3 .left .l_content .cover img { width: 100%; border-radius: 0.06rem 0.06rem 0.06rem 0.06rem }
        .region3 .left .novelInfo { margin-left: 0.15rem; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding-top: 0.06rem }
            .region3 .left .novelInfo .n_name { font-size: 0.22rem; color: #333; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 5.4rem }
            .region3 .left .novelInfo .n_tag1 { display: inline-block; width: 0.66rem; background: #1CB15C; border-radius: 0.06rem 0.06rem 0.06rem 0.06rem; color: #fff; font-size: 0.18rem; text-align: center; line-height: 0.29rem }
            .region3 .left .novelInfo .n_tag2 { display: inline-block; width: 0.66rem; background: #ff6600; border-radius: 0.06rem 0.06rem 0.06rem 0.06rem; color: #fff; font-size: 0.18rem; text-align: center; line-height: 0.29rem; margin-left: 0.1rem }
            .region3 .left .novelInfo .n_intro { font-size: 0.18rem; color: #666666; line-height: 1.9em; width: 5.62rem }
    .region3 .line { background-color: #DADADA; width: 0.01rem; width: 0.01rem; margin: 0.15rem }
    .region3 .right { padding: 0.28rem 0; width: 4.1rem }
        .region3 .right .title { font-size: 0.2rem; color: #333; display: flex; justify-content: space-between }
            .region3 .right .title .more { font-size: 0.16rem; color: #666 }
        .region3 .right .list { display: flex; justify-content: space-between; flex-wrap: wrap }
            .region3 .right .list a { width: 1.2rem; height: 0.39rem; background: #FFFFFF; border-radius: 0.2rem; text-align: center; line-height: 0.39rem; font-size: 0.18rem; color: #1CB15C; margin-top: 0.3rem }
.region4 { min-height: 2rem; padding: 0.35rem 0 }
    .region4 .title { font-size: 0.2rem; color: #333; }
    .region4 .list { display: flex; justify-content: space-between; margin-top: 0.35rem }
        .region4 .list a { width: 1.2rem; display: flex; flex-direction: column; align-items: center }
            .region4 .list a img { width: 1.09rem; border-radius: 0.06rem }
            .region4 .list a span { color: #666; font-size: 0.16rem; margin-top: 0.1rem; height: 0.47rem; line-height: 0.24rem; overflow: hidden; width: 100% }
.region5 { height: 0.05rem; background: #F4F5F9; border-radius: 0.01rem }
.region6 { padding-top: 0.25rem; display: flex; justify-content: space-between }
    .region6 .bangBox { width: 3.34rem }
    .region6 .title { color: #333333; font-size: 0.2rem }
    .region6 .cover { width: 0.58rem; border-radius: 0.06rem; overflow: hidden; display: flex; flex-direction: column; position: relative; flex-shrink: 0 }
        .region6 .cover img { width: 0.58rem }
        .region6 .cover span { position: absolute; bottom: 0; background-color: #FC444E; width: 100%; color: #fff; font-size: 0.12rem; text-align: center }
    .region6 .list { margin-top: 0.06rem }
    .region6 .top1 { display: flex }
        .region6 .top1 .info { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; margin-left: 0.15rem; color: #333; font-size: 0.18rem; padding: 0.02rem 0 }
            .region6 .top1 .info em { color: #666 }
    .region6 .list li { padding: 0.12rem 0 }
        .region6 .list li + li { border-top: 0.01rem solid #ccc }
    .region6 .list .row { color: #333; font-size: 0.16rem; display: flex; line-height: 0.27rem }
        .region6 .list .row span { width: 0.33rem; height: 0.27rem; line-height: 0.27rem; background: #1CB15C; border-radius: 0rem 0.1rem 0rem 0.1rem; color: #fff; text-align: center; flex-shrink: 0 }
        .region6 .list .row a { flex-grow: 1; margin-left: 0.05rem; width: 2.28rem; height: 0.27rem; line-height: 0.27rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.region7 { display: flex; justify-content: space-between }
    .region7 .left { width: 8.6rem }
    .region7 .right { width: 2.75rem; display: flex; flex-direction: column }
        .region7 .right .title { display: flex; justify-content: space-between; font-size: 0.2rem; color: #333 }
            .region7 .right .title .more { font-size: 0.16rem; color: #666 }
        .region7 .right .list { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.08rem }
            .region7 .right .list a { width: 1.2rem; height: 0.39rem; background: #FFFFFF; border-radius: 0.2rem; text-align: center; line-height: 0.39rem; font-size: 0.18rem; color: #1CB15C; margin-top: 0.22rem }
.region8 { height: 0.05rem; background: #FFFFFF; border-radius: 0.01rem }
.region9 { padding: 0rem 0.3rem; position: relative; color: #151515; font-size: 0.18rem; line-height: 0.55rem; width: 11.25rem; margin-top: 0.2rem }
    .region9::before { content: ""; position: absolute; left: 0; top: 0.11rem; width: 0.2rem; height: 0.2rem; background: url("/images/official/index/icon08.png") no-repeat center center/100% auto }
    .region9::after { content: ""; position: absolute; right: 0; bottom: 0.08rem; width: 0.2rem; height: 0.2rem; background: url("/images/official/index/icon09.png") no-repeat center center/100% auto }
.region10 { display: flex; justify-content: space-between; align-items: center; padding: 0 0.6rem; width: 10rem; margin-top: 0.3rem; margin-bottom: 0.1rem }
    .region10 li { width: 1.63rem; height: 0.52rem; border-radius: 0.25rem; border: 0.01rem solid #CCCCCC; color: #666666; font-size: 0.2rem; line-height: 0.52rem; text-align: center; cursor: pointer }
        .region10 li.select { background: #01BC57; border: 0.01rem solid #01BC57; color: #fff; cursor: default }
        .region10 li.drop { width: 0.08rem; height: 0.08rem; border-radius: 50%; background: #B3B3B3; cursor: default }
.region11 { height: 0.04rem; background: #01BC57; border-radius: 0.01rem }
.region12 { margin-top: 0.13rem; display: flex; justify-content: space-between }
    .region12 .card { display: flex; flex-direction: column; width: 2.88rem; height: 3.41rem; border: 0.01rem solid #CCCCCC; border-radius: 0.06rem; box-sizing: border-box; padding: 0.2rem; align-items: center }
        .region12 .card img { width: 2.2rem; height: 1.42rem; }
        .region12 .card .title { font-size: 0.2rem; color: #333; text-align: center; margin-top: 0.04rem }
        .region12 .card .content { font-size: 0.18rem; color: #666; line-height: 0.42rem; margin-top: 0.1rem; width: 2.46rem }
.region14 { margin-top: 0.1rem; height: 3.7rem; position: relative; display: none }
    .region14 .bg { width: 100% }
    .region14 .zi { font-size: 0.18rem; color: #333; line-height: 0.3rem; width: 1.21rem; border: 0.01rem dashed #A3A3A3; box-sizing: border-box; padding: 0.1rem; border-radius: 0.06rem; position: absolute; margin-bottom: 0.02rem }
        .region14 .zi::before { content: ""; display: block; width: 0.16rem; height: 0.16rem; background: #FFCB00; border-radius: 50% }
    .region14 .zi2004 { left: 0.67rem }
        .region14 .zi2004::before { background: #FFCB00 }
    .region14 .zi2007 { left: 2.5rem; top: 1.37rem }
        .region14 .zi2007::before { background: #FF8B2D }
    .region14 .zi2010 { left: 4.28rem; top: 1.2rem }
        .region14 .zi2010::before { background: #FF5072 }
    .region14 .zi2012 { left: 6rem; top: 1.03rem; width: 1.56rem }
        .region14 .zi2012::before { background: #6839CD }
    .region14 .zi2021 { left: 7.88rem; top: 0.9rem; width: 1.74rem }
        .region14 .zi2021::before { background: #00B3DB }
    .region14 .zi2023 { left: 9.88rem; top: 0.88rem; width: 1.74rem }
        .region14 .zi2023::before { background: #00B773 }
.region15 { text-align: center; margin-top: 0.6rem; display: none }
    .region15 .zi1 { color: #333333; font-size: 0.26rem; margin-top: 0.4rem }
        .region15 .zi1 span { color: #299E4C; font-size: 0.3rem; font-weight: bold }
    .region15 .zi2 { color: #333333; font-size: 0.26rem; margin-top: 0.4rem; margin-bottom: 1rem }
        .region15 .zi2 span { color: #299E4C; font-size: 0.3rem; font-weight: bold }
.region16 { text-align: center; margin-top: 0.6rem; display: none }
    .region16 .zi1 { color: #333333; font-size: 0.26rem; width: 8.4rem; margin: 0.4rem auto 0 }
    .region16 .zi2 { color: #333333; font-size: 0.26rem; width: 8.4rem; margin: 0.4rem auto 1rem; text-align: left }
.region13 { position: relative; margin-top: 0.23rem; height: 5.81rem }
    .region13 .bg { position: absolute; top: 0; width: 100%; height: 5.81rem; z-index: -1; object-fit: cover; min-width: 12rem }
    .region13 .layout1200 { position: relative }
    .region13 .title { color: #1CB15C; font-size: 0.3rem; font-weight: bold; text-align: center; background: url(/images/official/index/icon15.png) no-repeat center bottom/3.94rem 0.11rem; position: absolute; top: 0.45rem; width: 11.8rem; height: 0.75rem }
    .region13 .icon16 { position: absolute; top: 1.67rem }
    .region13 .icon17 { position: absolute; top: 1.93rem; left: 5.74rem }
    .region13 .icon18 { position: absolute; top: 3.6rem; left: 1.35rem }
    .region13 .icon19 { position: absolute; top: 3.84rem; right: 0 }
.region17 { height: 7.65rem; position: relative }
    .region17 .bg { width: 9.12rem; height: 7.65rem; position: absolute; right: -1.3rem }
    .region17 .title { color: #1CB15C; font-size: 0.3rem; font-weight: bold; text-align: center; background: url(/images/official/index/icon15.png) no-repeat center bottom/3.94rem 0.11rem; width: 100%; height: 0.75rem; margin-top: 0.3rem }
    .region17 .title2 { color: #1CB15C; font-size: 0.3rem; margin-top: 1rem }
    .region17 .content { color: #333; font-size: 0.2rem; line-height: 0.48rem; width: 4.59rem; margin-top: 0.3rem }
        .region17 .content p { margin: 0 }
    .region17 .name { color: #01BC57; font-size: 0.5rem; position: absolute; bottom: 0.85rem; right: 2.65rem }
.region18 { display: flex; justify-content: space-between; margin-top: 0.35rem }
    .region18 li { width: 2.85rem; border-radius: 0.06rem 0.06rem 0.06rem 0.06rem; opacity: 1; border: 0.01rem solid #CCCCCC; height: 3.22rem; overflow: hidden }
    .region18 .title { height: 0.55rem; background: #00C85E; text-align: center; line-height: 0.55rem; color: #fff; font-size: 0.24rem }
    .region18 .zi1 { color: #333333; font-size: 0.2rem; display: flex; align-items: center; padding-left: 0.3rem; margin-top: 0.3rem }
        .region18 .zi1::before { content: ""; background: url("/images/official/index/icon24.png") no-repeat center center/100%; width: 0.24rem; height: 0.2rem; margin-right: 0.1rem }
    .region18 .zi2 { color: #ff6600; font-size: 0.28rem; display: flex; align-items: center; justify-content: center; margin-top: 0.3rem }
        .region18 .zi2::before { content: ""; background: url("/images/official/index/icon25.png")no-repeat center center/100%; width: 0.26rem; height: 0.16rem }
        .region18 .zi2::after { content: ""; background: url("/images/official/index/icon26.png")no-repeat center center/100%; width: 0.26rem; height: 0.16rem }
    .region18 .zi3 { color: #333; font-size: 0.2rem; margin-top: 0.1rem; text-align: center }
    .region18 .qcode { /*display:flex;justify-content:space-between;*/ padding: 0.2rem; padding-bottom: 0; text-align: center; }
        .region18 .qcode img { background: #008D3A; border-radius: 0.04rem 0.04rem 0.04rem 0.04rem; border: 0.03rem solid #008D3A; width: 1.3rem; height: 1.3rem }
    .region18 .zi4 { color: #333333; font-size: 0.2rem; display: flex; align-items: center; padding-left: 0.45rem; margin-top: 0.25rem }
        .region18 .zi4::before { content: ""; background: url("/images/official/index/icon27.png") no-repeat center center/100%; width: 0.32rem; height: 0.3rem; margin-right: 0.15rem }
    .region18 .zi5 { color: #333333; font-size: 0.2rem; display: flex; align-items: center; padding-left: 0.45rem; margin-top: 0.25rem }
        .region18 .zi5::before { content: ""; background: url("/images/official/index/icon28.png") no-repeat center center/100%; width: 0.32rem; height: 0.3rem; margin-right: 0.15rem }
    .region18 .zi6 { color: #333333; font-size: 0.2rem; display: flex; align-items: center; padding-left: 0.45rem; margin-top: 0.25rem }
        .region18 .zi6::before { content: ""; background: url("/images/official/index/icon29.png") no-repeat center center/100%; width: 0.32rem; height: 0.3rem; margin-right: 0.15rem }
    .region18 .zi7 { color: #333333; font-size: 0.2rem; display: flex; align-items: center; padding-left: 0.45rem; margin-top: 0.25rem }
        .region18 .zi7::before { content: ""; background: url("/images/official/index/icon30.png") no-repeat center center/100%; width: 0.32rem; height: 0.3rem; margin-right: 0.15rem }
    .region18 .zi8 { color: #333333; font-size: 0.2rem; display: flex; align-items: flex-start; padding-left: 0.3rem; margin-top: 0.25rem; padding-right: 0.3rem }
        .region18 .zi8::before { content: ""; background: url("/images/official/index/icon31.png") no-repeat center center/100%; width: 0.32rem; height: 0.3rem; margin-right: 0.08rem; flex-shrink: 0 }
    .region18 .zi9 { color: #333333; font-size: 0.2rem; display: flex; align-items: center; padding-left: 0.3rem; margin-top: 0.25rem; padding-right: 0.3rem }
        .region18 .zi9::before { content: ""; background: url("/images/official/index/icon32.png") no-repeat center center/100%; width: 0.32rem; height: 0.3rem; margin-right: 0.08rem }
.region19 { width: 100%; height: 5.32rem; background: #0F1323; margin-top: 0.5rem; min-width: 12rem }
    .region19 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.8rem }
        .region19 ul li { width: 30%; height: 1.56rem; display: flex; flex-direction: column; color: #fff; font-size: 0.22rem !important; line-height: 0.45rem }
            .region19 ul li .title { color: #01BC57; font-size: 0.24rem; display: flex; align-items: center; margin-bottom: 0.1rem }
            .region19 ul li .title1::before { content: ""; background: url("/images/official/index/icon33.png") no-repeat center center/100%; width: 0.46rem; height: 0.46rem; margin-right: 0.08rem }
            .region19 ul li .title2::before { content: ""; background: url("/images/official/index/icon34.png") no-repeat center center/100%; width: 0.46rem; height: 0.46rem; margin-right: 0.08rem }
            .region19 ul li .title3::before { content: ""; background: url("/images/official/index/icon35.png") no-repeat center center/100%; width: 0.46rem; height: 0.46rem; margin-right: 0.08rem }
            .region19 ul li .title4::before { content: ""; background: url("/images/official/index/icon36.png") no-repeat center center/100%; width: 0.46rem; height: 0.46rem; margin-right: 0.08rem }
            .region19 ul li .title5::before { content: ""; background: url("/images/official/index/icon37.png") no-repeat center center/100%; width: 0.46rem; height: 0.46rem; margin-right: 0.08rem }
            .region19 ul li .title6::before { content: ""; background: url("/images/official/index/icon38.png") no-repeat center center/100%; width: 0.46rem; height: 0.46rem; margin-right: 0.08rem }
.region20 { background: #0A0D1A; height: 1.56rem; color: #B2B2B2; text-align: center; font-size: 0.16rem; line-height: 0.33rem; display: flex; align-items: center; min-width: 12rem }

@media screen and (max-width:1440px) {
    .region17 { overflow: hidden }
}