* {
    margin: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 0;
}

.bgColor {
    background: linear-gradient(0deg, #919bea 0%, #cc8ae2 100%);
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

li {
    list-style: none;
}

[v-cloak] {
    display: none;
}

.location {
    position: absolute;
}

html {
    width: 100%;
    overflow-x: hidden;
}

body {
    text-align: center;
    width: 100%;
    overflow-x: hidden;
}

.container {
    text-align: center;
    width: 10rem;
    max-width: 10rem;
    overflow: hidden;
    margin: auto;
}

.headImg {
    width: 100%;
    margin: auto;
}

.container {
    max-width: 10rem;
    margin: auto;
}

.box_rule {
    background: rgba(0, 0, 0, 0.8);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .box_rule .rule_content {
        width: 8.16rem;
        /* height: 12.53333333rem; */
        background: #ffffff;
        border-radius: 0.53333333rem;
        position: relative;
        padding: 0 0 0.63rem 0;
    }

        .box_rule .rule_content p {
            width: 7.16rem;
            margin: auto;
            text-align: left;
            margin: 0 0 0.2rem 0;
        }

        .box_rule .rule_content span {
            width: 7.16rem;
            margin: 0 0 0.2rem 0;
            display: inline-block;
            text-align: left;
            line-height: 0.5rem;
        }

        .box_rule .rule_content img.close {
            width: 0.26666667rem;
            height: 0.26666667rem;
            position: absolute;
            top: 0.48rem;
            right: 0.42666667rem;
        }

        .box_rule .rule_content p.title {
            text-align: center;
            width: 100%;
            font-size: 0.53333333rem;
            color: #000000;
            margin: 0.56666667rem auto 0;
            /* height: 0.5rem; */
            /* line-height: 0.5rem; */
            font-family: PingFang;
            font-weight: bold;
        }

        .box_rule .rule_content .content {
            width: 6.64rem;
            max-height: 8.406666667rem;
            height: auto;
            overflow-y: scroll;
            margin: 0.40333333rem auto 0;
            text-align: left;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: flex-start;
        }

        .box_rule .rule_content P.content span {
            font-size: 0.34666667rem;
            color: #333333;
            display: inline-block;
            width: 100%;
            margin: 0 0 0.4rem 0;
        }

        .box_rule .rule_content .btn {
            width: 4.32rem;
            height: 1.06666667rem;
            line-height: 1.06666667rem;
            background: #919BEA;
            border-radius: 0.53333333rem;
            text-align: center;
            font-size: 0.4rem;
            color: #FFFFFF;
            margin: 0.62rem auto 0;
        }

/*.box_word {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}*/

    .box_word .word_content {
        width: 8.16rem;
        height: auto;
        background: #ffffff;
        border-radius: 0.53333333rem;
        position: relative;
        padding: 0 0 0.7rem 0;
    }

        .box_word .word_content img.close {
            width: 0.26666667rem;
            height: 0.26666667rem;
            position: absolute;
            top: 0.48rem;
            right: 0.42666667rem;
        }

        .box_word .word_content p.title {
            text-align: center;
            width: 100%;
            font-size: 0.53333333rem;
            color: #000000;
            margin: 0.666667rem auto 0;
            height: 19px;
            font-family: PingFang;
            font-weight: bold;
        }

        .box_word .word_content .content {
            width: 6.64rem;
            max-height: 7.653333rem;
            height: auto;
            overflow-y: scroll;
            margin: 0.55333333rem auto 0;
            text-align: left;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-content: space-between;
        }

            .box_word .word_content .content span {
                display: inline-block;
                font-size: 0.34666667rem;
                color: #333333;
                margin: 0.2rem 0 0 0;
            }

                .box_word .word_content .content span .money {
                    font-size: 0.34666667rem;
                    color: #919BEA;
                }

            .box_word .word_content .content .box {
                margin: 0.53333333rem auto 0;
            }

        .box_word .word_content .btn {
            width: 4.32rem;
            height: 1.06666667rem;
            line-height: 1.06666667rem;
            background: #919BEA;
            border-radius: 0.53333333rem;
            text-align: center;
            font-size: 0.4rem;
            color: #FFFFFF;
            margin: 0.62rem auto 0;
        }

.box_Contribute {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.7);
}

    .box_Contribute .Contribute_content {
        width: 4.53333333rem;
        height: 2.42666667rem;
        background: rgba(10, 10, 10, 0.8);
        border-radius: 0.10666667rem;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
    }

        .box_Contribute .Contribute_content .txt01 {
            font-size: 0.53333333rem;
            color: #919BEA;
            width: 100%;
        }

        .box_Contribute .Contribute_content .txt02 {
            font-size: 0.29333333rem;
            color: #FFFFFF;
            margin: 0.26666667rem auto 0;
            width: 100%;
        }

.box_invite {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000000000000;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.7);
}

    .box_invite .invite_content {
        width: 8.16rem;
        padding: 0rem 0rem 1.09333333rem 0rem;
        background: #ffffff;
        border-radius: 0.53333333rem;
        position: relative;
    }

        .box_invite .invite_content img.close {
            width: 0.26666667rem;
            height: 0.26666667rem;
            position: absolute;
            top: 0.48rem;
            right: 0.42666667rem;
        }

        .box_invite .invite_content .icon {
            width: 1.52rem;
            height: 2.16rem;
            margin: 1.14666667rem auto 0;
        }

        .box_invite .invite_content .txt01 {
            width: 100%;
            text-align: center;
            font-family: PingFang SC;
            font-weight: bold;
            font-size: 0.53333333rem;
            color: #000000;
            margin: 0.53333333rem auto 0;
        }

        .box_invite .invite_content .txt02 {
            width: 100%;
            text-align: center;
            font-size: 0.32rem;
            color: #000000;
            margin: 0.48rem auto 0;
        }

            .box_invite .invite_content .txt02 .energy {
                font-size: 0.32rem;
                color: #919BEA !important;
            }

        .box_invite .invite_content .box_msg {
            margin: 0.77333333rem auto 0;
            width: 4.21333333rem;
            height: 1.25333333rem;
            position: relative;
            background: #ffffff;
            border: 1px solid #ececec;
            border-radius: 0.13333333rem;
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: center;
            font-size: 0.32rem;
            color: #333333;
        }

            .box_invite .invite_content .box_msg .msg01 {
                font-size: 0.32rem;
                color: #919BEA;
            }

            .box_invite .invite_content .box_msg .triangle {
                position: absolute;
                width: 0.74666667rem;
                height: 0.24rem;
                bottom: -0.24rem;
            }

        .box_invite .invite_content .box_btn .btn {
            width: 4.32rem;
            height: 1.06666667rem;
            border-radius: 0.53333333rem;
            text-align: center;
            line-height: 1.06666667rem;
        }

        .box_invite .invite_content .box_btn .btn01 {
            background: linear-gradient(0deg, #919bea 0%, #cc8ae2 100%) !important;
            margin: 0.45333333rem auto 0;
            font-size: 0.4rem;
            color: #ffffff;
        }

        .box_invite .invite_content .box_btn .btn02 {
            background: #e3e3e3;
            margin: 0.32rem auto 0;
            font-size: 0.4rem;
            color: #333333;
        }

        .box_invite .invite_content .btn {
            width: 4.32rem;
            height: 1.06666667rem;
            line-height: 1.06666667rem;
            background: #919BEA;
            border-radius: 0.53333333rem;
            text-align: center;
            font-size: 0.4rem;
            color: #FFFFFF;
            margin: 0.72rem auto 0;
        }

.awardList {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    z-index: 10000000 !important;
}

    .awardList .award-content {
        width: 8.16rem;
        /* height: 14.02666667rem; */
        background-color: #ffffff;
        position: fixed;
        border-radius: 0.53333333rem;
    }

        .awardList .award-content .close {
            position: absolute;
            top: 0.53333333rem;
            right: 0.8rem;
            width: 0.26666667rem;
        }

        .awardList .award-content .title {
            width: 100%;
            text-align: center;
            margin: 1.04rem auto 0;
            height: 0.53333333rem;
            line-height: 0.53333333rem;
            font-size: 0.53333333rem;
            color: #333333;
            font-family: PingFang SC;
            font-weight: bold;
        }

        .awardList .award-content .txt2 {
            width: 100%;
            text-align: center;
            margin: 0.26666667rem auto 0;
            font-size: 0.29333333rem;
            color: #999999;
            font-family: PingFang SC;
            font-weight: 500;
        }

        .awardList .award-content .formContent {
            text-align: center;
            margin: 0.48rem auto 0;
        }

            .awardList .award-content .formContent .item {
                width: 6.53333333rem;
                height: 1.06666667rem;
                line-height: 1.06666667rem;
                margin: 0.26666667rem auto 0;
                display: inline-blcok;
                background: #f6f6f6;
                border-radius: 20px;
                display: flex;
                align-items: center;
                align-content: center;
                flex: nowrap;
                justify-content: flex-start;
            }

                .awardList .award-content .formContent .item label {
                    font-size: 0.4rem;
                    color: #999999;
                    font-family: PingFang SC;
                    font-weight: 500;
                    width: 1.86666667rem;
                    padding: 0rem 0rem 0rem 0.4rem;
                    text-align: left;
                }

                .awardList .award-content .formContent .item .right {
                    width: 4.26666667rem;
                    display: flex;
                    justify-content: flex-start;
                }

                    .awardList .award-content .formContent .item .right input {
                        width: 80%;
                        border: none;
                        background: #f6f6f6;
                        font-size: 0.4rem;
                        color: #333333;
                    }

                    .awardList .award-content .formContent .item .right .valTel {
                        width: 3.06666667rem;
                        font-size: 0.4rem;
                        color: #333333;
                    }

                    .awardList .award-content .formContent .item .right .valCode {
                        width: 2rem;
                        font-size: 0.4rem;
                        color: #333333;
                    }

                    .awardList .award-content .formContent .item .right .box_getCode .getCode {
                        text-align: right;
                        font-size: 0.32rem;
                        color: #919BEA;
                    }

                    .awardList .award-content .formContent .item .right .box_getCode .regetCode {
                        display: none;
                        text-align: right;
                        font-size: 0.37333333rem;
                        color: #919BEA;
                    }

                .awardList .award-content .formContent .item .rightCode {
                    width: 4.26666667rem;
                    display: flex;
                    flex-wrap: nowrap;
                    align-items: center;
                    align-content: center;
                }

            .awardList .award-content .formContent .itemBorder {
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                align-content: center;
                justify-content: flex-start;
            }

                .awardList .award-content .formContent .itemBorder .center {
                    width: 3.73333333rem;
                    text-align: left;
                }

                    .awardList .award-content .formContent .itemBorder .center #Address {
                        width: 3.2rem;
                        border: none;
                        background: #f6f6f6;
                        font-size: 0.4rem;
                        color: #333333;
                    }

                .awardList .award-content .formContent .itemBorder .icon_right {
                    width: 0.13333333rem;
                }

            .awardList .award-content .formContent .btn {
                width: 4.32rem;
                height: 1.06666667rem;
                background: #919BEA;
                border-radius: 0.53333333rem;
                font-size: 0.4rem;
                color: #ffffff;
                line-height: 1.06666667rem;
                margin: 0.53333333rem auto 0;
            }

.ft_form_jump {
    padding: 0rem 0 0 0;
    min-height: auto;
    /* padding: 2.48rem 0rem 0rem 0rem; */
}

    .ft_form_jump .ft_form_content form {
        margin: 0.72rem auto 0;
    }

        .ft_form_jump .ft_form_content form .item {
            border: none;
        }

        .ft_form_jump .ft_form_content form .itemBorder {
            border-top: 0.02666667rem solid #E7E7E7;
        }

        .ft_form_jump .ft_form_content form .itemCode {
            border-bottom: 0.02666667rem solid #E7E7E7;
        }

.weui-half-screen-dialog__title {
    font-size: 0.45rem;
}

.attractInvestment {
    position: fixed;
    width: 10rem;
    max-height: 7.733333rem;
    left: calc(50vw - 5rem + 0rem);
    bottom: 0rem;
    z-index: 100;
    background-color: #ffffff;
    padding: 0 0 1rem 0px;
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
}

    .attractInvestment .title {
        font-size: 0.64rem;
        color: #000000;
        width: 100%;
        text-align: left;
        height: 0.61333333rem;
        line-height: 0.61333333rem;
        font-family: PingFang SC;
        font-weight: bold;
        margin: 0.93333333rem 0rem 0rem 0.53333333rem;
    }

    .attractInvestment .txt022 {
        margin: 0.32rem 0rem 0rem 0.58666667rem;
        width: 100%;
        text-align: left;
        font-size: 0.42666667rem;
        color: #333333;
        font-family: PingFang SC;
        font-weight: 500;
        position: relative;
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
    }

    .attractInvestment .txt02 {
        margin: 0.62rem 0rem 0rem 0.58666667rem;
        width: 100%;
        text-align: left;
        font-size: 0.42666667rem;
        color: #333333;
        font-family: PingFang SC;
        font-weight: 500;
        position: relative;
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
    }

        .attractInvestment .txt02 .circle {
            width: 0.16rem;
            height: 0.16rem;
            background: #919BEA;
            border-radius: 50%;
            margin: 0rem 0.33333333rem 0rem 0rem;
        }

        .attractInvestment .txt02 .text {
            width: 7.7rem;
            max-height: 3.4rem;
            height: auto;
            overflow-y: scroll;
            padding: 0 0.4rem 0 0;
            text-align: left;
        }

    .attractInvestment .txt03 {
        width: 8.5rem;
        height: auto;
        font-size: 0.4rem;
        color: #666666;
        padding: 0 0.2rem 0 0;
        font-family: PingFang SC;
        font-weight: 500;
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        margin: 0.246667rem 0rem 0rem 0.56rem;
    }

        .attractInvestment .txt03 .circle {
            width: 0.16rem;
            height: 0.16rem;
            background: #919BEA;
            border-radius: 50%;
            margin: 0rem 0.33333333rem 0rem 0rem;
        }

        .attractInvestment .txt03 .text {
            width: 7.7rem;
            max-height: 3.4rem;
            height: auto;
            overflow-y: scroll;
            padding: 0 0.4rem 0 0;
            text-align: left;
        }

    .attractInvestment .txt04 {
        width: 100%;
        text-align: left;
        font-size: 0.4rem;
        color: #666666;
        font-family: PingFang SC;
        font-weight: 500;
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        margin: 0.08rem 0rem 0rem 0.56rem;
    }

        .attractInvestment .txt04 .circle {
            width: 0.16rem;
            height: 0.16rem;
            background: #919BEA;
            border-radius: 50%;
            margin: 0rem 0.13333333rem 0rem 0rem;
        }

.contactsList {
    position: fixed;
    bottom: 0rem;
    left: calc(50vw - 5rem);
    width: 10rem;
    height: auto;
    max-height: 7.5rem;
    overflow-y: scroll;
    background: #ffffff;
    border-top-left-radius: 0.34666667rem;
    border-top-right-radius: 0.34666667rem;
    padding: 0.293333rem 0rem 0.29333333rem 0rem;
    z-index: 100;
}

    .contactsList .item {
        width: 10rem;
        height: 1.78666667rem;
        border-bottom: 1px solid #E5E5E5;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
    }

        .contactsList .item .left {
            margin: 0rem 0rem 0rem 0.4rem;
        }

            .contactsList .item .left .head {
                width: 1.33333333rem;
                height: 1.33333333rem;
                border-radius: 50%;
            }

        .contactsList .item .center {
            margin: 0rem 0rem 0rem 0.29333333rem;
            height: 1.33333333rem;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            align-content: center;
            width: 5.33333333rem;
        }

            .contactsList .item .center .name {
                font-size: 0.45333333rem;
                color: #000000;
                font-family: PingFang;
                font-weight: 500;
                width: 100%;
                overflow: hidden;
                /*超出部分隐藏*/
                text-overflow: ellipsis;
                /* 超出部分显示省略号 */
                white-space: nowrap;
                /*规定段落中的文本不进行换行 */
                max-width: 5.33333333rem;
                /*需要配合宽度来使用*/
                text-align: left;
            }

            .contactsList .item .center .job {
                font-size: 0.37333333rem;
                color: #AAAAAA;
                font-family: PingFang;
                font-weight: 500;
                width: 100%;
                overflow: hidden;
                /*超出部分隐藏*/
                text-overflow: ellipsis;
                /* 超出部分显示省略号 */
                white-space: nowrap;
                /*规定段落中的文本不进行换行 */
                max-width: 5.33333333rem;
                /*需要配合宽度来使用*/
                text-align: left;
            }

        .contactsList .item .right {
            display: flex;
            flex-wrap: nowrap;
        }

            .contactsList .item .right .icon {
                width: 0.8rem;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }

                .contactsList .item .right .icon img {
                    width: 0.53333333rem;
                    height: 0.53333333rem;
                }

                .contactsList .item .right .icon span {
                    width: 100%;
                    font-size: 0.32rem;
                    color: #B3B3B3;
                    font-family: PingFang SC;
                    font-weight: 500;
                }

            .contactsList .item .right .msg {
                margin: 0rem 0.48rem 0rem 0rem;
            }

        .contactsList .item:last-child {
            border: none;
        }

.loading {
    width: 10rem;
    height: 1.33333333rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

    .loading img {
        text-align: center;
        margin: 0rem 0.26666667rem 0rem 0rem;
        width: 0.61333333rem;
        height: 0.61333333rem;
    }

    .loading span {
        font-size: 0.32rem;
        color: #808080;
    }

.Viewstatus {
    padding: 0rem 0.16rem 0rem 0.16rem;
    height: 0.58666667rem;
    right: 0.26666667rem;
    top: 0.82666667rem;
    font-size: 0.32rem;
    color: #ffffff;
    position: absolute;
    background: #ff0000;
    border-radius: 4px;
    font-family: PingFang SC;
    font-weight: 500;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}

    .Viewstatus .box_line {
        display: flex;
        align-items: center;
        align-content: center;
    }

        .Viewstatus .box_line li {
            width: 0.08rem;
            background-color: #ffffff;
            margin: 0rem 0.05333333rem 0rem 0rem;
        }

        .Viewstatus .box_line .line01 {
            height: 0.4rem;
            animation: mymove 1.5s infinite;
            -moz-animation: mymove 1.5s infinite;
            /* Firefox */
            -webkit-animation: mymove 1.5s infinite;
            /* Safari and Chrome */
            -o-animation: mymove 1.5s infinite;
            /* Opera */
        }

        .Viewstatus .box_line .line02 {
            height: 0.26666667rem;
            animation: mymove 2s infinite;
            -moz-animation: mymove 2s infinite;
            /* Firefox */
            -webkit-animation: mymove 2s infinite;
            /* Safari and Chrome */
            -o-animation: mymove 2s infinite;
            /* Opera */
        }

        .Viewstatus .box_line .line03 {
            height: 0.4rem;
            animation: mymove 1s infinite;
            -moz-animation: mymove 1s infinite;
            /* Firefox */
            -webkit-animation: mymove 1s infinite;
            /* Safari and Chrome */
            -o-animation: mymove 1s infinite;
            /* Opera */
        }

@keyframes mymove {
    0% {
        height: 0.4rem;
    }

    50% {
        height: 0.13333333rem;
    }

    100% {
        height: 0.4rem;
    }
}

@-moz-keyframes mymove {
    /* Firefox */
    0% {
        height: 0.4rem;
    }

    50% {
        height: 0.13333333rem;
    }

    100% {
        height: 0.4rem;
    }
}

@-webkit-keyframes mymove {
    /* Safari and Chrome */
    0% {
        height: 0.4rem;
    }

    50% {
        height: 0.13333333rem;
    }

    100% {
        height: 0.4rem;
    }
}

@-o-keyframes mymove {
    /* Opera */
    0% {
        height: 0.4rem;
    }

    50% {
        height: 0.13333333rem;
    }

    100% {
        height: 0.4rem;
    }
}

input {
    border: 0;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
}

.box_identify {
    width: 100vw;
    height: 100vh;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    z-index: 1000;
    top: 0;
    left: 0;
}

    .box_identify .content_identify {
        width: 8.34666667rem;
        height: 9.36rem;
        background: #ffffff;
        border-radius: 0.53333333rem;
        position: relative;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
    }

        .box_identify .content_identify .logo {
            width: 0.26666667rem;
            position: absolute;
            top: 0.4rem;
            right: 0.4rem;
        }

        .box_identify .content_identify .qrcode {
            width: 4.16rem;
            height: 4.16rem;
            margin: 1.86666667rem auto 0;
            border: 1px solid red;
        }

        .box_identify .content_identify .txt01 {
            width: 100%;
            text-align: center;
            margin: 0.50666667rem auto 0;
            font-size: 0.32rem;
            color: #333333;
        }

        .box_identify .content_identify .txt02 {
            width: 100%;
            text-align: center;
            margin: 0.05333333rem auto 0;
            font-size: 0.32rem;
            color: #333333;
        }

            .box_identify .content_identify .txt02 .txt03 {
                font-size: 0.32rem;
                color: #919BEA;
            }

.mePage {
    background-color: #F6F6F6 !important;
    width: 100vw;
    min-height: 100vh !important;
    overflow: scroll;
    position: fixed;
    top: 0;
    height: 100vh;
    max-width: 10rem;
    left: calc(50vw - 5rem + 0rem) !important;
    z-index: 100000;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    border-radius: none !important;
    padding: 1.14666667rem 0rem 2.66666667rem 0rem;
}

    .mePage .title {
        position: absolute;
        width: 100%;
        text-align: center;
        height: 1.17333333rem;
        line-height: 1.17333333rem;
        font-size: 0.4rem;
        color: #000000;
        top: 0;
    }

    .mePage .close {
        position: absolute;
        color: #CECECE;
        width: 0.37333333rem;
        height: 0.37333333rem;
        top: 0.37333333rem;
        right: 0.42666667rem;
        opacity: 1 !important;
    }

        .mePage .close img {
            width: 0.37333333rem;
            height: 0.37333333rem;
        }

    .mePage .titlebox {
        text-align: left;
        background-color: #ffffff;
    }

        .mePage .titlebox li {
            width: 100%;
            height: 1.17333333rem;
            width: 9.6rem;
            line-height: 1.17333333rem;
            margin: 0rem auto 0;
            text-align: left;
            border-bottom: 0.02666667rem solid #E5E5E5;
            font-size: 0.42666667rem;
            color: #000000;
            font-family: PingFang;
            font-weight: 500;
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: flex-start;
        }

            .mePage .titlebox li .circle {
                width: 0.53333333rem;
                height: 0.53333333rem;
                border-radius: 50%;
                display: inline-block;
                border: 1px solid #C9C9C9;
                margin: 0rem 0.26666667rem 0rem 0rem;
                display: flex;
                justify-content: center;
                align-items: center;
                align-content: center;
            }

                .mePage .titlebox li .circle img {
                    width: 100%;
                }

            .mePage .titlebox li .active {
                /* background-color: #919BEA; */
                /* border: 1px solid #919BEA; */
            }

.indexnewPage {
    background-color: #F6F6F6 !important;
    width: 100vw;
    min-height: 100vh !important;
    overflow: scroll;
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    z-index: 100000;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    border-radius: none !important;
    padding: 1.14666667rem 0rem 2.66666667rem 0rem;
}

    .indexnewPage .close {
        position: absolute;
        color: #CECECE;
        width: 0.37333333rem;
        height: 0.37333333rem;
        top: 0.37333333rem;
        right: 0.42666667rem;
        opacity: 1 !important;
    }

        .indexnewPage .close img {
            width: 0.37333333rem;
            height: 0.37333333rem;
        }

    .indexnewPage .titlebox {
        text-align: left;
    }

        .indexnewPage .titlebox .title {
            font-size: 0.48rem;
            color: #000000;
            font-weight: bold;
            margin: 0.69333333rem 0rem 0rem 0.48rem;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            align-content: center;
            justify-content: flex-start;
        }

            .indexnewPage .titlebox .title .circle {
                margin: 0rem 0.13333333rem 0rem 0rem;
                border: 0.02666667rem solid #C9C9C9;
                width: 0.53333333rem;
                height: 0.53333333rem;
                display: inline-block;
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
                align-content: center;
            }

                .indexnewPage .titlebox .title .circle img {
                    width: 0.32rem;
                    height: 0.24rem;
                    display: none;
                }

            .indexnewPage .titlebox .title .active {
                /* background-color: #919BEA; */
                /* border: 0.02666667rem solid #919BEA; */
            }

                .indexnewPage .titlebox .title .active img {
                    width: 100%;
                    height: 100%;
                    display: block;
                }

        .indexnewPage .titlebox .box_icon {
            margin: 0.53333333rem auto 0;
            width: 9.2rem;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            max-height: 13.33333333rem;
            overflow: scroll;
        }

            .indexnewPage .titlebox .box_icon .icon {
                border: 1px solid #ffffff;
                width: 2.8rem;
                height: 1.06666667rem;
                line-height: 1.06666667rem;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: 8rem;
                background: #ffffff;
                text-align: center;
                margin: 0rem 0.4rem 0.29333333rem 0rem;
                margin: 0rem 0.2rem 0.32rem 0rem;
                font-size: 0.4rem;
                color: #333333;
                position: relative;
            }

                .indexnewPage .titlebox .box_icon .icon .triangle {
                    width: 0.64rem;
                    height: 0.64rem;
                    background-color: #919BEA;
                    position: absolute;
                    right: -0.32rem;
                    top: -0.32rem;
                    display: none;
                    transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    /* IE 9 */
                    -moz-transform: rotate(45deg);
                    /* Firefox */
                    -webkit-transform: rotate(45deg);
                    /* Safari 和 Chrome */
                    -o-transform: rotate(45deg);
                    /* Opera */
                }

                .indexnewPage .titlebox .box_icon .icon .imgGou {
                    display: none;
                    width: 0.21333333rem;
                    height: auto;
                    position: absolute;
                    top: 0.05333333rem;
                    right: 0.02666667rem;
                }

            .indexnewPage .titlebox .box_icon .activeIcon {
                border: 1px solid #919BEA;
                color: #919BEA;
            }

                .indexnewPage .titlebox .box_icon .activeIcon .triangle {
                    display: block;
                }

                .indexnewPage .titlebox .box_icon .activeIcon .imgGou {
                    display: block;
                }

            .indexnewPage .titlebox .box_icon .icon:nth-child(3n) {
                margin: 0 0 0.29333333rem 0 !important;
            }

        .indexnewPage .titlebox .active {
            font-size: 0.4rem;
            color: #85B12E;
        }

        .indexnewPage .titlebox:last-child {
            margin: 0rem 0rem 1.33333333rem 0rem;
        }

.bottom-btn {
    display: none;
    width: 10rem;
    height: 1.86666667rem;
    line-height: 1.86666667rem;
    position: fixed;
    bottom: 0;
    left: calc(50% - 5rem + 0rem);
    z-index: 1000000;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

    .bottom-btn .btn01 {
        width: 9.2rem;
        height: 1.17333333rem;
        border-radius: 0.13333333rem;
        background: #919BEA;
        line-height: 1.17333333rem;
        font-size: 0.48rem;
        color: #ffffff;
    }

footer {
    position: fixed;
    bottom: 0;
    left: calc(50vw - 5rem + 0);
    width: 10rem;
    height: 1.57333333rem;
    background-color: #ffffff;
    border-top: 1px solid #D9D9D9;
}

    footer .box {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    footer .left {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 0rem 0.45333333rem 0rem 0.4rem;
    }

        footer .left .item {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            align-content: center;
            justify-content: center;
        }

            footer .left .item img {
                width: 0.48rem;
                height: 0.48rem;
            }

            footer .left .item span {
                font-size: 0.26666667rem;
                color: #666666;
                margin: 0.08rem 0rem 0rem 0rem;
                font-family: PingFang SC;
                font-weight: 500;
                text-align: center;
                width: 100%;
            }

    footer .right {
        width: 5.06666667rem;
        height: 1.06666667rem;
        border-radius: 0.53333333rem;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        overflow: hidden;
        margin: 0rem 0.4rem 0rem 0rem;
    }

        footer .right .btn {
            width: 50%;
            height: 100%;
            line-height: 1.06666667rem;
            font-size: 0.37333333rem;
            color: #FFFFFF;
        }

        footer .right .btn01 {
            background-color: #f5f7fa;
            border: 0.02rem solid #919BEA;
            overflow: hidden;
            border-radius: 0.53333333rem 0 0 0.533333rem;
            box-sizing: border-box;
            color: #666666;
            /* display: none; */
        }

        footer .right .btn02 {
            background-color: #919BEA;
        }

.hotChat {
    display: none !important;
    position: fixed;
    height: 0.66666667rem;
    line-height: 0.66666667rem;
    background: #ffffff;
    border: 1px solid #f1f2f4;
    border-radius: 0.13333333rem;
    padding: 0rem 0.18666667rem 0rem 0.18666667rem;
    bottom: 1.36rem;
    right: calc(50vw - 5rem + 1.73333333rem);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

    .hotChat .txt1 {
        font-size: 0.32rem;
        color: #919BEA;
    }

    .hotChat .txt2 {
        font-size: 0.32rem;
        color: #000033;
        margin: 0rem 0rem 0rem 0.02666667rem;
    }

    .hotChat .close {
        width: 0.24rem;
        height: 0.24rem;
        margin: 0rem 0rem 0rem 0.16rem;
    }

    .hotChat .triangle {
        width: 0.26666667rem;
        position: fixed;
        bottom: 1.12666667rem;
    }

.cover {
    width: 100vw;
    height: 100vh;
    background: #000000;
    opacity: 0.7;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

.all_cover {
    width: 100vw;
    height: 100vh;
    background: #000000;
    opacity: 0.7;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none;
}

.footerNav {
    position: fixed;
    bottom: 0;
    left: calc(50vw - 5rem);
    width: 10rem;
    height: 1.50666667rem;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-around;
    border-top: 1px solid #ebeef5;
    background-color: #ffffff;
    z-index: 9;
}

    .footerNav .item {
        width: 1.01333333rem;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
    }

        .footerNav .item img {
            width: 0.64rem;
            height: 0.64rem;
        }

        .footerNav .item span {
            font-size: 0.26666667rem;
            color: #A3A3A3;
            font-family: PingFang SC;
            font-weight: 500;
        }
        .footerNav .item p.circle {
            top: -0.05333333rem;
            right: -0.21333333rem;
            position: absolute;
            font-size: 0.32rem;
            color: #ffffff;
            border-radius: 0.53333333rem;
            margin: 0rem 0.21333333rem 0rem 0rem;
            height: 0.48rem;
            padding: 0rem 0.13333333rem 0rem 0.13333333rem;
            display: inline-block;
            background-color: red;
        }
    .footerNav .active span {
        color: #919BEA;
    }

#contentSlide {
    padding: 0rem 0rem 1.57333333rem 0rem;
}

    #contentSlide .pageOne {
        margin: 0.77333333rem auto 0;
    }

        #contentSlide .pageOne .item {
            width: 9.2rem;
            height: 5.65333333rem;
            background: #ffffff;
            box-shadow: 0px 0.02666667rem 0.32rem 0px rgba(7, 0, 2, 0.15);
            border-radius: 0.13333333rem;
            overflow: hidden;
            margin: 0.53333333rem auto 0;
        }

            #contentSlide .pageOne .item .top {
                display: flex;
                flex: nowrap;
                align-items: center;
                align-content: center;
                justify-content: space-around;
                height: 1.41333333rem;
                margin: 0.4rem auto 0;
            }

                #contentSlide .pageOne .item .top .left {
                    height: 1.41333333rem;
                    margin: 0rem 0rem 0rem 0.4rem;
                }

                    #contentSlide .pageOne .item .top .left img {
                        width: 3.09333333rem;
                        height: 1.41333333rem;
                    }

                #contentSlide .pageOne .item .top .center {
                    margin: 0rem 0rem 0rem 0rem;
                    text-align: left;
                    display: flex;
                    align-items: center;
                    align-content: center;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    width: 3.73333333rem;
                }

                    #contentSlide .pageOne .item .top .center .txt01 {
                        font-size: 0.45333333rem;
                        color: #000000;
                        overflow: hidden;
                        /*超出部分隐藏*/
                        text-overflow: ellipsis;
                        /* 超出部分显示省略号 */
                        white-space: nowrap;
                        /*规定段落中的文本不进行换行 */
                        max-width: 4rem;
                        /*需要配合宽度来使用*/
                        text-align: left;
                        width: 3.73333333rem;
                    }

                    #contentSlide .pageOne .item .top .center .txt02 {
                        font-size: 0.32rem;
                        color: #666666;
                    }

                        #contentSlide .pageOne .item .top .center .txt02 span {
                            color: #919BEA;
                        }

                #contentSlide .pageOne .item .top .right {
                    margin: 0rem 0.48rem 0rem 0rem;
                    font-size: 0.32rem;
                    color: #919BEA;
                    display: flex;
                    flex-wrap: nowrap;
                    align-items: center;
                    align-content: center;
                    justify-content: flex-end;
                }

                    #contentSlide .pageOne .item .top .right a {
                        font-size: 0.32rem;
                        color: #919BEA;
                        display: inline-block;
                        margin: 0rem 0.08rem 0rem 0rem;
                    }

                    #contentSlide .pageOne .item .top .right img {
                        width: 0.18666667rem;
                    }

            #contentSlide .pageOne .item .bottom {
                width: 8.4rem;
                margin: 0.64rem auto 0;
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                align-content: center;
                justify-content: flex-start;
            }

                #contentSlide .pageOne .item .bottom .box_img {
                    width: 2.66666667rem;
                    height: 2.66666667rem;
                    position: relative;
                    margin: 0 0.2rem 0 0;
                }

                    #contentSlide .pageOne .item .bottom .box_img img {
                        width: 2.66666667rem;
                        height: 2.66666667rem;
                        object-fit: cover;
                    }

                    #contentSlide .pageOne .item .bottom .box_img .txt {
                        height: 0.56rem;
                        line-height: 0.56rem;
                        position: absolute;
                        top: 0.21333333rem;
                        left: 0rem;
                        padding: 0rem 0.16rem 0rem 0.08rem;
                        border-top-right-radius: 0.26666667rem;
                        border-bottom-right-radius: 0.26666667rem;
                    }

                    #contentSlide .pageOne .item .bottom .box_img .txt01 {
                        background: #ffffff;
                        font-size: 0.29333333rem;
                        color: #919BEA;
                    }

                    #contentSlide .pageOne .item .bottom .box_img .txt02 {
                        background: #fbe8e8;
                        font-size: 0.29333333rem;
                        color: #D81F22;
                    }

    #contentSlide .pageTwo {
        margin: 0.77333333rem auto 0;
    }

        #contentSlide .pageTwo .item {
            width: 9.2rem;
            height: 6.13333333rem;
            box-shadow: 0px 0.02666667rem 0.32rem 0px rgba(7, 0, 2, 0.15);
            border-radius: 0.13333333rem;
            overflow: hidden;
            margin: 0.53333333rem auto 0;
            position: relative;
        }

            #contentSlide .pageTwo .item .brand {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            #contentSlide .pageTwo .item .box_msg {
                position: absolute;
                top: 0.34666667rem;
                left: 0.42666667rem;
                display: flex;
                flex-wrap: nowrap;
                justify-content: flex-start;
                align-items: center;
                align-content: center;
            }

            #contentSlide .pageTwo .item .status {
                height: 0.4rem;
                line-height: 0.4rem;
                font-size: 0.26666667rem;
                color: #ffffff;
                padding: 0rem 0.16rem 0rem 0.16rem;
                border-radius: 0.05333333rem;
            }

            #contentSlide .pageTwo .item .view {
                height: 0.4rem;
                line-height: 0.4rem;
                width: 65px;
                background: rgba(0, 0, 0, 0.3);
                border-radius: 0.05333333rem;
                font-size: 0.26666667rem;
                color: #ffffff;
                padding: 0rem 0.13333333rem 0rem 0.13333333rem;
                margin: 0rem 0rem 0rem 0rem;
            }

            #contentSlide .pageTwo .item .title {
                font-size: 0.37333333rem;
                color: #FFFFFF;
                position: absolute;
                bottom: 0.37333333rem;
                left: 0.32rem;
            }

            #contentSlide .pageTwo .item .status01 {
                background-color: #919BEA;
            }

            #contentSlide .pageTwo .item .status02 {
                background-color: #F4AF38;
            }

