html body {
    background-color: #9a2021 !important;
    font-family: "微软雅黑", Microsoft YaHei, "Arial Narrow", HELVETICA;
}

.vip_header {
    width: 100%;
    height: 1224px;
    background: url("../images/head.png") no-repeat;
    background-position: center;
}

.vip_privilege {
    width: 1058px;
    height: 2307px;
    background: url("../images/hd_002.png") no-repeat;
    background-position: center;
    position: absolute;
    left: 50%;
    margin-left: -529px;
    top: 0px;
    z-index: 666;
    pointer-events: none;
}

.vip_privilege_ul {
    margin-top: 820px;
    margin-left: 88px;
}

.vip_privilege .tips {
    font-size: 14px;
}

.vip_privilege_ul li {
    width: 310px;
    height: 321px;
    /*background: red;*/
    float: left;
    /*opacity: 0.4;*/
    position: relative;
}

.vip_privilege_li {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: '微软雅黑', 'Arial';
    color: #444444;
    position: absolute;
    top: 177px;

}

.tips {
    position: absolute;
    color: #444;
    top: 1820px;
    left: 100px;
}

.tips ul li {
    width: 710px;
    padding: 5px 0 0 0;
}

.tips ul .txt {
    padding: 2px;
    color: #5b5b5b;
    height: 24px;
}

.openNow {
    position: absolute;
    top: 2015px;
    left: 50%;
    margin-left: -100px;
    width: 159px;
    height: 48px;
    z-index: 66666;
}

.openNow .now {
    display: inline-block;
    width: 100%;
    background: url("../images/know.png");
    border-radius: 40px;
    box-shadow: 4px 4px 5px 1px #ccc;
    color: #ac433c;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    line-height: 46px;
}

.openNow .download {
    position: absolute;
    top: 58px;
    left: 50%;
    margin-left: -52px;
    font-size: 16px;
    color: #1f56c9;
    line-height: 20px;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #1f56c9;
}

.tips_title {
    display: inline-block;
    color: #000;
    font-size: 14px;
    height: 25px;
}

.vip_privilege_p2 {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #999999;
    position: absolute;
    top: 230px;
    left: 0;
}

.vip_privilege_p3 {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #999999;
    position: absolute;
    top: 250px;
    left: 0;
}

.vip_privilege_p4 {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #999999;
    position: absolute;
    top: 270px;
    left: 0;
}

.vip_footer {

    width: 100%;
    height: 500px;
    background: url(../images/line.png);
    z-index: 333;
    overflow: hidden;
    position: relative;
}

.vip_footer_sp {
    width: 100%;
    height: 80px;
    text-align: center;
    font-size: 14px;
    color: #c08c8c;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;

}

.vip_footer_sp p {
    width: 100%;
    height: 25px;
    text-align: center;
}

.vip_header_sp {
    width: 1100px;
    height: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 1500;

}

.vip_sp_input {
    width: 414px;
    height: 266px;
    position: absolute;
    bottom: 0;
    right: 60px;

}

.vip_reg_ok {
    width: 236px;
    height: 48px;
    line-height: 43px;
    text-align: center;
    color: white;
    display: block;
    font-size: 22px;
    border: 2px solid #f4d9da;
    border-radius: 30px;
    margin: 43px auto auto auto;
    cursor: pointer;
}

.vip_reg_no {
    width: 240px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    color: #000000;
    display: block;
    font-size: 22px;
    border-radius: 30px;
    margin: 25px auto auto auto;
    background: url("../images/sbutton.png") no-repeat;
    background-position: -13px 0;
}

.vip_reg_no:hover {
    width: 240px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    color: #ffffff;
    display: block;
    font-size: 22px;
    border-radius: 30px;
    margin: 25px auto auto auto;
    background: url("../images/sbutton.png") no-repeat;
    background-position: -572px 0;
}

.vip_xy {
    width: 100%;
    height: 20px;
    text-align: center;

    font-size: 14px;
    margin-top: 21px;
}

