@charset "utf-8";
/* CSS Document */

/*字体大小
12px= font-size: 0.375rem;
14px= font-size: 0.4375rem;
15px= font-size: 0.46875rem;
16px= font-size: 0.5rem;
*/

/***  全局  ***/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: none;
    /*解决chrome浏览器下字体不能小于12px*/
}

/*body,*/
input {
    letter-spacing: 0.1em;
}

/*字符间距*/
@font-face {
    /* font-family: 'Alibaba普惠体';
  src: url(https://xolo-font.xolo.kim/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-105-Heavy/AlibabaPuHuiTi-3-105-Heavy.ttf)
    format('opentype'); */
    /* src: url(https://v6qny.xolo.kim/AlibabaPuHuiTi/AlibabaPuHuiTi-3-65-Medium.otf)
    format('opentype'); */
}

body {
    position: relative;
    width: 100%;
    max-width: 10rem;
    line-height: 1.4;
    margin: 0 auto;
    color: #333333;
    font-size: 0.4375rem;
    font-family: 'Arial', 'Helvetica', 'Microsoft Yahei', '微软雅黑', 'SimHei',
        '黑体', sans-serif;
    overflow-x: hidden;
    /* font-family: 'Alibaba普惠体', 'Arial', sans-serif; */
    overflow-x: hidden;
}

ul,
li,
dl,
dd,
dt {
    list-style-type: none;
}

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

img {
    width: 100%;
    vertical-align: middle;
    border: none;
    -ms-interpolation-mode: bicubic;
}

b,
em,
i {
    font-weight: normal;
    font-style: normal;
}

a {
    display: inline-block;
    outline: none;
    text-decoration: none;
    color: #333333;
}

a:hover {
    /*text-decoration:underline;*/
}

a:active,
a:hover {
    outline: none;
}

