@import '../font/iconfont.css';
/* 媒体查询根据不同尺寸的设备从而计算根元素的大小 */
/* 5s */
@media screen and (min-width: 319px) and (max-width:330px) {
    html{
        font-size: 43px;
    }
}
/* 6s */
@media screen and (min-width: 331px) and (max-width:376px) {
    html{
        font-size: 50px;
    }
}
/* 6plus及以上 */
@media screen and (min-width: 376px) {
    html{
        font-size: 55px;
    }
}

body{
  background:rgba(255,255,255,1);;
  font-size:16px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote，th, td {
    margin: 0;
    padding: 0;
    /* font-family: "Microsoft YaHei",Lyh-Regular,helvetica,arial,sans-serif; */
    font-family: "PingFangSC-Regular";
    color: #172B4D;
    
}
input,button,textarea{
    outline: none;
    border: none;
    background: transparent;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
b,i,font{
    font-style: normal;
    font-weight: normal;
}
fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

capation, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: ' ';
}

abbr, acronym {
    border: 0;
}
i,font{
    font-style: normal;
}
a {
    text-decoration: none;
    color: #000;
}
/* 常用flex布局方式 */
.fl-row-left{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
}
.fl-row-leftEnd{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: flex-start;
}
.fl-row-center{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.fl-row-around{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-around;
}
.fl-row-justy{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}
.fl-row-justyStart{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.fl-row-justyEnd{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: space-between;
}

.fl-column-center{
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
}
.fl-column-justyStart{
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: space-around;
}
.fl-column-justy{
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: space-around;
}
.fl-column-between{
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: space-between;
}
.fl-column-betweenStart{
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: space-between;
}
/* 常用的几个图标 */
.Btn-icons{
    background: rgba(0,0,0,.3);
    text-align:center;
    font-size:18px;
    line-height: 32px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    color: #fff;
}
.Btn-icons i{
    font-size: 20px;
}
.onepx_bottom:after{
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border-radius: 0;
  -webkit-transform: scale(.5);
  -webkit-transform-origin: 0 0;
  transform: scale(.5);
  transform-origin: 0 0;
  border-bottom:1px solid #e1e1e1;
}

/* 字体颜色 */
.t_gray1{
    color: #A5ADBA !important;
}
.t_gray2{
    color: #5E6C84 !important;
}
.t_gray3{
    color: #7E899D !important;
}
.t_red{
    color: #FC3B72 !important;
}
.t_yellow{
    color: #FDBF46 !important;
}
.t_black{
    color: #172B4D !important;
}
.t_black_opacity{
    color: rgba(23, 43, 77, .5) !important;
}
.hide{
    display: none !important;
}
.show{
    display: block !important;
}
.loadFooter{
    padding: 12px;
}
.loadFooter span{
    font-size: .24rem;
}
.SkelonWrap{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 99999;
    display: block;
    background: #fff;
}
.Sklonloaded{
   display: none;
}
a:hover {
    color:red !important;
}
*  {
    box-sizing:border-box;
   }