.allApp {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

.allApp .scrollYd {
    width: 100%;
    min-height: 100vh;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    margin-bottom: -1px
}

#dial .h5_css {
    opacity: 0;
    display: none
}

#dial .conten {
    width: 10rem;
    margin: 0 auto
}

#dial .right_dinw {
    z-index: 999;
    position: fixed;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.12rem;
    height: 1.12rem
}

#dial .right_dinw img {
    width: 100%;
    height: 100%
}

#dial .right_litte {
    position: fixed;
    top: 50%;
    right: .4rem;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column
}

#dial .right_litte .radio {
    margin-bottom: .2rem;
    width: .08rem;
    height: .08rem;
    background: #c4c7d2;
    border-radius: 50%;
    transition: all .5s;
    cursor: pointer
}

#dial .right_litte .radio1 {
    margin-bottom: .2rem;
    width: .08rem;
    height: .28rem;
    background: #ff4f89;
    border-radius: .04rem;
    border: 0 solid #000;
    transition: all .5s
}

#dial .box1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    background: url(../img/1banner.c6b3df63.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box
}

#dial .box1 .head {
    padding-top: .28rem;
    display: flex;
    justify-content: space-between
}

#dial .box1 .head .head_left {
    font-size: 0;
    width: 1rem;
    height: .36rem
}

#dial .box1 .head .head_left img {
    width: 0.5rem;
    height: 0.5rem
}

#dial .box1 .head_right {
    display: flex;
    justify-content: space-around
}

#dial .box1 .head_right .orientation {
    margin-right: .6rem;
    cursor: pointer
}

#dial .box1 .head_right .action {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: .16rem;
    color: #666
}

#dial .box1 .head_right .action .btnimg {
    display: none
}

#dial .box1 .head_right .action1 {
    position: relative;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: .16rem;
    color: #282828
}

#dial .box1 .head_right .action1 .btnimg {
    font-size: 0;
    text-align: center;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: .19rem;
    height: .09rem;
    transform: translateX(-50%)
}

#dial .box1 .head_right .action1 .btnimg img {
    width: 100%;
    height: 100%
}

#dial .box1 .head_title {
    font-size: 0;
    padding-top: 1.39rem;
    width: 4.79rem;
    height: .47rem
}

#dial .box1 .head_title img {
    width: 100%;
    height: 100%
}

#dial .box1 .head_title2 {
    margin-top: .21rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: .18rem;
    color: #8a8ea1
}

#dial .box1 .head_title3 {
    position: relative;
    margin-top: .34rem;
    width: 2.13rem;
    height: .62rem;
    font-size: 0
}

#dial .box1 .head_title3 .img1 {
    width: 100%;
    height: 100%;
    cursor: pointer
}

#dial .box1 .head_title3 .ewm {
    opacity: 0;
    position: absolute;
    bottom: -3.2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 3rem;
    height: 3rem
}

#dial .box1 .head_title3:hover .ewm {
    opacity: 1
}

#dial .box1 .head_title4 {
    margin-top: .8rem;
    width: 9.38rem;
    height: 5rem
}

#dial .box1 .head_title4 img {
    width: 100%;
    height: 100%
}

#dial .box2 {
    height: 100vh;
    background: url(../img/2banner.cdc2aa2e.png) no-repeat;
    background-size: 100% 100%;
    transition: all .5s linear
}

#dial .box2 .box2_body {
    display: flex;
    justify-content: space-between
}

#dial .box2 .box2_left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#dial .box2 .box2_left .box2_left_top {
    width: 5.22rem;
    height: 1.16rem
}

#dial .box2 .box2_left .box2_left_top img {
    width: 100%;
    height: 100%
}

#dial .box2 .box2_left .box2_left_btn {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: .18rem;
    color: #777b7c
}

#dial .box2 .box2_right .right_img {
    width: 4.87rem;
    height: 7.68rem
}

#dial .box2 .box2_right .right_img img {
    width: 100%;
    height: 100%
}

#dial .box3 {
    height: 100vh;
    background: url(../img/3banner.c4ade158.png) no-repeat;
    background-size: 100% 100%
}

#dial .box3 .box2_body {
    display: flex;
    justify-content: space-between
}

#dial .box3 .box2_left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#dial .box3 .box2_left .box2_left_top {
    width: 5.22rem;
    height: 1.16rem
}