.vip_xy a {
    color: #c69b75 !important
}

#vip_check {
    width: 17px;
    height: 17px;
    margin-right: 8px;
    border: 1px solid #eecaa1;
    vertical-align: middle;
}

.vip_logo {
    width: 123px;
    height: 37px;
    position: absolute;
    left: 0;
    top: 15px;
}

.vip_nav {
    width: 600px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 190px;
    font-size: 14px;
    margin-top: 15px;
}

.vip_nav li a {
    color: #fff;
    padding: 0 3px 5px 3px;
}

.vip_nav li a:hover {
    color: #fff6b3 !important;
    border-bottom: 1px solid #eecaa1;
}

.vip_active {
    color: #fff6b3 !important;
    border-bottom: 1px solid #eecaa1;
}

.vip_nav li {
    width: 80px;
    height: auto;
    float: left;
}

.vip_agreement {
    width: 1043px;
    height: 1774px;
    background: url(../images/hj.png) no-repeat;
    background-position: center;
    position: absolute;
    left: 50%;
    top: 527px;
    z-index: 999;
    margin-left: -521px;
}

.mr_top {
    margin-top: 770px;
}

.vip_content {
    width: 870px;
    height: 1234px;
    margin: 292px auto 0 auto;
    font-size: 12px;
    overflow: hidden;

}

.vip_phone {
    width: 1040px;
    height: 1040px;
    position: absolute;
    background: url("../images/phone_content_2.png") no-repeat;
    background-position: center;
    top: 529px;
    left: 50%;
    margin-left: -520px;
    z-index: 999;
}

.vip_footer_phone {
    width: 100%;
    height: 500px !important;
    background: url(../images/line.png);
    background-position: 0;
    z-index: 333;
    overflow: hidden;
    position: relative;
    margin-top: -120px;
}

.vip_linec {
    width: 914px;
    height: 2px;
    background: url("../images/line_c.png") repeat-y;
    background-position: center;
    position: absolute;
    top: 205px;
    left: 59px;
}

.vip_step_1 {
    font-size: 36px;
    color: #b9b8b8;
    position: absolute;
    left: 464px;
    top: 168px;
}

.vip_step_1_txt {
    font-size: 48px;
    color: #5b5b5b;
    position: absolute;
    left: 427px;
    top: 206px;
}

#vip_table {
    width: 463px;
    position: absolute;
    top: 307px;
    left: 327px;

}

#vip_table td {
    height: 55px;
    font-size: 18px;
    /*background: red;*/
    position: relative;

}

.vip_letter {
    letter-spacing: 8px;
    width: 83px;
}

#vip_table input {
    width: 232px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #bbbaba;
    border-radius: 35px;
    padding-left: 10px;
    font-size: 14px;
}

#get_code {
    width: 98px;
    height: 38px;
    display: block;
    position: absolute;
    background: url(../images/getcode.png) no-repeat;
    background-position: center;
    top: 8px;
    left: 133px;
    z-index: 999;
}

.but_img {
    width: 236px;
    height: 48px;
    line-height: 45px;
    text-align: center;
    display: block;
    font-size: 24px;
    color: #000000;
    background: url(../images/button.png) no-repeat;
    background-position: center;
    position: absolute;
    top: 511px;
    left: 411px;
}

.vip_footer_index {
    margin-top: 715px;
}

.vip_step_2_tips {
    width: 460px;
    height: 32px;
    line-height: 29px;
    text-align: center;
    border: 1px dashed #afaeae;
    border-radius: 35px;
    position: absolute;
    top: 281px;
    left: 289px;
    background: #dad9d9;
}

.vip_step_2_tips span {
    color: #983d44;
}

.vip_code {
    width: 498px;
    height: 120px;
    background: url(../images/code.png) no-repeat;
    background-position: center;
    position: absolute;
    top: 413px;
    left: 267px;
}

.vip_code_ali {
    width: 145px;
    height: 145px;
    border: 1px solid grey;
    position: absolute;
    top: 76px;
    left: 26px;
}

