body{font:12px/1.8 \5FAE\8F6F\96C5\9ED1,Arial,\5b8b\4f53; background-color:#fff;color:#333333;}
body,ul,li,dl,dt,dd,table,td,th,form,input,h1,h2,h3,h4,h5,h6,p,img,em,b,label,textarea,ol,p{margin:0;padding:0;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}figure{margin:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
ul,li{list-style:none;}
i{font-style:normal;}
u{text-decoration:none;}
em{font-style:normal;}
dfn,i,u,em,b{font-style:normal;font-weight:100;}
img{border:none;/*display:block;*/ vertical-align:middle;}
a{ text-decoration:none;color:#333333;}
/*浮动/清除浮动*/
.fl{float:left;} 
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html .clearfix{height:1%}
*+html .clearfix{min-height:1%}
input{-webkit-appearance:none; border-radius:0;outline: none;}
.main{
  width: 1280px;
  margin: 0 auto;
}
.newMain{
  width: 1150px;
  margin: 0 auto;
}
.dp_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.flex {
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  box-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
}
.flex2 {
  flex: 2;
  -webkit-flex: 2;
  -moz-flex: 2;
  box-flex: 2;
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
}
.flex3 {
  flex: 3;
  -webkit-flex: 3;
  -moz-flex: 3;
  box-flex: 3;
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
}
.header{
	background: #FFFFFF;
	height: 80px;
	padding: 0 95px 0 55px;
}
.logo{
	margin-right: 70px;
}
.logo a{
	background: url(../images/logo.png) no-repeat;
	width: 340px;
	height: 36px;
	display: inline-block;
}
.nav_ul li{
	margin: 0 30px;
	text-align: center;
	height: 80px;
	line-height: 80px;
	position: relative;
}
.nav_ul li span{
	font-size: 16px;
	color: #000000;
}
.nav_ul .active span{
	color: #1977f3;
}
.nav_ul .active i{
	width: 40px;
	height: 4px;
	background: #1977f3;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.notice{
	background: url(../images/icon_notice.png) no-repeat;
	width: 22px;
	height: 26px;
	display: inline-block;
	margin-right: 50px;
	position: relative;
}
.notice i{
	width: 8px;
	height: 8px;
	background: #ff3d3d;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
}
.banner{
	padding: 20px;
	align-items: stretch !important;
	-webkit-align-items: stretch !important;
	-moz-align-items: stretch !important;
}
.bnrImg{
	margin-right: 20px;
}
.bnrList{
	background: #FFFFFF;
	border-radius: 8px;
	padding: 20px 30px;
}
.bnrTit{
	font-size: 24px;
	color: #000000;
}
.bnrList_ul li{
	margin-top: 20px;
}
.bnrList_ul li p{
	font-size: 18px;
	color: #000000;
}
.bnrList_ul li span{
	font-size: 18px;
	color: #828282;
}
.idxCont{
	padding: 20px;	
}
.idxList{
	background: #FFFFFF;
	border-radius: 8px;
	padding: 0 30px 70px;
}
.idxListNav_ul{
	height: 70px;
	line-height: 70px;
}
.idxListNav_ul li{
	font-size: 16px;
	color: #000000;
	height: 28px;
	line-height: 28px;
	margin-right: 20px;
}
.idxListNav_ul .active{
	background: #1977f3;
	color: #FFFFFF;
	padding: 0 10px;
	border-radius: 6px;
}
.idxListCont_ul{
	flex-wrap: wrap;
	flex-direction: row;
}
.idxListCont_ul li{
	border: 1px solid #f0f0f0;
	border-radius: 8px;
	width: 24%;
	max-width: 24%;
	box-sizing: border-box;
	padding: 20px 0;
	margin-right: 1.3%;
	margin-bottom: 20px;
}
.idxListCont_ul li:nth-child(4n){
	margin-right: 0;
}
@media screen and (max-width: 1399px) {
   .idxListCont_ul li{
   	border: 1px solid #f0f0f0;
   	border-radius: 8px;
   	width: 32%;
   	max-width: 32%;
   	box-sizing: border-box;
   	padding: 20px 0;
   	margin-right: 2%;
	margin-bottom: 20px;
   }
   .idxListCont_ul li:nth-child(3n){
   	margin-right: 0;
   } 
}
.idxListCont_ul li p{
	padding: 0 20px;
}
.idxContTit{
	font-size: 22px;
	color: #000000;
}
.idxContLbl{
	font-size: 16px;
	color: #b4b4b4;
	min-width: 90px;
	display: inline-block;
}
.idxContSpn{
	font-size: 18px;
	color: #000000;
	display: inline-block;
}
.idxContbq{
	font-size: 16px;
	color: #1977f3;
	background: #d9e9ff;
	display: inline-block;
	padding: 0 5px;
	border-radius: 4px;
	margin-top: 5px;
}
.idxContIpt{
	width: 112px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	border:none;
	background: #1977f3;
	border-radius: 4px;
	float: right;
}
.page{
  text-align: center;
  margin-top: 20px;
}
.page a{
  background: #ffffff;
  display: inline-block;
  border: 1px solid #dddddd;
  font-size: 16px;
  color: #333333;
  padding: 0 13px;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  margin: 0 5px;
}
.page .noBg{
  background: #ffffff;
  color: #e3d6cc;
}
.page .active{
  border: none;
  background: #1977f3;
  color: #ffffff;
}
.page .noBrBg{
  border: none;
  background: transparent;
  color: #333333;
}
.page input{
  border: 1px solid #dddddd;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  width: 36px;
  margin: 0 5px;
}
.page span{
  font-size: 14px;
  display: inline-block;
  color: #666666;
}
.page .nextPage{
  margin-right: 10px;
}
.page .pageBtn{
  margin-left: 10px;
}

/* 我的任务 */
.task{
	padding: 20px;
}
.taskNum{
	background: #FFFFFF;
	border-radius: 8px;
	padding: 40px 60px 20px;
}
.taskNum_ul li{
	margin-right: 120px;
}
.taskNum_ul li p{
	font-size: 20px;
	color: #b4b4b4;
	margin-bottom: 10px;
}
.taskNum_ul li span{
	font-size: 20px;
	color: #000000;
}
.taskNum_ul li span em{
	font-size: 52px;
	color: #1977f3;
	font-weight: 400;
}
.taskList{
	background: #FFFFFF;
	border-radius: 8px;
	padding: 0 30px 75px 10px;
	margin-top: 20px;
}
.taskState{
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	padding: 25px 0;
}
.taskDay{
	background: url(../images/icon_day.png) no-repeat left 0;
	height: 38px;
	line-height: 38px;
	padding-left: 30px;
	border: 1px solid #f5f5f5;
}
.taskDay input{
	font-size: 16px;
	color: #000000;
	border: none;
	width: 100px;
	text-align: center;
}
.taskSlt{
	position: relative;
	border: 1px solid #f5f5f5;
	height: 38px;
	line-height: 38px;
	width: 175px;
	text-align: center;
	margin-left: 10px;
}
.taskSlt::before{
	position: absolute;
	content: '';
	right: 20px;
	top: 50%;
	margin-top: -7px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #8b8b8b;
	border-right: 1px solid #8b8b8b;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.taskSlt span{
	display: inline-block;
	text-indent: -2em;
	color: #000000;
	font-size: 18px;
}
.taskSlt .active{
	color: #1977f3;
}
.taskSlt_ul{
	position: absolute;
	top: 38px;
	left: -1px;
	width: 175px;
	text-align: center;
	border: 1px solid #f5f5f5;
	background: #FFFFFF;
}
.taskSlt_ul li{
	text-indent: -2em;
	font-size: 18px;
}
.taskCont_ul{
	padding-bottom: 90px;
}
.taskCont_ul li{
	height: 90px;
	line-height: 90px;
	border-bottom: 1px solid #f0f0f0;
}
.taskCont_ul li p{
	color: #000000;
	font-size: 18px;
}
.taskCont_ul .taskContBg{
	background: #e8f1fe;
	height: 68px;
	line-height: 68px;
	border-bottom: none;
	border-radius: 8px;
}
.taskCont_ul li p:first-child{
	text-indent: 2em;
}
.textCenter{
	text-align: center;
}
.taskCont_ul li .taskIng{
	color: #1977f3;
}
.taskCont_ul li .taskStop{
	color: #ff2f2f;
}
.taskCont_ul li .taskEnd{
	color: #c0c0c0;
}
.taskSearch input{
	width: 308px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #f5f5f5;
	font-size: 18px;
	text-indent: 10px;
	margin-left: 10px;
}
/* 个人中心 */
.perCenter{
	align-items: stretch !important;
	-webkit-align-items: stretch !important;
	-moz-align-items: stretch !important;
	padding: 20px 0 100px;
}
.perData{
	background: #FFFFFF;
	padding: 30px 35px 30px 40px;
}
.perDataTit h5{
	font-size: 24px;
	color: #000000;
}
.edit i{
	background: url(../images/icon_ins.png) no-repeat;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 10px;
}
.edit{
	font-size: 16px;
	color: #1977f3;
}
.dataList{
	text-align: center;
}
.dataList_ul{
	padding-left: 100px;
}
.dataList_ul li{
	margin-bottom: 25px;
	text-align: left;
}
.dataList_ul li label{
	text-align: left;
	width: 105px;
	display: inline-block;
	font-size: 18px;
	color: #b4b4b4;
}
.dataList_ul li span{
	font-size: 20px;
	color: #000000;
	display: inline-block;
}
.dataList_ul li .noRz{
	background: #ffecec;
	color: #ff4646;
	font-size: 16px;
	padding: 0 10px;
	border-radius: 4px;
}
.account{
	background: #FFFFFF;
	padding: 30px 40px;
	border-radius: 8px;
	margin-top: 20px;
}
.account h5{
	font-size: 24px;
	color: #000000;
}
.account_ul li{
	margin-top: 40px;
}
.account_ul li p{
	font-size: 20px;
	color: #000000;
	text-align: right;
}
.account_ul li span{
	font-size: 16px;
	color: #ff4646;
	display: inline-block;
	margin-left: 20px;
}
.accountBtn{
	height: 60px;
	line-height: 60px;
	background: #eaf2fe;
	text-align: center;
	color: #1977f3;
	font-size: 20px;
	border-radius: 8px;
	margin-top: 40px;
}

.perRt{
	background: #FFFFFF;
	padding: 30px 40px;
	border-radius: 8px;
	margin-left: 20px;
}
.perRt h5{
	font-size: 24px;
	color: #000000;
	margin-bottom: 40px;
}
.perRt_ul li{
	margin-bottom: 20px;
}
.perRt_ul li i{
	width: 8px;
	height: 8px;
	background: #ff3d3d;
	border-radius: 50%;
	display: inline-block;
	margin-right: 15px;
}
.perRt_ul li p{
	font-size: 18px;
	color: #000000;
}
.perRt_ul li span{
	font-size: 16px;
	color: #b4b4b4;
	display: inline-block;
}
/* 任务列表 */
.list{
	padding: 20px 20px 50px;
}
.listCont{
	background: #FFFFFF;
	border-radius: 8px;
	padding: 20px;
}
.listNav .icon_jt{
	width: 10px;
	height: 10px;
	border-top: 1px solid #606060;
	border-right: 1px solid #606060;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	margin-right: 40px;
}
.listNav_ul li{
	font-size: 16px;
	color: #000000;
	margin-right: 20px;
}
.listNav_ul .active{
	background: #1977f3;
	color: #FFFFFF;
	padding: 0 10px;
	border-radius: 6px;
}
.newsNo span{
	font-size: 18px;
	color: #333333;
	display: inline-block;
	vertical-align: middle;
}
.newsNo i{
	width: 20px;
	height: 20px;
	border: 1px solid #606060;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	border-radius: 4px;
	margin-right: 5px;
}
.newsNo .active{
	background: url(../images/icon_news.png) no-repeat;
	border: none;
}
.newsYes{
	font-size: 18px;
	color: #333333;
	border: 1px solid #f5f5f5;
	padding: 0 10px;
	margin-left: 40px;
}
.listCont_ul{
	margin-top: 20px;
}
.listCont_ul li{
	height: 90px;
	line-height: 90px;
	border-bottom: 1px solid #f0f0f0;
	padding: 0 20px 0 40px;
}
.listCont_ul li p{
	font-size: 18px;
	color: #000000;
}
.listCont_ul li span{
	font-size: 18px;
	color: #b4b4b4;
}
/* 详情 */
.info{
	padding: 0 20px 20px ;
}
.crumbs{
	padding: 20px 0;
	font-size: 16px;
}
.crumbsIcon{
	width: 82px;
	height: 40px;
	background: #FFFFFF;
	border-radius: 0 8px 8px 0;
	position: relative;
	display: inline-block;
	text-align: center;
	line-height: 40px;
}
.crumbsIcon i{
	width: 10px;
	height: 10px;
	border-top: 1px solid #606060;
	border-right: 1px solid #606060;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	display: inline-block;
}
.crumbs a{
	color: #1d74f5;
}
.crumbs span{
	color: #b4b4b4;
}
.infoName{
	background: #FFFFFF;
	border-radius: 8px;
	padding: 30px 35px;
}
.infoNameTit h5{
	font-size: 22px;
	color: #000000;
}
.infoNameTit p{
	font-size: 18px;
	color: #000000;
}
.infoNameTit span{
	color: #b4b4b4;
}
.infoName_ul{
	margin-top: 20px;
}
.infoName_ul li{
	margin-right: 80px;
}
.infoName_ul li label{
	font-size: 16px;
	color: #b4b4b4;
}
.infoName_ul li span{
	font-size: 18px;
	color: #000000;
}
.infoCont{
	align-items: stretch !important;
	-webkit-align-items: stretch !important;
	-moz-align-items: stretch !important;
	margin-top: 20px;
}
.describe{
	background: #FFFFFF;
	padding: 25px;
	border-radius: 8px;
	margin-right: 20px;
}
.desLabel span{
	margin-right: 10px;
	text-align: center;
}
.desLabel span:last-child{
	margin-right: 0;
}
.desLabel .desLabelSp1{
	width: 80px;
	height: 38px;
	line-height: 38px;
	background: #d2e3fd;
	border-radius: 4px;
	color: #1977f3;
	display: inline-block;
}
.desLabel .desLabelSp2{
	width: 80px;
	height: 38px;
	line-height: 38px;
	background: #ccf2db;
	border-radius: 4px;
	color: #00bc4b;
	display: inline-block;
}
.desLabel .desLabelSp3{
	width: 80px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #1977f3;
	color: #1977f3;
	display: inline-block;
	border-radius: 4px;
}
.desTit{
	font-size: 24px;
	color: #000000;
	margin: 30px 0 20px;
}
.desSxList{
	margin-bottom: 30px;
}
.desSxList label{
	font-size: 16px;
	color: #b4b4b4;
	width: 95px;
}
.desSxList span{
	font-size: 20px;
	color: #000000;
	width: 120px;
}
.desSxList span i{
	width: 24px;
	height: 24px;
	border: 2px solid #b4b4b4;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.desSxList span .active{
	background: url(../images/icon_ok.png) no-repeat;
	width: 32px;
	height: 32px;
	border: none;
}
.transcribe{
	background: #FFFFFF;
	padding: 35px;
}
.transcribe h5{
	font-size: 24px;
	color: #000000;
}
.transcribe p{
	font-size: 16px;
	color: #242424;
	margin: 30px 0;
}
.transcribe p span{
	color: #1d74f5;
}
.traCont{
	margin-bottom: 20px;
}
.traCont label{
	font-size: 16px;
	color: #b4b4b4;
	margin-right: 20px;
}
.traCont textarea{
	background: #f7f7f7;
	border-radius: 8px;
	border: none;
	padding: 30px;
}
.h20{
	height: 20px;
}
.h130{
	height: 130px;
}
.traBtn{
	text-align: right;
}
.btnClear{
	background: url(../images/icon_clear.png) no-repeat 60px center;
	width: 200px;
	height: 70px;
	border-radius: 8px;
	border: 1px solid #ff3c3c;
	color: #ff3c3c;
	font-size: 24px;
	text-indent: 100px;
	line-height: 70px;
}
.btnOk{
	width: 100px;
	height: 72px;
	line-height: 72px;
	text-align: center;
	background: #1d74f5;
	color: #FFFFFF;
	border: none;
	border-radius: 8px;
	font-size: 24px;
	margin-left: 20px;
}
.record{
	background: #FFFFFF;
	border-radius: 8px;
	padding: 30px 20px;
	margin-top: 20px;
}
.record h5{
	font-size: 24px;
	color: #000000;
	margin-bottom: 30px;
}
.recode_ul li{
	height: 90px;
	line-height: 90px;
	border-bottom: 1px solid #f0f0f0;
	padding: 0 20px;
}
.recode_ul li p{
	font-size: 18px;
	color: #000000;
}
.recode_ul li p span{
	color: #1678ff;
}
.recode_ul li p label{
	font-size: 16px;
	color: #b4b4b4;
}
.infoBtn{
	padding: 15px 0;
	text-align: center;
	background: #FFFFFF;
}
.infoBtn input{
	text-align: center;
	border-radius: 8px;
	margin: 0 10px;
	width: 100px;
	border: 1px solid #1d74f5;
	color: #1d74f5;
	text-align: center;
	font-size: 16px;
	margin: 0 10px;line-height: 33px;height:33px
}
.submit{
	height: 72px;
	line-height: 72px;
	background: #1d74f5;
	color: #FFFFFF;
	border: none;
}
.save{
	border: 1px solid #1d74f5;
	color: #1d74f5;
	height: 70px;
	line-height: 70px;
}
.skip{
	border: 1px solid #1d74f5;
	color: #1d74f5;
	height: 70px;
	line-height: 70px;
}
.invalid{
	border: 1px solid #e2e2e2;
	color: #b5b5b5;
	height: 70px;
	line-height: 70px;
}

/* 登录 */
/* .login{
	background: url(../images/loginBg.png) no-repeat center;
} */
.loginBg{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
}
.loginCont{
	background: #FFFFFF;
	width: 400px;
	padding: 30px 30px;
	border-radius: 10px;
	position: fixed;
	top: 50%;
	left: 70%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 2;
}
.loginLogo{
	text-align: center;
	margin-bottom: 10px;
}
.loginList_ul li{
	margin-bottom: 25px;
}
.loginList_ul li input{
	height: 56px;
	line-height: 56px;
	border: 1px solid #f0f0f0;
	border-radius: 6px;
	text-indent: 50px;
	width: 100%;
	font-size: 16px;
}
.loginList_ul li .name{
	background: url(../admin/images/icon_name.png) no-repeat 25px center;
}
.loginList_ul li .password{
	background: url(../admin/images/icon_pass.png) no-repeat 25px center;
}
.loginList_ul li .loginCode{
	background: url(../admin/images/icon_code.png) no-repeat 25px center;
	margin-right: 20px;
}
.passwordList{
	justify-content: space-between;
}
.remPass span{
	font-size: 16px;
	color: #b0b0b0;
	display: inline-block;
	vertical-align: middle;
}
.remPass i{
	width: 14px;
	height: 14px;
	border: 1px solid #f0f0f0;
	border-radius: 2px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.remPass .active{
	background: url(../admin/images/icon_yes.png) no-repeat;
	width: 16px;
	height: 16px;
}
.forgetPass{
	font-size: 16px;
	color: #1977f3;
}
.loginBtn input{
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	height: 56px;
	line-height: 56px;
	background: #1977f3;
	border-radius: 6px;
	font-size: 20px;
	border: none;
	margin-top: 35px;
}

/* .ajs-button{
    color: #fff !important;
    background-color: #1977f3 !important;
    border: 0 !important;
	cursor:pointer;
} */
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
    color: #1977f3;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
    background-color: transparent;
    color: #000;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
	cursor:pointer;
}
.alertify .ajs-dialog {
	top: 10%;
	margin: auto;
} 
.alertify .ajs-footer {
    background: #fbfbfb;
    border-top: #eee 1px solid;
    border-radius: 0 0 2px 2px;
}
.alertify .ajs-footer {
    padding: 4px;
    margin-left: -24px;
    margin-right: -24px;
    min-height: 43px;
    background-color: #fff;
}
.alertify .ajs-header {
    color: black;
    font-weight: bold;
    background: #fafafa;
    border-bottom: #eee 1px solid;
    border-radius: 2px 2px 0 0;
}
.alertify .ajs-header {
    margin: -24px;
    margin-bottom: 0;
    padding: 16px 24px;
    background-color: #fff;
}