/*reset*/

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

a,
em,
i,
b,
pre {
	font-style: normal;
}

a {
	cursor: pointer;
	color: #2d7ae4;
}

a:hover {
	color: #2a64c7;
}

:focus {
	outline: none;
}

button.close {
	font-weight: normal;
	font-size: 26px;
}

.modal-header {
	border-bottom: 0;
}

.modal-body {
	padding-top: 0;
}

.modal .table-no-bordered>tbody>tr>th,
.modal .table-no-bordered>tbody>tr>td {
	/* padding:0;*/
	overflow: visible;
}

.modal-footer {
	padding-top: 0;
	border-top: 0;
}

textarea {
	resize: none;
}

.btn-group-xs>.btn,
.btn-xs {
	border-radius: 0;
}

.btn {
	border-radius: 0;
}


/* s-d */

#preloader {
	position: fixed;
	/*display:none;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #e4e7ea;
	z-index: 10000;
}

#status {
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -0.75rem 0 0 -0.75rem;
	font-size: 3.6rem;
	color: #757575;
}

.ys-interval {
	margin-left: 20px;
}


/*reset*/

.skin-blue .form-horizontal .form-group {
	margin-right: 0;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #2d7ae4;
	outline: 0;
}

.ys-form .form-group {
	margin-bottom: 10px;
	height: 30px;
}

.ys-form .control-label {
	color: #757575;
	padding-left: 0;
	padding-right: 0;
}

.ys-form .form-group .btn,
.ys-form .form-group input {
	width: 100%;
	text-align: left;
	border: 0;
	border-radius: 0;
	border-bottom: solid 1px #e1e1e1;
	box-shadow: none;
}

.ys-form .form-group .btn:focus,
.ys-form .form-group input:focus {
	border-bottom: solid 2px #2d7ae4;
}

.ys-form .form-group .btn>.caret {
	position: relative;
	float: right;
	top: 10px;
}

.ys-form .form-group .input-addon {
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
}


/*reset table*/


/*todo: table现在统一用12px字体显示*/

.table {
	font-size: 12.8px;
}

.table>thead>tr>th,
.table>tbody>tr>th {
	font-weight: normal;
}

.table-no-bordered>tbody>tr>th,
.table-no-bordered>tbody>tr>td {
	border-top: 0;
	overflow: visible;
}

.ys-table {
	table-layout: fixed;
}


/*tr行触发链接跳转的table*/

.ys-table-relocate>tbody>tr {
	cursor: pointer;
}


/*td省略号*/

.ys-table-ellipsis td>span,
.ys-table-ellipsis th>span {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/*ys-page ys-block ys-section ys-panel*/

.ys-block {
	padding: 15px;
}

.ys-block-title {
	padding: 10px 15px;
	height: 60px;
	line-height: 40px;
}

.ys-block-title>h3 {
	line-height: 40px;
	font-weight: normal;
}

.ys-block-title h3>.ys-sub-title {
	display: inline-block;
	margin-left: 12px;
	font-size: 16px;
}

.ys-block-content {}

.ys-section {
	padding: 10px 15px;
}

.ys-section .ys-section-header {
	height: 50px;
	padding: 10px 0;
	line-height: 30px;
}

.ys-section .ys-section-header h1 {
	font-size: 22px;
	height: 30px;
	line-height: 30px;
}

.ys-section .ys-section-content {
	padding: 15px 0;
}

.ys-background-trans {
	/* background: -webkit-linear-gradient(0deg, rgba(235, 239, 243, 0.34) 0, rgba(249, 249, 249, 0.02) 50%,rgba(244, 245, 247, 0.38) 100%);
     background: -o-linear-gradient(0deg, rgba(235, 239, 243, 0.34) 0, rgba(249, 249, 249, 0.02) 50%,rgba(244, 245, 247, 0.38) 100%);
     background: linear-gradient(0deg, rgba(235, 239, 243, 0.34) 0, rgba(249, 249, 249, 0.02) 50%,rgba(244, 245, 247, 0.38) 100%);*/
	/*-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);*/
	/*background-color: rgba(249, 249, 249, 0.02);*/
	background-color: transparent;
}

.ys-background-trans-0 {}

.ys-background-trans-1 {}

.ys-background-white {
	background-color: #fff;
}


/*ys-icon*/
.ys-icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../../images/icon.png);
}


.ys-icon.ys-icon-manage {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/manage.png) no-repeat center center/contain;
}

#main-1:hover .ys-icon.ys-icon-manage {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/manage1.png) no-repeat center center/contain;
}

.ys-icon.ys-icon-projectCard {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/projectCard.png) no-repeat center center/contain;
}

#main-2:hover .ys-icon.ys-icon-projectCard {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/projectCard1.png) no-repeat center center/contain;
}
.ys-icon.ys-icon-marketSystem {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/marketSystem.png) no-repeat center center/contain;
}

#main-2:hover .ys-icon.ys-icon-marketSystem {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/marketSystem1.png) no-repeat center center/contain;
}

.ys-icon.ys-icon-marketProject{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/marketProject.png) no-repeat center center/contain;
}
#main-8:hover .ys-icon.ys-icon-marketProject{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/marketProject1.png) no-repeat center center/contain;
}

.ys-icon.ys-icon-base {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/base.png) no-repeat center center/contain;
}

