.banner-vip-wrap {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    height: 350px;
    background: url(../images/vip-banner2.jpg) no-repeat center center #fcb24e;
}
.tr_rechtext {
    width: 100%;
    padding: 10px;
    background: #dedede;
    color: #333;
}
.te_retit {
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
}
/* 右侧登录 */
.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;
    /* padding-bottom: 33px; */
    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: 18px;
    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;
    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;
}