.download_show {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 11112;
    display: none;
}

.download_show.active {
    display: block;
}

.connent_madel {
    /* padding: 2.14rem 3.57rem 2.14rem 3.57rem; */
    overflow: hidden;
    width: 50rem;
    height: 56.43rem;
    min-height: 46.43rem;
    background: #f3f3f5;
    border-radius: 1.07rem 1.07rem 1.07rem 1.07rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: relative;

}

.connent_madel .title_wrap {
    padding: 1.71rem 1.71rem;
    background-color: #fff;
}

.connent_madel .title_ {
    font-family: SourceHanSansCN-Revision, SourceHanSansCN-Revision;
    font-weight: 700;
    font-size: 1.43rem;
    color: #060A26;
    line-height: 2.14rem;
    text-align: left;
    font-style: normal;
    text-transform: none;

}

.connent_madel .tip {
    font-family: SourceHanSansCN-Revision, SourceHanSansCN-Revision;
    font-weight: 400;
    font-size: 1rem;
    color: #959BA5;
    line-height: 1.5rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 0.71rem;
}

.connent_madel .pay_type {
    padding: 1.43rem 1.71rem 1.71rem 1.71rem;
    display: none;

}

.connent_madel .pay_type.active {
    display: block;
}

.connent_madel .login_wrap_show.active {
    display: block;
}


.connent_madel .pay_type .info_user {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 1.07rem 1.07rem 1.07rem 1.07rem;
    padding: 1.07rem;

}

.connent_madel .pay_type .info_user img {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem 1rem 1rem 1rem;
    margin-right: 1.07rem;
}

