@charset "UTF-8";
@font-face {
    font-family: "Sesblackbody";
    src: url("../../../fonts/siyuan.otf");
}

.banch-noborder {
    position: relative;
    overflow: hidden;
    line-height: 32px;
    margin-right: 5px;
    width: 55%;
}

.banch-noborder .select2 {
    width: calc(100% - 75px) !important;
}

.print-list ul li .form-left {
    width: 60%;
}

.print-list ul li .form-left .form-file-name {
    width: 320px;
}

.flow_tags {
    position: relative;
    overflow: hidden;
    padding: 10px;
    border: #ddd solid 1px;
    border-radius: 3px;
    overflow-y: auto;
}

.flow_tags .tags-item {
    border: #ddd solid 1px;
    border-radius: 2px;
    padding: 0 10px;
}

.flow_tags .tags-item span {
    padding: 0px;
}

.flow_tags .tags-item i {
    width: 16px;
    float: right;
}

.save_btn {
    background-color: #f5f5f5;
    position: relative;
    overflow: hidden;
    border: #ddd solid 1px;
    padding: 4.5px 5px;
    border-top: none;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.save_btn .saca-pull {
    width: calc(100% - 84px);
}

.save_btn .saca-pull input {
    width: 100%;
}

.process-nav {
    height: 50px;
}

.process-nav>div {
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    background: #d7d7d7;
}

.process-nav>div.process-nav-l {
    width: calc(50% - 10px);
    float: left;
}

.process-nav>div.process-nav-l:after {
    position: absolute;
    right: -25px;
    top: 0;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 25px solid #d7d7d7;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    z-index: 2;
}

.process-nav>div.process-nav-r {
    float: right;
    width: 50%;
}

.process-nav>div.process-nav-r:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 25px solid #fff;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
}

.process-nav>div.active {
    background-color: #5f9ea0;
    color: #fff;
}

.process-nav>div.active:after {
    border-left-color: #5f9ea0;
}

.node-tabs .nav-justified li {
    padding: 3px 5px;
}

.node-tabs .form-group {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    border: #efefef solid 1px;
    margin-top: 7px;
}

.col-md-12 #form-html {
    max-width: 968px;
}

.col-md-12 #print-html {
    max-width: 968px;
}

.up-username {
    float: right;
    color: #252525;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 26%;
    cursor: pointer;
}

#form-html .panel-list {
    padding: 0px;
    background: #ffffff;
    /* height: 50%; */
    position: relative;
    /* overflow: hidden; */
    overflow-y: auto;
    width: 100%;
    max-height: 205px;
}

#form-html .panel-list ul li {
    margin: 0 !important;
    padding: 15px 10px;
    border: #cfd2d4 solid 1px;
    border-bottom: none;
    position: relative;
    overflow: hidden;
}

#form-html .panel-list ul li:last-child {
    border-bottom: #cfd2d4 solid 1px;
}

#form-html .panel-list ul li .print_approval {
    width: 35%;
}

#form-html form table {
    background-color: rgba(0, 0, 0, 0);
}

#form-html form table tbody tr td .sign-box {
    position: relative;
    padding: 20px 0;
}

#form-html form table tbody tr td .signdetail-box {
    border-bottom: #f3f1f1 solid 1px;
}

#form-html form table tbody tr td .signRight-box {
    float: right;
    position: absolute;
    width: 150px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    right: 0;
}

#form-html form table tbody tr td .signRight-box textarea {
    border: none !important;
    resize: none !important;
    text-align: center !important;
}

#form-html form table tbody tr td .signRight-box a {
    display: block;
    border-left: #ddd solid 1px;
}

#form-html form table tbody tr td .signRight-imgBox {
    position: relative !important;
}

#form-html form table tbody tr td .signRight-imgBox img {
    height: 100%;
}

#form-html form table tbody tr td .signSingle-imgBox {
    position: relative !important;
}

#form-html form table tbody tr td .signSingle-imgBox img {
    height: 100%;
}

#form-html form table tbody tr td .myDicts {
    position: relative;
    z-index: 4;
    float: right;
}

#print-html .panel-list {
    padding: 0px;
    background: #ffffff;
    /* height: 50%; */
    position: relative;
    /* overflow: hidden; */
    overflow-y: auto;
    width: 100%;
    max-height: 205px;
}

#print-html .panel-list ul li {
    margin: 0 !important;
    padding: 15px 10px;
    border: #cfd2d4 solid 1px;
    border-bottom: none;
    position: relative;
    overflow: hidden;
}

#print-html .panel-list ul li:last-child {
    border-bottom: #cfd2d4 solid 1px;
}

#print-html .panel-list ul li .print_approval {
    width: 35%;
}

#print-html form table {
    background-color: rgba(0, 0, 0, 0);
}

#print-html form table tbody tr td .sign-box {
    position: relative;
    padding: 20px 0;
}

#print-html form table tbody tr td .signdetail-box {
    border-bottom: #f3f1f1 solid 1px;
}

#print-html form table tbody tr td .signRight-box {
    float: right;
    position: absolute;
    width: 150px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    right: 0;
}

#print-html form table tbody tr td .signRight-box textarea {
    border: none !important;
    resize: none !important;
    text-align: center !important;
}

#print-html form table tbody tr td .signRight-box a {
    display: block;
    border-left: #ddd solid 1px;
}

#print-html form table tbody tr td .signSingle-box {
    width: 150px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
}

#print-html form table tbody tr td .signRight-imgBox {
    position: relative !important;
}

#print-html form table tbody tr td .signRight-imgBox img {
    height: 100%;
}

#print-html form table tbody tr td .myDicts {
    position: relative;
    z-index: 4;
    float: right;
}

.table-form tbody tr td {
    border: #cfd2d4 solid 1px;
}

.table-form th {
    position: relative;
}

#form-html>div:first-child {
    position: relative;
    overflow: hidden;
    padding: 30px 57px;
    padding-top: 0;
    background: url(../../../Images/form-bkg.png) no-repeat top;
}

#print-html>div:first-child {
    position: relative;
    overflow: hidden;
    padding: 30px 57px;
    padding-top: 0;
    background: url(../../../Images/form-bkg.png) no-repeat top;
}

#form-html>form>div:first-child {
    position: relative;
    overflow: hidden;
    padding: 30px 57px;
    padding-top: 0;
    background: url(../../../Images/form-bkg.png) no-repeat top;
}

#print-html>form>div:first-child {
    position: relative;
    overflow: hidden;
    padding: 30px 57px;
    padding-top: 0;
    background: url(../../../Images/form-bkg.png) no-repeat top;
}

#form-html {
    width: 864px;
    background-color: #ffffff;
    margin: 10px auto;
}

#form-html .sk-table-form i {
    cursor: pointer;
}

#form-html div>table:first-child {
    height: 90px;
    border-bottom: 1px #cbe0ef solid;
    border-collapse: inherit;
    position: relative;
}

#form-html div>table:first-child::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: #aacde6;
    bottom: 3px;
    left: 0;
}

#form-html div>table:first-child h2 {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}

#form-html div>table:first-child tr td,
#form-html div>table:first-child tr th {
    padding: 8px 6px;
}

#form-html div>table:first-child tr td:nth-child(1),
#form-html div>table:first-child tr th:nth-child(1) {
    width: 20%;
    position: relative;
}

#form-html div>table:first-child tr td:nth-child(1) img,
#form-html div>table:first-child tr th:nth-child(1) img {
    position: absolute;
    bottom: 16px;
    top: 22px;
}

#form-html div>table:first-child tr td:nth-child(2),
#form-html div>table:first-child tr th:nth-child(2) {
    width: 45%;
    float: right;
    margin-top: 45px;
    color: #1482d2;
    font-size: 20px;
    text-align: right;
}

#form-html div>table:first-child tr td:nth-child(3),
#form-html div>table:first-child tr th:nth-child(3) {
    width: 20%;
    text-align: right;
    white-space: nowrap;
}

#form-html div>table:first-child tr td:nth-child(3) span,
#form-html div>table:first-child tr th:nth-child(3) span {
    font-size: 18px;
    font-weight: bold;
    color: #ff9900;
}

#form-html .form-title tbody tr th {
    padding-top: 48px;
    padding-bottom: 0px;
    background-color: rgba(0, 0, 0, 0);
    border: none !important;
}

#form-html div>table {
    width: 100%;
    margin: 0 auto;
}

#form-html div>table h2 {
    text-align: center;
    color: #005fa3;
    font-size: 32px;
    font-family: "Sesblackbody";
    letter-spacing: 3px;
}

#form-html div>table th {
    background-clip: padding-box;
    position: relative;
    color: #bbc4d3;
    font-size: 14px;
    white-space: normal;
    padding: 0px 10px;
    text-align: left;
}

#form-html div>table th i {
    color: #ec1b1b;
    margin-right: 3px;
}

#form-html div>table td {
    background-clip: padding-box;
}

#form-html div>table td>input:first-child {
    margin: 0;
}

#form-html div>table td input {
    margin-left: 10px;
}

#form-html div>table td label:first-child input {
    margin-left: 0;
}

#form-html .highlight {
    background-color: #ffffcc !important;
}

#form-html h4 {
    text-align: left;
    display: block;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 30px;
    position: relative;
    color: #25538c;
    font-weight: bold;
}

#form-html h4:before {
    position: absolute;
    content: " ";
    left: 0;
    top: 34px;
    height: 10px;
    width: 10px;
    background-color: #006dbc;
}

#form-html input[type=text],
#form-html input[type=password],
#form-html input[type=date],
#form-html select,
#form-html textarea {
    line-height: 30px;
    padding: 0 5px;
    width: 100%;
    height: 30px;
    border: 1px solid #ddd;
    transition: all 0.15s;
    border-radius: 3px;
}

#form-html input[type=text]:focus,
#form-html input[type=password]:focus,
#form-html input[type=date]:focus,
#form-html select:focus,
#form-html textarea:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

#form-html input[type=radio],
#form-html input[type=checkbox] {
    margin-right: 5px;
}

#form-html .sheet-signatur {
    width: 150px;
    height: 100px;
    border-left: #ddd solid 1px;
}

#form-html .sheet-signatur img {
    width: 120px;
    height: 60px;
}

#form-html .sheet-signatur .date {
    text-align: right;
    margin-top: 5px;
}

#form-html .sheet-signsingle {
    width: 150px;
    height: 100px;
}

#form-html .sheet-signsingle img {
    width: 120px;
    height: 60px;
}

#form-html .sheet-signsingle .date {
    text-align: right;
    margin-top: 5px;
}

#form-html .table tr .signLeft {
    text-align: left;
}

#form-html .table tr .signRight {
    text-align: right;
    margin-bottom: 5px;
}

#print-html {
    width: 864px;
    background-color: #ffffff;
    margin: 10px auto;
}

#print-html .sk-table-form i {
    cursor: pointer;
}

#print-html div>table:first-child {
    height: 90px;
    border-bottom: 1px #cbe0ef solid;
    border-collapse: inherit;
    position: relative;
}

#print-html div>table:first-child::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: #aacde6;
    bottom: 3px;
    left: 0;
}

#print-html div>table:first-child h2 {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}

#print-html div>table:first-child tr td,
#print-html div>table:first-child tr th {
    padding: 8px 6px;
}

#print-html div>table:first-child tr td:nth-child(1),
#print-html div>table:first-child tr th:nth-child(1) {
    width: 20%;
    position: relative;
}

#print-html div>table:first-child tr td:nth-child(1) img,
#print-html div>table:first-child tr th:nth-child(1) img {
    position: absolute;
    bottom: 16px;
    top: 22px;
}

#print-html div>table:first-child tr td:nth-child(2),
#print-html div>table:first-child tr th:nth-child(2) {
    margin-top: 45px;
    color: #1482d2;
    font-size: 20px;
    text-align: right;
}

#print-html div>table:first-child tr td:nth-child(3),
#print-html div>table:first-child tr th:nth-child(3) {
    width: 20%;
    text-align: right;
    white-space: nowrap;
}

#print-html div>table:first-child tr td:nth-child(3) span,
#print-html div>table:first-child tr th:nth-child(3) span {
    font-size: 18px;
    font-weight: bold;
    color: #ff9900;
}

#print-html .form-title tbody tr th {
    padding-top: 48px;
    padding-bottom: 0px;
    background-color: rgba(0, 0, 0, 0);
    border: none !important;
}

#print-html div>table {
    width: 100%;
    margin: 0 auto;
}

#print-html div>table h2 {
    text-align: center;
    color: #005fa3;
    font-size: 32px;
    font-family: "Sesblackbody";
    letter-spacing: 3px;
}

#print-html div>table th {
    background-clip: padding-box;
    position: relative;
    color: #bbc4d3;
    font-size: 14px;
    white-space: nowrap;
    padding: 0px 10px;
    text-align: left;
}

#print-html div>table th i {
    color: #ec1b1b;
    margin-right: 3px;
}

#print-html div>table td {
    background-clip: padding-box;
    position: relative;
}

#print-html div>table td>input:first-child {
    margin: 0;
}

#print-html div>table td input {
    margin-left: 10px;
}

#print-html div>table td label:first-child input {
    margin-left: 0;
}

#print-html .highlight {
    background-color: #ffffcc !important;
}

#print-html h4 {
    text-align: left;
    display: block;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 30px;
    position: relative;
    color: #25538c;
    font-weight: bold;
}

#print-html h4:before {
    position: absolute;
    content: " ";
    left: 0;
    top: 34px;
    height: 10px;
    width: 10px;
    background-color: #006dbc;
}

#print-html input[type=text],
#print-html input[type=password],
#print-html input[type=date],
#print-html select,
#print-html textarea {
    line-height: 30px;
    padding: 0 5px;
    width: 100%;
    height: 30px;
    border: 1px solid #ddd;
    transition: all 0.15s;
    border-radius: 3px;
}

#print-html input[type=text]:focus,
#print-html input[type=password]:focus,
#print-html input[type=date]:focus,
#print-html select:focus,
#print-html textarea:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

#print-html input[type=radio],
#print-html input[type=checkbox] {
    margin-right: 5px;
}

#print-html .sheet-signatur {
    width: 150px;
    height: 100px;
    border-left: #ddd solid 1px;
}

#print-html .sheet-signatur img {
    width: 120px;
    height: 60px;
}

#print-html .sheet-signatur .date {
    text-align: right;
    margin-top: 5px;
}

#print-html .table tr .signLeft {
    text-align: left;
}

