.qrcode_success {
 display:none;
 width: 324px;
    text-align: center;
    color: #fff;
    margin-top: 50px;

}
.qrcode_no {
display:none;
}
.expire {
  display: none;
}
.member_box{display:none;}	
.member {
width: 904px;
height: 862px;
background: linear-gradient(180deg, #5D4D38 0%, #1A1B20 100%);
border-radius: 5px;
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 999;
top: 88px;
}

.member .header {
height: 50px;
margin: 0 30px 28px;
display: flex;
justify-content: space-between;
padding-top: 24px;
align-items: center;
}

.header>img {
width: 20px;
height: 20px;
}

.member .user {
display: flex;
justify-content: flex-start;
height: 50px;
}

.member .user>img {
width: 50px;
height: 50px;
}

.member .user .user_name .name {
margin-left: 12px;
display: flex;
align-items: center;
}

.member .user .user_name>p {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 20px;
margin: 2px 0 0 12px;
}
.member .user .user_name>p.expire,.member .user .user_name>p.buy {color: rgba(255,255,255,0.5);}
.member .user .user_name>p.expire>span {color: #F4CB5F;}

.member .user .name {height: 25px;}
.member .user .name>img {height: 25px;width: 31px;margin-left: 8px;}
.member .user .name>span {font-size: 16px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 22px;}
.member .user .name>span.active{color: #F4CB5F;}
.member .package>h3 {margin-left: 30px;font-size: 18px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 25px;}

.member .package>div {position: relative;width: 100%;}
.member .package>div .next {font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: rgba(255,255,255,0.5);line-height: 20px;margin-left: 30px;margin-top: 20px;height: 20px;}

.member .package .tc {width: 844px;height: 193px;margin: 20px auto 0;overflow: hidden;}

.member .package .swiper {width: 822px;height: 193px;}

.member .package .swiper-slide {
width: 150px;
height: 193px;
background: url("//p4.img.cctvpic.com/photoAlbum/templet/common/TPTEBTc3xCbXPRn3qdCKQgH9221028/default_bj.png");
border-radius: 14px;
background-size: 100%;
position: relative;
margin-right: 18px;
}

.member .package .swiper-button-prev {
background-image: url("//p4.img.cctvpic.com/photoAlbum/templet/common/TPTEBTc3xCbXPRn3qdCKQgH9221028/left.png");
width: 40px;
height: 40px;
background-size: 100%;
position: absolute;
left: 0px;
top: 50%;
position: absolute;
transform: translateY(-50%);
}

.member .package .swiper-button-next {
background-image: url("//p4.img.cctvpic.com/photoAlbum/templet/common/TPTEBTc3xCbXPRn3qdCKQgH9221028/right.png");
width: 40px;
height: 40px;
background-size: 100%;
right: 0;
top: 50%;
position: absolute;
transform: translateY(-50%);
}

.member .package .swiper-button-next.swiper-button-disabled,
.member .package .swiper-button-prev.swiper-button-disabled {
display: none;
}
.member .swiper-slide .date{    height: 28px;font-size: 20px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 28px;text-align: center;margin-top: 24px;margin-bottom: 20px;}
.member .swiper-slide .price{font-size: 34px;font-family: JDZhengHT-EN-Regular, JDZhengHT-EN;font-weight: 400;color: #FFFFFF;line-height: 40px;text-align: center;margin: 0;}
.member .swiper-slide .price span{font-size: 60px;}
.member .swiper-slide .price_old{font-size: 16px;font-family: JDZhengHT-EN-Regular, JDZhengHT-EN;font-weight: 400;color: rgba(255,255,255,0.7);line-height: 20px;text-decoration: line-through;text-align: center;margin: 0;}
.member .swiper-slide .lj{position: absolute;bottom: 7px;margin: 0;left: 50%;transform: translateX(-50%); width: 100%;
            text-align: center;}
.member .swiper-wrapper .swiper-slide.lijian{background-image:url('//p4.img.cctvpic.com/photoAlbum/templet/common/TPTEBTc3xCbXPRn3qdCKQgH9221028/default_lj.png') ; background-size: 100%;}
.member .swiper-wrapper .swiper-slide.checked1{background-image: url('//p4.img.cctvpic.com/photoAlbum/templet/common/TPTEBTc3xCbXPRn3qdCKQgH9221028/checked.png');cursor: pointer;background-size: 100%;}
.member .swiper-wrapper .swiper-slide.checked_lj{background-image:url('//p4.img.cctvpic.com/photoAlbum/templet/common/TPTEBTc3xCbXPRn3qdCKQgH9221028/default_one.png') ; background-size: 100%;cursor: pointer;}
.member .content .pay{margin: 20px auto 30px;width: 844px;}
.member .pay>h3{font-size: 18px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 25px;}
.member .pay .box{width: 844px;height: 247px;display: flex;flex-direction: row;border-radius: 5px;border: 1px solid #302C28;margin-top: 20px;background: #302C28;}
.member .pay .left{width: 154px;height: 100%;background:#3D372B ;color: #fff;}
.member .pay .left_methods{width: 154px;height: 55px;display: flex;justify-content: flex-start;align-items: center;}
.member .pay .left_methods>img{margin-left: 37px;width: 20px;height: 20px;}
.member .pay .left_methods>p{margin-left: 12px;}
.member .pay .left_methods.active{background: #302C28;}
.member .pay .left_methods.active+.left_methods{border-radius:0 5px 0 0;}
.member .pay .right_box{display: flex;flex-direction: row;}
.member .pay .right_box .token{margin-top: 36px;display: flex;flex-direction: column;width: 335px;align-items: center;}
.member .pay .right_box .token input.card{margin-left: 62px;width: 207px;height: 50px;background: #151515;border-radius: 3px;border:none;padding-left: 18px;font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 20px;outline: none;box-shadow: inset 0 0 0 1000px #151515!important;}
.member .pay .right_box .token input:nth-child(2){margin-top: 10px;}
.member .pay .right_box .token input.submit{margin-left: 62px;width: 225px;height: 50px;background: #2F7DE2;border-radius: 3px;font-size: 16px;font-family: PingFangTC-Medium, PingFangTC;font-weight: 500;color: #FFFFFF;line-height: 50px;
  /*margin-top: 15px;	*/
  border: none;padding: 0;}
.member .pay .right_box .token input[disabled]{opacity: 0.4;}
.member .pay .right_box .token .submit:hover,.header>img:hover,.qydb>.guanbi:hover,.package>h3>span:hover{cursor: pointer;}
.member .pay .right_box .token .submit.disabled{opacity: 0.4;}
.member .pay .right_box .token .qrcode{width: 130px;height: 130px;background: #FFFFFF;border-radius: 4px;display: flex;
    justify-content: center;
    align-items: center;}
.member .pay .right_box .token .qrcode_no{background: rgb(255 255 255 /50%);position: relative;margin-bottom: 3px;}
.member .pay .right_box .token .qrcode_no>img{position: absolute;width: 52px;height: 52px;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.member .pay .right_box .token span{font-size: 12px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 21px;text-align: center;width: 151px;}
.member .pay .right_box .token span:nth-last-child(2){margin-top: 10px;}
.member .pay .right_box .token .zhifu_right{margin-top: 14px;font-size: 16px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 21px;margin-top: 14px;}
.member .pay .right_box .token>img{width: 104px;height: 104px;margin-left: 141px;}
.member .pay .right_box .token>p{height: 50px;margin-left: 72px;display: flex;align-items: center;font-size: 14px;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 600;color: #FFFFFF;line-height: 21px;}
.member .pay .right_box .token>p>img{width:50px;height: 50px;margin-right: 5px;}
.member .pay .right_box .token .dhfail>p.gdk_close{font-weight: 400;color: #FF2222;line-height: 20px;
  /*height: 20px;*/
  margin-bottom: 10px;margin-top: 10px;margin-left: 62px;}
.member .pay .right_box .token .dhdail>p.gdk_close+.submit{margin-top: 0;}
.member .pay .right_box .con{margin-top: 67px;}
.member .pay .right_box .con>div{display: flex;align-items: center;}
.member .pay .right_box .con>div>img{width: 30px;height: 30px;}
.member .pay .right_box .con>div>img+span{margin-left: 7px;font-size: 20px;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 600;color: #FFFFFF;line-height: 34px;}
.member .pay .right_box .con>div .fh{font-size: 18px;font-family: JDZhengHT-EN-Regular, JDZhengHT-EN;font-weight: 400;color: #F4CB5F;line-height: 22px;margin-left: 7px;}
.member .pay .right_box .con>div .price{font-size: 30px;font-family: JDZhengHT-EN-Regular, JDZhengHT-EN;font-weight: 500;color: #F4CB5F;line-height: 22px;margin-right: 7px;}
.member .pay .right_box .con>div .yh{width: 100px;height: 32px;background: #FD515F;border-radius: 7px;font-size: 14px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 32px;text-align: center;margin-left: 15px;display: none;}
.member .pay .right_box .con>p{font-size: 12px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: rgba(255,255,255,0.5);line-height: 17px;letter-spacing: 1px;margin-top: 7px;}
.member .pay .right_box .con>p>a{color: rgba(255,255,255,0.5);text-decoration: none;}
.member .privilege{width: 844px;margin:0 auto 35px;}
.member .privilege>h3{font-size: 18px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 25px;margin-bottom: 20px;}
.member .privilege .box{width:100%;height:60px;display: flex;justify-content: space-between;align-items: center;background: #202126;}
.member .privilege .box>div{width:200px;height:60px;display: flex;justify-content: flex-start;align-items: center;background: rgba(72,59,43,0.55);border-radius: 7px;}
.member .privilege .box>div>img{width:40px;height:40px;margin-left: 22px;}
.member .privilege .box>div>span{font-size: 16px;font-family: PingFangHK-Medium, PingFangHK;font-weight: 500;color: #FFFDF7;line-height: 22px;letter-spacing: 1px;margin-left: 13px;}
/*	修改input输入框自动填充后默认样式	*/
input:-internal-autofill-previewed,input:-internal-autofill-selected {
　　-webkit-text-fill-color: #151515 !important;
　　transition: background-color 5000s ease-in-out 0s !important;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #000;
  transition: background-color 50000s ease-in-out 0s;
}
.card:-webkit-autofill {
  -webkit-text-fill-color: #fff;
  transition: background-color 50000s ease-in-out 0s;
}
.dhsucc {display: none;display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.qrcoderef {
    width: 130px;
    height:130px;
    border-radius:4px;
    background: rgba(0,0,0,.2);
    display:flex;
    justify-content: center;
    align-items: center;
}
  .memberhead {
   border-radius:50%;
  }
  .mem_no {
        opacity: .6;
  }
.qrcodeloading {
    width: 130px;
    height:130px;
    border-radius:4px;
    background: rgba(0,0,0,.2);
    display:flex;
    justify-content: center;
    align-items: center;
}
@-webkit-keyframes rot {
      from {
        -webkit-transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    .qrcodeloading_img {
        animation: rot 2s linear infinite;
    }