@charset "utf-8";

/****************************** pay.php页面 ********************************/
.topBan2{position: absolute; left:0; top:0; width:100%; height:auto;}
.topBan2 .bannerVip{width:100%; min-width:1200px; height:449px; background:url(../imgs/vip_banner.jpg) no-repeat; background-size:100% 449px;}
.content h1{margin:0; color:#333; line-height:100px; font-size:36px; text-align:center; font-weight:normal;}

.topNav2 .topLogo{float:left; margin-top:9px; width:201px; height:52px;}
.topNav2 ul{margin-right:30px; padding:0;}
.topNav2 li{float:right; margin-left:80px;}
.topNav2 li a{float:right; padding-top:15px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#FFF;}
.topNav2 li a:hover{color:#f08300; border-bottom: 3px solid #f08300;}
.topNav2 .current{color:#f08300; border-bottom: 3px solid #f08300;}

.vip-slogan{position:relative; top:70px;}
.vip-slogan p{margin:0; text-align: center;}
.btn_buy{position:relative; top:125px;}
.btn_buy a{margin:0 auto; width:212px; height:57px; display:block; background:url(../imgs/btn_vip_buy.png) no-repeat; text-indent:-999em;}
.btn_buy a:hover{background-position: -213px 0;}
.btn_buy_bottom{position:relative; top:50px;}
.btn_buy_bottom a{margin:0 auto; width:212px; height:57px; display:block; background:url(../imgs/btn_vip_buy.png) no-repeat; text-indent:-999em;}
.btn_buy_bottom a:hover{background-position: -213px 0;}
.btn_buy_tip{position:relative; text-align: center; top:140px; font-size:15px; color:#fff;}


input{margin:0; padding-left:5px; height:38px; line-height:38px; ime-mode:disabled; border:1px solid #c3c5c6;}
input:focus{border:1px solid #f69c00;}

.privilege{width:100%; min-width:1200px; height:520px; background:#e8e8e8;}
.privilege .priLeft{ float:left;  width:49%; height:108px; background:#fff; border:1px solid #d2d2d2;}
.privilege .priRight{ float:right; width:49%; height:108px; background:#fff; border:1px solid #d2d2d2;}
.privilege img{float:left; margin:16px 4px 16px 20px; width:76px; height:76px;}
.privilege .priDesc{float:left; margin-left:6px; margin-top:16px; width:78%;}
.privilege .priDesc2{float:left; margin-top:16px; width:79%;}
.privilege  h2{margin:0; padding:0; line-height:36px; font-size:16px; color:#333;}
.privilege  p{margin:0; padding:0; line-height:22px; font-size:16px; color:#5d5d5d; }

.feeItem{float:left; margin-top:20px; width:25%; height:200px; text-align:center;}
.feeOption{margin:0 auto; width:92%; height:196px; background:#fff; border:1px solid #d2d2d2;}
.feeOption .fee{margin-top:30px; text-align:center; height:40px; line-height:40px; color:#ffaa05; font-size:36px;}
.feeOption .unit{margin-left:3px;  font-size:16px; color:#969696;}
.feeOption .save{text-align:center; line-height:30px; font-size:16px; color:#969696; text-decoration: line-through;}
.feeOption .nolimit{margin-top:26px; text-align:center; line-height:20px; font-size:16px; color:#969696; }
.feeOption .save-light{text-align:center; line-height:30px; font-size:16px; color:#ffaa05;}
.feeOption .dashline{margin:0 auto; margin-top:10px; width:60%; border:1px dashed #d2d2d2; }
.feeOption .dashline2{margin:0 auto; margin-top:26px; width:60%; border:1px dashed #d2d2d2; }
.feeOption .viptime{margin-top:12px; text-align:center; line-height:40px; font-size:20px;}


/****************************** 会员权益说明 ********************************/
.method{margin-top:450px; width:100%; height:920px;}
.method table{margin: 0 auto; width:97%; font-size:16px; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-spacing:0; background:#fff;}
.method table th{height:50px;  color:#333; text-align: center; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.method table td{height:40px; color:#5d5d5d; text-align: center; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.method .price{float:left; width:25%; margin-top:15px; margin-bottom:15px;}
.method .price span{margin-top:30px; color:#ffaa05; font-size:30px;}

/****************************** 支付结果窗口 ********************************/
.mini_result{
    width:560px;
    height:580px;
    display:none;
    position:absolute;
    z-index:2;
    background:white;
}
.mini_result p{
    text-align:center;
    margin-top:20px;
    font-size: 18px;
}
.mini_result .bottom40{
    margin-bottom:40px;
}
.mini_result a.btn_ok{
    display:block;
    margin: 0 auto;
    margin-top:50px;
    height:36px;
    line-height:36px;
    width:120px;
    background:#f69c00;
    color:white;
    font-size:16px;
    text-decoration:none;
    text-align:center;
}

/****************************** 支付窗口 ********************************/
.mini_pay{
    width:690px;
    height:480px;
    display:none;
    position:absolute;
    z-index:2;
    background:white;
}
.titleBar{
    width:100%;
    height:40px;
    text-align:center;
    background:url(../imgs/vip_title_bar.png) repeat;
}
.titleBar .pay_title{
    margin-left:52px;
    color:#333;
    font-size:18px;
    line-height:40px;
}
.titleBar .pay_close{
    width:52px;
    height:39px;
    display:block; 
    float:right;
    cursor:pointer;
    background:url(../imgs/vip_btn_close.png) no-repeat; text-indent:-999em;
}
.mini_pay .paytimeBK{
    width:100%;
    height: 240px;
    background: #f9f9f9;
}
.mini_pay .conarea{
    width:560px;
    height:220px;
    margin:0 auto;
    color:#444;
}
.mini_pay h3{
    margin:0;
    padding:0;
    line-height:60px;
    font-size:14px;
    color:#5d5d5d;
    font-weight:normal;
}

.infoTitle{float:left; margin-top:30px; margin-bottom:20px; line-height:20px; font-size:16px;}

.mini_pay .conarea em{
    margin-left:10px;
    color:#ffaa05;
    font-style:normal;
}
.mini_pay .paytime{
    margin:0;
    padding:0;
}
.mini_pay .paytime li{
    float:left;
    width:130px;
    height:150px;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
    background:url(../imgs/vip_time_bk.png) no-repeat 0px 0px;
}
.mini_pay .paytime li:hover{
    background:url(../imgs/vip_time_hover.png) no-repeat 0px 0px;
}
.mini_pay .paytime li.active{
    background:url(../imgs/vip_time_cur.png) no-repeat 0px 0px;
}
.mini_pay .paytime li .fee{margin-top:25px; text-align:center; height:40px; line-height:40px; font-size:30px;}
.mini_pay .paytime li .fee2{margin-top:9px; text-align:center; height:40px; line-height:40px; font-size:30px;}
.mini_pay .paytime li .unit{margin-left:3px;  font-size:14px; color:#969696;}

.mini_pay .paytime li .nolimit2{margin-top:20px; text-align:center; line-height:20px; font-size:14px; color:#969696; }
.mini_pay .paytime li .save-light{margin-left:1px; margin-top:1px; width:60px; text-align:center; line-height:15px; font-size:10px; color:#ffffff; background:red;}
.mini_pay .paytime li .viptime{margin-top:4px; text-align:center; line-height:40px; font-size:16px;}
.mini_pay .paytime li .viptime2{margin-top:20px; text-align:center; line-height:40px; font-size:16px;}

.mini_pay .contype{
    width:560px;
    height:100px;
    margin:0 auto;
}
.mini_pay .contype .payfee{float:left; margin-top:30px; line-height:20px; font-size:18px; color:#ffaa05;}
.mini_pay .contype .payfeetip{float:left; margin-top:30px; margin-left:30px; line-height:20px; font-size:16px; color:#787878; text-decoration: line-through;}
.mini_pay .contype .type_ali{background:url(../imgs/pc_commit_alipay.png) no-repeat;}
.mini_pay .contype .type_wx{background:url(../imgs/pc_commit_weixin.png) no-repeat;}
.mini_pay .contype a{float:left; margin-right:20px; width:120px; height:35px; display:block; text-indent:-999em;}
.mini_pay .contype a:hover{background-position: -121px 0;}
        
.mini_pay .bank_pay{
    display:none;
    margin: 0 auto;
    margin-top:50px;
    width: 150px;
}
.mini_pay .bank_pay .btn_bank_pay{
    display:block;
    width:100%;
    height:42px;
    line-height:42px;
    background:#3387ef;
    font-size:16px;
    color:white;
    text-decoration:none;
    text-align:center;
    border:0;
}

.mini_pay a.btn_Pay{
    margin-left:68px;
    margin-top: 50px;
    display:block;
    width:160px;
    height:42px;
    line-height:42px;
    background:#3387ef;
    color:white;
    font-size:16px;
    text-decoration:none;
    text-align:center;
}

/****************************** 扫码窗口 ********************************/
.mini_qcode{
    width:560px;
    height:400px;
    display:none;
    position:absolute;
    z-index:2;
    background:white;
}
.mini_qcode h3{
    margin-top:50px;
    text-align:center;
    font-size:18px;
    color:#5d5d5d;
    font-weight:normal;
}
.mini_qcode .qcode_fee{
    color:#ffaa05;
}
.mini_qcode p{
    margin-top:10px;
    text-align:center;
    font-size:16px;
    color:#5d5d5d;
}
.mini_qcode .qcode_rect{
    margin: 0 auto;
    width:180px;
    height: 180px;
    border:1px solid #d6d6d6;
}
.mini_qcode .qcode_center{
    margin-left:17px;
    margin-top:17px;
}

.mini_qcode .pay_repeat{
    display:none;
}

.mini_qcode .pay_repeat a.btn_back{
    margin:0 auto;
    display:block;
    width:120px;
    height:38px;
    line-height:38px;
    background:#f69c00;
    color:white;
    font-size:16px;
    text-decoration:none;
    text-align:center;
}
.mini_qcode .pay_repeat a.btn_back:hover{background:#f69000;}

/* 遮罩层样式 */
.cover{
    display:none;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    background: rgba(0,0,0,0.4);
    
}