#print-html .table tr .signRight {
    text-align: right;
    margin-bottom: 5px;
}

.process-list-head {
    line-height: 36px;
}

.process-list-icon {
    height: 70px;
    width: 70px;
    color: #666;
    background-color: #f2f2f2;
    position: relative;
    overflow: hidden;
}

.process-list {
    padding: 10px;
    border-radius: 6px;
}

.process-list-right {
    padding-left: 10px;
}

.process-list-title {
    margin-bottom: 6px;
}

.process-list-btns button {
    border-radius: 3px;
}

.process-list-info span {
    font-size: 12px;
}

.process-user-selected {
    border-radius: 6px;
    padding: 10px;
}

.add-flow {
    position: absolute;
    right: 0;
    display: none;
    color: #000000;
}

.pointer:hover {
    color: #00b9d5;
}

.pointer:hover .icon-group {
    opacity: 1 !important;
    visibility: visible !important;
}

.first-flow {
    position: relative;
}

.first-flow .flow-icon {
    display: block;
    float: left;
    margin: 13px 0px;
    padding: 0px 4px;
    font-weight: bold;
    width: 20px;
}

.first-flow ul li {
    float: left;
    position: relative;
}

.first-flow ul li:hover .add-flow {
    display: block;
    color: #000000;
}

.first-flow ul li .add-flow {
    position: absolute;
    right: -10px;
    top: -13px;
    color: #2f5fe4;
}

.first-flow ul li .flow-box {
    float: left;
    position: relative;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    color: #333;
}

.first-flow ul li .flow-box .add-flow {
    position: absolute;
    right: -10px;
    top: -13px;
    color: #2f5fe4;
}

.first-flow ul li .flow-box span {
    position: relative;
    overflow: hidden;
    padding: 0 8px;
    line-height: 40px;
}

.first-flow ul li .flow-box span .icon-group {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -28px;
    left: 0;
    width: 60px;
}

.first-flow ul li .flow-box .left-barcket {
    position: relative;
    display: inline-block;
    font-style: normal;
}

.first-flow ul li .flow-box .left-barcket::after {
    content: "(";
}

.first-flow ul li .flow-box .right-barcket {
    position: relative;
    display: inline-block;
    font-style: normal;
    margin: 0 5px;
}

.first-flow ul li .flow-box .right-barcket::after {
    content: ")";
}

.pr-more-users-top>div {
    cursor: pointer;
}

.pr-more-users-top>div.active {
    background-color: #5f9ea0;
    color: #fff;
}

.flow-tub .form-group .imgupload-box .imgupload-list {
    padding: 15px 0px !important;
    padding-right: 10px;
}

.flow-table tr {
    border-bottom: solid 1px #eee;
    background: #f4f7fb;
}

.flow-table tr:last-child {
    border-bottom: none;
}

.flow-edit-con {
    border-radius: 5px;
    border: #e5e5e5 solid 1px;
    height: 50px;
    margin-top: 10px;
    line-height: 50px;
    padding: 0 10px;
}

.wjz-txt {
    position: relative;
    overflow: hidden;
    width: 90%;
}

.wjz-txt div {
    position: relative;
    overflow: hidden;
    float: left;
    width: 42%;
    line-height: 46px;
}

.wjz-txt-btn {
    position: absolute;
    right: 22px;
    top: 9px;
    width: 56px;
}

.wjz-txt-btn button {
    width: 100%;
    text-align: center;
}

.sava-box {
    color: #555;
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px;
    position: relative;
    overflow: hidden;
}

.sava-box ul li {
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: default;
    float: left;
    padding: 0 5px;
}

.flowdesign-content {
    position: relative;
    background: #fff;
}

.flowdesign-content ul {
    padding: 0 5px;
}

.flowdesign-content .col-md-12 .process-list-head {
    padding: 15px 10px 5px;
    font-size: 16px;
    color: #000000;
    border-bottom: 1px #1c7bc7 solid;
    height: auto;
}

.block-table:hover {
    box-shadow: 2px 2px 2px #d0d0d0;
}

.flow-bkg {
    position: relative;
    height: 100%;
    background: #fff;
}

div.mini-layout {
    position: relative;
    width: 100%;
    height: calc(100vh - 195px);
    min-height: 400px;
    overflow: auto;
    background-color: #ffffff;
}

.flowprocess-form .panel {
    border: #efefef solid 1px !important;
    border-radius: 3px !important;
}

.em-dian-icon {
    font-size: 38px;
    position: absolute;
    left: -15px;
    top: -2px;
}

.flowpro-table table tr td {
    height: 40px !important;
}

.thelist li {
    position: relative;
}

.thelist li a {
    width: 80%;
    display: inline-block;
    padding-right: 25px;
}

.thelist li em {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.thelist>li>a>span {
    display: inline-block;
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.process-step {
    background-color: #e6efff;
    border: 1px #75a8fe solid;
    padding: 5px 20px;
    border-radius: 5px;
    width: auto;
    color: #4483eb;
    white-space: nowrap;
    vertical-align: middle;
}

#flowdesign_canvas .active {
    background: #ffffcc !important;
}

#flowdesign_canvas .unactive {
    background: #e6e6e6 !important;
}

.process-step span {
    width: 20px;
    height: 20px;
    line-height: 17px;
    display: inline-block;
}

.process-step span i {
    line-height: 1;
}

@keyframes shadow {
    from {
        box-shadow: 0 1px 1px 0 rgba(139, 163, 206, 0.1);
    }
    to {
        box-shadow: 0 3px 10px 0 rgba(139, 163, 206, 0.5);
    }
}

.process-step:hover {
    animation: shadow 1s infinite alternate;
}

.aLabel {
    color: #4483eb;
    border: 1px #ebf0f8 solid;
    background-color: #f8fafe;
    opacity: 0.8;
    padding: 0 5px;
    height: auto;
    white-space: nowrap;
}

.flow-a1 {
    color: #333;
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flow-a2 {
    margin-top: 2px;
}

.flow-li {
    float: left;
    padding: 10px 5px;
    min-width: 370px;
}

.block-table-left {
    padding: 0;
    padding-right: 10px;
}

.process-list-btns>* {
    margin-left: 5px;
}

.process-list-btns>*:first-child {
    margin-left: 0px;
}

@media (max-width: 1366px) {
    .process-list-icon {
        height: 50px;
        width: 50px;
        color: #666;
        background-color: #f2f2f2;
        position: relative;
        overflow: hidden;
    }
    .process-list-btns .btn {
        transition: all 0.2s;
        padding: 3px 10px;
        font-size: 12px;
    }
    .flow-li {
        float: left;
        padding: 10px 5px;
        min-width: 340px;
    }
    .process-list-title {
        margin-bottom: 3px;
    }
    .ent_right ul li .pull-left i {
        font-size: 60px;
        display: block;
        height: 40px;
        width: 60px;
        line-height: 40px;
        margin: 37px 0;
        margin-left: 15px;
        text-align: center;
    }
}

.reco-normal {
    color: #333;
    background: #fff;
    border: #ddd solid 1px;
}

.form-th {
    background-color: #fbfbfb;
    text-align: center !important;
}

.form-th i {
    color: #eb0b0b;
    display: inline-block;
    margin-right: 5px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
}

.appr-form-down {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 0;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: #2576b1 solid 1px;
    text-align: center;
    border-radius: 3px;
    background-color: #f2f6fd;
    text-decoration: none;
    color: #006dbc;
}

.flow-bark-box {
    position: relative;
    display: inline-block;
}

.businessEdit_box {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    width: 100%;
}

.cmp_bottom_none {
    border-bottom: none !important;
}

.businessEdit_box .panel {
    border: 1px solid transparent;
}

.businessEdit_box .panel-body {
    position: relative;
    overflow: hidden;
}

.businessEdit_box .modal .mgtable {
    border: none;
}

.approval-form-box {
    position: relative;
    overflow: hidden;
    max-width: 968px;
    width: 864px;
    margin: 0 auto;
}

.approval-form-box table {
    background: none;
    max-width: none;
    z-index: 1;
    position: initial !important;
}

.approval-form-box table .tab-title td {
    position: relative !important;
}

.approval-form-box table th,
.approval-form-box table td {
    padding: 6px;
    white-space: normal;
    text-overflow: ellipsis;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
    line-height: 1.42857143;
}

.flowform_tab {
    display: block;
    margin: 10px;
}

.flowform_tab .tabs-box .nav .swiper-wrapper .swiper-slide {
    text-align: center;
}

.flowform_tab .tabs-box .nav .swiper-wrapper .active {
    background-color: #2e68aa;
}

.flowform_tab .tabs-box .nav .swiper-wrapper div {
    background-color: #eee;
}

.flowform_tab .tabs-box .nav .swiper-wrapper div:first-child {
    border-radius: 15px 0 0 15px;
    border-left-color: #ddd;
}

.flowform_tab .tabs-box .nav .swiper-wrapper div:last-child {
    border-radius: 0 15px 15px 0;
}

.flowform_two .tabs-box .nav .swiper-wrapper .swiper-slide {
    width: 50%;
}

.flowform_three .tabs-box .nav .swiper-wrapper .swiper-slide {
    width: 33.3333333333%;
}

.form-new-input .ant-calendar-picker {
    width: 100% !important;
}

.draggable-table .ant-table-small>.ant-table-content .ant-table-row:last-child td {
    border-bottom: 1px solid #e8e8e8;
}

.ngx-dnd-container {
    background-color: rgba(255, 255, 255, 0.2);
    border: 2px solid red;
    margin: 10px;
    padding: 10px;
}

.ngx-dnd-container.gu-empty {
    border: 2px dotted red;
}

.ngx-dnd-container:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.2);
}

.ngx-dnd-container .ex-moved {
    background-color: #e74c3c;
}

.ngx-dnd-container .ex-over {
    background-color: rgba(255, 255, 255, 0.3);
}

.ngx-dnd-container .handle {
    padding: 0 5px;
    margin-right: 5px;
    background-color: rgba(0, 0, 0, 0.4);
    cursor: move;
}

.no-select {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
    user-select: none;
    /* non-prefixed version, currently
                                  not supported by any browser */
}

.clearfix::after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.ngx-dnd-box,
.ngx-dnd-item {
    margin: 10px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    transition: opacity 0.4s ease-in-out;
    border: 1px solid lightblue;
    display: block;
}