#main-3:hover .ys-icon.ys-icon-base {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/base1.png) no-repeat center center/contain;
}
.ys-icon.ys-icon-cost {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/cost.png) no-repeat center center/contain;
}
#main-4:hover .ys-icon.ys-icon-cost {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/cost1.png) no-repeat center center/contain;
}
.ys-icon.ys-icon-fin {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/fin.png) no-repeat center center/contain;
}

#main-5:hover .ys-icon.ys-icon-fin {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/fin1.png) no-repeat center center/contain;
}

.ys-icon.ys-icon-expenses {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/expenses.png) no-repeat center center/contain;
}

#main-6:hover .ys-icon.ys-icon-expenses {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/expenses1.png) no-repeat center center/contain;
}

.ys-icon.ys-icon-gerenrenwu{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/gerenrenwu.png) no-repeat center center/contain;
}
#main-9:hover .ys-icon.ys-icon-gerenrenwu{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/gerenrenwu1.png) no-repeat center center/contain;
}

.sidebar-menu .ys-icon {
	float: left;
	margin-right: 15px;
}

.ys-icon-tel-book {
	background-position: -24px -27px;
}

.ys-text-btn:hover .ys-icon-tel-book,
.ys-text-btn.active .ys-icon-tel-book,
li.treeview.active>a .ys-icon-tel-book,
li.treeview:hover>a .ys-icon-tel-book {
	background-position: -68px -27px;
}

.ys-icon-mail {
	padding: 0 0 20px 25px;
	transform: translate(0px, 3px);
}

.ys-icon-mail {
	background-position: -24px -80px;
}

.ys-text-btn:hover .ys-icon-mail,
.ys-text-btn.active .ys-icon-mail,
li.treeview.active>a .ys-icon-mail,
li.treeview:hover>a .ys-icon-mail {
	background-position: -68px -80px;
}

.ys-icon-plan {
	background-position: -24px -129px;
}

.ys-text-btn:hover .ys-icon-plan,
.ys-text-btn.active .ys-icon-plan,
li.treeview.active>a .ys-icon-plan,
li.treeview:hover>a .ys-icon-plan {
	background-position: -68px -129px;
}

.ys-icon-approve {
	background-position: -24px -177px;
}

.ys-text-btn:hover .ys-icon-approve,
.ys-text-btn.active .ys-icon-approve,
li.treeview.active>a .ys-icon-approve,
li.treeview:hover>a .ys-icon-approve {
	background-position: -68px -177px;
}

.ys-icon-busi {
	background-position: -25px -227px;
}

.ys-text-btn:hover .ys-icon-busi,
.ys-text-btn.active .ys-icon-busi,
li.treeview.active>a .ys-icon-busi,
li.treeview:hover>a .ys-icon-busi {
	background-position: -69px -227px;
}

.ys-icon-cost {
	background-position: -26px -277px;
}

/*.ys-text-btn:hover .ys-icon-cost,
.ys-text-btn.active .ys-icon-cost,
li.treeview.active>a .ys-icon-cost,
li.treeview:hover>a .ys-icon-cost {
	background-position: -70px -277px;
}*/

.ys-icon-knowledge {
	background-position: -24px -330px;
}

.ys-text-btn:hover .ys-icon-knowledge,
.ys-text-btn.active .ys-icon-knowledge,
li.treeview.active>a .ys-icon-knowledge,
li.treeview:hover>a .ys-icon-knowledge {
	background-position: -68px -330px;
}

.ys-icon-setting {
	background-position: -24px -379px;
}

.ys-text-btn:hover .ys-icon-setting,
.ys-text-btn.active .ys-icon-setting,
li.treeview.active>a .ys-icon-setting,
li.treeview:hover>a .ys-icon-setting {
	background-position: -68px -379px;
}

.ys-icon-others {
	background-position: -26px -430px;
}

.ys-text-btn:hover .ys-icon-others,
.ys-text-btn.active .ys-icon-others,
li.treeview.active>a .ys-icon-others,
li.treeview:hover>a .ys-icon-others {
	background-position: -70px -430px;
}

.ys-icon-fin {
	background-position: -25px -480px;
}

/*.ys-text-btn:hover .ys-icon-fin,
.ys-text-btn.active .ys-icon-fin,
li.treeview.active>a .ys-icon-fin,
li.treeview:hover>a .ys-icon-fin {
	background-position: -70px -480px;
}*/


.ys-icon-excel {
	background-position: -288px -30px;
}

.ys-text-btn:hover .ys-icon-excel,
.ys-text-btn.active .ys-icon-excel,
li.treeview.active>a .ys-icon-excel,
li.treeview:hover>a .ys-icon-excel {
	background-position: -288px -80px;
}

.ys-icon-add {
	background-position: -325px -30px;
}

.ys-text-btn:hover .ys-icon-add,
.ys-text-btn.active .ys-icon-add,
li.treeview.active>a .ys-icon-add,
li.treeview:hover>a .ys-icon-add {
	background-position: -325px -80px;
}

.ys-icon-refresh {
	background-position: -150px -30px;
}

.ys-text-btn:hover .ys-icon-refresh,
.ys-text-btn.active .ys-icon-refresh,
li.treeview.active>a .ys-icon-refresh,
li.treeview:hover>a .ys-icon-refresh {
	background-position: -150px -80px;
}

.ys-icon-search {
	background-position: -117px -31px;
}

.ys-icon-statistics {
	background-position: -186px -31px;
}

