.login[data-v-37e2d232] {
    height: 100%;
    background: url(https://sys.baigwang.com/images/crm/login.jpg) no-repeat fixed;
    background-size: 100% 100%
}

.login .content[data-v-37e2d232] {
    position: absolute;
    top: 25%;
    left: 50%;
    width: 460px;
    margin: 0 0 0 -230px;
    padding: 40px 0;
    font-size: 22px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.login .content .logo[data-v-37e2d232] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 45px 0 24px;
    text-align: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.login .content .logo .box img[data-v-37e2d232] {
    width: 225px
}

.login .content .logo .text[data-v-37e2d232] {
    padding-bottom: 10px;
    font-size: 22px
}

.login .content .form .box[data-v-37e2d232] {
    width: 320px;
    margin: 30px auto 0;
    background-color: #fff
}

.login .content .form span[data-v-37e2d232] {
    display: block;
    font-size: 12px;
    color: red;
    margin: 5px 0
}

.login .content .form p[data-v-37e2d232] {
    display: block;
    width: 320px;
    height: 42px;
    margin-bottom: 24px
}

.login .content .form p[data-v-37e2d232]:last-child {
    margin-bottom: 0
}

.login .content input[data-v-37e2d232] {
    display: block;
    width: 270px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    padding: 0 10px 0 40px;
    border: 0;
    background-color: #f5f8f9
}

.login .content button[data-v-37e2d232] {
    width: 100%;
    height: 42px;
    border: none;
    border-radius: 3px;
    background: #16a4fa;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-family: Microsoft Yahei
}

.login .content .code[data-v-37e2d232] {
    position: relative
}

.login .content .code img[data-v-37e2d232] {
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    height: 38px
}

.login .content .code .em[data-v-37e2d232] {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    padding: 0;
    line-height: 40px;
    background: #d9d9d9;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.login .content .code .em[data-v-37e2d232]:hover {
    background: #c3c3c3;
    color: #fff
}

.content[data-v-1c211522] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    height: 256px;
    font-size: 22px
}

.content .lt[data-v-1c211522], .content .rt[data-v-1c211522] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding: 20px 0
}

.content .lt[data-v-1c211522] {
    height: 268px;
    padding-right: 100px;
    text-align: center;
    border-right: 1px solid #ccc
}

.content .lt .box[data-v-1c211522] {
    float: right;
    width: 100%;
    text-align: center
}

.content .lt img[data-v-1c211522] {
    width: 325px
}

.content h2[data-v-1c211522] {
    font-size: 22px
}

.content .rt[data-v-1c211522] {
    padding-left: 100px
}

.content .rt .box[data-v-1c211522] {
    width: 300px;
    float: left;
    background-color: #fff
}

.content .rt span[data-v-1c211522] {
    float: left;
    font-size: 12px;
    color: red
}

.content .rt p[data-v-1c211522] {
    float: right;
    display: block;
    width: 300px;
    height: 42px;
    margin-bottom: 20px
}

.content .rt p[data-v-1c211522]:last-child {
    margin-bottom: 0
}

.content input[data-v-1c211522] {
    float: left;
    width: 250px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    padding: 0 10px 0 40px;
    border: 0;
    background-color: #f5f8f9
}

.content button[data-v-1c211522] {
    width: 100%;
    height: 42px;
    border: none;
    border-radius: 3px;
    background: #16a4fa;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-family: Microsoft Yahei
}

.content .code[data-v-1c211522] {
    position: relative
}

.content .code img[data-v-1c211522] {
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    height: 38px
}

.content .code .em[data-v-1c211522] {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    padding: 0;
    line-height: 40px;
    background: #d9d9d9;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.content .code .em[data-v-1c211522]:hover {
    background: #c3c3c3;
    color: #fff
}

.notice-list[data-v-42929067] {
    height: 56px;
    width: 500px;
    line-height: 56px;
    margin-left: 150px;
    overflow: hidden
}

.notice-list .notice-con[data-v-42929067] {
    height: 56px
}

.notice-list .notice-con.aniamtedTop[data-v-42929067] {
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-top: -56px
}

body, button, h1, h2, h3, h4, h5, h6, html, input, ol, p, pre, ul {
    margin: 0;
    padding: 0
}

body, html {
    height: 100%;
    color: #444;
    font-size: 14px
}

@media only screen and (min-width: 320px) and (max-width: 1029px) {
    body, html {
        width: 20rem !important
    }
}

img {
    width: 100%
}

button, input {
    outline: none
}

button::-webkit-input-placeholder, input::-webkit-input-placeholder {
    color: #aab2bd;
    font-size: 12px;
    text-align: left
}

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

select {
    outline: none
}

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

#app {
    position: relative;
    height: 100%;
    overflow: hidden;
    font-size: 12px
}

.lt {
    float: left
}

.rt {
    float: right
}

.aside::-webkit-scrollbar, .customer::-webkit-scrollbar, .fkRecord-box::-webkit-scrollbar, .limit-editor::-webkit-scrollbar, .list-content::-webkit-scrollbar, .msg-content::-webkit-scrollbar, .postscript_box::-webkit-scrollbar, .record-box::-webkit-scrollbar, .remark-box::-webkit-scrollbar, .remark-list::-webkit-scrollbar, .remark-title::-webkit-scrollbar, .roll::-webkit-scrollbar, .versions::-webkit-scrollbar, .work::-webkit-scrollbar {
    width: 1px;
    height: 1px
}

.aside::-webkit-scrollbar-thumb, .customer::-webkit-scrollbar-thumb, .fkRecord-box::-webkit-scrollbar-thumb, .limit-editor::-webkit-scrollbar-thumb, .list-content::-webkit-scrollbar-thumb, .msg-content::-webkit-scrollbar-thumb, .postscript_box::-webkit-scrollbar-thumb, .record-box::-webkit-scrollbar-thumb, .remark-box::-webkit-scrollbar-thumb, .remark-list::-webkit-scrollbar-thumb, .remark-title::-webkit-scrollbar-thumb, .roll::-webkit-scrollbar-thumb, .versions::-webkit-scrollbar-thumb, .work::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #2392e8;
    box-shadow: inset 0 0 5px #2392e8;
    background: #2392e8
}

.aside::-webkit-scrollbar-track, .customer::-webkit-scrollbar-track, .fkRecord-box::-webkit-scrollbar-track, .limit-editor::-webkit-scrollbar-track, .list-content::-webkit-scrollbar-track, .msg-content::-webkit-scrollbar-track, .postscript_box::-webkit-scrollbar-track, .record-box::-webkit-scrollbar-track, .remark-box::-webkit-scrollbar-track, .remark-list::-webkit-scrollbar-track, .remark-title::-webkit-scrollbar-track, .roll::-webkit-scrollbar-track, .versions::-webkit-scrollbar-track, .work::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px transparent;
    box-shadow: inset 0 0 5px transparent;
    border-radius: 0;
    background: transparent
}

.content .title::-webkit-scrollbar {
    width: 0;
    height: 0
}

.content .title::-webkit-scrollbar-thumb {
    border-radius: 5px
}

.content .title::-webkit-scrollbar-thumb, .content .title::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px transparent;
    box-shadow: inset 0 0 5px transparent;
    background: transparent
}

.content .title::-webkit-scrollbar-track {
    border-radius: 0
}

.tips-text {
    color: red;
    font-size: 12px;
    padding-left: 120px
}

em, span {
    word-break: break-all
}

.sorry {
    position: fixed;
    left: 50%;
    width: 80%;
    background: #eee;
    padding: 50px 0 30px;
    text-align: center;
    margin: 50px 0 0 -40%;
    color: #999
}

.sorry .title {
    font-size: 48px;
    margin-bottom: 36px
}

.sorry .text {
    line-height: 30px
}

.sorry span {
    display: inline-block;
    border: 1px solid #666;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer
}

.sorry span, .sorry span:hover {
    -webkit-transition: all .3s;
    transition: all .3s
}

.sorry span:hover {
    background: #666;
    color: #fff
}

.tiptext {
    float: left !important;
    background: none !important;
    color: #000 !important;
    margin: 0 !important;
    margin-right: 30px !important;
    line-height: 30px !important;
    width: 110px !important
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 56px;
    line-height: 56px;
    background: #2c2927;
    color: #fff;
    z-index: 800
}

.header .lt .type {
    float: right;
    margin-left: 20px
}

.header .lt .circle {
    float: left;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    vertical-align: top;
    margin: 2px 2px 0 2px
}

.header .lt .btn {
    float: left;
    width: 60px;
    height: 26px;
    line-height: 26px;
    margin: 15px 2px 0 0;
    background: #9c9c9c;
    color: #fff;
    border-radius: 13px;
    cursor: pointer
}

.header .lt .btn span {
    display: inline-block;
    padding: 0 4px;
    width: 26px;
    text-align: center
}

.header .lt .active {
    background: #2392e8
}

.header .lt .active .circle {
    float: right;
    margin: 2px 2px 0 2px
}

.header h2 {
    float: left;
    padding: 0 20px;
    text-align: center;
    color: #fff
}

.header strong {
    padding: 2px 10px;
    border-left: 1px solid #fff;
    font-size: 18px
}

.header small {
    color: #bbbccc
}

.header .t-l {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin: 16px 0 0 30px;
    vertical-align: top;
    position: relative;
    width: 100%
}

.header marquee {
    width: 77%;
    float: left;
    margin-left: 19%
}

.header .marquee {
    margin-right: 60px;
    padding-right: 60px;
    cursor: pointer
}

.header .marquee:hover {
    color: #ff8f00
}

.header .layer {
    overflow: hidden
}

.header .notice {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 30px;
    background-image: url(../../assets/img/laba.7a826a82.png);
    z-index: 500;
    background-size: 20%;
    background-repeat: no-repeat;
    font-weight: 700;
    font-size: 18px;
    width: 90px
}

.header .slider {
    padding-left: 100px;
    width: 300px;
    color: #ff8f00
}

.header .help, .header .jin, .header .out, .header .yue {
    float: left;
    width: 74px;
    height: 22px;
    line-height: 22px;
    margin-right: 25px;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 4px;
    cursor: pointer
}

.header .help:hover, .header .jin:hover, .header .out:hover, .header .yue:hover {
    background: #bbbccc;
    border-color: #bbbccc;
    color: #fff
}

.header .jin, .header .yue {
    position: relative;
    background: #fff;
    color: #444
}

.header .jin i, .header .yue i {
    position: absolute;
    top: -10px;
    right: -8px;
    padding: 0 4px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    background: red;
    font-style: normal;
    font-size: 12px;
    color: #fff
}

.header .notice-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.header .notice-leave-active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.header .notice-enter {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.header .notice-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.header .rt {
    right: 0;
    overflow: hidden;
    height: 50px
}

.aside, .header .rt {
    position: absolute;
    top: 0
}

.aside {
    left: 0;
    width: 140px;
    height: 100%;
    padding-top: 56px;
    background: #2c2927;
    z-index: 400;
    padding-bottom: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    overflow-y: scroll
}

.aside .create-layer {
    display: none
}

.aside .create-layer a {
    display: inline-block;
    padding: 0 2px;
    line-height: 22px;
    color: #2392e8
}

.aside .create-layer a:hover {
    color: #2aafff;
    text-decoration: underline
}

.aside .diff:after, .aside .diff:before {
    content: "";
    display: table
}

.aside .diff:after {
    clear: both;
    overflow: hidden
}

.aside .diff span {
    float: left;
    width: 100px;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #fff
}

.aside .diff span:first-child {
    background: #ddd;
    color: #333
}

.aside .diff span:nth-child(2) {
    background: #999;
    width: 120px;
    color: #333
}

.aside .diff span:last-child {
    background: #2392e8;
    width: 142px;
    color: #fff
}

.aside p {
    line-height: 44px;
    text-align: center;
    color: #333
}

.aside p span {
    color: #2392e8
}

.aside li {
    position: relative;
    display: block;
    line-height: 42px
}

.aside li:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 40px;
    height: 40px
}

.aside li:hover {
    background: #c5b4a7
}

.aside li:hover a {
    color: #fff
}

.aside .last-li {
    position: fixed;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 140px;
    background: #2c2927 !important
}

.aside .last-li span {
    padding: 0 6px;
    background: #2392e8;
    border-radius: 4px;
    margin-left: 4px;
    cursor: pointer
}

.aside .last-li span:hover {
    background: #b0a49c
}

.aside .border {
    position: fixed;
    top: 56px;
    left: 0;
    width: 140px
}

.aside .upgradeTips {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 60px;
    line-height: 30px;
    text-align: center;
    color: #ff8f00
}

.aside a {
    display: block;
    padding-left: 36px;
    color: #bdbdbd
}

.aside .active {
    background: #c5b4a7
}

.aside .active a {
    color: #fff
}

.aside .data:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) 0 -80px
}

.aside .active.data:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -40px -80px
}

.aside .cloud:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -560px -40px
}

.aside .active.cloud:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -600px -40px
}

