body {
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #fff
}

* {
    box-sizing: border-box
}

:after,
:before {
    box-sizing: inherit
}

article,
aside,
blockquote,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    font-family: inherit;
    color: inherit;
    max-height: 100000px
}

abbr,
address,
del,
figcaption,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
i,
ins,
kbd,
label,
q,
rp,
rt,
span,
time {
    font-style: normal;
    font-weight: 400
}

ol,
ul {
    list-style: lower-alpha
}

b,
em,
strong {
    font-weight: 400;
    font-style: normal
}

a,
button,
input,
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a,
a:hover {
    color: inherit;
    text-decoration: none
}

a {
    outline: none;
    background-color: transparent
}

textarea {
    resize: none
}

label {
    cursor: pointer
}

::-webkit-scrollbar-thumb {
    width: 10px;
    border-radius: 0;
    background: #cdcdcd;
    cursor: pointer
}

::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
    width: 10px;
    height: 10px;
    border-radius: 0;
    background: #f0f0f0;
    cursor: pointer
}

input::-ms-clear,
select::-ms-expand {
    display: none
}

div[data-page] {
    height: 100vh
}

.page-frame {
    width: 100%;
    display: block;
    border: none
}

.transparent {
    background-color: transparent!important
}

.contraction {
    display: none!important
}

.view {
    height: 100%;
    border-radius: 10px;
    background-color: #fff;
    overflow: auto;
    position: relative
}

.trtdcenter {
    text-align: center!important
}

.etshade {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5
}

.et-layer {
    box-shadow: none!important
}

a:active,
a:focus,
a:hover,
a:visited {
    outline: 0;
    color: #fff;
    text-decoration: none
}

button,
fieldset,
img,
input {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
    outline: none!important
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    transition: all .5s ease
}

.b-e6,
.b-gr {
    border-top: 1px solid #e6e6e6
}

.b-0 {
    border: none!important
}

.clearfix {
    z-index: 1
}

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

