.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 .container { height: 100%; }

.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: 26px; color: #fff; line-height: 47px; }

.sub-banner .sub-bannerTxt p { font-size: 16px; 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/global/en/static/images/en/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.wdf h4 { display: inline-block; font-size: 16px; }

.sub-banner .sub-bannerTxt.wdf h4 span { float: left; }

.sub-banner .sub-bannerTxt.wdf p { float: left; display: inline-block; font-size: 28px; line-height: 47px; margin-top: 0; }

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

.sub-banner .sub-bannerTxt.zf h4:before { content: ''; width: 100px; height: 6px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -50px; }

.sub-banner .sub-bannerTxt.sf p { font-size: 16px; 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; }

.banner-card { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.banner-card .banner-card-txt { float: left; padding-top: 30px; }

.banner-card .banner-card-txt h4 { font-size: 32px; color: #333; font-style: italic; font-weight: bold; padding: 0 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; }

.banner-card .banner-card-txt span { display: block; font-size: 28px; color: #fff; font-style: italic; font-weight: bold; margin-top: 10px; padding-bottom: 30px; position: relative; }

.banner-card .banner-card-txt span:after { content: ''; width: 80px; height: 4px; background: #fff; position: absolute; left: 0; bottom: 0; }

.banner-card .banner-card-img { float: right; margin-bottom: -60px; margin-right: 40px; overflow: hidden; }

.banner-card .banner-card-img img { display: inline-block; float: left; width: 370px; margin-left: 20px; }

.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/global/en/static/images/en/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; }

.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: 18px; 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: 14px; font-weight: 600; }

.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; font-weight: 100; line-height: 26px; padding-left: 32px; 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 .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/global/en/static/images/en/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/global/en/static/images/en/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/global/en/static/images/en/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/global/en/static/images/en/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%; }

.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: 210px 0 200px; position: relative; }

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

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

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

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

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

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

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

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

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

.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/global/en/static/images/en/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; }

.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 .TopicScroll { height: 300px; margin-top: 20px; }

.MPay-Topic .Topic-video .Topic-video-txt .TopicScroll .mCustomScrollBox .mCSB_scrollTools { width: 12px; }

