.flex{display:flex;display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex}
#app{background-color:#fff}
.country-top-nav{width:100%;height:1.0667rem;padding:0 .2667rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.country-name{font-size:.3733rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:.5333rem;padding-right:.4267rem;position:relative}
.country-top-nav.fixed{background-color:#fff;z-index:130;position:fixed;left:0;top:43px}
.country-top-nav.fixed .country-name::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.country-dialog{width:100%;height:100%;background:rgba(0,0,0,.7);position:fixed;left:0;top:0;z-index:121;display:none}
.country-choose-wrapper{width:100%;background:#FFF;position:fixed;left:0;top:calc(1.0667rem + 43px);z-index:130;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.4rem;padding-bottom:0}
.country-choose-wrapper li{width:1.92rem;height:.7467rem;border-radius:.1067rem;border:.0267rem solid #C4202E;font-size:.3733rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#C4202E;line-height:.7467rem;text-align:center;margin-bottom:.4rem}
.country-choose-wrapper li.active{background:#C4202E;color:#fff}
.country-tag{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.country-tag li{font-size:.3733rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:.5333rem;margin-left:.48rem}
.country-tag li.active{font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#C4202E}
.banner-img{width:100%;height:3.0667rem}
#countrySwiper .swiper-pagination-bullet{opacity:1;width:8px;height:3px;background-color:#e3868b;margin-top:2.5px;border-radius:1.5px}
#countrySwiper .swiper-pagination-bullet-active{background:#fff;height:8px;border:2px solid #d51821;border-radius:4px}
#countrySwiper a{width:100%;height:100%;display:block}
.swiper-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.country-page-nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #eee}
.country-page-nav.fixed{width:100%;position:fixed;left:0;top:43px;z-index:1012;background-color:#fff}
#countryNavfixed{height:1.3867rem;display:none}
.country-page-nav li{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:.4267rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:1.3867rem;text-align:center;position:relative}
.country-page-nav li.active{background:#C4202E;color:#FFF}
.country-page-nav li::after{width:.0267rem;height:.32rem;background:#E3E3E3;content:"";display:inline-block;position:absolute;right:0;top:.5333rem}
.country-page-nav li.active::after{width:0}
.page-title{width:100%;display:block}