#dial .box3 .box2_left .box2_left_top img {
    width: 100%;
    height: 100%
}

#dial .box3 .box2_left .box2_left_btn {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: .18rem;
    color: #777b7c
}

#dial .box3 .box2_right .right_img {
    width: 4.87rem;
    height: 7.68rem
}

#dial .box3 .box2_right .right_img img {
    width: 100%;
    height: 100%
}

#dial .box4 {
    height: 100vh;
    background: url(../img/4banner.038e9ed3.png) no-repeat;
    background-size: 100% 100%
}

#dial .box4 .box2_body {
    display: flex;
    justify-content: space-between
}

#dial .box4 .box2_left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#dial .box4 .box2_left .box2_left_top {
    width: 5.22rem;
    height: 1.16rem
}

#dial .box4 .box2_left .box2_left_top img {
    width: 100%;
    height: 100%
}

#dial .box4 .box2_left .box2_left_btn {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: .18rem;
    color: #777b7c
}

#dial .box4 .box2_right .right_img {
    width: 4.87rem;
    height: 7.68rem
}

#dial .box4 .box2_right .right_img img {
    width: 100%;
    height: 100%
}

#dial .box5 {
    height: 65vh;
    background: url(../img/5banner.0eec638c.png) no-repeat;
    background-size: 100% 100%
}

#dial .box5 .box5_body {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#dial .box5 .box5_body .box5_top {
    width: 1.91rem;
    height: .48rem;
    cursor: pointer
}

#dial .box5 .box5_body .box5_top img {
    width: 100%;
    height: 100%
}

#dial .box5 .box5_body .box5_btn {
    margin-top: .93rem;
    width: 6.63rem;
    height: 1.71rem
}

#dial .box5 .box5_body .box5_btn img {
    width: 100%;
    height: 100%
}

#dial .box6 {
    height: 35vh;
    background: #282828
}

#dial .box6 .box6_body {
    padding-top: .8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#dial .box6 .box6_body .box6_top {
    width: 1.9rem;
    height: .44rem;
    margin-bottom: .2rem;
    font-size: 0
}

#dial .box6 .box6_body .box6_top img {
    width: 100%;
    height: 100%
}

#dial .box6 .box6_body .box6_cont {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: .18rem;
    color: #fff
}

#dial .box6 .box6_body .box6_btn {
    margin-top: .4rem
}

#dial .box6 .box6_body .box6_btn .box6_text {
    text-align: center;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: .14rem;
    color: #8a8a8a;
    margin-bottom: .11rem
}

