.index-tit { font-size: 0.36735rem; color: #333; font-weight: bold; text-align: center; }

.index-banner { margin: 1.12245rem 0 0; background: #fff; -webkit-border-radius: 0.10204rem; -moz-border-radius: 0.10204rem; border-radius: 0.10204rem; }

.index-banner .index-banner-con { position: relative;}

.index-banner .index-banner-con .swiper-slide { position: relative; }

.index-banner .index-banner-con .swiper-slide img { display: block; width: 100%; }

.index-banner .index-banner-con .swiper-pagination { position: absolute; right: 0; bottom: 0.20408rem; width: 100%; }

.index-banner .index-banner-con .swiper-pagination span { display: inline-block; width: 0.12245rem; height: 0.12245rem; opacity: 1; background: white; margin: 0.15306rem; -webkit-border-radius: 0.05102rem; -moz-border-radius: 0.05102rem; border-radius: 0.05102rem; }

.index-banner .index-banner-con .swiper-pagination span.swiper-pagination-bullet-active { width: 0.26531rem; }

.index-banner .banner-tit{ position: absolute;left: 0; right: 0; top: 0; text-align: center; bottom: 0;  margin-top: 1.5rem;}
.index-banner .banner-tit h1{font-size: 0.36rem; font-style:oblique;color: #fff;margin-bottom: 0.25rem;}
.index-banner .banner-tit p{font-size: 0.24rem; font-style:oblique;color: #fff;}
.index-center-tit{text-align: center;}
.index-center-tit h1{font-size: 0.36rem;color: #000;}
.index-center-tit p{text-align: left; font-size: 0.24rem;margin: 0.5rem 0;line-height: 1.6;}
.banner-tit .banner-tit_bg{display: inline-block;color: #fff;text-align: center; width: 1.3rem;height: 0.47rem;background: url(/pk/servicesProducts/MobilePayment/MobileQuickPass/static/images/banner-tit_bg_03.png) no-repeat;background-size: cover;}
.center .index-center-tit{padding: 0.6rem 0;}
.cneter-list1 li{background-color: #fff;}
.cneter-list1 li .center1-left,.cneter-list1 li a{float: left;width: 50%;text-align: center;position: relative;}
.cneter-list1 li a img{display: inline-block;width: 0.68rem;height: 0.78rem;}
.cneter-list1 li a span{display: block;width: 0.4rem;height: 0.05rem;background-color: #000;margin: 0 auto;}
.cneter-list1 li a::before{ 
    content: '';
    position: absolute;
    top:50%;
    left:-0.2rem;
    width:0;
    height:0;
    border-top:0.2rem solid transparent;
    border-bottom:0.2rem solid transparent;
    border-right:0.2rem solid #fff;
}
.cneter-list1 li .center1-right::before{ 
    content: '';
    position: absolute;
    top:50%;
    left: auto;
    right:-0.2rem;
    width:0;
    height:0;
    border-top:0.2rem solid transparent;
    border-bottom:0.2rem solid transparent;
    border-left:0.2rem solid #fff;
    border-right:0;
    z-index: 9;
}
.cneter-list1 li a{padding-top: 0.55rem ;}
.cneter-list1 li a p{margin-top: 0.3rem;font-size: 0.28rem;}

.ysf-page  .ysf-video {
    width: 100%;
    cursor: pointer;
    padding-top: .1rem;
    display: block;
    padding-bottom: .3rem;
}

.ysl-cpys{background-color: #fff;padding-bottom: 0.6rem;}
.ysl-cpys .index-center-tit p{text-align: center;color: #666;}
.ysl-cpys ul li{float: left;width: 50%;text-align: center;margin-bottom: 0.6rem;}
.ysl-cpys ul li img{width: 1.2rem;height: 1.2rem;margin: 0 auto;}
.ysl-cpys ul li h1{font-size: 0.24rem;margin: 0.35rem 0;color: #000;}
.ysl-cpys ul li p{width: 70%;margin: 0 auto;font-size: 0.18rem;height: 1.7rem;}
.ysl-sffs-list {padding: 0.3rem 0.45rem;box-sizing: border-box;background-color: #fff;margin-bottom: 0.3rem;}
.ysl-sffs-list div{float: left;}
.ysl-sffs-list div img{width: 100%;}
.ysl-sffs-list div h1,.ysl-sffs-list div h2{font-size: 0.28rem;}
.ysl-sffs-list div h2{margin-top: 0.6rem;margin-bottom: 0.3rem;}
.ysl-sffs-list .ysl-sffs-list-tit{width: 70%;margin-right: 5%;}
.ysl-sffs-list .ysl-sffs-list-img{width: 25%;}
.ysl-sffs .index-center-tit p{text-align: center;color: #666;}
.ysl-sffs-list-r .ysl-sffs-list-tit{margin-right: 0%;}
.ysl-sffs-list-r .ysl-sffs-list-img{margin-right: 5%;}
.ysl-sffs-list-r h1,.ysl-sffs-list-r h2,.ysl-sffs-list-r p{text-align: right;}
.ysf-kmhy{background-color: #fff;}
.ysf-kmhy .index-center-tit h2{font-size: 0.24rem;color: #666;margin-top: 0.35rem;}
.ysf-kmhy-con{margin: 0.5rem 0;}
.ysf-kmhy-con div{float: left;box-sizing: border-box;}
.ysf-kmhy-con  .ysf-kmhy-con-l{width:38%;margin-right: 2%;}
.ysf-kmhy-con  .ysf-kmhy-con-l  img{width: 100%;}
.ysf-kmhy-con .ysf-kmhy-con-r{width: 60%;background-color: #f8f8f8;padding: 0.22rem 0.28rem;}
.ysf-kmhy-con .ysf-kmhy-con-r h1{font-size: 0.24rem;margin-bottom: 0.2rem;}
.ysf-kmhy-con .ysf-kmhy-con-r ul li:last-child{margin: 0;}
.ysf-kmhy .index-center-tit{padding-bottom: 0;}
.ysf-kmhy-text {padding-bottom: 0.5rem;}
.ysf-kmhy-text h1{font-size: 0.24rem;margin-bottom: 0.38rem;}
.ysf-kmhy-text p{font-size: 0.22rem;margin-bottom: 0.38rem;}
.ysf-pay{width: 100%;padding-bottom: 0.6rem; background: url(/pk/servicesProducts/MobilePayment/MobileQuickPass/static/images/ysf-img4.png) no-repeat top center; background-size: 100% 100%;}
.ysf-slfw{padding-bottom: 0.6rem;}
.ysf-slfw-con-t h1{font-size: 0.24rem;margin-bottom: 0.4rem;}
.ysf-slfw-con-list ul li{display: flex;align-items: center; justify-content: center; float: left;width: 48.5%;height: 1.2rem; text-align: center; background-color: #fff;padding: 0.47rem 0;margin-bottom: 0.2rem;box-sizing: border-box;}
.ysf-slfw-con-list ul li:nth-child(odd){margin-right: 0.2rem;}
.ysf-pay-menu{border-bottom: 1px solid #cccccc;}
.ysf-pay-menu ul    {display: block;width: 80%;margin: 0 auto;}
.ysf-pay-menu ul li{float: left;width: 50%; text-align: center;}
.ysf-pay-menu ul li a{display: inline-block;height: 0.96rem;line-height: 0.96rem;color: #000;font-size: 0.28rem;}
.ysf-pay-menu-ac a{font-weight: bold;border-bottom: 2px solid #000;}
.ysf-pay-con-tit{margin: 0.6rem 0;}
.ysf-pay-list ul li{float: left;width: 48.5%;background: #fff;padding: 0.3rem 0.25rem;box-sizing: border-box;height: 3rem;text-align: center;margin-bottom: 0.2rem;}
.ysf-pay-list ul li:nth-child(odd){margin-right: 0.2rem;}
.ysf-pay-list ul li img{width: 0.8rem;height: 0.8rem;margin: 0 auto;margin-bottom: 0.3rem;}
.ysf-pay-con{display: none;}
.ysf-pay-con-ac{display: block;}