/*详细信息*/
body{
	background:#F4F4F4;
	padding-top:20px;
}
/*固定背景*/
.icon-fixed-bg{
  background-image: url(../img/icon_bg.png); 
  background-size: 100% 100%;
  background-attachment: fixed;
}
#detailsPage {
	width: 1200px;
	margin: 0 auto;
}

.details {
	border: solid 1px #d1d5db;
	border-radius: 5px;
	width: 708px;
	float: left;
	margin-top: 20px;
	background-color: #fff;
}

.details_title {
	border-bottom: 1px solid #aec1d8;
	text-align: center;
	font-size: 28px;
	line-height: 28px;
	margin: 0 auto;
	padding-top: 24px;
}
.details_title .details_title_items{
	text-align:center;
	font-size: 12px;
	margin-top:10px;
	color:#666;
}
.details_title .details_title_items li{
	display:inline-block;
	margin:0 10px;
}
.details_content {
	font-size: 14px;
	line-height: 35px;
	padding: 36px 26px 88px 26px;
	color: #444;
	text-indent: 2em;
}

.details_content p {
	margin-bottom: 0px;
}

.details_line {
	border-bottom: solid 1px #b5b5b5;
	width: 530px;
	margin-bottom: 75px;
	margin: 0 auto;
}

.details_foot {
	margin-top: 20px;
	font-size: 14px;
	line-height: 35px;
	margin-left: 24px;
}

.details_foot p:hover {
	color: #187eb6;
	cursor: pointer;
}


/*公司通知,部门通知*/

.notice {
	margin-left: 48px;
	width: 444px;
	height: auto;
	float: left;
	margin-top: 20px;
}

.notice-box {
	width: 445px;
	margin-right: 1%;
	margin-bottom: 30px;
	border-radius: 2px;
}

.notice-box .title_company {
	background-color: #6cc3fb;
	font-size: 16px;
	color: #ffffff;
}

.notice-box .title_department {
	background-color: #4ed9f2;
	font-size: 16px;
	color: #ffffff;
}

.title_left {
	line-height: 38px;
}

.title_left b,
.title_left span {
	vertical-align: middle;
}

.title_left b {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url("../img/main_iocn.png") no-repeat -9px -9px;
	margin: 0 10px;
}

.notice-box .title .more {
	margin-right: 38px;
}

.notice-box .title .more a {
	line-height: 38px;
	color: #ffffff;
	font-size: 14px;
}

.notice-lists {
	background-color: #ffffff;
	line-height: 42px;
}

.notice-list {
	border: 1px solid #dfdfdf;
}

.notice-list:nth-child(even) {
	background-color: #f7f7f7;
}

.notice-list a {
	color: #333333;
	width: 70%;
	padding-left: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.notice-list a:hover {
	color: #187eb6;
}

.notice-list b {
	width: 30%;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/*列表*/

.list_box {
	border-radius: 5px;
	border: solid 1px #d1d5db;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 50px;
	margin-bottom:20px;
	background: rgba(255,255,255,.7);
	min-width:1200px;
}

.list_title p {
	font-size: 16px;
	line-height: 28px;
	color: #141414;
	margin: 22px;
}

.border_bot {
	border-bottom: 2px solid #45cefe;
}

.list_tab ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	height: 52px;
	font-size: 14px;
}

.list_tab a {
	color: #787878;
	text-decoration: none;
}

.list_tab li:hover a {
	text-decoration: none;
	cursor: pointer;
	color: #45CEFE;
}

.list_tab li {
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 110px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-right: 1px solid #45cefe;
	margin: 14px 0;
}

.list_tab .choosefile {
	outline: none;
	opacity: 0;
	width: 110px;
	height: 24px;
	margin-top: -24px;
}

.list_but {
	float: right;
	margin-top: 14px;
}

.list_but input,
.search_input input {
	float: left;
	border-radius: 2px;
	height: 30px;
	border: solid 1px rgba(59, 165, 255, 0.5);
	padding-left: 10px;
}

.list_but input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999;
	font-size: 12px;
	letter-spacing: 1px;
}

.list_but input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #999;
	font-size: 12px;
	letter-spacing: 1px;
}

.list_but input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999;
	font-size: 12px;
	letter-spacing: 1px;
}

.list_but input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999;
	font-size: 12px;
	letter-spacing: 1px;
}

.list_but button {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0px 10px;
	height: 30px;
	font-size: 14px;
	color: #9e9e9e;
	line-height: 28px;
	background-color: rgba(59, 165, 255, 0.1);
	border-radius: 2px;
	border: solid 1px rgba(59, 165, 255, 0.5);
	);
}

#list {
	padding: 16px;
}

.table {
	text-align: center;
}

.table tr {
	border-bottom: 1px solid rgba(174, 193, 216, 0.7);
	height: 44px;
	font-size: 14px;
	line-height: 44px;
}

.table tr:first-child {
	border-top: 1px solid rgba(174, 193, 216, 0.7);
}

.table td {
	border-top: none;
	border-right: 1px solid rgba(174, 193, 216, 0.7);
	line-height: 44px;
}

.table th {
	border-right: 1px solid rgba(174, 193, 216, 0.7);
}
.table th:last-child {
	border-right: none;
}
.table td:last-child {
	border-right: none;
}

.list_content p {
	margin: 0;
	font-size: 20px;
	color: #464646;
	line-height: 28px;
	padding: 20px;
}

.no_data {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-top: 100px;
}

.no_data b {
	font-size: 16px;
	letter-spacing: 2px;
}

.table_but {
	margin: 0 8px;
	height: 26px;
	padding: 0 24px;
	line-height: 26px;
	background-color: rgba(45, 169, 250, 0.7);
	border-radius: 2px;
	display: inline-block;
}