@media screen and (max-width: 750px) {
    #dial .web_css {
        opacity: 0;
        display: none
    }

    #dial .h5_css {
        opacity: 1 !important;
        display: block !important
    }

    #dial .h5_css .right_dinw {
        z-index: 999;
        position: fixed;
        right: .5rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1.12rem;
        height: 1.12rem
    }

    #dial .h5_css .right_dinw img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .head_icon {
        position: relative;
        width: 100%
    }

    #dial .h5_css .head_icon .head_lift {
        position: absolute;
        top: .4rem;
        right: .6rem;
        width: .32rem;
        height: .27rem;
        font-size: 0;
        cursor: pointer
    }

    #dial .h5_css .head_icon .head_lift img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .head_icon .icon_ing {
        width: 1.23rem;
        height: .5rem;
        padding: .3rem 0;
        font-size: 0;
        margin: 0 auto
    }

    #dial .h5_css .head_icon img {
        width: 0.5rem;
        height: 0.5rem
    }

    #dial .h5_css .hbox1 {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        background: url(../img/1banner.4584ce26.png) no-repeat;
        background-size: 100% 100%;
        box-sizing: border-box;
        padding-bottom: .9rem
    }

    #dial .h5_css .hbox1 .head_right_Box {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        padding: .6rem .58rem 0 .58rem;
        background: #fff
    }

    #dial .h5_css .hbox1 .head_right_Box .right_box {
        padding: .4rem 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #f0f0f0
    }

    #dial .h5_css .hbox1 .head_right_Box .right_box .sconstl {
        font-family: Source Han Sans CN;
        font-weight: 500;
        font-size: .26rem;
        color: #282828
    }

    #dial .h5_css .hbox1 .head_right_Box .right_box .sconstr {
        font-size: 0;
        width: .09rem;
        height: .16rem
    }

    #dial .h5_css .hbox1 .head_right_Box .right_box .sconstr img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .hbox1 .head_right_Box .right_box1 {
        padding: .4rem 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #f0f0f0
    }

    #dial .h5_css .hbox1 .head_right_Box .right_box1 .sconstl {
        font-family: Source Han Sans CN;
        font-weight: 500;
        font-size: .26rem;
        color: #eb5fa8
    }

    #dial .h5_css .hbox1 .head_right_Box .right_box1 .sconstr {
        font-size: 0;
        width: .09rem;
        height: .16rem
    }

    #dial .h5_css .hbox1 .head_right_Box .right_box1 .sconstr img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .hbox1 .head_title {
        font-size: 0;
        padding-top: .9rem;
        width: 4.79rem;
        height: .47rem
    }

    #dial .h5_css .hbox1 .head_title img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .hbox1 .head_title2 {
        margin-top: .21rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: .18rem;
        color: #8a8ea1
    }

    #dial .h5_css .hbox1 .head_title3 {
        margin-top: .34rem;
        width: 5.88rem;
        height: 7.4rem;
        font-size: 0
    }

    #dial .h5_css .hbox1 .head_title3 img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .hbox1 .head_title4 {
        margin-top: .5rem;
        width: 2.9rem;
        height: .82rem;
        font-size: 0
    }

    #dial .h5_css .hbox1 .head_title4 img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .hbox2 {
        width: 100vw;
        height: 100%;
        background: url(../img/2banner.929b1550.png) no-repeat;
        background-size: 100% 100%;
        padding-bottom: .41rem;
        box-sizing: border-box
    }

    #dial .h5_css .hbox2 .box2_left_top {
        width: 100vw;
        padding-top: .69rem
    }

    #dial .h5_css .hbox2 .box2_left_top .top_img {
        font-size: 0;
        width: 5.22rem;
        height: 1.16rem;
        margin: 0 auto
    }

    #dial .h5_css .hbox2 .box2_left_top img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .hbox2 .box2_left_btn {
        margin-top: .26rem;
        width: 100vw
    }

    #dial .h5_css .hbox2 .box2_left_btn .text {
        text-align: center;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: .18rem;
        color: #777b7c;
        margin-bottom: .2rem
    }

    #dial .h5_css .hbox2 .right_img {
        width: 100vw
    }

    #dial .h5_css .hbox2 .right_img .right_h5 {
        width: 5.26rem;
        height: 8.99rem;
        margin: 0 auto;
        font-size: 0
    }

    #dial .h5_css .hbox2 .right_img .right_h5 img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .hbox3 {
        width: 100vw;
        height: 100%;
        background: url(../img/3banner.87733e3c.png) no-repeat;
        background-size: 100% 100%;
        padding-bottom: .41rem;
        box-sizing: border-box
    }

    #dial .h5_css .hbox3 .box2_left_top {
        width: 100vw;
        padding-top: .69rem
    }

    #dial .h5_css .hbox3 .box2_left_top .top_img {
        font-size: 0;
        width: 5.22rem;
        height: 1.16rem;
        margin: 0 auto
    }

    #dial .h5_css .hbox3 .box2_left_top img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .hbox3 .box2_left_btn {
        margin-top: .26rem;
        width: 100vw
    }

    #dial .h5_css .hbox3 .box2_left_btn .text {
        text-align: center;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: .18rem;
        color: #777b7c;
        margin-bottom: .2rem
    }

    #dial .h5_css .hbox3 .right_img {
        width: 100vw
    }

    #dial .h5_css .hbox3 .right_img .right_h5 {
        width: 5.26rem;
        height: 8.99rem;
        margin: 0 auto;
        font-size: 0
    }

    #dial .h5_css .hbox3 .right_img .right_h5 img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .hbox4 {
        width: 100vw;
        height: 100%;
        background: url(../img/4banner.11d2005b.png) no-repeat;
        background-size: 100% 100%;
        padding-bottom: .41rem;
        box-sizing: border-box
    }

    #dial .h5_css .hbox4 .box2_left_top {
        width: 100vw;
        padding-top: .69rem
    }

    #dial .h5_css .hbox4 .box2_left_top .top_img {
        font-size: 0;
        width: 5.22rem;
        height: 1.16rem;
        margin: 0 auto
    }

    #dial .h5_css .hbox4 .box2_left_top img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .hbox4 .box2_left_btn {
        margin-top: .26rem;
        width: 100vw
    }

    #dial .h5_css .hbox4 .box2_left_btn .text {
        text-align: center;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: .18rem;
        color: #777b7c;
        margin-bottom: .2rem
    }

    #dial .h5_css .hbox4 .right_img {
        width: 100vw
    }

    #dial .h5_css .hbox4 .right_img .right_h5 {
        width: 5.26rem;
        height: 8.99rem;
        margin: 0 auto;
        font-size: 0
    }

    #dial .h5_css .hbox4 .right_img .right_h5 img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .hbox5 {
        width: 100vw;
        height: 60%;
        background: url(../img/5banner.b581ff4a.png) no-repeat;
        background-size: 100% 100%;
        padding-top: .69rem;
        padding-bottom: 1.9rem
    }

    #dial .h5_css .hbox5 .box5_body {
        width: 100vw;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    #dial .h5_css .hbox5 .box5_body .box5_top {
        font-size: 0;
        width: 4.86rem;
        height: 1.15rem;
        cursor: pointer
    }

    #dial .h5_css .hbox5 .box5_body .box5_top img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .hbox5 .box5_body .box5_btn {
        margin-top: 1.9rem;
        width: 6.14rem;
        height: 1.71rem
    }

    #dial .h5_css .hbox5 .box5_body .box5_btn img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .hbox6 {
        width: 100vw;
        height: 100%;
        background: #282828
    }

    #dial .h5_css .hbox6 .box6_body {
        width: 100vw;
        padding-top: .97rem;
        padding-bottom: .78rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    #dial .h5_css .hbox6 .box6_body .box6_top {
        width: 3.06rem;
        height: .75rem;
        margin-bottom: .2rem;
        font-size: 0
    }

    #dial .h5_css .hbox6 .box6_body .box6_top img {
        width: 100%;
        height: 100%
    }

    #dial .h5_css .hbox6 .box6_body .box6_cont {
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: .26rem;
        color: #fff
    }

    #dial .h5_css .hbox6 .box6_body .box6_btn {
        margin-top: .5rem
    }

    #dial .h5_css .hbox6 .box6_body .box6_btn .box6_text {
        text-align: center;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: .14rem;
        color: #8a8a8a;
        margin-bottom: .11rem
    }
}