.aside .revamped:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -480px -40px
}

.aside .active.revamped:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -520px -40px
}

.aside .handle:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -400px -40px
}

.aside .active.handle:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -440px -40px
}

.aside .website:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -320px -40px
}

.aside .active.website:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -360px -40px
}

.aside .set:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -240px -40px
}

.aside .active.set:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -280px -40px
}

.aside .product:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -160px -40px
}

.aside .active.product:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -200px -40px
}

.aside .leave:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -80px -40px
}

.aside .active.leave:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -120px -40px
}

.aside .notice:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) 0 -40px
}

.aside .active.notice:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -40px -40px
}

.aside .ranking:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -560px 0
}

.aside .active.ranking:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -600px 0
}

.aside .manage:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -480px 0
}

.aside .active.manage:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -520px 0
}

.aside .statistics:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -400px 0
}

.aside .active.statistics:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -440px 0
}

.aside .toplist:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -400px 0
}

.aside .active.toplist:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -440px 0
}

.aside .pond:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -320px 0
}

.aside .active.pond:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -360px 0
}

.aside .get:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -240px 0
}

.aside .active.get:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -280px 0
}

.aside .account:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -160px 0
}

.aside .active.account:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -200px 0
}

.aside .client:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -80px 0
}

.aside .active.client:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -120px 0
}

.aside .workbench:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) 0 0
}

.aside .active.workbench:before {
    background: url(http://47.94.12.20:8811/images/crm/icon.png) -40px 0
}

.showTips-enter-active, .showTips-leave-active {
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.showTips-enter {
    -webkit-transform: translateY(-600px);
    transform: translateY(-600px);
    opacity: 0
}

.showTips-leave-active {
    opacity: 0
}

.nav {
    background: #edf1f5;
    height: 40px;
    overflow: hidden;
    position: relative;
    border-bottom: 10px solid #edf1f5
}

.nav .tips {
    float: left;
    border-left: 1px solid #fff;
    background: #d5e1eb;
    text-align: center
}

.nav .tips:first-child {
    border-left: 0
}

.nav a {
    float: left;
    width: 120px;
    height: 36px;
    line-height: 36px;
    border-top: 4px solid #d5e1eb
}

.nav .active a {
    border-top-color: #2392e8;
    background: #fff
}

.nav .num {
    color: red
}

.nav .rt {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 25px
}

.nav .rt span {
    float: left;
    width: 80px;
    text-align: center;
    line-height: 28px;
    background: #edf1f5;
    border: 1px solid #aeaeae;
    border-radius: 4px;
    margin: 6px 0 0 8px;
    padding: 0 10px;
    cursor: pointer
}

.nav .rt span:hover {
    background: #2392e8;
    color: #fff;
    border-color: #2392e8
}

.customer-head {
    height: 40px;
    padding: 10px 0 0 4px;
    background: #edf1f5
}

.customer-head .lt {
    font-size: 18px
}

.customer-head .rt {
    line-height: 30px
}

.customer-head span {
    display: inline-block;
    width: 118px;
    background: #2392e8;
    color: #fff;
    text-align: center;
    height: 30px;
    margin-left: 10px;
    vertical-align: top
}

.search {
    position: relative;
    min-height: 66px;
    background: #f7fbfe;
    overflow: hidden
}

.search .type {
    float: left;
    margin: 15px 0 15px 10px
}

.search .el-date-editor, .search input {
    width: 80px;
    color: #666
}

.search select {
    width: 100px;
    color: #444
}

.search .el-input__inner, .search input, .search select {
    height: 24px;
    line-height: 24px;
    padding: 0 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #c0cbd4
}

.search .el-input__icon {
    display: none
}

.search .sbtn {
    position: absolute;
    right: 10px;
    top: 13px
}

.search .resetBtn, .search .searchBtn {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    margin: 21px 0 0 6px;
    cursor: pointer
}

.search .searchBtn {
    background: #2392e8
}

.search .searchBtn:hover {
    background: #2aafff
}

.search .resetBtn {
    background: #db9128
}

.search .resetBtn:hover {
    background: #ffae30
}

.search .phone {
    width: 90px
}

.search .report-msg {
    float: right;
    height: 24px;
    line-height: 24px;
    margin: 21px 0 0 6px;
    font-weight: 700;
    color: #999
}

.search .report-msg span {
    margin-right: 20px
}

.search .report-msg .balance {
    color: #db9128
}

.search .scope .el-date-editor {
    width: 180px
}

.search .scope .el-range-separator {
    line-height: 22px
}

.search .scope .el-input__icon {
    display: block;
    line-height: 22px
}

.search .scope .el-range-input {
    padding-left: 4px
}

.search-box {
    float: left;
    margin-left: 6px
}

.search-layer {
    height: 24px;
    width: 100%;
    overflow: hidden
}

.search-layer:first-child {
    margin: 9px 0 2px 0
}

.search-layer select {
    width: 60px !important
}

.search-layer.propety span {
    display: inline-block;
    height: 18px;
    line-height: 16px;
    padding: 0 8px;
    border-radius: 4px;
    margin: 4px 0 0 0;
    border: 1px solid #d1d1d1;
    vertical-align: top;
    text-align: center;
    cursor: pointer
}

.search-layer.propety span.active {
    border: 1px solid #2392e8;
    background: #2392e8;
    color: #fff
}

.rj-paging {
    height: 36px;
    line-height: 36px;
    padding: 4px 0;
    background: #f7fbfe;
    position: fixed;
    bottom: 5px;
    left: 0;
    width: 100%;
    padding-left: 140px
}

.rj-paging select {
    height: 24px
}

.rj-paging input, .rj-paging select {
    border: 1px solid #becadf;
    border-radius: 5px
}

.rj-paging input {
    display: inline-block;
    width: 30px;
    height: 20px;
    padding: 4px 2px;
    margin: 3px 2px;
    vertical-align: top;
    text-align: center
}

.rj-paging a {
    padding: 6px;
    border: 1px solid #becadf;
    border-radius: 5px;
    margin: 0 2px;
    cursor: pointer
}

.rj-paging .rj-active, .rj-paging a:hover {
    background: #2392e8;
    color: #fff
}

.jump-go {
    position: relative
}

.jump-go span {
    position: absolute;
    top: 2px;
    right: -146px;
    width: 60px;
    height: 24px;
    line-height: 24px;
    color: red;
    border-radius: 5px
}

.jump-go span, .jump-go span:hover {
    -webkit-transition: all .3s;
    transition: all .3s
}

.jump-go span:hover {
    background: #999;
    color: #fff
}

.notice-layer {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 357px;
    height: 528px;
    margin: -240px 0 0 -180px;
    background: red url(../../assets/img/notice.324b9f69.png) no-repeat top;
    background-size: 100% 100%;
    z-index: 500;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.notice-layer.notice {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    transition: all .5s
}

.notice-layer .portrait {
    width: 142px;
    height: 200px;
    margin: 204px 0 0 107.5px
}

.notice-layer .portrait img {
    width: 100%;
    height: 100%
}

.notice-layer p {
    text-align: center;
    color: red;
    padding: 0 40px;
    font-size: 18px
}

.notice-layer .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: #6198e0;
    cursor: pointer
}

.notice-layer .close:after, .notice-layer .close:before {
    content: " ";
    width: 26px;
    display: block;
    border-bottom: 1px solid #fff
}

.notice-layer .close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 15px;
    margin-left: 2px
}

.notice-layer .close:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-left: 2px;
    margin-top: -1px
}

.notice-layer .close:hover {
    -webkit-animation: rota .5s linear;
    animation: rota .5s linear
}

.tips-plan {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border: 1px solid #999;
    background: #fff;
    z-index: 500;
    overflow: hidden
}

.tips-plan h3 {
    line-height: 30px;
    padding: 0 20px;
    border-bottom: 1px solid #ddd
}

.tips-plan .tip-content {
    height: 80px;
    padding: 5px 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden
}

.tips-plan button {
    margin: 0 0 0 10px;
    padding: 4px 10px;
    background: #999;
    border: 0;
    color: #fff;
    cursor: pointer;
    border-radius: 3px
}

.tips-plan button:hover {
    background: #696969
}

.tips-plan .viewLog {
    background: #2392e8;
    margin: 0 0 0 20px
}

.tips-plan.client, .tips-plan.plan, .tips-plan.xzy {
    width: 260px;
    height: 160px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.tips-plan .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: #6198e0;
    cursor: pointer
}

.tips-plan .close:after, .tips-plan .close:before {
    content: " ";
    width: 22px;
    display: block;
    border-bottom: 1px solid #fff
}

.tips-plan .close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 12px;
    margin-left: 2px
}

.tips-plan .close:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-left: 2px;
    margin-top: -1px
}

.tips-plan .close:hover {
    -webkit-animation: rota .5s linear;
    animation: rota .5s linear
}

