ul,li{list-style:none;margin:0;padding:0;}
body{background:#ccc;}
.upgrade_pop{width:1090px;height:660px;background:#fff;border-radius:4px;display:flex;margin: 20px auto;}
.upgrade_pop .left{width:200px;padding:25px 20px;box-sizing:border-box;}
.upgrade_pop .left .user{width:100%;display:flex;}
.upgrade_pop .left .user img{width:48px;height:48px;border-radius:48px;margin-right:10px;object-fit:cover;}
.upgrade_pop .left .user strong{color:#33383e;font-size:14px;margin-bottom:5px;display:block;}
.upgrade_pop .left .user span{color:#505a71;font-size:12px;text-align:center;width:64px;height:20px;line-height:20px;background:#ebeef5;border-radius:4px;display:block;}
.upgrade_pop .left .time{width:100%;line-height:30px;margin-top:15px;}
.upgrade_pop .left .time p{font-size:14px;}
.upgrade_pop .left .time strong{color:#3c6cfe;font-size:16px;}
.upgrade_pop .left .member_benefits{width:100%;border-top:1px solid #f5f5f5;margin-top:10px;padding-top:15px;flex-wrap:wrap;display:none;}
.upgrade_pop .left .member_benefits.compression{display:flex;}
.upgrade_pop .left .member_benefits strong{font-size:16px;margin-bottom:10px;display:block;}
.upgrade_pop .left .member_benefits a{text-align:center;width:120px;height:32px;line-height:30px;border:1px solid #ececec;border-radius:4px;margin-top:30px;display:block;font-size:12px;text-decoration:none;color:#333;}
.upgrade_pop .left .member_benefits.compression p{font-size:12px;line-height:33px;}
.upgrade_pop .left .member_benefits.compression p span{color:#3c6cfe;}
.upgrade_pop .left .member_benefits.cutout ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.upgrade_pop .left .member_benefits.cutout li{font-size:12px;text-align:center;width:50px;margin:15px 10px;padding-top:50px;}
.upgrade_pop .left .member_benefits.cutout .i1{background:url(../img/pay/upgrade_ico19.png) top center no-repeat;}
.upgrade_pop .left .member_benefits.cutout .i2{background:url(../img/pay/upgrade_ico29.png) top center no-repeat;}
.upgrade_pop .left .member_benefits.cutout .i3{background:url(../img/pay/upgrade_ico30.png) top center no-repeat;}
.upgrade_pop .left .member_benefits.cutout .i4{background:url(../img/pay/upgrade_ico31.png) top center no-repeat;}
.upgrade_pop .left .member_benefits.cutout .i5{background:url(../img/pay/upgrade_ico32.png) top center no-repeat;}
.upgrade_pop .left .member_benefits.cutout .i6{background:url(../img/pay/upgrade_ico33.png) top center no-repeat;display:none;}
.upgrade_pop .left .member_benefits.cutout .i7{background:url(../img/pay/upgrade_ico34.png) top center no-repeat;}
.upgrade_pop .right{width:890px;background:#f3f4f9;}
.upgrade_pop.info_block{width:100%;padding:25px;}
.upgrade_pop .right .type_slt{width:100%;display:flex;}
.upgrade_pop .right .type_slt li{width:100%;height:70px;display:flex;position:relative;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;box-sizing:border-box;}
.upgrade_pop .right .type_slt li strong{font-size:16px;line-height:30px;}
.upgrade_pop .right .type_slt li p{font-size:12px;margin:0;}
.upgrade_pop .right .type_slt .compression{background:#e0e8f9;}
.upgrade_pop .right .type_slt .compression.slt{color:#fff;background:linear-gradient(to right,#3c6cfe,#5f8cff);}
.upgrade_pop .right .type_slt .compression.slt::after{content:'';width:0;height:0;border:12px solid transparent;border-top:12px solid #3c6cfe;position:absolute;left:50%;bottom:-24px;}
.upgrade_pop .right .type_slt .cutout{color:#6b3d1e;background:#f5ece7;}
.upgrade_pop .right .type_slt .cutout.slt{color:#6b3d1e;background:#ffe3d0;}
.upgrade_pop .right .type_slt .cutout.slt::after{content:'';width:0;height:0;border:12px solid transparent;border-top:12px solid #ffe3d0;position:absolute;left:50%;bottom:-24px;}
.upgrade_pop .right .member_box{flex-wrap:wrap;display:none;width:840px;}
.upgrade_pop .right .member_box.compression{display:flex;}
.upgrade_pop .right .member_box.cutout .member_slt{display:none;}
.upgrade_pop .right .member_box.cutout .member_slt.count{display:flex;width:840px;}
.upgrade_pop .right .member_slt{width:100%;display:flex;align-items:center;justify-content:space-between;}
.upgrade_pop .right .member_slt li{text-align:center;border-radius:4px;/* padding-top:20px;*/
 background:#fff;border:1px solid #ececec;position:relative;cursor:pointer;}
.upgrade_pop .right .compression .member_slt{margin-top:25px;}
.upgrade_pop .right .compression .member_slt li{width:calc((100% - 60px) / 5);height:165px;}
.upgrade_pop .right .compression .member_slt .active{border:1px solid #3c6cfe;}
.upgrade_pop .right .compression .member_slt .active .notice{color:#fff;background:#3c6cfe;}
.upgrade_pop .right .compression .member_slt li h2{color:#222;font-size:18px;font-weight:bold;}
.upgrade_pop .right .compression .member_slt li .num{font-size:14px;margin-top:10px;}
.upgrade_pop .right .compression .member_slt li .num strong{color:#ff4800;font-size:32px;}
.upgrade_pop .right .compression .member_slt li .original_price{font-size:12px;/*text-decoration:line-through;*/
 margin-top:5px;}
.upgrade_pop .right .compression .member_slt li .original_price.line{/*text-decoration:none;*/
}
.upgrade_pop .right .compression .member_slt li .notice{color:#3c6cfe;font-size:12px;width:100%;height:22px;line-height:22px;background:#e6f5ff;position:absolute;left:0;bottom:0;}
.upgrade_pop .right .cutout_type_slt{width:100%;display:flex;justify-content:center;align-items:center;}
.upgrade_pop .right .cutout_type_slt li{font-size:18px;font-weight:bold;text-align:center;width:154px;height:42px;line-height:40px;border:1px solid #ccc;cursor:pointer;box-sizing:border-box;}
.upgrade_pop .right .cutout_type_slt .slt{color:#6b3d1e;line-height:42px;background:linear-gradient(to bottom,#ffe3cf,#ffcaa1);border:none;}
.upgrade_pop .right .cutout .member_slt{margin-top:20px;}
.upgrade_pop .right .cutout .member_slt li{width:156px;height:140px;position:relative;box-sizing:border-box;}
.upgrade_pop .right .cutout .member_slt li .tips{color:#fff;font-size:12px;text-align:center;width:58px;height:24px;line-height:24px;background:#fe3800;border-radius:10px 0 10px 0;position:absolute;top:-10px;left:-1px;}
.upgrade_pop .right .cutout .member_slt .active{background:#fffaf6;border:1px solid #febf93;}
.upgrade_pop .right .cutout .member_slt .active .notice{color:#6b3d1e;background:#ffc9a0;}
.upgrade_pop .right .cutout .member_slt li h2{color:#222;font-size:18px;font-weight:bold;}
.upgrade_pop .right .cutout .member_slt li .num{font-size:14px;margin-top:10px;}
.upgrade_pop .right .cutout .member_slt li .num strong{color:#ff4800;font-size:32px;}
.upgrade_pop .right .cutout .member_slt li .original_price{font-size:12px;/*text-decoration:line-through;*/
 margin-top:5px;}
.upgrade_pop .right .cutout .member_slt li .original_price.line{/*text-decoration:none;*/
}

 .saleTag {
    position: absolute;
    top: -21px;
    left: -1px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    height: 22px;
    padding: 0 6px;
    color: #fff;
    font-size: 13px;
    background: linear-gradient(90deg,#ff1b0b 0,#ff8421);
    border-radius: 7px 7px 7px 0
}
.lineThroughPrice {
    color: #c2c1c1;
    font-size: 12px;
    text-decoration: line-through;}
.upgrade_pop .right .cutout .member_slt li .notice{color:#6b3d1e;font-size:12px;width:100%;height:24px;line-height:24px;background:#ffefe3;position:absolute;left:0;bottom:0;}
.upgrade_pop .right .price_info{font-size:14px;width:100%;line-height:40px;background:#fff;padding:0px 40px;border-radius:5px;margin-top:20px;display:flex;align-items:center;box-sizing:border-box;}
.upgrade_pop .right .price_info .qr_box{text-align:center;width:170px;line-height:30px;margin-right:30px;}
.upgrade_pop .right .price_info .qr_box canvas,.upgrade_pop .right .price_info .qr_box img{width:168px;height:168px;padding:2px;border:1px solid #e6e6e6;}
.upgrade_pop .right .price_info .qr_box span{font-size:14px;height:24px;line-height:24px;padding-left:30px;display:inline-block;    margin-top: 10px;}
.upgrade_pop .right .price_info .qr_box span.wx{background:url(../img/pay/upgrade_ico15.png) left no-repeat;}
.upgrade_pop .right .price_info .qr_box span.ali{background:url(../img/pay/upgrade_ico17.png) left no-repeat;}
.upgrade_pop .right .price_info .info .num{font-size:17px;display:flex;align-items:baseline;}
.upgrade_pop .right .price_info .info .num p{color:#ff4800;}
.upgrade_pop .right .price_info .info .num strong{font-size:32px;}
.upgrade_pop .right .price_info .info .wx{width:24px;height:24px;background:url(../img/pay/upgrade_ico16.png) no-repeat;margin-right:5px;vertical-align:middle;display:inline-block;}
.upgrade_pop .right .price_info .info .ali{width:24px;height:24px;background:url(../img/pay/upgrade_ico17.png) no-repeat;margin-right:10px;vertical-align:middle;display:inline-block;}
.upgrade_pop .right .price_info .agreement a{color:#3c6cfe;}
.upgrade_pop .right .notices{color:#555;font-size:12px;width:100%;line-height:25px;margin-top:15px;flex-wrap:wrap;display:none;}
.upgrade_pop .right .notices.compression{display:block;}
.upgrade_pop .right .notices strong{font-size:13px;width:100%;}
.upgrade_pop .right .notices p{width:100%;margin:0;}
.upgrade_pop .right .notices span{color:#3c6cfe;}
.upgrade_pop .right .notices em{margin-right:20px;font-style:normal;}
.upgrade_pop .info_block{padding:25px;}
p{margin:12px 0;}
body { margin: 0; padding: 0;}