.vip_code_wechat {
    width: 145px;
    height: 145px;
    border: 1px solid grey;
    position: absolute;
    top: 76px;
    left: 336px;
}

.vip_content_sc {
    width: 882px;
    height: 1234px;
    overflow-y: scroll;

}

.vip_indent {
    text-indent: 30px;
}

/*失败弹窗*/
.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.mask_all {
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.mask1 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.mask_all1 {
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.active_end {
    background: url("../images/active_end.png") no-repeat;
    width: 162px;
    height: 150px;
    position: absolute;
    top: 18px;
    left: 550px;
}

.openNow1 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 124px;
    margin-left: -68px;
    width: 100px;
    height: 25px;
    z-index: 66666;
}

.openNow1 .open {
    display: inline-block;
    width: 140px;
    height: 32px;
    background: url("../images/btn.png") no-repeat;
    color: #ac433c;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
}

.openNow1 .dec, .openNow1 .close {
    position: absolute;
    color: #f6debc;
    font-size: 12px;
}

.openNow1 .close {
    width: 31px;
    height: 31px;
    background: url("../images/closed.png") no-repeat;
    text-align: center;
    line-height: 16px;
    top: -302px;
    left: 238px;
}

.openNow1 .dec {
    width: 100px;
    height: 18px;
    top: 4px;
    left: 136px;
    background: url("../images/dec.png") no-repeat;
}

.compress {
    position: absolute;
    width: 103px;
    height: 29px;
    left: 540px;
    top: -8px;
    background: url("../images/compress.png")
}

.compress a {
    display: inline-block;
    width: 100%;
    color: red;
    font-weight: 700;
    text-align: center;
    font-size: 12px;
    /* text-decoration: none; */
}

.smile_window1 {
    width: 530px;
    height: 328px;
    background: url("../images/popup.png") no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -164px;
    margin-left: -265px;
}

.smile_window {
    width: 530px;
    height: 328px;
    background: url("../images/kn_bj.png") no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -164px;
    margin-left: -265px;
}

.sad_window {
    width: 530px;
    height: 328px;
    background: url("../images/kn_bj.png") no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -164px;
    margin-left: -265px;
}

.win_msg {
    font-size: 34px;
    color: #e2bb87;
    position: absolute;
    top: 10px;
    left: 170px;
}

.win_msg_2 {
    font-size: 34px;
    color: #e2bb87;
    position: absolute;
    top: 10px;
    left: 220px;
}

.win_closed {
    width: 31px;
    height: 31px;
    position: absolute;
    top: -15px;
    right: 7px;
    cursor: pointer;
}

.win_closed_wx {
    width: 31px;
    height: 31px;
    position: absolute;
    top: -15px;
    right: 7px;
    cursor: pointer;
}

#smile_pic {
    width: 79px;
    height: 82px;
    position: absolute;
    top: 91px;
    left: 110px;
}

#sad_pic {
    width: 79px;
    height: 82px;
    position: absolute;
    top: 91px;
    left: 110px;
}

#smile_mssg {
    font-size: 30px;
    color: #e2bb87;
    position: absolute;
    top: 91px;
    left: 210px;
}

#sad_mssg {
    font-size: 22px;
    color: #e2bb87;
    position: absolute;
    top: 111px;
    left: 210px;
}

#smile_p {
    width: 238px;
    height: 50px;
    font-size: 16px;
    color: white;
    position: absolute;
    top: 135px;
    left: 210px;

}

#ewm_p {
    width: 238px;
    height: 50px;
    font-size: 16px;
    color: white;
    position: absolute;
    top: 135px;
    left: 210px;

}

#sad_p {
    width: 238px;
    height: 50px;
    font-size: 16px;
    color: white;
    position: absolute;
    top: 135px;
    left: 210px;

}