.ngx-dnd-box:not(.has-handle):not(.move-disabled),
.ngx-dnd-box.has-handle [ngxdraghandle],
.ngx-dnd-box.has-handle [ngxDragHandle],
.ngx-dnd-item:not(.has-handle):not(.move-disabled),
.ngx-dnd-item.has-handle [ngxdraghandle],
.ngx-dnd-item.has-handle [ngxDragHandle] {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.ngx-dnd-box .ngx-dnd-content,
.ngx-dnd-item .ngx-dnd-content {
    user-select: none;
}

.ngx-dnd-box:hover,
.ngx-dnd-item:hover {
    border: 1px solid blue;
}

.ngx-dnd-box {
    height: 40px;
    width: 40px;
    line-height: 20px;
    text-align: center;
    float: left;
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.gu-hide {
    display: none !important;
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.gu-transit {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}

.filter-box .query {
    border: none;
    margin-top: -15px;
}


/*高级查询应用模块*/


/*基础模糊查询*/

.query-content {
    position: relative;
    overflow-y: auto;
    height: calc(100% - 77px);
}

.query-head-box {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08);
    position: relative;
    border: #e3e6eb solid 1px;
    background-color: #fff;
    margin: 10px;
}

.query-head-box .filter-state {
    display: none;
}

.query-head-box .query-title {
    position: relative;
    overflow: hidden;
    margin: 0 25px;
    border-bottom: #e5e6e5 solid 1px;
}

.query-head-box .query-title .pull-left {
    padding: 20px 0;
    font-size: 18px;
    color: #333333;
}

.query-head-box .query-title .pull-right {
    padding: 15px 0;
}

.query-head-box .filter-box {
    box-shadow: inherit;
    border: none;
    margin: 0;
}

.customerQuery-box {
    position: relative;
    overflow: hidden;
    margin: 0 15px;
    border-bottom: #e5e6e5 solid 1px;
    padding: 10px;
}

.customerQuery-box .query-left {
    color: #8896a1;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
}

.customerQuery-box .input-group {
    width: 650px;
}

.customerQuery-box .input-group input {
    height: 40px;
}

.customerQuery-box .input-group span {
    height: 33px;
    width: 70px !important;
    padding: 0px !important;
    border-left: none;
    text-align: center;
    line-height: 30px;
}

.customerQuery-box .input-group span button {
    border: none;
    width: 100%;
    height: 40px;
}

.customerQuery-box .input-group span button i {
    font-size: 25px;
}

.customerQuery-box p {
    width: 650px;
    text-align: left;
    margin: 0 auto;
    font-size: 14px;
}

.customerQuery-box p a {
    margin: 0 5px;
}

.search-icon {
    margin-top: 5px;
    font-size: 12px;
}

.search-icon .on {
    color: #006dbc;
}

.search-icon a {
    margin-right: 15px;
    color: #333;
}

.search-icon a:hover {
    color: #006dbc;
}

.filter-box .query {
    border: none;
    margin-top: -15px;
}

.query-multiple .query-list .form-group {
    margin-bottom: 0 !important;
    padding: 5px 0;
}

.query-multiple .query-list .form-group label.label-name {
    margin-top: 6px;
    text-align: left;
}

.ipark-box .ipark-box-title .pull-left {
    width: calc(100% - 125px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ipark-box .ipark-box-title .pull-right .query-span {
    display: inline-block;
    width: 120px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 3px;
}

.query-head {
    position: relative;
    padding: 10px 10px 0;
}

.query-head .pull-left {
    line-height: 30px;
    padding: 0 5px;
}

.search-title {
    position: absolute;
    height: 125px;
    width: 55px;
    top: 10px;
    bottom: 10px;
    word-wrap: break-word;
    padding: 26px 17px 17px;
    left: 25px;
    text-align: center;
    font-size: 20px;
}

.advQuery-row-drow .advQuery-table {
    display: none;
}

.advQuery-table {
    display: block;
    margin-bottom: 10px;
}

.advQuery-head {
    position: relative;
    padding: 10px 25px;
    background-color: #ffffff;
}

.advQuery-head .advQuery-btn {
    position: relative;
    overflow: hidden;
}

.advQuery-head .advQuery-head-down {
    z-index: 10;
}

.sustomeSwiper .adv-box {
    margin-right: 10px;
    height: 125px;
    width: 209px;
    position: relative;
    overflow: hidden;
    background-color: #fbfbfb;
    border: #b3b3b3 solid 1px;
    float: left;
    cursor: pointer;
}

.sustomeSwiper .adv-box:hover .slide-title .rubbish-box {
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    background-color: #000000;
    color: #ffffff;
    top: 0;
    right: 0;
}

.sustomeSwiper .adv-box:hover .slide-title .rubbish-box i {
    color: #ffffff !important;
}

.active .slide-title {
    background-color: #eff5f7;
    color: #000000;
}

.active .slide-title .adv-icon {
    margin-top: 0;
    display: inline-block;
    position: absolute;
    left: 10px;
}

.active .slide-content {
    background-color: #fff;
    color: #000000;
    text-align: center;
}

.active .slide-content em {
    color: #006cbd;
}

.slide-title {
    position: relative;
    overflow: hidden;
    height: 47px;
    line-height: 47px;
    font-size: 14px;
    background-color: #eeeeee;
    color: #333;
    border-bottom: #b3b3b3 solid 1px;
    text-align: center;
}

.slide-title .adv-icon {
    margin: 0 5px;
    font-size: 20px;
    color: #4bae4f;
    display: none;
}

.slide-content {
    position: relative;
    overflow: hidden;
    text-align: center;
    height: 76px;
    line-height: 76px;
    color: #999999;
}

.slide-content em {
    color: #999999;
    font-size: 28px;
    margin-right: 5px;
}

.slide-content button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.slide-content:hover button {
    display: block;
}

.hd {
    position: absolute;
    right: 3px;
    top: -2px;
}

.hd ul li {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: #9f9f9f;
    color: #fff;
    line-height: 18px;
    text-align: center;
    margin-right: 2px;
    border-radius: 3px;
    height: 60px;
}

.hd ul li:hover {
    background-color: #006dbc;
}

.hd ul .on {
    background-color: #006dbc;
}

.prev {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    display: block;
    width: 40px;
    height: 40px;
}

.prev i {
    font-size: 38px;
    font-weight: bold;
    color: #b9b9b9;
}

.next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    display: block;
    width: 40px;
    height: 40px;
    right: 0;
    background-position: 8px 5px;
}

.next i {
    font-size: 38px;
    font-weight: bold;
    color: #b9b9b9;
}

.exp-title {
    position: relative;
    overflow: hidden;
    border-bottom: #ddd solid 1px;
}

.exp-title ul li {
    float: left;
    position: relative;
    overflow: hidden;
    width: 11.1111111111%;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    border-right: #ddd solid 1px;
    cursor: pointer;
}

.exp-title ul li:last-child {
    border-right: none;
}

.exp-title ul li:hover {
    color: #fff;
    background-color: #2e68aa;
}

.exp-title ul .active {
    color: #fff;
    background-color: #2e68aa;
}

.exp_box {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 10px;
    height: 100%;
}

.exp_box ul li {
    position: relative;
    overflow: hidden;
    width: 16.6666666667%;
    text-align: left;
    float: left;
    padding: 0 5px;
}

.customer-footer-btn button {
    display: none;
}

.customer-footer-btn .active {
    display: inline-block;
}

.exp-content {
    background-color: #fff;
    border: #ddd solid 1px;
}

.exp-heading {
    position: relative;
    overflow: hidden;
    padding: 10px 10px 10px 25px;
}

.exp-heading::after {
    content: "";
    position: absolute;
    left: 11px;
    height: 50%;
    width: 6px;
    background-color: #2e68aa;
    top: 10px;
}

.cus-exText {
    border: #ddd solid 1px;
    background-color: #fbfbfb;
    padding: 10px;
    border-radius: 3px;
}

.cus-exText .clearfix .pull-left {
    color: #000000;
    font-size: 15px;
}

.clearfix-exp {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.clearfix-exp .pointer em {
    background-color: #fff;
    border: #ddd solid 1px;
    color: #797979;
}

.clearfix-exp .pointer em:hover {
    background-color: #f1f0f0;
}

.form-gruop-time {
    width: calc(100% - 95px);
    position: relative;
    overflow: hidden;
    max-width: 315px;
}

.form-gruop-time input {
    width: 45% !important;
}

.park-box-table table {
    table-layout: fixed;
}

.park-box-table table tr td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.park-box-table table tr td a {
    display: inline-block;
    color: #666;
    background-color: #f0f0f2;
    padding: 0 5px;
    border-radius: 3px;
    border: #efefef solid 1px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
}

.search_hide_box i {
    border-color: #888 transparent transparent transparent !important;
    border-width: 5px 4px 0 4px !important;
}

.search_box i {
    position: absolute;
    right: 10px;
    border-color: transparent transparent #888 transparent;
    border-style: solid;
    border-width: 0 4px 5px 4px;
    height: 0;
    margin-left: -4px;
    margin-top: -2px;
    top: 50%;
    width: 0;
    font-weight: 700;
}

.search_box input[disabled] {
    cursor: pointer;
    background-color: #fff;
    padding-right: 20px;
}

.query_search_select {
    position: relative;
    width: 300px;
    float: left;
    margin-bottom: 10px;
}

.input_btn_down {
    height: 30px;
    position: relative;
    overflow: hidden;
    border: #ddd solid 1px;
}

.search_menu {
    max-height: 500px;
    width: 100%;
    overflow-y: auto;
    z-index: 999;
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    float: left;
    min-width: 10pc;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 9pt rgba(0, 0, 0, 0.175);
}

.search_menu .query_search_input {
    position: relative;
    overflow: hidden;
    padding: 5px;
}

.query_icon {
    float: right;
    margin-top: 15px;
    margin-right: 15px;
    position: relative;
    z-index: 99999;
    cursor: pointer;
    color: #666;
}

.nput_btn_down {
    position: relative;
    overflow: hidden;
    height: 20px;
    border: #ddd solid 1px;
}

.search-list {
    position: relative;
    overflow: hidden;
    max-height: 350px;
    overflow-y: auto;
}

.search-list ul .on {
    background-color: #e7f3fd;
}

.search-list ul li {
    position: relative;
    overflow: hidden;
}

.search-list ul li a {
    padding: 10px;
    color: #333;
    display: block;
    width: calc(100% - 35px);
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-list ul li:hover {
    background-color: #e7f3fd;
}

.search_notice {
    position: relative;
    overflow: hidden;
    color: #666;
    line-height: 30px;
    margin: 0 10px;
}

.search_notice i {
    margin-right: 5px;
    color: #ffad33;
}

.a_icon {
    display: inline-block;
}

.meeting-state {
    position: absolute;
    width: 60px;
    color: #fff;
    background-color: #ff9900;
    right: 0;
    top: 0;
    text-align: center;
    padding: 5px 0;
}

.meeting-state.active {
    background-color: #ccc !important;
}

.roomres-iconfont {
    position: relative;
    overflow: hidden;
}

.roomres-iconfont em {
    display: block;
    height: 20px;
    line-height: 19px;
    float: left;
    padding: 0 5px;
    border: #95bce8 solid 1px;
    border-radius: 3px;
    text-align: center;
    color: #95bce8;
    margin: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
}

.meeting_box {
    position: relative;
    border: #eee solid 1px;
    background-color: #fff;
    margin: 5px;
    height: 208px;
    transition: box-shadow 0.2s;
}

.meeting_box:hover {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}

.meeting_box:hover .meeting_head {
    position: relative;
    overflow: hidden;
}

.meeting_box:hover .meeting_head .pull-right {
    display: block;
}

.meeting_box:hover .meeting_head .pull-right a {
    margin: 0 3px;
}

.meeting_box:hover .meeting_content .meeting_img span {
    display: block !important;
}

.meeting_box .meeting_head {
    position: relative;
    overflow: hidden;
    border-bottom: #eee solid 1px;
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
}

.meeting_box .meeting_head .pull-right {
    display: none;
}

.meeting_box .meeting_head h2 {
    float: left;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 210px);
    font-weight: bold;
    line-height: 45px;
}

.meeting_box .meeting_head em {
    color: #f09319;
    font-size: 14px;
    float: left;
}

.meeting_box .meeting_head span {
    float: left;
    display: block;
    padding: 0 5px;
    background-color: #e2c462;
    border-radius: 3px;
    color: #fff;
}

.meeting_box .meeting_head .pull-right i {
    margin-left: 10px;
}

.meeting_box .meeting_content {
    position: relative;
    padding: 10px;
    height: 160px;
}

.meeting_box .meeting_content .meeting_img {
    position: relative;
    overflow: hidden;
    width: 180px;
    height: 140px;
    float: left;
}

.meeting_box .meeting_content .meeting_img .active {
    background-color: #ff9900;
}

.meeting_box .meeting_content .meeting_img span {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100% !important;
    z-index: 3;
    bottom: 0;
    height: 40px;
    color: #fff !important;
    line-height: 40px;
    text-align: center;
    display: none !important;
    white-space: nowrap;
    font-size: 12px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.meeting_box .meeting_content .meeting_img span i {
    margin: 0 5px;
}

.meeting_box .meeting_content .meeting_img span em {
    margin: 0 5px;
}

.meeting_box .meeting_content .meeting_img img {
    width: 100%;
    height: 100%;
}

.meeting_box .meeting_content .meeting_infos {
    position: relative;
    float: left;
    width: calc(100% - 180px);
    padding-left: 15px;
}

.meeting_box .meeting_content .col-md-12 {
    position: relative;
    padding: 0 0 5px;
    line-height: 1;
}

.meeting_box .meeting_content .col-md-12 span {
    float: left;
    display: block;
    width: 70px;
    color: #666;
    overflow: hidden;
}

.meeting_box .meeting_content .col-md-12 a {
    color: #333;
    margin-top: 5px;
}

.meeting_box .meeting_content .col-md-12 a i {
    color: #00b9d5;
    font-style: inherit;
    margin-top: 4px;
    display: inline-block;
    font-size: 12px;
}

.meeting_box .meeting_content .col-md-12 p {
    float: left;
    max-width: calc(100% - 70px);
    padding: 0 5px;
    color: #333;
    height: 25px;
}

.meeting_box .meeting_content .col-md-12 p em {
    display: block;
    float: left;
    padding: 3px 5px;
    border: #95bce8 solid 1px;
    border-radius: 3px;
    text-align: center;
    color: #95bce8;
    margin: 0 5px 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.meeting_select {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 0 10px;
    border: #eee solid 1px;
    border-top: none;
}

.meeting_select .meeting_select_head {
    position: relative;
    overflow: hidden;
    border-bottom: #eee solid 1px;
}

.meeting_select .meeting_select_head::after {
    content: "";
    width: 4px;
    position: absolute;
    left: 0;
    height: 50%;
    top: 20px;
    transform: translate(0, -50%);
    background-color: #00b9d5;
}

.meeting_select .meeting_select_head h2 {
    font-size: 14px;
    font-weight: bold;
    float: left;
    padding: 15px 10px 10px;
}

.meeting_select .meeting_select_head .pull-right span {
    padding: 2px 15px;
    font-size: 14px;
    color: #fff;
    display: block;
    float: right;
    background-color: #00b9d5;
    border-radius: 5px;
    margin-top: 5px;
    margin-left: 10px;
}

.meeting_select .meeting_select_head .pull-right a {
    color: #00b9d5;
    margin-top: 7px;
    float: right;
}

.meeting_remark {
    position: relative;
    overflow: hidden;
}

.meeting_remark .pull-right {
    float: inherit !important;
    width: 300px;
    margin: 0 auto;
}

.meeting_remark .pull-right span {
    position: relative;
    display: block;
    float: left;
    padding: 10px 15px;
    margin-left: 10px;
    width: 88px;
    text-align: left;
}

.meeting_remark .pull-right span::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    vertical-align: middle;
    top: 50%;
    margin-top: -2.5px;
    left: 0;
}

.met_bkg1::after {
    background-color: #faad14;
}

.met_yd_bkg1 {
    background-color: #faad14;
    cursor: pointer !important;
}

.met_yd_bkg2 {
    background-color: #ccc;
}

.met_bkg2::after {
    background-color: #ccc;
}

.met_bkg3::after {
    border: #ddd solid 1px;
    background-color: #fff;
}

.meeting_ipark_list {
    position: relative;
    overflow: hidden;
    padding: 5px;
    border: #eee solid 1px;
}

.meeting_ipark_list ul li {
    position: relative;
    overflow: hidden;
    float: left;
    padding: 5px;
}

.meeting_ipark_list ul li a {
    display: block;
    width: 113px;
    height: 40px;
    color: #333;
    text-align: center;
    line-height: 40px;
    border: #eee solid 1px;
    cursor: inherit;
}

.meeting_table {
    position: relative;
    overflow: hidden;
    margin: 10px 0;
}

.meeting_table table {
    width: 100%;
    border: #eee solid 1px;
}

.meeting_table table thead th {
    background-color: #fafafa;
    text-align: center;
    height: 50px;
    font-weight: inherit;
}

.meeting_table table tbody tr {
    border: #eee solid 1px;
}

.meeting_table table tbody tr td {
    height: 40px;
    text-align: center;
}

.meeting_time_select {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.meeting_time_select .swiper-wrapper {
    padding-bottom: 20px;
    position: relative;
}

.meeting_time_select .swiper-wrapper .swiper-slide {
    position: relative;
    overflow: hidden;
    float: left;
    width: 49.5px !important;
    border-right: #eee solid 1px;
    border-bottom: #eee solid 1px;
    height: 80px;
}

.meeting_time_select .swiper-wrapper .swiper-slide:first-child {
    border-left: #eee solid 1px;
}

.meeting_time_select .swiper-wrapper .yudin {
    background-color: #ff9900;
}

.meeting_time_select .swiper-wrapper .wkf {
    background-color: #cccccc;
}

.meeting_time_select .swiper-wrapper .time_txt {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
}

.meeting_time_select .swiper-wrapper .time_txt li {
    position: relative;
    overflow: hidden;
    float: left;
    font-size: 12px;
    width: 49.5px;
    text-align: center;
}

.meeting_time_select .arrow-left {
    position: absolute;
    left: 0;
    top: 28px;
    z-index: 9;
    font-size: 20px;
    width: 18px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    opacity: 0.8;
}

.meeting_time_select .arrow-right {
    position: absolute;
    right: 0;
    top: 28px;
    z-index: 9;
    font-size: 20px;
    width: 18px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    opacity: 0.3;
}

.meeting_time_select .swiper-button-disabled {
    opacity: 1;
}

.resorder_meeting .tabs {
    margin: 0;
    position: relative;
}

.resorder_meeting .tabs .tabs-box {
    position: absolute;
    right: 0;
    top: -39px;
}

.resorder_time {
    position: relative;
    cursor: pointer;
}

.resorder_time .picker-box {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
}

.resorder_time .picker-box input {
    display: none;
}

.resorder_time .picker-box svg {
    display: none;
}

.resorder_time .picker-box .ant-calendar-picker {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
}

.resorder_time .picker-box .ant-calendar-picker .ant-calendar-picker-clear {
    display: none;
}

.icon_month {
    width: 228px;
    position: absolute;
    overflow: hidden;
    margin-top: 20;
    left: 50%;
    top: 15px;
    margin-left: -114px;
}

.icon_month ul li {
    float: left;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
}

.icon_month ul li span {
    margin-right: 8px;
}

.txt-hidden {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.resorder_head {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 15px;
    font-size: 18px;
    color: #00b9d5;
    border: #eee solid 1px;
}

.resorder_head a {
    font-size: 16px;
    color: #666;
}

.resorder_head a:first-child {
    float: left;
}

.resorder_head a:last-child {
    float: right;
}

.resorder_head span {
    font-weight: bold;
}

.resorder_head i {
    font-size: 20px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 1px;
    color: #00b9d5;
}

.resorder_weekly_list {
    position: relative;
    overflow: hidden;
    border-right: #eee solid 1px;
    border-left: #eee solid 1px;
}

.resorder_weekly_list .week_list {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.resorder_weekly_list .week_list li {
    position: relative;
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    background-color: #fafafa;
    text-align: center;
    font-style: inherit;
    font-size: 16px;
    width: 14.2857142857%;
    float: left;
}

.resorder_weekly_list .time_list {
    position: relative;
    overflow: hidden;
    float: left;
    width: 14.2857142857%;
}

.resorder_weekly_list .time_list .active {
    background-color: #ff9932;
    cursor: pointer;
}

.resorder_weekly_list .time_list .wkf {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, 0.25);
}

.resorder_weekly_list .time_list li {
    position: relative;
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    padding: 5px;
    border-bottom: none;
    text-align: center;
    border-bottom: #eee solid 1px;
    border-right: #eee solid 1px;
}

.resorder_weekly_list .time_list li span {
    line-height: 35px;
    display: block;
}

.month_list {
    position: relative;
    overflow: hidden;
    border: #eee solid 1px;
}

.month_list .ant-radio-group {
    display: none;
}

.month_list .ant-fullcalendar-year-select {
    margin-right: 5px;
}

.month_list ul li .month_head {
    position: relative;
    overflow: hidden;
    border-bottom: #eee solid 1px;
    padding: 10px;
    font-size: 14px;
    text-align: right;
    color: #727e97;
    font-weight: bold;
}

.month_list ul li .month_content {
    position: relative;
    overflow: hidden;
    height: 168px;
    overflow-y: auto;
}

.month_list ul li .month_content .zwsj {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: #bbb9b9;
    font-weight: bold;
}

.month_list ul li .month_content span {
    display: block;
    font-size: 12px;
    color: #fe9f41;
    padding: 3px 10px;
}

.resorder_pandect {
    position: relative;
    overflow: hidden;
}

.resorder_pandect .resorder_pandect_head {
    position: relative;
    overflow: hidden;
    background-color: #e5e5e5;
    padding: 15px;
    text-align: center;
}

.resorder_pandect_list {
    padding: 10px;
    position: relative;
    overflow: hidden;
    border: #ddd solid 1px;
    margin-bottom: 10px;
    background-color: #fff;
}

.resorder_pandect_list:last-child {
    margin-bottom: 0;
}

.resorder_pandect_list .pull-left {
    font-size: 16px;
    width: 120px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    padding: 0 10px;
}

.resorder_pandect_list::after {
    position: absolute;
    content: "";
    height: 100%;
    top: 50%;
    width: 1px;
    left: 130px;
    background-color: #ddd;
    transform: translate(0%, -50%);
}

.resorder_pandect_list .resorder_pandect_content {
    position: relative;
    overflow: hidden;
    float: right;
    width: calc(100% - 120px);
    padding: 0 5px;
}

.resorder_pandect_list .resorder_pandect_content ul li {
    position: relative;
    overflow: hidden;
    width: 14.2857142857%;
    float: left;
    text-align: center;
    padding: 5px;
}

.resorder_pandect_list .resorder_pandect_content ul li .active {
    background-color: #ff9900;
}

.resorder_pandect_list .resorder_pandect_content ul li .wkf {
    background-color: #cccccc;
}

.resorder_pandect_list .resorder_pandect_content ul li span {
    border: #ddd solid 1px;
    display: block;
    padding: 10px;
}

.meeting_box .meeting_content .col-md-12 a {
    position: relative;
}

.meeting_box .meeting_content .col-md-12 a:hover .gd_box {
    opacity: 1;
}

.gd_box {
    position: absolute;
    transition: all 0.2s;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 9;
    opacity: 0;
    padding: 5px;
    border: #eee solid 1px;
    border-radius: 3px;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    right: 0;
    width: 200px;
    top: 30px;
}

.gd_box em {
    display: inline-block;
    padding: 0 5px;
    background-color: #5ea3d4;
    color: #fff;
    margin: 2.5px;
}

.gd_box::before {
    content: "";
    position: absolute;
    right: 0;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #eee;
}

.ant-calendar-table thead .ant-calendar-week-number-header {
    display: none;
}

.ant-calendar-table tbody .ant-calendar-week-number-cell:first-child {
    display: none;
}

.cashpay_head {
    position: relative;
    overflow: hidden;
    border: #e3e6eb solid 1px;
    margin: 0 10px;
    background-color: #fff;
    padding: 5px;
    min-height: 86px;
}

.cashpay_head .center-border {
    border-right: #ddd solid 1px;
    border-left: #ddd solid 1px;
}

.cashpay_head_box {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.cashpay_head_box span {
    display: block;
    padding: 5px 0;
    min-height: 37px;
}

.cashpay_head_box span:last-child {
    font-size: 24px;
    color: #ff9900;
}

.cashpay_head_box span i {
    color: #ff9900;
    cursor: pointer;
}

.table-layout>div>span:first-child {
    color: #666;
}

.pre_none pre {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    font-size: 14px;
    font-family: auto;
    padding: 0;
}

.member_message {
    position: relative;
    overflow: hidden;
}

.member_message ul li {
    position: relative;
    overflow: hidden;
    width: 50%;
    float: left;
    padding: 6.5px 0;
    text-align: center;
}

.member_message ul li span {
    display: block;
    width: 39%;
    float: left;
    color: #666;
    text-align: left;
    margin-left: 10px;
}

.member_message ul li i {
    font-size: 14px;
    margin: 0 5px;
}

.member_message ul li em {
    color: #333;
    font-size: 14px;
}

.member_color {
    color: #1890ff;
}

.member_color2 {
    color: #52c41a;
}

.member_color3 {
    color: #ff9900;
}

.member_color4 {
    color: #ff0000;
}

.member_message_title {
    position: relative;
    overflow: hidden;
    padding: 10px 0 20px;
    text-align: center;
}

.member_message_title span {
    color: #666;
}

.member_message_title em {
    font-size: 26px;
}

.member_rz {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.member_rz .member_rz_title {
    position: relative;
    overflow: hidden;
}

.member_rz .member_rz_title .pull-left span {
    display: block;
    padding: 0 15px;
    color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #f09319;
    height: 34px;
    line-height: 34px;
    min-width: 156px;
    text-align: center;
}

.member_rz .table-layout {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 15px 10px;
    border: #ddd solid 1px;
}

.member_rz .table-layout>div {
    margin-bottom: 15px;
}

.member_rz_list {
    position: relative;
    overflow: hidden;
    width: 100%;
    top: -30px;
}

.member_rz_list .member_rz_list_title {
    position: relative;
    overflow: hidden;
    height: 40px;
    line-height: 30px;
    padding-left: 5px;
}

.member_rz_list .member_rz_list_title .pull-left {
    color: #f09319;
    font-weight: bold;
    margin-top: 5px;
}

.member_rz_list .streamline {
    position: relative;
    overflow: hidden;
}

.member_rz_list .streamline .sl-content {
    position: relative;
    overflow: hidden;
    padding: 5px;
    background-color: #f5f5f5;
    font-size: 12px;
}

.member_rz_list .streamline .sl-content p {
    color: #999999;
}

.member_rz_list .member_rz_list_first {
    position: relative;
    overflow: hidden;
}

.prop-slider {
    overflow-y: hidden !important;
}

.member_ent_box {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    margin: 5px;
    border: #eee solid 1px;
    text-align: center;
}

.member_ent_box .member_user_box {
    position: relative;
    overflow: hidden;
    /* margin: 0 auto; */
    padding: 40px 0;
    display: inline-block;
    max-width: calc(100% - 1px);
}

.member_ent_box .member_user_box .pull-left {
    display: inline-block;
    vertical-align: middle;
}

.member_ent_box .member_user_box .pull-left .sp1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 150px;
    text-align: left;
}

.member_ent_box .member_user_name {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    background-color: #006dbc;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.member_ent_box .pull-left span {
    display: block;
}

.member_ent_box .pull-left .sp1 {
    font-size: 18px;
}

.member_ent_box .pull-left .sp2 {
    margin-top: 10px;
}

.member_ent_box .pull-left .sp2 em {
    color: #000000;
    font-weight: bold;
}

.member_ent_box .pull-left .sp2 i {
    font-size: 26px;
    font-style: inherit;
    max-width: calc(100% - 115px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}

.member_ent_box .pull-left .sp2 a {
    position: relative;
    float: left;
    margin-left: 20px;
    display: inline-block;
    margin-top: 7px;
}

.member_ent_head {
    position: relative;
    overflow: hidden;
    padding: 15px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.4274509804);
}

.member_ent_statistics {
    position: relative;
    overflow: hidden;
    text-align: center;
    height: 127px;
}

.member_ent_statistics span {
    display: block;
}

.member_ent_statistics .sp1 {
    color: rgba(255, 153, 0, 0.847059);
    font-size: 28px;
    font-weight: bold;
    padding: 25px;
}

.member_ent_statistics .sp2 {
    padding: 15px 0;
}

.member_ent_statistics .sp2 em {
    margin: 0 5px;
    color: rgba(255, 153, 0, 0.8470588235);
}

.member_state {
    position: relative;
    overflow: hidden;
    height: 80px;
    width: 80px;
    background-color: #ddd;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;
    color: #fff;
    font-size: 20px;
    border: #ddd solid 1px;
}

.member_state i {
    font-size: 36px;
}

.member_state_box {
    position: relative;
    overflow: hidden;
    padding: 44.5px 0;
    margin-left: 25px;
}

.member_state_text {
    position: relative;
    overflow: hidden;
    text-align: left;
    padding: 10px 20px 0 20px;
}

.last-left {
    width: calc(100% - 80px);
}

.member_ent_box .member_state_box .pull-left span i {
    float: left;
    max-width: calc(100% - 92px);
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
    margin-top: 2px;
}

.member_ent_box .member_state_box .pull-left .sp1 {
    font-size: 16px;
    font-size: 16px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.member_ent_box .member_state_box .pull-left .sp2 {
    font-size: 30px;
    height: 30px;
    line-height: 30px;
}

.member_ent_box .member_state_box .pull-left .sp2 em {
    font-size: 20px;
    color: #a0a0a0;
    font-weight: initial;
}

.member_bkg_color1 {
    background-color: #975fe4;
}

.member_color1 {
    color: #975fe4 !important;
}

.member_bkg_color2 {
    background-color: #3aa0ff;
}

.member_color2 {
    color: #3aa0ff !important;
}

.member_bkg_color3 {
    background-color: #36cbcb;
}

.member_color3 {
    color: #36cbcb !important;
}

.member_bkg_color4 {
    background-color: #4dcb73;
}

.member_color4 {
    color: #4dcb73 !important;
}

.member-state {
    width: 180px;
    position: relative;
    overflow: hidden;
    float: left;
    height: 100%;
    min-height: 400px;
}

.member-state ul {
    height: 100%;
    text-align: center;
}

.member-state ul li {
    height: 25%;
    position: relative;
    overflow: hidden;
}

.member-state ul li span {
    width: 100px;
    height: 50px;
    line-height: 50px;
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    border: #ddd solid 1px;
    border-radius: 3px;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08);
    font-size: 16px;
    color: #666;
    cursor: pointer;
}

.member-state ul li span:hover {
    background-color: #3aaade;
    color: #fff;
}

.member-state ul li .active {
    background-color: #3aaade;
    color: #fff;
}

.member-ranking {
    position: relative;
    overflow: hidden;
    width: calc(100% - 180px);
    float: left;
}

.member-ranking table tr td span {
    float: left;
    margin-right: 10px;
}

.member_statistics_list {
    position: relative;
    overflow: hidden;
}

.member_statistics_list ul li {
    float: left;
    position: relative;
    overflow: hidden;
    width: 20%;
}

.member_statistics_list ul li .member_list_box {
    border: #eee solid 1px;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.03);
    margin: 5px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 20px 24px 20px;
}

.member_statistics_list ul li .pull-left {
    width: 100%;
}

.member_statistics_list ul li .pull-left .sp1 {
    display: block;
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    line-height: 22px;
    height: 22px;
}

.member_statistics_list ul li .pull-left .sp1 i {
    float: right;
    cursor: pointer;
    margin-top: 3px;
}

.member_statistics_list ul li .pull-left .sp2 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.85);
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 38px;
    height: 38px;
    text-align: right;
}

.member_statistics_list ul li .pull-left .sp2 i {
    font-size: 26px;
    margin-right: 10px;
}

.statistics_color {
    color: #3aa0ff;
}

.statistics_color2 {
    color: #fad337;
}

.statistics_color3 {
    color: #4dcb73;
}

.statistics_color4 {
    color: #975fe4;
}

.statistics_color5 {
    color: #de7e57;
}

.member_statistics_tabs {
    border: #eee solid 1px;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.03);
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    min-height: 45px;
    margin: 5px;
    height: 445px;
}

.member_statistics_tabs .member_time_input {
    position: absolute;
    right: 330px;
    height: 45px;
    top: 0;
    padding: 5px 50px;
    z-index: 9;
}

.member_statistics_tabs .ant-tabs-bar {
    margin: 0 10px !important;
}

.member_statistics_tabs .member_statistics_tabs_title {
    font-size: 18px;
    color: #333;
    padding: 0 25px;
    position: absolute;
    left: 0;
    top: 0;
    height: 45px;
    line-height: 45px;
    width: 100%;
}

.member_statistics_tabs .member_statistics_tabs_title::before {
    position: absolute;
    content: "";
    height: 45%;
    width: 4px;
    background-color: #00b9d5;
    left: 15px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.member_statistics_tabs .member_statistics_tabs_title a {
    position: relative;
    font-size: 14px;
    z-index: 9;
}

.member_statistics_tabs .ant-tabs-nav {
    float: right;
}

.member_statistics_tabs .ant-tabs-bar {
    margin-bottom: 0;
}

.meber_affter::after {
    position: absolute;
    content: "";
    height: 1px;
    background-color: #e8e8e8;
    top: 43px;
    width: calc(100% - 20px);
    left: 10px;
    right: 10px;
    z-index: 2;
}

.member_consume_box {
    position: relative;
    overflow: hidden;
}

.member_consume_kind {
    position: relative;
    overflow: hidden;
    padding: 15px;
}

.member_consume_list {
    padding: 0 15px;
}

.member_consume_list ul li {
    position: relative;
    overflow: hidden;
    padding: 10px;
    font-size: 16px;
}

.member_consume_list ul li .pull-left {
    position: relative;
    overflow: hidden;
    width: calc(100% - 60px);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.member_consume_list ul li .pull-left i {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    color: #fff;
    font-style: inherit;
    margin-right: 10px;
    margin-top: 2px;
}

.member_consume_list ul li .pull-left .memberbkg_color1 {
    background-color: #fad337;
}

.member_consume_list ul li .pull-left .memberbkg_color2 {
    background-color: #f2637b;
}

.member_consume_list ul li .pull-left .memberbkg_color3 {
    background-color: #3aa0ff;
}

.member_consume_list ul li .pull-left .memberbkg_color4 {
    background-color: #36cbcb;
}

.member_consume_list ul li .pull-left .memberbkg_color5 {
    background-color: #975fe4;
}

.member_consume_list ul li .pull-left .memberbkg_color6 {
    background-color: #4dcb73;
}

.member_consume_list ul li .pull-right {
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.portal-desk-bkg {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
}

.portal-desk-bkg img {
    width: 100%;
    height: 100%;
}

.portal-desk-bkg span {
    font-size: 15px;
    font-weight: bold;
    color: #989898;
    margin-top: 15px;
    display: block;
    text-align: center;
}

.memeber_echarts {
    position: relative;
    min-height: 400px;
}

.echarts_top {
    margin-top: 45px;
}

.jfxf_echarts .echarts {
    overflow-x: auto !important;
}

.jfxf_echarts .echarts>div {
    overflow-x: auto !important;
}

.tags-item {
    cursor: pointer;
}

#question-box .fa-circle-o,
#question-box .fa-square-o {
    margin-top: 8px;
}

.answer {
    overflow: visible !important;
}

.ipark-box {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.ipark-box .ipark-box-title {
    position: relative;
    overflow: hidden;
    font-size: 16px;
    color: #666666;
    padding: 0 25px;
    height: 48px;
    line-height: 48px;
    background-color: #f0f0f2;
}

.ipark-box .ipark-box-title .pull-right {
    font-size: 14px;
}

.ipark-box .ipark-box-title .pull-left span {
    display: inline-block;
    width: 120px;
    height: 28px;
    color: #fff;
    background-color: #666;
    text-align: center;
    line-height: 28px;
}

.ipark-box:hover .pull-right {
    display: block;
}

.park-box-table {
    padding: 0 25px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.park-box-table table tr .com-dj {
    color: #f1741b;
}

.park-box-table table tr .com-dj i {
    margin-right: 5px;
}

.park-box-table table tr td {
    padding: 0;
    height: 40px;
    font-size: 13px;
    color: #757677;
}

.park-box-table table tr td a {
    margin-right: 5px;
    color: #00b9d5;
}

.park-box-table table tr td .pull-right {
    display: none;
}

.tab-nospacing {
    margin-left: 0;
}

.tab-nospacing .swiper-banner {
    margin-left: 10px;
}

.tab-nospacing .tab-content .tab-pane {
    padding: 0;
}

.tab-nospacing-noLeft .swiper-container {
    padding-left: 0px !important;
}

.bg-st-success {
    background-color: #52c41a;
}

.st-success {
    color: #52c41a;
}

.st-warning {
    color: #999999;
}

.bg-st-danger {
    background-color: #36cbcb;
}

.st-danger {
    color: #ea7f2e;
}

.bg-st-process {
    background-color: #ea7f2e;
}

.st-process {
    color: #ea7f2e;
}

.bg-st-audit {
    background-color: #36cbcb;
}

.st-audit {
    color: #36cbcb;
}

.version-serring-box {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border: #e3e6eb solid 1px;
    margin: 5px;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08);
}

.version-serring-box .version-serring-title {
    padding: 15px;
    position: relative;
    height: 60px;
    line-height: 30px;
    overflow: hidden;
    background-color: #f5f6fa;
    border-bottom: #eee solid 1px;
}

.version-serring-box .version-serring-title a {
    margin-top: 5px;
    font-size: 20px;
}

.version-serring-box .version-serring-title .pull-left {
    position: relative;
    overflow: hidden;
    width: calc(100% - 120px);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.version-serring-box .version-serring-content {
    position: relative;
    overflow: hidden;
    padding: 15px;
}

.version-serring-box .version-serring-content .col-md-12 {
    margin-top: 15px;
    border-top: #e3e6eb solid 1px;
    padding-top: 15px;
}

.version-serring-box .version-serring-content .version-name {
    position: relative;
    overflow: hidden;
    font-size: 16px;
    width: 80px;
}

.version-serring-box .version-serring-content .version-name span {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 80px;
    text-align: center;
    margin: 5px 0;
    color: #666666;
}

.version-serring-box .version-serring-content .version-icon {
    position: relative;
    overflow: hidden;
    width: calc(100% - 80px);
}

.version-serring-box .version-serring-content .version-icon span {
    display: block;
    float: left;
    height: 30px;
    line-height: 28px;
    width: 100px;
    text-align: center;
    border: #eee solid 1px;
    margin: 5px;
    border-radius: 3px;
    background-color: #f5f5f5;
    cursor: move;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.version-serring-box .version-serring-content .version-icon span i {
    color: red;
    font-size: 17px;
    margin-left: 5px;
    cursor: pointer;
    position: absolute;
    right: 5px;
}

.version-infos {
    position: relative;
    overflow: hidden;
}

.version-infos span {
    color: #666666;
}

.add-version {
    display: table;
    width: 105px;
    height: 105px;
    line-height: 105px;
    text-align: center;
    background-color: #fafafa;
    border: 1px dashed #d9d9d9;
    border-radius: 4px;
    cursor: pointer;
    transition: border-color 0.3s ease;
    position: absolute;
    left: 50%;
    transform: translate(-100%);
}

.icon-blue {
    color: #23bbd6;
    margin-left: 7px;
}

.topic-userdel {
    color: #999999 !important;
}

.topic-userdel .panel-title {
    color: #999999 !important;
}

.operation-head {
    position: relative;
    height: auto;
    zoom: 1;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
}

.operation-head .operation-card {
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.65);
    box-sizing: border-box;
    margin: 5px;
    padding: 0;
    list-style: none;
    background: #fff;
    border-radius: 2px;
    position: relative;
    transition: all 0.3s;
    border: #eee solid 1px;
}

.operation-head .operation-card .operation-card-body {
    padding: 20px 24px 8px;
    zoom: 1;
}

.operation-head .operation-card .operation-card-body .operation-components-charts {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.operation-head .operation-card .operation-card-body .operation-components-charts .operation-metaWrap {
    float: left;
}

.operation-head .operation-card .operation-card-body .operation-components-charts .operation-metaWrap .operation-metaWrap-number {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.85);
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 38px;
    height: 38px;
}

.operation-head .operation-card .operation-card-body .operation-components-charts .operation-metaWrap .operation-metaWrap-first {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    line-height: 22px;
    height: 22px;
}

.operation-head .operation-card .operation-card-body .operation-components-charts .operation-metaWrap .operation-metaWrap-first .operation-metaWrap-last {
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 0;
    line-height: 1;
}

.operation-metaWrap-content {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 65px;
    margin-bottom: 12px;
}

.operation-metaWrap-content .operation-chartContent {
    position: absolute;
    bottom: -28px;
    width: 100%;
}

.operation-metaWrap-content .operation-chartContent .echarts {
    height: 100px;
}

.operation-metaWrap-footer {
    border-top: 1px solid #e8e8e8;
    padding-top: 9px;
    margin-top: 8px;
    height: 32px;
}

.operation-metaWrap-footer span:last-child {
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    line-height: 22px;
}

.operation-metaWrap-contentFixed {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.operation-metaWrap-contentFixed .operation-metaWrap-trendItem {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    margin-right: 16px;
}

.operation-metaWrap-contentFixed .operation-metaWrap-trendItem .operation-down {
    margin-left: 4px;
    position: relative;
    top: 1px;
}

.operation-metaWrap-contentFixed .operation-metaWrap-trendItem .operation-down i {
    font-size: 12px;
    transform: scale(0.83);
    color: #f5222d;
}

.operation-metaWrap-contentFixed .operation-metaWrap-trendItem .operation-up {
    margin-left: 4px;
    position: relative;
    top: 1px;
}

.operation-metaWrap-contentFixed .operation-metaWrap-trendItem .operation-up i {
    font-size: 12px;
    transform: scale(0.83);
    color: #52c41a;
}

.operation-metaWrap-contentFixed .operation-metaWrap-trendItem .operation-trendText {
    margin-left: 4px;
    color: rgba(0, 0, 0, 0.85);
}

.operation-echarts {
    position: relative;
    min-height: 400px;
}

.operation-tabs {
    border: #eee solid 1px;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.03);
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    min-height: 445px;
    margin: 5px;
}

.operation-tabs .operation-date-box {
    position: absolute;
    right: 30px;
    width: 240px;
    z-index: 9;
    height: 40px;
}

.operation-tabs .ant-tabs-bar {
    margin: 0 10px;
}

.operation-tabs .operation-tabs-title {
    font-size: 18px;
    color: #333;
    padding: 0 25px;
    position: absolute;
    left: 0;
    top: 0;
    height: 45px;
    line-height: 45px;
    width: 100%;
}

.operation-tabs .operation-tabs-title::after {
    position: absolute;
    content: "";
    height: 45%;
    width: 4px;
    background-color: #00b9d5;
    left: 15px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.operation-tabs .ant-tabs-nav {
    float: right;
}

.operation-tabs .ant-tabs-bar {
    margin-bottom: 0;
}

.operation-maxtable .ant-table-scroll table {
    width: auto !important;
}

.operation-table {
    position: relative;
    overflow: hidden;
    padding: 10px;
}

.operation-table .ant-table-body {
    max-height: 332px !important;
}

.operation-table>a {
    padding: 10px 20px 10px 0;
    position: relative;
    overflow: hidden;
}

.operation-table>a i {
    position: absolute;
    right: 0;
}

.operation-table .operation-up {
    color: #00cc66;
}

.operation-table .operation-down {
    color: red;
}

.operation-table .operation-color1 {
    background-color: #bae7ff !important;
}

.operation-table .operation-color2 {
    background-color: #b6f7ff !important;
}

.operation-path {
    position: absolute;
    z-index: 9;
    left: 20px;
    top: 10px;
}

.operation-path a {
    color: #666666;
}

.operation-down-list {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 45px 20px 0 20px;
}

.operation-down-list ul {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    height: 100%;
}

.operation-down-list ul li {
    height: 25%;
    position: relative;
    overflow: hidden;
}

.operation-down-list ul li .operation-bar-txt {
    position: relative;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.65);
}

.operation-down-list ul li .operation-bar {
    position: relative;
    overflow: hidden;
    background-color: #ddd;
    height: 30px;
}

.operation-down-list ul li .operation-bar .operation-bar-li {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #1890ff;
}

.operation-down-list ul li .operation-bar .bar-color0 {
    background-color: #ffa06c !important;
}

.operation-down-list ul li .operation-bar .bar-color2 {
    background-color: #2cd1c0 !important;
}

.operation-down-list ul li .operation-bar .bar-color3 {
    background-color: #fedb65 !important;
}

.operation-down-list ul li .operation-bar .bar-color4 {
    background-color: #168efe !important;
}

.operation-task a i {
    transform: rotate(180deg);
    transition: all 0.2s;
    position: relative;
}

.operation-left {
    position: relative;
    overflow: hidden;
    float: left;
    width: calc(100% - 400px);
}

.operation-historical {
    position: absolute;
    z-index: 9;
    right: 20px;
    top: 58px;
}

.operation-right {
    position: relative;
    overflow: hidden;
    float: left;
    width: 400px;
    height: 100%;
    padding: 0 15px;
}

.operation-right .txtMarquee-top {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.operation-right .txtMarquee-top>span {
    position: absolute;
    top: 60px;
    left: 0;
    font-size: 16px;
    font-weight: bold;
}

.operation-right .txtMarquee-top .w50 {
    width: 50% !important;
    float: left;
}

.operation-right .txtMarquee-top .hd {
    top: 100px;
    left: 0;
    width: 100%;
    background-color: #fafafa;
    z-index: 1;
    height: 50px;
    line-height: 50px;
    border-bottom: #eee solid 1px;
    font-size: 16px;
}

.operation-right .txtMarquee-top .bd {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding-top: 150px;
}

.operation-right .txtMarquee-top .bd .tempWrap {
    height: 100% !important;
}

.operation-right .txtMarquee-top .bd ul li {
    height: 40px !important;
    line-height: 40px;
    float: initial !important;
    text-align: center;
    border-bottom: #eee solid 1px;
}

.order-box {
    position: relative;
    overflow: hidden;
    height: 110px;
    background-color: #fff;
    margin: 5px;
    text-align: center;
    border: #eee solid 1px;
}

.order-box span {
    font-size: 28px;
    display: block;
    margin-top: 15px;
    cursor: pointer;
}

.order-box .order-icon {
    position: relative;
    overflow: hidden;
    display: inline-block;
    line-height: 60px;
    height: 60px;
    width: 60px;
    text-align: center;
    border-radius: 50%;
}

.order-box .order-icon i {
    color: #fff;
    font-size: 36px;
}

.order-head-list {
    position: relative;
    overflow: hidden;
}

.order-head-list ul li {
    width: 20%;
    float: left;
}

.order-bk-color {
    background-color: #ff9900;
}

.operation-main {
    position: relative;
    overflow: hidden;
}

.order-color {
    color: #ff9900;
}

.order-bk-color2 {
    background-color: #3aaade;
}

.order-color2 {
    color: #3aaade;
}

.order-bk-color3 {
    background-color: #11b464;
}

.order-color3 {
    color: #11b464;
}

.order-bk-color4 {
    background-color: #a4a2ab;
}

.order-color4 {
    color: #a4a2ab;
}

.order-bk-color5 {
    background-color: #0abcb0;
}

.order-color5 {
    color: #0abcb0;
}

.order-color6 {
    color: #9933cc;
}

.order-color7 {
    color: #ea9518;
}

.order-name {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    text-align: center;
    padding-left: 10px;
}

.order-list {
    position: relative;
    overflow: hidden;
    margin-top: 44px;
}

.order-title {
    position: absolute;
    z-index: 9;
    top: 10px;
    font-weight: bold;
    padding: 0 20px;
}

.order-service-table {
    width: 100%;
    table-layout: fixed;
}

.order-service-table tr td {
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-service-table tr td .ant-tag {
    cursor: default;
    background: #fff;
}

.order-top .ant-table-body {
    overflow: auto !important;
    max-height: 330px;
}

.order-top .ant-tabs-nav .ant-tabs-tab {
    margin: 0;
    padding: 0 16px 10px 16px;
}

.order-top table tbody tr:nth-child(1) td span {
    background-color: #314659;
    color: #fff;
}

.order-top table tbody tr:nth-child(2) td span {
    background-color: #314659;
    color: #fff;
}

.order-top table tbody tr:nth-child(3) td span {
    background-color: #314659;
    color: #fff;
}

.order-top table tr td span {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #f0f2f5;
    color: #333;
    display: block;
    text-align: center;
    line-height: 25px;
}

.operation-content {
    position: relative;
    overflow: hidden;
}

.order-infos-box {
    position: relative;
    overflow: hidden;
}

.order-service-ph {
    width: 100%;
    padding: 0 20px;
}

.operation-show {
    right: -100px !important;
}

.operation-show .unfold i {
    transform: rotate(180deg);
    position: absolute;
    transition: all 0.3s;
}

.operation-anchor-box {
    position: fixed;
    bottom: 100px;
    right: 0;
    z-index: 10;
    transition: all 0.2s;
}

.operation-anchor-box .unfold {
    display: block;
    position: absolute;
    background-color: #5bc0de;
    color: #fff;
    z-index: 9;
    top: 50%;
    left: -5px;
    transform: translate(-50%, -50%);
    width: 20px;
    text-align: left;
    border-radius: 4px;
    height: 23px;
}

.operation-anchor {
    padding: 10px;
    background-color: #5bc0de;
    border-radius: 10px;
}

.operation-anchor>i {
    position: absolute;
    display: block;
    height: 70px;
    width: 70px;
    line-height: 38px;
    border-radius: 50%;
    top: -25px;
    background-color: #5bc0de;
    color: #fff;
    font-size: 30px;
    text-align: center;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    cursor: pointer;
}

.operation-anchor ul {
    position: relative;
    overflow: hidden;
}

.operation-anchor ul::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    left: 0;
    background-color: #ddd;
}

.operation-anchor ul li {
    font-size: 12px;
    padding: 5px;
    text-align: center;
}

.operation-anchor ul li i {
    display: block;
}

.operation-anchor ul li a {
    color: #fff;
}

.operation-anchor ul li a:hover {
    color: #0731ff;
}

.order-head-list ul li .warranty-box {
    position: relative;
    overflow: hidden;
    height: 110px;
    background-color: #fff;
    margin: 5px;
    text-align: center;
    border: #eee solid 1px;
    padding: 15px;
}

.order-head-list ul li .warranty-box .warranty-plan {
    position: relative;
    overflow: hidden;
}

.order-head-list ul li .warranty-box .warranty-plan .pull-left {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.85);
}

.order-head-list ul li .warranty-box .warranty-plan .pull-right {
    font-size: 26px;
    color: #333;
}

.warranty-plan-box {
    position: relative;
    overflow: hidden;
    background-color: #eee;
    height: 20px;
    margin-top: 10px;
    border-radius: 3px;
}

.warranty-plan-box .plan {
    position: absolute;
    height: 100px;
    left: 0;
    top: 0;
}

.warranty-footer {
    font-size: 14px;
    color: #666;
    position: relative;
    overflow: hidden;
    margin-top: 5px;
}

.warranty-list ul li {
    width: 350px;
    margin: 0 auto;
    margin-top: 18px;
}

.warranty-list ul li .order-box {
    position: relative;
    overflow: hidden;
    height: 110px;
    margin: 5px;
    text-align: left;
    border: solid 2px #eee;
    padding-left: 25px;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08);
}

.warranty-list ul li .order-box .order-icon {
    position: relative;
    overflow: hidden;
    display: inline-block;
    line-height: 60px;
    height: 60px;
    width: 60px;
    text-align: center;
    border-radius: 50%;
    background-color: #00b9d5;
}

.warranty-list ul li .order-box .order-icon i {
    color: #fff;
    font-size: 36px;
}

.warranty-list ul li .order-box .order-name {
    width: auto;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    text-align: center;
    padding-left: 20px;
}

.warranty-list ul li .order-box .order-name span {
    font-size: 26px;
    display: block;
    margin-top: 10px;
    cursor: pointer;
    margin-bottom: 15px;
}

.warranty-list ul li .order-box .order-name span em {
    color: #00b9d5;
}

.warranty-list ul li .order-box .order-name em {
    color: #00b9d5;
}

.reserve-head-list {
    position: relative;
    overflow: hidden;
    margin: 5px;
    background-color: #fff;
    border: solid 1px #eee;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.03);
}

.reserve-head-list ul li {
    float: left;
    width: 20%;
    cursor: pointer;
}

.reserve-head-list ul li .order-box {
    margin: 0;
    border: none;
    height: 116px;
}

.reserve-head-list ul li .order-box::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: calc(100% - 30px);
    border-right: dashed 1px #ddd;
    transform: translate(-50%, -50%);
}

.reserve-head-list ul li .order-box .order-icon {
    background-color: #40a9ff;
}

.reserve-head-list ul li .order-box .order-name {
    width: auto;
}

.reserve-head-list ul li .order-box .order-name span {
    color: #40a9ff;
}

.reserve-head-list ul li .order-box .order-name span em {
    font-size: 14px;
    color: #666;
    margin-left: 5px;
}

.reserve-head-list ul li .reserve-box {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    margin-top: 10px;
}

.reserve-head-list ul li .reserve-box span {
    display: block;
    text-align: center;
}

.reserve-head-list ul li .reserve-box .sp1 i {
    font-size: 24px;
}

.reserve-head-list ul li .reserve-box .sp3 {
    font-size: 24px;
}

.reserve-head-list ul li .reserve-box .sp4 {
    margin-top: 5px;
}

.reserve-main {
    position: relative;
    overflow: hidden;
}

.reserve-main .reserve-tabs {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    margin: 5px;
    padding: 0 10px;
}

.reserve-main .reserve-tabs .reserve-moth {
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 9;
}

.reserve-box {
    position: relative;
    overflow: hidden;
    padding: 0 20px;
}

.reserve-box .reserve-title {
    position: relative;
    overflow: hidden;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
}

.reserve-box .reserve-title::after {
    position: absolute;
    content: "";
    height: 80%;
    width: 4px;
    background-color: #00b9d5;
    left: 10px;
    top: 50%;
    transform: translate(-50%, -50%);
}

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

.reserve-bottom-border {
    border-bottom: solid 1px #ddd;
}

.reserve-view .reserve-ranking {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
}

.reserve-view .reserve-ranking ul li {
    position: relative;
    overflow: hidden;
    padding: 7px 0;
}

.reserve-view .reserve-ranking ul li:nth-child(1)>span {
    background-color: #314659;
    color: #fff;
}

.reserve-view .reserve-ranking ul li:nth-child(2)>span {
    background-color: #314659;
    color: #fff;
}

.reserve-view .reserve-ranking ul li:nth-child(3)>span {
    background-color: #314659;
    color: #fff;
}

.reserve-view .reserve-ranking ul li>span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ddd;
    color: #333;
    display: block;
    text-align: center;
    line-height: 30px;
    margin-top: 15px;
    float: left;
}

.reserve-view .reserve-ranking ul li .reserve-ranking-box {
    position: relative;
    overflow: hidden;
    float: left;
    width: calc(100% - 30px);
    padding: 0 20px;
}

.reserve-view .reserve-ranking ul li .reserve-ranking-box .reserve-ranking-infos {
    font-size: 14px;
    color: #666666;
    position: relative;
    overflow: hidden;
}

.reserve-view .reserve-ranking ul li .reserve-ranking-box .reserve-ranking-bar {
    position: relative;
    overflow: hidden;
    background-color: #ddd;
    height: 20px;
    width: 100%;
    border-radius: 5px;
    margin-top: 5px;
}

.reserve-view .reserve-ranking ul li .reserve-ranking-box .reserve-ranking-bar>div {
    position: absolute;
    border-radius: 5px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #ff9900;
}

.reserve-list {
    position: relative;
    overflow: hidden;
    padding: 0 10px;
    background-color: #fff;
}

.reserve-list>ul>li {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: #eee solid 1px;
}

.reserve-list>ul>li .reserve-meeting {
    position: relative;
    overflow: hidden;
    padding: 10px 20px;
    width: 220px;
    float: left;
    border-right: #eee solid 1px;
}

.reserve-list>ul>li .reserve-meeting .sp1 {
    font-weight: bold;
    color: #000;
}

.reserve-list>ul>li .reserve-meeting span {
    display: block;
    margin-top: 5px;
}

.reserve-list>ul>li .reserve-meeting .reserve-meeting-img {
    position: relative;
    overflow: hidden;
    height: 100px;
    width: 180px;
}

.reserve-list>ul>li .reserve-meeting .reserve-meeting-img img {
    width: 100%;
    height: 100%;
}

.reserve-list>ul>li .reserve-meeting-infos {
    position: relative;
    overflow: hidden;
    width: calc(100% - 220px);
    float: left;
    padding: 0 10px;
}

.reserve-list>ul>li .reserve-meeting-infos ul li {
    position: relative;
    overflow: hidden;
    padding: 10px;
    width: 16.6%;
    float: left;
}

.reserve-list>ul>li .reserve-meeting-infos ul li:last-child .sp2 {
    cursor: pointer;
}

.reserve-list>ul>li .reserve-meeting-infos ul li .reserve-meeting-box {
    position: relative;
    overflow: hidden;
    height: 152px;
    width: 100%;
    text-align: center;
    background-color: #f6f8f9;
    border-radius: 5px;
    padding: 15px 0;
    border: solid 1px #eee;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08);
}

.reserve-list>ul>li .reserve-meeting-infos ul li .reserve-meeting-box span {
    display: block;
    font-size: 14px;
    padding: 5px 0;
}

.reserve-list>ul>li .reserve-meeting-infos ul li .reserve-meeting-box span i {
    color: #00cc66;
    margin-left: 10px;
}

.reserve-list>ul>li .reserve-meeting-infos ul li .reserve-meeting-box .sp2 {
    font-size: 28px;
    font-weight: bold;
}

.reserve-list>ul>li .reserve-meeting-infos ul li .reserve-meeting-box .sp2 em {
    font-size: 14px;
    color: #666;
}

.meeting-four li {
    width: 20% !important;
}

.reserve-pandect {
    position: relative;
    overflow: hidden;
}

.reserve-pandect ul li {
    text-align: left;
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    margin: 0 25px;
}

.reserve-pandect ul li:first-child {
    border-bottom: dashed 1px #ddd;
}

.reserve-pandect ul li span {
    display: block;
    margin: 15px 0;
}

.reserve-pandect ul li .sp1 {
    font-size: 16px;
}

.reserve-pandect ul li .sp2 {
    font-size: 30px;
    color: #000;
}

.reserve-pandect ul li .sp3 {
    font-size: 14px;
    color: #848484;
}

.meeting-number {
    position: relative;
    overflow: hidden;
    width: 300px;
}

.meeting-number li {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 5px 0;
}

.meeting-number li span {
    float: right;
    display: inline-block;
    width: calc(100% - 65px);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-head-list {
    position: relative;
    overflow: hidden;
    margin: 5px;
}

.user-head-list ul li {
    width: 25%;
    float: left;
}

.user-head-list ul li .order-box {
    margin: 0;
    border: none;
}

.user-head-list ul li .order-box::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: calc(100% - 30px);
    border-right: dashed 1px #ddd;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.user-head-list ul li .border-user::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: calc(100% - 30px);
    border-right: dashed 1px #ddd;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.user-head-list ul li .user-order-box {
    position: relative;
    overflow: hidden;
    height: 110px;
    background-color: #fff;
    text-align: center;
}

.user-head-list ul li .user-order-box span {
    display: block;
}

.user-head-list ul li .user-order-box .sp1 {
    margin-top: 35px;
    margin-bottom: 5px;
    font-size: 28px;
}

.user-head-list ul li .user-order-box .sp1 em {
    font-size: 14px;
    margin-left: 5px;
}

.user-head-list ul li .user-order-box .sp2 {
    font-size: 14px;
}

.user-publish-list ul li {
    width: 16.6666666667% !important;
}

.publish-main {
    position: relative;
    overflow: hidden;
}

.publish-main .publish-tabs {
    position: relative;
    overflow: hidden;
    margin: 5px;
    height: auto;
}

.publish-main .publish-tabs .ant-tabs-bar {
    margin-bottom: 10px;
}

.publish-main .publish-tabs .ant-tabs-nav-wrap {
    background-color: #fff;
}

.publish-main .publish-tabs .publish-box {
    position: relative;
    background-color: #fff;
    margin-bottom: 10px;
}

.publish-main .publish-tabs .publish-box .ant-table table {
    text-align: center;
}

.publish-main .publish-tabs .publish-box .ant-table-thead>tr>th {
    text-align: center;
}

.publish-main .publish-tabs .publish-box .publish-title {
    position: relative;
    overflow: hidden;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    padding: 0 25px;
    height: 52px;
    line-height: 52px;
    border-bottom: solid 1px #e8e8e8;
}

.publish-main .publish-tabs .publish-box .publish-title::after {
    position: absolute;
    content: "";
    height: 45%;
    width: 4px;
    background-color: #00b9d5;
    left: 15px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.publish-view {
    position: relative;
    background-color: #fff;
}

.publish-table {
    position: relative;
    overflow: hidden;
    padding: 0 25px 25px 25px;
}

.publish-table-tile {
    position: relative;
    overflow: hidden;
    padding: 10px 25px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}

.publish-table-tile::after {
    position: absolute;
    content: "";
    height: 45%;
    width: 4px;
    background-color: #00b9d5;
    left: 15px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.dashed-right-border::after {
    content: "";
    position: absolute;
    height: 80%;
    width: 1px;
    border-right: dashed 2px #e8e8e8;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}

.fund-head {
    position: relative;
    overflow: hidden;
}

.fund-head .form-group {
    min-width: 275px;
    float: left;
}

.fund-head .form-group .label-name {
    width: 85px;
    text-align: right;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
    color: #8896a1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.fund-head .form-group .lab-box {
    float: left;
    width: calc(100% - 97px);
}

.function-box .publish-table .ant-table table {
    text-align: left !important;
}

.function-box .publish-table .ant-table-thead>tr>th {
    text-align: left !important;
}

.function-box .table-frozen {
    height: 500px;
}

.basic-box {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08);
    border: #e3e6eb solid 1px;
    margin: 5px;
}

.basic-box .bench-box2 {
    margin: 0;
    border-left: none;
    border-right: none;
}

.basic-title {
    position: relative;
    overflow: hidden;
    font-size: 18px;
    padding: 15px 0;
    text-align: center;
}

.basic-content {
    position: relative;
    height: 310px;
    overflow-y: auto;
}

.basic-content table tr {
    border-bottom: #eee solid 1px;
}

.basic-content table tr td i {
    font-size: 18px;
}

.basic-on-off {
    width: 60px;
    margin: 0 auto;
}

.basic-table-title {
    position: relative;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    border-bottom: #eee solid 1px;
    color: #768693;
    background-color: #f5f6fa;
}

.basic-table-title table {
    table-layout: fixed;
    width: 100%;
}

.basic-table-title table tr td {
    padding: 0 10px;
}

.basic-table-title ul li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operation-query {
    position: absolute;
    top: 0px;
    right: 0;
    padding: 7px 0;
}

.member_rz .table-layout {
    margin: 0px;
}

.coupon-list {
    position: relative;
    overflow: hidden;
}

.coupon-list .col-md-6 {
    text-align: center;
    height: 50%;
    padding: 20px 0;
}

.coupon-list span {
    display: block;
}

.coupon-list span:first-child {
    font-size: 28px;
}

.coupon-list span:last-child {
    margin-top: 10px;
    font-size: 13px;
}

@media (max-width: 1366px) {
    .operation-metaWrap-contentFixed {
        zoom: 0.8;
    }
    .last-left {
        width: calc(100% - 65px);
    }
    .operation-head .operation-card .operation-card-body .operation-components-charts .operation-metaWrap .operation-metaWrap-number {
        zoom: 0.8;
    }
    .member_statistics_list ul li .member_list_box {
        zoom: 0.8;
    }
    .operation-metaWrap-contentFixed .operation-metaWrap-trendItem {
        margin-right: 10px;
    }
    .member_statistics_tabs .member_statistics_tabs_title {
        height: 46.48px;
        line-height: 46.48px;
    }
    .echarts_top {
        margin-top: 46.48px;
    }
    .member_ent_box .member_state_box .pull-left span i {
        max-width: calc(100% - 57px);
    }
    .meber_affter::after {
        top: 44.48px;
    }
    .ipark-box .ipark-box-title {
        padding: 0 15px;
        height: 38px;
        line-height: 38px;
        font-size: 13px;
    }
    .ipark-box .ipark-box-title .pull-right .query-span {
        width: 97px;
        height: 25px;
        line-height: 25px;
        border-radius: 3px;
        font-size: 12px;
    }
    .ipark-box .ipark-box-title .park-box-table table tr td {
        font-size: 12px;
    }
    .ipark-box .ipark-box-title .pull-left {
        width: calc(100% - 105px);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .park-box-table {
        padding: 0 15px;
    }
    .park-box-table table tr td {
        font-size: 12px;
    }
    .member_ent_box .member_user_box {
        margin: 0 auto;
        padding: 15px 0;
        vertical-align: text-top;
    }
    .member_ent_box .pull-left .sp1 {
        font-size: 16px;
    }
    .member_ent_box .pull-left .sp2 i {
        font-size: 24px;
        font-style: inherit;
    }
    .member_ent_box .pull-left .sp2 {
        margin-top: 10px;
    }
    .member_ent_head {
        padding: 10px;
        font-size: 16px;
    }
    .member_ent_statistics .sp1 {
        padding: 8px !important;
    }
    .member_ent_statistics .sp2 {
        padding: 10px 0;
    }
    .member_state_box {
        padding: 29.5px 0;
        margin-left: 20px;
    }
    .member_state {
        height: 65px;
        width: 65px;
        line-height: 65px;
    }
    .member_ent_box .member_state_box .pull-left .sp1 {
        font-size: 14px;
    }
    .member_ent_box .member_state_box .pull-left .sp2 {
        font-size: 20px;
        height: 30px;
        line-height: 30px;
    }
    .member_ent_box .member_state_box .pull-left .sp2 em {
        font-size: 16px;
    }
    .member_state_text {
        padding: 0 10px 0 10px;
    }
    .operation-head .operation-card .operation-card-body {
        padding: 8px 7px 8px;
    }
}

@media (max-width: 1600px) {
    .member_ent_box {
        zoom: 0.8;
    }
    .zoom-6 {
        zoom: 0.6;
    }
    .member_ent_box .member_state_box .pull-left span i {
        max-width: calc(100% - 95px);
    }
    .member_ent_box .pull-left .sp2 i {
        font-size: 24px;
        font-style: inherit;
    }
    .member_ent_statistics {
        height: auto;
    }
    .member_ent_statistics .sp1 {
        font-size: 28px;
        padding: 12px;
    }
}

.table-no-background td {
    background: none !important;
}

.addApps {
    position: absolute;
    right: 20px;
    top: 15px;
}

.addApps i {
    font-size: 25px;
}

.ipark-table-empty .ant-table-body {
    display: none;
}

.park-weight-btn.width-70 button:first-child {
    width: 70px;
}

.tag-gap .ant-tag {
    margin-bottom: 8px;
}

.draggable-tr {
    cursor: move;
}

.draggable-tr.gu-mirror {
    width: 100%;
    display: table;
}

.draggable-tr.gu-mirror td {
    padding: 16px;
}

.draggable-tr.ui-sortable-helper {
    width: 100%;
    display: table;
}

.serviceord-list {
    background-color: #fff;
    height: 100%;
    padding: 10px 10px 10px 0;
}

.serviceord-list>div {
    height: 100%;
}

.serviceord-list .panel-bordered,
.serviceord-list .ant-tabs {
    height: 100%;
}

.serviceord-list .ant-tabs-left-content,
.serviceord-list .ant-tabs-tabpane-active {
    height: 100%;
}

.serviceord-item-tabs {
    display: flex;
    flex-direction: column;
}

.serviceord-item-tabs .ant-tabs-content {
    flex: 1;
    height: 100%;
    max-height: 100%;
}

.add-fields-title {
    padding: 10px 0;
}

.fields-tree .ant-tree-switcher {
    display: none !important;
}

.fields-row .panel {
    border: none;
    background-color: rgba(0, 0, 0, 0);
}

.fields-row .panel-body {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08);
    border: #e3e6eb solid 1px;
    height: 300px;
    overflow-y: auto;
}

.fields-row .panel-body ul li {
    padding: 5px 0;
    color: rgba(0, 0, 0, 0.65);
}

.fields-add {
    position: absolute;
    top: 46%;
    text-align: center;
    left: 0;
}

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

.serviceord-title {
    position: relative;
    overflow: hidden;
}

#flowstate-html .col-sm-6 {
    position: static !important;
}

#flowstate-html .col-sm-6 span {
    color: #666;
}

.table-auto-width .ant-table-fixed {
    width: auto !important;
}

.inventory-not-head {
    height: calc(100% - 100px) !important;
    overflow: auto;
}

#flowstate-html pre {
    background-color: #fff !important;
    border: none !important;
}

.tag-gap .ant-tag {
    margin-bottom: 8px;
}

.flowstate-detail .form-group {
    line-height: 38px;
    border-bottom: 1px dotted #e1e8ee;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.flowstate-detail .control-label {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.attach-detail iframe {
    display: none;
}

.img-nopadding .imgupload-list {
    padding: 0px;
}

.col-table-width .ant-table-fixed {
    width: auto !important;
}

.panel-img-notborder .img-nopadding {
    border-bottom: none !important;
}

.equal-panel-box .panel {
    height: 100%;
    margin-bottom: 0;
}

.label-width-0 .control-label {
    width: 0px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-0 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 0px);
}

.label-width-1 .control-label {
    width: 1px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-1 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 1px);
}

.label-width-2 .control-label {
    width: 2px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-2 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 2px);
}

.label-width-3 .control-label {
    width: 3px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-3 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 3px);
}

.label-width-4 .control-label {
    width: 4px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-4 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 4px);
}

.label-width-5 .control-label {
    width: 5px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-5 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 5px);
}

.label-width-6 .control-label {
    width: 6px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-6 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 6px);
}

