body{
    background-color:#f2f2f2;
}
#header{
    width:100%;
    height:80px;
    background-color:#ffffff;
    border-bottom:2px solid #0060ac;
    box-shadow: 0 0 2px #2196F3;
}

#header .header-inside{
    margin:0 auto;
}

#header .logo-box{

    font-size:0
}
#header .logo{

    width: 236px;
    height: 76px;
    background: linear-gradient(to top, rgba(255,255,255,0), #fff);
    background-image: url('../images/JR.jpg');
    background-size:contain;
    background-repeat:no-repeat;
}
.footer.container >div{
    border-top:1px solid #ddd;
    padding:10px 15px;
    margin:0;
    background-color:#fff;
}

.footer #returnMsg{
    font-size:18px;
    color: #ff0033;
    margin-bottom:8px;
}
.navImgBox{
    width:200px;
}
.navImgBox img{
    width:100%;
}

.order-deital {
    padding: 20px;

    background-color: #b1d7f9;

}
.bgwechatfirst-box ,.second-box{
    font-size:16px;
}
.first-box >div,.second-box > div{
    height:40px;
    line-height:40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}

/*.second-box > div{
    height:80px;
    line-height:4;
}*/
.money-color{
    font-size:24px;
    color: #ff6600;
}

.qrpay,.wxpay,.alipay,.qq,.jd{
    background-color:#fff;
    padding:0 0 20px 0;
    /*margin:0;*/

}

.bank{
    background-color:#fff;
    padding:20px 0;
    /*margin:0;*/

}
.QRcodeBox{
    position:relative;;
    text-align: center;
    margin:0 auto;
}
.payLogo{
    margin-left: 20px;
    width:120px;
}
.payQRcode{
    border:1px solid #ddd;
    padding:15px 0;
    margin-bottom:10px;
    overflow:hidden;
}
.payQRcode>img{
    width: 100%;
}
.wxNav{
    width:260px;
    text-align: center;
    margin:30px auto 0;
}
.qq-desc{
    background: #55a2e3;
    color: #fff;
    padding: 15px 0;
}
.alipay-footer{
    background-color: #fff;
    width: 260px;
    margin: 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 0;
}
.alipay-footer div:first-child{
    line-height:40px;
}
.no-mar{
    margin:0;
}
.bank .col-md-3{
    text-align: center;
    margin-bottom: 10px;
    cursor:pointer;
}

.bank img{
    width:75%;
}
@media only screen and (max-width: 479px) {
    .bank img {
        width: 100%;
    }
}
.bankName{
    border:1px solid #e8e8e8;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
}
.bankName:hover{
    border-color:#ff6600;
}
.bankName.active{
    border-color:#f60;
}


@media (min-width: 768px){
    #header .header-inside {
        width: 750px;
    }
}
@media (min-width: 992px){
    #header .header-inside {
        width: 970px;
    }
}
@media (min-width: 1200px){
    #header .header-inside {
        width: 1170px;
    }
}
@media only screen and (max-width: 479px) {
    #header{
        height:60px;
    }
    #header .logo {
        width: 118px;
        height: 57px;
    }

    .navImgBox{
        width:100px;
    }

    .order-deital{
        padding:10px 5px;
    }
    .first-box,.second-box{font-size:12px;}
    .first-box >div, .second-box > div{
        height:20px;
        line-height:20px;
    }
    .second-box #lblAmount{
        font-size:16px;
    }
    /*.second-box > div{
    height:40px;

    }*/
    .footer #returnMsg{font-size:14px;}
    .btn-lg{
        padding:6px 12px;
    }
}
.errMsg {
    display: inline-block;
    background-color: #ecf8ff;
    height: 100px;
    margin-top: 100px;
    line-height: 100px;
    padding: 0 50px;
    border: 1px solid #25516a;
}
.div_err {
    height: 300px;
    text-align: center;
    background-color: #fff;
}
.container {
    padding:0 ;
}

#imgQQQRCode{
    width: 100%;
}
.bgwechat{
    text-align: center;
    margin: 0 auto;
    width: 29%;
    height: 500px;
    background-image: url(../images/Wechat.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.bgalipay{
    text-align: center;
    margin: 0 auto;
    width: 29%;
    height: 500px;
    background-image: url(../images/zfb.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.bgyinlian{
    text-align: center;
    margin: 0 auto;
    width: 29%;
    height: 500px;
    background-image: url(../images/yinlian.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.QRimg{
    margin-top: 66%;
    width: 40%;
}