.ys-icon-access {
	background-position: -219px -31px;
}

.ys-icon-history {
	background-position: -364px -131px;
}

.ys-icon-up {
	background-position: -329px -132px;
}

.ys-icon-down {
	background-position: -292px -132px;
}

.ys-text-btn:hover .ys-icon-search,
.ys-text-btn.active .ys-icon-search {
	background-position: -117px -81px;
}

.ys-text-btn:hover .ys-icon-statistics,
.ys-text-btn.active .ys-icon-statistics {
	background-position: -186px -81px;
}

.ys-text-btn:hover .ys-icon-access,
.ys-text-btn.active .ys-icon-access {
	background-position: -219px -81px;
}

.ys-text-btn:hover .ys-icon-history,
.ys-text-btn.active .ys-icon-history {
	background-position: -405px -131px;
}


/*ys-btn ys-text-btn ys-btn-icon ys-text-btn-icon*/

.ys-btn-wrapper {
	margin-left: 20px;
	padding: 6px 0;
	line-height: 28px;
}

.ys-btn-wrapper>.ys-btn {
	float: left;
	margin-left: 10px;
}

.ys-btn {
	min-width: 80px;
	padding: 0 12px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border: 0;
	border-radius: 0;
	background-color: #efefef;
	color: #333;
	font-size: 12.8px;
}

.ys-btn:hover {
	background-color: #d5d5d5;
}

.ys-btn.ys-btn-blue,
.ys-btn.active {
	background-color: #2d7ae4;
	color: #fff;
}

.ys-btn.ys-btn-blue:hover,
.ys-btn.active:hover {
	background-color: #2a64c7;
	color: #fff;
}

.ys-btn.ys-btn-red {
	background-color: #ff3030;
	color: #fff;
}

.ys-btn.ys-btn-red:hover {
	background-color: #de2f2f;
	color: #fff;
}

.ys-btn.ys-btn-green {
	background-color: #449139;
	color: #fff;
}

.ys-btn.ys-btn-green:hover {
	background-color: #2a871c;
	color: #fff;
}

.ys-btn-small {
	height: 28px;
	border: 0;
	padding: 0 10px;
	line-height: 28px;
}

.ys-text-btn {
	color: #757575;
	cursor: pointer;
	/*margin-left:12px;*/
}

.ys-text-btn:hover,
.ys-text-btn.active {
	color: #2d7ae4;
}

.ys-text-btn.ys-text-btn-icon {
	position: relative;
	padding-left: 18px;
}

.ys-text-btn.ys-text-btn-icon>em.ys-icon {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 0;
	margin-top: -8px;
}

.ys-btn:active,
.ys-btn.active {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .15) inset;
}


/*backdrop*/

.backdrop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #373c42;
	opacity: 0;
	z-index: 1999;
	-webkit-transition: opactiy 0.3s;
	-moz-transition: opactiy 0.3s;
	-ms-transition: opactiy 0.3s;
	-o-transition: opactiy 0.3s;
	transition: opactiy 0.3s;
}

.open .backdrop,
.open-tool .backdrop,
.open-panel .backdrop {
	display: block;
	opacity: 0.56;
}


/*loading*/

.ys-loading {
	/*display: none;*/
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*background-color: transparent;*/
	background-color: rgba(255, 255, 255, .6);
	z-index: 3999;
}

.ys-loading>.loading-wrapper {
	width: 180px;
	height: 120px;
	padding-top: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -90px;
	margin-top: -80px;
	border-radius: 12px;
	background-color: rgba(255, 255, 255, 1);
}

.ys-loading>.loading-wrapper>.loading-ani {
	width: 74px;
	height: 72px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -37px;
}


/*ys-list-tree*/

.ys-list-tree {
	list-style: none;
	padding-left: 0;
}

.ys-list-tree>li.ys-tree-item {
	padding-left: 20px;
	position: relative;
	font-size: 12.8px;
	line-height: 28px;
	cursor: pointer;
}

.ys-list-tree>li.ys-tree-item.disabled {
	color: #aaa;
	cursor: not-allowed;
}

.ys-list-tree>li.ys-tree-item.active>span {
	/*background-color:#00aaff;*/
	color: #2d7ae4;
}


/*.ys-list-tree>li.ys-tree-item:before{display: block;content:" ";width:6px;height:6px;border-radius: 6px;
    background-color:#333;position: absolute;top:11px;left:5px;}*/

.ys-list-tree>li.ys-tree-item.active:before {
	background-color: #fff;
}

.ys-list-tree>li.ys-tree-item.parent:before {
	display: block;
	/*content:"\002b";*/
	content: "\e259";
	font-size: 12px;
	color: #333;
	background-color: transparent;
	font-family: 'Glyphicons Halflings';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	line-height: 16px;
	top: 6px;
	text-align: center;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
}

.ys-list-tree>li.ys-tree-item.parent.open:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

li.ys-tree-item.parent>.ys-list-tree {
	display: none;
}

li.ys-tree-item.parent.open>.ys-list-tree {
	display: block;
}


/*checkbox树节点*/

.ys-list-tree.ys-list-tree-checkbox .ys-checkbox-container {
	margin: 0 5px;
	line-height: 32px !important;
}

.ys-list-tree.ys-list-tree-checkbox:first-child>.ys-tree-item>span {
	margin-left: 24px;
}

