@charset "utf-8";
@import url('../font/iconfont.css');
@import url('../font/FZZDHJW/fontstyle.css');

/*======================================================== globle ========================================================*/

html,body  {
font-size:0.14rem;
line-height: 1.6; 
color: #141414; 
/*background: #f2f5fa;*/
background: #f5f5f5;
/*font-family:"Source Han Sans CN","noto sans","Microsoft YaHei", "Helvetica Neue",Verdana, Arial, Helvetica, sans-serif;*/
/*font-family:Helvetica Neue, PingFang SC, Hiragino Sans GB, HeitiSC, Helvetica, Arial, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif ;*/
/*font-family: "Helvetica Neue", Helvetica, STHeiti, Verdana, 'Microsoft YaHei', SimHei, Sans-Serif;*/
font-style:normal; 
text-align: center;
padding: 0;
margin:0 auto;
width:100%;height:100%; 
position:relative;
-ms-text-size-adjust:auto;
-webkit-text-size-adjust:auto;
/*Firefox 和 Opera 中的 Webfont 平滑和抗锯齿*/
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; 
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust:none;
}

body  {overflow-x: hidden;}



html *{ 
	font-family: PingFangHK-Regular, Microsoft YaHei, Open Sans, arial, sim, sans-serif, MicrosoftYaHe;
	list-type:none;LIST-STYLE-TYPE: none; margin:0; padding:0;font-style:normal;font-weight: normal;
    -webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-text-size-adjust:none;
}




article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s,span, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,,dl,dt,dd,em,i, fieldset, form, label, legend,  caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video,strong { margin: 0; padding: 0; border: 0; outline: 0;  word-wrap: inherit;list-type:none; list-style:none;font-style:normal;word-break : normal ;}


