@charset "utf-8";

/*------------ 2019-10-10 global ------------*/

html {
    background-color: #f2f2f2;
    color: #333;
    height: 100%;
}

body {
    font: 14px Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, Tahoma, Arial, sans-serif;
}

.position-rel {
    position: relative;
}

.float-l {
    float: left;
}

.float-r {
    float: right;
}

.float-n {
    float: none;
}

.clearfix {
    display: block;
    zoom: 1;
}

.clearfix:after {
    content: ".";
    font-size: 0;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.pre-wrap {
    white-space: pre-wrap
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.inline-block2 {
    display: inline-block;
}

.hidden {
    display: none !important;
}

.vm {
    vertical-align: middle !important;
}

.txt-break-all {
    word-break: break-all;
}

.txt-ellipsis {
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a:hover .txt-underline-h {
    text-decoration: underline;
}

.txt-c {
    text-align: center !important;
}

.txt-l {
    text-align: left !important;
}

.txt-r {
    text-align: right !important;
}

.font-italic {
    font-style: italic !important;
}

.font-b {
    font-weight: bold !important;
}

.font-n {
    font-weight: normal !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-12 {
    font-size: 12px !important;
}

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

.font-14 {
    font-size: 14px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-38 {
    font-size: 38px !important;
}

.margin-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.mr-2 {
    margin-right: 2px !important;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.ml-2 {
    margin-left: 2px !important;
}

.mt-3 {
    margin-top: 3px !important;
}

.mr-3 {
    margin-right: 3px !important;
}

.mb-3 {
    margin-bottom: 3px !important;
}

.ml-3 {
    margin-left: 3px !important;
}

.mt-4 {
    margin-top: 4px !important;
}

.mr-4 {
    margin-right: 4px !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.ml-4 {
    margin-left: 4px !important;
}


.mt-5 {
    margin-top: 5px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.mt-6 {
    margin-top: 6px !important;
}

.mr-6 {
    margin-right: 6px !important;
}

.mb-6 {
    margin-bottom: 6px !important;
}

.ml-6 {
    margin-left: 6px !important;
}


.mt-8 {
    margin-top: 8px !important;
}

.mt-9 {
    margin-top: 9px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.mt-11 {
    margin-top: 11px !important;
}

.mr-11 {
    margin-right: 11px !important;
}

.mb-11 {
    margin-bottom: 11px !important;
}

.ml-11 {
    margin-left: 11px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.mt-16 {
    margin-top: 16px !important;
}

.mr-16 {
    margin-right: 16px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.ml-16 {
    margin-left: 16px !important;
}

.ml-18 {
    margin-left: 18px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.padding-0 {
    padding: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pt-7 {
    padding-top: 7px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.block-30 {
    height: 30px;
    line-height: 30px;
}

.lh-40 {
    line-height: 40px !important;
}

.right-0 {
    right: 0 !important;
}

.right-15 {
    right: 15px !important;
}

.top-0 {
    top: 0 !important;
}

.top-4 {
    top: 4px !important;
}

.lh-24 {
    line-height: 24px;
}

.cursor-pointer {
    cursor: pointer;
}

a {
    cursor: pointer;
}

.c-link,
a.c-link,
a.c-link:hover {
    color: #1e9fff !important;
}

a.disabled,
a.disabled:hover {
    color: #aaa !important;
    cursor: not-allowed;
    text-decoration: none !important;
}

a.txt-no-underline:hover {
    text-decoration: none !important;
}

.bg-gray {
    background-color: #aaa;
}

.bg-gray-light {
    background-color: #fafafa;
}

.bg-blue {
    background-color: #1e9fff !important;
}

.c-white {
    color: #fff !important;
}

.c-black {
    color: #000 !important;
}

.c-red {
    color: #ff534d !important;
}

.c-orange {
    color: #ff5722 !important;
}

.c-yellow {
    color: #ffb800 !important;
}

.c-purple {
    color: #7e57c2 !important;
}

.c-green,
a.c-green,
a.c-green:hover {
    color: #009b6a !important;
}

.c-blue,
a.c-blue,
a.c-blue:hover {
    color: #01AAED !important;
}

.c-red-o {
    color: #FA5151 !important;
}

.c-yellow-o {
    color: #ffbf58 !important;
}

.c-orange-o {
    color: #FF9115 !important;
}

.c-purple-o {
    color: #4D4BFF !important;
}

.c-green-o {
    color: #33B987 !important;
}

.c-blue-o {
    color: #1E9FFF !important;
}

.c-gray-dark {
    color: #333333 !important;
}

.c-gray {
    color: #999999 !important;
}

.c-gray-2 {
    color: #888888 !important;
}

.c-gray-light {
    color: #aaaaaa !important;
}

.c-gray-light2 {
    color: #ccc !important;
}

a.c-link:hover,
a.txt-underline {
    text-decoration: underline;
}

a.c-link+.c-link,
a.c-blue+.c-blue {
    margin-left: 15px;
}

.text-w-40 {
    width: 40px !important;
}

.text-w-60 {
    width: 60px !important;
}

.text-w-80 {
    width: 80px !important;
}

.text-w-100 {
    width: 100px !important;
}

.text-w-120 {
    width: 120px !important;
}

.text-w-150 {
    width: 150px !important;
}

.text-w-200 {
    width: 200px !important;
}

.text-w-250 {
    width: 250px !important;
}

.text-w-280 {
    width: 280px !important;
}

.text-w-310 {
    width: 310px !important;
}

.text-w-350 {
    width: 350px !important;
}

.text-w-400 {
    width: 400px !important;
}

.text-w-10p {
    width: 10% !important;
}

.text-w-11p {
    width: 11% !important;
}

.text-mb {
    margin-bottom: 5px !important;
}

.block-30 {
    display: block;
    height: 30px;
    width: 100%;
}

.inline-01 {
    width: calc(96% - 140px);
}

.inline-02 {
    min-width: 350px;
    width: 48%;
}

.inline-3p {
    width: calc(33.3% - 62px) !important;
}

.inline-4p {
    width: calc(25% - 52px) !important;
}

.inline-03 {
    box-sizing: border-box;
    width: calc(100% - 56px) !important;
}

.inline-03.changed {
    width: calc(100% - 98px) !important;
}

.inline-04 {
    box-sizing: border-box;
    width: calc(50% - 52px) !important;
}

.inline-04.changed {
    width: calc(50% - 66px) !important;
}

.inline-05 {
    box-sizing: border-box;
    width: calc(100% - 170px) !important;
}

.layui-layout-admin .layui-body {
    bottom: 0;
    overflow-x: auto;
}

.layui-field-title {
    margin: 20px 0;
}

.layui-bg-gray {
    background-color: #aaa !important;
    color: #fff !important;
}

.layui-table {
    background-color: rgba(255, 255, 255, .0);
}

.layui-table tbody tr.t-link:hover {
    cursor: pointer;
    /*color: #01AAED!important;*/
}

.layui-table tbody tr.bg-gray,
.layui-table tbody tr.bg-hover:hover {
    background-color: #f2f2f2;
}

/*.layui-table tbody tr:hover {
    background: none;
}*/
.layui-table tbody .no-bg:hover {
    background: none;
}

.layui-table td {
    word-break: break-all;
    background-clip: padding-box;
}

.layui-table td.second-type {
    position: relative;
    text-indent: 30px;
}

.ico-dashed {
    position: absolute;
    top: 8px;
    left: 17px;
    width: 14px;
    height: 14px;
    background: url(images/ico-dashed.gif) no-repeat;
}

.layui-table tfoot tr {
    background-color: #f2f2f2;
}

.layui-table .layui-form-switch {
    margin-top: 0;
}

.layui-table td .layui-form-radio {
    margin: 0 8px 0 0;
    line-height: 20px;
    padding-right: 0;
}

.layui-table td .layui-form-radio>i {
    font-size: 18px;
    /*margin-right: 0;*/
}

.layui-table-page {
    box-sizing: border-box;
    border-width: 0 0 0;
    padding: 12px 0 0;
}

.layui-nav .layui-nav-child dd.layui-this a {
    background: #1e9fff;
}

.layui-inline {
    vertical-align: top;
}

.layui-form-onswitch {
    border-color: #1e9fff;
    background-color: #1e9fff;
}
.divDisabled .layui-form-onswitch{ background-color: #B1DEFF;border:unset}

.layui-input.error {
    border-color: #FF5722 !important;
}

.layui-laypage input:focus,
.layui-laypage select:focus {
    border-color: #1e9fff !important;
}

.ajaxSearchForm {
    color: #888888;
}

/* tab选项卡*/
.tab-style {
    margin: 0;
    text-align: left !important;
}

.tab-title {
    position: relative;
    left: 0;
    height: 40px;
    white-space: nowrap;
    font-size: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    transition: all .2s;
    -webkit-transition: all .2s;
}

.tab-title li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 14px;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: relative;
    line-height: 40px;
    min-width: 65px;
    padding: 0 15px;
    text-align: center;
    cursor: pointer;
}

.tab-title li a {
    display: block;
}

.tab-card {
    border: none;
    box-shadow: none;
    border-radius: 2px;
}

.tab-card>.layui-tab-title,
.tab-card>.tab-title {
    height: 50px;
    background-color: #ecf2f8;
    border: none;
}

.tab-card>.layui-tab-title .layui-this,
.tab-card>.tab-title .layui-this {
    background-color: #fff;
    color: #01AAED;
}

.tab-card>.layui-tab-title .layui-this:after,
.tab-card>.tab-title .layui-this:after {
    height: 50px;
    border: none;
    border-radius: 2px 2px 0 0;
}

.tab-card li {
    min-width: 110px;
    line-height: 50px;
    font-size: 16px;
    color: #333;
}

.layui-tab-brief {
    position: relative;
}

.layui-card-body .layui-tab-brief .btn-group-right {
    margin-top: -5px;
    right: 0;
}

.tab-card>.tab-title-fixed {
    width: 100%;
    position: fixed;
    left: auto;
    top: 60px;
    z-index: 99;
}

.layui-tab-title.tab_link li {
    padding: 0;
}

.layui-tab-title.tab_link li a {
    padding: 0 15px;
    min-width: 65px;
}

/*-------------- 上传 --------------*/
.upload-wrapper {}

.upload-box .describe {
    display: inline-block;
    vertical-align: middle;
    line-height: 38px;
    color: #aaa;
}

.upload-box .upload+.describe {
    margin-left: 12px;
}

.upload-pic {
    /*float: left;*/
    display: inline-block;
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    border: 1px dashed #ddd;
    position: relative;
    cursor: pointer;
}

.upload-pic img {
    display: block;
    width: 78px;
    height: 78px;
}

.upload-pic .txt {
    display: block;
    width: 100%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: rgba(51, 51, 51, 0.6);
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
}

.upload-pic .upload {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
    border: none;
    cursor: pointer;
}

.upload-pic .upload .plus {
    /*margin-top: 20px;
	margin-bottom: 10px;*/
    display: block;
    font-size: 52px;
    line-height: 78px;
    color: #ccc;
}

.upload-pic .upload.disabled {
    background: #f5f5f5;
    cursor: not-allowed;
}

/* 上传单图 */
.upload-02 {
    position: relative;
}

.upload-02 .upload-list {
    width: 262px;
    height: 182px;
}

.upload-02 .upload-pic {
    width: 262px;
    height: 182px;
    border: 1px dashed #e6e6e6;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
}

.upload-02 .upload-pic img {
    display: block;
    width: 260px;
    height: 180px;
}

.upload-02 .upload-pic .upload {
    background-color: rgba(0, 0, 0, 0.1);
}

.upload-02 .upload-pic .upload .plus {
    font-size: 62px;
    line-height: 180px;
    color: #fff;
}

/* 上传轮播图 */
.upload-03 {
    position: relative;
}

.upload-03 .upload-list {
    margin-top: 10px;
}

.upload-03 .upload-list .txt-c a {
    display: none;
}

.upload-03 .upload-file-item {
    height: 165px;
}

.upload-03 .upload-file-item:hover .txt-c a {
    display: inline-block;
}


.upload-list {
    margin-top: 6px;
}

.upload-file-item {
    margin-right: 12px;
    line-height: 28px;
    display: inline-block;
}

.upload-file-item.br {
    display: block;
    margin-right: 0;
}

.upload-file-icon,
.upload-file-remove {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #aaa;
    vertical-align: middle;
}

.upload-file-icon:before {
    content: "\e760";
}

.upload-file-remove:before {
    content: "\e6cc";
}

.upload-file-remove {
    cursor: pointer;
    color: #aaa;
}

.upload-file-remove:hover {
    color: #ff534d;
}

.upload-file-name {
    display: inline-block;
    margin-left: 4px;
    max-width: 200px;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

a.upload-file-name {
    color: #01AAED;
}

a.upload-file-name:hover {
    color: #01AAED;
    text-decoration: underline;
}

.upload-file-item.br .upload-file-name {
    max-width: 280px;
}

.upload-box .ibs-ico-cloudupload {
    vertical-align: middle;
    margin-right: 4px;
    font-size: 18px;
}

.upload-list .file-img {
    border: 1px solid #e6e6e6;
}

.upload-list .file-prev {
    position: relative;
    float: left;
    margin-bottom: 10px;
}

.upload-list .file-prev .upload-file-remove {
    position: absolute;
    top: 1px;
    right: 1px;
    opacity: .9;
    filter: alpha(opacity=90);
    background: #333;
    border-radius: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
}

.upload-list .file-prev .upload-file-remove:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff;
}

.upload-list .file-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.upload-list .rar,
.upload-list .RAR {
    background: url("images/file/rar.gif") left top no-repeat;
}

.upload-list .gif,
.upload-list .GIF {
    background: url("images/file/gif.gif") left top no-repeat;
}

.upload-list .ps,
.upload-list .PS {
    background: url("images/file/ps.gif") left top no-repeat;
}

.upload-list .psd,
.upload-list .PSD {
    background: url("images/file/psd.gif") left top no-repeat;
}

.upload-list .z7,
.upload-list .Z7 {
    background: url("images/file/7z.gif") left top no-repeat;
}

.upload-list .ai,
.upload-list .AI {
    background: url("images/file/ai.gif") left top no-repeat;
}

.upload-list .bmp,
.upload-list .BMP {
    background: url("images/file/bmp.gif") left top no-repeat;
}

.upload-list .doc,
.upload-list .DOC {
    background: url("images/file/doc.gif") left top no-repeat;
}

.upload-list .docx,
.upload-list .DOCX {
    background: url("images/file/docx.gif") left top no-repeat;
}

.upload-list .dwg,
.upload-list .DWG {
    background: url("images/file/dwg.gif") left top no-repeat;
}

.upload-list .dwt,
.upload-list .DWT {
    background: url("images/file/dwt.gif") left top no-repeat;
}

.upload-list .email,
.upload-list .EMAIL {
    background: url("images/file/email.gif") left top no-repeat;
}

.upload-list .gz,
.upload-list .GZ {
    background: url("images/file/gz.gif") left top no-repeat;
}

.upload-list .jpeg,
.upload-list .JPEG {
    background: url("images/file/jpeg.gif") left top no-repeat;
}

.upload-list .jpg,
.upload-list .JPG {
    background: url("images/file/jpg.gif") left top no-repeat;
}

.upload-list .pdf,
.upload-list .PDF {
    background: url("images/file/pdf.gif") left top no-repeat;
}

.upload-list .png,
.upload-list .PNG {
    background: url("images/file/png.gif") left top no-repeat;
}

.upload-list .ppt,
.upload-list .PPT {
    background: url("images/file/ppt.gif") left top no-repeat;
}

.upload-list .pptx,
.upload-list .PPTX {
    background: url("images/file/pptx.gif") left top no-repeat;
}

.upload-list .rp,
.upload-list .RP {
    background: url("images/file/rp.gif") left top no-repeat;
}

.upload-list .rtf,
.upload-list .RTF {
    background: url("images/file/rtf.gif") left top no-repeat;
}

.upload-list .tif,
.upload-list .TIF {
    background: url("images/file/tif.gif") left top no-repeat;
}

.upload-list .txt,
.upload-list .TXT {
    background: url("images/file/txt.gif") left top no-repeat;
}

.upload-list .vcard,
.upload-list .VCARD {
    background: url("images/file/vcard.gif") left top no-repeat;
}

.upload-list .xml,
.upload-list .XML {
    background: url("images/file/xml.png?1567569405") left top no-repeat;
}

.upload-list .xls,
.upload-list .XLS {
    background: url("images/file/xls.gif") left top no-repeat;
}

.upload-list .xlsx,
.upload-list .XLSX {
    background: url("images/file/xlsx.gif") left top no-repeat;
}

.upload-list .zip,
.upload-list .ZIP {
    background: url("images/file/zip.gif") left top no-repeat;
}

.upload-list .wav,
.upload-list .WAV {
    background: url("images/file/wav.gif") left top no-repeat;
}

.upload-list .mp3,
.upload-list .MP3 {
    background: url("images/file/mp3.gif") left top no-repeat;
}

.upload-list .mp4,
.upload-list .MP4 {
    background: url("images/file/mp4.gif") left top no-repeat;
}

.upload-time {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    color: #aaa;
    font-size: 12px;
}

/*------------ header-ibs ------------*/
.header-ibs {
    /*min-width: 1024px;*/
    height: 60px;
    border-bottom: none;
}

.header-ibs .logo {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 180px;
    height: 60px;
    background: url(images/logo-common.png?1582703937) no-repeat center center;
	background-size:100% 100%;
}

.header-ibs .title {
    padding-left: 15px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}

.header-ibs .title .ico-huoju {
    display: inline-block;
    padding-right: 12px;
    width: 22px;
    height: 34px;
    background: url(images/logo-huoju.png?1570688236) no-repeat;
}

.header-ibs .title .switchover {
    margin-left: 16px;
    font-size: 14px;
    color: rgba(255, 255, 255, .7);
}

.header-ibs .title a.switchover:hover {
    color: #fff;
}

.header-ibs .layui-nav-item .iconfont {
    font-size: 22px;
}

.header-ibs .layui-nav .layui-badge {
    margin: -18px -10px 0;
}

.header-ibs .layui-nav-item>a {
    height: 60px;
}

/*------------ layui-side ------------*/
.layui-nav-tree .layui-nav-item .iconfont {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -23px;
}

.layui-nav-tree .layui-nav-item a {
    padding: 0 20px 0 48px;
}

.layui-nav-tree .layui-nav-item dl dl a {
    padding: 0 20px 0 68px;
}

.layui-nav-tree .layui-nav-item dl dl .layui-this:hover {
    background-color: #4596e3;
}

/*---------- 进度条 ----------*/
/*.progress-bar {
	box-sizing: border-box;
	padding: 10px 20px;
}
.progress-bar .step {
	display: inline-block;
	line-height: 22px;
	vertical-align: middle;
	font-size: 16px;
	color: #333;
	margin: 10px 0 10px 10px;
	position: relative;
}
.progress-bar .step .num {
	margin-right: 6px;
	display: inline-block;
	box-sizing: border-box;
	width: 22px;
	height: 22px;
	line-height: 20px;
	border: 1px solid #aaa;
	border-radius: 50%;
	font-size: 14px;
	font-style: normal;
	color: #aaa;
	text-align: center;
	vertical-align: middle;
}
.progress-bar .ibs-ico-right1 {
	display: none;
	margin-right: 6px;
	color: #fff;
	background: #009b6a;
	border-radius: 50%;
	font-size: 22px;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 110px;
	margin-top: -10px;
}
.progress-bar .complete:first-child .ibs-ico-right1 {
	left: 0;
}
.progress-bar .complete .ibs-ico-right1 {
	display: block;
}
.progress-bar .step + .step:before {
	content: "——————";
	color: #eee;
	font-weight: bold;
	margin-right: 10px;
}
.progress-bar .step.complete,
.progress-bar .step.active {
	color: #009b6a;
}
.progress-bar .step.active .num {
	color: #009b6a;
	border-color: #009b6a;
}*/

.progress-bar {
    width: 100%;
    height: 46px;
    overflow: hidden;
    background-color: #f6f6f6;
    border-radius: 6px;
}

.progress-bar li {
    box-sizing: border-box;
    position: relative;
    float: left;
    padding: 12px 20px 12px 2px;
    width: 20%;
    height: 46px;
    line-height: 22px;
    background-color: #f7f7f7;
    color: #aaa;
    text-align: center;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.progress-bar li .num {
    margin-right: 10px;
    display: inline-block;
    width: 22px;
    height: 22px;
    font: bold 14px/22px Arial;
    border-radius: 50%;
    background-color: #d9d9d9;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.progress-bar .triangle {
    width: 17px;
    height: 50px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 0;
}

.progress-bar .triangle:before,
.progress-bar .triangle:after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    transform: scaleY(1.4) translate(30%, -30px) rotate(45deg);
}

.progress-bar .triangle:before {
    left: -58px;
    top: 42px;
    border-radius: 1px;
    background-color: #fff;
}

.progress-bar .triangle:after {
    left: -60px;
    top: 42px;
    border-radius: 1px;
    background-color: #f6f6f6;
}

.progress-bar li.verified {
    background-color: #e4f2fd;
    color: #333;
}

.progress-bar li.verified .num {
    background-color: #fff;
    color: #01aaed;
}

.progress-bar li.verified .triangle:after {
    background-color: #e4f2fd;
}

.progress-bar li.active {
    background-color: #58beff;
    background-image: linear-gradient(90deg, #e4f2fd 0%, #58beff 90%);
    color: #fff;
}

.progress-bar li.active .num {
    background-color: #fff;
    color: #01aaed;
}

.progress-bar li.active .triangle {
    background-color: #f6f6f6;
}

.progress-bar li.active .triangle:after {
    background-color: #58beff;
}

.progress-bar li:last-child .triangle {
    display: none;
}

.progress-bar li.fail {
    background-color: #fa5151;
    background-image: linear-gradient(90deg, #fde3e3 0%, #fa5151 90%);
    color: #fff;
}

.progress-bar li.fail .num {
    background-color: #fff;
    color: #fa5151;
}

.progress-bar li.time {
    padding: 0 20px 0 2px;
}

.progress-bar li.time .num {
    margin: 12px 10px 12px 0;
}

.progress-bar li.time .txt {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
    color: #333;
    text-align: left;
}

/* 进度条 7步 */
.p-bar-7 li {
    width: 14.285%;
}

/* 进度条 6步 */
.p-bar-6 li {
    width: 16.666%;
}

/* 进度条 5步 */
.p-bar-5 li {
    width: 20%;
}

/* 进度条 4步 */
.p-bar-4 li {
    width: 25%;
}

/* 进度条 3步 */
.p-bar-3 li {
    width: 33.333%;
}

/* 进度条 2步 */
.p-bar-2 li {
    width: 50%;
}

/*------------ 标签 ------------*/
.layui-badge {
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
}

.layui-bg-red2 {
    background-color: #FA5151 !important;
    border-radius: 3px;
}

.layui-bg-blue2 {
    background-color: rgba(60, 120, 255, 8%) !important;
    color: #3C78FF;
    border-radius: 3px;
}

.layui-bg-orange2 {
    background-color: #FFB800 !important;
    border-radius: 3px;
}

/*------------ 按钮 ------------*/
.btn-group-right {
    line-height: initial;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;
}

.layui-card-body .btn-group-right {
    top: 10px;
    right: 15px;
    margin-top: 0;
}

/*.layui-ibs .layui-card-header */
.btn-group-right.xs {
    margin-top: -11px;
}

.ibs-btn-box {
    position: relative;
    display: block;
    min-height: 42px;
    margin: 25px 0 15px;
}

.btn-center {
    position: absolute;
    left: 50%;
    margin-left: -32px;
}

.layui-btn-group .layui-btn-disabled:first-child {
    border-left: 1px solid #e6e6e6;
}

/* 一级标题栏 */
.title-01-special {
    height: 40px;
    position: relative;
}

.title-01 {
    margin: 15px 0;
    height: 40px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.title-01>span:first-child {
    /*position: absolute;
    left: 0;
    top: 0;*/
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #01AAED;
    vertical-align: middle;
    font-size: 18px;
}

.title-01 .btn-group-right {
    top: 5px;
    right: 0;
}

/* 二级标题栏 */
.title-02,
.title-03 {
    margin: 15px 0;
    padding: 0 15px 0 10px;
    height: 20px;
    line-height: 20px;
    border-left: 3px solid #4596e3;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}

.title-02 .btn-group-right {
    top: -5px;
    right: 0;
}

/* 三级标题栏 */
.layui-elem-field {
    margin-top: 15px;
}

.layui-elem-field legend {
    font-size: 16px;
}

/* 特殊标题 */
.title-special {
    padding: 15px 0;
    /*min-height: 70px;
    line-height: 70px;*/
    background-repeat: no-repeat;
    background-position: right top;
    position: relative;
}

.title-special>.iconfont {
    float: left;
    margin: 0 10px;
    line-height: 70px;
    color: #ddd;
    font-size: 60px;
}

.title-special .infos {
    margin-left: 82px;
    /*padding-top: 8px;*/
    line-height: 24px;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
}

.title-special .infos>.txt-1 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.title-special .infos>.txt-2 {
    margin-top: 2px;
    color: #aaa;
}

.title-special .btn-group-right {
    right: 0;
    top: 50%;
    margin-top: -19px;
}

.title-special .search-box+.layui-btn {
    margin-left: 10px;
}

/*.title-special dd {
    margin-top: 10px;
    padding-right: 15px;
}
.title-special dd >div {
    border-right: 1px solid #e6e6e6;
}
.title-special h3 {
    padding: 0 0 6px 0;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999;
}
.title-special p {
    line-height: 32px;
    font-size: 18px;
    color: #333;
}
.title-special #intention .layui-rate {
	padding: 0 5px 0 0;
}
.title-special #intention > .layui-inline {
	margin-top: 0;
	vertical-align: middle;
}*/

/* 无数据 */
.no-data-box {
    box-sizing: border-box;
    width: 100%;
    height: 150px;
    position: relative;
}

.no-data-box .no-data {
    width: 300px;
    height: 90px;
    line-height: 90px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    color: #aaa;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -150px;
}

.no-data-box .no-data i {
    display: inline-block;
    margin-right: 20px;
    width: 64px;
    height: 64px;
    background: url(images/ico-no-data.png?1502345880) no-repeat;
    vertical-align: top;
}

.no-data-s {
    height: 70px;
    line-height: 70px;
    color: #aaa;
    font-size: 16px;
    text-align: center;
}

/* 加载 */
.loading {
    width: 100%;
    height: 100%;
    position: relative;
}

.loading .ico-loading {
    display: inline-block;
    position: absolute;
    width: 64px;
    height: 64px;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
}

/* 加载动画 */
@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

@keyframes configure-clockwise {
    0% {
        transform: rotate(0);
    }

    25% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(270deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes configure-xclockwise {
    0% {
        transform: rotate(45deg);
    }

    25% {
        transform: rotate(-45deg);
    }

    50% {
        transform: rotate(-135deg);
    }

    75% {
        transform: rotate(-225deg);
    }

    100% {
        transform: rotate(-315deg);
    }
}

@keyframes pulse {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: .25;
        transform: scale(.75);
    }
}

.pulse-box {}

.pulse-txt {
    float: left;
    margin-right: 5px;
}

.pulse-container {
    float: left;
    margin-top: 8px;
    box-sizing: border-box;
    width: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pulse-bubble {
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #999;
}

.pulse-bubble-1 {
    box-sizing: border-box;
    animation: pulse .4s ease 0s infinite alternate;
}

.pulse-bubble-2 {
    box-sizing: border-box;
    animation: pulse .4s ease .2s infinite alternate;
}

.pulse-bubble-3 {
    box-sizing: border-box;
    animation: pulse .4s ease .4s infinite alternate;
}

/*------------ 布局 ------------*/

/*.layui-layout-admin .layui-footer {
	bottom: 14px;
}*/

.height-self .layui-row {
    height: calc(100% - 22px);
}

.height-self .layui-col-md12 {
    height: 100%;
}

.height-self .layui-row .layui-card {
    height: 100%;
}

.height-self .layui-card-body {
    height: calc(100% - 44px);
}

.layui-ibs .right-box {
    position: absolute;
    top: 0;
    right: 15px;
    text-align: right;
    box-sizing: border-box;
}

.layui-ibs>.right-box {
    top: 15px;
}

.layui-ibs .txt-max-w {
    display: inline-block;
    max-width: 35%;
    vertical-align: middle;
}

/*.layui-ibs .right-box a + a {
	margin-left: 25px;
}*/

.layui-ibs .layui-breadcrumb .right-box {
    right: 0;
}

.left-260 {
    box-sizing: border-box;
    float: left;
    width: 260px;
    height: 100%;
    padding-left: 15px;
}

.left-260 .admin-list {
    height: calc(100% - 55px);
    overflow-y: auto;
}

.left-260 .search-box {
    margin: 15px 15px 15px 0;
}

.left-260 li {
    display: block;
    line-height: 26px;
}

.left-260 li a {
    box-sizing: border-box;
    display: block;
    padding-left: 18px;
    height: 36px;
    line-height: 36px;
    border-left: 5px solid rgba(30, 159, 255, 0);
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.left-260 li a:hover,
.left-260 li a.active {
    background-color: #f2f2f2;
    border-left: 5px solid rgba(30, 159, 255, 1);
    color: #000;
}

.left-260 .left-header {
    padding: 15px 15px 15px 5px;
    position: relative;
}

.left-260 .left-header .group-right {
    position: absolute;
    top: 14px;
    right: 15px;
}

.parkList {
    overflow-y: auto;
}

.right-260 {
    box-sizing: border-box;
    margin-left: 260px;
    height: 100%;
    /*overflow-y: auto;*/
    border-left: 1px solid #eee;
}

.right-260 .header-box {
    box-sizing: border-box;
    height: 48px;
    line-height: 32px;
    padding: 15px 20px 0;
}

.right-260 .header-box .title {
    font-size: 24px;
}

.right-260 .header-box .right-box {
    position: absolute;
    top: 15px;
    right: 15px;
}

.layui-ibs {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 15px;
    min-width: 1075px;
    height: 100%;
}

.layui-breadcrumb {
    padding-bottom: 12px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    position: relative;
}

.layui-breadcrumb a cite {
    color: #999;
    cursor: default;
}

.layui-breadcrumb .return,
.layui-card-header .return {
    position: absolute;
    right: 0;
}

.layui-card-header .return {
    right: 15px;
    color: #999;
}

.layui-card-header .return:hover {
    color: #4596e3;
}

.layui-ibs .layui-card-header .layui-btn-group {
    line-height: initial;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
}

.layui-ibs .layui-card-header .ibs-ico-helpnormal {
    cursor: pointer;
}

.layui-ibs .layui-card-header .city {
    padding-left: 15px;
    display: inline-block;
    line-height: initial;
    color: #999;
    font-size: 12px;
    width: 300px;
    vertical-align: middle;
}

.layui-ibs .layui-card-header a.ibs-ico-right:hover {
    color: #01AAED !important;
}

/*------------ 表单 ------------*/
.layui-input.disabled,
.layui-textarea.disabled,
.layui-select-disabled .layui-disabled {
    background: #fbfbfb;
    cursor: not-allowed;
    border-color: #eee !important;
}

.layui-input::-webkit-input-placeholder,
.layui-select::-webkit-input-placeholder,
.layui-textarea::-webkit-input-placeholder {
    color: #c2c2c2;
}

/*.layui-input.disabled::-webkit-input-placeholder, .layui-select.disabled::-webkit-input-placeholder, .layui-textarea.disabled::-webkit-input-placeholder {
	color: #fff;
}*/

.layui-textarea-s {
    min-height: 36px;
    height: 36px;
}

.radio-0 .layui-form-radio {
    margin: 0 8px 0 0;
    line-height: 20px;
    padding-right: 0;
}

.radio-0 .layui-form-radio>i {
    font-size: 18px;
    /*margin-right: 0;*/
}

.layui-form-label {
    color: #888;

}

/*add by spring */

.search-border {
    height: 1px;
    background: #F2F2F2;
}

.ibs-menu-iconfont .iconfont {
    font-size: 18px;
}

.house-ibs-card-header-h {
    height: auto;
    line-height: 70px;
    border-bottom: none;
}

.tab-house-header-h {
    padding: 6px 15px 6px 13px;
}

.no-tab-house-header-h {
    padding: 16px 16px 0px 16px;
}

.no-tab-house-header-h-no-txt2 {
    padding: 16px 16px 22px 16px;
}

.house-ibs-card-header-h>i.ico-header {
    float: left;
    display: inline-block;
    font-size: 60px;
    vertical-align: middle;
}

.house-ibs-card-header-h .infos {
    padding-left: 80px;
    line-height: 30px;
}

.house-ibs-card-header-h .infos .txt-1 {
    margin-top: 6px;
    font-size: 24px;
}

.house-ibs-card-header-h .infos .txt-2 {
    font-size: 14px;
    color: #aaa;
}

.c-house-link {
    color: #1E9FFF !important;
}

.table-toolbar-wrapper .layui-btn {
    height: 34px;
    line-height: 34px;
}

.ibs-ajaxSearchForm .layui-btn {
    height: 34px;
    line-height: 34px;
}

.ibs-ajaxSearchForm .layui-input,
.layui-select,
.layui-textarea {
    height: 34px;
}

.vmb {
    vertical-align: top;
}

/*end*/
.text-mb .layui-form-label {
    /*text-align: left;*/
    color: #999;
}

.text-mb .layui-form-mid {
    color: #000;
}

.label-l .layui-form-label {
    width: 125px;
}

.label-l .layui-input-block {
    margin-left: 155px;
}

.label-l-2 .layui-form-label {
    width: 150px;
}

.label-l-2 .layui-input-block {
    margin-left: 180px;
}

.label-s .layui-form-label {
    width: 80px;
}

.label-s .layui-input-block {
    margin-left: 110px;
}

.label-l-6 .layui-form-label {
    width: 100px;
}

.label-l-6 .layui-input-block {
    margin-left: 130px;
}

.layui-form-mid {
    color: #222;
    word-break: break-all;
}

.ibs-block-center {
    position: absolute;
}

.layui-input-block .layui-row+.layui-row {
    margin-top: 15px;
}

.layui-input-block .layui-row:before {
    display: inline-block;
}

.input-units {
    position: relative;
}

.input-units .pr-30 {
    padding-right: 30px;
}

.input-units .unit {
    position: absolute;
    right: 10px;
    top: 7px;
}

.table-th-c th,
.table-td-c td {
    text-align: center;
}

.ibs-btn-more {
    display: inline-block;
}

.ibs-btn-more-pack {
    display: none;
    position: absolute;
    z-index: 99;
    top: 30px;
    right: 50%;
    margin-right: -25px;
    padding: 4px 0;
    line-height: 22px;
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
}

.ibs-btn-more:hover .ibs-btn-more-pack {
    display: block;
}

.ibs-btn-more-down-pack {
    display: none;
    position: absolute;
    z-index: 99;
    padding: 5px 15px;
    line-height: 22px;
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
}

.ibs-btn-more:hover .ibs-btn-more-down-pack {
    display: block;
}

.ibs-charge-more {
    display: inline-block;
}

.ibs-charge-more-property-pack {
    display: none;
    position: absolute;
    z-index: 99;
    margin-right: -25px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
}

.ibs-charge-more:hover .ibs-charge-more-property-pack {
    display: block;
}

.ibs-charge-more-charge-pack {
    display: none;
    z-index: 99;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
}

.ibs-charge-more:hover .ibs-charge-more-charge-pack {
    display: block;
}

.ibs-charge-more-viewmeter-pack {
    display: none;
    position: absolute;
    z-index: 99;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
}

.ibs-charge-more:hover .ibs-charge-more-viewmeter-pack {
    display: block;
}


.ibs-charge-more-sale-pack {
    display: none;
    position: absolute;
    z-index: 99;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
}

.ibs-charge-more:hover .ibs-charge-more-sale-pack {
    display: block;
}

.ibs-charge-more-pack {
    display: none;
    position: absolute;
    z-index: 99;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
}

.ibs-charge-more:hover .ibs-charge-more-pack {
    display: block;
}

.ibs-btn-more-pack {
    display: none;
    position: absolute;
    z-index: 99;
    top: 25px;
    right: 50%;
    margin-right: -25px;
    padding: 4px 0;
    line-height: 22px;
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
}

.ibs-btn-more:hover .ibs-btn-more-pack {
    display: block;
}

.ibs-btn-more>.ibs-btn-more-pack a {
    display: block;
    padding: 3px 9px;
    min-width: 50px;
    height: 22px;
    line-height: 22px;
    text-align: center;
}

.ibs-btn-more>.ibs-btn-more-pack a:hover {
    background: #f2f2f2;
    color: #000;
}

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

.layui-ibs .layui-footer {
    padding: 10px 0 20px 0;
    text-align: center;
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05);
    background-color: #fff;
    z-index: 10;
}

.table-border-2 th,
.table-border-2 td {
    border-width: 1px 0 1px 0;
    padding: 9px 8px;
}

.table-border-2 tr th:first-child,
.table-border-2 tr td:first-child {
    border-width: 1px 0 1px 1px;
    padding: 9px 8px 9px 15px;
}

.table-border-2 tr th:last-child,
.table-border-2 tr td:last-child {
    border-width: 1px 1px 1px 0;
    padding: 9px 25px 9px 8px;
}

.date-2 {
    width: 100%;
}

.date-2 .layui-col-xs6 {
    width: calc(50% - 18px);
}

.date-2 .layui-form-mid {
    width: 36px;
    text-align: center;
    margin-right: 0;
}

.date-2 .layui-input-inline {
    margin-right: 0 !important;
}

.layui-table-box {
    border: 1px solid #e6e6e6;
}

.layui-table-box .layui-table {
    margin: 0;
}

.layui-table-box td .ibs-ico-right1 {
    font-size: 15px;
}

.layui-table-header,
.layui-table-body {
    margin-top: -1px;
    margin-left: -1px;
    border: none;
}

.layui-table-body {
    overflow: hidden;
}

.table-h-left,
.table-c-left {
    float: left;
    width: 100px;
}

.table-h-right {
    overflow-x: hidden;
}

.table-c-left {
    overflow-y: hidden;
}

.table-h-right,
.table-c-right {
    margin-left: 100px;
}

.table-c-left,
.table-c-right {
    height: 343px;
}

.table-c-right {
    overflow-y: auto;
    overflow-x: auto;
}

.table-h-right .layui-table,
.table-c-right .layui-table {
    margin-left: -1px;
}

.layui-table-fixed {
    background-color: #fff;
}

.table-in,
.layui-card-body .table-in {
    margin: -1px;
    width: calc(100% + 2px);
}

.table-in thead tr {
    background-color: #fafafa;
}


/* 一体搜索 */
.search-box {
    position: relative;
}

.search-box .layui-input {
    padding-right: 40px;
}

.search-box .btn-input {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
}

.search-box .btn-input i {
    color: #888;
    font-size: 20px;
}

/*.search-box.drop-down {
	cursor: pointer;
}*/
.search-box .drop-down-list {
    display: none;
    box-sizing: border-box;
    position: absolute;
    top: 37px;
    right: 0;
    width: 100%;
    max-height: 220px;
    line-height: 28px;
    overflow-y: auto;
    border: 1px solid #e6e6e6;
    background: #fff;
}

.search-box .drop-down-list a {
    box-sizing: border-box;
    padding-left: 10px;
    display: block;
    height: 28px;
    line-height: 28px;
}

.search-box .drop-down-list a:hover {
    background: #f8f8f8;
    color: #333;
}

/*------------ ibs-tree ------------*/
.ibs-tree-box {
    float: left;
    width: 300px;
    height: 100%;
}

.ibs-tree {
    padding-bottom: 120px;
    line-height: 22px;
}

.ibs-tree-set {
    width: 100%;
    position: relative;
}

.ibs-tree-entry {
    position: relative;
    padding: 3px 0;
    height: 22px;
    white-space: nowrap;
}

.ibs-tree-entry:hover,
.ibs-tree-entry.active {
    background-color: #f9f9f9;
}

.ibs-tree-more {
    position: absolute;
    top: 4px;
    right: 0;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
}

.ibs-tree-more>i {
    color: #ccc;
    font-size: 20px;
}

.ibs-tree-more:hover>i {
    color: #2198f3;
}

.ibs-tree-more>.ibs-tree-more-pack {
    display: none;
    position: absolute;
    z-index: 99;
    top: -2px;
    left: 20px;
    padding: 4px 0;
    /* width: 100px;*/
    line-height: 22px;
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
}

.ibs-tree-more:hover>.ibs-tree-more-pack {
    display: block;
}

.ibs-tree-more>.ibs-tree-more-pack a {
    display: block;
    padding: 3px 8px;
    width: 78px;
    height: 22px;
    line-height: 22px;
}

.ibs-tree-more>.ibs-tree-more-pack a:hover {
    background-color: #f9f9f9;
    color: #000;
}

.ibs-tree .move-up:first-of-type a {
    display: none;
}

.ibs-tree .move-down:last-of-type a {
    display: none;
}

.ibs-tree-main {
    padding-right: 10px;
    cursor: pointer;
    /*display: inline-block;*/
    vertical-align: middle;
}

.ibs-tree-iconClick {
    position: relative;
    height: 22px;
    line-height: 22px;
    margin: 0 10px 0 8px;
    color: #c0c4cc;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.ibs-tree-iconArrow {
    padding: 0 5px;
}

.ibs-tree-iconArrow:after {
    content: '';
    position: absolute;
    left: 4px;
    top: 6px;
    z-index: 100;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #c0c4cc;
    transition: .5s;
}

.ibs-tree-txt {
    /*display: inline-block;*/
    vertical-align: middle;
    padding-right: 10px;
    color: #555;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ibs-tree-pack {
    display: none;
    padding-left: 20px;
    position: relative;
}

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

.ibs-no-child {
    cursor: default;
}

.ibs-no-child:after {
    border-color: transparent transparent transparent rgba(192, 196, 204, 0);
}

.ibs-tree-spread>.ibs-tree-entry>.ibs-tree-main>.ibs-tree-iconClick>.ibs-tree-iconArrow:after {
    left: 0;
    top: 8px;
    border-color: #c0c4cc transparent transparent transparent;
}

.ibs-tree .ibs-ico-folders {
    color: #c5e0f4;
}

.ibs-tree .ibs-ico-adminchoice,
.ibs-tree .iconyuanqu {
    color: #ddd;
}

.ibs-tree-box-right {
    margin-left: 315px;
    height: 100%;
}

/* #region tree */
.eleTree {
    position: relative;
}

.eleTree-hide {
    display: none;
}

.eleTree-loadData {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0px;
}

.eleTree-loadData .layui-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.eleTree-node-content {
    cursor: pointer;
    height: 26px;
    line-height: 1.3;
    white-space: nowrap;
}

.eleTree-node-content:hover,
.eleTree-node-content.eleTree-node-content-active {
    background-color: #eee;
}

.eleTree-node-content-icon .layui-icon {
    padding: 6px 3px;
    color: #c0c4cc;
    font-size: 12px;
    display: inline-block;
    transform: rotate(0deg);
    transition: transform .3s ease-in-out;
}

.eleTree-node-content-icon .layui-icon.icon-rotate {
    transform: rotate(90deg);
}

.eleTree-node-content .layui-form-checkbox[lay-skin=primary] i {
    width: 13px;
    height: 14px;
    line-height: 1.3;
}

.eleTree-node-content-label {
    padding-left: 5px;
}

.eleTree-node-content-input {
    width: 80px;
    border: 1px solid #e6e6e6;
    outline: 0;
    padding: 3px 5px;
    font-size: 12px;
}

/* checkbox第三种状态 */
input.eleTree-hideen[type=checkbox] {
    display: none;
}

.eleTree-checkbox {
    height: auto !important;
    line-height: normal !important;
    min-height: 12px;
    border: none !important;
    margin-right: 0;
    padding-left: 18px;
    position: relative;
    display: inline-block;
}

.eleTree-checkbox i {
    left: 0;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .1s linear;
    transition: .1s linear;
    position: absolute;
    top: 0;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 13px;
    height: 14px;
    line-height: 1.3;
}

.eleTree-checkbox i:hover {
    border-color: #3fadff;
}

.eleTree-checkbox-checked i {
    border-color: #3fadff;
    background-color: #3fadff;
    color: #fff;
}

.eleTree-checkbox-line:after {
    content: "";
    position: relative;
    width: 8px;
    height: 1px;
    background-color: #fff;
    display: inline-block;
    top: -4px;
}

.eleTree-checkbox.eleTree-checkbox-disabled i {
    cursor: not-allowed;
    background-color: #f2f6fc;
    border-color: #dcdfe6;
    color: #c2c2c2;
}

.eleTree-checkbox.eleTree-checkbox-disabled i.eleTree-checkbox-line:after {
    background-color: #c2c2c2;
}

.eleTree-checkbox.eleTree-checkbox-disabled i:hover {
    border-color: #dcdfe6;
}

.eleTree {
    width: 350px;
    height: 160px;
    border: 1px solid #ccc;
    overflow-y: scroll;
    /*display: inline-block;*/
}

.eleTreeX {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    background-color: #fff;
    z-index: 100;
}

#tree-menu {
    margin: 0;
    padding: 2px;
    position: absolute;
    background: #f5f5f5;
    border: 1px solid #979797;
    box-shadow: 2px 2px 2px #999;
    display: none;
    z-index: 20181205;
}

#tree-menu li>a {
    display: block;
    padding: 0 1em;
    text-decoration: none;
    width: auto;
    color: #000;
    white-space: nowrap;
    line-height: 2.4em;
    text-shadow: 1px 1px 0 #fff;
    border-radius: 1px;
}

#tree-menu li>a:hover {
    background-color: #e8eff7;
    box-shadow: 0 0 2px #0a6aa1;
}

.tree-menu-bg {
    background-color: #ccc;
}

/* #endregion */

/* 辅助 */
.ibs-elem-quote {
    margin-bottom: 10px;
    padding: 15px;
    line-height: 22px;
    border-left: 5px solid #FF8700;
    border-radius: 0 2px 2px 0;
    background-color: #fffcf5;
    color:#FF8700;
}

.ibs-elem-quote-02 {
    margin: 10px 0;
    padding: 8px 15px;
    line-height: 20px;
    border: 1px solid #fdeae2;
    background-color: #fffcf5;
    color: #666;
    font-size: 12px;
}


/* 折叠面板 */
.ibs-collapse {
    border: 1px solid #e6e6e6;
    border-radius: 2px;
}

.ibs-collapse+.ibs-collapse {
    margin-top: 20px;
}

.ibs-colla-title {
    position: relative;
    height: 42px;
    line-height: 42px;
    padding: 0 35px 0 15px;
    color: #333;
    background-color: #f8f8f8;
    font-size: 14px;
    overflow: hidden;
}

.ibs-colla-title>.iconfont {
    font-size: 22px;
    color: #ccc;
    position: absolute;
    top: 0;
    right: 15px;
}

.ibs-colla-title .group-right {
    position: absolute;
    top: -1px;
    right: 50px;
}

.ibs-colla-content {
    /*display: none;*/
    padding: 10px 15px;
    line-height: 18px;
    color: #666;
    /*border-top: 1px solid #e6e6e6;*/
}

.ibs-collapse .layui-colla-icon {
    right: 15px;
    left: auto;
}

.ibs-colla-item:first-child {
    border-top: none;
}

.ibs-colla-title2 {
    position: relative;
    height: 38px;
    line-height: 38px;
    padding: 8px 15px;
    color: #333;
    background-color: #f8f8f8;
    font-size: 14px;
    overflow: hidden;
}

.ibs-colla-title2 .group-right {
    position: absolute;
    top: 7px;
    right: 15px;
}

/* 工作台 */
.layui-layout-admin .workbench .layui-ibs {
    /*min-width: 1200px;*/
}

.workbench .layui-col-md12 .layui-card-body {
    min-height: 120px;
}

.workbench .layui-col-md12 .approve {
    height: auto;
}

.workbench .layui-card-header .more {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #aaa;
}

.workbench .layui-card-header .more:hover {
    color: #01AAED;
}

.statistics li {
    margin-top: 16px;
    border-right: 1px solid #eee;
    padding-right: 15px;
}

.statistics li>div {
    box-sizing: border-box;
    padding-left: 4%;
    vertical-align: middle;
}

.statistics li:last-child {
    border-right: none;
    padding-right: 0;
}

.statistics li>div h3 {
    padding: 0 0 6px 0;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999;
}

.statistics li>div p {
    padding: 0px;
    height: 26px;
    line-height: 26px;
    font-size: 24px;
    color: #333;
}

.statistics li>div .txt-01 {
    margin-left: 20px;
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #aaa;
}

.statistics li>div .txt-02 {
    display: inline-block;
    width: calc(100% - 56px);
    height: 26px;
    text-align: right;
    vertical-align: middle;
}

.workbench .statistics li {
    margin-top: 0;
}

.workbench .statistics li>div {
    display: inline-block;
    width: 48%;
}

.workbench .statistics li>div h3 {
    padding: 0 0 10px 0;
}

.workbench .statistics li>div p {
    padding: 12px 0 8px;
    font-size: 22px;
}

.workbench .approve {
    height: 302px;
    overflow: hidden;
}

.workbench .approve li {
    width: 100%;
    line-height: 38px;
}

.workbench .approve li>a {
    display: block;
    height: 38px;
    line-height: 38px;
    position: relative;
}


.model li {
    border-right: 1px solid #eee;
}

.model li>div {
    float: left;
    box-sizing: border-box;
    padding: 0 8px;
    height: 78px;
}

.model li:last-child {
    border-right: none;
    padding-right: 0;
}

.model li>div h3 {
    padding: 0 0 10px 0;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999;
}

.model li>div p {
    padding: 12px 0 8px;
    height: 26px;
    line-height: 26px;
    font-size: 22px;
    color: #333;
}

.model.model-01 li>div.sale,
.model.model-02 li>div.sale {
    width: 100%;
}

.model.model-01 li>div {
    box-sizing: border-box;
    display: inline-block;
    width: 20%;
    text-align: center;
}

.model.model-02 li>div {
    box-sizing: border-box;
    display: inline-block;
    width: 33.3%;
    text-align: center;
}


/*.workbench .approve li .label {
	display: inline-block;
	width: 46px;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
}*/
.workbench .approve li .date {
    display: inline-block;
    width: 20%;
    height: 38px;
    line-height: 38px;
    color: #aaa;
    font-size: 12px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
}

.workbench .approve li .txt-ellipsis {
    display: inline-block;
    width: 80%;
    height: 38px;
    vertical-align: middle;
}

.workbench .approve li:hover .txt-ellipsis {
    text-decoration: underline;
}

.t-no-border thead tr,
.t-no-border {
    background: none;
}

.t-no-border tbody tr:hover {
    background: none;
}

.t-no-border th,
.t-no-border td {
    border: none;
    color: #999;
    padding: 7px 15px;
    text-align: right;
}

.workbench-box {
    /*margin: 30px auto;
    width: 1200px;*/
}

.workbench-box .layui-card {
    border-radius: 8px;
    overflow: hidden;
}

.workbench-box .layui-card-header {
    height: 52px;
    line-height: 52px;
    padding: 0 20px;
}

.workbench-box .layui-card-header .layui-btn-group {
    right: 20px;
    margin-top: -15px;
}

.workbench-box .layui-card-body {
    padding: 10px 20px;
}

.workbench-box .layui-btn-group .layui-btn+.layui-btn {
    margin-right: 0;
}

.workbench-box .layui-btn-group .layui-btn-primary {
    height: 32px;
    line-height: 30px;
    padding: 0 25px;
}

.workbench-box .layui-btn-group .layui-btn-primary:hover {
    color: #1e9fff;
}

.workbench-box .layui-btn-group .layui-btn-primary.active,
.workbench-box .layui-btn-group .layui-btn-primary.active:hover {
    line-height: 32px;
    background-color: #1e9fff;
    color: #fff;
    border: none;
}

.workbench-box .date {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #333;
}

.workbench-box .date .iconfont {
    font-size: 24px;
    color: #aaa;
}

.workbench-box .date a:hover {
    color: #1e9fff !important;
}

.workbench-box .date a.disabled,
.workbench-box .date a.disabled:hover {
    color: #ddd !important;
    cursor: not-allowed;
}

.workbench-box .ranking {
    width: 100%;
}

.workbench-box .ranking dd {
    margin: 10px 0 20px;
    display: block;
    min-height: 163px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #eee;
    -webkit-box-shadow: #eee 0 0 8px;
    -moz-box-shadow: #eee 0 0px 8px;
    box-shadow: #eee 0 0 8px;
}

.workbench-box .ranking dd>a {
    display: block;
    width: 100%;
    height: 100%;
    /*background: url(images/ico-arrow-02.png) no-repeat 925px center;*/
}

.workbench-box .ranking dd>a:hover {
    background-color: #f8fcff;
    color: #333;
}

.workbench-box .ranking .title {
    height: 44px;
    line-height: 44px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #eee;
}

.workbench-box .ranking .title a span {
    color: #aaa;
}

.workbench-box .ranking .title a:hover span,
.workbench-box .ranking .title a:hover .ibs-ico-right {
    color: #1e9fff !important;
}

.workbench-box .ranking .title .number {
    float: left;
    padding: 9px 0 7px;
    width: 84px;
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

.workbench-box .ranking .title .txt {
    float: left;
    padding: 9px 0 7px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    font-size: 18px;
    white-space: nowrap;
}

.workbench-box .ranking .title .num-1 {
    background: url(images/ranking-1.png?1576462728) no-repeat center top;
}

.workbench-box .ranking .title .num-2 {
    background: url(images/ranking-2.png?1576462727) no-repeat center top;
}

.workbench-box .ranking .title .num-3 {
    background: url(images/ranking-3.png?1576462728) no-repeat center top;
}

.workbench-box .ranking .data {
    padding: 10px 15px;
}

.workbench-box .layui-table,
.workbench-box .t-no-border thead tr {
    background: none;
}

.workbench .t-no-border th,
.workbench .t-no-border td,
.workbench-box .t-no-border th,
.workbench-box .t-no-border td {
    padding: 7px 8px;
}

.workbench-box .statistics {
    padding: 10px 0;
}

.workbench-box .statistics li>div {
    display: inline-block;
    width: 49%;
}

.workbench-box .statistics li>div h3 {
    padding: 8px 0 10px 0;
}

.workbench-box .statistics li>div p {
    font-size: 22px;
}

.tab-card>.tab-title-fixed {
    width: 100%;
    position: fixed;
    left: auto;
    top: 60px;
    z-index: 99;
}

.layui-content .hidden-link {
    position: absolute;
    top: -70px;
}

/* 地图 */
.mapWrap {
    position: relative;
    width: 800px;
    height: 368px;
    margin-top: 10px;
}

.mapWrap .map {
    width: 100%;
    height: 366px;
    border: 1px solid #e6e6e6;
}

.mapWrap .map-result {
    position: absolute;
    top: 1px;
    right: -1px;
    overflow-y: auto;
    height: 366px;
    width: 200px;
}



/*--------------------------- 系统设置 ----------------------------*/

/* 园区 */
.ibs-card-header-h {
    padding: 15px 15px 10px 25px;
    height: auto;
    line-height: 70px;
}

.ibs-card-header-h>i.ico-header {
    float: left;
    display: inline-block;
    font-size: 68px;
    vertical-align: middle;
}

.ibs-card-header-h .infos {
    padding-left: 80px;
    line-height: 30px;
}

.ibs-card-header-h .infos .txt-1 {
    margin-top: 10px;
    font-size: 24px;
}

.ibs-card-header-h .infos .txt-2 {
    font-size: 16px;
    color: #aaa;
}

.label-box {
    box-sizing: border-box;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
    padding: 0 8px 0 12px;
    background: #fff;
}

.label-box .ico-close {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 20px;
    margin-left: 8px;
    text-align: center;
    font-size: 14px;
    color: #c2c2c2;
    transition: all .2s;
    -webkit-transition: all .2s;
    cursor: pointer;
}

.label-box .ico-close:hover {
    border-radius: 2px;
    background-color: #FF5722;
    color: #fff;
}

.admin-set {
    box-sizing: border-box;
    padding: 20px;
    height: 100%;
}

.admin-set .top-info .title {
    height: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #555;
    border-bottom: 1px solid #eee;
}

.admin-set .top-info .header-img {
    float: left;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 6px;
    background-color: #eaeaea;
}

.admin-set .top-info .header-img img {
    display: block;
    width: 60px;
    height: 60px;
}

.admin-set .top-info {
    margin-bottom: 28px;
    position: relative;
}

.admin-set .top-info>.infos {
    margin-left: 80px;
    height: 60px;
}

.admin-set .top-info>.infos dl {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
}

.admin-set .top-info dt {
    display: block;
    padding-top: 4px;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    font-weight: bold;
    color: #555;
}

.admin-set .top-info dd {
    display: block;
    line-height: 22px;
    font-size: 14px;
    color: #aaa;
}

.admin-set .top-info .group-right {
    position: absolute;
    top: 15px;
    right: 0;
}

.admin-set .details {
    height: calc(100% - 118px);
    overflow-y: auto;
}

.admin-set .details li {
    float: left;
    margin: 5px 8px 8px 5px;
}

.admin-set .top-info+.details {
    height: calc(100% - 70px);
}

.limits-card {
    box-sizing: border-box;
    width: 308px;
    height: 176px;
    padding: 25px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    position: relative;
}

.limits-card .title {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #555;
}

.limits-card .title .iconfont {
    margin-right: 10px;
    font-size: 20px;
    color: #cacaca;
    vertical-align: middle;
}

.limits-card .txt {
    margin-top: 15px;
    max-height: 80px;
    line-height: 26px;
    color: #aaa;
}

.limits-card a.link-setting {
    position: absolute;
    right: 25px;
    bottom: 16px;
}

/* 流程 */
.flow-set {
    box-sizing: border-box;
    padding: 15px;
}

.flow-set .flow-step {
    margin: 5px 0;
    padding: 4px 12px;
    display: inline-table;
    box-sizing: border-box;
    width: 140px;
    height: 80px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background-color: #fff;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

.flow-set .flow-step+.flow-step {
    margin-left: 20px;
}

.flow-set .flow-step .t-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

.flow-set .flow-step .txt-01 {
    line-height: 30px;
    color: #333;
}

.flow-set .flow-step .txt-02 {
    height: 36px;
    line-height: 18px;
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.flow-set .flow-step .more-info {
    display: none;
    padding: 10px;
    width: 120px;
    line-height: 20px;
    color: #fff;
    border-radius: 4px;
    background-color: #3fadff;
    position: absolute;
    z-index: 9;
    top: 80px;
    left: 0;
    font-size: 12px;
}

.flow-set .flow-step:hover .more-info {
    display: block;
}

.flow-set .flow-step .more-info .arrow-top {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #3fadff;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -3px;
}

.flow-set .flow-step .btn-close {
    display: inline-block;
    position: absolute;
    top: -8px;
    right: -8px;
    color: #ff534d;
    font-size: 22px;
}

.flow-set .flow-step.add {
    border: 1px dashed #3fadff;
    background-color: #f8fcff;
}

.flow-set .flow-step.add .ibs-ico-add {
    color: #b1deff;
    font-size: 42px;
    line-height: 42px;
}

.flow-set .edit .btn-edit {
    display: none;
    box-sizing: border-box;
    padding: 10px;
    width: 140px;
    line-height: 20px;
    color: #aaa;
    border-radius: 4px;
    border: 1px solid #3fadff;
    background-color: #f8fcff;
    position: absolute;
    z-index: 9;
    top: 78px;
    left: 0;
}

.flow-set .edit .btn-edit a {
    display: block;
    color: #3fadff;
    text-align: center;
    line-height: 28px;
}

.flow-set .edit .btn-edit a:hover {
    text-decoration: underline;
}

.flow-set .edit:hover .btn-edit {
    display: block;
}

.flow-set .ibs-ico-arrowline {
    margin: 0 18px;
    color: #ddd;
    font-size: 38px;
    vertical-align: middle;
}

.position-dash {
    position: absolute;
    top: 7px;
    left: calc(50% - 10px);
    font-size: 16px;
    color: #666;
}


/* 参数设置 */
.parameter .title {
    padding: 20px 0;
    font-size: 20px;
    color: #000;
}

.parameter p {
    padding: 10px 0;
}

.parameter td.pd-180 {
    padding-left: 180px;
}

/* 业务设置 */
.setting-business dl {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
    width: 100%;
    min-height: 60px;
    line-height: 24px;
    display: table;
}

.setting-business dt {
    width: 20%;
    color: #aaa;
    display: table-cell;
    vertical-align: middle;
}

.setting-business dd {
    display: table-cell;
    vertical-align: middle;
}

.setting-business dd.txt-2 {
    width: 16%;
    text-align: center;
}

/* 小程序设置 */
.setting-applet {
    margin-top: 10px;
}

.setting-applet .code {
    float: left;
    width: 130px;
    text-align: center;
}

.setting-applet .code img {
    display: block;
    width: 130px;
    height: 130px;
}

.setting-applet .code .txt {
    display: block;
    margin-top: 12px;
    line-height: 20px;
}

.setting-applet .info {
    margin-left: 130px;
}

.setting-applet .layui-form-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 1px;
}

.setting-applet .layui-form-label {
    width: 100px;
}

.setting-applet .layui-input-block {
    margin-left: 130px;
}

.setting-applet .label-box {
    padding: 0 10px;
    margin: 2px 5px 2px 0;
}

.applet-no-data {
    padding: 70px 0;
    height: 40px;
    line-height: 40px;
    color: #aaa;
    font-size: 14px;
    text-align: center;
}

/*------------ 初始化 ------------*/
.initialize {
    position: absolute;
    z-index: 1;
    top: 70px;
    left: 50%;
    margin-left: -500px;
    box-sizing: border-box;
    padding: 40px 50px;
    width: 1000px;
}

.initialize .title {
    margin: 0 auto 30px;
    width: 500px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
}

.initialize .line {
    position: absolute;
    z-index: -1;
    top: 20px;
    width: 500px;
    height: 1px;
    overflow: hidden;
    background-color: #ddd;
}

.initialize .txt {
    display: inline-block;
    padding: 0 10px;
    font-size: 24px;
    color: #000;
    background-color: #fff;
}

.initialize p {
    padding: 10px 0 20px;
    line-height: 26px;
    font-size: 16px;
    color: #666;
}

.initialize h3 {
    line-height: 38px;
}

.initialize .btn-group {
    padding: 55px 0 25px;
    text-align: center;
}

/* 弹窗 */
.popup {
    position: relative;
}

.popup .layui-form {
    height: 100%;
}

.popup .layui-card-body {
    height: 100%;
    margin-bottom: 64px;
    position: relative;
    box-sizing: border-box;
}

.popup .overflow-y {
    height: 100%;
    overflow-y: auto;
}

.popup .layui-footer {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -64px;
    padding: 10px 0 10px;
    text-align: center;
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05);
    background-color: #fff;
}

.popup-01 {
    padding: 0;
    height: 100%;
    position: relative;
}

.popup-01 .layui-tab,
.popup-01 .layui-tab-content,
.popup-01 .layui-tab-item,
.popup-01 .left-50p,
.popup-01 .right-50p {
    box-sizing: border-box;
    height: 100%;
}

.popup-01 .layui-tab-item {
    height: calc(100% - 41px);
}

.left-50p {
    float: left;
    box-sizing: border-box;
    width: 50%;
    overflow-y: auto;
    padding-right: 10px;
}

.left-50p .search-box {
    margin: 5px 10px;
}

.right-50p {
    margin-left: 50%;
    box-sizing: border-box;
    width: 50%;
    overflow-y: auto;
    padding-left: 10px;
    border-left: 1px solid #eee;
}

.popup-01 .result-title {
    position: absolute;
    z-index: 9;
    top: 10px;
    right: 140px;
    color: #999;
}

.select-result dd {
    display: block;
    padding: 2px 40px;
    height: 24px;
    line-height: 24px;
    position: relative;
}

.select-result .layui-tab-close {
    position: absolute;
    top: 5px;
    right: 40px;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #c2c2c2;
    transition: all .2s;
    -webkit-transition: all .2s;
    cursor: pointer;
}

.select-result .layui-tab-close:hover {
    border-radius: 2px;
    background-color: #FF5722;
    color: #fff;
}

.popup-02 {
    box-sizing: border-box;
    padding: 15px 38px 38px 38px;
    /*min-height: 310px;*/
}

.popup-02 ul {
    margin-top: 6px;
}

.popup-02 li {
    line-height: 54px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.popup-02 li a {
    box-sizing: border-box;
    display: block;
    padding-right: 50px;
    height: 54px;
    line-height: 54px;
    color: #333;
    font-size: 16px;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popup-02 li .ibs-ico-right1 {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -28px;
    font-size: 32px;
    color: #009b6a;
    transition: all .5s;
    -webkit-transition: all .5s;
}

/*.popup-02 li:hover .ibs-ico-right1,*/
.popup-02 li.active .ibs-ico-right1 {
    display: block;
}

.popup-02 li .layui-badge {
    margin-right: 5px;
}

.popup-03 {
    height: 100%;
}

.popup-03 .layui-form {
    box-sizing: border-box;
    height: 100%;
    padding-top: 15px;
}

.popup-03 .house-list {
    margin-top: 5px;
    height: 450px;
    overflow-y: auto;
}

.popup-03 .txt-ellipsis {
    /*width: 540px;*/
    width: 645px;
}

.popup-03 .layui-elem-quote {
    padding: 10px 15px;
    border-left: 5px solid #4596e3;
}

/*.popup-03 .layui-quote-nm {
	border-color: #4596e3;
}*/

/* 选择开票申请 */
.popup-invoice {
    margin-bottom: 10px;
}

.popup-invoice dt {
    display: inline-block;
    width: 30px;
    height: 28px;
    vertical-align: middle;
}

.popup-invoice .layui-form-radio {
    margin: 0;
    padding: 0;
}

.popup-invoice dd {
    box-sizing: border-box;
    padding: 6px 10px;
    display: inline-block;
    width: calc(100% - 34px);
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    vertical-align: middle;
    line-height: 24px;
    position: relative;
}

.popup-invoice .ico-stamp {
    top: 0;
}

.popup-invoice dd .row {
    margin: 3px 0;
    width: 100%;
}

.popup-invoice dd .title {
    display: inline-block;
    padding-right: 15px;
    width: 100px;
    vertical-align: top;
    text-align: right;
}

.popup-invoice dd .info {
    display: inline-block;
    width: calc(100% - 120px);
    vertical-align: top;
}

/* ----------------xxf-------------------*/
.dp-tree-mask {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    color: #000;
    z-index: 9999;
}

.dp-tree-wrap,
.dp-tree-wrap div,
.dp-tree-wrap li {
    box-sizing: border-box;
}

.dp-tree-wrap {
    position: fixed;
    left: 50%;
    margin-left: -300px;
    top: 100px;
    width: 601px;
    height: 600px;
    border-radius: 6px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    font-size: 14px;
    color: #666;
    background-color: #fff;
}

.dp-tree-mask.adapt .dp-tree-wrap {
    height: 480px;
    top: 40px;
}

.dp-tree-wrap .dp-tree-head {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    /*cursor: move;*/
}

.dp-tree-wrap .dp-tree-head .dp-tree-close {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(images/tree/ico_tree_close.png?1567556478) no-repeat center center;
    cursor: pointer;
}

.dp-tree-wrap .dp-tree-middle {
    overflow: hidden;
    height: 500px;
    padding: 15px 0;
}

.dp-tree-mask.adapt .dp-tree-wrap .dp-tree-middle {
    height: 380px;
}

.dp-tree-wrap .dp-tree-struct,
.dp-tree-wrap .dp-treeViewWrap {
    position: relative;
    height: 430px;
    padding-left: 20px;
    z-index: 15;
    overflow-y: scroll;
}

.dp-tree-mask.adapt .dp-tree-wrap .dp-tree-struct,
.dp-tree-mask.adapt .dp-tree-wrap .dp-treeViewWrap {
    height: 300px;
}

.dp-tree-wrap .dp-tree-struct-wrap,
.dp-tree-wrap .dp-tree-view-wrap {
    float: left;
    width: 50%;
    height: 100%;
}

.dp-tree-wrap .dp-tree-struct-wrap {
    border-right: 1px solid #ddd;
}

/* 搜索 */
.dp-tree-wrap .dp-tree-search {
    position: relative;
    width: 260px;
    height: 50px;
    padding-left: 20px;
}

.dp-tree-wrap .dp-tree-search input {
    width: 220px;
    height: 32px;
    line-height: 32px;
    padding-left: 12px;
    padding-right: 20px;
    border: 1px solid #ddd;
    color: #666;
    outline: none;
    border-radius: 2px;
}

.dp-tree-wrap .dp-tree-search .dp-tree-search-icon {
    position: absolute;
    top: 10px;
    right: -10px;
    width: 20px;
    height: 20px;
    background: url(images/tree/icons_oper.png?1567556478) no-repeat -20px -22px;
    cursor: pointer;
}

.dp-tree-wrap .dp-treeResultWrap {
    display: none;
    position: relative;
    width: 299px;
    height: 450px;
    background: #fff;
    padding-left: 20px;
    margin-top: 16px;
    margin-left: -20px;
    z-index: 20;
    overflow-y: scroll;
}

.dp-tree-mask.adapt .dp-tree-wrap .dp-treeResultWrap {
    height: 320px;
}

.dp-tree-wrap .dp-tree-search-result {
    /*display: none;*/
    width: 280px;
    padding-bottom: 22px;
}

.dp-tree-wrap .dp-tree-search-result>li {
    line-height: 28px;
    padding: 0 20px;
    cursor: pointer;
}

.dp-tree-wrap .dp-tree-search-result>li.selectActive {
    background-color: rgba(221, 221, 221, .2);
}

.dp-tree-wrap .dp-tree-search-result .dp-tree-search-item {
    position: relative;
}

.dp-tree-wrap .dp-tree-search-result .dp-tree-search-item span {
    position: absolute;
    left: 4px;
    top: 7px;
    width: 12px;
    height: 12px;
}

.dp-tree-wrap .dp-tree-struct li,
.dp-tree-wrap .dp-tree-view li,
.dp-tree-wrap .dp-tree-search-result li {
    position: relative;
    padding-left: 20px;
    line-height: 28px;
    cursor: default;
}

.dp-tree-wrap .dp-tree-struct-item {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 22px;
}

.dp-tree-wrap .dp-tree-struct-item.freeze {
    padding: 0 22px 0 48px;
}

.dp-tree-wrap .dp-tree-struct-item[type="leaf"] {
    cursor: pointer;
}

.dp-tree-wrap .dp-tree-struct li[type="leaf"]:hover,
.dp-tree-wrap .dp-tree-struct li .dp-tree-struct-item:hover,
.dp-tree-wrap .dp-tree-search-result li[type="leaf"]:hover,
.dp-tree-wrap .dp-tree-search-result li .dp-tree-struct-item:hover {
    background-color: rgba(221, 221, 221, .2);
}

.dp-tree-wrap .dp-tree-struct-item .dp-tree-icon-depart,
.dp-tree-wrap .dp-tree-struct-item .dp-tree-icon-park,
.dp-tree-wrap .dp-tree-struct-item .dp-tree-icon-user,
.dp-tree-wrap .dp-tree-struct-item .dp-tree-icon-default-user {
    position: absolute;
    left: 0;
    top: 7px;
    width: 14px;
    height: 14px;
}

.dp-tree-wrap .dp-tree-struct-item .dp-tree-icon-depart {
    background: url(images/tree/ico-folder.png?1582601818) no-repeat center center;
    background-size: contain;
}

.dp-tree-wrap .dp-tree-struct-item .dp-tree-icon-depart.company {
    background: url(images/tree/ico-company.png?1582601818) no-repeat center center;
    background-size: contain;
}

.dp-tree-wrap .dp-tree-struct-item .dp-tree-icon-park {
    background: url(images/tree/ico-tree-park.png?1582602165) no-repeat center center;
    background-size: contain;
}

.dp-tree-wrap .dp-tree-struct-item .dp-tree-icon-freeze {
    position: absolute;
    left: 20px;
    top: 7px;
    width: 24px;
    height: 13px;
    background: url(images/tree/ico-tree-freeze.png?1576806280) no-repeat center center;
    background-size: contain;
}

.dp-tree-wrap .dp-tree-struct-item .dp-tree-icon-default-user {
    background: url(images/tree/ico-tree-default-user.png?1582601818) no-repeat center center;
    background-size: 12px 12px;
}

.dp-tree-wrap .dp-tree-struct-item .dp-tree-icon-select {
    position: absolute;
    top: 5px;
    right: 14px;
    width: 16px;
    height: 16px;
    background: url(images/tree/ico-tree-select.png?1567556478) no-repeat center center;
    cursor: pointer;
}

.dp-tree-wrap .dp-tree-struct-item .dp-tree-icon-select.disabled {
    background: url(images/tree/ico-tree-disable.png?1576458612) no-repeat center center;
    cursor: not-allowed;
}

.dp-tree-wrap .dp-tree-struct-item .dp-tree-icon-select.active {
    background: url(images/tree/ico-tree-select-active.png?1582601818) no-repeat center center;
}

.dp-tree-wrap .dp-tree-struct li.hasChildren,
.dp-tree-wrap .dp-tree-search-result li.hasChildren {
    cursor: pointer;
}

.dp-tree-wrap .dp-tree-struct li.expandable,
.dp-tree-wrap .dp-tree-search-result li.expandable {
    background: url(images/tree/ico_tree_expand.png?1567556478) no-repeat 4px 9px;
}

.dp-tree-wrap .dp-tree-struct li.collapsable,
.dp-tree-wrap .dp-tree-search-result li.collapsable {
    background: url(images/tree/ico_tree_collaps.png?1567556478) no-repeat 4px 9px;
}

.dp-tree-wrap .dp-tree-search-result li.expandable.selectActive {
    background: rgba(221, 221, 221, .1) url(images/tree/ico_tree_expand.png?1567556478) no-repeat 4px 9px;
}

.dp-tree-wrap .dp-tree-search-result li.collapsable.selectActive {
    background: rgba(221, 221, 221, .1) url(images/tree/ico_tree_collaps.png?1567556478) no-repeat 4px 9px;
}

/* 右侧显示 */
.dp-tree-wrap .dp-tree-view-wrap .dp-tree-view-title {
    height: 50px;
    line-height: 32px;
    padding-left: 20px;
}

.dp-tree-wrap .dp-tree-view .dp-tree-struct-item {
    line-height: 28px;
    cursor: default;
}

.dp-tree-wrap .dp-tree-view .dp-tree-struct-item .dp-tree-icon-close {
    position: absolute;
    top: 4px;
    right: 14px;
    width: 20px;
    height: 20px;
    background: url(images/tree/ico-tree-close2.png?1567556478) no-repeat center center;
    cursor: pointer;
}

/* 底部按钮 */
.dp-tree-wrap .dp-tree-bottom {
    height: 50px;
    padding: 9px 0;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
}

.dp-tree-wrap .dp-tree-btn {
    float: right;
    width: 72px;
    height: 32px;
    line-height: 32px;
    margin-right: 25px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    cursor: pointer;
}

.dp-tree-wrap .dp-tree-btn.dp-tree-btn-confirm {
    background-color: #1e9fff;
    color: #fff;
    border: 1px solid transparent;
}

.dp-tree-wrap .dp-tree-btn.dp-tree-btn-confirm:hover {
    opacity: .8;
}

.dp-tree-wrap .dp-tree-btn.dp-tree-btn-confirm.disabled {
    background-color: #aeb1ac;
}

/*选择权限弹框*/
.auth-pop {
    width: 100%;
    height: 400px;
    box-sizing: border-box;
}

.auth-pop .auth-pop-item {
    float: left;
    width: 50%;
    height: 100%;
}

.auth-pop .auth-pop-item .layui-tab-content {
    height: 320px;
    overflow-y: scroll;
}

.auth-pop .auth-pop-item .auth-pop-result {
    height: 320px;
    padding: 10px;
    overflow-y: scroll;
}

.auth-pop .auth-pop-item .auth-pop-title {
    position: relative;
    height: 40px;
    white-space: nowrap;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 10px;
    text-align: center;
    line-height: 40px;
}

.auth-pop-result .auth-pop-result-item {
    padding: 2px 40px;
    height: 24px;
    line-height: 24px;
    position: relative;
}

.auth-pop-result .auth-pop-result-item .layui-tab-close {
    position: absolute;
    top: 5px;
    right: 40px;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #c2c2c2;
    transition: all .2s;
    -webkit-transition: all .2s;
    cursor: pointer;
}

.auth-pop-result .auth-pop-result-item .layui-tab-close:hover {
    border-radius: 2px;
    background-color: #FF5722;
    color: #fff;
}



/*----------------审批----------------*/
.ibs-approve h1 {
    padding-top: 48px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 20px;
    position: relative;
}

.ibs-approve h1 .btn-group-right {
    right: 15px;
    top: 65px;
    margin-top: 0;
}

.layui-timeline-content {
    overflow: hidden;
}

.ibs-timeline {
    display: block;
    box-sizing: border-box;
    margin: 8px 0 0 6px;
    padding: 0 20px;
    line-height: 24px;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 0 4px 4px 4px;
    position: relative;
}

.ibs-timeline .ico-timeline {
    position: absolute;
    top: -1px;
    left: -10px;
    width: 10px;
    height: 10px;
    background: url(images/ico-timeline.png?1573524265) no-repeat;
}

.layui-timeline .iconfont {
    position: absolute;
    left: -5px;
    top: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
}

.layui-timeline .ibs-ico-faqi {
    color: #01AAED;
}

.layui-timeline .ibs-ico-agree {
    color: #009b6a;
}

.layui-timeline .ibs-ico-agree1 {
    color: #33B987;
}



.layui-timeline .ibs-ico-warning1 {
    color: #ff534d;
}

.layui-timeline .ibs-ico-time1 {
    color: #ffb800;
}

.layui-timeline .ibs-ico-time3 {
    color: #ff9115;
}

.layui-timeline .ibs-ico-stop,
.layui-timeline .ibs-ico-close {
    color: #aab2bd;
}

.layui-timeline .ibs-ico-communicate {
    position: absolute;
    left: -3px;
    top: 0;
    z-index: 1;
    width: 14px;
    height: 14px;
    line-height: 12px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    /*cursor: pointer;*/
    font-size: 18px;
    border: 1px solid #01AAED;
}

.ibs-timeline dd {
    padding: 20px 0;
}

.ibs-timeline dd:after {
    content: ".";
    font-size: 0;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ibs-timeline dd+dd {
    border-top: 1px solid #e6e6e6;
}

.ibs-timeline .header-pic {
    float: left;
    width: 68px;
    height: 68px;
    border-radius: 8px;
    overflow: hidden;
}

.ibs-timeline .header-pic img {
    display: block;
    width: 68px;
    height: 68px;
}

.ibs-timeline .header-approve {
    float: left;
    width: 56px;
    height: 56px;
    border-radius: 7px;
    overflow: hidden;
    border: 1px solid #EEEEEE;
}

.ibs-timeline .header-approve img {
    display: block;
    width: 56px;
    height: 56px;
}

.ibs-timeline .infos {
    display: block;
    margin-left: 84px;
}

.ibs-timeline .infos .txt {
    padding: 2px 0;
    line-height: 20px;
}

.ibs-timeline .infos .txt-hide {
    margin: 3px 0 2px 0;
    padding: 2px 9px;
    width: 378px;
    line-height: 20px;
    border: 1px dashed #f6bb42;
    background-color: #fffcf5;
    color: #aaa;
    border-radius: 4px;
}

.ibs-timeline .infos .txt-hide .ico-locked {
    display: inline-block;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background: url(images/ico-locked.png) no-repeat;
    vertical-align: middle;
}

.ibs-timeline .ibs-elem-quote {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 5px 15px;
    border-color: #ffb800;
    color: #000;
}

.ibs-timeline.no-timeline {
    margin: 0;
    background: none;
    border: none;
}

.ibs-timeline.no-timeline dd+dd {
    border-top: 1px dashed #e6e6e6;
}

.ibs-timeline.not-started .infos,
.ibs-timeline.not-started .ibs-elem-quote {
    filter: alpha(Opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.ibs-timeline .ico-not-started {
    position: absolute;
    z-index: 10;
    top: -1px;
    right: -1px;
    width: 56px;
    height: 56px;
    background: url(images/ico-not-started.png) no-repeat;
}

.tabel-img-list img {
    display: inline-block;
    width: 120px;
    height: 70px;
    border: 1px solid #e6e6e6;
}

.tabel-img-list a {
    display: inline-block;
    vertical-align: middle;
    margin: 6px 12px 6px 0;
}



/*--------------- 房源 ---------------*/
.house-hd {
    padding: 10px 0 0;
    position: relative;
}

.house-plan {
    float: left;
    box-sizing: border-box;
    width: 240px;
    height: 130px;
    border: 1px dashed #ddd;
    position: relative;
    cursor: pointer;
}

.house-plan img {
    display: block;
    width: 238px;
    height: 128px;
}

.house-plan .txt {
    display: block;
    width: 100%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: rgba(51, 51, 51, 0.6);
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
}

.house-plan .upload {
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
    border: none;
    cursor: pointer;
}

.house-plan .upload .plus {
    /*margin-top: 20px;*/
    margin-bottom: 10px;
    display: block;
    font-size: 80px;
    line-height: 65px;
    color: #ccc;
}

.house-plan .upload.disabled {
    background: #f5f5f5;
    cursor: auto;
}

.house-hd-info {
    margin-left: 270px;
    height: 130px;
}

.house-btn {
    position: absolute;
    z-index: 9;
    top: 8px;
    right: 0;
}

.house-btn .layui-btn:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #4bb2ff;
}

.house-btn .more dl,
.iconbiaogeshitu.more dl {
    display: none;
    position: absolute;
    right: 0;
    top: 38px;
    /*min-width: 100%;*/
    line-height: 36px;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap;
    text-align: left;
}

.iconbiaogeshitu.more dl {
    top: 18px;
}

.house-btn .more:hover dl,
.iconbiaogeshitu.more:hover dl {
    display: block;
}

.house-btn .more a,
.iconbiaogeshitu.more a {
    display: block;
    padding: 0 20px;
}

.house-btn .more a:hover,
.iconbiaogeshitu.more a:hover {
    background-color: #f2f2f2;
    color: #000;
}

.iconbigtu.active,
.iconbigtu:hover.active,
.iconkapianshitu.active,
.iconkapianshitu:hover.active,
.iconbiaogeshitu.active,
.iconbiaogeshitu:hover.active {
    color: #01AAED;
}

.house-hd .hd-title {
    margin-bottom: 10px;
    margin-right: 200px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    font-size: 24px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.house-hd .layui-row:before {
    display: inline-block;
}

.house-hd .statistics li:first-child>div {
    padding-left: 0;
}

.house-search {
    margin-top: 20px;
    border: 1px solid #ececec;
}

.house-search .condition {
    padding: 10px 14px;
    line-height: 26px;
    /*border-bottom: 1px dashed #e7e7e7;*/
    position: relative;
}

.house-search .condition+.condition {
    border-top: 1px dashed #e7e7e7;
}

.house-search .condition:after {
    content: "";
    display: block;
    clear: both;
}

.house-search .search-box {
    width: 236px;
    position: absolute;
    top: 8px;
    right: 14px;
}

.house-search .layui-input {
    height: 30px;
}

.house-search .btn-input {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.house-search .title {
    float: left;
    padding-left: 2px;
    width: 48px;
    line-height: 26px;
    color: #aaa;
}

.house-search .content {
    box-sizing: border-box;
    margin-left: 50px;
    margin-right: 60px;
    /*max-width: 895px;*/
}

.house-search .content>a {
    display: inline-block;
    padding: 0px 15px;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
    color: #555;
}

.house-search .content>a:hover {
    color: #888;
}

.house-search .content .active,
.house-search .content>a.active:hover {
    color: #01AAED;
}

.house-search .ibs-ico-folddown,
.house-search .ibs-ico-foldup {
    position: absolute;
    top: 8px;
    right: 14px;
    font-size: 22px;
    color: #ccc;
}

.house-search .h-unfold {
    height: 26px;
    overflow: hidden;
}


.house-list {
    margin-top: 4px;
}

.house-list .ibs-colla-content {
    padding: 0;
}

.house-list .no-data {
    height: 40px;
    line-height: 40px;
    color: #aaa;
    font-size: 14px;
    text-align: center;
}

.house-list .ibs-colla-content>.no-data {
    padding: 15px 0;
}

.house-list .ibs-collapse>.no-data {
    padding: 150px 0;
}

.floor {
    padding: 10px 15px;
}

.floor+.floor {
    border-top: 1px dashed #e6e6e6;
}

.floor .title {
    color: #01AAED;
}

.floor .title,
.floor .content {
    padding: 10px 0 0 0;
}

.floor .layui-elem-field {
    margin-top: 0;
}

.floor .layui-elem-field+.layui-elem-field {
    margin-top: 25px;
}

.floor .layui-elem-field legend {
    font-size: 16px;
}

.floor .content li {
    margin: 10px;
    float: left;
    width: 128px;
    text-align: center;
    display: table;
}

.floor-plan {
    margin: 0 2px;
    border: 1px solid #e6e6e6;
    /*height: 400px;*/
    overflow: hidden;
    position: relative;
    text-align: center;
}

.floor-plan img {
    display: inline-block;
    width: 850px;
}

.floor-plan .btn-group {
    box-sizing: border-box;
    padding: 10px 15px;
    width: 100%;
    height: 50px;
    overflow: hidden;
    text-align: right;
    background-color: rgba(51, 51, 51, 0.6);
    position: absolute;
    right: 0;
    bottom: 0;
}

.room {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    width: 128px;
    height: 60px;
    overflow: hidden;
    text-align: center;
    color: #888;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
}

.roomNum {
    /* overflow: hidden;     
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;
    display:-webkit-box; 
    line-height: 23px; */
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-break: break-all;
    flex-grow: 1;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-align: center;
    width: 110px;
    margin-left: 9px;
}

.room.rented,
.room.sold {
    color: #333;
    border: 1px solid #91DABE;
    background: #effbf5;
    /*background: #effbf5 url(images/house/ico-rented.png) no-repeat right bottom;*/
}

.room.sold {
    border-width: 0 0 3px 0;
    border-color: #91dabe;
    background: #effbf5;
    /*background: #f4ffe8 url(images/house/ico-sold.png) no-repeat right bottom;*/
}

.room.for-rent,
.room.for-sale {
    color: #333;
    border: 1px solid #FB9191;

    background: #fef2f2 url(images/house/ico-for-rent2.png) no-repeat right bottom;
}

.room.for-sale {
    border-width: 0 0 3px 0;
    border-color: #FB9191;

    background: #fef2f2 url(images/house/ico-for-sale2.png) no-repeat right bottom;
}

/*.room.no-price,*/
.room.self-use {
    color: #888;
    border: 1px solid #ddd;
    background: #fbfbfb url(images/house/ico-no-price.png) no-repeat right bottom;

}

.room.self-use {
    background: #fbfbfb url(images/house/ico-self2.png) no-repeat right bottom;
}

.room.ammeter {
    color: #ff8400;
    border: 1px solid #ff8400;
    background: #fff2d2 url(images/house/ico-ammeter.png) no-repeat right bottom;
}

.room.no-ammeter {
    color: #6bc30d;
    border: 1px solid #b1d48b;
    background: #f4ffe8 url(images/house/ico-no-ammeter.png) no-repeat right bottom;
}

.room.water {
    color: #ff8400;
    border: 1px solid #ff8400;
    background: #fff2d2 url(images/house/ico-water.png) no-repeat right bottom;
}

.room.no-water {
    color: #6bc30d;
    border: 1px solid #b1d48b;
    background: #f4ffe8 url(images/house/ico-no-water.png) no-repeat right bottom;
}

.room .icons {
    display: inline-block;
    height: 14px;
    line-height: 14px;
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
}

.room i {
    display: inline-block;
    width: 26px;
    height: 14px;
    line-height: 14px;
    vertical-align: top;
    /*position: absolute;
    z-index: 10;
    top: 0;
    right: 0;*/
}

.room i+i {
    margin-left: 2px;
}

.room i.ico-expire {
    display: none;
    width: 46px;
    background: url(images/house/ico-expire.png) no-repeat center center;
    background-size: 46px 14px;
}
.room i.ico-expired {
    display: none;
    width: 36px;
    background: url(images/house/ico-expired.png) no-repeat center center;
    background-size: 36px 14px;
}
.room i.ico-control {
    display: none;
    width: 26px;
    background: url(images/house/ico-control.png) no-repeat center center;
    background-size: 26px 14px;
}

.room i.ico-return {
    display: none;
    width: 36px;
    background: url(images/house/ico-return.png) no-repeat center center;
    background-size: 36px 14px;
}

.room i.ico-patrol {
    display: none;
    width: 36px;
    background: url(images/house/ico-patrol.png) no-repeat center center;
    background-size: 36px 14px;
}

.room i.ico-no-price {
    display: none;
    width: 36px;
    background: url(images/house/ico-no-price.png) no-repeat center center;
    background-size: 36px 14px;
}

.room i.ico-signing {
    display: none;
    width: 36px;
    background: url(images/house/ico-signing.png) no-repeat center center;
    background-size: 36px 14px;
}

.room i.active {
    display: inline-block;
}

.room .info {
    display: none;
    box-sizing: border-box;
    padding-top: 5px;
    width: 100%;
    height: 100%;
    line-height: 20px;
    overflow: hidden;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.6);
    position: absolute;
    z-index: 90;
    top: 0;
    left: 0;
}

.room:hover .info {
    display: block;
}

.room .layui-form-checkbox {
    position: absolute;
    z-index: 1;
    top: 16px;
    left: 14px;
}

.room .layui-form-radio {
    margin: 0;
    position: absolute;
    z-index: 1;
    top: 18px;
    left: 10px;
}

.room .room-name {
    display: inline-block;
    padding-left: 8px;
    width: 70px;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.base-price {
    margin-top: 2px;
    width: 100%;
    height: 28px;
    position: relative;
}

.base-price .layui-input {
    display: inline-block;
    padding: 0 4px;
    width: 68px;
    height: 28px;
    border-color: #fff;
    border-radius: 4px;
    text-align: right;
    vertical-align: middle;
}

.base-price .layui-input.disabled {
    height: 28px;
}

.base-price .unit {
    display: inline-block;
    width: 56px;
    height: 28px;
    line-height: 28px;
    color: #aaa;
    font-size: 12px;
    vertical-align: middle;
}

.base-price.active .layui-input {
    border: 1px dashed #3fadff;
    background: #f8fcff;
}

.base-price .layui-input:focus {
    border: 1px solid #3fadff !important;
}

.base-price .layui-input:hover {
    border-color: #3fadff !important;
}

.base-price .select-unit {
    display: none;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #3fadff;
    background: #f8fcff;
    position: absolute;
    z-index: 2;
    top: 27px;
    border-radius: 4px;
}

.base-price .select-unit a {
    display: block;
    margin: 0 8px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #3fadff;
}

.base-price .select-unit a+a {
    border-top: 1px solid #e2e2e2;
}

.base-price.active .select-unit {
    display: block;
}

/* 批量设置低价-new */
.height-self .layui-row.base-price-t {
    height: calc(100% - 22px);
}

.base-price-t .layui-card-body {
    height: calc(100% - 64px);
}

.base-price-t .layui-table-box {
    height: calc(100% - 15px);
    border: none;
}

.base-price-t .layui-table-header {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    border: none;
}

.base-price-t .layui-table-body {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    height: calc(100% - 40px);
    overflow-y: auto;
}

.base-price-t .layui-table-body .building {
    margin-top: -1px;
}

.base-price-t .layui-card-body .layui-table {
    margin: -1px 0 0 0;
}

.base-price-t .no-data {
    padding: 150px 0;
    height: 40px;
    line-height: 40px;
    color: #aaa;
    font-size: 14px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-top: none;
}

.station-manage {
    padding: 10px 10px;
}

.station-manage dd {
    box-sizing: border-box;
    float: left;
    margin: 10px;
    width: 150px;
    height: 38px;
    text-align: center;
    position: relative;
}

.station-manage dd .layui-input {
    border-radius: 4px;
}

.station-manage dd .btn-edit {
    display: none;
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    line-height: 20px;
    color: #aaa;
    border-radius: 4px;
    border: 1px solid #3fadff;
    background-color: #f8fcff;
    text-align: center;
    position: absolute;
    z-index: 9;
    top: 38px;
    left: 0;
}

.station-manage dd:hover .btn-edit {
    display: block;
}

.station-manage dd .btn-edit a {
    font-size: 12px;
    color: #3fadff;
}

.station-manage dd .btn-edit span {
    color: #ccc;
}

.station-manage dd.add {
    border: 1px dashed #3fadff;
    background-color: #f8fcff;
    border-radius: 4px;
    cursor: pointer;
}

.station-manage dd.add .ibs-ico-add {
    color: #b1deff;
    font-size: 30px;
    line-height: 36px;
}

/*-------------用户中心--------------*/
.user-info .header-pic {
    width: 100px;
    height: 100px;
    border-radius: 2px;
    overflow: hidden;
}

.user-info .header-pic img {
    display: block;
    width: 100px;
    height: 100px;
}

.user-info .ibs-ico-weixin {
    font-size: 26px;
    color: #09bb07;
}

/*---------------招商-----------------*/
.btn-new-client {
    display: block;
    margin: 10px auto 20px;
    padding: 50px 0;
    width: 100%;
    border: 1px dashed #3fadff;
    border-radius: 4px;
    background: #f8fcff;
    font-size: 18px;
    text-align: center;
}

.btn-new-client i {
    font-size: 28px;
    margin-right: 10px;
}

.stars {
    margin: 0;
}

.stars .layui-rate {
    padding: 0 5px 0 0;
}

.stars .layui-rate .layui-inline {
    margin-top: 0;
    margin-right: 2px;
}

/*.stars .layui-text ul li {
	margin-top: 0;
}*/

/*#intention > .layui-inline,
.stars > .layui-inline {
    margin-top: 5px;
}*/

.client-details .hd {
    padding: 15px 15px 10px 25px;
    height: auto;
    line-height: 70px;
    position: relative;
}

.client-details .hd i.ico-header {
    float: left;
    display: inline-block;
    font-size: 68px;
    vertical-align: middle;
}

.client-details .hd .infos {
    padding-left: 80px;
    line-height: 30px;
}

.client-details .hd .infos .txt-1 {
    margin-top: 10px;
    font-size: 24px;
}

.client-details .hd .infos .txt-2 {
    color: #666;
}

.client-details .hd .btn-group-right {
    top: 25px;
}

.client-details .hd dd {
    margin-top: 10px;
    /*padding-right: 15px;*/
}

.client-details .hd dd>div {
    border-right: 1px solid #eee;
    line-height: 32px;
    margin-right: 10%;
}

.client-details .hd dd:last-child>div {
    border-right: none;
}

.client-details .hd h3 {
    padding: 0 0 6px 0;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999;
}

.client-details .hd p {
    line-height: 32px;
    font-size: 16px;
    color: #333;
}

.client-details .hd .stars .layui-rate {
    padding: 0 5px 0 0;
}

.client-details .hd .stars>.layui-inline {
    margin-top: 0;
    vertical-align: middle;
}

/*  */
.auction-details .address {
    padding: 10px 15px;
    height: 70px;
    line-height: 70px;
    position: relative;
}

.auction-details .address img {
    float: left;
    display: block;
    width: 60px;
    height: 60px;
}

.auction-details .address .infos {
    padding-left: 80px;
    line-height: 30px;
}

.auction-details .address .infos .txt-1 {
    margin-top: 15px;
    font-size: 20px;
    font-weight: bold;
}

.auction-details .hd dd {
    margin-top: 10px;
    /*padding-right: 15px;*/
}

.auction-details .hd dd>div {
    border-right: 1px solid #eee;
    line-height: 32px;
    margin-right: 5%;
    margin-left: 5%;
}

.auction-details .hd dd:last-child>div {
    border-right: none;
}

.auction-details .hd h3 {
    padding: 0 0 6px 0;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999;
}

.auction-details .hd p {
    line-height: 32px;
    color: #333;
    font-weight: bold;
}

.auction-details .hd p .num {
    font-size: 22px;
    /*font-family: DIN;*/
}



.layui-timeline .num {
    position: absolute;
    left: -5px;
    top: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    color: #555;
}

.layui-timeline dl {}

.layui-timeline .label {
    /*float: left;*/
    width: 100px;
    color: #999;
}

.layui-timeline .details {
    /*display: block;
	margin-left: 100px;*/
    color: #555;
}

.ibs-timeline .infos .record {
    line-height: 30px;
}

.layui-text ul li {
    margin-top: 0;
}

.electric-charge {
    position: relative;
}

.electric-charge .layui-input {
    padding-left: 80px;
}

.electric-charge .info {
    position: absolute;
    z-index: 10;
    top: 1px;
    left: 1px;
    color: #01AAED;
    background: #f8fcff;
    padding: 0 8px;
    line-height: 36px;
}

.electric-charge.layui-col-xs6 {
    width: calc(50% - 5px);
    margin-right: 10px;
}

.electric-charge.layui-col-xs6:nth-child(even) {
    width: calc(50% - 5px);
    margin-right: 0;
}

.electric-charge.layui-col-xs6 .layui-input {
    padding-left: 34px;
}

.time-of-use {
    float: left;
    display: block;
    box-sizing: border-box;
    width: calc(25% - 8px);
    margin-right: 10px;
}

.time-of-use:last-child {
    width: calc(25% - 6px);
    margin-right: 0;
}

.time-of-use .layui-input {
    padding-left: 34px;
}

.ammeter-3 .time-of-use {
    width: calc(33.3% - 7px);
}

.ammeter-3 .time-of-use:last-child {
    width: calc(33.3% - 6px);
}

.ammeter-2 .time-of-use,
.ammeter-2 .time-of-use:last-child {
    width: calc(50% - 5px);
}

.ammeter-4 .electric-charge.layui-col-xs6 {
    width: calc(50% - 10px);
    margin-right: 10px;
}

.ammeter-4 .electric-charge.layui-col-xs6 .layui-input {
    padding-left: 34px;
}

.layui-input-block .layui-col-xs12+.layui-col-xs12 {
    margin-top: 15px;
}

/*---------------运营-----------------*/
.pay-list,
.pay-list.many {
    margin: 15px 0;
    padding: 15px 0 15px 15px;
    overflow: hidden;
    background-color: #f8fcff;
}

.pay-list li {
    /*float: left;*/
    display: inline-block;
    min-width: 120px;
    width: 16%;
    line-height: 36px;
}

.pay-list li.sign,
.pay-list.many li.sign {
    min-width: 32px;
    width: 32px;
    line-height: 36px;
    font-size: 24px;
    color: #aaa;
}

.pay-list .layui-input {
    display: inline-block;
    width: calc(100% - 40px);
}

.pay-list.many li {
    width: 8.9%;
}

.label-box-down {
    box-sizing: border-box;
}

.label-box-down .label {
    display: block;
    box-sizing: border-box;
    /*padding-right: 15px;*/
    position: relative;
}

.label-box-down .label .ico-arrow {
    width: 0;
    height: 0;
    border-top: 8px solid #ffeadb;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: -7px;
    left: 210px;
    /*display: inline-block;
    width: 10px;
    height: 10px;
    background: url(images/ico-arrow-orange-l.png) no-repeat;
    
    position: absolute;
    top: 0;
    left: 0;*/
}

.label-box-down .label .txt {
    /*display: inline-block;*/
    padding: 4px 12px;
    min-height: 22px;
    line-height: 22px;
    background: #ffeadb;
    border-radius: 5px;
    font-size: 14px;
    color: #ff534d;
}

.label-box-down .layui-form-radio {
    line-height: 20px;
    margin: 0 0 0 10px;
    padding-right: 2px;
}

.label-box-down .layui-form-radio>i {
    margin-right: 5px;
    font-size: 14px;
}

.label-box-down .label-input {
    display: inline-block;
    width: 60px;
    height: 24px;
}

.contract-flow {
    margin: 10px 10px 20px 10px;
}

.contract-flow dd {
    float: left;
    margin-top: 10px;
    padding-right: 66px;
    width: 76px;
    height: 132px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.contract-flow dd .ibs-ico-arrowline {
    color: #ddd;
    font-size: 38px;
    position: absolute;
    top: 28px;
    right: 13px;
}

.contract-flow dd:last-child .ibs-ico-arrowline {
    display: none;
}

.contract-flow dd .pic {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    padding: 0 8px;
    width: 76px;
    height: 76px;
    line-height: 20px;
    overflow: hidden;
    background: #ffefde;
    border: 1px solid #ffe3c6;
    border-radius: 50%;
    color: #ff5722;
}

.contract-flow dd .pic.off-lease {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    color: #c0c0c0;
}

.contract-flow dd .txt,
.contract-flow dd a {
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
}

.contract-flow dd .txt {
    margin-top: 10px;
    color: #999;
}

.contract-flow dd.wait .pic {
    background: #fff;
    border: 1px dashed #e0e0e0;
    color: #ccc;
    font-size: 40px;
    line-height: 54px;
    vertical-align: top;
}

.contract-flow-box {
    box-sizing: border-box;
    padding: 0 35px;
    width: 100%;
    height: 162px;
    position: relative;
}

.contract-flow-x {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    position: relative;
}

.contract-flow-x .contract-flow {
    position: absolute;
    left: 0;
}

.contract-flow-box .ibs-ico-left,
.contract-flow-box .ibs-ico-right {
    display: inline-block;
    font-size: 40px;
    color: #aaa;
    position: absolute;
    top: 47px;
    z-index: 9;
}

.contract-flow-box .ibs-ico-left:hover,
.contract-flow-box .ibs-ico-right:hover {
    color: #01AAED !important;
}

.contract-flow-box .ibs-ico-left {
    left: 0;
}

.contract-flow-box .ibs-ico-right {
    right: 0;
}

.contract-flow-box .disabled,
.contract-flow-box .disabled:hover {
    color: #ddd !important;
}

.table-fixed .check-1 td {
    border-bottom: none;
}

.table-fixed .check-1 .txt-1 {
    display: block;
    margin-top: 10px;
    line-height: 20px;
    font-size: 16px;
}

.table-fixed .check-2 {
    height: 34px;
}

.table-fixed .check-2 td {
    padding: 6px 15px;
    border-top: none;
    line-height: 22px;
    color: #999;
    background-color: #fffefa;
}

.table-fixed .check-2 td:first-child {
    background-color: #fff;
}

.sign-details {
    /*border: 1px solid #e6e6e6;*/
    /*margin-bottom: 15px;*/
}

/*.sign-details > div:nth-child(2n+1) {
	border-top: 1px dashed #e6e6e6;
}*/
.sign-details>div:nth-child(1) {
    border-top: none;
}

.contract-import dl {
    height: 148px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.contract-import dl:last-child {
    border-bottom: none;
}

.contract-import dt {
    float: left;
    width: 110px;
    height: 100%;
    vertical-align: middle;
}

.contract-import dt.num-01 {
    background: url(images/num-01.png) no-repeat left center;
}

.contract-import dt.num-02 {
    background: url(images/num-02.png) no-repeat left center;
}

.contract-import dd {
    display: block;
    box-sizing: border-box;
    padding-top: 32px;
    margin: 0 190px 0 110px;
    height: 100%;
}

.contract-import dd h3 {
    line-height: 28px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

.contract-import dd .ibs-ico-agree {
    color: #15BC83;
}

/* 新建审批 */
.new-approval {
    padding: 25px 50px;
}

.new-approval .approval-list .usable,
.new-approval .approval-list .unusable {
    margin: 15px 40px 15px 0;
    box-sizing: border-box;
    display: inline-block;
    width: 180px;
    height: 52px;
    line-height: 50px;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    vertical-align: middle;
    text-align: center;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-approval .approval-list .unusable {
    border: 2px dashed #D8D8D8;
    /*cursor: not-allowed;*/
}

.approval-prompt {
    position: relative;
}

.approval-prompt .layui-card-body {
    height: 100%;
    margin-bottom: 64px;
    position: relative;
    box-sizing: border-box;
}

.approval-prompt .content {
    /*padding: 20px;*/
}

.approval-prompt .layui-footer {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: -64px;
    padding: 10px 0 10px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05);
    background-color: #fff;
}

/* 审批摘要&附件 */
.approval-abstract {
    padding: 10px 15px 0 0;
}

.approval-abstract .title {
    padding-left: 12px;
    height: 16px;
    line-height: 16px;
    border-left: 3px solid #01AAED;
    color: #000;
    font-weight: bold;
}

.approval-abstract .accessory {
    padding-left: 15px;
    color: #999;
    font-size: 13px;
}

.approval-abstract .accessory .upload-list {
    margin-left: 40px;
}

.approval-abstract .accessory .upload-file-item {
    line-height: 20px;
}

.approval-abstract .accessory .upload-file-name {
    color: #333;
}

.approval-abstract .line {
    margin: 10px 0 0 15px;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
    background: #e6e6e6;
}


/* 提交审批流程 */
.approval-process {
    margin-top: 5px;
    padding: 30px 0 0 30px;
    border: 1px solid #e6e6e6;
}

.approval-process dd {
    position: relative;
    padding-bottom: 50px;
    display: inline-block;
    width: 115px;
    height: 48px;
    text-align: center;
    vertical-align: middle;
}

.approval-process dd>img,
.approval-process dd .nothing {
    margin: 0 auto;
    box-sizing: border-box;
    display: block;
    width: 48px;
    height: 48px;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    overflow: hidden;
}

.approval-process dd>img.no-user {
    border: 1px dashed #ddd;
}

.approval-process dd>.txt {
    margin: 4px auto 0;
    display: block;
    height: 20px;
    line-height: 20px;
}

/*.approval-process dd .nothing {
	line-height: 46px;
	border: 1px dashed #e6e6e6;
	font-size: 18px;
	color: #c0c0c0;
	text-align: center;
}*/

.approval-process dd .arrow-dashed-s {
    position: absolute;
    top: 20px;
    left: -12px;
    width: 24px;
    height: 17px;
    background: url(images/ico-arrow-dashed-s.png) no-repeat;
}

.approval-process dd:first-child .arrow-dashed-s {
    display: none;
}

.approval-process dd .bubble {
    position: absolute;
    z-index: 99;
    top: -6px;
    right: -9px;
    width: 50px;
    height: 22px;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    background: url(images/ico-bubble-blue.png) no-repeat;
}

/*.approval-process dd .branch {
	position: absolute;
    z-index: 99;
    top: 76px;
    left: 50%;
    margin-left: -62px;
	width: 122px;
	height: 36px;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(170, 170, 170, 0.5);
}
.approval-process dd .arrow-up {
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -6px;
    width: 12px;
    height: 7px;
    background: url(images/ico-arrow-up.png) no-repeat;
}
.approval-process dd .branch-list {
	padding-top: 5px;
}
.approval-process dd .branch-list img {
	float: left;
	margin-left: -7px;
	display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
}
.approval-process dd .branch-list img:first-child {
	margin-left: 10px;
}*/

/* 自由审批流程 */
.free-flow .ibs-timeline {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

.flow-list {
    padding: 0 85px 0 0;
}

.flow-list .title {
    color: #333;
}

.flow-list .approver {
    position: relative;
    padding: 20px 30px 34px 0;
    display: inline-block;
    width: 60px;
    height: 52px;
    text-align: center;
    vertical-align: middle;
}

.flow-list .approver>img,
.flow-list .approver .nothing,
.flow-list .approver .add-user {
    margin: 0 auto;
    box-sizing: border-box;
    display: block;
    width: 48px;
    height: 48px;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    overflow: hidden;
}

.flow-list .approver>img.no-user {
    border: 1px dashed #ddd;
}

.flow-list .approver .quit{
    width: 60px;
    height: 17px;
    font-size: 12px;
    color: #FA5151;
    line-height: 17px;
    text-align: center;
    font-style: normal;
}

.flow-list .approver .jump {
    width: 60px;
    height: 17px;
    font-size: 12px;
    color: #1E9FFF;
    line-height: 17px;
    text-align: center;
    font-style: normal;
}

.flow-list .approver>.txt {
    margin: 4px auto 0;
    display: block;
    height: 20px;
    line-height: 20px;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flow-list .approver .arrow-solid-s {
    position: absolute;
    top: 35px;
    right: 6px;
    width: 16px;
    height: 16px;
    background: url(images/ico-arrow-solid-s.png) no-repeat;
}

.flow-list .approver .slash-solid-s {
    position: absolute;
    top: 35px;
    right: 6px;
    width: 16px;
    height: 16px;
    background: url(images/ico-slash-solid-s.png) no-repeat;
    background-size: cover;
}

.flow-list .approver .plus-solid-s {
    position: absolute;
    top: 35px;
    right: 6px;
    width: 16px;
    height: 16px;
    background: url(images/ico-plus-solid-s.png) no-repeat;
    background-size: cover;
}

.flow-list .approver:last-child .arrow-solid-s {
    display: none;
}

.flow-list .approver .bubble {
    position: absolute;
    z-index: 99;
    top: 7px;
    right: 0;
    padding: 0 6px 0 5px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    font-size: 12px;
    background: #3C78FF;
    border-radius: 9px 9px 9px 2px;
}

.flow-list .approver .add-user {
    border: 1px solid #F4F4F4;
    cursor: pointer;
}

.flow-list .approver .iconshanchu_huaban1 {
    position: absolute;
    top: 15px;
    right: 32px;
    left: auto;
    z-index: 10;
    cursor: pointer;
    display: inline-block;
    color: #333;
    font-size: 21px;
    background: none;
    opacity: .8;
}

.flow-list .approver .iconshanchu_huaban1:hover {
    opacity: .9;
}

/* 广告管理 */

.advertising {
    /*padding: 15px 20px;*/
}

.advertising .ad-box,
.advertising .ad-box-l {
    margin: 20px 15px 0;
    float: left;
    width: 375px;
    overflow: hidden;
    border: 2px solid #eee;
}

.advertising .ad-box-l {
    width: 786px;
}

.advertising .pic {
    display: block;
    width: 100%;
}

.advertising ul {
    padding: 10px 0 10px 15px;
    background: #fff;
}

.advertising li {
    width: 100%;
    height: 28px;
    line-height: 28px;
}

.advertising li .txt-01 {
    display: inline-block;
    width: 80px;
    vertical-align: middle;
}

.advertising li .txt-02 {
    display: inline-block;
    width: 75%;
    vertical-align: middle;
}

.advertising .btns {
    padding: 5px 15px;
    height: 30px;
    line-height: 30px;
    background: #eee;
}

.advertising .label {
    display: inline-block;
    margin-top: -3px;
    margin-left: 8px;
    vertical-align: middle;
}

.no-advertising {
    padding: 120px 0 0 0;
    width: 100%;
    font-size: 18px;
    color: #a0a0a0;
    text-align: center;
}

.no-advertising i.ico-pic {
    display: inline-block;
    margin-right: 15px;
    width: 90px;
    height: 90px;
    background: url(images/ico-pic.png) no-repeat;
    vertical-align: middle;
}


/*-----------------盖章归档-----------------*/
.contract-search {
    margin: 0 0 25px 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
    text-align: left !important;
}

.contract-search .layui-tab-item {
    padding: 30px;
    text-align: center;
}

.contract-search .layui-input {
    height: 45px;
    vertical-align: middle;
}

.contract-search .layui-btn {
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    margin-left: 10px;
}

.contract-statistics {
    margin-bottom: 40px;
}

.contract-statistics li>div {
    padding-left: 9%;
    border-right: 1px solid #eee;
}

.contract-statistics li:last-child>div {
    border-right: none;
}

.contract-statistics li>div h1 {
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    color: #666;
}

.contract-statistics li>div p {
    height: 38px;
    line-height: 38px;
}

.contract-statistics li .txt-01 {
    height: 48px;
    line-height: 48px;
}

/*.contract-statistics li .txt-01 a {
	text-decoration: underline;
}*/
.contract-statistics li .txt-01 a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    text-decoration: underline;
}

.contract-statistics li .txt-02 {
    padding-top: 6px;
    height: 28px;
    line-height: 28px;
    color: #999;
    font-size: 12px;
}

.contract-statistics li .txt-03 {
    padding-bottom: 4px;
    height: 32px;
    line-height: 32px;
}

.contract-statistics li .txt-03 a:hover {
    text-decoration: underline;
}

.search-results {
    padding: 0 20px;
    border: 1px solid #e6e6e6;
}

.search-results dl {
    display: block;
    padding: 10px 0;
}

.search-results dl+dl {
    border-top: 1px dashed #e6e6e6;
}

.search-results dt {
    height: 32px;
    line-height: 32px;
    font-size: 18px;
}

.search-results dd {
    line-height: 26px;
    color: #aaa;
}

.search-results .signer {
    position: absolute;
    top: 0;
    right: 0;
}


/*--------盖章---------*/
.ico-stamp {
    width: 135px;
    height: 105px;
    position: absolute;
    top: 70px;
    right: 10px;
    background: no-repeat;
}

.stamp-waiting-order {
    background-image: url(images/stamp/stamp-waiting-order.png?1567407987);
}

.stamp-closed {
    background-image: url(images/stamp/stamp-closed.png?1567482742);
}

.stamp-complete {
    background-image: url(images/stamp/stamp-complete.png?1567482082);
}

.stamp-pay {
    background-image: url(images/stamp/stamp-pay.png?1567481784);
}

.stamp-refund {
    background-image: url(images/stamp/stamp-refund.png?1567482280);
}

.stamp-refunded {
    background-image: url(images/stamp/stamp-refunded.png?1567482636);
}

.stamp-not-refund {
    background-image: url(images/stamp/stamp-not-refund.png?1567482697);
}

.stamp-service {
    background-image: url(images/stamp/stamp-service.png?1567481951);
}

.stamp-revocation {
    background-image: url(images/stamp/stamp-revocation.png?1573800788);
}

.stamp-invoice {
    background-image: url(images/stamp/stamp-invoice.png?1575967960);
}

.stamp-invoice2 {
    background-image: url(images/stamp/stamp-invoice2.png?1577260060);
}

.stamp-invoice-verify1 {
    background-image: url(images/stamp/stamp-invoice-verify1.png?1576115344);
}
.stamp-invoice-verify2 {
    background-image: url(images/stamp/stamp-invoice-verify2.png?1576115344);
}

.stamp-wait-clear{
    background-image: url(images/stamp/waitclear.png?1576115344);
}

.stamp-wait-check{
    background-image: url(images/stamp/waitcheck.png?1576115344);
}

.stamp-already-clear{
    background-image: url(images/stamp/alreadyclear.png?1576115344);
}

.stamp-invoice-complete {
    background-image: url(images/stamp/stamp-invoice-complete.png?1576115345);
}

.stamp-cancel {
    background-image: url(images/stamp/stamp-cancel.png?1576824985);
}

.stamp-canceled {
    background-image: url(images/stamp/stamp-canceled.png?1576824985);
}

.stamp-charge-off {
    background-image: url(images/stamp/stamp-charge-off.png?1576122292);
}

.stamp-checked {
    background-image: url(images/stamp/stamp-checked.png?1577254602);
}


/*------------新开空白页-------------*/
.blank-box {
    margin: 30px auto;
    padding: 30px 10px;
    width: 1200px;
    background: #fff;
}


/* 没有权限 */
.no-authority {
    margin: 0 auto;
    padding: 90px 0;
    width: 500px;
    text-align: center;
}

.no-authority .ico-no-authority,
.no-authority .ico-no-park {
    display: inline-block;
    width: 280px;
    height: 280px;
    background: url(images/ico-no-authority.png?1575441628) no-repeat;
}
.no-authority .ico-no-server {
    display: inline-block;
    width: 280px;
    height: 280px;
    background: url(images/ico-no-service.png?1575441627) no-repeat;
}

.no-authority .ico-no-park {
    background: url(images/ico-no-park.png?1575441627) no-repeat;
}

.no-authority .title {
    margin-top: 20px;
    font-size: 20px;
    color: #666;
}

.no-authority .txt {
    margin-top: 12px;
    font-size: 16px;
    color: #aaa;
}


/* 财务 */

.invoice dl {
    padding: 23px 0;
    min-height: 34px;
    line-height: 34px;
    border-bottom: 1px dashed #ddd;
}

.invoice dt {
    float: left;
    padding-right: 60px;
    padding-left: 20px;
    min-width: 250px;
    color: #666;
    position: relative;
}

.invoice dt .label {
    width: 170px;
    height: 26px;
    position: absolute;
    z-index: 9;
    top: 26px;
    left: 20px;
}

.invoice dt .label .txt {
    display: inline-block;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    background: #ffeadb;
    border-radius: 5px;
    font-size: 12px;
    color: #ff534d;
    position: absolute;
    bottom: 0;
    left: 0;
}

.invoice dt .label .ico-arrow-orange-l {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(images/ico-arrow-orange-l.png?1576051608) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.invoice dd {
    padding-left: 270px;
    color: #666;
}

.invoice dl:nth-last-child(2) {
    border-bottom: 1px solid #ddd;
}

.invoice dl:last-child {
    border-bottom: none;
}



.graph {
    padding-top: 50px;
    height: 400px;
}

/* 新手引导 */
.guide {
    position: absolute;
    z-index: 1;
    top: 70px;
    left: 50%;
    margin-left: -500px;
    box-sizing: border-box;
    padding: 40px 50px;
    width: 1000px;
}

.guide .title {
    margin: 0 auto 15px;
    width: 500px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
}

.guide .txt {
    display: inline-block;
    padding: 0 10px;
    font-size: 24px;
    color: #000;
    background-color: #fff;
}

.guide .line {
    position: absolute;
    z-index: -1;
    top: 20px;
    width: 500px;
    height: 1px;
    overflow: hidden;
    background-color: #ddd;
}

.guide p {
    padding: 0 0 20px;
    line-height: 26px;
    font-size: 16px;
    color: #666;
    text-align: center;
}

.guide dl {
    height: 148px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.guide dl.stamp-finished {
    background: url(images/stamp/stamp-finished.png) no-repeat 760px center;
}

.guide dl.stamp-unfinished {
    background: url(images/stamp/stamp-unfinished.png) no-repeat 690px bottom;
}

.guide dt {
    float: left;
    width: 110px;
    height: 100%;
    vertical-align: middle;
}

.guide dt.num-01 {
    background: url(images/num-01.png) no-repeat left center;
}

.guide dt.num-02 {
    background: url(images/num-02.png) no-repeat left center;
}

.guide dt.num-03 {
    background: url(images/num-03.png) no-repeat left center;
}

.guide dd {
    display: block;
    box-sizing: border-box;
    padding-top: 32px;
    margin: 0 190px 0 110px;
    height: 100%;
}

.guide dd h3 {
    line-height: 28px;
    color: #333;
    font-size: 20px;
}

.guide dd>span {
    display: block;
    margin-top: 6px;
    line-height: 26px;
    color: #999;
    font-size: 16px;
}

.guide dl .layui-btn {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -22px;
    padding: 0;
    width: 114px;
}

.guide .manual {
    margin-top: 38px;
    height: 20px;
    line-height: 20px;
    color: #999;
    font-size: 16px;
    text-align: center;
}

/* 浏览器 */
.browser {
    /*margin: 100px auto;*/
    width: 1000px;
    height: 500px;
    overflow: hidden;
    background: #fff;
    /*border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 0px 15px rgba(0,0,0,0.08);*/
    text-align: center;
}

.browser .title {
    margin-top: 98px;
    height: 48px;
    line-height: 48px;
    font-size: 26px;
    color: #333;
}

.browser .txt-01 {
    margin-top: 10px;
    line-height: 32px;
    font-size: 18px;
    color: #999;
}

.browser dl {
    margin: 60px auto 0;
}

.browser dd {
    display: inline-block;
    width: 175px;
    height: 145px;
    text-align: center;
    vertical-align: middle;
}

.browser dd img {
    display: inline-block;
    width: 90px;
    height: 113px;
}

.browser dd>span {
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #666;
}

/* 园企互动 */
.view-news {
    box-sizing: border-box;
    width: 375px;
    /*min-height: 667px;*/
    background: #fff;
}

.view-news h2 {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #333;
}

.view-news .time {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #999;
}

.view-news .txt {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #555;
}

.view-news .txt p {
    display: block;
    /*text-indent: 24px;*/
}

.view-news img {
    display: block;
    margin: 12px auto;
    width: 100%;
}

/* 无权限 */
.no-access-box {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.no-access {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -300px;
    width: 600px;
    height: 400px;
    text-align: center;
}

.no-access .pic {
    margin: 0 auto;
    display: block;
}

.no-access .txt {
    margin: 30px auto 0;
    width: 100%;
    line-height: 30px;
    font-size: 22px;
    color: #333;
}

/* 维护 */
.maintain-box {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.maintain {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -450px;
    width: 900px;
    height: 520px;
    text-align: center;
}

.maintain .pic {
    margin: 0 auto;
    display: block;
}

.maintain .txt {
    margin: 0 auto 0;
    width: 100%;
    line-height: 30px;
    font-size: 20px;
    color: #333;
}

.maintain .txt-2 {
    margin: 10px auto 0;
    width: 100%;
    line-height: 30px;
    font-size: 20px;
    color: #999;
}

/* 公告 */
.notice {
    box-sizing: border-box;
    padding: 0 18px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #f8fcff;
    color: #4596e3;
    position: relative;
}

.notice a {
    color: #4596e3;
    vertical-align: middle;
}

.notice a:hover {
    text-decoration: underline;
}

.notice .ibs-ico-close2 {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 22px;
    color: #999;
}

.notice .ibs-ico-close2:hover {
    text-decoration: none;
}

.notice~.layui-side,
.notice~.layui-body {
    top: 100px;
}


/* 系统公告 */
.sys-notice {
    box-sizing: border-box;
    margin: 50px auto;
    width: 1000px;
}

.sys-notice .title {
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000;
    font-size: 24px;
}

.sys-notice .content {
    margin-top: 40px;
    line-height: 30px;
}

.sys-notice .content p {
    /* text-indent: 20px; */
}

.sys-notice .content p+p {
    margin-top: 15px;
}

.sys-notice .content img {
    display: block;
    margin: 15px 0;
}


/* 企业库 */

/* 客户详情 */
.contacts dt {
    display: inline-block;
    vertical-align: middle;
}

.contacts dd {
    margin: 2px 4px 2px 0;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 42px 0 8px;
    height: 32px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px dashed #fff;
    vertical-align: middle;
    position: relative;
}

.contacts .iconfont {
    margin-right: 5px;
    color: #ccc;
    font-size: 18px;
}

.contacts dd:hover {
    /*border: 1px dashed #3fadff;*/
    background-color: #f8fcff;
}

.contacts dd a.iconfont {
    display: none;
    position: absolute;
    top: 0;
}

.contacts dd .ibs-ico-closebig {
    right: 22px;
    color: #ff534d;
}

.contacts dd .ibs-ico-edit2 {
    right: 2px;
    color: #01AAED;
}

.contacts dd:hover a.iconfont {
    display: inline-block;
}

.tag-s {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}

.tag-s+.tag-s {
    margin-left: 4px;
}

.tag-s+.layui-btn {
    margin-left: 10px;
}

.tag-s.tag-add {
    line-height: 20px;
    color: #999;
    background-color: #fff;
    border: 1px dashed #cacaca;
    border-radius: 2px;
}

.tag-s.tag-blue {
    color: #2f98ed;
    background-color: #e7f4ff;
}

.tag-s.tag-green {
    color: #36b365;
    background-color: #e4fff0;
}

.tag-s.tag-purple {
    color: #6f77d1;
    background-color: #edeef9;
}

.tag-s.tag-orange {
    color: #FF9115;
    background-color: #fff2de;
}

.tag-s.tag-red {
    color: #FF5E5E;
    background-color: #fff0f2;
}

.tag-s.tag-red-error {
    color:#fa5151;
    background-color:#FEF0F2;
    border-radius:2px;
    padding:0 4px;
}

.tag-s.tag-gray {
    color: #ffffff;
    background-color: #cccccc;
}

.tag-s.tag-red-dark {
     color: #ffffff;
    background-color: #FA5151;
    border-radius: 2px;
    padding: 0 4px; 

}

.tag-s.tag-red-back {
   color: #ffffff;
   background-color: #FA5151;
   border-radius: 2px;
   padding: 0 4px; 

}

.lifecycle dd {
    margin-bottom: 15px;
    padding-left: 100px;
    display: inline-block;
    width: 150px;
    height: 52px;
    vertical-align: middle;
    background: url(images/ico-arrow-solid.png) no-repeat 16px 9px;
}

.lifecycle dd:first-child {
    padding-left: 0;
    background: none;
}

.lifecycle dd .ico {
    float: left;
    width: 52px;
    height: 52px;
}

.lifecycle dd .ico-enter {
    background: url(images/ico-enterprise-enter.png) no-repeat;
}

.lifecycle dd .ico-out {
    background: url(images/ico-enterprise-out.png) no-repeat;
}

.lifecycle dd .ico-relet {
    background: url(images/ico-enterprise-relet.png) no-repeat;
}

.lifecycle dd .ico-surrender {
    background: url(images/ico-enterprise-surrender.png) no-repeat;
}

.lifecycle dd .ico-contract {
    background: url(images/ico-enterprise-contract.png) no-repeat;
}

.lifecycle dd .ico-renewal {
    background: url(images/ico-enterprise-renewal.png) no-repeat;
}

.lifecycle dd .txt {
    margin-left: 67px;
    height: 52px;
    line-height: 24px;
}

.lifecycle dd .txt .txt-01 {
    margin-top: 4px;
    display: block;
    font-size: 16px;
    color: #333;
}

.lifecycle dd .txt .txt-02 {
    display: block;
    line-height: 22px;
    font-size: 12px;
    color: #aaa;
}

.layui-input-l {
    width: 575px;
    height: 45px;
    vertical-align: middle;
}

.layui-btn-l {
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
}

.layui-input-l+.layui-btn-l {
    margin-left: 10px;
}

.multi-search {
    margin-top: 20px;
    border: 1px solid #ececec;
}

.multi-search .condition {
    padding: 10px 14px;
    line-height: 26px;
    /*border-bottom: 1px dashed #e7e7e7;*/
    position: relative;
}

.multi-search .condition+.condition {
    border-top: 1px dashed #e7e7e7;
}

.multi-search .condition:after {
    content: "";
    display: block;
    clear: both;
}

.multi-search .search-box {
    width: 236px;
    position: absolute;
    top: 8px;
    right: 14px;
}

.multi-search .layui-input {
    height: 30px;
}

.multi-search .btn-input {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.multi-search .title {
    float: left;
    padding-left: 2px;
    width: 60px;
    line-height: 26px;
    color: #aaa;
}

.multi-search .content {
    box-sizing: border-box;
    margin-left: 50px;
    margin-right: 60px;
    /*max-width: 895px;*/
}

.multi-search .content>a {
    display: inline-block;
    padding: 0px 15px;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
    color: #555;
}

.multi-search .content>a:hover {
    color: #888;
}

.multi-search .content .active,
.multi-search .content>a.active:hover {
    color: #01AAED;
}

.multi-search .ibs-ico-folddown,
.multi-search .ibs-ico-foldup {
    position: absolute;
    top: 8px;
    right: 14px;
    font-size: 22px;
    color: #ccc;
}

.multi-search .h-unfold {
    height: 26px;
    overflow: hidden;
}

.company-info h3 {
    margin-top: 5px;
    font-size: 16px;
    color: #333;
    height: 30px;
    line-height: 30px;
}

.company-info .details {
    line-height: 24px;
}

.company-info .details .layui-row {
    margin-bottom: 4px;
}

.company-info .details .label {
    float: left;
    width: 90px;
    color: #999;
}

.company-info .details .txt {
    display: block;
    margin-left: 90px;
    color: #333;
}

.header-img-36 {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
}

.position-dash2 {
    position: absolute;
    top: 7px;
    left: calc(50% - 3px);
    font-size: 16px;
    color: #666;
}

/* 添加标签 */
.add-tags {
    overflow: hidden;
}

.add-tags dd {
    box-sizing: border-box;
    float: left;
    margin: 15px 10px 0 0;
    width: 184px;
    height: 38px;
    text-align: center;
    position: relative;
}

.add-tags dd .layui-input {
    border-radius: 4px;
    padding-right: 30px;
}

.add-tags dd .btn-delete {
    position: absolute;
    z-index: 10;
    top: 7px;
    right: 8px;
    color: #ccc;
}

.add-tags dd.add {
    border: 1px dashed #3fadff;
    background-color: #f8fcff;
    border-radius: 4px;
    cursor: pointer;
}

.add-tags dd.add .ibs-ico-add {
    color: #b1deff;
    font-size: 30px;
    line-height: 36px;
}

.btn-auto-fill {
    display: inline-block;
    padding: 0 12px;
    height: 28px;
    line-height: 28px;
    color: #888;
    background-color: #f2f2f2;
    border-radius: 14px;
    vertical-align: middle;
}

.btn-auto-fill+.btn-auto-fill {
    margin-left: 10px;
}

.layui-col-xs2p5 {
    float: left;
    width: 20%;
    position: relative;
    display: block;
    box-sizing: border-box;
}

/* 载体上报 */
.title-special .layui-badge {
    border-radius: 2px;
}

.input-ellipsis-box {
    padding-right: 36px;
    position: relative;
}

.input-ellipsis-box .layui-form-checkbox span {
    display: inline-block;
    overflow: hidden;
    width: 60px;
    text-overflow: ellipsis;
}

.input-ellipsis-box a {
    position: absolute;
    top: 2px;
    right: 0;
}


.btn-more:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #4bb2ff;
}

.btn-more dl {
    display: none;
    position: absolute;
    right: 0;
    top: 34px;
    /*min-width: 100%;*/
    line-height: 36px;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap;
    text-align: left;
}

.btn-more:hover dl {
    display: block;
}

.btn-more a {
    display: block;
    padding: 0 20px;
}

.btn-more a:hover {
    background-color: #f2f2f2;
    color: #000;
}

.btn-more2 {
    display: inline-block;
    width: 60px;
    /*padding-left: 50px;*/
}

.btn-more2:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-more2 dl {
    /*display: none;*/
    position: absolute;
    right: 0;
    top: 20px;
    line-height: 34px;
    padding: 6px 10px;
    max-height: 172px;
    overflow-y: auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap;
    text-align: left;
}

/*.btn-more2:hover dl {
    display: block;
}*/



/* v1.8.1 - 2021-06 */
.house-hd.v181 .house-plan {
    width: 200px;
}

.house-hd.v181 .house-plan img {
    width: 198px;
}

.house-hd.v181 .house-hd-info {
    margin-left: 220px;
}

.house-hd.v181 .statistics li {
    padding-right: 5px;
}

.house-hd.v181 .statistics.col1d5 .layui-col-xs3 {
    width: 12.5%;
}

.house-hd.v181 .statistics.col1d5 li>div h3 {
    font-size: 13px;
}

.house-hd.v181 .statistics.col1d5 li>div p {
    font-size: 24px;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.house-search.v181 .title {
    padding: 0 6px 0 0;
    width: 60px;
    text-align: right;
}

.house-search.v181 .content {
    margin-left: 75px;
}

.house-search.v181 .search-box {
    width: 300px;
    top: 8px;
    right: auto;
    left: 105px;
}

/* 招商-支付方式 */
.paymentframe {
    margin: 15px auto;
    width: 100%;
}

.paymentframe .payment-box {
    margin-top: 20px;
    height: 255px;
}

.paymentframe h1 {
    padding-left: 15px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: left;
}

.paymentframe .wechat {
    float: left;
    width: 280px;
    text-align: center;
}

.paymentframe .wechat .payment-code {
    margin: 40px 0;
    display: inline-block;
    width: 150px;
    vertical-align: middle;
}

.paymentframe .bank {
    margin-left: 280px;
    padding-left: 20px;
    border-left: 1px dashed #ddd;
    height: 100%;
}

.paymentframe .layui-form-label {
    text-align: left;
    padding: 2px 15px;
}

.paymentframe .layui-input-block {
    min-height: 28px;
}

.paymentframe .layui-form-mid {
    padding: 2px 0 !important;
}

.paymentframe .bank-info {
    /*display: table;*/
    height: calc(100% - 24px);
    overflow-y: auto;
}

.paymentframe .bank-box {
    /*display: table-cell;*/
    vertical-align: middle;
}

.paymentframe .bank-row {
    padding: 15px 0 5px 0;
    width: 100%;
    border-bottom: 1px dashed #ddd;
    vertical-align: middle;
}

.paymentframe .bank-info.one .bank-row {
    padding-top: 60px;
}

.paymentframe .bank-row:last-child {
    border-bottom: none;
}

.paymentframe .bank-row .layui-form-label {
    width: 50px;
}

.paymentframe .bank-row .layui-input-block {
    margin-left: 80px;
}

/*顶部二维码*/
.qrcode-dl {
    display: none;
    position: absolute;
    right: -210px;
    top: 70px;
    line-height: 36px;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap;
    width: 822px
}

.qrcode {
    width: 822px;
    height: 312px;
}

.qrcode_title {
    width: 822px;
    height: 40px;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    line-height: 40px;
    background: #FFFFFF;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    padding-left: 19px;
}

.qrcode_content {
    width: 822px;
    height: 272px;
}


.qrcode_content ul {
    display: flex;
    list-style: none;

}

.qrcode_content ul li {
    box-sizing: border-box;
    flex: 1;
    width: 274px;
    height: 272px;
    padding-top: 40px;
    text-align: center;
    background: url('images/qrcode_bg.png') no-repeat;
    background-size: 100% auto, 100% auto;
    background-position: 0 100%;
}

.qrcode-title {
    margin-top: 14px;
    height: 18px;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    line-height: 18px;
}

.qrcode-title-small {
    margin-top: 8px;
    height: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 18px;
}

.qrcode-line {
    width: 1px;
    height: 248px;
    border-left: 2px dashed #CCCCCC;
    margin-top: 16px;
}

/*头顶样式 dialog*/
.dialogTip {
    background: #fbecd9;
    color: #f07b3f;
    padding: 15px 5px 10px 10px;
}

.layui-field-box-ibs {
    padding: 10px 8px
}

/*导入进度条*/
.ibs-import .import-pic {
    float: left;
    width: 56px;
    height: 56px;
    overflow: hidden;
}
.ibs-import .infos {
    display: block;
    margin-left: 72px;
    line-height: 24px;
}
.ibs-import .infos .txt-1{
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 33px;
}

.ibs-import .infos .txt-2{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 23px;
    margin-top:2px;
}
.houseImport .process-error,.ammeterDiv .process-error{margin-top:28px; height: calc(100% - 330px); overflow-y: auto; max-width:800px;}
.uploadBox-3,.uploadBox-2,.basicUploadBox-2,.basicUploadBox-3,.shouldUploadBox-2,.shouldUploadBox-3,.contract-import,.step-01,.step-02 {height:100%}
.layui-form{height:100%}
.process-error p{
    font-size: 14px;
    font-weight: 400;
    color: #FF9115;
    line-height: 28px;
}
.process-content{margin-left:56px; margin-top:52px; height:100%}
.contract-import .process-error{margin-top:28px; height: calc(100% - 380px); overflow-y: auto; max-width:800px;}
/*end*/
.payList {
    display: flex;
    flex-direction: column;
    width: 288px;
    height: 142px;

    border-radius: 4px;
    border: 1px solid #D8D8D8;
    padding: 21px 16px 13px 16px;
}

.payList-item {
    display: flex;
    flex-direction: row;
    margin: 10px 0;
}


.payList-label {
    width: 57px;
    height: 20px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 20px;
    text-align: right;
    margin-right: 8px;
}

.payList-block {
    width: 183px;
    height: 20px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
}

.buttons {
    text-align: right;
}

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

.addPaymentAccount .limits-card {
    display: flex;
    flex-direction: column;
    color: #1E9FFF;
    border:1px dashed #3fadff;
    background-color:#f8fcff;
}

.limits-card .ibs-ico-add {
    color: #B1DEFF;
    font-size: 60px;
    color: #B1DEFF;
    margin-bottom: 10px;
}
.import-title{font-weight: 500;     margin-top: 10px !important;     margin-bottom: 10px !important;     font-size: 20px !important;}
.layui-show-txt{margin-bottom:6px;}

/*场馆预约*/
.venue-hd{ padding: 10px 0 0; position: relative;}
.venue-hd-photo{ float: left; box-sizing: border-box; width: 200px; height: 128px;}
.venue-hd-title{font-size: 24px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #333333;line-height: 24px; height:40px;}
.venue-hd-desc{font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #888888;line-height: 14px; height:20px;}
.venue-hd-btn{ position: absolute;z-index: 9;top: 8px;right: 0;}
.venue-hd-info{margin-left:218px; height:128px; display: block;}
.siteItem{padding:0 42px 0 8px; box-sizing: border-box; position: relative;}
.siteItem a.iconfont {display:none; position:absolute; top:0;}
.siteItem:hover a.iconfont{display:inline-block}

/*回到顶部*/

.layui-fixbar-ibs {
    position: fixed;
    right: 40px;
    bottom: 60px;
    z-index: 999999
}
.layui-fixbar-ibs li {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 1px;
    text-align: center;
    cursor: pointer;
    font-size: 30px;
    background-color: #8C8C8C;
    color: #fff;
    border-radius: 2px;
    opacity: .95
}
.layui-fixbar-ibs li:hover {
    opacity: .85;
	background-color: #666666;
}
.layui-fixbar-ibs li:active {
    opacity: 1;
	background-color: #666666;
}
.layui-fixbar-ibs .layui-fixbar-top {
    display: none;
    font-size: 40px
}

/* 服务订单 */
.service-list {
    padding: 15px 0;
    min-height: 70px;
    line-height: 70px;
    background-repeat: no-repeat;
    background-position: right top;
}
.service-list .iconfont {
	float: left;
	margin: 0 10px;
    color: #ddd;
    font-size: 60px;
}
.service-list .infos {
    margin-left: 82px;
    padding-top: 8px;
    line-height: 24px;
}
.service-list .infos > .txt-1 {
    font-size: 20px;
    color: #333;
}
.service-list .infos > .txt-2 {
    margin-top: 6px;
    color: #aaa;
}
.poolDiv{
    background-color: rgba(255, 255, 255, 1);
    border-radius:6px;
    width: 267px;
    height: 155px;
    position: absolute;
    top:62px;
    right:163px;
    z-index:19891016
}
.poolSpanTitle{
    width: 80px;
    height: 22px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 22px;
    margin: 29px 0 0 20px;
}
.poolSpanContent {
    width: 235px;
    height: 40px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    line-height: 20px;
    margin: 8px 0 0 20px;
  }

  .poolBtnDiv {
    background-color: rgba(58, 159, 255, 1);
    border-radius: 2px;
    height: 32px;
    width: 74px;
    margin: 11px 0 20px 181px;
  }
  .poolBtn {
    width: 42px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 14px;
    margin: 9px 0 0 16px;
  }
  .flex-col {
    display: flex;
    flex-direction: column;
  }

  .poolArrow {
    border: 8px solid white;
    content:'';
    position: absolute;
    top:0px;
    left: -16px;
  }
  .poolArrow.poolTop {
    top: 60px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }

  .approve-popper {
    position: fixed;
    padding: 16px 20px 16px 16px;
    border-radius: var(--global-border-radius);
    word-wrap: break-word;
    font-size: 14px;
    box-sizing: border-box;
    box-shadow: 0 2px 12px rgba(0,0,0,.15);
    background-color: #fff;
    color: #3a3a3a;
    border: 1px solid #cecece;
    display: none;
    max-width: 300px;
    z-index: 99999
}


 /* 左侧三角 */
 .left-empcard::before,
 .left-empcard::after {
   content: '';
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
 }
 
 .left-empcard::before {
   left: -10px;
   border-right: 10px solid #ccc;
 }
 
 .left-empcard::after {
   left: -9px;
   border-right: 10px solid white;
 }

 .graph_tab {
    width: 136px;
    height: 24px;
    background: #F0F1F6;
    border-radius: 2px;
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 999;
 }

 .graph_tab1 {
    display: inline-block;
    padding: 5px 12px;
    background: #1E9FFF;
    cursor: pointer;
    height: 14px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 14px;
    font-style: normal;
 }

 .graph_tab2 {
    display: inline-block;
    padding: 5px 12px;
    background: #F0F1F6;
    cursor: pointer;
    height: 14px;
    font-size: 14px;
    color: #8E959F;
    line-height: 14px;
    font-style: normal;
 }

 .chat-timeline-item {
    position: relative;
    padding-bottom: 24px
}

.chat-timeline-content{
    overflow: hidden;
}


.ibs-chatline dd {
    padding: 0px 0;
}

.ibs-chatline dd:after {
    content: ".";
    font-size: 0;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ibs-chatline dd+dd {
    border-top: 1px solid #e6e6e6;
}

.ibs-chatline .header-pic {
    float: left;
    width: 68px;
    height: 68px;
    border-radius: 8px;
    overflow: hidden;
}

.ibs-chatline .header-pic img {
    display: block;
    width: 68px;
    height: 68px;
}

.ibs-chatline .header-approve {
    float: left;
    width: 56px;
    height: 56px;
    border-radius: 7px;
    overflow: hidden;
    border: 1px solid #EEEEEE;
}

.ibs-chatline .header-approve img {
    display: block;
    width: 56px;
    height: 56px;
}

.ibs-chatline .chat_list_item_btn {
    display: flex;
    margin-top: 8px;
}

.ibs-chatline .reply {
    box-sizing: border-box;
    width: 80px;
    height: 32px;
    border-radius: 2px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    border: 1px solid #cccccc;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ibs-chatline .reply:hover {
    color: #1e9fff;
    border: 1px solid #1e9fff;
}

.ibs-chatline .delete {
    margin-left: 16px;
    width: 28px;
    height: 32px;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    line-height: 32px;
    text-align: left;
    font-style: normal;
}


.ibs-chatline .reply .reply_icon {
    background: url(images/reply_icon.png) no-repeat center center;
    background-size: cover;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.ibs-chatline .reply:hover .reply_icon {
    background: url(images/reply_icon_hover.png) no-repeat center center;
    background-size: cover;
    width: 16px;
    height: 16px;
    margin-right: 3px
}

.load-more{
    color: #666;
    cursor: pointer;
}

.load-more:hover{
    color: #333;
}

.load-more .uparrow{
    transform: rotate(180deg);
}

.load-more .arrow {
    color: #666;
    display: inline-block;
    transition: all .2s;
    -webkit-transition: all .2s;
}

.load-more .arrow .arrow_color {
    color: #666;
}

.load-more:hover .arrow_color {
    color: #333;
}


.layui-icon-subtraction {
  border-color: #3fadff !important;
  background-color: #3fadff !important;
}
.layui-icon-subtraction:before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 8px !important;
  height: 2px !important;
  background-color: #fff !important;
  transform: translate(-50%, -50%) !important;
}


/* 调整箭头位置到上方正中 */
.tips-center .layui-layer-TipsG {
  left: 50% !important; /* 箭头左侧对齐提示框50%位置 */
  margin-left: -6px !important; /* 箭头自身左移一半宽度，实现居中 */
  top: 100% !important; /* 箭头贴紧提示框底部（指向元素） */
  transform: rotate(270deg);
}

.tag-pay0{
    height: 20px;
    background: rgba(255, 145, 21, .1);
    font-weight: 400;
    display: inline-block;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #FF9115;
    padding: 0 6px;
    margin-left: 5px;
}

.tag-pay1{
    height: 20px;
    background: rgba(250, 81, 81, .1);
    font-weight: 400;
    display: inline-block;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #FA5151;
    padding: 0 6px;
    margin-left: 5px;
    cursor: pointer;
}

.tag-pay2{
    height: 20px;
    background: rgba(51, 185, 135, .1);
    font-weight: 400;
    display: inline-block;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #33B987;
    padding: 0 6px;
    margin-left: 5px;
    cursor: pointer;
}


  @font-face {
    font-family: 'Alimama_ShuHeiTi_Bold';
    src: url('./fonts/Alimama_ShuHeiTi_Bold.ttf') format('truetype');
  }