.pay-slogan{width: 100%; padding: 30px 0; font-size: 48px; font-weight: bold; letter-spacing: 15px;}
.pay-cont{border: 3px solid #333; padding: 3px}
.pay-xian{border: 1px solid #333; padding: 30px; height: 487px}
.pay-xian2{border: 1px solid #333; padding: 30px;}
.pay-dash{margin: 30px 0; border-bottom: 1px dashed #CCCCCC}
.pay-bj{background: #f8f8f8; padding: 30px 40px; height: 370px; margin-top: 20px;}
.pay-cont-l, .pay-r{float: left}
.pay-cont-l{width: 40%; padding: 0 10px;}
.pay-r{width: 55%;}
.pay-cont-r{background: #FFFFFF; padding: 20px 30px; text-align: left}
.pay-flex{display: flex; flex-direction: column; justify-content: space-between;}
.pay-flex li{height: 35px; font-size: 18px}
.pay-cont p{font-size: 24px; float: left; }
.pay-cont .row img{max-height: 32px; padding-left: 30px; float: left}
.pay-cont .pay-cont-l img{width: 140px;}
.pay-zhifubao-logo{background: #FFFFFF; height: 80px; padding-top: 15px; width: 100%;}
.pay-zhifubao{background: #1578ff; height: 230px; padding-top: 30px}

.pay-view{width: 100%; margin: 20px 0; display: inline-block}
.pay-view H1, .pay-js H1{border-left: 5px solid #F65000; font-size: 21px; text-align: left}
.pay-view-cont{width: 100%; padding: 7px 20px; margin: 8px 0; display: inline-block; border: 1px dashed #EEEEEE;}
.pay-view-cont img{max-height: 30px; float: left}
.pay-view-cont span{font-size: 22px; padding-left:10px;  border-radius: 20px; float: left; letter-spacing: 2px;}

.pay-js{border: 1px solid #333; padding: 20px 20px;}
.pay-js img{max-width: 100%; margin: 10px 0}
.pay-js span{width:100%; padding: 15px 5px; border-bottom: 1px dashed #ccc; display: inline-block; font-size: 18px;}

/*支付成功客户订单轮播*/
.pay-order{height: 125px; background: #FFFFFF; padding: 10px 30px; margin-top: 6px; overflow: hidden; position: relative}
#pay-list{position: absolute}
.pay-order li{background: #f8f8f8; list-style: disc; font-size: 13px; color: #CCCCCC; padding:6px 10px; margin-top: 10px; border-radius: 5px;}

/*支付成功页面*/
.pay_succ{margin-top: 100px}
.pay_succ img{max-height: 60px}
.pay-info{margin-top: 45px; padding: 50px 0; background-image: linear-gradient(#FFFFFF, #E7E7E7); border-bottom: 1px solid #CCCCCC; border-top: 1px dashed #EFEFEF}
.pay-info h3{}
.pay-form{width: 400px; margin: 0 auto; padding: 30px 0;}


@media (max-width: 991px){
    .pay-slogan{padding: 30px 0 20px; font-size: 28px; font-weight: bold; letter-spacing: 5px;}
    .pay-xian{padding:10px; height: auto}
    .pay-xian2{padding: 15px;}
    .pay-bj{ padding: 15px; height: 370px;}
    .pay-r{width: 100%}
    .pay-cont-r{width: 100%; padding: 15px 10px; float: none}
    .pay-flex li{font-size: 15px; height: 30px;}
    .pay-web-link{background: #1777ff; width: 80%; display: flex; justify-content: center; align-items: center; height: 40px; margin: 20px 9%; border-radius: 20px; text-align: center}
    .pay-web-link img{max-width: 26px; line-height: 40px}
    .pay-web-link span{line-height: 40px; margin-top: -2px; font-size: 16px; margin-left:15px;  color: #FFFFFF}

    .pay-view{margin:5px 0 20px}
    .pay-cont .row img{margin-left: 0}
    .pay-cont p{font-size: 20px; margin-top: 5px;}
    .pay-cont .row img{padding-left: 0}
    .pay-order{background: #FFFFFF; padding: 20px; height: 105px;}

    .pay-order li{font-size: 12px; background: #FFFFFF; padding:4px 10px; margin-top: 6px}
    .pay-view-cont{padding: 5px 10px}
    .pay-view-cont img{max-height: 18px; margin: 3px 6px 0 0}
    .pay-view-cont span{display: contents; font-size: 18px; letter-spacing: 1px}

    .pay-js{border: 0; padding: 20px 15px;}
    .pay-js H1{margin-left: -15px;}
    .zihao1{font-size: 14px;}

    /*支付成功页面*/
    .pay_succ{margin-top: 60px}
    .pay_succ img{max-height: 40px}
    .pay-info{margin-top: 25px;}
    .pay-info h3{font-size: 24px;}
    .pay-form{width: 95%}
    /*.hidden-md {*/
    /*    display: none !important;*/
    /*}*/

}