.fl{float:left}
.fr{float:right}
.ysf-warp{margin-top:85px;width:100%;height:auto}
.ysf-tit{color:#191919}
.ysf-p{color:#383838;text-align:left;text-indent:2em}
.ysf-video{cursor:pointer;padding-top:20px}
.playbtn{position:absolute;top:50%;left:50%;cursor:pointer;display:none;z-index:88;width:56px;height:68px;margin-top:-34px;margin-left:-28px}
.ysf-banner{width:100%;height:auto}
.ysf-banner img{width:100%;height:auto}
.btn-list li a img{width:100%;height:auto}
.ysf-nav{width:100%;height:57px;background:url(/en/servicesProducts/products/innovativeProducts/mobilePayment/images/nav-bg_02.jpg) no-repeat center top}
.ysf-nav .nav-box{width:1220px;height:57px;margin:0 auto;padding:0 20px}
.nav-box .nav-list{background:url(/en/servicesProducts/products/innovativeProducts/mobilePayment/images/home_041.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}
.ysf-warp .bx-wrapper .bx-pager{bottom:10px}
.ysf-warp .bx-wrapper .bx-pager.bx-default-pager a{background:#fff}
.n-ysf-top{width:100%;display:block;height:auto;margin:0 auto}
.n-ysf-top ul{width:100%;display:block;margin:0 auto;padding:50px 0}
.n-ysf-top .n-ysf-bg{background:#f5f6f7}
.n-ysf-top ul li{width:1200px;height:auto;display:block;margin:0 auto;overflow:hidden}
.n-ysf-top ul li .n-ysf-top-vdo{width:580px;display:block;height:auto;position:relative}
.n-ysf-top ul li .n-ysf-top-text{width:550px;display:block;height:auto}
.n-ysf-top ul li .n-ysf-top-text p{font-size:16px;color:#4c4c4c;padding-top:10px;line-height:23px;display:block}
.n-ysf-top ul li .n-ysf-top-text p em{font-size:30px;display:block;padding-top:10px;color:#191919;line-height:35px;padding-bottom: 10px;}
.n-ysf-top .n-ysf-bg li .n-ysf-top-vdo{width:550px;display:block;height:auto}
.n-ysf-top .n-ysf-bg li .n-ysf-top-text{width:580px;display:block;height:auto;padding-top:20px}
.n-ysf-top-img{width:835px;height:auto;display:block;margin:0 auto;padding-bottom:20px}
.n-ysf-top-img img{width:80%;display:block;margin:0 auto;padding-top:50px}
.n-ysf-list{width:100%;display:block;height:auto;margin:0 auto;background:#f5f6f7;padding:40px 0;overflow:hidden}
.n-ysf-list-t{width:1200px;height:auto;display:block;margin:0 auto;text-align:center}
.n-ysf-list-t h3{width:100%;display:block;margin:0 auto;font-size:32px;color:#191919;font-weight:300}
.n-ysf-list-t span{font-size:24px;color:#222;letter-spacing:1px;text-align:center;line-height:48px;font-weight:500;padding-bottom:80px;padding-top:50px;display:block}
.n-ysf-list-t p{width:100%;display:block;height:auto;margin:0 auto;color:#666;font-size:14px;padding-top:5px;letter-spacing:0}
.n-ysf-list ul{width:1200px;height:auto;display:block;margin:0 auto;padding-top:40px}
.n-ysf-list ul li{width:380px;height:430px;display:block;float:left;background:#fff;border-bottom:4px solid #e12a2a;margin-right:30px}
.n-ysf-list ul li:nth-child(3n+3){margin-right:0}
.n-ysf-list ul li .n-ysf-list-img{width:380px;height:260px;display:block;overflow:hidden;position:relative}
.n-ysf-list ul li .n-ysf-list-img img{max-width:380px;height:260px;display:block;margin:0 auto}
.n-ysf-list ul li .n-ysf-list-img p{width:90%;display:block;height:auto;position:absolute;top:65px;left:0;right:0;margin:0 auto;color:#fff;font-size:30px;text-align:center}
.n-ysf-list ul li .n-ysf-list-img p span{width:100%;height:auto;display:block;padding-bottom:30px;line-height: 35px;}
.n-ysf-list ul li .n-ysf-list-img p strong{width:100%;height:auto;display:block;font-weight:300}
.n-ysf-list ul li .n-ysf-list-text{padding-top:35px;width:90%;display:block;margin:0 auto;height:auto;line-height:35px;color:#333;font-size:15px}
.n-ysf-list ul li .n-ysf-list-text p{
    text-align: left;
    line-height: 25px;
}
.n-ysf-process{width:100%;display:block;height:auto;margin:0 auto;overflow:hidden;background:#f5f6f7;position:relative}
.n-ysf-process .n-ysf-list-t{width:100%;background:#fff;padding-top:40px;margin-bottom:80px}
.n-ysf-code{width:580px;height:200px;margin:0 auto;background:#fff;border:1px solid #e3e3e3;position:absolute;left:0;right:0;top:230px}
.n-ysf-code img{float:left;display:block;width:120px;height:120px;margin:40px 30px 0 150px}
.n-ysf-code p{width:200px;display:block;float:left}
.n-ysf-code p img{width:48px;height:48px;margin:75px 0 4px;float:none}
.n-ysf-code p span{font-size:16px;color:#222;letter-spacing:.5px;line-height:32px}
.n-ysf-reg{width:100%;display:block;height:auto;margin:0 auto 80px auto;padding-top:60px;background:#fff;padding-bottom:80px}
.n-ysf-reg p img{width:30px;height:30px;display:block;margin:17px auto}
.n-ysf-reg p span{font-size:24px;color:#222;letter-spacing:1px;text-align:center;line-height:48px;display:block}
.n-ysf-reg p{width:1200px;display:block;height:auto;margin:0 auto;text-align:center}
.n-ysf-reg ul{width:1200px;display:block;margin:18px auto 0 auto;height:auto;overflow:hidden;position:absolute;left:0;right:0;z-index:2}
.n-ysf-reg ul li{float:left;margin-right:20px;width:285px;height:200px;position:relative}
.n-ysf-reg ul li span{font-size:20px;color:#dd2c34;letter-spacing:1px;display:block;width:40px;height:40px;line-height:40px;text-align:center;background:url(/en/servicesProducts/products/innovativeProducts/mobilePayment/images/circle.png) no-repeat center;background-size:cover;margin:0 auto;position:absolute;left:120px;top:35px}
.n-ysf-reg ul li p{
    font-size: 12px;
    color: #222;
    letter-spacing: .5px;
    line-height: 18px;
    width: 153px;
    text-align: left;
    position: absolute;
    left: 120px;
    top: 80px;
}
.n-ysf-reg ul li img{width:100%;height:100%;display:block}
.n-ysf-reg ul li:last-child{margin-right:0}
.n-ysf-reg-fot{width:100%;height:auto;display:block;margin:0 auto 80px auto;background:#fff;position:relative;z-index:0;padding-bottom:240px}
.n-ysf-reg-fot .n-ysf-code{width:500px;height:200px;margin:0 auto;background:#fff;border:1px solid #e3e3e3;position:absolute;top:180px}
.n-ysf-reg-fot h5{font-size:24px;color:#dd2c34;letter-spacing:1px;text-align:center;position:absolute;left:0;right:0;font-weight:300;top:55px}
.n-ysf-reg-fot h5 img{width:30px;height:30px;display:block;margin:17px auto}
.n-ysf-table{width:100%;height:auto;display:block;margin:0 auto;background:#fff;padding-top:120px}
.n-ysf-table-t{width:100%;height:auto;display:block;margin:0 auto;background:#f5f6f7;padding-bottom:40px}
.n-ysf-table-t h6{width:1200px;display:block;height:auto;margin:0 auto;text-align:center;font-size:30px;color:#191919;letter-spacing:1px;line-height:48px;font-weight:300;padding-top:60px}
.n-ysf-table-t p{width:1200px;display:block;height:auto;margin:0 auto;font-size:15px;color:#383838;text-align:left;line-height:28px;padding:30px 0;}
.n-ysf-table-t img{width:1121px;height:auto;display:block;margin:0 auto}
.n-ysf-footer{background:#fff url(/en/servicesProducts/products/innovativeProducts/mobilePayment/images/f_bg.png) center bottom no-repeat;background-size:100%;position:relative}
.n-ysf-footer h6{padding-bottom:30px}
.n-ysf-footer p{width:1000px;padding:10px 0;text-indent:0;text-align:left}
.n-ysf-footer img{width:755px;display:block;margin:0 auto;padding-top:30px;padding-left:145px}
.n-ysf-footer a{width:260px;height:55px;line-height:55px;display:block;position:absolute;left:0;right:0;margin:0 auto;border:1px solid #ff8383;color:#ff8383;font-size:20px;text-align:center;border-radius:200px;bottom:120px;font-weight:300}
.vjs-poster{border-radius:15px}
.video-js .vjs-tech{border-radius:15px}
.tb-box{width:1200px;height:auto;display:block;margin:0 auto}
.tb-box table{width:1200px;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:0;color:#9e9e9e;text-align:left;text-indent:0}
.tb-box .tb-about span{color:#1e5e9c}
.tb-box td em{font-size:12px;font-style:normal;padding-left:10px;color:#9e9e9e;display:block;padding-top:5px}
.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s;width:500px;text-align:center;margin:0 auto}
.vjs-big-play-centered .vjs-big-play-button{background:url(/en/servicesProducts/products/innovativeProducts/mobilePayment/images/play_icon.png) center center no-repeat;height:50px;width:50px;background-size:100% 100%}
.video-js .vjs-big-play-button{opacity:1;border:none;background-color:none;border-radius:.3em;transition:all .4s}
.play-title{font-size:18px;color:#fff;cursor:pointer;margin:0 auto;position:absolute;top:210px;text-align:center;width:100%}
.vjs-poster{background-size:100% 100%}
.n-ysf-top-a{width:120px;height:40px;text-align:center;line-height:40px;display:block;border:1px solid #e12a2a;color:#e12a2a;border-radius:5px;font-size:16px;margin-top:30px}
.vjs-big-play-centered .vjs-big-play-button{margin-left:-.7em}



.n-ysf-process .n-ysf-list-news{background:#f5f6f7;padding-top:0;margin-bottom:0;position:relative}
.n-ysf-process .n-ysf-list-news img{width:1200px;height:auto;display:block;margin:0 auto}
.n-ysf-process .n-ysf-list-news .n-ysf-list-news-p{width:1000px;height:auto;display:block;margin:-50px auto 0 auto;background:#fff;border-radius:10px;position:relative;padding:40px 0;box-shadow:0 -1px 6px 2px rgba(0,0,0,.2)}
.n-ysf-process .n-ysf-list-news p{width:82%;height:auto;display:block;text-align:justify;font-size:16px;letter-spacing: 0}
.n-ysf-process .n-ysf-list-news-f{width:1200px;display:block;height:auto;margin:0 auto;color:#da161e;font-size:16px;padding-top:50px}
.n-ysf-process .n-ysf-list-news-f img{width:10px;display:inline-block;vertical-align:middle;padding-left:10px;margin-top:-3px}
.n-ysf-reg-new{background:#f5f6f7;position:relative;padding-bottom:0;margin:0 auto;padding-top: 40px;}
.n-ysf-reg-new ul li{width:240px;height:260px;position:relative;margin-right:0}
.n-ysf-reg-new p strong{font-size:12px;font-weight:400}
.n-ysf-reg-new ul{position:relative;background:0 0}
.n-ysf-reg-new ul li img{width:auto;height:auto;margin:0 auto}
.n-ysf-reg-new ul li p{position:static;width:240px;color:#333;text-align:center;font-size:14px;line-height:25px;padding-top:10px}
.n-ysf-reg-new ul li p em{
    display: block;
    color: #ec6733;
    line-height: 25px;
    width: 90%;
    margin: 0 auto;
}
.n-ysf-reg-new p{height:69px}
.n-ysf-news-bg{width:100%;height:80px;background:#fff;position:absolute;top:200px;z-index:1}
.n-ysf-reg-new ul li .n-ysf-right{position:absolute;right:-7px;top:105px}
.n-ysf-reg-new .n-ysf-reg-new-ul{padding-left:240px;padding-bottom:40px}
.n-ysf-reg-new .n-ysf-reg-new-ul li .n-ysf-right{
    top: 83px;}

.n-ysf-list-pos h3{font-size:40px}
.n-ysf-list-pos p{font-size:16px;font-weight:300;letter-spacing:0}
.n-ysf-list-pos{background:#fff;position:relative}
.n-ysf-top-pos ul{padding-top:80px;padding-bottom: 20px;}
.section-body .rectangle-list-1{display:flex;justify-content:space-between;flex-wrap:nowrap}
.section-body .rectangle-list-1 li{text-align:center;background:#f5f5f5;padding:50px 20px;height:auto;border:none;width:184px;margin-right:20px;float:left}
.section-body .rectangle-list-1 li img{width:120px;height:auto;max-height:100%;max-width:100%;margin-bottom:26px}
.section-body .rectangle-list-1 li h3{font-weight:600;font-size:15px;letter-spacing:1px;line-height:22px;color:#222}
.section-body .rectangle-list-1 li p{
    width: 180px;
    font-size: 14px;
    line-height: 21px;
    color: #222;
    margin: 18px 0 0 0;
    text-align: left;
}
.section-body .rectangle-list-1 li:nth-child(3n+3){margin-right:20px}
.section-body .rectangle-list-1 li:nth-child(5){margin-right:0}
.n-ysf-list .n-ysf-list-pos-c{position:relative;overflow:hidden;z-index:9}
.n-ysf-list .n-ysf-list-pos-c li{width:560px;height:auto;margin-right:80px;border:none}
.n-ysf-list .n-ysf-list-pos-c li:nth-child(2){margin-right:0}
.n-ysf-list .n-ysf-list-pos-c img{width:375px;display:block;height:auto;margin:0 auto}
.n-ysf-list-pos-img{width:100%;border:1px solid #e3e3e3;height:385px;margin-right:120px}
.n-ysf-list .n-ysf-list-pos-c p{letter-spacing:0;width:100%;height:auto;display:block;margin:0 auto;background:#f2f2f2;text-align:center}
.n-ysf-list .n-ysf-list-pos-c p strong{width:100%;display:block;padding-top:30px;margin-bottom:10px;font-size:28px;color:#222;letter-spacing:2px;text-align:center;font-weight:300}
.n-ysf-list .n-ysf-list-pos-c p span{line-height:32px;font-size:18px;color:#222;font-weight:100}
.n-ysf-list-pos-bottom{width:100%;height:300px;background:#f2f2f2;bottom:0;position:absolute;z-index:3}
.n-ysf-list-pos-text{width:1200px;height:auto;display:block;margin:0 auto;padding-top:40px}
.n-ysf-list-pos-text .n-ysf-list-pos-l{width:380px;margin-right:80px}
.n-ysf-list-pos-text .n-ysf-list-pos-l img{width:100%;height:auto;display:block;margin:0 auto}
.n-ysf-list-pos-text .n-ysf-list-pos-r{max-width:740px}
.n-ysf-list-pos-text .n-ysf-list-pos-r h2{font-size:26px;color:#191919;padding-top:55px;padding-bottom:20px}
.n-ysf-list-pos-text .n-ysf-list-pos-r p{letter-spacing:0;display:block;padding-bottom:10px;color:#666}
.n-ysf-list-pos-text .n-ysf-list-pos-r p em{font-size:18px;display:block;color:#191919;padding:10px 0}
.n-ysf-app{width:100%;height:400px;background:url(/en/servicesProducts/products/innovativeProducts/mobilePayment/images/banner-bg1.png) no-repeat center center;background-size:cover;margin-top:40px}
.n-ysf-app ul{overflow:hidden;margin:0 auto;width:740px;padding-top:0}
.n-ysf-app ul li{background:0 0;width:280px;height:200px;float:left;padding:80px 0 55px;margin-right:0;border:none}
.n-ysf-app ul li:nth-child(1){margin-right:180px}
.n-ysf-app ul li .img{width:120px;height:120px;margin:0 auto}
.n-ysf-app ul li .img img{width:100%;height:100%}
.n-ysf-app ul li .n-ysf-section{margin-top:30px;font-size:24px;color:#fff;letter-spacing:1px;text-align:center;line-height:48px}
.n-ysftxtScroll{position:relative;left:0;right:0;margin:0 auto;width:980px;height:242px;top:-90px;background:#f2f2f2;overflow:hidden}
.n-ysftxtScroll .hd{overflow:hidden;height:30px;background:#f4f4f4;padding:0 10px;position:absolute;top:20px;right:100px;z-index: 3}
.n-ysftxtScroll .hd ul{overflow:hidden;zoom:1}
.n-ysftxtScroll .hd ul li{margin:0 10px 0 0;width:8px;text-indent:-999px;height:8px;border-radius:50%;background:rgba(255,255,255,.8);float:left;cursor:pointer}
.n-ysftxtScroll .hd ul li.on{width:24px;background:#dd2c34;opacity:1;filter:Alpha(opacity=100);border-radius:5px;animation:load 5S ease-in;-webkit-animation:load 5S linear}
.n-ysftxtScroll .bd{width:100%;overflow:hidden}
.n-ysftxtScroll .bd ul{overflow:hidden;zoom:1}
.n-ysftxtScroll .bd ul li{display:block;padding:28px 100px}
.n-ysftxtScroll .bd ul li h5{font-size:20px;color:#222;letter-spacing:1px;line-height:26px;width:600px;margin-bottom:20px}
.n-ysftxtScroll .bd ul li p{font-size:16px;color:#222;letter-spacing:.5px;line-height:25px;width:580px;float:left}
.n-ysftxtScroll .bd ul li span{opacity:.7;font-size:60px;color:#ccc;letter-spacing:2.5px;text-align:center;line-height:60px;float:right;margin-top:22px}
.n-ysf-process-news{margin:-110px auto 0 auto}
.n-ysf-process-news .n-ysf-reg ul{background:0 0;position:relative}
.n-ysf-process-news .n-ysf-reg ul li{width:344px;border:1px solid #e3e3e3;height:160px;padding:20px;background:#fff}
.n-ysf-process-news .n-ysf-reg ul li img{width:auto;height:158px;float:left;margin-right:20px}
.n-ysf-process-news .n-ysf-reg ul li span{left:150px;top:25px}
.n-ysf-process-news .n-ysf-reg ul li p{width:230px;left:150px;top:80px;line-height: 23px}
.n-ysf-process-news .n-ysf-reg{margin:0 auto;padding-bottom:10px}
.n-ysf-process-news .n-ysf-news-bg{width:100%;height:80px;background:#f2f2f2;position:absolute;top:200px;z-index:1}
.n-ysf-rectangle{width:1200px;display:block;height:auto;position:relative;z-index:3;margin:0 auto}
.n-ysf-rectangle ul{overflow:hidden}
.n-ysf-rectangle ul li{width:280px;height:312px;border:none;margin-right:24px;position:relative}
.n-ysf-rectangle ul li .list-title{margin-bottom:20px}
.n-ysf-rectangle ul li .list-title h3{font-size:23px;font-weight:500;line-height:40px;letter-spacing:1px;text-align:center;color:#222}
.n-ysf-rectangle ul li .list-box{padding:30px;border:1px solid #e3e3e3;background:#fff}
.n-ysf-rectangle ul li .list-box .list-box-item{width:220px;text-align:center}
.n-ysf-rectangle ul li .list-box .list-box-item img{width:100px;height:auto;margin-bottom:8px}
.n-ysf-rectangle ul li .list-box .list-box-item p{display:block;line-height:32px;font-size:16px;letter-spacing:.5px;color:#222;text-align:center}
.n-ysf-rectangle ul li:not(:last-child)::after{content:"";width:30px;height:30px;position:absolute;top:32px;right:-20px;background:url(/en/servicesProducts/products/innovativeProducts/mobilePayment/images/arrowRight.png) no-repeat center center;background-size:contain}
.n-ysf-rectangle ul li:nth-child(3n+3){margin-right:30px}
.n-ysf-rectangle ul li:nth-child(4){margin-right:0}
.n-ysf-news-bg1{width:100%;height:80px;position:absolute;background:#f2f2f2;top:330px;z-index:1}
.n-ysf-list-pos .n-ysf-reg-fot{margin:0 auto;padding-bottom:0}
.n-ysf-list-pos .n-ysf-reg-fot h5{position:static}
.n-ysf-list-pos .n-ysf-reg-fot .n-ysf-code{position:static;margin-top:20px}
.n-ysf-list-pos .n-ysf-reg-fot .n-ysf-code img{width:120px;height:auto;margin:20px 30px 0 100px}
.n-ysf-list-pos .n-ysf-reg-fot .n-ysf-code p{font-size:16px;font-weight:300;letter-spacing:16px;width:auto}
.n-ysf-list-pos .n-ysf-reg-fot .n-ysf-code p img{width:40px;height:auto;margin:50px 0 0 0;padding-bottom:10px}

.n-ysf-list-news-f{padding-bottom: 20px;cursor: pointer}








@media (min-width:1280px){body{overflow-y:auto;overflow-x:hidden}
}