.clearfix:after {
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.tab-ET {
    border-bottom: none
}

.tab-ET,
.tab-ET li {
    background-color: #fff
}

.tab-ET li {
    color: gray;
    font-size: 14px;
    width: 8%;
    height: 40px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 17px;
    border-right: 1px solid #e6e6e6
}

.tab-ET li:first-child i {
    display: none!important
}

.m-0 {
    margin: 0!important
}

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

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

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

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

.mt-30 {
    margin-top: 30px!important
}

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

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

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

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

.mr-40 {
    margin-right: 40px!important
}

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

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

.ml-14 {
    margin-left: 14px!important
}

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

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

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

.ml-30 {
    margin-left: 30px!important
}

.p-0 {
    padding: 0!important
}

.pb-4 {
    padding-bottom: 4px!important
}

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

.pb-15 {
    padding-bottom: 15px!important
}

.pb-20 {
    padding-bottom: 20px!important
}

.pb-40 {
    padding-bottom: 40px!important
}

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

.pr-4 {
    padding-right: 4px!important
}

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

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

.pr-20 {
    padding-right: 20px!important
}

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

.pl-4 {
    padding-left: 4px!important
}

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

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

.pl-20 {
    padding-left: 20px!important
}

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

.pt-4 {
    padding-top: 4px!important
}

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

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

.pt-40 {
    padding-top: 40px!important
}

.pt-58 {
    padding-top: 58px!important
}

.pt-205 {
    padding-top: 205px!important
}

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

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

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

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

.w-10 {
    width: 10%!important
}

.w-32 {
    width: 32%!important
}

.w-60 {
    width: 60%!important
}

.w-70 {
    width: 70%!important
}

.w-75 {
    width: 75%!important
}

.w-85 {
    width: 85%!important
}

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

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

.w-1000 {
    width: 100%!important
}

.w-56 {
    display: inline-block;
    min-width: 56px!important
}

.w-81 {
    width: 81px!important
}

.w-98 {
    width: 98px!important
}

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

.w-176 {
    width: 176px!important
}

.w-188 {
    width: 188px!important
}

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

.padding-0 {
    padding: 0!important
}

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

.dis-none {
    display: none
}

.dis-block {
    display: block
}

.f-w {
    font-weight: 700
}

.border-top {
    border-top: 1px solid #e6e6e6
}

.color-skin1 {
    color: #d02127
}

.fs-0 {
    font-size: 0!important
}

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

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

.c-checkout {
    width: 100%;
    color: red;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.h-30 {
    line-height: 30px!important;
    height: 30px!important
}

.h-70 {
    min-height: 70px!important
}

.h-108 {
    min-height: 108px!important
}

.h-134,
.h-166 {
    min-height: 134px!important
}

.h-410 {
    min-height: 410px!important
}

.h-529 {
    height: 529px!important
}

.icheckbox_flat-green,
.icheckbox_flat-grey,
.iradio_flat-green,
.iradio_flat-grey {
    margin: -4px 5px 0 0!important
}

.bg-skin1 {
    background-color: #3cbce9!important
}

.bg-skin2 {
    background-color: #369!important
}

.bg-skin3 {
    background-color: #f93!important
}

.bg-skin4 {
    background-color: #6c6fc0!important
}

.bg-skin5 {
    background-color: gray!important
}

.bg-skin6 {
    background-color: #d02127!important
}

.bg-1 {
    background-color: #f2f3f7
}

.p-page-tab .layui-tab-title {
    height: auto;
    border: none;
    background-color: transparent
}

.p-page-tab .layui-tab-title li:first-child {
    border-left: 1px solid #e6e6e6
}

.p-page-tab li {
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #f2f3f7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p-page-tab .layui-this {
    color: #fff;
    background-color: #d02127
}

.p-page-tab .layui-this:after {
    border: none
}

.p-page-tab .audit-num {
    position: absolute;
    top: 20%;
    right: 18%;
    z-index: 9;
    width: 30px;
    height: 15px;
    line-height: 15px;
    color: #fff;
    font-size: 12px;
    border-radius: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    background-color: #d02127
}

.p-page-title {
    padding: 11px 0;
    position: relative;
    border-bottom: 1px solid gray
}

.p-page-title h4 {
    font-weight: 700;
    font-size: 16px;
    margin-top: 2px;
    position: relative
}

.p-page-title h4:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -17px;
    z-index: 9;
    width: 100%;
    height: 2px;
    background-color: #d02127
}

.f5 {
    width: 60px;
    height: 24px;
    border-radius: 15px;
    color: #fff;
    transition: all .5s ease;
    background-color: #4d4d4d
}

.f5:hover {
    background-color: #d02127
}

.f5:focus {
    color: #fff!important;
    outline: 0!important
}

.btn-filter {
    line-height: 0;
    color: #fff;
    width: 60px;
    height: 30px;
    border-radius: 20px;
    background-color: #d02127
}

.btn-filter:hover {
    color: #fff
}

.btn-filter:focus {
    color: #fff!important;
    outline: 0!important
}

.s-input {
    min-height: 30px;
    padding-left: 5px;
    vertical-align: middle
}

.s-input,
.s-textarea {
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    background-color: #f2f3f7
}

.s-textarea {
    padding: 5px
}

.s-input-search {
    background-image: url(../images/input-search.png);
    background-repeat: no-repeat;
    background-position: 10px
}

.hor-line {
    margin: 0 6px
}

.operation-group button {
    color: #fff;
    width: 98px;
    border-radius: 20px;
    font-size: 14px;
    margin-right: 20px;
    background-color: #4d4d4d;
    transition: all .5s ease
}

.operation-group button:hover {
    color: #fff;
    background-color: #d02127
}

.operation-group button:focus {
    color: #fff!important;
    outline: 0!important
}

.project-table {
    font-size: 14px;
    table-layout: fixed
}

.project-table thead th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px
}

.project-table thead tr {
    background-color: #4d4d4d!important
}

.project-table td {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #cbcbcb!important
}

.bg-cor {
    background-color: #4d4d4d!important
}

.table td,
.table th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#tablePage {
    text-align: center
}

#tablePage .layui-laypage {
    margin: 0!important
}

em.error {
    display: inline-block;
    margin-top: 5px;
    color: #d02127
}

.asterisk {
    margin-bottom: 5px;
    font-size: 14px
}

.asterisk p {
    font-size: 14px;
    color: #cbcbcb
}

.asterisk i {
    display: inline-block;
    margin-right: 5px;
    color: #d02127
}

.trbg {
    color: #fff!important;
    background-color: #3cbce9!important
}

.notable-data {
    text-align: center;
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 3;
    width: 100%
}

.notable-data p {
    color: gray;
    margin-top: 5px
}

#Dlogo {
    display: block
}

#Xlogo {
    display: none
}

#Dicn,
.s-member__info {
    display: block
}

#Xicn {
    display: none
}