.ys-list-tree.ys-list-tree-checkbox>li.ys-tree-item.ys-tree-root:before,
.ys-list-tree.ys-list-tree-checkbox>li.ys-tree-item.ys-tree-root.open:before {
	content: "";
	left: 18px;
	background: url(../../images/icon.png) -185px -132px;
}

.ys-list-tree.ys-list-tree-checkbox .ys-checkbox-container {
	cursor: pointer;
	color: rgb(87, 91, 92);
}

.ys-list-tree.ys-list-tree-checkbox .ys-checkbox {
	position: relative;
	top: 6px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../images/icon.png) -255px -132px no-repeat;
	cursor: pointer;
}

.ys-list-tree.ys-list-tree-checkbox:checked+.ys-checkbox,
.ys-list-tree.ys-list-tree-checkbox .ys-checkbox.ys-checkbox-checked {
	background-position: -221px -132px;
}


/*todo: checkbox-tree*/
.checkbox-tree>li.ys-tree-item{
    padding-left:0;
}
.checkbox-tree>li.ys-tree-item.parent{
    padding-left:20px;
}

.checkbox-tree>li.ys-tree-item.parent:before{
    display: none;
}

.checkbox-tree>li.ys-tree-item.parent>em.ys-glyphicon{
    position:absolute;
    display: block;
    left:0;
    top:8px;
    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -ms-transition: transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;

    color:#8b97a5;
}

.checkbox-tree>li.ys-tree-item.open>em.ys-glyphicon{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


.checkbox-tree>li.ys-tree-item>div.check-status{
    position:relative;
    padding-left:20px;
}
.checkbox-tree>li.ys-tree-item>div.check-status:before{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7.5px;
    display: block;
    width: 15px;
    height: 15px;
    /* background-size: contain; */
    background-repeat: no-repeat;
    content: " ";
    background-image: url(../../images/icon.png);
    background-position: -826px -215px;
}
.checkbox-tree>li.ys-tree-item>div.check-status:hover{
    color:#2d7ae4;
}
.checkbox-tree>li.ys-tree-item>div.check-status:hover:before{
    background-position: -846px -215px;
}

.checkbox-tree>li.ys-tree-item>div.check-status:hover:before{
    background-position: -846px -215px;
}
.checkbox-tree>li.ys-tree-item>div.check-status.checked:before{
    background-position:-865px -215px;
}

.checkbox-tree>li.ys-tree-item>div.check-status.halfChecked:before{
    background-position:-865px -215px;
}
/*ys-panel*/

.panel-group .ys-panel {
	border-radius: 0;
	border: 0;
	box-shadow: none;
}

.ys-panel>.panel-heading {
	position: relative;
	padding: 0;
	height: 40px;
	overflow: hidden;
	line-height: 40px;
	color: #333;
	background-color: #fbfbfb;
	border-left: solid 2px #2d7ae4;
}

.ys-panel>.panel-heading .panel-title {
	line-height: 40px;
}

.ys-panel>.panel-heading .panel-title>a {
	display: block;
	padding: 6px 15px;
	padding-right: 60px;
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 28px;
}

.ys-panel>.panel-heading .panel-title>a:after {
	display: block;
	content: "\e259";
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: 0;
	height: 30px;
	width: 45px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	font-family: "Glyphicons Halflings";
	border-left: solid 1px #e6eaed;
	-webkit-transition: tranform .3s ease-in;
	-moz-transition: tranform .3s ease-in;
	-ms-transition: tranform .3s ease-in;
	-o-transition: tranform .3s ease-in;
	transition: tranform .3s ease-in;
}

.ys-panel>.panel-heading .panel-title>a.collapsed:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	border-left: 0;
	border-right: solid 1px #e6eaed;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
	margin-left: 0;
	margin-right: 0;
	padding: 15px 0;
	border-top: 0;
}


/*table-no-bordered ys-cell-wrapper*/

.panel-group .table-no-bordered>tbody>tr>th,
.panel-group .table-no-bordered>tbody>tr>td {
	padding: 0 15px;
}

.ys-cell-wrapper {
	position: relative;
	/*height: 40px;*/
	min-height: 40px;
	min-width: 160px;
	font-size: 14px;
	line-height: 40px;
}


/* 单位 */

.ys-cell-wrapper .ys-input-wrapper.ys-wrapper-company,
.ys-cell-wrapper .ys-span-wrapper.ys-wrapper-company {
	padding-right: 20px;
}

.ys-cell-wrapper .ys-input-wrapper.ys-wrapper-company input.ng-empty~span:after {
	right: 20px;
}

.ys-cell-wrapper .ys-span-wrapper.ys-wrapper-company:before,
.ys-cell-wrapper .ys-input-wrapper.ys-wrapper-company:before {
	content: attr(data-company);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}


/* 单位end */

.ys-cell-wrapper:after {
	display: block;
	clear: both;
	content: " ";
}

.ys-cell-wrapper>label {
	position: absolute;
	z-index: 9;
	left: 0;
	top: 0;
	margin-bottom: 0;
	width: 180px;
	text-align: left;
	font-weight: normal;
	color: #757575;
}
.ys-cell-wrapper.sm>label {
	width: 100px;
}

.ys-cell-wrapper>div {
	float: right;
	/*padding-left:180px;*/
	width: 100%;
	height: 40px;
	text-align: right;
	border-bottom: solid 1px #ddd;
}


