* { padding: 0; margin: 0; }
img { border: none; max-width: 100%; }
html, body { height: 100%; }
ul, li { list-style: none; }
a { text-decoration: none; }
.clearfix:after { content: ""; display: table; clear: both; }
body { background: #f8f8f9; max-width: 750px; margin: 0 auto; }
.tablebox { max-width: 750px; width: 100%; min-width: 320px; height: 100%; overflow: auto; margin: 0 auto; padding-bottom: 49px; background: url('/content/PublicSubject/vip/images/redbg.png') top center fixed no-repeat; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.banner { position: relative; font-family: "宋体" }
    .banner .logo { position: absolute; top: 0; left: 12px; display: inline-block; height: 55px; }
        .banner .logo img { height: 55px; }
.banner-img { width: 100%; }
.banner h2 { text-align: center; color: #fff; font-size: 14px; font-weight: 400; padding: 0 15px; line-height: 26px; }
.buybox { font-family: "宋体" }
.buy-img { width: 100%; }
.buy-words { text-align: center; padding: 0 12px; color: #fff; font-size: 14px; line-height: 24px; }
    .buy-words h2 { font-size: 14px; font-weight: 400; padding: 0 15px; margin-bottom: 10px; line-height: 32px; }
    .buy-words p { }
.privilegebox { margin-top: 15px; }
    .privilegebox .title img { width: 100%; }
.privil-item { font-family: "宋体"; border-top: 1px solid #fff; }
    .privil-item li { float: left; width: 25%; border-bottom: 1px solid #fff; }
        .privil-item li a { display: block; padding: 15px 0; border-right: 1px solid #fff; color: #fff; }
        .privil-item li:nth-child(4n) a { border-right: none; }
    .privil-item h3 { height: 26px; line-height: 26px; font-size: 14px; font-weight: 400; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 3px; }

.privil-trendsbox { position: relative; padding: 0 12px; margin-top: 5px; height: 32px; line-height: 32px; overflow: hidden; color: #fff; }
    .privil-trendsbox .number { position: absolute; top: 0; left: 12px; font-size: 14px; }
    .privil-trendsbox .trends { height: 32px; text-align: right; font-size: 13px; }
        .privil-trendsbox .trends li { height: 32px; line-height: 32px; overflow: hidden; }
    .privil-trendsbox .time { margin-left: 5px; }
.privil-item { margin-top: 10px; }
    .privil-item .ico { display: block; width: 30px; height: 30px; margin: 0 auto; }
/*.privil-item .ico.ico1 { background: url(../images/ic1.png) center no-repeat; background-size: 30px; }
        .privil-item .ico.ico2 { background: url(../images/ic2.png) center no-repeat; background-size: 30px; }
        .privil-item .ico.ico3 { background: url(../images/ic3.png) center no-repeat; background-size: 30px; }
        .privil-item .ico.ico4 { background: url(../images/ic4.png) center no-repeat; background-size: 30px; }
        .privil-item .ico.ico5 { background: url(../images/ic5.png) center no-repeat; background-size: 30px; }
        .privil-item .ico.ico6 { background: url(../images/ic6.png) center no-repeat; background-size: 30px; }
        .privil-item .ico.ico7 { background: url(../images/ic7.png) center no-repeat; background-size: 30px; }
        .privil-item .ico.ico8 { background: url(../images/ic8.png) center no-repeat; background-size: 30px; }*/
.privil-hint { padding: 10px 0; line-height: 30px; font-family: "宋体"; font-size: 12px; color: #fff; text-align: center; }

.fix-btn { position: fixed; bottom: 0; left: 0; right: 0; max-width: 750px; min-width: 320px; margin: 0 auto; height: 46px; line-height: 46px; text-align: center; font-size: 15px; }
    .fix-btn a { float: left; display: block; height: 46px; line-height: 46px; overflow: hidden; }
        .fix-btn a.btn-understand { width: 34%; background: #959595; color: #fff; }
        .fix-btn a.btn-opening { width: 66%; background: #d3b47e; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#e0c38e),color-stop(80%,#c9aa72)); background: -webkit-linear-gradient(left,#e0c38e 20%,#c9aa72 80%); background: linear-gradient(to right,#e0c38e 20%,#c9aa72 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0c38e', endColorstr='#c9aa72', GradientType=1); color: #93640e; }
        .fix-btn a.opening-btn { width: 100%; background: #e1c892; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#e8d6ac),color-stop(80%,#dcbd7d)); background: -webkit-linear-gradient(left,#e8d6ac 20%,#dcbd7d 80%); background: linear-gradient(to right,#e8d6ac 20%,#dcbd7d 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8d6ac', endColorstr='#dcbd7d', GradientType=1); color: #401616; }

.vip-privilege { padding-bottom: 49px; }
.privil-menu { padding: 12px; font-size: 15px; }
    .privil-menu li { float: left; width: 25%; padding: 5px 0; text-align: center; }
        .privil-menu li a { display: block; height: 26px; line-height: 26px; border-radius: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #6b7072; }
        .privil-menu li.on a { color: #401616; background: #e1c891; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#e8d6ab),color-stop(80%,#dcbd7d)); background: -webkit-linear-gradient(left,#e8d6ab 20%,#dcbd7d 80%); background: linear-gradient(to right,#e8d6ab 20%,#dcbd7d 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8d6ab', endColorstr='#dcbd7d', GradientType=1); color: #93640e; }
.privil-cardbox { padding: 0 12px; }
.privil-cardbg { padding-bottom: 20px; background: url(/images/zpVip/cardbg.png) center bottom no-repeat; background-size: 100% auto; }
.cardbox { background: #fff; border-radius: 10px; border: 1px solid #e8e8e8; }
.card-head { height: 56px; line-height: 56px; border-bottom: 1px solid #e8e8e8; padding: 0 12px; font-size: 17px; color: #394043; }
    .card-head * { vertical-align: middle; }
    .card-head strong { font-weight: 400; }
    .card-head .ico { display: inline-block; width: 30px; height: 30px; margin-right: 5px; }
/*.card-head .ico.ico1 { background: url(../images/js_ic01.png) center no-repeat; background-size: 26px; }
        .card-head .ico.ico2 { background: url(../images/js_ic02.png) center no-repeat; background-size: 26px; }
        .card-head .ico.ico3 { background: url(../images/js_ic03.png) center no-repeat; background-size: 26px; }
        .card-head .ico.ico4 { background: url(../images/js_ic04.png) center no-repeat; background-size: 26px; }
        .card-head .ico.ico5 { background: url(../images/js_ic05.png) center no-repeat; background-size: 26px; }
        .card-head .ico.ico6 { background: url(../images/js_ic06.png) center no-repeat; background-size: 26px; }
        .card-head .ico.ico7 { background: url(../images/js_ic07.png) center no-repeat; background-size: 26px; }
        .card-head .ico.ico8 { background: url(../images/js_ic08.png) center no-repeat; background-size: 26px; }*/
.card-body { padding: 15px; }
    .card-body h2 { font-size: 16px; font-weight: 600; color: #394043; }
.card-main { padding: 3px; font-size: 14px; color: #6b7072; margin-top: 10px; line-height: 1.7 }