@charset "utf-8";

*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:root{
    --bg-a: #FFFFFF; /* 背景 白色 */
    --bg-b: #F6F8FB; /* 背景 主体 搜索 */
    --bg-c: #8599AB; /* 背景 提示 */
    
    --fn-a: #364e65; /* 文字 默认 */
    --fn-b: #8599ab; /* 文字 提示 */
    --fn-c: #FA7268; /* 文字 链接 */
    
}
@font-face{
  font-family: tao-subset;
  src: url('../font/subset.woff2');
}
html,body{
    min-width: 300px;
    font-size: 14px;
    color: var(--fn-a);
    background-color: var(--bg-b);
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    scroll-behavior: smooth;/*瞄点跳转过渡动画*/
    font-family: tao-subset,"Microsoft YaHei";
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin: 0;
    padding: 0;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,img{
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var{
    font-style: normal;
    font-weight: normal;
}
ol,ul{
    list-style: none;
}
caption,th{
    text-align: left;
}
h1,h2,h3,h4,h5,h6{
    font-size: 100%;
    font-weight: normal;
}

abbr,acronym{
    border: 0;
    font-variant: normal;
}
input,textarea,select{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-size: 100%;
}
/* 选中背景颜色和颜色 */
::selection, ::-webkit-selection, ::-moz-selection{
    color: var(--bg-a) !important;
    background: var(--bg-c) !important;
}
/* 输入框提示样式 */
::-webkit-input-placeholder ,:-moz-placeholder , ::-moz-placeholder ,:-ms-input-placeholder{
    color: var(--fn-a);
}

a{
    color: var(--fn-a);
    text-decoration: none;
}
a:hover{
    color: var(--fn-a);
    text-decoration: none;
}

/* 浮动 */
.fl{
    float: left;
}
.fr{
    float: right;
}


/* 清除浮动 */
.qf {
    *zoom: 1; 
}
.qf::after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}



/* 盒子 */
.dn{
    display: none !important;
}
.di{
    display: inline-block !important;
}
.db{
    display: block !important;
}


/* 鼠标 为手 */
.curn{
    cursor: pointer;
    user-select: none;
}


/* 文字不超过 */
.t-ell{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/* 按钮样式 */
button,.btn{
    /*
    min-width: 60px;
    display: block;
    padding: 7px 14px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    border-radius: 30px;
    outline: none;
    user-select: none;
    white-space: nowrap;
    cursor: pointer;*/
}

/* 输入框 */
input[type=text],textarea{
    /*
    width: 100%;
    max-width: 100%;
    display: block;
    text-align: left;
    line-height: 1.5;
    border: 1px solid var(--bg-b);
    color: var(--fn-a);
    background: var(--bg-b);
    outline: none;*/
}
input{
    /*
    padding: 6px 16px;
    border-radius: 16px;
    color: var(--fn-a);*/
}


textarea{
    padding: 8px;
    box-sizing: border-box;
    line-height: 1.5;
}