body,
button,
input,
select,
textarea {
  font: 12px/1.5 Tahoma, Helvetica, Arial, "Microsoft Yahei", sans-serif
}
html,div,p,span {
    font-family: PingFangSC-Regular;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
  }
  html,body{
    width: 100%;   
    margin: 0;  
    padding: 0;  
    background:#fff;
  }
  a {
    background-color: transparent;
    text-decoration: none
  }
  
  a:active,
  a:hover {
    outline: 0
  }
  img {
    border: 0
  }
  html,
  body,
  div,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  p,
  blockquote,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  pre,
  form,
  fieldset,
  legend,
  button,
  input,
  textarea,
  th,
  td {
    margin: 0;
    padding: 0
  }
  ul,
  ol,
  dl,
  li {
    list-style: none
  }
/* 防复制 */
*{  
  -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
  -webkit-user-select:none; /*webkit浏览器*/   
  -khtml-user-select:none; /*早期浏览器*/   
  -moz-user-select:none;/*火狐*/   
  -ms-user-select:none; /*IE10*/   
  user-select:none;   
} 
input{  
-webkit-user-select:auto; /*webkit浏览器*/     
}
textarea{
-webkit-user-select:auto; /*webkit浏览器*/
}


  .loading{
    /* width: 100%;
    height: 100%; */
    position: fixed;
    top: 30%;
    left: 45%;
    /* background: #fff;
    opacity: .8; */
    z-index: 100000;
    margin-top: 1.4rem;
}
.loadEffect{
    width: 52px;
    height: 52px;
    position: relative;
    margin: 0 auto;
    margin-top:60%;
}
.loadEffect span{
    width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;

    /* display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff8e32;
    position: absolute; */
    -webkit-animation: load 1.04s ease infinite;
}
.loadEffect span::before{
    content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #ff8e32;
  border-radius: 100%;

}
@-webkit-keyframes load{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0.2;
    }
}
.loadEffect span:nth-child(1){
    /* left: 6px;
    top: 50%;
    margin-top:-8px; */
    -webkit-animation-delay:0.13s;
}
.loadEffect span:nth-child(2){
    /* left: 12px;
    top: 5px; */
    transform: rotate(45deg);
    -webkit-animation-delay:0.26s;
}
.loadEffect span:nth-child(3){
    /* left: 50%;
    top: 0; */
    /* margin-left: -8px; */
    transform: rotate(90deg);
    -webkit-animation-delay:0.39s;
}
.loadEffect span:nth-child(4){
    /* top: 5px;
    right:4px; */
    transform: rotate(135deg);
    -webkit-animation-delay:0.52s;
}
.loadEffect span:nth-child(5){
    /* right: 0;
    top: 50%;
    margin-top:-8px; */
    transform: rotate(180deg);
    -webkit-animation-delay:0.65s;
}
.loadEffect span:nth-child(6){
    /* right: 7px;
    bottom:13px; */
    transform: rotate(225deg);
    -webkit-animation-delay:0.78s;
}
.loadEffect span:nth-child(7){
    /* bottom: 7px;
    left: 50%; */
    /* margin-top: 8px; */
    /* margin-left: -8px; */
    transform: rotate(270deg);
    -webkit-animation-delay:0.91s;
}
.loadEffect span:nth-child(8){
    /* bottom: 12px;
    left: 13px; */
    transform: rotate(315deg);
    -webkit-animation-delay:1.04s;
}