/*code样式表*/
.code-con{padding: 0px 15px;background: #eeefef;overflow: hidden;}
.code-con .code-logo{background-color: #1e80b8;position: relative;overflow: hidden;}
.code-con .code-logo .img-unpay{position: absolute;left: 10px;top: 10px;width: 60px;display:none}
.code-con .code-logo .img-unpay img{width: 100%;}
.code-con .code-logo .img-logo{margin: 0 auto;width: 150px;margin: 15px auto;overflow: hidden;}
.code-con .code-logo .img-logo img{width: 100%;}
.code-con .code-logo .logo-text{color: #FFFFFF;}
.code-con .code-logo .logo-text p{padding: 0px 10px;}
.code-con .code-logo .logo-text .p1{font-size: 25px;text-align: center;margin-bottom: 3px;}
.code-con .code-logo .logo-text .p2{font-size: 20px;text-align: center;line-height: 25px;}
.code-con .code-logo .logo-text .p3{font-size: 18px;text-align: center;margin-bottom: 18px;color: #38bfeb;padding: 11px 0 6px;}
.code-con .code-logo .logo-text .p4{font-size: 14px;position: relative;padding: 0px 20px 0px 10px;margin-bottom: 18px;overflow: hidden;height: 21px;}
.code-con .code-logo .logo-text .p4 a{display: block;position: absolute;top: 3px;right: 4px;width: 16px;}
.code-con .code-logo .logo-text .p4 a img{width: 100%;}
.code-con .code-ista{position: relative;background-color: #FFFFFF;padding-top: 11.5px;}
.code-con .code-ista .code-bor{width: 100%;position: absolute;top: -11.5px;}
.code-con .code-ista .code-bor img{width: 100%;}
.code-con .code-ista .img-box-01{width: 85%;margin: 20px auto;}
.code-con .code-ista .img-box-01 img{width: 100%;}
.code-con .code-ista .img-box-02{width: 85%;padding: 20px 0px 40px;margin: 0 auto;}
.code-con .code-ista .img-box-02 img{width: 100%;}
.code-con .code-ista .img-text{padding-bottom: 10px;}
.code-con .code-ista .img-text .p3{font-size: 12px;text-align: center;margin-bottom: 18px;color: #92c9ff;}
.code-con .code-ista .img-text .p4{font-size: 14px;position: relative;padding: 0px 20px 0px 10px;margin-bottom: 18px;overflow: hidden;height: 21px;}
.code-con .code-ista .img-text .p4 a{display: block;position: absolute;top: 3px;right: 4px;width: 16px;}
.code-con .code-ista .img-text .p4 a img{width: 100%;}
.code-con .code-ista .code-bom{width: 100%;position: absolute;bottom: -21px;}
.code-con .code-ista .code-bom img{width: 100%;}
.code-con .code-list{width: 100%;background-color: #FFFFFF;margin: 30px 0px 24px;padding: 0px 15px;box-sizing: border-box;}
.code-con .code-list ul{width: 100%;padding: 5px 0px;}
.code-con .code-list ul li{position: relative;}
.code-con .code-list ul li .code-list-tit{font-size: 21px;color: #999999;position: absolute;padding: 5px 0px;width:124px;}
.code-con .code-list ul li .code-list-con{font-size: 20px;color: #000000;padding: 5px 0px;padding-left: 125px;}
/*code样式表*/
@media screen and (max-width:600px){}
@media screen and (max-width:414px){}
@media screen and (max-width:375px){
    .code-con .code-list ul li .code-list-con {
        font-size: 18px;
        padding-left: 105px;
        text-align: justify;
    }
    .code-con .code-list ul li .code-list-tit {
        font-size: 18px;
        width: 100px;
    }

    .code-con .code-logo .logo-text .p1 {
        font-size: 20px;
    }

    .code-con .code-logo .logo-text .p2 {
        font-size: 17px;
    }

    .code-con .code-logo .logo-text .p3 {
        font-size: 15px;
    }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    .code-con .code-logo .logo-text .p2 {
        font-size: 15px;
    }
    .code-con .code-list ul li .code-list-con {
        font-size: 16px;
    }
    .code-con .code-logo .logo-text .p3 {
        font-size: 14px;
    }
}