@charset "utf-8";

* {margin: 0; padding: 0; box-sizing: border-box;}
ul,ol {list-style: none;}
.payInner .success {
    position: relative;
    width: 100%;
    height: 240px;
    background: url('/images/vi_bg.jpg') no-repeat center/cover;
    margin-top: 150px;
}
.hide {position: absolute; top: -9999px; left: -9999px; font-size:0;}
.payInner .txt_box {
    position: absolute;
    top:50%; left:50%;
    transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
}
.payInner .txt_box h4 {font-size:72px;}
.payInner .txt_box p:nth-child(2) {
    font-size:24px; 
    margin: 25px 0 9px;
}
.payInner .txt_box p:nth-child(3) {font-size:18px;}
.payInner .pay_box {
    width:1240px; 
    margin:55px auto 0;
}
.payInner .pay_info h4 {
    font-size:20px; color:#404040;
    margin-bottom:20px;
}
.payInner .pay_info {padding-bottom:55px;}
.payInner .pay_title {
    width: 100%;
    border-top: 3px solid #5a5a5a;
    border-spacing: 0;
    clear:both;
}
.payInner .pay_title li {
    width:25%;
    float:left;
    font-size:18px; font-weight:bold;
    color:#404040;
    padding:20px 0 20px 30px;
    background:#f8f8f8;
    border-right: 1px solid #c5c5c5; 
    border-bottom: 1px solid #c5c5c5;
}
.payInner .pay_title li:last-child {border-right:0px;}
.payInner .pay_con {clear:both;}
.payInner .pay_con li {
    width:25%;
    float:left;
    font-size:24px; font-weight:bold;
    color:#404040;
    padding:30px 0;
    border-right: 1px solid #c5c5c5; 
    border-bottom: 1px solid #c5c5c5;
    text-align:center;
}
.payInner .pay_con li:last-child {
    border-right:0px;
    font-size:40px; 
    color:#1b1c4b;
    padding:19px 0;
}
.payInner .pay_con li:last-child span {font-size:18px;}
.payInner .order_info {
    clear:both;
    padding:40px 0 0 0;
}
.payInner .order_info h4 {
    font-size: 20px;
    color: #404040;
    margin-bottom:20px;
}
.payInner .order_info .upper {
    width: 100%;
    border-top: 3px solid #5a5a5a;
    border-spacing: 0;
    clear:both;
}
.payInner .order_info .upper:after, .payInner .order_info .lower:after {
    display: block;
    content: "";
    clear: both;
}
.payInner .order_info ul li {
    width:25%; height: 60px;
    line-height: 59px;
    float:left;
    border-bottom: 1px solid #c5c5c5;  
    font-size:17px; 
    padding-left:30px;
}
.payInner .order_info ul li:nth-child(2n-1) {
    font-weight:700;
    background:#f8f8f8;
}
.payInner .order_info li:last-child {border-right:0px;}
.payInner .order_info li:nth-child(odd) {font-size:18px;}
.payInner .pay_box a {
    background:#1b1c4b;
    color:#fff;
    font-size:18px;
    text-decoration:none;
    margin:130px auto 100px;
    height:60px; width: 240px;
    display: block;
    text-align: center; line-height:60px;
}

/* pay_fall */
.payInner .fall {
    position: relative;
    width: 100%;
    height: 240px;
    background:#1b1c4b;
    margin-top: 150px;    
}