.table_butd {
	background-color: rgba(255, 85, 0, 0.7);
}

.table_but {
	color: #fff;
}
.table_but_disable{
	background:gray;
	cursor: not-allowed;
	cursor:-ms-not-allowed;
}
.table_but_gray {
	cursor:not-allowed!important;
	background: rgba(0, 0, 0, 0.3);
}

.table_but:hover {
	text-decoration: none;
	cursor: pointer;
	color: #fff
}


/*分页*/

.paging {
	margin: 0 auto;
	padding-top: 100px;
	position: relative;
	left: -50%;
}

.paging_center {
	float: left;
	position: relative;
	left: 50%;
}

.paging-items {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #a4bbc3;
	line-height: 28px;
	text-align: center;
}

.paging-items li {
	display: inline-block;
	border: solid 1px #a4bbc3;
	border-radius: 2px;
	float: left;
	list-style-type: none;
	height: 42px;
	min-width: 42px;
	line-height: 42px;
	margin-right: 14px;
}

.paging-items li:hover {
	border: solid 1px #45cefe;
	cursor: pointer;
}

.paging-items li:hover a {
	color: #45cefe;
}

.paging-items li.active {
	background-color: #45cefe;
	border: 1px solid #45cefe;
}

.paging-items li.active a {
	color: #fff;
}

.paging-items a {
	margin: 14px;
	color: #a4bbc3;
}

.paging-items a:hover {
	text-decoration: none;
}


/*复选框*/

.con_ID img {
	margin-right: 5px;
	vertical-align: middle;
	cursor:pointer;
}

.tbodyimg td img {
	margin-right: 13px;
	vertical-align: middle;
	cursor:pointer;
}


/* 下拉框 */

.paging .dropdown,
.search_dropdown .dropdown {
	float: left;
	margin-right: 14px;
}

.paging .dropdown .selected,
.search_dropdown .dropdown .selected,
.paging .dropdown li,
.search_dropdown .dropdown li {
	padding: 11px 12px;
	font-size: 14px;
	color: #a4bbc3;
	line-height: 18px;
}

.paging .dropdown li.focus,
.search_dropdown .dropdown li.focus {
	background: #45cefe;
	line-height: 18px;
	color: #fff;
}

.search_dropdown .mydropdown {
	border: none;
	height: 40px;
}

.search_radio .page-rel,
.search_dropdown .mydropdown,
.search_input input {
	width: 65%;
}

.searchmore_label {
	width: 35%;
	text-align: center;
}


/*多个搜索框*/

.searchmore {
	display: none;
	padding: 22px 50px 0 50px;
	border-top: 1px solid #e4e5e6;
}

.search_radio,
.search_dropdown,
.search_input {
	border: solid 1px #d1d5db;
	width: 30%;
}

.search button {
	float: left;
	padding: 0px 72px;
	height: 30px;
	font-size: 14px;
	color: #9e9e9e;
	line-height: 28px;
	background-color: rgba(59, 165, 255, 0.1);
	border-radius: 2px;
	border: solid 1px rgba(59, 165, 255, 0.5);
	);
}

.top10 {
	margin-top: 10px;
}

.searchmore_block .margin5 {
	margin: 0 5%;
}

.search {
	padding: 28px 0;
}

.page_namelabel {
	padding: 10px 0;
	padding-right: 10px;
	margin-bottom: 0;
}

.search_input input {
	height: 40px;
	border: none;
}


/* 向上、下的箭头 */

.dot-top,
.dot-bottom {
	font-size: 0;
	line-height: 0;
	border-width: 6px;
	border-color: #999;
	border-style: dashed;
	position: relative;
	border-left-color: transparent;
	border-right-color: transparent;
}

.dot-top {
	border-top-width: 0;
	border-bottom-style: solid;
	top: -8px;
}

.dot-bottom {
	border-bottom-width: 0;
	border-top-style: solid;
	top: -1px;
}


/* 单选框 */

.page-tag {
}

.regular-radio {
	display: none;
}

.regular-radio+label {
	width: 16px;
	height: 16px;
	-webkit-appearance: none;
	background-color: #fff;
	border: solid 1px #c3d8ef;
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}

.regular-radio:checked+label:after {
	content: ' ';
	width: 6px;
	height: 6px;
	border-radius: 50px;
	position: absolute;
	top: 6px;
	left: 6px;
	background-color: #3ba5ff;
}

.page-tag label {
	cursor: pointer;
	margin-top: 10px;
}

.page-sex {
	margin: 10px 26px 0 10px;
}


/*主线图标页*/


/*员工主线*/

#icon {
	width: 1200px;
	margin: 0 auto;
}

#icon ul {
	margin: 0 -41px;
}

#icon li {
	float: left;
	margin: 25px 0;
	width: 182px;
	text-align: center;
}

#icon p {
	font-size: 22px;
	color: #333;
	text-align: center;
}

#icon a {
	display: inline-block;
	width: 100px;
	height: 100px;
}

#icon .y-1:hover {
	background: url(../img/staff.png) -130px -10px;
}

#icon .y-1 {
	background: url(../img/staff1.png) -370px -10px
}

#icon .y-2:hover {
	background: url(../img/staff.png) -10px -370px;
}

#icon .y-2 {
	background: url(../img/staff1.png) -10px -490px
}

#icon .y-3:hover {
	background: url(../img/staff.png) -10px -130px;
}

#icon .y-3 {
	background: url(../img/staff1.png) -250px -490px
}

#icon .y-4:hover{
	background: url(../img/staff.png) -130px -130px;
}

#icon .y-4 {
	background: url(../img/staff1.png) -370px -130px
}

#icon .y-5:hover {
	background: url(../img/staff.png) -250px -10px;
}

#icon .y-5 {
	background: url(../img/staff1.png) -370px -250px
}