.public-select {
    background-image: url(../images/select-bg.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.table-container {
    width: 100%;
    overflow-y: auto;
    margin: 0 0 1em
}

#mp-page {
    text-align: center
}

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

.bgimg {
    background-image: url(../images/select-bg.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    -moz-appearance: none;
    -webkit-appearance: none
}

.layui-layout-admin .layui-header {
    background-color: #fff!important
}

.layui-layout-admin .layui-body {
    bottom: 0!important;
    background-color: #e6e6e6;
    transition: left .3s linear
}

.layui-tab {
    margin: 0
}

.layui-tab-content {
    position: relative
}

.layui-layout-admin .layui-side {
    top: 0;
    transition: width .3s linear
}

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

.layui-tab-brief>.layui-tab-title .layui-this {
    color: #fff;
    background-color: transparent;
    background-image: url(../images/tab-item-bg.png);
    background-repeat: no-repeat;
    background-position: 0
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none
}

.layui-tab-title li .layui-tab-close {
    position: absolute;
    right: 10px;
    top: 11px;
    z-index: 2;
    background-image: url(../images/tab-item-delete.jpg);
    background-position: 0 0;
    background-repeat: no-repeat
}

.layui-layer-setwin .layui-layer-close2 {
    right: -16px!important;
    top: -46px!important;
    width: 32px!important;
    height: 31px!important;
    background-image: url(../images/s-layer-delete.png);
    background-repeat: no-repeat;
    background-position: 0 0!important
}

.layui-layer-loading .layui-layer-loading0 {
    background: url(../svg/loading-0.svg) no-repeat 50%!important;
    background-size: 58px auto!important
}

.layui-layer-loading .layui-layer-loading1 {
    background: url(../svg/loading-1.svg) no-repeat 50%!important;
    background-size: 58px auto!important
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #d02127;
    color: #fff
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #d02127;
    background-color: #d02127;
    color: #fff
}

.layui-laypage a:hover {
    color: #d02127
}

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

.layui-laypage a,
.layui-laypage span {
    font-size: 12px;
    border: none;
    padding: 0 9px
}

.layui-laypage a,
.layui-laypage button,
.layui-laypage input,
.layui-laypage span {
    height: 24px!important;
    line-height: 24px!important
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #4d4d4d
}

.layui-laypage .layui-laypage-count {
    color: #369
}

.layui-laypage .layui-laypage-skip {
    color: #4d4d4d
}

.layui-laypage .layui-laypage-btn {
    color: #fff;
    border: none;
    background-color: #4d4d4d
}

.layui-table-fixed-l tr,
.layui-table-header,
.layui-table-mend,
.layui-table-patch,
.layui-table thead tr {
    color: #fff;
    background-color: #336698
}

.layui-tab-bar {
    display: none!important
}

.layui-layer-tips {
    white-space: pre-wrap;
    word-wrap: break-word
}

.side {
    background-color: #4d4d4d;
    transition: width .5s ease
}

.s-member {
    width: 220px;
    min-height: 199px;
    padding-top: 31px;
    padding-bottom: 10px;
    border-bottom: 1px solid #333
}

.s-member__thumb {
    width: 90px;
    height: 90px;
    margin: 0 auto 18px
}

.s-member__thumb img {
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 50%
}

.s-member__info {
    color: #b3b3b3;
    font-size: 12px;
    text-align: center
}

.s-member__info h5 {
    margin-bottom: 5px;
    padding: 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.s-member__info span {
    display: inline-block;
    margin: 0 5px
}

.memu-list,
.memu-list li {
    position: relative
}

.memu-list li {
    padding: 10px 0 10px 30px;
    border-bottom: 1px solid #333;
    font-size: 16px;
    color: #fff
}

.memu-list li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 43px;
    padding-left: 12px;
    border-radius: 20px 0 0 20px;
    transition: all .3s ease
}

.memu-list li>a:hover {
    background-color: #d02127
}

.memu-list li>a span {
    display: inline-block;
    margin-left: 10px
}

.memu-list li .child {
    font-size: 14px;
    display: none;
    margin-top: 10px;
    position: relative
}

.memu-list li .child dd {
    padding: 8px 0 8px 58px;
    position: relative
}

.memu-list li .child a {
    max-width: 115px;
    display: block;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 5px;
    overflow: hidden
}

.child:before {
    content: "";
    top: 0;
    z-index: 2;
    height: auto
}

.child .sline,
.child:before {
    position: absolute;
    left: 28px;
    width: 2px;
    display: block;
    background-color: #d02127
}

.child .sline {
    top: -10px;
    z-index: 6;
    height: 10px
}

.child .line {
    z-index: 7;
    border-radius: 50%;
    background-color: #d02127;
    display: none
}

.child .circle,
.child .line {
    position: absolute;
    left: 24px;
    top: 14px;
    height: 10px;
    width: 10px
}

.child .circle {
    z-index: 6;
    border-radius: 50%;
    border: 2px solid #d02127;
    background-color: #393d46
}

.child a span {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #d02127
}

.child dd.active span {
    display: block
}

.memu-list .itemed>a {
    background-color: #d02127
}

.memu-list .itemed .child {
    display: block
}

.logo {
    width: 220px;
    padding: 40px 0;
    text-align: center;
    border-bottom: 1px solid #333
}

.logo a {
    display: block
}

.logo img {
    vertical-align: top
}

.admin>button {
    width: 76px;
    padding: 0;
    color: #fff;
    font-size: 12px;
    border-radius: 20px;
    margin-left: 10px;
    background-color: #999;
    border: none;
    transition: background .2s ease
}

.admin>button:hover {
    color: #fff;
    background-color: #d02127
}

.system-messages {
    display: inline-block;
    width: 60px;
    height: 60px;
    transition: background .2s ease;
    vertical-align: middle;
    position: relative;
    cursor: pointer
}

.system-messages .email {
    position: relative;
    top: 30%;
    width: 30px;
    height: 24px;
    margin: 0 auto;
    background-image: url(../images/email_no.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.system-messages .email i {
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 2;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #d02127
}

.system-messages:hover {
    background-color: #4d4d4d
}

.system-messages:hover .email {
    background-image: url(../images/email_ok.png)
}

.messagesTip {
    position: absolute;
    left: -130px;
    top: 60px;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0 0 40px 1px rgba(0, 0, 0, .2);
    border-radius: 2px;
    display: none
}

.messagesTip .title {
    padding: 14px 30px;
    border-bottom: 1px solid #d6d7d7
}

.messagesTip .title h5 {
    font-size: 16px
}

.messagesTip .title button {
    color: #989898;
    background-color: transparent;
    font-size: 14px;
    padding: 0;
    transition: background .2s ease
}

.messagesTip .title button:hover {
    color: #d02127
}

.messagesTip-box {
    position: relative;
    min-width: 300px;
    min-height: 450px
}

.messagesTip-box>a {
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 54px;
    line-height: 54px;
    border-top: 1px solid #d6d7d7
}

.messagesTip-box>a:hover {
    color: #d02127
}

.messages-list li {
    font-size: 12px;
    border-bottom: 1px solid #d6d7d7;
    position: relative
}

.messages-list li .messages-new {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    width: 30px;
    height: 16px;
    line-height: 13px;
    color: #fff;
    border-radius: 10px;
    background-color: #d02127
}

.messages-list li a {
    padding: 15px 30px;
    display: block;
    transition: background .5s ease
}

.messages-list li a:hover {
    color: #fff;
    background-color: #3cbce9
}

.messages-list li a:hover time {
    color: #fff
}

.messages-list li b {
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px
}

.messages-list li time {
    font-size: 10px;
    color: gray
}

.messages-list li div {
    width: 240px;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.header-con {
    background-color: #fff;
    padding-right: 20px;
    padding-left: 46px;
    height: 60px;
    margin-left: 200px;
    border-bottom: 1px solid #e6e6e6
}

.header-con h3 {
    font-size: 24px;
    color: gray;
    margin-top: 15px
}

.header-con small {
    font-size: 20px;
    display: inline-block;
    margin-left: 30px;
    font-weight: 400
}

.messagesNull {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 11;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.messagesNull img {
    width: 192px;
    height: 172px
}

.messagesNull p {
    margin-top: 10px
}

.unread_message {
    font-size: 14px;
    display: inline-block
}

.unread_message i {
    color: #d02127
}

.charts .item {
    border-radius: 10px;
    height: 350px;
    background-color: #fff;
    padding: 20px;
    overflow: hidden;
    position: relative
}

.charts-tool {
    font-size: 16px;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 10
}

.charts-tool span {
    display: inline-block;
    margin: 10px 20px 0
}

.charts-tool select {
    margin-top: 3px
}

.business-filter {
    font-size: 16px;
    padding: 0 0 4px
}

.business-filter span {
    color: gray;
    font-weight: 600;
    display: inline-block;
    margin: 10px 18px 0 10px
}

#clientCharts,
#discCharts,
#paymentCharts,
#projectCharts {
    width: 100%;
    height: 100%
}

@media (min-width:768px) {
    .media-m10 {
        margin: 10px 0
    }
}

@media (min-width:1200px) {
    .media-m10 {
        margin: 0
    }
}

@media screen and (max-width:1100px) {
    .layui-layer-iframe {
        overflow-y: inherit!important;
        -webkit-overflow-scrolling: touch
    }
}

.discSource {
    padding: 20px 5px 0
}

.discSource .discSource_title {
    border-bottom: 1px solid #dfdfdf;
    height: 35px;
    position: relative
}

.discSource .discSource_title .discSource_title_left {
    padding-left: -15px;
    display: inline-block;
    font-size: 16px
}

.discSource .discSource_title i {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 65px;
    border-bottom: 2px solid #cf2127
}

.discSource .discSource_title .discSource_title_right {
    width: 60px;
    height: 24px;
    background-color: #4d4d4d;
    text-align: center;
    line-height: 24px;
    color: #fff;
    border-radius: 20px;
    font-size: 12px
}

.discSource .stand {
    padding: 20px 15px 0;
    font-size: 16px
}

.discSource .stand i {
    color: red;
    padding-right: 5px
}

.discSource .stand .stand_text,
.discSource .stand .standSelect {
    height: 30px;
    border: 1px solid #e5e5e5;
    background-color: #f2f3f7;
    border-radius: 5px
}

.discSource .stand .standSelect {
    line-height: 30px;
    font-size: 12px
}

.discSource .stand .stand_clue {
    font-size: 12px;
    color: gray;
    padding-top: 5px
}

.discSource .stand .layui-upload-file {
    display: none!important;
    opacity: .01;
    filter: alpha(opacity=1)
}

.discSource .stand .ca-upload-img-btn {
    background: none;
    width: 100%;
    height: 100%;
    border-radius: 0 5px 5px 0;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 6px;
    text-align: center
}

.discSource .stand .ca-upload-img-btn i {
    font-size: 56px!important;
    color: gray
}

.discSource .stand .layui-btn .layui-icon {
    margin-right: 3px;
    font-size: 18px;
    vertical-align: bottom;
    vertical-align: middle\9
}

.discSource .stand .ca-uploadList {
    height: 108px;
    max-height: 108px;
    position: relative;
    text-align: center
}

.discSource .stand .ca-uploadList .ca-upload-trash {
    width: 31px;
    height: 31px;
    background-image: url(../images/trash.png);
    position: absolute;
    right: 2%;
    bottom: 10px
}

.discSource .stand .layui-inline {
    text-align: center
}

.discSource .stand .ca-upload-img-input {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 108px;
    border: 1px solid #ddd;
    background-color: #f2f3f7;
    border-radius: 5px
}

.discSource .btns-group {
    font-size: 0;
    text-align: center;
    width: 100%;
    background-color: #fff
}

.discSource .save {
    background-color: #d02127
}

.discSource .preview,
.discSource .save {
    width: 146px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    font-size: 16px;
    border-radius: 30px;
    margin-left: 20px
}

.discSource .preview {
    background-color: #989898
}

.discSource .set-margin {
    height: 120px
}

.discSource .plan_title {
    padding: 20px 0 0
}

.discSource .plan_title .plan_title_text {
    padding-left: 15px;
    font-size: 16px;
    font-weight: 600
}

.discSource .plan_title .plan_text {
    padding: 20px 0 8px 15px;
    font-size: 16px
}

.discSource .plan_title .plan_texts {
    padding: 0 15px 20px;
    font-size: 16px
}

.discSource .plan_title .plan_texts .plan_texts_w {
    height: 42px;
    border-bottom: 1px solid #dfdfdf
}

.discSource .plan_title .plan-hint {
    font-size: 12px
}

.discSource .plan_title .plan-hint i {
    color: red;
    padding-right: 4px
}

.discSource .stands {
    border-bottom: 1px solid #dfdfdf
}

.discSource .plan_btns {
    text-align: center;
    padding: 40px 0;
    margin-top: 20px;
    border-top: 1px solid gray
}

.discSource .apply_title_right {
    width: 100px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    background-color: #cf2127;
    text-align: center;
    border-radius: 20px;
    font-size: 12px
}

.discSource .plan_w {
    border-bottom: 1px solid gray
}

.discSource .set_form .set_table {
    table-layout: fixed
}

.discSource .set_form .set_table .set_table_title {
    background-color: #4d4d4d;
    height: 40px;
    line-height: 40px
}

.discSource .set_form .set_table .set_table_title th {
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.discSource .set_form .set_table .set_table_text {
    height: 40px
}

.discSource .set_form .set_table .set_table_text td {
    color: #000;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #cbcbcb;
    border-top: none;
    padding: 0
}

.discSource .set_form .set_table .set_table_text td .remark {
    width: 100%;
    height: 30px;
    color: #fff;
    background-color: #4d4d4d;
    border-radius: 20px;
    line-height: 30px
}

.discSource .set_form .set_table .set_table_text2 {
    height: 40px
}

.discSource .set_form .set_table .set_table_text2 td {
    padding: 0;
    vertical-align: middle;
    color: #000;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #cbcbcb;
    border-top: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.discSource .set_form .set_table .set_table_text2 td img {
    cursor: pointer
}

.discSource .set_form .set_table .set_table_text2 td .set_input {
    line-height: 30px;
    text-align: left;
    width: 100%
}

.discSource .set_form .set_table .set_table_text2 td .set_input .set_num {
    float: left;
    width: 90%;
    background-color: #f2f3f7;
    height: 30px;
    display: inline-block;
    text-align: left;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #e5e5e5
}

.discSource .set_form .set_table .set_table_text2 td .set_input .set_num2 {
    float: left;
    width: 75%;
    background-color: #f2f3f7;
    height: 30px;
    display: inline-block;
    text-align: left;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #e5e5e5
}

.discSource .set_form .set_table .set_table_text2 td .remark {
    width: 100%;
    height: 30px;
    color: #fff;
    background-color: #4d4d4d;
    border-radius: 20px;
    line-height: 30px
}

.discSource .set_form .set_table .set_table_text2 td .set_text {
    color: #cbcbcb;
    font-size: 12px
}

.discSource .set_form .set_table .set_table_text2 td .set_inp {
    width: 35%
}

.discSource .set_form .set_table .set_table_text2 td .set_inp,
.discSource .set_form .set_table .set_table_text2 td .set_inp2 {
    background-color: #f2f3f7;
    height: 30px;
    display: inline-block;
    text-align: left;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #e5e5e5
}

.discSource .set_form .set_table .set_table_text2 td .set_inp2 {
    line-height: 0;
    width: 100%
}

.discSource .set_form .set_table .set_table_text2 td .create_but {
    width: 100%;
    height: 30px;
    color: #fff;
    background-color: #cf2127;
    border-radius: 20px;
    line-height: 30px;
    font-size: 14px
}

.discSource .set_form .set_table .set_table_text2 .set_text2 {
    color: #cbcbcb;
    font-size: 12px
}

.standSelect {
    font-size: 12px
}

.record-dl {
    padding: 5px 0;
    border-top: 1px solid #e6e6e6
}

.null-history {
    text-align: center;
    padding-top: 20px
}

.null-history h4 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px
}

.source-dl {
    font-size: 14px
}

.source-dl dd,
.source-dl dt {
    height: 30px;
    line-height: 30px
}

.source-file p {
    margin-bottom: 6px
}

.fileimg .fileimg-item {
    position: relative;
    margin-bottom: 15px;
    height: 115px
}

.fileimg .fileimg-item img {
    border-radius: 6px;
    display: block;
    width: 100%;
    cursor: pointer;
    height: 100%
}

.s-view-img {
    cursor: pointer;
    width: 21px;
    height: 21px;
    position: absolute;
    right: 25px;
    bottom: 10px;
    background-image: url(../images/s-view-img.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.audit-content {
    padding-top: 20px;
    text-align: center
}

.audit-content h4 {
    margin: 16px 0 10px;
    font-size: 16px;
    font-weight: 700
}

.audit-content p {
    white-space: pre-wrap;
    word-wrap: break-word
}

.config-note {
    font-size: 16px;
    padding-top: 20px;
    margin-left: 15px;
    list-style: lower-alpha!important
}

.config-note li {
    list-style: inherit
}

.room-box {
    border-top: 1px solid #e6e6e6
}

.modals {
    width: 100%;
    height: 100%;
    padding-top: 30px;
    border-radius: 15px;
    background-color: #fff
}

.modals,
.modals-header {
    position: relative
}

.modals-body {
    padding-left: 70px;
    padding-right: 40px;
    margin-top: 10px
}

.modals-body .p-page-title {
    border-bottom: 1px solid #e6e6e6
}

.modals-body .p-page-title h4:after {
    bottom: -12px
}

.modals-body .p-page-title span {
    display: inline-block;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    color: #fff
}

.modals-header h1 {
    color: #fff;
    min-width: 533px;
    font-size: 24px;
    font-weight: 700;
    padding: 2px 0 2px 40px;
    border-radius: 0 20px 20px 0;
    background-color: #d02127
}

.modals-footer {
    padding-left: 70px;
    padding-right: 40px;
    margin-top: 20px
}

.btns-group {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #e6e6e6
}

.btns-group>button {
    font-size: 16px;
    color: #fff;
    width: 147px;
    height: 40px;
    border-radius: 20px;
    margin: 0 10px
}

.btns-group>button:hover {
    color: #fff
}

.btns-group>button:focus {
    color: #fff!important;
    outline: 0!important
}

.searchs-icon {
    background-image: url(../images/searchs.png)
}

.adds-icon,
.searchs-icon {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -10px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.adds-icon {
    background-image: url(../images/adds.png)
}

.deletes-icon {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -10px;
    background-image: url(../images/deletes.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.mortgageAssess .mortgage_assess_title {
    padding: 20px 0 10px;
    width: 100%;
    display: block
}

.mallot_inp,
.mortgageAssess .mort_inp {
    background-color: #f2f3f7;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #e5e5e5
}

.mortgage_add_icon {
    width: 26px;
    height: 26px;
    margin-top: -10px;
    background-image: url(../images/add.png)
}

.mortgage_add_icon,
.mortgage_alter_icon {
    position: absolute;
    top: 50%;
    left: -40px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.mortgage_alter_icon {
    width: 21px;
    height: 21px;
    margin-top: -8px;
    background-image: url(../images/used_alter.png)
}

.mortgage_minus_icon {
    top: 50%;
    left: -40px;
    background-image: url(../images/minus.png)
}

.mortgage_jdan_icon,
.mortgage_minus_icon {
    width: 26px;
    height: 26px;
    position: absolute;
    margin-top: -10px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.mortgage_jdan_icon {
    top: 55%;
    left: -30px;
    background-image: url(../images/unchecked.png)
}

.co2 {
    background-color: #cf2127!important;
    margin-right: 0!important
}

.moprss_title {
    background-color: #4d4d4d!important
}

.moprss_title th {
    text-align: center;
    font-weight: 600
}

.moprss_text td {
    color: #000;
    height: 40px;
    line-height: 40px;
    padding: 0 15px!important;
    text-align: center!important;
    border: 1px solid #cbcbcb!important;
    border-top: none!important
}

.moprss_text td,
.moprss_text td .alter_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.moprss_text td .alter_text {
    width: 80%;
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 0
}

.moprss_text td .alter_btn {
    margin-top: 8px;
    background-color: #4d4d4d;
    position: absolute;
    top: 0;
    right: 15px
}

.moprss_text td .add_btn,
.moprss_text td .alter_btn {
    width: 60px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    border-radius: 20px;
    font-size: 12px
}

.moprss_text td .add_btn {
    margin-top: 4px;
    background-color: #cf2127
}

.mo_save {
    background-color: #d02127
}

.mo_preview,
.mo_save {
    width: 146px;
    height: 46px;
    color: #fff;
    font-size: 16px;
    border-radius: 30px;
    margin-left: 20px
}

.mo_preview {
    background-color: #989898
}

.upload {
    cursor: pointer;
    background-image: url(../images/upload-photo.png);
    background-repeat: no-repeat;
    background-position: 100%
}

.addstation,
.new-member,
.new-role,
.treeAddChildBtn {
    color: #fff;
    font-size: 14px;
    width: 98px;
    border-radius: 20px;
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 8;
    background-color: #d02127
}

.addstation:hover,
.new-member:hover,
.new-role:hover,
.treeAddChildBtn:hover {
    color: #fff!important
}

.addstation:active,
.addstation:focus,
.new-member:active,
.new-member:focus,
.new-role:active,
.new-role:focus,
.treeAddChildBtn:active,
.treeAddChildBtn:focus {
    color: #fff!important;
    outline: 0!important
}

.memberthumb {
    position: absolute;
    top: 0;
    right: 40px;
    z-index: 2
}

.memberthumb img {
    width: 70px;
    height: 70px;
    border-radius: 50%
}

#orgTable tr {
    cursor: pointer
}

.treeBox {
    position: relative
}

.panels-body {
    position: absolute;
    left: 0;
    top: 34px;
    z-index: 12;
    width: 100%;
    height: auto;
    max-height: 350px;
    overflow: auto;
    border-radius: 4px;
    background-color: #fff;
    display: none;
    box-shadow: 0 0 40px 1px rgba(0, 0, 0, .2)
}

.panels-body table {
    margin: 0!important
}

.panels-body td {
    cursor: pointer
}

.icon2 {
    background-image: url(../images/delete.png);
    position: absolute;
    top: 60%;
    left: -32px
}

.btnstyle {
    color: #fff;
    border-radius: 20px;
    font-size: 14px;
    width: 98px;
    height: 30px
}

.adminClient {
    border: 1px solid #e5e5e5;
    min-height: 260px
}

.adminClient .adminClient_top {
    padding: 10px 10px 0;
    position: relative;
    text-align: center
}

.adminClient .adminClient_top .clientBuddha {
    border: 1px solid #e5e5e5;
    width: 74px;
    height: 98px;
    text-align: center;
    padding: 4px
}

.adminClient .adminClient_top .clientBuddha img {
    width: 100%;
    height: 100%
}

.adminClient .adminClient_top .clientBuddharight {
    font-size: 12px;
    text-align: left
}

.adminClient .adminClient_top .admin_particulars {
    background-color: #fff;
    display: inline-block;
    width: 130px;
    position: absolute;
    left: 21px;
    bottom: -9px;
    padding-left: 4px;
    padding-right: 2px;
    text-align: center;
    color: #cf2127;
    font-weight: 600
}

.adminClient .adminClient_top .admin_particulars i {
    background: url(../../dist/images/orgadd.png) no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 22px
}

.adminClient .adminClient_bottom {
    padding-top: 26px;
    text-align: left;
    display: inline-block;
    font-size: 12px
}

.deletevia {
    border: 1px solid #e5e5e5;
    width: 74px;
    height: 98px;
    text-align: center;
    padding: 4px
}

.deletevia img {
    width: 100%;
    height: 100%
}

.deletenews {
    font-size: 12px
}

.clientbuddha_w {
    display: inline-block
}

#statisticslx,
#statisticspy {
    width: 100%;
    height: 100%;
    background-color: #fff!important
}

.info-tab-title li {
    margin-right: 15px;
    position: relative
}

.layui-tab-title .layui-this .info-line {
    display: block
}

.info-list .item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

.info-list .item>a {
    display: block;
    color: #333
}

.info-list .item>a:hover {
    color: inherit
}

.info-list .item .info-thumb {
    margin-right: 30px
}

.info-list .item b {
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    margin-right: 20px
}

.info-list .item time {
    color: gray;
    display: inline-block
}

.info-list .item img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.info-list .item .info-con {
    margin-top: 3px;
    text-align: left;
    line-height: 1.3
}

.info-box {
    width: 70%
}

.info-box .new {
    position: absolute;
    top: 20px;
    right: 0;
    color: #fff;
    font-size: 12px;
    width: 36px;
    height: 18px;
    line-height: 15px;
    padding: 0;
    border-radius: 13px;
    text-align: center;
    background-color: #d02127
}

.info-line,
.info-tab-title .layui-this:after {
    display: none
}

.info-line {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 2;
    width: 50px;
    height: 3px;
    margin-left: -25px;
    background-color: #333
}

.info-null {
    width: 240px;
    margin: 100px auto 0;
    text-align: center;
    display: block
}

.info-null img {
    vertical-align: top
}

.info-null p {
    margin-top: 15px
}

.login-logo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.login {
    width: 100%;
    z-index: 4
}

.login-box {
    width: 400px;
    height: 360px;
    color: #fff;
    float:right;
    margin-right:180px;
    font-size: 16px;
    padding-top: 30px;
}

.w-334 {
    position: relative;
    width: 334px;
    margin: 0 auto
}

.w-334:after {
    content: "";
    position: absolute;
    left: 40px;
    top: 0;
    z-index: 4;
    width: 2px;
    height: 36px;
    background-color: #fff
}

.uName {
    background-image: url(../images/uName.png);
    background-position: 7px
}

.uName,
.uPwd {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding-left: 45px;
    border: 2px solid #ccc;
    border-radius: 6px;
    background-color: transparent;
    background-repeat: no-repeat
}

.uPwd {
    background-image: url(../images/uPwd.png);
    background-position: 8px
}

.btn-login {
    width: 100%;
    height: 44px;
    color: #fff;
    font-size: 22px;
    border-radius: 30px;
    background-color: #d02127
}

.btn-login:focus,
.btn-login:hover {
    color: inherit
}


/*# sourceMappingURL=maps/site.min.css.map */