@-webkit-keyframes rota {
    0% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    20% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    40% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    60% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    80% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    to {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
}

@keyframes rota {
    0% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    20% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    40% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    60% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    80% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    to {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
}

.work {
    overflow-y: scroll
}

.work:after, .work:before {
    content: "";
    display: table
}

.work:after {
    clear: both;
    overflow: hidden
}

.work-layer {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

.work-layer .tabs {
    line-height: 44px;
    background: #fff;
    color: #444;
    text-indent: 2em;
    border-bottom: 1px solid #d2d2d2;
    font-weight: 600
}

.work-layer .form, .work-layer .tabs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #d2d2d2
}

.work-layer p {
    font-size: 12px;
    border-bottom: 1px solid #d2d2d2;
    background: #e5e5e5
}

.work-layer p:nth-child(2n) {
    background: #fff;
    color: #2392e8
}

.work-layer span {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    width: 33.33%;
    line-height: 40px;
    text-align: center;
    border-right: 1px solid #d2d2d2
}

.work-layer span:last-child {
    border-right: 0
}

.work-layer-left {
    padding-right: 10px
}

.work-layer-right {
    padding-left: 10px
}

.work-box {
    margin-bottom: 20px;
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2
}

.workClass .ulHeight {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important
}

.workClass .list-last {
    display: none
}

.normal-number span {
    color: #333
}

.link {
    color: #2392e8
}

.link:hover {
    text-decoration: underline;
    cursor: pointer
}

.tipdiv {
    width: 350px
}

.tipdiv .first-span {
    color: red
}

.pus {
    height: 16px
}

.comment-style {
    width: 90%;
    margin-left: 10% !important
}

.huifu {
    color: #2392e8;
    cursor: pointer
}

.tipspan {
    width: 10px !important
}

.customer {
    background: #fff;
    padding: 5px;
    overflow-y: scroll
}

.customer:after, .customer:before {
    content: "";
    display: table
}

.customer:after {
    clear: both;
    overflow: hidden
}

.customer h3 {
    padding: 8px 10px 14px
}

.customer .msg {
    background: #eee;
    border-left: 10px solid #fff;
    position: relative;
    height: 160px;
    overflow: hidden
}

.customer .showMore {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
    line-height: 36px;
    color: #666;
    background: #fff;
    height: 56px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.customer .showMore em {
    float: left;
    width: 100px;
    padding: 0 10px;
    line-height: 36px;
    cursor: pointer
}

.customer .showMore em:hover {
    color: #2392e8
}

.customer .msg-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 130px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.customer .msg-content ul {
    background: #efefef;
    padding-top: 10px
}

.customer .msg-content ul:after, .customer .msg-content ul:before {
    content: "";
    display: table
}

.customer .msg-content ul:after {
    clear: both;
    overflow: hidden
}

.customer .msg-content li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 20%;
    padding: 0 5px
}

.customer .msg-content p {
    width: 50%;
    line-height: 26px;
    overflow-y: auto
}

.customer .msg-content .wid {
    display: block
}

.customer .msg-content dl {
    float: left;
    width: 50%
}

.customer .msg-tabs {
    height: 22px;
    line-height: 22px;
    background: #ddd;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding: 6px 0;
    border-radius: 3px;
    margin-bottom: 6px
}

.customer .msg-dtls {
    background: #fff;
    border-radius: 3px;
    padding: 4px 0
}

.customer .msg-dtls p {
    overflow: auto
}

.customer .msg-dtls p:first-child span {
    color: #2392e8
}

.customer .hight .msg-dtls {
    height: 520px
}

.customer .hight p {
    width: 100%;
    height: 26px
}

.customer .hight span {
    float: left
}

.customer .hight span:first-child {
    width: 120px;
    text-align: right;
    color: #666;
    font-weight: 700
}

.customer .short {
    margin-bottom: 10px
}

.customer .short .msg-dtls {
    height: 230px
}

.customer .short p {
    width: 100%;
    height: 26px;
    overflow: hidden
}

.customer .short span {
    float: left
}

.customer .short span:first-child {
    width: 160px;
    text-align: right;
    color: #666;
    font-weight: 700
}

.customer .msg-type {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 120px;
    height: 100%;
    padding-right: 10px;
    border-right: 1px solid #ddd;
    background: #fff
}

.customer .msg-type:after, .customer .msg-type:before {
    content: "";
    display: table
}

.customer .msg-type:after {
    clear: both;
    overflow: hidden
}

.customer .msg-type span {
    float: left;
    width: 100px;
    padding: 0 10px;
    line-height: 36px;
    color: #666;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    cursor: pointer
}

.customer .msg-type span:last-child {
    border-bottom: 1px solid #ddd
}

.customer .msg-type .active, .customer .msg-type span:hover {
    background: #2392e8;
    border-color: #2392e8;
    color: #fff
}

.customer .fk-layer {
    float: left;
    width: 100%;
    padding: 20px 0 40px
}

.customer .fk-layer:after, .customer .fk-layer:before {
    content: "";
    display: table
}

.customer .fk-layer:after {
    clear: both;
    overflow: hidden
}

.customer .fk-layer .asso {
    float: left;
    width: 35%;
    margin-left: 40px
}

.customer .fk-layer .asso h3 {
    line-height: 24px;
    margin: 0 0 20px 0;
    padding: 0
}

.customer .fk-layer .dis, .customer .fk-layer .sub {
    display: inline-block;
    width: 78px;
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.customer .fk-layer .dis {
    background: #dfdfdf
}

.customer .fk-layer .dis:hover {
    background: #c9c9c9
}

.customer .fk-layer .sub {
    background: #2392e8
}

.customer .fk-layer .sub:hover {
    background: #2083d1
}

.customer .lt, .customer .rt {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.customer .lt {
    width: 60%;
    padding: 10px;
    border-right: 10px solid #edf1f5
}

.customer .lt .note p {
    width: 10%
}

.customer .lt .btn span {
    width: 100px;
    margin-left: 30px
}

.customer .rt {
    width: 40%;
    height: 100%;
    padding: 10px;
    background: #fff;
    position: relative
}

.customer .rt .note p {
    width: 20%
}

.customer .rt textarea {
    width: 80%
}

.customer .rt .btn span {
    padding: 0 6px;
    margin-left: 10px
}

.customer .rt .notePlan {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.customer .rt .notePlan .el-date-editor {
    width: 120px
}

.customer .rt .notePlan .el-input__inner {
    width: 132px;
    border: 1px solid #bbb;
    border-radius: 2px;
    color: #444;
    height: 24px;
    line-height: 24px;
    padding: 0 10px
}

.customer .rt .notePlan .el-input__prefix, .customer .rt .notePlan .el-input__suffix {
    display: none
}

.customer .rt .notePlan textarea {
    width: 100%;
    height: 100px
}

.customer .rt .notePlan .rt {
    width: 172px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    padding: 0
}

.customer .rt .notePlan span {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    background: #2392e8;
    text-align: center;
    color: #fff;
    line-height: 30px;
    border-radius: 4px;
    margin: 0 0 0 10px;
    cursor: pointer
}

.customer .rt .notePlan span:hover {
    background: #27a1ff;
    color: #fff
}

.customer p {
    float: left;
    width: 22%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.customer .txt {
    width: 100%;
    line-height: 16px;
    padding-left: 24%;
    font-size: 12px;
    color: #e4393c
}

.customer .attr {
    float: left;
    width: 60%
}

.customer .attr span {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    width: 23%;
    line-height: 22px;
    height: 24px;
    text-align: center;
    border: 1px solid #666;
    border-radius: 2px;
    margin-right: 3%;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.customer .attr .active, .customer .attr span:hover {
    border-color: #ff8f00;
    color: #ff8f00
}

.customer .attr .active:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid #ff8f00;
    border-bottom: 8px solid #ff8f00;
    border-left: 8px solid transparent
}

.customer .attr .active:after {
    content: "√";
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    width: 10px;
    height: 10px;
    line-height: 10px
}

.customer .item-type1, .customer .item-type2, .customer .item-type3 {
    line-height: 24px
}

.customer .item-type1 {
    margin: 0 0 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.customer .item-type2 span, .customer .item-type3 span {
    width: 36%;
    margin: 0 3% 10px 0
}

.customer .item-type2 span:nth-child(3n), .customer .item-type3 span:nth-child(3n) {
    float: right
}

.customer .item-type3 {
    margin-bottom: 10px
}

.customer .item-type3 p {
    height: 52px
}

.customer .asso {
    float: right;
    width: 36%
}

.customer .asso .el-date-editor {
    width: 78%
}

.customer .asso .el-date-editor input {
    width: 100%;
    border: 1px solid #bbb;
    border-radius: 2px;
    color: #444
}

.customer .asso .el-date-editor .el-input__icon {
    display: none
}

.customer .asso input {
    color: #444;
    padding: 0 4px
}

.customer .asso .gender, .customer .asso input, .customer .asso select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 78%
}

.customer .asso label {
    display: inline-block;
    width: 32px;
    padding: 0 0 0 10px
}

.customer .asso label input {
    width: auto !important;
    vertical-align: top
}

.customer .asso .item, .customer .asso input, .customer .asso select {
    height: 24px;
    line-height: 24px
}

.customer .asso .item {
    margin: 0 0 20px 0;
    position: relative
}

.customer .asso .must-tips {
    position: absolute;
    top: 2px;
    left: -8px;
    color: #e4393c
}

.customer .btn, .customer .note {
    float: left;
    width: 100%
}

.customer .gender {
    line-height: 20px;
    margin: 0 0 16px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.customer .gender p {
    float: left;
    width: 28%
}

.customer .gender label {
    height: 20px;
    line-height: 20px
}

.customer .gender label input {
    line-height: 20px;
    height: 20px;
    margin: 1px 0 0 0
}

.customer textarea {
    float: right;
    width: 87%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 2em;
    margin: 0 0 20px 0;
    padding: 4px;
    color: #444;
    resize: none
}

.customer .btn {
    float: right;
    height: 30px;
    text-align: right;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.customer .btn span {
    display: inline-block;
    background: #2392e8;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    cursor: pointer
}

.customer .btn span:hover {
    background: #4ea2e2
}

.customer .customer-head span:last-child {
    cursor: pointer
}

.customer .customer-head span:last-child:hover {
    background: #4ea2e2
}

.customer-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 1000
}

.customer-layer .title {
    line-height: 50px;
    padding: 0 20px;
    background: #2c2927;
    border-right: 1px solid #2c2927;
    color: #fff
}

.customer-layer .box {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 516px;
    height: 360px;
    margin: -130px 0 0 -258px;
    background: #edf1f5
}

.customer-layer .dtl {
    background: #fff;
    line-height: 26px;
    padding: 20px 10px;
    text-indent: 2em;
    border-left: 6px solid #edf1f5;
    border-right: 6px solid #edf1f5
}

.customer-layer .dtl ins {
    color: #4ea2e2
}

.customer-layer .matters {
    margin: 20px 0
}

.customer-layer .txt {
    text-indent: 4em
}

.customer-layer .customer-footer {
    text-align: right
}

.customer-layer em {
    display: inline-block;
    font-style: normal;
    line-height: 30px;
    background: #bec1c4;
    cursor: pointer;
    border-radius: 2px;
    margin: 20px 5px;
    padding: 0 10px
}

.customer-layer em:hover {
    background: #d5d9dd;
    color: #fff
}

.customer-box {
    border: 1px solid #bbb;
    margin-bottom: 10px;
    position: relative
}

.customer-box .rj-paging {
    position: absolute;
    padding: 0;
    bottom: 0;
    text-align: center
}

.customer-tab {
    position: absolute;
    top: 20px;
    left: 10px;
    width: 140px;
    height: 30px;
    z-index: 500
}

.customer-tab span {
    float: left;
    width: 66px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    color: #999;
    background: #dfdfdf;
    cursor: pointer
}

.customer-tab span:first-child {
    margin-right: 8px
}

.customer-tab .active, .customer-tab span:hover {
    color: #2392e8;
    font-weight: 700;
    background: #fff
}

.customer-fk-tips .dtl {
    padding: 20px 30px 8px !important
}

.customer-fk-tips .must-tips {
    position: absolute;
    left: -10px;
    top: 2px;
    color: #e4393c
}

.customer-fk-tips .box {
    width: 820px !important;
    margin: -210px 0 0 -360px !important
}

.customer-fk-tips .box .item {
    height: 44px
}

.customer-fk-tips .box .add-bank {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #2392e8;
    cursor: pointer
}

.customer-fk-tips .box .add-bank:hover {
    text-decoration: underline
}

.customer-fk-tips .left {
    float: left
}

.customer-fk-tips .right {
    float: right
}

.customer-fk-tips .el-input__icon {
    float: left;
    line-height: 14px
}

.customer-fk-tips .el-input__inner {
    width: 292px;
    height: 24px;
    border-radius: 0;
    border: 1px solid #999
}

.customer-gether {
    position: relative;
    height: 100%
}

.customer-gether:after, .customer-gether:before {
    content: "";
    display: table
}

.customer-gether:after {
    clear: both;
    overflow: hidden
}

.customer-gether h3 {
    background: #f2f2f2
}

.customer-gether h3 .inSea {
    font-weight: 400;
    margin-right: 25px
}

.customer-gether .customer-left {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 60%
}

.customer-gether .customer-left .choice-type {
    width: 33.33%;
    line-height: 24px
}

.customer-gether .customer-left .choice-type label {
    width: 25%;
    border: 0;
    margin: 0;
    padding-right: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.customer-gether .customer-left .choice-type label span {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    background: #f2f2f2;
    text-align: center
}

.customer-gether .customer-left .choice-type label.active span {
    border-color: #2392e8;
    background: #2392e8;
    color: #fff
}

.customer-gether .customer-left .choice-type .type-1, .customer-gether .customer-left .choice-type .type-2, .customer-gether .customer-left .choice-type .type-3 {
    width: 25%
}

.customer-gether .customer-left .customer-fram .choice-left .item {
    line-height: 24px
}

.customer-gether .customer-left .customer-fram .choice-left .item select {
    height: 24px;
    border-radius: 5px
}

.customer-gether .customer-left .customer-fram .isStartDis {
    background: #f1f1f1;
    color: #d7d7d7
}

.customer-gether .customer-right {
    position: relative;
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40%;
    height: 559px;
    max-height: 756px;
    border-left: 5px solid #fff
}

.customer-gether .customer-right .customer-fram {
    padding: 0
}

.customer-gether .customer-right .customer-title .remark-on {
    float: right;
    color: #2392e8;
    cursor: pointer
}

.customer-gether .customer-right .customer-title .remark-on:hover {
    text-decoration: underline
}

.customer-gether .customer-right .remark-list {
    border: 0;
    height: 496px;
    max-height: 496px
}

.customer-gether .customer-right .remark-list .cell {
    border-right: none;
    border-bottom: none
}

.customer-gether .customer-right .remark-list .cell:first-child span {
    color: #2392e8
}

.customer-gether .customer-right .remark-list .cell:nth-child(2) {
    padding-left: 10px;
    text-align: left
}

.customer-gether .customer-right .remark-list .cell:nth-child(2) span {
    display: inline-block
}

.customer-gether .customer-right .remark-list .cell:nth-child(2) span em {
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 0
}

.customer-gether .customer-right .remark-list .cell audio {
    width: 100%;
    vertical-align: top;
    margin: 1px 0
}

.customer-gether .customer-right .remark-list .cell:last-child {
    color: #999
}

.customer-gether .customer-right .remark-list .item {
    margin: 10px 0;
    border-radius: 5px;
    height: auto;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 3px 0 #c8bfbf;
    box-shadow: 1px 1px 3px 0 #c8bfbf
}

.customer-gether .customer-right .remark-box {
    border: 0;
    padding: 0;
    height: 518px;
    max-height: 518px;
    background: #f1f1f1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border-top: 1px solid #ccc;
    overflow-y: scroll
}

.customer-gether .customer-right-box {
    height: 100%
}

.customer-gether .rj-paging {
    position: static
}

.customer-gether .gether-up {
    position: relative;
    margin-bottom: 5px;
    border: 1px solid #ccc
}

.customer-gether .gether-up .next-client {
    position: absolute;
    right: 0;
    bottom: 4px;
    line-height: 44px;
    height: 44px
}

.customer-gether .gether-up .next-client div {
    height: 22px;
    line-height: 22px
}

.customer-gether .gether-up .next-client span {
    display: inline-block;
    min-width: 60px;
    vertical-align: top
}

.customer-gether .gether-up .next-client .next-name {
    cursor: pointer;
    color: #2392e8
}

.customer-gether .gether-up .next-client .next-name:hover {
    text-decoration: underline
}

.customer-gether .gether-down {
    border: 1px solid #ccc
}

.customer-gether .success-fk {
    padding-left: 65px;
    color: #2392e8
}

.customer-gether .success-fk:hover em {
    cursor: pointer;
    text-decoration: underline
}

.customer-gether .inSea {
    float: right;
    cursor: pointer;
    color: #2392e8
}

.customer-gether .inSea:hover {
    text-decoration: underline
}

.msg-editor {
    margin-top: -10px;
    padding: 10px 10px 0 10px;
    background: #fff
}

.msg-layer {
    float: left;
    width: 50%;
    background: #fff
}

.msg-layer em {
    display: block
}

.msg-editor-layer {
    padding: 8px 0 0 0
}

.msg-editor-layer:after, .msg-editor-layer:before {
    content: "";
    display: table
}

.msg-editor-layer:after {
    clear: both;
    overflow: hidden
}

.msg-editor-layer p {
    margin-bottom: 4px
}

.msg-editor-layer input, .msg-editor-layer select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 24px;
    height: 24px;
    border: 1px solid #ddd;
    color: #666;
    padding-left: 4px;
    width: 100%;
    vertical-align: top
}

.msg-editor-layer textarea {
    float: none !important;
    line-height: 22px !important;
    border: 1px solid #ddd !important;
    color: #666 !important;
    width: 100% !important;
    text-indent: 0 !important;
    vertical-align: top !important;
    margin: 0 !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    height: 24px !important;
    padding: 0 0 0 10px !important;
    overflow: hidden
}

.msg-editor-layer .sort input {
    width: 20px;
    vertical-align: top;
    margin-top: 1px;
    padding: 0;
    text-align: center
}

.msg-editor-layer input[type=radio] {
    width: auto;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 4px
}

.msg-editor-layer label {
    margin-right: 12px
}

.msg-editor-layer span {
    float: left;
    width: 50%;
    line-height: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.msg-editor-layer span:first-child {
    text-align: right;
    padding-right: 16px
}

.customer-fram {
    padding: 8px 8px 0
}

.customer-fram .plan-box:after, .customer-fram .plan-box:before {
    content: "";
    display: table
}

.customer-fram .plan-box:after {
    clear: both;
    overflow: hidden
}

.customer-fram .plan-box em {
    margin: 0 0 0 6px;
    color: #2392e8;
    cursor: pointer
}

.customer-fram .plan-box em:first-child {
    margin: 0 0 0 20px
}

.customer-fram .plan-box em:hover {
    color: #2392e8;
    text-decoration: underline
}

.customer-fram .choice-type {
    float: left;
    width: 320px;
    margin-bottom: 4px
}

.customer-fram .choice-type .type {
    float: left;
    display: inline-block;
    width: 75px;
    text-align: right
}

.customer-fram .choice-type label {
    position: relative;
    display: inline-block;
    width: 70px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-right: 6px
}

.customer-fram .choice-type label.active {
    border-color: #2392e8;
    color: #2392e8
}

.customer-fram .choice-type label input {
    width: 0;
    height: 0;
    font-size: -99999px
}

.customer-fram .choice-type .label {
    width: 76px
}

.customer-fram .choice-type-up {
    margin-bottom: 10px
}

.customer-fram .choice-type-up:after, .customer-fram .choice-type-up:before {
    content: "";
    display: table
}

.customer-fram .choice-type-up:after {
    clear: both;
    overflow: hidden
}

.customer-fram .choice-right {
    float: left;
    width: 490px;
    padding-left: 20px;
    position: relative
}

.customer-fram .choice-right span {
    float: left;
    width: 80px
}

.customer-fram .choice-right textarea {
    width: 410px;
    background: #f1f1f1;
    min-height: 80px;
    text-indent: 0;
    margin: 0;
    padding: 4px 4px 24px;
    border-radius: 5px;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 0 5px 0 #f1f1f1;
    box-shadow: 0 0 5px 0 #f1f1f1
}

.customer-fram .choice-right textarea:focus {
    outline: none;
    border: 1px solid #2392e8
}

.customer-fram .choice-right textarea::-webkit-input-placeholder {
    color: #9f9f9f
}

.customer-fram .choice-right .callback {
    position: absolute;
    left: 92px;
    bottom: 1px;
    width: 406px;
    background: #fff
}

.customer-fram .choice-right .callback em {
    cursor: pointer
}

.customer-fram .choice-right .callback em:hover {
    text-decoration: underline
}

.customer-fram .choice-left {
    float: left;
    width: 320px;
    overflow: hidden
}

.customer-fram .choice-left input, .customer-fram .choice-left select {
    color: #666
}

.customer-fram .choice-left .item {
    margin: 0 0 4px 0
}

.customer-fram .choice-left .item span:first-child {
    display: inline-block;
    vertical-align: top;
    width: 75px;
    text-align: right
}

.customer-fram .choice-left .item span.text {
    text-align: left;
    width: 81px
}

.customer-fram .choice-left .item .el-input__suffix {
    right: 40px;
    top: -2px
}

.customer-fram .choice-left .item select {
    border-color: #efefef;
    width: 160px;
    padding-left: 6px
}

.customer-fram .choice-left .item input {
    width: 160px;
    outline: 0;
    border: 1px solid #efefef;
    height: 20px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.customer-fram .choice-left .item .el-input__inner {
    padding: 0 30px
}

.customer-fram .choice-title {
    padding-left: 20px;
    margin-bottom: 10px
}

.customer-fram .choice-title span {
    text-align: left;
    width: 70px
}

.customer-fram .el-input__inner {
    height: 24px
}

.customer-fram .el-input__icon {
    line-height: 24px
}

.customer-fram .remark-box {
    background: #edf1f5;
    width: 100%;
    max-height: 368px;
    padding-bottom: 84px
}

.customer-fram .remark-box input {
    width: 28px;
    height: 20px
}

.customer-fram .remark-box .list-last {
    text-align: center
}

.customer-fram .remark-title {
    overflow-y: scroll;
    background: #ddd;
    border: 1px solid #999
}

.customer-fram .remark-title:after, .customer-fram .remark-title:before {
    content: "";
    display: table
}

.customer-fram .remark-title:after {
    clear: both;
    overflow: hidden
}

.customer-fram .remark-title span {
    float: left;
    overflow: hidden;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #000;
    font-weight: 700;
    border-right: 1px solid #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.customer-fram .remark-title span:last-child {
    border-right: 0
}

.customer-fram .remark-list {
    max-height: 368px;
    overflow-y: scroll;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999
}

.customer-fram .remark-list .item {
    height: 100%
}

.customer-fram .remark-list .item:after, .customer-fram .remark-list .item:before {
    content: "";
    display: table
}

.customer-fram .remark-list .item:after {
    clear: both;
    overflow: hidden
}

.customer-fram .remark-list .table {
    display: table;
    width: 100%
}

.customer-fram .remark-list .cell {
    display: table-cell;
    vertical-align: middle;
    background: #fff;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.customer-fram .remark-list span {
    display: inline-block;
    min-height: 32px;
    line-height: 32px
}

.setting {
    width: 100%;
    height: 40px;
    margin-top: 12px;
    text-align: center
}

.setting span {
    display: inline-block;
    line-height: 32px;
    height: 32px;
    vertical-align: top;
    margin: 4px 4px 0;
    color: #444;
    background: #eee;
    padding: 0 30px;
    border-radius: 4px;
    cursor: pointer
}

.setting span:hover {
    background: #bbb
}

.setting .save {
    position: relative;
    color: #fff
}

.setting .save, .setting .save:hover {
    background: #2392e8
}

.setting .save i {
    float: left;
    width: 48px;
    height: 36px;
    margin-left: -90px;
    font-style: normal;
    color: #2392e8
}

.fkRecord .list-last {
    text-align: center
}

.ajax-info-tips {
    display: inline-block;
    padding-top: 5px
}

.ajax-info-tips > i {
    line-height: 32px;
    color: #2392e8
}

.ajax-info-tips > i.error {
    color: #ea3006
}

.Statuscur {
    color: red
}

.setstatus {
    width: 30px;
    font-size: 20px
}

.app-cyan .aside {
    background: #101d33
}

.app-cyan .aside .create-layer a {
    color: #4b8ebf
}

.app-cyan .aside .create-layer a:hover {
    color: #5aaae5
}

.app-cyan .aside .diff span:last-child {
    background: #4b8ebf
}

.app-cyan .aside p span {
    color: #4b8ebf
}

.app-cyan .aside li:hover {
    background: #4b8ebf
}

.app-cyan .aside .last-li {
    background: #101d33 !important
}

.app-cyan .aside .last-li span {
    background: #101d33
}

.app-cyan .aside .last-li span:hover {
    background: #4074cc
}

.app-cyan .aside .active {
    background: #4b8ebf
}

.app-cyan .header {
    background: #072125
}

.app-cyan .header .notice {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 30px;
    background: #072125 url(../../assets/img/icon.ec1480f3.png) no-repeat -84px -70px;
    z-index: 500
}

.app-cyan .aside::-webkit-scrollbar-thumb, .app-cyan .customer::-webkit-scrollbar-thumb, .app-cyan .fkRecord-box::-webkit-scrollbar-thumb, .app-cyan .limit-editor::-webkit-scrollbar-thumb, .app-cyan .list-content::-webkit-scrollbar-thumb, .app-cyan .msg-content::-webkit-scrollbar-thumb, .app-cyan .postscript_box::-webkit-scrollbar-thumb, .app-cyan .record-box::-webkit-scrollbar-thumb, .app-cyan .remark-list::-webkit-scrollbar-thumb, .app-cyan .remark-title::-webkit-scrollbar-thumb, .app-cyan .roll::-webkit-scrollbar-thumb, .app-cyan .work::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #4b8ebf;
    box-shadow: inset 0 0 5px #4b8ebf;
    background: #4b8ebf
}

.app-cyan .customer .msg-dtls p:first-child span {
    color: #4b8ebf
}

.app-cyan .customer .msg-type .active, .app-cyan .customer .msg-type span:hover {
    background: #4b8ebf;
    border-color: #4b8ebf
}

.app-cyan .customer .showMore em:hover {
    color: #4b8ebf
}

.app-cyan .customer .fk-layer .sub {
    background: #4b8ebf
}

.app-cyan .customer .fk-layer .sub:hover {
    background: #4480ac
}

.app-cyan .setting .save {
    background: #4b8ebf
}

.app-cyan .setting .save:hover {
    background: #4480ac
}

.app-cyan .ajax-info-tips > i, .app-cyan .setting .save i {
    color: #4b8ebf
}

.app-cyan .customer-fram .choice-type label.active {
    border-color: #4b8ebf;
    color: #4b8ebf
}

.app-cyan .customer-fram .choice-right textarea:focus {
    border: 1px solid #4b8ebf
}

.app-cyan .customer-fram .plan-box em, .app-cyan .customer-fram .plan-box em:hover {
    color: #4b8ebf
}

.app-cyan .nav .active a {
    border-top-color: #4b8ebf
}

.app-cyan .nav .rt span:hover {
    background: #4b8ebf;
    color: #fff;
    border-color: #4b8ebf
}

.app-cyan .customer-head span {
    background: #4b8ebf
}

.app-cyan .tips-plan .viewLog {
    background: #4b8ebf;
    margin: 0 0 0 20px
}

.app-cyan .rj-paging .rj-active, .app-cyan .rj-paging a:hover, .app-cyan .search .searchBtn {
    background: #4b8ebf
}

.app-cyan .search .searchBtn:hover {
    background: #5aaae5
}

.app-cyan .content .remark:hover, .app-cyan .work-layer p:nth-child(2n) {
    color: #4b8ebf
}

.app-cyan .content .head input {
    background: #4b8ebf;
    border-color: #4b8ebf
}

.app-cyan .content .head .inSeas {
    border: 1px solid #4b8ebf;
    background: #4b8ebf
}

.app-cyan .content .head .el-select {
    background: #4b8ebf
}

.app-cyan .content .head select {
    border-color: #4b8ebf
}

.app-cyan .content .list-content .change .btn.active {
    background: #4b8ebf
}

.app-cyan .content .last .bj, .app-cyan .content .list-content .report {
    color: #4b8ebf
}

.app-cyan .customer .rt .notePlan span {
    background: #4b8ebf
}

.app-cyan .customer .rt .notePlan span:hover {
    background: #539cd2
}

.app-cyan .customer .btn span {
    background: #4b8ebf
}

.app-cyan .create-layer .create-footer span:hover, .app-cyan .proLayer .create-footer span:hover {
    background: #3c7299
}

.app-cyan .changePwd .rt, .app-cyan .create-layer .create-footer .active, .app-cyan .proLayer .create-footer .active {
    background: #4b8ebf
}

.app-cyan .changePwd .rt:hover {
    background: #4480ac
}

.app-cyan .audio .footer .active, .app-cyan .editorPlan p span {
    background: #4b8ebf
}

.app-cyan .editorPlan p span:hover {
    background: #4480ac
}

.app-cyan .create-layer .dedails-dtl p:first-child span, .app-cyan .customer-tab .active, .app-cyan .customer-tab span:hover, .app-cyan .href_hover, .app-cyan .property .property-font-color {
    color: #4b8ebf
}

.app-green .aside {
    background: #101d33
}

.app-green .aside .create-layer a {
    color: #4bab8d
}

.app-green .aside .create-layer a:hover {
    color: #5acda9
}

.app-green .aside .diff span:last-child {
    background: #4bab8d
}

.app-green .aside p span {
    color: #4bab8d
}

.app-green .aside li:hover {
    background: #4bab8d
}

.app-green .aside .last-li {
    background: #101d33 !important
}

.app-green .aside .last-li span {
    background: #101d33
}

.app-green .aside .last-li span:hover {
    background: #4074cc
}

.app-green .aside .active {
    background: #4bab8d
}

.app-green .header {
    background: #08271c
}

.app-green .header .notice {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 30px;
    background: #08271c url(../../assets/img/icon.ec1480f3.png) no-repeat -84px -70px;
    z-index: 500
}

.app-green .aside::-webkit-scrollbar-thumb, .app-green .customer::-webkit-scrollbar-thumb, .app-green .fkRecord-box::-webkit-scrollbar-thumb, .app-green .limit-editor::-webkit-scrollbar-thumb, .app-green .list-content::-webkit-scrollbar-thumb, .app-green .msg-content::-webkit-scrollbar-thumb, .app-green .postscript_box::-webkit-scrollbar-thumb, .app-green .record-box::-webkit-scrollbar-thumb, .app-green .remark-list::-webkit-scrollbar-thumb, .app-green .remark-title::-webkit-scrollbar-thumb, .app-green .roll::-webkit-scrollbar-thumb, .app-green .work::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #4bab8d;
    box-shadow: inset 0 0 5px #4bab8d;
    background: #4bab8d
}

.app-green .customer .msg-dtls p:first-child span {
    color: #4bab8d
}

.app-green .customer .msg-type .active, .app-green .customer .msg-type span:hover {
    background: #4bab8d;
    border-color: #4bab8d
}

.app-green .customer .showMore em:hover {
    color: #4bab8d
}

.app-green .customer .fk-layer .sub {
    background: #4bab8d
}

.app-green .customer .fk-layer .sub:hover {
    background: #449a7f
}

.app-green .setting .save {
    background: #4bab8d
}

.app-green .setting .save:hover {
    background: #449a7f
}

.app-green .ajax-info-tips > i, .app-green .setting .save i {
    color: #4bab8d
}

.app-green .customer-fram .choice-type label.active {
    border-color: #4bab8d;
    color: #4bab8d
}

.app-green .customer-fram .choice-right textarea:focus {
    border: 1px solid #4bab8d
}

.app-green .customer-fram .plan-box em, .app-green .customer-fram .plan-box em:hover {
    color: #4bab8d
}

.app-green .nav .active a {
    border-top-color: #4bab8d
}

.app-green .nav .rt span:hover {
    background: #4bab8d;
    color: #fff;
    border-color: #4bab8d
}

.app-green .customer-head span {
    background: #4bab8d
}

.app-green .tips-plan .viewLog {
    background: #4bab8d;
    margin: 0 0 0 20px
}

.app-green .rj-paging .rj-active, .app-green .rj-paging a:hover, .app-green .search .searchBtn {
    background: #4bab8d
}

.app-green .search .searchBtn:hover {
    background: #5acda9
}

.app-green .content .remark:hover, .app-green .work-layer p:nth-child(2n) {
    color: #4bab8d
}

.app-green .content .head input {
    background: #4bab8d;
    border-color: #4bab8d
}

.app-green .content .head .inSeas {
    border: 1px solid #4bab8d;
    background: #4bab8d
}

.app-green .content .head .el-select {
    background: #4bab8d
}

.app-green .content .head select {
    border-color: #4bab8d
}

.app-green .content .list-content .change .btn.active {
    background: #4bab8d
}

.app-green .content .last .bj, .app-green .content .list-content .report {
    color: #4bab8d
}

.app-green .customer .rt .notePlan span {
    background: #4bab8d
}

.app-green .customer .rt .notePlan span:hover {
    background: #53bc9b
}

.app-green .customer .btn span {
    background: #4bab8d
}

.app-green .create-layer .create-footer span:hover, .app-green .proLayer .create-footer span:hover {
    background: #3c8971
}

.app-green .changePwd .rt, .app-green .create-layer .create-footer .active, .app-green .proLayer .create-footer .active {
    background: #4bab8d
}

.app-green .changePwd .rt:hover {
    background: #449a7f
}

.app-green .audio .footer .active, .app-green .editorPlan p span {
    background: #4bab8d
}

.app-green .editorPlan p span:hover {
    background: #449a7f
}

.app-green .create-layer .dedails-dtl p:first-child span, .app-green .customer-tab .active, .app-green .customer-tab span:hover, .app-green .href_hover, .app-green .property .property-font-color {
    color: #4bab8d
}

.app-purple .aside {
    background: #101d33
}

.app-purple .aside .create-layer a {
    color: #694bbf
}

.app-purple .aside .create-layer a:hover {
    color: #7e5ae5
}

.app-purple .aside .diff span:last-child {
    background: #694bbf
}

.app-purple .aside p span {
    color: #694bbf
}

.app-purple .aside li:hover {
    background: #694bbf
}

.app-purple .aside .last-li {
    background: #101d33 !important
}

.app-purple .aside .last-li span {
    background: #101d33
}

.app-purple .aside .last-li span:hover {
    background: #4074cc
}

.app-purple .aside .active {
    background: #694bbf
}

.app-purple .header {
    background: #070925
}

.app-purple .header .notice {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 30px;
    background: #070925 url(../../assets/img/icon.ec1480f3.png) no-repeat -84px -70px;
    z-index: 500
}

.app-purple .aside::-webkit-scrollbar-thumb, .app-purple .customer::-webkit-scrollbar-thumb, .app-purple .fkRecord-box::-webkit-scrollbar-thumb, .app-purple .limit-editor::-webkit-scrollbar-thumb, .app-purple .list-content::-webkit-scrollbar-thumb, .app-purple .msg-content::-webkit-scrollbar-thumb, .app-purple .postscript_box::-webkit-scrollbar-thumb, .app-purple .record-box::-webkit-scrollbar-thumb, .app-purple .remark-list::-webkit-scrollbar-thumb, .app-purple .remark-title::-webkit-scrollbar-thumb, .app-purple .roll::-webkit-scrollbar-thumb, .app-purple .work::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #694bbf;
    box-shadow: inset 0 0 5px #694bbf;
    background: #694bbf
}

.app-purple .customer .msg-dtls p:first-child span {
    color: #694bbf
}

.app-purple .customer .msg-type .active, .app-purple .customer .msg-type span:hover {
    background: #694bbf;
    border-color: #694bbf
}

.app-purple .customer .showMore em:hover {
    color: #694bbf
}

.app-purple .customer .fk-layer .sub {
    background: #694bbf
}

.app-purple .customer .fk-layer .sub:hover {
    background: #5f44ac
}

.app-purple .setting .save {
    background: #694bbf
}

.app-purple .setting .save:hover {
    background: #5f44ac
}

.app-purple .ajax-info-tips > i, .app-purple .setting .save i {
    color: #694bbf
}

.app-purple .customer-fram .choice-type label.active {
    border-color: #694bbf;
    color: #694bbf
}

.app-purple .customer-fram .choice-right textarea:focus {
    border: 1px solid #694bbf
}

.app-purple .customer-fram .plan-box em, .app-purple .customer-fram .plan-box em:hover {
    color: #694bbf
}

.app-purple .nav .active a {
    border-top-color: #694bbf
}

.app-purple .nav .rt span:hover {
    background: #694bbf;
    color: #fff;
    border-color: #694bbf
}

.app-purple .customer-head span {
    background: #694bbf
}

.app-purple .tips-plan .viewLog {
    background: #694bbf;
    margin: 0 0 0 20px
}

.app-purple .rj-paging .rj-active, .app-purple .rj-paging a:hover, .app-purple .search .searchBtn {
    background: #694bbf
}

.app-purple .search .searchBtn:hover {
    background: #7e5ae5
}

.app-purple .content .remark:hover, .app-purple .work-layer p:nth-child(2n) {
    color: #694bbf
}

.app-purple .content .head input {
    background: #694bbf;
    border-color: #694bbf
}

.app-purple .content .head .inSeas {
    border: 1px solid #694bbf;
    background: #694bbf
}

.app-purple .content .head .el-select {
    background: #694bbf
}

.app-purple .content .head select {
    border-color: #694bbf
}

.app-purple .content .list-content .change .btn.active {
    background: #694bbf
}

.app-purple .content .last .bj, .app-purple .content .list-content .report {
    color: #694bbf
}

.app-purple .customer .rt .notePlan span {
    background: #694bbf
}

.app-purple .customer .rt .notePlan span:hover {
    background: #7453d2
}

.app-purple .customer .btn span {
    background: #694bbf
}

.app-purple .create-layer .create-footer span:hover, .app-purple .proLayer .create-footer span:hover {
    background: #543c99
}

.app-purple .changePwd .rt, .app-purple .create-layer .create-footer .active, .app-purple .proLayer .create-footer .active {
    background: #694bbf
}

.app-purple .changePwd .rt:hover {
    background: #5f44ac
}

.app-purple .audio .footer .active, .app-purple .editorPlan p span {
    background: #694bbf
}

.app-purple .editorPlan p span:hover {
    background: #5f44ac
}

.app-purple .create-layer .dedails-dtl p:first-child span, .app-purple .customer-tab .active, .app-purple .customer-tab span:hover, .app-purple .href_hover, .app-purple .property .property-font-color {
    color: #694bbf
}

.app-yellow .aside {
    background: #101d33
}

.app-yellow .aside .create-layer a {
    color: #d0a759
}

.app-yellow .aside .create-layer a:hover {
    color: #fac86b
}

.app-yellow .aside .diff span:last-child {
    background: #d0a759
}

.app-yellow .aside p span {
    color: #d0a759
}

.app-yellow .aside li:hover {
    background: #d0a759
}

.app-yellow .aside .last-li {
    background: #101d33 !important
}

.app-yellow .aside .last-li span {
    background: #101d33
}

.app-yellow .aside .last-li span:hover {
    background: #4074cc
}

.app-yellow .aside .active {
    background: #d0a759
}

.app-yellow .header {
    background: #251a07
}

.app-yellow .header .notice {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 30px;
    background: #251a07 url(../../assets/img/icon.ec1480f3.png) no-repeat -84px -70px;
    z-index: 500
}

.app-yellow .aside::-webkit-scrollbar-thumb, .app-yellow .customer::-webkit-scrollbar-thumb, .app-yellow .fkRecord-box::-webkit-scrollbar-thumb, .app-yellow .limit-editor::-webkit-scrollbar-thumb, .app-yellow .list-content::-webkit-scrollbar-thumb, .app-yellow .msg-content::-webkit-scrollbar-thumb, .app-yellow .postscript_box::-webkit-scrollbar-thumb, .app-yellow .record-box::-webkit-scrollbar-thumb, .app-yellow .remark-list::-webkit-scrollbar-thumb, .app-yellow .remark-title::-webkit-scrollbar-thumb, .app-yellow .roll::-webkit-scrollbar-thumb, .app-yellow .work::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #d0a759;
    box-shadow: inset 0 0 5px #d0a759;
    background: #d0a759
}

.app-yellow .customer .msg-dtls p:first-child span {
    color: #d0a759
}

.app-yellow .customer .msg-type .active, .app-yellow .customer .msg-type span:hover {
    background: #d0a759;
    border-color: #d0a759
}

.app-yellow .customer .showMore em:hover {
    color: #d0a759
}

.app-yellow .customer .fk-layer .sub {
    background: #d0a759
}

.app-yellow .customer .fk-layer .sub:hover {
    background: #bb9650
}

.app-yellow .setting .save {
    background: #d0a759
}

.app-yellow .setting .save:hover {
    background: #bb9650
}

.app-yellow .ajax-info-tips > i, .app-yellow .setting .save i {
    color: #d0a759
}

.app-yellow .customer-fram .choice-type label.active {
    border-color: #d0a759;
    color: #d0a759
}

.app-yellow .customer-fram .choice-right textarea:focus {
    border: 1px solid #d0a759
}

.app-yellow .customer-fram .plan-box em, .app-yellow .customer-fram .plan-box em:hover {
    color: #d0a759
}

.app-yellow .nav .active a {
    border-top-color: #d0a759
}

.app-yellow .nav .rt span:hover {
    background: #d0a759;
    color: #fff;
    border-color: #d0a759
}

.app-yellow .customer-head span {
    background: #d0a759
}

.app-yellow .tips-plan .viewLog {
    background: #d0a759;
    margin: 0 0 0 20px
}

.app-yellow .rj-paging .rj-active, .app-yellow .rj-paging a:hover, .app-yellow .search .searchBtn {
    background: #d0a759
}

.app-yellow .search .searchBtn:hover {
    background: #fac86b
}

.app-yellow .content .remark:hover, .app-yellow .work-layer p:nth-child(2n) {
    color: #d0a759
}

.app-yellow .content .head input {
    background: #d0a759;
    border-color: #d0a759
}

.app-yellow .content .head .inSeas {
    border: 1px solid #d0a759;
    background: #d0a759
}

.app-yellow .content .head .el-select {
    background: #d0a759
}

.app-yellow .content .head select {
    border-color: #d0a759
}

.app-yellow .content .list-content .change .btn.active {
    background: #d0a759
}

.app-yellow .content .last .bj, .app-yellow .content .list-content .report {
    color: #d0a759
}

.app-yellow .customer .rt .notePlan span {
    background: #d0a759
}

.app-yellow .customer .rt .notePlan span:hover {
    background: #e5b862
}

.app-yellow .customer .btn span {
    background: #d0a759
}

.app-yellow .create-layer .create-footer span:hover, .app-yellow .proLayer .create-footer span:hover {
    background: #a68647
}

.app-yellow .changePwd .rt, .app-yellow .create-layer .create-footer .active, .app-yellow .proLayer .create-footer .active {
    background: #d0a759
}

.app-yellow .changePwd .rt:hover {
    background: #bb9650
}

.app-yellow .audio .footer .active, .app-yellow .editorPlan p span {
    background: #d0a759
}

.app-yellow .editorPlan p span:hover {
    background: #bb9650
}

.app-yellow .create-layer .dedails-dtl p:first-child span, .app-yellow .customer-tab .active, .app-yellow .customer-tab span:hover, .app-yellow .href_hover, .app-yellow .property .property-font-color {
    color: #d0a759
}

.home {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 56px 0 0 140px;
    background: #edf1f5
}

.el-select-dropdown {
    width: 120px;
    border-color: #2392e8;
    margin: 0 !important
}

[x-placement^=bottom].el-popper .popper__arrow {
    display: none
}

.el-select-dropdown__list {
    padding: 0
}

.el-select-dropdown__item {
    height: 24px;
    line-height: 24px;
    font-size: 12px
}

.content {
    position: relative;
    padding: 0 1% 1%
}

.content .total {
    float: right;
}

.content .total em {
    display: inline-block;
    height: 24px;
    margin-right: 20px;
    vertical-align: top;
    font-weight: 700
}

.content .total em:last-child {
    max-width: 140px
}

.content .total .active, .content .total em:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .total .active {
    display: inline-block;
    max-width: 70px;
    height: 24px;
    color: #e4393c;
    text-decoration: underline;
    cursor: pointer;
    vertical-align: top
}

.content .total i {
    font-style: normal
}

.content .remark {
    cursor: pointer
}

.content .remark:hover {
    color: #2392e8
}

.content .role-title {
    padding: 0 20px
}

.content .head {
    height: 24px;
    line-height: 24px;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .head label {
    float: left;
    line-height: 24px;
    padding-left: 10px
}

.content .head input {
    width: 120px;
    height: 12px;
    border-color: #2392e8;
    display: none
}

.content .head .inSeas, .content .head input {
    vertical-align: top;
    background: #2392e8;
    color: #fff
}

.content .head .inSeas {
    display: inline-block;
    height: 22px;
    line-height: 20px;
    border: 1px solid #2392e8;
    padding: 0 4px;
    border-radius: 4px;
    margin-left: 12px;
    cursor: pointer
}

.content .head .inSeas:hover {
    border-color: #999
}

.content .head input::-webkit-input-placeholder {
    color: #fff
}

.content .head input::-moz-placeholder {
    color: #fff
}

.content .head input:-ms-input-placeholder {
    color: #fff
}

.content .head input::-ms-input-placeholder {
    color: #fff
}

.content .head input::placeholder {
    color: #fff
}

.content .head .el-select__caret {
    width: 8px;
    height: 8px;
    margin: 8px 6px 0 0
}

.content .head .el-icon-arrow-up:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAR0lEQVQImXWNwQ3AIBDD/OgMNxlbMNpNVjqE+fRUhKhfUWIpqOk/iRrqOIyPGqio7SA0lRLYrrL6VQj1fu+i+ouPAfQlAzABZDaRECKK5HoAAAAASUVORK5CYII=) no-repeat scroll 100% transparent
}

.content .head .el-select {
    margin-left: 12px;
    width: 80px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    border-radius: 4px;
    background: #2392e8
}

.content .head .el-select:before {
    content: "分配客户";
    position: absolute;
    left: 10px;
    top: 0
}

.content .head .el-input, .content .head .el-input__inner, .content .head .el-select {
    height: 24px
}

.content .head .el-select-dropdown {
    margin: 0
}

.content .head .option {
    position: absolute;
    left: -1px;
    top: -2px;
    top: 24px;
    border: 1px solid #2392e8;
    width: 98px
}

.content .head .option em {
    display: block;
    color: #000;
    background: #fff
}

.content .head .option em:hover {
    background: #2392e8;
    color: #fff
}

.content .head select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAAWElEQVQYlXXMQRHAMAhE0V+mBnJFIBaqAQsRVwtY6IVkaNpwYnZ232FmDTD21898LqD9FALooqoB+EZxVQ0ZZK4+CoAAbDTPHClh1abyKi3aVFZpaHdVAB75GxdAtItaHAAAAABJRU5ErkJggg==) no-repeat scroll 84px transparent;
    padding: 0 12px 0 8px;
    height: 24px;
    width: 98px;
    margin-left: 12px;
    border-radius: 4px;
    border-color: #2392e8;
    font-size: 12px
}

.content .lqlb-head {
    margin: 0 0 10px
}

.content .list {
    text-align: center;
    /*justify-items: center*/
}

.content .list .ulHeight {
    width: 100%;
    border-left: 1px solid #dcdcdc;
    -webkit-box-shadow: inset -1px -1px 1px #000;
    box-shadow: inset -1px -1px 1px #000
}

.content .list .ulHeight:after, .content .list .ulHeight:before {
    content: "";
    display: table
}

.content .list .ulHeight:after {
    clear: both;
    overflow: hidden
}

.content .list .ulHeight tr {
    background: #fff
}

.content .list .ulHeight tr:hover {
    background: #ced4de
}

.content .list .ulHeight .trActive {
    background: #efefef
}

.content .list .ulHeight .noneColor, .content .list .ulHeight .noneColor a {
    color: #e4393c !important
}

.content .list .grade {
    display: inline-block;
    width: 140px;
    line-height: 26px;
    border-radius: 5px;
    background: #0c666d;
    color: #fff
}

.content .list .grade0 {
    margin: 0 0 0 -100px;
    background: #085c9d;
    position: relative
}

.content .list .grade0:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: -21px;
    top: -10px
}

.content .list .grade1 {
    margin: 0 0 0 -20px;
    background: #1b62b9;
    position: relative
}

.content .list .grade1:before {
    content: "";
    width: 20px;
    height: 20px;
    border-left: 1px solid #bbbccc;
    border-bottom: 1px solid #bbbccc;
    position: absolute;
    left: -21px;
    top: -10px
}

.content .list .grade2 {
    margin: 0 0 0 60px;
    background: #128bd1;
    position: relative
}

.content .list .grade2:before {
    content: "";
    width: 20px;
    height: 20px;
    border-left: 1px solid #bbbccc;
    border-bottom: 1px solid #bbbccc;
    position: absolute;
    left: -21px;
    top: -10px
}

.content .list .grade3 {
    margin: 0 0 0 140px;
    background: #0d9fc3;
    position: relative
}

.content .list .grade3:before {
    content: "";
    width: 20px;
    height: 20px;
    border-left: 1px solid #bbbccc;
    border-bottom: 1px solid #bbbccc;
    position: absolute;
    left: -21px;
    top: -10px
}

.content .list .grade4 {
    margin: 0 0 0 220px;
    background: #328d9d;
    position: relative
}

.content .list .grade4:before {
    content: "";
    width: 20px;
    height: 20px;
    border-left: 1px solid #bbbccc;
    border-bottom: 1px solid #bbbccc;
    position: absolute;
    left: -21px;
    top: -10px
}

.content .list .grade5 {
    margin: 0 0 0 300px;
    background: #0bbbc1;
    position: relative
}

.content .list .grade5:before {
    content: "";
    width: 20px;
    height: 20px;
    border-left: 1px solid #bbbccc;
    border-bottom: 1px solid #bbbccc;
    position: absolute;
    left: -21px;
    top: -10px
}

.content .list .grade6 {
    margin: 0 0 0 380px;
    background: #29a989;
    position: relative
}

.content .list .grade6:before {
    content: "";
    width: 20px;
    height: 20px;
    border-left: 1px solid #bbbccc;
    border-bottom: 1px solid #bbbccc;
    position: absolute;
    left: -21px;
    top: -10px
}

.content .list .grade7 {
    margin: 0 0 0 460px;
    background: #439354;
    position: relative
}

.content .list .grade7:before {
    content: "";
    width: 20px;
    height: 20px;
    border-left: 1px solid #bbbccc;
    border-bottom: 1px solid #bbbccc;
    position: absolute;
    left: -21px;
    top: -10px
}

.content .list .grade8 {
    margin: 0 0 0 540px;
    background: #708853;
    position: relative
}

.content .list .grade8:before {
    content: "";
    width: 20px;
    height: 20px;
    border-left: 1px solid #bbbccc;
    border-bottom: 1px solid #bbbccc;
    position: absolute;
    left: -21px;
    top: -10px
}

.content .list .grade9 {
    margin: 0 0 0 620px;
    background: #b68847;
    position: relative
}

.content .list .grade9:before {
    content: "";
    width: 20px;
    height: 20px;
    border-left: 1px solid #bbbccc;
    border-bottom: 1px solid #bbbccc;
    position: absolute;
    left: -21px;
    top: -10px
}

.content .list .grade10 {
    margin: 0 0 0 700px;
    position: relative
}

.content .list .grade10:before {
    content: "";
    width: 20px;
    height: 20px;
    border-left: 1px solid #bbbccc;
    border-bottom: 1px solid #bbbccc;
    position: absolute;
    left: -21px;
    top: -10px
}

.content .title-last {
    border-right: 1px solid #dcdcdc
}

.content .title {
    height: 44px;
    line-height: 44px;
    background: #e4e4e4;
    color: #444;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    overflow-y: scroll
}

.content .title span {
    display: block;
    height: 42px;
    line-height: 42px;
    overflow: hidden
}

.content .title table {
    width: 100%;
    border-spacing: 0
}

.content .title table input {
    vertical-align: top;
    width: 12px;
    height: 12px;
    margin: 16px 4px 0 0;
    background: #fff
}

.content .title td {
    height: 42px;
    line-height: 42px;
    padding: 0;
    border-right: 1px solid #dcdcdc
}

.content .title div {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #bbb;
    overflow: hidden
}

.content .title div:first-child {
    border-left: none
}

.content .title em {
    position: relative
}

.content .title i {
    position: absolute;
    top: 5px;
    right: -10px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid transparent;
    border-top: 8px solid #666
}

.content .title .down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -3px
}