.viewNumber {
    height: 0.66666667rem;
    line-height: 0.66666667rem;
    padding: 0rem 0.37333333rem 0rem 0.37333333rem;
    background: #919BEA;
    border-radius: 0.34666667rem;
    position: fixed;
    bottom: 1.76rem;
    left: calc(50vw - 5rem + 0.42666667rem);
    font-size: 0.32rem;
    color: #FFFFFF;
    font-family: PingFang SC;
    font-weight: 500;
    z-index: 100;
}


.Onlookers .swiper-container {
    height: 100%;
}

    .Onlookers .swiper-container .swiper-wrapper {
        height: 100%;
    }

        .Onlookers .swiper-container .swiper-wrapper .swiper-slide {
            width: auto !important;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            align-content: center;
            justify-content: flex-star;
        }

            .Onlookers .swiper-container .swiper-wrapper .swiper-slide .head {
                width: 0.66666667rem;
                height: 0.66666667rem;
                border-radius: 50%;
                margin: 0rem 0.13333333rem 0rem 0.13333333rem;
            }

            .Onlookers .swiper-container .swiper-wrapper .swiper-slide .name {
                font-size: 0.32rem;
                color: #FFFFFF;
                font-family: Microsoft YaHei;
                font-weight: 400;
            }


.Onlookers {
    width: auto;
    height: 0.93333333rem;
    border-radius: 0.48rem;
    overflow: hidden;
    position: fixed;
    bottom: 2.82rem;
    background: rgba(0, 0, 0, 0.3);
    left: calc(50vw - 5rem + 0.42666667rem);
    z-index: 10000000;
}

    .Onlookers .slideItem {
        width: auto !important;
        height: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
        padding: 0rem 0.26666667rem 0rem 0.26666667rem;
    }

        .Onlookers .slideItem .head {
            width: 0.66666667rem;
            height: 0.66666667rem;
            border-radius: 50%;
            margin: 0rem 0.13333333rem 0rem 0.13333333rem;
        }

        .Onlookers .slideItem .name {
            white-space: nowrap;
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: flex-start;
            font-size: 0.32rem;
            color: #FFFFFF;
            font-family: Microsoft YaHei;
            font-weight: 400;
        }

            .Onlookers .slideItem .name span {
                overflow: hidden;
                /*超出部分隐藏*/
                text-overflow: ellipsis;
                /* 超出部分显示省略号 */
                white-space: nowrap;
                /*规定段落中的文本不进行换行 */
                max-width: 2.266667rem;
                /*需要配合宽度来使用*/
                text-align: left;
                display: inline-block;
                font-size: 0.32rem;
                color: #FFFFFF;
                font-family: Microsoft YaHei;
                font-weight: 400;
                padding: 0 0.1rem 0 0;
            }

