.join .banner{ width: 100%; height:3.8rem; box-sizing: border-box; background: url(/skin/src/static/images/about/joinus-mobile.jpg) no-repeat center top/100%; padding-top: 0.8rem;}
.join .banner .font{ font-size: 0.5rem; line-height: 1.4; color: #fff; text-align: center; line-height: 1.6; }
input{ border:0; }
.join{ font-size: 14px; font-weight: 400; color: #000; line-height: 1.6;}
ul{ padding:0; }
.mt100{ margin-top: 1.0rem; }
.mt90{ margin-top: 0.9rem; }
.mt40{ margin-top: 0.4rem; }
.c1{ color: #d8000f; }
.rel{ position: relative; }
.join .w{ width: 100%;  margin:0 auto; }
.pd30{ padding:0.3rem; }
.pl30{ padding-left: 0.3rem; }
.join .info-1 { padding: 0.5rem 0;  border-bottom: 1px solid #d8000f; }
.join .info-1 h4.t-1{  margin-bottom: 0.2rem; font-weight: 400; font-size: 0.60rem;}
.join .info-1 .v-div { padding-bottom:0.5rem; position: relative;}
.join .info-1 .v-div .left{position: absolute; left: 0; top:0; width: 100%; padding-top: 0.4rem; }
.join .info-1 .v-div .right video{ width: 100%; }
a.link-1{ display: block; color: #d8000f; text-align: center; width: 100%; font-size: 20px;  text-decoration: underline; letter-spacing: 2px; }

.join .en{ font-size: 0.8rem; font-weight: 800; text-transform: uppercase;  font-family:Impact,sans-serif; color: #d8000f; font-stretch: ultra-expanded; letter-spacing: 2px;}
.join .small{font-size: 0.52rem; font-weight: 700; line-height: 1.4;  margin-top: 0.2rem;  }
.join .play{ width: 1.3rem; height: 1.35rem; position: absolute;  bottom: 30%; right: 5%; background: url(/skin/src/static/images/about/play.png) no-repeat center/100% 100%; cursor: pointer; z-index: 11; }
.cff{ color: #fff!important; }
.tc{ text-align: center; }
.mt30{ margin-top: 0.3rem; }
.join .info-2{ padding:0 0.3rem; }
.join .info-2 ul{ flex-wrap: wrap; }
.join .info-2 li { padding:0.3rem; margin-bottom: 0.3rem; width: 100%;}
.join .info-2 li .t-1{ color: #d8000f; font-size: 0.45rem; font-weight: 400; line-height: 1.2; margin-bottom: 0.2rem;}
/*.join .info-2 li:first-child{ width: 100%; }*/
.join .info-3 { padding-top: 0;}
.join .info-3 h4{ font-size: 0.27rem; color: #fff; margin-bottom: 0.1rem;}
.join .info-3 ul{ flex-wrap: wrap; }
.join .info-3 li { width: 48.5%; margin-bottom: 10px; height: 3rem; background-size: auto 100%; background-position: center; background-repeat: no-repeat;}
.join .info-3 li .cover{ background: rgba(0,0,0, 0.4); width: 100%; height: 100%; padding:20px 10px; }
.join .info-3 li .hide{  color: #fff; font-size: 0.2rem; }
.join .info-3 li:hover .cover{  background: rgba(0,0,0, 0.9); }
.join .info-3 li:hover .hide{ opacity: 1; }
.join .info-3 .link{ display: block; font-size: 18px; margin-top: 55px; text-align: center; color: #fff; text-decoration: underline;}


.join .info-4{ margin-bottom: 0.5rem; margin-top: 0.3rem; padding-top:0.1rem; border-top: 1px solid #d8000f; }
.join .info-4 .swiper-prev,.join .info-4 .swiper-next{ position: absolute; left: 0; top: 50%; background: url(/skin/src/static/images/about/left.png) no-repeat center/100%; width: 50px; height: 100px; z-index: 10; margin-top: -50px; cursor: pointer; }
.join .info-4 .swiper-next{ right: 0; left: auto; background: url(/skin/src/static/images/about/right.png) no-repeat center/100%; }
.join .info-4 .swiper-slide img{ width: 100%; }
.join-list{  }
.join-list .w{ background: #fff; padding:0.3rem; font-size: 16px;}
.join-list .back{ padding:10px 0; display: block; text-decoration: underline; border-bottom: 1px solid #eee; text-indent: 10px;}
.join-list .eme{ background: #d8000f; font-size: 12px; color: #fff; padding:2px 5px; border-radius: 2px; display: none;}
.join-list .eme.attr0100001{ display: inline; margin-right: 0.05rem;}
.join-list li{ border-bottom: 1px solid #eee;  padding: 0.2rem 0; position: relative;}
.join-list li:last-child{ border-bottom: 0; }
.join-list .title{ cursor: pointer; }
.join-list .lite{ font-size: 14px; color: #575d6a; margin-top: 10px;}
.join-list .date{ color: #a2a4a8; font-size: 12px; text-align: right; }
.join-list li .down{ display: inline-block; background: url(/skin/src/static/images/about/down.png) no-repeat center/100% auto; width: 32px; height: 15px; }
.join-list li .on .down{ transform: rotate(180deg); }
.join-list li .content{ height: 0.8rem; overflow: hidden; }
.join-list li .con{ font-size: 14px; }
.join-list li .des{  }
.apply-btn{ background: rgb(34, 40, 49); color: #fff!important; line-height: 36px; text-align: center; display: block; border-radius: 2px; width: 120px; margin: 30px auto;}
.apply-btn:hover{ background: rgb( 78,83,90); }


.video-pop1,.join-pop{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; left: 0; top:0; display: none; z-index: 100;}
.video-pop1{ z-index: 100; }
.video-pop1 .video-div{ width: 7.5rem; height: 5.4rem; margin:8% auto; background: #e9e9e9;}
.video-pop1 .video-div h4{ font-weight: 400; font-size: 18px; padding:10px 0 10px 10px; }
.video-pop1 .video-div .close{ float: right; width: 30px; height: 30px; margin-right:10px; background: url(/skin/src/static/images/close.png) no-repeat center/100%; cursor: pointer;}
.video-pop1 .video-div video{ width: 100%; height: 100%; max-height:490px;}

.join-pop .content{ font-size: 0.28rem; color: #000; margin-bottom: 0.1rem; padding-top: 0.3rem;}
.join-pop .join-form{ width: 6.6rem;  background: #fff; padding:0.3rem; margin: 10% auto; color: #575d6a; position: relative; font-size: 0.26rem;  }
.join-pop .join-form .more{  color: #23a2e8; text-decoration: underline;  }
.join-pop .join-form h4{ font-size: .26rem; border-bottom:  1px solid #89909e; margin-bottom: 20px; padding-bottom:10px;}
.join-pop .join-form .item{ margin-bottom: 10px; display: flex; justify-content: space-between;}
.join-pop .join-form .item span{ width: 38%; line-height: 0.6rem; }
.join-pop .join-form .item em{ color: #d8000f; font-style: normal; }
.join-pop .join-form .input{ padding:0.15rem; border-bottom:1px solid #dddfe3; width: 100%; font-size: 0.26rem;}
.join-pop .join-form .submit{ width: 2.4rem; text-align: center; line-height: 0.6rem; border-radius:0.06rem; color: #fff; text-align: center; display: block; margin:0.4rem auto 0.2rem auto; background: #d8000f;}
.join-pop .code{ position: absolute; bottom:0.2rem; right: 0.3rem; line-height: 1.4; }
.join-pop .close{ position: absolute; right: 0; top:0;  background: #aaa; color: #fff; font-size: 0.2rem; padding:0.12rem 0.15rem; cursor: pointer;}


.search{ padding-top: 0.3rem; }
.search .keywords{ border:1px solid #dddfe3; font-size: 0.24rem; width: 73%; height: 0.60rem; border-right: 0; padding-left:0.15rem;}
.search .search-btn{ font-size: 0.24rem; line-height: 0.6rem; background-color: rgb(34, 40, 49); color: #fff; text-align: center;  width: 27%; display: inline-block; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }