.onlineCashier{}
.onlineCashier .wrapper{margin:  auto;}
.onlineCashier .banner{text-align: center;height: 420px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.onlineCashier .banner .banner-img{display: inline-block;vertical-align: middle;width: 250px;height: 335px;margin-right: 50px;margin-top: 50px;}
.onlineCashier .banner .banner-img img{width: 100%;height: 100%;}
.onlineCashier .banner .banner-title{display: inline-block;vertical-align: middle;}
.onlineCashier .banner .banner-title h3{font-size: 40px;color: #FFFFFF;letter-spacing: 2px;line-height: 80px;font-weight: 400;font-family: fangzheng-unionpay-sc;text-align: left;}
.onlineCashier .banner .banner-title p{font-size: 24px;color: #FFFFFF;letter-spacing: 15px;line-height: 48px;font-family: fangzheng-unionpay-sc;text-align: left;}

.onlineCashier .doc-pc{margin-top: 80px;}
.onlineCashier .doc-pc .doc-txt{display: inline-block;vertical-align: middle;margin-right: 95px;width: 500px;}
.onlineCashier .doc-pc .doc-txt p{font-size: 24px;color: #222222;line-height: 40px;font-weight: bold;margin-bottom: 20px;}
.onlineCashier .doc-pc .doc-txt span{font-size: 16px;color: #222222;letter-spacing: 0.7px;line-height: 32px;}

.onlineCashier .doc-pc .doc-video{display: inline-block;vertical-align: middle;width: 580px;border-radius: 10px;overflow: hidden;}
.onlineCashier .doc-pc .doc-video video{}

.onlineCashier .title{margin-bottom: 50px;margin-top: 80px;}
.onlineCashier .title h5{font-size: 40px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 40px;font-family: fangzheng-unionpay-sc;margin-bottom: 20px;}
.onlineCashier .title p{font-size: 16px;color: #646464;letter-spacing: 16px;text-align: center;line-height: 20px;}

.onlineCashier .rectangle-list-1>li{width: 220px;padding: 50px 10px;}
.onlineCashier .rectangle-list-1>li>h3{margin-bottom: 10px;line-height: 40px;margin-top: 20px;font-family: fangzheng-unionpay-sc;text-align: center;}
.onlineCashier .rectangle-list-1>li>img{margin-bottom: 0;}
.onlineCashier .rectangle-list-1>li>p{text-align: left;letter-spacing: 0.5;line-height: 32px;text-align: center;}

.onlineCashier .list-2{}
.onlineCashier .list-2 .box{background: #F2F2F2;padding: 50px 0;}
.onlineCashier .list-2 .box .img{width: 100%;height: auto;margin-bottom: 40px;}
.onlineCashier .list-2 .box .img img{width: 100%;height: 100%;}
.onlineCashier .list-2 .box p{font-size: 16px;color: #222222;letter-spacing: 0.5px;text-align: center;line-height: 32px;width: 980px;margin: auto;}

.onlineCashier .list-2 .link{margin-top: 10px;text-align: center;cursor: pointer;}
.onlineCashier .list-2 .link a{display: inline-block;}
.onlineCashier .list-2 .link a span{display: inline-block;vertical-align: middle;font-size: 16px;color: #222222;letter-spacing: 0.5px;text-align: right;line-height: 32px;margin-right: 15px;}
.onlineCashier .list-2 .link a img{display: inline-block;vertical-align: middle;width: 30px;height: 30px;}

.onlineCashier .list-3-box{}
.onlineCashier .list-3-box .box-title{}
.onlineCashier .list-3-box .box-title span{background: #DD2C34;border-radius: 20px;width: 72px;height: 32px;font-size: 16px;color: #FFFFFF;letter-spacing: 0.57px;text-align: center;line-height: 32px;display: block;margin: 0 auto 20px;}
.onlineCashier .list-3-box .box-title p{font-size: 24px;color: #222222;letter-spacing: 1px;text-align: center;line-height: 48px;font-weight: bold;}

.onlineCashier .ul-1{position: relative;margin-top: 20px;margin-bottom: 40px;}
.onlineCashier .ul-1:after{content: "";background: #F2F2F2;height: 80px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: -2;}
.onlineCashier .ul-1 ul{overflow: hidden;text-align: center;font-size: 0;}
.onlineCashier .ul-1 .ul-2{display: table;margin: 0 auto;}
.onlineCashier .ul-1 ul li{margin-left: 20px;background: #FFFFFF;width: 380px;height: auto;border: 1px solid #E3E3E3;padding: 10px;display: inline-block;vertical-align: middle;font-size: 0;min-height: 203px;}
.onlineCashier .ul-1 ul li:first-child{margin-left: 0;}
.onlineCashier .ul-1 ul li .img{display: inline-block;vertical-align: middle;width: 120px;height: auto;margin-right: 17px;}
.onlineCashier .ul-1 ul li .img img{width: 100%;height: 100%;}
.onlineCashier .ul-1 ul li .right{display: inline-block;vertical-align: middle;text-align: left;width: 200px;}
.onlineCashier .ul-1 ul li .right span{display: block;width: 40px;height: 40px;font-size: 20px;color: #DD2C34;letter-spacing: 1px;line-height: 38px;margin-bottom: 10px;text-align: center;background: #FFFFFF;border: 3px solid #F5F5F5;border-radius: 20px;}
.onlineCashier .ul-1 ul li .right p{font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 32px;}
/* .onlineCashier .ul-1 ul li .right i{font-size: 16px;color: #222222;letter-spacing: 0.5px;font-weight: 400;font-style: inherit;} */
.onlineCashier .ul-1 ul li .right i{font-size: 12px;color: #646464;letter-spacing: 0.38px;line-height: 15px;font-weight: 400;font-style: inherit;margin-top: 10px;display: block;}
.onlineCashier .ul-1 ul li::after{content: "";width: 0;height: 180px;display: inline-block;vertical-align: middle;}
.onlineCashier .list-3{padding-bottom: 60px;}

@media(max-width: 1220px){
    .onlineCashier .wrapper{width: 89.4%;}

    .onlineCashier .doc-pc .doc-txt{margin-right: 8%;width: 44%;}
    .onlineCashier .doc-pc .doc-txt p{font-size: 22px;line-height: 40px;}
    .onlineCashier .doc-pc .doc-txt span{font-size: 14px;line-height: 28px;}

    .onlineCashier .doc-pc .doc-video{width: 44%;}

    .onlineCashier .rectangle-list-1>li{width: 18%;}

    .onlineCashier .list-2 .box p{width: 86%;}

    .onlineCashier .ul-1 ul li{width: 31%;padding: 10px;margin-left: 15px;}
    .onlineCashier .ul-1 ul li .right{width: 50%;}
    .onlineCashier .ul-1 ul li .img{width: 90px;margin-right: 13px;}
    .onlineCashier .ul-1 ul li .right p{font-size: 14px;}
    /* .onlineCashier .ul-1 ul li .right i{font-size: 14px;} */
    .onlineCashier .ul-1 .ul-2{width: 50%;}
    .onlineCashier .ul-1 .ul-2 li{width: 47.5%;}
}

@media(max-width: 960px){
    .onlineCashier .title{margin-bottom: 40px;margin-top: 60px;}

    .onlineCashier .banner .banner-img{margin-right: 30px;}
    .onlineCashier .banner .banner-title h3{font-size: 36px;line-height: 72px;}
    .onlineCashier .banner .banner-title p{font-size: 20px;line-height: 40px;}

    .onlineCashier .doc-pc{margin-top: 60px;}
    .onlineCashier .doc-pc .doc-txt p{font-size: 20px;}
    .onlineCashier .doc-pc .doc-txt span{font-size: 13px;}

    .rectangle-list-1>li>img{width: 90px;}
    .onlineCashier .rectangle-list-1>li>h3{font-size: 18px;}
    .onlineCashier .rectangle-list-1>li>p{font-size: 14px;line-height: 28px;}

    .onlineCashier .list-2 .box p{font-size: 14px;line-height: 28px;}

    .onlineCashier .ul-1 ul li{width: 48%;padding: 10px;margin-bottom: 20px}
    .onlineCashier .ul-1 ul li.active1{margin-left: 0;margin-bottom: 0;}
    .onlineCashier .ul-1 ul li.active2{margin-bottom: 0;}
    .onlineCashier .ul-1 ul li .right{}
    .onlineCashier .ul-1 ul li .img{width: 120px;margin-right: 10px;}
    .onlineCashier .ul-1 ul li .right p{font-size: 16px;}
    .onlineCashier .ul-1 .ul-2{width: 100%;}
    .onlineCashier .ul-1 .ul-2 li{width: 48%;}

}

@media (max-width: 760px) {

    .onlineCashier .title{margin-bottom: 30px;margin-top: 50px;}
    .onlineCashier .title h5{font-size: 24px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 16px;font-family: fangzheng-unionpay-sc;margin-bottom: 12px;}
    .onlineCashier .title p{font-size: 11px;color: #646464;letter-spacing: 6px;text-align: center;line-height: 14px;}

    .onlineCashier .mobile-banner{}
    .onlineCashier .mobile-banner .video{width: 100%;margin-bottom: 50px;}
    .onlineCashier .mobile-banner .video video{}
    .onlineCashier .mobile-banner .doc{}
    .onlineCashier .mobile-banner .doc p{font-size: 16px;color: #222222;line-height: 28px;font-weight: bold;margin-bottom: 10px;}
    .onlineCashier .mobile-banner .doc span{font-size: 13px;color: #222222;letter-spacing: 0.4px;line-height: 28px;}
    
    .onlineCashier .rectangle-list-1{width: 100%;display: block;}
    .onlineCashier .rectangle-list-1>li{width:100%;height:auto;padding: 20px 9%;margin-bottom: 10px;display: flex;justify-content: center;align-items: center;}
    .onlineCashier .rectangle-list-1>li:last-child{margin: 0;}
    .onlineCashier .rectangle-list-1>li img{width:70px;height: 70px;}
    .onlineCashier .rectangle-list-1>li:nth-child(even) img{margin: 0 0 0 5%;}
    .onlineCashier .rectangle-list-1>li:nth-child(odd) img{margin: 0 10% 0 0;}
    .onlineCashier .rectangle-list-1>li .text-block{margin:0;}
    .onlineCashier .rectangle-list-1>li h3{font-size:18px;color: #222222;letter-spacing:1px;line-height:26px;text-align: left;font-family: fangzheng-unionpay-sc;margin-bottom: 5px; }
    .onlineCashier .rectangle-list-1>li p{font-size:13px;color: #222222;letter-spacing: 0.5px;line-height:22px;text-align: left;margin-top: 0px;width: auto;}

    .onlineCashier .list-2 .box{background: #F2F2F2;padding: 30px 0;}
    .onlineCashier .list-2 .box .img{width: 100%;height: auto;margin-bottom: 30px;}
    .onlineCashier .list-2 .box p{font-size: 13px;color: #222222;letter-spacing: 0.5px;line-height: 24px;width: 100%;}

    .onlineCashier .list-2 .link{margin-top: 20px;}
    .onlineCashier .list-2 .link a span{font-size: 13px;color: #DD2C34;letter-spacing: 0.5px;text-align: right;line-height: 16px;margin-right: 0px;text-decoration: underline;}
    .onlineCashier .list-2 .link a img{display: none;}
    
    .onlineCashier .list-3{padding-bottom: 30px;}
    .onlineCashier .slider-mobile{margin-top: 20px;}
    .onlineCashier .slider-mobile .slider-mobile-content{}
    .onlineCashier .slider-mobile .slider-mobile-content .wrapper{overflow: hidden;}
    .onlineCashier .slider-mobile .slider-mobile-content .slider-mobile-main{}
    .onlineCashier .slider-mobile .slider-mobile-content .slider-mobile-main li{padding: 0 10px;}
    .onlineCashier .slider-mobile .slider-mobile-content .slider-mobile-main li .content-img{width: 100%;height: 130px;background: #FFFFFF;border: 1px solid #E3E3E3;margin-bottom: 10px;text-align: center;}
    .onlineCashier .slider-mobile .slider-mobile-content .slider-mobile-main li .content-img img{height: 100%;width: auto;display: inline-block;}
    .onlineCashier .slider-mobile .slider-mobile-content .slider-mobile-main li p{font-size: 13px;color: #222222;letter-spacing: 0.5px;text-align: center;line-height: 22px;}
    .onlineCashier .slider-mobile .slider-mobile-content .slider-mobile-main li i{font-size: 12px;color: #646464;letter-spacing: 0.38px;text-align: center;line-height: 15px;margin-top: 10px;display: block;font-style: normal;}
    .onlineCashier .slider-mobile .slider-mobile-bottom ul{margin: 30px 0;}
}