#icon .y-6:hover {
	background: url(../img/staff.png) -250px -130px;
}

#icon .y-6 {
	background: url(../img/staff1.png) -10px -130px
}

#icon .y-7:hover {
	background: url(../img/staff.png) -10px -250px;
}

#icon .y-7 {
	background: url(../img/staff1.png) -130px -130px
}

#icon .y-8:hover {
	background: url(../img/staff.png) -130px -250px;
}

#icon .y-8 {
	background: url(../img/staff1.png) -130px -370px
}

#icon .y-9:hover {
	background: url(../img/staff.png) -250px -250px;
}

#icon .y-9 {
	background: url(../img/staff1.png) -250px -370px
}

#icon .y-10:hover {
	background: url(../img/staff.png) -370px -10px;
}

#icon .y-10 {
	background: url(../img/staff1.png) -130px -10px
}

#icon .y-11:hover {
	background: url(../img/staff.png) -370px -130px;
}

#icon .y-11 {
	background: url(../img/staff1.png) -10px -370px
}

#icon .y-12:hover {
	background: url(../img/staff.png) -370px -250px;
}

#icon .y-12 {
	background: url(../img/staff1.png) -250px -130px
}

#icon .y-13:hover {
	background: url(../img/staff.png) -10px -10px;
}

#icon .y-13 {
	background: url(../img/staff1.png) -370px -370px
}

#icon .y-14:hover {
	background: url(../img/staff.png) -130px -370px;
}

#icon .y-14 {
	background: url(../img/staff1.png) -250px -10px
}

#icon .y-15:hover {
	background: url(../img/staff.png) -250px -370px;
}

#icon .y-15 {
	background: url(../img/staff1.png) -490px -10px
}

#icon .y-16:hover {
	background: url(../img/staff.png) -370px -370px;
}

#icon .y-16 {
	background: url(../img/staff1.png) -130px -490px
}

#icon .y-17:hover {
	background: url(../img/staff.png) -490px -10px;
}

#icon .y-17 {
	background: url(../img/staff1.png) -10px -250px
}

#icon .y-18:hover {
	background: url(../img/staff.png) -490px -130px;
}

#icon .y-18 {
	background: url(../img/staff1.png) -490px -250px
}

#icon .y-19:hover {
	background: url(../img/staff.png) -490px -250px;
}

#icon .y-19 {
	background: url(../img/staff1.png) -490px -370px
}

#icon .y-20:hover {
	background: url(../img/staff.png) -490px -370px;
}

#icon .y-20 {
	background: url(../img/staff1.png) -250px -250px
}

#icon .y-21:hover {
	background: url(../img/staff.png) -10px -490px;
}

#icon .y-21 {
	background: url(../img/staff1.png) -130px -250px
}

#icon .y-22:hover {
	background: url(../img/staff.png) -130px -490px;
}

#icon .y-22 {
	background: url(../img/staff1.png) -10px -10px
}

#icon .y-23:hover {
	background: url(../img/staff.png) -250px -490px;
}

#icon .y-23 {
	background: url(../img/staff1.png) -370px -490px
}

#icon .y-24:hover {
	background: url(../img/staff.png) -370px -490px;
}

#icon .y-24 {
	background: url(../img/staff1.png) -490px -130px
}

#icon .y-25:hover {
	background: url(../img/icon-page-modify.png) -10px -370px;
}

#icon .y-25 {
	background: url(../img/icon-page-modify.png) -370px -250px
}

#icon .y-26:hover {
	background: url(../img/icon-page-modify.png) -370px -130px;
}

#icon .y-26 {
	background: url(../img/icon-page-modify.png) -370px -10px
}

#icon .w-1:hover {
	background: url(../img/goods.png) -130px -370px;
}

#icon .w-1 {
	background: url(../img/goods1.png) -130px -250px;
}

#icon .w-2:hover {
	background: url(../img/goods.png) -10px -370px;
}

#icon .w-2 {
	background: url(../img/goods1.png) -10px -250px;
}

#icon .w-3:hover {
	background: url(../img/goods.png) -250px -250px;
}

#icon .w-3 {
	background: url(../img/goods1.png) -250px -130px;
}

#icon .w-4:hover {
	background: url(../img/goods.png) -370px -370px;
}

#icon .w-4 {
	background: url(../img/goods1.png) -370px -10px;
}

#icon .w-5:hover {
	background: url(../img/goods.png)  -10px -130px;
}

#icon .w-5 {
	background: url(../img/goods1.png) -10px -130px;
}

#icon .w-6:hover {
	background: url(../img/goods.png) -490px -10px;
}

#icon .w-6 {
	background: url(../img/goods1.png) -370px -130px;
}

#icon .w-7:hover {
	background: url(../img/goods.png) -130px -10px;
}

#icon .w-7 {
	background: url(../img/goods1.png) -130px -10px;
}

#icon .w-8:hover {
	background: url(../img/goods.png) -250px -370px;
}

#icon .w-8 {
	background: url(../img/goods1.png) -250px -250px;
}

#icon .w-9:hover {
	background: url(../img/goods.png)  -250px -10px;
}

#icon .w-9 {
	background: url(../img/goods1.png) -250px -10px;
}

#icon .w-10:hover {
	background: url(../img/icon-page-modify.png) -250px -10px;
}

#icon .w-10 {
	background: url(../img/icon-page-modify.png) -130px -130px;
}

#icon .w-11:hover {
	background: url(../img/goods.png) -250px -130px;
}

#icon .w-11 {
	background: url(../img/goods1.png) -10px -10px;
}

#icon .w-12:hover {
	background: url(../img/goods.png) -10px -10px;
}

#icon .w-12 {
	background: url(../img/goods.png) -370px -10px;
}

#icon .w-13:hover {
	background: url(../img/icon-page-modify.png) -10px -130px;
}