.MPay-Topic .Topic-video .Topic-video-txt .TopicScroll .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail { background: #fff; }

.MPay-Topic .Topic-video .Topic-video-txt .TopicScroll .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #999; }

.MPay-Topic .Topic-video .Topic-video-txt .TopicScroll .mCSB_draggerContainer { border: 1px solid #e7ebed; }

.MPay-Topic .Topic-video .Topic-video-txt p { font-size: 16px; color: #333; padding-right: 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; height: 48px; font-size: 16px; color: #333; font-weight: bold; line-height: 24px; position: relative; }

.MPay-Topic .Topic-mode .Topic-mode-list .Topic-mode-item .Topic-mode-tit span em { float: left; width: 55px; height: 48px; display: inline-block; font-size: 36px; line-height: 48px; 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; left: 0; top: 0; }

.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: 210px; 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/global/en/static/images/en/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: 105px; 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 { width: 100%; font-size: 18px; color: #333; line-height: 40px; white-space: nowrap; position: absolute; top: -20px; text-align: center; }

.cloudPay-step .step-list .step-item .step-item-tit p { display: inline-block; padding: 0 20px; background: #f5f5f5; }

.cloudPay-step .step-list .step-item .step-item-tit span { float: left; font-size: 38px; 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/global/en/static/images/en/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 .q-txt-scroll { height: 200px; margin-top: 20px; }

.cloudPay-quick .cloudPay-quick-list .cloudPay-quick-item .quick-txt .q-txt-scroll .mCSB_scrollTools { background: #e0e0e0; }

.cloudPay-quick .cloudPay-quick-list .cloudPay-quick-item .quick-txt .q-txt-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; background: #999; }

.cloudPay-quick .cloudPay-quick-list .cloudPay-quick-item .quick-txt .q-txt-scroll .mCSB_scrollTools .mCSB_draggerRail { background: none; }

.cloudPay-quick .cloudPay-quick-list .cloudPay-quick-item .quick-txt p { font-size: 16px; color: #333; padding-right: 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/global/en/static/images/en/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/global/en/static/images/en/cloud-btn.png") no-repeat center; }

.cloudPay-link a span { display: block; font-size: 24px; color: #fff; margin-top: 40px; text-indent: 54px; }

.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: 2px; 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; height: 48px; 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; overflow: hidden; }

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

.QR-characteristic ul li.active .scroll_p { height: 150px; }

.QR-characteristic ul li.active .scroll_p .scroll_p-con { opacity: 1; }

.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 .scroll_p { height: 0; overflow: hidden; }

.QR-characteristic ul li .scroll_p .scroll_p-con { width: 280px; height: 150px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 0; }

.QR-characteristic ul li .scroll_p .scroll_p-con .mCustomScrollBox .mCSB_scrollTools { background: rgba(255, 255, 255, 0.3); }

.QR-characteristic ul li .scroll_p .scroll_p-con .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail { background: none; }

.QR-characteristic ul li .scroll_p .scroll_p-con .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger { width: 10px !important; }

.QR-characteristic ul li .scroll_p .scroll_p-con .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px !important; background: #fff; }

.QR-characteristic ul li p { display: block; overflow: hidden; font-size: 14px; color: #fff; }

.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: left; }

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

.QR-appList ul li { float: left; height: 66px; 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; }

.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: 20px; -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: 10px; 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 15px; padding: 0 0 15px; }

.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; line-height: 20px; }

.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; height: 54px; font-size: 18px; color: #333; font-weight: bold; margin: 20px 0; overflow: hidden; }

.YL-payment .YL-payment-service ul li p { font-size: 14px; color: #999; height: 39px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; word-break: break-word; -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/global/en/static/images/pay-jt.png") no-repeat center; }

.country { padding: 100px 0; }

.country .country-tit { font-size: 24px; color: #333; font-weight: bold; text-align: center; }

.country .pakistan { margin-top: 60px; }

.country .pakistan table { width: 100%; }

.country .pakistan table tr { width: 100%; border-bottom: 1px solid #d4d4d4; }

.country .pakistan table tr th { font-size: 16px; color: #333; font-weight: bold; text-align: center; padding: 30px 10px; vertical-align: middle; }

.country .pakistan table tr td { font-size: 14px; color: #333; padding: 30px 10px; vertical-align: middle; }

.country .pakistan table tr td img { max-width: 100%; margin: 0 auto; }

.country .pakistan table tr td span.card { display: block; font-size: 14px; color: #333; font-weight: bold; text-align: center; margin-top: 10px; }

.country .pakistan table tr td span.name { display: block; text-align: center; }

.country .pakistan table tr td strong { display: block; font-size: 14px; color: #333; font-weight: bold; text-align: center; }

.country .pakistan table tr td a { color: #315894; }

.country .pakistan table tr td a:hover { text-decoration: underline; }

.con-24k { padding: 80px 0; position: relative; overflow-x: hidden; }

.con-24k:before { content: ''; width: 4000px; height: 250px; background: #f5f5f5; position: absolute; top: 0; left: 0; }

.con-24k .container { position: relative; }

.con-24k h4 { font-size: 24px; color: #333; font-weight: bold; text-align: center; }

.con-24k ul { width: 102%; margin-left: -1%; margin-top: 50px; }

.con-24k ul li { float: left; width: 31.33%; margin: 0 1%; padding: 30px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 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); }

.con-24k ul li p { height: 105px; font-size: 14px; color: #333; overflow: hidden; }

.con-24k .con-24k-txt dl dd { margin-top: 50px; }

.con-24k .con-24k-txt dl dd strong { display: block; color: #333; font-weight: bold; }

.con-24k .con-24k-txt dl dd p { color: #333; margin-top: 10px; }

.con-24k .con-24k-txt dl dd a { display: inline-block; color: #0887c3; margin-top: 10px; }

.con-bdo .con-bdo-1 .bdo-t-tit { padding: 50px 0; background: #f5f5f5; }

.con-bdo .con-bdo-1 .bdo-t-tit h4 { font-size: 24px; color: #333; font-weight: bold; text-align: center; }

.con-bdo .con-bdo-1 .bdo-t-tit .con-t-txt { font-size: 14px; color: #333; font-weight: bold; text-align: center; margin-top: 10px; }

.con-bdo .con-bdo-1 ul li { margin-top: 60px; padding-bottom: 60px; border-bottom: 1px dashed #d9d9d9; }

.con-bdo .con-bdo-1 ul li .bdo-img { width: 85px; height: 85px; background: #f5f5f5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.con-bdo .con-bdo-1 ul li span { display: inline-block; font-size: 18px; color: #333; font-weight: bold; margin-top: 30px; }

.con-bdo .con-bdo-1 ul li p { font-size: 14px; color: #666; margin-top: 10px; }

.con-bdo .con-bdo-1 ul li dl { margin-top: 30px; }

.con-bdo .con-bdo-1 ul li dl dt { font-size: 14px; color: #333; font-weight: bold; }

.con-bdo .con-bdo-1 ul li dl dd { font-size: 14px; color: #666; margin: 4px 0; }

.con-bdo .con-bdo-2 { padding: 60px 0; background: #f5f5f5; }

.con-bdo .con-bdo-2 .container { padding: 30px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.con-bdo .con-bdo-2 dl { padding: 20px; background: #e9e9e9; position: relative; }

.con-bdo .con-bdo-2 dl:before { content: ''; width: 20px; height: 20px; background: #e9e9e9; position: absolute; left: 50%; margin-left: -10px; bottom: -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.con-bdo .con-bdo-2 dl dt { font-size: 14px; color: #333; font-weight: bold; }

.con-bdo .con-bdo-2 dl dd { font-size: 14px; color: #666; margin: 4px 0; }

.con-bdo .con-bdo-2 ul { margin-top: 40px; }

.con-bdo .con-bdo-2 ul li { float: left; width: 48%; }

.con-bdo .con-bdo-2 ul li:first-child { margin-right: 4%; }

.con-bdo .con-bdo-2 ul li span { display: inline-block; font-size: 18px; color: #333; font-weight: bold; }

.con-bdo .con-bdo-2 ul li p { font-size: 14px; color: #666; margin: 4px 0; }

.con-bdo .con-bdo-3 { padding: 10px 0 60px; }

.con-bdo .con-bdo-3 dl dd { margin-top: 60px; }

.con-bdo .con-bdo-3 dl dd span { display: inline-block; font-size: 18px; color: #333; font-weight: bold; }

.con-bdo .con-bdo-3 dl dd p { font-size: 14px; color: #666; margin: 4px 0; }

.con-bdo .con-bdo-3 dl dd p a { display: inline-block; color: #0887c3; }

.con-bdo .con-bdo-3 dl dd p a:hover { text-decoration: underline; }

.con-boc { padding: 80px 0; position: relative; overflow-x: hidden; }

.con-boc:before { content: ''; width: 4000px; height: 170px; background: #f5f5f5; position: absolute; top: 0; left: 0; }

.con-boc .container { position: relative; }

.con-boc h4 { font-size: 24px; color: #333; font-weight: bold; text-align: center; }

.con-boc .con-boc-txt { margin-top: 120px; }

.con-boc .con-boc-txt p { font-size: 14px; color: #333; font-weight: bold; margin: 20px 0; }

.con-boc .con-boc-txt dl dd { font-size: 14px; color: #999; margin: 6px 0; }

.con-boc .con-boc-bot { padding: 20px 40px; margin-top: 40px; background: #f5f5f5; }

.con-boc .con-boc-bot p { font-size: 14px; color: #333; font-weight: bold; margin: 10px 0; }

.con-boc .con-boc-bot p a { color: #0887c3; text-decoration: underline; }

.con-pnb { padding: 50px 0; position: relative; overflow-x: hidden; }

.con-pnb .container { position: relative; }

.con-pnb:before { content: ''; width: 4000px; height: 180px; background: #f5f5f5; position: absolute; top: 0; left: 0; }

.con-pnb h4 { font-size: 24px; color: #333; font-weight: bold; text-align: center; }

.con-pnb .con-t-txt { font-size: 16px; color: #333; text-align: center; margin-top: 20px; margin-bottom: 90px; }

.con-pnb ul { margin-top: 40px; padding-bottom: 30px; border-bottom: 1px dashed #999; }

.con-pnb ul.last li { width: 100%; padding: 0; }

.con-pnb ul li { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.con-pnb ul li:nth-child(odd) { padding-right: 2%; }

.con-pnb ul li:nth-child(even) { padding-left: 2%; }

.con-pnb ul li span { display: block; font-size: 16px; color: #333; font-weight: bold; margin-bottom: 15px; }

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

.con-pnb .con-pnb-txt { padding: 20px 40px; margin-top: 40px; background: #f5f5f5; }

.con-pnb .con-pnb-txt p { font-size: 14px; color: #333; font-weight: bold; margin: 10px 0; }

.con-pnb .con-pnb-txt p a { color: #0887c3; }