/* 10÷16=62.5% */
@font-face {
  font-family: poppins;
  src: url(./font/POPPINS-LIGHT.TTF);
  font-weight: 100;
}
@font-face {
  font-family: poppins;
  src: url(./font/POPPINS-MEDIUM.TTF);
  font-weight: 500;
}
@font-face {
  font-family: poppins;
  src: url(./font/POPPINS-REGULAR.TTF);
  font-weight: 400;
}
@font-face {
  font-family: poppins;
  src: url(./font/POPPINS-SEMIBOLD.TTF);
  font-weight: 600;
}
@font-face {
  font-family: poppins;
  src: url(./font/POPPINS-BOLD.TTF);
  font-weight: 700;
}
html{font-size: 62.5%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body{color:#333333;background:#FFF;font-family:Poppins,SourceHanSansCN,Verdana, Helvetica, sans-serif;text-align:center;}
*{margin:0;padding:0;}
input,select{font-size:12px;vertical-align:middle;}
body div{text-align:left;}
textarea,input{word-wrap:break-word;word-break:break-all;padding:0px;}
li{list-style-type:none;}
img{border:0 none;}
a{ text-decoration:none; color:#333;  }
a:hover{ color:#1974A1;  }
a:link, a:visited{color:#333;text-decoration: none;outline: none;}
a:hover{color:#0E4470;text-decoration: none;}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix { height: 1%; }
.clearfix { display: block; clear:both; float:none; }
::placeholder {font-family:Poppins,SourceHanSansCN,Verdana, Helvetica, sans-serif;}
/*::-moz-selection {*/
/*background:#70A102;*/
/*color:#fff;*/
/*text-shadow: #000 0 1px 0;*/
/*}*/
/*::selection { background: #70A102; color: #fff; text-shadow: #000 0 1px 0; }*/

/* 全局滚动条样式 */
::-webkit-scrollbar{width:5px; height:5px; background-color: rgba(255, 255, 255, 0); /*外层轨道*/}
::-webkit-scrollbar-thumb {display:block; width:6px; margin:0 auto; border-radius: 10px; background:rgba(0, 0, 0, 0.1);/*内层轨道*/}

.base-block{display:block;}
.base-flex{display:flex;}
/* flex 布局 */
.base-rows{flex-direction:row;}
.base-columns{flex-direction:column;}
.base-wrap{flex-direction:row; flex-wrap:wrap;}
.base-nowrap{flex-direction:row; flex-wrap:nowrap;}
.base-space-around{justify-content:space-around;}
.base-space-between{justify-content:space-between;}
.base-justify-content-start{justify-content:flex-start;}
.base-justify-content-center{justify-content:center;}
.base-justify-content-end{justify-content:flex-end;}
.base-align-items-start{align-items:flex-start;}
.base-align-items-center{align-items:center;}
.base-align-items-end{align-items:flex-end;}
.base-flex1{flex:1;}
/* 文本对齐 */
.base-text-left{text-align:left !important;}
.base-text-center{text-align:center !important;}
.base-text-right{text-align:right !important;}
.base-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.base-pl0 { padding-left: 0 !important; }
.base-pl1 { padding-left: 1px !important; }
.base-pl2 { padding-left: 2px !important; }
.base-pl3 { padding-left: 3px !important; }
.base-pl4 { padding-left: 4px !important; }
.base-pl5 { padding-left: 5px !important; }
.base-pl10 { padding-left: 10px !important; }
.base-pl15 { padding-left: 15px !important; }
.base-pl20 { padding-left: 20px !important; }
.base-pl25 { padding-left: 25px !important; }
.base-pl30 { padding-left: 30px !important; }
.base-pl40 { padding-left: 40px !important; }
.base-pl50 { padding-left: 50px !important; }
.base-pt0 { padding-top: 0 !important; }
.base-pt1 { padding-top: 1px !important; }
.base-pt2 { padding-top: 2px !important; }
.base-pt3 { padding-top: 3px !important; }
.base-pt4 { padding-top: 4px !important; }
.base-pt5 { padding-top: 5px !important; }
.base-pt10 { padding-top: 10px !important; }
.base-pt15 { padding-top: 15px !important; }
.base-pt20 { padding-top: 20px !important; }
.base-pt25 { padding-top: 25px !important; }
.base-pt30 { padding-top: 30px !important; }
.base-pt40 { padding-top: 40px !important; }
.base-pt50 { padding-top: 50px !important; }
.base-pb0 { padding-bottom: 0 !important; }
.base-pb1 { padding-bottom: 1px !important; }
.base-pb2 { padding-bottom: 2px !important; }
.base-pb3 { padding-bottom: 3px !important; }
.base-pb4 { padding-bottom: 4px !important; }
.base-pb5 { padding-bottom: 5px !important; }
.base-pb10 { padding-bottom: 10px !important; }
.base-pb15 { padding-bottom: 15px !important; }
.base-pb20 { padding-bottom: 20px !important; }
.base-pb25 { padding-bottom: 25px !important; }
.base-pb30 { padding-bottom: 30px !important; }
.base-pb40 { padding-bottom: 40px !important; }
.base-pb50 { padding-bottom: 50px !important; }
.base-pr0 { padding-right: 0 !important; }
.base-pr1 { padding-right: 1px !important; }
.base-pr2 { padding-right: 2px !important; }
.base-pr3 { padding-right: 3px !important; }
.base-pr4 { padding-right: 4px !important; }
.base-pr5 { padding-right: 5px !important; }
.base-pr10 { padding-right: 10px !important; }
.base-pr15 { padding-right: 15px !important; }
.base-pr20 { padding-right: 20px !important; }
.base-pr30 { padding-right: 30px !important; }
.base-pr40 { padding-right: 40px !important; }
.base-pr50 { padding-right: 50px !important; }
.base-ml0 { margin-left: 0 !important; }
.base-ml1 { margin-left: 1px !important; }
.base-ml2 { margin-left: 2px !important; }
.base-ml3 { margin-left: 3px !important; }
.base-ml4 { margin-left: 4px !important; }
.base-ml5 { margin-left: 5px !important; }
.base-ml10 { margin-left: 10px !important; }
.base-ml15 { margin-left: 15px !important; }
.base-ml20 { margin-left: 20px !important; }
.base-ml25 { margin-left: 25px !important; }
.base-ml30 { margin-left: 30px !important; }
.base-ml40 { margin-left: 40px !important; }
.base-ml50 { margin-left: 50px !important; }
.base-mr0 { margin-right: 0 !important; }
.base-mr1 { margin-right: 1px !important; }
.base-mr2 { margin-right: 2px !important; }
.base-mr3 { margin-right: 3px !important; }
.base-mr4 { margin-right: 4px !important; }
.base-mr5 { margin-right: 5px !important; }
.base-mr10 { margin-right: 10px !important; }
.base-mr15 { margin-right: 15px !important; }
.base-mr20 { margin-right: 20px !important; }
.base-mr25 { margin-right: 25px !important; }
.base-mr30 { margin-right: 30px !important; }
.base-mr40 { margin-right: 40px !important; }
.base-mr50 { margin-right: 50px !important; }
.base-mt0 { margin-top: 0 !important; }
.base-mt1 { margin-top: 1px !important; }
.base-mt2 { margin-top: 2px !important; }
.base-mt3 { margin-top: 3px !important; }
.base-mt4 { margin-top: 4px !important; }
.base-mt5 { margin-top: 5px !important; }
.base-mt10 { margin-top: 10px !important; }
.base-mt15 { margin-top: 15px !important; }
.base-mt20 { margin-top: 20px !important; }
.base-mt25 { margin-top: 25px !important; }
.base-mt30 { margin-top: 30px !important; }
.base-mt40 { margin-top: 40px !important; }
.base-mt50 { margin-top: 50px !important; }
.base-mb0 { margin-bottom: 0 !important; }
.base-mb1 { margin-bottom: 1px !important; }
.base-mb2 { margin-bottom: 2px !important; }
.base-mb3 { margin-bottom: 3px !important; }
.base-mb4 { margin-bottom: 4px !important; }
.base-mb5 { margin-bottom: 5px !important; }
.base-mb10 { margin-bottom: 10px !important; }
.base-mb15 { margin-bottom: 15px !important; }
.base-mb20 { margin-bottom: 20px !important; }
.base-mb25 { margin-bottom: 25px !important; }
.base-mb30 { margin-bottom: 30px !important; }
.base-mb40 { margin-bottom: 40px !important; }
.base-mb50 { margin-bottom: 50px !important; }
.base-pd0{ padding:0 !important;}
.base-pd1{ padding:1px !important;}
.base-pd2{ padding:2px !important;}
.base-pd3{ padding:3px !important;}
.base-pd4{ padding:4px !important;}
.base-pd5{ padding:5px !important;}
.base-pd10{ padding:10px !important;}
.base-pd15{ padding:15px !important;}
.base-pd20{ padding:20px !important;}
.base-pd25{ padding:25px !important;}
.base-pd30{ padding:30px !important;}
.base-pd40{ padding:40px !important;}
.base-pd50{ padding:50px !important;}
.base-f12{font-size: 12px !important;}
.base-f13{font-size: 13px !important;}
.base-f14{font-size: 14px !important;}
.base-f15{font-size: 15px !important;}
.base-f16{font-size: 16px !important;}
.base-f17{font-size: 17px !important;}
.base-f18{font-size: 18px !important;}
.base-f19{font-size: 19px !important;}
.base-f20{font-size: 20px !important;}
/*全局按钮*/
.base-btn {
  outline: none;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid #d9d9d9;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  line-height: 1.5;
  color: rgba(50, 50, 51, 0.88);
  background-color: #ffffff;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
  font-size: 14px;
  height: 32px;
  padding: 4px 15px;
  border-radius: 2px;
  &.primary {
    color: #fff;
    background-color: #155bd4;
    box-shadow: 0 2px 0 rgba(5, 135, 255, 0.1);
    border: 1px solid transparent;
  }
}

/*全局字体样式*/
.base-text {
  color: #333333;
  &.primary {
    color: #172987;
  }
  &.red {
    color: #cf1322;
  }
  &.pink {
    color: #c41d7f;
  }
  &.orange {
    color: #d46b08;
  }
  &.green {
    color: #389e0d;
  }
  &.cyan {
    color: #08979c;
  }
}