#icon .w-13 {
	background: url(../img/icon-page-modify.png) -130px -10px;
}
#icon .w-14:hover {
    background: url(../img/goods.png) -130px -130px;
}
#icon .w-14 {
    background: url(../img/goods1.png) -130px -130px;
}
#icon .t-1:hover {
	background: url(../img/currency.png) -130px -10px;
}

#icon .t-1 {
	background: url(../img/currency1.png) -130px -10px;
}

#icon .t-2:hover {
	background: url(../img/currency.png) -250px -10px;
}

#icon .t-2 {
	background: url(../img/currency1.png) -250px -10px;
}

#icon .t-3:hover {
	background: url(../img/currency.png) -250px -130px;
}

#icon .t-3 {
	background: url(../img/currency1.png) -250px -130px;
}

#icon .t-4:hover {
	background: url(../img/currency.png) -10px -130px;
}

#icon .t-4 {
	background: url(../img/currency1.png) -10px -130px;
}

#icon .t-5:hover {
	background: url(../img/currency.png) -130px -130px;
}

#icon .t-5 {
	background: url(../img/currency1.png) -130px -130px;
}

#icon .t-6:hover {
	background: url(../img/currency.png) -10px -10px;
}

#icon .t-6 {
	background: url(../img/currency1.png) -10px -10px;
}

#icon .t-7:hover {
	background: url(../img/goods.png) -370px -130px;
}

#icon .t-7 {
	background: url(../img/goods.png) -370px -250px;
}

#icon .t-8:hover {
	background: url(../img/fklist.png) -300px -200px;
}

#icon .t-8 {
	background: url(../img/fklists.png) -300px -200px;
}

#icon .x-1:hover {
	background: url(../img/project.png) -250px -250px;
}

#icon .x-1 {
	background: url(../img/project1.png) -250px -250px;
}

#icon .x-2:hover {
	background: url(../img/project.png) -10px -490px;
}

#icon .x-2 {
	background: url(../img/project1.png) -10px -490px;
}

#icon .x-3:hover {
	background: url(../img/project.png) -250px -490px;
}

#icon .x-3 {
	background: url(../img/project1.png) -250px -490px;
}

#icon .x-4:hover {
	background: url(../img/project.png) -370px -10px;
}

#icon .x-4 {
	background: url(../img/project1.png) -370px -10px;
}

#icon .x-5:hover {
	background: url(../img/project.png) -370px -130px;
}

#icon .x-5 {
	background: url(../img/project1.png) -370px -130px;
}

#icon .x-6:hover {
	background: url(../img/project.png) -10px -130px;
}

#icon .x-6 {
	background: url(../img/project1.png) -10px -130px;
}

#icon .x-7:hover {
	background: url(../img/project.png) -130px -130px;
}

#icon .x-7 {
	background: url(../img/project1.png) -130px -130px;
}

#icon .x-8:hover {
	background: url(../img/project.png) -10px -370px;
}

#icon .x-8 {
	background: url(../img/project1.png) -10px -370px;
}

#icon .x-9:hover {
	background: url(../img/project.png) -10px -10px;
}

#icon .x-9 {
	background: url(../img/project1.png) -10px -10px;
}

#icon .x-10:hover {
	background: url(../img/project.png) -130px -10px;
}

#icon .x-10 {
	background: url(../img/project1.png) -130px -10px;
}

#icon .x-11:hover {
	background: url(../img/project.png) -130px -370px;
}

#icon .x-11 {
	background: url(../img/project1.png) -130px -370px;
}

#icon .x-12:hover {
	background: url(../img/project.png) -250px -370px;
}

#icon .x-12 {
	background: url(../img/project1.png) -250px -370px;
}

#icon .x-13:hover {
	background: url(../img/project.png) -250px -10px;
}

#icon .x-13 {
	background: url(../img/project1.png) -250px -10px;
}

#icon .x-14:hover {
	background: url(../img/project.png) -370px -370px;
}

#icon .x-14 {
	background: url(../img/project1.png) -370px -370px;
}

#icon .x-15:hover {
	background: url(../img/project.png) -130px -490px;
}

#icon .x-15 {
	background: url(../img/project1.png) -130px -490px;
}

#icon .x-16:hover {
	background: url(../img/project.png) -250px -130px;
}

#icon .x-16 {
	background: url(../img/project1.png) -250px -130px;
}

#icon .x-17:hover {
	background: url(../img/project.png) -490px -250px;
}

#icon .x-17 {
	background: url(../img/project1.png) -490px -250px;
}

#icon .x-18:hover {
	background: url(../img/project.png) -490px -370px;
}

#icon .x-18 {
	background: url(../img/project1.png) -490px -370px;
}

#icon .x-19:hover {
	background: url(../img/project.png) -130px -250px;
}

#icon .x-19 {
	background: url(../img/project1.png) -130px -250px;
}

#icon .x-20:hover {
	background: url(../img/project.png) -10px -250px;
}

#icon .x-20 {
	background: url(../img/project1.png) -10px -250px;
}

#icon .x-21:hover {
	background: url(../img/project.png) -370px -250px;
}

#icon .x-21 {
	background: url(../img/project1.png) -370px -250px;
}

#icon .x-22:hover {
	background: url(../img/project.png) -370px -490px;
}

#icon .x-22 {
	background: url(../img/project1.png) -370px -490px;
}

#icon .x-23:hover {
	background: url(../img/project.png) -490px -10px;
}

#icon .x-23 {
	background: url(../img/project1.png) -490px -10px;
}

#icon .x-24:hover {
	background: url(../img/project.png) -490px -490px;
}

#icon .x-24 {
	background: url(../img/project1.png) -490px -490px;
}

#icon .x-25:hover {
	background: url(../img/project.png) -490px -130px;
}

