.show-color {
    color: #5093e1;
}

body {
    background-color: #f4f5f9;
    font-family: "Microsoft YaHei";
}

a {
    cursor: pointer;
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: none;
}

.trapezoid {
    border-bottom: 100px solid red;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    width: 100px;
}

.navbar-default {
    background-color: #fff;
    background-image: none;
}

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

.middle td {
    vertical-align: middle;
}

input {
    outline: none;
}

.navbar-default .logo {
    width: 120px;
    margin: 10px 20px;
    display: inline-block;
    float: left;
}

.navbar-default ul.menu {
    float: left;
    height: 57px;
}

.navbar-default ul.menu li.menu-item {
    height: 57px;
    line-height: 57px;
    float: left;
    position: relative;
}

.navbar-default ul.menu li.menu-item a.menu-a {
    text-align: center;
    font-size: 15px;
    padding: 0px 15px;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    color: #333;
}

.navbar-default ul.menu li.menu-item a.menu-a.active, .navbar-default ul.menu li.menu-item a.menu-a:hover {
    color: #2974d4;
}

.navbar-default ul.menu li.menu-item a.menu-a.active:after,
.navbar-default ul.menu li.menu-item a.menu-a:hover:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: #2974d4;
}

.navbar-default ul.menu li.menu-item a.menu-a.active:before,
.navbar-default ul.menu li.menu-item a.menu-a:hover:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #2974d4;
}

.menu-right {
    float: right;
    margin-right: 15px;
}

.menu-right .head {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    margin-top: 8px;
    float: left;
}

.menu-right .user-info {
    float: left;
    margin-top: 12px;
    margin-left: 10px;
    position: relative;
}

.menu-right .user-info h3 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    margin-bottom: 2px;
}

.menu-right .user-info h4 {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #999;
}

.menu-right .user-info .user-infos {
    width: 300px;
    left: -200px;
    padding: 0;
    margin: 0;
}

.menu-right .user-info .user-infos .company {
    padding: 15px;
    height: 80px;
    background: linear-gradient(#4fb4f5, #509ae6);
    color: #fff;
    text-align: left;
}

.menu-right .user-info .user-infos .company h1 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 16px;
}

.menu-right .user-info .logs {
    background-color: #fff;
    padding: 15px;
    text-align: left;
    font-size: 14px;
    color: #999;
}

.menu-right a.lock, .menu-right a.exit {
    float: left;
    color: #ccc;
    font-size: 24px;
    margin: 15px 0px 0px 10px;
}

.menu-right a.lock:hover, .menu-right a.exit:hover {
    color: #2974d4;
}

.container {
    position: relative;
    width: 100%;
    padding: 58px 0px 0px 0px;
}