.ys-cell-wrapper>div.ys-textarea-wrapper {
	padding-left: 180px;
	height: 88px;
}

.ys-cell-wrapper>div.ys-span-wrapper {
	padding-left: 180px;
}

.ys-cell-wrapper>div.ys-span-wrapper.ys-ellipsis>span {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ys-cell-wrapper.sm>div.ys-span-wrapper {
	padding-left: 100px;
}
.ys-cell-wrapper.sm>div.ys-span-wrapper {
	padding-left: 100px;
}

.ys-textarea-wrapper>textarea {
	padding: 0;
	width: 100%;
	height: 86px;
	resize: none;
	border: 0;
}

.ys-textarea-wrapper>textarea:focus {
	outline: none;
}

.ys-cell-wrapper .ys-date-picker-wrapper .input-group {
	width: 100%;
}

.ys-cell-wrapper .ys-date-picker-wrapper input {
	width: 100%;
	height: 28px;
	border: 0;
	padding: 0;
	line-height: 28px;
	text-align: right;
}

.ys-cell-wrapper .ys-date-picker-wrapper.ys-date-picker-icon {
	position: relative;
	padding-right: 20px;
}

.ys-cell-wrapper .ys-date-picker-wrapper.ys-date-picker-icon:before {
	position: absolute;
	display: block;
	top: 50%;
	right: 0;
	margin-top: -12px;
	width: 20px;
	height: 20px;
	background: url(../../images/icon.png)  no-repeat;
	content: "";
}

.ys-cell-wrapper .ys-text-btn {
	margin-left: 0;
	padding: 0;
	width: 100%;
	text-align: right;
	border: 0;
	background-color: transparent;
}

.ys-span-wrapper>.input-addon {
	float: right;
	padding: 10px 0;
	height: 40px;
}

.ys-cell-wrapper em.ys-ul-index {}


/*CSS input type="number"出现上下箭头时解决方案*/

input[type=number] {
	-moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.ys-cell-wrapper textarea:-ms-input-placeholder {
	background-image: url(../../images/icon_input.png);
	background-repeat: no-repeat;
	background-position: left 12px;
}

.ys-cell-wrapper textarea::-webkit-input-placeholder {
	background-image: url(../../images/icon_input.png);
	background-repeat: no-repeat;
	background-position: left 12px;
}

.ys-cell-wrapper textarea:-moz-placeholder {
	background-image: url(../../images/icon_input.png);
	background-repeat: no-repeat;
	background-position: left 12px;
}

.ys-cell-wrapper textarea::-moz-placeholder {
	background-image: url(../../images/icon_input.png);
	background-repeat: no-repeat;
	background-position: left 12px;
}

.ys-form-item {
	position: relative;
}

.ys-form-item label {
	position: absolute;
	top: 1px;
	left: 0;
	margin: 0;
	padding-right: 10px;
	line-height: 27px;
	background-color: #fff;
	font-weight: 400;
}

.ys-form-item>input {
	width: 100%;
	text-align: right !important;
}


/*reset*/

.dropdown-menu {
	max-height: 300px;
	overflow-y: auto;
}

.ys-cell-wrapper .dropdown-menu {
	right: 0;
	left: auto;
}

.ys-cell-wrapper em.ys-ul-index {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	background-color: #9ca8b8;
}


/*
.ys-cell-wrapper input:-ms-input-placeholder,
.ys-cell-wrapper textarea:-ms-input-placeholder{background-image:url(../../images/icon.png);background-repeat:no-repeat;background-position:right center ;}
.ys-cell-wrapper input::-webkit-input-placeholder,
.ys-cell-wrapper textarea::-webkit-input-placeholder{background-image:url(../../images/icon.png);background-repeat:no-repeat;background-position:right center ;}
.ys-cell-wrapper input:-moz-placeholder,
.ys-cell-wrapper textarea:-moz-placeholder{background-image:url(../../images/icon.png);background-repeat:no-repeat;background-position:right center ;}
.ys-cell-wrapper input::-moz-placeholder,
.ys-cell-wrapper textarea::-moz-placeholder{background-image:url(../../images/icon.png);background-repeat:no-repeat;background-position:right center ;}
*/

::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-track {
	background-color: #eaeaea;
}

::-webkit-scrollbar-thumb {
	background-color: #ccc;
}

::-webkit-scrollbar-button {
	background-color: #707070;
	width: 0;
	height: 0;
	background-size: contain;
}

::-webkit-scrollbar-corner {
	background-color: black;
}


/*update by zhanghongen 2017-8-30*/

.ys-cell-wrapper>div.ys-textarea-wrapper {
	margin-top: 40px;
	padding: 0;
	height: 60px;
	border: 1px #ccc solid;
}

.ys-cell-wrapper>div.ys-textarea-wrapper>textarea {
	padding: 10px;
	height: 100%;
	line-height: 1.4;
}

.ys-cell-wrapper>div.ys-textarea-wrapper>textarea:focus {
	border: 1px
}

.ys-input-wrapper.readonly input.ng-empty~span:after {
	content: none;
}

.ys-cell-wrapper textarea:-ms-input-placeholder {
	background-image: url(../../images/icon_input.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

.ys-cell-wrapper textarea::-webkit-input-placeholder {
	background-image: url(../../images/icon_input.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

.ys-cell-wrapper textarea:-moz-placeholder {
	background-image: url(../../images/icon_input.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

.ys-cell-wrapper textarea::-moz-placeholder {
	background-image: url(../../images/icon_input.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

/*.ys-cell-wrapper .ys-date-picker-wrapper input:not([disabled]):-ms-input-placeholder {*/
	/*background-image: url(../../images/icon_date.png);*/
	/*background-repeat: no-repeat;*/
	/*background-                                                   position: right 2px;*/
	/*height: 20px;*/
/*}*/

/*.ys-cell-wrapper .ys-date-picker-wrapper input:not([disabled])::-webkit-input-placeholder {*/
	/*background-image: url(../../images/icon_date.png);*/
	/*background-repeat: no-repeat;*/
	/*background-position: right 2px;*/
	/*height: 20px;*/
/*}*/

/*.ys-cell-wrapper .ys-date-picker-wrapper input:not([disabled]):-moz-placeholder {*/
	/*background-image: url(../../images/icon_date.png);*/
	/*background-repeat: no-repeat;*/
	/*background-position: right 2px;*/
	/*height: 20px;*/
/*}*/

/*.ys-cell-wrapper .ys-date-picker-wrapper input:not([disabled])::-moz-placeholder {*/
	/*background-image: url(../../images/icon_date.png);*/
	/*background-repeat: no-repeat;*/
	/*background-position: right 2px;*/
	/*height: 20px;*/
/*}*/

.ys-block-search .ys-input-time .ys-datetimepicker:after {
	top: -4px;
}

.ys-cell-wrapper .ys-date-picker-wrapper input {
	padding-right: 10px;
}

.ys-cell-wrapper>div {
	height: 40px;
}

#view-content {
	min-height: calc( 100vh - 100px);
}

#view-content>link+div,
#view-content>div:first-child {
	min-height: calc( 100vh - 100px);
}


/*update by  guoyuan 2017-08-31*/

.ys-table-wrapper-swiper .ys-table td,
.ys-table-wrapper-swiper .ys-table th {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ys-icon-edit {
	background-position: -455px -178px;
}

.ys-text-btn:hover .ys-icon-edit {
	background-position: -479px -178px;
}

.ys-icon-recommend {
	background-position: -613px -178px;
}

.ys-text-btn:hover .ys-icon-recommend {
	background-position: -637px -178px;
}

.ys-icon-cancel {
	background-position: -664px -178px;
}

.ys-text-btn:hover .ys-icon-cancel {
	background-position: -690px -178px;
}



.ys-table .ys-text-btn .ys-icon {
	margin-left: 0;
}


/*update by guoyuan 2017-08-30*/

.ys-text-btn.ys-text-btn-icon {
	margin-right: 10px;
}

.ys-icon-leadin {
	background-position: -391px -30px;
}

.ys-icon-view {
	background-position: -430px -30px;
}

.ys-text-btn:hover .ys-icon-leadin {
	background-position: -391px -80px;
}

.ys-text-btn:hover .ys-icon-view {
	background-position: -430px -79px;
}

.ys-icon-targetcost {
	background-position: -296px -178px;
}

.ys-text-btn:hover .ys-icon-targetcost {
	background-position: -322px -178px;
}

.ys-icon-contractplan {
	background-position: -349px -178px;
}

.ys-text-btn:hover .ys-icon-contractplan {
	background-position: -377px -178px;
}

.ys-icon-config {
	background-position: -185px -178px;
}

.ys-text-btn:hover .ys-icon-config {
	background-position: -210px -178px;
}

.ys-icon-del {
	background-position: -245px -178px;
}

.ys-text-btn:hover .ys-icon-del {
	background-position: -271px -178px;
}

.ys-icon-group {
	background-position: -405px -178px;
}

.ys-text-btn:hover .ys-icon-group {
	background-position: -430px -178px;
}

.ys-icon-copy {
	background-position: -455px -178px;
}

.ys-text-btn:hover .ys-icon-copy {
	background-position: -479px -178px;
}


/*update by guoyuan 2017-09-04*/

.ys-icon-view {
	background-position: -424px -30px;
}

.ys-text-btn:hover .ys-icon-view {
	background-position: -424px -79px;
}

.ys-icon-type-setting {
	background-position: -455px -30px;
}

.ys-text-btn:hover .ys-icon-type-setting {
	background-position: -455px -79px;
}

.ys-list-tree>li.ys-tree-item.active>span {
	color: #2d7ae3;
}

#departmentModal .modal-footer .btn.btn-primary {
	background-color: #2d7ae3;
}

.ys-page-tccp-index  .ys-table>thead>tr>th {
    background: #fbfbfb;
    border-bottom: 1px solid #ddd;
}


/*update by guoyuan 2017-09-08 10:42 common*/
.ys-cell-wrapper>div.active {
	border-bottom: solid 2px #2d7ae3;
}


/*update by guoyuan 2017-09-08 规范样式*/

#view-content {
	min-height: calc( 100vh - 82px);
}

#view-content>link+div,
#view-content>div:first-child,
#view-content>div .ys-background-white {
	min-height: calc( 100vh - 82px);
}

.ys-table>thead>tr>th {
	background: #edf0f6 !important;
	/*border-bottom: 1px solid #dae1e7 !important;*/
	border: 1px solid #dae1e7 !important;
}


/*.ys-background-trans {
	padding: 20px 30px;
	width:240px ;
	border-right:1px solid #e9eef5;
	border-left:1px solid #e9eef5;
	min-height: calc( 100vh - 82px);
}*/

.ys-section-title {
	padding-bottom: 20px;
}


/*update by guoyuan 2017-09-11 规范样式*/


/*-颜色规范*/

.ys-cell-wrapper>div {
	border-bottom: solid 1px #dae1e7;
	color: #222;
}

.ys-cell-wrapper>div.ys-textarea-wrapper {
	border: solid 1px #dae1e7;
	color: #222;
}


.ys-cell-wrapper>label {
	color: #8592a3;
}

a:hover,
a:active,
a:focus {
	color: #2d7ae3;
}

.ys-text-btn {
	color: #222;
}

.dropdown-menu> li> a:hover {
	background: #e2e3e8;
}


/*样式规范*/

.ys-cell-wrapper {
	height: 36px;
	min-height: 36px;
	line-height: 36px;
}

.ys-cell-wrapper>div {
	height: 36px;
}

.ys-cell-wrapper>div.ys-textarea-wrapper {
	margin-top: 36px;
}

.panel-group .panel+.panel {
	margin-top: 0;
}

.ys-panel>.panel-heading .panel-title>a {
	padding-right: 65px;
}

.ys-block-title {
	height: inherit;
}


/*update by guoyuan 2017-09-12*/

.ys-section .ys-section-header h1 {
	font-size: 24px;
	font-weight: 400;
}

.ys-section-title h4 {
	font-size: 24px;
	font-weight: 400;
}

.ys-cell-wrapper .ys-date-picker-wrapper input {
	padding-right: 0;
}

.ys-btn-wrapper {
	padding: 4px 0;
}

.nav-tabs {
	border: 0;
}

.btn .caret {
	margin-left: 5px;
}

.skin-blue .main-header .navbar .nav> li:first-child> a {
	padding: 10px 30px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: none;
}


/* update by zhanghongen 2017-9-13 */

.dropdown .filterable .caret {
	position: absolute;
	right: 10px;
	top: 50%;
}

.dropdown .filterable input {
	padding: 0 25px 0 180px;
	text-align: right;
}

.ys-cell-wrapper.sm .dropdown .filterable input {
	padding: 0 25px 0 100px;
	text-align: right;
}

/* update by zhanghongen 2017-9-14 */

.ys-active-row {
	background-color: rgb(243,244,248);
}
.ys-active-row .ys-input-wrapper.active input {
	background-color: transparent;
}

.ys-btn-sm {
	min-width: 60px;
}

/* update by zhanghongen 2017-9-18 */
.dropdown .filterable input {
	height: 34px;
	border: 0;
}

textarea.ys-lg {
	height: 100px;
}



/* update by guoyuan 2017-9-20 */

.ys-list-tree>li.ys-tree-item.parent:before {
	content: "\e258";
}

.ys-list-tree>li.ys-tree-item.parent.open:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.ys-list-tree>li.ys-tree-item {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ys-icon-targetcost {
	background-position: -295px -178px;
}

.ys-text-btn:hover .ys-icon-targetcost {
	background-position: -321px -178px;
}
 .ys-icon-contractplan {
	background-position: -349px -179px;
}

.ys-text-btn:hover .ys-icon-contractplan {
	background-position: -374px -179px;
}

.ys-icon-config {
	background-position: -190px -179px;
}

.ys-text-btn:hover .ys-icon-config {
	background-position: -215px -179px;
}

#view-content>link+div,
#view-content>div:first-child,
#view-content>div .ys-background-white {
	min-height: initial;
}

.ys-icon-send {
	background-position: -508px -178px;
}

.ys-text-btn:hover .ys-icon-send {
	background-position: -533px -178px;
}

.ys-icon-reset-pwd {
	background-position: -563px -178px;
}

.ys-text-btn:hover .ys-icon-reset-pwd {
	background-position: -588px -178px;
}

.ys-text-btn.ys-text-btn-icon {
	display: inline;
}

.ys-input-wrapper input {
	box-shadow: none !important;
}

.ys-table td,
.ys-table th {
	color: #222;
}

/* update by guoyuan 2017-9-22 */

.ys-icon-tip{
	background-position: -194px -314px;
}

.ys-tip{
	padding-left:36px;
}
.ys-icon-tip {
	display: block;
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	border-radius: 34px;
	background-image: url(../../images/icon.png);
	background-position: -149px -178px;
}
.ys-icon-bulb{
    position: absolute;
    left: 10px;
    top: -2px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-image: url(../../images/icon-bulb.gif);
}
.ys-tip:focus{
	background: transparent;
}

/* update by guoyuan 2017-9-27 */
.ys-list-tree.ys-list-tree-checkbox  input:checked+em{
	background: url(../../images/icon.png) -220px -132px no-repeat;
}

.ys-icon-showclass{
	background-position: -194px -282px;
}

.ys-text-btn:hover .ys-icon-showclass {
	background-position: -224px -282px;
}
.ys-icon-back{
	background-position: -194px -314px;
}

.ys-text-btn:hover .ys-icon-back {
	background-position: -224px -314px;
}

/* update by zhanghongen 2017-9-26 */
.modal-sm {
	margin: 200px auto auto auto !important;
}

.ys-icon-have-upload {
	background-position: -500px -239px;
}
.ys-icon-upload {
	background-position: -528px -239px;
}

label[required]:after {
	content: "";
	display: inline-block;
	background: #DC1A1A;
	height: 14px;
	width: 2px;
	margin-left: 6px;
	position: relative;
	top: 2px;
}

.ys-list-tree>li.ys-tree-item{
	/*padding-left:0;*/
	padding-left:20px;
}
.ys-list-tree>li.ys-tree-item.parent{
	padding-left:20px;
}

/*2017-12-5 by guoyuan*/
.ys-icon-edit{
	background-position: -488px -30px;
}
.ys-text-btn:hover .ys-icon-edit {
	background-position: -488px -79px;
}


.dropdown button{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	padding-right: 10px;
}
.dropdown button .caret{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -2px;
}
.ys-cell-wrapper .ys-text-btn{
	padding-right: 10px;
}

.ys-cell-wrapper .ys-date-picker-wrapper input{
    background-image: url(../../images/icon_date.png);
    background-repeat: no-repeat;
    background-position: right 2px;
    height: 20px;
    padding-right:22px;
}
.ys-icon-copy {
    background-position: -456px -178px;
}

.ys-text-btn:hover .ys-icon-copy {
    background-position: -480px -178px;
}
.ys-icon-del {
	background-position: -244px -178px;
}

.ys-text-btn:hover .ys-icon-del {
	background-position: -270px -178px;
}



/*2017-12-12 guoyuan*/

.ys-icon-logbook {
	background-position: -506px -205px;
}

.ys-text-btn:hover .ys-icon-logbook {
	background-position: -532px -205px;
}


.ys-icon-freezing {
	background-position: -561px -205px;
}
.ys-icon-unfreezing{
	background-position: -508px -205px;
}

.ys-text-btn:hover .ys-icon-freezing {
	background-position: -586px -205px;
}


.ys-icon-correlate {
	background-position: -614px -205px;
}

.ys-text-btn:hover .ys-icon-correlate {
	background-position: -638px -205px;
}

.ys-icon-retransmission {
	background-position: -664px -206px;
}

.ys-text-btn:hover .ys-icon-retransmission {
	background-position: -689px -206px;
}

.ys-icon-examine{
	background-position: -258px -282px;
}
.ys-text-btn:hover .ys-icon-examine{
	background-position: -286px -282px;
}


.ys-icon-sterilisation{
	background-position: -258px -313px;
}
.ys-text-btn:hover .ys-icon-sterilisation{
	background-position: -286px -313px;
}

/* 2017-12-19 guoyuan*/
.ys-text-btn.ys-btn-hoverred:hover,
.ys-text-btn.ys-btn-hoverred.active {
	color: #dc1a1a;
}

/* 2017-12-25 guoyuan*/
.ys-span-wrapper>.input-addon{
	height:36px;
	padding: 8px 0;
}


.ys-icon-upload-btn {
	background-position:  -289px  -30px;
}

.ys-text-btn:hover .ys-icon-upload-btn {
	background-position: -289px  -80px;
}


.ys-icon-synchronizing {
	background-position: -715px -180px;
}

.ys-text-btn:hover .ys-icon-synchronizing {
	background-position: -740px -180px;
}



.ys-icon-unSynchronizing {
	background-position: -765px -180px;
}

.ys-text-btn:hover .ys-icon-unSynchronizing {
	background-position: -791px -180px;
}



#modal-upload button .glyphicon {
	display: none;
}

#modal-upload .modal-body button {
	min-width: 80px;
	padding: 0 12px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border: 0;
	border-radius: 0;
	background-color: #efefef;
	color: #333;
	font-size: 12.8px;
}

#modal-upload .modal-body button.btn-success {
	background-color: #2d7ae4;
	color: #fff;
}

#modal-upload .modal-body button.btn-success:hover {
	background-color: #2a64c7;
	color: #fff;
}

#modal-upload .modal-body button:hover {
	background-color: #d5d5d5;
}

#modal-upload .modal-body th {
	border: 0;
	color: #757575;
	text-align: left;
}