#icon .x-25 {
	background: url(../img/project1.png) -490px -130px;
}

#icon .x-26:hover {
	background: url(../img/project.png) -610px -10px;
}

#icon .x-26 {
	background: url(../img/project1.png) -610px -10px;
}

#icon .x-27:hover {
	background: url(../img/goods.png) -10px -250px;
}

#icon .x-27 {
	background: url(../img/goods.png) -130px -250px;
}


/*绩效打分*/

#achievement_box {
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
}

.achievement_l {
	font-size: 18px;
	font-weight: bold;
	background: #FFFFFF;
}

.achievement_l .active {
	border-left: 5px solid #47b9e4;
	background-color: #caf1ff;
	color: #1e6eb3;
}

.achievement_l .after-clicking {
	color: #999;
}

.achievement_l p {
	text-align: center;
	width: 200px;
	height: 70px;
	line-height: 70px;
	background-color: #8adefd;
	font-size: 20px;
	color: #f4f4f4;
	cursor: pointer;
}

.achievement_l li {
	text-align: center;
	line-height: 54px;
}

.achievement_l li:hover {
	background: #caf1ff;
	cursor: pointer;
}

.achievement_f {
	width: 960px;
	font-size: 14px;
	padding-bottom: 20px;
}

.classification_title {
	height: 40px;
	font-size: 24px;
	font-weight: bold;
	background-color: rgba(215, 215, 215, 1);
	text-indent: 10px;
	line-height: 40px;
	color: #fff;
	position: relative;
}
.classification_title .classification_title_time{
	float: right;
	font-weight: normal;
	font-size: 16px;
	padding-right: 20px;
}
.bg-55cbfe {
	background-color: #55cbfe
}

.bg-feac55 {
	background-color: #feac55
}

.classification_content {
	padding: 0 10px;
	margin-bottom: 30px;
	background: #fff;
}

.classification_content li {
	line-height: 60px;
	border-bottom: 1px solid #F4F4F4;
}

.classification_content input {
	width: 50px;
	height: 30px;
	text-align: center;
}

.classification_content a {
	margin-left: 30px;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	color: #fff;
	width: 154px;
	height: 33px;
	line-height: 33px;
	background-color: #45cefe;
	border-radius: 2px;
}

.classification_content p {
	word-wrap: break-word;
	width: 634px;
	padding-right: 5px;
}

.classification_content b {
	font-weight: bold;
}

.c-input02 {
	border:1px solid red;
}

.add-btn .btn-value,.add-btn .btn-back {
	line-height: 32px;
	border-radius: 2px;
	border: none;
	padding: 0 37px;
}

.add-btn {
	text-align: center;
}

.add-btn .btn-value {
	color: #fff;
	background-color: #45cefe;
	border: solid 1px #45cefe;
}

.add-btn .btn-back {
	color: #fff;
	border: solid 1px #a4bbc3;
	color: #a4bbc3;
	background-color: #fff;
}

.add-btn button:hover {
	opacity: 0.8;
}
/*bs样式重置*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/* input框获取焦点-通用 */
.page-control:focus,.page-control:hover,.dropdown:focus,.dropdown:hover {
	border-color: #199edb;
	transition: all .3s;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(22,102,158, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(22,102,158, 0.6);
}

/*供应商详情*/
#supplier_details {
	width: 1200px;
	margin: 0 auto;
}

.supplier_title {
	height: 50px;
	font-size: 18px;
	padding: 0 66px 0 26px;
	margin-top: 20px;
	color: #ff7f00;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.14);
	border-radius: 2px;
	background-color: #ffdfb9;
}
.supplier_title_item{
	background-color: #fdefde;
}
.supplier_title_item:hover{
	background-color: #ffdfb9;
}
.supplier_title_item.active{
	background-color: #ffdfb9;
}

.supplier_title span {
	line-height: 50px;
	color: #ff7f00;
}

.supplier_title_r {
	display: inline-block;
}

.supplier_content {
	padding: 18px 26px;
	font-size: 14px;
	line-height: 28px;
	background: #fff;
}

.supplier_content_l,.supplier_content_r {
	width: 50%;
}

.supplier_block b {
	width: 110px;
	text-align: right;
}

.supplier_block span {
	width: 464px;
	color: #808080;
}

.supplier_inline b {
	width: 110px;
	text-align: right;
}

.supplier_inline span {
	width: 1038px;
	color: #808080;
}

.add-btn .supplier-btn-back {
	line-height: 32px;
	border-radius: 2px;
	border: none;
	padding: 0 37px;
}

.add-btn .supplier-btn-back {
	border: solid 1px #eeab3e;
	color: #eeab3e;
	background-color: #fff;
}

.add-btn .supplier-btn-back:hover {
	border: solid 1px #eeab3e;
	color: #fff;
	background-color: #eeab3e;
	transition: all .3s;
}

.btn-back-pad {
	padding: 50px;
}

.cooperation,.purchase {
	font-size: 14px;
}

.cooperation_list li {
	float: left;
	line-height: 50px;
}

.cooperation_list a {
	color: #3487cd;
}

.cooperation_content {
	background: #fff;
	text-align: center;
}

.table>thead>tr>th {
	text-align: center;
}

.cooperation_list h3 {
	font-weight: normal;
	color: #333;
}

.cooperation_list span {
	color: #808080;
}

.cooperation_list1 {
	width: 100px;
}

.cooperation_list2 {
	width: 40px;
}

.cooperation_list3 {
	width: 80px;
}

.cooperation_list4 {
	width: 730px;
}

.cooperation_list4 .number {
	margin-left: 26px;
}

.cooperation_list5 {
	width: 80px;
}

.cooperation_list5 a {
	color: #eeab3e;
}

