.display-table { display: table; width: 100%; height: 100%; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.display-table .display-tableCell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.bg-ff { background: #fff !important; }

.bg-f5 { background: #f5f5f5 !important; }

.sub-banner { width: 100%; margin-top: 81px; position: relative; }

.sub-banner img { width: 100%; }

.sub-banner .sub-bannerTxt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }

.sub-banner .sub-bannerTxt .display-table { width: 1200px; margin: 0 auto; }

.sub-banner .sub-bannerTxt h4 { font-size: 30px; color: #fff; line-height: 47px; }

.sub-banner .sub-bannerTxt p { font-size: 20px; color: #fff; margin-top: 10px; }

.sub-banner .sub-bannerTxt.txtLeft { text-align: left; }

.sub-banner .sub-bannerTxt.black h4 { color: #333; font-style: italic; }

.sub-banner .sub-bannerTxt.black h4 span { width: 85px; display: inline-block; color: #fff; text-align: center; background: url("/imp_file/JPN/jp/static/images/pay-bg.png"/*tpa=/imp_file/global/cn/static/images/pay-bg.png*/) no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.sub-banner .sub-bannerTxt.black p { font-size: 16px; color: #333; font-style: italic; font-weight: bold; }

.sub-banner .sub-bannerTxt.zf h4 { position: relative; padding-bottom: 20px; }

.sub-banner .sub-bannerTxt.sf p { font-size: 20px; color: #fff; font-style: italic; }

.sub-banner .sub-bannerTxt.qr { text-align: left; }

.sub-banner .sub-bannerTxt.qr .display-table { padding-left: 515px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.sub-banner .sub-bannerTxt.qr .display-table p { font-style: italic; }

.YL-crumbs { line-height: 65px; background: #f8f8f8; border-bottom: 1px solid #e8e8e8; }

.YL-crumbs ul li { float: left; font-size: 14px; color: #999; margin-right: 10px; }

.YL-crumbs ul li:last-child a { color: #333; }

.YL-crumbs ul li a { display: inline-block; font-size: 14px; color: #999; }

.YL-crumbs ul li a.homeLink { padding-left: 25px; background: url("/imp_file/JPN/jp/static/images/home-icon.png"/*tpa=/imp_file/global/cn/static/images/home-icon.png*/) no-repeat center left; -moz-background-size: 18px; background-size: 18px; }

.sub-tit { font-size: 24px; color: #333; font-weight: bold; text-align: center; padding: 50px 0 40px; }

.sub-txt { background: #f5f5f5; }

.sub-txt p { font-size: 18px; color: #333; padding: 50px 100px; background: #fff; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.sub-txt p:after { content: ''; display: block; width: 40px; height: 32px; background: url("/imp_file/JPN/jp/static/images/yh01.png"/*tpa=/imp_file/global/cn/static/images/yh01.png*/); position: absolute; top: 15px; left: 15px; }

.sub-txt p:before { content: ''; display: block; width: 40px; height: 32px; background: url("/imp_file/JPN/jp/static/images/yh02.png"/*tpa=/imp_file/global/cn/static/images/yh02.png*/); position: absolute; bottom: 15px; right: 15px; }

.wq-txt { overflow: hidden; }

.wq-txt .wq-txt-t { border-bottom: 1px solid #dbdbdb; }

.wq-txt p { font-size: 18px; color: #333; letter-spacing: 3px; }

.wq-txt .wq-txt-tab { margin-top: 55px; text-align: center; position: relative; }

.wq-txt .wq-txt-tab:after { content: ''; display: block; width: 3000px; height: 1px; background: #dbdbdb; position: absolute; bottom: 1px; left: -1000px; }

.wq-txt .wq-txt-tab span { display: inline-block; font-size: 18px; color: #333; line-height: 22px; margin: 0 80px; cursor: pointer; padding-bottom: 28px; border-bottom: 2px solid #fff; }

.wq-txt .wq-txt-tab span.active { font-size: 24px; font-weight: bold; border-bottom: 2px solid #333; }

.wq-txt ul { text-align: center; padding: 50px 0; }

.wq-txt ul li { display: none; }

.wq-txt ul li.active { display: block; overflow: hidden; }

.wq-txt ul li .wq-s-item { display: inline-block; max-width: 438px; padding: 0 100px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wq-txt ul li .wq-s-item:first-child:before { content: ''; display: block; width: 1px; height: 60%; background: #dbdbdb; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.wq-txt ul li .wq-s-item:last-child:before { display: none; }

.wq-txt ul li .wq-s-item img { width: 80px; margin: 0 auto; }

.wq-txt ul li .wq-s-item span { display: block; font-size: 16px; color: #333; text-align: center; margin: 40px 0 30px; }

.wq-txt ul li .wq-s-item p { font-size: 16px; color: #999; text-align: center; }

.wq-card { padding: 60px 0; background: #f5f5f5 url("/imp_file/JPN/jp/static/images/d-bg.png"/*tpa=/imp_file/global/cn/static/images/d-bg.png*/) no-repeat center bottom; -moz-background-size: 100%; background-size: 100%; }

.wq-card .wq-card-con .wq-card-txt { float: left; width: 46%; margin-right: 5%; }

.wq-card .wq-card-con .wq-card-txt p { font-size: 18px; color: #333; line-height: 28px; }

.wq-card .wq-card-con .wq-card-img { float: left; width: 49%; }

.wq-card .wq-card-con .wq-card-img img { width: 100%; }

.wq-service { padding: 0 0 50px; }

.wq-service p { font-size: 18px; color: #333; }

.wq-service ul { margin-top: 50px; }

.wq-service ul li { float: left; width: 48%; background: #f5f5f5; text-align: center; padding-bottom: 20px; }

.wq-service ul li:first-child { margin-right: 4%; }

.wq-service ul li .wq-service-img { position: relative; }

.wq-service ul li .wq-service-img:before { content: ''; width: 100%; height: 50%; background: #fff; position: absolute; top: 0; left: 0; }

.wq-service ul li .wq-service-img img { width: 355px; margin: 0 auto; position: relative; }

.wq-service ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; text-align: center; margin: 25px 0; }

.wq-service ul li a { display: inline-block; font-size: 14px; color: #df3232; line-height: 38px; padding: 0 25px; border: 1px solid #df3232; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.wq-service ul li a:hover { color: #fff; background: #df3232; }

.wq-ability { padding-bottom: 50px; background: #f5f5f5; }

.wq-ability p { font-size: 18px; color: #333; text-align: center; }

.wq-ability ul { width: 101%; margin-left: -0.5%; margin-top: 40px; }

.wq-ability ul li { float: left; width: 32.33%; margin: 0 0.5%; padding-bottom: 30px; background: #fff; text-align: left; position: relative; }

.wq-ability ul li img { width: 100%; }

.wq-ability ul li span { display: block; font-size: 16px; color: #333; font-weight: bold; margin: 20px; }

.wq-ability ul li p { height: 174px; font-size: 16px; color: #999; margin: 0 20px; text-align: left; overflow: hidden; }

.wq-ability ul li a { display: inline-block; font-size: 14px; color: #df3232; line-height: 38px; padding: 0 25px; border: 1px solid #df3232; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: absolute; left: 50%; bottom: 30px; margin-left: -54px; }

.wq-ability ul li a:hover { color: #fff; background: #df3232; }

.YL-solution .YL-solution-con .solution-tab ul { padding: 0 50px; border-bottom: 1px solid #ebebeb; }

.YL-solution .YL-solution-con .solution-tab ul li { float: left; width: 16.666%; text-align: center; }

.YL-solution .YL-solution-con .solution-tab ul li.active a { font-size: 24px; color: #333; font-weight: bold; border-bottom: 2px solid #333; }

.YL-solution .YL-solution-con .solution-tab ul li a { display: inline-block; font-size: 16px; color: #666; line-height: 24px; padding: 40px 0; }

.YL-solution .YL-solution-con .solution-switch .solution-switch-item { padding-bottom: 40px; border-bottom: 1px solid #ebebeb; }

.YL-solution .YL-solution-con .solution-switch .solution-switch-item dl { width: 102%; margin-left: -1%; }

.YL-solution .YL-solution-con .solution-switch .solution-switch-item dl dd { float: left; width: 31.33%; margin: 0 1% 1% 1%; }

.YL-solution .YL-solution-con .solution-switch .solution-switch-item dl dd a { display: block; height: 78px; line-height: 78px; text-align: center; background: #f8f8f8; position: relative; }

.YL-solution .YL-solution-con .solution-switch .solution-switch-item dl dd a:hover { background: #fff; -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); }

.YL-solution .YL-solution-con .solution-switch .solution-switch-item dl dd a:hover span { font-size: 18px; font-weight: bold; }

.YL-solution .YL-solution-con .solution-switch .solution-switch-item dl dd a:hover:before { content: ''; width: 100%; height: 2px; background: #333; position: absolute; left: 0; bottom: 0; }

.YL-solution .YL-solution-con .solution-switch .solution-switch-item dl dd a span { display: inline-block; font-size: 14px; color: #333; padding-left: 32px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; background-repeat: no-repeat; background-position: left center; -moz-background-size: 24px; background-size: 24px; }

.YL-solution .solution-kh-txt { padding-bottom: 50px; background: #f5f5f5; }

.YL-solution .solution-kh-txt p { font-size: 14px; color: #333; line-height: 28px; }

.YL-solution .solution-kh-condition .condition-tit { font-size: 18px; color: #333; font-weight: bold; }

.YL-solution .solution-kh-condition ul { width: 102%; margin-left: -1%; margin-bottom: 40px; }

.YL-solution .solution-kh-condition ul li { float: left; width: 23%; margin: 0 1% 2%; padding: 20px; background: #f8f8f8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.YL-solution .solution-kh-condition ul li .kh-c-img { width: 60px; height: 60px; background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.YL-solution .solution-kh-condition ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; margin: 20px 0; }

.YL-solution .solution-kh-condition ul li p { font-size: 14px; color: #999; height: 63px; overflow: hidden; }

.YL-solution .solution-kh-condition ul.li_3 li { width: 31.33%; }

.YL-solution .solution-kh-scene { padding-bottom: 50px; background: #f5f5f5; }

.YL-solution .solution-kh-scene .scene-tit { font-size: 18px; color: #333; font-weight: bold; }

.YL-solution .solution-kh-scene .scene-con { margin-bottom: 40px; margin-top: 20px; }

.YL-solution .solution-kh-scene .scene-con .scene-con-img { float: left; width: 48%; margin-right: 4%; }

.YL-solution .solution-kh-scene .scene-con .scene-con-img img { width: 100%; }

.YL-solution .solution-kh-scene .scene-con .scene-con-txt { float: left; width: 48%; }

.YL-solution .solution-kh-scene .scene-con .scene-con-txt p { font-size: 14px; color: #999; margin: 30px 0; }

.YL-solution .solution-kh-scene .scene-con .scene-con-txt p span { display: block; font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px; }

.YL-solution .solution-kh-process { padding-bottom: 50px; }

.YL-solution .solution-kh-process img { width: 98%; margin: 0 auto; }

.YL-solution .solution-kh-case { padding-bottom: 50px; background: #f5f5f5; }

.YL-solution .solution-kh-case ul li { float: left; width: 48%; padding: 40px 0; background: #fff; text-align: center; }

.YL-solution .solution-kh-case ul li:first-child { margin-right: 4%; }

.YL-solution .solution-kh-case ul li .zf-icon { width: 60px; height: 60px; margin: 0 auto; background: #f5f5f5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.YL-solution .solution-kh-case ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; margin: 20px 0; }

.YL-solution .solution-kh-case ul li p { font-size: 14px; color: #666; margin: 0 30px; height: 42px; overflow: hidden; }

.YL-solution .solution-kh-case .case-swiper .case-swiper-tit { font-size: 18px; color: #333; font-weight: bold; margin-bottom: 20px; }

.YL-solution .solution-kh-case .case-swiper .case-swiper-l { float: left; width: 48%; margin-right: 4%; position: relative; }

.YL-solution .solution-kh-case .case-swiper .case-swiper-l:before { content: ''; width: 1px; height: 15px; background: #999; position: absolute; right: 39.5px; bottom: 12px; z-index: 20; }

.YL-solution .solution-kh-case .case-swiper .case-swiper-r { float: left; width: 48%; position: relative; }

.YL-solution .solution-kh-case .case-swiper .case-swiper-r:before { content: ''; width: 1px; height: 15px; background: #999; position: absolute; right: 39.5px; bottom: 12px; z-index: 20; }

.YL-solution .solution-kh-case .case-swiper .swiper-slide { position: relative; }

.YL-solution .solution-kh-case .case-swiper .swiper-slide img { width: 100%; }

.YL-solution .solution-kh-case .case-swiper .swiper-slide span { display: block; width: 100%; position: absolute; left: 0; bottom: 0; font-size: 14px; color: #fff; line-height: 40px; padding: 0 30px; background: rgba(0, 0, 0, 0.4); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.YL-solution .solution-kh-case .case-swiper .swiper-button-prev { width: 40px; height: 40px; background: #fff url("/imp_file/JPN/jp/static/images/jj-btn-l.png"/*tpa=/imp_file/global/cn/static/images/jj-btn-l.png*/) no-repeat center; left: inherit; right: 40px; top: inherit; bottom: 0; z-index: 15; }

.YL-solution .solution-kh-case .case-swiper .swiper-button-prev:hover { background: #dbdbdb url("/imp_file/JPN/jp/static/images/jj-btn-l.png"/*tpa=/imp_file/global/cn/static/images/jj-btn-l.png*/) no-repeat center; }

.YL-solution .solution-kh-case .case-swiper .swiper-button-next { width: 40px; height: 40px; background: #fff url("/imp_file/JPN/jp/static/images/jj-btn-r.png"/*tpa=/imp_file/global/cn/static/images/jj-btn-r.png*/) no-repeat center; left: inherit; right: 0; top: inherit; bottom: 0; z-index: 15; }

.YL-solution .solution-kh-case .case-swiper .swiper-button-next:hover { background: #dbdbdb url("/imp_file/JPN/jp/static/images/jj-btn-r.png"/*tpa=/imp_file/global/cn/static/images/jj-btn-r.png*/) no-repeat center; }

.YL-solution .solution-kh-case .case-swiper .swiper-pagination { width: 50px; line-height: 40px; text-align: right; left: inherit; right: 90px; color: #fff; bottom: 0; }

.YL-solution .solution-kh-case .case-swiper .swiper-pagination span { font-size: 14px; color: #fff; }

.YL-solution .solution-kh-case .case-swiper .swiper-pagination span.swiper-pagination-current { font-size: 20px; }

.YL-solution .solution-kh-characteristic { padding-bottom: 50px; }

.YL-solution .solution-kh-characteristic ul { width: 102%; margin-left: -1%; }

.YL-solution .solution-kh-characteristic ul li { float: left; width: 31.33%; margin: 0 1%; text-align: center; padding: 25px 0; border: 1px solid #dedede; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.YL-solution .solution-kh-characteristic ul li span { display: block; font-size: 20px; color: #333; font-weight: bold; }

.YL-solution .solution-kh-characteristic ul li span.en { width: 100%; font-size: 26px; position: absolute; top: 24px; opacity: 0.1; }

.YL-solution .solution-kh-characteristic ul li p { font-size: 14px; color: #333; margin-top: 10px; }

.YL-solution .solution-condition-txt { padding-bottom: 50px; }

.YL-solution .solution-condition-txt p { font-size: 14px; color: #333; text-align: center; line-height: 28px; padding: 20px 0; background: #f5f5f5; }

.YL-solution .solution-condition-txt p img { display: inline-block; margin-right: 20px; }

.YL-solution .solution-condition-txt dl.ds-dl { margin: 0 100px; }

.YL-solution .solution-condition-txt dl.ds-dl dd { float: left; width: 33.33%; text-align: center; }

.YL-solution .solution-condition-txt dl.ds-dl dd .ds-tj-img { width: 75px; height: 75px; margin: 0 auto; background: #f5f5f5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.YL-solution .solution-condition-txt dl.ds-dl dd .ds-tj-img img { margin: 0 auto; }

.YL-solution .solution-condition-txt dl.ds-dl dd span { display: block; font-size: 18px; color: #333; font-weight: bold; line-height: 40px; margin-top: 20px; }

.YL-solution .solution-case { padding-bottom: 50px; background: #f5f5f5; }

.YL-solution .solution-case ul { width: 102%; margin-left: -1%; }

.YL-solution .solution-case ul li { float: left; width: 31.33%; height: 420px; margin: 0 1%; background-repeat: no-repeat; background-position: center; -moz-background-size: 100% 100%; background-size: 100% 100%; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; overflow: hidden; }

.YL-solution .solution-case ul li:hover { -moz-background-size: 110% 110%; background-size: 110% 110%; }

.YL-solution .solution-case ul li .display-table { background: rgba(0, 0, 0, 0.4); text-align: center; }

.YL-solution .solution-case ul li .display-table img { margin: 0 auto; }

.YL-solution .solution-case ul li .display-table span { display: block; font-size: 18px; color: #fff; font-weight: bold; line-height: 40px; padding-top: 25px; margin-top: 25px; position: relative; }

.YL-solution .solution-case ul li .display-table span:before { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; top: 0; left: 50%; margin-left: -10px; }

.YL-solution .solution-case ul li .display-table p { height: 0; padding: 0 20px; font-size: 14px; color: #fff; overflow: hidden; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.YL-solution .solution-case ul.li_2 li { width: 48%; }

.YL-solution .solution-ct-case ul li:hover .display-table p { height: 63px !important; }

.YL-solution .solution-characteristic { padding-bottom: 50px; }

.YL-solution .solution-characteristic ul { width: 102%; margin-left: -1%; margin-bottom: 40px; }

.YL-solution .solution-characteristic ul li { float: left; width: 31.33%; margin: 1%; padding: 20px 20px 50px 20px; background: #f8f8f8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.YL-solution .solution-characteristic ul li:before { content: ''; width: 80px; height: 1px; background: #c7c7c7; position: absolute; left: 20px; bottom: 40px; }

.YL-solution .solution-characteristic ul li .kh-c-img { width: 60px; height: 60px; background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.YL-solution .solution-characteristic ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; margin: 20px 0; }

.YL-solution .solution-characteristic ul li p { font-size: 14px; color: #333; line-height: 24px; height: 96px; overflow: hidden; }

.YL-solution .solution-characteristic ul.li_2 li { width: 48%; }

.YL-payment .YL-payment-mobile { padding-bottom: 50px; background: #fff; }

.YL-payment .YL-payment-mobile .mobile-list { width: 102%; margin-left: -1%; }

.YL-payment .YL-payment-mobile .mobile-list .m-item { float: left; width: 31.33%; margin: 0 1%; position: relative; }

.YL-payment .YL-payment-mobile .mobile-list .m-item > img { width: 100%; }

.YL-payment .YL-payment-mobile .mobile-list .m-item .m-item-tit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 35px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; background: rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.YL-payment .YL-payment-mobile .mobile-list .m-item .m-item-tit img { margin: 0 auto; }

.YL-payment .YL-payment-mobile .mobile-list .m-item .m-item-tit span { display: block; font-size: 18px; color: #fff; font-weight: bold; text-align: center; margin: 30px 0; padding: 30px 0; position: relative; }

.YL-payment .YL-payment-mobile .mobile-list .m-item .m-item-tit span:before { content: ''; width: 20px; height: 3px; background: #fff; position: absolute; top: 0; left: 50%; margin-left: -10px; }

.YL-payment .YL-payment-mobile .mobile-list .m-item .m-item-tit p { display: none; font-size: 14px; color: #666; }

.YL-payment .YL-payment-mobile .mobile-list .m-item .m-item-tit a { display: none; font-size: 14px; color: #333; line-height: 38px; padding: 0 30px; margin-top: 40px; border: 1px solid #333; }

.YL-payment .YL-payment-mobile .mobile-list .m-item .m-item-tit a:hover { color: #fff; background: #333; }

.YL-payment .YL-payment-mobile .mobile-list .m-item:hover .m-item-tit { background: #f8f8f8; }

.YL-payment .YL-payment-mobile .mobile-list .m-item:hover .m-item-tit img { display: none; }

.YL-payment .YL-payment-mobile .mobile-list .m-item:hover .m-item-tit span { color: #333; text-align: left; margin: 0 0 30px; padding: 0 0 30px; }

.YL-payment .YL-payment-mobile .mobile-list .m-item:hover .m-item-tit span:before { display: none; }

.YL-payment .YL-payment-mobile .mobile-list .m-item:hover .m-item-tit span:after { content: ''; width: 20px; height: 3px; background: #333; position: absolute; bottom: 0; left: 0; }

.YL-payment .YL-payment-mobile .mobile-list .m-item:hover .m-item-tit p { display: block; }

.YL-payment .YL-payment-mobile .mobile-list .m-item:hover .m-item-tit a { display: inline-block; }

.YL-payment .YL-payment-card { padding-bottom: 30px; background: #f5f5f5; }

.YL-payment .YL-payment-card .card-list { width: 102%; margin-left: -1%; }

.YL-payment .YL-payment-card .card-list .card-list-item { float: left; width: 31.33%; margin: 0 1% 2% 1%; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.YL-payment .YL-payment-card .card-list .card-list-item:hover { -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); }

.YL-payment .YL-payment-card .card-list .card-list-item:hover:before { content: ''; width: 100%; height: 3px; background: #333; position: absolute; left: 0; bottom: 0; }

.YL-payment .YL-payment-card .card-list .card-list-item:hover img { width: 55%; }

.YL-payment .YL-payment-card .card-list .card-list-item a { display: block; padding: 20px; }

.YL-payment .YL-payment-card .card-list .card-list-item span { display: block; }

.YL-payment .YL-payment-card .card-list .card-list-item span.c_name { font-size: 18px; color: #333; font-weight: bold; padding-bottom: 15px; position: relative; }

.YL-payment .YL-payment-card .card-list .card-list-item span.c_name:after { content: ''; width: 30px; height: 3px; background: #333; position: absolute; left: 0; bottom: 0; }

.YL-payment .YL-payment-card .card-list .card-list-item span.c_num { font-size: 26px; color: #333; font-weight: bold; margin-top: 30px; }

.YL-payment .YL-payment-card .card-list .card-list-item p { font-size: 14px; color: #999; }

.YL-payment .YL-payment-card .card-list .card-list-item img { width: 50%; position: absolute; right: 20px; bottom: 20px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.YL-payment .YL-payment-service { padding-bottom: 50px; }

.YL-payment .YL-payment-service ul li { float: left; width: 23%; margin: 1%; background: #f8f8f8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.YL-payment .YL-payment-service ul li a { display: block; padding: 30px; }

.YL-payment .YL-payment-service ul li:hover { background: #fff; -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); }

.YL-payment .YL-payment-service ul li:hover:before { content: ''; width: 100%; height: 3px; background: #333; position: absolute; left: 0; bottom: 0; }

.YL-payment .YL-payment-service ul li:hover .p-service-img { background: #f0f0f0; }

.YL-payment .YL-payment-service ul li .p-service-img { width: 60px; height: 60px; background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.YL-payment .YL-payment-service ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; margin: 20px 0; }

.YL-payment .YL-payment-service ul li p { font-size: 14px; color: #999; height: 39px; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.YL-payment .YL-payment-service ul li em { display: inline-block; min-width: 70px; font-size: 14px; color: #666; height: 22px; line-height: 22px; margin-top: 30px; border-bottom: 1px solid #999; cursor: pointer; }

.YL-payment .YL-payment-service ul li em:hover { color: transparent; border-bottom: 1px solid #fff; background: url("/imp_file/JPN/jp/static/images/pay-jt.png"/*tpa=/imp_file/global/cn/static/images/pay-jt.png*/) no-repeat center; }

.MPay-Topic { overflow: hidden; }

.MPay-Topic .Topic-video { padding: 50px 0; background: #f5f5f5; }

.MPay-Topic .Topic-video .Topic-video-txt { float: left; width: 42%; height: 200px; margin-right: 4%; padding-top: 30px; }

.MPay-Topic .Topic-video .Topic-video-txt h4 { font-size: 24px; color: #333; font-weight: bold; }

.MPay-Topic .Topic-video .Topic-video-txt p { font-size: 16px; color: #333; margin-top: 20px; }

.MPay-Topic .Topic-video .Topic-video-v { float: left; width: 54%; height: 400px; }

.MPay-Topic .Topic-video .Topic-video-v .video-js { width: 100%; height: 100%; }

.MPay-Topic .Topic-video .Topic-video-v .video-js .vjs-poster { width: 100%; height: 100%; -moz-background-size: cover; background-size: cover; }

.MPay-Topic .Topic-video .Topic-video-v .video-js .vjs-big-play-button { width: 72px; height: 72px; line-height: 64px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 4px solid #fff; background-color: transparent; top: 50%; left: 50%; margin: -32px 0 0 -32px; }

.MPay-Topic .Topic-video .Topic-video-v video { width: 100%; height: 100%; }

.MPay-Topic .Topic-advantage { padding-bottom: 50px; }

.MPay-Topic .Topic-advantage .sub-tit { padding: 50px 0 10px; }

.MPay-Topic .Topic-advantage .sub-txt { font-size: 14px; text-align: center; letter-spacing: 3px; background: none; }

.MPay-Topic .Topic-advantage ul { margin-top: 40px; }

.MPay-Topic .Topic-advantage ul li { float: left; width: 20%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.MPay-Topic .Topic-advantage ul li img { margin: 0 auto; }

.MPay-Topic .Topic-advantage ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; margin: 20px 0; }

.MPay-Topic .Topic-advantage ul li p { font-size: 14px; color: #999; line-height: 24px; }

.MPay-Topic .Topic-mode { padding-bottom: 50px; background: #f5f5f5; }

.MPay-Topic .Topic-mode .sub-tit { padding: 50px 0 10px; }

.MPay-Topic .Topic-mode .sub-txt { font-size: 14px; text-align: center; letter-spacing: 3px; background: none; }

.MPay-Topic .Topic-mode .Topic-mode-list { width: 102%; margin-top: 40px; margin-left: -1%; }

.MPay-Topic .Topic-mode .Topic-mode-list .Topic-mode-item { float: left; width: 31.33%; margin: 0 1%; padding: 20px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.MPay-Topic .Topic-mode .Topic-mode-list .Topic-mode-item .Topic-mode-tit { padding-bottom: 15px; position: relative; overflow: hidden; }

.MPay-Topic .Topic-mode .Topic-mode-list .Topic-mode-item .Topic-mode-tit span { display: block; font-size: 18px; color: #333; font-weight: bold; line-height: 40px; }

.MPay-Topic .Topic-mode .Topic-mode-list .Topic-mode-item .Topic-mode-tit span em { width: 56px; display: inline-block; font-size: 36px; margin-left: -56px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; overflow: hidden; position: relative; top: 10px; }

.MPay-Topic .Topic-mode .Topic-mode-list .Topic-mode-item .Topic-mode-tit:before { content: ''; width: 30px; height: 2px; background: #333; position: absolute; left: 0; bottom: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.MPay-Topic .Topic-mode .Topic-mode-list .Topic-mode-item p { width: 118px; font-size: 14px; color: #999; line-height: 24px; margin-top: 20px; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.MPay-Topic .Topic-mode .Topic-mode-list .Topic-mode-item strong { font-size: 36px; color: #333; font-weight: bold; position: absolute; left: 20px; bottom: 20px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.MPay-Topic .Topic-mode .Topic-mode-list .Topic-mode-item img { width: 62px; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.MPay-Topic .Topic-mode .Topic-mode-list .Topic-mode-item:hover .Topic-mode-tit span em { margin-left: 0; }

.MPay-Topic .Topic-mode .Topic-mode-list .Topic-mode-item:hover .Topic-mode-tit:before { width: 160px; }

.MPay-Topic .Topic-mode .Topic-mode-list .Topic-mode-item:hover p { opacity: 1; }

.MPay-Topic .Topic-mode .Topic-mode-list .Topic-mode-item:hover strong { opacity: 0; }

.MPay-Topic .Topic-mode .Topic-mode-list .Topic-mode-item:hover img { width: 140px; }

.MPay-Topic .Topic-Oneness { padding-bottom: 50px; }

.MPay-Topic .Topic-Oneness .sub-tit { padding: 50px 0 10px; }

.MPay-Topic .Topic-Oneness .sub-txt { font-size: 14px; text-align: center; letter-spacing: 3px; background: none; }

.MPay-Topic .Topic-Oneness .Topic-Oneness-con { margin-top: 40px; }

.MPay-Topic .Topic-Oneness .Topic-Oneness-con p { font-size: 16px; color: #333; }

.MPay-Topic .Topic-Oneness .Topic-Oneness-con .Topic-Oneness-b { margin-top: 40px; overflow: hidden; }

.MPay-Topic .Topic-Oneness .Topic-Oneness-con .Topic-Oneness-b .Topic-Oneness-img { float: left; width: 34%; margin-right: 5%; }

.MPay-Topic .Topic-Oneness .Topic-Oneness-con .Topic-Oneness-b .Topic-Oneness-img img { width: 100%; }

.MPay-Topic .Topic-Oneness .Topic-Oneness-con .Topic-Oneness-b .Topic-Oneness-txt { float: left; width: 61%; padding-top: 60px; }

.MPay-Topic .Topic-Oneness .Topic-Oneness-con .Topic-Oneness-b .Topic-Oneness-txt dl dd { font-size: 16px; color: #333; }

.MPay-Topic .Topic-Oneness .Topic-Oneness-con .Topic-Oneness-b .Topic-Oneness-txt span { display: block; font-size: 18px; color: #333; font-weight: bold; margin-top: 40px; margin-bottom: 20px; }

.MPay-Topic .Topic-Range { padding-bottom: 50px; background: #f5f5f5; }

.MPay-Topic .Topic-Range p { font-size: 16px; color: #333; }

.MPay-Topic .Topic-Range dl { margin-top: 40px; text-align: center; background: #fff; }

.MPay-Topic .Topic-Range dl dt { font-size: 18px; color: #333; font-weight: bold; line-height: 70px; background: #dbdbdb; }

.MPay-Topic .Topic-Range dl dd { font-size: 16px; color: #333; font-weight: bold; line-height: 60px; border-bottom: 1px solid #dbdbdb; }

.MPay-Topic .Topic-Range dl dd:last-child { border: none; }

.MPay-Topic .Topic-Pay { padding-bottom: 50px; background: url("/imp_file/JPN/jp/static/images/MP-bg.jpg"/*tpa=/imp_file/global/cn/static/images/MP-bg.jpg*/) no-repeat center; -moz-background-size: cover; background-size: cover; }

.MPay-Topic .Topic-Pay p { font-size: 16px; color: #333; }

.MPay-Topic .Topic-Pay .Topic-Pay-tab { margin-top: 40px; text-align: center; position: relative; }

.MPay-Topic .Topic-Pay .Topic-Pay-tab:before { content: ''; width: 4000px; height: 1px; background: #dbdbdb; position: absolute; left: -1000px; bottom: 0; }

.MPay-Topic .Topic-Pay .Topic-Pay-tab span { display: inline-block; font-size: 24px; color: #333; font-weight: bold; text-align: center; margin: 0 60px; padding-bottom: 25px; cursor: pointer; }

.MPay-Topic .Topic-Pay .Topic-Pay-tab span.active { border-bottom: 3px solid #333; }

.MPay-Topic .Topic-Pay .Topic-Pay-list { margin-top: 40px; }

.MPay-Topic .Topic-Pay .Topic-Pay-list .Topic-Pay-item { display: none; }

.MPay-Topic .Topic-Pay .Topic-Pay-list .Topic-Pay-item.active { display: block; }

.MPay-Topic .Topic-Pay .Topic-Pay-list .Topic-Pay-item p { font-size: 16px; color: #333; }

.MPay-Topic .Topic-Pay .Topic-Pay-list .Topic-Pay-item ul { width: 102%; margin-top: 40px; margin-left: -1%; }

.MPay-Topic .Topic-Pay .Topic-Pay-list .Topic-Pay-item ul li { float: left; width: 23%; margin: 0 1%; }

.MPay-Topic .Topic-Pay .Topic-Pay-list .Topic-Pay-item ul li img { margin: 0 auto; }

.MPay-Topic .Topic-Pay .Topic-Pay-list .Topic-Pay-item ul li span { display: block; height: 42px; font-size: 14px; color: #666; margin: 20px 0; padding: 0 30px 30px; text-align: center; position: relative; }

.MPay-Topic .Topic-Pay .Topic-Pay-list .Topic-Pay-item ul li span:before { content: ''; width: 80px; height: 2px; background: #c5c5c5; position: absolute; left: 50%; bottom: 0; margin-left: -40px; }

.cloudPay-jy .jy-list { padding-bottom: 50px; }

.cloudPay-jy .jy-list .sub-tit { padding: 50px 0 10px; }

.cloudPay-jy .jy-list .sub-txt { font-size: 14px; text-align: center; letter-spacing: 3px; background: none; }

.cloudPay-jy .jy-list ul { width: 102%; margin-top: 40px; margin-left: -1%; }

.cloudPay-jy .jy-list ul li { float: left; width: 31.33%; height: 400px; margin: 0 1%; padding: 30px; background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cloudPay-jy .jy-list ul li img { width: 60px; }

.cloudPay-jy .jy-list ul li span { display: block; font-size: 18px; color: #fff; font-weight: bold; line-height: 40px; margin-top: 25px; }

.cloudPay-jy .jy-list ul li p { font-size: 14px; color: #fff; margin-top: 20px; height: 63px; padding-bottom: 60px; position: relative; }

.cloudPay-jy .jy-list ul li p:before { content: ''; width: 80px; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; }

.cloudPay-step { padding-bottom: 50px; background: #f5f5f5; }

.cloudPay-step .sub-tit { padding: 50px 0 10px; }

.cloudPay-step .sub-txt { font-size: 14px; text-align: center; letter-spacing: 3px; background: none; }

.cloudPay-step .step-list .step-item { position: relative; padding: 70px 0; margin: 60px 0; border: 1px solid #333; }

.cloudPay-step .step-list .step-item:last-child { margin: 60px auto 0; }

.cloudPay-step .step-list .step-item .step-item-tit { font-size: 18px; color: #333; line-height: 40px; padding: 0 20px; background: #f5f5f5; position: absolute; top: -20px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.cloudPay-step .step-list .step-item .step-item-tit span { float: left; font-size: 40px; color: #333; font-style: italic; margin-right: 40px; }

.cloudPay-step .step-list .step-item img { margin: 0 auto; }

.cloudPay-step .step-list .step-item ul { width: 102%; padding: 0 30px; margin-left: -1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cloudPay-step .step-list .step-item ul li { float: left; width: 21%; margin: 0 2%; text-align: center; }

.cloudPay-step .step-list .step-item ul li .step2-img { position: relative; }

.cloudPay-step .step-list .step-item ul li img { width: 100%; }

.cloudPay-step .step-list .step-item ul li img.step-y { width: 136px; position: absolute; }

.cloudPay-step .step-list .step-item ul li p { display: inline-block; max-width: 70%; font-size: 14px; color: #333; text-align: left; padding-left: 50px; margin: 40px auto 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cloudPay-step .step-list .step-item ul li p strong { display: block; width: 30px; height: 30px; font-size: 16px; color: #fff; font-weight: bold; text-align: center; line-height: 30px; background: #dc0117; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 0; left: 0; }

.cloudPay-step .step-list .step-item ul.step2-ul li:nth-child(1) .step-y { right: -51px; bottom: -50px; }

.cloudPay-step .step-list .step-item ul.step2-ul li:nth-child(2) .step-y { top: -40px; right: -30px; }

.cloudPay-step .step-list .step-item ul.step2-ul li:nth-child(3) .step-y { top: 24px; left: -30px; }

.cloudPay-step .step-list .step-item ul.step2-ul li:nth-child(4) .step-y { bottom: -50px; left: 60px; }

.cloudPay-step .step-list .step-item ul.step3-ul li:nth-child(1) .step-y { right: 51px; bottom: 20px; }

.cloudPay-step .step-list .step-item ul.step3-ul li:nth-child(2) .step-y { top: 90px; left: -20px; }

.cloudPay-step .step-list .step-item ul.step3-ul li:nth-child(3) .step-y { top: 24px; left: -30px; }

.cloudPay-step .step-list .step-item ul.step3-ul li:nth-child(4) .step-y { top: 10px; left: 60px; }

.cloudPay-fw { padding: 50px 0; }

.cloudPay-fw .fw-img { float: left; width: 54%; }

.cloudPay-fw .fw-img img { width: 100%; }

.cloudPay-fw .fw-txt { float: left; width: 42%; margin-left: 4%; padding-top: 80px; }

.cloudPay-fw .fw-txt h4 { font-size: 24px; color: #333; font-weight: bold; }

.cloudPay-fw .fw-txt p { font-size: 16px; color: #333; margin-top: 20px; }

.cloudPay-jy2 { background: #f5f5f5; }

.cloudPay-jy2 .sub-tit { padding: 50px 0 40px !important; }

.cloudPay-jy2 .cloudPay-p { font-size: 16px; color: #333; }

.cloudPay-quick { padding-bottom: 50px; }

.cloudPay-quick .cloudPay-quick-list .cloudPay-quick-item { overflow: hidden; }

.cloudPay-quick .cloudPay-quick-list .cloudPay-quick-item .quick-txt { float: left; width: 50%; height: 400px; padding: 0 100px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.cloudPay-quick .cloudPay-quick-list .cloudPay-quick-item .quick-txt:before { content: ''; width: 24px; height: 36px; background: url("/imp_file/JPN/jp/static/images/cloud-sj-r.png"/*tpa=/imp_file/global/cn/static/images/cloud-sj-r.png*/) no-repeat center; position: absolute; top: 50%; right: -24px; margin-top: -18px; }

.cloudPay-quick .cloudPay-quick-list .cloudPay-quick-item .quick-txt h4 { font-size: 24px; color: #333; font-weight: bold; }

.cloudPay-quick .cloudPay-quick-list .cloudPay-quick-item .quick-txt p { font-size: 16px; color: #333; margin-top: 20px; }

.cloudPay-quick .cloudPay-quick-list .cloudPay-quick-item .quick-img { float: left; width: 50%; }

.cloudPay-quick .cloudPay-quick-list .cloudPay-quick-item .quick-img img { width: 100%; height: 400px; }

.cloudPay-quick .cloudPay-quick-list .cloudPay-quick-item:nth-child(even) .quick-txt { float: right; padding: 0 0 0 100px; }

.cloudPay-quick .cloudPay-quick-list .cloudPay-quick-item:nth-child(even) .quick-txt:before { content: ''; width: 24px; height: 36px; background: url("/imp_file/JPN/jp/static/images/cloud-sj-l.png"/*tpa=/imp_file/global/cn/static/images/cloud-sj-l.png*/) no-repeat center; position: absolute; top: 50%; left: -24px; margin-top: -18px; }

.cloudPay-link { text-align: center; padding: 50px 0 10px; background: #f5f5f5; }

.cloudPay-link a { display: inline-block; font-size: 14px; color: #fff; width: 600px; height: 157px; background: url("/imp_file/JPN/jp/static/images/cloud-btn.png"/*tpa=/imp_file/global/cn/static/images/cloud-btn.png*/) no-repeat center; }

.cloudPay-link a span { display: block; font-size: 28px; color: #fff; margin-top: 28px; }

.QR-method { padding-bottom: 50px; }

.QR-method .sub-tit { padding: 50px 0 10px; }

.QR-method .sub-txt { font-size: 14px; text-align: center; letter-spacing: 3px; background: none; }

.QR-method dl { margin-top: 50px; }

.QR-method dl dt { display: block; font-size: 18px; color: #333; font-weight: bold; text-align: center; margin-bottom: 50px; }

.QR-method dl dd { float: left; width: 25%; }

.QR-method dl dd img { margin: 0 auto; }

.QR-method dl dd span { display: block; font-size: 16px; color: #333; text-align: center; margin-top: 30px; }

.QR-characteristic { padding-bottom: 50px; background: #f5f5f5; }

.QR-characteristic ul { width: 102%; margin-left: -1%; height: 400px; overflow: hidden; }

.QR-characteristic ul li { float: left; width: 19%; height: 400px; margin: 0 0.5%; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; background-repeat: no-repeat; background-position: center; -moz-background-size: cover; background-size: cover; }

.QR-characteristic ul li.active .display-table .display-tableCell { vertical-align: middle; }

.QR-characteristic ul li.active p { height: 147px; }

.QR-characteristic ul li .display-table { padding: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.4); }

.QR-characteristic ul li .display-table .display-tableCell { -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; vertical-align: bottom; }

.QR-characteristic ul li span { display: block; font-size: 18px; color: #fff; font-weight: bold; margin-top: 15px; margin-bottom: 20px; }

.QR-characteristic ul li p { display: block; height: 0; overflow: hidden; font-size: 14px; color: #fff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.QR-Range { padding-bottom: 50px; }

.QR-Range .sub-tit { padding: 50px 0 10px; }

.QR-Range .sub-txt { font-size: 14px; text-align: center; letter-spacing: 3px; background: none; }

.QR-Range .QR-Range-list { margin-top: 40px; }

.QR-Range .QR-Range-list ul { overflow: hidden; background: #f1f3f4; border-bottom: 1px solid #e8ebee; }

.QR-Range .QR-Range-list ul li { float: left; height: 60px; line-height: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; }

.QR-Range .QR-Range-list ul li span { display: block; font-size: 14px; color: #666; font-weight: bold; border-right: 1px solid #e8ebee; }

.QR-Range .QR-Range-list ul li:nth-child(1) { width: 10%; }

.QR-Range .QR-Range-list ul li:nth-child(2) { width: 10%; }

.QR-Range .QR-Range-list ul li:nth-child(3) { width: 80%; }

.QR-Range .QR-Range-list ul li:nth-child(3) span { border: none; }

.QR-Range .QR-Range-list .QR-Range-table { height: 705px; margin-top: -1px; }

.QR-Range .QR-Range-list .QR-Range-table table { width: 100%; border: 1px solid #e8ebee; }

.QR-Range .QR-Range-list .QR-Range-table table tr td { font-size: 14px; color: #666; padding: 20px; border: 1px solid #e8ebee; vertical-align: middle; }

.QR-Range .QR-Range-list .QR-Range-table table tr td strong { font-weight: bold; }

.QR-Range .QR-Range-list .QR-Range-table .mCustomScrollBox .mCSB_scrollTools { width: 16px; background: #f1f3f4; border: 1px solid #e8ebee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.QR-Range .QR-Range-list .QR-Range-table .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail { opacity: 0; }

.QR-Range .QR-Range-list .QR-Range-table .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #999; }

.QR-appList { padding-bottom: 50px; background: #f5f5f5; }

.QR-appList p { font-size: 16px; color: #333; text-align: center; }

.QR-appList ul { padding: 0 20px; margin-top: 40px; }

.QR-appList ul li { float: left; width: 25%; margin: 25px 0; }

.QR-appList ul li img { float: left; width: 56px; margin-right: 20px; }

.QR-appList ul li span { float: left; font-size: 16px; color: #007f89; padding-top: 5px; }

.QR-appList ul li span em { display: block; font-size: 14px; color: #333; margin-top: 5px; }

.pay-lc { overflow: hidden; }

.pay-lc .pay-lc-table { text-align: center; position: relative; }

.pay-lc .pay-lc-table:before { content: ''; width: 4000px; height: 1px; background: #dbdbdb; position: absolute; left: -1000px; bottom: 0; }

.pay-lc .pay-lc-table span { display: inline-block; font-size: 16px; color: #333; font-weight: bold; text-align: center; margin: 0 60px; padding-bottom: 25px; cursor: pointer; position: relative; }

.pay-lc .pay-lc-table span.active { font-size: 24px; }

.pay-lc .pay-lc-table span.active:before { content: ''; width: 60px; height: 3px; background: #333; position: absolute; left: 50%; bottom: 0; margin-left: -30px; }

.pay-lc .pay-lc-list { margin-top: 20px; }

.pay-lc .pay-lc-list .pay-list-item { display: none; }

.pay-lc .pay-lc-list .pay-list-item.active { display: block; }

.pay-lc .pay-lc-list .pay-list-item ul.ul_3 li { width: 33.33%; }

.pay-lc .pay-lc-list .pay-list-item ul.ul_4 li { width: 25%; }

.pay-lc .pay-lc-list .pay-list-item ul.ul_5 li { width: 20%; }

.pay-lc .pay-lc-list .pay-list-item ul li { float: left; padding: 150px 0 150px; position: relative; }

.pay-lc .pay-lc-list .pay-list-item ul li:nth-child(1) span:after { background-image: url("/imp_file/JPN/jp/static/images/fk-bg01.png"/*tpa=/imp_file/global/cn/static/images/fk-bg01.png*/); }

.pay-lc .pay-lc-list .pay-list-item ul li:nth-child(2) span:after { background-image: url("/imp_file/JPN/jp/static/images/fk-bg02.png"/*tpa=/imp_file/global/cn/static/images/fk-bg02.png*/); }

.pay-lc .pay-lc-list .pay-list-item ul li:nth-child(3) span:after { background-image: url("/imp_file/JPN/jp/static/images/fk-bg03.png"/*tpa=/imp_file/global/cn/static/images/fk-bg03.png*/); }

.pay-lc .pay-lc-list .pay-list-item ul li:nth-child(4) span:after { background-image: url("/imp_file/JPN/jp/static/images/fk-bg04.png"/*tpa=/imp_file/global/cn/static/images/fk-bg04.png*/); }

.pay-lc .pay-lc-list .pay-list-item ul li:nth-child(5) span:after { background-image: url("/imp_file/JPN/jp/static/images/fk-bg05.png"/*tpa=/imp_file/global/cn/static/images/fk-bg05.png*/); }

.pay-lc .pay-lc-list .pay-list-item ul li:nth-child(odd) p { position: absolute; left: 0; bottom: 260px; }

.pay-lc .pay-lc-list .pay-list-item ul li:nth-child(odd) img { bottom: 23px; }

.pay-lc .pay-lc-list .pay-list-item ul li:nth-child(even) p { position: absolute; left: 0; top: 260px; }

.pay-lc .pay-lc-list .pay-list-item ul li:nth-child(even) img { top: 23px; }

.pay-lc .pay-lc-list .pay-list-item ul li p { font-size: 14px; color: #333; padding: 0 50px; }

.pay-lc .pay-lc-list .pay-list-item ul li span { display: block; font-size: 16px; color: #333; text-align: center; height: 80px; line-height: 80px; position: relative; }

.pay-lc .pay-lc-list .pay-list-item ul li span:after { content: ''; width: 108%; height: 100%; -moz-background-size: 100% 80px; background-size: 100% 80px; background-repeat: no-repeat; background-position: left center; position: absolute; top: 0; left: 4%; margin-left: -8%; }

.pay-lc .pay-lc-list .pay-list-item ul li span em { position: relative; z-index: 2; }

.pay-lc .pay-lc-list .pay-list-item ul li img { width: 90px; position: absolute; left: 50%; margin-left: -45px; }

.pay-anli { padding-bottom: 50px; background: url("/imp_file/JPN/jp/static/images/fk-bg.jpg"/*tpa=/imp_file/global/cn/static/images/fk-bg.jpg*/) no-repeat center; -moz-background-size: cover; background-size: cover; }

.pay-anli ul { background: #fff; position: relative; }

.pay-anli ul:before { display: block; content: ''; width: 1px; height: 60%; background: #dbdbdb; position: absolute; left: 50%; top: 20%; }

.pay-anli ul li { float: left; width: 50%; padding: 50px 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pay-anli ul li .p-al-img { width: 60px; height: 60px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #f5f5f5; padding: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pay-anli ul li .p-al-img img { width: 100%; }

.pay-anli ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; line-height: 40px; margin: 20px 0; }

.pay-anli ul li p { font-size: 14px; color: #999; }

.pay-ts { background: #fff !important; }

.pay-ts ul li:hover .pay-ts-img { background: #fff; }

.pay-ts ul li:hover .pay-ts-img img { display: none; }

.pay-ts ul li:hover .pay-ts-img img.i2 { display: block; }

.pay-ts ul li:hover p { height: 63px !important; }

.pay-ts ul li .pay-ts-img { width: 75px; height: 75px; margin: 0 auto; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.pay-ts ul li .pay-ts-img img { -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.pay-ts ul li .pay-ts-img img.i2 { display: none; }

.wallet-lc { padding-bottom: 50px; }

.wallet-lc .sub-tit { padding: 50px 0 10px; }

.wallet-lc .sub-txt { font-size: 14px; text-align: center; letter-spacing: 3px; background: none; }

.wallet-lc ul li { float: left; width: 45%; }

.wallet-lc ul li:nth-child(1) { margin-right: 10%; }

.wallet-lc ul li:nth-child(1) a { background: url("/imp_file/JPN/jp/static/images/wallet-btn01.png"/*tpa=/imp_file/global/cn/static/images/wallet-btn01.png*/) no-repeat center; }

.wallet-lc ul li:nth-child(2) a { background: url("/imp_file/JPN/jp/static/images/wallet-btn02.png"/*tpa=/imp_file/global/cn/static/images/wallet-btn02.png*/) no-repeat center; }

.wallet-lc ul li a { display: block; height: 119px; position: relative; }

.wallet-lc ul li a:after { content: ''; width: 100%; height: 37px; background: url("/imp_file/JPN/jp/static/images/wallet-btnBg.png"/*tpa=/imp_file/global/cn/static/images/wallet-btnBg.png*/) no-repeat center; -moz-background-size: 100%; background-size: 100%; position: absolute; left: 0; bottom: -37px; }

.wallet-lc ul li a span { display: block; color: #fff; text-align: center; }

.wallet-lc ul li a span.ch { font-size: 28px; font-weight: bold; padding-top: 26px; }

.wallet-lc .wallet-lc-img { margin-top: 40px; }

.wallet-lc .wallet-lc-img img { max-width: 100%; margin: 0 auto; }

.wallet-condition { padding-bottom: 10px; background: #f5f5f5; }

.wallet-condition ul li { background: #fff !important; }

.wallet-condition ul li .kh-c-img { background: #f5f5f5 !important; }

.express-lc { padding-bottom: 50px; background: #f5f5f5; }

.express-lc ul { position: relative; }

.express-lc ul:before { content: ''; width: 100%; height: 2px; border-top: 1px dashed #cecece; position: absolute; top: 38px; }

.express-lc ul li { float: left; width: 23%; margin: 0 1%; position: relative; }

.express-lc ul li span { display: block; width: 140px; font-size: 14px; color: #333; text-align: center; margin: 0 auto; padding: 15px 0; background: #fff; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }

.express-lc ul li span em { display: block; font-size: 16px; font-weight: bold; }

.express-lc ul li p { font-size: 14px; color: #333; height: 42px; padding: 20px; margin-top: 20px; background: #fff; }

.express-case { padding-bottom: 50px; }

.express-case dl { width: 60%; margin: 0 auto; }

.express-case dl dd { float: left; width: 50%; text-align: center; }

.express-case dl dd img { margin: 0 auto; }

.express-case dl dd span { display: block; font-size: 16px; color: #333; font-weight: bold; margin-top: 20px; }

.express-case dl.dl_3 { width: 100%; }

.express-case dl.dl_3 dd { width: 33.33%; }

.express-tese { background: #f5f5f5; }

.express-tese p { background: #fff !important; }

.express-cj { padding-bottom: 50px; background: #f5f5f5; }

.express-cj .express-cj-list { height: 270px; background: #f5f5f5; position: relative; }

.express-cj .express-cj-list .express-cj-item { width: 33.33%; height: 100%; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; }

.express-cj .express-cj-list .express-cj-item .display-table { text-align: center; }

.express-cj .express-cj-list .express-cj-item .display-table span { font-size: 18px; color: #fff; font-weight: bold; }

.express-cj .express-cj-list ul { width: 74%; height: 100%; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; right: 0; }

.express-cj .express-cj-list ul li { float: left; width: 33.33%; height: 100%; text-align: center; background: #fff; position: relative; }

.express-cj .express-cj-list ul li:last-child:after { display: none; }

.express-cj .express-cj-list ul li:after { content: ''; width: 1px; height: 70%; background: #e5e5e5; position: absolute; top: 15%; right: 0; }

.express-cj .express-cj-list ul li .express-cj-img { width: 75px; height: 75px; margin: 0 auto; background: #f5f5f5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.express-cj .express-cj-list ul li span { display: block; font-size: 16px; color: #333; font-weight: bold; margin-top: 20px; }

.inapp-switch .inapp-switch-tit { text-align: center; }

.inapp-switch .inapp-switch-tit span { display: inline-block; font-size: 16px; color: #333; font-weight: bold; text-align: center; margin: 0 60px; padding-bottom: 25px; cursor: pointer; position: relative; }

.inapp-switch .inapp-switch-tit span.active { font-size: 24px; }

.inapp-switch .inapp-switch-tit span.active:before { content: ''; width: 60px; height: 3px; background: #333; position: absolute; left: 50%; bottom: 0; margin-left: -30px; }

.inapp-switch .inapp-list .inapp-list-item { display: none; background: #f5f5f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 60px; overflow: hidden; }

.inapp-switch .inapp-list .inapp-list-item.active { display: block; }

.inapp-switch .inapp-list .inapp-list-item p { float: left; text-align: center; }

.inapp-switch .inapp-list .inapp-list-item p img { margin: 0 auto; }

.inapp-switch .inapp-list .inapp-list-item p span { display: block; font-size: 16px; color: #999; margin-top: 20px; }

.inapp-cj ul li .display-table p { height: 63px !important; }

.paybylink-cj { padding-bottom: 50px; background: #f5f5f5; }

.paybylink-cj .sub-tit { padding: 50px 0 10px; }

.paybylink-cj .sub-txt { font-size: 14px; text-align: center; letter-spacing: 3px; background: none; }

.paybylink-cj ul { margin-top: 40px; padding: 50px 0; background: #fff; }

.paybylink-cj ul li { float: left; width: 20%; text-align: center; position: relative; }

.paybylink-cj ul li:last-child:after { display: none; }

.paybylink-cj ul li:after { content: ''; width: 1px; height: 80%; background: #e5e5e5; position: absolute; top: 10%; right: 0; }

.paybylink-cj ul li .paybylink-cj-icon { width: 75px; height: 75px; background: #f5f5f5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0 auto; }

.paybylink-cj ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; margin: 20px 0; }

.paybylink-lc { padding-bottom: 50px; }

.paybylink-lc .sub-tit { padding: 50px 0 10px; }

.paybylink-lc .sub-txt { font-size: 14px; text-align: center; letter-spacing: 3px; background: none; }

.paybylink-lc ul { margin-top: 20px; }

.paybylink-lc ul li { padding: 30px 0; border-bottom: 1px solid #dbdbdb; }

.paybylink-lc ul li:last-child { border: none; padding: 35px 0 0; }

.paybylink-lc ul li .paybylink-txt { font-size: 16px; color: #333; padding-left: 20px; position: relative; }

.paybylink-lc ul li .paybylink-txt span { display: block; font-size: 18px; color: #333; font-weight: bold; width: 10px; height: 10px; line-height: 46px; text-align: center; background: #333; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; position: absolute; left: 0; top: 50%; margin-top: -5px; overflow: hidden; }

.paybylink-lc ul li .dl1 { margin-top: 40px; }

.paybylink-lc ul li .dl1 dd { float: left; width: 32.33%; margin: 0.5%; padding: 10px; background: #f5f5f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.paybylink-lc ul li .dl1 dd img { width: 100%; }

.paybylink-lc ul li .dl1 dd span { display: block; height: 42px; font-size: 14px; color: #666; padding-left: 30px; margin: 20px 0 2px; position: relative; }

.paybylink-lc ul li .dl1 dd span em { display: inline-block; font-size: 14px; color: #fff; width: 20px; height: 20px; text-align: center; background: #999; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; left: 0; top: 1px; }

.paybylink-lc ul li .paybylink-lc-switch { margin-top: 40px; }

.paybylink-lc ul li .paybylink-lc-switch .p-lc-sp { text-align: center; }

.paybylink-lc ul li .paybylink-lc-switch .p-lc-sp span { display: inline-block; font-size: 16px; color: #333; font-weight: bold; text-align: center; margin: 0 60px; padding-bottom: 25px; cursor: pointer; position: relative; }

.paybylink-lc ul li .paybylink-lc-switch .p-lc-sp span.active { font-size: 18px; }

.paybylink-lc ul li .paybylink-lc-switch .p-lc-sp span.active:before { content: ''; width: 60px; height: 3px; background: #333; position: absolute; left: 50%; bottom: 0; margin-left: -30px; }

.paybylink-lc ul li .paybylink-lc-switch .p-lc-list { background: #f5f5f5; padding: 50px; }

.paybylink-lc ul li .paybylink-lc-switch .p-lc-list .p-lc-item { display: none; }

.paybylink-lc ul li .paybylink-lc-switch .p-lc-list .p-lc-item.active { display: block; }

.paybylink-lc ul li .paybylink-lc-switch .p-lc-list .p-lc-item .p-lc-img img { margin: 0 auto; }

.paybylink-lc ul li .paybylink-lc-switch .p-lc-list .p-lc-item p { font-size: 16px; color: #333; font-weight: bold; text-align: center; margin: 40px 0; }

.paybylink-case { padding-bottom: 50px; background: #f5f5f5; }

.paybylink-case .sub-tit { padding: 50px 0 10px; }

.paybylink-case .sub-txt { font-size: 14px; text-align: center; letter-spacing: 3px; background: none; }

.paybylink-case img { max-width: 100%; margin-top: 50px; }

.installment-tj { background: none; }

.installment-tj ul { border: 1px solid #d6d6d6; }

.installment-tj ul li .p-al-img { width: 75px; height: 75px; border: 1px solid #d6d6d6; background: none; }

.installment-cj ul li .p-al-img { width: 75px; height: 75px; }

.installment-zflc { padding-bottom: 20px; }

.installment-zflc .pay-lc-list .pay-list-item ul.ul_4 li p { padding: 0 30px; }

.installment-zflc .pay-lc-list .pay-list-item ul.ul_5 li:nth-child(odd) p { position: absolute; left: 0; top: 260px; bottom: inherit; }

.installment-zflc .pay-lc-list .pay-list-item ul.ul_5 li:nth-child(odd) img { top: 23px; bottom: inherit; }

.installment-zflc .pay-lc-list .pay-list-item ul.ul_5 li:nth-child(even) p { position: absolute; left: 0; bottom: 260px; top: inherit; }

.installment-zflc .pay-lc-list .pay-list-item ul.ul_5 li:nth-child(even) img { bottom: 23px; top: inherit; }

.installment-zflc .pay-lc-list .pay-list-item ul.ul_5 li p { padding: 0 20px; }

.installment-case { padding-bottom: 50px; background: #f5f5f5; }

.installment-case .sub-tit { padding: 50px 0 10px; }

.installment-case .sub-txt { font-size: 14px; text-align: center; letter-spacing: 3px; background: none; }

.installment-case ul { width: 102%; margin-top: 50px; margin-left: -1%; }

.installment-case ul li { float: left; width: 48%; margin: 1% 1% 40px; text-align: center; padding: 40px 30px; border: 1px solid #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.installment-case ul li:nth-child(1) { height: 350px; }

.installment-case ul li:nth-child(2) { height: 350px; }

.installment-case ul li:nth-child(3) { height: 500px; }

.installment-case ul li:nth-child(4) { height: 500px; }

.installment-case ul li span { display: inline-block; font-size: 20px; color: #333; line-height: 40px; font-weight: bold; font-style: italic; padding: 0 20px; background: #f5f5f5; position: absolute; top: -20px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.installment-case ul li span strong { float: right; display: inline-block; font-size: 38px; margin-left: 10px; }

.installment-case ul li p { font-size: 14px; color: #333; }

.installment-case ul li img { margin: 20px auto 0; }

.installment-ts { padding-bottom: 50px; }

.installment-ts ul li { float: left; width: 19%; height: 360px; margin: 0 0.5%; padding: 40px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dbdbdb; }

.installment-ts ul li .ins-ts-img { width: 100px; height: 100px; margin: 0 auto; background: #f5f5f5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.installment-ts ul li span { display: block; font-size: 18px; color: #333; text-align: center; font-weight: bold; line-height: 40px; margin: 20px 0; }

.installment-ts ul li p { font-size: 14px; color: #999; }

.atm-tj { padding-bottom: 50px; }

.atm-tj ul { width: 102%; margin-left: -1%; }

.atm-tj ul li { float: left; width: 48%; margin: 0 1%; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f5f5f5; }

.atm-tj ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; }

.atm-tj ul li p { font-size: 14px; color: #333; margin-top: 20px; height: 42px; overflow: hidden; }

.atm-cj { padding-bottom: 50px; background: #f5f5f5; }

.atm-cj p { font-size: 16px; color: #333; text-align: center; line-height: 28px; padding: 20px 0; background: #fff; }

.atm-lc { padding-bottom: 50px; }

.atm-lc ul { position: relative; }

.atm-lc ul:before { display: block; content: ''; width: 1px; height: 100%; border-left: 1px dashed #ccc; position: absolute; top: 0; left: 12px; }

.atm-lc ul li { font-size: 14px; color: #333; line-height: 24px; padding-left: 60px; margin-bottom: 40px; position: relative; }

.atm-lc ul li:last-child { margin-bottom: inherit; }

.atm-lc ul li span { display: block; font-size: 14px; color: #fff; width: 24px; height: 24px; text-align: center; line-height: 24px; background: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 0; left: 0; }

.atm-lc dl { margin-top: 50px; }

.atm-lc dl dd { float: left; width: 19%; height: 270px; margin: 0 0.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d2d2d2; position: relative; }

.atm-lc dl dd:last-child:after { display: none; }

.atm-lc dl dd:after { content: '>'; font-size: 16px; color: #999; font-weight: bold; position: absolute; top: 49%; right: -12px; }

.atm-lc dl dd img { margin: 0 auto; padding-top: 120px; }

.atm-lc dl dd span { display: block; font-size: 14px; color: #fff; width: 24px; height: 24px; text-align: center; line-height: 24px; background: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 40px; left: 50%; margin-left: -12px; }

.atm-pro { padding-bottom: 50px; }

.atm-pro ul li { float: left; width: 12%; margin: 0 4%; text-align: center; }

.atm-pro ul li .atm-pro-icon { width: 75px; height: 75px; margin: 0 auto; background: #f5f5f5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.atm-pro ul li p { font-size: 14px; color: #333; margin-top: 20px; }

.service-tj { padding-bottom: 50px; }

.service-tj ul { width: 102%; margin-left: -1%; }

.service-tj ul li { float: left; width: 48%; margin: 0 1%; padding: 50px 0; text-align: center; background: #f5f5f5; }

.service-tj ul li .service-tj-icon { width: 75px; height: 75px; margin: 0 auto; background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.service-tj ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; margin: 20px 0; }

.service-tj ul li p { font-size: 14px; color: #999; margin-top: 20px; }

.service-tj.bg-f5 ul li { background: #fff; }

.service-lc { padding-bottom: 50px; }

.service-lc ul li { float: left; width: 24%; margin: 0 0.5%; text-align: center; }

.service-lc ul li:last-child span:after { display: none; }

.service-lc ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; position: relative; }

.service-lc ul li span:after { content: ''; width: 16px; height: 10px; background: url("/imp_file/JPN/jp/static/images/jt.png"/*tpa=/imp_file/global/cn/static/images/jt.png*/) no-repeat center; position: absolute; top: 50%; right: -10px; margin-top: -5px; }

.service-lc ul li p { font-size: 14px; color: #666; margin-top: 30px; }

.service-lc ul li .service-lc-img { height: 360px; margin-top: 20px; padding: 30px 0; background: #f5f5f5; }

.service-lc ul li .service-lc-img img { margin: 0 auto; }

.service-case { padding-bottom: 50px; background: #f5f5f5; }

.service-case .service-case-img { float: left; width: 48%; }

.service-case .service-case-img img { width: 100%; }

.service-case .service-case-txt { float: left; width: 48%; padding-left: 4%; position: relative; }

.service-case .service-case-txt:before { content: ''; width: 25px; height: 28px; background: url("/imp_file/JPN/jp/static/images/sj3.png"/*tpa=/imp_file/global/cn/static/images/sj3.png*/) no-repeat center; position: absolute; left: -24px; top: 50%; margin-top: -14px; }

.service-case .service-case-txt span { display: block; font-size: 18px; color: #333; font-weight: bold; }

.service-case .service-case-txt p { font-size: 14px; color: #333; margin: 30px 0; }

.service-case .service-case-txt p strong { font-weight: bold; }

.service-tese { padding-bottom: 50px; }

.service-tese ul { width: 102%; margin-left: -1%; }

.service-tese ul li { float: left; width: 31.33%; margin: 1%; padding: 60px 25px 20px; background: #f5f5f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.service-tese ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; margin-bottom: 20px; }

.service-tese ul li p { font-size: 14px; color: #333; height: 84px; overflow: hidden; }

.service-tese ul li em { display: block; font-size: 18px; color: #333; font-weight: bold; position: absolute; top: 20px; left: 25px; }

.service-tese ul.ul_2 li { width: 48%; }

.equity-cj { padding-bottom: 50px; position: relative; }

.equity-cj:after { content: ''; width: 100%; height: 100px; background: #f5f5f5; position: absolute; left: 0; bottom: 0; }

.equity-cj ul { width: 102%; margin-left: -1%; position: relative; z-index: 2; }

.equity-cj ul li { float: left; width: 31.33%; margin: 0 1%; padding: 40px 0 30px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dadada; background: #fff; }

.equity-cj ul li .equity-cj-icon { width: 75px; height: 75px; margin: 0 auto; }

.equity-cj ul li p { font-size: 14px; color: #333; margin-top: 20px; height: 42px; overflow: hidden; }

.service-lc_2 ul li p { height: 63px; }

.service-lc_3 .sub-tit { padding: 50px 0 2px; }

.service-lc_3 .pattern-tit { font-size: 18px; color: #333; font-weight: bold; text-align: center; width: 390px; height: 45px; line-height: 45px; margin: 40px auto 40px; background: #f5f5f5; -webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topright: 20px; border-top-right-radius: 20px; }

.service-lc_3 ul li p { height: 42px; }

.service-lc_3 ul li .service-lc-img { height: 100px; background: none; border: 1px solid #d2d2d2; }

.service-lc_4 .sub-tit { padding: 50px 0; }

.service-lc_4 ul li p { height: 42px; }

.service-lc_4 ul li .service-lc-img { height: 100px; background: none; border: 1px solid #d2d2d2; }

.offlineQR-cj { padding-bottom: 50px; background: #f5f5f5; }

.offlineQR-cj ul { width: 102%; margin-left: -1%; }

.offlineQR-cj ul li { float: left; width: 48%; margin: 0 1%; padding: 40px 0 60px; background: #fff; position: relative; }

.offlineQR-cj ul li:after { content: ''; width: 100px; height: 1px; background: #b2b2b2; position: absolute; left: 50%; bottom: 40px; margin-left: -50px; }

.offlineQR-cj ul li .offline-icon { width: 75px; height: 75px; background: #f5f5f5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0 auto; }

.offlineQR-cj ul li p { height: 42px; font-size: 14px; color: #333; text-align: center; margin-top: 30px; }

.offline-case { background: #f5f5f5; padding-bottom: 10px; }

.offline-case .offline-case-tit { font-size: 18px; color: #333; font-weight: bold; text-align: center; margin-bottom: 40px; }

.offline-case ul { width: 102%; margin-left: -1%; margin-bottom: 40px; }

.offline-case ul li { float: left; width: 48%; margin: 1%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; }

.offline-case ul li img { width: 100%; }

.offline-case ul li span { display: block; font-size: 14px; color: #333; line-height: 24px; text-align: center; margin-top: 15px; }

.program-cj { padding-bottom: 50px; background: #f5f5f5; }

.program-cj .program-cj-con .program-cj-img { float: left; width: 50%; }

.program-cj .program-cj-con .program-cj-img img { width: 100%; }

.program-cj .program-cj-con .program-cj-txt { float: left; width: 50%; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; }

.program-cj .program-cj-con .program-cj-txt p { font-size: 14px; color: #333; }

.program-lc { padding-bottom: 50px; }

.program-lc .program-lc-img { margin-top: 40px; }

.program-lc .program-lc-img img { max-width: 94%; margin: 0 auto; }

.program-lc ul { margin-top: 50px; position: relative; }

.program-lc ul:before { content: ''; width: 100%; height: 1px; border-top: 1px dashed #d6d6d6; position: absolute; top: 38px; }

.program-lc ul li { float: left; width: 19%; margin: 0 0.5%; position: relative; }

.program-lc ul li span { width: 60%; display: block; font-size: 14px; color: #333; text-align: center; padding: 15px 0; margin: 0 auto; background: #f5f5f5; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }

.program-lc ul li span strong { display: block; font-size: 16px; font-weight: bold; }

.program-lc ul li p { font-size: 14px; color: #333; height: 82px; margin-top: 20px; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f5f5f5; }

.program-case { padding-bottom: 50px; background: #f5f5f5; }

.program-case .program-case-tit span { float: left; width: 50%; font-size: 16px; color: #2d5194; font-weight: bold; text-align: center; padding-bottom: 10px; position: relative; }

.program-case .program-case-tit span:nth-child(1):after { content: ''; width: 100%; height: 9px; background: url("/imp_file/JPN/jp/static/images/program-line01.png"/*tpa=/imp_file/global/cn/static/images/program-line01.png*/) no-repeat center; -moz-background-size: 100%; background-size: 100%; position: absolute; left: 0; bottom: -10px; }

.program-case .program-case-tit span:nth-child(2):after { content: ''; width: 100%; height: 9px; background: url("/imp_file/JPN/jp/static/images/program-line02.png"/*tpa=/imp_file/global/cn/static/images/program-line02.png*/) no-repeat center; -moz-background-size: 100%; background-size: 100%; position: absolute; left: 0; bottom: -10px; }

.program-case .program-case-img { margin-top: 40px; }

.program-case .program-case-img img { margin: 0 auto; }

.program-case dl { width: 84%; margin: 20px auto 0; }

.program-case dl dd { float: left; width: 20%; font-size: 14px; color: #2d5194; text-align: center; margin-right: 6.66%; }

.program-case dl dd:last-child { margin-right: 0; }

.saas-case .saas-case-top { padding: 20px 30px; background: #4572c4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.saas-case .saas-case-top p { font-size: 16px; color: #fff; overflow: hidden; }

.saas-case .saas-case-top p img { float: left; margin-right: 20px; }

.saas-case .saas-case-top p span { display: block; font-size: 20px; line-height: 90px; }

.saas-case .saas-case-con { background: #f5f5f5; }

.saas-case .saas-case-con .saas-case-img { float: left; width: 394px; }

.saas-case .saas-case-con .saas-case-img img { width: 100%; }

.saas-case .saas-case-con .saas-case-txt { float: left; width: 806px; padding: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.saas-case .saas-case-con .saas-case-txt p { font-size: 16px; color: #666; margin: 20px 0; }

.saas-case .saas-case-con .saas-case-txt p strong { color: #333; }

.saas-case .saas-case-con .saas-case-txt a { display: inline-block; font-size: 14px; color: #333; line-height: 28px; padding: 0 10px; border: 1px solid #5072be; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.saas-case .saas-case-con .saas-case-txt a:hover { color: #fff; background: #5072be; }

.saas-case .saas-case-bot { padding: 20px 0 50px; }

.saas-case .saas-case-bot p { font-size: 16px; color: #333; line-height: 26px; }

.saas-tese { padding-bottom: 50px; background: #f5f5f5; }

.saas-tese ul { width: 102%; margin-left: -1%; }

.saas-tese ul li { float: left; width: 48%; height: 260px; margin: 0 1%; padding: 50px; background-repeat: no-repeat; -moz-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.saas-tese ul li .kh-c-img { width: 60px; height: 60px; background: #f5f5f5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.saas-tese ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; margin-top: 30px; position: relative; }

.saas-tese ul li span:after { content: ''; width: 80px; height: 1px; background: #c6c4c3; position: absolute; left: 0; bottom: -50px; }

.scan-tj ul li { width: 48%; padding: 60px 25px 0px; }

.scan-cj { padding-bottom: 50px; background: #f5f5f5; }

.scan-cj ul { width: 102%; margin-left: -1%; }

.scan-cj ul li { float: left; width: 31.33%; height: 230px; margin: 0 1%; text-align: center; background: #fff; }

.scan-cj ul li img { margin: 0 auto; }

.scan-cj ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; margin: 20px 0 0; }

.scan-case { padding-bottom: 50px; background: #f5f5f5; }

.scan-case ul li { height: 240px; padding: 80px; background-repeat: no-repeat; -moz-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.scan-case ul li p { font-size: 16px; color: #333; font-weight: bold; padding-top: 50px; position: relative; }

.scan-case ul li p:before { content: ''; width: 40px; height: 4px; background: #333; position: absolute; left: 0; top: 0; }

.scan-tese { padding-bottom: 50px; }

.scan-tese ul li { float: left; width: 33.33%; padding: 0 30px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.scan-tese ul li .kh-c-img { width: 75px; height: 75px; background: #f5f5f5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0 auto; }

.scan-tese ul li span { display: block; font-size: 14px; color: #666; margin-top: 20px; }

.payment-sp { padding-top: 40px; text-align: center; position: relative; overflow: hidden; }

.payment-sp:after { content: ''; width: 4000px; height: 1px; background: #dbdbdb; position: absolute; left: -1000px; bottom: 0; }

.payment-sp span { width: 200px; display: inline-block; font-size: 16px; color: #333; font-weight: bold; text-align: center; padding-bottom: 25px; cursor: pointer; position: relative; }

.payment-sp span.active { font-size: 24px; }

.payment-sp span.active:before { content: ''; width: 60px; height: 3px; background: #333; position: absolute; left: 50%; bottom: 0; margin-left: -30px; }

.payment-cj ul li .p-al-img { width: 75px; height: 75px; }

.payment-cj ul li p { font-size: 14px; color: #333; height: 42px; margin-top: 20px; padding-bottom: 40px; position: relative; }

.payment-cj ul li p:after { content: ''; width: 100px; height: 1px; background: #b2b2b2; position: absolute; left: 0; bottom: 0; }

.payment-cj .payment-cj-txt { font-size: 16px; color: #333; text-align: center; line-height: 28px; padding: 20px 0; background: #f5f5f5; }

.payment-list .payment-item { display: none; }

.payment-list .payment-item.active { display: block; }

.payment-lc .sub-tit { padding: 50px 0 0px; }

.payment-lc .pattern-tit { font-size: 18px; color: #333; font-weight: bold; text-align: center; width: 390px; height: 45px; line-height: 45px; margin: 40px auto 40px; background: #f5f5f5; -webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topright: 20px; border-top-right-radius: 20px; }

.payment-lc ul { width: 101%; margin-left: -0.5%; }

.payment-lc ul.ul_5 li { width: 19%; }

.payment-lc ul.ul_3 li { width: 32.33%; }

.payment-lc ul.ul_t { padding: 30px; background: #f5f5f5; }

.payment-lc ul.ul_t li:last-child p:after { display: none; }

.payment-lc ul.ul_t li p { position: relative; }

.payment-lc ul.ul_t li p:after { content: ''; width: 1px; height: 100%; background: #dcdcdc; position: absolute; top: 0; right: 0; }

.payment-lc ul li p { height: 42px; }

.payment-lc ul li .service-lc-img { height: auto; }

.payment-lc ul li .service-lc-img img { max-width: 100%; }

.payment-lc2 ul li p { height: 42px; }

.payment-lc2 ul li .service-lc-img { height: 120px; background: none; border: 1px solid #d2d2d2; }

.payment-case { padding-bottom: 50px; background: #f5f5f5; }

.payment-case p { font-size: 16px; color: #333; text-align: center; }

.payment-case ul { width: 101%; margin-left: -0.5%; margin-top: 40px; }

.payment-case ul li { float: left; width: 19%; height: 100px; margin: 0 0.5%; background: #fff; }

.payment-case ul li img { max-width: 100%; margin: 0 auto; }

.payment-anli { background: #f5f5f5; }

.payment-anli ul li { background: #fff; }

.payment-anli ul li .service-tj-icon { background: #f5f5f5; }

.payment-tese { background: #fff; }

.payment-tese ul.ul_3 li { width: 31.33%; }

.payment-tese ul li { width: 23%; }

.points-case { padding-bottom: 50px; }

.points-case ul li { text-align: center; padding: 40px 0; border-bottom: 1px solid #dbdbdb; }

.points-case ul li:first-child { padding: 0 0 40px; }

.points-case ul li:last-child { padding: 40px 0 0; border: none; }

.points-case ul li span { display: inline-block; font-size: 16px; color: #fff; font-weight: bold; letter-spacing: 2px; background: #333; line-height: 50px; padding: 0 20px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }

.points-case ul li p { font-size: 14px; color: #333; margin-top: 30px; text-align: left; }

.points-case ul li img { max-width: 100%; margin: 30px auto 0; }

.global-bz ul li { width: 49%; }

.global-bz ul li span { width: 40%; }

.global-bz ul li p { font-size: 14px !important; width: 80%; height: 124px; padding: 20px !important; margin: 20px auto 0; text-align: left !important; }

.global-lc { padding-bottom: 50px; }

.global-lc img { max-width: 100%; margin: 10px auto 0; }

.global-case .service-case-con .service-case-item .service-case-txt { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.global-case .service-case-con .service-case-item .service-case-img { width: 50%; }

.global-case .service-case-con .service-case-item:nth-child(odd) .service-case-txt { float: left; padding-left: inherit; padding-right: 4%; }

.global-case .service-case-con .service-case-item:nth-child(odd) .service-case-txt:before { left: inherit; right: -24px; background: url("/imp_file/JPN/jp/static/images/sj4.png"/*tpa=/imp_file/global/cn/static/images/sj4.png*/) no-repeat center; }

.global-case .service-case-con .service-case-item:nth-child(odd) .service-case-img { float: right; }

.global-tese .ul_7 li { width: 23% !important; }

.global-tese .ul_7 li span { height: 48px; font-size: 16px !important; }

.sense-tj { padding-bottom: 0; }

.sense-tj ul { margin-top: 0; }

.sense-tj ul li { width: 49%; }

.sense-tj ul li span { width: 30%; }

.sense-tj ul li p { width: 50%; font-size: 14px !important; text-align: left !important; padding: 20px !important; margin: 20px auto 0; }

.sense-lc .program-lc-img { margin-top: 0; }

.sense-lc ul li p { height: 124px; }

.sense-case { padding-bottom: 50px; background: #f5f5f5; }

.sense-case .sense-case-txt { font-size: 16px; color: #333; text-align: center; }

.sense-case .sense-case-con { margin-top: 40px; }

.sense-case .sense-case-con span { display: block; font-size: 16px; color: #333; font-weight: bold; text-align: center; letter-spacing: 3px; }

.sense-case .sense-case-con ul { margin-top: 40px; }

.sense-case .sense-case-con ul li { float: left; width: 20%; padding: 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.sense-case .sense-case-con ul li img { max-width: 100%; margin: 0 auto; }

.sense-case .sense-case-con ul li em { display: block; font-size: 14px; color: #fff; font-weight: bold; text-align: center; width: 30px; height: 30px; line-height: 30px; margin: 20px auto; background: #bd3b32; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.sense-case .sense-case-con ul li p { font-size: 14px; color: #333; }

.taxrefund-lc ul li { width: 49%; }

.taxrefund-lc ul li span { width: 40%; }

.taxrefund-lc ul li p { width: 80%; height: 94px; font-size: 14px !important; text-align: left !important; padding: 20px !important; margin: 20px auto 0; }

.taxrefund-cj { padding-bottom: 50px; background: #f5f5f5; }

.taxrefund-cj img { max-width: 100%; margin-bottom: 30px; }

.taxrefund-cj p { font-size: 14px; color: #333; }

.taxrefund-case { padding-bottom: 50px; background: #f5f5f5; }

.taxrefund-case .taxrefund-case-con span { display: block; font-size: 16px; color: #333; font-weight: bold; text-align: center; letter-spacing: 3px; }

.taxrefund-case .taxrefund-case-con .taxrefund-case-txt { font-size: 16px; color: #333; margin-top: 30px; }

.taxrefund-case .taxrefund-case-con ul { margin-top: 30px; }

.taxrefund-case .taxrefund-case-con ul li { float: left; width: 25%; padding: 0 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.taxrefund-case .taxrefund-case-con ul li img { max-width: 100%; }

.taxrefund-case .taxrefund-case-con ul li p { font-size: 14px; color: #333; margin-top: 20px; }

.taxrefund-tese p { padding: 20px 30px !important; letter-spacing: 1px; text-align: left !important; }

.taxrebate-tj { padding-bottom: 50px; }

.taxrebate-tj .taxrebate-tj-con { background: #f5f5f5; }

.taxrebate-tj .taxrebate-tj-con .taxrebate-tj-img { float: left; width: 50%; }

.taxrebate-tj .taxrebate-tj-con .taxrebate-tj-txt { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 50px; position: relative; }

.taxrebate-tj .taxrebate-tj-con .taxrebate-tj-txt:before { content: ''; width: 25px; height: 28px; background: url("/imp_file/JPN/jp/static/images/sj3.png"/*tpa=/imp_file/global/cn/static/images/sj3.png*/) no-repeat center; position: absolute; left: -23px; top: 50%; margin-top: -14px; }

.taxrebate-tj .taxrebate-tj-con .taxrebate-tj-txt p { font-size: 14px; color: #333; }

.taxrebate-tj.tj2 { background: #f5f5f5; }

.taxrebate-tj.tj2 .taxrebate-tj-con { background: #fff; }

.taxrebate-tj.tj2 .taxrebate-tj-con .taxrebate-tj-img { float: right; }

.taxrebate-tj.tj2 .taxrebate-tj-con .taxrebate-tj-txt:before { content: ''; width: 25px; height: 28px; background: url("/imp_file/JPN/jp/static/images/sj4.png"/*tpa=/imp_file/global/cn/static/images/sj4.png*/) no-repeat center; position: absolute; left: inherit; right: -23px; top: 50%; margin-top: -14px; }

.taxrebate-zf { padding-bottom: 50px; }

.taxrebate-zf .taxrebate-lc-img { padding-bottom: 30px; border-bottom: 1px dashed #ebebeb; }

.taxrebate-zf .taxrebate-lc-img img { max-width: 100%; margin: 0 auto; }

.taxrebate-zf .taxrebate-txt { margin-top: 30px; overflow: hidden; }

.taxrebate-zf .taxrebate-txt span { display: block; font-size: 16px; color: #333; font-weight: bold; text-align: center; margin-bottom: 20px; }

.taxrebate-zf .taxrebate-txt p { float: left; width: 48%; font-size: 14px; color: #666; text-align: center; }

.taxrebate-zf .taxrebate-txt p:last-child { margin-left: 4%; }

.taxrebate-zf .taxrebate-txt p a { color: #666; text-decoration: underline; }

.b2b-txt { padding-top: 50px; }

.b2b-jj p { font-size: 14px; color: #333; text-align: center; padding: 20px; background: #fff; }

.b2b-lc { padding-bottom: 50px; }

.b2b-lc ul { width: 101%; margin-left: -0.5%; position: relative; }

.b2b-lc ul.ul_6 li { width: 15.66%; }

.b2b-lc ul:before { content: ''; width: 100%; height: 1px; border-top: 1px dashed #ccc; position: absolute; left: 0; top: 11px; }

.b2b-lc ul li { float: left; width: 19%; margin: 0 0.5%; position: relative; }

.b2b-lc ul li:last-child .b2b-lc-img:after { display: none; }

.b2b-lc ul li span { display: block; font-size: 14px; color: #fff; text-align: center; line-height: 24px; margin: 0 auto; width: 24px; height: 24px; background: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.b2b-lc ul li p { font-size: 14px; color: #666; text-align: center; height: 42px; margin-top: 30px; overflow: hidden; }

.b2b-lc ul li .b2b-lc-img { margin-top: 20px; padding: 30px 0; border: 1px solid #d2d2d2; position: relative; }

.b2b-lc ul li .b2b-lc-img:after { content: '>'; font-size: 14px; color: #999; font-weight: bold; position: absolute; right: -11px; top: 50%; margin-top: -6px; }

.b2b-lc ul li .b2b-lc-img img { margin: 0 auto; }

.b2b-ys { background: #f5f5f5; padding-bottom: 50px; }

.b2b-ys ul { width: 101%; margin-left: -0.5%; }

.b2b-ys ul li { float: left; width: 24%; height: 320px; margin: 0 0.5%; background-repeat: no-repeat; background-position: center; -moz-background-size: 100% 100%; background-size: 100% 100%; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.b2b-ys ul li:hover { -moz-background-size: 110% 110%; background-size: 110% 110%; }

.b2b-ys ul li .display-table { padding: 30px; background: rgba(0, 0, 0, 0.4); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.b2b-ys ul li span { display: block; font-size: 18px; color: #fff; text-align: center; font-weight: bold; line-height: 40px; position: relative; }

.b2b-ys ul li p { font-size: 14px; color: #fff; margin-top: 20px; }

.b2b-ys-list { background: #f5f5f5; padding-bottom: 50px; }

.b2b-ys-list ul { width: 102%; margin-left: -1%; }

.b2b-ys-list ul li { float: left; width: 31.33%; height: 230px; margin: 1%; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.b2b-ys-list ul li .b2b-ys-icon { width: 80px; height: 80px; background: #f5f5f5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 45px auto 0; }

.b2b-ys-list ul li p { font-size: 16px; color: #333; font-weight: bold; text-align: center; margin-top: 20px; }

.b2b-zf { padding: 50px 0; }

.b2b-zf .b2b-zf-con { width: 102%; margin-left: -1%; }

.b2b-zf .b2b-zf-con .b2b-zf-item { float: left; width: 48%; margin: 0 1%; padding: 50px 20px 20px; background: #f5f5f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.b2b-zf .b2b-zf-con .b2b-zf-item span { display: block; font-size: 18px; color: #333; font-weight: bold; text-align: center; }

.b2b-zf .b2b-zf-con .b2b-zf-item p { font-size: 14px; color: #333; text-align: center; margin-top: 20px; }

.b2b-zf .b2b-zf-con .b2b-zf-item ul { padding: 10px 0 30px; margin-top: 40px; background: #fff; }

.b2b-zf .b2b-zf-con .b2b-zf-item ul.ul_3 li { width: 31.33%; }

.b2b-zf .b2b-zf-con .b2b-zf-item ul.ul_4 li { width: 23%; }

.b2b-zf .b2b-zf-con .b2b-zf-item ul li { float: left; margin: 0 1%; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.b2b-zf .b2b-zf-con .b2b-zf-item ul li:last-child .b2b-zf-icon:after { display: none; }

.b2b-zf .b2b-zf-con .b2b-zf-item ul li p { font-size: 12px; color: #333; text-align: center; height: 35px; overflow: hidden; }

.b2b-zf .b2b-zf-con .b2b-zf-item ul li .b2b-zf-icon { margin-top: 30px; position: relative; }

.b2b-zf .b2b-zf-con .b2b-zf-item ul li .b2b-zf-icon:after { content: ''; width: 16px; height: 10px; background: url("/imp_file/JPN/jp/static/images/jt.png"/*tpa=/imp_file/global/cn/static/images/jt.png*/) no-repeat center; position: absolute; top: 50%; right: -11px; margin-top: -5px; }

.b2b-zf .b2b-zf-con .b2b-zf-item ul li .b2b-zf-icon img { margin: 0 auto; }