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

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

.practiceSharing .des{width: 980px;margin: 50px auto 0;}
.practiceSharing .des p{font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 32px;}

.practiceSharing .main{margin-top: 80px;padding-bottom: 20px;}
.practiceSharing .main .title{margin-bottom: 50px;}
.practiceSharing .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;}
.practiceSharing .main .title p{font-size: 16px;color: #646464;letter-spacing: 16px;text-align: center;line-height: 20px;}

.practiceSharing .main .content{}
.practiceSharing .main .content .box{margin-bottom: 100px;}
.practiceSharing .main .content .box .box-img-top{font-size: 0;margin-bottom: 40px;}
.practiceSharing .main .content .box .box-img-top .img{width: 260px;height: 150px;border: 1px solid #E3E3E3;display: inline-block;vertical-align: middle;margin-right: 20px;text-align: center;line-height: 150px;}
.practiceSharing .main .content .box .box-img-top.box-img-top-right .img{margin: 0 0 0 20px;}
.practiceSharing .main .content .box .box-img-top .img img{width: 220px;height: 110px;}
.practiceSharing .main .content .box .box-img-top .text{display: inline-block;width: 900px;height: 150px;border: 1px solid #E3E3E3;padding: 0 40px;vertical-align: middle;}
.practiceSharing .main .content .box .box-img-top .text:after{content: "";display: inline-block;vertical-align: middle;height: 100%;width: 0px;}
.practiceSharing .main .content .box .box-img-top .text p{font-family: fangzheng-unionpay-sc;font-size: 22px;color: #222222;letter-spacing: 1.2px;line-height: 34px;display: inline-block;vertical-align: middle;}

.practiceSharing .main .content .box .box-img-bottom{margin-bottom: 40px;font-size: 0px;}
.practiceSharing .main .content .box .box-img-bottom .img{width: 480px;height: 320px;position: relative;text-align: center;display: inline-block;vertical-align: middle;margin-right: 60px;}
.practiceSharing .main .content .box .box-img-bottom.box-img-bottom-right .img{margin: 0 0 0 60px;}
.practiceSharing .main .content .box .box-img-bottom .img:after{content: "";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.practiceSharing .main .content .box .box-img-bottom .img img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
.practiceSharing .main .content .box .box-img-bottom .img .img-text{display: inline-block;vertical-align: middle;position: relative;z-index: 10;}
.practiceSharing .main .content .box .box-img-bottom .img .img-text p{font-family: fangzheng-unionpay-sc;font-size: 30px;color: #FFFFFF;letter-spacing: 2px;text-align: center;margin-bottom: 20px;}
.practiceSharing .main .content .box .box-img-bottom .img .img-text span{font-size: 24px;color: #FFFFFF;letter-spacing: 1.6px;text-align: center;line-height: 46px;}
.practiceSharing .main .content .box .box-img-bottom .text{display: inline-block;vertical-align: middle;width: 627px;}
.practiceSharing .main .content .box .box-img-bottom .text .text-top{margin-bottom: 20px;}
.practiceSharing .main .content .box .box-img-bottom .text p{font-weight: bold;font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 30px;}
.practiceSharing .main .content .box .box-img-bottom .text span{font-size: 16px;color: #101010;letter-spacing: 0.5px;line-height: 30px;}
.practiceSharing .main .content .box .box-img-bottom .text .text-bottom{}

.practiceSharing .main .content .box .bottom{background: #F2F2F2;}
.practiceSharing .main .content .box .bottom .text{padding: 20px 0;}
.practiceSharing .main .content .box .bottom .text p{font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 32px;font-weight: bold;}
.practiceSharing .main .content .box .bottom .text span{font-size: 16px;color: #101010;letter-spacing: 0.5px;line-height: 32px;}




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

  .practiceSharing .main .content .box .box-img-top .img{width: 22%;height: 150px;margin-right: 1.7%;}
  .practiceSharing .main .content .box .box-img-top.box-img-top-right .img{margin: 0 0 0 1.7%;}
  .practiceSharing .main .content .box .box-img-top .img img{width: 84.6%;height: auto;}
  .practiceSharing .main .content .box .box-img-top .text{width: 76.2%;height: 150px;}
  .practiceSharing .main .content .box .box-img-top .text p{font-size: 20px;}

  .practiceSharing .main .content .box .box-img-bottom .img{width: 40.6%;margin-right: 5%;}
  .practiceSharing .main .content .box .box-img-bottom.box-img-bottom-right .img{margin: 0 0 0 5%;}
  .practiceSharing .main .content .box .box-img-bottom .img .img-text p{font-size: 28px;margin-bottom: 20px;}
  .practiceSharing .main .content .box .box-img-bottom .img .img-text span{font-size: 22px;}
  .practiceSharing .main .content .box .box-img-bottom .text{width: 53.1%;}
  .practiceSharing .main .content .box .box-img-bottom .text .text-top{margin-bottom: 20px;}
  .practiceSharing .main .content .box .box-img-bottom .text p{font-size: 16px;}
  .practiceSharing .main .content .box .box-img-bottom .text span{font-size: 14px;}

  .practiceSharing .main .content .box .bottom .text span{font-size: 14px;}



}

@media (max-width: 980px) {
  .practiceSharing .main .content .box .box-img-top .text{padding: 0 20px;}
  .practiceSharing .main .content .box .box-img-top .text p{font-size: 18px;}
}

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

  .practiceSharing .des{width: 89.4%;}
  .practiceSharing .des p{font-size: 13px;color: #222222;letter-spacing: 0.4px;line-height: 28px;}

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

  .practiceSharing .main .content .box{margin-bottom: 50px;}
  .practiceSharing .main .content .box .box-img-top{font-size: 0;margin-bottom: 20px;padding: 10px 0 20px;border: 1px solid #E3E3E3;}
  .practiceSharing .main .content .box .box-img-top .img{width: 65.6%;height: auto;border: 0;display: block;margin: 0 auto;text-align: center;line-height: 0;}
  .practiceSharing .main .content .box .box-img-top.box-img-top-right{display: flex;flex-direction: column-reverse;}
  .practiceSharing .main .content .box .box-img-top.box-img-top-right .img{margin: 0 auto;}
  .practiceSharing .main .content .box .box-img-top .img img{width: 100%;height: 100%;}
  .practiceSharing .main .content .box .box-img-top .text{display: block;width: 88%;height: auto;border: 0;padding: 0;margin: 0 auto;}
  .practiceSharing .main .content .box .box-img-top .text:after{content: "";display: none;}
  .practiceSharing .main .content .box .box-img-top .text p{font-family: fangzheng-unionpay-sc;font-size: 16px;color: #222222;letter-spacing: 0.87px;line-height: 34px;display: block;}

  .practiceSharing .main .content .box .box-img-bottom{margin-bottom: 20px;font-size: 0px;}
  .practiceSharing .main .content .box .box-img-bottom .img{width:100%;height: auto;position: relative;text-align: center;display: block;margin-right: 0px;margin-bottom: 20px;}
  .practiceSharing .main .content .box .box-img-bottom.box-img-bottom-right{display: flex;flex-direction: column-reverse;}
  .practiceSharing .main .content .box .box-img-bottom.box-img-bottom-right .img{margin: 0 0 20px;}
  .practiceSharing .main .content .box .box-img-bottom .img:after{content: "";display: none;}
  .practiceSharing .main .content .box .box-img-bottom .img img{position: relative;width: 100%;height: 100%;}
  .practiceSharing .main .content .box .box-img-bottom .img .img-text{display: block;position: relative;z-index: 10;position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);}
  .practiceSharing .main .content .box .box-img-bottom .img .img-text p{font-family: fangzheng-unionpay-sc;font-size: 24px;color: #FFFFFF;letter-spacing: 1.6px;text-align: center;margin-bottom: 15px;}
  .practiceSharing .main .content .box .box-img-bottom .img .img-text span{font-size: 18px;color: #FFFFFF;letter-spacing: 1.2px;text-align: center;line-height: 32px;}
  .practiceSharing .main .content .box .box-img-bottom .text{display: block;width: 100%;}
  .practiceSharing .main .content .box .box-img-bottom .text .text-top{margin-bottom: 10px;}
  .practiceSharing .main .content .box .box-img-bottom .text p{font-weight: bold;font-size: 13px;color: #222222;letter-spacing: 0.4px;line-height: 30px;}
  .practiceSharing .main .content .box .box-img-bottom .text span{font-size: 13px;color: #101010;letter-spacing: 0.4px;line-height: 30px;}

  .practiceSharing .main .content .box .bottom{background: #F2F2F2;}
  .practiceSharing .main .content .box .bottom .text{padding: 20px 0;}
  .practiceSharing .main .content .box .bottom .text p{font-size: 13px;color: #222222;letter-spacing: 0.4px;line-height: 32px;font-weight: bold;}
  .practiceSharing .main .content .box .bottom .text span{font-size: 13px;color: #101010;letter-spacing: 0.4px;line-height: 32px;}


}