.label-width-7 .control-label {
    width: 7px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-7 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 7px);
}

.label-width-8 .control-label {
    width: 8px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-8 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 8px);
}

.label-width-9 .control-label {
    width: 9px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-9 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 9px);
}

.label-width-10 .control-label {
    width: 10px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-10 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 10px);
}

.label-width-11 .control-label {
    width: 11px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-11 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 11px);
}

.label-width-12 .control-label {
    width: 12px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-12 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 12px);
}

.label-width-13 .control-label {
    width: 13px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-13 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 13px);
}

.label-width-14 .control-label {
    width: 14px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-14 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 14px);
}

.label-width-15 .control-label {
    width: 15px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-15 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 15px);
}

.label-width-16 .control-label {
    width: 16px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-16 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 16px);
}

.label-width-17 .control-label {
    width: 17px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-17 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 17px);
}

.label-width-18 .control-label {
    width: 18px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-18 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 18px);
}

.label-width-19 .control-label {
    width: 19px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-19 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 19px);
}

.label-width-20 .control-label {
    width: 20px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-20 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 20px);
}

.label-width-21 .control-label {
    width: 21px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-21 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 21px);
}

.label-width-22 .control-label {
    width: 22px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-22 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 22px);
}

.label-width-23 .control-label {
    width: 23px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-23 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 23px);
}

