@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
@import url('./header.css');
/* flex h:水平；v:垂直；fw:超出换行 */
.f,.f-h-c,.f-h-s,.f-h-e,.f-h-b,.f-v-c,.f-v-s,.f-v-e,.f-v-l,.f-cc,.f-ac,.f-column,.f-bc,.f-be{display: flex;display: -webkit-flex;}
.f-h-s{justify-content:flex-start;}
.f-h-c{justify-content:center;}
.f-h-e{justify-content:flex-end;}
.f-h-b{justify-content:space-between}
.f-v-c{align-items:center;}
.f-v-s{align-items:flex-start;}
.f-v-e{align-items:flex-end;}
.f-v-l{align-items:baseline;}
.f-cc{justify-content:center;align-items:center;}
.f-ac{justify-content:space-around;align-items:center;}
.f-bc{justify-content:space-between;align-items:center;}
.f-be{justify-content:space-between;align-items:flex-end;}
.f-column{flex-direction:column;}
.f-auto{flex: auto;}
.f-1{flex: 1;}

.fw,.fw-h-a,.fw-h-b,.fw-v-c{display: -webkit-flex;display: flex;flex-wrap:wrap!important;}
.fw-h-a{align-content:space-around}
.fw-h-b{justify-content:space-between}
.fw-v-c{align-items:center;}

html,body {margin: 0;padding:0;width: 100%;height: 100%;}
*{
  font-family:  Arial, sans-serif;
  box-sizing: border-box;
}
a{
  color: #323233;
  text-decoration: none;
}
body,pre{
  /* font-family: 'Microsoft YaHei', Arial, sans-serif; */
  background: #101112;
  font-size: 12px;
  color: #c8c8c8;
  margin: 0; padding: 0;
  -webkit-text-size-adjust: 100% !important;
}
pre {
	white-space: pre-wrap;
	word-break: break-all;
	background-color: initial;
}
input{
  font-size: 14px;
  line-height: 22px;
}
select{
  font-size: 14px;
  line-height: 24px;
}
select option[value=""] {
  color: grey;
}
em, i, b {
	font-weight: normal;
	font-style: normal;
}
img{max-width: 100%;}
/*重置元素垂直居中*/
img, input, select, textarea, button { vertical-align:middle;background: none;border:none;outline: none; }

/* 单行，多行省略 */
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.textWrap{word-wrap:break-word;white-space: pre-wrap;}
.mult_line_ellipsis{overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break:break-all}
.mult_line_ellipsis_off{-webkit-line-clamp: initial !important;}
/*改变默认的placeholder字颜色*/
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder{
  color: #8B8B8B;
}

/*格式化样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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}
q:before,q:after {content:''}
abbr,acronym { border:0}
pre {white-space: pre-wrap;word-break: break-all;background-color: initial;}
em, i, b {font-weight: normal;font-style: normal;}
table {border-collapse: collapse;}
td {padding: 3px;}

.page-box{
  height: 100vh;
  overflow: auto;
}
.page-box-logo{
  padding-top: 40px;
}
main{
  min-height: 100vh;
  flex: auto;
  overflow: auto;
}
.page-tit {
  font-size: 26px;
  padding: 40px 0 30px;
  text-align: center;
    color: #fff;
}


.btn {
  font-family: Manrope, Manrope;
  font-weight: 700;
  font-size:14px;
  color: #fff;
  text-align: center;
  line-height:46px;
  width: 100%;
  border: none;
  outline: none;
  letter-spacing: 1px;
  cursor: pointer;
  background: #2c6589;
  border-radius: 12px;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
}
.btn_off{background: #2C6589; filter:alpha(opacity=50); cursor: not-allowed;}
.btn.plain {
  color: #2c6589;
  background: #EBF3FC;
  line-height: 44px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #2c6589;
}


.c-hint{color: #BCC5CB;}
.c-666{color: #666;}
.c-999{color: #999;}
.c-red{color:#E3082F}
.c-2C90D8{color: #2C90D8;}
.c-2A86FF{color: #2C90D8;}
.c-969799 {color: #969799;}
.m-l-10{margin-left: 10px;}
.m-l-15{margin-left: 15px;}
.m-r-10{margin-right: 10px;}
.m-l-12{margin-left: 12px;}
.m-r-12{margin-right: 12px;}
.m-r-15{margin-right: 15px;}
.m-t-12{margin-top: 12px;}
.m-t-15{margin-top: 15px;}
.m-t-16{margin-top: 16px;}
.m-h-14{margin-left: 14px;margin-right: 14px;}
.m-h-3vw{margin-left: 3vw;margin-right: 3vw;}

.w-full{width:100%}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fs-10{font-size: 12px;transform: scale(.83);transform-origin:0 0;}
.origin-c{transform-origin:center}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.text-r{text-align:right}
.text-c{text-align:center}
.text-l{text-align:left}
.relative{position: relative;}
.hidden{overflow: hidden;}
.no_resize{resize: none;}
.empty{
  font-size: 10px;
  color: #999;
  font-family: 'Microsoft YaHei', Arial, sans-serif;
  font-weight: 400;
  padding: 10px 0 20px;
  text-align: center;
}
.dn{display: none;}

/* 在全局CSS文件中添加 */
.rich-text-content {
    /* 确保容器正常显示 */
    width: 100%;
}

/* 富文本中的图片样式 */
.rich-text-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px auto; /* 上下20px，左右自动居中 */
    border-radius: 8px; /* 可选：圆角 */
}

/* 如果需要固定尺寸 */
.rich-text-content img.fixed-size {
    width: 500px !important;
    height: 400px !important;
    object-fit: cover; /* 或 contain，根据需要选择 */
}

/* 富文本中的其他元素也可以样式化 */
.rich-text-content p {
    line-height: 1.6;
    margin-bottom: 15px;
}

.rich-text-content h1,
.rich-text-content h2,
.rich-text-content h3 {
    margin-top: 20px;
    margin-bottom: 15px;
}

/* 面包屑导航 */
.breadcrumb-nav {
  
    padding: 25px 0 20px;
    font-size: 0.9rem;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    padding: 0 10px;
    color: #95a5a6;
}

.breadcrumb-item a {
    color: #3498db;
    text-decoration: none;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}

.swiper-container img{
    max-width: 100%;
}
.rich-text-content{
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    color: #333;
    padding: 20px 55px;
    font-size: 16px;
}
.rich-text-content:before,
.rich-text-content:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,.5), transparent);
    z-index: 9;
}

.rich-text-content:after{
    left: initial;
    right: 0;
    background: linear-gradient(to left, rgba(0,0,0,.5), transparent);
}