@charset: "utf-8";

.icon_1{
	background: url(../images/icon_1.png) no-repeat;
	background-size: 500px 600px;
}

.icon_2{
	background: url(../images/icon_2.png) no-repeat;
	background-size: 20px 374px;
}

.log-content{
	width: 1200px;
	height: 628px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	top: 50%;
	margin-top: -314px;
}

.log-left{
	float: left;
	width: 798px;
	height: 628px;
	background-image: -webkit-linear-gradient(0deg, #5550fd, #823cfd);
	background-image: -ms-linear-gradient(0deg, #5550fd, #823cfd);
	background-image: linear-gradient(0deg, #5550fd, #823cfd);
	background-image: url(../images/_register-bj.jpg) \9;
}

.log-leftBj{
	width: 100%;
	height: 628px;
	background: url(../images/register-bj.png) no-repeat center;
}

.log-right{
	width: 402px;
	height: 628px;
	float: right;
	box-shadow: 0px 0px 10px -2px #ccc;
}

.header_log{
	height: 0;
	padding-top: 200px;
	width: 100%;
	position: relative;
	text-indent: -9999em;
	margin-bottom: 60px;
}

.header_i{
	position: absolute;
	width: 134px;
	height: 134px;
	bottom: -15px;
	left: 50%;
	margin-left: -67px;
	background: url(../images/logo_01.png) no-repeat center;
	background-size: 100%;
}

.form_log{
	width: 285px;
	margin: 0 auto;
	font-size: 16px;
}

.icon_1.form_button{
	width: 298px;
	height: 58px;
	background-position: -205px -56px;
}

.icon_1.form_button button{
	background: none;
	border: 0;
	width: 298px;
	height: 52px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 16px;
	border-radius: 20px;
}

.icon_1.form_button button:hover{
	cursor: pointer;
}

.form_input{
	margin-bottom: 40px;
}

.input_list{
	margin-bottom: 24px;
	overflow: hidden;
}

.input_label{
	width: 85px;
	line-height: 40px;
	color: #333333;
	padding-right: 14px;
	text-align: right;
}

.input_type input{
	width: 200px;
	height: 40px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	padding: 2px 10px;
}

.form_remember{
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	margin-bottom: 35px;
	padding-left: 25px;
	font-size: 14px;
}

.remember_left{
	position: relative;
	padding-left: 28px;
}

.remember_left input{
	opacity: 0;
	filter: alpha(opacity=0);
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 0;
	z-index: 1;
}

.remember_left input[type="checkbox"]:checked + .icon_1.bar{
	background-position: -10px -60px;
}

.remember_right a{
	color: #4683ec;
}

.icon_1.bar{
	position: absolute;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-position: -10px -92px;
	top: 50%;
	margin-top: -10px;
	left: 0;
}

.public_box{
	padding-left: 345px;
	/* overflow: hidden; */
	padding-right: 1%;
	transition: all .25s;
}
.public_box.cur{
	padding-left: 1%;
}

.public_bj{
	background: #f5f5f5;
	min-width: 1200px;
}

.public_information{
	/*width: 16.92%;*/
	width: 325px;
	background: #fff;
	box-shadow: 0px 0px 13px -4px #ccc;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 9;
	transition: all .25s;
	transform: translateX(0);
}

.public_information.cur{
	transform: translateX(-100%);
}

.public_content{
	width: 73.5%;
	padding-top: 20px;
}

.public_content.project_content{
	width: 98%;
	height: 50px;
}

.public_right{
	width: 350px;
	position: fixed;
	top: 0;
	z-index: 9;
	height: 100%;
	background: #f5f5f5;
	/* right: -350px; */
	transform: translateX(350px);
	right: 0;
	padding-bottom: 20px;
	padding-top: 10px;
	transition: all .25s;
}

.portrait{
	height: 104px;
	background-image: -webkit-radial-gradient(center center , #2c3904 ,#0c1604);
	background: url(../images/user-bj.jpg) \9;
	padding-top: 20px;
	margin-bottom: 44px;
	position: relative;
}

.portrait>a{
	width: 120px;
	height: 120px;
	display: block;
	overflow: hidden;
	border-radius: 180px;
	border: 2px solid #fff;
	margin: 0 auto;
}

.portrait img{
	width: 100%;
}

.information_attention{
	padding-top: 18px;
	/*height: 55px;*/
	border-bottom: 1px solid #ececec;
}

.attention_line{
	text-align: center;
	font-size: 12px;
	color: #666666;
	margin-bottom: 17px;
}

.icon_1.sex{
	display: inline-block;
	padding: 16px 0 0 16px;
	vertical-align: middle;
}

.icon_1.sex.man{
	background-position: -68px -222px;
}

.icon_1.sex.woman{
	background-position: -68px -248px;
}

.attention_list, .attention_list_project{
	overflow: hidden;
	padding: 0 10px;
	z-index:10;
}

.attention_list li, .attention_list_project li{
	width: 20%;
	float: left;
	text-align: center;
}

.attention_list li a, .attention_list_project li a{
	color: #666666;
}

.attention_list li img, .attention_list_project li img{
	width: 40px;
	height: 40px;
	border-radius: 180px;
}

.attention_date{
	position:absolute;
	bottom:-28px;
	right:0;
}

.icon_2.attention_date_list{
	width: 260px;
	height: 37px;
	line-height: 37px;
	font-size: 13px;
	margin: 0 auto;
	border: 1px solid #dddddd;
	background-position: 0 -216px;
	background-repeat: repeat-x;
	border-radius: 20px;
	text-align: center;
	color: #dcdcdc;
}

.attention_date_list span{
	color: #666;
}

.working{
	padding-top: 20px;
	margin-bottom: 16px;
}

.working_news.icon_1{
	width: 295px;
	height: 60px;
	margin: 0 auto;
	position: relative;
	background-position: -205px -56px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 14px;
}

.working_news:hover{
	cursor: pointer;
}

.working_news b{
	position: absolute;
	width: 14px;
	height: 14px;
	background-position: -68px -142px;
	left: 28px;
    top: 50%;
    margin-top: -13px;
}

.tasking{
	padding: 0 10px 10px 10px;
	height: 59.2%;
}

.task{
	border: 1px solid #dddddd;
	padding: 20px 10px;
	/*border-radius: 10px;*/
	/*box-shadow: 0px -1px 12px -2px #ccc;*/
	background-color: #f5f5f5;
	height: 100%;
	overflow: auto;
	border-radius: 10px 10px 0 0;
	border-bottom-width: 0;
}

.task li{
	position: relative;
	padding: 5px 0;
	overflow: hidden;
}

.task li:last-child{
	border-bottom: 0;
}

.task_input{
	width: 18px;
	height: 18px;
	position: relative;
	margin-top: 5px;
}

.task_input input{
	width: 18px;
	height: 18px;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	opacity: 1 \9;
	filter: alpha(opacity=100) \9;
}

.task_input input:hover{
	cursor: pointer;
}

.task_input .icon_1.task_label{
	position: absolute;
	width: 18px;
	height: 18px;
	background-position: -68px -194px; 
	z-index: 1;
	left: 0;
	top: 0;
}

.task_input .icon_1.task_label.active{
	background-position: -68px -166px; 
}

.task_text{
	padding-right: 54px;
	padding-left: 10px;
	width: 90%;
}

.task_text>span:hover{
	cursor: pointer;
}

.task_text>span{
	position: absolute;
}

.task_p{
	line-height: 26px;
	font-size: 12px;
}

.task_p em{
	color: #d54040;
}

.plate{
	position: absolute;
	width: 660px;
	background-color: #efefef;
	left: 100%;
	height: 100%;
	z-index: 9;
	top: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	/*padding: 40px 20px;*/
	border-radius: 0 20px 20px 0;
	display: none;
	/* overflow-y: auto; */
	/* overflow-x: hidden; */
}

.plate_header{
	overflow: hidden;
}

.plate_header-list{
	width: 166px;
	position: relative;
	text-align: center;
	float: left;
	margin-right: 15px;
}

.plate_header .plate_header-list.r_24{
	width: 110px;
}

.plate_header-list.r_24 .icon_2.accomplish_select.plate_select{
	padding-left: 25px;
}

#addrecord_form{
	padding: 30px 20px;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
}

.plate_header-list i{
	position: absolute;
    width: 8px;
    height: 5px;
    background-position: -10px -212px;
    top: 50%;
    right: 20px;
}

.icon_2.accomplish_select.plate_select{
	width: 100%;
	padding-left: 36px;
	height: 40px;
	border-radius: 20px;
}

.plate_header{
	margin-bottom: 24px;
}

.stair_classify{
	margin-bottom: 10px;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 6px;
}

.stair_classify_ul{
	overflow: hidden;
	/* width: 270px; */
	margin-left: -10px;
}

.stair_classify_ul li{
	width: 80px;
	height: 34px;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

.stair_classify_ul li input[type="radio"]{
	width: 80px;
	height: 36px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.stair_classify_ul li label{
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background-color: #000;
	color: #fff;
	text-align: center;
	line-height: 34px;
	font-size: 12px;
}

.stair_classify_ul li input:hover{
	cursor: pointer;
}

.other_import_textarea{
	width: 325px;
	height: 37px;
	vertical-align: middle;
	border: 1px solid #dddddd;
	padding: 10px;
	margin-right: 5px;
	border-radius: 20px;
}

.textarea_button{
	display: inline-block;
	width: 70px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #dddddd;
	font-size: 16px;
	color: #666666;
	border-radius: 20px;
	background-position: 0 -216px;
	background-repeat: repeat-x;
	vertical-align: middle;
}

.textarea_button:hover{
	cursor: pointer;
}

.other_import{
	/* padding-top: 10px; */
}

.stair_classify.items{
	border-bottom: 0;
}

.superaddition_ul{
	margin-left: -10px;
}

.superaddition_ul li{
	float: left;
	position: relative;
	border-radius: 20px;
	height: 36px;
	color: #fff;
	line-height: 36px;
	text-align: center;
	margin-left: 10px;
	padding: 0 20px;
	font-size: 14px;
	margin-bottom: 10px;
	display: none;
}

.superaddition_ul li i{
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 180px;
	background-color: #ed3612;
	top: -5px;
	right: 0;
	background-position: -116px -138px;
}

.superaddition_ul li i:hover{
	cursor: pointer;
}

.target{
	/* padding-top: 10px; */
	margin-bottom: 30px;
}

.target_input{
	margin-bottom: 10px;
	position: relative;
}

.target_input input{
	width: 167px;
	height: 42px;
	border: 1px solid #dddddd;
	border-radius: 20px;
	background-color: #fff;
	padding-left: 34px;
	font-size: 14px;
	color: #999999;
}

.target input::-webkit-input-placeholder
{
	color: #999999;
}

.target_input label{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 180px;
	text-indent: -9999em;
}

.target_input.target_over label{
	background-position: -68px -377px;
}

.target_input.target_time label{
	background-position: -68px -327px;
}

.affirm{
	width: 270px;
	height: 50px;
	background-position: -218px -140px;
	margin: 0 auto;
}

.affirm .addrecord_button {
	height: 43px;
	line-height: 43px;
	background: none;
	border: 0;
	font-size: 14px;
	color: #fff;
	width: 100%;
	cursor: pointer;
}

.close_bototn{
	position: absolute;
	width: 34px;
	height: 50px;
	border-radius: 0 5px 5px 0;
	background-color: #5c6880;
	top: 52px;
	right: -34px;
}

.close_bototn:hover{
	cursor: pointer;
}

.close_bototn i{
	position: absolute;
	width: 9px;
	height: 9px;
	background-position: -120px -142px;
	top: 50%;
	margin-top: -4.5px;
	margin-left: -4.5px;
	left: 50%;
}

.middle_header {
	position:relative;
	/*overflow: hidden;*/
}
.middle_header_list{
	/* width:35%; */
	width: 100%;
	float:left;
	display: flex;
	overflow: hidden;
}

.middle_header_list.middle_header_da{
	width: 100%;
}

.middle_header_list li{
	float: left;
	width: 120px;
	line-height: 36px;
	border: 1px solid #dddddd;
	border-radius: 10px 10px 0 0;
	margin-right: 10px;
	text-align: center;
	background-position: 0 -216px;
	background-repeat: repeat-x;
	border-bottom: 0;
}

.middle_header_list li.active{
	background-position: 0 -156px;
}

.middle_header_list li a{
	display: block;
	font-size: 14px;
	color: #666666;
}

.middle_content{
	width: 100%;
	min-width: 870px;
}

.middle_list{
	width: 100%;
	box-shadow: 0px -1px 16px -4px #ccc;
	padding: 0 20px;
	background: #fff;
	border-radius: 10px;
	overflow: auto;
}

.middle_item{
	overflow: hidden;
}

.achieve_accomplish{
	height: 70px;
	font-size: 12px;
	color: #666;
	line-height: 70px;
	position: relative;
	padding-left: 36px;
}

.icon_1.icon_accomplish{
	position: absolute;
	width: 22px;
	height: 22px;
	background-position: -10px -180px;
	top: 50%;
	margin-top: -11px;
	left: 0;
}

.achieve_accomplish ul{
	overflow: hidden;
}

.achieve_accomplish ul li{
	float: left;
	margin-right: 15px;
	overflow: hidden;
	position: relative;
}

.icon_2.accomplish_select{
	height: 32px;
	font-size: 12px;
	color: #666;
	border-radius: 15px;
	background-position: 0 -216px;
	background-repeat: repeat-x;
	border: 1px solid #ddd;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: #fff;
	outline: 0;
	padding: 0 15px;
	padding-right: 25px;
}

.achieve_accomplish ul li>i{
	position: absolute;
	width: 8px;
	height: 5px;
	background-position: -10px -212px;
	top: 50%;
	right: 10px;
}

.achieve_list_ul{
	border-top: 1px solid #e5e5e5;
}

.achieve_list_ul li{
	padding: 13px 0;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	position: relative;
	padding-bottom: 3px;
}

.achieve_list{
	min-height: 716px;
}

.classify{
	height: 35px;
	line-height: 35px;
	float: left;
	margin-right: 5px;
	border-radius: 20px;
	text-align: center;
	font-size: 12px;
	padding: 0 15px;
	margin-bottom: 10px;
}

.classify.label_s{
	border: 1px solid #e7e7e7;
	min-width: 60px;
	padding: 0;
	width: 63px;
}

.classify.label_s.swom{
	color: #ff6905;
}

.classify.label_s.seo{
	color: #4ca5ff;
}

.classify_second{
	width: 100px;
	background: #dc3d63;
	color: #fff;
}

.classify.redact{
	width: 100px;
	background: #4ca5ff;
	color: #fff;
}

.classify.tips{
	width: 290px;
	background: #2570bc;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.classify.number{
	width: 60px;
	background: #ff9934;
	color: #fff;
}

.classify.year,.classify.mins{
	width: 100px;
	background-position: 0 -52px;
	background-repeat: repeat-x;
	border: 1px solid #dddddd;
	padding: 0;
}

.attitude{
	position: absolute;
	right: 5px;
	top: 15px;
	/* width: 160px; */
}

.bad_attitude,.god_attitude{
	width: 30px;
	height: 30px;
	float: left;
	position: relative;
}

.bad_attitude:hover,.god_attitude:hover{
	cursor: pointer;
}

.bad_attitude.icon_1{
	margin-right: 8px;
	background-position: -15px -232px;
}


.god_attitude.icon_1{
	background-position: -15px -282px;
}

.bad_attitude b,.god_attitude b{
	position: absolute;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	color: #fff;
	border-radius: 50%;
	background: #ed3612;
	right: -5px;
	top: -9px;
}

.achieve_delay .classify.label_s{
	color: #cccccc;
}

.achieve_delay .classify.classify_second,
.achieve_delay .classify.redact,
.achieve_delay .classify.tips,
.achieve_delay .classify.number{
	background: #ccc;
}

.classify.mins.icon_2.delayed{
	color: #ed3612;
}

.paging-page{
	padding: 20px 0 40px;
}

.paging-page nav{
	width: 100%;
	overflow: hidden;
}

.paging-page nav ol{
	height: 25px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.paging-page nav li{
	/*float: left;*/
	padding: 0px 7px;
	border-radius: 20px;
	line-height: 1.9;
	border: 1px solid #dddddd;
	margin-right: 10px;
	background-image: -webkit-linear-gradient(top, #efefef, #ffffff);
}

/*.paging-page nav li:first-child,
.paging-page nav li:last-child{
	width: 30px;
}

.paging-page nav li:first-child{
	margin-right: 15px;
}

.paging-page nav li:last-child{
	margin-left: 15px;
}*/

.paging-page nav li .prev{
	display: block;
	width: 30px;
	height: 25px;
	background-position: -1px -321px;

}

.paging-page nav li.omit{
	margin-right: 0;
}

.paging-page nav li .prev.cur{
	background-position: -1px -366px;
}

.paging-page nav li .next{
	display: block;
	width: 30px;
	height: 25px;
	background-position: 0px -344px;
}

.paging-page nav li .next.cur{
	background-position: 1px -388px;
}

.paging-page nav li.omit{
	line-height: 17px;
}

.paging-page nav li:hover{
	cursor: pointer;
}

.paging-page nav li.active{
	color: #666666;
	background-image: -webkit-linear-gradient(top, #e5e5e5, #ffffff);
}

.paging-page nav li a{
	display: block;
	color: #999;
}

.icon_1.icon_accomplish.icon_unfinished{
	background-position: -68px -60px;
}

.task_input.achieve_checkbox{
	margin-top: 11px;
	margin-right: 10px;
}

.classify.year.defeated{
	width: 172px;
	position: relative;
	padding-left: 70px;
}

.defeated_plan{
	position: absolute;
	width: 72px;
	left: 0;
	top: 0;
	text-align: center;
	height: 33px;
	overflow: hidden;
	background-image: -webkit-linear-gradient(top, #fff, #efefef);
	background-color: #efefef \9;
	border-radius: 20px;
	border-right: 1px solid #ddd;
}

.project_header{
	/* height: 74px; */
	border-bottom: 1px solid #efefef;
	/* overflow: hidden; */
	font-size: 13px;
	color: #666666;
	padding: 17px 0;
	margin-bottom: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.total_list{
	flex: 1;
	display: flex;
	align-items: center;
}

.total_list li{
	float: left;
	margin-right: 0;
	padding-left: 14px;
}

.total_list li .task_input.achieve_checkbox{
	margin: 0;
	margin-top: 2px;
}

.total_list li span{
	margin-left: 10px;
}

.total_search{
	width: 240px;
	height: 40px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}

.total_input{
	height: 40px;
	border: 0;
	width: 76.2%;
	border-right: 1px solid #ddd;
	padding: 0 10px;
}

.total_button{
	width: 57px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	background-position: -68px -463px;
	border: 0;
}

.total_button:hover{
	cursor: pointer;
}

.total{
	padding-left: 10px;
	padding-right: 50px;
	height: 40px;
	line-height: 40px;
	position: relative;
}

.total i{
	position: absolute;
	width: 40px;
	height: 40px;
	background-position: -10px -377px;
	right: 0;
	top: 0;
}

.establish{
	width: 140px;
	height: 40px;
	border-radius: 20px;
	border: 1px solid #ddd;
	padding-left: 50px;
	position: relative;
	line-height: 38px;
	font-size: 16px;
	color: #666666;
	margin-bottom: 25px;
	background-position: 0 -216px;
	background-repeat: repeat-x;
}

.establish:hover{
	cursor: pointer;
}

.establish i{
	position: absolute;
	width: 22px;
	height: 22px;
	left: 10px;
	top: 50%;
	margin-top: -11px;
	background-position: -10px -427px;
}

.establish.cur i{
	background-position: -100px -60px;
}

.project_list{
	border-bottom: 1px solid #eee;
	padding-bottom: 32px;
	position: relative;
}

.project_ul{
	overflow: hidden;
	padding: 5px;
	margin-left: -2%;
	width: 102%;
}

.project_ul li{
	/*width: 236px;*/
	width: 14.666%;
	/*height: 204px;*/
	/*margin-left: 20px;*/
	margin-left: 2%;
	margin-bottom: 20px;
	float: left;
}

.project_ul li img{
	max-width: 100%;
}

.project_information{
	width: 100%;
	height: 150px;
	box-shadow: -1px 0px 16px -5px #dddddd;
	border-radius: 5px;
	position: relative;
	border: 1px solid #efefef;
	overflow: hidden;
	/* min-height:150px; */
	text-align: center;
}

.collect{
	position: absolute;
	z-index: 2;
	width: 32px;
    height: 32px;
}

.collect:hover{
	cursor: pointer;
}

.collect i{
	position: absolute;
	width: 32px;
	height: 32px;
	text-indent: -999em;
	left: 0;
	top: 0;
}

.collect i.no_collect{
	background-position: -10px -499px;
}

.collect i.yes_collect{
	background-position: -10px -460px;
}

.project_information b{
	position: absolute;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	right: 5px;
	top: 5px;
	text-indent: -999em;
}

.project_information b.no_dynamic{
	background-position: -10px -540px;
}

.project_information b.yes_dynamic{
	background-position: -68px -427px;
}

.progress{
	position: absolute;
	height: 46px;
	width: 100%;
	bottom: 0;
	left: 0;
	line-height: 46px;
	text-align: center;
	border-bottom: 3px solid #efefef;
	font-size: 12px;
	color: #666666;
}

.progress span{
	position: absolute;
	height: 3px;
	background: #7f3dfd;
	bottom: -3px;
	left: 0;
}

.project_text{
	line-height: 44px;
	text-align: center;
	padding: 0 10px;
	font-size: 12px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.found_content{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: 0px 0px 18px -2px #ddd;
	border-radius: 5px;
	padding: 50px 40px 30px 40px;
	display: none;
}

.found_left{
	width: 28.3%;
	margin-right: 3.29%;
}

.found_center{
	width: 45%;
	margin-right: 3.29%;
}

.found_right{
	width: 19.63%;
	overflow: hidden;
}

.found_addition{
	overflow: hidden;
	width: 110.9%;
	margin-left: -10.9%;
}

.found_addition li{
	float: left;
	width: 50px;
	text-align: center;
	color: #999;
	margin-left: 10.9%;
}

.found_addition li span{
	display: block;
	width: 50px;
	height: 50px;
	border: 1px solid #ddd;
	border-radius: 180px;
	line-height: 48px;
	font-size: 33px;
	background: #eeeeee;
}

.found_addition li span:hover{
	cursor: pointer;
}

.found_addition li p{
	line-height: 47px;
}

.found_close{
	position: absolute;
	width: 32px;
	height: 32px;
	border-radius: 180px;
	background-position: -108px -161px;
	text-indent: -999em;
	right: 14px;
	top: 10px;
}

.found_close:hover{
	cursor: pointer;
}

.designation{
	width: 100%;
	height: 40px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	background: #fff;
	padding: 0 20px;
	color: #999999;
	font-size: 16px;
}

.found_left_input{
	margin-bottom: 20px;
}

.designation.designation_classify{
	width: 160px;
}

.designation::-webkit-input-placeholder{
	color: #999999;
}

.found_left_file{
	border: 1px solid #dddddd;
	border-radius: 5px;
	width: 170px;
	height: 170px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}

.file_input{
	position: absolute;
	width: 170px;
	height: 170px;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}

.file_input:hover{
	cursor: pointer;
}

.found_textarea{
	width: 100%;
}

.found_textarea textarea{
	width: 100%;
	height: 160px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 20px;
	font-size: 16px;
	color: #999;
}

.found_textarea textarea::-webkit-input-placeholder,
.other_import textarea::-webkit-input-placeholder{
	color: red;
}

.establish_button{
	position: absolute;
	bottom: 50px;
	right: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 16.2%;
	border-radius: 5px;
	background: #7f3dfd;
}

.establish_button button{
	width: 100%;
	height: 100%;
	background: none;
	color: #fff;
	border: 0;
	font-size: 16px;
}

.establish_button button:hover{
	cursor: pointer;
}

.single_page{
	height: 50px;
	border-bottom: 1px solid #e5e5e5;
}

.single_left{
	font-size: 16px;
	/* font-weight: 700; */
	line-height: 50px;
	color: #666666;
	font-weight: normal;
}

.single_right{
	width: 70px;
	height: 32px;
	background-position: 0 -216px;
	background-repeat: repeat-x;
	border-radius: 20px;
	margin-top: 8px;
}

.single_right a{
	font-size: 14px;
	line-height: 32px;
	display: block;
	padding-left: 30px;
	border-radius: 20px;
	border: 1px solid #ddd;
	color: #666;
	background-position: -54px -502px;
}

.single_right a:hover{
	color: #666;
}

.icon_1.icon_accomplish.icon_conduct{
	background-position: -68px -534px;
}

.classify.year.icon_2.defeated.conduct{
	width: 170px;
}

.right_content_list{
	display: none;
}

.right_content_list.active{
	display: block;
	height: 100%;
}

.header_ul{
	overflow: hidden;
}

.header_ul li{
	float: left;
	width: 32.5%;
	margin-right: 1.25%;
	line-height: 40px;
	border: 1px solid #dddddd;
    border-radius: 10px 10px 0 0;
    text-align: center;
    background-position: 0 -216px;
    background-repeat: repeat-x;
    border-bottom: 0;
    font-size: 14px;
    color: #666666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.header_ul li.header_last_li.icon_2{
	margin-right: 0;
}

.header_ul li:hover{
	cursor: pointer;
}

.header_ul li.active{
	background-position: 0 -156px;
}

.right_content{
    height: 100%;
    overflow-y: auto;
    padding: 20px 10px;
    background-color: #fff;
    box-shadow: 0px -1px 16px -4px #ccc;
}

.issue{
	width: 100%;
	height: 220px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	box-shadow: 0px 0px 11px -2px #ccc;
	margin-bottom: 16px;
}

.issue_textarea{
	width: 100%;
	height: 170px;
	padding: 15px 20px;
	background-color: #f5f5f5;
	border-radius: 5px 5px 0 0; 
	border: 0;
	font-size: 14px;
	color: #999999;
	border-bottom: 1px solid #dddddd;
	display: block;
}

.issue_button{
	height: 50px;
	position: relative;
}

.issue_button_sumbit{
	position: absolute;
	width: 90px;
	height: 46px;
	background-position: -68px -92px;
	border: 0;
	line-height: 41px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	right: 5px;
	top: 3px;
}

.issue_button_sumbit:hover{
	cursor: pointer;
}

.message{
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	border-radius: 20px;
}

.message ul{
	padding: 20px;
}

.message_list{
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 14px;
	margin-bottom: 10px;
}

.message ul li.message_list:last-child{
	border: 0;
}

.message_list-header{
	position: relative;
	margin-bottom: 10px;
}

.message_list_user img{
	width: 42px;
	height: 42px;
	border: 1px solid #dddddd;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 20px;
}

.message_list_user span{
	font-size: 16px;
	font-size: #333333;
}

.message_titme{
	position: absolute;
	right: 0px;
	top: 11px;
	font-size: 14px;
}

.message_content{
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px;
	position: relative;
	font-size: 14px;
	color: #666666;
}

.message_content::after{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border: 1px solid #dddddd;
	border-width: 1px 1px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: -6px;
	background-color: #fff;
	left: 15px;
}

.datum{
	padding-top: 20px;
}

.datum_logo{
	margin-bottom: 5px;
}

.datum_logo_img{
	margin: 0 auto;
}

.datum_logo_img img{
	
}

.logo-z{
	height: 140px;
	width: 140px;
	border-radius: 180px;
	margin: 0 auto;
	border: 10px solid #ececed;
	border-radius: 180px;
	background: -webkit-linear-gradient(-90deg, #823cfd, #4d54fc); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-90deg, #823cfd, #4d54fc); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-90deg, #823cfd, #4d54fc); /* Firefox 3.6 - 15 */
    background: linear-gradient(-90deg, #823cfd, #4d54fc); 
    background: #4d54fc \9;
}

.logo-z i{
	display: block;
	width: 100%;
	height: 100%;
}

.datum_logo p{
	color: #666;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
}

.datum_logo p.datum_logo_p_t{
	margin-top:10px;
	border-bottom:1px solid #e5e5e5; 
	max-width: 160px; 
	margin: 0 auto;
}

.datum_logo p span{
	color: #6549fc;
}

.datum_text{
	width: 96%;
	background: #f5f5f5;
	border: 1px solid #dddddd;
	box-shadow: 0px -2px 15px -3px #dddddd;
	margin-left: 2%;
	padding: 20px;
	border-radius: 10px;
	/*max-height: 340px;*/
    overflow: auto;
}

.datum_text_kpi{
	color: #666;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

.datum_text_kpi h2{
	font-size: 14px;
	margin-bottom: 15px;
	font-weight: normal;
}

.datum_text_kpi h2 span{
	color: #5451fc
}

.datum_text_kpi p{
	font-size: 12px;
}

.datum_text_kpi-ul{
	border-left: 1px solid #dcdcdc;
	padding-bottom: 30px;
}

.datum_text_kpi-ul li{
	border-bottom: 1px solid #e5e5e5;
	padding-left: 30px;
	margin-bottom: 12px;
	position: relative;
}

.datum_text_kpi-ul li .standard_ul_test{
	margin-bottom: 15px;
}

.datum_text_kpi-ul li .standard_ul_b{
	margin-bottom: 10px;
}

.datum_text_kpi-span{
	position: absolute;
	width: 34px;
    height: 34px;
	background-color: #6549fc;
	color: #fff;
	text-align: center;
	line-height: 34px;
	font-size: 12px;
    top: -4px;
    left: -17px;
    border-radius: 180px;
}

.per_bj{
	background: #f5f5f5;
}

.personage{
	height: 100px;
	background: #0c1604;
	margin-bottom: 84px;
}

.conter1200{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.personage_img{
	width: 308px;
	height: 100px;
	background: url(../images/bj-ge.png) no-repeat center;
	padding-top: 30px;
	margin: 0 auto;
	text-align: center;
}

.personage_img img{
	width: 130px;
	height: 130px;
	border: 3px solid #fff;
	border-radius: 180px;
}

.public_gaine{
	width: 100%;
	border-radius: 5px;
	box-shadow: 0px 0px 15px 1px #ddd;
	background-color: #fff;
	margin-bottom: 20px;
}

.gaine_conter,.gaine_right,.gaine_left{
	width: 400px;
	padding: 20px;
	min-height: 287px;
}

.gaine_left{
	border-right: 1px solid #efefef;
	padding-left: 30px;
	position: relative;
}

.amend{
	position: absolute;
	width: 400px;
	height: 356px;
	padding: 30px 30px 30px 0;
	background: #f5f5f5;
	box-shadow: 0px 0px 15px 1px #ddd;
	z-index: 2;
	left: 0;
	display: none;
}

.amend p{
	height: 40px;
	line-height: 40px;
	margin-bottom: 14px;
}

.amend label{
	position: absolute;
	left: 0;
	width: 87px;
	text-align: right;
	font-size: 14px;
	color: #333333;
}

.amend p{
	position: relative;
	padding-left: 98px;
}

.amend::after{
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	border: 1px solid #e7e7e7;
	background-color: #f5f5f5;
	border-width: 0 0 1px 1px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	top: -13px;
	right: 80px;
	z-index: 0
}
.amend p input{
	height: 40px;
	width: 270px;
	border: 1px solid #e5e5e5;
	background: #fff;
	border-radius: 5px;
	padding: 0 10px;
}

.amend p.verify input{
	width: 156px;
	margin-right: 10px;
}

.amend p.verify img{
	display: inline-block;
	width: 96px;
	height: 38px;
	border: 1px solid #675bfc;
	vertical-align: middle;
}

.amend p.verify img:hover,
.amend_button:hover{
	cursor: pointer;
}

.amend_button{
	width: 340px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	background-color: #675bfc;
	font-size: 16px;
	margin-top: 36px;
	margin-left: 30px;
}

.public_header{
	width: 100%;
	line-height: 34px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	color: #0c1604;
	position: relative;
	padding-left: 15px;
	margin-bottom: 20px;
}

.public_header::after{
	content: "";
	position: absolute;
	width: 6px;
	height: 18px;
	top: 50%;
	margin-top: -12px;
	left: 0;
	background-color: #675bfc;
}

.public_header span{
	font-size: 14px;
	color: #4a9ee6;
}

.public_header span:hover,#personal_button:hover{
	cursor: pointer;
}

.personal{
	margin-bottom: 25px;
}

.personal_img{
	border: 1px solid #ddd;
	width: 160px;
	height: 160px;
	overflow: hidden;
	position: relative;
}
.personal_img img {
	left:50%;
	top:50%;
	position:absolute;
	transform:translate(-50%,-50%);
}

.personal_file{
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 160px;
	z-index: 5;
	opacity: 0;
	filter: alpha(opacity=0);
}

#personal_file_span{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 160px;
	top: 0;
	left: 0;
	background-color: #fff;
	color: #4a9ee6;
	display: none;
}

.personal_input{
	width: 160px;
}

.personal_input p{
	line-height: 26px;
	color: #333;
	font-size: 16px;
	position: relative;
	padding-left: 45px;
	margin-bottom: 5px;
}

.personal_input p label{
	position: absolute;
	left: 0;
	line-height: 26px;
	top: 2px;
}

.personal_input p input{
	font-size: 16px;
	width: 100%;
	color: #333;
	padding-left: 5px;
	border: 0;
}

#personal_button{
	width: 80px;
	color: #4a9ee6;
	background-position: 0 -216px;
	padding-left: 0;
	background-repeat: repeat-x;
	height: 28px;
	border: 1px solid #ddd;
	border-radius: 20px;
	font-size: 14px;
}

.gaine_conter_list ul{
	overflow: hidden;
}

.gaine_conter_list ul li{
	float: left;
	padding: 0 20px;
	line-height: 40px;
	border: 1px solid #5b4efc;
	border-radius: 20px;
	color: #333333;
	font-size: 16px;
	margin: 0 10px;
	margin-bottom: 10px;
}

.gaine_right{
	padding-right: 30px;
	border-left: 1px solid #ddd;
	font-size: 16px;
	color: #333;
}

.public_gaine.public_padding{
	padding: 20px 30px;
}

.attention ul{
	overflow: hidden;
}

.attention ul li{
	float: left;
	width: 40px;
	margin-left: 20px;
	text-align: center;
	margin-bottom: 10px;
}

.attention ul li img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: block;
	margin-bottom: 10px;
}

.attention ul li p{
	color: #666;
}

.attention_add{
	width: 40px;
	margin-left: 20px;
	text-align: center;
	color: #4a9ee6;
	margin-bottom: 10px;
}

.attention_add span{
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #4a9ee6;
	text-align: center;
	line-height: 38px;
	font-size: 24px;
	background-color: #f5f5f5;
	margin-bottom: 10px;
}

.gaine_items{
	margin-left: -20px;
	width: 1024px;
	margin: 0 auto;
}

.gaine_items>li{
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
}




.gaine_items_logo{
	float: left;
	width: 236px;
	height: 160px;
	box-shadow: 0px 0px 15px -3px #ddd;
}

.gaine_items_logo a {
	display:block;
	width:100%;
	height:100%;
}

.gaine_items_text p{
	font-size: 16px;
	color: #333;
}

.single_page.othe_page{
	height: 74px;
	border-bottom: 1px solid #e5e5e5;
}

.other_list{
	padding-top: 20px;
}

.other_list ul{
	overflow: hidden;
}

.other_list ul li, .other_actions ul li.icon_2,.other_actions ul li span.icon-2{
	float: left;
	width: 80px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #dddddd;
	font-size: 12px;
	background-position: 0 -216px;
	background-repeat: repeat-x;
	margin-right: 10px;
}

.other_list ul li a, .other_actions ul li.icon_2 .export_button{
	display: block;
	color: #666666;
}

.other_list ul li.active{
	border-color: #4ca5ff;
	background-position: 0 -276px;
}

.classify.label_s.name{
	color: #666666;
	font-size: 12px;
}

.single_page.othe_page.seek_page{
	border-bottom: 0;
}

.classify.redact.seek_help{
	background-color: #f22c2c;
	color: #fff;
}

.toggle-button{ display: none; }
.button-label{
    position: relative;
    display: inline-block;
    width: 136px;
    height: 35px;
    background-color: #ccc;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #ccc;
}
.circle{
    position: absolute;
    top: 0;
    width:  80px;
    left: 0;
    width: 30px;
    height: 33px;
    border-radius: 20px;
    background-color: #fff;
}
.button-label .text {
    line-height: 35px;
    font-size: 12px;
}

.on {
	color: #fff;
	display: none;
	text-indent: 17px;
}

.off {
	color: #fff;
	display: inline-block;
	text-indent: 34px;
	line-height:  40px;
	padding-left: 45px;
	display: inline-block;
	width: 100%;
}

.button-label .circle{
    left: 0;
    transition: all 0.3s;
    width: 65px;
}

.toggle-button:checked + label.button-label .circle{
    left: 70px;
}

.toggle-button:checked + label.button-label .on{ 
	display: inline-block; 
}

.toggle-button:checked + label.button-label .off{ 
	display: none; 
}
.toggle-button:checked + label.button-label{
    background-color: #45b10d;
}

.pop_box{
	position: fixed;
	width: 300px;
	height: 200px;
	background: #fff;
	top: 50%;
	left: 50%;
	z-index: 10;
	margin-left: -150px;
	margin-top: -100px;
	display: none;
	border-radius: 5px;
	box-shadow: 0px 0px 15px -1px #ccc;
}

.task_text{
	padding-right: 23px;
}

.task_remove{
	right: 0;
	top: 60px;
}

.public_content{
	width: 100%;
}

.icon_1.task_uploading{
	width: 18px;
	height: 18px;
	top: 10px;
	right: 0;
	background-position: -108px -203px;
	overflow: hidden;
	text-indent: -999em;
}

.task_file{
	position: absolute;
	width: 18px;
	height: 18px;
	top: 10px;
	right: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}

.task_p p>span{
	word-break:break-word;
	padding-right: 5px;
}

.task_t_l{
	float: left;
	padding: 0 9px;
	line-height: 26px;
	color: #999999;
	font-size: 12px;
	border: 1px solid #dddddd;
	border-radius: 20px;
	background-position: 0 -216px;
	background-repeat: repeat-x;
	margin-left: 5px;
	margin-bottom: 5px;
}

.achieve_list{
	min-height: auto;
	border-collapse: collapse;
	width: 100%;
}

.achieve_tbody{
	vertical-align: middle;
}

.achieve_tbody>tr{
	border-bottom: 1px solid #e5e5e5;
	height: 75px;
	padding-top: 20px;
}

.achieve_tbody>tr>td{
	position: relative;
}

.achieve_thead{
	line-height: 40px;
	background: #f5f5f5;
	text-align: center;
}

.achieve_thead>tr{
	border: 1px solid #e5e5e5;
	border-width: 1px 0;
	font-size: 14px;
	color: #999;
}

.achieve_tbody>tr .classify, .classify.last_pr_uname .classify, .classify.next_uid .classify, .classify.mark .classify{
	float: none;
	margin: 0 auto;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 10px;
}

.achieve_tbody>tr .classify.redact{
	width: auto;
	padding: 0 20px;
}

.achieve_thead>tr>th{
	font-weight: normal;
}

.achieve_tbody>tr .classify.year.icon_2.download, .classify.file_name .classify.year.icon_2.download{
	width: 130px;
	position: relative;
	padding: 0 45px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.classify.year.icon_2.download .download-i{
	position: absolute;
	width: 35px;
	height: 35px;
	background-position: -107px -231px;
    top: -2px;
	right: 1px;
}

.classify.year.icon_2.download .word-i{
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/word.png) no-repeat center;
    left: 19px;
	top: 6px;
}

.classify.year.icon_2.download .excel-i{
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/excel.png) no-repeat center;
    left: 19px;
	top: 6px;
}

.classify.year.icon_2.download .zip-i{
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/zip.png) no-repeat center;
    left: 19px;
	top: 6px;
}

.classify.year.icon_2.download .ppt-i{
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/ppt.png) no-repeat center;
    left: 19px;
	top: 6px;
}

.classify.year.icon_2.download .txt-i{
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/txt.png) no-repeat center;
    left: 19px;
	top: 8px;
}
.classify.year.icon_2.download .image-i{
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/image.png) no-repeat center;
    left: 19px;
	top: 8px;
}

.documents{
	font-size: 12px;
	line-height: 35px;
	color: #999999;
	width: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	 white-space: nowrap;
	 margin: 0 auto;
}

.documents>span{
	display: block;
}

.achieve_tbody>tr>td .icon_2.accomplish_select{
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #666666;
	border-radius: 20px;
}

.achieve_tbody>tr>td .x{
	width: 80px;
	margin: 0 auto;
}

.achieve_tbody>tr>td .x>i.s{
	position: absolute;
    width: 8px;
    height: 5px;
    background-position: -10px -212px;
    top: 50%;
    right: 20px;
}

.achieve_tbody>tr>td .icon_2.accomplish_select{
	width: 100%;
}

.achieve_tbody>tr>td .achieve-over{
	width: 140px;
	height: 40px;
	background: url(../images/icon_4.png) no-repeat center;
	border-radius: 20px;
	line-height: 40px;
	position: relative;
	text-align: center;
	margin: 0 auto;
}

.achieve_tbody>tr>td .achieve-over input{
	width: 90%;
	border: 0;
	padding-left: 20px;
	color: #999999;
	font-size: 14px;
	display: inline-block;
}

.achieve_tbody>tr>td .icon_1.achieve-over-t{
	position: absolute;
	width: 15px;
	height: 16px;
	background-position: -68px -566px;
	right: 17px;
    top: 50%;
    margin-top: -7px;
}

.achieve_tbody>tr>td .achieve-n{
	width: 69px;
	height: 40px;
	line-height: 40px;
	background: url(../images/icon_5.png) no-repeat center;
	border-radius: 20px;
	text-align: center;
	margin: 0 auto;
}

.achieve_tbody>tr>td .achieve-n input{
	width: 50%;
	border: 0;
	color: #999999;
	font-size: 14px;
	display: inline-block;
	text-align: center;
}

.achieve-uploading{
	position: relative;
	width: 42px;
	height: 42px;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto;
}

.achieve-uploading>input{
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 2;
	top: 0;
	left: 0;
	width: 42px;
	height: 42px;
}

.achieve-uploading .icon_1.achieve-up{
	position: absolute;
	width: 42px;
	height: 42px;
	left: 0;
	top: 0;
	background-position: -140px -453px;
}

.achieve-affirm{
	line-height: 40px;
	border: 1px solid #dddddd;
}

/*2018-9-26END*/


/*
10-08
mozi
*/
.achieve_tbody>tr.achieve_delay .classify{
	position: relative;
}

.achieve_delay .classify span.yan{
	position: absolute;
	background: #e92c2c;
	color: #fff;
	font-size: 12px;
	border: 1px solid #dddddd;
	width: 25px;
	height: 25px;
	top: -10px;
	right: -1px;
	line-height: 25px;
	text-align: center;
	z-index: 5;
	border-radius: 50%;
}

.achieve_delay .classify.label_s.classify-y{
	overflow: inherit;
}

.task{
	padding: 20px 0;
}

.task li{
	padding: 10px 5%; 
	overflow: hidden;
	-webkit-transition: height .5s ease;
	-o-transition: height .5s ease;
	transition: height .5s ease;
	height: 70px;
}

.task li.height{
	height: 185px;
}

.task li::after{
	content: "";
	position: absolute;
	width: 90%;
	left: 5%;
	bottom: 0;
	border-bottom: 1px solid #dcdcdc;
}

.task li.cur{
	background-color: #f2dede;
}

.task li.cur span.task-n{
	color: #d31616;
}

.task-stick{
	position: absolute;
	right: 5%;
	padding-top: 5px;
}

.task-stick>span{
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	overflow: hidden;
	text-indent: -999em;
}

.task-stick>span:hover{
	cursor: pointer;
}

.task-stick>span.task-t{
	background-position: -167px -177px;
	margin-bottom: 10px;
}

.task-stick>span.task-b{
	background-position: -167px -203px;
}

.task-stick>span.task-b.cur{
	background-position: -167px -231px;
}

.task_t{
	position: relative;
}

.task-10-8{
	position: relative;
	width: 150px;
	height: 24px;
	border: 1px solid #dcdcdc;
	border-radius: 15px;
	background-position: 0 -276px;
	background-repeat: repeat-x;
	padding: 0 24px 0 0;
	margin-bottom: 36px;
}

.task-10-8 .task_file{
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0;
	right: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}

.task-10-8 .task_uploading{
	position: absolute;
	width: 24px;
	height: 24px;
	background-position: -167px -259px;
	top: 0;
	right: 0;
}

.task-10-8-text{
	line-height: 22px;
	padding-left: 37px;
	width: 150px;
    padding-right: 24px;
}

.task-10-8-text>span{
	display: block;
	color: #999999;
	font-size: 12px;
	position: relative;
	overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

.task-10-8-text>span::after{
	content: "";
	position: absolute;
	left: -9px;
    top: 1px;
	height: 15px;
	width: 1px;
	background-color: #e5e5e5;
}

.task-10-8-text.word{
	background: url(../images/word.png) no-repeat 10px center;
	background-size: 13px;
}
.task-10-8-text.excel{
	background: url(../images/excel.png) no-repeat 10px center;
	background-size: 13px;
}
.task-10-8-text.zip{
	background: url(../images/zip.png) no-repeat 10px center;
	background-size: 13px;
}

.task-10-8-text.ppt{
	background: url(../images/ppt.png) no-repeat 10px center;
	background-size: 13px;
}

.task-10-8-text.txt{
	background: url(../images/txt.png) no-repeat 10px center;
	background-size: 13px;
}
.task-10-8-text.image{
	background: url(../images/image.png) no-repeat 10px center;
	background-size: 13px;
}

.task_p{
	min-height:50px;
	margin-bottom: 10px;
	cursor:pointer;
}

.task-10-8-b{
	width: 67px;
	margin: 0 auto;
	overflow: hidden;
}

.task-10-8-b span{
	display: block;
}

.task_amend{
	width: 24px;
	height: 24px;
	background-position: -167px -293px;
}

.task_remove{
	width: 24px;
	height: 24px;
	background-position: -167px -327px;
} 

.task-10-8-amend{
	position: relative;
}

.task-10-8-amend::after{
	content: "";
	position: absolute;
	height: 16px;
	width: 1px;
	background-color: #dcdcdc;
	top: 4px;
	right: -10px;
}

.task_amend:hover,
.task_remove:hover{
	cursor: pointer;
}

.achieve_accomplish ul li>i.date{
	width: 16px;
	height: 16px;
	background-position: -68px -566px; 
	top: 50%;
    margin-top: -6px;
}

.icon_2.accomplish_select.date-t5{
	width: 100px;
	height: 32px;
	text-align: center;
	/* line-height: 32px; */
	border: 1px solid #dddddd;
	background-position: 0 -216px;
	background-repeat: repeat-x;
	border-radius: 20px;
	padding-right: 30px;
	/* font-size: 16px; */
	color: #666666;
	padding-left: 10px;
}

.width70{
	width: 70px;
}

.width100{
	width: 100px;
}

.width90{
	width: 90px;
}

.width200{
	width: 200px;
}

.width180{
	width: 180px;
}

.width200 .attitude{
	position: relative;
	float: right;
	top: inherit;
}

.back-10-09{
	position: absolute;
	width: 170px;
	height: 40px;
	border-radius: 20px;
	border: 1px solid #707070;
	top: 50%;
	margin-top: -20px;
	right: 0;
	line-height: 40px;
	text-align: center;
	padding-left: 15px;
}

.back-10-09 a{
	color: #888888;
}

.back-10-09 a.active{
	position: relative;
}

.back-10-09 a.active::after{
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: url(../images/icon_6.png) no-repeat center;
	left: -28px;
    top: -1px;
}

.target .target-10{
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 14px;
}

.target-10 input{
	font-size: 12px;
	color: #999;
}

.target-10 .target_number{
	width: 72px;
	margin-left: 10px;
}

.target-10 .target_number>input{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #dddddd;
	border-radius: 20px;
	background-color: #ffffff;
	padding: 0 10px;
	text-align: center;
	color: #999999;
}

.target_up{
	width: 177px;
	border: 1px solid #ddd;
	border-radius: 20px;
	background-color: #ffffff;
	margin-right: 10px;
	position: relative;
	line-height: 40px;
	padding-left: 48px;
	color: #999999;
	height: 40px;
}

.target_up label{
	white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inherit;
    height: 100%;
}

.target_up>input{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 7;
	opacity: 0;
	filter: alpha(opacity=0);
}

.target_up>input,
.target_up>i.icon_file{
	cursor: pointer;
}

.target_up>i.icon_file{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 0;
	top: 0;
	background-position: -141px -454px;
}

.target-10 .end-time{
	position: relative;
}

.target-10 .end-time>input{
	width: 140px;
	height: 40px;
	line-height: 38px;
	padding: 0 15px 0 20px;
	border-radius: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.target-10 .end-time>i.icon_time{
	position: absolute;
	width: 15px;
	height: 16px;
	right: 13px;
    top: 12px;
	background-position: -68px -566px;
}

.target-10 .quantum{
	width: 110px;
	overflow: hidden;
	margin-left: 10px;
	border-radius: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	position: relative;
}

.target-10.new_24{
	padding-bottom: 10px;
	border-bottom: 1px solid #dcdcdc;
}

.target-10 .quantum.person{
	width: 140px;
	margin-left: 0;
}

.target-10 .quantum.person>select{
	padding-left: 20px;
}

.target-10 .quantum>select{
	width: 100%;
	height: 40px;
	padding-left: 28px;
	padding-right: 18px;
	color: #999999;
	font-size: 12px;
	border: 0;
}
.target-10 .quantum>i.icon_option{
	position: absolute;
    width: 8px;
    height: 5px;
    background-position: -10px -212px;
    top: 50%;
    right: 16px;
}

.remark>input{
	width: 325px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 20px;
}

.attention_10{
	height: 64px;
	position: relative;
}

.attention_list{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	height: 74px;
	overflow: hidden;
}

.attention_list li, .attention_list_project li{
	margin-bottom: 5px;
}

.attention_list li.last img, .attention_list_project li.last img{
	content: url(../images/more.png);
}

.attention_list li.last.cur img, .attention_list_project li.last.cur img{
	content: url(../images/qu.png);
}

.classify.file_name, .classify.last_pr_uname, .classify.next_uid, .classify.mark {
	position:relative;
}
.classify.file_name {
	margin-right:35px;
}
.classify.last_pr_uname, .classify.next_uid, .classify.mark {
	margin-right:25px;
}

.portrait-quit a {
	color: #fff;
}

/*10-08END*/

.addrecord_progress{
	background-image: -webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
	background-image: -o-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#f5f5f5));
	background-image: linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
	background-repeat: repeat-x;height: 20px;
	margin: 10px;
	overflow: hidden;
	background-color: #f5f5f5;border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1); display:none; 
}
.addrecord-progress-bar-striped {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}
.addrecord-progress-bar {
	background-image: -webkit-linear-gradient(top,#337ab7 0,#286090 100%);
	background-image: -o-linear-gradient(top,#337ab7 0,#286090 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#286090));
	background-image: linear-gradient(to bottom,#337ab7 0,#286090 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
	background-repeat: repeat-x;
}
.addrecord-progress-bar-striped, .addrecord-progress-striped .addrecord-progress-bar {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
}
.addrecord-progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #337ab7;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
}

.chehui-icon.icon_1{
	margin-right: 4px;
	width: 30px;
	height: 30px;
	float:left;
	position:relative;
}
.chehui.icon_1{
	background: url(../images/ch.png) no-repeat;
	cursor:pointer;
	background-size: 30px;
}
.chehui-no.icon_1{
	background: url(../images/ch-h.png) no-repeat;
	background-size: 30px;
}

.disable-endtime-select {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	background-color: transparent;
}

/*11-19*/

.icon_1_v2{
	background: url(../images/icon_1v2.png) no-repeat;
	background-size: 100px 160px;
}

.annals_t{
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	margin-bottom: 10px;
}

.annals_t_t{
	height: 50px;
	border-bottom: 1px solid #e5e5e5;
	line-height: 30px;
	font-size: 12px;
	padding: 10px;
	background-color: #f5f5f5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.annals_se{
	width: 90px;
	position: relative;
	display: inline-block;
}

#annals_select{
	width: 100%;
	border: 0;
	font-size: 18px;
	color: #5c4dfc;
	font-weight: 700;
	padding: 0 0 0 10px;

	vertical-align: middle;
	background: none;
	position: relative;
    z-index: 1;
}

#annals_select > option{
	font-size: 14px;
	text-align: center;
}

.annals_se + span{
	vertical-align: middle;
	padding-left: 10px;
}

.annals_select_icon{
	position: absolute;
	right: 0;
	top: 5px;
	width: 22px;
	height: 22px;
	background-position: 0 0;
	z-index: 0;
}

.annals_t_b{
	padding: 20px 10px 15px 10px;
	overflow: hidden;
	width: 100%;
}

.annals_month{
	overflow: hidden;
	margin-left: -10px;
}

.annals_month li{
	float: left;
	width: 42px;
    height: 42px;
	border-radius: 180px;
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	text-align: center;
	line-height: 42px;
	font-size: 14px;
	margin-bottom: 14px;
	margin-left: 10px;
}

.annals_month li:hover{
	cursor: pointer;
}

.annals_month li.active{
	background: #5c4dfc;
	color: #fff;
}

.annals_month li.present{
	border-color: #5c4dfc;
}

.month_pop_up{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 10;
	display: none;
}

.month_details{
	position: absolute;
	width: 910px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: #fff;
	border-radius: 10px;
	padding: 0 30px 30px 30px;
}

.details_header{
	line-height: 57px;
	color: #666666;
	font-size: 20px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 15px;
}

.report_list{
	padding: 56px 0 35px 13px;
	border-left: 1px solid #e5e5e5;
	position: relative;
	margin-left: 35px;
}

.report_list .weekly_newspaper{
	position: absolute;
	width: 56px;
	height: 56px;
	border-radius: 180px;
	background-color: #f5f5f5;
	border: 1px solid #e5e5e5;
	color: #00b7ee;
	line-height: 56px;
	text-align: center;
	font-size: 16px;
	top: 0;
	left: -28px;
}

.report_list .weekly_newspaper.month_newspaper{
	color: #f99a9a;
}

.report_list .weekly_newspaper.year_newspaper{
	color: #efac2a;
}

.report_list .weekly_ul,
.report_list .up_add{
	float: left;
}

.weekly_ul>li{
	float: left;
	width: 115px;
	/*border-right: 1px solid #e5e5e5;*/
	padding-left: 23px;
	margin-bottom: 10px;
}

.weekly_ul>li:nth-last-child(3),
.weekly_ul>li.up_add{
	border-width: 0;
}

.weekly_ul>li .ul_date{
	float: left;
	width: 48px;
	height: 48px;
	border: 1px solid #dddddd;
	border-radius: 180px;
	background-color: #00b7ee;
	line-height: 48px;
	text-align: center;
	color: #fff;
}

.weekly_ul.month_ul>li .ul_date{
	background-color: #ee8787;
}

.weekly_ul.year_ul>li .ul_date{
	background-color: #efb140;
}

.weekly_ul>li .ul_up{
	float: left;
	padding-left: 2px;
}

.ul_up a{
	display: block;
	height: 100%;
}

.ul_up_c{
	width: 22px;
	height: 22px;
	margin-top: 3px;
	position: relative;
}

.ul_up_c>span{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.up_icon .up_d{
	background-position: 0 -66px;
}

.up_icon .up_u{
	/*overflow: hidden;*/
	background-position: 0 -98px;
	float: left;
}

.up_icon .up_uploading{
	float: left;
	border: 0;
	background: #5c4dfc;
	font-size: 12px;
	color: #fff;
	/* position: absolute; */
	/* bottom: 10px; */
	/* right: 10px; */
	width: 50px;
	text-align: center;
	line-height: 22px;
	border-radius: 5px;
	margin: 5px 0;
}

.up_u .up_u_input{
	width: 22px;
	height: 22px;
	opacity: 0;
	filter: alpha(opacity=00);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.up_add .up_add_left{
	width: 25px;
	height: 25px;
	background-position: 0 -32px;
	margin-top: 10px;
}

.up_add_left.add_left_month{
	background-position: -33px 0;
}

.up_add_left.add_left_year{
	background-position: -33px -32px;
}

.weekly_ul li.up_add{
	position: relative;
}

.up_add .add_input{
	width: 197px;
	height: 54px;
	background-color: #f5f5f5;
	position: absolute;
	top: -50%;
	right: -140px;
	z-index: 2;
	border-radius: 5px;
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin-top: 15px;
	display: none;
	/* overflow: hidden; */
}

.up_add .add_input::after{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border: 1px solid #e5e5e5;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 
	left: -6px;
	top: 50%;
	margin-top: -10px;
	background-color: #f5f5f5;
	border-width: 0 0 1px 1px;
}

.add_input .add_guan{
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/g.png) no-repeat center;
	background-size: 22px;
	top: -13px;
	right: -10px;
}

.add_input .input_c{
	width: 100%;
}

.input_c .report_week{
	width: 100%;
	height: 36px;
	padding: 10px;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
	color: #333;
	margin-bottom: 10px;
}

.input_c .report_week::-webkit-input-placeholder{
	color: #dddddd;
}

.ul_up_c .up_d_list{
	position: absolute;
	width: 125px;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	left: 30px;
	top: 50%;
	padding: 10px 10px 0;
	background: #f5f5f5;
	z-index: 10;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: none;
}

.ul_up_c .up_d_list::after{
	content: "";
	position: absolute;
	border: 1px solid #e5e5e5;
	border-width: 0 0 1px 1px;
	background: #f5f5f5;
	z-index: 1;
	width: 10px;
	height: 10px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 
	left: -5px;
	top: 50%;
	margin-top: -5px;
}

.up_d_list ul>li{
	border-bottom: 1px solid #e5e5e5;
	line-height: 36px;
	position: relative;
}

.up_d_list ul>li:last-child{
	border-bottom: 0;
	border-width: 0;
}

.zhou_icon_l{
	width: 80px;
	overflow: hidden;
	font-size: 12px;
	color: #999999;
	padding-left: 30px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ul_up a.zhou_icon_D,
.up_ud_input{
	position: absolute;
	width: 22px;
	height: 22px;
	right: 2px;
	top: 50%;
	margin-top: -11px;
}

.ul_up a.zhou_icon_D{
	background-position: 0 -66px;
}

.up_ud_input{
	background-position: 0 -130px;
	overflow: hidden;
}

.zhou_icon_l.zip{
	background: url(../images/zip.png) no-repeat left center;
}

.zhou_icon_l.ppt{
	background: url(../images/ppt.png) no-repeat left center;
}

.zhou_icon_l.word{
	background: url(../images/word.png) no-repeat left center;
}

.zhou_icon_l.image{
	background: url(../images/image.png) no-repeat left center;
}

.zhou_icon_l.excel{
	background: url(../images/excel.png) no-repeat left center;
}

.zhou_icon_l.txt{
	background: url(../images/txt.png) no-repeat left center;
}

.data_uploading{
	line-height: 36px;
	position: relative;
	text-align: center;
	/*border-top: 1px solid #e5e5e5;*/
	color: #ea6a6a;
}

.data_uploading>i{
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -11px;
	background-position: 0 -98px;
}

.up_u .data_uploading .up_u_input{
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -11px;
}

.data_uploading button.up_uploading{
	position: static;
	width: 100%;
}

.details_close{
	position: absolute;
	width: 32px;
	height: 32px;
	background: url(../images/g.png) no-repeat center;
	right: -32px;
	top: -38px;
}

.task li.bold{
	font-weight: 900;
}

.date_c{
	width: 305px;
	position: absolute;
	height: 45px;
	z-index: 9;
	border: 1px solid #dddddd;
	bottom: 5px;
	left: 10px;
}

.date_c > ul{
	overflow: hidden;
}

.date_c > ul > li{
	float: left;
	width: 14.28%;
	text-align: center;
	line-height: 45px;
	height: 45px;
	overflow: hidden;
	position: relative;
	background-position: 0 -216px;
	background-repeat: repeat;
	border-bottom: 1px solid #ddd;
}

.date_c > ul > li.cur{
	background-position: 0 -156px;
	font-weight: 700;
}

.date_c > ul > li.bold {
	font-weight: 900;
}

.date_c > ul > li:after{
	content: "";
	position: absolute;
	height: 100%;
	border-left: 1px solid #ddd;
	top: 0;
	left: 0;
}

.date_c > ul > li>i{
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 180px;
	top: 0;
	left: 0;
	background-color: #e92121;
	z-index: 5;
}

.date_c > ul > li:first-child:after{
	border-width: 0;
}

.notification{
	position: absolute;
	width: 100px;
	height: 84px;
	top: 0;
	right: 0;
}

.notification > i{
	position: absolute;
	right: 30px;
	top: 20px;
	width: 17px;
	height: 21px;
	background-position: -36px -67px;
}

.notification > span#notification_n{
	position: absolute;
	background-color: #e92121;
	color: #fff;
	border-radius: 180px;
	right: 12px;
    top: 13px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}

.notification .notification_tips{
	position: absolute;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	background-color: #fff;
	border-radius: 20px;
	right: 5px;
	bottom: 3px;
	display: none;
}

.notification .notification_tips:after{
	content: "";
	position: absolute;
	border: 5px solid transparent;
	border-bottom-color: #fff;
	top: -10px;
	right: 30px;
}

.significance{
	border: 1px solid #dddddd;
	border-radius: 5px;
	padding: 0 10px;
	background: #f5f5f5;
	margin-bottom: 10px;
	position: relative;
}

.significance > h3{
	line-height: 50px;
	font-size: 16px;
	color: #5c4dfc;
	padding-left: 9px;
}

.significance .significance_list{
	margin-bottom: 15px;
	border-top: 1px solid #ddd;
	max-height: 247px;
	overflow-y: auto;
}

.significance_list li{
	line-height: 40px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 7px center;
	position: relative;
	border-bottom: 1px solid #ddd;
}

.significance_list li>p{
	width: 100%;
	padding-right: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.significance_list li.txt{
	background-image: url(../images/txt.png);
}

.significance_list li.image{
	background-image: url(../images/image.png);
}

.significance_list li.zip{
	background-image: url(../images/zip.png);
}

.significance_list li.excel{
	background-image: url(../images/excel.png);
}

.significance_list li.ppt{
	background-image: url(../images/ppt.png);
}

.significance_list li.word{
	background-image: url(../images/word.png);
}

.significance_list .significance_r{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -11px;
	height: 22px;
	overflow: hidden;
}

.significance_r .significance_d{
	float: left;
	display: block;
	width: 22px;
	height: 22px;
	background-position: 0 -66px;
	text-indent: -999em;
}

.significance_r .significance_c{
	float: left;
	display: block;
	width: 22px;
	height: 22px;
	background-position: 0 -130px;
	text-indent: -999em;
	margin-left: 5px;
}

.significance_add{
	position: relative;
}

.significance_add .significance_add_s{
	width: 46px;
	height: 46px;
	margin: 0 auto;
	background: url(../images/add_significance.png) no-repeat center;
	margin-bottom: 10px;
}

.significance_add_c_n{
	display: none;
}

.significance_add .significance_add_name{
	width: 216px;
	height: 65px;
	border: 1px solid #ddd;
	border-radius: 5px;
	position: relative;
	background: #fff;
	margin: 0 auto;
	box-shadow: 1px 3px 9px -3px #ccc;
	display: -webkit-flex; 
  	display: flex;
	align-items: center;
	padding: 10px;
	position: absolute;
	left: 50%;
	margin-left: -108px;
	z-index: 10;
}

.significance_add .significance_add_name::after{
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	border-width: 0 0 1px 1px;
	-ms-transform:rotate(135deg); 	/* IE 9 */
	-moz-transform:rotate(135deg); 	/* Firefox */
	-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
	-o-transform:rotate(135deg); 	/* Opera */
	transform:rotate(135deg);
	top: -11px;
	left: 50%;
	margin-left: -10px;
	background: #fff;
}

.significance_add_name .significance_file{
	width: 23px;
	height: 23px;
	background-position: -33px -98px;
	overflow: hidden;
}

.significance_file input{
	opacity: 0;
	filter: alpha(opacity=00);
}

.significance_add_name .significance_text{
	width: 142px;
	line-height: 30px;
	padding: 0 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #f5f5f5;
	margin-left: 8px;
}

.significance_text input{
	width: 100%;
	border: 0;
	background-color: #f5f5f5;
}

.significance_add_name .significance_button{
	width: 23px;
	height: 23px;
	overflow: hidden;
	background-position: 0 -98px;
	margin-left: 7px;
	text-indent: -999em;
}

.significance .significance_search{
	position: absolute;
	right: 10px;
	top: 10px;
}

.significance_search>input{
	width: 140px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0 10px;
}

.significance_search>button{
	height: 30px;
    background: #5c4dfc;
    border: 0;
    width: 44px;
    color: #fff;
}

.issues_header{
	position: relative;
}

.issues_header_t{
	display: -webkit-flex; 
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.issues_add{
	margin-right: 10px;
}

.issues_add em{
	color: #61c81c;
	padding-right: 8px;
}

.issues_add span{
	display: inline-block;
	width: 25px;
	height: 25px;
	background-position: -33px -130px;
	vertical-align: middle;
}

.issues_pop{
	position: absolute;
    top: 40px;
    right: 0;
    padding: 15px 10px;
    background-color: #fff;
    border-radius: 5px;
    width: 100%;
    border: 1px solid #ddd;
    display: none;
    z-index: 11;
}

.issues_pop:after{
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	border: 1px solid #ddd;
	border-width: 0 0 1px 1px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	top: -8px;
    right: 15px;
    background-color: #fff;
}

.issues_pop .issues_pop_date{
	display: -webkit-flex; 
    display: flex;
    margin-bottom: 10px;
}

.issues_pop_date>span{
	display: block;
	width: 32px;
	height: 32px;
	background-position: -65px 0;
}

#issues_pop_date{
	height: 32px;
	width: 267px;
	margin-left: 10px;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	border-radius: 5px;
	padding: 0 10px;
}

.issues_pop .issues_pop_title{
	margin-bottom: 10px;
}

.issues_pop .issues_pop_title>input{
	width: 100%;
	height: 32px;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	border-radius: 5px;
	padding: 0 10px;
}

.issues_pop .issues_pop_txt textarea{
	width: 100%;
	height: 64px;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 15px;
}

.issues_pop #issues_button{
	display: block;
	width: 134px;
	height: 54px;
    background: url(../images/que.png) no-repeat center 6px;
    margin: 0 auto;
    border: 0;
	color: #fff;
}

.issues_b{
	padding-top: 17px;
	margin-bottom: 20px;
}

.issues_b .issues_list{
	border-left: 1px solid #ddd;
	padding: 0 10px;
	max-height: 400px;
	overflow-x: auto;
}

.issues_list li{
	position: relative;
	border-bottom: 1px solid #ddd;
	padding: 10px 5px;
}

.issues_list li:after{
	content: '';
	position: absolute;
	border: 5px solid transparent;
	border-left-color: #666666;
	left: -10px;
	top: 22px;
}

.issues_list li:last-child{
	border-bottom: 0;
}

.issues_list .issues_list_date{
	width: 123px;
	height: 32px;
	display: flex;
	line-height: 32px;
	border-radius: 20px;
	border: 1px solid #ddd;
	background: #5451fc;
	color: #fff;
	display: -webkit-flex; 
    display: flex;
    margin-bottom: 15px;
}

.issues_list_date>span{
    width: 32px;
    height: 32px;
    margin-right: 5px;
    background-position: -65px 0;
}

.issues_list_text .issues_list_title{
	font-weight: 700;
	color: #666;
}

.issues_list_text .issues_list_t{
	color: #999;
}

.big_issues_standard{
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	height: 300px;
	overflow-y: auto;
	border-radius: 10px;
}

.issues_header_t.standard_header{
	line-height: 50px;
	padding-bottom: 0;
	padding-left: 10px;
}

.standard_ul{
	padding: 10px;
	overflow: hidden;
}

.standard_ul ul{
	margin-left: -3%;
	display: flex;
	flex-wrap: wrap;
}

.standard_ul li{
	width: 46%;
	margin-left: 3%;
	margin-bottom: 5px;
}

.standard_ul_b{
	position: relative;
	height: 22px;
}

.standard_ul_b>span{
	position: absolute;
	width: 90px;
	height: 10px;
	border-radius: 10px;
	border: 1px solid #ddd;
	overflow-x: hidden;
	top: 7px;
	background: #fff;
}

.standard_ul_b>span i{
	position: absolute;
	height: 100%;
	background-color: #5451fc;
	width: 0;
	left: 0;
	top: 0;
}

.standard_ul_b>input{
	width: 32px;
	height: 22px;
	border-radius: 20px;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 12px;
	color: #5451fc;
	line-height: 22px;
	position: absolute;
    right: 13px;
}

.standard_ul_b:after{
	content: '%';
	position: absolute;
	right: 0;
	top: 0;
	color: #666666;
}

.datum_logo_img.new_12{
	width: 140px;
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: start;
	margin-top: 15px;
}

.datum_logo_img.new_12 .logo-z{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.logo-z #score{
	font-size: 24px;
}

.logo-z #score span{
	font-size: 14px;
}

.performance{
	margin-bottom: 20px;
	/*display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;*/
}

/* .performance_title{
	text-align: center;
	margin-bottom: 5px;
} */

.time_list ul{
	overflow-x: hidden;
}

.time_list ul li{
	float: left;
	width: calc(100% / 4);
	/* height: 35px; */
	line-height: 35px;
	text-align: center;
	color: #666666;
	background-position: 0 100px;
}

.time_list ul li.active{
	background-position: 0 -156px;
	background-repeat: repeat-x;
	border-radius: 5px 5px 0 0;
	font-weight: 700;
	border: 1px solid #dddddd;
	border-bottom: 0;
}

.time_list_c{
	height: calc(100% - 220px);
	border: 1px solid #ddd;
	background-color: #f5f5f5;
}

.time_list_c_l{
	height: 100%;
	overflow-x: hidden;
	display: none;
}

.time_list_c_l.active{
	display: block;
}

.time_list_c_l .mission_header{
	padding: 10px;
}

.mission_header ul{
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #fff; 
	padding-left: 1px;
}

.mission_header ul li{
	float: left;
	 width: calc(100% / 4);
	height: 70px;
	text-align: center;
	border-right: 1px solid #ddd;
	padding-top: 15px;
}

.mission_header ul li:last-child{
	border-right: 0;
}

.mission_header ul li .mission_h_n{
	font-size: 16px;
	color: #5a4efc;
	margin-bottom: 7px;
}

.mission_plu{
	padding-top: 10px;
}

.mission_work{
	position: relative;
	border-bottom: 1px solid #ddd;
	padding-left: 15px;
	padding-bottom: 10px;
	font-size: 15px;
}

.mission_work:after{
	content: '';
	position: absolute;
	width: 5px;
	height: 14px;
	left: 0;
	top: 3px;
	background-color: #5351fc;
}

.mission_course{
	padding: 8px;
	padding-top: 15px;
}

.mission_course input{
	cursor: pointer;
	line-height: 1.6;
}

.mission_course span,
.mission_course input{
	border-radius: 20px;
	border: 1px solid #ddd;
	padding: 5px 7px; 
	display: inline-block;
	background-image: -webkit-linear-gradient(top, #ffffff, #ddd);
	background-image: -moz-linear-gradient(top, #ffffff, #ddd);
	background-image: -ms-linear-gradient(top, #ffffff, #ddd);
	background-image: -o-linear-gradient(top, #ffffff, #ddd);
	color: #5a4efc;
	vertical-align: middle;
	margin-left: 7px;
	width: 110px;
    margin-right: 8px;
}

.mission_chart{
	overflow: hidden;
	padding-top: 30px;
}

.mission_chart .chart_l{
	width: 170px;
	border: 1px solid #ddd;
	border-left-width: 0; 
}

.chart_l .chart_l_top{
	padding: 10px;
	position: relative;
	border-bottom: 1px solid #ddd;
}

.chart_l .chart_l_top>img{
	width: 40px;
	height: 40px;
	border-radius: 180px;
	vertical-align: middle;
	margin-right: 10px;
}

.chart_n li{
	line-height: 29px;
	padding-left: 5px;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.chart_n li:last-child{
	border-bottom-width: 0; 
}

.chart_n li span{
	color: #5a4efc;
}

.mark-down{
	position: absolute;
	right: 5px;
	z-index: 2;
	cursor: pointer;
}

.mark-level{
	max-height: 200px;
	overflow: auto;
}

.mark-level-span{
	display: inline-block;
	margin-right: 5px;
	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
}

.mark-level p{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.chart_n span.data_color{
	color: #fff;
	padding: 1px 3px;
	border-radius: 5px;
	margin-right: 5px;
}

.up_add .significance_text_report{
	float: left;
}

.up_add .significance_text_report input{
	width: 86px;
	line-height: 30px;
	padding: 0 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #f5f5f5;
	margin: 0 8px;
}

.up_d_list .significance_text_report input {
	width: 100px;
	line-height: 30px;
	padding: 0 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #f5f5f5;
}

.statistics{
	padding-top: 15px;
}

.statistics ul{
	width: 240px;
	border: 1px solid #ddd;
	border-right: 0;
	margin-left: 60px;
	padding-bottom: 10px;
}

.statistics ul li{
	position: relative;
	margin-top: 10px;
	height: 13px;
	line-height: 13px;
	width: 100%;
}

.statistics ul li>span{
	position: absolute;
	left: -50px;
}

.statistics ul li .statistics_zhu{
	display: flex;
	width: 100%;
}

.statistics_zhu i{
	overflow: hidden;
	text-indent: -999999em;
}

.statistics_zhu i.statistics_accomplish{
	background-color: #7cca1e;
}

.statistics_zhu i.statistics_proceed{
	background-color: #ff9934;
}

.statistics_zhu i.statistics_postpone{
	background-color: #ed6c56;
}

.statistics_n{
	width: 240px;
	margin-left: 60px;
	position: relative;
	height: 20px;
}

.statistics_n span{
	position: absolute;
	top: 0;
}

.statistics_n span:after{
	content: '';
	position: absolute;
	height: 5px;
	border-left: 1px solid #ddd;
	top: -5px;
    left: 10px;
}

.statistics_n span.n_0:after{
	height: 0;
}

.statistics_n span.n_0{
	left: 0;
}

.statistics_n span.n_50{
	left: 50%;
}

.statistics_n span.n_100{
	right: -20px;
}

.statistics_explain ul{
	overflow: hidden;
	display: flex;
	margin-bottom: 5px;
	padding-left: 60px;
}

.statistics_explain ul li{
	position: relative;
	padding-left: 20px;
	margin-right: 10px;
}

.statistics_explain ul li:after{
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #7cca1e;
	left: 0;
	top: 50%;
	margin-top: -5px;
}

.statistics_explain ul li.explain_proceed:after{
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #ff9934;
	left: 0;
	top: 50%;
	margin-top: -5px;
}

.statistics_explain ul li.explain_postpone:after{
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #ed6c56;
	left: 0;
	top: 50%;
	margin-top: -5px;
}

.mission_plu.pad-top{
	padding-top: 0;
}

.schedule{
	padding-top: 15px;
}

.schedule-list li{
	padding-right: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.schedule-list li .schedule-name{
	width: 80px;
}
.schedule-list li .schedule-span>span{
	display: block;
	position: relative;
	height: 10px;
	width: 190px;
	background-color: #eeeeee;
	border-radius: 15px;
	margin: 0 10px;
}

.schedule-span > span > i{
	position: absolute;
	height: 100%;
	border-radius: 15px;
	background-color: #5351fc;
}

.complete{
	padding: 10px 10px 10px;
}

.complete-list{
	display: flex;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 10px;
	height: 70px;
}

.complete-list li{
	width: calc(100% / 4);
	border-right: 1px solid #ddd;
	height: 70px;
	padding-top: 15px;
}

.complete-list li:last-child{
	border-right-width: 0;
}

.complete-list li p:first-child{
	font-size: 16px;
}

.complete-list li p:last-child{
	font-size: 12px;
}

.complete-list li p.complete-participation{
	color: #5351fc;
}

.complete-list li p.complete-rate{
	color: #87ce32;
}

.mission_select{
	position: absolute;
	width: 100px;
	right: 0;
	bottom: 5px;
}

.mission_select > i{
	position: absolute;
    width: 8px;
    height: 5px;
    background-position: -10px -212px;
    top: 50%;
    right: 15px;
}

.mission_select .icon_2.accomplish_select{
	width: 100%;
	color: #5351fc;
	font-size: 14px;
}

.achieving-histogram{
	padding: 44px;
	padding-right: 0;
}

.histogram{
	border: 1px solid #ddd;
	border-right-width: 0;
	height: auto;
	position: relative;
	padding-bottom:75px;
	margin-bottom:45px;
}

.histogram-y-list{
	display: flex;
	width: 100%;
	height: 100%;
}

.histogram-y-list li{
	width: calc(100% / 10);
	position: relative;
	height: 100%;
	text-align: center;
}

.histogram-y-list li:after{
	content: '';
	position: absolute;
	height: 100%;
	border-right: 1px solid #ddd;
	bottom: 0;
	right: 0;
}

.histogram-y-list li:last-child{
	width: 0;
}

.histogram-y-list li:last-child:after{
	content: '';
	border-right: 0;
}

.histogram-y-list li span{
	position: absolute;
	bottom: 100%;
	left: -24px;
}

.histogram-x-list{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.histogram-x-list{
	padding-top: 10px;
}

.histogram-x-list li{
	height: 15px;
	background-color: #efefef;
	padding: 1px 0;
	position: relative;
	margin-bottom: 25px;
}

.histogram-x-list li span.histogram-month{
	position: absolute;
	left: -42px;
	top: 0;
	z-index: 2;
}

.histogram-x-list li span.histogram-progress-bar{
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #5351fc;
	z-index: 1;
}

.histogram-x-list li span.histogram-percentage{
	position: absolute;
	right: 0;
	top: -2px;
	z-index: 2;
	color: #333333;
}

.documentation.achieve_accomplish{
	padding-left: 0;
	line-height: 50px;
	height: inherit;
	margin-bottom: 20px;
}

#documentation-input{
	height: 32px;
	border: 1px solid #ddd;
	border-radius: 15px;
	padding: 0 60px 0 10px;
	width: 180px;
}

#documentation-button{
	position: absolute;
    width: 50px;
    height: 30px;
    border: 0;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-radius: 15px;
    right: 0;
    top: 12px;
    background-position: 0 -216px;
    background-repeat: repeat-x;
    color: #666;
}

.documentation-table table{
	border-color: #e5e5e5;
	width: 100%;
	border: 1px solid #e5e5e5;
	 border-collapse: collapse;
	 table-layout:fixed;
	 word-break:break-all;
	 border-radius: 5px;
}

.documentation-table table tr>th{
	width: calc(100% / 4);
	background-position: 0 -216px;
	background-repeat: repeat-x;
	height: 50px;
	font-weight: normal;
}

.documentation-table table tr>td{
	word-wrap:break-word;
	text-align: center;
	padding: 10px 5px;
}

.documentation-table table tr>td.table-name{
	color: #5351fc;
}

.schedule-percent{
	width: 50px;
}

.datum_text_kpi .standard_ul_b>span {
	width: 140px;
}

.memorandum{
	position: relative;
	text-align: center;
}

.memorandum #memorandum_button{
	width: 240px;
	height: 40px;
	background: -webkit-linear-gradient(top, #f9f9f9, #efefef); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #f9f9f9, #efefef); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #f9f9f9, #efefef); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #f9f9f9, #efefef); /* 标准的语法（必须放在最后） */
    background: #efefef \9;
    margin: 0 auto;
    margin-bottom: 16px;
    border: 1px solid #ddd;
    border-radius: 180px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
}

.memorandum-iocn{
	position: absolute;
	width: 18px;
	height: 18px;
	background: url(../images/memorandum1.png) no-repeat center;
	top: 10px;
	left: 22.58%;
	z-index: 1;
}

.toolbar-conter{
	position: absolute;
	width: 94%;
	margin-left: 3%;
	z-index: 9;
	background-color: #fff;
	border-radius: 10px;
	display: none;
}

 /*编辑器样式修改*/
.ql-snow .ql-picker.ql-size .ql-picker-label::before {
  content: '中字体';
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 0 !important;
}

#editor{
	min-height:300px;
	border-radius: 0 0 10px 10px;
	max-height: 500px;
    overflow: auto;
}

.ql-toolbar.ql-snow{
	border-radius: 10px 10px 0 0;
}

.toolbar-colse{
	position: absolute;
	width: 20px;
	height: 20px;
	right: -4px;
    top: -5px;
	background: url(../images/memorandum_colse.png) no-repeat center;
	cursor: pointer;
}

.toolbar-button{
	position: absolute;
	width: 120px;
	height: 40px;
	background-color: #6549fc;
	color: #fff;
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
	bottom: -60px;
	left: 50%;
	margin-left: -60px;
	cursor: pointer;
	z-index: 9;
}

.notice{
	float: left;
    line-height: 36px;
	color:red;
}

/*2019-5-21*/

.classify.label_s.y_zhi{
	background: url("../images/new_g.png") no-repeat 9px center;
	cursor: pointer;
    background-size: 12px 13px;
    padding-left: 22px;
}

.icon_yz{
	width: 35px;
	height: 35px;
	background: url("../images/new_god.png") no-repeat;
	background-size: cover;
	position: relative;
	margin-right: 17px;
	cursor: pointer;
	display: none;
	margin-left: 22px;
}

.icon_yz:hover .yz_text{
	display: block;
}

.icon_yz .yz_text{
	position: absolute;
	right: -3px;
	width: 225px;
	border: 1px solid #ff9934;
	background-color: #fff;
	border-radius: 8px;
	padding: 10px;
	top: 44px;
	z-index: 5;
	display: none;
}

.icon_yz .yz_text:after{
	content: "";
	right: 15px;
    top: -6px;
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border: 1px solid #ff9934;
	border-width: 0 0 1px 1px;
	transform:rotate(135deg);
	-ms-transform:rotate(135deg); 	/* IE 9 */
	-moz-transform:rotate(135deg); 	/* Firefox */
	-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
	-o-transform:rotate(135deg); 	
}

#remark{
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	background-color: #000\9;
	z-index: 10;
	display: none;
}

.remark-content{
	position: absolute;
	width: 600px;
	min-height: 300px;
	background: #fff;
	border-radius: 4px;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -150px;
	padding: 0 26px;
	padding-bottom: 20px;
}

.remark-title{
	line-height: 66px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
	background: url(../images/new_g.png) no-repeat 6px center;
	padding-left: 40px;
	font-size: 16px;
	color: #333;
}

.remark-check ul{
	overflow: hidden;
	margin-bottom: 20px;
}

.remark-check ul li{
	float: left;
	padding: 0 15px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 20px;
	margin-right: 10px;
	line-height: 36px;
	font-size: 12px;
	color: #666;
	cursor: pointer;
}

.remark-check ul li.active{
	background-color: #4ca5ff;
	color: #fff;
}

.remark-details{
	border: 1px solid #dddddd;
	border-radius: 4px;
	padding: 10px;
	min-height: 100px;
	margin-bottom: 10px;
}

.details-item{
	
}

.details-item li{
	position: relative;
	float: left;
	background-color: #ddd;
	padding: 0 15px;
	line-height: 35px;
	font-size: 12px;
	border-radius: 20px;
	margin-right: 20px;
	height: 35px;
	margin-bottom: 10px;
}

.details-item li span{	
	position: absolute;
	background: url("../images/memorandum_colse.png");
	width: 20px;
	height: 20px;
	cursor: pointer;
	right: -10px;
	top: 0;
}

.details-input input{
	width: 100%;
	height: 30px;
	border: 0;
}

.details-button{
	width: 100px;
	height: 40px;
	margin: 0 auto;
}

.details-button button{
	display: block;
	width: 100px;
	height: 40px;
	border: 0;
	background-color: #ff9934;
	color: #fff; 
	font-size: 14px;
	cursor: pointer;
	border-radius: 4px;
}

#remark_colse{
	position: absolute;
	width: 32px;
	height: 32px;
	background: url("../images/g.png") no-repeat;
	top: -32px;
	right: -28px;
	cursor: pointer;
}

/*
2019-06-05
*/
.prgs{
	display: inline-block;
	width: 100px;
	height: 12px;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 20px;
	position: relative;
	vertical-align: middle;
	background: -webkit-linear-gradient(#eaeaea, #ffffff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#eaeaea, #ffffff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#eaeaea, #ffffff); /* Firefox 3.6 - 15 */
    background: linear-gradient(#eaeaea, #ffffff); /* 标准的语法 */
}

.prgs i{
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 20px;
}

.prgs i.none{
	background: -webkit-linear-gradient(#e06f00, #f6902c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#e06f00, #f6902c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#e06f00, #f6902c); /* Firefox 3.6 - 15 */
	background: linear-gradient(#e06f00, #f6902c); /* 标准的语法 */
}

.prgs i.yes{
	background: -webkit-linear-gradient(#1bad10, #85ed4c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#1bad10, #85ed4c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#1bad10, #85ed4c); /* Firefox 3.6 - 15 */
	background: linear-gradient(#1bad10, #85ed4c); /* 标准的语法 */
}

.td-achieve{
	background-color: #f5f5f5;
	padding: 30px;
}

.achieve-details{
	width: 100%;
	border-radius: 8px;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 20px;
	    margin-bottom: 20px;
}

table.achieve-details>tbody>tr{
	text-align: center;
	color: #666;
}

table.achieve-details>tbody>tr>td{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	/*line-height: 50px;*/
	padding: 12px;
}

table.achieve-details>tbody>tr>td:last-child{
	border-right: 0;
}

.achieve-details thead.achieve_thead>tr>th{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.details-right{
	color: #ff1e00;
}

.details-wrong{
	color: #33e609;
}
.achieve_tbody .fabu-upload{
	display: flex;
    justify-content: center;
	overflow: hidden;
    position: relative;
}
.achieve_tbody .fabu-upload .progress{
	position: relative;
	margin-left: 20px;
    margin-top: 5px;
	width: 200px;
	padding: 1px;
	border-radius: 3px;
	    height: 30px;
	background: none;
	color: #fff;
	    border-bottom: none;
	    display: none;
}
.achieve_tbody .fabu-upload .progress span.bar{
	height:25px;
	display: block;
    border-radius: 3px;
    width: 100%;
	position: inherit;
	    left: 2%;
	    color: #fff;
}
.achieve_tbody .fabu-upload .progress span.percent{
    height: 20px;
    display: inline-block;
    top: -5px;
	    left: 8px;
	    background: none;
}
.achieve_tbody .fabu-upload .files{
	height: 22px;
    line-height: 22px;
    margin: 10px 0;
}
.details-file{
	width: 130px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #ccc;
	background: -webkit-linear-gradient(#ffffff,#eaeaea);
	background: -o-linear-gradient(#ffffff,#eaeaea); 
	background: -moz-linear-gradient(#ffffff,#eaeaea); 
	background: linear-gradient(#ffffff,#eaeaea);
	overflow: hidden;
	position: relative;
	display:inline-block;
}

.details-file input.fileupload_fabu{
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 2;
}

.other_actions ul li.icon_2{
	top:20px;
}
.other_actions ul li.icon_2 .export_button{
	width: 60px;
    height: 30px;
    line-height: 34px;
    text-align: center;
    color: #666;
    background: none;
    margin-left: 10px;
    margin-right: 15px;
    cursor: pointer;
    outline: none;
	    border: none;
}
.other_actions ul li span.icon-2{
	margin-top: 20px;
	cursor: pointer;
}
.other_actions ul li span.ot_record{
	    position: absolute;
    background-color: #e92121;
    color: #fff;
    border-radius: 180px;
    right: 2px;
    top: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

.icon_t{
	display: inline-block;
	width: 16px;
	height: 16px;
	text-indent: -6996999em;
	cursor: pointer;
}

.icon_t:after{
	content: '\3000';
}

.icon_bianji{
	background: url('../images/bianji.png') no-repeat center;
}

.icon_shanchu{
	background: url('../images/shanchu.png') no-repeat center;
	margin-left: 10px;
}

#caozuo{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	background: #000\9;
	left: 0;
	top: 0;
	z-index: 10;
}

.caozuo_pop-up{
	position: absolute;
	width: 960px;
	height: 300px;
	background: #fff;
	border-radius: 8px;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	padding: 70px 30px 30px;
}

.caozuoinput input{
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	color: #666;
	text-align: center;
}

.caozuobutton{
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #4ca5ff;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
}

/*
*2021/7/30
*
*/

.user-head{
	width: 120px;
	/* height: 120px; */
	margin: 0 auto;
}

.achieve_accomplish.data-accomplish{
	padding-left: 18px;
	line-height: 60px;
	height: 60px;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 22px;
	font-size: 14px;
}

.achieve_accomplish.data-accomplish::before{
	content: "";
	position: absolute;
	width: 6px;
	height: 14px;
	background-color: #5351FC;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.content-project-list {
    margin-left: -1%;
}

.content-project-list::after{
	content: " ";
	clear: both;
	display: table;
}

.content-project-list li a {
    color: #666;
    display: block;
    padding-left: 57px;
}

/* .content-project-list li:hover a {
    color: #fff;
} */

.content-project-list li:hover {
    box-shadow: 0px 0px 5px 0px rgba(221, 221, 221, 0.75);
}

.content-project-list li span {
    font-size: 18px;
    color: #4777e9;
    padding: 0 10px;
    font-weight: 700;
}

.content-project-list.data-project{
	margin-left: -1.56%;
}

.content-project-list.data-project li a{
	padding-left: 31.65%;
}

.content-project-list li {
    width: 17.93%;
    height: 70px;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-left: 1.56%;
    float: left;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 70px;
    background-color: #fff;
    min-width: 280px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.project-list-items::before {
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    left: 33px;
    top: 50%;
    margin-top: -14px;
    background: url(../images/data.png) no-repeat;
    background-size: 196px 28px;
}

.project-list-items.antistop::before {
    background-position: 0 0;
}

.project-list-items.capture::before {
    background-position: -28px 0;
}

.project-list-items.placeholder::before {
    background-position: -84px 0;
}

.project-list-items.three::before {
    background-position: -112px 0;
}

.project-list-items.ranking::before {
    background-position: -140px 0;
}

.project-list-items.three-pages::before {
    background-position: -168px 0;
}

.other_list.data-other{
	padding-top: 0;
	margin-bottom: 28px;
}

.data-filtrate{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 30px;
}

.filtrate-search{
	width: 320px;
	height: 40px;
    overflow: hidden;
    position: relative;
}

.filtrate-search .total_input{
	width: 100%;
	height: 38px;
	border-radius: 20px;
	border: 1px solid #dddddd;
	border-right: 0;
	padding-left: 20px;
	padding-right: 50px;
}

.filtrate-search .total_button{
	height: 40px;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
}

.filtrate-radio.total_list{
	margin-left: 60px;
}

.filtrate-radio.total_list ul{
	overflow: hidden;
}

.filtrate-radio.total_list li{
	margin-right: 20px;
}

.data-table .achieve_thead{
	width: 100%;
	background: none;
}

.data-table .achieve_thead thead{
	background-color: #f5f5f5;
}

.data-table .achieve_thead > tbody tr:nth-child(odd) td{
	padding: 20px 0;
}

.data-screening{
	/* width: 100%; */
	background: none;
	border: 0;
	text-align: center;
	text-align-last: center;
	    vertical-align: middle;
}

.data-screening option{
	text-align: center;
}

.data-screening + span{
	vertical-align: middle;
}

.even-tr{
	background-color: #f5f5f5;
	padding: 30px;
}

.g_c,
.in_nr,
.first_th,
.classification_name,
.sh_btn{
	border-radius: 20px;
	color: #fff;
	display: block;
	max-width: 96%;
	margin: 0 auto;
}

.g_c{
	background-color: #ff9934;
}

.in_nr{
	background-color: #4ca5ff;
}

.first_th{
	background-color: #2570bc;
}

.classification_name{
	color: #666666;
	box-shadow: inset 11px 12px 20px 11px rgb(179 179 179 / 20%) ;
}

.sh_btn{
	color: #4ca5ff;
	box-shadow: inset 11px 12px 20px 11px rgb(179 179 179 / 20%) ;
	cursor: pointer;
}

.even-cnt{
	text-align: left;
	border: 1px solid #e2e2e2;
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
}

/* .achieve_thead.achieve-even tr, */
.achieve_thead.achieve-even tr td{
	border: 1px solid #e2e2e2;
}

.achieve_thead.achieve-even tr td:first-child{
	border-left: 0;
}

.achieve_thead.achieve-even{
	border-bottom: 1px solid #e2e2e2;
}

tr.vv{
	display: none;
}

.achieve_thead.achieve-even tr td {
	border-right: 0;
	border-bottom: 0;

	padding: 10px 5px !important;
}


.classify.text-truncate{
	width: 180px;
	overflow-x: auto !important;
	text-overflow: inherit !important;
	max-height: 100px;
    overflow-y: auto !important;
}
/* 针对WebKit浏览器自定义滚动条样式 */
.text-truncate::-webkit-scrollbar {
	height: 5px; /* 设置滚动条的高度 */
}

.text-truncate::-webkit-scrollbar-track {
	background: transparent; /* 设置滚动条轨道透明 */
}

.text-truncate::-webkit-scrollbar-thumb {
	background: #888; /* 设置滚动条的颜色 */
}

.text-truncate::-webkit-scrollbar-thumb:hover {
	background: #555; /* 设置滚动条在鼠标悬停时的颜色 */
}

/***
2024-04-16
**/

.new-requirement{
	white-space: normal;
    max-height: 150px;
    height: auto;
    line-height: inherit;
    padding: 10px;
    text-align: left;
    overflow: auto;
}
.miit-links{
	width: 100%;
	background: #fff;
	position: fixed;
	z-index: 8; 
	left:0; 
	bottom: 0;
	text-align: center;
}

/* delayed-open */
.btn-closed{
	transform: translateX(325px) translateY(-50%) rotate(0deg) translateZ(0px);
	position: absolute;
	left: 0;
	top: 50%;
	cursor: pointer;
	z-index: 1;
}

.btn-closed.cur{
	transform: translateX(325px) translateY(-50%) rotate(180deg) translateZ(0px);
}

.no-data{
	text-align: center;
	color: #ccc;
}

.chart_n li .mark-level span{
	color:inherit;
}
.performance .mission_course{
	position: absolute;
    right: 0;
    bottom: -2px;
}

.performance .mission_course input{
	width: 170px;
	text-align: center;
}