/* reset */
body,html{height:100%; width: 100%; -webkit-tap-highlight-color:transparent;}
abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font-size:100%;}
body{overflow-x: hidden; color:#333;font-size:14px;position: relative; }
h2{font-size: 28px; font-weight: 500;}
a,a:active,a:hover,a:visited{outline:0;text-decoration:none;}
a{color:#333;}
a:hover{ color: #1296DB;}
li{list-style:none;}
.clearfix:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.hide { display: none; }
/* -webkit-appearance:none; */
input,textarea { border-radius: 0; -webkit-border-radius:0;outline:none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important;}
input:focus, textarea:focus {outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-user-modify:read-write-plaintext-only;}
button{outline:none;}
textarea {resize: none;}



textarea::-webkit-input-placeholder { color:#C3CAD9;}
textarea::-moz-placeholder { color:#C3CAD9;}
textarea:-ms-input-placeholder { color:#C3CAD9;}




input::-webkit-input-placeholder { color:#C3CAD9;}
input::-moz-placeholder { color:#C3CAD9;}
input:-ms-input-placeholder { color:#C3CAD9;}
img { max-width: 100%; height: auto; display: block; }
hr { display: block; width: 100%; height: 5px; }


.ware_flex {
  display: flex;
}
.ware_flex_spbe {
  display: flex;
  justify-content: space-between;
}
.ware_flex_align {
  display: flex;
  align-items: center;
}
.ware_cen_cen{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex1{
  flex: 1;
}
.flex_f_c{
  min-height: 100vh ;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* hover animation  */
a,
.submenu-box,
.contact .page-form .cancel-btn,
.contact .page-form .submit-btn,
.consult .consult-btn,
.major-list li .item,
.service-list li .overlay {
  text-decoration: none;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

/* hover img  */
.hover-img{display:block;overflow:hidden;}
.hover-img img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.hover-img:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);}

/* grid  */
.row { margin-left: -7px; margin-right: -7px;display: flex; flex-wrap: wrap; }
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px; padding-left: 7px; padding-right: 7px; }
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666667%;}
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666667%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.66666667%;}
.col-xs-1{width:8.33333333%;}

/* font-size */
.fz-16 { font-size: 16px;}
.fz-18 { font-size: 18px;}
.fz-20 { font-size: 20px;}
.fz-28 { font-size: 28px;}
.fz-30 { font-size: 30px;}
.fz-46 { font-size: 46px;}

/* space */
.ml-20 { margin-left: 20px;}
.ml-30 { margin-left: 30px;}
.mt-20 { margin-top: 20px;}
.ml-10 { margin-left: 10px;}
.ml-5 { margin-left: 5px;}
.mb-50 { margin-bottom: 50px;}
.mb-40 { margin-bottom: 40px;}
.mb-30 { margin-bottom: 30px;}
.mb-20 { margin-bottom: 20px;}
.mb-10 { margin-bottom: 10px;}
.mb-24 { margin-bottom: 24px;}
.mt-5 { margin-top: 5px;}
body .pad_110 { padding-bottom: 110px;}
body .pad_100 { padding-bottom: 100px;}
body .pad_90 { padding-bottom: 90px;}

/* color */
.navy-blue { color: #204C7A;}
.blue { color: #1296DB;}
.white { color: #fff;}
.gray-6 { color: #666;}

.link_color{
  color: #0E6FA4;
  cursor: pointer;
}
.ware_text_c{
  text-align: center;
}
/* mask */

.detale_mask{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(10,22,51,0.42);
  z-index: 10;
}

.detele_pop{
  width: 280px;
  height: 172px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 15px;
  text-align: center;
}
.register_pop{
  width: 800px;
  height: auto;
}
.register_pop .mask_text_d{
  text-align: left;
}


.detele_pop_end{
  justify-content: flex-end;
}
.detele_pop img{
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.maskTit{
  font-weight: 500;
  font-size: 16px;
  color: #0A1633;
}
.mask_text_d{
  margin: 18px 0 26px;
  color: #0A1633;
  font-size: 14px;
}
.mask_btn_d{
  padding: 0 26px;
}
.mask_btn_d .mask_default{
  width: 72px;
  height: 28px;
}
.mask_btn_d .mask_dete_btn{
  width: 72px;
  height: 28px;
  background-color: #DE1414;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}
.mask_btn_d .mask_dete_btn:hover{
  background-color: #F22525;
}
/* btn */
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  cursor: pointer;
  text-align: center;
  padding: 0 10px;
  line-height: 36px;
  height: 36px;
  box-shadow: 0px 2px 1px rgba(14,111,164,0.64);
  border-radius: 4px;
  background: linear-gradient(270deg, #0E6FA4 0%, #0F83C1 100%);
  font-size: 14px;
  color: #fff;
}
.btn a{
  color: #fff;
}
.btn:hover a{
  color: #fff;
}
a.btn:hover{ color: #fff;}
.btn:hover {
  box-shadow: 0px 2px 1px rgba(14,111,164,0.64);
  background: linear-gradient(270deg, #1886C3 0%, #1AA2EB 100%);
}
.btn_default {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  cursor: pointer;
  text-align: center;
  padding: 0 10px;
  line-height: 36px;
  height: 36px;
  border-radius: 4px;
  color: #0E6FA4;
  border: 1px solid #0E6FA4;
  background: #fff;
  font-size: 14px;
}
.btn_default a,
.btn a{
  width: 100%;

}

.largeBtn{
  width: 100%;
  height: 60px;

  font-size: 18px;
  margin-top: 24px;
  line-height: 60px;
}
.btn_default:hover {
  background: #E8F6FD;
}
.btn_default a{
  color: #0E6FA4;
}
body .btn_default:hover a{
  color: #0E6FA4;
}
.btn_dsi{
  border: 0;
  font-size: 14px;
  background: rgba(250,250,252,0.39);
}
.btn .arrow { width: 30px; height: 30px; margin-left: 7px; background: url('../images/gengduo@2x.png') no-repeat 0 0 / 30px auto;}
.btn:hover .arrow { background-position: 0 -30px;}

/* container */
.container { width: 1180px; padding: 0; position: relative; margin: 0 auto; }
/* header */
.header-top { position: fixed; left: 0; top:0; width: 100%; z-index: 10; background: #fff; }
@keyframes fadeInDown{
  0%{opacity:0;transform:translate3d(0,-100%,0);}
  to{opacity:1;transform:none;}
}
.headerCon{
  height: 60px;
}
.header .headerimg{
  width: 40px;
  height: 40px;
  margin-right: 50px;
}
.header .logo{
  padding: 10px 0;
}
.header.fixed { animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both;}
.header .header-top .container {  display: flex; align-items: center; justify-content: space-between;}


.nav ul { display: flex; justify-content: space-between; flex-wrap: wrap; height: 100%;}
.nav li { flex: 1; height: 100%; position: relative;}
.nav li > a { line-height: 30px; padding: 0 28px; font-size: 16px; color: #0A1633; height: 100%;}
.nav li.active > a,
.nav li.open > a,
.nav li > a:hover { color: #0E6FA4;}
.nav li.active::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #8DC21F;

}
.imageBackground{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
body .width100{
  width: 100%;
}
.bor_bottom{
  border-bottom: 1px solid #C3CAD9;
}
.ware_title{
  font-size: 24px;
  border-left: 4px solid #8DC21F;
  height: 24px;
  color: #0A1633;
  padding-left: 10px;
}
body .widthAuto{
  width: auto;
}
/*------------- index ---------------*/
.index_box .main{
  background-image: url('../images/index/indexbgc.png');
}
#contact_content,
#about_content{
  padding-top: 50px;
}
.section-title{
  padding-top: 50px;
}
.titleContent{
  color: #0A1633;
  font-size: 16px;
  line-height: 22px;
  width: 778px;
  margin: 40px auto;
}
.section-banner {
  padding-bottom: 20px;
}
.section-banner img{
  width: 100%;
  height: 316px;
}
.avatar_lay{
  width: 36px;
  height: 36px;
}
#avatar_cli{
  cursor: pointer;
  position: relative;
}
#mask_list a:hover{
  background-color: #F5F7F9;
}
#mask_list a{
  text-align: center;
  width: 100%;
  padding: 0 4px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.avatar_hi{
  display: none;
}
#mask_list{
  position: absolute;
  right: -36px;
  top: 48px;
  padding: 10px;
  color: #0A1633;
  font-size: 14px;
  background: rgba(255,255,255,1);
  box-shadow: 0px 3px 10px rgba(122,139,170,0.35);
  border-radius: 4px;
  min-width: 170px;
}
.mainbox_name{
  font-size: 14px;
  color: #0A1633;
	position: relative;
}
.mainbox_hot{
	position: absolute;
	right: -8px;
	top: 0px;
	width: 6px;
	height: 6px;
	background-color: red;
	border-radius: 50%;
}
.comment_red{
	color: #fff;
	background-color: red;
	font-size: 12px;
	border-radius: 50%;
	text-align: center;
	width: 18px;
	height: 18px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-left: 4px;
}
/*------------- register ---------------*/

.register_tit{
  color: #0A1633;
  font-size: 20px;
}


.register_box .headerimg{
  margin-right: 30px;
}
.register_box .footer { background: #fff;}
.reg_top{
  margin-top: 200px;
}
.input_item{
  width: 400px;
  height: 48px;
  color: #0A1633;
  border: 1px solid #C3CAD9;
  background: rgba(250,250,252,1);
  margin-bottom: 24px;
  border-radius: 2px;

}
.input_item input{
  border: 0;
  width: 100%;
  height: 100%;
  padding: 0 30px;
  background: rgba(250,250,252,1);
}
.agreeWith{
  color: #7A8BAA;
  font-size: 14px;
}

.agreeWith .cheBox{
  margin-right: 10px;
  width: 14px;
  height: 14px;
  border: 1px solid #C3CAD9;
  border-radius: 2px;

}
.agreeWith .cheimg{
  width: 14px;
  margin-right: 10px;
  height: 14px;

}
.rightimg{
  width: 16px;
  height: 16px;
}
.checked_lay{
  cursor: pointer;
}
.mocode{
  width: 140px;
  border-left: 1px solid #C3CAD9;
  /* padding-right: 20px; */
}
.pass_icon {
  padding: 0 20px;
  cursor: pointer;
}
.pass_icon img{
  width: 24px;
  height: 24px;

}
.err_lay{
  width: 400px;
  height: 48px;
  color: #0A1633;
  margin-bottom: 24px;
  padding: 0 30px;
  border-radius: 2px;
  border: 1px solid #FED4D4;
  background: rgba(254,241,240,0.39);
}
.err_hide{
  display: none;
}
.err_lay img{
  width: 16px;
  height: 16px;
}

/*------------- retrievePassword ---------------*/

.retrieve_box .headerimg{
  margin-right: 30px;
}
.retrieve_box .footer { background: #fff;}



/*------------- login ---------------*/


.login_box .headerimg{
  margin-right: 30px;
}
.login_box .footer { background: #fff;}

.login_text{
  color: #0E6FA4;
  padding: 20px 0;
  cursor: pointer;
  margin-top: 20px;

  font-size: 14px;
}



/*------------- mirrorList ---------------*/
table {
  border-spacing: 0px;
}
.ware-table{
  width: 100%;
  text-align: left;
}
.ware-table .give_thumbs_lay{
  padding: 0;
  background-color: transparent;
}
.ware-thead{
  font-size: 14px;
  font-weight: bold;
  color: #0A1633;
}
.ware-tbody{
  font-size: 16px;
  font-weight: 400;
  color: #0A1633;
}
.ware-thead th {
  padding: 10px 10px;
  border-bottom: 1px solid #C3CAD9;
}
.ware-tbody tr:hover {
  background-color: #F5F7F9;
  /* cursor: pointer; */
}
.ware-tbody td {
  padding: 10px 10px;
}
.ware-tbody .linkTd {
  padding: 0 !important;
}
.ware-tbody .linkTd a{
  padding: 0px 10px;
  width: 100%;
  height: 100%;
  display: block;
}
.ware-tbody .linkTd .linkTd_link{
	display: flex;
	align-items: center;
	min-height: 47px;
}
.ware-tbody .linkTd .linkTd_link img{
	width: 69px;
	margin-left: 4px;
}
.trName{
  width: 680px;
}
.trLast{
  width: 200px;
}
.trDownloads{
  width: 166px;
}
.trEvaluation{
  width: 134px;

}
.empty_screen_lay{
  height: 30px;
  cursor: pointer;
  padding: 7px 11px 7px 1px;
}
.empty_screen_lay:hover {
  background-color: #F5F5F6;
}
.tr_img{
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.empty_screen{
  margin-left: 4px;
  font-size: 14px;
  color: #7A8BAA;
border-radius: 2px;
}
/* 排序三角形 */
.caret-wrapper{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 34px;
  width: 24px;
  vertical-align: middle;
  cursor: pointer;
  overflow: initial;
  position: relative;
  white-space: normal;
    word-break: break-all;
}
.sort-caret {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  position: absolute;
  left: 7px;
}
.sort-caret.ascending {
  border-bottom-color: #c0c4cc;
  top: 5px;
}
.sort-caret.descending {
  border-top-color: #c0c4cc;
  bottom: 7px;
}
.sort-caret.ascending.activeColor {
  border-bottom-color: #0E6FA4;
}
.sort-caret.descending.activeColor{
  border-top-color: #0E6FA4;

}



.mirror_list .main{
  min-height: calc(100vh - 132px);
}



.mirror_title{
  margin-left: 16px;

  color: #0A1633;
  font-weight: 300;
}


.seach_box{
  width: 100%;
}
.seach_btn{
  width: 180px;
  height: 48px;
  margin-left: 20px;
}
.select_lay{
  padding-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
}
.select_item{
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 0 20px;
  height: 30px;
  font-size: 14px;
  color: #0E6FA4;
  border: 1px solid #0E6FA4;
  border-radius: 2px;
  cursor: pointer;
}
.select_item.active_sele{
  color: #fff;
  border: 1px solid #0E6FA4;
  background: rgba(14,111,164,1 );
}

.detil_m_content{
  width: 980px;
}
.detil_m_title{

  color: #0A1633;
  font-size: 24px;
  margin-bottom: 15px;
}
.fui_title{
  background: #F5F7F9;
  padding: 5px 12px;
  font-size: 14px;
  color: #7A8BAA;
  border-radius: 2px;
  margin-right: 10px;
}
.fui_text{
  font-size: 14px;
  color: #7A8BAA;
  padding: 5px 14px;

}
.give_thumbs_lay{
  font-size: 12px;
  color: #7A8BAA;
  height: 30px;
  border-radius: 2px;
  background-color: #F5F7F9;
  padding: 10px 17px;
  cursor: pointer;
}
.un_give_text{
  color: #0A1633;
}
.give_thumbs_lay img{
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.mirror_tit_aly{
  line-height: 24px;
}
.mirror_tit_alyerr{
  width: 100%;
}
.mirror_tit_alyerr.itemErrLay{
  width: 932px;
  margin-left: 46px;
  margin-bottom: 14px;
}
.mirror_tit_alyerr.messageErrLay{
  width: 100%;
  margin-left: 0;
}

.mirror_tit_1{
  line-height: 31px;
  font-size: 18px;
  font-weight: 500;
  color: #0A1633;
}
.pull_link{
  padding: 12px 20px;
  margin: 13px 0;
  background: rgba(250,250,252,0.39);
  border: 1px solid #C3CAD9;
  color: #0E6FA4;
  font-size: 14px;
  border-radius: 2px;
  text-decoration: underline;
  cursor: pointer;
}
.pull_link img{
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.recommendation_item{
  padding: 10px 15px;
  margin-top: 14px;
  height: auto;
  background-color: #fff;
}
.recommendation_item textarea {
  border: 0;
  width: 100%;
  height: 100px;
  padding: 0;
}
.required_item{
  color: #0A1633;
  font-size: 14px;
  padding: 8px 0;
}
.required_item img{
  width: 16px;
  height: 16px;
}
.example_class{
	padding: 0 0 5px 0;
}
.example_question{
	width: 15px;
	height: 15px;
	margin-right: 3px;
}
.upload_m_item input{
  background-color: #fff;
  padding: 0;
}
.upload_m_item{
  padding: 10px 20px;
  margin-top: 0;
  margin-bottom: 10px;
  background-color: #fff;
}





/*------------- uploadMirror ---------------*/

.upload_box .detil_m_content{
  padding-right: 200px;
}
.checkbox_upload_item{
  flex-wrap: wrap;
}



.upload_box input[type=checkbox] {
  cursor: pointer;
  position: relative;
}

.upload_box input[type=checkbox]::after {
  position: absolute;
  top: 0;
  background-color: #fff;
  color: #fff;
  width: 14px;
  height: 14px;
  display: inline-block;
  visibility: visible;
  padding-left: 0px;
  text-align: center;
  content: ' ';
  border-radius: 2px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.upload_box input[type=checkbox]:checked::after {
  content: "";
  background-color: #0E6FA4;
  border-color: #0E6FA4;
  background-color: #0E6FA4;
}

.upload_box input[type=checkbox]:checked::before {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  z-index: 1;
}
.for_up_class{
  font-size: 14px;
  padding-left: 5px;
  color: #0A1633;
}
.checkbox_upload_item .ware_flex_align{
  padding-top: 8px;
  width: 33.33%;
}
.uploadBtn{
  width: 240px;
  height: 48px;
  margin-top: 90px;
}
#uploadcancel {
  margin: 90px 0 0 20px;
  width: 120px;
  height: 48px;
}
.uploadcancelhide {
  display: none;
}
.upload_box .ng-toerr{
  padding-top: 10px;
}
.upload_box .err_lay{
  width: 780px;
  margin-bottom: 5px;
}
/*------------- user ---------------*/




.bgcrightbottom_lay .main{
  min-height: calc(100vh - 132px);
}
.bgcrightbottom_lay{
  background-image: url('../images/userbcg.png');
  background-repeat: no-repeat;
  background-size: 797px 471px;
  background-position: right bottom;
}
.userbtn{
  width: 180px;
  margin-bottom: 15px;
}
.user_content{
  width: 880px;
}
.user_content_title{
  font-size: 18px;
  font-weight: 500;
  color: #0A1633;
}
.user_content_item{
  margin: 40px 0;

  font-size: 14px;
  color: #7A8BAA;
}
.user_content_item .input_item{
  margin-bottom: 0;
  background-color: #fff;
  height: 40px;
}
.user_content_item .posRe img{
  width: 100px;
  height: 100px;
}
.user_content_item .posRe .avatar_mask img{
  width: 36px;
  height: 36px;
  margin-top: 21px;
}
.user_content_item .input_item input{
  padding: 0 20px;
  background-color: #fff;
}

.user_content_item .input_item .mocode{
  width: 90px;
  border: 0;
}

.posRe{
  position: relative;
  overflow: hidden;
}
.posRe:hover .avatar_mask{
  display: block;
}
.avatarfile_lass{
  position: absolute;
  left: 100%;
  top: 100%;
}
.avatar_mask{
  cursor: pointer;
  display: none;
  text-align: center;
  position: absolute;
  width: 100px;
  height: 100px;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: rgba(10,22,51,0.42);
}
.avatar_mask_text{
  font-size: 14px;
  color: #FFFFFF;
}
.user_c_title{
  width: 108px;
}
.btn_defa{
  box-shadow: none;
  background-color: #0E6FA4;
}
.btn_defa:hover{
  box-shadow: none;
}

.user_tab_btn{
  margin-bottom: 15px;
  font-size: 14px;
  color: #0A1633;
  width: 180px;
  height: 36px;
  cursor: pointer;
  border-radius: 4px;
}

.user_tab_btn:hover{
  background-color: #E8F6FD;
  color: #0E6FA4;
}


/*------------- changeMailbox ---------------*/
.progress_lay{
  width: 200px;
  margin: 0 auto 24px;
}
.one_progress{
  width: 46px;
  height: 46px;
  border-radius: 50%;
  position: relative;
  background: rgba(141,194,31,0.39);
}
.one_progressfff {
  background: #fff;
}
.one_progress_in{
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: #8DC21F;
  width: 36px;
  height: 36px;
  font-size: 14px;
  color: #FFFFFF;
}
.one_progress_infff{
  background: #F5F7F9;
  color: #C3CAD9;
}


.line_left{
  height: 1px;
  width: 36px;
  background-color: #8DC21F;
}
.line_right{
  background-color: #C3CAD9;
}

.changeM_box .headerimg{
  margin-right: 30px;
}
.changeM_box .footer { background: #fff;}


/*------------- user ---------------*/
.usermirror_lay .user_content{
  width: 900px;
}
.usermirror_lay .main{
  min-height: calc(100vh - 132px);
}
.usermirror_lay .trName{
  width: 380px;
}

.usermirror_lay .trLast{
  width: 168px;
}
.usermirror_lay .trDownloads{
  width: 107px;
}
.usermirror_lay .trEvaluation{
  width: 138px;
}
.editcolor{
  color: #0E6FA4;
  font-size: 16px;
  line-height: 14px;

}
.detelecolor{
  color: #DE1414;
  font-size: 16px;
  line-height: 14px;
  cursor: pointer;
}

/* dede_page */
.dede_pages{
  justify-content: flex-end;
}
.pagination{
  display: flex;
  margin: 30px 30px 30px 0;
}
.pagination li{
  border: 1px solid #eee;
  color: #333;
    font-size: 13px;
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.pagination li:first-child,
.pagination li:last-child{
  font-size: 18px;

}
.pagination li.active{
  background-color: #0E6FA4;
  border: 0;
  color: #fff;
}
.pagination li.disabled{
  background-color: #fff;
  color: #d2d2d2!important;
  cursor: not-allowed!important;
}
/*------------- mycomment ---------------*/

.comment_list_lay .comm_title{
  font-weight: 500;
  font-size: 18px;
  color: #0A1633;
}

.comment_list_lay .comment_line_x{
  margin-left: 0;
  margin: 15px 0;

  width: 100%;

}
.comment_list_lay .comment_username{
  height: auto;
  line-height: normal;
}

/*------------- footer ---------------*/
.footer { background: #F5F5F6; color: #7A8BAA; padding: 26px 0;}
/* .footer .text {  color: #fff;} */




/* detail */

.comment_bigimg {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}

.comment_simg {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.comment_username {
  font-size: 14px;
  color: #0E6FA4;
  height: 36px;
  line-height: 36px;
  margin-bottom: 6px;
}

.comment_username_chil {
  font-size: 14px;
  color: #0E6FA4;
  height: 24px;
  line-height: 24px;
}

.comment_content_chil {
  padding: 10px 0;
}

.comment_comment_content {
  margin-bottom: 2px;
  font-size: 15px;
  color: #0A1633;
}
.message_comment_content{
  width: 852px;
  margin-left: 46px;
}
.comment_time_text {

  font-size: 14px;
  color: #7A8BAA;
}

.comment_rel_text {
  margin-left: 30px;
}

.comment_relc_input {
  background: #fff;
  margin: 0;
}
.comment_relc_input input{
  background: #fff;
  margin: 0;
}
.comment_relc_btn{
  width: 100px;
  height: 47px;
}
.comment_relc_input_lay{
  padding: 10px 0 10px;
}
.comment_line_x{
  width: 933px;
  margin: 12px 0 20px 46px;
  background-color: #C3CAD9;
  height: 1px;
}
.mirror_list .dede_pages .layui-form {
  padding: 30px;
}
.mirror_list .dede_pages .layui-form .layui-input-block{
  min-height: 30px;
	margin-left: -3px;
}
.mirror_list .dede_pages .layui-form .layui-this{
  background-color: #0E6FA4;
}
.mirror_list .dede_pages .layui-form .layui-input{
  height: 30px;
}
.mirror_list .dede_pages .layui-form .layui-form-select{
  width: 120px;
}




/* 新闻 */
.article_item__lay {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
.article_item {
  margin-right: 20px;
  width: 380px;
  padding: 18px 0;
  cursor: pointer;
}
.article_item .artBackgrImg {
  width: 380px;
  height: 210px;
  overflow: hidden;
}
.article_item:nth-child(3n) {
  margin-right: 0;
}
.article_item .article_item_content{
  padding: 20px 0;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #0A1633;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 84px;
}

.article_item .article_item_text{
  font-size: 14px;
  font-family: Source Han Sans CN;
  line-height: 24px;
  color: #7A8BAA;
  opacity: 1;
}
.articleDetail{
  padding-bottom: 30px;
}
.articleDetail .articleDetaImg{
  width: 100%;
  margin: 20px 0;
}
.deta_text{
  line-height: 14px;
  padding: 5px 22px 5px 0;
}


/* 博客 */
.blod_item__lay{
  padding-bottom: 30px;
}
.blod_item{
  display: block;
  padding: 20px 10px;
}
.blod_item:hover{
  background-color: #F5F7F9;
}
.blod_item_content{
  color: #333 !important;
}
.blodarImg{
  width: 36px;
  height: 36px;
  margin-right: 10px;
  border-radius: 50%;
}
.blod_item_text{
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 24px;
  color: #7A8BAA;
  display: flex;
  align-items: center;
}

.blod_item_title{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 18px;
  color: #0A1633;
}
.blog_mask_lay{
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.39);
  display: none;
  top: 0;
  left: 0;
  z-index: 11;
}
.blog_mask_lay__show{
  display: block;
}
.blog_mask_content{
  position: fixed;
  width: 280px;
  height: 172px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  text-align: center;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #0A1633;
  padding-top: 15px;
  border-radius: 4px;
}
.blog_mask_e{
  font-size: 14px;
  font-family: Source Han Sans CN;
  color: #0E6FA4;
  padding-top: 18px;
  display: block;
}
.blog_mask_cancel_ri{
  display: flex;
  justify-content: flex-end;
  padding: 0 15px 26px 0;
}
.blog_mask_cancel{
  width: 16px;
  height: 16px;
  cursor: pointer;
}




/* index */
.moreNews{
  justify-content: flex-end;
  font-size: 16px;
  color: #0E6FA4;
  width: 90px;
}
.indexNewImg{
  width: 100%;
  height: 100%;
}
.indexNLe{
  width: 580px;
  height: 330px;
  margin-right: 20px;
}
.indexNRi{
  width: 280px;
  height: 155px;
  margin-right: 20px;
}
.indexNRi:nth-child(1),
.indexNRi:nth-child(2){
  margin-bottom: 20px;

}
.indexNRi:nth-child(2n){
  margin-right: 0;
}
.indexNRi .indexNewsBottom{
  padding: 15px;
}
.indexNewsBottom{
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 18px;
  height: 100%;
}
.clamp2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.clamp1{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #fff;
}
.greedNews{
  color: #8DC21F;
}
.indexdNewstitle{
  font-size: 28px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  line-height: 37px;
  color: #fff;
}
.link_footer{
  padding: 10px 0;
  border-top: 1px #F5F7F9 solid;
  border-bottom: 1px #F5F7F9 solid;
  margin-bottom: 40px;
}
.link_footer a{
  padding: 10px 15px;
  font-size: 14px;
  font-family: Source Han Sans CN;
  color: #7A8BAA;
}
.link_footer a:hover{
  color: #1296DB;
}
.news_i{
  flex-wrap: wrap;
}
.coll_sai{
  color: #7A8BAA;
}


#detail_info_content li{
	list-style: disc !important;
}

	#detail_info_content article,#detail_info_content footer,#detail_info_content header,#detail_info_content nav{margin:0 auto}
	#detail_info_content article{margin-top:4em;margin-bottom:4em;min-height:400px}
	#detail_info_content footer{margin-bottom:50px}
	#detail_info_content video{margin:2em 0;border:1px solid #ddd}
	#detail_info_content nav{font-size:.9em;font-style:italic;border-bottom:1px solid #ddd;padding:1em 0}
	#detail_info_content nav p{margin:0}
	#detail_info_content details{margin: 15px 0;}
	#detail_info_content summary{cursor:pointer;padding: 4px;}
	#detail_info_content summary:focus{outline: none;box-shadow: 0 0 3px #2196F3;}
	#detail_info_content .h1,#detail_info_content h1{font-size:2.2em;}
	#detail_info_content .h2,#detail_info_content h2{font-size:1.9em;}
	#detail_info_content .h3,#detail_info_content h3{font-size:1.6em;}
	#detail_info_content .h4,#detail_info_content h4{font-size:1.3em;}
	#detail_info_content .h5,#detail_info_content h5{font-size:1.2em;}
	#detail_info_content .h6,#detail_info_content h6{font-size:1.1em;}
	#detail_info_content .h1,#detail_info_content .h2,#detail_info_content .h3,#detail_info_content .h4,#detail_info_content .h5,#detail_info_content .h6,#detail_info_content h1,#detail_info_content h2,#detail_info_content h3,#detail_info_content h4,#detail_info_content h5,#detail_info_content h6{
	    font-family:inherit;font-weight:500;color: #333;
	    line-height: 1.2em;padding: 0.3em 0;margin: 0.8em 0 0.4em 0;
	    word-break: break-all;
	}
	#detail_info_content .h1,#detail_info_content h1{letter-spacing: 1px;border-bottom: 1px solid #ddd;}
	#detail_info_content .h2,#detail_info_content h2{padding-bottom: 0.15em;}
	#detail_info_content p{-webkit-hypens:auto;-moz-hypens:auto;hyphens:auto;margin:10px 0;}
	#detail_info_content p,#detail_info_content li,#detail_info_content div,#detail_info_content ul{word-wrap: break-all;}
	#detail_info_content blockquote{margin-left:1em;padding:10px 15px;margin:10px 0 20px 0;border-left:10px solid #ddd;background: #f6f6f6;}
	#detail_info_content blockquote p{margin:0;font-weight:400;}
	#detail_info_content pre{display:block;padding:0;overflow:auto;margin:0 0 10px;font-size:1em;line-height:1.42857143;
	    word-break:break-all;word-wrap:break-word;color:#333;background:none;border-radius:4px}
	#detail_info_content code,#detail_info_content kbd,#detail_info_content pre,#detail_info_content samp{
	    font-family:Consolas,'Liberation Mono','Ubuntu Mono',Menlo,Courier,sans-serif;
	}
	#detail_info_content a{color:#1980e6;text-decoration:none}
	#detail_info_content a:hover{text-decoration:underline}
	#detail_info_content a img{border:none}
	#detail_info_content img{max-width: 100%;}
	#detail_info_content h1 a,#detail_info_content h1 a:hover{text-decoration:none}
	#detail_info_content hr{border: 0 none;height: 4px;margin:1.2em 0;
	    background: rgba(0, 0, 0, 0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0;
	}
	@media screen and (min-width: 900px) {
	    #detail_info_content  {width: 900px;}
	}
	#detail_info_content ul,
	#detail_info_content ol{padding:0.2em 0 0.2em 2em;}
	#detail_info_content table {border-collapse: collapse;border-spacing: 0;margin-bottom: 20px;}
	#detail_info_content table thead{background: #eee;}
	#detail_info_content table td,
	#detail_info_content table th{padding: .5em;border: 1px solid #ddd;line-height: 1.5;}
	#detail_info_content .markdown-flow{background:#fff;padding: 15px;}
	#detail_info_content .markdown-flow .label{color:#444;}
	#detail_info_content .markdown-latex {
	    text-align: center;font-size:1.3em;color: #000;
	    margin-bottom: 1.5em;overflow: hidden;overflow-x:auto;
	}
	#detail_info_content .latex-inline .katex-display{display:inline-block;font-size: 0.8em;}
	#detail_info_content .markdown-menu ul{padding:0 10px 20px 20px;}
	#detail_info_content .markdown-menu li{
	    font-size:14px;list-style:none;
	    line-height:1.8em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	}
	#detail_info_content .markdown-menu-h2{padding-left:2em;}
	#detail_info_content .markdown-menu-h3{padding-left:4em;}
	#detail_info_content .markdown-menu-h4{padding-left:6em;}
	#detail_info_content .markdown-menu-h5{padding-left:8em;}
	#detail_info_content .markdown-menu-h6{padding-left:10em;}
	
	#detail_info_content .print-btn{
	    position:absolute;padding:4px 20px;color:#444;font-size:1em;
	    background:#eee;background:rgba(200,200,200,0.2);margin-top: -45px;right:15px;
	}
	#detail_info_content .print-btn:hover{text-decoration: none;background: #14a2ff;color: #fff;}
	
	#detail_info_content .hidden{display:none !important;}
	
	/*打印样式*/
	@media print {
		body{padding:0 1.5cm;margin:0 auto 10px auto;font-size:13px;}
		.print-btn{display: none;}
	}
	
	ol.linenums {
	    padding-left: 2.5em;
	}
	ol.linenums li {
	    list-style-type: decimal!important;
	}