html{
    /*font-size: 10px;*/
    overflow-x: hidden;;
}
body{
    /*font-size: 1.8rem;*/
}

/*@font-face {*/
    /*font-family: SourceHanSansCN;*/
    /*src: url("/assets_m/SourceHanSansCN.otf");*/
/*}*/


/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

*{
    box-sizing: border-box;
    line-height: 1;
    font-family: 微软雅黑,黑体;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    /*font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; !* 用 ascii 字符表示，使得在任何编码下都无问题 *!*/
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt {   } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

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

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}


input {
    outline: none;
    background: transparent;
    border: none;
    outline: medium;
    width: 100%;
}
input:focus {
    outline: none;
    background-color: transparent;
}

.no_sel::selection {
    background: transparent;
}
.no_sel::-moz-selection {
    background: rgb(241, 241, 241);
}


textarea{
    border: none !important;
}
textarea:focus-visible{
    outline:none;
}

select{
    border: none !important;
}
select:focus-visible{
    outline:none;
}

.flex{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.wrap{
    flex-wrap: wrap;
}
.bt{
    justify-content: space-between;
}
.st{
    align-items:flex-start;
}

*{
    /*font-size: 1.6rem;*/
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.left0{
    left: 0;
}
.right0{
    right: 0;
}
.top0{
    top: 0;
}
.bottom0{
    bottom: 0;
}


.fs16 , .fs16 *{
    font-size: 1.6rem
}
.fs18 , .fs18 *{
    font-size: 1.8rem
}
.fs19 , .fs19 *{
    font-size: 1.9rem
}
.fs20 , .fs20 *{
    font-size: 2rem;
}
.fs24 , .fs24 *{
    font-size: 2.4rem;
}
.fs30 , .fs30 *{
    font-size: 3rem;
}
.fs36 , .fs36 *{
    font-size: 3.6rem;
}
.fs48 , .fs48 *{
    font-size: 4.8rem;
}
.fs64 , .fs64 *{
    font-size: 6.4rem;
}
.center , .center *{
    text-align:center;
}

.bold , .bold *{
    font-weight: bold;
}

.pointer   {
   cursor: pointer;
}

.white_color{
    color: #fff;
}
.white_bg{
    background: #fff;
}

.act_color{
    color: #29874F;
}
.act_color2{
    color: #005FAC;
}
.act_bg{
    background: #29874F;
}
.act_bg2{
    background: #005FAC !important;
    color: #fff  !important;
}


.clo222{
    color: #222222;
}
.clo666{
    color: #666666;
}
.cloccc{
    color: #cccccc;
}
.clofff{
    color: #ffffff;
}
.clo777{
    color: #777777;
}

.fwb{
    white-space: pre-line;
    font-size: 1.8rem;
    line-height: 1.5;
    color: #666666;
}
.fwb *{
    color: #666666;
    font-size: 1.8rem;
    line-height: 1.5;
    white-space: pre-line;
}


.mx1line{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mx2line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.mx3line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
}


.main_container{
    display: flex;
    justify-content: center;
}
#main{
    max-width: 1920px;
    width: 100vw;
    /*background: #ccc;*/
}


.bb1{
    border-bottom: 1px solid #EEEEEE;;
}
.bb2{
    border-bottom: 1px solid #E5E5E5;
}

.bt1{
    border-top: 1px solid #EEEEEE;;
}

.br3{
  border-radius: 3px;
    overflow: hidden;
}


.hide{
    display: none;
}

.chr-no-marg-3n > div:nth-child(3n){
    margin: 0 !important;
}
.chr-no-marg-r-3n > div:nth-child(3n){
    margin-right: 0 !important;
}
.chr-no-marg-4n > div:nth-child(4n){
    margin: 0 !important;
}
.chr-no-marg-r-4n > div:nth-child(4n){
    margin-right: 0 !important;
}
.chr-last-no-bd > div:last-child{
    border: none !important;
}
.chr-last-no-marg-r > div:last-child{
    margin-right: 0 !important;
}
.red{
    color: red;
}
/*transform: rotate(45deg);*/
/*transform: scaleX(-1);*/