@charset "utf-8";
html, body {
  min-width: 1500px;
  background-color: #f9f9f9;
  color: #333;
}

body, blockquote, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}

/* 本站标准字号为14px */
li, p, label {color: #333;font-size: 14px;}

body, button, input, select, textarea {
  font: 14px/1.6 ArialMT, Microsoft YaHei, Tahoma, Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1", PingFang SC, sans-serif;
}

h1 {font-size: 40px;} /* 2.5rem*/
h2 {font-size: 32px;} /*   2rem*/
h3 {font-size: 28px;} /*1.75rem*/
h4 {font-size: 24px;} /* 1.5rem*/
h5 {font-size: 20px;} /*1.25rem*/
h6 {font-size: 16px;} /*   1rem*/

small {font-size: 12px;}

address, cite, dfn, em, var, i {
  font-style: normal;
}

article, aside, figure, footer, header, nav, section, details, summary {
  display: block;
}

code, kbd, pre, samp {
  font-family: courier new, courier, monospace;
}

ol, ul, li {
  list-style: none;
}

a {text-decoration: none;color: #333;transition: color 0.3s;}

a:hover {color: #6d4722;}

a:focus, input {
  outline: none;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

fieldset, img {
  border: 0;
}

button, input, select, textarea {
  font-size: 100%;
  border-radius: 2px;
}

button {
  border-radius: 2px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  text-align: center;
  background-color: #fff;
}

input, select {
  vertical-align: middle;
  border-radius: 2px;
  outline: none;
}

label, input[type=button], input[type=submit], input[type=file], input[type=reset], button {
  cursor: pointer;
}

/*~~~~~~~~~~~~~~~~~
~ 统一定义的规则样式 ~
~~~~~~~~~~~~~~~~~*/

/* 浮动 */
.fl {float: left !important;}
.fr {float: right !important;}
/* 清除浮动 */
.clear {clear: both;}
.clearfix {zoom: 1;}
.clearfix:after {content: '.';height: 0;display: block;visibility: hidden;clear: both;}

/* 内联元素方向 */
.tc {text-align: center !important;}
.tr {text-align: right !important;}
.tl {text-align: left !important;}

/* 元素显示类型 */
.dis-none {display: none !important;}
.dis-block {display: block !important;}
.dis-inline-block {display: inline-block !important;}
.dis-contents {display: contents !important;}
.dis-flex {display: flex !important;}
.dis-flex.flex_b {justify-content: space-between;} /* 水平撑开 */
.dis-flex.flex_e {justify-content: space-around;} /* 水平分配 */
.dis-flex.flex_m {align-items: center;} /* 垂直居中 */
.dis-flex.flex_c {justify-content: space-between;align-items: center;} /* 水平撑开+垂直居中 */
.dis-flex.flex_d {justify-content: space-around;align-items: center;} /* 水平分配+垂直居中 */
.dis-flex.flex_cf {align-items: center;justify-content: flex-start;} /* 垂直居中+左对齐 */
.dis-flex.flex_evenly {justify-content: space-evenly;align-items: center;} /* 平均分配+垂直居中 */
.dis-flex.flex_align {align-items: flex-start !important;} /* 垂直靠上？ */
.dis-flex.flex-start {justify-content: flex-start;} /* 水平左对齐 */
.dis-flex.flex-wrap {flex-wrap: wrap;}
.dis-flex.flex-wrap-center {flex-wrap: wrap;justify-content: center;}
.dis-flex.flex-center {justify-content: center;align-items: center;}
.dis-flex.flex-word-break {word-break: break-all;}
.dis-flex.gap-20 {gap: 20px;}
.dis-flex .flex-1 {flex: 1;}
.dis-grid {display: grid !important;}
.dis-grid.three-parts {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 20px;}
.dis-grid.four-parts {grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 30px;}

/* 外间距 */
.mar-0 {margin: 0 !important;}
.mar-t0 {margin-top: 0 !important;}
.mar-l0 {margin-left: 0 !important;}
.mar-r0 {margin-right: 0 !important;}
.mar-b0 {margin-bottom: 0 !important;}
.mar-t5 {margin-top: 5px !important;}
.mar-r5 {margin-right: 5px !important;}
.mar-b5 {margin-bottom: 5px !important;}
.mar-l5 {margin-left: 5px !important;}
.mar-tb5 {margin: 5px 0 !important;}
.mar-lr5 {margin: 0 5px !important;}
.mar-t10 {margin-top: 10px !important;}
.mar-r10 {margin-right: 10px !important;}
.mar-b10 {margin-bottom: 10px !important;}
.mar-l10 {margin-left: 10px !important;}
.mar-tb10 {margin: 10px 0 !important;}
.mar-lr10 {margin: 0 10px !important;}
.mar-15 {margin: 15px !important;}
.mar-t15 {margin-top: 15px !important;}
.mar-r15 {margin-right: 15px !important;}
.mar-b15 {margin-bottom: 15px !important;}
.mar-l15 {margin-left: 15px !important;}
.mar-tb15 {margin: 15px 0 !important;}
.mar-lr15 {margin: 0 15px !important;}
.mar-20 {margin: 20px !important;}
.mar-t20 {margin-top: 20px !important;}
.mar-r20 {margin-right: 20px !important;}
.mar-b20 {margin-bottom: 20px !important;}
.mar-l20 {margin-left: 20px !important;}
.mar-tb20 {margin: 20px 0 !important;}
.mar-lr20 {margin: 0 20px !important;}
.mar-30 {margin: 30px !important;}
.mar-t30 {margin-top: 30px !important;}
.mar-r30 {margin-right: 30px !important;}
.mar-b30 {margin-bottom: 30px !important;}
.mar-l30 {margin-left: 30px !important;}
.mar-tb30 {margin: 30px 0 !important;}
.mar-lr30 {margin: 0 30px !important;}

/* 内间距 */
.pad-0 {padding: 0 !important;}
.pad-t0 {padding-top: 0 !important;}
.pad-r0 {padding-right: 0 !important;}
.pad-b0 {padding-bottom: 0 !important;}
.pad-l0 {padding-left: 0 !important;}
.pad-5 {padding: 5px !important;}
.pad-t5 {padding-top: 5px !important;}
.pad-r5 {padding-right: 5px !important;}
.pad-b5 {padding-bottom: 5px !important;}
.pad-l5 {padding-left: 5px !important;}
.pad-tb5 {padding: 5px 0 !important;}
.pad-lr5 {padding: 0 5px !important;}
.pad-10 {padding: 10px !important;}
.pad-t10 {padding-top: 10px !important;}
.pad-r10 {padding-right: 10px !important;}
.pad-b10 {padding-bottom: 10px !important;}
.pad-l10 {padding-left: 10px !important;}
.pad-tb10 {padding: 10px 0 !important;}
.pad-lr10 {padding: 0 10px !important;}
.pad-15 {padding: 15px !important;}
.pad-t15 {padding-top: 15px !important;}
.pad-r15 {padding-right: 15px !important;}
.pad-b15 {padding-bottom: 15px !important;}
.pad-l15 {padding-left: 15px !important;}
.pad-tb15 {padding: 15px 0 !important;}
.pad-lr15 {padding: 0 15px !important;}
.pad-20 {padding: 20px !important;}
.pad-t20 {padding-top: 20px !important;}
.pad-r20 {padding-right: 20px !important;}
.pad-b20 {padding-bottom: 20px !important;}
.pad-l20 {padding-left: 20px !important;}
.pad-tb20 {padding: 20px 0 !important;}
.pad-lr20 {padding: 0 20px !important;}
.pad-30 {padding: 30px !important;}
.pad-t30 {padding-top: 30px !important;}
.pad-r30 {padding-right: 30px !important;}
.pad-b30 {padding-bottom: 30px !important;}
.pad-l30 {padding-left: 30px !important;}
.pad-tb30 {padding: 30px 0 !important;}
.pad-lr30 {padding: 0 30px !important;}

/* 边框 */
.bdr {border-top: #eee 1px solid !important;}
.bdr-t {border-top: #eee 1px solid !important;}
.bdr-r {border-right: #eee 1px solid !important;}
.bdr-b {border-bottom: #eee 1px solid !important;}
.bdr-l {border-left: #eee 1px solid !important;}

/* 定位 */
.pos-r {position: relative !important;}
.pos-a {position: absolute !important;}
.z-index {z-index: 0;}

/* 字体大小 */
.font-s16 {font-size: 16px !important;}
/* 字体加粗 */
.font-wb {font-weight: bold !important;}
/* 取消加粗 */
.font-wn {font-weight: normal !important;}

/* 鼠标样式 */
.csr-pointer {cursor: pointer !important;}
.csr-pointer:hover {color: #606061 !important;}
.csr-default {cursor: default !important;}
.csr-disabled {cursor: default;pointer-events: none;color: #ddd !important;}

/* 颜色 */
.clr-grey {color: #666 !important;}
.clr-light-gray {color: #ccc !important;}
.clr-orange {color: #ff5a00 !important;}
.clr-brown {color: #8b5a2b !important;}
.clr-brown:hover {color: #6d4722 !important;}

/* 块宽度 */
.w-40 {width: 40px !important;}
.w-50 {width: 50px !important;}
.w-60 {width: 60px !important;}
.w-80 {width: 80px !important;}
.w-90 {width: 90px !important;}
.w-100 {width: 100px !important;}
.w-120 {width: 120px !important;}
.w-400 {width: 400px !important;}
.w-600 {width: 600px !important;}
.w-760 {width: 760px !important;}
.w-800 {width: 800px !important;}
.w-1200 {width: 1200px !important;}

/* 块高度 */
.height-40 {height: 40px !important;}

/* 行高 */
.line-height-40 {line-height: 40px !important;}
.line-height-custom {line-height: 1.5 !important;}
/* 元素内文字行高根据当前元素的字体大小决定的 */

/* 图标垂直对齐 */
.icon-align {vertical-align: 0 !important;}
.icon-align1 {vertical-align: -1px !important;}
.icon-align2 {vertical-align: -2px !important;}
.icon-align3 {vertical-align: -3px !important;}
.icon-align4 {vertical-align: -4px !important;}
.icon-align5 {vertical-align: -5px !important;}
.icon-align7 {vertical-align: -7px !important;}
.icon-align9 {vertical-align: -9px !important;}
.icon-align15 {vertical-align: -15px !important;}
.icon-align03 {vertical-align: 3px !important;}
.icon-align02 {vertical-align: 2px !important;}
.icon-align01 {vertical-align: 1px !important;}
.icon-top {vertical-align: top;}
.icon-super {vertical-align: super;}
.icon-middle {vertical-align: middle !important;}
.icon-text-bottom {vertical-align: text-bottom;}