img {font-size:0;margin-bottom:0;height:auto;vertical-align:middle;border-style:none;-ms-interpolation-mode: bicubic;image-rendering:-webkit-optimize-contrast;}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}[type=color],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea{display:block;/*width:100%;max-width:100%;*/border:1px solid #d9d9d9;border-radius:0;-webkit-appearance:none;-moz-appearance:none}
*,:before,:after{box-sizing:inherit}
body,header,footer,main,section,div,h1,h2,h3,h4,h5,h6,p,span,a,blockquote,q,pre,code,ol,ul,li,form,label,input,textarea,button,tr,th,td,dl,dt,dd,hr{margin:0;padding:0;border:0;line-height:inherit;vertical-align:baseline;background:0 0}


btn {cursor:pointer; white-space:nowrap;}
select{vertical-align: middle;vertical-align: middle\9}
textarea {border:1px solid #d9d9d9;}
textarea:hover{border:1px solid #808080;}
*:focus { outline: none; } 



/* for Firefox */
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
/* for Firefox */
input[type="checkbox"] { width:15px ;height:15px; border:1px solid #d9d9d9;  vertical-align: text-bottom;} 
form,input,select,checkbox,textarea{display:inline; vertical-align: middle;  margin-right:0; }
input,select,checkbox,textarea {}
[role="button"] { cursor: pointer;}

/* 
@-moz-document url-prefix() { *{min-height: 0} }/* Firefox溢出 */



::-webkit-scrollbar-thumb {background: rgba(0,0,0,.15);  border-radius: 0.16rem;background-color: #c0c6cf; box-sizing:border-box;}
::-webkit-scrollbar {width: 0.09rem; height: 0.09rem;}
::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,.3); }
::-webkit-scrollbar-track {background: rgba(0,0,0,.06);}


:-moz-placeholder { color: #a1a4ab; color:red}
::-moz-placeholder { color: #a1a4ab;color:red}
:-ms-textarea-placeholder {color: #a1a4ab;color:red}
::-webkit-textarea-placeholder { color: #a1a4ab;color:red}
:-ms-select-placeholder { color: #a1a4ab;color:red}
::-webkit-select-placeholder { color: #a1a4ab;color:red}
:-ms-input-placeholder { color: #a1a4ab;color:red}
::-webkit-input-placeholder { color: #a1a4ab;}



a{
-moz-transition:color 0.08s linear;
-o-transition:color 0.08s linear;
-webkit-transition:color 0.08s linear;
transition:color 0.08s linear;
}
a:visited {  color: #141414; text-decoration: none}
a:link {  color: #141414; text-decoration: none}
a:active {  color: #2e65e5; text-decoration: underline}
a:hover {  color: #2e65e5; text-decoration: underline}

a.link1 { }
a.link1:link,a.link1:visited {  color: #2e65e5; text-decoration: none}
a.link1:hover,a.link1:active {  color: #2e65e5; text-decoration: underline}




.textarea { border: 0 ; background: transparent  ;padding:0.08rem  ; width:100%;flex: 1 auto }
.textarea:hover { border: 0 }




/*////////////////////////////////////////// cei-icon //////////////////////////////////////////*/
.cei-icon {font-family:iconfont; -webkit-font-smoothing: antialiased; display: inline-block; position: relative;  }
.cei-icon:before{ display: inline-block; position: relative; }
.icon-user:before {content: "\e744";}
.icon-add:before {content: "\e779";}
.icon-search {background: none!important;}
.icon-search:before {content: "\e781"!important;}
.icon-send:before {content: "\e7bc";}
.icon-more:before {content: "\e652";}







/*///////////////header ///////////////*/
.header{  display: block;  position: relative; z-index: 9}

.top{ display:flex; align-items : center; justify-content: space-between; width:100%; padding:0 0.32rem; background:#fff;	 height:0.8rem;  box-shadow:  0.00rem 0.02rem 0.16rem rgba(23,58,153,0.24); top:0; position:relative; }
.top  a {   text-decoration: none}
.top  * {  }
.top L {display: inline-flex;justify-content : start;align-items : center; width:100%; position:relative;    }
.top R {  display: inline-flex;justify-content: flex-end  }

.top .logo  {  display:inline-flex; align-items : flex-end;  font-family: 'FZZDHJW';font-weight: normal; font-size:0.33rem;color:#0f3499; line-height: 1; text-shadow: 2px 2px 0px rgba(0,0,0,0.15);position:relative;   }
.top .logo:before {content: "";display:inline-block; width:0.4rem; height:0.4rem;background:url("../images/ceilogo.png") no-repeat; background-size: 100% 100%; margin-right: 0.0rem; }

.top .user_profile  {display: inline-flex; align-items: center; color:#a1a4ab; }
.top .user_profile li ,.top .user_profile li a {display: inherit; align-items: inherit; white-space:nowrap; color:#a1a4ab;}
.top .user_profile li a:hover { color:#2e65e5;}
.top .user_profile li  {margin: 0 0.08rem ; }
.top .user_profile li:first-child  {margin-left: 0 ; }
.top .user_profile li:last-child  {margin-right: 0 ; }
.top .user_profile .icon-user:before  { font-size: 230% ;color:#5989f7;margin-left: 0.08rem; }
.top .user_profile  txt {  white-space:nowrap;  }
.top .user_profile .name  txt {display: inline-block;max-width:10em; font-size: 100% ;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  }



/*///////////////wrapper ///////////////*/
.wrapper { display: flex;  flex-direction: column; justify-content: space-between; align-items: stretch; width: 100%; height:100%;   position:relative ;  }
.wrap_main {  display: flex;  width: 100%;    flex: 1  ;overflow-y: hidden;  /*height: calc(100% - 0.72rem);height:  100%;*/ text-align: left ; position: relative; }
.wrap_main_L {  display: block;flex:0 auto ; background: #d6e2ff ;min-width:20% ;overflow-y: auto;  padding:  0.32rem;   border-right: solid 0.02rem #fff; }
.wrap_main_R {  display: flex;  flex-direction: column;  flex:1 auto ;    position:relative ;  }
.wrap_main_R_up {	display: block;width: 100%; flex:1 ; overflow-y: auto; padding:  0.32rem ;}
.wrap_main_R_down {	display: block; padding:  0.32rem ; }


.adddialog {display: block;margin-bottom: 0.32rem }
.btn_add  {display: inline-flex;  width: 100%;  align-items: center; justify-content: center;font-size: 0.21rem; color:#fff;background: #2e65e5;border:0;padding:0.08rem 0.48rem ; border-radius:0.06rem; transition: all 0.2s ease-in-out;}
.btn_add:hover  {background: #0f3499 ; background: #2676ff }
.btn_add .icon-add:before {margin-right:0.08rem; font-weight: bold;font-size: 0.2rem; }



/*///////////////search ///////////////*/
.search-wrapper {
    display:flex;align-items: center;
	background: #fff;
    border-radius: 0.32rem;
    height: 0.4rem;
    width: 100%;
	border: 1px solid transparent;
	padding: 0 0.16rem;
	color: #a1a4ab;
	display: inline-flex; 
    min-width: 0;
	position: relative;
    transition: all .3s;
	margin-bottom: 0.24rem
	}
.search-wrapper:hover, .ant-input:focus-within{border-color: #5989f7}
.search-wrapper .header-search-icon {  margin-right:  0.04rem;}
.search-wrapper .header-search-icon .icon-search:before  {color:#a1a4ab;cursor: pointer;font-size: 0.18rem;}
.search-wrapper:hover .icon-search {color: #141414}
.search-wrapper input {
    background: transparent;
    width: 100%; flex: 1; 
	border: none;
    outline: none;
    padding: 0;
	font-size: 0.15rem; 
}

h4 a {
	font-size: 18px;
	color: black;
	font-weight: bold;
}

.search-wrapper option {
    /* background: transparent; */
    width: 100%; flex: 1; 
	border: none;
    outline: none;
    padding: 0;
	font-size: 0.18rem; 
	color: black;
}


.list1 { display:block;margin:0;padding:0; width:100%;  }
.list1:after {content: "";display: block;clear: both;visibility: hidden;	line-height: 0;	height: 0; overflow-y:hidden;}
.list1 li{ display:flex; align-items: center; text-align:left;margin-bottom:0.16rem; width:100%; }
.list1 li a{display:inline-block; vertical-align:middle;width:100% ;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list1 li:last-child{ margin-bottom:0 }
.list1 li:before{ content: "";display:inline-block;   width:0.11rem; height:0.15rem;background: url("../images/icon_file.png") no-repeat ; overflow:hidden;  background-size:100%; overflow:hidden; margin-right:0.08rem;  }

.more{display:block;text-align: right; }
.more a{display:inline-block;color: #2e65e5 }
.more a:hover{color: #0f3499 }
.more .cei-icon:before{font-size:200%;}





/*/////////////// askarea ///////////////*/
.textarea-wrapper {    display:block;width: 100%;	background: #fff;    border-radius: 0.08rem;	padding:  0.16rem; 	position: relative;transition: all 0.2s ease-in-out;	box-shadow: 0 0 0.16rem rgba(0,0,0,0.08);}
.textarea-wrapper:hover {  box-shadow: 0 0 0.16rem rgba(46,101,229,0.48); }
.textarea-wrapper  .textarea { font-size: 0.17rem;  margin-bottom: 0.16rem; resize:none;}
.textarea-wrapper  :-ms-input-placeholder { font-size: 0.18rem;}
.textarea-wrapper ::-webkit-input-placeholder { font-size: 0.18rem;}
.textarea-wrapper .btn_box {display: flex; width: 100%; justify-content: flex-end; }
.btn_send  {display: inline-flex;   align-items: center; justify-content: center;color:#fff;background: #2e65e5; width:0.96rem; height:0.48rem;   border:0; border-radius:0.16rem; transition: all 0.2s ease-in-out;}
.btn_send:hover  {background: #0f3499 ; background: #2676ff }
.btn_send .icon-send:before { font-size: 0.24rem; }



/*/////////////// QA ///////////////*/

.QA-wrapper {	display: block;width: 100%; }
.Q_box {    display:flex;width: 100%;		position: relative;margin-bottom: 0.32rem;	}
.Q_box dt {    display:inline-block;width:0.32rem; margin-right: 0.16rem  }
.Q_box dt icon {display:inline-flex;  align-items: center; justify-content: center; width:0.32rem; height:0.3rem;background:  linear-gradient(0deg, #669eff   0%, #2e65e5 80%) ; overflow:hidden;  border-radius: 50%; line-height: 0;position: relative}
.Q_box dt icon .cei-icon:before {content: "\e62a";font-size: 180% ;color:#fff; position: relative; top:0.08rem; }
.Q_box dd {    display:inline-block; flex: 1 0;  background: #e0eaff; box-shadow: 0 0 0.08rem rgba(46,101,229,0.16 ) inset;   border-radius: 0.08rem;	padding:  0.16rem 0.2rem;  }
.Q_box dd p {  margin-bottom: 1em;	  }
.Q_box dd p:last-child {  margin-bottom: 0;	  }


.A_box {    display:flex;width: 100%;		position: relative;margin-bottom: 0.32rem;	}
.A_box dt {    display:inline-block;width:0.32rem; margin-right: 0.16rem  }
.A_box dt icon {display:inline-flex;  align-items: center; justify-content: center; width:0.32rem; height:0.32rem;background:  linear-gradient(0deg, #669eff   0%, #2e65e5 80%) ; border-radius: 0.08rem; line-height: 0}
.A_box dt icon .cei-icon:before {content: "";display:inline-flex;  width:0.18rem; height:0.18rem;background:  url("../images/icon_cei_white.png") no-repeat ; overflow:hidden;  background-size:100% 100%; }
.A_box dd {    display:inline-block; flex: 1 0;  background: #fff; box-shadow: 0 0 0.16rem rgba(46,101,229,0.16);   border-radius: 0.08rem;	padding:  0.16rem 0.2rem;  }
.A_box dd p {  margin-bottom: 1em;	  }
.A_box dd p:last-child {  margin-bottom: 0;	  }



/****************************************************/

.list1 li span{
	    max-width: 280px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
}

.alink_div{
	/* background: #fff; */
	border: 1px solid rgba(46,101,229,0.16);  
	border-radius: 0.08rem;	
	padding:  0.16rem 0.2rem;
	width: 100%;
	position: relative;
	margin-bottom: 0.32rem;
	display: flex;
	justify-content: space-around;
}

.alink_col{
	/* width: 25%; */
	display: flex;
	flex-direction: column;
	align-items: center;
}

.alink_title{
	width: 100%;
	display:inline-flex; 
	justify-content: center;
	font-family: 'FZZDHJW';
	font-weight: normal; 
	font-size:0.23rem;
	color:#0f3499; 
	line-height: 1; 
	text-shadow: 2px 2px 0px rgba(0,0,0,0.15);
	position:relative;
	margin-bottom: 10px;
}

.alink_panel{
	background: #fff; 
	box-shadow: 0 0 0.16rem rgba(46,101,229,0.16);   
	border-radius: 0.08rem;	
	padding:  0.16rem 0.2rem;
	width: 250px;
	height: 70px;
	margin-bottom: 10px;
}

a.alink_link{
	font-size: 16px;
	/* font-weight: bold; */
	text-decoration: none;
	color: #0f3499;
	text-shadow: 2px 2px 0px rgba(0,0,0,0.15);
}

a.alink_link img{
	height: 38px;
	width: 38px;
}