.container .left-nav {
    width: 200px;
    background: linear-gradient(#435577, #1850cc);
    position: fixed;
    left: 0px;
    top: 58px;
    overflow-x: hidden;
    overflow-y: auto;
    bottom: 0px;
    padding-top: 10px;
    z-index: 1;
}

.nav-h1 {
    width: 170px;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding-left: 10px;
}

.nav-h1 span {
    display: inline-block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 16px;
    text-align: center;
}

.nav-h1 a {
    color: #fff;
}

.nav-h1 img {
    width: 16px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.nav-h2 {
    width: 200px;
    font-size: 13px;
}

.nav-h2 img {
    width: 16px;
    vertical-align: middle;
    margin-bottom: 3px;
}

.nav-h2 .tag {
    display: block;
    position: relative;
    height: 44px;
    line-height: 44px;
    padding-left: 30px;
    color: #fff;
    font-size: 15px;
}

.nav-h2 .tag:hover {
    background-color: #091a3b;
}

.nav-h2 .tag a {
    color: #fff;
}

.nav-h2 .tag:after {
    content: '';
    display: block;
    left: 20px;
    top: 14px;
    height: 12px;
    position: absolute;
    width: 2px;
    /* background-color: #0a85c3; */
}

.nav-h2 .tag:before {
    content: '>';
    display: block;
    right: 30px;
    top: 0px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    color: #687c9e;
}

.nav-h2 .tag .h2-sub {
    display: none;
    position: fixed;
    width: 150px;
    left: 150px;
    box-shadow: 0px 0px 8px #122446;
    background-color: #091a3b;
    z-index: 99999999;
}

.nav-h2 .tag .h2-sub-item {
    display: block;
    height: 44px;
    line-height: 44px;
    position: relative;
    padding-left: 20px;
    color: #fff;
}

.nav-h2 .tag .h2-sub-item:hover {
    color: #0a85c3;
    background-color: #132446;
}

.nav-h2 .tag .h3-sub {
    display: none;
    position: fixed;
    width: 150px;
    left: 150px;
    box-shadow: 0px 0px 8px #122446;
    background-color: #091a3b;
    z-index: 99999999;
}

.top-menu {
    background-color: #dcdce0;
    height: 40px;
    overflow: hidden;
    padding: 0px 12px;
    overflow-X: auto;
}

.top-menu a {
    display: block;
    float: left;
    height: 30px;
    padding: 0px 15px;
    line-height: 30px;
    padding: 0px 16px;
    margin: 10px -2px 10px 0px;
    font-size: 12px;
    overflow: hidden;
    color: #888;
    position: relative;
}

.top-menu a span {
    position: relative;
    z-index: 2;
}

.top-menu a i {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height: 0;
    width: 100%;
    border-bottom: 30px solid #e9e9ed;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.top-menu a:hover, .top-menu a.active {
    color: #2974d4;
}

.top-menu a:hover i, .top-menu a.active i {
    border-bottom-color: #f4f5f9;
}

#main {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

.panel {
    text-align: center;
}

.panel.hover:hover {
    box-shadow: 0 1px 5px rgba(255, 0, 0, 0.55);
}

.panel .panel-heading {
    background: 0;
    border: 0;
    position: relative;
    text-align: left;
}

.panel .panel-heading:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -1px;
    height: 3px;
    background-color: #2974d4;
}

.panel .panel-heading span {
    float: right;
}

.panel .bnt-more {
    display: inline-block;
    border-radius: 20px;
    border: 1px solid #333;
    color: #333;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
}

.panel .ico-quik a {
    float: left;
    text-align: center;
    font-size: 14px;
    color: #4c4c4c;
    margin: 0px 1.8%;
}

.panel .ico-quik a span {
    display: block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 0px auto 5px auto;
    text-align: center;
    line-height: 40px;
    overflow: hidden;
}

.panel .ico-quik a span.color-1 {
    background-color: #5bceb4;
}

.panel .ico-quik a span.color-2 {
    background-color: #5093e1;
}

.panel .ico-quik a span.color-3 {
    background-color: #a281d8;
}

.panel .ico-quik a span.color-4 {
    background-color: #ffab69;
}

.panel .ico-quik a span img {
    width: 20px;
    height: 20px;
    /*      margin-top: 10px;  */
}

.title {
    margin-top: 15px;
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-size: 16px;
    color: #333;
}

.title-no-content {
    height: 15px;
}

.title a {
    float: right;
    font-size: 13px;
    color: #999;
}

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

.pages a {
    display: inline-block;
    position: relative;
    font-size: 13px;
    color: #666;
    margin: 0px 5px;
}

.pages a.prev {
    padding-left: 16px;
}

.pages a.prev:after {
    content: '<';
    display: block;
    position: absolute;
    left: 0px;
    width: 15px;
    height: 15px;
    line-height: 12px;
    border-radius: 4px;
    border: 1px solid #666;
    top: 0px;
}

.pages a.next {
    padding-right: 16px;
}

.pages a.next:after {
    content: '>';
    display: block;
    position: absolute;
    right: 0px;
    width: 15px;
    height: 15px;
    line-height: 12px;
    border-radius: 4px;
    border: 1px solid #666;
    top: 0px;
}

.calendar {
    position: relative;
    width: 20%;
    margin-left: 15px;
    float: left;
}

.calendar span {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 16px;
    color: #2974d4;
}

.weekday {
    margin-right: 15px;
    text-align: right;
    float: right;
    width: 75%;
}

.weekday a {
    display: inline-block;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #2974d4;
    border: 1px solid #2974d4;
}

.search-box {
    border: 1px solid #2974d4;
    height: 40px;
    margin: 20px 0px;
    position: relative;
    font-size: 14px;
}

.search-box .search-title {
    width: 15%;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid #cbcbd3;
    text-align: center;
    cursor: pointer;
    color: #666;
    float: left;
}

.search-box .search-user {
    float: right;
    width: 15%;
    height: 40px;
    line-height: 40px;
    border-left: 1px solid #cbcbd3;
    text-align: center;
    cursor: pointer;
    color: #666;
}

.search-box .search-user span {
    color: #2974d4;
}

.search-box .search-time {
    float: right;
    width: 10%;
    height: 40px;
    line-height: 40px;
    border-left: 1px solid #cbcbd3;
    text-align: center;
    cursor: pointer;
    color: #666;
}

.search-box .search-time span {
    color: #2974d4;
}

.search-box .search-input {
    width: 55%;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    font-size: 14px;
    color: #333;
    display: block;
    float: left;
    border: 0;
    background: 0;
    margin: 0;
}

.right {
    float: right;
}

.submit {
    margin: 15px auto;
    text-align: left;
    height: 20px;
    line-height: 20px;
    color: #333;
    font-size: 14px;
}

.submit a.file {
    height: 20px;
    line-height: 20px;
    color: #2974d4;
}

.submit a.btn-submit {
    display: inline-block;
    border-radius: 20px;
    color: #fff;
    background-color: #2974d4;
    margin-left: 10px;
    padding: 5px 20px;
}

.form-table-striped {
    border-radius: 8px;
    margin: 15px auto;
    font-size: 13px;
    border: 2px solid #f0f0f0;
}

.form-table-striped .glyphicon {
    color: #2974d4;
}

.form-table-striped .like {
    color: #fed5b3;
    cursor: pointer;
}

.gonggao li a {
    display: block;
    font-size: 14px;
    color: #666;
    height: 30px;
    line-height: 30px;
    text-align: left;
    overflow: hidden;
}

.gonggao li a span {
    color: #2974d4;
}

.gonggao li a:hover {
    text-decoration: underline;
}

.panel-body.overflow {
    height: 440px;
    overflow-y: auto;
    overflow-X: hidden;
}

.panel-body.overflow .overflow-item {
    position: relative;
    padding-left: 50px;
    text-align: left;
    margin-bottom: 15px;
    border-bottom: 3px solid #f4f5f9;
}

.panel-body.overflow .overflow-item .ico {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    border: 2px solid #d4e4ff;
}

.panel-body.overflow .overflow-item .ico.week {
    background-color: #5093e1;
}

.panel-body.overflow .overflow-item .ico.du {
    background-color: #a281d8;
}

.panel-body.overflow .overflow-item .ico.month {
    background-color: #ffab69;
}

.panel-body.overflow .overflow-item h1 {
    color: #333;
    font-size: 18px;
    margin: 0px;
    font-weight: 200;
}

.panel-body.overflow .overflow-item h6 {
    color: #a9a9a9;
    font-size: 14px;
    font-weight: 200;
}

.panel-body.overflow .overflow-item p {
    color: #41424e;
    font-size: 15px;
}

.select-timeline .select2-choice {
    color: #2974d4;
}

.ico-timeline {
    display: block;
    font-size: 30px;
    color: #969697;
    position: absolute;
    right: 10%;
    top: 15px;
}

.ul-timeline {
    width: 80%;
    margin: -12px 20% 10px 0px;
    border-right: 1px solid #dfdfe5;
}

.ul-timeline li {
    padding-right: 40px;
    text-align: right;
    /* height: 40px;
    line-height: 40px; */
    height: 53px;
    line-height: 53px;
    position: relative;
    font-size: 14px;
    color: #000033;
    white-space: nowrap;
    cursor: pointer;
}

.ul-timeline li span {
    display: inline-block;
    padding: 0px 8px;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
}

.ul-timeline li:after {
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    height: 1px;
    border-bottom: 1px dotted #dfdfe5;
    left: 75%;
    top: 50%;
    z-index: 1;
}

.ul-timeline li.active span {
    background-color: #b7b7b7;
}

.ul-timeline li.active:before {
    content: '';
    display: block;
    position: absolute;
    right: 0%;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: #2974d4;
    border-radius: 50%;
    margin-right: -5px;
    z-index: 2;
    margin-top: -5px;
}

.btn.btn-primary {
    background: #5093e1;
    border: 0;
}

.btn.btn-primary.reset {
    background: none;
    color: #5093e1;
    border: 1px solid #5093e1;
}

.center {
    text-align: center;
    margin-top: 15px;
}

.model-choose-user {
    background-color: #fff;
    width: 260px;
    padding: 10px 30px;
    box-shadow: 1px 1px 4px #999;
    position: absolute;
    display: none;
    left: 50%;
    top: 10%;
}

.model-choose-user .title {
    height: 40px;
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 0;
    padding: 0;
}

.model-choose-user .title a {
    float: right;
    color: #2974d4;
    font-size: 30px;
}

a.btn-false {
    display: inline-block;
    padding: 0px 30px;
    font-size: 14px;
    height: 40px;
    line-height: 35px;
    margin-right: 5px;
    border-radius: 20px;
    color: #666;
    border: 2px solid #2974d4;
}

a.btn-true {
    display: inline-block;
    padding: 0px 30px;
    font-size: 14px;
    height: 40px;
    line-height: 35px;
    border-radius: 20px;
    background-color: #2974d4;
    color: #fff;
    border: 2px solid #2974d4;
}

.tree-container {
    width: 100%;
    height: 300px;
    overflow-y: auto;
}

.title-menu {
    background-color: #f7f8ff;
    font-size: 15px;
    text-align: left;
    height: 50px;
    padding-left: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.title-menu a {
    display: inline-block;
    padding: 12px 20px;
    margin-top: 4px;
    color: #333;
    /* 	font-size: 12px; */
    /* 	border-bottom: 2px solid #f7f8ff; */
    border-bottom: 2px solid rgba(255, 255, 255, .15);
}

.title-menu a.active, .title-menu a:HOVER {
    color: #2974d4;
    border-bottom-color: #2974d4;
}

.table {
    margin-top: 10px;
}

.table .show-color {
    color: #5093e1;
}

.table th {
    text-align: center;
}

.navigation {
    text-align: center;
    height: 34px;
    line-height: 34px;
    margin-bottom: 20px;
}

.navigation .tips {
    display: inline-block;
    font-size: 12px;
    color: #999;
    margin-right: 10px;
}

.navigation .pagination {
    margin: 0px auto 0px auto;
    vertical-align: middle;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.right-container {
    background-color: #fff;
    position: fixed;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 180px;
    border-left: 1px solid #ccc;
    box-shadow: gainsboro -1px 0px 8px;
}

.right-container .right-container-wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.right-container a.btn-change {
    display: block;
    /* width: 15px; */
    width: 60px;
    height: 80px;
    line-height: 80px;
    background-color: #fff;
    position: absolute;
    text-align: center;
    /* left: -15px; */
    left: -60px;
    color: #666;
    top: 50%;
    margin-top: -40px;
    border: 1px solid #ccc;
    border-right: 0;
    border-radius: 10px 0px 0px 10px;
}

.right-container a.flow-btn-change {
    display: block;
    width: 60px;
    height: 80px;
    line-height: 80px;
    background-color: #fff;
    position: absolute;
    text-align: center;
    left: -60px;
    color: #5093e1;;
    top: 50%;
    margin-top: -40px;
    border: 1px solid #ccc;
    border-right: 0;
    border-radius: 10px 0px 0px 10px;
}

.right-container .abs-container {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    overflow-Y: auto;
}

.right-item {
    width: 100%;
    padding: 20px 10px;
    text-align: center;
    line-height: 30px;
    position: relative;
    border-bottom: 1px solid #eee;
}

.right-item a.ico-upload {
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 40px;
    border: 1px solid #eee;
    font-weight: 100;
    margin: 0px auto;
    color: #ccc;
}

.right-item input {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 40px;
    top: 30px;
    opacity: 0;
}

.right-item .head {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.right-item a {
    color: #2974d4;
}

.row.form {
    margin-top: 11px;

    /* 	font-size: 12px; 闂傚倸鍊风粈渚�骞夐敓鐘冲殞濡わ絽鍠氶弫瀣亜閹惧崬鐏╅柛鎴犲█閺屾稓浠﹂崜褋锟芥帡鏌嶇紒妯活棃鐎殿喖鐖奸幃娆撳级閹搭厽顥嬮梻浣告憸閸犲酣鏁冮妶澶嗭拷鏃堝礃椤斿槈褔鏌涢妷锝呭婵絽鐗嗛埞鎴︽倷閹绘帗鍊繝銏㈡嚀濡繈寮幘缁樺殟闁靛／锟藉銊╂⒑闂堟稒宸濋柛瀣枔濡叉劙鎮欑喊澶嬪闁挎繂楠搁弸娑氱磼閿熻棄鐣濋敓浠嬪箟閹间焦鍋嬮柛顐ｇ箘閻熴劑鏌ｉ姀鈺佺伈闁瑰嚖鎷�*/

}

.row .form .form_div .form_div_left {
    width: 60%;
    float: left;
    padding-left: 20px;
	color: rgba(25,155,246,1);
    text-align: left;
}

.row .form .form_div .form_div_right {
    width: 40%;
    float: right;
    text-align: right;
    padding-right: 20px;
}

.row .form .form_div {
    width: 98%;
    margin: 0 auto;
	background: #d1edff;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    border: 1px solid #70baea;
}

.row .form .buttonGroup {
	display: flex;flex-direction: column;align-items: flex-end;float: right;margin-right: 30px;
}

.row .form .buttonGroup .buttonChild {
	background-color: rgba(25,155,246,1);color: white;
}

.row.form .col-md-1 {
    /* height: 34px; */
    line-height: 34px;
    white-space: nowrap;
}

.row.form .col-md-2 {
    /* height: 34px; */
    line-height: 34px;
    white-space: nowrap;
}

.row.form .col-md-3 {
    /* height: 34px; */
    line-height: 34px;
    white-space: nowrap;
}

.row.form .col-md-4 {
    /* height: 34px; */
    line-height: 34px;
    white-space: nowrap;
}

.row.form .col-md-10 {
    line-height: 34px;
    white-space: nowrap;
}

.row.form .form-control-select {
    width: 100%;
}

.row.form .form-control-view {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #ccc;
}

.row.form .form-control-textarea-view {
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #ccc;
}


.row.search {
    margin-top: 10px;
    font-size: 12px;
}

.row.search .col-md-1 {
    height: 34px;
    line-height: 34px;
}

.row.search .col-md-2 {
    height: 34px;
    line-height: 34px;
}


td .money {
    border: red 1px solid;color:red;
}

td .status1 {
    border: orange 1px solid;color:orange;
}

td .status2 {
    border: gray 1px solid;color:gray;
}

td .status3 {
    border: red 1px solid;color:red;
}

td .status4 {
    border: blue 1px solid;color:blue;
}
td .status5 {
    border: black 1px solid;color:black;
}
td .status6 {
    border: green 1px solid;color:green;
}
td .status7 {
    border: cornflowerblue 1px solid;color:cornflowerblue;
}
td .status8 {
    border: darkgoldenrod 1px solid;color:darkgoldenrod;
}

label {
    font-weight: 100;
}

a.btn-a-link {
    display: inline-block;
    padding: 0px 20px;
    font-size: 13px;
    color: #fff;
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    background-color: #2974d4;
    margin: 0px 2px;
}

.search .form-control, .search .form-control-select {
    width: 80%;
}

.search .form-control-textarea {
    width: 92.25%;
}

.search .form-control-textarea-3 {
    width: 95%;
}

.form .form-control, .form .form-control-textarea, .form .form-control-select {
    width: 100%;
}

.select2-container .select2-choice, .select2-container .select2-choice > .select2-chosen {
    height: 34px;
    line-height: 34px;
}

.center-checkbox {
    font-size: 12px;
    color: #999;
}

.center-checkbox label {
    margin-right: 10px;
}

.title-table {
    margin: 0;
}

.title-table thead td {
    background: #f7f8ff;
    font-weight: 500;
    font-size: 13px;
}

.title-table tbody tr:hover {
    background: #e5effb;
}

.title-table td {
    font-size: 12px;
    color: #666;
}

.title-table td a {
    color: #5093e1;
    /* 	margin: 0px 5px; 濠电姷鏁搁崑鐐哄垂閸洖绠插ù锝呭濞存牠鏌曟繛褍妫楀皬闂備浇娉曢崰鎾存叏閻㈢鐓曢柡鍐ㄧ墛閻撴洟鏌￠崶銉ュ缂併劌鍚嬮妵鍕箛椤忓棛鐓撻梺鍝勬湰缁嬫垿锝炲┑瀣垫晢闁告洜顣幏宄拔旀担铏诡啎闁诲孩绋掗敃顐︽嚀鐠侯煉鎷峰▓鍨灆缂侇喗鐟ラ悾鐑藉醇閺囥劍鏅㈡繛鎾磋壘閿曪箓宕ヨぐ鎺撯拺闁煎鍊曞暩闂佺绨洪崐妤呭箲閵忋倕绀嬫い鏍殣閹风兘寮介鐐靛�為梺闈浤涢敓浠嬪几閺嶎厽鍊垫鐐茬仢閸旀岸鏌ｅΔ锟藉Λ妤呭煝閹捐绠氭い顒婄磿閹虫捇鈥﹂妸鈺佺闁宠桨鐒﹂弫顏嗙磽閸屾瑦绁版い鏇嗗洤鐤い鏍ㄥ嚬閸ゆ鏌涢弴銊ョ仭闁哄懏鎮傞弻銊╂偆閸屾稑顏�*/

}

.border-top {
    border-top: 3px solid #5093e1;
}

.title-h1-flg {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding-left: 10px;
    border-left: 3px solid #2974d4;
    height: 14px;
    margin: 20px auto;
    line-height: 14px;
}

.clear {
    clear: both;
}

.upload-files-item {
    margin-bottom: 20px;
}

.upload-files-item .upload-files-title {
    width: 100px;
    float: left;
    color: #999;
    margin-top: 5px;
}

.upload-files-item .upload-files-btn {
    float: left;
    text-align: center;
    color: #666;
}

.upload-files-item .upload-files-btn a {
    display: block;
    width: 160px;
    height: 130px;
    background: #fcfcfe;
    text-align: center;
    border: 1px dotted #ccc;
    margin-bottom: 10px;
    border-radius: 4px;
    color: #ccc;
    font-size: 12px;
    position: relative;
    overflow: hidden;
}

.upload-files-item .upload-files-btn a input {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
}

.upload-files-item .upload-files-btn a span {
    font-size: 80px;
    display: block;
    margin: -10px auto;
}

.login {
    background: #d6dee0;
    padding: 0;
    margin: 0;
    text-align: center;
}

.login h1 {
    font-size: 30px;
    color: #5093e1;
    margin-top: 5%;
}

.login .foot {
    font-size: 12px;
    color: #999;
}

.login .login-container {
    width: 100%;
    height: 469px;
    background: url("../img/login-bg.png") center center repeat-x;
}

.login .login-wrap {
    width: 1274px;
    height: 469px;
    background: url("../img/login.png") center center;
    margin: 0px auto;
    position: relative;
}

.login .login-wrap img {
    position: absolute;
    left: 330px;
    top: 200px;
}

.login .login-wrap .username, .login .login-wrap .password {
    width: 260px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    border: 0;
}

.login .login-wrap .username {
    position: absolute;
    left: 640px;
    top: 165px;
}

.login .login-wrap .password {
    position: absolute;
    left: 640px;
    top: 234px;
}

.login .login-wrap button {
    position: absolute;
    display: block;
    border: 0;
    background: linear-gradient(#28c0d4, #297bd4);
    width: 90px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    left: 585px;
    top: 300px;
}

.login .login-wrap label {
    position: absolute;
    display: block;
    font-size: 14px;
    color: #666;
    left: 685px;
    top: 310px;
}

.font-13 {
    font-size: 13px;
}

.root-path {
    font-size: 13px;
    margin: 15px auto;
}

.root-path a {
    color: #999;
}

table tr td.start-time-bg {
    font-weight: bold;
    background-color: #efefef;
    border-left: 1px solid #2974d4;
}

table.table-list tr td {
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    width: 12.5%;
}

table.table-list tr td.text-left {
    text-align: left;
}

table.table-list tr td.tips {
    background-color: #fffeee;
    color: #ff6695;
}

table.table-list tr td .select2-container {
    width: 100%;
}

table.table-list tr td input[type="text"] {
    width: 100%;
    height: 100%;
    border: 0;
}

table.table-list tr td textarea {
    width: 100%;
    border: 0;
}

table.table-list tr td.unit input[type="text"] {
    width: 80%;
}

table.table-list tr td .btn {
    display: inline-block;
    height: 26px;
    line-height: 24px;
    border-radius: 20px;
    padding: 0px 20px;
    font-size: 13px;
}

table.table-list tr td .btn.btn-defal {
    background-color: #5093e1;
    color: #fff;
}

table.table-list tr td .title-table {
    border: 1px solid #eee;
    margin: 10px auto;
    border-radius: 4px;
}

table.table-list tr td .title-table input[type="text"] {
    border: 1px solid #ccc;
}

.buts {
    text-align: center;
    margin: 20px auto;
}

.buts button {
    padding: 8px 30px;
    border-radius: 20px;
}

.buts.small {
    text-align: left;
}

.buts.small button {
    font-size: 12px;
    padding: 4px 15px;
}

td.table-title-td {
    background-color: #f8f9fd;
}

.buts-but {
    text-align: left;
    margin: 0px;
}

.buts-but a {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 4px;
    border: 1px solid #2974d4;
    color: #2974d4;
    font-size: 14px;
}

.buts-but a.active {
    background-color: #2974d4;
    color: #fff;
}

.buzhou {
    height: 80px;
}

.buzhou .buzhou-item {
    width: 140px;
    height: 80px;
    border: 1px solid #a281d8;
    border-right: 0;
    border-left: 0;
    color: #999;
    line-height: 22px;
    float: left;
    padding: 20px 0px 0px 20px;
    font-size: 13px;
    position: relative;
}

.buzhou .buzhou-item:after {
    content: '';
    display: block;
    width: 40px;
    height: 78px;
    background: #fff url(../img/rarrw-right.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0px;
    top: 0px;
}

.buzhou .buzhou-item:first-child {
    border-left: 1px solid #a281d8;
}

.buzhou .buzhou-item:last-child:after {
    height: 80px;
    top: -1px;
}

.table-border td {
    border-right: 1px solid #ddd;
}

.table-border tr td:last-child {
    border-right: 0;
}

.main-color {
    color: #2974d4;
}

.progress {
    margin: 0;
}

.change-main {
    display: block;
    position: fixed;
    left: 65px;
    bottom: 10px;
    border: 1px solid #fff;
    background: #10224a;
    color: #fff;
    opacity: .4;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9999;
    text-align: center;
}


button.list-group-item {
    width: 100%;
}

.table > thead > tr > th, .table > tfoot > tr > th,
.table > thead > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
    font-size: 14px;
    padding: 10px;
}

.table > tbody > tr > th, .table > tbody > tr > td {
    vertical-align: middle;
    font-size: 14px;
    padding: 10px;
}

.change-main span {
    margin-top: 5px;
}

.change-main:hover {
    opacity: .9;
}

/*濠电姷顣槐鏇㈠磻閹达箑纾规俊銈呮噹閺嬩線鎮归崶褎鈻曢柣鎺嶇矙閺岋絽螖閿熶粙鎮ф繝鍥х？闁绘柨鍚嬮悡娑㈡煕閵夛絽鍔氶柣蹇婃櫊閺屾盯寮拠鎻掑Е闂佸搫琚崐婵嬬嵁閹邦厽鍎熼柨婵嗘川閸樻劙鏌ｆ惔銈庢綈婵炴祴鏅犻獮蹇涙晸閿燂拷  */

body {
    margin-bottom: 50px;
}

.form-end-flow {
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background: rgba(149, 149, 149, 0.22);
    height: 50px;
    padding: 8px;
    padding-right: 52px;
    text-align: right;
    width: 100%;
}

.form-end {
    position: fixed;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background: #fff;
    height: 50px;
    padding: 8px;
    padding-right: 52px;
    text-align: right;
    width: 100%;
    border: 1px solid #ddd;
}

.form-end #btnCancel {
    background-color: whitesmoke;
}


/* 闂備浇顕ф鍝ョ礊婵犲偆鐒藉┑鐘崇閳锋棃鏌涢弴銊ョ仭闁稿顦甸弻锛勪沪鐠囨彃濮庨梺娲诲幗椤ㄥ﹪骞冨Δ鍛嵍妞ゆ挾鍊悙鐑樼叆闁绘柨鎲￠悘顕�鏌熼崙銈嗗 闂傚倸鍊峰ù鍥ь浖閵娾晜鍤勯柤绋跨仛濞呯姵淇婇妶鍛櫤闁稿顑夐弻娑樜旈崘銊ュ闂佹悶鍊栧ú鐔煎蓟閵娾晜鍋嗛柛灞剧☉椤忥拷 */

#tree-left {
    border-right: 1px solid #c8d5df;
    background-color: #eef1f8;
    font-size: 14px;
}

.accordion-group {
    margin-bottom: 1px;
    border: 0px solid #e5e5e5;
    border-radius: 0px;
}

.accordion-heading {
    background-repeat: repeat-x;
    border-radius: 0;
    padding: 5px 15px;
    background: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15));
    font-weight: bolder;
}