#modal-upload .upload-main-process {
	text-align: left;
	width: 100%;
	display: block;
	padding-bottom: 5px;
}

#modal-upload .ys-btn-wrapper {
	text-align: left;
	margin-left: 0;
}
.form-control{
	border-radius: 0;
}
.text-bold{
	font-weight: 700;
}
.text-green{
	color:#1aac19 ;
}
.text-red{
	color: #dc1a1a;
}
.form-control{
	border-radius: 0;
}
/*2018-1-24*/
/*合约规划包清单*/
.ys-icon-contract-list {
	background-position: -500px -282px;
}

.ys-text-btn:hover .ys-icon-contract-list {
	background-position: -500px -312px;
	}
/*2019-6-6*/
/*表格单列排序功能按钮*/
.ys_table_sortArrow {
	float:right;
	margin-bottom: 0;
	line-height: 24px;
	white-space: nowrap;
	height: 100% !important;
}
.ys_table_sortArrow span {
	display: block;
	cursor: pointer;
	width: 8px;height: 6px;
}
.ys_table_sortArrowDown span:last-child {
	color:#00aaff;
}
.ys_table_sortArrowUp span:first-child {
	color:#00aaff;
}
.ys_table_sortArrow span:first-child {
	border-bottom: 8px solid currentColor;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
.ys_table_sortArrow span:last-child {
	margin-top: 2px;
	border-top: 8px solid currentColor;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}