.cooperation_list5 img {
	vertical-align: middle;
	margin-right: 10px;
}

.cooperation_cicle_warp {
	border-left: 2px solid #eeab3e;
	height: 50px;
	position: relative;
}

.cooperation_cicle {
	background-color: #eeab3e;
	border: 1px solid #eeab3e;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: -6px;
	margin-top: -6px;
}

.purchase_content {
	background: #fff;
	text-align: center;
	padding: 60px;
}

.middle {
	vertical-align: middle;
}

.supplier_details_table {
}



/*
 *费用报销单
 */
.warp {
	width: 1200px;
	margin: 0 auto;
	font-size: 14px;
}

.bg-FFFFFF {
	background: #fff;
}

.exp-warp {
	width: 992px;
	margin: 0 auto;
	padding-bottom: 40px;
}

.exp-title {
	font-size: 32px;
	text-align: center;
	letter-spacing: 20px;
	text-indent: 20px;
	font-weight: normal;
	line-height: 70px;
}

.double-line {
	height: 6px;
	width: 428px;
	margin: 0 auto;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

.exp-head {
	padding-top: 15px;
}

.exp-head-items li {
	float: left;
	margin-right: 50px;
	line-height: 30px;
}

.exp-head-items .exp-head-item-last {
	float: right;
	margin-right: 0;
}

.exp-detailed-warp {
	border: 1px solid #666;
	margin-bottom: 25px;
}

.exp-detailed-list {
	border-bottom: 1px solid #666;
	padding: 15px;
}

.exp-detailed-title {
	font-size: 13px;
	font-weight: normal;
	line-height: 30px;
}

.exp-detailed-items li {
	float: left;
	line-height: 40px;
	margin:0 20px;
}

.exp-detailed-items li input,
.exp-detailed-items li span,
.exp-detailed-items li label,
.exp-detailed-items li select {
	vertical-align: middle;
}

.exp-detailed-items li input {
	height: 25px;
	border: 1px solid #666;
	font-size: 13px;
}

.exp-detailed-items .exp-detailed-item-radio select,.exp-detailed-item-radio1 select,.exp-detailed-item-radio2 select {
	height: 25px;
	border: 1px solid #666;
}

.exp-detailed-item-input,.exp-detailed-item-input2,.exp-detailed-item-input3,.exp-detailed-item-input4,.exp-detailed-item-input5 {
	width: 420px;
}

.exp-detailed-item-radio2 {
	width: 320px;
	padding-right: 36px;
}

.exp-detailed-item-radio2 select {
	width: 194px;
}

.exp-detailed-item-input2 {
	padding-right: 9px;
}

.exp-detailed-item-input5 {
	padding-right: 36px;
}

.exp-detailed-item-radio1 {
	width: 209px;
}

.exp-detailed-item-input input {
	width: 194px;
	padding-left: 5px;
}

.exp-detailed-item-input2 input,.exp-detailed-item-input5 input {
	width: 194px;
}

.exp-detailed-item-input3 input {
	width: 194px;
	padding-left: 5px;
}

.exp-detailed-item-input4 input {
	width: 194px;
	padding-left: 5px;
}

.exp-detailed-item-input button {
	background: rgba(22, 155, 213, 1);
	border: none;
	color: #fff;
	padding: 6px;
	border-radius: 4px;
	vertical-align: middle;
}

.exp-detailed-items .exp-detailed-item-span {
	width: 280px;
	padding-left: 12px;
	text-align:left;
}
.exp-detailed-items .exp-detailed-item-span .page-imp{
	top:0;
}
.exp-detailed-item-radio {
	width: 320px;
}

.exp-detailed-item-radio select {
	width: 194px;
}

.exp-detailed-item-radio1 select {
	width: 66px;
}

.exp-detailed-item-input2 input {
	width: 145px;
	margin-right: 10px;
	padding-left: 5px;
}

.exp-detailed-item-input3 input {
	width: 210px;
	margin-right: 10px;
	padding-left: 5px;
}

.exp-detailed-item-input4 input {
	width: 194px;
	padding-left: 5px;
}

.plusicon {
	color: #169BD5;
	font-size: 13px;
	border: none;
	background: none;
	margin-left: 5px;
}

.exp-btns-warp {
	border-bottom: 1px solid #666;
	padding: 24px 15px;
}

.exp-btns-warp li {
	float: left;
	line-height: 4px;
}

.exp-btns-warp-detailed,.exp-btns-warp-money {
	width: 450px;
}

.exp-btn-add {
	color: #0a50a1;
}

.exp-btn-confirm {
	width: 140px;
	height: 40px;
	background: rgba(22, 155, 213, 1);
	color: #fff;
	line-height: 40px;
	text-align: center;
	border-radius: 4px;
	border: none;
	cursor: pointer;
}

.exp-footer {
	padding: 12px 15px 20px;
	border-bottom: 1px solid #666;
}

.exp-footer-tips {
	padding-bottom: 10px;
}

.exp-footer-tips span {
	font-size: 12px;
	color: #CCCCCC;
}

.exp-footer-total-items {
}

.exp-footer-total-items li {
	float: left;
	margin-bottom: 30px;
}

.exp-footer-total-items .exp-footer-total-right {
	float: right;
}

.exp-footer-total-items .exp-footer-total-left {
	width: 312px;
}

.exp-footer-workers-items li {
	float: left;
	margin-left: 46px;
}

.exp-footer-workers-items li:nth-child(6){
	margin-top:30px;
}

.exp-detailed-item-input2-gai1 span{
	margin-right:5px;
}

.exp-detailed-item-del-gai1{
	line-height:50px;
}

.exp-footer-workers-items li span {
	color: #169BD5;
}

.red {
	color: red;
}

.exp-footer-worker {
	width: 180px;
}

.exp-footer-worker1 {
	width: 210px;
}

.page-imp {
	color: #ff0000;
	font-size: 18px;
	line-height: 30px;
	position: relative;
	top: 5px;
}

.exp-detailed-item-del1 {
	text-align: right;
	color: #169BD5;
	padding-right: 4px;
}

.exp-footer-workers-items-right {
	text-align: right;
	width: 400px;
	margin: 20px 0 0 500px;
}

.money {
	color: red;
}

.exp-textarea-warp {
	border-bottom: 1px solid #666;
	padding: 12px 15px 20px;
}

.exp-textarea-warp .exp-textarea {
	padding: 15px;
}

.exp-textarea-warp .exp-textarea span {
	height: 50px;
	width: 68px;
	text-align: right;
}

.exp-textarea-warp .exp-textarea textarea {
	padding: 10px;
	height: 76px;
	width: 860px;
}

.exp-textarea-warp .exp-footer-tips {
	line-height: 24px;
}

.exp-textarea-warp .exp-footer-worker1 span {
	color: #169BD5;
	font-size: 14px;
}

.clearpadding {
	padding: 0;
}

.exp-detailed-item-select {
	width: 194px;
	height: 25px;
	border: 1px solid #666;
}

/*出库申请单*/
.out-unit {
	padding-left: 28px;
}

.out-class select {
	height: 25px;
	font-size: 13px;
	border: 1px solid #666;
}

.out-select-w {
	width: 420px;
}

.exp-detailed-item-input6 {
	width: 294px;
}

.sup-back{
	margin: 35px 0;
}
/* 拜访跟进页面 */
.achievement_l{
	width: 200px;
}
.follow-bg{
	width: 970px;
	margin-left: 30px;
}
.follow-data{
	width: 970px;
	color: #fff;
	line-height: 37px;
	padding: 0 30px;
	background-color: #55cbfe;
}
.follow-class{
	margin-bottom: 25px;
	margin-left: 115px;
}
.follow-class li{
	display: inline-block;
	margin: 0 25px;
}
.follow-cnt{
	padding: 0;
}
.follow-data-pad{
	padding: 20px 35px;
}
.follow-data-pad .data-label{
	line-height: 30px;
	margin: 0 15px;
}
.follow-data-pad select{
	width: 180px;
	height: 30px;
}
.follow-s-div{
	padding: 0 10px;
}
.follow-s-div label,.follow-s-div span{
	vertical-align: middle;
	cursor:pointer;
}
.follow-d-wrap{
	padding: 15px 30px;
	background: #fff;
	margin-bottom: 20px;
}
.follow-phone{
	margin: 0 50px;
}
.follow-cnt img{
	margin: 0 5px;
	vertical-align: middle;
}
.follow-address{
	width: 420px;
	overflow: hidden;
}
body .follow-text{
	width: 698px;
	overflow: hidden;
	text-align: justify;
	line-height: 22px;
	margin-top: 15px;
}
body .follow-tit{
	width: 70px;
}
.cooperation_list .follow-color-green{
	color: #0a9400;
}
.cooperation_list .follow-color-red{
	color: #cf0000;
}
.follow-line{
	margin: 20px 0;
	border-bottom: 1px solid #55cbfe;
}
.follow-see{
	color: #999999;
}
.follow-cnt .cooperation_list .follow-see a{
	color: #999;
	text-decoration: underline;
}
.follow-tab{
	padding: 30px 0px;
	margin: 0 50px;
	border-bottom: 1px solid #d1d5db;	
}
.follow-tab span{
	font-size: 16px;
	font-weight: bold;
	margin-right: 25px;
	padding: 3px 20px;
	color: #eeab3e;
	background: #fff;
	border:1px solid #eeab3e;
}
.follow-tab span a{
	color: #fff;
}
.follow-tab span:hover{
	color: #fff;
	background: #eeab3e;
	border:1px solid #eeab3e;
	transition: all 0.2s;
}
.follow-tab .active{
	color: #fff;
	background: #eeab3e;
	border:1px solid #eeab3e;
}
.follow-screen{
	margin-top: 5px;
}
.follow-box1{
	background: #fff;
}
.comment-btn{
	margin-top: 12px;
}
.exp-comment{
	 padding: 12px 15px 20px;
}
.workDetails-commentList{
	 line-height:36px;
}

/*系统设置*/
#icon .s-1 {
	 background: url('../img/system-setup.png') -370px -490px;
}
#icon .s-1:hover {
	 background: url('../img/system-setup.png') -130px -10px;
}
#icon .s-2 {
	 background: url('../img/system-setup.png') -10px -10px;
}
#icon .s-2:hover {
	 background: url('../img/system-setup.png') -10px -370px;
}
#icon .s-3 {
	 background: url('../img/system-setup.png') -130px -370px;
}
#icon .s-3:hover {
	 background: url('../img/system-setup.png')  -10px -130px;
}
#icon .s-4 {
	 background: url('../img/system-setup.png') -370px -370px;
}
#icon .s-4:hover {
	 background: url('../img/system-setup.png') -130px -130px;
}
#icon .s-5 {
	 background: url('../img/system-setup.png')  -250px -370px;
}
#icon .s-5:hover {
	 background: url('../img/system-setup.png')  -370px -250px;
}
#icon .s-6 {
	 background: url('../img/system-setup.png')  -490px -10px;
}
#icon .s-6:hover {
	 background: url('../img/system-setup.png') -250px -130px;
}
#icon .s-7 {
	 background: url('../img/system-setup.png') -490px -130px;
}
#icon .s-7:hover {
	 background: url('../img/system-setup.png') -10px -250px;
}
#icon .s-8 {
	 background: url('../img/system-setup.png') -490px -250px;
}
#icon .s-8:hover {
	 background: url('../img/system-setup.png') -130px -250px;
}
#icon .s-9 {
	 background: url('../img/system-setup.png')  -490px -370px;
}
#icon .s-9:hover {
	 background: url('../img/system-setup.png')  -370px -10px;
}
#icon .s-10 {
	 background: url('../img/system-setup.png')  -10px -490px;
}
#icon .s-10:hover {
	 background: url('../img/system-setup.png') -370px -130px;
}
#icon .s-11 {
	 background: url('../img/system-setup.png')   -130px -490px;
}
#icon .s-11:hover {
	 background: url('../img/system-setup.png') -250px -250px;
}
#icon .s-12 {
	 background: url('../img/icon-page-modify.png')  -250px -130px;
}
#icon .s-12:hover {
	 background: url('../img/icon-page-modify.png') -10px -10px;
}
#icon .s-13 {
	 background: url('../img/icon-page-modify.png')  -130px -250px;
}
#icon .s-13:hover {
	 background: url('../img/icon-page-modify.png') -250px -250px;
}
.page-margin {
	text-align: center;
	margin: 50px 0;
}
.redclass span{
	color:red;
	padding:0 20px;
}
.exp-detailed-item-input-gai1 span,.exp-head-items span,.exp-detailed-item-input2-gai1 span{
	top:0;
}