.connent_madel .pay_type .info_user .text {
    font-family: SourceHanSansCN-Revision, SourceHanSansCN-Revision;
    font-weight: 500;
    font-size: 1.43rem;
    color: #060A26;
    line-height: 2.14rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.connent_madel .pay_type .info_user .text .id {
    /* margin-top: 0.71rem; */
    font-weight: 400;
    font-size: 1rem;
    color: #959BA5;
    line-height: 1.5rem;
    text-align: center;
}

.connent_madel .pay_type .type_item {
    margin-top: 1.43rem;
    /* background-color: #fff;
    padding: 1.07rem;
    border-radius: 1.07rem 1.07rem 1.07rem 1.07rem; */
}

.connent_madel .pay_type .type_item:nth-of-type(1) .type_connent {
    height: 12.86rem;
}

.connent_madel .pay_type .type_item .t {
    font-family: SourceHanSansCN-Revision, SourceHanSansCN-Revision;
    font-weight: 400;
    font-size: 1.14rem;
    color: #060A26;
    line-height: 1.71rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.connent_madel .pay_type .type_item .type_connent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    /* height: 12.86rem; */
    background: #fff;
    border-radius: 1.07rem 1.07rem 1.07rem 1.07rem;
    padding: 1.07rem;
}

.connent_madel .pay_type .type_item .type_connent .left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.connent_madel .pay_type .type_item .type_connent .left .top {
    display: flex;
    align-items: flex-start;
    height: 100%;

}

.connent_madel .pay_type .type_item .type_connent .left .top .sb {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}


.connent_madel .pay_type .type_item .type_connent .left .logo {
    width: 4rem;
    margin-right: 1.07rem;
}


.connent_madel .pay_type .type_item .type_connent .left .price p:first-child {
    font-family: SourceHanSansCN-Revision, SourceHanSansCN-Revision;
    font-weight: 500;
    font-size: 1.43rem;
    color: #FF4B33;
    line-height: 2.14rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.connent_madel .pay_type .type_item .type_connent .left .price p:nth-of-type(2) {
    font-family: SourceHanSansCN-Revision, SourceHanSansCN-Revision;
    font-weight: 400;
    font-size: 1.14rem;
    color: #060A26;
    line-height: 1.71rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.connent_madel .pay_type .type_item .type_connent .left .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.connent_madel .pay_type .type_item .type_connent .left .pay_icon_item {
    display: flex;
    align-items: center;
}

.connent_madel .pay_type .type_item .type_connent .left .pay_icon {
    width: 12.57rem;
    height: 2.29rem;
    border-radius: 0.57rem 0.57rem 0.57rem 0.57rem;
    border: 0.07rem solid rgba(0, 0, 0, 0.1);
    font-family: SourceHanSansCN-Revision, SourceHanSansCN-Revision;
    font-weight: 400;
    font-size: 1.14rem;
    color: #060A26;
    line-height: 1.71rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.3571rem;
    cursor: pointer;
}

.connent_madel .pay_type .type_item .type_connent .left .pay_icon:hover {
    background-color: #FF6A00;
    color: #fff;
}

.connent_madel .pay_type .type_item .type_connent .left .pay_icon img {
    width: 1.43rem;
    height: 1.43rem;
    margin-right: 0.14rem;
}

.connent_madel .pay_type .type_item .type_connent .left_code {
    width: 10.71rem;
    height: 10.71rem;
    /* background-color: #ccc; */
    position: relative;
}

.connent_madel .pay_type .type_item .type_connent .code_pay {
    width: 10.71rem;
    height: 10.71rem;
    position: absolute;
    left: 0;
    top: 0;
    /* background-color: #ccc; */
}

.connent_madel .pay_type .type_item .type_connent .loading_pay {
    width: 10.71rem;
    height: 10.71rem;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .15);
}
.connent_madel .pay_type .type_item .type_connent .loading_pay img {
    width: 3.57rem;
    height: 3.57rem;
}

.connent_madel .pay_type .type_item .type_connent .status {
    width: 10.71rem;
    height: 10.71rem;
    position: absolute;
    top: 0;
    left: 0;
    padding: 2.8571rem 0 5.7143rem;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    /* background-color: #ccc; */
}


.connent_madel .pay_type .type_item .type_connent .status  span {
    display: block;
    height: 2.8571rem;
    line-height: 2.8571rem;
    font-size: 1rem;
    color: #fff;
    text-align: center;
}

.connent_madel .pay_type .type_item .type_connent  a {
    display: block;
    margin: 0 auto;
    width: 5.7143rem;
    height: 2.1429rem;
    line-height: 2.1429rem;
    background-color: #2878FF;
    border-radius: .2143rem;
    font-size: .8571rem;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.connent_madel .pay_type .type_item .type_connent .success a{
    background-color: #01B85B !important;
} 
.connent_madel .pay_type .type_item .type_connent .success span{
    color: #fff !important;
}

.connent_madel .pay_type .type_item .btn_ {
    width: 8.57rem;
    height: 2.86rem;
    background: #FF6A00;
    border-radius: 0.71rem 0.71rem 0.71rem 0.71rem;
    text-align: center;
    line-height: 2.86rem;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}

.connent_madel .pay_type .type_item .btn_:hover {
    transform: scale(1.05);
}

.connent_madel .title_wrap .close_btn {
    width: 2.86rem;
    position: absolute;
    top: 1.7857rem;
    right: 1.9286rem;
    cursor: pointer;

}

.connent_madel .close_btn img {
    width: 2.1429rem;
    height: 2.1429rem;
}

.green {
    color: #01B85B !important;
}

.bg_green {
    background: #01B85B !important;
}

.bg_blue {
    background: #0090f7 !important;
}


.connent_madel .right_wrap_login {
    margin: 0 auto;
    background-color: #fff;
    padding-bottom: 3.86rem;
    border-radius: 1.07rem 1.07rem 1.07rem 1.07rem;
    margin-top: 1.71rem;
}

.connent_madel .right_wrap_login .close_icon {
    display: none;
}

.connent_madel .login_wrap_show {
    padding-bottom: 4.5714rem;
    display: none;
}

.connent_madel .login_wrap_show .p1 {
    font-family: SourceHanSansCN-Revision, SourceHanSansCN-Revision;
    font-weight: 700;
    font-size: 1.71rem;
    color: #FF6A00;
    line-height: 2.57rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-top: 2.86rem;
}

.right_wrap_login .login_container {
    height: 15.78rem;
}

.connent_madel .login_wrap_show .p2 {
    margin-top: 0.29rem;
    font-family: SourceHanSansCN-Revision, SourceHanSansCN-Revision;
    font-weight: 400;
    font-size: 1.14rem;
    color: #060A26;
    line-height: 1.71rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}