#tree-openClose.close {
    background-position: 1px center;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#tree-openClose, #tree-openClose.close {
    background: #efefef url(../img/openclose.png) no-repeat -29px center;
}

#tree-openClose {
    width: 6px;
    margin: 0 1px;
    cursor: pointer;
}

#tree-left, #tree-right, #tree-openClose {
    float: left;
}

/*textarea 闂傚倸鍊峰ù鍥ь浖閵娾晜鍊块柨鏇嫹妞ゎ厼鐏濋～婊堟晸娴犲绠栧Δ锔筋儥濡插墽绱撴担浠嬪摵閻㈩垽绻濋獮鍐閻樺棜娅ｉ幏鐘诲矗婢跺鎷烽敓锟� */
.detail-num {
    margin-top: 10px;
    position: absolute;
    bottom: 10px;
    right: 25px;
    opacity: 0.4;
}

/* 闂備浇顕ф鍝ョ礊婵犲偆鐒藉┑鐘崇閳锋棃鏌涢弴銊ョ仭闁稿顦甸弻锛勪沪鐠囨彃濮庨梺娲诲幗椤ㄥ﹪骞冨Δ鍛嵍妞ゆ挾鍊悙鐑樼叆闁绘柨鎲￠悘顕�鏌熼崙銈嗗 闂傚倸鍊峰ù鍥ь浖閵娾晜鍤勯柤绋跨仛濞呯姵淇婇妶鍛櫤闁稿顑夐弻娑樜旈崘銊ュ闂佹悶鍊栧ú婊堟晸閻ｅ苯浠柛濠冾殜閵嗗啯绺介敓锟� */
/* div  闂傚倸鍊搁崐鎼佸磹閸濄儻鎷峰鐓庡闁跨喕濮ら崙褰掑礈濞嗘挻鏅濋柕蹇嬪�ら弫鍌炴煕閳╁啯绀冮柛鏇炲暣濡懘顢曢姀鈥愁槱闂佽鎮傜粻鏍�佸▎鎰劅闁靛濡囬崢鍗炩攽閻愬弶顥滅紒缁樺姉閺侇噣鎮╃紒妯煎幐闂佸憡绮岄崯顖滐拷姘炬嫹  婵犵數濮烽弫鍛婃叏閹绢喗鏅濋柕澶嗘櫆閸ゅ矂鏌ｉ幇闈涘闁告瑥绻橀弻銊╂偆閸屾稑顏�*/

