html, body{width:100%;overflow-x:hidden}

.text-right{text-align:right}
.hide{display:none}
.body-bg{width:100%;height:auto;background: url(../images/bg.jpg?v=2018061703) #FBF8E7 no-repeat center top;background-size:cover}
.layui-main{width:980px}
.layui-container{width:980px;padding:0}
.header{height:106px;background-color:#da2a2f}
.header .logo{display:block;width:634px;margin:0 auto}
.content{margin:15px auto;padding:30px 50px;background-color:#fff;border-radius:5px;border:1px solid #e8e8e8}
.content .pay-desc{padding:8px 0}

.form-box{padding:22px 0}
.form-box .layui-form-label{width:110px;background-color:#f6f6f6}
.form-box .layui-input-block{margin-left:155px}
.form-box .item-coin-ipt .layui-input-inline{width:250px}
.form-box .item-coin-ipt .layui-input{display:inline-block;width:150px}

.layui-tab-content.wap-pay-list{padding:0}
.wap-pay-list .pay-list-item .item{padding:12px 5px 10px 5px;border-bottom:1px solid #eee}
.wap-pay-list .left-info, .pc-pay-list .left-info{padding:5px;padding-right:0}
.wap-pay-list .right-ctl, .pc-pay-list .right-ctl{padding-right:5px}
.wap-pay-list .layui-col-md2.right-ctl, .pc-pay-list .layui-col-md2.right-ctl{text-align:right}
.wap-pay-list .desc, .pc-pay-list .desc{color:#8b8b8b;font-size:13px}
.wap-pay-list .label-title, .pc-pay-list .label-title{padding-right:12px;text-align:right}
.wap-pay-list .left-one-row{line-height:34px}

.pc-pay-list{display:none}
.pc-pay-list .pay-list-item{width:825px;padding-bottom:20px;display:none}
.pc-pay-list .pay-list-item .item{min-height:48px;margin-bottom:6px;border:1px dashed #ccc;margin-left:-1px;float:none;display:inline-block}
.pc-pay-list .pay-list-item .item .layui-form-radio{padding-right:0;margin-right:0}
.pc-pay-list .pay-list-item .item .layui-form-radio>i{margin-right:0}

.pay-tip{padding:0 15px;color:#888}
.pay-tip .pay-tip-row{width:100%;padding-bottom:8px;text-align:center}
.pay-tip .pay-tip-row .pc-tip-title{color:#ff0000}
.pay-tip .h5-tip-title{font-size:20px;color:#FF5722;text-align:center}

.pay-confirm-box{width:430px}
.pay-confirm-box .layui-row{padding:5px 10px}
.pay-confirm-box .tip1, .pay-confirm-box .tip2{background-color:#f6f6f6}
.pay-confirm-box .tip2{color:#929292}
.pay-confirm-box .tobank-tip1, .pay-confirm-box .tobank-tip2{width:calc(100% - 20px);color:#ff0000;text-align:center}
.pay-confirm-box .tobank-tip2{font-size:22px}
.pay-confirm-box .tobank-tip3{font-size:12px}
.pay-confirm-box .layui-row .pay-gateway-tip{line-height:26px}
.pay-confirm-box .layui-row div{min-height:1px}
.pay-confirm-box .layui-row label{display:inline-block;padding-right:12px;text-align:right;width:calc(100% - 12px)}
.pay-confirm-box .layui-row span.copy{cursor:pointer}
.pay-confirm-box .layui-row.bottom-border{border-bottom:1px solid #ddd}
.pay-confirm-box .layui-row .layui-btn{width:95%}
.pay-confirm-box .layui-row.qrcode img{display:block;margin:0 auto}
.pay-confirm-box .layui-row.input-area label{line-height:38px}
.pay-confirm-box .layui-row.input-area .layui-input{width:70%}
.pay-confirm-box .layui-row.one-btn .layui-btn{width:100%}
.pay-confirm-box .layui-row.two-btn div:first-child{text-align:left}
.pay-confirm-box .layui-row.two-btn div:last-child{text-align:right}
.pay-confirm-box .layui-row.scan-steps{display:none}
.pay-confirm-box .layui-row.scan-steps p{font-size:13px}
.pay-confirm-box .layui-row.scan-steps p.red{color:#ff0000}

.pay-gateway-box{padding:8px 10px}
.pay-gateway-box .layui-row{padding:0}
.pay-gateway-box .layui-form-radio{margin-top:0}
.pay-gateway-box .two-btn{padding-top:8px}

.footer{padding:5px 0;line-height:30px;text-align:center;background-color:#da2a2f;color:#fff;font-size:13px}
.footer p{display:inline-block}

@media screen and (max-width: 768px) {
    .body-bg{background:#d2d2d2}
    .layui-main{width: 100%; margin: 0;}
    .layui-container{width:100%}
    .header{height:auto}
    .header .logo{width:100%}
    .header .logo img{max-width:100%}
    .content{margin:0;padding:0;border-radius:0;background:transparent}
    .form-box{background-color:#fff}
    .layui-form-item .layui-input-inline{margin-left:72px}
    .form-box .layui-form-label{width:60px;padding:9px 5px}
    .form-box .layui-input-block{margin-left:110px}
    .form-box .item-coin-ipt .layui-input-inline{width:auto}
    .form-box .item-coin-ipt .layui-input{display:inline-block;width:68%}
    .form-box .item-coin-ipt .btn-clear{width:28%}
    .form-box .item-quik-money .layui-input-block{margin-left:10px}
    .form-box .item-pay-type .layui-input-block{margin:0}
    .form-box .item-btn-submit .layui-input-block{margin:0 3%}
    .form-box .item-btn-submit .layui-input-block .layui-btn{width:100%}
  	#quikMoneyWrap .layui-btn{padding:0 16px;max-width:19%}
    .pay-tip{margin-top:10px;margin-bottom:5px;padding:15px 5px;background-color:#fff}
    .pay-confirm-box{width:calc(100% - 20px)}
    .pay-list-load-tip{width:100%;padding:12px 0;text-align:center}    
    .layui-detail .pay-confirm-box{width:100%;margin:12px 0;background-color:#fff}
}

@media screen and (max-width: 320px) {
    .item-quik-money .layui-btn{padding:0 15px}
}