#signMember {
    width: 100%;
    min-height: 100vh;
    background: #f7f7f7;
    padding-bottom: .5rem
}

#signMember .signMember_head {
    position: relative;
    width: 100%;
    height: 1.6rem;
    background: #fff;
    display: flex;
    align-items: center
}

#signMember .signMember_head .signMember_head_left {
    position: absolute;
    left: .35rem;
    top: 36%;
    font-size: .36rem;
    color: #1a1a1a
}

#signMember .signMember_head .signMember_head_text {
    flex: 1;
    text-align: center;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: .3rem;
    color: #000
}

#signMember .signMember_body {
    padding: 0 .3rem;
    padding-top: .26rem
}

#signMember .signMember_box {
    margin-top: .2rem;
    justify-content: space-between;
    width: 100%;
    height: 1rem;
    background: #fff;
    border-radius: .06rem;
    padding: .17rem .36rem .18rem .39rem;
    font-family: Source Han Sans CN;
    font-size: .28rem;
    color: #232323;
    box-sizing: border-box
}

#signMember .signMember_box, #signMember .signMember_box .signMember_box_text {
    display: flex;
    align-items: center
}

#signMember .signMember_box .signMember_box_text .img {
    width: .65rem;
    height: .65rem;
    border-radius: 50%
}

#signMember .signMember_box .signMember_box_text .number {
    margin-right: .45rem;
    font-weight: 500
}

#signMember .signMember_box .signMember_box_text .name {
    font-weight: 700;
    margin-left: .21rem
}

#signMember .signMember_box .signMember_box_time {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: .26rem;
    color: #818181
}

#error[data-v-0b817559] {
    text-align: center;
    height: 600px;
    padding-top: 130px
}

#error .img[data-v-0b817559] {
    margin-bottom: 60px
}

body {
    margin: 0;
    padding-right: 0 !important
}

.myMessage {
    height: 1rem;
    font-size: .3rem
}

#RegistrationDetails .el-select-dropdown__item.selected {
    color: #0ea39b !important
}