.brandJoining-1 {
  width: 6.25rem;
  height: 4.09375rem;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  position: relative;
}
.brandJoining-1-img {
  width: 4.15625rem;
  height: 4.09375rem;
}
.brandJoining-1-text {
  width: 600px ;
  height: 4.09375rem;
  color: #fff;
  margin-left: 78px;
}
.brandJoining-2-bg-box {
  position: absolute;
  bottom: 0;
  right: -0.9375rem;
}
.brandJoining-2-bg {
  width: 3.5625rem;
  height: 3.140625rem;
}
.brandJoining-2-box {
  width: 6.25rem;
  height: 4.84375rem;
  padding: 0.41666667rem 0;
  margin: 0.41666667rem auto;
}
.brandJoining-2-bg-txt-box {
  width: 6.25rem;
  height: 4.84375rem;
  padding-top: 0.20833333rem;
  margin: 0 auto;
}
.brandJoining-2-bg-txt-box h1 {
  font-weight: 700;
  margin-bottom: 0.10416667rem;
  font-size: 0.16666667rem;
  text-align: left;
  color: #fff;
}
.brandJoining-2-txt-1-lll {
  height: 0.10416667rem;
  width: 0.52083333rem;
}
.nei-sty {
  font-size: 0.15625rem;
  font-family: Microsoft YaHei UI;
  font-weight: bold;
  color: #333333;
  text-align: left;
  margin-bottom: 0.10416667rem;
  padding: 0 0.26041667rem;
}
.textSty {
  text-align: left;
  color: #333333;
  font-size: 0.10416667rem;
  font-weight: 300;
  font-family: Microsoft YaHei UI;
  margin-top: 0.05208333rem;
  padding: 0 0.26041667rem;
}
.brandJoining-2 {
  width: 6.25rem;
  height: 3.125rem;
  border-radius: 20px;
  background: #FFFFFF;
  margin-top: 0.3125rem;
}
.brandJoining-2-txt-1 {
  width: 6.25rem;
  height: 1.04166667rem;
  border-radius: 20px;
  background: #FFFFFF;
  display: flex;
  flex-direction: row;
}
.brandJoining-2-txt-1-img {
  width: 0.5rem;
  height: 0.5rem;
}
.brandJoining-3 {
  position: absolute;
  width: 6.25rem;
  height: 3.61979167rem;
}
.brandJoining-3 .brandJoining-3-content {
  position: relative;
  top: 0px;
  text-align: left;
  color: #fff;
}
.brandJoining-3 .brandJoining-3-content h1 {
  font-weight: 700;
  margin-bottom: 0.10416667rem;
  font-size: 0.16666667rem;
}
.brandJoining-3 .brandJoining-3-content p {
  letter-spacing: 0.04166667rem;
  font-size: 0.08333333rem;
}
.brandJoining-3 img {
  margin-top: 0.3125rem;
  height: 2.4375rem;
  width: 6.625rem;
  margin-left: -0.20833333rem;
}
.brandJoining-3-img {
  height: 3.140625rem;
  width: 4.16666667rem;
}
.brandJoining-3-bg-box {
  position: absolute;
  bottom: 0;
  right: 0;
}
.brandJoining-4 {
  display: flex;
  justify-content: space-between;
  margin-left: 2.60416667rem;
  position: relative;
  z-index: 11;
}
.brandJoining-4 .brandJoining-4-text {
  margin-top: 1.04166667rem;
  width: 0.35416667rem;
}
.brandJoining-4 .brandJoining-4-img {
  margin-top: 0.78125rem;
}
.brandJoining-4 .brandJoining-4-img img {
  height: 3.80208333rem;
  width: 4.58333333rem;
}
.brandJoining-5 {
  width: 6.25rem;
  height: 3.578125rem;
  margin: 0 auto;
}
.brandJoining-5 .brandJoining-5-lble-box {
  margin-top: 0.33854167rem;
}
.brandJoining-5 .brandJoining-5-hanggao {
  margin-top: 0.10416667rem;
}
.brandJoining-5 .brandJoining-5-lble h1 {
  font-size: 0.16666667rem;
}
.brandJoining-5 .brandJoining-5-lble p {
  letter-spacing: 0.04166667rem;
  margin-top: 0.05208333rem;
  font-size: 0.08333333rem;
}
.brandJoining-5-img {
  width: 6.77083333rem;
  height: 4.21875rem;
}
.brandJoining-5-imgbg {
  position: absolute;
  bottom: -0.03125rem;
  right: 0px;
}
.brandJoining-5-text-lt {
  background: #322E30;
  border-radius: 0.06770833rem;
  color: #F0B91B;
  font-size: 0.08333333rem;
  padding: 0.01041667rem 0.05208333rem;
}
.brandJoining-5-text-span {
  margin-top: 0.05208333rem;
  font-size: 0.08333333rem;
  color: #666565;
}
.brandJoining-6 {
  width: 6.25rem;
  height: auto;
  margin: 0 auto;
  text-align: right;
  padding: 0.83333333rem 0;
  position: relative;
}
.brandJoining-6 .brandJoining-6-y {
  width: 0.20833333rem;
  height: 0.20833333rem;
  background-color: #464646;
  transform: rotate(45deg);
  position: absolute;
  bottom: 1rem;
  left: 1.82291667rem;
  opacity: 0.5;
}
.brandJoining-6-1 {
  width: 2.83854167rem;
  float: right;
  margin-left: 0.20833333rem;
  text-align: center;
}
.brandJoining-6-1 .brandJoining-6-1-lib h1 {
  letter-spacing: 8px;
  text-align: left;
  font-size: 0.16666667rem;
}
.brandJoining-6-1 .brandJoining-6-1-lib p {
  letter-spacing: 8px;
  text-align: left;
  font-size: 0.08333333rem;
}
.brandJoining-6-2 {
  font-size: 0.10416667rem;
  color: #dcdcdc;
  height: 2.65625rem;
  width: 2.83854167rem;
}
.brandJoining-6-bgcolor {
  width: 1.171875rem;
  height: 1.171875rem;
  background-color: #FCBC08;
  transform: rotate(45deg);
  position: absolute;
  bottom: 0.67708333rem;
  right: 0.20833333rem;
  z-index: 999;
}
.brandJoining-6-1-bgcolor {
  width: 0.41666667rem;
  height: 0.41666667rem;
  background-color: #464646;
  transform: rotate(45deg);
  position: absolute;
  top: 0.625rem;
  left: 2.83854167rem;
  opacity: 0.5;
}
.brandJoining-7 {
  width: 6.25rem;
  height: 4.42708333rem;
  position: relative;
  z-index: 5;
  margin-top: 0.83333333rem;
}
.brandJoining-7 .brandJoining-7-img-box {
  position: absolute;
  left: -1.04166667rem;
  bottom: 0.11979167rem;
}
.brandJoining-7 .brandJoining-7-img-box img {
  height: 3.80208333rem;
  width: auto;
}
.brandJoining-7 .brandJoining-7-content-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.brandJoining-7 .brandJoining-7-content-box .brandJoining-7-content-lible h1 {
  font-weight: 700;
  text-align: left;
  font-size: 0.16666667rem;
}
.brandJoining-7 .brandJoining-7-content-box .brandJoining-7-content-lible p {
  letter-spacing: 0.02604167rem;
  text-align: left;
  font-size: 0.08333333rem;
}
.brandJoining-7 .brandJoining-7-content-box .brandJoining-7-content-dec {
  height: auto ;
  width: 2.34375rem;
}
.brandJoining-7 .brandJoining-7-content-box .brandJoining-7-content-dec .brandJoining-7-content-dec-img {
  margin-top: 0.30729167rem;
  text-align: left;
  margin-left: -0.05208333rem;
}
.brandJoining-7 .brandJoining-7-content-box .brandJoining-7-content-dec .brandJoining-7-content-dec-img img {
  height: 2.86458333rem;
  width: 2.08333333rem;
}
.brandJoining-7 .brandJoining-7-content-dec-text {
  position: absolute;
  right: 0;
  bottom: 0.19270833rem;
  text-align: left;
  height: 1.04166667rem;
  width: 2.34375rem;
  padding: 0.20833333rem 0;
}
.brandJoining-7-bgcolr {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #333333;
  height: 1.04166667rem;
  z-index: 0;
}
.brandJoining-8-box {
  padding-top: 2.39583333rem;
}
.brandJoining-8-Join {
  color: #333333;
  font-size: 0.16666667rem;
  font-weight: bold;
  background-color: #FCBC08;
  padding: 0.10416667rem 0.57291667rem;
  border-radius: 0.26041667rem;
  z-index: 666;
}
.font-14 {
  font-size: 0.07291667rem;
}
.font-16 {
  font-size: 0.08333333rem;
}
.font-20 {
  font-size: 0.10416667rem;
}
.font-25 {
  font-size: 0.13020833rem;
}
.font-32 {
  font-size: 0.16666667rem;
}
.font-36 {
  font-size: 0.1875rem;
}
.margin-5 {
  margin-top: 0.02604167rem;
}
.margin-10 {
  margin-top: 0.05208333rem;
}
.margin-20 {
  margin-top: 0.10416667rem;
}
.margin-40 {
  margin-top: 0.20833333rem;
}
.margin-50 {
  margin-top: 0.26041667rem;
}
.margin-80 {
  margin-top: 0.41666667rem;
}
.margin-160 {
  margin-top: 0.83333333rem;
}
.width-350 {
  width: 1.82291667rem;
}
