@import url('../fonts/iconfont.css');
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{margin:0;padding:0;color:#282828;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1.4rem;visibility: hidden;}
*{margin:0;padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
img{max-width:100%;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
a{text-decoration:none;color:#282828;}
a:active,a:hover{outline:0;color:#3478f7;}
input,textarea,button{font-size:inherit;font-family:inherit;font-size:1.4rem;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size:inherit;font-family:inherit;font-size:1.4rem;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
ul,li{list-style-type:none;}
.al{text-align:left !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}
.fl{float:left;}
.fr{float:right !important;}
.rel{position:relative;}
.abl{position:absolute;}
.clear{clear:both;}
.ovh{overflow:hidden;}
.upp{text-transform:uppercase;}
.fb{font-weight:bold;}
.wp{padding:0 1.5rem}
.ep1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ep2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/* flex */
.flex{display:flex}
.flex-a{flex:1;}
.flex-b{display:flex;justify-content:space-between}
.flex-c{display:flex;justify-content:center}
.flex-e{display:flex;justify-content:flex-end}
.flex-w{display: flex;flex-wrap: wrap;}
.flex-ac{display:flex;align-items:center;}
.flex-cb{display:flex;align-items:center;justify-content:space-between}
.flex-cc{display:flex;align-items:center;justify-content:center}
.flex-ce{display:flex;align-items:center;justify-content:flex-end}
.flex-cs{display:flex;align-items:center;justify-content:flex-start}
.flex-col{display:flex;flex-direction: column;}
.flex-shr{flex-shrink:0;}
.grid{display:flex;flex-wrap:wrap;}
.x1{width:8.33333333%;}
.x2{width:16.66666667%;}
.x20{width:20%;}
.x3{width:25%;}
.x4{width:33.33333333%;}
.x5{width:41.66666667%;}
.x6{width:50%;}
.x7{width:58.33333333%;}
.x8{width:66.66666667%;}
.x9{width:75%;}
.x10{width:83.33333333%;}
.x11{width:91.66666667%;}
.x12{width:100%;}
/* fonts */
.fb{font-weight:bold;}
.f14{font-size:1.4rem;}
.f16{font-size:1.6rem}
.f18{font-size:1.8rem}
.f20{font-size:2rem}
.f26{font-size:2.6rem;}
.f28{font-size:2.8rem;}
.f30{font-size:3rem;}
.f32{font-size:3.2rem;}
.f34{font-size:3.4rem}
.f36{font-size:3.6rem;}
.f40{font-size:4rem}
.f48{font-size:4.8rem}
.f60{font-size:6rem}
.c66{color:rgba(0,0,0,.6)}
.c88{color:rgba(0,0,0,.8)}
.radius,.radius img{}
/* 360度旋转 */
@keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }