.banner-vip-wrap {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    height: 350px;
    background: url(../images/vip-banner2.jpg) no-repeat center center #fcb24e;
}


.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;}

.notlogin{ border:dashed #ddd 1px; text-align: center;  }
.notlogin a{color: #fff; font-size: 24px; display: block; background: #F34D37; line-height: 35px; padding: 35px 0;}
.notlogin a:hover{ background: #333; }

.vip-user-info{width: 266px;height: 306px;display: block;float: right;margin-right: 100px;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{width: 100px;height: 100px;display: inline-block;}
.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;}
.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; width: 160px; text-align: center; display: inline-block;}
.vip-price .vip-price-org{position: absolute;right: 44px;bottom: 71px;color: #999;font-size: 18px;text-decoration: line-through;}
.vip-price .vip-price-uni{position: absolute;right: 23px;bottom: 23px;font-size: 23px;color: #4c4c4c;}
.vip-i-p{text-align: center;font-size: 15px;margin-top: 10px;}
.vip-i-p b{color: #f4543c;}
.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.yxq{ font-size: 16px; }

.support-btn:hover{background-color: #FF7864; color: #fff}
.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;width: 100px;font-size: 22px;height: 56px;line-height: 56px;background: url(../images/vip-login-icon.png) no-repeat 0 0;}
.vip-login-wrap a:hover{color: #fff;}


#pagecontent{display:none}
.down_page{
    width: 120px;
    height: 120px;
    text-align: center;
    margin: 20px auto;
}

.down_page a div.wrap {
    color: #999;
    border: 2px solid #999;
    border-radius: 100%;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 40px;
    margin: 0 auto;
}
.down_page a span{ padding:15px 0; display: block; font-size: 20px; }
.down_page a:hover div.wrap {
    color: #2191f0;
    border: 2px solid #2191f0;
}

.uk-down_page_vip div .uk-vip-wrap{ 
    border:1px solid #ddd; margin-left: -1px; 
    padding: 35px 0; 
}

.uk-down_page_vip div .uk-vip-wrap .vip-type-title {
    font-size: 20px;
}
.uk-down_page_vip div .uk-vip-wrap .vip-type-title span{
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
}
.uk-down_page_vip div .uk-vip-wrap.recommend {
    background-image: url(../images/recommend.png);
    background-position: -1px -1px;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .08);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .08);
    border-color: #f2ddaf;
    background-color: #fffaeb;
}
.uk-down_page_vip div .uk-vip-wrap .vip-down-price{
color: #333333;
display: flex;
justify-content: center;
align-items: baseline;
height: 80px; 
line-height: 80px;
}
.uk-down_page_vip div .uk-vip-wrap .vip-down-price i {
    font-size: 16px;
}
.uk-down_page_vip div .uk-vip-wrap .vip-down-price span {
    font-size: 32px;
    font-weight: bold;
}
.uk-down_page_vip div .uk-vip-wrap .buy-btn-box{ height: 50px; }

.paydown_form p button,
.uk-down_page_vip div .uk-vip-wrap .buy-btn-box a{

    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    width: 120px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;

}

.paydown_form p button,
.uk-down_page_vip div .uk-vip-wrap .buy-btn-box a.vipbtn{
    border: 1px solid #f9d681;
    background-color: #f9d681;
    color: #351d06;
}
.paydown_form p button{ 
    border:0px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    width: auto;
    padding: 0 60px;
}

.paydown_form p button:hover,
.uk-down_page_vip div .uk-vip-wrap .buy-btn-box a.vipbtn:hover{
    border: 1px solid #333;
    background-color: #333;
    color: #fff; 
}
.uk-down_page_vip div .uk-vip-wrap .buy-btn-box a.notvipbtn{
    border: 1px solid #ccc;
    color: #ccc;
}



.vip-icon1 {
    background-image: url(../images/level1.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.vip-icon2 {
    background-image: url(../images/level2.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}


.vip-icon3 {
    background-image: url(../images/level3.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
.paydown_form { font-size: 16px; margin-top: 30px; text-align:center;  }
.paydown_form p{height: 50px; line-height: 50px; }
.paydown_form .down_tips{ height: 50px; line-height: 50px; }
.paydown_form .nep i{ font-style: normal; font-size:24px; font-weight: bold; color: #f4543c}
.paydown_form .btn{ margin-top: 10px; }


.vippage_marquee .tempWrap{ padding: 10px; }
.vippage_marquee{ position: relative; }
.vippage_marquee:after{ content:""; display: block;  z-index: 2; height: 40px; width: 100%; background-image:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));position: absolute; bottom: 0; left: 0;}
.vippage_marquee:before{ content:""; display: block; position: absolute; top: 0; left: 0; z-index: 2; height: 40px; width: 100%; background-image:linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0));}
.marquee_item {  height: 34px; background: #f6fafa; border-radius: 20px; line-height: 34px; margin-bottom: 20px; position: relative; padding:0 10px 0 40px;  }
.vippage_marquee .marquee_avatar { width: 28px; height: 28px; position: absolute; left: 3px; top: 3px; }
.vippage_marquee .marquee_avatar img { width: 100%; height: 100%; }
.marquee_item p { font-size: 12px; color: #999; }
.marquee_item p span { margin-right: 5px; }


input:disabled + label {/*禁用的指针*/
    cursor: not-allowed
    }
.Radio input,
.Checkbox input {
    display: none
    }
.Radio label,
.Checkbox label {
    padding: 0 16px 0 0;
    display: inline-block;
    cursor: pointer;
    position: relative
    }
.Radio label:before,
.Checkbox label:before {
    box-sizing: border-box;
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #999;
    margin: 0 8px;
    vertical-align: middle;
    display: inline-block;
    transition: 0.1S;
    }
.Radio label:hover:before,
.Checkbox label:hover:before {
    border-color: #f9d681;
    }
.Radio input:disabled + label:before,
.Checkbox input:disabled + label:before {
    background-color: #CCC;
    border-color: #999;
    opacity: 0.5;
    }
.Radio input:disabled + label,
.Checkbox input:disabled + label {
    opacity: 0.5;
    }
.Radio input:checked + label:before {
    border: 5px solid #f9d681;
    }