.label-width-24 .control-label {
    width: 24px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-24 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 24px);
}

.label-width-25 .control-label {
    width: 25px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-25 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 25px);
}

.label-width-26 .control-label {
    width: 26px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-26 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 26px);
}

.label-width-27 .control-label {
    width: 27px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-27 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 27px);
}

.label-width-28 .control-label {
    width: 28px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-28 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 28px);
}

.label-width-29 .control-label {
    width: 29px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-29 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 29px);
}

.label-width-30 .control-label {
    width: 30px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-30 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 30px);
}

.label-width-31 .control-label {
    width: 31px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-31 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 31px);
}

.label-width-32 .control-label {
    width: 32px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-32 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 32px);
}

.label-width-33 .control-label {
    width: 33px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-33 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 33px);
}

.label-width-34 .control-label {
    width: 34px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-34 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 34px);
}

.label-width-35 .control-label {
    width: 35px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-35 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 35px);
}

.label-width-36 .control-label {
    width: 36px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-36 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 36px);
}

.label-width-37 .control-label {
    width: 37px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-37 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 37px);
}

.label-width-38 .control-label {
    width: 38px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-38 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 38px);
}

.label-width-39 .control-label {
    width: 39px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-39 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 39px);
}

.label-width-40 .control-label {
    width: 40px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-40 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 40px);
}

