/* android */
.course_layer[data-v-134fa2ea] {
    background: rgba(56, 7, 70, .95);
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.course_layer>.scroll[data-v-134fa2ea] {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.course_layer .back_arrow[data-v-134fa2ea] {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 3rem;
    justify-content: center;
    left: 1.875rem;
    position: absolute;
    top: 1.5625rem;
    z-index: 9
}

.course_layer .back_arrow .iconfont[data-v-134fa2ea] {
    color: #fff;
    font-size: 1.875rem
}

.course_layer .back_arrow .back_text[data-v-134fa2ea] {
    font-size: 1.875rem
}

.course_layer .guildbook_and[data-v-134fa2ea] {
    padding-bottom: 7.5rem;
    padding-top: 6.25rem
}










.installstepand_layer {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.manual_and[data-v-d916688e] {
    background: url(../images/bg.png) 0 0/100% auto no-repeat;
    font-size: 1.875rem;
    padding-bottom: 3.125rem
}

.manual_and.dark[data-v-d916688e],
.manual_and.dark .flex .brand .p[data-v-d916688e],
.manual_and.dark .top .small span[data-v-d916688e] {
    color: #fff
}

.manual_and .top[data-v-d916688e] {
    display: block;
    line-height: 1;
    padding: 3.125rem 0;
    text-align: center
}

.manual_and .top .big[data-v-d916688e] {
    font-size: 2.625rem;
    font-weight: bolder;
    margin-bottom: 1.875rem
}

.manual_and .top .small span[data-v-d916688e] {
    color: #3a68ff;
    margin: 0 .625rem;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.manual_and .flex[data-v-d916688e] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 1.25rem
}

.manual_and .flex+.row[data-v-d916688e] {
    margin-top: 1.25rem
}

.manual_and .flex .brand[data-v-d916688e] {
    text-align: center;
    width: 25%
}

.manual_and .flex .brand .img[data-v-d916688e] {
    display: block;
    margin: 1.875rem auto .625rem;
    width: 7.5rem
}

.manual_and .flex .brand .p[data-v-d916688e] {
    color: #3a68ff;
    font-size: 2rem;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.manual_and .row[data-v-d916688e] {
    margin: 0 1.875rem
}

.manual_and .row+.row[data-v-d916688e] {
    margin-top: .625rem
}

.manual_and .row .img[data-v-d916688e] {
    display: block;
    width: 100%
}

.installstepand_layer .manual_and {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    max-width: 46.875rem;
    pointer-events: auto;
    width: 100%
}

.installstepand_layer .manual_and .post {
    display: block;
    position: relative
}

.installstepand_layer .manual_and .post.huawei_1 .app_logo {
    height: 6.75rem;
    left: 20.125rem;
    position: absolute;
    top: 7.5rem;
    width: 6.75rem
}

.installstepand_layer .manual_and .post.huawei_1 .app_name {
    font-size: 1.25rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: 15rem;
    width: 100%
}

.installstepand_layer .manual_and .post.huawei_01 .app_logo {
    height: 6.75rem;
    left: 20.125rem;
    position: absolute;
    top: 7.5rem;
    width: 6.75rem
}

.installstepand_layer .manual_and .post.huawei_01 .app_name {
    font-size: 1.25rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: 15rem;
    width: 100%
}

.installstepand_layer .manual_and .post.huawei_01 .app_name1 {
    bottom: 19.375rem;
    font-size: 1.25rem;
    left: 11rem;
    position: absolute;
    text-align: center
}

.installstepand_layer .manual_and .post.huawei_2 .app_logo {
    height: 6.75rem;
    left: 20.125rem;
    position: absolute;
    top: 7.5rem;
    width: 6.75rem
}

.installstepand_layer .manual_and .post.huawei_2 .app_name {
    font-size: 1.25rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: 15rem;
    width: 100%
}

.installstepand_layer .manual_and .post.huawei_2 .app_name1 {
    bottom: 11.875rem;
    font-size: 1.25rem;
    left: 11.5rem;
    position: absolute;
    text-align: center
}

.installstepand_layer .manual_and .post.comm_1 .app_logo {
    bottom: 2.5rem;
    height: 5rem;
    left: 9.875rem;
    position: absolute;
    width: 5rem
}

.installstepand_layer .manual_and .post.comm_1 .app_name {
    bottom: 5rem;
    font-size: 1rem;
    left: 15.25rem;
    position: absolute;
    width: 100%
}

.installstepand_layer .manual_and .post.comm_2 .app_logo {
    height: 5rem;
    left: 20.875rem;
    position: absolute;
    top: 6.5rem;
    width: 5rem
}

.installstepand_layer .manual_and .post.comm_2 .app_name {
    color: #fff;
    font-size: 1.25rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: 12rem;
    width: 100%
}

.installstepand_layer .manual_and .post.comm_3 .app_logo {
    height: 5.25rem;
    left: 21rem;
    position: absolute;
    top: 7.25rem;
    width: 5.25rem
}

.installstepand_layer .manual_and .post.comm_3 .app_name {
    color: #fff;
    font-size: 1.25rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: 12.75rem;
    width: 100%
}

.installstepand_layer .manual_and .post.vivo_1 .app_logo {
    height: 4rem;
    left: 21.5rem;
    position: absolute;
    top: 12.5rem;
    width: 4rem
}

.installstepand_layer .manual_and .post.vivo_1 .app_name {
    color: #000;
    font-size: 1.25rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: 17rem;
    width: 100%
}

.installstepand_layer .manual_and .post.vivo_2 .app_logo {
    height: 4rem;
    left: 21.5rem;
    position: absolute;
    top: 12.5rem;
    width: 4rem
}

.installstepand_layer .manual_and .post.vivo_2 .app_name {
    color: #000;
    font-size: 1.25rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: 17rem;
    width: 100%
}

.installstepand_layer .manual_and .post.oppo_1 .app_logo {
    height: 6.75rem;
    left: 20.125rem;
    position: absolute;
    top: 13.5rem;
    width: 6.75rem
}

.installstepand_layer .manual_and .post.oppo_1 .app_name {
    font-size: 1.25rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: 19rem;
    width: 100%
}

.installstepand_layer .manual_and .post.meizu_1 .app_logo {
    height: 6.75rem;
    left: 20.125rem;
    position: absolute;
    top: 13.5rem;
    width: 6.75rem
}

.installstepand_layer .manual_and .post.meizu_1 .app_name {
    font-size: 1.25rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: 19rem;
    width: 100%
}

.installstepand_layer .manual_and .post.meizu_2 .app_logo {
    height: 4.125rem;
    left: 9.125rem;
    position: absolute;
    top: 20.75rem;
    width: 4.125rem
}

.installstepand_layer .manual_and .post.meizu_2 .app_name {
    font-size: 1.25rem;
    left: 13.75rem;
    position: absolute;
    top: 21.875rem;
    width: 100%
}

.installstepand_layer .manual_and .post.tips_2:after {
    align-items: center;
    background: #ed3d30;
    border-radius: 1.75rem;
    color: #fff;
    content: "!";
    display: flex;
    font-size: 1.5rem;
    height: 2rem;
    justify-content: center;
    left: 20.25rem;
    position: absolute;
    top: 14.375rem;
    width: 2rem
}

.installstepand_layer .manual_and .post.tips_2 .app_logo {
    left: 15.625rem;
    position: absolute;
    top: 10rem;
    width: 6.25rem
}

.installstepand_layer .manual_and .post.tips_2 .app_name {
    font-size: 1.75rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: 16.5rem;
    width: 100%
}

.installstepand_layer .manual_and .post .img {
    display: block
}

.installstepand_layer .manual_and .harmonyOS .img {
    height: 87.75rem;
    width: 46.875rem
}

.installstepand_layer .manual_and .harmonyOS .harmonyOS_1 {
    position: relative
}

.installstepand_layer .manual_and .harmonyOS .harmonyOS_1 .app_name {
    font-size: 1.75rem;
    position: absolute;
    text-align: center;
    top: 25rem;
    width: 100%
}

.installstepand_layer .manual_and .harmonyOS .harmonyOS_1 .app_logo {
    height: 7.5rem;
    left: 19.625rem;
    position: absolute;
    top: 15.75rem;
    width: 7.5rem
}

.installstepand_layer .manual_and .other_tips .post {
    align-items: flex-start;
    border: .125rem solid #9e9e9e;
    border-radius: 1.25rem;
    position: relative;
    width: 37.5rem
}

.installstepand_layer .manual_and .other_tips .post .img {
    width: 100%
}

.installstepand_layer .manual_and .wapper_xiaomi1 {
    position: relative
}

.installstepand_layer .manual_and .wapper_xiaomi1 .app_name {
    color: #222;
    font-size: 1.375rem;
    left: 17.1875rem;
    position: absolute;
    top: 5.9375rem
}

.installstepand_layer .manual_and .wapper_xiaomi1 .app_logo {
    height: 4.6875rem;
    left: 11.875rem;
    position: absolute;
    top: 5.625rem;
    width: 4.6875rem
}

.installstepand_layer .manual_and .wapper_xiaomi2 {
    position: relative
}

.installstepand_layer .manual_and .wapper_xiaomi2 .app_name {
    color: #222;
    font-size: 1.375rem;
    left: 15.625rem;
    position: absolute;
    top: 19.375rem
}

.installstepand_layer .manual_and .wapper_xiaomi2 .app_logo {
    height: 3.75rem;
    left: 11.875rem;
    position: absolute;
    top: 9.8125rem;
    width: 3.75rem
}

.installstepand_layer .manual_and .wapper_xiaomi3 {
    position: relative
}

.installstepand_layer .manual_and .wapper_xiaomi3 .app_name {
    color: #222;
    font-size: 1.375rem;
    left: 16.5625rem;
    position: absolute;
    top: 6.4375rem
}

.installstepand_layer .manual_and .wapper_xiaomi3 .app_logo {
    height: 4.0625rem;
    left: 11.875rem;
    position: absolute;
    top: 6.0625rem;
    width: 4.0625rem
}

.installstepand_layer .manual_and .wapper_xiaomi4 {
    position: relative
}

.installstepand_layer .manual_and .wapper_xiaomi4 .app_name {
    color: #222;
    font-size: 2.125rem;
    font-weight: 700;
    left: 18rem;
    position: absolute;
    top: 16rem
}

.installstepand_layer .manual_and .wapper_xiaomi4 .app_logo {
    height: 7.5rem;
    left: 9.5rem;
    position: absolute;
    top: 15.5rem;
    width: 7.5rem
}

.installstepand_layer .manual_and .wapper_xiaomi4 .app_logo1 {
    left: 7rem;
    top: 54rem
}

.installstepand_layer .manual_and .wapper_xiaomi4 .app_name1 {
    left: 15.5rem;
    top: 54rem
}

.installstepand_layer .manual_and .wapper_xiaomi5 {
    position: relative
}

.installstepand_layer .manual_and .wapper_xiaomi5 .app_name {
    color: #222;
    font-size: 2.125rem;
    font-weight: 700;
    left: 16rem;
    position: absolute;
    top: 14rem
}

.installstepand_layer .manual_and .wapper_xiaomi5 .app_logo {
    height: 7.5rem;
    left: 7.5rem;
    position: absolute;
    top: 13.5rem;
    width: 7.5rem
}

.installstepand_layer .manual_and .other_oppo_logo {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    position: relative
}

.installstepand_layer .manual_and .other_oppo_logo .app_logo {
    position: absolute;
    top: 16.125rem;
    width: 4.75rem
}

.installstepand_layer .manual_and .other_oppo_logo .app_name {
    font-size: 1.75rem;
    position: absolute;
    top: 21.6875rem
}

.installstepand_layer .manual_and .other_oppo_logo .app_name1 {
    font-size: 2.25rem;
    font-weight: 700;
    position: absolute;
    top: 37.5rem
}

.installstepand_layer .manual_and .other_oppo_logo .img_jkmh {
    width: 100%
}

.installstepand_layer .manual_and .other_iQOO_logo,
.installstepand_layer .manual_and .other_oppo_logo .logo_text {
    align-items: flex-start;
    display: flex;
    justify-content: center
}

.installstepand_layer .manual_and .other_iQOO_logo {
    position: relative
}

.installstepand_layer .manual_and .other_iQOO_logo .app_logo {
    position: absolute;
    top: 13.5625rem;
    width: 6.75rem
}

.installstepand_layer .manual_and .other_iQOO_logo .app_name {
    font-size: 1.75rem;
    position: absolute;
    top: 21.6875rem
}

.installstepand_layer .manual_and .other_iQOO_logo .app_name1 {
    font-size: 2.25rem;
    font-weight: 700;
    position: absolute;
    top: 37.5rem
}

.installstepand_layer .manual_and .other_iQOO_logo .app_name2 {
    font-size: 1.75rem;
    font-weight: 700;
    left: 18.9375rem;
    margin-left: -7.875rem;
    position: absolute;
    top: 62.5rem
}

.installstepand_layer .manual_and .other_iQOO_logo .img_jkmh {
    width: 100%
}

.installstepand_layer .manual_and .other_iQOO_logo .logo_text,
.installstepand_layer .manual_and .other_plus_logo {
    align-items: flex-start;
    display: flex;
    justify-content: center
}

.installstepand_layer .manual_and .other_plus_logo {
    position: relative
}

.installstepand_layer .manual_and .other_plus_logo .app_logo {
    position: absolute;
    top: 20.625rem;
    width: 6.75rem
}

.installstepand_layer .manual_and .other_plus_logo .app_name {
    font-size: 1.75rem;
    position: absolute;
    top: 29.125rem
}

.installstepand_layer .manual_and .other_plus_logo .app_name1 {
    font-size: 2.25rem;
    font-weight: 700;
    left: 17.1875rem;
    position: absolute;
    top: 34rem
}

.installstepand_layer .manual_and .other_plus_logo .app_name3 {
    left: 18.75rem;
    top: 36.25rem
}

.installstepand_layer .manual_and .other_plus_logo .img_jkmh {
    width: 100%
}

.installstepand_layer .manual_and .other_plus_logo .logo_text {
    align-items: flex-start;
    display: flex;
    justify-content: center
}

.installstepand_layer .manual_and .other_plus_logo .logo_text .app_name1 {
    font-size: 2.25rem;
    font-weight: 700;
    position: absolute;
    top: 37.5rem
}

.installstepand_layer .manual_and .other_plus_logo .app_name3 {
    top: 37.5rem
}

.installstepand_layer .manual_and .other_realme_logo {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    position: relative
}

.installstepand_layer .manual_and .other_realme_logo .app_logo {
    position: absolute;
    top: 32rem;
    width: 5.125rem
}

.installstepand_layer .manual_and .other_realme_logo .app_name {
    font-size: 1.75rem;
    position: absolute;
    top: 37.5rem
}

.installstepand_layer .manual_and .other_realme_logo .app_name1 {
    font-size: 2.25rem;
    font-weight: 700;
    left: 18.5rem;
    position: absolute;
    top: 37rem
}

.installstepand_layer .manual_and .other_realme_logo .img_jkmh {
    width: 100%
}

.installstepand_layer .manual_and .other_realme_logo2 .app_logo {
    top: 17rem
}

.installstepand_layer .manual_and .other_realme_logo2 .app_name {
    top: 22.5rem
}

.installstepand_layer .manual_and .other_realme_logo3 .app_logo {
    top: 23rem
}

.installstepand_layer .manual_and .other_realme_logo3 .app_name {
    top: 29rem
}

.installstepand_layer .manual_and .other_meizu_logo {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    position: relative
}

.installstepand_layer .manual_and .other_meizu_logo .app_logo {
    position: absolute;
    top: 13.5rem;
    width: 5.125rem
}

.installstepand_layer .manual_and .other_meizu_logo .app_name {
    font-size: 1.75rem;
    position: absolute;
    top: 19.25rem
}

.installstepand_layer .manual_and .other_meizu_logo .app_name1 {
    font-size: 2.25rem;
    font-weight: 700;
    position: absolute;
    top: 37.5rem
}

.installstepand_layer .manual_and .other_meizu_logo .img_jkmh {
    width: 100%
}

.installstepand_layer .manual_and .other_meizu_logo .logo_text {
    align-items: flex-start;
    display: flex;
    justify-content: center
}

.installstepand_layer .manual_and .other_meizu_logo2 .app_logo {
    top: 14rem
}

.installstepand_layer .manual_and .other_meizu_logo2 .app_name {
    top: 20rem
}

.installstepand_layer .manual_and .other_samsung_logo {
    align-items: flex-start;
    display: flex;
    position: relative
}

.installstepand_layer .manual_and .other_samsung_logo .app_logo {
    height: 3rem;
    left: 7.5rem;
    position: absolute;
    top: 13.125rem;
    width: 3rem
}

.installstepand_layer .manual_and .other_samsung_logo .app_name {
    font-size: 1.25rem;
    left: 11.25rem;
    position: absolute;
    top: 13.125rem
}

.installstepand_layer .manual_and .h1 {
    color: #fff;
    font-size: 2.75rem;
    margin-top: 2.5rem;
    text-align: center
}

.installstepand_layer .manual_and .small {
    color: #f7990e;
    font-size: 1.75rem;
    margin: 1.25rem 0;
    text-align: center
}

.installstepand_layer .manual_and .img {
    display: block;
    margin: 1.25rem auto;
    width: 30rem
}

.installstepand_layer .manual_and .back_nav {
    align-items: center;
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .5);
    display: flex;
    flex: 0 0 auto;
    height: 6.25rem;
    position: relative;
    width: 100%;
    z-index: 3
}

.installstepand_layer .manual_and .back_nav .back {
    align-items: center;
    color: #666;
    display: flex;
    font-size: 3rem;
    height: 100%;
    padding: 0 2.875rem;
    position: relative;
    z-index: 5;
    background-image: url(../images/back.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
}

.installstepand_layer .manual_and .back_nav .p {
    align-items: center;
    display: flex;
    font-size: 1.875rem;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.installstepand_layer .manual_and .fc_002000 {
    color: #c70000
}

.installstepand_layer .manual_and .examples {
    flex: 1 1 0;
    overflow: scroll
}

.installstepand_layer .manual_and .examples>.view {
    overflow: scroll
}

.installstepand_layer .manual_and .examples .h1 {
    color: #191e25
}

.installstepand_layer .manual_and .examples .brand {
    display: block;
    margin: 5rem auto 3.75rem
}

.installstepand_layer .manual_and .examples .brand.huawei,
.installstepand_layer .manual_and .examples .brand.oppo,
.installstepand_layer .manual_and .examples .brand.vivo {
    width: 9.75rem
}

.installstepand_layer .manual_and .examples .brand.xiaomi {
    width: 6.375rem
}

.installstepand_layer .manual_and .examples .brand.meizu {
    width: 9.25rem
}

.installstepand_layer .manual_and .examples .brand.other {
    color: #1a1e1f;
    font-size: 1.5rem;
    text-align: center
}

.installstepand_layer .manual_and .examples .brand.other .p {
    align-items: center;
    background-image: linear-gradient(90deg, #e330c4, #8820dc);
    border-radius: .5rem;
    color: #fff;
    display: flex;
    font-size: 1.5rem;
    height: 3.125rem;
    justify-content: center;
    margin: 0 auto 1.25rem;
    width: 8.75rem
}

.installstepand_layer .manual_and .examples .post {
    margin: 1.5rem auto;
    position: relative
}

.installstepand_layer .manual_and .examples .list {
    align-items: center;
    align-items: flex-start;
    color: #757575;
    display: flex;
    font-size: 1.75rem;
    margin: 1.5rem 4.375rem
}

.installstepand_layer .manual_and .examples .list b {
    color: #cc0a14;
    font-size: 1.75rem;
    font-weight: 400
}

.installstepand_layer .manual_and .examples .list .step {
    align-items: center;
    background: #e13c31;
    border-radius: 2rem;
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    font-size: 1.25rem;
    height: 2rem;
    justify-content: center;
    margin-right: .75rem;
    margin-top: .25rem;
    width: 2rem
}

.installstepand_layer .release_risk {
    position: relative
}

.installstepand_layer .release_risk img {
    width: 100%
}

.installstepand_layer .release_risk .img {
    margin: 1.25rem auto;
    width: 85%
}

.installstepand_layer .release_risk .OPPOapp_nameEn {
    font-size: 2.25rem;
    font-weight: 700;
    left: 10rem;
    position: absolute;
    top: 35.625rem
}

.installstepand_layer .release_risk .VIVOapp_nameEn {
    font-size: 1.75rem;
    left: 14rem;
    position: absolute;
    top: 62.5rem
}

.installstepand_layer .release_risk .MEIZUapp_nameEn,
.installstepand_layer .release_risk .pluSapp_nameEn {
    font-size: 1.75rem;
    left: 7rem;
    position: absolute;
    top: 28.25rem
}

.installstepand_layer .slide-enter-active {
    transform: translateX(100%);
    transition: all .1s ease-out
}

.installstepand_layer .slide-enter-to {
    transform: translateX(0)
}

.installstepand_layer .slide-leave-active {
    transform: translateX(0);
    transition: all .1s ease-out
}

.installstepand_layer .slide-leave-to {
    transform: translateX(100%)
}



.maskload_core[data-v-1043f95e] {
    align-items: flex-end;
    bottom: 0;
    display: block;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    transition: all .2s;
    width: 100%;
    z-index: 99
}

.maskload_core.cover[data-v-1043f95e] {
    background: rgba(0,0,0,.75);
    pointer-events: auto
}

.maskload_core .slide-enter-active[data-v-1043f95e] {
    transform: translateY(100%);
    transition: all .2s
}

.maskload_core .slide-enter-to[data-v-1043f95e] {
    opacity: 1;
    transform: translateY(0)
}

.maskload_core .slide-leave-active[data-v-1043f95e] {
    transform: translateY(0);
    transition: all .2s
}

.maskload_core .slide-leave-to[data-v-1043f95e] {
    opacity: .5;
    transform: translateY(100%)
}

.maskload_core .load_guild[data-v-1043f95e] {
    background: #fff;
    border-radius: .625rem .625rem 0 0;
    display: flex;
    flex-direction: column;
    height: 95%;
    max-width: 46.875rem;
    width: 100%;
    z-index: 99
}

.maskload_core .load_guild .top[data-v-1043f95e] {
    align-items: center;
    box-shadow: 0 .25rem .5rem 0 hsla(0,0%,91%,.5);
    color: #272a2d;
    display: flex;
    font-size: 1.875rem;
    height: 6.125rem;
    justify-content: center;
    line-height: 1;
    position: relative
}

.maskload_core .load_guild .top .back[data-v-1043f95e] {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute
}

.maskload_core .load_guild .top .back[data-v-1043f95e]:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAMAAABf788oAAAASFBMVEUAAABmZmZmZmZnZ2dmZmZlZWVtbW1nZ2dmZmZmZmZmZmZmZmZkZGRgYGBmZmZra2tmZmZmZmZlZWVlZWVmZmZnZ2dmZmZmZmZpsm60AAAAF3RSTlMA+dHIvbALpJaEcEw6EPITwmliW1VD3shLdxAAAABuSURBVBjTZdFHEsQgDETREeCIsSf/+9/U21Y1u6cqCYVHesd/Sv4FT3UPyiX+QB3iF7RZvEMquMGiXmFVL7CpJ9iFc4O3eFTiK74K0TW/cB5CDXiKF/VvvTFv3Yfz8X1BvkJdco70oA4/VD7l2W4r0QaWz87CFAAAAABJRU5ErkJggg==) 0 0/100% 100%;
    content: "";
    display: block;
    height: 1.875rem;
    margin: 0 .625rem 0 1.25rem;
    width: 1rem
}

.maskload_core .load_guild .showcase[data-v-1043f95e] {
    flex: 1 1 0;
    overflow: scroll
}

.maskload_core .load_guild .showcase .color-red[data-v-1043f95e] {
    color: #d92d3d
}

.maskload_core .load_guild .showcase .color-grey[data-v-1043f95e] {
    color: #6f747b
}

.maskload_core .load_guild .showcase .download-label[data-v-1043f95e] {
    height: 4.375rem;
    margin-left: 3.125rem;
    padding-top: 1.25rem
}

.maskload_core .load_guild .showcase .download-label img[data-v-1043f95e] {
    height: 100%
}

.maskload_core .load_guild .showcase>.view[data-v-1043f95e] {
    box-sizing: border-box;
    font-size: 1.875rem;
    font-size: 30px;
    padding-bottom: 3.75rem
}

.maskload_core .load_guild .showcase>.view .gap_side[data-v-1043f95e] {
    border: .0625rem solid #ccc;
    border-radius: .4375rem;
    margin: 0 3.125rem;
    overflow: hidden;
    padding: 1.875rem
}

.maskload_core .load_guild .showcase>.view .gap_side.padding0[data-v-1043f95e] {
    padding: 0
}

.maskload_core .load_guild .showcase>.view .gap_side .download-instruction[data-v-1043f95e] {
    font-size: 1.875rem
}

.maskload_core .load_guild .showcase>.view .gap_side .more-tips[data-v-1043f95e] {
    margin: 1.5625rem auto
}

.maskload_core .load_guild .showcase>.view .gap_side .download-flow[data-v-1043f95e] {
    margin: 1.875rem auto;
    width: 100%
}

.maskload_core .load_guild .showcase>.view .gap_side .download-flow img[data-v-1043f95e] {
    width: 100%
}

.maskload_core .load_guild .showcase>.view .gap_side .qanda-block[data-v-1043f95e] {
    border-top: .0625rem solid #ccc;
    font-size: 1.625rem;
    padding: 1.875rem
}

.maskload_core .load_guild .showcase>.view .gap_side .qanda-block.no-tboder[data-v-1043f95e] {
    border-top: none
}

.maskload_core .load_guild .showcase>.view .gap_side .qanda-block .qanda-number-box[data-v-1043f95e] {
    align-items: center;
    border-radius: .25rem;
    display: inline-flex;
    font-weight: 700;
    height: 2.4375rem;
    justify-content: center;
    margin-right: .625rem;
    width: 3.125rem
}

.maskload_core .load_guild .showcase>.view .gap_side .qanda-block .qanda-q[data-v-1043f95e] {
    margin-bottom: .625rem
}

.maskload_core .load_guild .showcase>.view .gap_side .qanda-block .qanda-q .qanda-q-number[data-v-1043f95e] {
    background: linear-gradient(90.43deg,#f5305c,#947aef);
    color: #fff
}

.maskload_core .load_guild .showcase>.view .gap_side .qanda-block .qanda-a .qanda-a-number[data-v-1043f95e] {
    background-color: #e0e0e0;
    color: #272a2d
}

.maskload_core .load_guild .showcase>.view .gap_side .qanda-block .qanda-phone img[data-v-1043f95e] {
    width: 100%
}

.maskload_core .load_guild .showcase>.view .gap_side .post[data-v-1043f95e] {
    margin: 2.5rem auto;
    width: 100%
}

.maskload_core .load_guild .showcase>.view .mt10[data-v-1043f95e] {
    margin-top: 1.25rem
}

.maskload_core .load_guild .showcase>.view .strong[data-v-1043f95e] {
    color: #000!important;
    font-weight: 700
}

.maskload_core .load_guild .showcase>.view .p[data-v-1043f95e] {
    color: #888f9a;
    font-size: 1.75rem;
    line-height: 2.25rem
}

.maskload_core .load_guild .showcase>.view .decor[data-v-1043f95e] {
    color: #272a2d;
    display: inline-block;
    font-size: 1.75rem;
    line-height: 1.2;
    margin-bottom: .625rem;
    position: relative;
    z-index: 2
}

.maskload_core .load_guild .showcase>.view .decor[data-v-1043f95e]:after {
    background: #8820dc;
    bottom: 0;
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    opacity: .5;
    position: absolute;
    width: 105%;
    z-index: -1
}

.maskload_core .load_guild .showcase>.view .tie[data-v-1043f95e] {
    color: #272a2d;
    text-align: center
}

.maskload_core .load_guild .showcase>.view .red[data-v-1043f95e] {
    color: #d92d3d
}

.maskload_core .load_guild .showcase>.view .tips[data-v-1043f95e] {
    border-top: .125rem solid hsla(0,0%,91%,.5);
    font-size: 1.625rem;
    margin-top: 1.25rem;
    padding: 1.25rem 0
}

.maskload_core .load_guild .showcase>.view .download[data-v-1043f95e] {
    align-items: center;
    background: linear-gradient(90deg,#f42f5b,#937aef);
    border-radius: .75rem;
    color: #fff;
    display: flex;
    font-size: 1.75rem;
    height: 5rem;
    justify-content: center;
    margin: 1.25rem auto;
    width: 80%
}

.maskload_core .load_guild .showcase>.view .word_remind[data-v-1043f95e] {
    color: #272a2d;
    font-family: PingFang SC;
    font-size: 1.875rem;
    font-weight: medium;
    letter-spacing: .04813rem;
    line-height: normal;
    margin-top: 3rem;
    text-align: justified
}

.maskload_core .load_guild .showcase>.view .word_remind .color_title[data-v-1043f95e] {
    font-weight: 700;
    margin-bottom: .125rem
}

.maskload_core .load_guild .showcase>.view .word_remind p[data-v-1043f95e] {
    color: #b6b6b6;
    line-height: 2.5rem
}

.maskload_core .load_guild .showcase>.view .course_pic[data-v-1043f95e] {
    height: 33.0625rem;
    margin: 2.375rem 0 3.25rem;
    width: 37rem
}

.maskload_core .load_guild .showcase>.view .course_pic img[data-v-1043f95e] {
    height: 100%;
    width: 100%
}

.maskload_core .load_guild .showcase>.view .small[data-v-1043f95e] {
    color: #888f9a;
    font-size: 1.5rem;
    margin: .75rem auto;
    width: 31.25rem
}
/* ios */

.download_mask[data-v-134fa2ea] {
    background: #f1f1f1;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 4
}

.download_mask[data-v-134fa2ea],
.download_mask .header[data-v-134fa2ea] {
    border-radius: 1.75rem 1.75rem 0 0;
    width: 100%
}

.download_mask .header[data-v-134fa2ea] {
    align-items: center;
    background: #fff;
    box-shadow: 0 .5rem .5rem 0 #f1f1f1;
    display: flex;
    height: 6rem;
    justify-content: center;
    position: relative
}

.download_mask .header h1[data-v-134fa2ea] {
    color: #565656;
    font-family: PingFang HK;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0
}

.download_mask .header .back[data-v-134fa2ea] {
    align-items: center;
    display: flex;
    left: 1.625rem;
    position: absolute;
    top: 2rem
}

.download_mask .header .back .back_icon[data-v-134fa2ea],
.download_mask .header .back .back_text[data-v-134fa2ea] {
    color: #565656;
    font-family: PingFang HK;
    font-size: 1.75rem;
    font-weight: 400;
    letter-spacing: 0
}

.download_mask .header .back .back_text[data-v-134fa2ea] {
    font-family: Microsoft YaHei
}

.download_mask .content[data-v-134fa2ea] {
    margin: 0 auto;
    padding: 2rem 0 2.5rem;
    width: 39.125rem
}

.download_mask .content .title[data-v-134fa2ea] {
    color: #565656;
    font-family: PingFang HK;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 1rem
}

.download_mask .content .download_content[data-v-134fa2ea] {
    align-items: center;
    background: #fff;
    border-radius: 1.75rem;
    display: flex;
    flex-direction: column;
    height: 35.375rem;
    padding: 2.625rem 1.875rem 0
}

.download_mask .content .download_content .word[data-v-134fa2ea] {
    color: #565656;
    font-family: PingFang HK;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0
}

.download_mask .content .download_content .download_img[data-v-134fa2ea] {
    align-self: self-end;
    height: 13.125rem;
    margin-bottom: 2.625rem;
    margin-top: 1rem;
    width: 37.5rem
}

.download_mask .content .download_content .download_img img[data-v-134fa2ea] {
    height: 100%
}

.download_mask .content .download_content .download_button[data-v-134fa2ea] {
    align-items: center;
    background: #242424;
    border-radius: 1.25rem;
    display: flex;
    height: 5.625rem;
    justify-content: center;
    width: 35.375rem
}

.download_mask .content .download_content .download_button span[data-v-134fa2ea] {
    color: #fff;
    font-family: PingFang HK;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0
}

.download_mask .content .explain[data-v-134fa2ea] {
    color: #676767;
    font-family: PingFang HK;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0;
    margin-top: 1.75rem
}

.download_mask .content .explain span[data-v-134fa2ea] {
    color: blue;
    -webkit-text-decoration: underline;
    text-decoration: underline
}


.pwa_content[data-v-134fa2ea] {
    background: #f1f1f1;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 4
}

.pwa_content .header[data-v-134fa2ea] {
    align-items: center;
    background: #fff;
    box-shadow: 0 .5rem .5rem 0 #f1f1f1;
    display: flex;
    height: 6rem;
    justify-content: center;
    position: relative;
    width: 100%
}

.pwa_content .header h1[data-v-134fa2ea] {
    color: #565656;
    font-family: PingFang HK;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0
}

.pwa_content .header .back[data-v-134fa2ea] {
    align-items: center;
    display: flex;
    left: 1.625rem;
    position: absolute;
    top: 2rem
}

.pwa_content .header .back .back_icon[data-v-134fa2ea],
.pwa_content .header .back .back_text[data-v-134fa2ea] {
    color: #565656;
    font-family: PingFang HK;
    font-size: 1.75rem;
    font-weight: 400;
    letter-spacing: 0
}

.pwa_content .header .back .back_text[data-v-134fa2ea] {
    font-family: Microsoft YaHei
}

.pwa_content .pwa_wrapper[data-v-134fa2ea] {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    min-height: calc(100vh - 6rem);
    width: 40.75rem
}

.pwa_content .pwa_wrapper .pwa_main[data-v-134fa2ea] {
    flex: 1 1 0;
    position: relative;
    overflow-y: auto;
}

.pwa_content .pwa_wrapper .pwa_main .pwa_view[data-v-134fa2ea] {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.pwa_content .pwa_wrapper h1[data-v-134fa2ea] {
    color: #282828;
    font-family: PingFang SC;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0;
    margin: 2.1875rem 0 1.25rem;
    text-align: left
}

.pwa_content .pwa_wrapper img[data-v-134fa2ea] {
    height: 38.625rem;
    width: 100%
}