.content .title .active {
    top: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid #666;
    border-top: 6px solid transparent
}

.content .is_read, .content .no_read {
    padding: 2px 4px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer
}

.content .is_read {
    background: #ff8f00
}

.content .no_read {
    background: #666
}

.content .select {
    position: relative;
    display: inline-block;
    vertical-align: top;
    float: none !important
}

.content .select select {
    width: 96%;
    max-width: 80px;
    height: 22px;
    line-height: 22px;
    border: 0;
    color: #444;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAAWElEQVQYlXXMQRHAMAhE0V+mBnJFIBaqAQsRVwtY6IVkaNpwYnZ232FmDTD21898LqD9FALooqoB+EZxVQ0ZZK4+CoAAbDTPHClh1abyKi3aVFZpaHdVAB75GxdAtItaHAAAAABJRU5ErkJggg==) no-repeat scroll 100% transparent;
    padding: 0 10px 0 0
}

.content .select option {
    background: #fff;
    color: #333
}

.content em {
    font-style: normal
}

.content .pro-items {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    border-left: 0 !important
}

.content .pro-items em {
    display: table-cell;
    vertical-align: middle;
    margin: 0 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.content .pro-items p {
    display: table-cell;
    vertical-align: middle
}

.content .pro-items .bj, .content .pro-items .sc {
    margin: 0
}

.content .pro-items .pro-item {
    float: left;
    height: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #bbb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.content .pro-items .pro-item:first-child {
    border-left: none
}

.content .pro-items .pro-item .table {
    display: table;
    width: 100%;
    height: 80px
}

.content .pro-items .yh-item {
    float: left;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #bbb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.content .pro-items .yh-item:first-child {
    border-left: none
}

.content .pro-items .yh-item .table {
    display: table;
    width: 100%;
    height: 40px
}

.content .pro-items .attr-msg {
    position: absolute;
    max-width: 160px;
    z-index: 500;
    background: #9acd32;
    color: #000;
    text-align: left;
    padding: 0 5px
}

.content .pro-items .attr-msg:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #000
}

