.ysf-warp{margin-top: 85px;width: 100%;height: auto;min-width: 1200px;}
.ysf-tit{color: #191919;}
.ysf-p{color: #383838;text-align: left;text-indent: 2em;}
.ysf-video{
    cursor: pointer;
    padding-top: 20px;
    margin: 0 auto;
    width: 750px;
    display: block;
}
.playbtn{position: absolute;top: 50%;left: 50%;cursor: pointer;display: none;z-index: 88;width: 56px;height: 68px;margin-top: -34px;margin-left: -28px;}
.banner{width: 100%;height: auto;}
.banner img{width: 100%;height: auto;}
.btn-list li a img{width: 100%;height: auto;}
.ysf-nav{width: 100%;height: 57px;background: url(/hk/servicesProducts/products/innovativeProducts/mobilePayment/images/nav-bg_02.jpg) no-repeat center top;}
.ysf-nav .nav-box{width: 1200px;height: 57px;margin: 0 auto;}
.nav-box .nav-list{background: url(/hk/servicesProducts/products/innovativeProducts/mobilePayment/images/home_04.png) no-repeat left 21px;padding-left: 25px;}
.nav-box .nav-list li{height: 57px;line-height: 57px;float: left;margin-right: 5px;}
.nav-box .nav-list li a{color:#898989;}
.con{width: 1240px;height: auto;margin: 0 auto;}
.con .what{padding: 50px 0 80px;text-align: center;border-bottom: 1px solid #ccc;width: 1240px;margin: 0 auto;}
.con .what .what-box{width: 760px;margin: 0 auto;}
.con .what h6{font-size: 40px;color: #191919;font-weight: 100;}
.con .what p{font-size: 16px;color: #808080;text-indent: 2em;line-height: 28px;}
.con .what .video-box1{height: 430px;width: 760px;}
.con .con-box1{padding: 80px 0;width: 100%;border-bottom: 1px solid #ccc;}
.con-box1 ul li{float: left;margin: 0 21px;width: 46%;}
.con-box1 .box1-box{width: auto;height: auto;text-align: center;overflow: hidden;}
.con-box1 .box1-box .box1-box-con{margin: 70px 0 30px 0;height: 210px;width:370px;position: relative;}
.con-box1 .box1-box h6{font-size: 24px;}
.con-box1 .box1-box p{color: #808080;line-height: 26px;padding-top: 20px;}
.con .con-box2{padding: 80px 0 40px 0;width: 100%;border-bottom: 1px solid #ccc;}
.con .con-box2 .con-box2-tit{text-align: center;margin-bottom: 40px;}
.con .con-box3{width: 1240px;height: auto;padding:80px 0;border-bottom: 1px solid #ccc;}
.con .con-box3 .con-box3-tit{text-align: center;width: 750px;margin: 0 auto;margin-bottom: 70px;}
.con-box3 .con-box3-tit h6{font-size: 40px;font-weight: 100;margin-bottom: 50px;}
.con-box3 .con-box3-tit h6 span{color: #f9281e;}
.con-box3 .con-box3-tit p{text-align: left;}
.bt{width: 170px;margin: 0 auto;margin-top: 40px;}
.bt span{background:#d6d6d6;width: 17px;height: 17px;display: block;float: left;border-radius: 50%;margin: 0 12px;}
.bt span.on{background:#f9281e;}
.con .tb-box{width: 1240px;height: auto;}
.tb-box table{width: 1120px;border-collapse: collapse;font-size: 14px;border-radius: 50px ;color: #383838;margin: 0 auto;}
.tb-box td{border: 1px solid #ccc;text-align: left;}
.tb-box .td1{height: 52px;background: #ff8383;font-size: 18px;color: #fff;padding: 25px 0;font-size: 24px;border-radius: 10px 10px 0 0;border: 0;text-align: center;}
.tb-box .tr1{font-weight: 900;}
.tb-box .td2{width: 228px;padding: 23px 0 23px 40px;}
.tb-box .tr2 .td3 a{color: #ff6f6e;}
.tb-box .td3{padding: 23px 0 23px 40px;width: 892px;}
.tb-box .tb-about{margin: 40px 0 0 65px;color: #9e9e9e;}
.tb-box .tb-about span{color: #1e5e9c;}
.con-foot{width: 100%;background: url(/hk/servicesProducts/products/innovativeProducts/mobilePayment/images/footer_081.jpg) no-repeat center bottom;}
.con-foot .foot-box{width: 760px;margin: 0 auto;padding: 80px 0 120px 0;position: relative;}
.con-foot .foot-box h6{font-size: 40px;font-weight: 100;text-align: center;margin-bottom: 70px;}
.con-foot .foot-box p{margin-bottom: 10px;}
.con-foot .foot-box .logo-box{padding: 170px 0;text-align: center;}
.con-foot .foot-box .foot-btn{width: 280px;padding: 15px 0;background: #fff;border: 1px solid #ff8383;border-radius:30px;text-align: center;color: #ff8383;display: block;position: absolute;left: 50%;bottom: 120;margin-left: -141px;}
.exhibition_hall a{display:block;}
.banner a{display:block;}
/*banner轮播样式*/
.ysf-warp .bx-wrapper .bx-pager{bottom: 10px;}
.ysf-warp .bx-wrapper .bx-pager.bx-default-pager a {background: #FFF;}
/*新增*/

.ysf-nav .z-nav-box{width: 1200px;padding: 0;}
.con .z-what{width: 100%;padding: 60px 0 60px;}
.fl{float: left}
.fr{float: right}
.con .what .new-index{width: 1200px;height: 400px;display: block;overflow: hidden;margin: 0 auto;}
.con .what .new-index .new-index-l{width: 700px;height: 400px;}
.con .what .new-index .new-index-r{width: 450px;height: 400px;}
.con .what .new-index .new-index-r p{font-size: 14px;padding-bottom: 10px;margin: 0;line-height: 22px;text-align: justify;color: #808080;}
.con .what .new-index .new-index-r .new-index-p{font-size: 16px;color: #333333;}
.con .what .new-index .new-index-r strong{width: 40px;height: 2px;background: #fe0025;display: block;margin-top: 10px;margin-bottom: 15px;}
.z-con{width: 100%;}
.z-new-title{width: 1200px;height: 100px;display: block;padding: 20px 0;margin: 0 auto;line-height: 100px;color: #221714;text-align: center;padding-top: 50px;}
.z-new-title h2{font-size: 40px;font-weight: 100;line-height: auto;padding-bottom: 0;}
.z-new-title h2 em{display: block;width: 200px;height: 1px;background: #f40b22;margin: 0 auto;}
.z-new-title h2:before{content: "";width: 6px;height: 6px;position: absolute;background: #f40a23;border-radius: 50px;margin-top: 98px;margin-left: 179px;z-index: 999;}
.z-new-title h2 em:before{content: "";width: 30px;height: 8px;position: absolute;background: #fff;border-radius: 50px;margin-top: -3px;margin-left: -14px;}
.z-user_guide{width: 1200px;height: auto;display: block;margin: 0 auto;padding-top: 0px;}
.con .z-con-box1{padding-bottom: 0px;padding-top: 0;}
.z-user_guide .userul1 li{width: 143px;}
.z-user_guide .userul2 li{width: 161px;}
.z-user_guide .userul1 li p{width: 170px;}
.z-user_guide .userul2 li p{width: 170px;}
.z-new-title1 h2:before{content: "";width: 6px;height: 6px;position: absolute;background: #f40a23;border-radius: 50px;margin-top: 98px;margin-left: 97px;z-index: 999;}
.z-new-title1 h2{line-height: 100px;}
.z-user_guide .div_l .title{width: 500px;background-size: 100% 100%;margin: 0 auto;}
.z-user_guide .div_l{width: 550px;}
.z-user_guide .userul3{padding-top: 6px;padding-bottom: 60px;margin-left: 0;}
.z-user_guide .div_l{float: left;width: 590px;padding-top: 57px;position: relative;}
.z-user_guide .userul3 li{float: left;margin: 0;width: 173px;position: relative;}
.z-user_guide .userul3 li + li{margin-left: 30px;}
.z-user_guide .div_r .title{width: 486px;height: 37px;margin: 0 auto;background-size: 100% 100%;}
.z-user_guide .div_r{float: right;width: 580px;padding-top: 57px;position: relative;}
.z-user_guide .divBox .title span{display: block;font-size: 24px;font-weight: bold;width: 579px;position: absolute;top: 39px;left: 0;}
.z-user_guide .userul3 li .rrow{left: -28px;}
.z-new-title-p{width: 1200px;height: auto;display: block;margin: 40px auto; margin-bottom: 0;}
.z-new-title-p p{width: 855px;display: block;margin: 0 auto;text-align: justify;line-height: 30px;padding-bottom: 5px;font-size: 14px;color: #808080;}
.z-inBoxture{width: 1200px;height: auto;display: block;overflow: hidden;margin: 0 auto;}
.z-inBoxture img{width: 590px;}
.z-new-title-sf p{font-size: 16px;color: #333333;}
.z-new-title-sf p strong{margin-left: 5px;background: #fd7e83;padding: 5px 12px;border-radius: 21px;color: #fff;font-weight: 100;cursor: pointer;}
.z-new-title2 h2:before{margin-left: 118px;}
body .mk-tk{border-radius: 10px;}
.new-tkb{    padding-top: 0;
    width: 1200px;
    text-align: justify;
    margin: 0 auto;}
.new-tkb img{width: 1200px}
body .mk-tk .layui-layer-ico{background: url(/hk/servicesProducts/products/innovativeProducts/mobilePayment/images/ico_tk.png) no-repeat;}
body .mk-tk .layui-layer-setwin .layui-layer-close2{position: absolute;right: 0;top: 0;}
body .mk-tk .layui-layer-setwin a:hover{background: url(/hk/servicesProducts/products/innovativeProducts/mobilePayment/images/ico_tk.png) no-repeat;}


/*20181030*/
.q_btn{width:842px;height: 50px;margin: 0 auto;padding-bottom: 30px;}

.q_btn li{width:auto;height: 25px; float: left;font-size: 16px;border:1px solid #385ea3;border-radius: 20px;padding: 5px 35px 5px 35px;line-height: 25px;margin-left: 11px;}
.q_btn a{color:#385ea3;}
.q_btn .active:hover{
    background-color:#385ea3;
    color:#fff;
}


.con .what .z-what-box{width: 1200px;margin: 0 auto;}
.con .what p{text-indent: 0;}
.con .z-what{border-bottom:none;}
.con .z-con-box1{padding: 0;}
.con .z-con-box1 .user_guide{padding-top: 50px;}
.z-con-box1{width: 100%;height: auto;display: block;overflow: hidden;}
.z-con-box1 .z-user_g{width: 100%;height: auto;display: block;overflow: hidden;padding-top: 10px;}
.z-con-box1 .z-user_gt{background: #f6f6f6;}
.z-con-box1 .user_guide h3{width: 1200px;height: 50px;line-height: 50px;text-align: left;display: block;margin:30px auto 0 auto;}
.z-con-box1 .user_guide{padding: 0;}
.z-con-box1 .user_guide .userul1{padding: 35px 0 93px;width: 1200px;display: block;margin: 0 auto;}
.z-con-box1 .user_guide .userul1 li{width: 143px;}
.z-con-box1 .user_guide .userul2{padding: 35px 0 93px;width: 1200px;display: block;margin: 0 auto;}
.z-con-box1 .user_guide .userul2 li + li{margin-left: 30px;}
.z-con-box1 .user_guide .divBox{width: 1200px;display: block;margin: 0 auto;padding-bottom: 60px;}
.z-con-box1 .user_guide .div_l{width: 584px;}
.z-con-box1 .user_guide .div_r{width: 585px;}
.z-con-box1 .user_guide .userul3 li{width: 146px;}
.z-con-box1 .user_guide .div_l .title{width: 584px;background: url(/hk/servicesProducts/products/innovativeProducts/mobilePayment/images/bluebg.png) no-repeat center;}
.z-con-box1 .user_guide .div_r .title{width: 584px;background: url(/hk/servicesProducts/products/innovativeProducts/mobilePayment/images/redbg.png) no-repeat center;}
.z-con-box1 .user_guide .div_l .title span{width: 584px;color: #385ea3;}
.z-con-box1 .user_guide .userul3{padding-top: 6px;margin-left: 0px;}
.z-con-box1 .user_guide .userul2 li .rrow{left: -19px;}
.z-ysf-text{width: 100%;height: auto;display: block;overflow: hidden;margin: 0 auto;}
.z-ysf-text1{width: 1200px;height: auto;display: block;overflow: hidden;margin: 0 auto;padding: 50px 0;}
.z-ysf-text1 p{width: 600px;text-align: justify;font-size: 16px;padding-top: 85px;}
.z-ysf-text1 img{width: 500px;border-radius: 20px;}
.z-ysf-text2{width: 100%;}
.con-foot .z-foot-box p{margin-bottom: 10px;text-align: center;}
/*20181030*/

.con .what .z-ysf-titx{padding-bottom: 40px;}
.z-title-t{width: 1200px;height: auto;display: block;margin: 40px auto;text-align: center;}
.z-title-t span{width: 100%;height: 1px;background: #dbdbdb;display: block;overflow: hidden;}
.z-title-t h3{width: 230px;height: auto;display: block;margin: 0 auto;font-size: 24px;background: #fff;text-align: center;margin-top: -20px;color: #333333;}
.z-con-box1 .user_guidex h3{width: 900px;height: 50px;line-height: 50px;text-align: left;display: block;margin: 0 auto;}
.user_guidex .h3_1 span{width: 348px;font-size: 16px;background: #e9ebf2;color: #333333;border-radius: 20px;}
.user_guidex h3.h3_1{background:none;}
.z-con-box1 .user_guidex .z-user_2{width: 880px;margin: 0 auto;}
.z-con-box1 .user_guidex .z-user_2 li{width: 161px;}
.user_guidex .z-user_2 li + li img{margin-left: -4px;}
.z-tb-boxx{width: 650px;height: auto;display: block;/* overflow: hidden;*/margin: 0 auto;}
.z-tb-boxx table{width: 675px;border-collapse: collapse;font-size: 14px;border-radius: 50px;color: #383838;margin: 0 auto;}
.z-tb-boxx table tr{height: 60px;text-align: center;}
.z-tb-boxx table tr td{height: 60px;text-align: center;color: #333333;}
.z-tb-boxx table tr td a{color: #898d99;text-decoration: underline}
.z-ysf-textxx p a{text-decoration: underline}
.z-tb-boxx table tr td a:hover{color: #ff6c6f;text-decoration:underline;}
.z-tb-boxx .td1{height: 52px;background: #80b8e2;font-size: 15px;color: #fff;padding: 0;border-radius: 10px 10px 0 0;border: 0;text-align: center;}
.z-tb-boxx .tb-about{margin: 30px 0 0 0;color: #9e9e9e;font-size: 12px;}
.z-ysf-textxx{margin-top: 60px;background: #2f88cd url(/hk/servicesProducts/products/innovativeProducts/mobilePayment/images/footer.png) no-repeat center bottom;}
.z-ysf-textxx p{width: 655px;color: #fff;line-height: 25px;}
.z-ysf-textxx img{width: 540px;padding-top: 30px;}
.z-ysf-textxx .z-ysf-text1{padding:0;}

.c .c_bg{background:url(/hk/servicesProducts/products/innovativeProducts/mobilePayment/images/cbg.png) no-repeat;width: 100%;height: 431px;background-position: center;margin-top: 45px;}
.c .c_bg p{width: 515px;padding-bottom: 15px;text-align: justify;padding-left: 50px;}
.c .c_p{font-size: 16px;color: #4c4c4c;text-align: left;padding-top: 116px;padding-left: 57px;}
.c .c_describe{box-sizing: border-box;}
.c .c_p1{margin-top: 10px;padding-left: 57px;margin-bottom: 35px;}
.c .t-table{display:table;table-layout:fixed;width:100%;padding-top: 20px;}
.c .t-cell{display: table-cell;}
.c .c_app .c_tit{font-weight: bold;text-align: center;margin-bottom: 35px;}
.c .c_txt{font-size: 14px;color: #4d4d4d;display: flex;justify-content: center;}
.c .c_number{color: #fff;background: #d8d8d8;width:20px;height: 20px;border-radius: 50px;text-align: center;line-height: 20px;display:block;float: left;margin-right: 5px;}
.c .c_cell_img{text-align: center;width: 100%;height: 81px;margin-bottom: 34px;}
.c .flex{width: 290px;display: flex;}
.c .con1{max-width: 1200px;margin: 0 auto}
.c .contul{width: 100%;height: 301px;padding: 0;}
.c .contul a{text-decoration: none;width:100%;height:300px;border-radius: 20px;display:block;padding: 25px 0;box-sizing: border-box;}
.c a:hover{box-shadow:0px 0px 15px 3px #ebebeb;}
.c .contul li{height:100%;float: left;list-style: none;width: 32%;border: 1px solid #ebebeb;border-radius: 20px;text-align: center;}
.c li p{margin-top: 25px;color: #000;font-size: 22px;}
.c_foot_box{width: 100%;margin-top: 60px;height:304px;background: linear-gradient(to right,#2c83c9, #57bff2);position: relative;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c83c9', endColorstr='#57bff2',GradientType=0 );}
.con-box3{margin-top: 65px}
.c_foot_box img{float: left;width: auto;margin-left: -30px;display: block;}
.c_foot_box p{font-size: 16px;color: #fefefe;width: 640px;float: right;text-align: justify;padding-top: 116px;box-sizing: border-box;}

/*2018.11.15*/
.c-ysf-table{width: 1200px;margin: 0 auto; background: #fff;}
.c-table-tit{width: 100%;height: 70px;background: url("/hk/servicesProducts/products/innovativeProducts/mobilePayment/images/c_bor.png") repeat-x center}
.c-table-tit span{width: 390px;height: 70px; background:#fff;color:#333;line-height: 70px;display: block;text-align: center;margin: 0 auto;font-size: 24px;font-weight: bold;}
.c-table-box{width: 750px;margin: 35px auto;}
.c-table-box img{}


/*新增logo页面*/
.z-new-text{width:1200px;height:auto;display:block;margin:0 auto;padding-bottom: 30px}
.z-new-text h2{width:100%;height:60px;display:block;margin:40px auto 0 auto;line-height:60px;color:#ea0220;font-size:24px;text-align:center;position:relative}
.z-new-text h2 span{margin:0 auto;background:#fff;padding:0 20px;position:relative;z-index:9}
.z-new-text h2 i{width:100%;height:2px;display:block;position:absolute;background:#e6e6e6;top:30px}
.z-new-text h3{width:100%;height:auto;display:block;font-size:30px;color:#1a1a1a;text-align:center;padding-bottom:20px;padding-top:40px}
.z-new-text p{width:100%;height:auto;display:block;font-size:18px;color:#666;text-align:left;padding-bottom:30px;font-weight:600}
.z-new-text ul{width:100%;height:auto;display:block;margin:0 auto;overflow:hidden}
.z-new-text ul li{width:20%;display:block;float:left;height:auto;padding-bottom:25px}
.z-new-text ul li a{width:100%;height:100%;display:block;margin:0 auto;text-align:center;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.z-new-text ul li a img{width:73%;height:auto;display:block;margin:0 auto}
.z-new-text .z-new-ul{border-bottom:1px solid #e6e6e6}
.z-new-text ul li a:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.z-new-text-l ul li{width:14.28%;display:block;float:left;height:auto;padding-bottom:25px}
.z-new-text-l h2{background: url(/hk/servicesProducts/products/innovativeProducts/mobilePayment/images/c_bor.png) repeat-x center;color:#333;}
.z-new-text-l h3{font-size:22px;color:#1a1a1a;text-align:center;padding-bottom:30px;padding-top:20px}
.z-new-text-l p{font-size:16px;color:#666;text-align:center;font-weight:100}
.z-new-text-l ul li a img{width:85%;height: 65px;}  
.c-ysf-table-new{width:100%;height:auto;display:block;background:#f6f6f6;margin:0 auto;padding:20px 0}
.c-ysf-table-new .c-table-tit{width:1200px;margin:0 auto;background:#f6f6f6 url(/hk/servicesProducts/products/innovativeProducts/mobilePayment/images/c_bor.png) repeat-x center}
.c-ysf-table-new .c-table-tit span{background:#f6f6f6}



.what-box .x-card{width:201px;height:91px;margin:0 auto;color:#4c4c4c;padding-bottom:60px}
.what-box .x-pag{width:100%;height:41px;text-align:left;padding-top:20px;padding-bottom:10px;color:grey}
.what-box .x-pag img{float:left}
.what-box .x-pag span{float:left;line-height:40px;padding-left:15px;text-align:left;font-size:16px;font-weight:700}
.x-data{width:100%;font-size:14px;text-align:left;color:grey}
.con .what .x-data p{font-size:14px;line-height:25px;padding-bottom: 10px;}
.con .what .video-box1{height:430px;width:760px}
.con .con-box1{padding:80px 0;width:100%;border-bottom:1px solid #ccc}
.con-box1 ul li{float:left;margin:0 21px;width:46%}
.con-box1 .box1-box{width:auto;height:auto;text-align:center;overflow:hidden}
.con-box1 .box1-box .box1-box-con{margin:70px 0 30px 0;height:210px;width:370px;position:relative}
.con-box1 .box1-box h6{font-size:24px}
.con-box1 .box1-box p{color:grey;line-height:26px;padding-top:20px}
.con .con-box2{padding:80px 0 40px 0;width:100%;border-bottom:1px solid #ccc}
.con .con-box2 .con-box2-tit{text-align:center;margin-bottom:40px}
.con .con-box3{width:1240px;height:auto;padding:80px 0;border-bottom:1px solid #ccc}
.con .con-box3 .con-box3-tit{text-align:center;width:750px;margin:0 auto;margin-bottom:70px}
.con-box3 .con-box3-tit h6{font-size:40px;font-weight:100;margin-bottom:50px}
.con-box3 .con-box3-tit h6 span{color:#f9281e}
.con-box3 .con-box3-tit p{text-align:left}

.z-title-t h3{width:230px;height:auto;display:block;margin:0 auto;font-size:24px;background:#fff;text-align:center;margin-top:-20px;color:#333}
.z-con-box1 .user_guidex h3{width:900px;line-height:40px;display:block;padding-top:40px;margin:0 auto}
.user_guidex .h3_1 span{width:231px;height:40px;font-size:16px;background:#e9ebf2;color:#333;border-radius:30px;margin:0 auto;display:grid}
.z-user_2 p{display:block;text-align:left;font-size:14px;color:grey;line-height:25px;letter-spacing:.5px}
.userul1 .img{width:100%}
.z-con-box1 .user_guidex .z-user_2{width:1007px;margin:0 auto;border-bottom:1px solid #e8ebf2;padding-bottom:40px}
.z-con-box1 .user_guidex .z-user_2 li{width:100%}
.user_guidex .z-user_2 li+li img{margin-left:-4px}
.z-con-box1 .user_guidex .userul1{width:100%;display:block}

.z-new-text-new p{text-align:left;padding:0;line-height:30px}
.z-new-text-new p strong{color:#333;padding-top:30px;display:block;padding-bottom:10px}
.z-new-text-new p em{width:100%;display:block;margin:0 auto;text-align:left;color:#ee171d;font-size:14px;font-weight:800}
.z-new-text-new p img{display:block;max-width:100%;height:auto;padding:10px 0}
.z-ysf-text{border-top:2px solid #e6e6e6;margin-top:30px}
/**新增创新功能页*/



.ysf-innovate-text{width:100%;height:auto;margin:0 auto;display:block;background:#fff}
.ysf-innovate-text h2{width:100%;height:140px;display:block;margin:0 auto;text-align:center;line-height:140px;font-size:33px;color:#222;background:#fff;font-weight:600}
.ysf-innovate-text .ysf-innovate-text-p{width:1200px;display:block;margin:0 auto}
.ysf-innovate-text .ysf-innovate-text-p p{font-size:16px;color:#666;line-height:30px;text-align:center;width:1000px;margin:0 auto;padding:10px 0}
.ysf-innovate-text .ysf-innovate-text-p p img{width:408px;height:auto;display:block;margin:0 auto;padding:10px 0}
.ysf-innovate-text .ysf-innovate-text-zp{width:100%;height:auto;display:block;margin:0 auto;background:#f5f6f8;padding-top:40px;padding-bottom:90px}
.ysf-innovate-list{width:1200px;display:block;height:auto;margin:-50px auto 30px auto;background:#fff;border-radius:10px;box-shadow:0 0 19px 0 rgba(0,0,0,.2);overflow:hidden}
.ysf-innovate-list ul{width:1160px;height:auto;display:block;margin:0 auto;overflow: hidden;padding-top: 70px;padding-bottom: 30px}
.ysf-innovate-list h3{
    color: #e03a3e;
    font-size: 20px;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    padding-top: 50px;
}
.ysf-innovate-list ul li{display:block;width:165.7px;height:280px;float:left;position:relative}
.ysf-innovate-list ul li:nth-child(8){margin-left:83px}
.ysf-innovate-list ul li i{width:20px;height:20px;display:block;border:1px solid;text-align:center;line-height:20px;border-radius:100px;background:#e03a3e;color:#fff;margin:0 auto}
.ysf-innovate-list ul li img{max-width:144px;display:block;height:150px;margin:15px auto 0 auto}
.ysf-innovate-list ul li p{width:100%;height:auto;display:block;margin:0 auto;padding-top:10px;color:#231f20;font-size:13px;text-align:center}
.ysf-innovate-list ul li .innovate_r{width:18px;height:auto;display:block;position:absolute;top:100px;right:-10px}
.ysf-innovate-code-list{margin-bottom:50px}
.ysf-innovate-code-list ul li{height:260px;width: 232px;}
.ysf-innovate-code-list ul li img{    height: 166px;}
.ysf-innovate-code-list ul li p{padding-top: 20px;}

.user_guide .z-user_gt h2{width:1200px;height:60px;display:block;margin:40px auto 0 auto;line-height:60px;font-size:24px;text-align:center;position:relative;background:url(/hk/servicesProducts/products/innovativeProducts/mobilePayment/images/c_bor.png) repeat-x center;color:#333;font-weight:700;padding-bottom:0}
.user_guide .z-user_gt h2 span{margin:0 auto;background:#f6f6f6;padding:0 30px;position:relative;z-index:2}


.ysf-code{width:100%;height:auto;display:block;margin:0 auto;background:#fff;padding-bottom:40px}
.ysf-code h2{width:850px;display:block;margin:0 auto;text-align:center;padding-top:50px;padding-bottom:20px;font-size:32px;color:#333}
.ysf-code p{width:850px;display:block;margin:0 auto;text-align:center;font-size:16px;color:#4c4c4c}
.ysf-code p span{font-size:16px;color:#4c4c4c;display:block;padding-bottom:50px;line-height:30px}
.ysf-code p img{width:auto;display:block;margin:0 auto}
.ysf-code-h{width:100%;height:auto;display:block;margin:0 auto;background:#f5f8fc;overflow:hidden;padding-bottom:40px}
.ysf-code-h h2{width:1200px;display:block;margin:0 auto;text-align:center;padding:50px 0;color:#333;font-size:24px;position:relative}
.ysf-code-h h2 i{width:100%;height:1px;background:#dbdbdb;position:absolute;left:0;right:0;margin:0 auto;top:68px}
.ysf-code-h h2 span{background:#f5f8fc;position:relative;z-index:2;padding:0 20px}
.ysf-code-h ul{width:1200px;height:auto;display:block;margin:0 auto}
.ysf-code-h ul li{width:376px;display:block;border:2px solid #fff;float:left;margin-right:30px;padding:40px 0;background:#fff;margin-bottom:30px;border-radius:10px;box-shadow:0 0 15px 3px #ebebeb;cursor:pointer;transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out}
.ysf-code-h ul li:hover{border:2px solid #0079da;transform:translate(0,-6px);-webkit-transform:translate(0,-6px);-moz-transform:translate(0,-6px);-o-transform:translate(0,-6px);-ms-transform:translate(0,-6px)}
.ysf-code-h ul li:last-child{margin-right:0}
.ysf-code-h ul li img{width:auto;height:63px;display:block;margin:0 auto;padding-bottom:10px}
.ysf-code-h ul li h3{width:90%;display:block;height:30px;padding:10px 0;line-height:30px;font-size:18px;text-align:center;color:#333;margin:0 auto}
.ysf-code-h ul li p{width:90%;display:block;margin:0 auto;color:#8b93a7;line-height:28px;text-align:center}
.ysf-code-h .ysf-code-ul li{width:581px}
.ysf-code-h .ysf-code-ul li p{width:85%}
.ysf-code-b{background:#fff}
.ysf-code-b p{width:1200px;display:block;margin:0 auto;color:#4c4c4c;font-size:16px;text-align:center}
.ysf-code-b p img{width:140px;vertical-align:middle}
.ysf-code-b h4{width:1200px;display:block;height:auto;margin:0 auto;text-align:center;color:#333;font-size:24px;padding:20px 0}
.ysf-code-logo{width:1198px;display:block;margin:0 auto 30px;border-radius:30px;padding:40px 0;text-align:center;border: 1px dashed  #dfdfdf}
.ysf-code-logo img{max-height:400px;display:block;margin:0 auto}
.ysf-code-hh{width:100%;height:auto;display:block;margin:0 auto;background:#fff}
.ysf-code-hh .z-new-text-l{background:#fff}
.ysf-code-hh h2{width:1200px;display:block;margin:0 auto;text-align:center;padding:50px 0;color:#333;font-size:24px;position:relative;background:0 0;line-height:31px;height:auto}
.ysf-code-hh h2 i{width:100%;height:1px;background:#dbdbdb;position:absolute;left:0;right:0;margin:0 auto;top:68px}
.ysf-code-hh h2 span{background:#fff}
.code-footer{width:1200px;display:block;margin:0 auto;text-align:center}
.code-footer p{color:#4c4c4c;font-size:16px;padding-bottom:30px}
.code-footer p img{width:221px;display:block;margin:0 auto;padding-bottom:30px}
.ysf-code-b h2 span{background: #fff}
.ysf-code .q_btn{padding-bottom: 0;padding-top: 60px;text-align: center;}
.ysf-code  .q_btn a{display: inline-block;width: auto;height: 25px;font-size: 16px;border: 1px solid #385ea3;border-radius: 20px;padding: 5px 35px 5px 35px;line-height: 25px;margin: 0 10px;}

 /* 2022.3.3  */
 .ysf-innovate-zn{background-color: #f4f6f8;padding-bottom: 30px;}
.ysf-innovate-zn-con{
    margin-top: 75px;
}
.ysf-innovate-zn-con ul li{
    width: 190px;
    height: auto;
}
.ysf-innovate-zn-con ul li p{
    width: 80%;
}
.ysf-innovate-zn-con ul li .ysf-innovate-zn-dg{color: #d44135;}
.ysf-innovate-zn-con .ysf-innovate-zn_c{
    border:  1px solid #e4e4e4;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}
.ysf-innovate-zn-con .ysf-innovate-zn_c ul{width: 100%;    padding-top: 20px;}
.ysf-innovate-zn-con .ysf-innovate-zn_c ul li{width: 33.333%;}
.ysf-innovate-zn-con .ysf-innovate-zn_c h3{color: #000; margin: 20px 0;padding-top: 20px;}
.ysf-innovate-zn-con .ysf-innovate-zn_c.zn_ct ul li{width: 50%;}
.ysf-innovate-zn-con .ysf-innovate-zn_c.zn_ct ul{width: 60%;}
.ysf-innovate-zn-four{
    border-top: 1px solid #e4e4e4;
     margin-top:30px;
}
.ysf-innovate-zn-four ul ,.ysf-innovate-zn-five ul{width: 80%;margin: 0 auto;}
.ysf-innovate-zn-four ul li{width: 25%;}

.ysf-innovate-zn-five ul li{width: 20%;}
.turn-page{
    padding: 55px 0;
}
.turn-page a{
    display: block;
    text-align: center;
    width: 30%;
    margin: 0 auto;
    border: 1px solid #e4e4e4;
    text-decoration: none;
    padding: 15px 0;
}
.turn-page a img,.turn-page h3{display: inline-block;}
.turn-page h3{margin-right: 10px;}

/* mobilequickpass-page */
.mobilequickpass-list{
    width: 1200px;
    display: block;
    height: auto;
    margin: 0 auto;
    margin-bottom: 40px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 19px 0 rgb(0 0 0 / 20%);
    overflow: hidden;
}


.mobilequickpass-list ul{width: 100%; padding: 50px 20px 0 50px;box-sizing: border-box;;}
.mobilequickpass-list ul li{display: block; width: 100%;padding: 50px 30px;border-bottom: 1px dashed  #e4e4e4;box-sizing: border-box;}
.mobilequickpass-list ul li p{text-align: left;margin-left: 20px;}
.mobilequickpass-list ul li:last-child{border: none;}

.mobilequickpass-dg {
    background-color: #f4f6f8;
    text-align: center;
    padding: 20px 0;
}