@import url("fonts/iconfont.css");
@font-face {
    font-family: 'iconfont'; /* Project id 5014444 */
    src: url('//at.alicdn.com/t/c/font_5014444_i45z54lutsn.ttf?t=1760583680876') format('truetype');
}
/*公共颜色*/
:root {
    --N1-1: #f4f6f8; /*  页面背景色 [通用页面背景色使用] */
    --N1-2: #FFFFFF; /*  白色 */

    --B1-1: #f6faff; /* 品牌色浅色 */
    --B1-5: #3d93fb; /* 品牌色*/
    --B1-6: #344ff0; /* 品牌副色*/
    --B1-7: #e7f2ff; /* 品牌色轻色 */
    --B1-8: #2c364f; /* 品牌色深色 */

    --S1-6: #fdae38; /* 金色 S1-6 [页面辅助色]*/
    --S2-6: #ed2f53; /* 红色 S2-6  [文本颜色、错误提示]  fe6665*/
    --S3-6: #39ceae; /* 绿色 S3-6  [正确提示] */
    --S4-6: #083b73; /* 蓝色 S4-6  [正确提示] */
    --S5-6: #717485; /* 灰色 S5-6  [正确提示] */
    --S6-6: #999; /* 灰色 S5-6  [正确提示] */
    /* 文字颜色*/
    --N2-1: #272e45; /* 深色 [文本颜色、行动点图标与文字]*/
    --N2-2: #686b73; /* 灰色 [弱化文本]*/
    --N2-6: #999999; /* 灰色 [弱化文本]*/
    --N2-3: #B3B5B9; /* 灰色 [水印文本]*/
    --N2-4: #B9BCBF; /* 灰色 [不可用颜色]*/
    --N2-5: #FFFFFF; /* 白色 [白色文字]*/
    /* 遮罩层颜色*/
    --N3-1: #000000; /* 遮罩层颜色 [通用页面弹出层下使用的遮罩层]*/
    --N4-1: #E8E9EC; /* 分割线\描边线颜色 */
    --N5-1: rgba(0,0,0,0.5);
    /* 圆角大小*/
    --BorderRadius-min: 5px; /* 圆角小*/
    --BorderRadius-max: 6px; /* 圆角大*/
    /* 间距s*/
    --S1: 6px; /* 间距s1*/
    --S2: 10px; /* 间距s2*/
    /* 常规版*/
    /* 文字大小*/
    --headilneSize: 16px; /* 页面标题*/
    --titleSize: 18px; /* 标题中*/
    --SubheadSize: 15px; /* 标题小*/
    --ContentSize: 13px; /* 正文*/
    --CaptionSize: 12px; /* 水印文字 / 辅助文字*/
    --FootnoteSize: 12px; /* 备注*/

    --max_width: 1320px; /* 页面最大宽度*/
    --min_width: 1320px; /* 页面最小宽度*/
    --min_top_height: 124px; /* 页面顶部高度*/
    --min_bottom_height: 40px; /* 页面底部高度*/
    --min_height: calc(100vh - var(--min_top_height) - var(--min_bottom_height)); /* 页面中间内容最小高度*/

    --box-shadow: 0px 0px 18px 0px rgba(38, 104, 227, 0.11); /* 阴影 */

    --el-color-primary: var(--B1-5);
    --el-component-size: 36px;
}

/*常规样式*/
*{ padding: 0; margin: 0;	font-family: "微软雅黑", Microsoft yahei;font-size: 14px;  }
html { overflow-x: hidden;	font-size: 14px; position: relative; min-height: 100vh;	background: var(--N1-1);}
body{background: url(/img/yemianbj.jpg) repeat; margin: 0; padding: 0;}
.container{ max-width:var(--max_width); min-width:var(--min_width);  margin: 0px auto; padding:0;}
.Body_min_h{min-height:var(--min_height);}

img { border: 0; vertical-align: bottom;	max-width: 100%;}

