/*index样式表*/
.gray{background-color: #f7f7f7;}
.gayd{background-color: #eff1f6;}
.banner{width: 100%;height: auto;}
.banner img{width: 100%;height: auto;}
.story{padding: 0px 15px;}
.con-tit{position: relative;margin: 20px auto;width: 127px;}
.con-tit img{width: 100%;}
.con-tit .left-line{width: 70px;height: 1px;position: absolute;top: 50%;left: -80px;background-color: #d5e4ea;}
.con-tit .right-line{width: 70px;height: 1px;position: absolute;top: 50%;right: -80px;background-color: #d5e4ea;}
.con-tit.max{width: 127px;}
.story .text-box{color: #4c4c4c;font-size: 14px;}
.story .text-box img{width: 14px;margin: 0 4px;}
.story .video-prompt{font-size: 12px;color: #808080;text-align: center;margin: 10px 0px;}
.merchant{padding: 0px 15px;overflow: hidden;}
.merchant .mer-select .text-box{font-size: 14px;color: #4d4d4d;display: inline-block;height: 28px;vertical-align: top;line-height: 28px;}
.merchant .mer-select .sb*{color: #B2B2B2;}
.merchant .mer-list ul li{margin: 10px 0px;}
.merchant .mer-list ul li .img-box{width: 100%;border-radius: 10px 10px 0px 0px;overflow: hidden;}
.merchant .mer-list ul li .img-box img{width: 100%;}
.merchant .mer-list ul li .list-text-box{width: 100%;position: relative;text-align: center;background-color: #d4eaf8;color: #FFFFFF;padding: 30px 0px 10px;border-radius: 0px 0px 10px 10px;}
.merchant .mer-list ul li .list-text-box .list-logo{width: 106px;position: absolute;top: -21.5px;left: 50%;margin-left: -53px;border-radius: 33px;overflow: hidden;border: 1px solid #3877b4;}
.merchant .mer-list ul li .list-text-box .list-logo img{width: 100%;}
.merchant .mer-list ul li .list-text-box .p1{font-size: 13px;color: #084369;}
.merchant .mer-list ul li .list-text-box .p2{font-size: 14px;color: #084369;font-weight: bold;}
.merchant .merchant-button{width: 100%; text-align: center;margin-bottom: 20px;}
.merchant .merchant-button a{width: 100%;display: inline-block;*display: inline;font-size: 14px;color: #1e5e9c;background-color: #FFFFFF;padding: 5px 0px;border-radius: 30px;box-shadow: 0px 7px 5px #d9e6f2;border: 1px solid #5fa4e8;}
.obtain{padding: 0px 15px;overflow: hidden;}
.obtain .ob-list ul li .img-box{width: 70px;margin: 0 auto;}
.obtain .ob-list ul li .img-box img{ width: 100%;}
.obtain .ob-list ul li h6{font-size: 15px;color: #000000;text-align: center;margin: 5px 0px;}
.obtain .ob-list ul li .ob-list-text{font-size: 14px;color: #808080;margin-bottom: 10px;}
.obtain .ob-list ul li .ob-list-text img{width: 14px;margin: 0 4px;}
.cooperation{padding: 0px 15px;overflow: hidden;}
.cooperation .coo-list ul li{display: inline-block;width: 20%;margin: 10px 6%;vertical-align: top;}
.cooperation .coo-list ul li .img-box{width: 100%;}
.cooperation .coo-list ul li .img-box img{width: 100%;height: auto;}
.cooperation .coo-list ul li .text-box{text-align: center;}
.cooperation .coo-list ul li .text-box{font-size: 12px;color: #9f9f9f;}
.coo-list .img_box{width: 84%;margin: 0px auto;}
.coo-list .img_box img{width: 100%;height: auto;}
/*index样式表*/

/*disco样式表*/
.disco-banner{width: 100%;position: relative;}
.disco-banner img{width: 100%;height: auto;}
.disco-banner .text-box-bg{width: 100%;height:50%;position: absolute;bottom: 0;background: url(/u-plan/static/css/uplan/images/bg-h.png) repeat-x;}
.disco-banner .text-box-bg .text-box{width: 100%;position: absolute;bottom: 10px;}
.disco-banner .text-box-bg .text-box .p1{color: #FFFFFF;font-size: 16px;}
.disco-banner .text-box-bg .text-box .p2{color: #FFFFFF;font-size: 14px;padding-left: 9px;}
.disco-con{padding:15px 0px;overflow: hidden;}
.disco-con .dis-tit{font-size: 16px;color: #ffffff;background-color: #448cd3;padding: 5px 20px 5px 15px;display: inline-block;position: relative;}
.disco-con .dis-tit .triangle{width: 0;height: 0;border-top: 17.5px solid transparent;border-left: 10px solid #448cd3;border-bottom: 17.5px solid transparent;position: absolute;top: 0px;right: -10px;}
.disco-con .dis-ons{font-size: 14px;color: #000000;padding: 10px 16px 15px;}
.disco-con .dis-button{padding: 18px 15px 30px;}
.disco-con .dis-button a{font-size: 18px;color: #448cd3;text-align: center;width: 100%;background: #448cd3;color: #FFFFFF;padding: 7px 0px;border-radius: 30px;box-shadow: 0px 3px 6px #448cd3;float: left;display: block;}
.disco-con .dis-button a:first-child{margin-right: 4%;}
/*disco样式表*/

/*code样式表*/
.code-con{padding: 0px 15px;background: #eff1f6;overflow: hidden;}
.code-con .code-logo{background-color: #1390d7;position: relative;overflow: hidden;}
.code-con .code-logo .img-unpay{position: absolute;left: 10px;top: 10px;width: 60px;}
.code-con .code-logo .img-unpay img{width: 100%;}
.code-con .code-logo .img-logo{margin: 0 auto;width: 110px;margin: 15px auto;border: 6px solid #42a6df;border-radius: 60px;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: 16px;text-align: center;margin-bottom: 3px;font-weight: bold;}
.code-con .code-logo .logo-text .p2{font-size: 14px;text-align: center;margin-bottom: 18px;}
.code-con .code-logo .logo-text .p3{font-size: 12px;text-align: center;margin-bottom: 18px;color: #92c9ff;}
.code-con .code-logo .logo-text .p4{font-size: 14px;position: relative;padding: 0px 10px;margin-bottom: 18px;overflow: hidden;height: auto;}
.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: 80%;margin: 20px auto;}
.code-con .code-ista .img-box-01 img{width: 100%;}
.code-con .code-ista .img-box-02{width: 40%;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 10px;margin-bottom: 18px;overflow: hidden;height: auto;}
.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: 25px 0px 15px;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: 14px;color: #999999;position: absolute;padding: 5px 0px;width: 80px;}
.code-con .code-list ul li .code-list-con{font-size: 14px;color: #000000;padding: 5px 0px;padding-left: 80px;}
/*code样式表*/

/*osad*/
.osad-con{padding: 0px 15px;background: #eff1f6;overflow: hidden;}
.osad-con .osad-logo{background-color: #1390d7;position: relative;overflow: hidden;}
.osad-con .osad-logo .img-unpay{position: absolute;left: 10px;top: 10px;width: 60px;}
.osad-con .osad-logo .img-unpay img{width: 100%;}
.osad-con .osad-logo .img-logo{margin: 0 auto;width: 110px;margin: 15px auto;border: 6px solid #42a6df;border-radius: 60px;overflow: hidden;}
.osad-con .osad-logo .img-logo img{width: 100%;}
.osad-con .osad-logo .logo-text{color: #FFFFFF;}
.osad-con .osad-logo .logo-text p{padding: 0px 10px;}
.osad-con .osad-logo .logo-text .p1{font-size: 16px;text-align: center;margin-bottom: 3px;font-weight: bold;}
.osad-con .osad-logo .logo-text .p2{font-size: 14px;text-align: center;margin-bottom: 18px;}
.osad-con .osad-logo .logo-text .p3{font-size: 12px;text-align: center;margin-bottom: 18px;color: #92c9ff;}
.osad-con .osad-logo .logo-text .p4{font-size: 14px;position: relative;padding: 0px 10px;margin-bottom: 18px;overflow: hidden;height: auto;}
.osad-con .osad-logo .logo-text .p4 a{display: block;position: absolute;top: 3px;right: 4px;width: 16px;}
.osad-con .osad-logo .logo-text .p4 a img{width: 100%;}
.osad-con .osad-ista{position: relative;background-color: #FFFFFF;padding-top: 11.5px;}
.osad-con .osad-ista .osad-bor{width: 100%;position: absolute;top: -11.5px;}
.osad-con .osad-ista .osad-bor img{width: 100%;}
.osad-con .osad-ista .list{padding: 15px 15px;overflow: hidden;}
.osad-con .osad-ista .list li{position: relative;margin-bottom: 20px;}
.osad-con .osad-ista .list li .os-ti{position: absolute;top: 0;left: 0;padding: 8px 0px;width: 62px;}
.osad-con .osad-ista .list li .os-inp{padding-left: 64px;}
.osad-con .osad-ista .list li .os-inp input{font-size: 14px;color: #333333;width: 100%;padding: 9px 10px;box-sizing: border-box;box-shadow: 2px 2px 10px 1px #e3e3e3 inset;border: 0;border-radius: 5px;text-align: center;}
.osad-con .osad-ista .list li .abut{font-size: 14px;color: #FFFFFF;background: #f5464b;text-align: center;width: 50%;margin: 0 auto;padding: 8px 0px;border-radius: 10px;display: block;}
.osad-con .osad-list{width: 100%;background-color: #FFFFFF;margin: 13px 0px 15px;padding: 0px 15px;box-sizing: border-box;}
.osad-con .osad-list ul{width: 100%;padding: 5px 0px;}
.osad-con .osad-list ul li{position: relative;}
.osad-con .osad-list ul li .osad-list-tit{font-size: 14px;color: #999999;position: absolute;padding: 5px 0px;width: 80px;}
.osad-con .osad-list ul li .osad-list-con{font-size: 14px;color: #000000;padding: 5px 0px;padding-left: 80px;}
.sb .opts{overflow: hidden;overflow-y:scroll;}
.sb .opts::-webkit-scrollbar-track-piece {  
    background-color: rgba(0, 0, 0, 0);  
    border-left: 1px solid rgba(0, 0, 0, 0);  
}  
.sb .opts::-webkit-scrollbar {  
    width: 5px;  
    height: 13px;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
}  
.sb .opts::-webkit-scrollbar-thumb {  
    background-color: rgba(0, 0, 0, 0.5);  
    background-clip: padding-box;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
    min-height: 28px;  
}  
.sb .opts::-webkit-scrollbar-thumb:hover {  
    background-color: rgba(0, 0, 0, 0.5);  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
}  
/*osad*/
.disco-con .dis-button .cant{background: #ccc;box-shadow: 0px 3px 6px #ccc;}

.dis-address{background: #f6f6f6;padding: 10px 0;}
.dis-address a{ display: block; font-size: 12px; color: #4C4C4C; padding: 14px 25px;background: url(/u-plan/static/css/uplan/images/product-map-b.jpg) right no-repeat #fff;
    background-size: 8px;
    background-position-x: 95%;}
.dis-address a .img-box { width: 13px; float: left; margin-right: 10px;}
.dis-address a .img-box img{ width: 100%; vertical-align: initial;}

.disco-con .dis-button2 a{width: 48%;}
.disco-con .dis-button2 a.gray{background: #cacaca;box-shadow: 0px 3px 6px #cacaca;cursor: auto;}