.memberNew{font-family:microsoft yahei, PingFang SC;}
.memberNew .top-box{border-radius: 14px;height: 120px;background: url(../images/member/member-dialog/top-bg.png) no-repeat;background-size: 100% 100%;position: relative;}
.memberNew .top-box p{color: #9F989E;font-size: 13px;position: absolute;left: 30px;bottom: 48px;}
.memberNew .top-box .info{position: absolute;left: 30px;bottom: 42px;display: flex;font-size: 13px;color: #fff;height: 26px;}
.memberNew .top-box .ava-info{display: flex;align-items: center;}
.memberNew .top-box .ava-info span{color: #C7C7C7;margin-right: 21px;margin-left: 6px;position: relative;}
.memberNew .top-box .ava-info span::before{content: "";position: absolute;right: -10px;top: 50%;transform: translateY(-50%);width: 1px;height: 10px;background: #6A6165;}
.memberNew .top-box .pre-info{transform: translateY(-7px);}
.memberNew .top-box .pre-info i{font-size: 22px;color: #E7A64C;font-weight: 600;margin: 0 5px 0 3px;}
.memberNew .top-box .close-pop{width: 22px;height: 22px;position: absolute;right: 16px;top: 16px;cursor: pointer;background: url(../images/member/member-dialog/close-icon.png) no-repeat;background-size: 100% 100%;}
.memberNew .content-box{height: 420px;background: #fff;margin-top: -30px;border-radius: 14px;z-index: 2;position: relative;display: flex;justify-content: space-between;}
.memberNew .content-box .lf-box{width: 462px;height: 100%;position: relative;}
.memberNew .content-box .lf-box .bd{overflow: hidden;}
.memberNew .content-box .lf-box h2{font-size: 14px;color: #222222;font-weight: 600;left: 50%;transform: translateX(-50%);text-align: center;top: 272px;position: absolute;}
.memberNew .content-box .lf-box h2::before{content: "";width: 40px;height: 8px;position: absolute;top: 50%;transform: translateY(-50%) rotate(180deg);right: -50px;background: url(../images/member/member-dialog/h2-icon.png) no-repeat;background-size: 100% 100%;}
.memberNew .content-box .lf-box h2::after{content: "";width: 40px;height: 8px;position: absolute;top: 50%;transform: translateY(-50%);left: -50px;background: url(../images/member/member-dialog/h2-icon.png) no-repeat;background-size: 100% 100%;}
.memberNew .content-box .lf-box .row1{position: absolute;top: 24px;left: 24px;right: 24px;}
.memberNew .content-box .lf-box .row1 li{width: 130px !important;cursor: pointer; white-space: nowrap; height: 154px;float: left; border-radius: 10px;border: 1px solid #EBEBEB;box-sizing: border-box;position: relative;margin-right: 12px;}
.memberNew .content-box .lf-box .row1 li.on{background: #FEFAF9;border-color: #EC656B;}
.memberNew .content-box .lf-box .row1 li .tag{position: absolute;top: -1px;left: -1px;width: 90px;height: 20px;color: #fff;text-align: center;line-height: 20px;font-size: 12px;background: url(../images/member/member-dialog/hb-tag.png) no-repeat;background-size: 100% 100%;}
.memberNew .content-box .lf-box .row1 li .name{font-size: 16px;color: #222;font-weight: 600;position: absolute;left: 50%;transform: translateX(-50%);top: 30px;}
.memberNew .content-box .lf-box .row1 li .price{font-size: 18px;color: #FB0C00;font-weight: 600;position: absolute;left: 50%;transform: translateX(-50%);top: 54px;}
.memberNew .content-box .lf-box .row1 li .price span{font-size: 30px;}
.memberNew .content-box .lf-box .row1 li .old-price{font-size: 13px;color: #999;text-decoration: line-through; font-weight: 400;position: absolute;left: 50%;transform: translateX(-50%);top: 94px;}
.memberNew .content-box .lf-box .row1 li .tips{font-size: 12px;color: #FB0C00;font-weight: 400;position: absolute;left: 50%;transform: translateX(-50%);bottom: 10px;}
.memberNew .next{width: 46px;height: 46px;position: absolute;display: block;right: -22px;top: 50%;z-index: 1; cursor: pointer; background: url(../images/member/member-dialog/next-icon.png) no-repeat;background-size: 100% 100%;transform: translateY(-50%);}
.memberNew .prev{width: 46px;height: 46px;position: absolute;display: block;left: -22px;top: 50%;z-index: 1;cursor: pointer; background: url(../images/member/member-dialog/next-icon.png) no-repeat;background-size: 100% 100%;transform:translateY(-50%) rotate(180deg);}
.memberNew .next:hover,.memberNew .prev:hover{background: url(../images/member/member-dialog/next-hover-icon.png) no-repeat;background-size: 100% 100%;}
.memberNew .nextStop,.memberNew .prevStop{display: none;}
.memberNew .content-box .lf-box .row2{position: absolute;top: 194px;left: 24px;right: 24px;background: #FEFAF9;border-radius: 10px;border: 1px solid #FFECED;height: 56px;box-sizing: border-box;}
.memberNew .content-box .lf-box .row2 li{width: 130px !important;float: left;height: 54px;margin-right: 1px;padding-left: 10px;display: flex;align-items: center;}
.memberNew .content-box .lf-box .row2 li img{margin-right: 2px;}
.memberNew .content-box .lf-box .row3{position: absolute;bottom: 20px;left: 24px;right: 24px;}
.memberNew .content-box .lf-box .row3 li{width: 94px !important;height: 90px;float: left; box-sizing: border-box;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.memberNew .content-box .lf-box .row3 li p{color: #222222;font-size: 13px;font-weight: 600;margin-top: 5px;}
.memberNew .content-box .lf-box .row2 li p{color: #222222;font-size: 13px;font-weight: 600;}
.memberNew .content-box .lf-box .row3 li span,.memberNew .content-box .lf-box .row2 li span{color: #AB887C;font-size: 12px;}
.memberNew .content-box .rg-box{width: 298px;background: linear-gradient( 270deg, #FFFFFF 0%, #FEFBF7 100%);position: relative;text-align: center;}
.memberNew .content-box .rg-box::before{content: '';height: 420px;width: 2px;position: absolute;left: -1px;top: 0;background: linear-gradient( 180deg, #FEFCF9 0%, #F6C8A2 50%, #FFFCF9 100%);}
.memberNew .content-box .rg-box h1{font-weight: 600;font-size: 14px;color: #222222;position: absolute;top: 24px;left: 0;right: 0;text-align: center;}
.memberNew .content-box .rg-box .zf-box{position: absolute;top: 56px;left: 12px;right: 12px;display: flex;justify-content: space-between;}
.memberNew .content-box .rg-box .zf-box li{width: 86px;height: 34px;cursor: pointer; border: 1px solid #EBEBEB;border-radius: 8px;background: #fff;box-sizing: border-box;padding-left: 8px;display: flex;align-items: center;position: relative;}
.memberNew .content-box .rg-box .zf-box li img{margin-right: 4px;}
.memberNew .content-box .rg-box .zf-box li.disable{border-color: #EBEBEB;color: #ccc;cursor: default;}
.memberNew .content-box .rg-box .zf-box li.disable img{content:url(../images/member/member-dialog/ye-disable-icon.png);}
.memberNew .content-box .rg-box .zf-box li.on{border-color: #EC656B;}
.memberNew .content-box .rg-box .zf-box li.on::before{position: absolute;content: "";width: 14px;height: 12px;bottom: 0;right: 0; background: url(../images/member/member-dialog/select-icon.png);background-size: 100% 100%;}
.memberNew .content-box .rg-box .price{position: absolute;top: 96px;left: 0;right: 0;text-align: center;font-size: 12px;font-weight: 600;}
.memberNew .content-box .rg-box .price span{color: #FB0C00;font-size: 18px;margin-left: 5px;}
.memberNew .content-box .rg-box .price i{font-size: 26px;font-weight: 600;}
.memberNew .content-box .rg-box .pre{position: absolute;top: 136px;left: 50%;transform: translateX(-50%);width: 90px;height: 20px;line-height: 20px;font-size: 12px;color: #fff;border-radius: 11px;background: linear-gradient( 90deg, #EB4E47 0%, #F08D5E 100%);text-align: center;}
.memberNew .content-box .rg-box .erqBox{width: 160px;height: 160px;background: #fff;display: flex;align-items: center;justify-content: center; box-sizing: border-box;border: 1px solid #E7A64C;border-radius: 8px;overflow: hidden;position: absolute;left: 50%;transform: translateX(-50%);top: 170px;}
.memberNew .content-box .rg-box .erqBox .disable{position: absolute;left: 0;right: 0;background: rgba(255, 255, 255, 0.95); text-align: center;top: 0px;bottom: 0px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.memberNew .content-box .rg-box .erqBox .disable p{font-size: 14px;font-weight: 600;}
.memberNew .content-box .rg-box .erqBox .disable a{font-size: 14px;color: #9E7337;}
.memberNew .content-box .rg-box .erqBox .disable span{color: #9E7337;font-size: 14px;font-weight: 600;}
.memberNew .content-box .rg-box .erqBox .disable .btn{background: #2C222A;height: 30px;line-height: 30px;cursor: pointer; width: 102px;border-radius: 15px;font-size: 12px;color: #fff;margin-top: 18px;}
.memberNew .content-box .rg-box .checkBox{position: absolute;bottom: 20px;left: 0;right: 0;display: flex;align-items: center;justify-content: center;}
.memberNew .content-box .rg-box a{color: #9E7337;}
.memberNew .content-box .rg-box .checkBox img{cursor: pointer;margin-right: 3px;}
.memberNew .content-box .rg-box .checkBox img.on{content:url(../images/member/member-dialog/check-on-icon.png);}
.memberNew .content-box .rg-box .balanceBox{position: absolute; top: 180px;display: none;left: 34px;right: 34px;display: none;}
.memberNew .content-box .rg-box .balanceBox input{border: 1px solid #EBEBEB;border-radius: 8px;background: #fff;height: 42px;width: 230px; font-family:microsoft yahei, PingFang SC;padding: 0 30px 0 14px;box-sizing: border-box;font-size: 13px;}
.memberNew .content-box .rg-box .balanceBox .inputDom{position: relative;}
.memberNew .content-box .rg-box .balanceBox .inputDom img{cursor: pointer;position: absolute;right: 14px;top: 13px;}
.memberNew .content-box .rg-box .balanceBox .inputDom img:hover{content:url(../images/member/member-dialog/passInput2-icon.png);}
.memberNew .content-box .rg-box .balanceBox .inputDom img.on{content:url(../images/member/member-dialog/passInput-on-icon.png);}
.memberNew .content-box .rg-box .balanceBox .inputDom img.on:hover{content:url(../images/member/member-dialog/passInput2-on-icon.png);}
.memberNew .content-box .rg-box .balanceBox .sureBtn{cursor: pointer; border-radius: 8px;height: 42px;width: 230px;box-sizing: border-box;line-height: 42px;text-align: center;font-size: 14px;color: #fff;margin-top: 10px; background: linear-gradient( 90deg, #EB4E47 0%, #F08D5E 100%);}
.memberNew .content-box .rg-box .balanceBox .sureBtn.disable{background: #E2E2E2;color: #AAAAAA;}
.memberNew .content-box .rg-box .balanceBox p{margin-top: 10px;text-align: center;color: #3399FF;cursor: pointer;}
.memberNew .content-box .rg-box.payResult{display: none;}
.memberNew .content-box .rg-box.payResult .iconfont{position: absolute;top: 103px;left: 0;right: 0;font-size: 40px;color: #89C27E;font-weight: 600;}
.memberNew .content-box .rg-box.payResult h1{font-size: 16px;font-weight: 600;color: #222;position: absolute;top: 150px;}
.memberNew .content-box .rg-box.payResult p{position: absolute;left: 37px;right: 37px;color: #666666;font-size: 12px;top: 180px;}
.memberNew .content-box .rg-box.payResult p span{margin: 0 5px;color: #FB0C00;}
.memberNew .content-box .rg-box.payResult .closeBtn{width: 120px;color: #fff;font-size: 13px; height: 36px;line-height: 36px;border-radius: 30px;background: linear-gradient( 90deg, #EB4E47 0%, #F08D5E 100%);position: absolute;top: 250px;left: 50%;transform: translateX(-50%);cursor: pointer;}

.memberNew .content-box .rg-box .tiao {position: absolute;top: 210px;left: 70px;right: 70px;display: none;}
.memberNew .content-box .rg-box .tiao .iconBox{display: flex;align-items: center;justify-content: space-between;}
.memberNew .content-box .rg-box .tiao p{font-size: 12px;color: #222;font-weight: 600;text-align: center;margin-top: 12px;}