vipnew-css-update

aeline

2020-04-02 ac23a5da35d949cb2bb1dccc7286e603fcc811f4

vipnew-css-update

 AppInside/vipNew/.DS_Store

Binary files differ

 AppInside/vipNew/css/page.css

File was deleted

 AppInside/vipNew/css/stylesheet.css

@@ -1,465 +1,808 @@
* {
    margin: 0;
    top: 0;
/* 不允许复制 */
    -moz-user-select: none;
    /* Firefox私有属性 */
    -webkit-user-select: none;
    /* WebKit内核私有属性 */
    -ms-user-select: none;
    /* IE私有属性(IE10及以后) */
    -khtml-user-select: none;
    /* KHTML内核私有属性 */
    -o-user-select: none;
    /* Opera私有属性 */
    user-select: none;
    /* CSS3属性 */
    /* IOS点击阴影 */
    -webkit-tap-highlight-color: transparent;
* {

    margin: 0;

    top: 0;

    /* 不允许复制 */

    -moz-user-select: none;

    /* Firefox私有属性 */

    -webkit-user-select: none;

    /* WebKit内核私有属性 */

    -ms-user-select: none;

    /* IE私有属性(IE10及以后) */

    -khtml-user-select: none;

    /* KHTML内核私有属性 */

    -o-user-select: none;

    /* Opera私有属性 */

    user-select: none;

    /* CSS3属性 */

    /* IOS点击阴影 */

    -webkit-tap-highlight-color: transparent;

}



body {

    background-color: #F4E2D0;

}



.div_topbg {

    background-image: url(../img/top.png);

    background-size: 100% 100%;

    width: 100%;

    height: 3.8rem;

}



.div_rule {

    position: absolute;

    right: 0.34rem;

    top: 0.37rem;

    border: 0.01rem solid;

    border-radius: 0.17rem;

    border-color: 0x573A0F;

    font-size: 0.18rem;

    color: 0x333333;

    width: 1.08rem;

    height: 0.34rem;

    /*设置为flex布局*/

    display: flex;

    /*水平居中*/

    justify-content: center;

    /*垂直居中*/

    align-items: center;

}



.div_img_header {

    position: absolute;

    left: 0.63rem;

    top: 0.74rem;

    width: 1.24rem;

    height: 1.24rem;

    padding: 0.02rem

}



.div_img_header>img {

    width: 1.22rem;

    height: 1.22rem;

    border-radius: 1rem;

}



.div_name {

    width: 5.2rem;

    font-size: 0.3rem;

    color: #4E2E00;

    position: absolute;

    left: 2.19rem;

    top: 0.75rem

}



.div_viplogos {

    width: 1.44rem;

    height: 0.34rem;

    display: flex;

    align-items: center;

    position: absolute;

    left: 2.19rem;

    top: 1.1rem;

}



.div_viplogos>img {

    width: 1.44rem;

    height: 0.34rem;

    margin-top: 0.3rem

}



.div_contactmentor_upgrademember_bg {

    width: 100%;

    height: 0.78rem;

    position: absolute;

    top: 2.31rem;

    display: flex;

    justify-content:

        space-between;

    "



}



.div_contactmentor_upgrademember_bg .div_contactmentor {

    background-color: #E5005B;

    font-size: 0.3rem;

    width: 2.62rem;

    height: 0.78rem;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 0.39rem;

    color: white;

    margin-left: 0.5rem;

    "



}



.div_contactmentor_upgrademember_bg .div_upgrademember {

    background-color: #E5005B;

    font-size: 0.3rem;

    width: 3.7rem;

    height: 0.78rem;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 0.39rem;

    color: white;

    margin-right: 0.46rem;

}



.div_sehnzhuan {

    height: 0.3rem;

    margin-top: -0.05rem

}



.div_sehnzhuan>p {

    color: #F4E2D0;

    font-size: 0.3rem;

    margin-top: -0.05rem;

}



.div_img_provinceearn {

    width: 100%;

    margin-top: -0.6rem;

}



.div_img_provinceearn img {

    width: 100%;

    height: 0.8rem;

    margin: 0

}



.div_provinceearn {

    background-color: #151313;

    width: 100%;

    height: 2.4rem;

    margin-top: -0.26rem;

    display: flex;

    flex-direction: column;

    align-items: center

}



.div_provinceearn_yellowbg {

    background-color: #F2CE91;

    width: 6.7rem;

    height: 1.46rem;

    margin-top: 0.2rem;

    border-radius: 0.2rem

}



.div_provinceearn_title {

    /* background-color:  red; */

    color: #4e2e00;

    font-size: 0.24rem;

    height: 0.4rem;

    display: flex;

    justify-content: center;

    align-items: center;

}



.div_provinceearn_botom {

    height: 1.06rem;

    /*设置为flex布局*/

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.div_provinceearn_savemoney {

    width: 49.5%;

    height: 100%;

}



.provinceearn_savemoney_Title {

    color: #4E2E00;

    font-size: 0.24rem;

    margin-top: 0.1rem;

    display: flex;

    justify-content: center

}



.provinceearn_savemoney_SubTitle {

    color: #4E2E00;

    font-size: 0.34rem;

    display: flex;

    justify-content: center

}



.div_provinceearn_line {

    background-color: #4E2E00;

    width: 0.4%;

    height: 0.4rem;

    border-radius: 0.2rem;

}



.div_provinceearn_makemoney {

    width: 49.5%;

    height: 100%;

}



.provinceearn_makemoney_Title {

    color: #4E2E00;

    font-size: 0.24rem;

    margin-top: 0.1rem;

    display: flex;

    justify-content: center

}



.provinceearn_makemoney_SubTitle {

    color: #4E2E00;

    font-size: 0.34rem;

    display: flex;

    justify-content: center

}



.div_upgradeprogress {

    background-color: #151313;

    width: 100%;

    height: 8.1rem;

}



.div_upgradeprogress_whitebg {

    background-color: #FFFFFF;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    height: 7.6rem;

    border-radius: 0.2rem;

}



.div_upgradeprogress_top {

    height: 0.92rem;

    border-bottom: 0.01rem solid #e0e0e0;

    display: flex;

    flex-direction: column;

    align-items: center

}



.div_upgradeprogress_title {

    color: #333333;

    font-size: 0.34rem;

    margin-top: 0.12rem

}



.div_upgradeprogress_desc {

    color: #999999;

    font-size: 0.18rem;

    margin-top: -0.05rem

}



.div_upgradeprogress_set {

    margin-top: 0.39rem;

    color: #333333;

    font-size: 0.24rem;

}



.div_upgradeprogress_small_bg {

    background-color: #E5005C;

    margin-left: 0.63rem;

    margin-top: 0.08rem;

    margin-right: 0.63rem;

    height: 0.31rem;

    border-radius: 0.15rem;

    padding-left: 0.04rem;

    display: flex;

    align-items: center

}



.div_upgradeprogress_small {

    height: 0.25rem;

    background-color: #FFE764;

    border-radius: 0.13rem

}



.div_progress_condition {

    display: flex;

    align-items: center;

    height: 0.28rem;

    margin-top: 0.55rem;

    margin-left: 0.69rem

}



.div_horn {

    display: flex;

    align-items: center

}



.div_horn>img {

    width: 0.32rem;

    height: 0.28rem

}



.progress_condition {

    color: #E5005B;

    font-size: 0.2rem;

    margin-left: 0.13rem

}



.progress_condition_desc {

    color: #666666;

    font-size: 0.24rem;

    margin-left: 0.43rem;

    margin-top: 0.31rem;

    margin-right: 0.39rem

}



.quanyi_headerbg_bg {

    background-color: #151313;

    display: flex;

    flex-direction: column;

    align-items: center

}



.quanyi_headerbg_title {

    color: #F4E2D0;

    font-size: 0.3rem

}



.quanyi_headerbg_desc {

    color: #F4E2D0;

    font-size: 0.18rem;

    margin-top: -0.06rem

}



.div_quanyi_title {

    background-color: #151313;

    height: 0.86rem;

    display: flex;

    justify-content: space-between

}



.div_quanyi_actived {

    color: #F4E2D0;

    font-size: 0.26rem;

    width: 1.875rem;

    height: 0.48rem;

    display: flex;

    justify-content: center;

    margin-top: 0.25rem;

    padding-top: 0.13rem;

    border-top-left-radius: 0.08rem;

    border-top-right-radius: 0.08rem;

}



.div_quanyi_vipPre1 {

    color: #F4E2D0;

    font-size: 0.26rem;

    width: 1.875rem;

    height: 0.48rem;

    display: flex;

    justify-content: center;

    margin-top: 0.25rem;

    padding-top: 0.13rem;

    border-top-left-radius: 0.08rem;

    border-top-right-radius: 0.08rem;

}



.div_quanyi_vipPre2 {

    color: #F4E2D0;

    font-size: 0.26rem;

    width: 1.875rem;

    height: 0.48rem;

    display: flex;

    justify-content: center;

    margin-top: 0.25rem;

    padding-top: 0.13rem;

    border-top-left-radius: 0.08rem;

    border-top-right-radius: 0.08rem;

}



.div_quanyi_vip {

    color: #F4E2D0;

    font-size: 0.26rem;

    width: 1.875rem;

    height: 0.48rem;

    display: flex;

    justify-content: center;

    margin-top: 0.25rem;

    padding-top: 0.13rem;

    border-top-left-radius: 0.08rem;

    border-top-right-radius: 0.08rem;

}



.div_quanyi {

    /* margin-top: -0.01rem; */

    display: flex;

    justify-content: flex-start;

    width: 100%;

    flex-wrap: wrap;

    background-color: #333333;

}



.div_items {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-top: 0.46rem;

    width: 2.5rem;

}



.title {

    color: #F4E2D0;

    font-size: 0.3rem;

}



.subtitle {

    color: #F4E2D0;

    font-size: 0.24rem;

}



.div_invite_friend {

    margin-top: 0.35rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    height: 6rem;

    border-radius: 0.2rem;

    background-color: #FFFFFF;

}



.invite_friend_title_bg {

    height: 0.92rem;

    border-bottom: 0.01rem solid #e0e0e0;

    display: flex;

    align-items: center;

    justify-content: center

}



.invite_friend_title_bg>div {

    color: #333333;

    font-size: 0.34rem

}



.invite_content_bg {

    height: 1.4rem;

    display: flex;

    padding-top: 0.2rem

}



.invite_content_bg>img {

    width: 1.14rem;

    height: 1.14rem;

    margin-top: 0.13rem;

    margin-left: 0.35rem

}



.invite_text_bg {

    width: 3.65rem;

    height: 1.4rem;

    margin-left: 0.24rem

}



.invite_text_title {

    color: #666666;

    font-size: 0.24rem;

    padding-top: 0.16rem

}



.invite_text_desc {

    color: #999999;

    font-size: 0.24rem

}



.div_invite_share {

    color: #E5005C;

    font-size: 0.26rem;

    width: 1.33rem;

    height: 0.6rem;

    margin-top: 0.4rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0.02rem solid #E5005C;

    border-radius: 0.3rem;

}



.div_makesave_contrast {

    margin-top: 0.2rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    height: 5.2rem;

    border-radius: 0.2rem;

    background-color: #FFFFFF;

}



.makesave_contrast_head_bg {

    height: 0.92rem;

    border-bottom: 0.01rem solid #e0e0e0;

    display: flex;

    align-items: center;

    justify-content: center

}



.makesave_contrast_head_bg>div {

    color: #333333;

    font-size: 0.34rem

}



.makesave_contrast_headdesc_bg {

    background-color: #FFF8F1;

    height: 0.9rem;

    margin-top: 0.14rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    display: flex;

    justify-content: space-between;

    align-items: center

}



.makesave_contrast_headdesc_bg :nth-child(1) {

    color: #666666;
    font-size: 0.24rem; 
    padding-left: 0.46rem

}

body {
    background-color: #F4E2D0;
.makesave_contrast_headdesc_bg :nth-child(2) {

    color: #666666;
    font-size: 0.24rem

}

.div_topbg {
    background-image: url(../img/top.png);
    background-size: 100% 100%;
    width: 100%;
    height: 3.8rem;
.makesave_contrast_headdesc_bg :nth-child(3) {

    color: #666666;
    font-size: 0.24rem; 
    padding-right: 0.52rem

}

.div_rule {
    position: absolute;
    right: 0.34rem;
    top: 0.37rem;
    border: 0.01rem solid;
    border-radius: 0.17rem;
    border-color: 0x573A0F;
    font-size: 0.18rem;
    color: 0x333333;
    width: 1.08rem;
    height: 0.34rem;
    /*设置为flex布局*/
    display: flex;
    /*水平居中*/
    justify-content: center;
    /*垂直居中*/
    align-items: center;
}

.div_img_header {
    position: absolute;
    left: 0.63rem;
    top: 0.74rem;
    width: 1.24rem;
    height: 1.24rem;
    padding: 0.02rem
}

.div_name {
    width: 5.2rem;
    font-size: 0.3rem;
    color: #4E2E00;
    position: absolute;
    left: 2.19rem;
    top: 0.75rem
}

.div_img_provinceearn {
    width: 100%;
    margin-top: -0.6rem;
}

.div_img_provinceearn img {
    width: 100%;
    height: 0.8rem;
    margin: 0
}

.div_provinceearn {
    background-color: #151313;
    width: 100%;
    height: 2.4rem;
    margin-top: -0.26rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.div_provinceearn_yellowbg {
    background-color: #F2CE91;
    width: 6.7rem;
    height: 1.46rem;
    margin-top: 0.2rem;
    border-radius: 0.2rem
}

.div_provinceearn_title {
    /* background-color:  red; */
    color: #4e2e00;
    font-size: 0.24rem;
    height: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.div_provinceearn_botom {
    height: 1.06rem;
    /*设置为flex布局*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.div_provinceearn_savemoney {
    width: 49.5%;
    height: 100%;
}

.div_provinceearn_line {
    background-color: #4E2E00;
    width: 0.4%;
    height: 0.4rem;
    border-radius: 0.2rem;
}

.div_provinceearn_makemoney {
    width: 49.5%;
    height: 100%;
}

.div_upgradeprogress {
    background-color: #151313;
    width: 100%;
    height: 8.1rem;
}

.div_upgradeprogress_whitebg {
    background-color: #FFFFFF;
.makesave_contrast_body_bg {
    height: 0.9rem;
    margin-top: 0.14rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 7.6rem;
    border-radius: 0.2rem;
}

.div_upgradeprogress_top {
    height: 0.92rem;
    border-bottom: 0.01rem solid #e0e0e0;
    margin-right: 0.2rem; 
    display: flex;
    flex-direction: column;
    align-items: center
    align-items:  center
}

.div_upgradeprogress_set {
    margin-top: 0.39rem;
    color: #333333;
    font-size: 0.24rem;
.makesave_contrast_body_title {
    display: flex; 
    align-items: center; 
    width: 35%
}

.div_upgradeprogress_small {
    height: 0.25rem;
    background-color: #FFE764;
    border-radius: 0.13rem
.makesave_contrast_body_title :nth-child(1) {
    width: 0.5rem;
    height: 0.5rem; 
    padding-left: 0.13rem
}

.div_quanyi_title {
    /* background-color:  red; */
}

.div_quanyi_actived {
    color: #F4E2D0;
    font-size: 0.26rem;
    width: 1.875rem;
    height: 0.48rem;
    display: flex;
    justify-content: center;
    margin-top: 0.25rem;
    padding-top: 0.13rem;
    border-top-left-radius: 0.08rem;
    border-top-right-radius: 0.08rem;
}

.div_quanyi_vipPre1 {
    color: #F4E2D0;
    font-size: 0.26rem;
    width: 1.875rem;
    height: 0.48rem;
    display: flex;
    justify-content: center;
    margin-top: 0.25rem;
    padding-top: 0.13rem;
    border-top-left-radius: 0.08rem;
    border-top-right-radius: 0.08rem;
}

.div_quanyi_vipPre2 {
    color: #F4E2D0;
    font-size: 0.26rem;
    width: 1.875rem;
    height: 0.48rem;
    display: flex;
    justify-content: center;
    margin-top: 0.25rem;
    padding-top: 0.13rem;
    border-top-left-radius: 0.08rem;
    border-top-right-radius: 0.08rem;
}

.div_quanyi_vip {
    color: #F4E2D0;
    font-size: 0.26rem;
    width: 1.875rem;
    height: 0.48rem;
    display: flex;
    justify-content: center;
    margin-top: 0.25rem;
    padding-top: 0.13rem;
    border-top-left-radius: 0.08rem;
    border-top-right-radius: 0.08rem;
}

.div_quanyi {
    /* margin-top: -0.01rem; */
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
    background-color: #333333;
}

.div_items {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.46rem;
    width: 2.5rem;
}

.title {
    color: #F4E2D0;
    font-size: 0.3rem;
}

.subtitle {
    color: #F4E2D0;
    font-size: 0.24rem;
}

.div_invite_friend {
    margin-top: 0.35rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 6rem;
    border-radius: 0.2rem;
    background-color: #FFFFFF;
}

.div_invite_share {
    color: #E5005C;
    font-size: 0.26rem;
    width: 1.33rem;
    height: 0.6rem;
    margin-top: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.02rem solid #E5005C;
    border-radius: 0.3rem;
}

.div_makesave_contrast {
    margin-top: 0.2rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 5.2rem;
    border-radius: 0.2rem;
    background-color: #FFFFFF;
}

.makesave_contrast_title {
.makesave_contrast_body_title :nth-child(2) {
    color: #333333;
    font-size: 0.26rem;
    margin-left: 0.05rem;
}


.makesave_contrast_desc {

    width: 35%;

    height: 0.9rem;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.makesave_contrast_desc1 {

    color: #333333;

    font-size: 0.26rem;

    padding-top: 0.1rem;

}



.makesave_contrast_desc2 {

    color: #333333;

    font-size: 0.2rem;

    margin-top: -0.05rem;

}

.makesave_contrast_desc {
.makesave_contrast_butie_desc1 {
    color: #333333;
    font-size:0.26rem ; 
    width: 35%;
    height: 0.9rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.makesave_contrast_desc1 {
.makesave_contrast_butie_desc2 {
    color: #333333;
    font-size: 0.26rem;
    padding-top: 0.1rem;
}

.makesave_contrast_desc2 {
    color: #333333;
    font-size: 0.2rem;
    margin-top: -0.05rem;
}

.div_common_problem {
    margin-top: 0.22rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    background-color: #FFFFFF;
    height: 14.4rem;
    border-radius: 0.2rem;
}

.div_common_problem_selct {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 1.3rem;
    background-color: #FFF8F1;
    font-size: 0.3rem;
    padding-left: 0.15rem;
    font-size:0.2rem ; 
    width: 35%;
    height: 0.9rem;
    display: flex;
    align-items: center;
    color: #666666;
    justify-content: center
}



.div_common_problem {

    margin-top: 0.22rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    background-color: #FFFFFF;

    height: 14.4rem;

    border-radius: 0.2rem;

}

.div_common_problem_normol {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 1.3rem;
    background-color: #FFFFFF;
    font-size: 0.3rem;
    padding-left: 0.15rem;
    display: flex;
.div_common_problem_header {
    height: 0.92rem;
    border-bottom: 0.01rem solid #e0e0e0; 
    display: flex; 
    align-items: center;
    color: #666666;
    justify-content: center
}

.div_common_problem_normol_1 {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 1.7rem;
    background-color: #FFFFFF;
    font-size: 0.3rem;
    padding-left: 0.15rem;
    display: flex;
    align-items: center;
    color: #666666;
.div_common_problem_header > div {
    color: #333333; 
    font-size: 0.34rem
}



.div_common_problem_selct {

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    height: 1.3rem;

    background-color: #FFF8F1;

    font-size: 0.3rem;

    padding-left: 0.15rem;

    display: flex;

    align-items: center;

    color: #666666;

}



.div_common_problem_normol {

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    height: 1.3rem;

    background-color: #FFFFFF;

    font-size: 0.3rem;

    padding-left: 0.15rem;

    display: flex;

    align-items: center;

    color: #666666;

}



.div_common_problem_normol_1 {

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    height: 1.7rem;

    background-color: #FFFFFF;

    font-size: 0.3rem;

    padding-left: 0.15rem;

    display: flex;

    align-items: center;

    color: #666666;

}



.div_common_problem_normol_2 {

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    height: 1.7rem;

    background-color: #FFF8F1;

    font-size: 0.3rem;

    padding-left: 0.15rem;

    display: flex;

    align-items: center;

    color: #666666;

}



.div_common_problem_normol_3 {

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    height: 1.8rem;

    background-color: #FFF8F1;

    font-size: 0.3rem;

    padding-left: 0.15rem;

    color: #666666;

}



.dialogmask {

    display: none;

    position: fixed;

    width: 100%;

    height: 100%;

    background: rgba(1, 1, 1, 0.5);

    top: 0;

    left: 0;

    z-index: 1001;

}



.dialog {

    width: 5.60rem;

    min-height: 1rem;

    background: #FFFFFF;

    border-radius: 0.1rem;

    padding: 0.2rem;

    z-index: 1000;

    display: block;

    height: auto;

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    max-height: 4.3rem;



}

.div_common_problem_normol_2 {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 1.7rem;
    background-color: #FFF8F1;
    font-size: 0.3rem;
    padding-left: 0.15rem;
    display: flex;
    align-items: center;
    color: #666666;
.dialog > img {
    height:0.5rem;
    right: 0.2rem;
    top:0.2rem;
    position: absolute
}



.dialog .title {

    font-size: 0.32rem;

    color: #010101;

    text-align: center;

    margin-top: 0.3rem;

    font-weight: bold;

}



.dialog .content {

    margin-top: 0.2rem;

    color: #333333;

    font-size: 0.3rem;

    margin-left: 0.25rem;

    margin-right: 0.15rem;

}



.dialog .div_NoviceStrategy {

    background-color: #E5005C;

    width: 2.3rem;

    height: 0.8rem;

    border-radius: 0.4rem;

    font-size: 0.32rem;

    color: white;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 0.5rem;

    margin-left: 0.2rem;

}



.dialogbutton {

    display: flex;

    justify-content: space-between;

}



.dialog .div_NoviceStrategy {

    background-color: #E5005C;

    width: 2.4rem;

    height: 0.8rem;

    border-radius: 0.4rem;

    font-size: 0.32rem;

    color: white;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 0.5rem;

    margin-left: 0.25rem;

}



.dialog .div_TutorWeChat {

    background-color: #E5005C;

    width: 2.4rem;

    height: 0.8rem;

    border-radius: 0.4rem;

    font-size: 0.32rem;

    color: white;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 0.5rem;

    margin-right: 0.25rem;

}

.div_common_problem_normol_3 {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 1.8rem;
    background-color: #FFF8F1;
    font-size: 0.3rem;
    padding-left: 0.15rem;
    color: #666666;
.div_banlilogo {
    margin-top: 0.43rem;
    margin-bottom: 0.8rem;
    display:flex; 
    justify-content: center
}

.dialogmask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(1, 1, 1, 0.5);
    top: 0;
    left: 0;
    z-index: 1001;
.div_banlilogo > img {
    width: 0.46rem;
    height: 0.45rem
}

.dialog {
    width: 5.60rem;
    min-height: 1rem;
    background: #FFFFFF;
    border-radius: 0.1rem;
    padding: 0.2rem;
    z-index: 1000;
    display: block;
    height: auto;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 4.3rem;
	
}

.dialog .title {
    font-size: 0.32rem;
    color: #010101;
    text-align: center;
    margin-top: 0.3rem;
    font-weight: bold;
}

.dialog .content {
    margin-top: 0.2rem;
    color: #333333;
    font-size: 0.3rem;
    margin-left: 0.25rem;
    margin-right: 0.15rem;
}

.dialog .div_NoviceStrategy {
    background-color: #E5005C;
    width: 2.3rem;
    height: 0.8rem;
    border-radius: 0.4rem;
    font-size: 0.32rem;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
    margin-left: 0.2rem;
}

.dialogbutton {
    display: flex;
    justify-content: space-between;
}

.dialog .div_NoviceStrategy {
    background-color: #E5005C;
    width: 2.4rem;
    height: 0.8rem;
    border-radius: 0.4rem;
    font-size: 0.32rem;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
    margin-left: 0.25rem;
}

.dialog .div_TutorWeChat {
    background-color: #E5005C;
    width: 2.4rem;
    height: 0.8rem;
    border-radius: 0.4rem;
    font-size: 0.32rem;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
    margin-right: 0.25rem;
.div_banlilogo > div {
    color: #D43002; 
    font-size: 0.3rem; 
    margin-left: 0.12rem
}

 AppInside/vipNew/supvip.html

@@ -20,25 +20,20 @@
            <div class="div_topbg">
                <div @click="touchRuleLink" class="div_rule">升级规则</div>

                <div class="div_img_header">
                    <img :src="user.portrait" style="width:1.22rem;height: 1.22rem;border-radius: 1rem;">
                <div class="div_img_header" >
                    <img :src="user.portrait" >
                </div>

                <div class="div_name"> {{user.nickName}}</div>
                <div class="div_name" >{{user.nickName}}</div>

                <div id="" style="scr width: 1.44rem; height: 0.34rem; display: flex;align-items: center;position: absolute; left: 2.19rem; top: 1.1rem;">
                    <img :src="user.viplogos" style="width: 1.44rem; height: 0.34rem; margin-top: 0.3rem;">
                </div>
                <div class="div_viplogos" ><img :src="user.viplogos" ></div>

                <div style="width: 100%; height: 0.78rem; position: absolute; top: 2.31rem; display: flex;justify-content: space-between;">
                    <div @click="contactmentor" style="background-color: #E5005B; font-size: 0.3rem; 
                    width: 2.62rem; height: 0.78rem; display: flex; justify-content: center; align-items: center;border-radius: 0.39rem; 
                    color: white; margin-left: 0.5rem;">
                <div class="div_contactmentor_upgrademember_bg" >
                    <div class="div_contactmentor" @click="contactmentor" >
                        联系导师
                    </div>
                    <div @click="upgrademember" style="background-color: #E5005B; font-size: 0.3rem;
                    width: 3.7rem; height: 0.78rem; display: flex; justify-content: center; align-items: center;border-radius: 0.39rem; 
                    color: white; margin-right: 0.46rem;">
					
                    <div class="div_upgrademember" @click="upgrademember" >
                        {{user.nextlevel}}
                    </div>
                </div>
@@ -48,9 +43,9 @@
                <img src="img/cut.png">
            </div>
            <div class="div_provinceearn">
                <div style=" height: 0.3rem;margin-top: -0.05rem;">
                    <p v-if="vip==false" style="color: #F4E2D0; font-size: 0.3rem; margin-top: -0.05rem;">错过省赚</p>
                    <p v-else style="color: #F4E2D0; font-size: 0.3rem; margin-top: -0.05rem;">赚省统计</p>
                <div class="div_sehnzhuan">
                    <p v-if="vip==false" >错过省赚</p>
                    <p v-else >赚省统计</p>
                </div>

                <div class="div_provinceearn_yellowbg">
@@ -58,14 +53,14 @@
                    <div v-else class="div_provinceearn_title">您已经是超级会员</div>
                    <div class="div_provinceearn_botom">
                        <div class="div_provinceearn_savemoney">
                            <div v-if="vip==false" style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;">
                            <div class="provinceearn_savemoney_Title" v-if="vip==false" >
                                少省钱
                            </div>
                            <div v-else style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;">
                            <div class="provinceearn_savemoney_Title" v-else >
                                共省钱
                            </div>

                            <div style="color: #4E2E00; font-size: 0.34rem; display: flex;justify-content: center;">
                            <div class="provinceearn_savemoney_SubTitle" >
                                {{user.saveMoney}}
                            </div>
                        </div>
@@ -73,14 +68,14 @@

                        </div>
                        <div class="div_provinceearn_makemoney">
                            <div v-if="vip==false" style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;">
                            <div class="provinceearn_makemoney_Title" v-if="vip==false" >
                                少赚钱
                            </div>
                            <div v-else style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;">
                            <div class="provinceearn_makemoney_Title" v-else >
                                共赚钱
                            </div>

                            <div style="color: #4E2E00; font-size: 0.34rem; display: flex;justify-content: center;">
                            <div class="provinceearn_makemoney_SubTitle" >
                                {{user.earnMoney}}
                            </div>
                        </div>
@@ -91,10 +86,10 @@
            <div class="div_upgradeprogress" v-if="show">
                <div class="div_upgradeprogress_whitebg">
                    <div class="div_upgradeprogress_top">
                        <div style="color: #333333;font-size: 0.34rem; margin-top: 0.12rem">
                        <div class="div_upgradeprogress_title" >
                            升级进度
                        </div>
                        <div style="color: #999999;font-size: 0.18rem; margin-top: -0.05rem;">
                        <div class="div_upgradeprogress_desc" >
                            免费升级 阶梯成长 权益倍增
                        </div>
                    </div>
@@ -107,7 +102,7 @@
                                {{progress.finishFanliOrder}}/{{progress.totalFanliOrder}}笔
                            </div>
                        </div>
                        <div style="background-color: #E5005C; margin-left: 0.63rem; margin-top: 0.08rem; margin-right: 0.63rem; height: 0.31rem; border-radius: 0.15rem; padding-left: 0.04rem;display: flex; align-items: center;">
                        <div class="div_upgradeprogress_small_bg" >
                            <div class="div_upgradeprogress_small" :style="{'width':finishFanliOrderProgress}">
                            </div>
                        </div>
@@ -121,7 +116,7 @@
                                {{progress.finishShareOrder}}/{{progress.totalShareOrder}}笔
                            </div>
                        </div>
                        <div style="background-color: #E5005C; margin-left: 0.63rem; margin-top: 0.08rem; margin-right: 0.63rem; height: 0.31rem; border-radius: 0.15rem; padding-left: 0.04rem;display: flex; align-items: center;">
                        <div class="div_upgradeprogress_small_bg" >
                            <div class="div_upgradeprogress_small" :style="{'width':finishShareOrderProgress}">
                            </div>
                        </div>
@@ -135,20 +130,20 @@
                                {{progress.finishDirectFans}}+{{progress.finishInDirectFans}}/{{progress.totalDirectFans}}+{{progress.totalInDirectFans}}人
                            </div>
                        </div>
                        <div style="background-color: #E5005C; margin-left: 0.63rem; margin-top: 0.08rem; margin-right: 0.63rem; height: 0.31rem; border-radius: 0.15rem; padding-left: 0.04rem;display: flex; align-items: center;">
                        <div class="div_upgradeprogress_small_bg" >
                            <div class="div_upgradeprogress_small" :style="{'width':finishFansProgress}">
                            </div>
                        </div>
                    </div>
                    <div style="display: flex; align-items: center; height: 0.28rem; margin-top: 0.55rem;margin-left: 0.69rem;">
                        <div style=" display: flex; align-items: center;">
                            <img src="./img/icon_horn.png" style="width: 0.32rem;height: 0.28rem;">
                    <div class="div_progress_condition" >
                        <div class="div_horn" >
                            <img src="./img/icon_horn.png" >
                        </div>
                        <div style="color: #E5005B; font-size: 0.2rem;margin-left: 0.13rem;">
                        <div class="progress_condition" >
                            以上三种条件在任意一种满足即可自动升级为【{{progress.nextLevelProgress}}】
                        </div>
                    </div>
                    <div style="color: #666666;font-size: 0.24rem; margin-left: 0.43rem;margin-top: 0.31rem;margin-right: 0.39rem;">
                    <div class="progress_condition_desc" >
                        1.返利/分享订单、直接/间接粉丝都是从注册板栗快省日起开始统计；<br>
                        2.实付款≥1元的订单为有效可被统计订单；<br>
                        3.至少产生过1笔分享或返利订单的粉丝为有效可被统计粉丝（退款为失效）；
@@ -157,15 +152,15 @@
            </div>
            <!-- 会员权益 -->
            <div class="div_quanyi_headerbg">
                <div style="background-color: #151313; display: flex; flex-direction: column;align-items: center;">
                    <div style="color: #F4E2D0; font-size: 0.3rem;">
                <div class="quanyi_headerbg_bg" >
                    <div class="quanyi_headerbg_title" >
                        会员阶段权益
                    </div>
                    <div style="color: #F4E2D0; font-size: 0.18rem; margin-top: -0.06rem;">
                    <div class="quanyi_headerbg_desc" >
                        升级成超级会员 赚省权益享不停
                    </div>
                </div>
                <div class="div_quanyi_title" style="background-color: #151313;height: 0.86rem;display: flex;justify-content: space-between;">
                <div class="div_quanyi_title" >
                    <div class="div_quanyi_actived" @click="clickactived" :style="bgColor.styleactived">
                        快省达人
                    </div>
@@ -194,19 +189,17 @@
            <div style="height: 0.46rem; background-color: #333333;"></div>
            <!-- 邀请好友 -->
            <div class="div_invite_friend">
                <div style="height: 0.92rem;border-bottom: 0.01rem solid #e0e0e0; display: flex; align-items: center;justify-content: center;">
                    <div style="color: #333333; font-size: 0.34rem;">
                        邀请好友
                    </div>
                <div class="invite_friend_title_bg" >
                    <div >邀请好友</div>
                </div>
                <div>
                    <div style="height: 1.4rem; display: flex; padding-top: 0.2rem;">
                        <img src="img/icon_miandan.png" style="width: 1.14rem;height: 1.14rem; margin-top: 0.13rem; margin-left: 0.35rem;">
                        <div style="width: 3.65rem; height: 1.4rem; margin-left: 0.24rem;">
                            <div style="color: #666666; font-size: 0.24rem; padding-top: 0.16rem;">
                    <div class="invite_content_bg" >
                        <img src="img/icon_miandan.png" >
                        <div class="invite_text_bg" >
                            <div class="invite_text_title" >
                                赠送免单券
                            </div>
                            <div style="color: #999999; font-size: 0.24rem;">
                            <div class="invite_text_desc" >
                                让好友可以免单
                            </div>
                        </div>
@@ -216,13 +209,13 @@
                    </div>
                </div>
                <div>
                    <div style="height: 1.4rem; display: flex; padding-top: 0.2rem;">
                        <img src="img/icon_fanli_.png" style="width: 1.14rem;height: 1.14rem; margin-top: 0.13rem; margin-left: 0.35rem;">
                        <div style="width: 3.65rem; height: 1.4rem; margin-left: 0.24rem;">
                            <div style="color: #666666; font-size: 0.24rem; padding-top: 0.16rem;">
                    <div class="invite_content_bg" >
                        <img src="img/icon_fanli_.png" >
                        <div class="invite_text_bg" >
                            <div class="invite_text_title" >
                                返利奖励券
                            </div>
                            <div style="color: #999999; font-size: 0.24rem;">
                            <div class="invite_text_desc" >
                                让好友返利订单，返利再返30%以上
                            </div>
                        </div>
@@ -232,13 +225,13 @@
                    </div>
                </div>
                <div>
                    <div style="height: 1.4rem; display: flex; padding-top: 0.2rem;">
                        <img src="img/icon_hongbao.png" style="width: 1.14rem;height: 1.14rem; margin-top: 0.13rem; margin-left: 0.35rem;">
                        <div style="width: 3.65rem; height: 1.4rem; margin-left: 0.24rem;">
                            <div style="color: #666666; font-size: 0.24rem; padding-top: 0.16rem;">
                    <div class="invite_content_bg" >
                        <img src="img/icon_hongbao.png" >
                        <div class="invite_text_bg" >
                            <div class="invite_text_title" >
                                红包
                            </div>
                            <div style="color: #999999; font-size: 0.24rem;">
                            <div class="invite_text_desc" >
                                让好友获得红包，可提现客购物
                            </div>
                        </div>
@@ -250,22 +243,18 @@
            </div>
            <!-- 赚省对比 -->
            <div class="div_makesave_contrast">
                <div style="height: 0.92rem;border-bottom: 0.01rem solid #e0e0e0; display: flex; align-items: center;justify-content: center;">
                    <div style="color: #333333; font-size: 0.34rem;">
                        赚省对比
                    </div>
                <div class="makesave_contrast_head_bg" >
                    <div >赚省对比</div>
                </div>
                <div style="background-color: #FFF8F1;height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;justify-content: space-between;align-items:  center;">
                    <p style="color: #666666;font-size: 0.24rem; padding-left: 0.46rem;">赚省权益</p>
                    <p style="color: #666666;font-size: 0.24rem;">快省达人</p>
                    <p style="color: #666666;font-size: 0.24rem; padding-right: 0.52rem;">超级会员</p>
                <div class="makesave_contrast_headdesc_bg" >
                    <p >赚省权益</p>
                    <p >快省达人</p>
                    <p >超级会员</p>
                </div>
                <div style="height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;align-items:  center;">
                    <div style=" display: flex; align-items: center; width: 35%;">
                        <img src="img/icon_fanli.png" style="width: 0.5rem;height: 0.5rem; padding-left: 0.13rem;">
                        <div class="makesave_contrast_title">
                            自购返利
                        </div>
                <div class="makesave_contrast_body_bg" >
                    <div class="makesave_contrast_body_title" >
                        <img src="img/icon_fanli.png" >
                        <div >自购返利</div>
                    </div>
                    <div class="makesave_contrast_desc">
                        <div class="makesave_contrast_desc1">
@@ -284,12 +273,10 @@
                        </div>
                    </div>
                </div>
                <div style="background-color: #FFF8F1; height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;align-items: center;">
                    <div style=" display: flex; align-items: center; width: 35%;">
                        <img src="img/icon_jiangjin.png" style="width: 0.5rem;height: 0.5rem; padding-left: 0.13rem;">
                        <div class="makesave_contrast_title">
                            分享奖金
                        </div>
                <div class="makesave_contrast_body_bg" >
                    <div class="makesave_contrast_body_title" >
                        <img src="img/icon_jiangjin.png" >
                        <div >分享奖金</div>
                    </div>
                    <div class="makesave_contrast_desc">
                        <div class="makesave_contrast_desc1">
@@ -308,17 +295,15 @@
                        </div>
                    </div>
                </div>
                <div style="height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;align-items:  center;">
                    <div style=" display: flex; align-items: center; width: 35%;">
                        <img src="img/icon_butie.png" style="width: 0.5rem;height: 0.5rem; padding-left: 0.13rem;">
                        <div class="makesave_contrast_title">
                            团队补贴
                        </div>
                <div class="makesave_contrast_body_bg" >
                    <div class="makesave_contrast_body_title" >
                        <img src="img/icon_butie.png" >
                        <div >团队补贴</div>
                    </div>
                    <div style="color: #333333;font-size:0.26rem ; width: 35%;height: 0.9rem;display: flex;align-items: center;justify-content: center;">
                    <div class="makesave_contrast_butie_desc1" >
                        ---
                    </div>
                    <div style="color: #333333;font-size:0.2rem ; width: 35%;height: 0.9rem;display: flex;align-items: center;justify-content: center;">
                    <div class="makesave_contrast_butie_desc2" >
                        直接粉丝+¥22.5<br />
                        间接粉丝+￥7.5
                    </div>
@@ -326,10 +311,8 @@
            </div>
            <!-- 常见问题 -->
            <div class="div_common_problem">
                <div style="height: 0.92rem;border-bottom: 0.01rem solid #e0e0e0; display: flex; align-items: center;justify-content: center;">
                    <div style="color: #333333; font-size: 0.34rem;">
                        常见问题
                    </div>
                <div class="div_common_problem_header" >
                    <div >常见问题</div>
                </div>
                <div style="height: 0.08rem;"></div>
                <div class="div_common_problem_selct">
@@ -378,7 +361,7 @@
            <!--弹框 -->
            <div class="dialogmask">
                <div class="dialog">
                    <img src="img/icon_close.png" style="height:0.5rem;right: 0.2rem;top:0.2rem;position: absolute;" @click="hiddenDialog()">
                    <img src="img/icon_close.png" @click="hiddenDialog()">
                    <div class="title">hi,{{user.nickName}}</div>
                    <div class="content">{{tearcherTip}}</div>
                    <div class="dialogbutton">
@@ -391,15 +374,12 @@
                    </div>
                </div>
            </div>

        </div>
    </body>
    <tfoot>
        <div style="margin-top: 0.43rem;margin-bottom: 0.8rem;display:flex; justify-content: center;">
            <img src="img/logo.png" style="width: 0.46rem;height: 0.45rem;">
            <div style="color: #D43002; font-size: 0.3rem; margin-left: 0.12rem;">
                板栗快省官方福利
            </div>
        <div class="div_banlilogo" >
            <img src="img/logo.png" >
            <div >板栗快省官方福利</div>
        </div>
    </tfoot>