.join-intr-tit {
  width: 100%;
  text-align: center;
  padding-top: 10px;
  position: relative;
  padding-bottom: 11px;
  margin-top:30px;
  float: left;
}
.join-intr-tit:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 70px;
  height: 4px;
  background-color: #584F48; margin-left:-30px
}
 .join-intr-tit h3 {
  width: 100%;
}
.join-intr-tit h3 span {
  display: block;
  line-height: 50px;
  font-size: 32px;
  color: #333;
}
 .join-intr-tit h3 span b {
  font-weight: bold;
  font-size: 32px;
}
 .join-intr-tit h3 em {
  display: block;
  width: 100%;
  line-height: 35px;
  font-size: 26px;
  color: #584F48;
  
  font-family: Arial, Helvetica, sans-serif; padding-top:0px
}
 .join-intr-txt {
  width: 100%;
  padding: 30px 0;
  font-size: 16px;
  color: #666;
  line-height: 27px;
 float: left;
}



 .join-intr-list {
  width: 100%;
  padding: 5px 0;
  float: left;
}
 .join-intr-list ul {
  width: 100%;
}
.join-intr-list ul li {
  width: 98%;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom:30px
}
.join-intr-list ul li .join-intr-list-img {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center; margin-top:30px
}
.join-intr-list ul li .join-intr-list-txt {
  width: 100%;
  text-align: center;
  padding: 0 0px;
  padding-top: 10px;
}
.join-intr-list ul li .join-intr-list-txt h5 {
  line-height: 60px;
  font-size: 26px;
  color: #333;
}
.join-intr-list ul li .join-intr-list-txt p {
  line-height: 24px;
  font-size: 15px;
  color: #666;
  word-break:break-all;
  text-align:left
}



.advantage {
  width: 100%;
  height:880px;
 background: url(../tupian/join1.jpg) center no-repeat #1D1C21;
  float: left;
  width: 100%;
}
.advantage .advantage-title {
  text-align: center;
  width: 100%;
  padding-top: 46px;
  position: relative;
  padding-bottom: 10px;
}
.advantage .advantage-title:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: 0;
  width: 70px;
  height: 4px;
  background-color: #D3BC01;
}
.advantage .advantage-title h3 {
  width: 100%;
}
.advantage .advantage-title h3 span {
  display: block;
  line-height: 50px;
  font-size:32px;
  color: #fff;
}
.advantage .advantage-title h3 span b {
  font-weight: bold;
  font-size: 26px;
}
.advantage .advantage-title h3 em {
  display: block;
  width: 100%;
  line-height: 36px;
  font-size: 29px;font-style: normal;
  color: #D3BC01;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
}
.advantage-list {
  width: 100%;
  margin: 30px 0;
  float: left;
  border: 1px solid rgba(255,255,255,0.2);
}
.advantage-list ul {
  width: 100%;
  padding: 0px 0;
  float: left;
  position: relative;
}
.advantage-list ul:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;

}
.advantage-list ul li {
  width: 50%;
  min-height: 220px;
  border-right: 1px solid rgba(255,255,255,0.2);
  padding: 2px 0;
}
.advantage-list ul li:nth-child(2n),.advantage-list ul li:nth-child(4n),.advantage-list ul li:nth-child(6n),.advantage-list ul li:nth-child(8n) {
  border: none; 
}
.advantage-list ul li:nth-child(3n),.advantage-list ul li:nth-child(4n),.advantage-list ul li:nth-child(6n),.advantage-list ul li:nth-child(5n) {
border-right: 1px solid rgba(255,255,255,0.2);border-top: 1px solid rgba(255,255,255,0.2);
}

.advantage-list ul li .advantage-list-ico {
  width: 100%;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.advantage-list ul li .advantage-list-ico img {
  height: 60px;
}
.advantage-list ul li .advantage-list-txt {
  width: 100%;
  text-align: center;
  padding: 0 12px;
}
.advantage-list ul li .advantage-list-txt h5 {
  line-height: 28px;
  font-size: 16px;
  color: #fff;word-break:break-all;
}
.advantage-list ul li .advantage-list-txt h5 em {
  color: #D3BC01;
  font-size: 20px;font-style:normal;
}
.advantage-list ul li .advantage-list-txt p {
  color: rgba(255,255,255,0.8);
  font-size: 12px;
  padding: 8px 0;
  line-height:18px;word-break:break-all;
}


.wid {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 9;
}


* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

li {
	list-style-type: none;
	float: left;
}


.idx-step { padding: 0px 0 10px; margin: 10px 0; background-color: #fff; }
.idx-step .title { color: #333; font-size: 30px; line-height: 32px; text-align: center; }
.idx-step .intro { color: #666; font-size: 15px; line-height:25px; text-align: center; }
.idx-step .swiper-container { width: 100%; margin: 0 auto;}
.idx-step .swiper-wrapper { width: 100%;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.idx-step .swiper-container .swiper-slide { width: 50%; padding: 12px; }
.idx-step  .swiper-slide .tap { width: 100%; padding: 15px; display: block; border: 1px solid #efeff4; }
.idx-step .item { float: left; width: 33.333333%; margin-bottom: 24px; position: relative; }
.idx-step .icon { display: block; width: 48px; height: 48px; margin: 0 auto 10px; position: relative; -webkit-background-size: 480px auto; background-size: 480px auto; }
.icon { background-image: url(../tupian/icon.png); background-repeat: no-repeat; }
.idx-step .icon1 { background-position: -100px 0; }
.idx-step .icon2 { background-position: -153px 0; }
.idx-step .icon3 { background-position: -206px 0; }
.idx-step .icon4 { background-position: -259px 0; }
.idx-step .icon5 { background-position: -312px 0; }
.idx-step .icon6 { background-position: -365px 0; }
.idx-step .icon7 { background-position: -418px 0; }
.idx-step .item .icon:before { content: ""; position: absolute; top: 50%; left: 100%; right: 0; height: 0; border-top: 1px dashed #dcdcdc; }
.idx-step .name { color: #333; display: block; font-size: 14px; line-height: 24px; text-align: center; }
.idx-step .desc { color: #666; display: block; font-size: 12px; line-height: 18px; text-align: center; }
.idx-step .item:hover .icon { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }


.store {
  width: 100%;
  margin-bottom:30px
}
.store .store-title {
  text-align: center;
  width: 100%;
  padding-top: 36px;
  position: relative;
  padding-bottom: 20px;
}
.store .store-title:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: 0;
  width: 70px;
  height: 4px;
  background-color: #FF5E1E;
}
.store .store-title h3 {
  width: 100%;
}
.store .store-title h3 span {
  display: block;
  line-height: 50px;
  font-size: 29px;
  color: #000;
}
.store .store-title h3 span b {
  font-weight: bold;
  font-size: 32px;
}
.store .store-title h3 em {
  display: block;
  width: 100%;
  line-height: 40px;
  font-size: 30px;
  color: #FF5E1E;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
}