/*OA改版通讯录*/
#maillist{
	width: 100%;
	margin: 20px;
	background: #fff;
}
.search-box{
	padding: 12px 0 0 15px;
}
.layui-input-block{
	margin-left: 0;
}
.layui-form-select{
	width: 216px;
	height: 40px;
}
.layui-form-item{
	display: inline-block;
}
.maillist-input{
	width: 252px;
	height: 40px;
}
.layui-select-title input{
	height: 40px;
}
.ml100{
	margin-left: 100px;
}
.ml4{
	margin-left: -4px;
}
.layui-btn{
	width: 74px;
	height: 40px;
	display: inherit;
	background-image: linear-gradient(0deg, 
		#0967db 0%, 
		#6ebffd 100%), 
	linear-gradient(
		#eef2f7, 
		#eef2f7);
	background-blend-mode: normal, 
		normal;
}
.newIndex-circular{
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: #9bb9ff;
}
.layui-tab .layui-tab-title li{
    min-width: 0;
    padding: 0;
    margin-right: 20px;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
	border-bottom: none;
}
.layui-tab .layui-this{
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: #1c4cba;
}
.layui-tab .layui-tab-title{
	text-align: right;
    padding-right: 72px;
}
.mail{
	width: 100%;
}
.layadmin-address-ul li{
	width: 50%;
	line-height: 24px;
}
.layadmin-address-ul li:last-child{
	width: 100%;
}
.layadmin-title{
	margin-top: 10px;
}
.layadmin-title strong{
	font-family: SimSun;
	font-size: 16px;
	color: #333;
}
.layadmin-address{
	margin-top: 20px;
}
.layadmin-maillist-fluid .layadmin-text-center img{
	max-width: 80%;
    border-radius: 50%;
    margin-top: 30px;
}
.mt12{
    margin-top: 12px;
}
.layui-tab-title{
	border-bottom-style: none;
}
.layadmin-maillist-fluid .layadmin-contact-box {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #e7eaec;
    overflow: hidden;
}
.layadmin-maillist-fluid .layadmin-contact-box:hover{
	box-shadow: 0px 2px 7px 0px rgba(6, 0, 1, 0.24);
	border: 1px solid #e5e5e5;
}
.hidden{
	overflow: hidden;
	white-space: nowrap;
}
/*/OA改版通讯录*/

/*OA改版登录*/
#login{
	width: 100%;
	margin-top: -20px;
}
.login-left{
	width: 50%;
	height: 943px;
	background: #1b4bba;
	position: relative;
}
.login-right{
	width: 50%;
	height: 943px;
	background: #fff;
	position: relative;
}
.login-left-img{
	position: absolute;
	bottom: 0;
	right: 24px;
	width: 576px;
}
.login-right-cont{
	width: 600px;
    text-align: center;
    margin-top: 120px;
}
.login-right-input{
	border: none;
	border-bottom: 2px solid #1b4bba;
	width: 480px;
	padding-bottom :16px;
	margin-top: 40px;
    font-size: 20px;
}
.login-p{
	width: 480px;
	margin: 0 auto;
	margin-top: 36px;
	color: #1c4cba;
	font-size: 20px;
}
.login-p-a{
	color: #1c4cba;
	font-size: 20px;
}
.login-but{
	display: block;
	width: 200px;
	height: 70px;
	background-color: #1c4cba;
	box-shadow: 0px 5px 10px 0px rgba(11, 2, 5, 0.6);
	border-radius: 5px;
	margin: 0 auto;
	font-size: 22px;
	color: #fff;
	letter-spacing: 4px;
	margin-top: 34px;
}
.login-but:hover{
	color: #fff;
}
.login-but-p{
	line-height: 70px;
}
body input[type="text"]:focus, body input[type="text"]:hover,body input[type="password"]:focus, body input[type="password"]:hover, body textarea:focus, body textarea:hover{
    box-shadow: none; 
}
input[type=checkbox] {
    width: 18px;
    height: 19px;
}
.login-radio{
	margin-left: -372px;
    vertical-align: middle;
}
.code{
	margin-top: 80px;
}
.code-text{
	font-size: 20px;
}
.semicircle1{
	position: absolute;
	bottom: 0;
}
.semicircle2{
	position: absolute;
	right: 0;
}
.semicircle3{
	position: absolute;
	right: 0;
	bottom: 40px;
}
.semicircle5{
	position: absolute;
	right: 0;
	top: 410px;
}
.semicircle4{
	position: absolute;
	left: 0;
	top: 410px;
}
/*/OA改版登录*/