.content .list-content {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.content .list-content:after, .content .list-content:before {
    content: "";
    display: table
}

.content .list-content:after {
    clear: both;
    overflow: hidden
}

.content .list-content table {
    width: 100%;
    border-spacing: 0
}

.content .list-content td {
    height: 40px;
    word-break: break-all;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc
}

.content .list-content input {
    width: 12px;
    height: 12px;
    margin: 14px 4px 0 0;
    background: #fff
}

.content .list-content span {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0 2px
}

.content .list-content .li {
    height: 80px;
    overflow: hidden;
    background: #e4e4e4;
    border-bottom: 1px solid #d5e1eb;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff
}

.content .list-content .li:after, .content .list-content .li:before {
    content: "";
    display: table
}

.content .list-content .li:after {
    clear: both;
    overflow: hidden
}

.content .list-content .yh-li {
    height: 40px;
    overflow: hidden;
    background: #e4e4e4;
    border-bottom: 1px solid #d5e1eb;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff
}

.content .list-content .yh-li:after, .content .list-content .yh-li:before {
    content: "";
    display: table
}

.content .list-content .yh-li:after {
    clear: both;
    overflow: hidden
}

.content .list-content li {
    height: 40px;
    background: #e4e4e4;
    border-left: 1px solid #d5e1eb;
    border-bottom: 1px solid #d5e1eb;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.content .list-content li:nth-child(2n) {
    background: #fff
}

.content .list-content label {
    display: block
}

.content .list-content label i {
    font-style: normal;
    display: inline-block;
    width: 20px
}

.content .list-content input {
    vertical-align: top
}

.content .list-content .notice-item {
    text-align: left;
    height: 120px;
    background: #fff;
    padding: 10px 0 10px
}

.content .list-content .notice-item:first-child {
    padding: 20px 0 10px
}

.content .list-content .notice-item:last-child {
    padding: 10px 0 20px
}

.content .list-content .notice-box {
    width: 60%;
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 10px
}

.content .list-content .notice-box:after, .content .list-content .notice-box:before {
    content: "";
    display: table
}

.content .list-content .notice-box:after {
    clear: both;
    overflow: hidden
}

.content .list-content .notice-box .lt {
    width: auto;
    height: 24px;
    line-height: 24px;
    color: #999
}

.content .list-content .notice-box .rt {
    background: #ff8f00;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    cursor: pointer
}

.content .list-content .notice-box .rt:hover {
    background: #e68100
}

.content .list-content .notice-box .notice-title {
    margin: 0 0 10px
}

.content .list-content .notice-box .notice-des {
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    margin-bottom: 20px
}

.content .list-content .change {
    position: relative;
    width: 100%
}

.content .list-content .change .btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 28px;
    margin: -14px 0 0 -30px;
    border-radius: 14px;
    background: #c3c3c3;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 0
}

