.merchants{}
.merchants .wrapper{margin: 0 auto;}

.merchants .banner{height: 260px;padding-top: 75px;background: url("../../resources/images/merchants/D_main-banner.jpg") no-repeat;background-size: cover;}
.merchants .banner h3{font-family: fangzheng-unionpay-sc;font-size: 40px;color: #FFFFFF;letter-spacing: 2px;text-align: center;line-height: 80px;}
.merchants .banner p{font-size: 20px;color: #FFFFFF;letter-spacing: 0.5px;text-align: center;line-height: 32px;}

.merchants .merchants-title{}
.merchants .merchants-title .title{margin: 50px 0;}
.merchants .merchants-title .title h5{font-weight: 700;font-size: 24px;color: #222222;letter-spacing: 1px;text-align: center;line-height: 40px;margin: 0 0 30px;}
.merchants .merchants-title .title p{width: 980px;margin: 0 auto;font-size: 16px;color: #222222;letter-spacing: 0.8px;line-height: 32px;}
.merchants .merchants-title .list{margin-bottom: 50px;}
.merchants .merchants-title .list ul{overflow: hidden;}
.merchants .merchants-title .list ul li{width: 280px;height: 160px;display: table;float: left;margin-left: 20px;}
.merchants .merchants-title .list ul li:first-child{margin: 0;}
.merchants .merchants-title .list ul li span{font-family: fangzheng-unionpay-sc;display: table-cell;vertical-align: middle;font-size: 30px;color: #FFFFFF;letter-spacing: 7.5px;text-align: center;line-height: 40px;}

.merchants .merchants-title .button{width: 230px;height: 40px;border-radius: 20px;margin: 50px auto 80px;background: #DD2C34;}
.merchants .merchants-title .button a{display: block;font-size: 16px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 40px;}

.merchants .main{}
.merchants .main .box{margin-bottom: 80px;}
.merchants .main .box .main-title{}
.merchants .main .box .main-title h5{font-family: fangzheng-unionpay-sc;font-size: 40px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 40px;margin-bottom: 20px;}
.merchants .main .box .main-title p{font-size: 16px;color: #646464;letter-spacing: 16px;text-align: center;line-height: 20px;}
.merchants .main .box .content{margin-top: 50px;}
.merchants .main .box .content .img{width: 540px;height: 520px;display: inline-block;margin: 0 70px 0 0;vertical-align: middle}
.merchants .main .box .content .img.active{margin: 0 0 0 70px;}
.merchants .main .box .content .img img{width: 100%;height: 100%;}
.merchants .main .box .content .right{display: inline-block;vertical-align: middle;}
.merchants .main .box .content .right ul{}
.merchants .main .box .content .right ul li{overflow: hidden;margin-top: 30px;}
.merchants .main .box .content .right ul li:first-child{margin-top: 0px;}
.merchants .main .box .content .right ul li .li-img{display: table;margin-right: 33px;float: left;width: 72px;height: 72px;background: #FFFFFF;border: 4px solid #F2F2F2;border-radius: 50%;}
.merchants .main .box .content .right ul li .li-img .li-img-box{display: table-cell;vertical-align: middle;text-align: center;}
.merchants .main .box .content .right ul li .li-img img{width: 40px;height: 40px;}
.merchants .main .box .content .right ul li .text{width: 460px;float: left;}
.merchants .main .box .content .right ul li .text p{font-weight: 700;margin-bottom: 7px;font-size: 20px;color: #222222;letter-spacing: 1px;line-height: 30px;}
.merchants .main .box .content .right ul li .text span{display: block;font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 28px;}

.merchants .content-3{}
.merchants .content-3 .title{}
.merchants .content-3 .title h4{font-family: fangzheng-unionpay-sc;font-size: 40px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 40px;margin: 0 0 20px;}
.merchants .content-3 .title p{font-size: 16px;color: #646464;letter-spacing: 16px;text-align: center;line-height: 20px;}
.merchants .content-3 .ul-1{position: relative;margin-top: 50px;}
.merchants .content-3 .ul-1:after{content: "";background: #F2F2F2;height: 80px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: -2;}
.merchants .content-3 .ul-1 ul{overflow: hidden;}
.merchants .content-3 .ul-1 .ul-2{display: table;margin: 0 auto;}
.merchants .content-3 .ul-1 ul li{float: left;margin-left: 20px;background: #FFFFFF;width: 280px;height: 160px;border: 1px solid #E3E3E3;padding: 0 30px;display: table;}
.merchants .content-3 .ul-1 ul li:first-child{margin-left: 0;}
.merchants .content-3 .ul-1 ul li .img{display: table-cell;vertical-align: middle;width: 72px;height: 72px;}
.merchants .content-3 .ul-1 ul li .img img{width: 100%;height: 100%;}
.merchants .content-3 .ul-1 ul li .right{display: inline-block;vertical-align: middle;margin-top: 23px;padding-left: 13px;}
.merchants .content-3 .ul-1 ul li .right span{font-weight: 700;display: block;width: 40px;height: 40px;font-size: 20px;color: #DD2C34;letter-spacing: 1px;line-height: 40px;margin-bottom: 10px;text-align: center;background: url("../../resources/images/application/icon-text.png") no-repeat;background-size: cover;}
.merchants .content-3 .ul-1 ul li .right p{font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 32px;}

.merchants .content-3 .jiantou{margin: 30px 0 50px;}
.merchants .content-3 .jiantou img{width: 24px;height: 24px;display: block;margin: 0 auto 20px;}
.merchants .content-3 .jiantou span{font-weight: 700;display: block;text-align: center;font-size: 16px;color: #DD2C34;letter-spacing: 0.5px;text-align: center;line-height: 24px;}
.merchants .content-3 .button{width: 230px;height: 40px;background: #DD2C34;margin: 0 auto 60px;border-radius: 20px; }
.merchants .content-3 .button a{display: block;font-size: 16px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 40px;}

.merchants .bottom-pc{height: 210px;width: 100%;overflow: hidden;margin-bottom: 80px;}
.merchants .bottom-pc .wrapper{height: 100%;display: table;}
.merchants .bottom-pc .left{display: table-cell;vertical-align: middle;height: 100%;}
.merchants .bottom-pc .left h5{font-weight: 700;font-size: 24px;color: #FFFFFF;letter-spacing: 0.5px;line-height: 42px;margin: 0 0 20px}
.merchants .bottom-pc .left p{font-size: 18px;color: #FFFFFF;letter-spacing: 0.7px;line-height: 30px;}
.merchants .bottom-pc .left .box{font-size: 18px;color: #FFFFFF;letter-spacing: 0.7px;line-height: 30px;margin-bottom: 10px;}
.merchants .bottom-pc .left .box span{display: inline-block;}
.merchants .bottom-pc .right{display: table-cell;vertical-align: middle;width: 340px;}
.merchants .bottom-pc .right img{width: 100px;height: 100px;margin-right: 30px;vertical-align: middle;}
.merchants .bottom-pc .right .text{display: inline-block;vertical-align: middle;}
.merchants .bottom-pc .right .text p{font-size: 18px;color: #FFFFFF;letter-spacing: 0.5px;line-height: 36px;}


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

  .merchants .merchants-title .title p{width: 85%;}
  .merchants .merchants-title .list ul li{width: 23.7%;margin-left: 1.7%;}
  
  .merchants .main .box .content .img{width: 45.7%;height: auto;}
  .merchants .main .box .content .img{margin: 0 5% 0 0;}
  .merchants .main .box .content .img.active{margin: 0 0 0 5%;}
  .merchants .main .box .content .right{width: 48%;}
  .merchants .main .box .content .right ul li .li-img{margin-right: 5.5%;}
  .merchants .main .box .content .right ul li .text{width: 76%;}

  .merchants .content-3 .ul-1 ul li{width: 23%;padding: 0 10px;}
  .merchants .content-3 .ul-1 ul li .right{padding-left: 10px;}
  .merchants .content-3 .ul-1 ul li .img{width: 68px;height: 68px;}
  .merchants .content-3 .ul-1 ul li .right p{font-size: 12px;}
  .merchants .content-3 .ul-1 .ul-2{width: 50%;}
  .merchants .content-3 .ul-1 .ul-2 li{width: 47.5%;}

  .merchants .bottom-pc .left .box span.active{display: block;}
}
@media (max-width: 980px) {
  .merchants .content-3 .ul-1 ul li{width: 48%;padding: 0 30px;margin-bottom: 20px}
  .merchants .content-3 .ul-1 ul li.active1{margin-left: 0;margin-bottom: 0;}
  .merchants .content-3 .ul-1 ul li.active2{margin-bottom: 0;}
  .merchants .content-3 .ul-1 ul li .right{padding-left: 10px;}
  .merchants .content-3 .ul-1 ul li .img{width: 100px;height: 100px;}
  .merchants .content-3 .ul-1 ul li .right p{font-size: 16px;}
  .merchants .content-3 .ul-1 .ul-2{width: 100%;}
  .merchants .content-3 .ul-1 .ul-2 li{width: 48%;}

  .merchants .bottom-pc .left h5{font-size: 22px;}
  .merchants .bottom-pc .left p{font-size: 16px;}
  .merchants .bottom-pc .left .box{font-size: 16px;}
  .merchants .bottom-pc .right{width: 325px;}
  .merchants .bottom-pc .right img{margin-right: 15px;}
  .merchants .bottom-pc .right .text p{font-size: 16px;}
}

@media (max-width: 960px) {
  .merchants .main .box .content .right ul li{margin-top: 20px;}
  .merchants .main .box .content .right ul li .li-img{width: 62px;height: 62px;border: 3px solid #F2F2F2;}
  .merchants .main .box .content .right ul li .li-img img{width: 30px;height: 30px;}
  .merchants .main .box .content .right ul li .text{width: 75%;}
  .merchants .main .box .content .right ul li .text p{font-size: 18px;}
  .merchants .main .box .content .right ul li .text span{font-size: 14px;}

}

@media (max-width: 760px) {
  .merchants .banner{height: 160px;padding-top: 40px;background: url("../../resources/images/merchants/M_main_banner@2x.jpg") no-repeat;background-size: cover;}
  .merchants .banner h3{font-family: fangzheng-unionpay-sc;font-size: 28px;color: #FFFFFF;letter-spacing: 2px;text-align: center;line-height: 52px;}
  .merchants .banner p{font-size: 13px;color: #FFFFFF;letter-spacing: 0.5px;text-align: center;line-height: 22px;}

  .merchants .merchants-title .title{margin: 30px 0;}
  .merchants .merchants-title .title h5{font-size: 16px;color: #222222;letter-spacing: 0.5px;text-align: center;line-height: 28px;margin: 0 0 10px;}
  .merchants .merchants-title .title p{width: 100%;font-size: 13px;color: #222222;letter-spacing: 0.5px;line-height: 28px;}

  .merchants .merchants-title .button{width: 180px;height: 30px;border-radius: 15px;margin: 30px auto 60px;background: #DD2C34;}
  .merchants .merchants-title .button a{display: block;font-size: 13px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 30px;}
  
  .merchants .main-mobile{}
  .merchants .main-mobile .box-mobile{margin-bottom: 60px;}
  .merchants .main-mobile .box-mobile .title-mobile{margin-bottom: 30px;}
  .merchants .main-mobile .box-mobile .title-mobile h5{font-family: fangzheng-unionpay-sc;margin-bottom: 12px;font-size: 24px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 26px;}
  .merchants .main-mobile .box-mobile .title-mobile p{font-size: 11px;color: #646464;letter-spacing: 6px;text-align: center;line-height: 14px;}
  .merchants .main-mobile .box-mobile .img{height: 130px;width: 100%;text-align: center;}
  .merchants .main-mobile .box-mobile .img span{font-family: fangzheng-unionpay-sc;line-height: 130px;display: inline-block;font-size: 24px;color: #FFFFFF;letter-spacing: 2px;}
  .merchants .main-mobile .box-mobile ul{padding-top: 30px;}
  .merchants .main-mobile .box-mobile ul li{display: flex;justify-content: space-between;margin-bottom: 20px;}
  .merchants .main-mobile .box-mobile ul li:last-child{margin-bottom: 0px;}
  .merchants .main-mobile .box-mobile ul li .icon{width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;margin-right: 6%;border-radius: 50%;background: #FFFFFF;border: 3px solid #F2F2F2;}
  .merchants .main-mobile .box-mobile ul li .icon img{width: 33px;height: 33px;}
  .merchants .main-mobile .box-mobile ul li .text{flex: 1;}
  .merchants .main-mobile .box-mobile ul li .text p{font-weight: 700;font-size: 16px;color: #222222;letter-spacing: 1px;margin-bottom: 5px;}
  .merchants .main-mobile .box-mobile ul li .text span{font-size: 13px;color: #222222;letter-spacing: 0.4px;line-height: 22px;}

  .merchants .content-3 .title{margin-bottom: 30px;}
  .merchants .content-3 .title h4{font-size: 24px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 26px;margin-bottom: 12px;}
  .merchants .content-3 .title p{font-size: 11px;color: #646464;letter-spacing: 6px;text-align: center;line-height: 14px;}
  .merchants .content-3 .ul-mobile{display: flex;justify-content: space-between;flex-wrap: wrap;}
  .merchants .content-3 .ul-mobile li{width: 48.3%;margin-bottom: 30px;}
  .merchants .content-3 .ul-mobile li:nth-child(2){margin-bottom: 0;}
  .merchants .content-3 .ul-mobile li .img{height: 112px;border: 1px solid #E3E3E3;padding-top: 10px;text-align: center;}
  .merchants .content-3 .ul-mobile li .img span{font-weight: 700;display: block;font-size: 20px;color: #DF2D33;letter-spacing: 0.83px;line-height: 24px;margin-bottom: 4px;}
  .merchants .content-3 .ul-mobile li .img img{width: 60px;height: 60px;}
  .merchants .content-3 .ul-mobile li p{margin-top: 10px;font-size: 13px;color: #222222;letter-spacing: 0.5px;text-align: center;line-height: 22px;}

  .merchants .content-3 .jiantou{margin: 0 0 20px;}
  .merchants .content-3 .jiantou img{width: 16px;height: 16px;display: block;margin: 0 auto 20px;}
  .merchants .content-3 .jiantou span{display: block;text-align: center;font-size: 16px;color: #DD2C34;letter-spacing: 0.5px;text-align: center;line-height: 18px;}
  .merchants .content-3 .button{width: 180px;height: 30px;background: #DD2C34;margin: 0 auto 60px;border-radius: 15px; }
  .merchants .content-3 .button a{display: block;font-size: 13px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 30px;}

  .merchants .bottom-mobile{height: 330px;padding-top: 40px;margin-bottom: 60px;}
  .merchants .bottom-mobile h5{font-weight: 700;font-size: 18px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 28px;margin: 0 0 20px}
  .merchants .bottom-mobile p{font-size: 13px;color: #FFFFFF;letter-spacing: 0.5px;line-height: 30px;}
  .merchants .bottom-mobile p span{font-weight: 700;}
  .merchants .bottom-mobile .box{display: flex;justify-content: center;align-items: center;margin-top: 30px;}
  .merchants .bottom-mobile .box img{width: 80px;height: 80px;margin-right: 20px;}
  .merchants .bottom-mobile .box .text{}
  .merchants .bottom-mobile .box .text span{display: block;font-size: 13px;color: #FFFFFF;letter-spacing: 0.5px;line-height: 26px;}



}