*{
    padding:0;
    margin:0;
    box-sizing:border-box;
    /* color: #333; */
}
a{
    text-decoration: none;
}
p{
    margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6{
    margin: 0;
}
ul{
    margin: 0;
}
li{
    margin: 0;
}
/* em 和 i 斜体的文字不倾斜 */
em,
i {
  font-style: normal;
}
/* 去掉li 的小圆点 */
li {
  list-style: none;
}
img {
  /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
  border: 0;
  /* 取消图片底侧有空白缝隙的问题 */
  vertical-align: middle;
}
input {
    /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
    font-family: Microsoft YaHei, Heiti SC, tahoma, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    /* 默认有灰色边框我们需要手动去掉 */
    border: 0;
    outline: none;
}
body {
    /* CSS3 抗锯齿形 让文字显示的更加清晰 */
    -webkit-font-smoothing: antialiased;
    background-color: #f2f2f2;
    font: 0.875rem Microsoft YaHei, Heiti SC, tahoma, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    /* color: #666; */
}
:root{
    --color-primary: #15336e;
    --color-primary-light: #516acf;
    --color-primary-lighter: #c8d7f6;
    --color-blue: #2b69ee;
    --color-normal:#121c57;
    --color-normal-light: #4f5f9f;
    --color-gray: #f2f2f2;
    --color-gray-dark: #9a8f8f;
    --color-gray-light: #f5f5f5;
    --color-red: #e63946;
    --color-secondary: #866A2D;
    --color-accent:#c9a145;
    --color-light: #f8f9fa;
    --color-dark: #343a40;
    --color-gray: #6c757d;
    --color-light-gray: #e9ecef;
}
.w {
    width: 93.75rem;
    margin: 0 auto;
}
.padding-l-1{
    padding-left:0.625rem;
}
.padding-l-2{
    padding-left:1.25rem;
}
.padding-l-3{
    padding-left:1.875rem;
}
.padding-l-4{
    padding-left:2.5rem;
}
.padding-l-5{
    padding-left:3.125rem;
}
.padding-l-6{
    padding-left:3.75rem;
}
.padding-r-1{
    padding-right:0.625rem;
}
.padding-r-2{
    padding-right:1.25rem;
}
.padding-r-3{
    padding-right:1.875rem;
}
.padding-r-4{
    padding-right:2.5rem;
}
.padding-r-5{
    padding-right:3.125rem;
}
.padding-r-6{
    padding-right:3.75rem;
}
.padding-t-1{
    padding-top:0.625rem;
}
.padding-t-2{
    padding-top:1.25rem;
}
.padding-t-3{
    padding-top:1.875rem;
}
.padding-t-4{
    padding-top:2.5rem;
}
.padding-t-5{
    padding-top:3.125rem;
}
.padding-t-6{
    padding-top:3.75rem;
}
.padding-b-1{
    padding-bottom:0.625rem;
}
.padding-b-2{
    padding-bottom:1.25rem;
}
.padding-b-3{
    padding-bottom:1.875rem;
}
.padding-b-4{
    padding-bottom:2.5rem;
}
.padding-b-5{
    padding-bottom:3.125rem;
}
.padding-b-6{
    padding-bottom:3.75rem;
}
.padding-1{
    padding:0.625rem;
}
.padding-2{
    padding:1.25rem;
}
.padding-3{
    padding:1.875rem;
}
.padding-4{
    padding:2.5rem;
}
.padding-5{
    padding:3.125rem;
}
.padding-6{
    padding:3.75rem;
}
.background-theme{
    background-color: var(--color-primary);
}
.background-theme-light{
    background-color: var(--color-primary-light);
}
.background-theme-lighter{
    background-color: var(--color-primary-lighter);
}
.background-gray{
    background-color: var(--color-gray);
}
.background-gray-dark{
    background-color: var(--color-gray-dark);
}
.background-gray-light{
    background-color: var(--color-gray-light);
}
.background-white{
    background-color: white;
}
.border-radius-1{
    border-radius: 0.3125rem;
}
.border-radius-2{
    border-radius: 0.625rem;
}
.border-radius-3{
    border-radius: 1.25rem;
}
.border-radius-4{
    border-radius: 1.875rem;
}
.border-radius-5{
    border-radius: 2.5rem;
}
.border-radius-6{
    border-radius: 3.125rem;
}
.border-radius-7{
    border-radius: 3.75rem;
}
.border-radius-8{
    border-radius: 4.375rem;
}
.f-c-theme{
    color: var(--color-primary);
}
.f-c-gray{
    color: var(--color-gray);
}
.f-c-gray-dark{
    color: var(--color-gray-dark);
}
.f-c-blue{
    color: var(--color-blue);
}
.f-c-red{
    color: var(--color-red);
}
.f-c-gray-light{
    color: var(--color-gray-light);
}
.f-c-white{
    color: white;
}
.flex{
    display:flex;
}
.flex-column{
    display:flex;
    flex-direction: column;
}
.flex-1{
    flex: 1;
}
.flex-2{
    flex: 2;
}
.flex-3{
    flex: 3;
}
.flex-4{
    flex: 4;
}
.flex-5{
    flex: 5;
}
.flex-6{
    flex: 6;
}
.flex-7{
    flex: 7;
}
.flex-8{
    flex: 8;
}
.flex-9{
    flex: 9;
}
.flex-10{
    flex: 10;
}
.flex-11{
    flex: 11;
}
.flex-12{
    flex: 12;
}
.align-end{
    align-items: flex-end;
}
.align-start{
    align-items: flex-start;
}
.align-center{
    align-items: center;
}
.justify-center{
    justify-content: center;
}
.justify-start{
    justify-content: flex-start;
}
.justify-end{
    justify-content: flex-end;
}
.justify-between{
    justify-content: space-between;
}
.justify-around{
    justify-content: space-around;
}
.justify-evenly{
    justify-content: space-evenly;
}
.hide,
.none {
  display: none;
}
/* 清除浮动 */
.clearfix:after {
  visibility: hidden;
  clear: both;
  display: block;
  content: ".";
  height: 0;
}
.gap-0{
    gap: 0.3125rem;
}
.gap-1{
    gap: 0.625rem;
}
.gap-2{
    gap: 1.25rem;
}
.gap-3{
    gap: 1.875rem;
}
.gap-4{
    gap: 2.5rem;
}
.gap-5{
    gap: 3.125rem;
}
.gap-6{
    gap: 3.75rem;
}
.col-1{width: 100%;}
.col-2{width: 50%;}
.col-3{width: 33.33%;}
.col-4{width: 25%;}
.col-5{width: 20%;}
.col-6{width: 16.6%;}
.col-7{width: 14.28%;}
.col-10{
    width:100%;
}
.f-s-22{
    font-size: 1.375rem;
}
.f-s-24{
    font-size: 1.5rem;
}
.f-s-26{
    font-size: 1.625rem;
}
.f-s-28{
    font-size: 1.75rem;
}
.f-s-30{
    font-size: 1.875rem;
}
.f-s-32{
    font-size: 2rem;
}
.f-s-20{
    font-size: 1.25rem;
}
.f-s-18{
    font-size: 1.125rem;
}
.f-s-16{
    font-size: 1rem;
}
.f-s-14{
    font-size: 0.875rem;
}
.f-s-12{
    font-size: 0.75rem;
}
.f-w-700{
    font-weight: 700;
}
.f-w-600{
    font-weight: 600;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.text-justify{
    text-align: justify;
}
.text-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nowrap{
    white-space: nowrap;
}
.m-t-0{
    margin-top: 0;
}
.m-t-10{
    margin-top: 0.625rem;
}
.m-t-20{
    margin-top: 1.25rem;
}
.m-t-30{
    margin-top: 1.875rem;
}
.m-t-40{
    margin-top: 2.5rem;
}
.m-t-50{
    margin-top: 3.125rem;
}
.m-t-60{
    margin-top: 3.75rem;
}
.m-auto{
    margin: auto;
}
.m-l-0{
    margin-left: 0;
}
.m-l-10{
    margin-left: 0.625rem;
}
.m-l-20{
    margin-left: 1.25rem;
}
.m-l-30{
    margin-left: 1.875rem;
}
.m-l-40{
    margin-left: 2.5rem;
}
.m-l-50{
    margin-left: 3.125rem;
}
.m-l-60{
    margin-left: 3.75rem;
}
.m-r-0{
    margin-right: 0;
}
.m-r-10{
    margin-right: 0.625rem;
}
.m-r-20{
    margin-right: 1.25rem;
}
.m-r-30{
    margin-right: 1.875rem;
}
.m-r-40{
    margin-right: 2.5rem;
}
.m-r-50{
    margin-right: 3.125rem;
}
.m-r-60{
    margin-right: 3.75rem;
}
.m-b-0{
    margin-bottom: 0;
}
.m-b-10{
    margin-bottom: 0.625rem;
}
.m-b-20{
    margin-bottom: 1.25rem;
}
.m-b-30{
    margin-bottom: 1.875rem;
}
.m-b-40{
    margin-bottom: 2.5rem;
}
.m-b-50{
    margin-bottom: 3.125rem;
}
.m-b-60{
    margin-bottom: 3.75rem;
}
.required_text{
    position: relative;
}
.required{
    position: absolute;
    top: 0;
    left: -0.625rem;
    color: red;
}
.required_right_block{
    color:red;
    padding-left: 0.3125rem;
}
.pointer{
    cursor: pointer;
}
.relative{
    position: relative;
}
.space{
    height: 1.875rem;
}