.label-width-41 .control-label {
    width: 41px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-41 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 41px);
}

.label-width-42 .control-label {
    width: 42px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-42 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 42px);
}

.label-width-43 .control-label {
    width: 43px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-43 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 43px);
}

.label-width-44 .control-label {
    width: 44px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-44 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 44px);
}

.label-width-45 .control-label {
    width: 45px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-45 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 45px);
}

.label-width-46 .control-label {
    width: 46px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-46 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 46px);
}

.label-width-47 .control-label {
    width: 47px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-47 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 47px);
}

.label-width-48 .control-label {
    width: 48px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-48 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 48px);
}

.label-width-49 .control-label {
    width: 49px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-49 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 49px);
}

.label-width-50 .control-label {
    width: 50px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-50 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 50px);
}

.label-width-51 .control-label {
    width: 51px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-51 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 51px);
}

.label-width-52 .control-label {
    width: 52px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-52 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 52px);
}

.label-width-53 .control-label {
    width: 53px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-53 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 53px);
}

.label-width-54 .control-label {
    width: 54px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-54 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 54px);
}

.label-width-55 .control-label {
    width: 55px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-55 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 55px);
}

.label-width-56 .control-label {
    width: 56px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-56 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 56px);
}

.label-width-57 .control-label {
    width: 57px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-57 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 57px);
}

