* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

textarea{
font-family: Microsoft YaHei;
}

html,
body {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

html {
    font-size: 14px;
}

body {
    font-family: Microsoft YaHei, PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, STHeitiSC-Light, simsun, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
}

input,
button,
select,
textarea {
    outline: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

ul,
ol {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #333;
}

.btn {
    width: 80px;
    line-height: 30px;
    text-align: center;
    background-color: #97A2BE;
    color: #fff;
    border-radius: 3px;
}

.is-ta-c {
    text-align: center;
}

a:hover {
    text-decoration: underline;
    opacity: .8;
}

.lan-cnt {
    height: 97vh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lan-l {
    width: 33.8541%;
    height: 100%;
    background-color: #f0f5fa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lan-l img {
    display: block;
    max-width: 80%;
    margin: 0 auto;
}

.lan-l p {
    font-size: 1.4rem;
    color: #0f2950;
    margin-top: 5rem;
    font-weight: 300;
}

.lan-r {
    width: 66.1459%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lan-r-cnt {
    width: 500px;
}

.lan-logo {
    margin-bottom: 3.214rem;
}

.lan-logo img {
    display: block;
}

.lan-logo p {
    margin-top: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #202020;
    line-height: 26px;
}

.lan-title {
    font-size: 1.78rem;
    color: #0b2242;
    margin-bottom: 1.428rem;
    font-weight: bold;
}

.lan-form-input .input-item {
    position: relative;
    margin-bottom: 20px;
}

.lan-form-input .input-item input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #EFEFEF;
    color: #202020;
    padding: 0 .35rem;
    height: 52px;
    -webkit-transition: border .25s ease-in-out, font .25s ease-in-out;
    transition: border .25s ease-in-out, font .25s ease-in-out;
    font-size: 1rem;
}

.lan-form-input .input-item input:focus {
    border-color: #324d72;
    font-size: 1.1rem;
}

.lan-form-input .input-item a {
    position: absolute;
    right: 0;
    bottom: 10px;
    z-index: 1;
}

.lan-form-input .input-item img {
    position: absolute;
    width: 140px;
    height: 50px;
    right: 0;
    bottom: 4px;
    z-index: 1;
}

.lan-form-input .input-item.btn-item {
    margin-top: 30px;
}

.lan-form-input .input-item.btn-item button {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 1.142rem;
    background-color: #0F2950;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(15, 41, 80, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(15, 41, 80, 0.75);
    border-radius: 3px;
    color: #fff;
    border: 0;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.lan-form-input .input-item.btn-item button:hover {
    background-color: #15386d;
}


::-webkit-scrollbar {
    width: 5px;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}

::-webkit-scrollbar-track {
    width: 5px;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    background: #e6e9f0;
}

::-webkit-scrollbar-thumb {
    width: 0;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    background-color: #21467e;
}

::-webkit-scrollbar-thumb:window-inactive {
    width: 0;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    background-color: #21467e;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #21467e;
    width: 0;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}

.cnt {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.cnt .cnt-l {
    width: 220px;
    height: 100%;
    overflow: auto;
    background-color: #0f2950;
    transition: width .25s ease-in;
}

#fa-lef {
    cursor: pointer;
}

.cnt .cnt-l.cur {
    width: 70px;
}

.cnt .cnt-l.cur .logo a,
.cnt .cnt-l.cur .logo img,
.cnt .cnt-l.cur .menu li span,
.cnt .cnt-l.cur .menu li .r-i,
.cnt .cnt-l.cur .personal-name,
.cnt .cnt-l.cur .personal-set {
    display: none;
}

.cnt .cnt-l.cur .personal-user {
    justify-content: center;
}

.cnt .cnt-l.cur .management a {
    font-size: 12px;
    padding: 0 7px;
    overflow: hidden;
}

.cnt .cnt-l.cur .personal {
    width: auto;
    padding: 30px 0;
}

.cnt .cnt-r.cur {
    width: calc(100% - 70px);
}

.cnt-l .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    color: #bedbf7;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    padding: 0 30px;
}

.cnt-l .logo a {
    display: block;
    width: 103px;
    margin-right: 40px;
}

.cnt-l .logo img {
    display: block;
}

.cnt-l .logo i {
    font-size: 20px;
    cursor: pointer;
}

.cnt .cnt-r {
    width: calc(100% - 220px);
    height: 100%;
    background-color: #e6e9f0;
    transition: all .25s ease-in;
}

.menu {
    height: 70%;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 10px;
}

.menu li {
    width: 210px;
    position: relative;
    height: 44px;
    line-height: 44px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    margin-bottom: 10px;
}

.menu li.cur {
    background-color: #0b2242;
}

.menu li.cur::after {
    content: '';
    position: absolute;
    height: 100%;
    border-left: 2px solid #7699f4;
    left: 0;
    top: 0;
}

.menu li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.menu a {
    color: #c0ddf8;
    font-size: 14px;
    display: block;
    height: 100%;
    width: 100%;
    padding: 0 30px;
}

.menu a:hover {
    text-decoration: none;
}

.menu li i.l-i {
    width: 40px;
}

.menu li span {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin-left: 10px;
}

.menu li i.r-i {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
}

.opacity {
    opacity: 0;
}

.personal {
    /* margin: 0 30px; */
    width: 220px;
    padding: 10px 15px;
    border-top: 1px solid #324d72;
}


.personal-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #c0ddf8;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}

.personal-img {
    width: 44px;
    height: 44px;
    border: 3px solid #c0ddf8;
    border-radius: 50%;
    overflow: hidden;
}

.personal-img img {
    display: block;
    width: 100%;
    height: 100%;
}

.personal-name .p-p {
    font-size: 12px;
}

.personal-name {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding-left: 16px;
}

.personal-set {
    font-size: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.p-d {
    padding: 0 10px;
    margin-top: 15px;
    display: none;
}

.p-d li {
    line-height: 44px;
    text-align: center;
}

.p-d li a {
    color: #c0ddf8;
    display: block;
    background-color: crimson;
}

.p-d li a:hover {
    text-decoration: none;
    background-color: crimson;
    color: #fff;
}

iframe {
    display: block;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.public {
    height: 97%;
}

.cnt-top {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #666;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 1px 1px #dddddd;
    box-shadow: 1px 1px 1px 1px #dddddd;
    padding-left: 40px;
    margin-bottom: 5px;
}

.cnt-top span {
    display: inline-block;
    margin-right: 20px;
}

.cnt-c {
    padding: 16.5px 40px;
}

.cnt-b {
    width: 100%;
    height: calc(100% - 63px);
    background-color: #fff;
    padding: 0 40px;
    padding-top: 30px;
    overflow: auto;
}

.cnt-b.cnt-special {
    height: 100%;
}

.cnt-b.cnt-bk {
    background: none;
}

.cnt-title {
    font-size: 14px;
    color: #333;
    margin-bottom: 26px;
}

.cnt-title::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0f2950;
    vertical-align: middle;
    margin-right: 10px;
}

.cnt-label {
    min-width: 100px;
    padding: 0px 8px;
    height: 30px;
    background: none;
    border: 0;
    color: #444444;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
}

.cnt-label a {
    display: block;
}

.cnt-label a:hover {
    text-decoration: none;
}

.cnt-label.cur,
body .addBtn-type .layui-layer-btn .layui-layer-btn0 {
    background-color: #0f2950;
    color: #fff;
    border: 0;
}

.cnt-label.cur a {
    color: #fff;
}

/* .week-item {
    display: inline-block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    border: 1px solid sandybrown;
    text-align: center;
  }
  .date-item {
    display: inline-block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    border: 1px solid beige;
    text-align: center;
  } */

.add-cnt {
    position: relative;
    min-width: 1200px;
}

.add-cnt::after {
    content: '';
    display: inline-block;
    clear: both;
}

.btn-add {
    float: right;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    background-color: #0f2950;
    border-radius: 3px;
}

.add-content {
    /*position: absolute;
      width: 400px;
      background-color: #fff;
      -webkit-box-shadow: 0px 4px 11px -1px #dddddd;
              box-shadow: 0px 4px 11px -1px #dddddd;
      right: 0;
      top: 70px;
      z-index: 2;
      display: none;*/
    padding: 30px;
    overflow: auto;
    height: 100%;
    /* max-height: 780px; */
}

.cust-filter {
    border: 1px solid #efefef;
    padding: 1px;
    margin-bottom: 20px;
}

.input-style .cust-filter-item input,
.input-style .cust-filter-item select,
.cnt-basic-item .cnt-basic-i input,
.cnt-basic-item .cnt-basic-i textarea,
.cnt-basic-item .cnt-basic-i select,
.inputCase {
    border: 1px solid #e1e7f1;
    background-color: #f4f8fa;
    height: 32px;
    border-radius: 5px;
    padding: 0 10px;
    width: 100%;
    background: transparent;
    z-index: 2;
    position: relative;
}

.cust-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cust-filter-l {
    width: calc(100% / 2 - 75px);
    margin-right: 8px;
    align-self: flex-start;
}

.cust-filter-l.cust-filter-t {
    align-self: flex-start;
}

.class-table tfoot .table-tfoot {
    background-color: #f4f8fa;
    height: 40px;
    color: #999999;
    font-size: 14px;
    text-align: right;
    border-bottom: 1px solid #efefef;
}

.class-table tfoot .table-tfoot td {
    padding: 0 20px;
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
}

.class-table tfoot .table-tfoot span {
    color: #f77f54;
    font-size: 20px;
}

.cust-filter-c {
    width: calc(100% / 2 - 75px);
}

.cust-filter-item li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #fff;
}

.cust-filter-item li .cust-item-l {
    width: 154px;
    height: 46px;
    background: #F4F8FA;
    border-radius: 3px 3px 3px 3px;
    text-align: center;
    line-height: 46px;
    color: #444444;
    margin-right: 8px;
}

.cust-filter-item li .cust-item-r {
    width: calc(100% - 154px);
    height: 46px;
    padding-top: 6px;
}

.input-style .cust-filter-item .date-filter input {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-left: 5px;
}

.input-style .cust-filter-item .start-filter input {
    width: calc(100% - 65px);
    margin-left: 5px;
}

.input-style .cust-filter-item .start-filter.order-filter input {
    width: 100%;
}

.cust-item-r.last-cust-last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.date-filter {
    width: 150px;
}

.date-filter.date-before {
    width: 45%;
}

.start-filter {
    position: relative;
    width: 80%;
}

.start-filter.start-customer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.start-filter.start-before {
    width: 55%;
}

.input-style .cust-filter-item .start-filter.start-before input {
    width: 100%;
    margin: 0;
}

.start-filter i,
.cust-item-r.cust-item-select i,
.cnt-basic-i .cnt-basi-f i {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #0B2242;
}

.start-filter i {
    color: #0B2242;
}

.cust-item-r.cust-item-select {
    position: relative;
}

.cust-filter-r button {
    width: 100px;
    height: 30px;
    background-color: #0F2950;
    border: 0;
    color: #fff;
    border-radius: 3px;
    font-size: 1rem;
    cursor: pointer;
    margin-left: 10%;
}

.cust-operation {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 12px 0;
}

.cust-operation button {
    min-width: 80px;
    height: 30px;
    background: #0F2950;
    border-radius: 3px;
    color: #fff;
    font-size: 1rem;
    border: 0;
    margin-left: 10px;
    cursor: pointer;
    padding: 0 10px;
}

.class-table {
    table-layout: fixed;
    width: 100%;
    border-left: 1px solid #EFEFEF;
}

.class-table>thead {
    background-color: #E6E9F0;
}

.class-table>thead>tr>th {
    font-size: 1rem;
    font-weight: 500;
    height: 40px;
    border-right: 1px solid #EFEFEF;
}

.class-table>thead>tr>th.table-choose {
    width: 37px;
}

.class-table>tbody>tr>td,
.class-table>tfoot>tr>td {
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    text-align: center;
    padding: 10px;
    color: #666;
    word-wrap: break-word;
}

.table-familiar {
    width: 190px;
}

.table-name {
    width: 170px;
}

.table-last-th {
    width: 150px;
}

.table-collection {
    display: flex;
    flex-direction: row;
}

.table-collection p {
    flex-grow: 2;
}

.class-table input[type="checkbox"] {
    cursor: pointer;
}

.table-collection .table-cance {
    cursor: pointer;
    color: #fdc407;
}

.table-paging {
    /* position: relative; */
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 30px 40px;
    width: calc(100% + 80px);
    margin-left: -40px;
    /*border-top: 1px solid #e7eaf0;*/
    background-color: #fff;
    /* margin-top: 20px; */
}

.table-paging-r.nopage{
    padding-right: 25px;
}

.table-paging-l {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 15px;
}

.table-paging.table-b-paging {
    margin-top: 0;
    width: 100% !important;
    margin: 0;
}

.table-paging-l a,
.table-paging-l span,
.table-paging-r input,
.table-paging-r button {
    min-width: 30px;
    min-height: 30px;
    background: #F4F8FA;
    border: 1px solid #E1E7F1;
    border-radius: 3px;
    color: #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    cursor: pointer;
    transition: all .25s ease;
    margin-right: 5px;
    padding: 0 5px;
}

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

.table-paging-l a:hover,
.table-paging-l span:hover,
.table-paging-l li.active span {
    background-color: #0F2950;
    color: #fff;
}

.table-paging-r input {
    width: 70px;
    padding: 0 5px;
}

.table-paging-r {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.table-paging-r button {
    font-size: .8rem;
}

.cnt-basic-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.cnt-basic-list .cnt-basic-item {
    margin-right: 10px;
}

.cnt-basic-list .cnt-basic-i {
    margin-bottom: 18px;
}

.cnt-basic-list.new-basic-add .cnt-basic-item,
.cnt-basic-list.new-basic-add .cnt-basic-addlist {
    width: 100%;
    display: flex;
    margin-right: 0;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
}

.basic-add-btn {
    margin-bottom: 18px;
}



.cnt-basic-list.new-basic-add .cnt-basic-item,
.cnt-basic-list.new-basic-add .cnt-basic-addlist {
    width: 100%;
    display: flex;
    margin-right: 0;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
}

.basic-add-btn {
    margin-bottom: 18px;
}



.cnt-basic-item .cnt-basic-i {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.cnt-basic-item .cnt-basic-i .cnt-basic-name {
    min-width: 100px;
    font-size: 1rem;
    color: #666;
    padding-right: 10px;
    text-align: right;
}

.cnt-basic-item .cnt-basic-i input,
.cnt-basic-item .cnt-basic-i select,
.cnt-basic-item .cnt-basic-i textarea {
    display: block;
    width: 350px;
}

.cnt-basic-item .cnt-basic-i textarea {
    height: 110px;
    resize: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cnt-basic-item .cnt-basic-i .cnt-basic-name.cnt-basic-textarea {
    align-self: flex-start;
}

.cnt-label.add-btn {
    margin-left: 20px;
}

.cnt-small-title {
    text-align: center;
    margin-bottom: 10px;
    min-width: 100px;
}

.cnt-information {
    margin-bottom: 20px;
    border-bottom: 1px solid #E1E7F1;
    padding-bottom: 20px;
}

.cnt-information-item {
    /* border-bottom: 1px solid #E1E7F1; */
    margin-bottom: 10px;
}

.cnt-small-title span {
    display: block;
    line-height: 26px;
    color: #0F2950;
    font-size: 1rem;
    width: 74px;
    height: 26px;
    background: #F4F8FA;
    border-radius: 3px 3px 3px 3px;
}

.cancel-determine {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.cancel-determine button {
    width: 135px;
    height: 30px;
    background: #96A2BE;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 1rem;
    border: 0;
    margin-right: 10px;
    cursor: pointer;
}

.cancel-determine button.determine-btn {
    background-color: #0F2950;
    margin-right: 0;
}

.border-b {
    border-bottom: 1px solid #E1E7F1;
    margin-bottom: 30px;

}

.cnt-operation {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 45px;
}

.cnt-attention {
    max-width: 1350px;
    background-color: #f4f8fa;
    font-size: 1rem;
    color: #f48a0c;
    padding: 20px;
    border: 1px solid #e1e7f1;
    margin-bottom: 30px;
}

.cnt-basic-nt,
.cnt-basic-f {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cnt-basic-nt {
    max-width: 1350px;
}

.cnt-basic-l {
    width: 55%;
}

.cnt-basic-r {
    width: 40%;
}

#layer_f {
    display: none;
}

.cnt-basi-btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0 auto;
    padding-top: 30px;
}

.cnt-basi-btn .cnt-label {
    width: 100px;
    height: 36px;
}

.cnt-basi-btn .cnt-label:first-child {
    background-color: #f4f8fa;
    color: #666666;
}

.cnt-basi-btn .cnt-label:last-child {
    margin: 0;
}

body .layui-layer-setwin .layui-layer-close1 {
    background: url(../images/close.png) no-repeat center !important;
}

.cnt-basic-layer {
    margin: 20px 30px;
}

.cnt-basic-layer .cnt-basic-item {
    margin-right: 0;
}


.selectBox {
    line-height: 32px;
}

.inputCase {
    position: relative;
    width: 350px;
}

.selectBox {
    position: relative;
}

.inputCase input.imitationSelect {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    display: block;
    text-indent: 20px;
    cursor: default;
}

.fa {
    cursor: pointer;
}

.selectUl {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 1;
    border: 1px solid #e1e7f1;
    width: 100%;
    border-top: 0;
    background-color: #fff;
}

.selectUl li {
    height: 36px;
    line-height: 36px;
    list-style: none;
    text-indent: 20px;
    border-bottom: 1px solid #ccc;
}

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

.selectUl li:hover {
    background: #ddd;
}

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

.person_root {
    background: #0095e7;
    color: #fff;
    border-radius: 3px;
    position: relative;
    padding: 2px 5px;
    margin-right: 5px;
}

.person_root span:nth-child(1) {
    padding-right: 10px;
}

.person_root i {
    font-style: normal;
    cursor: pointer;
    right: 5px !important;
    color: #fff !important;
}

#role_select {
    font-size: 12px;
    height: 100%;
}

.select-menu-div i {
    color: #0095e7;
    cursor: pointer;
}

.actived_li {
    color: #0095e7;
}

.clear {
    clear: both;
    float: none;
}

.btn-receive {
    position: absolute;
    left: 40px;
    line-height: 30px;
    text-align: center;
}

.notice-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -1%;
    margin-top: 1%;
}

.notice-list ul>li {
    width: 19%;
    margin-left: 1%;
    margin-bottom: 1%;
    background: #ffffff;
    /* border: 1px solid #DBE2ED; */
    border-radius: 3px;
    height: 325px;
    padding: 0 10px;
    overflow: hidden;
    position: relative;
}

.notice-list ul>li a {
    display: block;
}

.notice-list ul>li a:hover {
    text-decoration: none;
}

.notice-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    line-height: 30px;
    margin-bottom: 18px;
}

.notice-top .notice-title {
    font-size: 1rem;
    color: #666;
}

.notice-top .notice-p {
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    width: 70px;
    position: relative;
    margin-right: -11px;
    margin-top: -1px;
    text-align: center;
}

.notice-top .notice-p.notice_1,
.det-head .det-head-span-1 {
    background-color: #a33d3d;
}

.notice-top .notice-p.notice_2,
.det-head .det-head-span-2 {
    background-color: #3D985E;
}

.notice-top .notice-p.notice_3,
.det-head .det-head-span-3 {
    background-color: #3E5597;
}

.notice-cnt .notice-title {
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
    margin-bottom: 14px;
}

.notice-txt {
    font-size: 1rem;
    color: #666666;
    line-height: 26px;
    word-break: break-all;
}

.det-cnt {
    max-width: 1000px;
    background-color: #fff;
    padding: 15px 30px;
}

.det-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.det-head .det-head-span {
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    width: 80px;
    text-align: center;
    margin-left: -30px;
    margin-top: -30px;
}

.det-head .det-head-span+a {
    display: inline-block;
    width: 80px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background-color: #97a2be;
}

.det-cnt-title {
    margin-bottom: 16px;
}

.title-editor {
    font-size: 1.428rem;
    font-weight: 400;
    color: #333333;
}

.det-cnt-titme {
    font-size: 1rem;
    color: #666666;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.det-cnt-titme>i {
    color: #4C98FC;
    font-size: 1.2rem;
    display: inline-block;
    margin-right: 10px;
    font-weight: 400;
}

.det-cnt-titme>span {
    display: inline-block;
    margin-right: 30px;
}

.det-cnt-content {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.det-cnt-content p {
    font-size: 1rem;
    color: #666;
}

.det-cnt-content img{
    max-width: 100% !important;
}

.att-title {
    font-size: 1rem;
    color: #666;
    margin-bottom: 15px;
}

.att-list {
    background-color: #f4f8fa;
    border: 1px solid #bec4d5;
    border-radius: 3px;
    padding: 20px;
}

.att-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}

.att-item:last-child {
    margin-bottom: 0;
}

.att-item>i {
    color: #44a3ff;
    font-size: 1.2rem;
}

.att-item span {
    display: inline-block;
    margin: 0 10px;
    margin-right: 20px;
}

.editor-t {
    margin: 0 5%;
}

.cnt-basic-item.editor-item .cnt-basic-i input,
.cnt-basic-item.editor-item .cnt-basic-i select,
.cnt-basic-item.editor-item .cnt-basic-i textarea {
    width: 100%;
}

.cnt-basic-list .cnt-basic-item.editor-item {
    margin-right: 0;
    width: 100%;
}

.cnt-basic-item.editor-item .cnt-basi-f {
    width: 100%;
}

.cnt-basic-item.editor-item .cnt-basic-i .cnt-basic-name {
    min-width: 55px;
}

.det-cnt.det-editor {
    padding-top: 40px;
    overflow: auto;
    height: calc(100vh - 133px);
}

.editor-attachment {
    border-top: 1px solid #EEEEEE;
    padding-top: 20px;
}

.attachment-title {
    color: #666;
    margin-bottom: 20px;
}

.attachment-c {
    border: 1px solid #BEC4D5;
    border-radius: 3px;
}

.attachment-head {
    background-color: #dbe1ef;
    border-bottom: 1px solid #bec4d5;
    display: flex;
    align-items: center;
    padding: 10px 15px;
}

.attachment-head>.attachment-txt {
    margin-left: 15px;
    cursor: pointer;
}

.attachment-list {
    padding: 10px 15px;
}

.attachment-list .attachment-item {
    margin-bottom: 10px;
}

.attachment-list .attachment-item:last-child {
    margin-bottom: 0;
}

.editor-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 40px;
}

.editor-btn .btn {
    margin: 0 10px;
}

.data-search-head {
    border-bottom: 1px solid #e6e9f0;
    margin-bottom: 10px;
}

.data-input-btn {
    width: 400px;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 20px;
}

.data-input-btn input {
    width: calc(100% - 80px);
    height: 100%;
    background-color: #f4f8fa;
    border: 1px solid #E1E7F1;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 1rem;
}

.data-input-btn button {
    width: 80px;
    line-height: 30px;
    background-color: #0f2950;
    color: #fff;
    font-size: 1rem;
    border-radius: 2px;
    border: 0;
    cursor: pointer;
}

.data-results .results-title {
    font-size: 1rem;
    margin-bottom: 20px;
}

.data-results-none {
    margin-bottom: 20px;
}

.data-results-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -20px;
}

.data-results-list ul li {
    width: calc(20% - 20px);
    /* min-width: 300px; */
    border: 1px solid #e6e9f0;
    border-radius: 3px;
    height: 60px;
    padding: 0 13px;
    margin-bottom: 20px;
    margin-left: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.data-results-list ul li>i {
    color: #44A3FF;
    font-size: 1rem;
    margin-right: 10px;
}

.data-results-list ul li>.file-name {
    flex-grow: 2;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 80%;
}

.data-results-list ul li>.file-d {
    display: flex;
    justify-content: space-evenly;
    flex-grow: 2;
}

.file-d a {
    display: inline-block;
    width: 40px;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    color: #7699F4;
    font-size: .8rem;
    border: 1px solid #E1E7F1;
    background: #f4f8fa;
    border-radius: 3px;
    margin-left: 10px;
}

.file-d a.file-del {
    color: #f4a876;
}

.results-title.shared-title::before {
    content: "";
    display: inline-block;
    width: .4rem;
    height: .4rem;
    vertical-align: 2px;
    background-color: #0f2950;
    border-radius: 50%;
    margin-right: 10px;
}

.results-shared {
    margin-top: 40px;
}

.results-shared>.data-results {
    margin-bottom: 40px;
}

.results-tab {
    display: flex;
    flex-direction: row;
    margin-bottom: 40px;
}

.results-tab a {
    text-decoration: none;
    background-color: #e6e9f0;
}

.briefing-title {
    margin-bottom: 20px;
}

.briefing-title::before {
    content: "";
    display: inline-block;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background-color: #0f2950;
    vertical-align: 2px;
    margin-right: 5px;
}

.briefing-time,
.results-data-time {
    display: flex;
    flex-direction: row;
    width: 140px;
    line-height: 30px;
    border: 1px solid #e6e9f0;
    border-radius: 3px;
    margin-bottom: 10px;
}

.briefing-time a,
.results-data-time a,
.briefing-time span {
    width: 50%;
    color: #666;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.briefing-time a.cur,
.results-data-time a.cur,
.briefing-time span.cur {
    background-color: #e6e9f0;
    color: #666;
}

.results-date-item{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.branch-item{
    margin-left: 10px;
}

.branch-item label{
    cursor: pointer;
}

.branch-item input[type='radio']{
    vertical-align: middle;
}

.personage a{
    text-decoration: none;
}

.personage > * i{
    color: #4aaaf5;
}

.personage > * i.department{
    color: #e6e9f0;
}

.quarter{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.quarter > *{
    /* width: 400px; */
    padding: 20px;
    box-shadow: 0 0 6px -1px rgba(188, 188, 188, .5);
    border-radius: 10px;
    position: relative;
    padding-top: 60px;
}

.tips{
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px 0 10px 0;
    padding: 5px 20px;
    font-weight: 700;
    font-style: oblique;
    font-size: 24px;
}

.tips.tips-monthly{
    background-color: #f2f6fe;
    color: #a8c2f7;
}

.tips.tips-year{
    background-color: #fff5f6;
    color: #fcbac2;
}

/* .quarter-monthly{
    margin-right: 30px;
} */

.quarter-performance{
    border-bottom: 1px solid #d6dce9;
    padding-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}

.quarter-performance >div{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block: 15px;
    padding-inline: 10px;
}

.quarter-performance >div:first-child{
    /* background-color: rgba(32, 183, 89, .1); */
    background-color: rgba(250, 200, 88, .1);
}

.quarter-performance >div:nth-child(2) {
    background-color: rgba(32, 183, 89, .1);
}

.quarter-performance >div:nth-child(3) {
    background-color: rgba(221, 82, 54, .1);
}

.quarter-performance >div:last-child{
    background-color: rgba(74, 170, 245, .1);
}

.quarter-performance > * > span{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    color: #0d2242;
    margin-bottom: 10px;
}

.quarter-performance >div:first-child > p{
    color: #fac858;
}

.quarter-performance >div:nth-child(2) > input{
    color: #20b759;
}

.quarter-performance >div:last-child > p{
    color: #4aaaf5;
}

.quarter-performance > * p,
.quarter-performance > * input{
    font-size: 18px;
    /* color: #0d2242; */
}

.quarter-performance > * input{
    border: 0;
    width: 134px;
    background: none;
    color: #dd5136;
    vertical-align: -2px;
    text-align: center;
    font-family: 'Microsoft YaHei';
}

.quarter-performance > * input:focus{
    background: none;
}

.quarter-performance > * i{
    cursor: pointer;
    color: #4aaaf5;
    font-size: 16px;
}

.ratio,.yoy{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.perchat{
    display: flex;
    gap: 10px;
}

.performance-l{
    position: relative;
}

.performance-l > span i{
    color: #20b759;
}

.performance-r > span i{
    color: #d32300;
}

.performance-l > span i,
.performance-r > span i{
    display: inline-block;
    margin-right: 5px;
    font-size: 16px;
}

.percentage{
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    font-size: 14px;
    color: #102951;
    margin-block-start: 40px;
}

.percentage.team-percentage{
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.percentage > * > span i{
    display: inline-block;
    margin-left: 5px;
    font-style: normal;
    font-size: 18px;
}

.percentage .ratio,
.percentage .yoy{
    max-width: 200px;
    background-color: #f8fafe;
    margin-block: 5px;
    justify-content: center;
    padding: 10px;
}

.percentage > * > span.up{
    color: #66d117;
}

.percentage > * > span.down{
    color: #e82600;
}

.statistics-chart{
    display: grid;
    align-items: self-start;
    grid-template-columns: 1fr 2fr;
    gap: 10px;
}

.echarts.StatEcharts{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.results-date-select {
    width: 140px;
    position: relative;
    margin-bottom: 20px;
}

.results-date-select select {
    width: 100%;
    height: 30px;
    border: 1px solid #e6e9f0;
    padding: 0 15px;
    position: relative;
    z-index: 2;
    background: transparent;
}

.results-date-select i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.results-date {
    max-width: 800px;
    border: 1px solid #e6e9f0;
}

.results-date li {
    text-align: center;
    width: 20%;
}

.results-date-bottom,
.results-date-top {
    color: #333;
    display: flex;
    flex-direction: row;
    line-height: 40px;
}

.results-date-top {
    background-color: #e6e9f0;
}

.results-date-list {
    margin-bottom: 50px;
}

.results-date-bottom li {
    line-height: 60px;
    border-right: 1px solid #e6e9f0;
}

.results-date-bottom li:last-child {
    border-right: 0;
}

.results-data {
    border: 1px solid #e6e9f0;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
}

.results-data-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.results-data-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -20px;
}

.results-data-list .results-data {
    width: calc(50% - 20px);
    margin-left: 20px;
    min-width: 600px;
}

.target-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.target-item {
    width: 420px;
}

.target-select {
    border: 1px solid #e1e7f1;
    border-radius: 3px;
    line-height: 26px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.target-select-item {
    width: 90px;
    position: relative;
}

.target-select-item:first-child {
    background-color: #f4f8fa;
    border-right: 1px solid #e6e9f0;
}

.target-select-item select {
    border: 0;
    padding: 0 12px;
    width: 100%;
    cursor: pointer;
    background-color: transparent;
    position: relative;
    z-index: 2;
}

.target-select-item i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.target-cnt {
    border: 1px solid #e1e7f1;
    border-radius: 3px;
    height: 200px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.target-cnt .target-cnt-l {
    max-width: 210px;
}

.target-label {
    background-color: #f4f8fa;
    color: #0f2950;
    font-size: 1rem;
    display: inline-block;
    padding: 5px 20px;
    margin-bottom: 20px;
}

.target-data {
    font-size: 1rem;
    color: #999;
    line-height: 1.5;
}

.target-data input {
    max-width: 100px;
    border: 1px solid #e1e7f1;
    border-radius: 3px;
    padding: 2px 10px;
    display: none;
}

.target-data i {
    color: #019dde;
    font-size: 1.2rem;
    cursor: pointer;
    margin-left: 10px;
}

.target-m span {
    color: #666;
}

.target-d span {
    color: #fc6635;
}

.target-cnt-r {
    position: relative;
}

.target-cnt-l-t {
    position: absolute;
    left: 50%;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
}

.target-m {
    margin-bottom: 10px;
    height: 30px;
}

.target-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 890px;
}

.target-head .briefing-title {
    margin-bottom: 0;
}

.target-view {
    margin-bottom: 30px;
}

.target-view .target-data {
    display: flex;
    flex-direction: row;
    border: 1px solid #e1e7f1;
    max-width: 800px;
    border-radius: 3px;
    min-height: 30px;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    line-height: 40px;

}

.target-view .target-data .target-m {
    margin-bottom: 0;
    height: auto;
}

.target-view .target-data>div {
    width: 33.33333%;
}

.target-view .target-data>div:first-child,
.target-view .target-data>div:nth-child(2) {
    border-right: 1px solid #e1e7f1;
}

.table-paging-l li {
    list-style: none;
}

.table-paging-l span a {
    margin-right: 0;
}

.table-paging-r input,
.table-paging-r button {
    display: inline-block;
}

.table-paging-r input {
    cursor: inherit;
}

.pagego-input {
    text-align: center;
}

.del-i-button {
    background-color: #f4f8fa;
    border: 1px solid #e1e7f1;
    cursor: pointer;
    height: 32px;
    width: 40px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #e1e7f1;
    margin-right: 5px;
    border-radius: 5px;
    justify-content: center;
    margin-left: 15px;
}

.del-i-button i.fas {
    color: #e70c1b;
}

.edit-info,
.edit-receiv {
    color: #0c97e7;
}

.del-project,
.del-receiv {
    color: #e70c1b;
}

.editor-project {
    color: #26be11;
}

.determine-btn {
    background-color: #0F2950;
    margin-right: 0;
}

.btn {
    cursor: pointer;
    margin-right: 10px;
}

.btn a {
    color: #fff;
    text-decoration: none;
}

.add-project {
    width: 100%;
    display: flex;
    margin-right: 0;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
}

.pagego-input {
    text-align: center;
}

.manag-cnt {
    max-width: 850px;
    display: flex;
    flex-direction: row;
}

.manag-cnt .manag-l {
    width: 300px;
}

.manag-title,
.level-title {
    color: #102a4f;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 1px;
    border: 1px solid #e6e9f0;
}

.manag-title.cur {
    background-color: #16284e;
    color: #fff;
}

.manag-title.cur i.fas {
    color: #fff !important;
}

.level-title.cur {
    background-color: #e8e8f0;
}

.level-title.cur .level2-plus i.fas.fa-plus,
.manag-title.cur .level2-plus i.fas.fa-plus {
    opacity: 0;
    width: 0;
}

.level-title.cur .level2-plus i.fas.fa-minus,
.manag-title.cur .level2-plus i.fas.fa-minus {
    opacity: 1;
    width: auto;
}

.manag-item {
    margin-bottom: 13px;
    display: none;
}

.manag-item.level1,
.manag-item.cur {
    display: block;
}

.manag-title,
.manag-item li,
.level-title {
    height: 40px;
    /* line-height: 40px; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    padding-left: 30px;
    cursor: pointer;
}

.level2-plus i.fas.fa-minus {
    opacity: 0;
    width: 0;
}

.level2-s {
    display: flex;
    align-items: center;
    justify-content: center;
}

.level2-s span {
    width: 24px;
    height: 24px;
    border: 1px solid #e5e5e5;
    display: flex;
    font-size: 12px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #0b1325;
    margin-left: 5px;
    background-color: #f5f9fc;
}

/*.level2-t::before{
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #0b1325;
    vertical-align: middle;
    margin-right: 4px;
}*/

.level2-t.level1-t::before {
    display: none;
}

.level2-t {
    max-height: 40px;
}

.level2-t.cur {
    background: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    border: 1px solid #16284e;
    color: #16284e;
}

.level2-s span.level2-plus {
    border: 0;
}

.level2-s span.level2-plus {
    font-size: 0;
    background-color: transparent;
}

.level2-s span i.fas {
    font-size: 12px;
}

.manag-item ul {
    display: none;
}

.manag-item ul.cur {
    display: block;
}

.manag-item li {
    border-bottom: 1px solid #e5e5e5;
    line-height: 45px;
    height: 45px;
}

.manag-item li.cur {
    background-color: #f5f9fc;
}

.manag-r {
    /* width: 525px; */
    min-width: 540px;
    padding: 25px 40px;
    background-color: #fff;
    box-shadow: 0 0 6px 3px rgba(239, 242, 249, .5);
    margin-left: 10px;
}

.manag-input-item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.manag-input-item label {
    min-width: 100px;
    text-align: right;
    color: #676767;
    margin-right: 10px;
}

.manag-input {
    width: 350px;
    position: relative;
}

.manag-input i {
    position: absolute;
    right: 20px;
    top: 10px;
}

.manag-input select,
.manag-input input {
    width: 100%;
    height: 36px;
    border: 1px solid #e0e7f1;
    padding: 0 20px;
    border-radius: 3px;
    background: #f4f8fb;
}

.manag-input-item {
    margin-bottom: 15px;
}

.manag-input-item.juese {
    align-items: baseline;
}

.manag-radio-item {
    margin-bottom: 10px;
    color: #666;
}
.manag-radio-item.child{
    margin-left: 30px;
}

.manag-radio-item input {
    vertical-align: middle;
}

.manag-btn {
    width: 100%;
    margin-top: 40px;
    text-align: center;
}

.manag-btn button {
    border: 0;
    border-color: #e0e7f1;
    margin: 0 10px;
    width: 100px;
    cursor: pointer;
}

.manag-btn button.las {
    background-color: #102951;
}

.manag-btn button.del {
    background-color: #c71227;
}

.manag-btn button[disabled] {
    opacity: .5;
}

.manag-r.add-manag {
    box-shadow: none;
}

.cnt-basi-f.modify-radio {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 10px;
    align-items: center;
}

.cnt-basi-f.modify-radio label{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cnt-basi-f.modify-radio input[type="radio"],
.cnt-basi-f.modify-radio input[type="checkbox"] {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.btn-delete {
    cursor: pointer;
}

.cnt-basic-item .cnt-basic-i .cnt-textarea textarea {
    height: 96px;
    resize: auto;
    line-height: 30px;
    padding: 0 20px;
}

.cnt-basic-item .cnt-basic-i .cnt-basic-name.cnt-basic-textarea.cnt-basic-center {
    align-self: center;
}

.cnt-basi-details {
    height: 32px;
    width: 32px;
    border: 1px solid #e1e7f1;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    background: #f4f8fa;
    margin-left: 10px;
    border-radius: 5px;
}

#OrderLayer,
#DetLayer {
    max-width: 90%;
    margin: 0 auto;
    display: none;
    padding-top: 35px;
}

#OrderLayer .cnt-basic-item .cnt-basic-i .cnt-basic-name,
#DetLayer .cnt-basic-item .cnt-basic-i .cnt-basic-name {
    min-width: 120px;
}

#OrderLayer .cnt-basic-item .cnt-basic-i input,
#OrderLayer .cnt-basic-item .cnt-basic-i select,
#OrderLayer .cnt-basic-item .cnt-basic-i textarea,
#DetLayer .cnt-basic-item .cnt-basic-i input,
#DetLayer .cnt-basic-item .cnt-basic-i select,
#DetLayer .cnt-basic-item .cnt-basic-i textarea {
    width: 280px;
}

.zt {
    margin-left: 10px;
    width: 100px !important;
    text-align: center;
}

.yq {
    color: #f01818 !important;
}

.OrderLayer .layui-layer-btn .layui-layer-btn0 {
    background-color: #0f2950;
    color: #fff;
    border: 0;
    border-radius: 3px;
}

.OrderLayer .layui-layer-btn .layui-layer-btn1 {
    background-color: #97A2BE;
    color: #fff;
    border: 0;
    border-radius: 3px;
}

.del-payment {
    color: red;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    margin-left: 10px;
}

.OrderLayer .layui-layer-setwin {
    right: 38px;
    top: 36px;
}

.OrderLayer .layui-layer-setwin .layui-layer-ico {
    background: url(../images/close.png) no-repeat center !important;
}

.OrderLayer .layui-layer-title {
    padding: 0 !important;
}

.transfer-share {
    padding: 30px 25px;
    position: relative;
    height: 100%;
    display: none;
}

.transfer-btn {
    position: absolute;
    bottom: 30px;
    left: 25px;
    display: flex;
}

.cnt-label.btn-r {
    border: 1px solid #e5e5e5;
}

.cnt-transfer-share {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cnt-share-l {
    width: 290px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

.cnt-share-r {
    width: 290px;
}

.cnt-share-name {
    display: flex;
    flex-direction: row;
    min-height: 38px;
    flex-wrap: wrap;
    max-height: 300px;
    overflow: auto;
}

.share-name-item {
    background-color: #dee7f5;
    color: #0f2950;
    position: relative;
    margin-bottom: 6px;
    padding: 6px 36px 6px 20px;
    border-radius: 3px;
    margin-right: 10px;
}

.share-name-item i {
    font-style: normal;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 18px;
}

.cnt-share-title {
    line-height: 38px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

.cnt-user-all {
    margin-bottom: 10px;
}

.cnt-user-all label,
.cnt-user-item label {
    cursor: pointer;
}

.cnt-user-all input,
.cnt-user-item li input {
    vertical-align: middle;
    margin-right: 2px;
}

.cnt-user-item li {
    margin-bottom: 10px;
    margin-right: 12px;
}

.cnt-user-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 200px;
    overflow: auto;
}

.add-order-content {
    max-width: 98%;
    margin: 0 auto;
    padding: 35px 0 0 0;
}

.add-order-content .cnt-basic-item .cnt-basic-i select,
.add-order-content .cnt-basic-item .cnt-basic-i textarea,
.add-order-content .cnt-basic-item .cnt-basic-i input {
    width: 280px;
}

.add-order-content .cnt-basic-item .cnt-basic-i .cnt-basic-name {
    min-width: 120px;
}

.add-order-content .add-alert-item {
    margin: 0 auto;
    margin-top: 40px;
}

.add-btn .cnt-label {
    color: #fff;
}

.add-order-content .add-btn .cnt-label {
    background-color: #96a2be;
}

.add-order-content .add-btn .cnt-label.cur {
    background-color: #0f2950;
}

.order-table {
    margin-bottom: 0
}

.order-table.cnt-basic-list .cnt-basic-i {
    margin-bottom: 0
}

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

.achieve-details {
    width: 90%;
    padding: 10px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0 auto;
}

.achieve_thead {
    line-height: 28px;
    text-align: center;
}

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

.achieve-details thead.achieve_thead>tr>th {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #D1D0CE;
    color: #000;
    font-weight: normal;
}

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

.reciv-action {
    margin: 5px 0 5px 24px;
}

.add-receiv {
    width: 90px;
}

.high-seas {
    padding: 20px;
    display: none;
}

.high-t {
    margin-bottom: 10px;
}

.high-seas textarea {
    display: block;
    width: 100%;
    height: 150px;
    border: 1px solid #e1e7f1;
    background-color: #f4f8fa;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
    color: #333;
    font-family: Microsoft YaHei, PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, STHeitiSC-Light, simsun, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
}

.btn-cancel {
    background-color: #f4f8fa;
    color: #0f2950;
    border: 1px solid #e1e7f1;
    padding: 4px 10px;
    cursor: pointer;
    border-radius: 3px;
}

#btn-cancel {
    display: none;
}

.no_txt {
    content: '暂无数据';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    line-height: 50px;
    color: #ccc;
}

.check-audit a {
    display: block;
    text-align: center;
    background-color: #f4f8fa;
    max-width: 100px;
    margin: 0 auto;
    border-radius: 3px;
    line-height: 32px;
    border: 1px solid #e1e7f1;
    text-decoration: none;
}

.audit-waiting {
    color: #0f2950;
}

.audit-failure {
    color: #f22908;
}

.audit-successful {
    color: #15c04d;
}

.cnt-basic-item .cnt-basic-i input.btn-dow {
    width: 80px;
    margin-left: 10px;
    text-align: center;
}

.fill-in {
    position: relative;
}

.fill-in::after {
    content: "*";
    position: absolute;
    color: red;
    right: -10px;
}

.cnt-button {
    text-align: center;
    justify-content: center;
    padding-bottom: 20px;
}

.u_d_sort,
.u_d_time {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.u_d_sort span,
.u_d_time span {
    display: flex;
    flex-direction: column;
    color: #afb5c6;
}

.u_d_sort span i.fas.fa-caret-up,
.u_d_sort span i.fas.fa-caret-down,
.u_d_time span i.fas.fa-caret-up,
.u_d_time span i.fas.fa-caret-down {
    height: 7px;
    cursor: pointer;
    line-height: .5;
}

.u_d_sort span i.fas.fa-caret-up.cur,
.u_d_sort span i.fas.fa-caret-down.cur,
.u_d_time span i.fas.fa-caret-up.cur,
.u_d_time span i.fas.fa-caret-down.cur {
    color: #1c2d52;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0 16px;
}

table.dataTable thead .sorting {
    background-image: url(../images/sort_both.png);
}

table.dataTable thead .sorting_desc {
    background-image: url(../images/sort_desc.png);
}

table.dataTable thead .sorting_asc {
    background-image: url(../images/sort_asc.png);
}

.btn-editor {
    color: #4a9af5;
    cursor: pointer;
    margin-left: 5px;
}

.cnt-basi-f {
    position: relative;
}

.display-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.editor-check {
    overflow: hidden;
}

.editor-input {
    float: left;
}

.editor-list {
    max-height: 250px;
    overflow: auto;
}

.editor-list input[type='checkbox'] {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.editor-list .editor-item {
    margin-right: 10px;
    margin-bottom: 20px;
    cursor: pointer;
    float: left;
}

.cnt-editor-title {
    margin-bottom: 20px;
}

.editor-txt {
    display: inline-block;
    min-width: 95px;
    padding: 5px 10px;
    border: 1px solid #d2d7e0;
    background-color: #f5f9fc;
    margin-left: 5px;
    text-align: center;
}

.editor-addlength {
    position: relative;
}

.editor-txinput {
    width: 119px;
    padding: 5px 10px;
    height: 31px;
    background-color: #f5f9fc;
    border: 1px solid #d2d7e0;
}

.editor-addlength span {
    color: #de531b;
    cursor: pointer;
}

.new-btn {
    border: 1px solid #16284e;
    background-color: #fff;
}

.editor-transfer-btn {
    justify-content: space-between;
    width: calc(100% - 50px);
}

.btn-editor-cancel {
    background-color: #b4bed5;
    color: #fff;
}

.btn-editor-del {
    background-color: #de531b;
    color: #fff;
}

.tag-editor li {
    height: 30px;
    margin: 10px 0;
}

.tag-editor .tag-editor-tag,
.tag-editor .tag-editor-delete {
    background: none !important;
    line-height: 28px !important;
    border: 1px solid #d2d7e0;
    background-color: #f5f9fc !important;

}

.tag-editor .tag-editor-tag {
    padding: 0 10px !important;
    color: #333 !important;
    border-right: 0;
}

.tag-editor .tag-editor-delete {
    border-left: 0;
}

.tag-editor {
    padding: 10px !important;
    max-height: 230px;
    overflow: auto !important;
}

.sorting-icon {
    cursor: pointer;
}

.sorting-icon i {
    display: inline-block;
    width: 20px;
    height: 14px;
    vertical-align: middle;
    background: url(../images/sort_both.png) no-repeat right;
}

.sorting-icon.up i {
    background: url(../images/sort_asc.png) no-repeat right;
}

.sorting-icon.dow i {
    background: url(../images/sort_desc.png) no-repeat right;
}

.space-nowrap {
    overflow: hidden;
    /*超出的部分隐藏起来。*/
    white-space: nowrap;
    /*不显示的地方用省略号...代替*/
    text-overflow: ellipsis;
    /* 支持 IE */
}

.notification {
    position: absolute;
    width: 40px;
    height: 30px;
    top: 0;
    right: 0;
}

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

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

.v_middle {
    display: inline-block;
    vertical-align: middle;
}

.selected-other {
    display: inline-block;
    margin-left: 10px;
}

.selected-other input {
    width: 150px !important;
}

.cnt-basi-f.buyintent-select select {
    width: 165px !important;
}

.cnt-basic-f-table.receivs-payments {
    width: 70%;
}

.cnt-basic-f-table.receivs-payments td input {
    border: none;
    text-align: center;
    width: 100%;
}

.cnt-basic-f-table.receivs-payments th .btn-editor {
    display: inline;
}

.cnt-basic-f-table.receivs-payments td.select-td {
    position: relative;
}

.cnt-basic-f-table.receivs-payments td select {
    border: 1px solid #e1e7f1;
    background-color: #f4f8fa;
    height: 32px;
    border-radius: 5px;
    padding: 0 10px;
    display: block;
    width: 80%;
    margin: 0 auto;
}

.cnt-basic-f-table.receivs-payments td.select-td i {
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #0B2242;
}

.notice-editor-delete {
    display: flex;
    justify-content: end;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background: #fff;
    font-size: 0;
    height: 30px;
    padding: 5px 10px;
}

.notice-editor-delete a {
    display: black;
    height: 100%;
}

.notice-editor {
    margin-right: 10px;
}

.notice-editor,
.notice-delete {
    width: 15px;
    height: 15px;
    background: url("../images/editor.png") no-repeat;
    background-size: 30px 15px;
    cursor: pointer;
}

.notice-editor {
    background-position: -15px 0;
}

.notice-delete {
    background-position: 0 0;
}

.t-btn-search {
    display: flex;
    justify-content: space-between;
}

.search-r {
    display: flex;
}

.search-r input {
    background: #fff;
    border: 0;
    height: 40px;
    width: 310px;
    padding: 0 10px;
}

.search-r button {
    background: #16294d;
    color: #fff;
    width: 90px;
    font-weight: 300;
    font-size: 20px;
    cursor: pointer;
}

/*
    2022/11/10
    订单分析
*/

.contrast-date {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.contrast-margin {
    margin-bottom: 30px;
}

.contrast-input {
    position: relative;
}

.contrast-input>input {
    width: 130px;
    height: 30px;
    border: 1px solid #e6e9f0;
    padding: 0 15px;
}

.contrast-input>i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.contrast-text,
.date-checkbox {
    display: block;
    margin: 0 10px;
}

#contrast_1,
#contrast_2,
#contrast_3 {
    vertical-align: middle;
    margin-right: 5px;
}

.date-checkbox label {
    cursor: pointer;
}

.table-head {
    font-size: 12px;
}

.contrast-form {
    margin-bottom: 60px;
}

.contrast-chart-table {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.contrast-order {
    margin-bottom: 10px;
}

.contrast-order input {
    vertical-align: middle;
    display: inline-block;
    margin-left: 20px;
}

.contrast-order label {
    cursor: pointer;
    color: #0d2142;
}

#DateHead2,
#DateHead4 {
    display: none;
}

.class-table.table-head.table-employees {
    background-color: #fafbfc;
}

.class-table.table-head.table-employees>tbody>tr:last-child>td {
    border-bottom: 0;
}

.class-table.table-head.table-employees>tbody>tr>td:last-child {
    border-right: 0;
}

.table-more {
    display: inline-block;
    width: 14px;
    height: 14px;
    font-size: 0;
    background: url(../images/table_more.png) no-repeat 28px 14px;
    background-position: -1px 0;
    cursor: pointer;
    position: relative;
    top: -5px;
}

.table-more.cur {
    background-position: -14px 0;
}

.class-table.table-head.table-employees>tbody>tr>td {
    height: 50px;
}

.table-title td {
    font-weight: 600 !important;
}

tr.table-title+tr {
    display: none;
}

tr.table-title.cur+tr {
    display: contents !important;
}

.fas-total:hover{
    cursor: pointer;
}

.fas-total:hover + *{
    display: block;
}

.editText{
    display: none;
    font-size: 12px !important;
    margin-top: 10px;
}

.editText > span:last-child{
    color: goldenrod;
}

.total-list{
    display: none;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    right: -200px;
    top: 30px;
    z-index: 1;
    box-shadow: 0 0 5px 0 #bdbdbd;
    width: 200px;
}

.total-list > ul{
    display: flex;
    flex-flow: column nowrap;
}

.total-list > ul > li{
    display: flex;
    border-bottom: 1px solid #d8dce5;
}

.total-list > ul > li:last-child{
    border-bottom: 0;
}

.total-list > ul > li span{
    width: 50%;
    flex: 1 0 auto;
    padding: 5px 8px;
    font-size: 12px;
}

.total-list > ul > li span:first-child{
    text-align: center;
    border-right: 1px solid #d8dce5;
}

#order_year {
    margin-bottom: 20px;
}

.class-table.analysis-form-table {
    display: inline-table;
    margin-bottom: 20px;
}

.label-checkbox {
    display: none;
}

.years-form-chart {
    min-height: 500px;
}

.years-form-chart.statistics-chart{
    min-height: 250px;
}

.combox-box {
    width: 100%;
    display: block;
    height: 30px;
    border: 0;
    background: none;
    cursor: pointer;
    overflow: hidden;
    font-size: 14px;
    /* padding: 2px 4px; */
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
}

.combox-warpper {
    z-index: 101;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 14px;
    overflow: hidden;
}

.combox-warpper ul {
    height: 100%;
    box-sizing: border-box;
    background: #fafbfc;
}

.combox-warpper .search-check {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding: 0px 2px;
    border: 1px solid rgba(211, 223, 225, 1)
}

.combox-warpper.active {
    display: block;
}

.combox-warpper {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(220, 222, 228, 1);
    box-shadow: 0px 2px 4px rgba(0, 28, 41, 0.08);
    padding: 5px 0;
}

.combox-warpper li {
    cursor: pointer;
    clear: both;
    line-height: 22px;
    white-space: nowrap;
    padding: 2px 4px;
    padding-left: 8px;
    /* margin: 1px 0; */
}

.check-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    /* color: #4aaaf5; */
    vertical-align: 0;
    margin-right: 8px;
    background-color: #fff;
    font-size: 0;
    border: 1px solid #096ddd;
    position: relative;
}

.checked .check-icon::before {
    content: "\f14a";
    position: absolute;
    border-top: 1px solid #096ddd;
    width: 6px;
    top: 2px;
    left: -7px;
    transform: rotate(43deg);
}
.checked .check-icon::after {
    content: "\f14a";
    position: absolute;
    border-right: 1px solid #096ddd;
    height: 100%;
    transform: rotate(46deg);
    right: 1px;
    bottom: 1px;
}

.confirm-btn{
    background-color: #0F2950;
    color: #fff;
    border: 0;
    height: 30px;
    width: 50px;
    cursor: pointer;
}

.target-select.l_select{
    margin-left: 10px;
    border: 0;
}

.target-select-item.l_item{
    width: auto;
    margin-right: 10px;
    border-right: 0;
}

.input-readonly{
    background-color: #CCCCCC !important;
}
/*
2022-12-16
添加消息弹窗
*/

.personal-user.new-inform .personal-set{
    position: relative;
    margin-left: 5px;
    line-height: 50px;
}

.personal-user.new-inform .personal-set.cur::after{
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fe0000;
    right: 0px;
    top: 16px;
}

.cn-inform{
    background-color: #fff;
    position: absolute;
    bottom: 109.5%;
    right: 50%;
    line-height: normal;
    font-size: 14px;
    transform: translateX(47.9%);
    width: 250px;
    border-radius: 10px;
    box-shadow: 0 0 8px -5px #4385f4;
    padding-bottom: 10px;
    display: none;
}

.cn-inform::after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: linear-gradient(45deg, #fff, #fff 50%, transparent 50%, transparent 100%);
    transform: rotate(-45deg);
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
}

.inform-title{
    line-height: 40px;
    padding: 5px 20px;
    border-bottom: 1px solid #e6e9f0;
    color: #5c5e64;
}

.inform-title i{
    float: right;
    font-style: inherit;
    color: #666;
}

.inform-list{
    max-height: 360px;
    overflow: auto;
}

.inform-list li{
    position: relative;
    border-bottom: 1px dashed #e6e9f0;
    padding: 15px 30px;
    cursor: pointer;
}

.inform-list li a{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
}

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

.inform-list li:hover{
    color: #000;
    background-color: #f5f5f5;
}

.inform-list li::after{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 16px;
    top: 23px;
}

.inform-list li .item-inform-title{
    color: #5c5e64;
    margin-bottom: 10px;
}

.inform-list ul{
    overflow: hidden;
}

.inform-list li.succeed::after{
    background-color: #1db272;
}

.inform-list li.error::after{
    background-color: #f56e6c;
}

.inform-list li span{
    color: #d1d1d1;
    font-size: 12px;
}

.cnt .cnt-l{
    overflow: visible;
}

.no-message{
    text-align: center;
    color: #5c5e64;
    line-height: 100px;
}

.item-btn{
    margin-top: 20px;
    display: flex;
    place-content: center;
}

.item-btn > span{
    padding: 5px 10px;
    border-radius: 3px;
}

.inform-list li span.item-btn-confirm{
    background-color: #0f2950;
    color: #fff;
}

.inform-list li span.item-btn-cancel{
    background-color: #e6e9f0;
    color: #0f2950;
    margin-left: 10px;
}

#analysisMonthTbody tr{
    background-color: #fafbfd;
}

.img-tip{
    position: absolute;
    width: 600px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    top: 100%;
    display: none;
}

.icon-tips{
    cursor: pointer;
}

.icon-tips:hover + .img-tip{
    display: block;
}

.foot-link{
    height:3%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cnt-basic-item .cnt-basic-i textarea{
    height: 200px;
    width: 450px;
}
.cnt-operation{
    margin-top: 30px;
}
.star-rating {
    direction: rtl; /* 使星星从右到左排列 */
    font-size: 28px;
    unicode-bidi: bidi-override;
    display: inline-block;
  }
  .data-table .star-rating{
    font-size: 18px;
  }
  .star-rating input {
    display: none !important;
  }
  .star-rating label {
    color: #ccc !important; /* 未选中的星星颜色 */
    cursor: pointer !important;
    display: inline-block;
    width: 20px;
  }
  .data-table .star-rating label{
    width: 10px;
    cursor: default !important;
  }
  .star-rating input:checked ~ label {
    color: gold !important; /* 鼠标悬停或选中的星星颜色 */
  }
  .weekly-table{
    white-space: nowrap;
    overflow-y: auto;
    width: 100%;
    padding-bottom: 10px !important;
    margin-bottom: 20px;
  }

  .weekly-table th.weekly-th{
    width: 200px;
  }

  .weekly-table th.weekly-add{
    width: 100px;
  }

  .weekly-table th{
    width: 150px;
  }
  .weekly-cnt{
    max-height: 200px;
    width: 100%;
    overflow: auto;
    white-space: pre-wrap;
  }
  .weekly-table .class-table{
    white-space: normal;
  }
  .weekly-cnt.weekly-left{
    text-align: left;
  }
/*
  2024-06-03
  添加采购
*/
.monthly-data{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.quantitys{
    display: none;
}
.btn.btn-examine{
    background-color: #0f2950;
    margin-right: 0;
    border: 0;
}
.btn.btn-examine[disabled]{
    background-color: #999;
    cursor: default;
}
.examine-edit{
    display: block;
    margin-top: 3px;
}
.examine-edit svg{
    cursor: pointer;
}
#cost_detail{
    display: none;
}
.cnt-basic-item.cost-detail{
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}
.cnt-basic-item.cost-detail .cnt-basi-f input{
    width: 165px;
}
.annual-total{
    margin: 30px 0;
}
/* .collect-data{
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    min-width: 1460px;
} */
.collect-data .class-table-item{
   width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}

.class-table>thead>tr>th.collect-title{
    background-color: #fff;
    border-top: 1px solid #EFEFEF;
    font-weight: bold;
    font-size: 16px;
}
.class-table>thead>tr>th.collect-th{
    background-color: #fff;
    border-top: 1px solid #EFEFEF;
    text-overflow: ellipsis;
    overflow: hidden;
}
.class-table>tbody>tr>td{
    white-space: normal;
}
.cust-cnt-data.collect-data{
    min-width: 1200px;
}
.cust-cnt-data.collect-data .class-table > thead > tr > th{
    width: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px;
}
.btn-examine .layui-layer-btn1{
    background-color: red;
    color: #fff;
}
.hidde-text{
    height: auto;
    max-height: 46px;
    line-height: 24px;
    overflow: hidden;
}
.scrollable-table {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 500px;
}
.sticky-col {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #fff;
}
.sticky-header {
    position: sticky;
    top: 0;
    z-index: 3;
}
.chosen-container-single .chosen-single{
    background: none;
    border: 0;
    box-shadow: none;
}
.relat{
    position: relative;
}
.pur-absout{
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
}
.pur-type-down{
    right: 35px;
}
.pur-close{
    right: 7px;
    color: #e21010;
    z-index: 5;
    display: none;
}
.pur-date:hover .pur-close,
.pur-felx:hover .pur-close{
    display: block;
}
.pur-date input{
    cursor: pointer;
    padding-left: 30px !important;
    padding-right: 30px !important;
    border: 0 !important;
    text-align: center;
}
.pur-add{
    width: 21px;
    height: 21px;
    left: 6px;
    z-index: 3;
    right: inherit;
    background: url(../images/add.png) no-repeat center / 100%;
    cursor: pointer;
}
.pur-btn-add{
    position: absolute;
    left: -30px;
    width: 23px;
    height: 23px;
    background: url(../images/btnadd.png) no-repeat center /100%;
    cursor: pointer;
}
.pur-type{
    width: 70% !important;
}
.pur-type+.chosen-container-single .chosen-single span{
    margin-right: 20px !important;
}
.tsline {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 5px;
  }

  .tsline>.pointer {
    visibility: hidden;
  }

  .tsline:hover>.pointer {
    visibility: visible;
  }

  .total {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .service_tdd>.tsline,
  .service_tdd.total {
    border-bottom: 1px solid #efefef;
  }

  .service_tdd>.tsline:last-child,
  .service_tdd>.tsline.months:last-child,
  .service_tdd.total:last-child {
    border-bottom: none;
  }

  .service_tdd {
    vertical-align: baseline;
    min-height: 50px;
  }

  .service_tdd:not(:last-child)>.tsline {
    border-bottom: 1px solid #efefef;
  }

  .controls {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pointer {
    cursor: pointer;
  }

.el-input.is-disabled .el-input__inner{
    background-color: #f9f9f9;
}