.float-div-right {
    width: 40%;
    float: left;
    position: absolute !important;
    top: 73px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    bottom: 0px !important;
}

/*  div  闂傚倸鍊搁崐鎼佸磹閸濄儻鎷峰鐓庡闁跨喕濮ら崙褰掑礈濞嗘挻鏅濋柕蹇嬪�ら弫鍌炴煕閳╁啯绀冮柛鏇炲暣濡懘顢曢姀鈥愁槱闂佽鎮傜粻鏍�佸▎鎰劅闁靛濡囬崢鍗炩攽閻愬弶顥滅紒缁樺姉閺侇噣鎮╃紒妯煎幐闂佸憡绮岄崯顖滐拷姘炬嫹  婵犵數濮烽弫鍛婃叏閹绢喗鏅濋柕澶嗘櫆閸ゅ矂鏌ｉ幇闈涘闁告瑥绻橀弻銊╂偆閸屾稑顏� */


.table th {
    white-space: nowrap;
    background-color: #fafaff;
}

table td[class*="span"],
table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0;
}

.table td.span1,
.table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0;
}

.table td.span2,
.table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0;
}

.table td.span3,
.table th.span3 {
    float: none;
    width: 204px;
    margin-left: 0;
}

.table td.span4,
.table th.span4 {
    float: none;
    width: 284px;
    margin-left: 0;
}