.label-width-58 .control-label {
    width: 58px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-58 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 58px);
}

.label-width-59 .control-label {
    width: 59px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-59 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 59px);
}

.label-width-60 .control-label {
    width: 60px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-60 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 60px);
}

.label-width-61 .control-label {
    width: 61px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-61 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 61px);
}

.label-width-62 .control-label {
    width: 62px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-62 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 62px);
}

.label-width-63 .control-label {
    width: 63px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-63 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 63px);
}

.label-width-64 .control-label {
    width: 64px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-64 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 64px);
}

.label-width-65 .control-label {
    width: 65px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-65 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 65px);
}

.label-width-66 .control-label {
    width: 66px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-66 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 66px);
}

.label-width-67 .control-label {
    width: 67px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-67 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 67px);
}

.label-width-68 .control-label {
    width: 68px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-68 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 68px);
}

.label-width-69 .control-label {
    width: 69px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-69 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 69px);
}

.label-width-70 .control-label {
    width: 70px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-70 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 70px);
}

.label-width-71 .control-label {
    width: 71px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-71 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 71px);
}

.label-width-72 .control-label {
    width: 72px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-72 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 72px);
}

.label-width-73 .control-label {
    width: 73px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-73 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 73px);
}

.label-width-74 .control-label {
    width: 74px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-74 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 74px);
}