a {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

/** 清除默认样式 **/
input {
    line-height: normal !important;
    outline: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/*纯色的阴影覆盖谷歌表单自动填充默认样式底色*/
input[type='submit'],
input[type='reset'],
input[type='button'],
input[type='text'],
input[type='file'],
input[type='password'],
textarea,
button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none !important;
    /*去掉苹果的默认UI来渲染按钮*/
}

/*input[type="checkbox"]::-ms-check, input[type="radio"]::-ms-check{ display: none;}*/
/*清除IE浏览器选择icon*/

textarea {
    resize: none;
}

input,
button,
select,
option,
textarea {
    outline: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}

/**数字选择控件样式**/
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*表单placeholder属性*/
/*
input:-moz-placeholder { color: #ffffff; opacity: 1;}
input::-moz-placeholder { color: #ffffff; opacity: 1;}
input:-ms-input-placeholder { color: #ffffff; opacity: 1;}
input::-webkit-input-placeholder { color: #ffffff; opacity: 1;}
*/

/*滚动条修改样式*/
/*
::-webkit-scrollbar-button { display: none;}
::-webkit-scrollbar { width: 6px; border-radius: 10px; background-color: rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #0c4685;}
*/

/*背景渐变*/
/*
background-color: #fdb3bd;
background-image: -webkit-gradient(linear, left top, left bottom, from( #fdb3bd ), to( #feeaeb ));
background-image: -webkit-linear-gradient(top,#fdb3bd,#feeaeb);
background-image: -moz-linear-gradient(top,#fdb3bd,#feeaeb);
background-image: -ms-linear-gradient(top,#fdb3bd,#feeaeb);
background-image: -o-linear-gradient(90deg,#fdb3bd,#feeaeb);
background-image: linear-gradient(0deg,#fdb3bd,#feeaeb);
*/
/*字体渐变*/
/*
background: linear-gradient(to bottom, red, blue);
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
*/

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

.table {
    display: table;
    width: 100%;
}

.table_cell {
    display: table-cell;
}

.table_row {
    display: table-row;
}

.word_no {
    word-break: keep-all;
    word-wrap: normal;
    white-space: nowrap;
}

.word {
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal;
}

.table.child_top .table_cell,
table.child_top tr td {
    vertical-align: top;
}

.table.child_bottom .table_cell,
table.child_bottom tr td {
    vertical-align: bottom;
}

.table.child_midd .table_cell,
table.child_midd tr td {
    vertical-align: middle;
}

/*子级宽度*/
.suit_child:after,
.row_child:after,
.row_child1:after,
.row_child2:after,
.row_child3:after,
.row_child4:after,
.row_child5:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

ul.row_child li,
.row_child .item_child {
    display: inline-block;
    float: left;
    width: auto;
}

ul.row_child1 li,
.row_child1 .item_child {
    display: inline-block;
    float: left;
    width: 100%;
}

ul.row_child2 li,
.row_child2 .item_child {
    display: inline-block;
    float: left;
    width: 50%;
}

ul.row_child3 li,
.row_child3 .item_child {
    display: inline-block;
    float: left;
    width: 33.3333%;
}

ul.row_child4 li,
.row_child4 .item_child {
    display: inline-block;
    float: left;
    width: 25%;
}

ul.row_child5 li,
.row_child5 .item_child {
    display: inline-block;
    float: left;
    width: 20%;
}

.row_child.word_no,
.row_child2.word_no,
.row_child3.word_no,
.row_child4.word_no,
.row_child5.word_no {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

ul.row_child.word_no li,
.row_child.word_no .item_child,
ul.row_child2.word_no li,
.row_child2.word_no .item_child,
ul.row_child3.word_no li,
.row_child3.word_no .item_child,
ul.row_child4.word_no li,
.row_child4.word_no .item_child,
ul.row_child5.word_no li,
.row_child5.word_no .item_child {
    float: none;
}

ul.row_child2.word_no li,
.row_child2.word_no .item_child {
    width: auto;
    min-width: 50% !important;
}

ul.row_child3.word_no li,
.row_child3.word_no .item_child {
    width: auto;
    min-width: 33.3333% !important;
}

ul.row_child4.word_no li,
.row_child4.word_no .item_child {
    width: auto;
    min-width: 25% !important;
}

ul.row_child5.word_no li,
.row_child5.word_no .item_child {
    width: auto;
    min-width: 20% !important;
}

.suit_child li {
    float: left;
}

.suit_child li:first-child:nth-last-child(1),
.suit_child li:first-child:nth-last-child(1)~li {
    width: 100%;
}

.suit_child li:first-child:nth-last-child(2),
.suit_child li:first-child:nth-last-child(2)~li {
    width: 50%;
}

.suit_child li:first-child:nth-last-child(3),
.suit_child li:first-child:nth-last-child(3)~li {
    width: 33.3%;
}

.suit_child li:first-child:nth-last-child(4),
.suit_child li:first-child:nth-last-child(4)~li {
    width: 25%;
}

.suit_child li:first-child:nth-last-child(5),
.suit_child li:first-child:nth-last-child(5)~li {
    width: 20%;
}

/*大写字母*/
.capital {
    text-transform: uppercase !important;
}

/*隐藏*/
.hide {
    opacity: 0;
    visibility: hidden;
    display: none;
}

/*文字超出隐藏*/
.w_break {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 文字溢出虚点显示*/
.text_vert {
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.lc2 {
    -webkit-line-clamp: 2;
}

.lc3 {
    -webkit-line-clamp: 3;
}

.lc4 {
    -webkit-line-clamp: 4;
}

/* 定位居中 */
.cente_c {
    /*居中*/
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cente_l {
    /*水平居中*/
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.cente_v {
    /*垂直居中*/
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

/* width */
.wa {
    width: auto;
}

/* percent width value */
.pct10 {
    width: 10%;
}

.pct15 {
    width: 15%;
}

.pct16 {
    width: 16.66666667%;
}

.pct20 {
    width: 20%;
}

.pct25 {
    width: 25%;
}

.pct30 {
    width: 30%;
}

.pct33 {
    width: 33.33333333%;
}

.pct40 {
    width: 40%;
}

.pct48 {
    width: 48%;
}

.pct50 {
    width: 50%;
}

.pct60 {
    width: 60%;
}

.pct66 {
    width: 66.66666667%;
}

.pct70 {
    width: 70%;
}

.pct75 {
    width: 75%;
}

.pct80 {
    width: 80%;
}

.pct90 {
    width: 90%;
}

.pct100 {
    width: 100% !important;
}

.pre2 {
    padding-right: 2.5em !important;
}

.pre3 {
    padding-right: 3.5em !important;
}

.pre4 {
    padding-right: 4.5em !important;
}

.pre5 {
    padding-right: 5.5em !important;
}

.pre6 {
    padding-right: 6.5em !important;
}

/* 块状元素水平居中 */
.ma {
    margin-left: auto;
    margin-right: auto;
}

.mle1 {
    margin-left: 1em !important;
}

.mle2 {
    margin-left: 2em !important;
}

.mle3 {
    margin-left: 3em !important;
}

.mre1 {
    margin-right: 1em !important;
}

.mre2 {
    margin-right: 2em !important;
}

.mre3 {
    margin-right: 3em !important;
}

/* border-color */
.bdc {
    border: 1px solid #ccc;
}

.blc {
    border-left: 1px solid #ccc;
}

.brc {
    border-right: 1px solid #ccc;
}

.btc {
    border-top: 1px solid #ccc;
}

.bbc {
    border-bottom: 1px solid #ccc;
}

.bdd {
    border: 1px solid #ddd;
}

.bld {
    border-left: 1px solid #ddd;
}

.brd {
    border-right: 1px solid #ddd;
}

.btd {
    border-top: 1px solid #ddd;
}

.bbd {
    border-bottom: 1px solid #ddd;
}

.bde {
    border: 1px solid #eee;
}

.ble {
    border-left: 1px solid #eee;
}

.bre {
    border-right: 1px solid #eee;
}

.bte {
    border-top: 1px solid #eee;
}

.bbe {
    border-bottom: 1px solid #eee;
}

/* border-radius */
.br0 {
    border-radius: 0;
}

.br2 {
    border-radius: 2px;
}

.br4 {
    border-radius: 4px;
}

.br6 {
    border-radius: 6px;
}

.br10 {
    border-radius: 10px;
}

.br12 {
    border-radius: 12px;
}

.br14 {
    border-radius: 14px;
}

.br15 {
    border-radius: 15px;
}

.brpct50 {
    border-radius: 50%;
}

.brpct100 {
    border-radius: 100%;
}

/* none */
.bd0 {
    border: none !important;
}

.bs0 {
    box-shadow: none;
}

.bg0 {
    background: none !important;
}

.bgt {
    background: transparent !important;
}

/* float */
.float_l {
    float: left !important;
}

.float_r {
    float: right !important;
}

.float_n {
    clear: both !important;
    float: none !important;
}

/* position */
.rel {
    position: relative;
}

.abs {
    position: absolute;
}

/*z-index*/
.zx1 {
    z-index: 1;
}

.zx2 {
    z-index: 2;
}

/* cursor 鼠标光标 */
.def {
    cursor: default;
}

/* 默认鼠标光标 */
.poi {
    cursor: pointer;
}

/* 指示链接的指针（一只手） */

/* display */
/* .dn { display: none !important; } */
.di {
    display: inline;
}

.db {
    display: block !important;
}

.dib {
    display: inline-block;
}

.dflex {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
}

.wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

/*一行一个元素*/

.jc_fs {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

/*子元素左对齐*/
.jc_c {
    justify-content: center;
    -webkit-justify-content: center;
}

/*子元素水平居中*/
.jc_fe {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

/*子元素右对齐*/
.jc_sb {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

/*子元素两端对齐*/
.jc_sa {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

/*子元素分散对齐*/

.ac_s {
    align-content: stretch;
    -webkit-align-content: stretch;
}

/*子元素顶部对齐-拉伸空余位置*/
.ac_fs {
    align-content: flex-start;
    -webkit-align-content: flex-start;
}

/*子元素顶部对齐*/
.ac_c {
    align-content: center;
    -webkit-align-content: center;
}

/*子元素垂直居中*/
.ac_fe {
    align-content: flex-end;
    -webkit-align-content: flex-end;
}

/*子元素底部对齐*/
.ac_sb {
    align-content: space-between;
    -webkit-align-content: space-between;
}

/*子元素上下对齐*/
.ac_sa {
    align-content: space-around;
    -webkit-align-content: space-around;
}

/*子元素分散对齐*/

.ai_c {
    align-items: center;
    -webkit-align-items: center;
}

/*子元素垂直居中*/

/* overflow */
.ovh {
    overflow: hidden;
}

.ova {
    overflow: auto;
}

.ova_x {
    overflow-x: auto;
}

.ova_y {
    overflow-y: auto;
}

.ovh_x {
    overflow-x: hidden !important;
}

.ovh_y {
    overflow-y: hidden !important;
}

/* visibility */
.vh {
    visibility: hidden;
}

/* 元素不可见 */
.vv {
    visibility: visible;
}

/* 默认，元素可见 */
/* vertical-align属性设置元素的垂直对齐方式。 */
.va_m {
    vertical-align: middle;
}

.va_tb {
    vertical-align: text-bottom;
}

.va_b {
    vertical-align: bottom;
}

.va_t {
    vertical-align: top;
}

.vt-1 {
    vertical-align: -1px;
}

.vt-2 {
    vertical-align: -2px;
}

.vt-3 {
    vertical-align: -3px;
}

.vt-4 {
    vertical-align: -4px;
}

/* font-style */
.weight_n {
    font-weight: normal;
    font-style: normal;
}

.weight_b {
    font-weight: 700;
}

.style_i {
    font-style: italic;
}

/* safe color */
.color_0 {
    color: #000000 !important;
}

.color_3 {
    color: #333333 !important;
}

.color_6 {
    color: #666666 !important;
}

.color_9 {
    color: #999999 !important;
}

.color_c {
    color: #cccccc !important;
}

.color_f {
    color: #ffffff !important;
}

/* font-size */
.f0 {
    font-size: 0 !important;
}

/* text-align */
.text_c {
    text-align: center !important;
}

.text_r {
    text-align: right !important;
}

.text_l {
    text-align: left !important;
}

.text_j {
    text-align: justify !important;
}

/* text-decoration */
.tdu {
    text-decoration: underline;
}

/* 文本下的一条线 */
.tdl {
    text-decoration: line-through;
}

/* 删除线 */
.tdn,
.tdn:hover,
.tdn a:hover,
a.tdl:hover {
    text-decoration: none;
}

/* css3过渡动画效果 */
.trans {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.flex_c {
    display: flex;
    align-items: center;
}

.flex_cc {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex_lb {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex_cz {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}