.table {
    table-layout: absolute;
}

.table td.span5,
.table th.span5 {
    float: none;
    width: 364px;
    margin-left: 0;
}

.table td.span6,
.table th.span6 {
    float: none;
    width: 444px;
    margin-left: 0;
}

.table td.span7,
.table th.span7 {
    float: none;
    width: 524px;
    margin-left: 0;
}

.table td.span8,
.table th.span8 {
    float: none;
    width: 604px;
    margin-left: 0;
}

.table td.span9,
.table th.span9 {
    float: none;
    width: 684px;
    margin-left: 0;
}

.table td.span10,
.table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0;
}

.table td.span11,
.table th.span11 {
    float: none;
    width: 844px;
    margin-left: 0;
}

.table td.span12,
.table th.span12 {
    float: none;
    width: 924px;
    margin-left: 0;
}

.nowrap {
    white-space: nowrap;
}

.breakword {
    word-wrap: break-word;
}

.fixed-table-body {
    /* 	padding-bottom: 74px; */
    /*     margin-bottom: -74px; */
}

input[type="radio"], input[type="checkbox"] {
    vertical-align: middle;
    margin: 0px;
}

.table tbody tr.error > td {
    background-color: #f2dede;
}

.table-hover tbody tr.error:hover > td {
    background-color: #ebcccc;
}

.Choice {
    border: #999 1px solid;
    cursor: pointer !important;
    background: #fff url("../img/datePicker.png") no-repeat 98%;
}

label.error {
    display: inline;
}

.nav-h1, .h2-sub-item {
    cursor: pointer;
}

.zhunandi {
    background: url("../img/login.png") center center;
}

textarea + label.error {
    display: block;
}

a.btn-home, a.btn-upps, #btn-android, #btn-iphone {
    display: inline-block;
    margin: 18px 12px;
}

a.btn-out {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 20px;
    color: #fff;
    background: #3e81ce;
    font-size: 13px;
    margin: 0px 0px 0px 10px;
}

/*# sourceMappingURL=fix.css.map */
/* 2017-12-20 */


/*闂傚倷娴囬褍顫濋敃鍌︾稏濠㈣埖鍔栭崕妤併亜閺傚灝鈷斿☉鎾崇Ч閺岋綁寮▎鐐枃闂佺粯鎸堕崕鏌ュ箞閵娿儺娼ㄩ柛鈩冾殔椤晠鎮跺鍗炴灈婵﹥妞藉畷顐﹀礋閸偒锟藉棛绱撴担铏瑰笡缂佽鐗撻獮鍐偨閸撳弶鏅╅梺瑙勫劤閹冲繒锟芥艾婀遍惀顏堫敇閻愭潙娅ゅ銈冨劚椤﹂亶鏁撻懞銉晱闁哥姵宀稿畷妤�顫滈敓浠嬬嵁婵犲伣鏃堝礃瑜庨崟鍐⒑缂佹ê濮﹂柛鎾寸閵囨劙鏁撻敓锟� 濠电姴鐥夐弶鍖℃嫹閺囥垹纾圭憸鐗堝笚閺咁亝淇婇悙顏勶拷鏍ь潖閻熸嫈娑㈠礃閵娧勬濠殿喗顭堝▔娑㈢嵁閵忊�茬箚闁靛牆绻戠�氬綊姊虹紒妯虹瑨闁靛牊鎮傞獮鍐ㄎ旈崨顔间缓闂佸壊鐓堥崑鍕枔瀹�锟界槐鎾存媴闂堟稑顬夐悷婊勬緲閸熸娊鎮橀幒鎴富闁靛牆鎳愮粻鐗堜繆椤愶絿顬奸柕鍥ㄥ姍婵℃悂鏁傞崜褏妲囧┑鐘垫暩婵挳宕搹顐ょ彾婵☆垵銆�閺�鑺ャ亜閺冨浂娼愭繛鍛功閿熻姤顔栭崰鏍偉婵傜鏋佺�广儱顦粈瀣亜閹烘垵锟界懓鈻撻幖浣光拺閻犲洩灏欑粻鎵磼缂佹ê濮嶆鐐寸墵椤㈡洟鏁傜紒妯绘珨闂備浇娉曢崳锕傚箯閿燂拷*/

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

/*闂傚倷娴囬褍顫濋敃鍌︾稏濠㈣埖鍔栭崕妤併亜閺傚灝鈷斿☉鎾崇Ч閺岋綁寮▎鐐枃闂佺粯鎸堕崕鐢稿蓟閻旂尨鎷峰☉娆樼劷缂佺姵鐗犻弻娑氾拷锝堝煐鐎氾拷 闂傚倸鍊风粈渚�骞夐敓鐘茬闁哄洢鍨圭粻鐘充繆椤栨瑧绉块柨婵嗩槸缁犳煡鏌熼幍铏珒婵顨婂铏规崉閵娿儲鐝㈤梺鐟板殩閹凤拷+闂傚倸鍊风欢姘焽閼姐倗涓嶉柟瀛樻儕濞戞﹩鐓ラ柛顐墰缁嬪繘姊虹捄銊ユ珢闁瑰嚖鎷�*/

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #d8d8d8;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.menu-right .user-info {
    margin: 14px 20px 0px 20px;
    text-align: center;
}

.user-info .caret {
    position: absolute;
    right: -10px;
    top: 14px;
}

a.btn-home, a.btn-upps {
    display: inline-block;
    margin: 18px 12px;
}

a.btn-out {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 20px;
    color: #fff;
    background: #3e81ce;
    font-size: 13px;
    margin: 0px 0px 0px 10px;
}

/* .menu{
     width: 220px;
    position: fixed;
     left: 0px;
     top: 58px;
     overflow-y: auto;
     bottom: 0px;
     background: #1c345c;
 }*/
.menu-h1 {
    display: block;
    margin-top: 20px;
    padding: 8px 5px 8px 15px;
    font-size: 16px;
    color: #fff;
    text-align: left;
}