.label-width-75 .control-label {
    width: 75px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-75 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 75px);
}

.label-width-76 .control-label {
    width: 76px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-76 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 76px);
}

.label-width-77 .control-label {
    width: 77px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-77 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 77px);
}

.label-width-78 .control-label {
    width: 78px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-78 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 78px);
}

.label-width-79 .control-label {
    width: 79px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-79 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 79px);
}

.label-width-80 .control-label {
    width: 80px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-80 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 80px);
}

.label-width-81 .control-label {
    width: 81px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-81 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 81px);
}

.label-width-82 .control-label {
    width: 82px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-82 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 82px);
}

.label-width-83 .control-label {
    width: 83px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-83 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 83px);
}

.label-width-84 .control-label {
    width: 84px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-84 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 84px);
}

.label-width-85 .control-label {
    width: 85px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-85 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 85px);
}

.label-width-86 .control-label {
    width: 86px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-86 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 86px);
}

.label-width-87 .control-label {
    width: 87px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-87 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 87px);
}

.label-width-88 .control-label {
    width: 88px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-88 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 88px);
}

.label-width-89 .control-label {
    width: 89px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-89 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 89px);
}

.label-width-90 .control-label {
    width: 90px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-90 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 90px);
}

.label-width-91 .control-label {
    width: 91px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-91 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 91px);
}

.label-width-92 .control-label {
    width: 92px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-92 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 92px);
}

.label-width-93 .control-label {
    width: 93px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-93 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 93px);
}

.label-width-94 .control-label {
    width: 94px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-94 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 94px);
}

.label-width-95 .control-label {
    width: 95px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-95 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 95px);
}

.label-width-96 .control-label {
    width: 96px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-96 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 96px);
}

.label-width-97 .control-label {
    width: 97px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-97 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 97px);
}

.label-width-98 .control-label {
    width: 98px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-98 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 98px);
}

.label-width-99 .control-label {
    width: 99px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-99 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 99px);
}

.label-width-100 .control-label {
    width: 100px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-100 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 100px);
}

.label-width-101 .control-label {
    width: 101px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-101 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 101px);
}

.label-width-102 .control-label {
    width: 102px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-102 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 102px);
}

.label-width-103 .control-label {
    width: 103px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-103 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 103px);
}

.label-width-104 .control-label {
    width: 104px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-104 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 104px);
}

.label-width-105 .control-label {
    width: 105px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-105 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 105px);
}

.label-width-106 .control-label {
    width: 106px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-106 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 106px);
}

.label-width-107 .control-label {
    width: 107px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-107 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 107px);
}

.label-width-108 .control-label {
    width: 108px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-108 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 108px);
}

.label-width-109 .control-label {
    width: 109px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-109 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 109px);
}

.label-width-110 .control-label {
    width: 110px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-110 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 110px);
}

.label-width-111 .control-label {
    width: 111px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-111 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 111px);
}

.label-width-112 .control-label {
    width: 112px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-112 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 112px);
}

.label-width-113 .control-label {
    width: 113px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-113 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 113px);
}

.label-width-114 .control-label {
    width: 114px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-114 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 114px);
}

.label-width-115 .control-label {
    width: 115px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-115 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 115px);
}

.label-width-116 .control-label {
    width: 116px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-116 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 116px);
}

.label-width-117 .control-label {
    width: 117px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-117 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 117px);
}

.label-width-118 .control-label {
    width: 118px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-118 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 118px);
}

.label-width-119 .control-label {
    width: 119px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-119 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 119px);
}

.label-width-120 .control-label {
    width: 120px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-120 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 120px);
}

.label-width-121 .control-label {
    width: 121px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-121 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 121px);
}

.label-width-122 .control-label {
    width: 122px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-122 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 122px);
}

.label-width-123 .control-label {
    width: 123px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-123 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 123px);
}

.label-width-124 .control-label {
    width: 124px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-124 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 124px);
}

.label-width-125 .control-label {
    width: 125px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-125 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 125px);
}

.label-width-126 .control-label {
    width: 126px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-126 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 126px);
}

.label-width-127 .control-label {
    width: 127px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-127 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 127px);
}

.label-width-128 .control-label {
    width: 128px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-128 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 128px);
}

.label-width-129 .control-label {
    width: 129px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-129 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 129px);
}

.label-width-130 .control-label {
    width: 130px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-130 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 130px);
}

.label-width-131 .control-label {
    width: 131px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-131 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 131px);
}

.label-width-132 .control-label {
    width: 132px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-132 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 132px);
}

.label-width-133 .control-label {
    width: 133px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-133 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 133px);
}

.label-width-134 .control-label {
    width: 134px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-134 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 134px);
}

.label-width-135 .control-label {
    width: 135px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-135 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 135px);
}

.label-width-136 .control-label {
    width: 136px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-136 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 136px);
}

.label-width-137 .control-label {
    width: 137px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-137 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 137px);
}

.label-width-138 .control-label {
    width: 138px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-138 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 138px);
}

.label-width-139 .control-label {
    width: 139px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-139 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 139px);
}

.label-width-140 .control-label {
    width: 140px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-140 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 140px);
}

.label-width-141 .control-label {
    width: 141px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-141 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 141px);
}

.label-width-142 .control-label {
    width: 142px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-142 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 142px);
}

.label-width-143 .control-label {
    width: 143px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-143 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 143px);
}

.label-width-144 .control-label {
    width: 144px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-144 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 144px);
}

.label-width-145 .control-label {
    width: 145px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-145 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 145px);
}

.label-width-146 .control-label {
    width: 146px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-146 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 146px);
}

.label-width-147 .control-label {
    width: 147px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-147 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 147px);
}

.label-width-148 .control-label {
    width: 148px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-148 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 148px);
}

.label-width-149 .control-label {
    width: 149px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-149 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 149px);
}

.label-width-150 .control-label {
    width: 150px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-150 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 150px);
}

.label-width-151 .control-label {
    width: 151px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-151 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 151px);
}

.label-width-152 .control-label {
    width: 152px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-152 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 152px);
}

.label-width-153 .control-label {
    width: 153px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-153 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 153px);
}

.label-width-154 .control-label {
    width: 154px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-154 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 154px);
}

.label-width-155 .control-label {
    width: 155px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-155 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 155px);
}

.label-width-156 .control-label {
    width: 156px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-156 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 156px);
}

.label-width-157 .control-label {
    width: 157px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-157 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 157px);
}

.label-width-158 .control-label {
    width: 158px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-158 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 158px);
}

.label-width-159 .control-label {
    width: 159px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-159 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 159px);
}

.label-width-160 .control-label {
    width: 160px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-160 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 160px);
}

.label-width-161 .control-label {
    width: 161px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-161 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 161px);
}

.label-width-162 .control-label {
    width: 162px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-162 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 162px);
}

.label-width-163 .control-label {
    width: 163px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-163 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 163px);
}

.label-width-164 .control-label {
    width: 164px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-164 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 164px);
}

.label-width-165 .control-label {
    width: 165px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-165 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 165px);
}

.label-width-166 .control-label {
    width: 166px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-166 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 166px);
}

.label-width-167 .control-label {
    width: 167px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-167 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 167px);
}

.label-width-168 .control-label {
    width: 168px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-168 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 168px);
}

.label-width-169 .control-label {
    width: 169px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-169 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 169px);
}

.label-width-170 .control-label {
    width: 170px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-170 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 170px);
}

.label-width-171 .control-label {
    width: 171px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-171 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 171px);
}

.label-width-172 .control-label {
    width: 172px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-172 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 172px);
}

.label-width-173 .control-label {
    width: 173px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-173 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 173px);
}

.label-width-174 .control-label {
    width: 174px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-174 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 174px);
}

.label-width-175 .control-label {
    width: 175px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-175 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 175px);
}

.label-width-176 .control-label {
    width: 176px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-176 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 176px);
}

.label-width-177 .control-label {
    width: 177px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-177 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 177px);
}

.label-width-178 .control-label {
    width: 178px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-178 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 178px);
}

.label-width-179 .control-label {
    width: 179px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-179 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 179px);
}

.label-width-180 .control-label {
    width: 180px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-180 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 180px);
}

.label-width-181 .control-label {
    width: 181px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-181 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 181px);
}

.label-width-182 .control-label {
    width: 182px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-182 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 182px);
}

.label-width-183 .control-label {
    width: 183px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-183 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 183px);
}

.label-width-184 .control-label {
    width: 184px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-184 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 184px);
}

.label-width-185 .control-label {
    width: 185px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-185 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 185px);
}

.label-width-186 .control-label {
    width: 186px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-186 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 186px);
}

.label-width-187 .control-label {
    width: 187px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-187 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 187px);
}

.label-width-188 .control-label {
    width: 188px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-188 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 188px);
}

.label-width-189 .control-label {
    width: 189px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-189 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 189px);
}

.label-width-190 .control-label {
    width: 190px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-190 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 190px);
}

.label-width-191 .control-label {
    width: 191px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-191 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 191px);
}

.label-width-192 .control-label {
    width: 192px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-192 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 192px);
}

.label-width-193 .control-label {
    width: 193px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-193 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 193px);
}

.label-width-194 .control-label {
    width: 194px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-194 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 194px);
}

.label-width-195 .control-label {
    width: 195px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-195 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 195px);
}

.label-width-196 .control-label {
    width: 196px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-196 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 196px);
}

.label-width-197 .control-label {
    width: 197px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-197 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 197px);
}

.label-width-198 .control-label {
    width: 198px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-198 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 198px);
}

.label-width-199 .control-label {
    width: 199px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-199 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 199px);
}

.label-width-200 .control-label {
    width: 200px !important;
    color: #848c98 !important;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-width-200 .ul-responsive li>span:nth-child(2) {
    width: calc(100% - 200px);
}

.project-approval .ant-card-bordered {
    border: 0;
}

.project-approval .ant-card-head {
    border-bottom: 0;
}

.project-approval .ant-card-body {
    display: none;
}

.open-subtitle.no_top {
    border-top: none;
}

.special-info .panel.panel-bordered-left .panel-heading {
    padding-left: 18px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: #eee solid 1px;
}

.special-info .panel-heading::after {
    content: "";
    position: absolute;
    left: 20px;
    width: 4px;
    top: 14px;
    background-color: #199ed8;
    height: 16px;
}

.special-info iframe {
    display: none;
}

.flow-box .ant-table-body {
    max-height: 400px !important;
}

.flow-box .ant-table-fixed {
    width: 100% !important;
}

.flow-box .process-list-title h2 {
    text-align: left;
}

.flow-box .flow-li {
    position: relative;
    float: initial;
    text-align: center;
    padding-bottom: 35px;
}

.flow-box .flow-li:last-child::after {
    content: none;
}

.flow-box .flow-li::after {
    position: absolute;
    content: "";
    font-family: "iconfont" !important;
    font-size: 26px;
    font-style: normal;
    left: 50%;
    bottom: 0;
    color: #00b9d5;
}

.flow-box .flow-li .block-table {
    display: inline-block;
    width: auto;
}

.flow-box .flow-li .block-table:hover {
    border: #00b9d5 solid 1px;
}

.attach-content iframe {
    display: none;
}

.attach-content .fileSize {
    display: none;
}

.attach-content .thelist li a {
    width: 100%;
    padding-right: 0;
}

.attach-content .thelist>li>a>span {
    width: 280px;
}

.approval-attach table {
    width: auto !important;
}

.project-step .ant-steps-item-wait .ant-steps-item-icon {
    background: #1890ff;
}

.project-step .ant-steps-item-icon>.ant-steps-icon {
    color: #fff !important;
}

.project-step .ant-steps-item-title {
    font-weight: inherit;
    font-style: inherit;
}

.project-step .ant-steps-item-title::after {
    opacity: 0;
}

.project-step .ant-steps-item-process .ant-steps-item-title {
    font-weight: inherit;
    font-style: inherit;
}

.project-step .ant-steps-vertical .ant-steps-item {
    padding-bottom: 15px;
}

.bt_1307_regTitle {
    padding: 15px 0;
    font-weight: 600;
}

.w80b {
    width: 80%;
}

.panel-heading .batch-down {
    background-color: #f2f6fd;
    color: #006dbc;
    border: 1px solid #2576b1;
    text-decoration: none;
    transition: color 0.3s;
    border-radius: 3px;
}

.modal-dialog.modal-dialog-w1200 {
    width: 1200px;
}

.project-nav .ant-menu-item-selected:after,
.project-nav .ant-menu-selected:after {
    display: none;
}

.project-nav .ant-menu-item:hover,
.project-nav .ant-menu-item:hover {
    background-color: #e6f7ff;
}

.btn-interval-left {
    margin-left: 10px !important;
}

.btn-interval-right {
    margin-right: 10px !important;
}

.table-min-width .ant-table-fixed {
    width: 1500px !important;
}

.header-bar-expand {
    padding-top: 14.5px;
    padding-bottom: 14.5px;
}

.ipark-tabset-main .ant-tabs-content,
.ipark-tabset-main .ant-tabs-tabpane {
    height: 100%;
}

.sk-table-form .select2-container--default .select2-selection--single,
.sk-table-form input,
.sk-table-form select,
.sk-table-form textarea {
    background-color: transparent !important;
}

input.ant-time-picker-panel-input {
    color: #555;
    font-size: 13px;
    background-color: #fff;
    border: none;
    height: 16px;
    width: 100%;
    line-height: 16px;
    border-radius: 3px;
}

.nz-table-noLoading .ant-spin-dot-spin {
    display: none;
}

.nz-table-noLoading div.ant-spin-spinning {
    position: relative;
}

.nz-table-noLoading div.ant-spin-blur {
    opacity: 1;
    filter: blur(0px);
    user-select: auto;
    pointer-events: auto;
}

.nz-table-noLoading div.ant-spin-blur::after {
    display: none;
}

.filter-box .form-group .lab-box {
    height: 32px;
}

attach,
picture {
    padding: 0;
}

nz-alert {
    display: none !important;
}

.edui-editor-iframeholder,
.edui-editor {
    width: 100% !important;
}

.equal-layout nz-card {
    width: 100%;
}

.flowprocess-table tr:last-child td {
    border-bottom: 1px solid #e8e8e8 !important;
}

.member-table .ant-table-placeholder {
    min-height: 310px;
}


/*# sourceMappingURL=park.css.map */