.box_loading {
    width: 10rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 1.06666667rem auto 0;
}

    .box_loading img {
        width: 0.34666667rem;
        height: 0.37333333rem;
        margin: 0rem 0.13333333rem 0rem 0rem;
    }

    .box_loading span {
        font-size: 0.32rem;
        color: #808080;
    }

.box_share {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.8);
}

    .box_share img {
        margin: 0.45333333rem auto 0;
        width: 7.84rem;
        height: 6.77333333rem;
        object-fit: cover;
    }

.living_alert1 {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

    .living_alert1 .alert_content1 {
        width: 8.16rem;
        height: 6.45333333rem;
        background: #ffffff;
        border-radius: 0.53333333rem;
        display: flex;
        justify-content: center;
        align-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        position: relative;
    }

        .living_alert1 .alert_content1 .close {
            width: 0.32rem;
            height: 0.32rem;
            top: 0.4rem;
            right: 0.4rem;
            position: absolute;
        }

        .living_alert1 .alert_content1 p.title {
            width: 100%;
            text-align: center;
            font-size: 0.53333333rem;
            color: #333333;
            font-family: PingFang SC;
            font-weight: 500;
            margin: 1.06666667rem auto 0;
        }

        .living_alert1 .alert_content1 .content {
            font-size: 0.32rem;
            color: #333333;
            font-family: PingFang SC;
            font-weight: 500;
            width: 5.62666667rem;
            margin: 0.4rem auto 0;
            line-height: 0.66666667rem;
            text-align: left;
        }

        .living_alert1 .alert_content1 .btn {
            height: 1.06666667rem;
            color: #ffffff;
            margin: 0.53333333rem auto 0;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;
            align-content: center;
            width: 6.66666667rem;
        }

            .living_alert1 .alert_content1 .btn .btnItem {
                border-radius: 0.53333333rem;
                line-height: 1.06666667rem;
                font-size: 0.4rem;
                text-align: center;
            }

            .living_alert1 .alert_content1 .btn .left {
                color: #000000;
                width: 3.2rem;
                height: 1.06666667rem;
                background: #e3e3e3;
            }

            .living_alert1 .alert_content1 .btn .right {
                width: 3.2rem;
                height: 1.06666667rem;
                background: #919BEA;
            }

.box-msg-01 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .box-msg-01 .ft-content {
        width: 306px;
        background: #ffffff;
        border-radius: 0.53333333rem;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
        position: relative;
        width: 8.16rem;
    }

        .box-msg-01 .ft-content .close {
            width: 0.32rem;
            height: 0.32rem;
            position: absolute;
            top: 0.4rem;
            right: 0.4rem;
        }

        .box-msg-01 .ft-content .title {
            width: 100%;
            text-align: center;
            font-size: 0.53333333rem;
            color: #333333;
            margin: 1.06666667rem auto 0;
        }

        .box-msg-01 .ft-content .txt {
            width: 5.62666667rem;
            font-size: 0.32rem;
            color: #333333;
            margin: 0.66666667rem auto 0;
            text-align: left;
        }

        .box-msg-01 .ft-content .abtn {
            width: 7.46666667rem;
            height: 1.33333333rem;
            line-height: 1.33333333rem;
            border-radius: 0.66666667rem;
            font-size: 0.48rem;
            font-weight: 500;
            color: #ffffff;
            margin: 1.36rem auto 1rem;
            background: #919BEA;
        }

.box-msg-02 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .box-msg-02 .ft-content {
        background: #ffffff;
        border-radius: 0.2rem;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
        position: relative;
        width: 8.16rem;
    }

        .box-msg-02 .ft-content .close {
            width: 0.32rem;
            height: 0.32rem;
            position: absolute;
            top: 0.4rem;
            right: 0.4rem;
        }

        .box-msg-02 .ft-content .title {
            width: 100%;
            text-align: center;
            font-size: 0.53333333rem;
            color: #333333;
            margin: 0.6rem auto 0;
            font-weight: 700;
        }

        .box-msg-02 .ft-content .txt {
            width: 100%;
            font-size: 0.4rem;
            color: #333333;
            margin: 0.6rem auto;
            text-align: center;
        }

        .box-msg-02 .ft-content .abtn {
            height: 1.33333333rem;
            line-height: 1.33333333rem;
            width: 100%;
            font-size: 0.48rem;
            font-weight: 500;
            color: #B38B5B;
            border-top: solid 1px #F2F2F2;
        }

.alertMsg01 {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1000000;
    top: 0rem;
    left: 0rem;
}

    .alertMsg01 .contentAlert {
        border-radius: 0.53333333rem;
        background-color: #ffffff;
        min-width: 8.16rem;
        height: auto;
        position: relative;
    }

        .alertMsg01 .contentAlert .close {
            position: absolute;
            width: 0.32rem;
            height: 0.32rem;
            top: 0.4rem;
            right: 0.4rem;
        }

        .alertMsg01 .contentAlert .title {
            width: 100%;
            text-align: center;
            font-size: 0.53333333rem;
            color: #333333;
            margin: 1.06666667rem auto 0;
        }

        .alertMsg01 .contentAlert .content {
            line-height: 0.58666667rem;
            max-width: 5.62666667rem;
            width: auto;
            font-size: 0.32rem;
            color: #333333;
            text-align: left;
            margin: 0.66666667rem auto 0;
        }

            .alertMsg01 .contentAlert .content span {
                color: #919BEA;
            }

        .alertMsg01 .contentAlert .msgForm li.item {
            margin: 0.26666667rem auto 0;
            height: 1.06666667rem;
            line-height: 1.06666667rem;
            max-width: 6.8rem;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            align-content: center;
            justify-content: space-between;
        }

            .alertMsg01 .contentAlert .msgForm li.item .left {
                height: 1.06666667rem;
                line-height: 1.06666667rem;
                background: #f6f6f6;
                border-radius: 0.53333333rem;
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                align-content: center;
                justify-content: flex-start;
                padding: 0rem 0rem 0rem 0rem;
            }

                .alertMsg01 .contentAlert .msgForm li.item .left label {
                    display: inline-block;
                    font-size: 0.4rem;
                    color: #999999;
                    width: 2.56rem;
                    padding: 0rem 0rem 0rem 0.50666667rem;
                }

                .alertMsg01 .contentAlert .msgForm li.item .left .acode {
                    width: 2.13333333rem !important;
                }

                .alertMsg01 .contentAlert .msgForm li.item .left input {
                    width: 4.26666667rem;
                    border: none;
                    background: #f6f6f6;
                    font-size: 0.4rem;
                    color: #333333;
                }

            .alertMsg01 .contentAlert .msgForm li.item .box_getCode {
                font-size: 0.32rem;
                color: #919BEA;
                display: inline-block;
                padding: 0rem 0.13333333rem 0rem 0rem;
            }

                .alertMsg01 .contentAlert .msgForm li.item .box_getCode .regetCode {
                    display: none;
                }

        .alertMsg01 .contentAlert .box_btn {
            margin: 0.66666667rem auto 0.8rem;
            width: 6.8rem;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            align-content: center;
            justify-content: space-between;
        }

            .alertMsg01 .contentAlert .box_btn .btn {
                width: 3.2rem;
                height: 1.06666667rem;
                border-radius: 0.53333333rem;
                font-size: 0.4rem;
                text-align: center;
                line-height: 1.06666667rem;
            }

            .alertMsg01 .contentAlert .box_btn .left {
                background-color: #E3E3E3;
                color: #333333;
            }

            .alertMsg01 .contentAlert .box_btn .right {
                background-color: #919BEA;
                color: #FFFFFF;
            }

            .alertMsg01 .contentAlert .box_btn .btn01 {
                width: 4.32rem;
                height: 1.06666667rem;
                border-radius: 0.53333333rem;
                font-size: 0.4rem;
                text-align: center;
                line-height: 1.06666667rem;
                background-color: #919BEA;
                color: #FFFFFF;
                margin: auto;
            }

        .alertMsg01 .contentAlert .box_qrcode {
            margin: 0.42666667rem auto 1.04rem;
        }

            .alertMsg01 .contentAlert .box_qrcode img.qrcode {
                width: 3.30666667rem;
                height: 3.30666667rem;
            }

            .alertMsg01 .contentAlert .box_qrcode p.txt {
                font-size: 0.26666667rem;
                color: #333333;
            }

    .alertMsg01 .success .successTxt {
        width: 5.57333333rem;
        text-align: left;
        margin: 0.26666667rem auto 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

        .alertMsg01 .success .successTxt .btnCopy {
            font-size: 0.32rem;
            color: #919BEA;
        }

    .alertMsg01 .success .txtBtn {
        width: 2rem;
        height: 0.74666667rem;
        line-height: 0.74666667rem;
        margin: 0.64rem auto 0;
        font-size: 0.37333333rem;
        color: #333333;
        border: 1px solid #919BEA;
        border-radius: 0.13333333rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
    }

    .alertMsg01 .success .qrcode {
        width: 2.02666667rem;
        height: 2.02666667rem;
        margin: 0.4rem auto 0;
    }

    .alertMsg01 .success .txt01 {
        width: 5.46666667rem;
        font-size: 0.32rem;
        color: #333333;
        margin: 0.4rem auto 0;
        text-align: left;
    }

    .alertMsg01 .success .txt02 {
        width: 5.62666667rem;
        font-size: 0.26666667rem;
        color: #999999;
        margin: 0.32rem auto 0;
        text-align: left;
        margin: 0.32rem auto 0.8rem;
    }

.copyAlready {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000000;
    position: fixed;
    top: 0;
    left: 0;
}

    .copyAlready p {
        padding: 0rem 0.26666667rem 0rem 0.26666667rem;
        height: 0.66666667rem;
        line-height: 0.66666667rem;
        background: rgba(0, 0, 0, 0.7);
        font-size: 0.32rem;
        color: #ffffff;
    }

.part .box_title {
    height: 1.86666667rem;
    line-height: 1.86666667rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

    .part .box_title .left {
        height: 0.45333333rem;
        line-height: 0.45333333rem;
        font-weight: bold;
        font-size: 0.45333333rem;
        color: #2E2E2E;
        margin: 0rem 0rem 0rem 0.61333333rem;
        position: relative;
        padding: 0rem 0rem 0rem 0.10666667rem;
    }

        .part .box_title .left:before {
            content: '';
            width: 0.08rem;
            height: 0.48rem;
            left: -0.13333333rem;
            position: absolute;
            background-color: #000000;
        }

    .part .box_title a.right {
        font-size: 0.37333333rem;
        color: #2E2E2E;
        font-family: PingFang SC;
        font-weight: 400;
        margin: 0rem 0.45333333rem 0rem 0rem;
    }

.NewsList .bottom li .box_news_type01_a {
    width: 9.2rem;
    height: 2.93333333rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-content: center;
    border-bottom: 0.02666667rem solid #EEEEEE;
}

    .NewsList .bottom li .box_news_type01_a .box_news_type01 {
        margin: 0.4rem auto 0;
        display: flex;
        justify-content: space-between;
        align-content: center;
        width: 9.2rem;
        height: 2.13333333rem;
    }

        .NewsList .bottom li .box_news_type01_a .box_news_type01 .left {
            display: flex;
            flex-wrap: wrap;
            align-content: space-between;
            width: 5.65333333rem;
            height: 2.13333333rem;
        }

            .NewsList .bottom li .box_news_type01_a .box_news_type01 .left .title {
                font-size: 0.42666667rem;
                color: #1F1F20;
                font-weight: 500;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                width: 5.65333333rem;
                text-align: left;
            }

            .NewsList .bottom li .box_news_type01_a .box_news_type01 .left .box_txt {
                width: 9.2rem;
                display: flex;
                justify-content: space-between;
            }

                .NewsList .bottom li .box_news_type01_a .box_news_type01 .left .box_txt .txt {
                    width: 2.13333333rem;
                    display: flex;
                    flex-wrap: nowrap;
                    align-items: center;
                }

                    .NewsList .bottom li .box_news_type01_a .box_news_type01 .left .box_txt .txt .circle {
                        background-color: #CCCCCC;
                        width: 0.13333333rem;
                        height: 0.13333333rem;
                        border-radius: 50%;
                        margin: 0rem 0.16rem 0rem 0rem;
                    }

                    .NewsList .bottom li .box_news_type01_a .box_news_type01 .left .box_txt .txt .txt01 {
                        font-size: 0.29333333rem;
                        color: #999999;
                    }

                .NewsList .bottom li .box_news_type01_a .box_news_type01 .left .box_txt .count img {
                    width: 0.29333333rem;
                    height: 0.24rem;
                    margin-right: 0.1rem;
                }

                .NewsList .bottom li .box_news_type01_a .box_news_type01 .left .box_txt .count span {
                    font-size: 0.29333333rem;
                    color: #999999;
                }

        .NewsList .bottom li .box_news_type01_a .box_news_type01 .right img {
            width: 3.2rem;
            height: 2.13333333rem;
            border-radius: 0.13333333rem;
        }


.disable {
    opacity: 0.6;
}


.awardList {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000;
}

    .awardList .award-content {
        width: 8.16rem;
        padding: 0rem 0rem 0.8rem 0rem;
        background-color: #ffffff;
        position: fixed;
        border-radius: 0.53333333rem;
    }

        .awardList .award-content .close {
            position: absolute;
            top: 0.53333333rem;
            right: 0.8rem;
            width: 0.26666667rem;
        }

        .awardList .award-content .title {
            width: 100%;
            text-align: center;
            margin: 1.04rem auto 0;
            height: 0.53333333rem;
            line-height: 0.53333333rem;
            font-size: 0.53333333rem;
            color: #333333;
            font-family: PingFang SC;
            font-weight: bold;
        }

        .awardList .award-content .txt2 {
            width: 100%;
            text-align: center;
            margin: 0.26666667rem auto 0;
            font-size: 0.29333333rem;
            color: #999999;
            font-family: PingFang SC;
            font-weight: 500;
        }

        .awardList .award-content .txt3 {
            font-size: 0.26666667rem;
            color: #999999;
            width: 100%;
            text-align: center;
            margin: 0.05333333rem auto 0;
        }

        .awardList .award-content .formContent {
            text-align: center;
            margin: 0.48rem auto 0;
        }

            .awardList .award-content .formContent .item {
                width: 6.53333333rem;
                height: 1.06666667rem;
                line-height: 1.06666667rem;
                margin: 0.26666667rem auto 0;
                display: inline-blcok;
                background: #f6f6f6;
                border-radius: 20px;
                display: flex;
                align-items: center;
                align-content: center;
                flex: nowrap;
                justify-content: flex-start;
            }

                .awardList .award-content .formContent .item label {
                    font-size: 0.4rem;
                    color: #999999;
                    font-family: PingFang SC;
                    font-weight: 500;
                    width: 1.86666667rem;
                    padding: 0rem 0rem 0rem 0.4rem;
                    text-align: left;
                    height: 1.06666667rem;
                    line-height: 1.06666667rem;
                }

                .awardList .award-content .formContent .item .right {
                    width: 4.26666667rem;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    height: 1.06666667rem;
                }

                    .awardList .award-content .formContent .item .right input {
                        width: 80%;
                        border: none;
                        background: #f6f6f6;
                        font-size: 0.4rem;
                        color: #333333;
                        height: 1.06666667rem;
                        line-height: 1.06666667rem;
                    }

                    .awardList .award-content .formContent .item .right .valTel {
                        width: 3.06666667rem;
                        font-size: 0.4rem;
                        color: #333333;
                    }

                    .awardList .award-content .formContent .item .right .valCode {
                        width: 2rem;
                        font-size: 0.4rem;
                        color: #333333;
                    }

                    .awardList .award-content .formContent .item .right .box_getCode .getCode {
                        text-align: right;
                        font-size: 0.32rem;
                        color: #919BEA;
                    }

                    .awardList .award-content .formContent .item .right .box_getCode .regetCode {
                        display: none;
                        text-align: right;
                        font-size: 0.37333333rem;
                        color: #919BEA;
                    }

                .awardList .award-content .formContent .item .rightCode {
                    width: 4.26666667rem;
                    display: flex;
                    flex-wrap: nowrap;
                    align-items: center;
                    align-content: center;
                }

            .awardList .award-content .formContent .itemBorder {
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                align-content: center;
                justify-content: flex-start;
            }

                .awardList .award-content .formContent .itemBorder .center {
                    width: 3.73333333rem;
                    text-align: left;
                    height: 1.06666667rem;
                    line-height: 1.06666667rem;
                }

                    .awardList .award-content .formContent .itemBorder .center #Address {
                        width: 3.2rem;
                        border: none;
                        background: #f6f6f6;
                        font-size: 0.4rem;
                        color: #333333;
                        height: 1.06666667rem;
                        line-height: 1.06666667rem;
                    }

                .awardList .award-content .formContent .itemBorder .icon_right {
                    width: 0.13333333rem;
                }

            .awardList .award-content .formContent .btn {
                width: 4.32rem;
                height: 1.06666667rem;
                background: #919BEA;
                border-radius: 0.53333333rem;
                font-size: 0.4rem;
                color: #ffffff;
                line-height: 1.06666667rem;
                margin: 0.53333333rem auto 0;
            }

            .awardList .award-content .formContent .box_btn {
                width: 6.8rem;
                display: flex;
                flex-wrap: nowrap;
                justify-content: space-between;
                margin: 0.53333333rem auto 0;
            }

                .awardList .award-content .formContent .box_btn .form_left {
                    width: 3.2rem;
                    height: 1.06666667rem;
                    background: #e3e3e3;
                    border-radius: 0.53333333rem;
                    line-height: 1.06666667rem;
                    font-size: 0.4rem;
                    color: #333333;
                }

                .awardList .award-content .formContent .box_btn .form_right {
                    width: 3.2rem;
                    height: 1.06666667rem;
                    line-height: 1.06666667rem;
                    border-radius: 0.53333333rem;
                    font-size: 0.4rem;
                    color: #FFFFFF;
                }

        .awardList .award-content .award_rule {
            margin: auto;
            text-align: center;
        }

            .awardList .award-content .award_rule .txt4 {
                width: 100%;
                font-size: 0.37333333rem;
                color: #333333;
                margin: 0.37333333rem 0rem 0rem 0rem;
                height: 0.37333333rem;
                line-height: 0.37333333rem;
                font-family: Microsoft YaHei;
                font-weight: 400;
            }

            .awardList .award-content .award_rule ul {
                margin: auto;
            }

                .awardList .award-content .award_rule ul .item {
                    width: 6.8rem;
                    margin: 0.42666667rem auto 0;
                    display: flex;
                    align-items: flex-start;
                    align-content: flex-start;
                    justify-content: flex-start;
                }

                    .awardList .award-content .award_rule ul .item .left {
                        font-size: 0.32rem;
                        color: #333333;
                        width: 1.73333333rem;
                        text-align: left;
                        font-family: Microsoft YaHei;
                        font-weight: 400;
                    }

                    .awardList .award-content .award_rule ul .item .right {
                        width: 4.50666667rem;
                        text-align: left;
                        font-size: 0.32rem;
                        color: #999999;
                    }

                        .awardList .award-content .award_rule ul .item .right span {
                            color: #919AEA;
                        }

                .awardList .award-content .award_rule ul .itemScroll .right {
                    height: 1.73333333rem;
                    overflow-y: scroll;
                    background-color: rgba(255, 255, 255, 0.8);
                    padding: 0rem 0.50666667rem 0rem 0rem;
                }

.noWardList {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100000;
}

    .noWardList .box_noWard {
        width: 8.16rem;
        padding: 0rem 0rem 0.8rem 0rem;
        background-color: #ffffff;
        position: fixed;
        border-radius: 0.53333333rem;
    }

        .noWardList .box_noWard img.close {
            position: absolute;
            top: 0.4rem;
            right: 0.4rem;
            width: 0.32rem;
        }

        .noWardList .box_noWard img.cry {
            position: absolute;
            width: 2.13333333rem;
            height: 2.13333333rem;
            top: -0.66666667rem;
            left: 3.01333333rem;
        }

        .noWardList .box_noWard .txt01 {
            width: 100%;
            text-align: center;
            margin: 2.26666667rem auto 0;
            height: 0.53333333rem;
            line-height: 0.53333333rem;
            font-size: 0.53333333rem;
            color: #333333;
            font-family: PingFang SC;
            font-weight: bold;
        }

        .noWardList .box_noWard .txt02 {
            width: 100%;
            text-align: center;
            font-family: PingFang SC;
            font-weight: 500;
            margin: 0.24rem auto 0;
            font-size: 0.37333333rem;
            color: #333333;
        }

            .noWardList .box_noWard .txt02 span {
                font-size: 0.48rem;
                color: #919AEA;
            }

        .noWardList .box_noWard .btn {
            width: 4.32rem;
            height: 1.06666667rem;
            border-radius: 0.53333333rem;
            line-height: 1.06666667rem;
            margin: 0.88rem auto 0;
            font-size: 0.4rem;
            color: #ffffff;
            text-align: center;
        }

.wardQrcode {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100000;
}

    .wardQrcode .box_wradQrcode {
        width: 6.16rem;
        padding: 0rem 0rem 0.8rem 0rem;
        background-color: #ffffff;
        position: fixed;
        border-radius: 0.53333333rem;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

        .wardQrcode .box_wradQrcode img.close {
            position: absolute;
            top: 0.4rem;
            right: 0.4rem;
            width: 0.32rem;
        }

        .wardQrcode .box_wradQrcode img.qrcode {
            width: 3.30666667rem;
            height: 3.30666667rem;
            margin: 1.09333333rem auto 0;
        }

        .wardQrcode .box_wradQrcode p.txt {
            width: 100%;
            height: 0.26666667rem;
            line-height: 0.26666667rem;
            font-size: 0.26666667rem;
            color: #333333;
            font-family: PingFang SC;
            font-weight: 500;
            margin: 0.16rem auto 0;
        }

        .wardQrcode .box_wradQrcode p.txt01 {
            width: 209px;
            height: 49px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            line-height: 18px;
            text-align: left;
            font-size: 0.32rem;
            color: #333333;
            margin: 0.4rem auto 0;
        }

.wardNobegin {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

    .wardNobegin .box_nobegin {
        width: 8.16rem;
        padding: 0rem 0rem 0.8rem 0rem;
        background-color: #ffffff;
        position: fixed;
        border-radius: 0.53333333rem;
    }

        .wardNobegin .box_nobegin img.close {
            position: absolute;
            top: 0.4rem;
            right: 0.4rem;
            width: 0.32rem;
        }

        .wardNobegin .box_nobegin img.nobegin {
            position: absolute;
            top: -0.66666667rem;
            left: 3.01333333rem;
            width: 2.13333333rem;
        }

        .wardNobegin .box_nobegin p.txt01 {
            font-size: 0.53333333rem;
            color: #333333;
            margin: 2.26666667rem auto 0;
            text-align: center;
            width: 100%;
            font-weight: 400;
        }

        .wardNobegin .box_nobegin p.txt02 {
            font-size: 0.37333333rem;
            color: #333333;
            margin: 0rem auto 0;
            width: 100%;
            text-align: center;
        }

        .wardNobegin .box_nobegin .btn {
            width: 4.32rem;
            height: 1.06666667rem;
            margin: 0.88rem auto 0;
            border-radius: 0.53333333rem;
            line-height: 1.06666667rem;
            font-size: 0.4rem;
            color: #FFFFFF;
            text-align: center;
        }

.wardFinish {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

    .wardFinish .box_finish {
        width: 8.16rem;
        padding: 0rem 0rem 0.8rem 0rem;
        background-color: #ffffff;
        position: fixed;
        border-radius: 0.53333333rem;
    }

        .wardFinish .box_finish img.close {
            position: absolute;
            top: 0.4rem;
            right: 0.4rem;
            width: 0.32rem;
        }

        .wardFinish .box_finish p.txt01 {
            font-size: 0.53333333rem;
            color: #333333;
            margin: 1.04rem auto 0;
            text-align: center;
            width: 100%;
            font-weight: 400;
        }

        .wardFinish .box_finish p.txt02 {
            font-size: 0.37333333rem;
            color: #333333;
            margin: 0.26666667rem auto 0;
            width: 100%;
            text-align: center;
        }

        .wardFinish .box_finish .ListOfAwards {
            overflow-y: scroll;
            width: 6.66666667rem;
            height: 5.33333333rem;
            background: #f5f5f5;
            border-radius: 0.13333333rem;
            padding: 0.13333333rem 0rem 0rem 0rem;
            margin: 0.26666667rem auto 0;
        }

            .wardFinish .box_finish .ListOfAwards .itemUser {
                border-bottom: 0.02666667rem solid #E5E5E5;
                width: 5.86666667rem;
                margin: 0.4rem auto 0;
            }

                .wardFinish .box_finish .ListOfAwards .itemUser .box_top {
                    display: flex;
                    flex-wrap: nowrap;
                    justify-content: flex-start;
                }

                    .wardFinish .box_finish .ListOfAwards .itemUser .box_top .text1 {
                        font-size: 0.29333333rem;
                        color: #333333;
                        margin: 0rem 0.26666667rem 0rem 0rem;
                    }

                    .wardFinish .box_finish .ListOfAwards .itemUser .box_top .text2 {
                        font-size: 0.29333333rem;
                        color: #666666;
                    }

                .wardFinish .box_finish .ListOfAwards .itemUser .box_users {
                    margin: 0.4rem 0rem 0rem 0rem;
                }

                    .wardFinish .box_finish .ListOfAwards .itemUser .box_users .item {
                        display: flex;
                        flex-wrap: nowrap;
                        align-items: center;
                        align-content: center;
                        justify-content: space-between;
                        margin: 0rem 0rem 0.26666667rem 0rem;
                    }

                        .wardFinish .box_finish .ListOfAwards .itemUser .box_users .item .one img {
                            width: 0.66666667rem;
                            height: 0.66666667rem;
                            border-radius: 50%;
                        }

                        .wardFinish .box_finish .ListOfAwards .itemUser .box_users .item .two {
                            font-size: 0.26666667rem;
                            color: #333333;
                            width: 2.66666667rem;
                            overflow: hidden;
                            /*超出部分隐藏*/
                            text-overflow: ellipsis;
                            /* 超出部分显示省略号 */
                            white-space: nowrap;
                            /*规定段落中的文本不进行换行 */
                            max-width: 2.66666667rem;
                            /*需要配合宽度来使用*/
                            text-align: left;
                        }

                        .wardFinish .box_finish .ListOfAwards .itemUser .box_users .item .three {
                            font-size: 0.26666667rem;
                            color: #333333;
                        }

        .wardFinish .box_finish .txt03 {
            margin: 0.4rem auto 0;
            width: 5.62666667rem;
            text-align: left;
            line-height: 0.42666667rem;
        }

            .wardFinish .box_finish .txt03 span {
                font-size: 0.26666667rem;
                color: #919AEA;
            }

.wardcountDown {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

    .wardcountDown .box_countDown {
        width: 6.4rem;
        height: 8.34666667rem;
        background-color: #ffffff;
        position: fixed;
        border-radius: 0.53333333rem;
        background-image: url('../images/living/redBag2.png');
        background-size: 100% 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
        align-content: flex-start;
    }

        .wardcountDown .box_countDown .coin {
            margin: 1.38666667rem auto 0;
            width: 3.89333333rem;
            height: auto;
        }

        .wardcountDown .box_countDown .txt {
            width: 4.05333333rem;
            height: auto;
            margin: -0.13333333rem auto 0;
        }

        .wardcountDown .box_countDown .count {
            position: absolute;
            top: 2.1rem;
            left: 2.85333333rem;
            font-size: 1.30666667rem;
            color: #ffffff;
        }

.wardWinningList {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

    .wardWinningList .box_wingList {
        width: 6.66666667rem;
        height: 8.88rem;
        position: fixed;
        background-size: 100% 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
        align-content: flex-start;
        position: relative;
    }

        .wardWinningList .box_wingList .content {
            position: absolute;
            top: 0;
            left: 0;
            width: 6.66666667rem;
            height: 8.88rem;
        }

            .wardWinningList .box_wingList .content .title {
                font-size: 0.48rem;
                color: #333333;
                width: 100%;
                text-align: center;
                margin: 0.61333333rem auto 0;
            }

            .wardWinningList .box_wingList .content .list {
                width: 4.8rem;
                height: 2.93333333rem;
                overflow-y: scroll;
                margin: 0.4rem auto 0;
            }

                .wardWinningList .box_wingList .content .list .item {
                    width: 4.8rem;
                    margin: auto;
                }

                    .wardWinningList .box_wingList .content .list .item .one {
                        height: 0.85333333rem;
                        width: 4rem;
                        margin: auto;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        align-content: center;
                        border-bottom: 0.02666667rem solid #E5E5E5;
                    }

                        .wardWinningList .box_wingList .content .list .item .one .txt01 {
                            font-size: 0.29333333rem;
                            color: #333333;
                            margin: 0rem 0.4rem 0rem 0rem;
                        }

                        .wardWinningList .box_wingList .content .list .item .one .txt02 {
                            font-size: 0.29333333rem;
                            color: #666666;
                        }

                    .wardWinningList .box_wingList .content .list .item .list2 .item2 {
                        display: flex;
                        flex-wrap: nowrap;
                        justify-content: space-between;
                        align-items: center;
                        align-content: center;
                        width: 4rem;
                        height: 0.8rem;
                        margin: auto;
                    }

                        .wardWinningList .box_wingList .content .list .item .list2 .item2 .txt03 {
                            font-size: 0.26666667rem;
                            color: #333333;
                            overflow: hidden;
                            /*超出部分隐藏*/
                            text-overflow: ellipsis;
                            /* 超出部分显示省略号 */
                            white-space: nowrap;
                            /*规定段落中的文本不进行换行 */
                            max-width: 2.4rem;
                            /*需要配合宽度来使用*/
                            text-align: left;
                        }

                        .wardWinningList .box_wingList .content .list .item .list2 .item2 .txt04 {
                            font-size: 0.26666667rem;
                            color: #666666;
                            overflow: hidden;
                            /*超出部分隐藏*/
                            text-overflow: ellipsis;
                            /* 超出部分显示省略号 */
                            white-space: nowrap;
                            /*规定段落中的文本不进行换行 */
                            max-width: 3.2rem;
                            /*需要配合宽度来使用*/
                            text-align: left;
                        }

            .wardWinningList .box_wingList .content .nextTime {
                font-size: 0.32rem;
                color: #ffffff;
                margin: 0.8rem auto 0;
                text-align: center;
            }

            .wardWinningList .box_wingList .content .box_btn {
                margin: 0.53333333rem auto 0;
                width: 4rem;
                height: 1.06666667rem;
                text-align: center;
                font-size: 0.4rem;
                color: #333333;
                line-height: 1.06666667rem;
                background: linear-gradient(0deg, #ffe65f 0%, #ffd247 100%);
                box-shadow: 0px 0.13333333rem 0px 0px #f0a816;
                border-radius: 0.53333333rem;
            }

            .wardWinningList .box_wingList .content .box_btn2 {
                margin: 0.53333333rem auto 0;
                width: 4rem;
                height: 1.06666667rem;
                font-size: 0.4rem;
                text-align: center;
                color: #333333;
                line-height: 1.06666667rem;
                background: linear-gradient(0deg, #c7c7c7 0%, #9b9b9b 100%);
                box-shadow: 0px 0.13333333rem 0px 0px #797979;
                border-radius: 0.53333333rem;
            }

            .wardWinningList .box_wingList .content .txtBottom {
                width: 100%;
                margin: 0.45333333rem auto 0;
                text-align: center;
                font-size: 0.24rem;
                color: #ffffff;
                font-family: Microsoft YaHei;
                font-weight: 400;
            }

        .wardWinningList .box_wingList .top {
            position: absolute;
            height: auto;
            top: 0rem;
            left: 0rem;
            width: 6.66666667rem;
        }

        .wardWinningList .box_wingList .bottom {
            position: absolute;
            height: auto;
            width: 6.66666667rem;
            bottom: 0rem;
            left: 0rem;
        }



.getGold {
    position: fixed;
    width: 10rem;
    /* height: auto; */
    top: 3.306667rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
    z-index: 1000;
    right: calc(50vw - 5rem);
    animation: gold 2s ease-in infinite;
}

    .getGold .box_p {
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        width: 100%;
    }

    .getGold p {
        background-color: antiquewhite;
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.2rem;
        padding: 0 0.2rem;
        border-radius: 0.1rem;
        box-shadow: 0px 0.05rem 0.05rem 0px rgba(6,0,1,0.5);
    }

    .getGold img {
        width: 0.93333333rem;
        height: auto;
        margin: 0.08rem 0 0 0;
    }

@keyframes gold {
    0% {
        top: 3.306667rem;
    }

    50% {
        top: 3.456667rem;
    }

    100% {
        top: 3.306667rem;
    }
}


.box_view {
    position: relative;
}

    .box_view .timeBg {
        position: absolute;
        width: 2.93333333rem !important;
        top: -0.32rem;
        right: -0.18666667rem;
    }

        .box_view .timeBg .timeBgPic {
            width: 100% !important;
            height: auto !important;
            position: absolute;
            top: 0;
            right: 0;
        }

        .box_view .timeBg p.txt01 {
            width: 100% !important;
            position: absolute;
            top: 0;
            right: 0;
            text-align: right;
            z-index: 1000;
            padding: 0rem 0.4rem 0rem 0.26666667rem;
            height: 0.8rem;
            line-height: 0.8rem;
            font-size: 0.37333333rem;
            color: #ffffff;
        }

        .box_view .timeBg p.txt02 {
            width: 100% !important;
            position: absolute;
            top: 0;
            right: 0;
            text-align: right;
            z-index: 1000;
            padding: 0rem 0.53333333rem 0rem 0.26666667rem;
            height: 0.8rem;
            line-height: 0.8rem;
            font-size: 0.32rem;
            color: #ffffff;
        }

    .box_view .timeBg2 {
        position: absolute;
        width: 1.70666667rem !important;
        height: 0.53333333rem !important;
        top: -0.13333333rem;
        right: -0.08rem;
        z-index: 1000;
    }

        .box_view .timeBg2 .timeBgPic {
            width: 100% !important;
            height: auto !important;
        }

        .box_view .timeBg2 p.txt01 {
            width: 100% !important;
            position: absolute;
            top: 0;
            right: 0;
            text-align: right;
            z-index: 1000;
            padding: 0rem 0.05333333rem 0rem 0.53333333rem;
            height: 0.48rem;
            line-height: 0.48rem;
            font-size: 0.26666667rem;
            color: #ffffff;
        }

    .box_view .timeBg3 {
        position: absolute;
        width: 2.93333333rem !important;
        top: -0.13333333rem;
        right: 0rem;
    }

        .box_view .timeBg3 .timeBgPic {
            width: 100% !important;
            height: auto !important;
            position: absolute;
            top: 0;
            right: 0;
        }

        .box_view .timeBg3 p.txt01 {
            width: 100% !important;
            position: absolute;
            top: 0;
            right: 0;
            text-align: right;
            z-index: 1000;
            padding: 0rem 0.4rem 0rem 0.26666667rem;
            height: 0.8rem;
            line-height: 0.8rem;
            font-size: 0.37333333rem;
            color: #ffffff;
        }

        .box_view .timeBg3 p.txt02 {
            width: 100% !important;
            position: absolute;
            top: 0;
            right: 0;
            text-align: right;
            z-index: 1000;
            padding: 0rem 0.53333333rem 0rem 0.26666667rem;
            height: 0.8rem;
            line-height: 0.8rem;
            font-size: 0.32rem;
            color: #ffffff;
        }

@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-0.05rem);
    }

    50%, 100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(0.05rem);
    }
}

@keyframes bounce-down {
    25% {
        transform: translateY(-0.05rem);
    }

    50%, 100% {
        transform: translateY(0);
    }

    75% {
        transform: translateY(0.05rem);
    }
}

@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(0.05rem);
    }

    50%, 100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(-0.05rem);
    }
}

@keyframes bounce-up {
    25% {
        transform: translateY(0.05rem);
    }

    50%, 100% {
        transform: translateY(0);
    }

    75% {
        transform: translateY(-0.05rem);
    }
}

.animate-bounce-up {
    -webkit-animation: bounce-up 1s linear infinite;
    animation: bounce-up 1s linear infinite;
}


.hideScroll {
    overflow:hidden;
    height:100vh;
}