.menu-h1 img {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.menu-h1:hover {
    color: #fff;
}

.menu-h2 {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    font-size: 14px;
    text-align: left;
    color: #fff;
    position: relative;
    cursor: pointer;
    border-left: 2px solid #1c345c;
}

.menu-h2:hover {
    background: #122448;
    color: #fff;
    border-left: 2px solid #4f86f2;
}

.menu-h2 span {
    color: #405072;
    display: inline-block;
    margin-left: 10px;
    font-size: 18px;
}

.menu-h2 ul {
    position: fixed;
    left: 220px;
    width: 160px;
    background: #122448;
    display: none;
}

.menu-h2 ul li {
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
}

.main2 {
    padding: 30px;
}

.main2-right {
    float: right;
    width: 39%;
}

.main2-left {
    float: left;
    width: 59%;
}

.module2 {
    border-radius: 4px;
    border: 1px solid #d8dcde;
    background: #fff;
    margin-bottom: 20px;
}

.banner2 {
    width: 100%;
    height: 282px;
}

.banner2 .carousel, .carousel-inner, .carousel-inner > .item {
    height: 100%;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    height: 100%;
    width: 100%;
}

.carousel-indicators {
    bottom: 0;
}

.carousel-indicators .active {
    background-color: #70a4e5;
    border: 0;
}

.carousel-indicators li {
    background-color: #999999;
    border: 0;
}

.title2 {
    text-align: left;
    color: #666;
    font-size: 16px;
    margin-bottom: 10px;
    height: 26px;
    line-height: 26px;
}

.title2 img {
    display: block;
    margin-right: 10px;
    float: left;
    width: 26px;
    height: 26px;
}

.tabs2 {
    margin: 10px;
    border-bottom: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
}

.tabs2 a {
    color: #888;
    font-size: 14px;
    display: inline-block;
    padding: 0px 20px;
    position: relative;
}

.tabs2 a i {
    font-style: normal;
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fff;
    background: #ee4d32;
    font-size: 12px;
    height: 15px;
    padding: 0px 5px;
    line-height: 15px;
}

.tabs2 a.active {
    color: #5093e1;
}

.tabs2 a.active:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 2px;
    background: #5093e1;
}

.table-wrap2 {
    margin: 10px;
    overflow-y: auto;
}

.div-wrap2 {
    margin: 10px;
}

.table-wrap2 table, .h-table table {
    width: 100%;
    font-size: 14px;
    color: #444;
}

.table-wrap2 table tr:hover td, .h-table table tr:hover td {
    background: #ecf2f5;
}

.table-wrap2 table td, .h-table table td {
    padding: 6px 10px;
}

.table-wrap2 table a, .h-table table a {
    color: #444;
}

.table-wrap2 table a:hover, .h-table table a:hover {
    color: #5093e1;
}

.box2-left {
    width: 49%;
    float: left;
}

.box2-right {
    width: 49%;
    float: right;
}

.search2 {
    margin: 10px 0px;
    border-radius: 2px;
    background: #f6f6f6;
    padding: 10px;
    position: relative;
}

.search2 input {
    border-radius: 3px;
    border: 1px solid #d6d6d6;
    display: block;
    width: 100%;
    height: 30px;
    background: #fff;
    padding-left: 36px;
}

.search2 i {
    display: block;
    position: absolute;
    left: 20px;
    top: 17px;
}

.search2 i img {
    width: 18px;
    height: 18px;
}

.h-table {
    overflow-y: auto;
}

#laydate {
    padding: 10px;
}

#laydate .layui-laydate, .layui-laydate-hint {
    width: 100%;
    box-shadow: none;
    border: 1px solid #eee;
}

.layui-laydate-main, .layui-laydate-content table {
    width: 100%;
    font-size: 14px;
}

.layui-laydate-content th {
    color: #3e81ce;
}

.layui-laydate-content td {
    position: relative;
}

.layui-laydate td.layui-this {
    background-color: #fff !important;
    color: #666 !important;
}

.layui-laydate-content td.layui-this:before {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #3e81ce;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    width: 30px;
    /* z-index: 11; */
    height: 30px;
    border-radius: 50%;
    background-color: #3e81ce;
    opacity: 0.5;
}

.layui-laydate-content td:hover, .layui-laydate-list li:hover {
    background-color: #fff;
}

.laydate-day-mark {
    z-index: 10;
    color: #fff;
}

.laydate-day-mark:after {
    background-color: #fff;
    position: fixed !important;;
}

.laydate-day-mark-bg {
    width: 30px;
    height: 30px;
    display: block;
    z-index: 9;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px !important;
    margin-top: -15px !important;
    background-color: #6cc895;
    border-radius: 50%;
}

.layui-laydate-header i.laydate-prev-y, .layui-laydate-header i.laydate-next-y {
    display: none;
}

.layui-laydate-header {
    padding-left: 180px !important;
    height: 60px;
    padding-top: 15px !important;
}

.layui-laydate-header i.laydate-prev-m {
    left: 140px !important;
    top: 15px;
}

.layui-laydate-header i.laydate-prev-y {
    left: 110px;
    top: 15px;
}

.layui-laydate-header i.laydate-next-m, .layui-laydate-header i.laydate-next-y {
    right: 30px !important;
    top: 15px;
}

.laydate-set-ym {
    font-size: 16px;
    color: #e52355;
}

.layui-laydate-list {
    z-index: 12;
}

.change-show {
    position: absolute;
    height: 60px;
    width: 100px;
    border-right: 1px solid #ddd;
    left: 10px;
    top: 10px;
    text-align: center;
    line-height: 16px;
    padding-top: 15px;
}

.change-show .day {
    color: #e52355;
    font-size: 28px;
}

.change-show .week {
    color: #999;
    font-size: 12px;
}

.note-list {
    padding: 5px 0px;
    border: 1px solid #eee;
    border-top: 0;
    border-radius: 0px 0px 3px 3px;
    margin: -10px 10px 10px 10px;
    text-align: center;
}

.add-date {
    padding: 5px 0px;
    border: 1px solid #eee;
    border-top: 0;
    border-radius: 0px 0px 3px 3px;
    margin: -10px 10px 10px 10px;
    text-align: center;
}

.add-date a {
    /* display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 22px; */
    color: #e52355;
    /* border-radius: 50%;
    border: 1px solid #e52355; */
    font-size: 30px;
}

.noticeBirthday {
    background-image: url("images/birthday.png");
    width: auto;
    height: 450px;
    font-family: Microsoft YaHei, 闂備浇顕уù鐑藉极婵犳艾纾诲┑鐘叉搐缁愭绻涢幋娆忕仾閻庢艾鍟撮幃妤呮晲鎼粹剝鐏嶉梺鎶芥敱閻楃娀寮诲☉妯锋婵妫楀▓鍫曟⒑閻熸澘娈╅柟鍑ゆ嫹;
    padding: 50px;
    line-height: 22px;
    background-color: #393D49;
    color: #3a87ad;
    font-weight: bold;
    font-size: 15px;
    font-style: oblique;
}

.noticeBasic {
    padding: 50px;
    line-height: 22px;
    background-color: #393D49;
    color: #fff;
    font-weight: 300;
}

.striking {
    background-color: #dee5ff;
}

.bold {
    font-weight: bold;
}

.input-group[class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
    float: left
}

.input-group .form-control {
    z-index: 0;
}

.contract-div {
    background-color: #8B98C2;
}

.rent-div {
    background-color: #E28269;
}

.house-div {
    background-color: #B1A1C8;
}

.warrant-div {
    background-color: #888C98;
}

