.banner-vip-wrap{width:100%;display:block;overflow:hidden;position:relative;height:350px;background:url(../images/vip-banner2.jpg) no-repeat center center #fcb24e}
/* 右侧登录 */
.vip-login-wrap{width:266px;height:55px;position:relative;overflow:hidden;text-align:center;margin-top:20px;padding-bottom:12px;border-bottom:1px solid #DAE1E0}
.vip-login-wrap a{padding-left:70px;display:inline-block;font-size:22px;height:56px;line-height:56px;background:url(../images/vip-login-icon.png) no-repeat 0 0}
.vip-price{width:100%;height:110px;border-bottom:1px solid #DAE1E0;position:relative}
.vip-price .vip-price-now{font-size:80px;color:#f4543c;margin-left:21px}
.vip-price .vip-price-uni{position:absolute;right:23px;bottom:23px;font-size:23px;color:#4c4c4c}
.vip-user-info{width:266px;height:306px;display:block;float:right;margin:20px;margin-top:25px;border-radius:5px;background-color:#F8F0ED}
.vip-user-info .avator-wrap{display:inline-block;width:100%;height:100px;text-align:center;margin-top:20px}
.vip-user-info .avator-wrap a img{width:100px;height:100px;border-radius:50%}
.vip-u-info{display:inline-block;text-align:center;width:100%;height:30px;line-height:30px;margin-top:15px;font-size:16px;color:#615c5c;font-weight:bold;border-bottom:1px solid #DAE1E0}
.vip-u-info span{display:inline-block;vertical-align:top}
.vip-u-info .vip-lo-span{width:25px;height:30px;background-position:center}
.no-vip{background:url(../images/none-vip-icon.png) no-repeat}
.vip{background:url(../images/vip-icon-nomal.png) no-repeat}
.svip{background:url(../images/vip-icon-super.png) no-repeat}
.ssvip{background:url(../images/vip-icon-ssuper.png) no-repeat}
.vip-i-p{text-align:center;font-size:15px;margin-top:10px}
.support-btn{width:212px;height:40px;display:inline-block;background-color:#F34D37;font-size:24px;color:#fff;text-align:center;line-height:40px;text-align:center;margin-left:27px;margin-top:10px;border-radius:5px}
.support-btn:hover{background-color:#FF7864}
/*会员价格表*/
.vip-item h2{margin:0 auto;padding:1rem;font-size:1.2rem;text-align:center;background-color:#e3f1fe;border-radius:4px;margin:0 .5rem;color:#ff6c76}
.vip-item.form{display:flex;text-align:center;justify-content:space-around;align-items:flex-end;flex-wrap:wrap}
label.radio-box.v1{color:#1990fc}
.radio-box{position:relative;display:block;overflow:hidden;margin:0 auto;margin:0 .5rem;margin-bottom:20px;padding:3rem;border-radius:4px;text-align:center;text-overflow:ellipsis;white-space:nowrap;background-color:rgb(255,255,255);cursor:pointer;transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);flex-grow:1;border:1px solid #e5e5e5}
.tips-box{position:absolute;top:10px;right:-30px;z-index:4;width:120px;height:35px;background:#1890ff;color:#fff;line-height:35px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.tips-box span{color:#fff;font-size:.75rem}
.radio-box.v2 .tips-box{background:#4CAF50}
.radio-box.v3 .tips-box{background:#ff6c76}
.radio-box.v4 .tips-box{background:#ffc801}
.dec{font-weight:400;font-size:.875rem}
p{margin-top:0;margin-bottom:1rem}
.masked{background-image:-webkit-linear-gradient(left,#3498db,#f47920 10%,#d71345 20%,#f7acbc 30%,#ffd400 40%,#3498db 50%,#f47920 60%,#d71345 70%,#f7acbc 80%,#ffd400 90%,#3498db);color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;background-size:200% 100%;-webkit-animation:masked-animation 4s infinite linear}
input[type=radio]{width:0;height:0;opacity:0}
input[type=radio]:checked+.radio-style::before{padding:4px;border-color:#1890ff;background-color:#1890ff;background-clip:content-box}
.radio-style::before{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:10px;width:16px;height:16px;border:1px solid #d9d9d9;border-radius:50%;content:""}
span.radio-style{color:#F5622E;font-weight:normal;font-weight:700;font-size:26px}
.vip-item .radio-box .radio-style>span{font-size:14px}
.btn-primary{border-color:#1890ff;background-color:#1890ff;color:#fff;display:inline-block;padding:.35rem 1.5rem}
.btn-primary:hover{cursor:pointer;border:1px solid #71e816;background:#fa4640;color:#fff}
.vip-item .radio-box:hover{box-shadow:0 5px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px);webkit-box-shadow:0 5px 8px rgba(0,0,0,.15);-ms-transform:translateY(-5px)}
.vip-item{display:block;margin:0 auto;text-align:center;padding:1rem}