html,body{
  height:100%;
  width: 100%;
  font-family: PingFangSC "microsoft yahei";
  background-color:#fff;
} 
html {
  font-size: 100px;
}
@media (min-width:1920px){
  .container{
    width: 1180px;
  }
  .col-lg-hide{
    display: none;
  }
  .col-lg-show{
    display: block;
  }
}
@media (max-width: 1920px) and (min-width:1024px) { 
  .container{
    width: 1180px;
  }
  .col-lg-hide{
    display: none;
  }
  .col-lg-show{
    display: block;
  }
}
@media screen  and (min-width: 0/0) { 
  .container{
    width: 1180px;
  }
  .col-lg-hide{
    display: none;
  }
  .col-lg-show{
    display: block;
  }
}

@media (max-width:1024px) and (min-width:768px){
  .container{
    width:1180px;
  }
  .col-lg-hide{
    display: none;
  }
  .col-lg-show{
    display: block;
  }
  
}
@media (max-width: 768px) {
  html {
    font-size: 204.8px;
  }
  .container{
    width: 100%;
    }
    .col-sm-hide{
      display: none !important;
    }
    .col-sm-show{
      display: show !important;
    }
    .wrapBox .banner {
      line-height: 0.12rem;
      width: 100%;
      color: #fff;
      height:1.6rem;
      margin-top: 0px;
      background: url("../images/mobile/mobile_banner.png") no-repeat center;
      background-size: cover;
  }
  .wrapBox .banner .guestNum{
    font-size: 0.1rem;
    width: 100%;
    line-height: 0.3rem;
    text-align: center;
    background-color: rgba(0,0,0,0.4);
}
.down_arrow{
  margin: 0.06rem 0 0.02rem;
}

.wrapBox .banner .join_orange{
  margin-top: 0.05rem;

}
.wrapBox .banner .join_orange img{
  width: 1.68rem;
  height: 0.5rem;
}
.wrapBox .banner>div{
 
  height: 100%; 
}
.wrapBox .apply_join{
    font-size: 0.12rem;
}
.wrapBox .curve img{
    width: 0.54rem;
}


}
@media (max-width:580px){
    
    html {
      font-size: 154.66px;
    }
    .container{
      width: 100%;
      padding: 0 0.1rem;
      }
}
@media (max-width:454px){
  
  html {
    font-size: 121.06px;
  }
  .container{
    width: 100%;
    padding: 0 0.1rem;
    }
}
@media (max-width: 414px) {
  html {
    font-size: 110.4px;
  }
  .container{
    width: 100%;
    padding: 0 0.1rem;
    }
}
@media (max-width: 375px) {
  html {
    font-size: 100px;
  }
  .container{
    width: 100%;
    }
}
@media (max-width: 360px) {
  html {
     font-size: 96px;
  }
  .container{
    width: 100%;
    }
}
@media (max-width: 320px) {
  html {
    font-size: 85px;
  }
  .container{
    width: 100%;
    }
    .mobile_advantage li{
      height: 2rem;
    }
}
/* @media screen and (max-width:768px) {
  .container{
    width: 100%;
    }
  }
@media screen and (min-width:768px) {
  .container{
    width: 750px;
    }
  }
  @media screen and (min-width:992px) {
    .container{
    width: 970px;
    }
  }
  @media screen and (min-width:1200px) {
    .container{
      width: 1170px;
      font-size: 100px;
    }
      } */
/*2.reset css*/
*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body {
  font-size: 14px;
  /* 滑动卡 曼  */
  -webkit-overflow-scrolling: touch;
  overflow-scrolling:touch;
}
a {
  color: #333;
  text-decoration: none;
}
input,
textarea,select {
  outline: none;
  border: none;
  resize: none;
  /*-webkit-appearance: none;*/
}
ul,
ol {
  list-style: none;
}
a,input{-webkit-tap-highlight-color:rgba(255, 253, 253, 0);}
button{
	border: none;
	outline-style:none ;
}
h1,h2,h3,h4{font-weight:normal;font-size:12px;}
/*3.common css*/
.fLeft {
  float: left;
}
.fRight {
  float: right;
}

.clearfix::before,
.clearfix::after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  clear: both;
}
/*----------------------*/

/* 后面 > 样式 */
.icon-more {
  font-size: 0.2rem;
  float: right;
  margin-right: 0.15rem;
  margin-top: 0.15rem;
}
/* 字体公用 */


.icon-help {
	vertical-align: text-bottom;
}


/*表单设置字体间距*/
.singleATop-right li>span:nth-child(1){
  overflow: hidden;
  text-align: center;
  width: 4em; /*这个值是看最长能显示几个文字，如x，则为x em*/
  padding-right: 0.07rem;
  }
  .w2{
  letter-spacing:2em; /*如果需要y个字两端对齐，则为(x-y)/(y-1),这里是（4-2）/(2-1)=2em */
  margin-right:-2em; /*同上*/
  }
  .w3{
  letter-spacing:0.5em; /*如果需要y个字两端对齐，则为(x-y)/(y-1),这里是（4-3）/(3-1)=0.5em */
  margin-right:-0.5em; /*同上*/
  }
  .w4{
    letter-spacing:0.1em; /*如果需要y个字两端对齐，则为(x-y)/(y-1),这里是（4-3）/(3-1)=0.5em */
    margin-right:-1em; /*同上*/
}