.work-div {
    height: 50%;
    color: #FFFDFE;
    text-align: center;
    font-size: 40px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.worktext-div {
    text-align: center;
    margin-bottom: 10px;
    font-size: 17px;
}

.pdding-div {
    padding-left: 0px;
    padding-right: 0px;
}

.pie-label-div {
    height: 260;
    border: 2px solid #eee;
    float: right;
    width: 40%;
    border-radius: 10px;
}

.pie-label-title-div {
    background-color: #6BB0FF;
    color: #fff;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    font-size: 20px;
}

.pie-label-content-div {
    padding: 5px 5px 15px 5px;
    clear: both;
}

.pie-label-content-div > div {
    float: left;
    padding: 8px 10px;
}

.pie-label-content-div > div + div {
    float: right;
}

.sptextarea {
    width: 92.25%;
    border-top: none;
    background: white;
    line-height: 160%;
    margin-top: -4px;
}

.changyong {
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #fff;
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-bottom: none;
    width: 92.5%;
    padding: 0 5px;

}

.selectcy {
    border: 0px solid #ccc;
    border-radius: 0px;
    width: 103%;
    margin-left: -5px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075)
}

.selectcy:focus {
    border-color: #e8e8e8;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0);
}

.dropbtn {
    background-color: #eff3f5;
    color: #296fbe;
    padding: 10px;
    font-size: 13px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: right;
    background: #eff3f5;
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100%;
    /*     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
}

.dropdown-content a {
    color: black;
    padding: 8px 7px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #eff3f5;
    color: #5093e1;
}

.usertext {
    font-size: 12px;
}

.color-icon {
    text-align: center;
}

.color-icon > img {
    padding-right: 10px;
}

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}

.pie-label-div {
    height: 260;
    border: 2px solid #eee;
    float: right;
    width: 40%;
    border-radius: 10px;
    margin-top: -50px;
    width: 35%;
}

.pie-label-title-div {
    background-color: #5093e1;
    color: #fff;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    height: 34px;
}

.pie-label-content-div {
    padding: 5px 5px 15px 5px;
    clear: both;
}

.pie-label-content-div > div {
    float: left;
    padding: 8px 10px;
}

.pie-label-content-div > div + div {
    float: right;
}

.border-title-div {
    height: 140px;
    padding: 25px 20px 20px 20px;
    color: #FFFFFF;
}

.maintitle-text-div {
    font-size: 24px;
    text-align: left;
    font-weight: 700;
}

.subtitle-text-div {
    font-size: 18px;
    text-align: left;
    font-weight: 700;
}

.borde-blue-div {
    border: 12px solid #DFEDFE;
    background-color: #6BB0FF;
}

.borde-orange-div {
    border: 12px solid #FFF3E1;
    background-color: #FFD554;
}

.borde-green-div {
    border: 12px solid #E6F7E7;
    background-color: #83D587;
}

.borde-purple-div {
    border: 12px solid #EAE7FC;
    background-color: #A69AF3;
}

.left-circle-btn {
    background-color: #FFFFFF;
    border-radius: 10px 0px 0px 10px;
    width: 100px;
    height: 36px;
    float: left;
    border: 2px solid #D9D9D9;
    border-right-width: 1px;
}

.right-circle-btn {
    background-color: #FFFFFF;
    border-radius: 0px 10px 10px 0px;
    width: 100px;
    height: 36px;
    float: left;
    border: 2px solid #D9D9D9;
    border-left-width: 1px;
}

.middle-circle-btn {
    background-color: #FFFFFF;
    width: 100px;
    height: 36px;
    float: left;
    border: 2px solid #D9D9D9;
    border-left-width: 1px;
    border-right-width: 1px;
}

.mouth-circle-div {
    float: left;
    width: 8.3%;
    background-color: #321fd2;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.active-btn {
    border-color: #1890FF;
    color: #1890FF;
}

/* button 闂傚倷绶氬鑽ょ不閹存惊娑樜旈崨顔兼疂婵炴潙鍚嬪娆戠不閺夋鐔嗛柤鎼佹涧婵牓鎮樿箛銉﹀ */
.btn-circle {
    width: 15px;
    height: 15px;
    text-align: center;
    padding: 6px 0;
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 0;
    border-radius: 15px;
}

.kong {
    height: 32px;
}

.tablelist {
    margin-bottom: auto !important;
    margin-top: 0px;
}

.tablelist-panel-default {
    border-color: #ddd;
}

.tablelist-panel {
    height: 100%;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.allcontent {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.fixed-table-pagination button {
    padding: 3px 9px;
}

.kong {
    height: 32px;
}

.tablelist {
    margin-bottom: auto !important;
    margin-top: 0px;
}

.tablelist-panel-default {
    border-color: #ddd;
}

.tablelist-panel {
    height: 100%;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.allcontent {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.fixed-table-pagination button {
    padding: 3px 9px;
}

.kong {
    height: 32px;
}

.tablelist {
    margin-bottom: auto !important;
    margin-top: 0px;
}

.tablelist-panel-default {
    border-color: #ddd;
}

.tablelist-panel {
    height: 100%;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.allcontent {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.fixed-table-pagination button {
    padding: 3px 9px;
}

.ctitle {
    border: 0px dotted rgb(119, 136, 85);
    width: 97%;
    color: #337ab7;
    text-align: left;
    margin: auto;
    margin-left: 21px;
}

.cbtable {
    margin-top: -10px;
}

.collapsible-triangle {
    margin-top: -2px;
    margin-right: 2px;
    display: inline-block;
    transform: rotate(180deg);
    border-left-width: 6px;
    border-top-width: 7px;
    border-right-width: 6px;
    float: right;
    margin-top: 5px;
}

.form-control[disabled], fieldset[disabled] .form-control {
    background-color: #eee !important;
}

.addDiag {
    border: 1px dashed #ccc;
    background-color: #eeeeee30;
    color: #303133;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-align: center;
    padding: 2px;
    margin-left: 15px;
    margin-right: 15px;
}

.indexmain-div {
    margin: 25px 25px 25px 25px;
    background-color: #FFFFFF;
}

.content-height-div1 {
    height: 220px;
    padding: 20px 20px 20px 20px;
}

.title-text-div {
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 20px;
    padding: 20px 20px 20px 20px;
}

.blue-div {
    height: 150px;
    padding: 20px 15px;
    background-color: #1890FF;
    color: #FFFFFF;
}

.orange-div {
    height: 150px;
    padding: 20px 15px;
    background-color: #FACC14;
    color: #FFFFFF;
}

.padding-text-div {
    padding-bottom: 20px;
    padding-left: 10px;
}

.number-text-div {
    font-weight: bolder;
    font-size: 37px;
    padding-left: 10px;
    padding-bottom: 20px;
}

.detail-area-div {
    padding: 0px 40px 30px 40px;
}

.font-color-blue {
    color: #1890FF;
}

.detail-div {
    float: right;
}

.detail-circle-div {
    border-radius: 50%;
    width: 13px;
    height: 13px;
    float: left;
}

.detail-text-div {
    padding-left: 5px;
    float: left;
    width: 15%;
    line-height: 1;
}

.left-circle-btn {
    background-color: #FFFFFF;
    border-radius: 10px 0px 0px 10px;
    width: 100px;
    height: 36px;
    float: left;
    border: 2px solid #D9D9D9;
    border-right-width: 1px;
}

.right-circle-btn {
    background-color: #FFFFFF;
    border-radius: 0px 10px 10px 0px;
    width: 100px;
    height: 36px;
    float: left;
    border: 2px solid #D9D9D9;
    border-left-width: 1px;
}

.middle-circle-btn {
    background-color: #FFFFFF;
    width: 100px;
    height: 36px;
    float: left;
    border: 2px solid #D9D9D9;
    border-left-width: 1px;
    border-right-width: 1px;
}

.border-bottom-div {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #D9D9D9;
    padding: 10px 0px;
    margin-right: 40px;
}

.border-bottom-div:hover {
    color: #1890FF;
}

.content-height-div2 {
    height: 260px;
    padding: 10px 0px;
}

.active-btn {
    border-color: #1890FF;
    color: #1890FF;
}

.addDiag {
    border: 1px dashed #ccc;
    background-color: #eeeeee30;
    color: #303133;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-align: center;
    padding: 2px;
    margin-left: 15px;
    margin-right: 15px;
}


/*闁告艾鐗嗛幃鎾讹拷鍏夊墲婢规帡宕￠弰鐚硁tractApprove濞达綀娉曢弫锟�*/
.addSquare {
    color: rgb(48, 49, 51);
    text-align: center;
    margin-top: 10px;
    border-width: 1px;
    border-style: dashed;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    transition: all 0.3s ease 0s;
    padding-bottom: 8px;
    padding-right: 2px;
    margin-left: 30px;
    margin-right: 30px;
}

.addSquareForBtn {
    background-color: rgba(238, 238, 238, 0.19);
    color: rgb(48, 49, 51);
    text-align: center;
    margin-top: 10px;
    border-width: 1px;
    border-style: dashed;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    transition: all 0.3s ease 0s;
    padding-right: 2px;
}

.titleStyle {
    background-color: #5093E1;
    width: 100%;
    height: 100%;
    margin-left: 30px;
    margin-right: 30px;
}

.globalEmp {
    padding: 5px;
    text-align: center;
    font-family: Microsoft Yahei;
    font-size: 15px;
    padding-left: 0px;
    /* border-bottom: 1px solid #00b8f5; */
    /* border-right: 1px solid #00b8f5; */
    /* background: #e6e6e6; */
    /* color: #00b8f5; */
    box-shadow: 0px -1px 20px 0px #e6e6e6;
}

.globalEmp:hover {
    background-color: #00b8f5;
    border-color: #00b8f5;
    color: #FFF;
    animation-duration: 2s;
    animation-name: glowing-primary;
}

.globalEmp.selected {
    background-color: #00b8f5;
    border-color: #00b8f5;
    color: #FFF;
    animation-duration: 2s;
    animation-name: glowing-primary;
}

.empScheme {
    text-align: center;
    background: #eee;
}

.empScheme.selected {
    background-color: #00b8f5;
    border-color: #00b8f5;
    color: #FFF;
    animation-duration: 2s;
    animation-name: glowing-primary;
}

#empRemoveBtn {
    border-radius: 50px;
    height: 70px;
    line-height: 70px;
    margin-top: 10px;
    color: #666;
    margin-bottom: 10px;
    font-size: 22px;
    background: #eeeeee;
    padding: 0px 12px;
}

#empAddBtn {
    border-radius: 50px;
    height: 70px;
    line-height: 70px;
    margin-top: 10px;
    color: #666;
    margin-bottom: 10px;
    font-size: 22px;
    background: #eeeeee;
    padding: 0px 12px;
}

#empUpBtn {
    border-radius: 50px;
    height: 70px;
    line-height: 70px;
    margin-top: 10px;
    color: #666;
    margin-bottom: 10px;
    font-size: 22px;
    background: #eeeeee;
    padding: 0px 12px;
}

#empDownBtn {
    border-radius: 50px;
    height: 70px;
    line-height: 70px;
    margin-top: 10px;
    color: #666;
    margin-bottom: 10px;
    font-size: 22px;
    background: #eeeeee;
    padding: 0px 12px;
}

.empbtn {
    text-align: center;
}

.globalWage {
    padding: 5px;
    text-align: center;
    font-family: Microsoft Yahei;
    font-size: 15px;
    padding-left: 0px;
    /* border-bottom: 1px solid #00b8f5; */
    /* border-right: 1px solid #00b8f5; */
    /* background: #e6e6e6; */
    /* color: #00b8f5; */
    box-shadow: 0px -1px 20px 0px #e6e6e6;
}

.globalWage:hover {
    background-color: #00b8f5;
    border-color: #00b8f5;
    color: #FFF;
    animation-duration: 2s;
    animation-name: glowing-primary;
}

.globalWage.selected {
    background-color: #00b8f5;
    border-color: #00b8f5;
    color: #FFF;
    animation-duration: 2s;
    animation-name: glowing-primary;
}

.wageScheme {
    text-align: center;
    background: #eee;
}

.wageScheme.selected {
    background-color: #00b8f5;
    border-color: #00b8f5;
    color: #FFF;
    animation-duration: 2s;
    animation-name: glowing-primary;
}

#wageRemoveBtn {
    border-radius: 50px;
    height: 70px;
    line-height: 70px;
    margin-top: 10px;
    color: #666;
    margin-bottom: 10px;
    font-size: 22px;
    background: #eeeeee;
    padding: 0px 12px;
}

#wageAddBtn {
    border-radius: 50px;
    height: 70px;
    line-height: 70px;
    margin-top: 10px;
    color: #666;
    margin-bottom: 10px;
    font-size: 22px;
    background: #eeeeee;
    padding: 0px 12px;
}

#wagesUpBtn {
    border-radius: 50px;
    height: 70px;
    line-height: 70px;
    margin-top: 10px;
    color: #666;
    margin-bottom: 10px;
    font-size: 22px;
    background: #eeeeee;
    padding: 0px 12px;
}

