:root{
    --layer-golden-1: #faf3e5;
    --layer-golden-2: #f6e7cb;
    --component-hover: #e4e6eb;
    --gradientgold_normal_start: #fde8c3;
    --gradientgold_normal_end: #edd3a7;
    --gradientgold_hover_start: #f1dfc0;
    --gradientgold_hover_end: #e6c99b;
    --gradientgold_click_start: #e9d5b3;
    --gradientgold_click_end: #dac29a;
    --layer_loading_start: rgba(228, 230, 235, 0);
    --layer_loading_end: rgba(228, 230, 235, 0.5);
    --layer_golden_2: #faf3e5;
    --font_golden_4: #7e5d25;
    --font-golden-1: #7e5d25;
    --font-golden-2: #8a795c;
    --font-golden-3: #d6b885;
    --gray-0: #fff;
    --gray-1-1: #e4e6eb;
    --gray-1-2: rgba(228, 230, 235, 0.5);
    --gray-1-3: #e4e6eb;
    --gray-2: #f2f3f5;
    --gray-3: #f7f8fa;
    --background: #f2f3f5;
    --layer-1: #fff;
    --layer-2-1: #f7f8fa;
    --layer-2-2: rgba(247, 248, 250, 0.7);
    --layer-3-fill: #f2f3f5;
    --layer-3-border: #e4e6eb;
    --layer-4-dropdown: #fff;
    --layer-5: #fff;
    --brand-1-normal: #1e80ff;
    --brand-2-hover: #1171ee;
    --brand-3-click: #0060dd;
    --brand-4-disable: #abcdff;
    --brand-5-light: #eaf2ff;
    --mask-1: rgba(0, 0, 0, 0.4);
    --mask-2: #fff;
    --mask-3: none;
    --brand-fill1-normal: rgba(30, 128, 255, 0.05);
    --brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --brand-fill3-click: rgba(30, 128, 255, 0.2);
    --brand-stroke1-normal: rgba(30, 128, 255, 0.3);
    --brand-stroke2-hover: rgba(30, 128, 255, 0.45);
    --brand-stroke3-click: rgba(30, 128, 255, 0.6);
    --font_danger: #ff5132;
    --font-1: #252933;
    --font-2: #515767;
    --font-3: #8a919f;
    --font-4: #c2c8d1;
    --font-brand1-normal: #1e80ff;
    --font-brand2-hover: #1171ee;
    --font-brand3-click: #0060dd;
    --font-brand4-disable: #abcdff;
    --font-success: #2bb91b;
    --font-warning: #ff8412;
    --font-danger: #ff5132;
    --font-white-disable: #fff;
    --font-white: #fff;
    --success-1-normal: #00b453;
    --success-2-deep: #00964e;
    --success-3-light: #e2faed;
    --warning-1-normal: #ff7426;
    --warning-2-deep: #e05e00;
    --warning-3-light: #fff3e5;
    --danger-1-normal: #f64242;
    --danger-2-deep: #cb2634;
    --danger-3-light: #fff2ff;
    --sub-1-purple: #9f54ff;
    --sub-2-blue: #57a0ff;
    --sub-3-cyan: #5ad7ff;
    --sub-4-green: #33d790;
    --sub-5-yellow: #ffcc15;
    --sub-6-orange: #ff834e;
    --sub-7-red: #ff5e54;
    --coupon_1_button: #f64242;
    --coupon_1_button_disable: #faa0a0;
    --coupon_2_card: rgba(255, 245, 244, 0.7);
    --coupon_3_stroke: rgba(246, 66, 66, 0.2);
    --navigation: #fff;
    --shade-1: rgba(0, 0, 0, 0.4);
    --shade-2: rgba(0, 0, 0, 0.6);
    --popup: #fff;
    --popover: #464646;
    --sheets: #f7f8fa;
    --coupon-button: #f64242;
    --coupon-button-disable: #faa0a0;
    --coupon-card: rgba(255, 245, 244, 0.7);
    --layer-loading-start: #e4e6eb;
    --layer-loading-end: rgba(228, 230, 235, 0.5);
    --font-priv-hint: #916be1;
    --background-jscore-radar: #232323;
    --button-shadow-hover: #ddd;
    --bot-icon-side-bg-color: linear-gradient(180deg, #ebf1ff, #fff);
    --bot-card-border-color: #eaedf1;
    --ai-text: #2f2f2f;
    --ai-normal-text: #0c0d0e;
    --ai-text-desc: #9299a7;
    --ai-message-bgc: #fff;
    --ai-button-bgc: #fff;
    --ai-code-bgc: #f7f8f9;
}

.bg-light{background-color: #f5f5f5;}.bg-white{background-color: #fff !important;}
.bg-red{background-color: #ff5722 !important; color: #fff!important;} /*赤*/
.bg-orange{background-color: #ffb800!important; color: #fff!important;} /*橙*/
.bg-green{background-color: #16baaa!important; color: #fff!important;} /*绿*/
.bg-cyan{background-color: #2f4056!important; color: #fff!important;} /*藏青*/
.bg-blue{background-color: #1e9fff!important; color: #fff!important;} /*蓝*/
.bg-purple{background-color: #a233c6!important; color: #fff!important;} /*紫*/
.bg-black{background-color: #2f363c!important; color: #fff!important;} /*深*/
.bg-gray{background-color: #fafafa!important; color: #5F5F5F!important;} /*浅*/
.inline{position: relative; display: inline-block; vertical-align: middle;}

.border{border-width: 1px; border-style: solid; color: #5F5F5F!important;}
.border-red{border-width: 1px; border-style: solid; border-color: #ff5722!important; color: #ff5722!important;}
.border-orange{border-width: 1px; border-style: solid; border-color: #ffb800!important; color: #ffb800!important;}
.border-green{border-width: 1px; border-style: solid; border-color: #16baaa!important; color: #16baaa!important;}
.border-cyan{border-width: 1px; border-style: solid; border-color: #2f4056!important; color: #2f4056!important;}
.border-blue{border-width: 1px; border-style: solid; border-color: #1e9fff!important; color: #1e9fff!important;}
.border-purple{border-width: 1px; border-style: solid; border-color: #a233c6!important; color: #a233c6!important;}
.border-black{border-width: 1px; border-style: solid; border-color: #2f363c!important; color: #2f363c!important;}
/* 三角形 */
.edge{position: relative; display: inline-block; vertical-align: middle; width: 0; height: 0; border-width: 6px; border-style: dashed; border-color: transparent; overflow: hidden;}
.edge-top{top: -4px; border-bottom-color: #999; border-bottom-style: solid;}
.edge-right{border-left-color: #999; border-left-style: solid;}
.edge-bottom{top: 2px; border-top-color: #999; border-top-style: solid;}
.edge-left{border-right-color: #999; border-right-style: solid;}
.circle{border-radius: 100%;}
/* 单行溢出省略 */
.elip, /* 仅为向下兼容保留 #2557  */
.ellip{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/* 屏蔽选中 */.unselect,.icon, .disabled{user-select: none;}
/* 禁用 */.disabled,.disabled:hover{color: #d2d2d2 !important; cursor: not-allowed !important;}
/* 纯圆角 */.circle{border-radius: 100%;}
.show{display: block !important;}
.hide{display: none !important;}
.show-v{visibility: visible !important;}
.hide-v{visibility: hidden !important;}

.flex{display: flex;}
.flex-center{justify-content: center; align-items: center;}
.flex-between{justify-content: space-between;}
.flex-around{justify-content: space-around;}
.flex-v-center{align-items: center;}
.flex-1{flex:1;}

.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-24{font-size: 24px;}
.p-20{padding: 20px;}
.p-15{padding: 15px;}
.p-10{padding: 10px;}
/* 表单 */
.btn,
.input,
.select,
.textarea,
.upload-button{outline: none; appearance: none; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box;}
.input, .textarea, .select,
.input-split,
.form-pane .form-label,
.form-pane .form-item[pane]{border-color: #eee;}
/** 表单 **/
.input, .textarea, .select{height: 38px; line-height: 1.3; line-height: 38px\9; border-width: 1px; border-style: solid; background-color: #fff; color: rgba(0,0,0,.85); border-radius: 2px;}
.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder,
.select::-webkit-input-placeholder{line-height: 1.3;}
.input, .textarea{display: block; width: 100%; padding-left: 10px;}
.input:hover, .textarea:hover{border-color: #d2d2d2 !important;}
.input:focus, .textarea:focus{border-color: #16b777 !important; box-shadow: 0 0 0 3px rgba(22,183,119,0.08);}
.textarea{position: relative; min-height: 100px; height: auto; line-height: 20px; padding: 6px 10px; resize: vertical;}
.input[disabled], .textarea[disabled]{background-color: #fafafa;}
.select{padding: 0 10px;}
.form select,
.form input[type=checkbox],
.form input[type=radio]{display: none;}
.form *[lay-ignore]{display: initial;}

.form-item{position: relative; margin-bottom: 15px; clear: both;}
.form-item:after{content:'\20'; clear: both; display: block; height:0;}
.form-label{position: relative; float: left; display: block; padding: 9px 15px;  width: 80px; font-weight: 400; line-height: 20px; text-align: right;}
.form-label-col{display: block; float: none; padding: 9px 0; line-height: 20px; text-align: left;}
.form-item .inline{margin-bottom: 5px; margin-right: 10px;}
.input-block, .input-inline{position: relative;}
.input-block{margin-left: 110px; min-height: 36px;}
.input-inline{display: inline-block; vertical-align: middle;}
.form-item .input-inline{float: left; width: 190px; margin-right: 10px;}
.form-text .input-inline{width: auto;}

/* 分割块 */
.form-mid{position: relative; float: left; display: block; padding: 9px 0 !important; line-height: 20px; margin-right: 10px;}

/* 警告条 */
.form-danger:focus,
.form-danger+.form-select .input{border-color: #ff5722 !important; box-shadow: 0 0 0 3px rgba(255,87,34,0.08);}


/* 输入框点缀  */
.input-prefix,
.input-suffix,
.input-split,
.input-suffix .input-affix{position: absolute; right: 0; top: 0; padding: 0 10px; width: 35px; height: 100%; text-align: center; transition: all .3s; box-sizing: border-box;}
.input-prefix{left: 0; border-radius: 2px 0 0 2px;}
.input-suffix{right: 0; border-radius: 0 2px 2px 0;}
.input-split{border-width: 1px; border-style: solid;}
.input-prefix .icon,
.input-suffix .icon,
.input-split .icon{position: relative; font-size: 16px; color: #5F5F5F; transition: all .3s;}

/* 输入框前后置容器 */
.input-group{position: relative; display: table; box-sizing: border-box;}
.input-group>*{display: table-cell; vertical-align: middle; position: relative;}
.input-group .input{padding-right: 15px;}
.input-group > .input-prefix{width: auto; border-right: 0;}
.input-group > .input-suffix{width: auto; border-left: 0;}
.input-group .input-split{white-space: nowrap;}

/* 输入框前后缀容器 */
.input-wrap{position: relative; line-height: 38px;}
.input-wrap .input{padding-right: 35px;;}
.input-wrap .input::-ms-clear,
.input-wrap .input::-ms-reveal{display: none;}
.input-wrap .input-prefix + .input,
.input-wrap .input-prefix ~ * .input{padding-left: 35px;}
.input-wrap .input-split + .input,
.input-wrap .input-split ~ * .input{padding-left: 45px;}
.input-wrap .input-prefix ~ .form-select{position: static;}
.input-wrap .input-prefix,
.input-wrap .input-suffix,
.input-wrap .input-split{pointer-events: none;}
.input-wrap .input:hover + .input-split{border-color: #d2d2d2;}
.input-wrap .input:focus + .input-split{border-color: #16b777;}
.input-wrap .input.form-danger:focus + .input-split{border-color: #ff5722;}
.input-wrap .input-prefix.input-split{border-width: 0; border-right-width: 1px;}
.input-wrap .input-suffix.input-split{border-width: 0; border-left-width: 1px;}

/* 输入框动态点缀  */
.input-affix{line-height: 38px;}
.input-suffix .input-affix{right: auto; left: -35px;}
.input-affix .icon{color: rgba(0,0,0,.8); pointer-events: auto!important; cursor: pointer;}
.input-affix .icon-clear{color: rgba(0,0,0,.3);}
.input-affix .icon:hover{color: rgba(0,0,0,.6);}

/* 数字输入框动态点缀  */
.input-wrap .input-number{width: 24px; padding: 0;}
.input-wrap .input-number .icon{position: absolute; right: 0; width: 100%; height: 50%; line-height: normal; font-size: 12px;}
.input-wrap .input-number .icon:before{position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -6px;}
.input-wrap .input-number .icon-up{top: 0; border-bottom: 1px solid #eee;}
.input-wrap .input-number .icon-down{bottom: 0;}
.input-wrap .input-number .icon:hover{font-weight: 700;}
.input-wrap .input[type="number"]::-webkit-outer-spin-button,
.input-wrap .input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none !important;}
.input-wrap .input[type="number"]{-moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield;}
.input-wrap .input.input-number-out-of-range,
.input-wrap .input.input-number-invalid{color:#ff5722;}



/* 下拉选择 */
.form-select{position: relative; color: #5F5F5F;}
.form-select .input{padding-right: 30px; cursor: pointer;}
.form-select .edge{position: absolute; right: 10px; top: 50%; margin-top: -3px; cursor: pointer; border-width: 6px; border-top-color: #c2c2c2; border-top-style: solid; transition: all .3s; -webkit-transition: all .3s;}
.form-select dl{display: none; position: absolute; left: 0; top: 42px; padding: 5px 0; z-index: 899; min-width: 100%; border: 1px solid #eee; max-height: 300px; overflow-y: auto; background-color: #fff; border-radius: 2px; box-shadow: 1px 1px 4px rgb(0 0 0 / 8%); box-sizing: border-box;}
.form-select dl dt,
.form-select dl dd{padding: 0 10px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.form-select dl dt{font-size: 12px; color: #999;}
.form-select dl dd{cursor: pointer;}
.form-select dl dd:hover{background-color: #f8f8f8; -webkit-transition: .5s all; transition: .5s all;}
.form-select .select-group dd{padding-left: 20px;}
.form-select dl dd.select-tips{padding-left: 10px !important; color: #999;}
.form-select dl dd.this{background-color: #f8f8f8; color: #16b777; font-weight: 700;}
/*.form-select dl dd.this{background-color: #f8f8f8; color: #16b777; font-weight: 700;}*/
.form-select dl dd.disabled{background-color: #fff;}
.form-selected dl{display: block;}
.form-selected .edge{margin-top: -9px; -webkit-transform:rotate(180deg); transform: rotate(180deg);}
.form-selected .edge{margin-top: -3px\0; }
:root .form-selected .edge{margin-top: -9px\0/IE9;}
.form-selectup dl{top: auto; bottom: 42px;}
.select-none{margin: 5px 0; text-align: center; color: #999;}
.select-panel-wrap {position: absolute; z-index: 99999999;}
.select-panel-wrap dl{position: relative; display: block; top:0;}

.select-disabled .disabled{border-color: #eee !important;}
.select-disabled .edge{border-top-color: #d2d2d2}

/* 复选框 */
.form-checkbox{position: relative; display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; margin-right: 10px; padding-right: 30px; background-color: #fff; cursor: pointer; font-size: 0;  -webkit-transition: .1s linear; transition: .1s linear; box-sizing: border-box;}
.form-checkbox > *{display: inline-block; vertical-align: middle;}
.form-checkbox > div{padding: 0 11px; font-size: 14px; border-radius: 2px 0 0 2px; background-color: #d2d2d2; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.form-checkbox > div > .icon{line-height: normal}
.form-checkbox:hover > div{background-color: #c2c2c2;}
.form-checkbox > i{position: absolute; right: 0; top: 0; width: 30px; height: 100%; border: 1px solid #d2d2d2; border-left: none; border-radius: 0 2px 2px 0; color: #fff; color: rgba(255,255,255,0); font-size: 20px; text-align: center; box-sizing: border-box;}
.form-checkbox:hover > i{border-color: #c2c2c2; color: #c2c2c2;}
.form-checked,
.form-checked:hover{border-color: #16b777;}
.form-checked > div,
.form-checked:hover > div{background-color: #16b777;}
.form-checked > i,
.form-checked:hover > i{color: #16b777;}
.form-item .form-checkbox{margin-top: 4px;}
.form-checkbox.checkbox-disabled > div{background-color: #eee !important;}
.form *[lay-checkbox]{display: none;}

/* 复选框-默认风格 */
.form-checkbox[lay-skin="primary"]{height: auto!important; line-height: normal!important; min-width: 18px; min-height: 18px; border: none!important; margin-right: 0; padding-left: 24px; padding-right: 0; background: none;}
.form-checkbox[lay-skin="primary"] > div{margin-top: -1px; padding-left: 0; padding-right: 15px; line-height: 18px; background: none; color: #5F5F5F;}
.form-checkbox[lay-skin="primary"] > i{right: auto; left: 0; width: 16px; height: 16px; line-height: 14px; border: 1px solid #d2d2d2; font-size: 12px; border-radius: 2px; background-color: #fff; -webkit-transition: .1s linear; transition: .1s linear;}
.form-checkbox[lay-skin="primary"]:hover > i{border-color: #16b777; color: #fff;}
.form-checked[lay-skin="primary"] > i{border-color: #16b777 !important; background-color: #16b777; color: #fff;}
.checkbox-disabled[lay-skin="primary"] > div{background: none!important;}
.form-checked.checkbox-disabled[lay-skin="primary"] > i{background: #eee!important; border-color: #eee!important;}
.checkbox-disabled[lay-skin="primary"]:hover > i{border-color: #d2d2d2;}
.form-item .form-checkbox[lay-skin="primary"]{margin-top: 10px;}
.form-checkbox[lay-skin="primary"] > .icon-indeterminate{border-color: #16b777;}
.form-checkbox[lay-skin="primary"] > .icon-indeterminate:before{content: ''; display: inline-block; vertical-align: middle; position: relative; width: 50%; height: 1px; margin: -1px auto 0; background-color: #16b777;}

/* 复选框-开关风格 */
.form-switch{position: relative; display: inline-block; vertical-align: middle; height: 24px; line-height: 22px; min-width: 44px; padding: 0 5px; margin-top: 8px; border: 1px solid #d2d2d2; border-radius: 20px; cursor: pointer; box-sizing: border-box; background-color: #fff; -webkit-transition: .1s linear; transition: .1s linear;}
.form-switch > i{position: absolute; left: 5px; top: 3px; width: 16px; height: 16px; border-radius: 20px; background-color: #d2d2d2; -webkit-transition: .1s linear; transition: .1s linear;}
.form-switch > div{position: relative; top: 0; margin-left: 21px; padding: 0!important; text-align: center!important; color: #999!important; font-style: normal!important; font-size: 12px;}
.form-onswitch{border-color: #16b777; background-color: #16b777;}
.form-onswitch > i{left: 100%; margin-left: -21px; background-color: #fff;}
.form-onswitch > div{margin-left: 0; margin-right: 21px; color: #fff!important;}

/* 无样式风格-根据模板自定义样式*/
.form-checkbox[lay-skin="none"] *,
.form-radio[lay-skin="none"] *{box-sizing: border-box;}
.form-checkbox[lay-skin="none"],
.form-radio[lay-skin="none"] {position: relative; min-height: 20px; margin: 0; padding: 0; height: auto; line-height: normal;}
.form-checkbox[lay-skin="none"]>div,
.form-radio[lay-skin="none"]>div{position: relative; top: 0; left: 0; cursor: pointer; z-index: 10; color: inherit; background-color: inherit;}
.form-checkbox[lay-skin="none"]>i,
.form-radio[lay-skin="none"]>i{display: none;}
.form-checkbox[lay-skin="none"].checkbox-disabled>div,
.form-radio[lay-skin="none"].radio-disabled>div{cursor: not-allowed;}

.checkbox-disabled{border-color: #eee !important;}
.checkbox-disabled > div{color: #c2c2c2!important;}
.checkbox-disabled > i{border-color: #eee !important;}
.checkbox-disabled:hover > i{color: #fff !important;}
.form-checkbox[lay-skin="tag"].form-checked.checkbox-disabled > i{color:#c2c2c2;}
.form-checkbox[lay-skin="tag"].form-checked.checkbox-disabled:hover > i{color: #c2c2c2!important;}

/* 单选框 */
.form-radio{display: inline-block; vertical-align: middle; line-height: 28px; margin: 6px 10px 0 0; padding-right: 10px; cursor: pointer; font-size: 0;}
.form-radio > *{display: inline-block; vertical-align: middle; font-size: 14px;}
.form-radio > i{margin-right: 8px; font-size: 22px; color: #c2c2c2;}
.form-radioed,
.form-radioed > i,
.form-radio:hover > *{color: #16b777;}
.radio-disabled > i{color: #eee !important;}
.radio-disabled > *{color: #c2c2c2!important;}
.form *[lay-radio]{display: none;}

/* 表单方框风格 */
.form-pane .form-label{width: 110px; padding: 8px 15px; height: 38px; line-height: 20px; border-width: 1px; border-style: solid; border-radius: 2px 0 0 2px; text-align: center; background-color: #fafafa; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;}
.form-pane .input-inline{margin-left: -1px;}
.form-pane .input-block{margin-left: 110px; left: -1px;}
.form-pane .input{border-radius: 0 2px 2px 0;}
.form-pane .form-text .form-label{float: none; width: 100%; border-radius: 2px; box-sizing: border-box; text-align: left;}
.form-pane .form-text .input-inline{display: block; margin: 0; top: -1px; clear: both;}
.form-pane .form-text .input-block{margin: 0; left: 0; top: -1px;}
.form-pane .form-text .textarea{min-height: 100px; border-radius: 0 0 2px 2px;}
.form-pane .form-checkbox{margin: 4px 0 4px 10px;}
.form-pane .form-switch,
.form-pane .form-radio{margin-top: 6px; margin-left: 10px; }
.form-pane .form-item[pane]{position: relative; border-width: 1px; border-style: solid;}
.form-pane .form-item[pane] .form-label{position: absolute; left: 0; top: 0; height: 100%; border-width: 0px; border-right-width: 1px;}
.form-pane .form-item[pane] .input-inline{margin-left: 110px;}

/*
 * 按钮
 */

 .btn{display: inline-block; vertical-align: middle; height: 38px; line-height: 38px; border: 1px solid transparent; padding: 0 18px; background-color: #16baaa; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border-radius: 2px; cursor: pointer; user-select: none;}
 .btn:hover{opacity: 0.8; filter:alpha(opacity=80); color: #fff;}
 .btn:active{opacity: 1; filter:alpha(opacity=100);}
 .btn+.btn{margin-left: 10px;}
 
 /* 按钮容器 */
 .btn-container{word-spacing: -5px;}
 .btn-container .btn{margin-right: 10px; margin-bottom: 10px; word-spacing: normal;}
 .btn-container .btn+.btn{margin-left: 0;}
 .table .btn-container .btn{margin-bottom: 9px;}
 
 
 /* 圆角 */.btn-radius{border-radius: 100px;}
 .btn .icon{padding: 0 2px; vertical-align: middle\0; vertical-align: bottom;}
 
 /* 原始 */.btn-primary{border-color: #d2d2d2; background: none; color: #5F5F5F;}
 .btn-primary:hover{border-color: #16baaa; color: #333;}
 /* 百搭 */.btn-normal{background-color: #1e9fff;}
 /* 暖色 */.btn-warm{background-color: #ffb800;}
 /* 警告 */.btn-danger{background-color: #ff5722;}
 /* 选中 */.btn-checked{background-color: #16b777;}
 /* 禁用 */.btn-disabled, .btn-disabled:hover, .btn-disabled:active{border-color: #eee !important; background-color: #FBFBFB !important; color: #d2d2d2 !important; cursor: not-allowed !important; opacity: 1;}
 
 /* 大型 */.btn-lg{height: 44px; line-height: 44px; padding: 0 25px; font-size: 16px;}
 /* 小型 */.btn-sm{height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px;}
 /* 超小 */.btn-xs{height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px;}
 .btn-xs i{font-size: 12px !important;}
 /* 按钮组 */.btn-group{display: inline-block; vertical-align: middle; font-size: 0;}
 .btn-group .btn{margin-left: 0!important; margin-right: 0!important; border-left: 1px solid rgba(255,255,255,.5); border-radius: 0;}
 .btn-group .btn-primary{border-left: none;}
 .btn-group .btn-primary:hover{border-color: #d2d2d2; color: #16baaa;}
 .btn-group .btn:first-child{border-left: none; border-radius: 2px 0 0 2px;}
 .btn-group .btn-primary:first-child{border-left: 1px solid #d2d2d2;}
 .btn-group .btn:last-child{border-radius: 0 2px 2px 0;}
 .btn-group .btn+.btn{margin-left: 0;}
 .btn-group+.btn-group{margin-left: 10px;}
 /* 流体 */.btn-fluid{width: 100%;}
 /* 小徽章 */
.badge,
.badge-dot,
.badge-rim{position:relative; display: inline-block; padding: 0 6px; font-size: 12px; text-align: center; background-color: #ff5722; color: #fff; border-radius: 2px;}
.badge{height: 18px; line-height: 18px;}
.badge-dot{width: 8px; height: 8px; padding: 0; border-radius: 50%;}
.badge-rim{height: 18px; line-height: 18px; border-width: 1px; border-style: solid; background-color: #fff; color: #5F5F5F;}

/** 表单响应式 **/
@media screen and (max-width: 450px) {
  .form-item .form-label{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
  .form-item .inline{display: block; margin-right: 0; margin-bottom: 20px; clear: both;}
  .form-item .inline:after{content:'\20'; clear:both; display:block; height:0;}
  .form-item .input-inline{display: block; float: none; left: -3px; width: auto !important; margin: 0 0 10px 112px; }
  .form-item .input-inline+.form-mid{margin-left: 110px; top: -5px; padding: 0;}
  .form-item .form-checkbox{margin-right: 5px; margin-bottom: 5px;}
}

.mb-5{margin-bottom: 5px !important;}
.mt-5{margin-top: 5px !important;}
.mt-20{margin-top: 20px !important;}
.my-10{margin-top: 10px !important; margin-bottom: 10px !important;}
.my-15{margin-top: 15px !important; margin-bottom: 15px !important;}
.ml-20{margin-left:20px !important;}
.m-20{margin:20px !important;}
.m-15{margin:15px !important;}
.mb-20{margin-bottom:20px !important;}
.mx-5{margin-left:5px !important;margin-right:5px !important;}
.mx-15{margin-left:15px !important;margin-right:15px !important;}
.mx-20{margin-left:20px !important;margin-right:20px !important;}
.mr-10{margin-right:10px;}
.px-20{padding-left:20px !important; padding-right:20px !important;}
.border-bottom{border:1px solid #eee;}
.text-center{text-align: center;}
body{background-color: var(--background);}
body, input, button, select, textarea{font-size: 14px;}
/* 头部 */
header{background-color: #fff; width:100%; height:50px; display: flex; align-items: center;}
.pc-header .nav{margin-left:50px; justify-content: center;}
.pc-header .nav .nav-item{display: inline-block; padding:0 15px; font-size: 16px; line-height:50px; position: relative; font-weight: 600; color:#fff;}
.pc-header .nav .nav-item:hover{text-decoration: none;}
.pc-header .nav .nav-item::after {
  content: '';
  position: absolute;
  width: 0; /* 宽度为0，隐藏下划线 */
  height: 2px;
  bottom: 0;
  left: 0;
  right:0;
  margin: 0 auto;
  background-color: #007BFF; /* 下划线颜色 */
}
.pc-header .nav .nav-item:hover::after {
  width: 30px; /* 宽度变为100%，显示完整下划线 */
}
.pc-header .input-split{background-color: #fff;}
.header-user{width: 38px; height: 38px; border-radius: 100%; background-color: #f2f2f2; cursor: pointer;margin-left:10px;}
.header-user img{width:30px; height:30px;}
#user_menu{border: 1px solid #eee; border-radius: 2px; z-index: 10000; background-color: #fff; min-width:200px; }
#user_menu .user-box p{margin-bottom:15px;}
#user_menu .user-box p:last-child{margin-bottom:0;}
#user_menu .user-menu{background:#F2FAFF; padding:10px;}
#user_menu .user-menu a{margin:0 10px;}
#user_menu .user-msg{background:#fafafa; padding: 10px;}
#user_menu .user-msg li{display: inline-flex; align-items: center; margin:0 10px;}
#user_menu .user-msg li em{float:none !important;}

/* 主体内容 */
.wp{width:100%; max-width: 1400px;}
.flex .mn,.flex .sd{background-color: #fff;}
.flex .mn{flex:1;}
.flex .sd{width:300px; margin-left:20px;}
.forum-icon{width:40px; height:40px;}
.sd-h2{font-size: 16px; font-weight: 400; color: #333;}

/* 导航 */
#mn-navs{padding:10px 20px;background-color: #fff; margin-top:20px;flex:1;}
#mn-navs .mn-nav-i{background-color: #f2f2f2; padding:2px 4px; border-radius: 4px;}
.mn-nav .nav-item{display: inline-block; margin-right:4px; font-size: 13px; line-height:30px; position: relative; }
.mn-nav .nav-item span{color:#666;}
.mn-nav .nav-item:last-child{margin-right:0;}
.mn-nav .nav-item a{padding:4px 4px; border-radius: 4px; transition: all 0.1s;}
.mn-nav .nav-item.a a,.mn-nav .nav-item a:hover{color: #FFFFFF;background-color: #007bff;padding:4px 4px; border-radius: 4px; text-decoration: none;}

.mn-filter{padding:10px 15px;border-radius: 4px;}
.mn-filter span.pipe{color:#ddd;margin:0 10px;}
.t-list li{ line-height: 30px; border-bottom:1px dashed #eee; display: flex; margin-bottom:10px;}
.t-list li em{color:#999; font-size: 13px;}
.t-list li em a{color:#0060dd;}
.tishi{background-color: #fafafa; padding: 10px; margin:15px 0; line-height: 30px;}
.header_menu {
  width: 16px;
  height: 14px;
}
.header_menu span {
  width: 16px;
  height: 2px;
  margin: 0 0 4px 0;
  float:right;
  background: #444444;
}
.header_menu span:last-child{margin-bottom:0;}

.breadcrumb{padding:10px 15px; border-bottom:1px solid #EEE !important;}
/* 分页 */
#fd_page_bottom{margin:20px; display: flex; justify-content: center; text-align: center;}
#fd_page_bottom .pg{float:none;}

/* 内容页 */
.article {margin-bottom: 15px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
.article h1{padding:40px 20px 20px 20px; line-height: 30px;text-align: center; font-size: 22px; color: #BA2811;}
.article .info{text-align: center;color:#666; padding:10px 20px; line-height: 30px; border-bottom:3px solid #BA2811;margin:0 30px 20px 30px;}
.article .info a{margin-left:15px;}
.article .zhengwen .t_f{  padding: 0 40px;
  word-break: break-word;
  line-height: 2;
  font-size: 16px;
  overflow-x: hidden;
  text-align: justify;}
.zhengwen p{margin-bottom:10px;}
/* === 手机端 === */
@media (max-width: 767.98px) {
  .m-hide{display: none !important;}
  .m-show{display:block !important;}
  .m-inline{display: inline !important;}
  .m-inline-block{display: inline-block !important;}
  .header,.wp,.main-container{min-width:345px;}
  .main-content{margin:0;}
  .flex .sd{display: none !important;}
  .pc-header{justify-content: space-between;}
  .logo{margin-left:15px;}
}

/* 在1200px下隐藏 */
@media (max-width: 1200px) {
  .pb-hide{display: none !important;}
}

/* === 桌面端 === */
@media (min-width: 768px) {
  .wp{min-width: 720px !important;}
  .pc-hide{display: none !important;}
  .pc-show{display:block !important;}
  .pc-inline{display: inline !important;}
  .pc-inline-block{display: inline-block !important;}
  .header,.wp{max-width:1400px !important;}
  
}