.win_botton {
    width: 236px;
    height: 48px;
    line-height: 45px;
    color: #000000;
    background: url(../images/button.png) no-repeat;
    background-position: center;
    font-size: 24px;
    text-align: center;
    position: absolute;
    top: 211px;
    left: 191px;
    cursor: pointer;
}

.hide {
    display: none;
}

.phone_tb {
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 71px;
    left: 127px;
}

.phone_tb tr {
    height: 65px;
}

.phone_tb td {
    position: relative;
}

.phone_tb_int {
    width: 225px;
    height: 40px;
    line-height: 39px;
    border: 1px solid #e2bb87;
    border-radius: 35px;
    margin-left: 10px;
    background: #c82b2b;
    padding-left: 15px;
    color: #fff6b3;
    font-size: 16px;
}

#phone_getcode {

    width: 98px;
    height: 38px;
    position: absolute;
    top: 13px;
    left: 137px;
    cursor: pointer;
}

#alpay_zf {
    width: 220px;
    height: 70px;
    position: absolute;
    top: 31px;
    left: 19px;
}

#wechat_zf {
    width: 220px;
    height: 70px;
    position: absolute;
    top: 31px;
    left: 276px;
}

.win_know {
    width: 236px;
    height: 48px;
    line-height: 45px;
    color: #000000;
    background: url(../images/button.png) no-repeat;
    background-position: center;
    font-size: 24px;
    text-align: center;
    position: absolute;
    top: 211px;
    left: 165px;
    cursor: pointer;
}

.sp_color {
    color: #ffffff;
}

.wepay {
    width: 960px;
    height: 575px;
    background: url(../images/wec.png) no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -287px;
    margin-left: -480px;
}

#wepay_code {
    width: 220px;
    height: 220px;
    position: absolute;
    top: 142px;
    left: 204px;
}

.wepay_p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    position: absolute;
    top: 73px;
    left: 0;
}

.wepay_p span {
    font-size: 36px !important;
    color: #eecaa1 !important;
    padding: 0 5px 0 5px;
}

.wepay_tt {
    font-size: 30px;
    width: 100%;
    color: #eec59e;
    text-align: center;
    position: absolute;
    top: 28px;
    left: 0px;
}

#wepay_code img {
    width: 220px;
    height: 220px;
}

/*新版nav*/
.kzip_newnav {
    width: 100%;
    height: 65px;
    /*background: #005ccf;*/
    overflow: hidden;
}

.kip_newnav_sp {
    width: 1100px;
    height: 65px;
    position: relative;
    margin: 0 auto;
}

.kip_ul {
    position: absolute;
    top: 0;
    left: 123px;
}

.kip_ul li {
    width: 107px;
    height: 65px;
    line-height: 65px;
    /* background: red; */
    float: left;
    text-align: center;
    font-size: 14px;
    font-family: 微软雅黑, Arial;
    /* border: 1px solid gold; */
    position: relative;
}

.kip_ul a:hover {

    color: #f1d1a7 !important;
}

.act_bj {
    color: #ffe67f;
}

.kip_ul li a {
    color: #ffffff;
    transition: 100ms;
}

.img_em {
    width: 17px;
    height: 15px;
    display: block;
    background: url(../images/vipicon.png) no-repeat center;
    position: absolute;
    top: 26px;
    left: 9px;
}

.icon_log {
    width: 74px;
    height: 26px;
    border: none;
    position: absolute;
    top: 19px;
    left: 0px;
}

/*新增active按钮样式*/

#select_color {
    color: #1c7bd9 !important;
}

.msg_windows {
    width: 960px;
    height: 575px;
    position: absolute;
    left: 50%;
    margin-left: -480px;
    top: 50%;
    margin-top: -287px;
    background: url(../images/windt.png) no-repeat;
    background-position: -20px center;

}

.msg_windows_tt {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    color: #fccd69;
    margin-top: 26px;
}
.wcd {
    width: 31px;
    height: 31px;
    position: absolute;
    top: 5px !important;
    right: 7px !important;
    margin-top: 55px;
}