#wagesDownBtn {
    border-radius: 50px;
    height: 70px;
    line-height: 70px;
    margin-top: 10px;
    color: #666;
    margin-bottom: 10px;
    font-size: 22px;
    background: #eeeeee;
    padding: 0px 12px;
}

.wageBtn {
    text-align: center;
}

.table-toolbar-div {
    text-align: left;
    padding: 5px 0px 0px 10px;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.columns-right {
    margin-right: 10px;
}

.omit {
    padding-top: 20px;
    padding-right: 20px;
}

.arrow-up-i {
    font-size: 12px;
    color: #ff0000;
}

.arrow-down-i {
    font-size: 12px;
    color: #09d209;
}

.change-apply {
    display: block;
    position: fixed;
    bottom: 50%;
    border: 1px solid #fff;
    background: #10224a;
    color: #fff;
    opacity: .4;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9999;
    text-align: center;
    right: 28%;
    transition: 1.5s;
}

.change-apply span {
    margin-top: 5px;
}

.change-apply:hover {
    opacity: .9;
}

.fc-row .fc-widget-header {
    background-color: #5093e1;
    color: #ffffff;
}

.badge-fullCalendar {
    height: 30px !important;
    line-height: 30px !important;
    width: 120px;
    border-radius: 3px;
}

.fc-day-header.fc-widget-header {
    padding: 10px 0px;
}

.fc-corner-left {
    border-radius: 10px 0px 0px 10px;
}

.fc-corner-right {
    border-radius: 0px 10px 10px 0px;
}

.noclass {
    text-align: center;
    margin-top: 10px;
    color: #777;
}

.fixed-table-footer-columns {
    position: absolute;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding: 5px 1px 1px 1px;
    height: 34px;
    background: #f9f9f9;
}

.table-input {
    width: 100%;
    height: 100%;
    border: 0;
}


.marginTop {
    margin-top: 20px;
}

.borderBg {
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 5px 10px #e9e9e9;
}

.workbench-title {
    padding: 0 25px;
    line-height: 55px;
    border-bottom: 1px solid #E9E9E9;
}

.workbench-title h1 {
    position: relative;
    line-height: 55px;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}

.workbench-title h1 .point {
    position: absolute;
    display: inline-block;
    top: 5px;
    left: 65px;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    background-color: #f5222d;
    font-size: 12px;
    color: #ffffff;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}

.workbench-title a {
    color: #1890ff;
}

.p-subtitle {
    position: relative;
    line-height: 45px;
    padding: 0 15px;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    border-bottom: 1px solid #ddd;
}


.p-subtitle:before {
    position: absolute;
    top: 14px;
    left: 0;
    height: 16px;
    border-right: 3px solid #2974d4;
    content: '';
}

.page_control {
    background-color: #ebeff8;
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    z-index: 2;
    color: #666666;
    border: 1px solid #ddd;
}

.row.form .form-control-title {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #8fc856;
    background-color: #eef8e8;
    background-image: none;
    border: 0px #ccc;
    border-radius: 4px;
}

.input-model {
    position: relative;
}

.input-model .model-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.input-model .model-content {
    display: none;
    position: absolute;
    width: 100%;
    height: 220px;
    top: 0;
    left: 0;
    z-index: 100;
}

.input-model .model-content textarea {
    height: 100%;
}