.content .list-content .change .btn.active {
    background: #2392e8
}

.content .list-content .change .btn.active em {
    margin: 2px 0 0 30px;
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.content .list-content .change em {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    margin: 2px 0 0 -30px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.content .list-content .report {
    cursor: pointer;
    color: #2392e8
}

.content .list-content .report:hover {
    text-decoration: underline
}

.content .list-content .loan-num-jump {
    cursor: pointer;
    color: #2392e8
}

.content .list-content .loan-num-jump:hover {
    text-decoration: underline
}

.content .list-last {
    float: left;
    width: 100%;
    line-height: 40px;
    background: #d5d9dd
}

.content .last div {
    height: 40px;
    overflow: hidden
}

.content .last span {
    display: inline-block;
    float: none;
    width: auto;
    height: 22px;
    line-height: 22px;
    border-right: 1px solid #d5e1eb;
    margin: 9px 0 0 2px;
    padding: 0 2px;
    color: #fff;
    cursor: pointer;
    border-radius: 4px
}

.content .last span:hover {
    background: #5a5a5a;
    color: #fff
}

.content .last .bh {
    color: #ff8f00
}

.content .last .bj {
    color: #2392e8
}

.content .last .sc {
    color: #444
}

.content .last .sh {
    color: #fff;
    background: #2392e8
}

.content .last .xq {
    color: #9acd32
}

.content .last .jj {
    color: #cea123
}

.content .note {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.create-layer, .proLayer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, .6)
}

.create-layer .box, .proLayer .box {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 454px;
    background: #e4e7ee;
    margin: -280px 0 0 -227px
}

.create-layer .staff, .proLayer .staff {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 454px;
    background: #e4e7ee;
    margin: -142px 0 0 -227px
}

.create-layer .title, .proLayer .title {
    line-height: 50px;
    padding: 0 20px;
    background: #2c2927;
    color: #fff;
    font-size: 16px
}

.create-layer .dtl-box, .proLayer .dtl-box {
    padding: 0 6px 20px
}

.create-layer .dtl-box input[name=fp], .create-layer .dtl-box input[name=fpStatus], .create-layer .dtl-box input[name=tj1], .create-layer .dtl-box input[name=tj], .create-layer .dtl-box input[name=yz], .proLayer .dtl-box input[name=fp], .proLayer .dtl-box input[name=fpStatus], .proLayer .dtl-box input[name=tj1], .proLayer .dtl-box input[name=tj], .proLayer .dtl-box input[name=yz] {
    width: 14px;
    height: 14px !important
}

.create-layer .dtl-box .mixwidth input, .proLayer .dtl-box .mixwidth input {
    width: 18px !important
}

.create-layer .state:after, .create-layer .state:before, .proLayer .state:after, .proLayer .state:before {
    content: "";
    display: table
}

.create-layer .state:after, .proLayer .state:after {
    clear: both;
    overflow: hidden
}

.create-layer .dtl, .proLayer .dtl {
    background: #fff;
    padding: 20px 40px 0;
    overflow: hidden
}

.create-layer .roll, .proLayer .roll {
    height: auto !important;
    max-height: 160px !important;
    padding-bottom: 10px;
    overflow-y: scroll
}

.create-layer .roll:after, .create-layer .roll:before, .proLayer .roll:after, .proLayer .roll:before {
    content: "";
    display: table
}

.create-layer .roll:after, .proLayer .roll:after {
    clear: both;
    overflow: hidden
}

.create-layer .roll label, .proLayer .roll label {
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.create-layer .roll input, .proLayer .roll input {
    width: 16px;
    height: 16px
}

.create-layer .item, .proLayer .item {
    position: relative;
    height: 48px;
    line-height: 24px
}

.create-layer .item span, .proLayer .item span {
    float: left;
    width: 70px
}

.create-layer input, .proLayer input {
    width: 280px;
    height: 20px;
    padding: 0 4px;
    color: #444
}

.create-layer select, .proLayer select {
    width: 292px;
    height: 24px;
    color: #444
}

.create-layer .choice, .proLayer .choice {
    position: absolute;
    top: 0;
    right: 20px
}

.create-layer .choice input, .proLayer .choice input {
    width: auto
}

.create-layer .txt, .proLayer .txt {
    color: #999
}

.create-layer label, .proLayer label {
    float: left;
    height: 24px;
    line-height: 24px
}

.create-layer label input, .proLayer label input {
    height: 26px;
    vertical-align: middle;
    margin-left: 6px
}

.create-layer .intruder, .proLayer .intruder {
    margin: -260px 0 0 -227px
}

.create-layer .intruder .el-input--prefix .el-input__inner, .proLayer .intruder .el-input--prefix .el-input__inner {
    width: 292px;
    height: 24px;
    border-color: #999;
    border-radius: 2px
}

.create-layer .intruder .el-input__prefix, .proLayer .intruder .el-input__prefix {
    width: 0
}

.create-layer .intruder .el-input__icon, .proLayer .intruder .el-input__icon {
    float: left;
    line-height: 24px
}

.create-layer .create-footer, .proLayer .create-footer {
    text-align: right
}

.create-layer .create-footer span, .proLayer .create-footer span {
    display: inline-block;
    width: 78px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 20px 10px 0;
    background: #aaa;
    color: #fff;
    cursor: pointer;
    border-radius: 4px
}

.create-layer .create-footer span:hover, .proLayer .create-footer span:hover {
    background: #1c75ba
}

.create-layer .create-footer .dist-coust-tips, .proLayer .create-footer .dist-coust-tips {
    color: #e4393c
}

.create-layer .create-footer .active, .proLayer .create-footer .active {
    background: #2392e8
}

.create-layer .txt, .proLayer .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-left: 70px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: right;
    color: #b64c4c
}

.create-layer textarea, .proLayer textarea {
    resize: none
}

.create-layer .notice-dsc, .proLayer .notice-dsc {
    width: 286px;
    height: 66px;
    vertical-align: top
}

.create-layer .notice-item, .proLayer .notice-item {
    padding-bottom: 16px
}

.create-layer .notice-item span, .proLayer .notice-item span {
    float: left;
    width: 56px
}

.proLayer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, .6)
}