.sale_time {
    font-size: 13px;
    position: absolute;
    top: 260px;
    left: 310px;
    color: #ede3d4;
}

.sale_sy {
    font-size: 13px;
    position: absolute;
    top: 285px;
    left: 310px;
    color: #ede3d4;
}

.sale_button {
    width: 196px;
    height: 50px;
    background: url("../images/addTo.png") no-repeat;
    background-position: -14px -7px;
    position: absolute;
    left: 300px;
    bottom: 90px;
    cursor: pointer;
}

.vip_new_sp {
    width: 500px;
    height: 550px;
   overflow: hidden;
    margin: 350px auto 0 auto;
    position: relative;

}

#vip_area {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: red;
    position: relative;
}

#vip_area li {
    width: 153px;
    height: 163px;
    position: absolute;
    top: 0;
    background: url("../images/price.png") no-repeat;
    background-position:0 0 ;
}

.vip_areaax{
    background-position:-154px 0px!important;
}

.vip_months{
    width:100%;
    height:50px;
    line-height: 50px;
    font-size:18px;
    text-align: center;
    color:#333;
}

.vip_prices{
    width: 100%;
    text-align: center;
    color: #333;
    margin-top: 10px;
}

.vip_prices em{
    font-size:25px;
}

.vip_prices span{
    font-size:50px;
}


.vip_sale{
    width:100%;
    font-size:12px;
    text-align: center;
}

.vip_sale s{
    font-size:12px;
    color:red;
}

.vip_other{
    width:100%;
    height:30px;
    position:absolute;
    top:195px;
    left:0;
}


.vother_ms{
    font-size:13px;
    position:absolute;
    top:3px;
    left:25px;
}
.vip_ckM{
    font-size:13px;
    position:absolute;
    top:3px;
    left:102px;
}
.vip_ck{
    width: 30px;
    position: absolute;
    border:none;
    border-bottom: 1px solid #b1b0b0;
    top: 3px;
    left: 65px;
    text-align: center;
    background: #e8e7e7;
}

.vip_sifu{
    font-size:13px;
    position:absolute;
    top:50px;
    left:0;
}
.vip_sifu span{
    padding-left:5px;
    padding-right:5px;
}
#vip_checked{
    font-size:18px;
    color:#e14843;
    padding-top:10px;
}
.pay_style{
    font-size:13px;
    position:absolute;
    top:110px;
    left:5px;
}

.pay_sty{
    width:330px;
    height:60px;
    position:absolute;
    top:90px;
    left:80px
}

.pay_sty li{
    width:140px;
    height:60px;
    float:left;

    margin-right:20px;
    background: url("../images/pays.png") no-repeat;
    background-position:1px 0;
}

.pay_sty_act{
    background: url("../images/pays.png") no-repeat;
    background-position: -139px 0!important;

}

.paylog{
    display: block;
    width:82px;
    height:29px;
    margin:15px auto;
}

.wlog{
    display: block;
    width:102px;
    height:29px;
    margin:15px auto;
}

.lf_tep{
    left: 390px!important;

}
.pay_select{
    width: 100%;
    position:absolute;
    top:380px;
    left:75px;
}
.pay_select span{
    position:absolute;
    left:20px;
    top:0;
    color:#b1b0b0;
}

.pay_checkbox{
    border:1px solid #b1b0b0;
    position:absolute;
    left:0;
    top:0;
}

.vi_kt{
    margin-top:450px;
    cursor:pointer;
}
.vi_kt:hover{
    margin-top:450px;
}


.cu_logo{
    width:19px;
    height:23px;
    position:absolute;
    top:0;
    left:6px;
    z-index: 9999;
}


.vip_space{
    width: 631px;
    height: 630px;
    margin: 250px auto;
    overflow: hidden;
    color:#333333;
}

.vip_space p{
    width:600px;
    height:auto;
    margin-bottom:15px;
}


.vip_space_area{
    width:649px;
    height:641px;
    overflow-y:scroll;
}
.fontb{
    font-weight:bold;
}