@charset "utf-8";
article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul { margin: 0; padding: 0 }
    input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { background-color: none !important; color: #333 !important }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body, button, input, select, textarea { font: 14px/1.5 arial,"Microsoft YaHei" }
html { background-color: #f2f2f2; }
a:focus, a:hover { text-decoration: none }
em, i { font-style: normal }
.clear:after, .fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.clear, .fn-clear { zoom: 1 }
.item-block { display: block }
.admin-main { margin: 15px }
    .admin-main .layui-field-title .layui-field-box { padding: 10px 30px }
        .admin-main .layui-field-title .layui-field-box p { padding: 5px 0 }
.fix-btn { width: 100%; position: fixed; bottom: 0; height: 50px; background: #e0e0e0; text-align: center; padding-top: 10px }
.fn-left { float: left }
.fn-right { float: right }
.must { color: red; vertical-align: middle; line-height: 17px; }
.mt5 { margin-top: 5px }
.mt15 { margin-top: 15px }
.mb20 { margin-bottom: 20px }
.mr15 { margin-right: 15px; }
.pt20 { padding-top: 20px }
.font12 { font-size: 12px; }
a.layui-btn:focus, a.layui-btn { color: #fff }

.header.header-demo { padding-left: 200px; z-index: 6; color: #303030; border-bottom: 1px solid #f6f6f6; background-color: #fff }
.header .layui-nav { float: right; padding: 0; background: 0 0 }
    .header .layui-nav .layui-nav-item { float: left; margin: 0 5px; line-height: 20px }
.header .admin-side-toggle { cursor: pointer; position: absolute; left: 0; color: #fff; height: 59px; line-height: 59px }
    .header .admin-side-toggle .icon-sys-nav:before { color: #888; }
.header .head-img { float: left; width: 36px; height: 36px; border-radius: 50%; margin: 10px 10px 0 0 }
.header .user-info { float: left; margin-top: 10px; color: #202020 }
    .header .user-info p { font-size: 16px; color: #303030; font-weight:bolder}
.header .layui-nav .h-line { float: left; margin-top: 17px; color: #eee; font-size: 20px; font-weight: 300 }
.header .layui-nav-item .ico { display: block; position: relative; height: 60px; padding: 0 10px; line-height: 60px; color: #303030; }
    .header .layui-nav-item .ico:hover { background-color: #f7f7f7; }
.header .layui-nav .layui-this:after,
.header .layui-nav-bar { display: none; background-color: #71abfc }
.header .layui-nav .layui-nav-item .ico .layui-nav-more { display: none }
.header .layui-nav .ico * { font-size: 16px; }
.header .layui-nav .ico .layui-badge { top: 18%; margin-left: 10px; }
    .header .layui-nav .ico .layui-badge * { font-size: 10px; }

body .layui-layout-admin .footer { padding: 30px 0; line-height: 30px; text-align: center; background-color: #f8fafd; color: #666; font-weight: 300 }
    body .layui-layout-admin .footer a { padding: 0 5px }
body .layui-layout-admin .footer-demo { height: auto; padding: 10px 0; line-height: 26px }
.admin-header-item-mobile { position: absolute; right: 0; height: 60px; line-height: 60px; padding: 0 20px; text-align: center; top: 0; display: none }
.admin-nav-tree .layui-nav-child a { padding-left: 30px }
.admin { border: 0; margin: 0; box-shadow: none }
.admin-nav-card { height: 100%; margin-top: 0 }
    .admin-nav-card .layui-icon { position: relative }
    .admin-nav-card .layui-tab-item iframe { width: 100%; border: 0; height: 100% }
    .admin-nav-card > .layui-tab-title { top: 1px; height: 45px; border-bottom: 0; box-shadow: 1px 2px black 0.05; background-color: #fff; }
        .admin-nav-card > .layui-tab-title li { padding: 0 10px; line-height: 45px }
    .admin-nav-card .layui-tab-title cite { font-style: normal; }
    .admin-nav-card > .layui-tab-title .layui-this { color: #202020; background-color: #F7F7F7; border: 1px solid #f6f6f6; border-width: 0 1px 1px 1px; border-bottom-color: #F7F7F7 }
    .admin-nav-card > .layui-tab-title li:first-child { border-left: 0 }
    .admin-nav-card > .layui-tab-title .layui-this:after { border-bottom: 0 }
    .admin-nav-card > .layui-tab-title .layui-this .layui-tab-close { color: #B0B0B0 }
    .admin-nav-card > .layui-tab-title li .layui-tab-close:hover { background-color: #F1350E; color: #fff }
.admin-header-user img { width: 40px; height: 40px; border-radius: 100% }
.admin-header-user .layui-nav-more { top: 33px }
.admin-header-user .layui-nav-mored { top: 26px }
.site-table tbody tr td { text-align: center }
    .site-table tbody tr td .layui-btn + .layui-btn { margin-left: 0 }
.admin-table-page { position: fixed; z-index: 19940201; bottom: 0; width: 100%; background-color: #e0e0e0; border-bottom: 1px solid #ddd; left: 0 }
    .admin-table-page .page { padding-left: 20px }
        .admin-table-page .page .layui-laypage { margin: 6px 0 0 0 }
.admin-main { margin: 15px }
.layui-form .layui-layer-title { border-color: #e0e0e0; background: 0 0 }
/*.layui-form .layui-table-header { margin-top: -1px; }
.layui-form .layui-table thead tr{background:#F7F7F7;border:1px solid #e0e0e0;border-left:none}
.layui-form .layui-table td,.layui-form .layui-table th{border-color:#e0e0e0;color:#202020}
.layui-form .layui-table th{color:#303030;font-weight:400}*/
.layui-card { border: 1px solid #e0e0e0; }
.layui-card-header { border-color: #f6f6f6 }
.layui-wrapper > .layui-card { border: none; }
    .layui-wrapper > .layui-card .layui-card .layui-card-header { border-color: #e0e0e0 }
/*.layui-table-page .layui-laypage button,.layui-table-view select[lay-ignore]{font-size:12px}*/
.admin-contextmenu { position: absolute; line-height: 36px; padding: 5px 0; border: 1px solid #d2d2d2; background-color: #fff; z-index: 19940201; border-radius: 2px; white-space: nowrap; top: 30px }
    .admin-contextmenu ul li { padding: 0 15px }
        .admin-contextmenu ul li:hover { background-color: #e0e0e0; cursor: pointer }
.admin-logo-box { position: fixed; top: 0; width: 170px; height: 30px; padding: 15px; z-index: 998; background-color: #000; }
    .admin-logo-box .log-img { display: block; width: 100%; max-height: 30px; margin: 0 auto; }
.layui-layout .beg-navbar { padding: 61px 0; }
.layui-layout .layui-nav { background: 0 0 }
.layui-layout.layui-layout-admin .layui-side { top: 0; background-color: #1c1d24; z-index: 1000; }
.layui-layout .layui-nav-tree .layui-nav-child dd.layui-this,
.layui-layout .layui-nav-tree .layui-nav-child li.layui-this,
.layui-layout .layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-layout .layui-nav-tree .layui-nav-child li.layui-this a { background: 0 0; }
.layui-layout .layui-nav-tree .layui-nav-item a { padding: 0 15px; }
.layui-layout .layui-side .layui-nav-child dd a { padding-left: 40px; }
.layui-layout .layui-side .layui-nav-icon { padding-right: 10px; color: grey }
.layui-layout .layui-side .layui-nav .a-nav { position: relative }
.layui-layout .layui-side .layui-nav .thirdNav { display: none }
.layui-layout .layui-side .admin-logo-box .min-logo { display: block; margin-left: -5px; width: 30px; height: 30px; }
.layui-layout .layui-side-scroll .nav-item { padding: 90px 0 0 15px; color: #fff; font-size: 16px; }
.layui-layout .layui-nav .layui-nav-more { right: 15px; border-color: #cecece transparent transparent }
.layui-layout .layui-nav .layui-nav-mored, .layui-layout .layui-nav-itemed .layui-nav-more { border-color: transparent transparent #cecece }
.layui-layout .layui-side .a-nav .ico-more { content: ''; width: 0; height: 0; border-style: solid dashed dashed; border-color: #cecece transparent transparent; overflow: hidden; cursor: pointer; transition: all .2s; -webkit-transition: all .2s; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px }
    .layui-layout .layui-side .a-nav .ico-more.cur { top: 12px; border-style: dashed dashed solid; border-color: transparent transparent #cecece }
.layui-layout .layui-side .a-nav .layui-icon { position: absolute; top: 0; left: 20px; display: inline-block; font-size: 10px; cursor: pointer; color: #b0b0b0; transition: all .2s; -webkit-transition: all .2s; }
    .layui-layout .layui-side .a-nav .layui-icon.cur { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }
.layui-layout .layui-nav-tree .layui-nav-child dd ul a .dot { display: inline-block; width: 4px; height: 4px; margin: 0 5px 3px 0; border-radius: 50%; background-color: #b0b0b0; }
.layui-content { padding: 15px }
.layui-layout.layui-layout-admin .layui-body { bottom: 0; border-left: solid 1px #e0e0e0; }
.layui-layout.layui-layout-admin .layui-tab-content { min-height: 150px; padding: 0 !important; }
.layui-title { padding: 0 16px; line-height: 50px; font-size: 16px; color: #202020; background-color: #F7F7F7 }
.layui-txt { padding: 0 20px 10px; color: #8f97ab }
    .layui-txt li { margin-top: 5px; list-style-type: disc }
        .layui-txt li em { color: #323c4d }
.zone-content .layui-wrapper { padding: 0 5px; margin: 5px 0px; }
    .zone-content .layui-wrapper .wrapper-header { padding: 5px 15px; }
.zone-content .layui-collapse { border: none }
.zone-content .layui-colla-item { margin-bottom: 10px; border: 1px solid #e0e0e0; border-radius: 2px; background-color: #fff; }
    .zone-content .layui-colla-item:first-child { border-top: 1px solid #e0e0e0 }
.zone-content .layui-colla-title { padding: 0 15px; background-color: #fff; border-bottom: 1px solid #e0e0e0 }
    .zone-content .layui-colla-title .layui-colla-icon { left: auto; right: 15px; }
.zone-content .layui-colla-content { border-top: none }
.zone-content .layui-timeline-content { font-size: 12px; color: #303030 }
.zone-content .layui-timeline-title { color: #202020; font-size: 14px }
.zone-content .layui-tab-title li { color: #303030; }
.zone-content .layui-tab-title li.layui-this { color: #2150a3; }
.zone-content .layui-tab-brief > .layui-tab-title .layui-this { color: #202020; }
    .zone-content .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .zone-content .layui-tab-brief > .layui-tab-title .layui-this:after { border-color: #333; }
.zone-content .layui-tab { margin: 0; }
.zone-content .layui-body .layui-tab-brief > .layui-tab-more li.layui-this:after,
.zone-content .layui-body .layui-tab-brief > .layui-tab-title .layui-this:after { border-bottom: none; }
.zone-content .audio-list { display: block; width: 90%; height: 20px; padding: 2px 5%; line-height: 20px; border-radius: 15px; cursor: pointer; background: rgba(217, 232, 255, 1); font-size: 10px; }
    .zone-content .audio-list em.duration { color: #666 !important; }
    .zone-content .audio-list .layui-icon { float: left; width: 18px; height: 18px; margin-top: 1px; font-size: 30px; color: #0062fa; overflow: hidden; text-align: center; text-indent: -5px; line-height: 20px; }
.zone-content .audio-player { position: fixed; bottom: 30px; right: 0; width: 480px; padding: 15px; background: rgba(0,0,0,0.4); color: #fff; }
    .zone-content .audio-player h3 { margin-bottom: 35px; font-size: 14px; }
        .zone-content .audio-player h3 .layui-icon { float: right; font-weight: 700; font-size: 20px; line-height: 20px; cursor: pointer; }
.zone-content .seat-area { padding: 15px 4%; }
    .zone-content .seat-area .box-tip { margin-bottom: 20px; color: #ec4e82; font-size: 12px; }
    .zone-content .seat-area .layui-btn { margin: 0 10px 10px 0; }
        .zone-content .seat-area .layui-btn.layui-btn-primary { background: none; }
        .zone-content .seat-area .layui-btn + .layui-btn { margin-left: 0; margin-right: 10px; }
.zone-content .layui-layer-wrap { padding: 15px }
.layui-layer-wrap .btn-area { margin-top: 30px; text-align: center }
.validationMessage { font-size: 10px; color: red }
.zone-content .edit-dialog { margin: 15px }
.zone-content .sel-role .layui-form-select { display: none }
.zone-content .sel-role .bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]) { width: 100% }
.layui-tree li a { color: #333 }
    .layui-tree li a:hover { color: #777 }
/*.layui-table-cell{height:32px;line-height:32px}*/
/*.layui-form.layui-border-box.layui-table-view{min-height:280px}*/
/*.layui-table-body{min-height:200px}*/
.ico-i, .ico-tick, .icon-qmark, .ico-call { display: inline-block; width: 14px; height: 14px; background: url(../Images/icon_i.png) no-repeat center }
.ico-tick { background: url(../Images/icon_tick.png) no-repeat center }
.ico-call { background: url(../Images/icon-call.png) no-repeat center }
.icon-qmark { background: url(../Images/icon_qmark.png) no-repeat center }
#left-column { width: 99.5%; overflow: hidden; overflow-y: scroll; height: 100%; background: #fff }
    #left-column::-webkit-scrollbar { width: 5px; background-color: #fff }
    #left-column::-webkit-scrollbar-track { background: #fff }
    #left-column::-webkit-scrollbar-thumb { border-radius: 18px; background: #dee3ef }
        #left-column::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,255,255,.4) }
.scrollDiv { position: absolute; left: 0; top: 0; width: 100%; background: #e0e0e0; height: 100%; z-index: -1 }
.zone-content .layui-input, .zone-content .layui-select { line-height: 30px; height:30px; line-height: 30px\9; border: 1px solid #e0e0e0; }
.zone-content .layui-form-item { margin-bottom: 5px }
.zone-content .layui-form-label { color: #303030;padding:5px 15px}
.zone-content .layui-btn-group .layui-btn { margin-left: 8px !important }
.zone-content .layui-btn.layui-btn-primary { border: 1px solid #e0e0e0; color: #303030; background-color: #fff }
.zone-content .layui-btn-danger { background-color: #ff464c }
.zone-content .layui-form-checkbox[lay-skin=primary] i { width: 15px; height: 15px; border-color: #b2b9cc }
.zone-content .layui-form-select dl { top: auto; }
    .zone-content .layui-form-select dl dd { color: #202020 }
.zone-content .layui-btn:disabled { background-color: #cdd2dc; color: #fff }
.layui-form .layui-input-block .col-mr { display: block; margin-right: 8px; }
/*图片批量上传*/
.thumb-content { display: inline-block; padding: 4px; margin: 10px 5px 0 0; border: solid 1px #E0E0E0; }
    .thumb-content .thumb-item { position: relative; }
    .thumb-content .thumb-delete { position: absolute; top: -14px; right: -14px; cursor: pointer; font-size: 20px; z-index: 100; }
    .thumb-content .thumb-lable { position: absolute; width: 100%; height: 20px; line-height: 20px; padding: 2px 0; background: rgba(0,0,0,0.4); color: #fff; text-align: center; bottom: 0px; white-space: normal; overflow: hidden; text-overflow: ellipsis; }
/*图片批量上传*/
@media screen and (max-width: 768px) {
    .layui-form.layui-input-block .col-mr { margin-right: 0; margin-bottom: 10px; }
}

.layui-span { display: inline-block; padding: 5px 0 }
.zone-content .layui-btn.btn-gap { margin-left: 16px }
.ico-load .layui-icon { position: relative; top: 2px; font-size: 20px; font-weight: 700; color: #0062fa; }
.quota-main .ico { display: block; cursor: pointer; margin-bottom: -5px; color: #0070d3; font-weight: 700; font-family: simsun }
    .quota-main .ico.ico-down { padding-left: 15px; font-weight: 700; line-height: 30px }
.bg { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: #000; opacity: .5 }
.welcome { position: absolute; width: 100%; height: 100%; background: #fff url(../Images/wel-bg.png?v=20171205) no-repeat bottom center; background-size: contain }
    .welcome .ico-wel { display: block; width: 200px; height: 60px; margin: 10% auto 0; background: url(../Images/icon_welcome.png) no-repeat }
    .welcome .wel-title { margin-bottom: 3%; font-size: 2.4em; line-height: 40px; text-align: center; color: #555e74 }
    .welcome .wel-list { text-align: center; }
        .welcome .wel-list li { display: inline-block; width: 98px; height: 38px; padding-top: 60px; margin: 0 24px 24px 0; border: 1px solid #F7F7F7; cursor: pointer }
            .welcome .wel-list li.quote { background: #F7F7F7 url(../Images/icon_baoija.png) no-repeat center 20px }
            .welcome .wel-list li.issue { background: #F7F7F7 url(../Images/icon_chudan.png) no-repeat center 20px }
            .welcome .wel-list li.customer { background: #F7F7F7 url(../Images/icon_kehu.png) no-repeat center 20px }
            .welcome .wel-list li.cost { background: #F7F7F7 url(../Images/icon_feiyong.png) no-repeat center 20px }
            .welcome .wel-list li.policies { background: #F7F7F7 url(../Images/icon_baodang.png) no-repeat center 20px }
    .welcome .wel-foot { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; font-size: 12px; color: #b0b9cd }
.employee .layui-content { padding-top: 0 }
.employee .user-item { padding: 20px 0; border-bottom: 1px solid #e0e0e0; color: #97a0b6 }
    .employee .user-item:last-child { border-bottom: 0 }
    .employee .user-item .user-img { float: left; width: 68px; height: 68px; border-radius: 50%; background: url(../Images/icon_portrait.png) no-repeat }
    .employee .user-item .user-name { float: left; margin-left: 18px; line-height: 68px; font-size: 16px; color: #555e74 }
    .employee .user-item li { margin-bottom: 21px }
    .employee .user-item .user-lab { display: inline-block; width: 100px; padding-left: 20px; color: #555e74 }
        .employee .user-item .user-lab.cmpy { background: url(../Images/icon_company.png) no-repeat 0 1px }
        .employee .user-item .user-lab.phone { background: url(../Images/icon_phone.png) no-repeat 0 1px }
        .employee .user-item .user-lab.part { background: url(../Images/icon_department.png) no-repeat 0 1px }
        .employee .user-item .user-lab.role { background: url(../Images/icon_role.png) no-repeat 0 2px }
        .employee .user-item .user-lab.psw { background: url(../Images/icon_password.png) no-repeat 0 1px }
        .employee .user-item .user-lab.logtime { background: url(../Images/icon_time.png) no-repeat 0 1px }
    .employee .user-item .user-txt { display: inline-block; width: 160px }
    .employee .user-item .user-mod { color: #0070d3 }
.settings .layui-timeline { position: fixed; top: 38px; left: 30px; width: 80px }
    .settings .layui-timeline a { color: #555e74 }
.settings .layui-timeline-item:before { right: 5px; left: auto; background-color: #e0e0e0 }
.settings .layui-timeline-content { padding-left: 0; padding-right: 15px }
.settings .layui-timeline-title { top: -5px }
.settings .layui-timeline-axis { right: 2px; left: auto; width: 8px; height: 8px; background-color: #e0e0e0; text-indent: -999em }
.settings .set-form { margin-left: 110px }
    .settings .set-form .set-title { margin-bottom: 18px; font-size: 16px; color: #202020 }
    .settings .set-form .layui-form { margin-bottom: 18px }
    .settings .set-form .layui-input-inline { width: 300px }
    .settings .set-form .layui-form-label { width: 115px; text-align: left }
    .settings .set-form .des { display: block; padding-left: 145px; vertical-align: top; line-height: 20px; color: red; margin-bottom: 10px; }
    .settings .set-form .btn-set { padding: 5px 10px }
.select2-container--bootstrap { background-color: #fff; z-index: 999999999; overflow: hidden }
.select2.select2-container { width: 100% !important }
.select2-container--bootstrap .select2-selection--single { display: block; width: 100% }
.select2-container--bootstrap .select2-dropdown { display: block; border: #66afe9 1px solid }
.select2-container--bootstrap .select2-search--dropdown .select2-search__field { display: block; width: 90%; margin: 0 auto 10px }
.zone-content .layui-multi-select .layui-input { line-height: 34px }
.zone-content .layui-multi-select .btn-node { padding: 3px 5px; margin-right: 6px; color: #303030; border-radius: 2px; background-color: #fff; border: 1px solid #e0e0e0; font-size: 12px }
.zone-content .layui-multi-select .layui-icon { position: relative; top: 1px; margin-left: 3px }

.layer-nav-fixed { display: none; position: fixed; top: 60px; right: 0; bottom: 0; width: 100%; z-index: 10000; background: rgba(0,0,0,.05) }
    .layer-nav-fixed.cur { display: block }
    .layer-nav-fixed .message-box,
    .layer-nav-fixed.userMissedCall { position: absolute; top: 0; right: 30px; width: 300px; background-color: #fff; border: 1px solid #f0f0f0; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); color: #303030 }
    .layer-nav-fixed .item-msg { display: none; position: absolute; top: -16px; right: 55px; border: 8px solid transparent; border-bottom: 8px solid #F7F7F7 }
    .layer-nav-fixed .see-all, .layer-nav-fixed .fixed-title { width: 100%; height: 42px; line-height: 42px; text-align: center; font-size: 14px; font-weight: 700; border-bottom: 1px solid #e0e0e0; color: #303030 }
    .layer-nav-fixed .see-all { display: block; color: #2150a3; font-size: 12px; border-top: 1px solid #e0e0e0; border-bottom: none; font-weight: 400; }
        .layer-nav-fixed .see-all:hover { opacity: .8 }
        .layer-nav-fixed .see-all i { font-size: 20px; }
    .layer-nav-fixed .non-msg { width: 100%; line-height: 30px; text-align: center }
        .layer-nav-fixed .non-msg .layui-icon { display: inline-block; width: 100%; padding-top: 80px; font-size: 50px }
    .layer-nav-fixed .msg-list { min-height: 268px; max-height: 450px; overflow-y: auto }
        .layer-nav-fixed .msg-list::-webkit-scrollbar { width: 5px; background-color: #fff }
        .layer-nav-fixed .msg-list::-webkit-scrollbar-track { background: #fff }
        .layer-nav-fixed .msg-list::-webkit-scrollbar-thumb { border-radius: 18px; background: #dee3ef }
            .layer-nav-fixed .msg-list::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,255,255,.4) }
        .layer-nav-fixed .msg-list li { padding: 10px 4%; border-bottom: 1px solid #e0e0e0 }
            .layer-nav-fixed .msg-list li:last-child { border-bottom: none; }
        .msg-tip a, .layer-nav-fixed .msg-list a { font-size: 12px; padding-top: 20px }
    .layer-nav-fixed .icon-customer,
    .layer-nav-fixed .icon-car { float: left; width: 32px; height: 32px; margin: 3px 10px 0 0; border-radius: 50%; background: url(../Images/icon-customer.svg) no-repeat; }
    .layer-nav-fixed .icon-car { background: url(../Images/icon-car.svg) no-repeat; background-size: 100%; }
    .layer-nav-fixed .msg-info { float: left; width: 90% }
    .layer-nav-fixed.userCallList .msg-info { width: 200px; }
    .layer-nav-fixed.userMissedCall .msg-info { width: 150px; }
    .layer-nav-fixed.userCallList .msg-list a { padding-top: 12px; }
    .layer-nav-fixed .msg-info .msg-title { font-size: 14px; }
    .layer-nav-fixed .msg-info .created-time { margin-top: 5px; font-size: 12px; color: #aaa; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ico-call-phone { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background: url(../Images/icon-call.svg) no-repeat; }
    .ico-call-phone:hover { background: url(../Images/icon-call-hover.svg) no-repeat; }
.ico-call-help { display: inline-block; width: 16px; height: 16px; background: url(../Images/icon-help.svg) no-repeat; }
    .ico-call-help:hover { background: url(../Images/icon-help.svg) no-repeat; }
.layer-nav-fixed.userMissedCall { position: fixed; top: 60px; bottom: auto; display: block; z-index: 10000; }
    .layer-nav-fixed.userMissedCall .msg-list { margin-top: 22px; border-top: 1px solid #e0e0e0; min-height: 0; max-height: 200px; }
.userMissedCall .call-head { display: block; width: 64px; height: 64px; margin: 18px auto 16px; background: url(../Images/icon-customer.svg) no-repeat; }
.userMissedCall .call-info { padding-bottom: 20px; text-align: center; font-size: 12px; }
    .userMissedCall .call-info h3 { font-size: 16px }
.userMissedCall .msg-list .see-detail { display: block; width: 60px; height: 30px; padding-top: 0; line-height: 30px; border: 1px solid #e0e0e0; text-align: center; color: #333; font-size: 12px }
.userMissedCall .layui-icon-close { position: absolute; top: 10px; right: 10px; font-size: 20px; cursor: pointer; }
.create-customer { padding: 20px; overflow: hidden; }
.zone-content .city-picker-span { height: 30px !important; line-height: 30px !important; }

@keyframes fade {
    0%,100% { zoom: 0.001; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); height: 0; min-height: 0; padding: 0; margin: 0; }
    20%,50%,90% { zoom: 1; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); height: auto; margin-bottom: 10px; padding: 6px 35px 6px 10px; transform: translateY(-10px); margin-left: 53px; }
}

@-webkit-keyframes fade {
    0%,100% { zoom: 0.001; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); height: 0; min-height: 0; padding: 0; margin: 0; }
    20%,50%,90% { zoom: 1; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); height: auto; margin-bottom: 10px; padding: 6px 35px 6px 10px; transform: translateY(-10px); margin-left: 53px; }
}

.msg-tip { position: fixed; top: 90px; right: 5px; width: 370px; z-index: 10001 }
    .msg-tip li { transform: translateY(-10px); margin-left: 53px; position: relative; width: 275px; height: 40px; overflow: hidden; margin-bottom: 10px; padding: 6px 35px 6px 10px; line-height: 40px; background-color: #fff; color: #646c80; box-shadow: 0 1px 7px #ddd; animation: fade 8s none; -webkit-animation: fade 8s none; -moz-animation: fade 8s none; -o-animation: fade 8s none; -ms-animation: fade 8s none; animation-fill-mode: both }
    .msg-tip a { padding-top: 0; }
    .msg-tip .layui-icon { cursor: pointer; position: absolute; top: 6px; right: 10px }
    .msg-tip .tip-title { float: left; width: 90%; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.skin-filder .layui-layer-wrap { padding: 30px 20px }
.skin-filder .layui-layer-setwin .layui-layer-close2 { top: -10px; right: -10px }

@-webkit-keyframes layui-rl {
    from { -webkit-transform: translate3d(100%,0,0) }
    to { -webkit-transform: translate3d(0,0,0) }
}

@keyframes layui-rl {
    from { transform: translate3d(100%,0,0) }
    to { transform: translate3d(0,0,0) }
}

@-webkit-keyframes layui-lr {
    from { -webkit-transform: translate3d(0 0,0); opacity: 1 }
    to { -webkit-transform: translate3d(100%,,0,0); opacity: 1 }
}

@keyframes layui-lr {
    from { transform: translate3d(0,0,0) }
    to { transform: translate3d(100%,0,0) }
}

.layui-anim-rl { -webkit-animation-name: layui-rl; animation-name: layui-rl }
    .layui-anim-lr, .layui-anim-rl .layui-btn, .layui-anim-rl.layer-anim-close { -webkit-animation-name: layui-lr; animation-name: layui-lr }
    .layui-anim-rl .layui-form-item .layui-inline { text-align: center }
    .layui-anim-rl .layui-form-item .layui-input-block { text-align: left }

@media screen and (max-width:400px) {
    .layui-anim-rl { width: 100% !important; left: 0 !important }
}

.ico-company { float: left; width: 40px; height: 40px; margin-right: 6px; border-radius: 50%; background: #fff url(../Images/icos-bx.png?v=20180409) no-repeat -5px -9px; }
    .ico-company.zhonghualianhe { background-position: -60px -961px }
    .ico-company.minan { background-position: -50px 0 }
    .ico-company.picc, .picccrawl { background-position: -5px -64px }
    .ico-company.huaxia { background-position: -55px -64px }
    .ico-company.zhongcheng { background-position: -6px -122px }
    .ico-company.huatai { background-position: -55px -122px }
    .ico-company.youbang { background-position: -5px -184px }
    .ico-company.dubang { background-position: -55px -184px }
    .ico-company.sinosafe { background-position: -64px -245px }
    .ico-company.yongcheng { background-position: -5px -244px }
    .ico-company.yongan { background-position: -5px -304px }
    .ico-company.renshou { background-position: -60px -304px }
    .ico-company.sinosig { background-position: -5px -305px }
    .ico-company.changan { background-position: -55px -364px }
    .ico-company.xinhua { background-position: -5px -426px }
    .ico-company.bohai { background-position: -55px -426px }
    .ico-company.tian { background-position: -6px -483px }
    .ico-company.ansheng { background-position: -55px -486px }
    .ico-company.taiping { background-position: -5px -544px }
    .ico-company.anlian { background-position: -55px -544px }
    .ico-company.taikan { background-position: -5px -604px }
    .ico-company.anbang { background-position: -55px -604px }
    .ico-company.shengmingrenshou { background-position: -5px -664px }
    .ico-company.ancheng { background-position: -55px -664px }
    .ico-company.cpic { background-position: -5px -724px }
    .ico-company.pingan { background-position: -5px -788px }
    .ico-company.pinganpro { background-position: -5px -788px }
    .ico-company.guoshou { background-position: -5px -844px }
    .ico-company.yatai { background-position: -6px -900px }
    .ico-company.dinghe { background-position: -58px -900px }
    .ico-company.yonghe { background-position: -5px -956px }
    .ico-company.alltrust { background-position: -5px -961px }
    .ico-company.dadi { background-position: -5px -1020px }
    .ico-company.cic { background-position: -62px -965px; }

.ico-min-company { float: left; width: 32px; height: 32px; margin-right: 5px; border-radius: 50%; background: #fff url(../Images/icos-ms.png) no-repeat -1px -1px; }

    .ico-min-company.minan { background-position: -35px 0 }

    .ico-min-company.picc, .picccrawl { background-position: -1px -40px }
    .ico-min-company.huaxia { background-position: -35px -38px }

    .ico-min-company.zhongcheng { background-position: -1px -77px }
    .ico-min-company.huatai { background-position: -35px -77px }

    .ico-min-company.youbang { background-position: -1px -116px }
    .ico-min-company.dubang { background-position: -35px -116px }

    .ico-min-company.sinosafe { background-position: -35px -152px }
    .ico-min-company.yongcheng { background-position: -1px -152px }

    .ico-min-company.yongan { background-position: -1px -188px }
    .ico-min-company.renshou { background-position: -35px -188px }

    .ico-min-company.sinosig { background-position: -1px -188px }
    .ico-min-company.changan { background-position: -35px -225px }

    .ico-min-company.xinhua { background-position: -1px -264px }
    .ico-min-company.bohai { background-position: -35px -264px }

    .ico-min-company.tian { background-position: -1px -300px }
    .ico-min-company.ansheng { background-position: -35px -300px }

    .ico-min-company.taiping { background-position: -1px -340px }
    .ico-min-company.anlian { background-position: -35px -340px }

    .ico-min-company.taikan { background-position: -1px -375px }
    .ico-min-company.anbang { background-position: -35px -375px }

    .ico-min-company.shengmingrenshou { background-position: -1px -411px }
    .ico-min-company.ancheng { background-position: -35px -413px }

    .ico-min-company.cpic { background-position: 0px -448px }

    .ico-min-company.pingan { background-position: -1px -488px }
    .ico-min-company.pinganpro { background-position: -1px -488px }

    .ico-min-company.guoshou { background-position: -1px -522px }

    .ico-min-company.apiins { background-position: -1px -560px }
    .ico-min-company.dinghe { background-position: -35px -560px }

    .ico-min-company.yonghe { background-position: -1px -600px }
    .ico-min-company.alltrust { background-position: -1px -600px }
    .ico-min-company.dadi { background-position: -1px -636px }
    .ico-min-company.zhonghualianhe { background-position: -35px -560px }
    .ico-min-company.cic { background-position: -35px -598px; }

@media screen and (max-width:750px) {
    .zone-header .header.header-demo { padding-left: 0 !important; }
    .layui-main { width: auto; margin: 0 10px }
    .header-demo .logo, .logo { left: 10px }
    .log-line, .log-title { display: none }
    .welcome .wel-title { font-size: 1.8em }
    .welcome .wel-list { width: 300px; margin: 0 auto }
    .layui-nav .layui-nav-item a { line-height: 60px; color: #303030 }
    .site-nav-layim { display: none !important }
    .header .layui-nav .layui-nav-item { margin: 0 }
        .header .layui-nav .layui-nav-item a { padding: 0 15px }
    .site-banner { height: 300px }
    .site-banner-bg { background-size: cover }
    .site-zfj { height: 100px; padding-top: 5px }
        .site-zfj i { top: 10px; width: 100px; height: 100px; margin-left: -50px; font-size: 100px }
    .site-desc { background-size: 70%; margin: 0 }
        .site-desc cite { display: none }
    .site-download { margin-top: 0 }
        .site-download a { height: 40px; line-height: 40px; padding: 0 25px 0 60px; border: 1px solid #778097; border-radius: 30px; color: #fff; font-size: 16px }
            .site-download a cite { left: 20px }
    .site-banner-other { bottom: 15px }
    .site-idea { margin: 20px 0 }
        .site-idea li { margin: 0 0 20px 0; width: 100%; height: auto; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important }
    .site-hengfu img { max-width: 100% }
    .layui-layer-dir { display: none }
    .site-tree { position: fixed; top: 0; bottom: 0; min-height: 0; overflow: auto; z-index: 1000; left: -260px; background-color: #fff; transition: all .3s; -webkit-transition: all .3s }
    .site-content { width: 100%; padding: 0; overflow: auto }
        .site-content img { max-width: 100% }
    .site-tree-mobile { display: block !important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff }
    .site-home .site-tree-mobile { display: none !important }
    .site-mobile .site-tree-mobile { display: none !important }
    .site-mobile .site-tree { left: 0 }
    .site-mobile .site-mobile-shade { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999 }
    .site-tree-mobile i { font-size: 20px }
    .layui-code-view { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
    .layui-layout-admin .layui-side { position: fixed; top: 0 !important; left: -260px; transition: all .3s; -webkit-transition: all .3s; z-index: 1000 }
    .layui-body { position: static; bottom: 0; left: 0 }
    .site-mobile .layui-side { left: 0 }
    body .layui-layout-admin .footer-demo { position: static }
    .site-demo-area, .site-demo-editor, .site-demo-editor textarea, .site-demo-result, .site-demo-result iframe { position: static; width: 100% }
        .site-demo-editor textarea { height: 350px }
    .site-demo-zanzhu { display: none }
    .site-demo-btn { bottom: auto; top: 370px }
    .site-demo-result iframe { height: 500px }
    .site-demo-laytpl div span, .site-demo-laytpl textarea { margin: 0 }
    .site-demo-tplres .site-demo-tplh2, .site-demo-tplres .site-demo-tplview { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
    .site-demo-title { position: static; left: 0 }
    .site-demo-code { position: static; height: 350px }
    .admin-header-item { display: none }
    .admin-header-item-mobile { display: block }
}