.proLayer .box {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 700px;
    background: #e4e7ee;
    margin: -237px 0 0 -350px
}

.proLayer .lt, .proLayer .rt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

.proLayer .lt p, .proLayer .rt p {
    line-height: 20px;
    margin-bottom: 8px
}

.proLayer .lt span, .proLayer .rt span {
    float: left;
    width: 68px
}

.proLayer .lt input, .proLayer .rt input {
    width: 220px
}

.proLayer .lt textarea, .proLayer .rt textarea {
    width: 226px;
    resize: none;
    height: 42px
}

.proLayer .lt select, .proLayer .rt select {
    width: 232px
}

.proLayer .lt {
    padding-right: 10px
}

.proLayer .rt {
    padding-left: 10px
}

.proLayer .dtl {
    padding: 20px
}

.proLayer .dtl:after, .proLayer .dtl:before {
    content: "";
    display: table
}

.proLayer .dtl:after {
    clear: both;
    overflow: hidden
}

.create-sinple .items {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.create-sinple .box {
    width: 80%;
    margin: -180px 0 0 -40%
}

.create-sinple .create-footer {
    padding-bottom: 20px
}

.limit-editor {
    padding: 20px;
    background: #fff;
    overflow-y: scroll
}

.limit-editor span {
    float: left;
    width: 80px
}

.limit-editor select {
    height: 24px;
    line-height: 24px;
    width: 260px;
    color: #444
}

.limit-editor .limit-name {
    line-height: 22px;
    width: 252px;
    padding: 0 2px;
    color: #444
}

.limit-editor .limit-des {
    width: 254px;
    height: 48px;
    outline: none;
    color: #444;
    resize: none
}

.limit-editor .item-margin {
    margin-bottom: 10px
}

.limit-editor .item-layer {
    margin-left: 80px
}

.limit-editor .stair {
    float: left
}

.limit-editor .limit-list {
    margin-left: 110px
}

.limit-editor .limit-list label {
    display: inline-block;
    width: 110px;
    margin-bottom: 10px;
    vertical-align: top
}

.limit-editor .width-right {
    width: 510px !important
}

.limit-editor .item {
    max-width: 760px;
    min-height: 29px;
    padding: 6px 0;
    border-top: 1px solid #999
}

.limit-editor .item:first-child {
    padding-top: 0;
    border-top: 0
}

.limit-editor .item input {
    vertical-align: top;
    margin-top: 4px
}

.limit-editor .limit-btn span {
    display: inline-block;
    width: 78px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 10px;
    background: #aaa;
    color: #fff;
    cursor: pointer;
    border-radius: 4px
}

.limit-editor .limit-btn span:hover {
    background: #2392e8
}

.changePwd {
    width: 360px;
    padding: 20px 20px 10px;
    background: #fff
}

.changePwd:after, .changePwd:before {
    content: "";
    display: table
}

.changePwd:after {
    clear: both;
    overflow: hidden
}

.changePwd span {
    float: left;
    width: 120px
}

.changePwd .item {
    margin-bottom: 20px;
    line-height: 22px
}

.changePwd input {
    width: 228px;
    line-height: 22px;
    padding: 0 4px
}

.changePwd .rt {
    width: 78px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #2392e8;
    border-radius: 4px;
    color: #fff;
    cursor: pointer
}

.changePwd .rt:hover {
    background: #2083d1
}

.audio {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 280px;
    height: 160px;
    margin: -140px 0 0 -80px;
    -webkit-box-shadow: 1px 1px 2px 0 #999;
    box-shadow: 1px 1px 2px 0 #999
}

.audio .title {
    padding: 0 20px;
    background: #2c2927;
    color: #fff
}

.audio .dtl {
    padding: 20px
}

.audio label {
    margin-right: 20px
}

.audio .footer {
    padding-right: 20px
}

.audio .footer span {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    background: #666;
    color: #fff;
    width: 70px;
    line-height: 32px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer
}

.audio .footer span:hover {
    background: #999
}

.audio .footer .active {
    background: #2392e8
}

.editorPlan {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 500
}

.editorPlan .box {
    position: fixed;
    padding: 10px;
    top: 50%;
    left: 50%;
    width: 320px;
    height: 220px;
    margin: -110px 0 0 -160px;
    background: #fff
}

.editorPlan .el-date-editor {
    width: 120px
}

.editorPlan .el-input__inner {
    width: 132px;
    border: 1px solid #bbb;
    border-radius: 2px;
    color: #444;
    height: 24px;
    line-height: 24px;
    padding: 0 10px
}

.editorPlan textarea {
    width: 308px;
    height: 150px;
    padding: 5px;
    margin: 4px 0;
    resize: none
}

.editorPlan .el-input__prefix, .editorPlan .el-input__suffix {
    display: none
}

.editorPlan p {
    text-align: right
}

.editorPlan p span {
    background: #2392e8;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 6px;
    cursor: pointer
}

.editorPlan p span:hover {
    background: #2083d1
}

.postscript_head, .record-head {
    float: left;
    width: 100%;
    padding-top: 15px
}

.postscript_box, .record-box {
    float: left;
    width: 100%;
    height: 360px;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    margin-top: 10px;
    overflow-y: scroll
}

.postscript_box .postscript_list, .postscript_box .record_list, .record-box .postscript_list, .record-box .record_list {
    float: right;
    width: 78%;
    border-bottom: 1px solid #ddd;
    padding: 5px 0
}

.postscript_box .nomore, .record-box .nomore {
    float: left;
    width: 100%;
    line-height: 26px;
    background: #ddd;
    text-align: center
}

.href_hover {
    color: #2392e8
}

.href_hover:hover {
    text-decoration: underline
}

.list-table {
    background: #fff
}

.list-table .list-yh {
    height: 40px;
    line-height: 40px;
    border-left: 1px solid transparent
}

.list-table .item-yh {
    float: left;
    height: 40px
}

.list-table .item {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list-table .last em {
    height: 22px;
    line-height: 22px;
    padding: 0 4px;
    color: #2392e8;
    border-right: 1px solid #d5e1eb;
    cursor: pointer;
    border-radius: 4px
}

.list-table .last em:hover {
    background: #5a5a5a;
    color: #fff
}

.table-li {
    height: 60px;
    font-size: 12px;
    border-left: 1px solid transparent;
    background: #fff
}

.table-tr {
    float: left;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb
}

.table-td, .table-tr {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.table-td {
    height: 60px;
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 0 4px;
    vertical-align: top
}

.t-table {
    overflow: hidden;
    height: 100%
}

.t-table p {
    display: inline-block;
    height: 100%
}

.t-table span {
    height: 60px !important;
    line-height: normal !important;
    vertical-align: middle !important;
    display: table-cell !important
}

.t-table .last .bj {
    display: inline-block !important;
    line-height: 20px !important
}

.t-table i {
    font-style: normal;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    border-right: 1px solid #d5e1eb;
    margin: 0 0 0 4px;
    padding: 0 4px;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    word-break: keep-all;
    vertical-align: top
}

.t-table i:hover {
    background: #5a5a5a;
    color: #fff !important
}

.t-table em {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important
}

.txt-msg {
    display: none
}

.txtMsgDown {
    position: relative
}

.txtMsgDown:hover .txt-msg {
    display: block;
    position: absolute;
    top: 56px;
    left: 0;
    background: #2c2927;
    color: #fff;
    font-size: 12px;
    text-align: left;
    line-height: normal;
    max-width: 220px;
    padding: 0 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 5px #2c2927;
    box-shadow: 0 0 0 5px #2c2927;
    z-index: 500
}

.txtMsgDown:hover .txt-msg:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    left: 4px;
    border: 6px solid transparent;
    border-right-color: #1f2e46;
    border-bottom-color: #1f2e46;
    z-index: 500
}

.txtMsgUp {
    position: relative
}

.txtMsgUp:hover .txt-msg {
    display: block;
    position: absolute;
    bottom: 54px;
    left: 0;
    background: #2c2927;
    color: #fff;
    font-size: 12px;
    text-align: left;
    line-height: normal;
    max-width: 220px;
    padding: 0 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 5px #2c2927;
    box-shadow: 0 0 0 5px #2c2927;
    z-index: 500
}

.txtMsgUp:hover .txt-msg:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -12px;
    left: 4px;
    border: 6px solid transparent;
    border-right-color: #1f2e46;
    border-top-color: #1f2e46;
    z-index: 500
}

.create-layer .msg-item {
    padding: 10px 20px
}

.create-layer .msg-item:after, .create-layer .msg-item:before {
    content: "";
    display: table
}

.create-layer .msg-item:after {
    clear: both;
    overflow: hidden
}

.create-layer .msg-item .checkbox {
    width: 33.33% !important
}

.create-layer .title-tips-color {
    color: #2392e8
}

.create-layer .dedails-box, .create-layer .remark-box {
    position: fixed;
    left: 50%;
    top: 50%;
    background: #edf1f5
}

.create-layer .dedails-box .title, .create-layer .remark-box .title {
    background: #2c2927;
    border: 0;
    line-height: 44px
}

.create-layer .remark-box {
    width: 70%;
    height: 480px;
    margin: -240px 0 0 -35%
}

.create-layer .remark-box .rj-paging {
    position: relative;
    padding: 0;
    text-align: center
}

.create-layer .remark-box input {
    width: 28px;
    height: 28px
}

.create-layer .remark-box .list-last {
    text-align: center
}

.create-layer .remark-box select {
    width: 80px
}

.create-layer .dedails-box {
    width: 90%;
    height: 640px;
    margin: -300px 0 0 -45%
}

.create-layer .layer-close {
    float: right;
    padding: 0 6px;
    cursor: pointer
}

.create-layer .layer-close:hover {
    color: #ff8f00
}

.create-layer .dedails-msg {
    overflow-y: scroll;
    padding: 10px;
    height: 576px
}

.create-layer .dedails-msg:after, .create-layer .dedails-msg:before {
    content: "";
    display: table
}

.create-layer .dedails-msg:after {
    clear: both;
    overflow: hidden
}

.create-layer .remark-msg {
    padding: 10px
}

.create-layer .remark-title {
    overflow-y: scroll;
    border-left: 1px solid #999;
    border-top: 1px solid #999
}

.create-layer .remark-title:after, .create-layer .remark-title:before {
    content: "";
    display: table
}

.create-layer .remark-title:after {
    clear: both;
    overflow: hidden
}

.create-layer .remark-title span {
    float: left;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #ddd;
    color: #000;
    font-weight: 700;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.create-layer .remark-list {
    max-height: 368px;
    overflow-y: scroll
}

.create-layer .remark-list .item {
    height: 100%
}

.create-layer .remark-list .item:after, .create-layer .remark-list .item:before {
    content: "";
    display: table
}

.create-layer .remark-list .item:after {
    clear: both;
    overflow: hidden
}

.create-layer .remark-list .table {
    display: table;
    width: 100%
}

.create-layer .remark-list .cell {
    display: table-cell;
    vertical-align: middle;
    background: #fff;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.create-layer .remark-list .cell:first-child {
    border-left: 1px solid #999
}

.create-layer .remark-list span {
    display: inline-block;
    width: 100%;
    min-height: 32px;
    line-height: 32px
}

.create-layer .remark-list .fpsz .cell {
    padding: 5px 0
}

.create-layer .remark-list .fpsz span.colors {
    color: red
}

.create-layer .remark-list .fpsz input {
    display: inline-block;
    width: 60%;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.create-layer .remark-list .fpsz label input {
    width: 14px;
    height: 14px;
    margin: -2px 2px 0 4px
}

.create-layer .remark-list .fpsz button {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: -2px 0 0 0;
    border-radius: 12px;
    text-align: left
}

.create-layer .remark-list .fpsz button.active {
    text-align: right;
    background: #2392e8
}

.create-layer .remark-list .fpsz em {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    vertical-align: top;
    margin: 1px 1px 0 1px
}

.create-layer .fpsz-box {
    width: 80%;
    margin: -240px 0 0 -40%
}

.create-layer .fpsz-box .remark-list {
    overflow-y: scroll;
    height: 320px;
    max-height: 320px
}

.create-layer .dedails-msg li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 20%;
    padding: 0 5px
}

.create-layer .dedails-msg p {
    line-height: 26px
}

.create-layer .dedails-tabs {
    height: 22px;
    line-height: 22px;
    background: #ddd;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding: 6px 0;
    border-radius: 3px;
    margin-bottom: 6px
}

.create-layer .dedails-dtl {
    background: #fff;
    border-radius: 3px;
    padding: 4px 0
}

.create-layer .dedails-dtl p:first-child span {
    color: #2392e8
}

.create-layer .hight .dedails-dtl {
    height: 520px
}

.create-layer .hight p {
    height: 26px
}

.create-layer .hight span {
    float: left
}

.create-layer .hight span:first-child {
    width: 120px;
    text-align: right;
    color: #000;
    font-weight: 700
}

.create-layer .short {
    margin-bottom: 10px
}

.create-layer .short .dedails-dtl {
    height: 230px
}

.create-layer .short p {
    height: 26px
}

.create-layer .short span {
    float: left
}

.create-layer .short span:first-child {
    width: 160px;
    text-align: right;
    color: #000;
    font-weight: 700
}

.create-layer .set-editor input[type=radio] {
    width: 16px;
    height: 16px
}

.create-layer .set-editor input[type=text] {
    width: 36px;
    height: 16px
}

.create-layer .set-editor input[type=checkbox] {
    width: 14px;
    height: 14px
}

.create-layer .set-editor .tips {
    float: left
}

.create-layer .set-editor .tips em {
    color: red
}

.create-layer .set-editor .checkbox {
    width: 33%
}

.create-layer .coust {
    padding-bottom: 10px
}

.create-layer .coust:after, .create-layer .coust:before {
    content: "";
    display: table
}

.create-layer .coust:after {
    clear: both;
    overflow: hidden
}

.create-layer .coust label {
    width: 25%;
    text-align: left
}

.create-layer .coust input {
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin: 5px 4px 0 10px
}

.create-layer .coust-title {
    line-height: 24px
}

.create-layer .coust-title:after, .create-layer .coust-title:before {
    content: "";
    display: table
}

.create-layer .coust-title:after {
    clear: both;
    overflow: hidden
}

.create-layer .coust-title span {
    float: left
}

.create-layer .coust-title .all-check {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin: 5px 4px 0 0
}

.create-layer .total-box {
    height: 330px;
    margin: -165px 0 0 -35%
}

.create-layer .remark-on {
    float: left;
    width: 20%
}

.create-layer .remark-on-msg {
    float: left;
    width: 80%
}

.create-layer .remark-on-msg textarea {
    width: 100%;
    height: 80px;
    color: #333
}

.create-layer .versions {
    max-height: 240px;
    overflow-y: scroll;
    background: #fff;
    padding: 20px 10px 50px
}

.create-layer .versions h3 {
    font-size: 16px;
    margin-bottom: 10px
}

.create-layer .versions p {
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 14px;
    word-wrap: break-word
}

.create-layer .versions .dtl-msg {
    margin-top: 20px
}

.create-layer .versions-dtl {
    color: #fff
}

.property {
    display: table !important;
    width: 100%;
    height: normal;
    line-height: normal !important;
    vertical-align: middle !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.property em {
    width: 100%;
    display: inline-block;
    color: #bcbcbc
}

.property i {
    font-style: normal;
    color: #666
}

.property i:after {
    content: "/";
    display: inline-block;
    margin: 0 2px
}

.property i:last-child:after {
    content: "";
    display: inline-block
}

.property .property-font-color {
    color: #2392e8
}

.fkRecord {
    position: relative;
    height: 100%;
    padding: 20px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fkRecord .fkRecord-box, .fkRecord .fkRecord-layer {
    height: 100%;
    overflow-y: scroll
}

.fkRecord .list-content {
    -webkit-box-shadow: inset 0 0 0 1px #999;
    box-shadow: inset 0 0 0 1px #999
}

.fkRecord thead {
    width: 100%;
    background: #ddd
}

.fkRecord thead th {
    height: 36px
}

.fkRecord th {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #999
}

.fkRecord td, .fkRecord th, .fkRecord th:last-child {
    border-right: 1px solid #999
}

.fkRecord td {
    height: 36px;
    text-align: center;
    border-bottom: 1px solid #999
}

.disposed, .undisposed {
    cursor: pointer
}

.disposed:hover, .undisposed:hover {
    text-decoration: underline
}

.undisposed {
    color: red
}

.disposed {
    color: #2392e8
}

@media screen and (max-width: 1600px) {
    .create-layer .dedails-msg li, .customer .msg-content li {
        width: 33.33%
    }
}

@media screen and (max-width: 1200px) {
    .create-layer .dedails-msg li, .customer .msg-content li {
        width: 50%
    }
}

@media screen and (max-width: 800px) {
    .create-layer .dedails-msg li, .customer .msg-content li {
        width: 100%
    }
}