/*滚动条样式*/
::-webkit-scrollbar { width: 8px;  }  
::-webkit-scrollbar-track { background: rgba(0,0,0,0.11);border-radius: 6px;  }  
::-webkit-scrollbar-thumb { background:  rgba(0,0,0,0.4); border-radius: 6px; border: 1px solid #f1f1f1; }  
::-webkit-scrollbar-thumb:hover { background: #555;  }

/*表格样式*/
table { width: 100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid var(--N4-1);}
tr{position: relative; flex-direction: row; align-items: center;}
th { padding:0.8em .5em; font-size: 14px; text-align: center; border-right: 1px solid var(--N4-1); border-bottom: 1px solid var(--N4-1); background:var(--N1-1);}
td { padding:.5em; font-size: 14px; text-align: center; border-right: 1px solid var(--N4-1); border-bottom: 1px solid var(--N4-1);}
table thead{background:var(--N1-1);}
table thead td{ line-height:22px; padding:10px ; text-align:center; font-size:15px; color:var(--N2-1);}
table thead td.with90 { width:90px;}
table thead td.with120 { width:120px;}
table thead td.with150 { width:150px;}
table thead td.with180 { width:180px;}
table thead td.with200 { width:200px;}
table thead td.with240 { width:240px;}
table tbody td{ line-height:24px; padding: 10px; text-align:center; font-size:14px; color:var(--N2-2); }
table tbody td.texta_l {text-align:left;}

/* 鼠标移动上去变成手*/
.cursor_p{cursor:pointer;}

/* 常规版——文字标题*/
.headilne{font-size: var(--headilneSize); font-weight: bold; color:var(--N2-5);} /* 页面标题*/
.title{font-size: var(--titleSize); font-weight: bold; color:var(--N2-1); line-height: 36px;} /* 标题中*/
.title_min{font-size: var(--titleSize);  color:var(--N2-1); line-height: 36px;} /* 标题中*/
.Subhead{font-size: var(--SubheadSize); font-weight: bold; color:var(--N2-1);line-height: 30px;} /* 标题小*/
.Subhead_min{font-size: var(--SubheadSize);  color:var(--N2-1);line-height: 30px;} /* 标题小*/
.Content{font-size: var(--ContentSize); color:var(--N2-2); line-height: 24px;} /* 正文*/
.Caption{font-size: var(--CaptionSize); color:var(--N2-3);} /* 水印文字 / 辅助文字*/
.Footnote{font-size: var(--FootnoteSize); color:var(--N2-3); line-height: 22px;} /* 备注*/
.shuliang{ font-size: var(--titleSize); font-weight: bold; color:var(--N2-1); line-height: 30px;}

/* 常规版——颜色*/
.xl_white { color:#fff !important;}
.xl_ccc { color:#ccc !important;}
.xl_999 { color:#999 !important;}
.xl_666 { color: #666 !important;}
.xl_266 { color: var(--N2-6) !important;}
.xl_333 { color: var(--N2-1) !important;}
.xl_blue{ color:var(--B1-5) !important;}
.xl_red{color:var(--S2-6) !important;}
.xl_yellow{color:var(--S1-6) !important; }

/* ICON——颜色*/
/* 视频播放页面的ICON*/
.icon-video{ color:VAR(--B1-5);}
.icon-wenjuan{ color:#22ac38;}
.icon-ziliao{ color:#f6bb07;}
.icon-ceyan{ color:#ec4f02;}
/* 文件类型的ICON*/
.icon-wenjianjia{color:var(--S1-6); font-size:20px;}
.icon-shipin {color:var(--B1-5); font-size:20px;}
.icon-ppt{ color:var(--S1-6);font-size:20px;}
.icon-word{ color:var(--S2-6);font-size:20px;}
.icon-excel{ color:var(--S3-6);font-size:20px;}
.icon-pdf{ color:var(--S4-6);font-size:20px;}
.icon-qt{ color:#666;font-size:20px;}
.icon-tupian{ color:var(--B1-5);font-size:20px;}
.icon-txt{ color:#666;font-size:20px;}
.icon-yasuobao{ color:var(--S1-6);font-size:20px;}
.icon-file-fill{ color:#666;font-size:20px;}


.icon_tb{ font-size:22px; cursor:pointer;}
.icon_tb:hover{ color:var(--B1-5);}

/*标题只显示行数*/
.Showline_1 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical;}
.Showline_2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.Showline_3 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;	-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}
.Showline_4 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;	-webkit-line-clamp: 4;	-webkit-box-orient: vertical;}


/* 标签*/
.xl_label{ /* 标签——*/ padding: 0 10px; display:inline-block; background:var(--S1-6); color:#fff; font-size:14px; border-radius:15px; line-height:28px;}
.xl_fenlei{ /* 标签——分类*/ line-height:24px; display:inline-block; padding:0 10px; color:#666; border:1px solid #ccc; font-size:15px; background:#fff; border-radius:5px;}
.xl_huati{ /* （ #话题 ） 标签——话题*/ position:relative; padding:0 10px;display:inline-block; line-height:24px; border:1px solid #fff;  background:#fff; border-radius:5px; color:#666; font-size:15px;}
.xl_fenlei + .xl_huati, .xl_huati + .xl_huati{ margin-left:10px;}
.xl_huati .icon-guanbi{ position:absolute ;right:-8px; top:-10px; color:#ccc; display:none;}
.xl_huati:hover .icon-guanbi{ display:block;}

/* 按钮*/
.f1_fanhui{/* 返回按钮*/ display: inline-block; padding:0 25px;  cursor: pointer; height: 36px;line-height: 36px; border-radius:2px; background: var(--B1-5);font-size: 15px; color: #fff; text-align:center;}
.xl_buttom {display: inline-block; padding:0 15px;  cursor: pointer; height: 36px;line-height: 36px; border-radius:2px;  background: var(--B1-5); font-size: 15px; color: #fff; text-align:center;}
.xl_buttom .iconfont{ margin-right:10px;}
.xl_buttom + .xl_buttom{ margin-left:10px;}
.xl_buttom:hover{background:var(--B1-8); color:#fff;}
.xl_queding {/* 确定*/  display: inline-block; padding:0 25px;  cursor: pointer; height: 42px;line-height: 42px; border-radius:2px;  background: var(--B1-5); font-size: 15px; color: #fff; text-align:center;}
.xl_quxiao {/* 取消*/ display: inline-block; padding:0 25px;  cursor: pointer; height: 40px;line-height: 40px; border-radius:2px;  background:#f1f1f1;  border:1px solid #666; font-size: 15px; color: #666; text-align:center;}
.xl_queding + .xl_quxiao{ margin-left:20px;}
.xl_queding:hover{ background:var(--B1-6);}
.xl_quxiao:hover{ border:1px solid var(--B1-6); color:var(--B1-6);}


.xl_big{line-height:44px !important; height:44px !important; padding:0 25px;}
.xl_medium{line-height:40px !important; height:40px !important; padding:0 20px;}
.xl_small{line-height:36px !important; height:36px !important; padding:0 15px;}

/*grid  24宫格*/
.grid {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.x0,.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.x13,.x14,.x15,.x16,.x17,.x18,.x19,.x20,.x21,.x22,.x23,.x24,.xx20{max-width:100%;}
.x0{width:auto;}.x1{width:4.166666666666667%;}.x2{width:8.333333332%;}.x3{width:12.49999999%;}.x4{width:16.66666666%;}.x5{width:20.83333333%;}.x6{width:24.999999996%;}.x7{width:29.1666662%;}.x8{width:33.33333286%;}.x9{width:37.49999994%;}.x10{width:41.6666666%;}.x11{width:45.83333326%;}.x12{width:50%;}
.x13{width:54.166666658%;}.x14{width:58.33333332%;}.x15{width:62.4999985%;}.x16{width:66.666665%;}.x17{width:70.83333%;}.x18{width:74.999998%;}.x19{width:79.166665154%;}.x20{width:83.333331814%;}.x21{width:87.499998474%;}.x22{width:91.66666514%;}.x23{width:95.8333318%;}.x24{width:100%;}
.xx20{width: 20%;}
.fc { clear: both; }
.haibao_sj { display: none;}

/*对齐方式*/
.xl_space_between { /*两端对其*/ display: flex;flex-wrap: wrap;justify-content: space-between;	}
.xl_flex_start { /*左对其*/ display: flex; flex-wrap: wrap; justify-content: flex-start;}
.xl_flex_center { /*左右居中对其*/ display: flex; flex-wrap: wrap; justify-content:center;}
.xl_flex_end { /*右对其*/ display: flex;flex-wrap: wrap;justify-content: flex-end;	}

.xl_flex_left_center { display: flex; position: relative; flex-direction: row; align-items: center; justify-content: left; }
.xl_flex_end_center { display: flex; position: relative; flex-direction: row; align-items: center; justify-content:flex-end; }
.xl_center_center{ /*上下居中左右居中*/ display: flex;position: relative;justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: row;}
.xl_space_between_center { /*两端对其*/ display: flex; position: relative; flex-direction: row; align-items: center; justify-content: space-between;	}

.xl_align_center{/*上下居中*/display: flex; position: relative; flex-direction: row; align-items: center;}
.xl_align_end{/*上下居底*/display: flex; position: relative; flex-direction: row; align-items: flex-end;}

/* 框*/
.werd{background:var(--N1-2) ;  padding: 15px; border-radius: var(--BorderRadius-max); box-sizing: border-box;}
.werd_h{background:var(--B1-1) ;  padding:  15px; border-radius: var(--BorderRadius-max); box-sizing: border-box;}
.xl_box{ border:1px solid var(--N4-1); padding: 15px; border-radius: var(--BorderRadius-max); box-sizing: border-box;}
.xl_nr_box{ padding:var(--S2);  }

/* 图片框*/
.xl_img_box{ border-radius:3px; overflow:hidden;}
.xl_img_box img{ width:100%; height:100%; object-fit: cover;}

/* 头像框*/
.xl_user_img{ border-radius:50%; overflow:hidden; height:36px; width:36px;}
.xl_user_img img{width:100%; height:100%;}

/* 背景颜色*/
.xl_bj_blue{background:var(--B1-5) !important; }
.xl_bj_red{background:var(--B1-6) !important; }
.xl_bj_yellow{background:var(--S1-6) !important; }
.xl_bj_black{background:#111 !important; }
.xl_bj_huise{ background:#FFFFFF; border:1px solid #ccc; color:#666;}

/*线条*/
.xl_xx{ border-bottom:1px solid var(--N4-1);}
.xl_top_xx{ border-top:1px solid var(--N4-1);}
.xl_left_x{ border-right:1px solid var(--N4-1);}

.xl_left_xx{/*标题左侧线条*/  height:20px; width:4px; display:inline-block; background:var(--B1-5); border-radius:2px; margin-right:12px;}
.xl_left_tb{/*标题左侧线条*/ height:30px; width:30px; display:inline-block; background:url(/img/tubiao.png) no-repeat center center; background-size:100% 100%; }

/* 无数据 */
.xl_zwnr{width:100%; margin: 0 auto; text-align:center; background:#fff;}

/**/
.padding0 {padding: 0px !important;}
.padding20 {padding: 20px}
.padding10 {padding: 10px}
.padding15 {padding: 15px}
.padding_0_15 {padding: 0 15px!important;}
.padding5 {padding: 5px}
.padding_bottom10 {padding-bottom: 10px}
.padding_top10 {padding-top: 10px}
.margin10 { margin: 10px 0;}
.margin15 { margin: 15px 0;}
.margin_left5 { margin-left: 5px;}
.margin_left10 { margin-left: 10px;}
.margin_left15 { margin-left: 15px;}
.margin_left20 { margin-left: 20px;}
.margin_left40 { margin-left: 40px;}
.margin_right5 { margin-right: 5px;}
.margin_right10 { margin-right: 10px;}
.margin_right15 { margin-right: 15px;}
.margin_right20 { margin-right: 20px;}
.margin_right40 { margin-right: 40px;}
.margin_top5 { margin-top: 5px;}
.margin_top10 { margin-top: 10px;}
.margin_top15 { margin-top: 15px;}
.margin_top20 { margin-top: 20px;}
.margin_bottom5 { margin-bottom: 5px;}
.margin_bottom10 { margin-bottom: 10px;}
.margin_bottom15 { margin-bottom: 15px !important;}
.margin_bottom20 { margin-bottom: 20px;}


.el-tabs__nav-scroll{ padding:10px 15px 0 15px;}
.el-tabs__item{font-size:17px; height:50px; line-height:50px;}
.el-tabs__item.is-active{ font-weight:600;}


.el-dialog{ padding:0px;}
.el-dialog .el-dialog__header{ background:url(/img/dialog_tit_bj.png) no-repeat center center; background-size:100% 100%; padding: 18px 15px;}
.el-dialog .el-dialog__header .el-dialog__title { font-size:18px; color:#fff;}
.el-dialog .el-dialog__headerbtn .el-dialog__close{ font-size:18px; color:#fff;}
.el-dialog .el-icon svg { height: 2em; width: 2em;}

.el-pagination .el-icon svg { height: 1em; width: 1em;}