body {
    font-family: Helvetica, STHeiti, "Microsoft YaHei", Verdana, Arial, Tahoma, sans-serif;
    background: #f2f2f2
}

body {
    background: #e7e8eb;
}

.panel {
    box-shadow: 0 0 0
}

a:focus {
    text-decoration: none
}

ul {
    list-style: none;
    padding: 0
}

.panel-default {
    border-color: #eee;
    border-radius: 0
}

.panel-default > .panel-heading {
    border-color: #eee;
    background: #fafafa;
    border-radius: 0
}

a:hover, a:focus {
    cursor: pointer;
    text-decoration: none
}

h2 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 600;
}

.label-br {
    display: inline-block;
    margin-top: 6px
}

.text-primary {
    color: #4361ee
}

a.text-primary:hover {
    color: #4361ee
}

.width-100 {
    width: 100px;
}

.width-130 {
    width: 130px;
}

.width-200 {
    width: 200px;
}

.margin-t-0 {
    margin-top: 0
}

.padding-0 {
    padding: 0
}

.padding-l-0 {
    padding-left: 0
}

.padding-r-0 {
    padding-right: 0
}

.margin-b-10 {
    margin-bottom: 10px;
}

.margin-t-5 {
    margin-top: 5px;
}

/*1px解决方案*/
.border-1px-t {
    border-top: 1px solid #e0e0e0
}

.border-1px-b {
    border-bottom: 1px solid #e0e0e0
}

.border-1px-tb {
    border-top: #e0e0e0 1px solid;
    border-bottom: #e0e0e0 1px solid;
    background-image: none
}

.border-1px-l {
    border-left: 1px solid #e0e0e0
}

.border-1px-r {
    border-right: 1px solid #e0e0e0
}

.border-1px {
    border: 1px solid #e0e0e0
}

.border-1px-radius {
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .border-1px-radius {
        position: relative;
        border: 0
    }

    .border-1px-radius:before {
        content: "";
        width: 200%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #e0e0e0;
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        padding: 1px;
        -webkit-box-sizing: border-box;
        border-radius: 8px;
        pointer-events: none
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .border-1px {
        position: relative;
        border: 0
    }

    .border-1px-t, .border-1px-b, .border-1px-l, .border-1px-r, .border-1px-tb {
        border: 0
    }

    .border-1px-t {
        background-position: left top;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0))
    }

    .border-1px-b {
        background-position: left bottom;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0))
    }

    .border-1px-t, .border-1px-b, .border-1px-tb {
        background-repeat: repeat-x;
        -webkit-background-size: 100% 1px
    }

    .border-1px-tb {
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
        background-position: top, bottom
    }

    .border-1px-l {
        background-position: left top;
        background-image: -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0))
    }

    .border-1px-r {
        background-position: right top;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0))
    }

    .border-1px-l, .border-1px-r {
        background-repeat: repeat-y;
        -webkit-background-size: 1px 100%
    }

    .border-1px:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)), -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)), -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
        -webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
        background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
        -webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
        background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
        background-repeat: no-repeat;
        background-position: top, right, bottom, left;
        padding: 1px;
        -webkit-box-sizing: border-box;
        z-index: 10;
        pointer-events: none
    }
}

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

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

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

.dropdown-menu {
    max-height: 460px;
    overflow-y: scroll;
    border: medium none;
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
    border-radius: 0;
    box-shadow: 0 0 3px rgba(86, 96, 117, 0.3);
}

#js-modal .form-horizontal {
    max-width: 100%;
}

.form-horizontal {
    max-width: 950px
}

.form-horizontal .control-label {
    text-align: left;
    font-weight: 500
}

.form-horizontal .form-group {
    border-bottom: 1px solid #eff4f5;
    padding-bottom: 15px;
}

.form-horizontal .form-group:last-child {
    border: none
}

.form-horizontal .line {
    margin-bottom: 12px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

.form-horizontal .label-line {
    width: 100%;
}

.form-horizontal .agent-body {
    padding: 20px 50px 20px;
    margin: 10px 0px;
}

.form-horizontal .text {
    line-height: 2.5rem;
}

.form-horizontal .agent-main {
    margin-top: 270px;
}

.form-horizontal h3 {
    font-weight: 700;
    border-left: 3px solid #4361ee;
    margin-bottom: 30px;
    padding-left: 10px;
    font-size: 14px;
}

.form-horizontal h3:first-child {
    margin-top: 0
}

.form-horizontal.form-validate .btn {
    margin-right: 15px
}

.form-horizontal .btn-group .btn {
    margin-right: 0px
}

.form-horizontal .nav.nav-tabs {
    margin-bottom: 15px
}

.form-horizontal.form-validate .input-group-btn .btn {
    margin-right: 0px
}

.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus {
    box-shadow: none;
    border-radius: 2px
}

.form-control:focus {
    border-color: #4361ee
}

.has-error .form-control {
    border-color: #b94a48
}

.has-error .form-control:focus {
    border-color: #b94a48
}

.has-error .control-label, .has-error .help-block {
    color: #888
}

.has-error .control-label, .has-error .help-block.help-block-error {
    color: #b94a48
}

.input-group .input-group-addon {
    background-color: #FFF
}

.form-horizontal.form-filter {
    max-width: 100%;
}

.form-horizontal.form-filter .form-group {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

.form-horizontal.form-filter .control-label {
    max-width: 120px;
    padding-right: 0;
    padding-left: 0
}

.form-horizontal.form-filter .form-control {
    max-width: 300px;
}

.form-horizontal.form-filter .form-group {
    border-bottom: 1px solid #eff4f5
}

.form-horizontal.form-filter .form-group:last-child {
    margin-bottom: 10px;
    border: none
}

.form-horizontal.form-filter .form-control.select2-container {
    width: 140px
}

.btn {
    border-radius: 3px
}

.btn-primary {
    background: linear-gradient(135deg, #4361ee, #3a0ca3);
    border-color: #4361ee;
    color: #fff;
}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFF
}

.btn-primary.active, .btn-primary:active, .open .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.active[disabled], .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #1dc5a3;
    border-color: #1dc5a3
}

.btn-default {
    background-color: white;
    border: 1px solid #ccc;
    color: inherit
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
    color: inherit;
    background: white;
}

.btn-danger {
    background-color: #ff595f;
    border: 1px solid #ff595f;
    color: #FFF
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
    color: inherit;
    background: #ff6369;
    border-color: #ff595f;
    color: #FFF;
}

.btn-success {
    background-color: #21d376;
    border: 1px solid #21d376;
    color: #FFF
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
    color: inherit;
    background: #2bdd80;
    border-color: #21d376;
    color: #FFF;
}

.alert {
    position: relative;
    padding: 10px 15px 10px 35px;
    border-radius: 2px;
    color: #555;
    font-size: 14px;
    border: none
}

.alert:before {
    position: absolute;
    top: 6px;
    left: 10px;
    font-family: "FontAwesome";
    content: "\f05a";
    font-size: 20px;
    padding-right: 5px;
}

.alert.alert-original:before {
    content: none
}

.alert-danger {
    background-color: #ffe7e8
}

.alert-danger:before {
    color: #00c8f2
}

.alert-info {
    background-color: #e2f6fa
}

.alert-info:before {
    color: #00c8f2
}

.alert-warning {
    background-color: #fff5e8
}

.alert-warning:before {
    color: #ffa900
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #4361ee;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

#page-loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    left: 0;
    top: 0;
    z-index: 9999
}

#page-loading > div {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
}

#page-loading .sk-spinner-three-bounce div {
    background-color: #4361ee
}

/*web端message*/
.panel-message .message-icon {
    width: 100px
}

.panel-message .fa-check-circle {
    color: #4361ee
}

.panel-message .fa-times-circle {
    color: #f90
}

.panel-message .fa-info-circle {
    color: #ccc
}

.panel-message h2 {
    margin-top: 0
}

.panel-message p {
    font-size: 14px
}

.panel-message p.message-text {
    margin-top: 10px
}

.message-box {
    position: fixed;
    margin: auto;
    height: 32px;
    line-height: 32px;
    top: -32px;
    width: 100%;
    text-align: center;
    z-index: 111111111;
    transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    opacity: 0;
}

.message-box.in {
    top: 0;
    opacity: 1;
}

.message-box .msg {
    display: inline-block;
    white-space: nowrap;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    min-width: 350px;
}

.message-box .msg-success {
    background: #4361ee
}

.message-box .msg-error {
    background: #ed5565
}

.message-box .msg-info {
    background: #eaa000
}

/*circliful插件*/
.circliful {
    position: relative;
}

.circliful .circle-text, .circliful .circle-info, .circliful .circle-text-half, .circliful .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}

.circliful .circle-info, .circliful .circle-info-half {
    color: #999;
}

.circliful .fa {
    margin: -10px 3px 0 3px;
    position: relative;
    bottom: 4px;
}

/*模态框下的button按钮*/
#modal-webuploader .nav > li.active > a, #modal-webuploader .nav > li.active > a:active, #modal-webuploader .uploader .placeholder .webuploader-pick {
    background: #19aa8d;
    border: none
}

/*分页*/
.pagination {
    float: right;
}

.pagination li > a {
    color: #777
}

.pagination li > a:focus, .pagination li > a:hover {
    color: #4361ee;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #4361ee;
    border-color: #4361ee;
    color: #fff;
    cursor: default;
    z-index: 2;
}

.pagination > li > a, .pagination > li > span {
    padding: 5px 12px
}

/*底部*/
.footer {
    padding: 24px 0;
    margin-left: 200px;
    color: #ccc;
    text-align: center;
    background-color: #f2f2f2;
    bottom: 0px;
    position: relative;
}

.footer .links {
    list-style: none;
    margin-bottom: 0
}

.footer .links .links_item .copyright {
    margin: 0;
    color: #4361ee
}

.footer .links .links_item .copyright a {
    color: #4361ee
}

/*公用*/
.tag {
    border-radius: 10px;
    text-align: center;
    font-weight: normal;
    border: 1px solid #eee;
    padding: 0px 6px;
    font-size: 12px;
}

.tag-danger {
    border-color: #FF5A5A;
    color: #FF5A5A;
}

.tag-success {
    border-color: #4361ee;
    color: #4361ee;
}

.tag-default {
    border-color: #333;
    color: #333;
}

.border-0-lr {
    border-left: 0;
    border-right: 0;
}

.border-0-l {
    border-left: 0;
}

.grayest {
    color: #8d8d8d;
    text-align: center
}

.greenest, .greenest:hover, .greenest:focus {
    color: #4361ee;
}

.orange {
    color: #f90;
}

.btn-green {
    font-size: 12px;
    padding: 4px;
    color: #4361ee;
    border: 1px solid #4361ee;
    border-radius: 5px;
    cursor: pointer
}

.btn-green:hover {
    border-color: #4361ee;
    background-color: #e1fefb;
}

.btn-gray {
    font-size: 12px;
    padding: 3px 8px;
    color: #D2D2D2;
    border: 1px solid #D2D2D2;
    border-radius: 5px;
    cursor: pointer
}

#app-sidebar {
    position: fixed;
    top: 0px;
    left: 0;
    bottom: 0;
    width: 220px;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    z-index: 99;
}

/*一级分类*/
#app-first-sidebar {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    width: 100px;
    background: #203544;
}

#app-first-sidebar .team-logo-wrap {
    display: block;
    width: 90px;
}

#app-first-sidebar .team-logo {
    margin: 15px auto 0;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    overflow: hidden;
}

#app-first-sidebar .plateform-name {
    display: block;
    color: #fff;
    text-align: center;
    padding: 0 18px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#app-first-sidebar .nav {
    padding: 0 0 60px 0;
    width: 100px;
}

#app-first-sidebar .nav ul li {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 14px;
    cursor: pointer;
}

#app-first-sidebar .nav ul li.active {
    background: #F8F8F8;
}

#app-first-sidebar .nav ul li.active a {
    color: #333;
}

#app-first-sidebar .nav ul li a {
    color: #CACACA;
    display: block;
    padding-left: 18px;
}

#app-first-sidebar .nav ul li a .icon {
    font-size: 16px;
    position: relative;
    top: 1px;
}

#app-user-info {
    width: 100px;
    position: fixed;
    bottom: 0px;
    color: #e5e5e5;
    height: 50px;
    padding: 10px 0;
    word-break: break-word;
    background: #162530;
    z-index: 100;
}

#app-user-info .user-name {
    margin: 0 auto;
    width: 66px;
    display: block;
    line-height: 30px;
    padding: 0 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#app-user-info .user-dropdown {
    display: none;
    background: #fff;
    position: absolute;
    bottom: 45px;
    left: 10px;
    color: #333;
    width: 145px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
}

#app-user-info .user-dropdown-meta {
    padding: 10px 20px;
    line-height: 24px;
    background: #f8f8f8;
    border-radius: 2px 0 0 2px;
}

#app-user-info .user-dropdown-select {
    padding: 10px 0;
    line-height: 30px;
}

#app-user-info .user-dropdown-select a {
    display: block;
    color: #666;
    padding: 0 20px;
    line-height: 30px;
}

#app-user-info .user-dropdown::after {
    content: ' ';
    width: 0;
    height: 0;
    position: absolute;
    left: 28px;
    border: 6px solid #fff;
    border-color: #fff transparent transparent transparent;
}

/*二级分类*/
#app-second-sidebar {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 100px;
    width: 120px;
    background: #fff;
}

#app-second-sidebar .second-sidebar-title {
    padding-left: 20px;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f2f2f2;
}

#app-second-sidebar .nav {
    width: 120px;
    padding: 13px 10px;
    height: auto;
}

#app-second-sidebar .nav .menu-header {
    padding: 0 10px 0 3px;
    color: #333;
    margin-bottom: 10px;
}

#app-second-sidebar .nav ul li {
    font-size: 14px;
    margin-bottom: 0px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 2px;
}

#app-second-sidebar .nav ul li a {
    display: inline-block;
    min-width: 60px;
    height: 36px;
    line-height: 36px;
    padding: 0 8px;
    color: #7c838a;
    position: relative;
}

#app-second-sidebar .nav ul li a .badge {
    background: #ff2d4b;
    position: absolute;
    top: 0;
    right: -7px;
    padding: 2px 5px;
    min-width: 8px;
    border-radius: 8px;
}

#app-second-sidebar .nav ul li.active {
    background: #f8f8f8;
}

#app-second-sidebar .nav ul li.active a {
    color: #4361ee;
}

#app-second-sidebar .nav ul li:hover a {
    color: #4361ee
}

#app-second-sidebar .nav .menu-item:last-child {
    margin-bottom: 50px
}

/*三级分类*/
#app-container {
    margin-left: 220px;
    background: #f2f2f2;
}

#app-third-sidebar .user-section .wm-user-name {
    position: relative;
    height: 50px;
    margin-left: 1px;
    background: #fff;
    min-width: 80px;
    text-align: center;
}

#app-third-sidebar .user-section .drop-menu {
    display: none;
    padding: 0;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    background: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 1000;
}

#app-container .text {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    line-height: 50px;
    color: #4361ee;
    text-decoration: none;
}

#app-third-sidebar .user-section .wm-user-name:hover .drop-menu {
    display: block
}

#app-third-sidebar .user-section .drop-menu li {
    padding: 5px;
}

#app-third-sidebar .user-section .drop-menu li:hover {
    background: #4361ee;
    color: #fff
}

#app-third-sidebar .user-section .drop-menu li:hover a {
    color: #fff;
}

#app-third-sidebar .user-section .drop-menu .page-jump a {
    color: #333
}

#app-third-sidebar .wm-notice {
    width: 50px;
}

#app-third-sidebar .wm-notice .notice-jump {
    position: relative;
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #4361ee;
}

#app-third-sidebar .wm-notice .notice-jump #notice-total {
    position: absolute;
    left: 26px;
    top: 2px;
    background: #4361ee
}

#app-container .sys-message {
    height: 80px;
    line-height: 80px;
    background: #fcf8e3;
}

#app-third-sidebar {
    padding: 0 5px;
    color: #333;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

#app-third-sidebar .nav-list {
    float: left;
    margin-bottom: 0;
}

#app-third-sidebar .nav-list li {
    padding: 0 20px;
    float: left
}

#app-third-sidebar .nav-list li:first-child {
    padding-left: 7px
}

#app-third-sidebar .nav-list li a {
    display: block;
    height: 49px;
    min-width: 0;
    border: none;
    background: transparent;
    font-weight: bold;
    font-size: 14px;
    color: #666666;
    line-height: 48px
}

#app-third-sidebar .nav-list li.active a {
    color: #333;
    border-bottom: 2px solid #4361ee;
}

#app-third-sidebar .navbar-right {
    margin-right: 5px
}

#app-third-sidebar .navbar-right a {
    color: #333;
    padding: 0 15px;
    height: 49px;
    line-height: 48px
}

#app-third-sidebar .navbar-right a:hover {
    color: #4361ee;
}

#app-third-sidebar .navbar-right a.account-info {
    font-weight: bold
}

#app-third-sidebar .navbar-right a.account-info .pic {
    width: 35px;
    height: 35px;
    margin-right: 7px;
    display: inline-block
}

#app-third-sidebar .navbar-right a.account-info img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

#app-third-sidebar .navbar-right a .icon {
    font-size: 16px
}

#app-third-sidebar .navbar-right .dropdown-menu a {
    height: 35px;
    line-height: 35px
}

#app-third-sidebar .navbar-right .dropdown-menu a i.icon {
    font-size: 16px;
    position: relative;
    top: 2px;
}

#app-third-sidebar .navbar-right .dropdown-menu li a:hover {
    color: #4361ee;
    background-color: #FFF
}

/*主内容区*/
#app-inner {
    background: #fff;
    margin: 10px 10px 0 10px;
    padding: 15px;
    min-width: 750px;
    min-height: 500px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
}

#app-inner .page {
    padding: 25px 25px 0 25px;
}

.panel-table {
    margin-bottom: 0
}

.panel-table .panel-heading {
    padding: 0;
    margin-bottom: 15px
}

.panel-table .panel-body {
    padding: 0
}

.panel-table .panel-body .table thead {
    background-color: #f8f8f8;
}

.panel-table .panel-body .table thead th {
    height: 40px
}

.panel-table .panel-body .btn-region {
    padding-top: 15px
}

.panel-table .panel-body .btn-region .btn {
    margin-right: 10px
}

.panel-table .panel-body .btn-region .pagination {
    margin: 0px
}

.panel-table .table > tbody > tr > td, .panel-table .table > tbody > tr > th, .panel-table .table > tfoot > tr > td, .panel-table .table > tfoot > tr > th, .panel-table .table > thead > tr > td, .panel-table .table > thead > tr > th {
    vertical-align: middle
}

.panel-table .table > thead > tr > th {
    border-bottom: 1px solid #ddd;
    background-color: #f8f8f8
}

.panel-table .table > tbody > tr:last-child > td {
    border-bottom: 1px solid #ddd
}

.panel-table .table-hover > tbody > tr:hover {
    background-color: #f8f8f8
}

.bottom-bar {
    display: none;
    position: fixed;
    z-index: 48;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 12px 20px 12px 220px;
    background: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
}

.bottom-bar .btn {
    margin-left: 10px
}

.bottom-bar .col-md-2 .btn:first-child {
    margin-left: 20px
}

.no-result {
    padding: 40px 0;
    text-align: center;
    border: 1px solid #eee
}

.no-result p {
    margin-bottom: 0
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 5px
}

.checkbox-inline, .radio-inline {
    vertical-align: inherit
}

.checkbox {
    padding-left: 20px;
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 3px;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    margin-left: -20px;
    margin-top: 3px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 13px;
    left: 0;
    top: 0;
    margin-left: -20px;
    margin-top: 2px;
    padding-left: 1px;
    padding-top: 0px;
    font-size: 10px;
    color: #555555;
    font-weight: normal;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
}

.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
    font-family: "FontAwesome";
    content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
    opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkbox.checkbox-inline {
    margin-top: 0;
}

.checkbox input[type="checkbox"]:checked + label::before {
    background-color: #4361ee;
    border-color: #4361ee;
}

.checkbox input[type="checkbox"]:checked + label::after {
    color: #fff
}

.radio {
    padding-left: 20px;
}

.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 3px;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    margin-left: -20px;
    margin-top: 3px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 8px;
    height: 8px;
    left: 4px;
    top: 4px;
    margin-left: -20px;
    margin-top: 3px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
}

.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}

.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}

.radio.radio-inline {
    margin-top: 0;
}

.radio input[type="radio"] + label::after {
    background-color: #4361ee;
}

.radio input[type="radio"]:checked + label::before {
    border-color: #4361ee;
}

.radio input[type="radio"]:checked + label::after {
    background-color: #4361ee;
    color: #fff;
}

.page-config-store-delivery .delivery-fee-mode {
    display: none
}

.page-config-store-delivery .delivery-times .col-sm-6 {
    margin-bottom: 10px;
    padding-left: 0
}

.popover {
    max-width: 360px
}

.popover .prompt-input-text {
    display: inline-block;
    width: inherit
}

.btn-group.btn-label {
    margin-right: 10px;
    margin-bottom: 10px
}

.btn-group.btn-label > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.border-no-radius .btn {
    border-radius: 0
}

.label-add {
    margin-bottom: 10px
}

.thumbs .col-lg-4 {
    padding-left: 0;
}

.panel-slide {
    position: relative;
}

.panel-slide .btnClose {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #eee;
    font-size: 16px;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    line-height: 30px
}

.panel-slide .btnClose:hover {
    background: red
}

.panel-slide .panel-body div {
    margin-top: 10px
}

/*多图上传*/
.multi-img-details {
    margin-top: .5em;
}

.multi-img-details .multi-item {
    height: 150px;
    max-width: 150px;
    position: relative;
    float: left;
    margin-right: 18px;
}

.multi-img-details .multi-item img {
    max-width: 150px;
    max-height: 150px;
}

.multi-img-details .multi-item em {
    position: absolute;
    top: 0;
    right: -14px;
}

.history .img-list {
    margin: 4px;
    display: block;
    clear: both;
    list-style: outside none none;
    padding: 0px;
}

.history .img-list .img-item {
    float: left;
    padding: 1px;
    cursor: pointer;
    position: relative;
}

.history .img-list .img-item .img-container {
    position: relative;
    width: 75px;
    height: 75px;
    text-align: center;
    background-color: #eee;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.history .img-list .img-item .img-container:hover .img-meta {
    display: none;
}

.history .img-list .img-item .img-container .img-meta {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    color: #eee;
}

.history .img-list .img-item .img-container .select-status {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.history .img-list .img-item-selected .img-container .select-status {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('../img/success-small.png') no-repeat right bottom;
    z-index: 2;
}

.history .img-list .img-item-selected .img-container .img-meta {
    display: none;
}

.history .img-list .img-item .btnClose {
    text-align: right;
    position: absolute;
    top: -10px;
    right: -5px;
    display: none;
    z-index: 10;
}

.history .img-list .img-item:hover .btnClose {
    display: block;
}

.history .img-list .img-item .btnClose a {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background: rgba(0, 0, 0, .3);
    border-radius: 50%;
}

.history .img-list .img-item .btnClose a i.fa-times {
    font-size: 14px;
    padding: 3px;
    margin-top: 0;
}

.history .img-list .img-item .btnClose a:hover {
    background: rgba(0, 0, 0, 1);
}

/*添加规格*/
#options {
    margin-top: 15px;
    display: none
}

#options .input-group {
    margin-bottom: 15px;
}

#options .delOptions {
    cursor: pointer;
}

#options .addOptions {
    display: inline-block;
    margin-top: 0px;
    cursor: pointer;
}

#attrs-container .attr-item {
    margin-bottom: 15px;
    height: 34px;
}

#attrs-container .attr-item .col-md-3 {
    padding-left: 0;
}

#attrs-container .attr-item .col-md-1 {
    padding-right: 0;
    text-align: center;
    line-height: 34px;
}

#attrs-container .attr-item .attrs-delete {
    padding: 8px 12px;
    font-weight: 400;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.panel-payment-switch {
    border-radius: 1px;
}

.panel-payment-switch:first-child {
    margin-top: 20px;
}

.panel-payment-switch h4 {
    font-weight: bold;
    font-size: 15px
}

.panel-payment-switch .pull-right {
    padding-top: 10px;
    text-align: right
}

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

.table tr.no-border td {
    border: none
}

.panel-app-qrcode {
    display: inline-block;
    margin-top: 20px;
    margin-right: 20px
}

.panel-app-qrcode .panel-heading {
    text-align: center
}

.panel-app-qrcode .panel-body {
    padding: 15px
}

.panel-checkupgrade {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    width: 300px;
    height: auto;
    background: #4361ee;
    opacity: 0.9;
    color: #fff;
    border: none;
    border-radius: 4px;
}

.panel-checkupgrade .title {
    font-size: 16px
}

.panel-checkupgrade .tclose {
    float: right;
    font-size: 25px;
    position: relative;
    top: -7px;
    cursor: pointer
}

.panel-checkupgrade .content {
    margin-top: 10px
}

.panel-checkupgrade .buttons {
    text-align: right
}

.table-qrcode.panel {
    display: inline-block;
    margin-right: 20px;
    float: left
}

.table-qrcode.panel .panel-heading {
    text-align: center;
    font-size: 16px;
    padding: 7px;
    margin-bottom: 0
}

.table-qrcode.panel .panel-body div.qrcode {
    width: 230px;
    height: 230px;
    border-radius: 100%;
    padding: 15px
}

.table-qrcode.panel .panel-body div.qrcode img {
    width: 230px;
}

.queue {
    margin-top: 20px;
    font-family: '微软雅黑';
}

.queue .list {
    display: inline-block;
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin: 0 20px 20px 0;
    color: #FFF;
}

.queue .list .name {
    display: inline-block;
    width: 150px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.queue .list .status {
    display: inline-block;
    width: 150px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
}

.queue .list .button {
    position: absolute;
    display: none;
    top: 0px;
    right: 0px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 22px;
    border-radius: 40px;
    background: rgba(0, 0, 0, .3);
}

.queue .list:hover .button {
    display: block;
}

.queue .list:hover .button:hover {
    background: #000
}

.board {
    margin-top: 20px;
    font-family: '微软雅黑';
}

.board .list {
    display: inline-block;
    position: relative;
    width: 31.1%;
    height: 100px;
    margin: 0 2% 20px 0;
    color: #FFF;
}

.board .list .name {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.board .list .status {
    display: inline-block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
}

.block-gray {
    background: #555555
}

.block-red {
    background: #ef4437
}

.block-primary {
    background: #428bca
}

.block-success {
    background: #5cb85c;
}

.block-orange {
    background: orange;
}

.table-block.panel {
    display: inline-block;
    margin-right: 20px
}

.table-block.panel .panel-body {
    padding: 25px
}

.table-block.panel .panel-body div {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    position: relative
}

.table-block.panel .panel-body div span {
    position: absolute;
    top: 45px;
    left: 30px;
    font-size: 20px;
    color: #FFF;
}

.table-block.panel .panel-footer {
    text-align: center;
    padding: 5px;
    font-size: 16px
}

.panel-payment-switch .form-group .control-label {
    text-align: right
}

#form-changes .modal-body {
    padding: 50px 50px 0
}

#form-changes .modal-body span {
    line-height: 32px
}

#form-add-ptf-deliveryer .modal-body {
    padding: 15px;
}

#form-add-ptf-deliveryer .modal-body .form-group {
    margin: 0
}

.task-calendar .select-time {
    display: block;
    height: 34px;
    line-height: 34px;
}

.task-calendar .header {
    height: 40px;
    width: 1050px;
}

.task-calendar .weeks {
    border-bottom: 1px solid #ccc;
    width: 840px;
    height: 40px;
    line-height: 40px;
    background: #f2f2f2;
}

.task-calendar .weeks .col-sm-2 {
    width: 120px;
    font-weight: bold;
    text-align: center;
}

.task-calendar .dates {
    width: 840px;
}

.task-calendar .dates .col-sm-2 {
    position: relative;
    width: 120px;
    height: 120px;
    text-align: center;
    background: #fefefe;
    border: 1px solid #f2f2f2;
    line-height: 120px;
}

.task-calendar .dates .col-sm-2 .date {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.task-calendar .dates .col-sm-2 .btn {
    margin-right: 0
}

.task-calendar .dates .col-sm-2 .btn.btn-set-has {
    background: #4361ee;
    color: #fff;
    width: 100%;
    white-space: normal;
}

.task-calendar .dates .col-sm-2 .link {
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    text-align: center;
    width: 120px;
    height: 20px;
    display: none
}

.task-calendar .dates .col-sm-2.date-item.select:hover .link {
    display: block
}

.task-calendar .dates .col-sm-2 .link i {
    font-size: 14px;
    color: #666;
}

.toggle-content .toggle-pane {
    display: none
}

.toggle-content .toggle-pane.active {
    display: block
}

::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #999;
}

.daterangepicker .icon-arrow-left:before {
    content: '\f060';
}

.daterangepicker .icon-arrow-right:before {
    content: '\f061';
}

.config-notice-phonic .audio-container {
    width: 30%;
    padding: 15px 0;
}

.config-notice-phonic .audio-container .audio-msg {
    position: relative;
    padding-left: 65px;
    height: 70px;
}

.config-notice-phonic .audio-container .audio-msg .audio-player-play span {
    position: absolute;
    left: 0;
    top: 0;
    background: #ccc;
    width: 60px;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    font-size: 25px;
    text-align: center;
}

#qrcode-modal #qrcode {
    border: 1px solid #CCC;
    display: inline-block;
    padding: 20px;
    margin-left: 15px;
}

#qrcode-modal #wx-qrcode {
    display: inline-block;
    padding: 20px;
}

#qrcode-modal #wx-qrcode span {
    display: block;
    width: 200px;
    height: 205px;
    text-align: center;
    line-height: 205px;
}

#qrcode-modal #vue-qrcode {
    display: inline-block;
    padding: 20px;
}

#delivery-times .col-sm-6 {
    margin-bottom: 10px;
    padding-left: 0;
}

.system-perm .perm-container .category-perm {
    margin-bottom: 10px;
}

.system-perm .perm-container .category-perm:last-child {
    margin: 0;
}

.system-perm .perm-container .heading {
    font-weight: bold;
    padding: 5px 0;
}

.system-perm .perm-container .perm-list {
    border-top: 1px dashed #ccc;
}

.system-perm .perm-container .checkbox-inline {
    margin-left: 10px;
}

select.we7-select, select {
    height: 34px !important;
    padding: 0 10px;
    color: #252424;
    border-color: #e7e7eb !important;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 0 !important;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
    background: url(../../../../web/resource/images/select-arrow.png) #fff no-repeat right !important;
    padding-right: 44px !important;
}

.wi-search:before {
    content: "\e61e";
}

.material-content .material-head {
    padding: 15px 20px;
    border-bottom: 1px solid #e7e7eb;
    clear: both;
    box-sizing: border-box
}

.material-content .material-head .wi-search {
    font-size: 18px;
    margin: 0
}

.material-content .material-head .filter {
    width: 450px;
}

.material-content .material-head .filter .we7-select {
    width: 200px;
}

.material-content .material-head .filter .we7-select + .we7-select {
    margin-left: -1px
}

.material-content .material-nav {
    border-bottom: 1px solid #e7e7eb;
    padding: 0 20px
}

.material-content .material-nav a {
    display: inline-block;
    padding: 0 30px;
    line-height: 42px;
    font-size: 16px;
    color: #999;
    border-bottom: 3px solid transparent
}

.material-content .material-nav a:hover, .material-content .material-nav a.active, .material-content .material-nav .panel-menu a.list-group-item:not(.list-group-more):hover, .panel-menu .material-content .material-nav a.list-group-item:not(.list-group-more):hover {
    color: #428bca;
    border-color: #428bca
}

.material-content .material-body {
    padding: 20px;
    height: 460px;
    overflow-y: auto;
    border-bottom: 1px solid #e7e7eb
}

.material-content .material-body .col-sm-2 {
    padding: 10px;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
}

.material-content .material-body .item {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: #eee;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
}

.material-content .material-body .item:before {
    content: "";
    display: inline-block;
    padding-bottom: 100%;
    vertical-align: middle;
}

.material-content .material-body .item:hover {
    outline: 2px solid #428bca;
}

.material-content .material-body .item .name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 34px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 0 20px;
    text-align: left;
    z-index: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.material-content .material-body .item.active .mask, .material-content .material-body .head .navbar-left > li.item:hover .mask, .head .material-content .material-body .navbar-left > li.item:hover .mask, .material-content .material-body .panel-menu .item.list-group-item:not(.list-group-more):hover .mask, .panel-menu .material-content .material-body .item.list-group-item:not(.list-group-more):hover .mask {
    display: block
}

.material-content .material-body .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    display: none
}

.material-content .material-body .mask .wi, .material-content .material-body .mask .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .material-content .material-body .mask .ext-apply-item.apply-show:before, .material-content .material-body .mask .cut-list .item.apply-show:before, .cut-list .material-content .material-body .mask .item.apply-show:before {
    color: #fff;
    font-size: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.material-content .material-body .del {
    position: absolute;
    width: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #428bca;
    cursor: pointer;
    bottom: 0;
    right: 0;
    z-index: 6;
    display: none;
}

.material-content .material-body .item:hover .del {
    display: block;
}

.wi-delete2:before {
    content: "\e6b4";
}

.wi {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 3px;
}

.wi, .ext-apply-list .ext-apply-item.apply-show:before, .cut-list .item.apply-show:before {
    font-family: "iconfont" !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.material-content .material-pager {
    padding: 20px;
    height: 79px;
}

.material-content .tab-content {
    overflow-x: hidden;
    overflow-y: auto;
    height: 310px;
}

.uploader-modal.image .img-net {
    font-size: 18px;
}

.uploader-modal.image .img-net .img {
    width: auto;
    min-width: 150px;
    height: 150px;
    background-color: #eee;
    margin: 50px 0 20px 0;
}

.uploader-modal.image .img-net input {
    width: 500px;
    margin: 10px auto;
}

.uploader-modal.image .img-net .btn {
    width: 120px;
    margin: 10px 0;
}

.uploader-modal .modal-body {
    padding: 0;
    min-height: 595px;
    max-height: auto !important;
    box-sizing: border-box;
}

.wxapp-detail {
    width: 398px;
    min-height: 398px;
    padding-bottom: 24px;
    margin: 40px 50px 200px 50px;
    background: #fff;
    box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.1);
    position: relative;
    display: block;
}

.wxapp-detail .logo {
    width: 82px;
    height: 82px;
    border: 2px solid #fff;
    border-radius: 82px;
    background-color: #fff;
    position: absolute;
    top: -41px;
    left: 50%;
    margin-left: -41px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}

.wxapp-detail .logo img {
    width: 78px;
    height: 78px;
    border-radius: 78px;
}

.wxapp-detail .name {
    height: 95px;
    padding: 41px 30px 0;
    font-size: 18px;
    line-height: 54px;
    color: #000;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wxapp-detail .qrcode {
    height: 150px;
    width: 250px;
    background: #fff;
    margin: auto;
    position: relative;
}

.wxapp-detail .qrcode .layer {
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.75);
    position: absolute;
    top: 0;
    left: 0;
    line-height: 150px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    z-index: 2;
    border: 0px;
}

.wxapp-detail .qrcode .layer::before {
    content: '';
    height: 96px;
    width: 96px;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 96px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -48px;
    margin-top: -48px;
    z-index: -1;
}

.wxapp-detail .qrcode .qrcode-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

.wxapp-detail .qrcode .qrcode-container a {
    display: block;
}

.wxapp-detail .qrcode .qrcode-container .title {
    text-align: center;
    margin-top: 8px;
}

.wxapp-detail .qrcode img {
    height: 114px;
    width: 114px;
    display: block;
}

.wxapp-detail .line {
    height: 1px;
    background: #f0f0ef;
    margin: 24px 20px 0 20px;
}

.wxapp-detail .texts {
    padding: 14px 0 14px 114px;
    color: #999;
}

.wxapp-detail .texts p {
    font-size: 14px;
    color: #000;
    line-height: 36px;
    margin: 0px;
}

.wxapp-detail .texts p .text-primary {
    color: #44abf7 !important;
}

.wxapp-detail .texts p #btn-reauth {
    margin-left: 5px;
    border-bottom: 1px solid #00aeff;
    cursor: pointer;
}

.wxapp-detail .btn {
    height: 38px;
    width: 178px;
    margin: auto;
    display: block;
    line-height: 20px;
    font-size: 14px;
    outline: none !important;
    padding: 8px 16px;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.3s;
    border: 1px solid transparent;
}

.wxapp-detail .btn-default {
    background: #fdfdfd !important;
    color: #6b6b6b;
    border: 1px solid #efefef !important;
}

.wxapp-detail .btn-primary {
    margin-top: 10px
}

.we7-wmall-dialog .we7-modal-dialog .modal-content, .we7-wmall-dialog .modal-dialog .modal-content {
    border-radius: 0;
}

#newUploaderImg .modal-header, .uploader-modal .modal-header {
    border-bottom: 1px solid #e7e7eb;
    padding: 15px 20px;
}

.we7-wmall-dialog .we7-modal-dialog .modal-header, .we7-wmall-dialog .modal-dialog .modal-header {
    background-color: #f4f5f9;
    border-bottom: 0;
}

#newUploaderImg .modal-header .modal-title, .uploader-modal .modal-header .modal-title {
    font-size: 16px;
}

.we7-modal-dialog .modal-body, .modal-dialog .modal-body {
    padding: 30px;
    max-height: 650px;
    overflow-y: auto;
    overflow-x: hidden;
}

#newUploaderImg .modal-body, .uploader-modal .modal-body {
    padding: 0;
    max-height: 710px;
    overflow: hidden;
}

.material-content .material-nav {
    border-bottom: 1px solid #e7e7eb;
    padding: 0 20px;
}

.material-content .material-nav a {
    display: inline-block;
    padding: 0 30px;
    line-height: 42px;
    font-size: 16px;
    color: #999;
    border-bottom: 3px solid transparent;
}

.material-content .material-nav a:hover, .material-content .material-nav a.active, .material-content .material-nav .panel-menu a.list-group-item:not(.list-group-more):hover, .panel-menu .material-content .material-nav a.list-group-item:not(.list-group-more):hover {
    color: #428bca;
    border-color: #428bca;
}

.material-content .material-head {
    padding: 15px 20px;
    border-bottom: 1px solid #e7e7eb;
    clear: both;
    box-sizing: border-box;
}

.material-content .material-head .filter {
    width: 450px;
}

.we7-modal-dialog .we7-select, .modal-dialog .we7-select {
    width: 100%;
}

.material-content .material-head .filter .we7-select {
    width: 200px;
}

select.we7-select + .we7-select, select + .we7-select {
    margin-left: 10px;
}

.material-content .material-head .filter .we7-select + .we7-select {
    margin-left: -1px;
}

.input-group .input-group-btn .btn {
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 0;
    border-color: #e7e7eb;
}

.we7-margin-horizontal-sm {
    margin-left: 15px;
    margin-right: 15px;
}

#newUploaderImg.image .category li, .uploader-modal.image .category li {
    line-height: 44px;
    background: 0 0;
}

#newUploaderImg.image .category li.active, #newUploaderImg.image .category .head .navbar-left > li:hover, .head #newUploaderImg.image .category .navbar-left > li:hover, #newUploaderImg.image .category .panel-menu li.list-group-item:not(.list-group-more):hover, .panel-menu #newUploaderImg.image .category li.list-group-item:not(.list-group-more):hover, #newUploaderImg.image .category li:hover, .uploader-modal.image .category li.active, .uploader-modal.image .category .head .navbar-left > li:hover, .head .uploader-modal.image .category .navbar-left > li:hover, .uploader-modal.image .category .panel-menu li.list-group-item:not(.list-group-more):hover, .panel-menu .uploader-modal.image .category li.list-group-item:not(.list-group-more):hover, .uploader-modal.image .category li:hover {
    background: #fff;
}

#newUploaderImg.image .category li .name, .uploader-modal.image .category li .name {
    width: 100%;
    padding: 0 30px 0 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    cursor: pointer;
}

#newUploaderImg.image .category li .wi-file, .uploader-modal.image .category li .wi-file {
    color: #edce86;
    margin-right: 10px;
}

.wi-file:before {
    content: "\e692";
}

#newUploaderImg.image .category li .edit, .uploader-modal.image .category li .edit {
    padding: 0 20px;
    border-top: 1px solid #f5f5f5;
    display: none;
}

#newUploaderImg.image .category li .name .setting, .uploader-modal.image .category li .name .setting {
    position: absolute;
    right: 2px;
    top: 0;
    cursor: pointer;
    color: #428bca;
    display: none;
}

.wi, .ext-apply-list .ext-apply-item.apply-show:before, .cut-list .item.apply-show:before {
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.we7-modal-dialog .wi, .we7-modal-dialog .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .we7-modal-dialog .ext-apply-item.apply-show:before, .we7-modal-dialog .cut-list .item.apply-show:before, .cut-list .we7-modal-dialog .item.apply-show:before, .we7-modal-dialog .fa, .modal-dialog .wi, .modal-dialog .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .modal-dialog .ext-apply-item.apply-show:before, .modal-dialog .cut-list .item.apply-show:before, .cut-list .modal-dialog .item.apply-show:before, .modal-dialog .fa {
    vertical-align: middle;
    margin-right: 3px;
}

.wi-appsetting {
    color: #428bca;
}

.img-container .item .del .wi {
    color: #fff;
}

.wi-registersite:before {
    content: "\e60d";
}

.wi-appsetting:before {
    content: "\e68a";
}

.wi-text:before {
    content: "\e685";
}

.wi-right:before {
    content: "\e649";
}

#newUploaderImg.image .category li:hover .name .setting, .uploader-modal.image .category li:hover .name .setting {
    display: block;
}

#newUploaderImg.image .category li .edit.show, .uploader-modal.image .category li .edit.show {
    display: block;
}

#newUploaderImg.image .category li .edit a, .uploader-modal.image .category li .edit a {
    display: inline-block;
    margin: 0 5px;
}

#newUploaderImg.image .material-body, .uploader-modal.image .material-body {
    padding: 0;
    position: relative;
    overflow-y: hidden;
}

#newUploaderImg.image .category, .uploader-modal.image .category {
    width: 170px;
    height: 460px;
    overflow-y: auto;
    border-right: 1px solid #e7e7eb;
    background: #f4f5f9;
    float: left;
}

#newUploaderImg.image .category .add, .uploader-modal.image .category .add {
    line-height: 44px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #e7e7eb;
}

.color-default {
    color: #428bca !important;
}

.color-red {
    color: #cf1010 !important;
}

#newUploaderImg.image .img-container, .uploader-modal.image .img-container {
    padding: 10px 10px 41px;
    flex-wrap: wrap;
    margin-left: 171px;
    max-height: 460px;
    overflow-y: auto;
}

#newUploaderImg.image .img-container .item, .uploader-modal.image .img-container .item {
    flex: none;
    position: relative;
    width: calc(20% - 20px);
    margin: 10px;
    text-align: center;
    vertical-align: middle;
    background-color: #eee;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: inline-block;
}

#newUploaderImg.image .img-container .item:before, .uploader-modal.image .img-container .item:before {
    content: "";
    display: inline-block;
    padding-bottom: 100%;
    width: .1px;
    vertical-align: middle;
}

#newUploaderImg.image .img-container .item .name, .uploader-modal.image .img-container .item .name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 34px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 0 20px;
    text-align: left;
    z-index: 2;
}

.material-content .material-body .item:hover {
    outline: 2px solid #428bca;
}

.material-content .material-body .mask .wi, .material-content .material-body .mask .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .material-content .material-body .mask .ext-apply-item.apply-show:before, .material-content .material-body .mask .cut-list .item.apply-show:before, .cut-list .material-content .material-body .mask .item.apply-show:before {
    color: #fff;
    font-size: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.material-content .material-body .del {
    position: absolute;
    width: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #428bca;
    cursor: pointer;
    bottom: 0;
    right: 0;
    z-index: 6;
    display: none;
}

.material-content .material-body .item:hover .del {
    display: block;
}

/*系统应用购买记录样式*/
.plugincenter-order .panel .table-header {
    display: flex;
    justify-content: center;
    background: #f8f8f8;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-weight: 600;
}

.plugincenter-order .table-header .others {
    flex: 1;
    text-align: center;
}

.plugincenter-order .panel .table-header div:first-child {
    width: 400px;
    text-align: left;
}

.plugincenter-order .panel .tables {
    border: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 18px;
    margin-top: 20px;
}

.plugincenter-order .tables:hover {
    border: 1px solid #4361ee;
}

.plugincenter-order .tables .table-top {
    display: flex;
    justify-content: center;
    align-content: space-around;
    padding: 0 20px;
    background: #f7f7f7;
    border-bottom: 1px solid #e5e5e5;
}

.plugincenter-order .tables .table-body {
    display: flex;
    justify-content: center;
    align-content: space-around;
    margin-left: 20px;
}

.plugincenter-order .tables .table-top .top-left {
    text-align: left;
    color: #8f8e8e;
    padding: 10.5px 0;
    flex: 1;
    height: 100%;
}

.plugincenter-order .table-top .top-left .order-title {
    font-weight: bold;
    margin-right: 10px;
    color: #2d2d31;
}

.plugincenter-order .tables .table-body .goods-des {
    border-right: 1px solid #efefef;
    vertical-align: middle;
    width: 400px;
    text-align: left;
    padding: 14px 0;
}

.plugincenter-order .table-body .goods-des .goods-info {
    display: flex;
    margin: 10px 0;
}

.plugincenter-order .goods-des .goods-info .goods-img {
    width: 70px;
    height: 70px;
    border: 1px solid #efefef;
    padding: 1px;
}

.plugincenter-order .goods-des .goods-info .goods-name {
    flex: 1;
    margin-left: 10px;
    text-align: left;
    display: flex;
    align-items: center;
}

.plugincenter-order .goods-info .goods-name .title {
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plugincenter-order .tables .table-body .saler {
    flex: 1;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #efefef;
    vertical-align: center;
}

.plugincenter-order .table-body .saler div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.plugincenter-order .table-body .saler:last-child {
    border-right: none;
}

/*表格内容样式*/
.uu-replace-main {
    width: 100%;
    margin: 0 auto;
    background-color: #ebebeb;
}

/*左侧导航开始*/
.uu-replace-main .order-nav {
    width: 170px;
    float: left;
    margin-right: 18px;
}

.uu-replace-main .order-nav .secNav {
    text-align: center;
    overflow: hidden;
    height: 904px;
}

.uu-replace-main .secNav .business-list {
    background-color: red;
    text-align: center;
    overflow: hidden;
}

.uu-replace-main .secNav .business-list a {
    display: block;
    width: 170px;
    background: #fff;
    height: 226px;
}

.uu-replace-main a {
    background-color: transparent;
    text-decoration: none;
    color: #333;
}

.uu-replace-main .secNav .business-list .item:last-child {
    margin-right: 0;
}

.uu-replace-main .secNav .business-list a .item {
    height: 226px;
}

.uu-replace-main .secNav .business-list .item {
    position: relative;
    margin-right: 0;
    width: 170px;
    height: 166px;
    padding-top: 60px;
}

.uu-replace-main .secNav .business-list .item h5 i {
    font-size: 28px;
}

.uu-replace-main .secNav .business-list .item h5 .iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
}

.uu-replace-main .secNav .business-list .item p {
    font-size: 18px;
    color: #333333;
    padding-top: 14px;
}

.uu-replace-main .secNav p {
    margin: 0;
}

.uu-replace-main .secNav .business-list .item h5 {
    margin: 0 auto;
    width: 73px;
    height: 73px;
    border: 5px solid #f7f7f7;
    border-radius: 50%;
    line-height: 73px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 2;
    font-size: 0.83em;
}

.uu-replace-main .secNav .business-list .item:hover h5 i {
    color: #333;
}

.uu-replace-main h1, .uu-replace-main h2, .uu-replace-main h3, .uu-replace-main h4, .uu-replace-main h5, .uu-replace-main h6 {
    margin: 0;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
}

.uu-replace-main .secNav .business-list .item.active {
    background: #1a1a1a;
}

.uu-replace-main .secNav .business-list .item.active h5 {
    width: 73px;
    height: 73px;
    border: none;
    background-color: transparent;
}

.uu-replace-main .secNav .business-list .item.active h5 i, .uu-replace-main .secNav .business-list .item.active p {
    color: #FF8B03;
}

.uu-replace-main .secNav .business-list .item.active h5 i {
    font-size: 40px;
}

/*左侧导航结束*/


/*右侧列表开始*/
.uu-replace-main .order-form {
    background-color: #ebebeb;
    overflow: hidden;
    width: 926px;
    float: left;
}

.uu-replace-main .order-form .uuBusi {
    width: 100%;
    height: auto;
}

.uu-replace-main .order-form .uuBusi .infos-box {
    z-index: 10;
    overflow: hidden;
}

.uu-replace-main .order-form .infos-box .icon {
    position: absolute;
    top: 6px;
    left: 6px;
    font-weight: bold;
    font-size: 14px;
    color: #ff8b03;
}

.uu-replace-main .order-form .infos-box1:before, .uu-replace-main .order-form .infos-box2:before, .uu-replace-main .order-form .infos-box3:before, .uu-replace-main .order-form .infos-box4:before {
    content: '';
    position: absolute;
    left: -20px;
    top: -35px;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-left: 50px solid #000;
    border-bottom: 50px solid transparent;
}

.uu-replace-main .order-form .uuBusi .infos-box, .uu-replace-main .order-form .uuPay .infos-box {
    position: relative;
    top: 0;
    padding: 30px 40px 0 45px;
    background: #fff;
    box-sizing: border-box;
    transform: translateZ(0);
    transition: box-shadow 218ms ease-in-out, transform 218ms ease-in-out;
    box-shadow: rgba(0, 0, 0, .0470588) 0 2px 3px 0;
    z-index: 9;
}

.uu-replace-main .order-form .uuBusi .ucard {
    width: 100%;
    line-height: 38px;
    margin-bottom: 20px;
    display: flex;
}

.uu-replace-main .order-form .uuBusi .ucard label {
    width: 53px;
    font-size: 13px;
    color: #333;
    text-align: right;
    margin-right: 40px;
    font-weight: normal;
}

.uu-replace-main .order-form .uuBusi .ucard .tag {
    width: 88%;
    position: relative;
    border: none;
}

.uu-replace-main .order-form .uuBusi .ucard .tag.category a {
    border-radius: 2px;
    font-size: 13px;
    color: #333;
    float: left;
    margin-right: 9px;
    margin-bottom: 20px;
    height: 36px;
    line-height: 36px;
    border: solid 1px #f4f4f4;
    background: #f4f4f4;
    width: 83px;
    text-align: center;
    position: relative;
}

.uu-replace-main .order-form .uuBusi .ucard .tag a.selected, .uu-replace-main .order-form .uuBusi .ucard .tag a:hover {
    color: #000;
    border: solid 1px #333;
    border-radius: 2px;
}

.uu-replace-main .order-form .uuBusi .ucard .tag.category a:nth-child(8n) {
    margin-right: 0;
}

.uu-replace-main .order-form .uuBusi .ucard .tag a.selected:after {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 20px solid #000;
    border-left: 20px solid transparent;
    text-align: center;
    line-height: 20px;
}

.uu-replace-main .order-form .uuBusi .ucard .tag a.selected .icon {
    position: absolute;
    bottom: -5px;
    right: -66px;
    color: #FF8B03;
    font-size: 12px;
    z-index: 10;
}

.uu-replace-main .order-form .uuBusi .ucard .tag .inp.w86 {
    width: 694px;
}

.uu-replace-main .order-form .uuBusi .ucard .tag .inp {
    width: 70%;
    padding-left: 18px;
    vertical-align: middle;
}

.uu-replace-main .order-form .uuBusi .ucard .tag input, .uu-replace-main .order-form .uuBusi .ucard .tag textarea {
    float: left;
}

.uu-replace-main input[type="text"], .uu-replace-main input[type="password"], .uu-replace-main input[type="tel"], .uu-replace-main input[type="datetime-local"], .uu-replace-main input[type="time"], .uu-replace-main input[type="number"] {
    border: solid 1px #dddddd;
    background: #fff;
    padding-left: 18px;
    height: 38px;
    line-height: 38px;
    box-shadow: none;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    outline: none;
}

.uu-replace-main .order-form .uuBusi .ucard .tag .inp.help-input {
    width: 249px;
    padding: 0 28px 0 18px;
}

.uu-replace-main .order-form .uuBusi .ucard .tag .inp.w100 {
    width: 100%;
}

.uu-replace-main .order-form input:focus, .uu-replace-main .order-form textarea:focus {
    border: solid 1px #ff6700;
    box-shadow: none;
    outline: none;
}

.uu-replace-main .order-form input.on, .uu-replace-main .order-form textarea.on {
    border: solid 1px #cc0033;
    box-shadow: none;
    outline: none;
}

.uu-replace-main .order-form .uuBusi .ucard .tag .textarea-large {
    height: 94px;
}

.uu-replace-main textarea {
    border: solid 1px #ddd;
    background: #fff;
    padding-left: 8px;
    overflow: hidden;
    resize: none;
    border-radius: 2px;
    position: relative;
    z-index: 2;
}

.uu-replace-main button, .uu-replace-main input, .uu-replace-main optgroup, .uu-replace-main select, .uu-replace-main textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    box-sizing: border-box;
}

.uu-replace-main .order-form .uuBusi .ucard .more-bg {
    margin: 5px auto 0;
    width: 194px;
    background-color: #F1F1F1;
    border-top-right-radius: 200px;
    border-top-left-radius: 200px;
    height: 28px;
    text-align: center;
    line-height: 32px;
    color: #aaa;
    display: block;
    overflow: hidden;
}

.uu-replace-main .order-form .uuBusi .ucard .more-bg:hover {
    color: #555;
}

.uu-replace-main .order-form .uuBusi .ucard .more-down {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.uu-replace-main .order-form .uuBusi .ucard .send-input {
    display: flex;
}

.uu-replace-main .order-form .uuBusi .ucard .tips {
    margin-left: 15px;
    display: inline-block;
}

.uu-replace-main .order-form .uuBusi .ucard .tag .tips .warn {
    color: #ff8b03;
    line-height: 38px;
    font-size: 13px;
}

.uu-replace-main .order-form .uuBusi .ucard .sod_select {
    font-family: MicrosoftYaHei;
    display: inline-block;
    position: relative;
    line-height: 1;
    width: 249px;
    height: 38px;
    padding: 12px 17px;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    text-transform: none;
    outline: 0;
    outline-offset: -2px;
    cursor: default;
    vertical-align: middle;
}

.uu-replace-main .order-form .uuBusi .ucard .sod_select .sod_list {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    height: auto;
    width: 100%;
    margin: 0 0 0 -1px;
    border: 1px solid #dbdbdb;
    border-radius: 0 0 3px 3px;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, .1);
    background: #ffffff;
    color: #676767;
    font-weight: 300;
    z-index: 6;
}

.sod_select .sod_list li {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding: 10px 10px 10px 25px;
    list-style-type: none;
}

.uu-replace-main .order-form .uuBusi .ucard .sod_select .icons {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 13px;
    width: 0;
    height: 0;
    border-top: 7px solid #000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.uu-replace-main .order-form .uuBusi .sod_select .sod_placeholder {
    color: #bbb;
    font-size: 13px;
    font-family: MicrosoftYaHei;
    height: 14px;
    line-height: 14px;
    font-weight: normal;
}

/*订单距离开始*/
.uu-replace-main .order-form .uuPay {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.uu-replace-main .order-form .uuPay .infos-box4 {
    display: flex;
}

.uu-replace-main .order-form .uuPay .pay {
    width: 352px;
    box-sizing: border-box;
}

.uu-replace-main .order-form .uuPay .pay.step1 .distance {
    padding-bottom: 28px;
}

.uu-replace-main .order-form .uuPay .pay.step1 .money {
    padding-bottom: 20px;
}

.uu-replace-main .order-form .uuPay .pay ul li {
    font-size: 13px;
    color: #333;
}

.uu-replace-main .order-form .uuPay .pay.step1 h3 span {
    font-size: 16px;
    font-weight: bold;
}

.uuPay .pay ul li h3 > span {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.uu-replace-main .order-form .uuPay .pay ul li h3 {
    display: inline-block;
    font-size: 13px;
}

.uu-replace-main .order-form .uuPay .pay.step1 b {
    display: inline-block;
    width: 102px;
    font-weight: normal;
    text-align: right;
    padding-right: 50px;
    font-family: "Microsoft YaHei", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.uu-replace-main .order-form .uuPay .ucard {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

.uu-replace-main .order-form .uuPay .ucardCoupon label, .uu-replace-main .order-form .uuPay .ucard label {
    width: 53px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    font-size: 13px;
    margin-right: 50px;
    font-weight: normal;
}

.uu-replace-main .order-form .uuPay .tag {
    display: flex;
    border: none;
}

.uu-replace-main .order-form .uuPay .ucard .tag .verfy-img {
    height: 38px;
    display: inline-block;
    margin-left: 10px;
    box-sizing: border-box;
}

.uu-replace-main .order-form .uuPay .ucard .tag .state-success {
    background: #fff;
    height: 38px;
    line-height: 38px;
    color: #FF8B03;
    border-radius: 4px;
    box-sizing: border-box;
}

.uu-replace-main .order-form .uuPay .ucard .pay-sub {
    width: 352px;
    height: 38px;
    border-radius: 3px;
    background: #1a1a1a;
    font-size: 14px;
    letter-spacing: 0.3px;
    text-align: center;
    color: #ff8b03;
    font-weight: bold;
    outline: none;
    border: none;
}

.uu-replace-main .order-form .uuPay .map {
    width: 503px;
    float: left;
    height: 311px;
    margin-left: 52px;
    border: 1px solid #ddd;
}

/*上传图片弹出层样式兼容*/
.modal-material .modal-header {
    display: flex;
    align-items: center;
}

.modal-material .modal-header .material-nav {
    flex: 1;
    width: 0;
    text-align: center;
}

.modal-material .modal-header .material-nav a {
    margin: 0 14px;
    padding: 14px 0;
    border-bottom: 2px solid transparent;
}

.modal-header .material-nav a.active, .modal-header .material-nav a:hover {
    color: #4361ee;
    border-color: #4361ee;
}

.we7-modal-dialog .modal-header, .modal-dialog .modal-header {
    /*border-bottom: 0;*/
}

#newUploaderImg.image .selected-all, .uploader-modal.image .selected-all {
    float: left;
    padding: 7.5px 0;
    display: flex;
    align-items: center;
}

.we7-form input[type=radio] + label, .we7-form input[type=checkbox] + label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin-left: 3px;
    color: #252424;
    font-weight: 400;
}

.dialog-secret-mobile .secret-mobile {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.dialog-secret-mobile .extension {
    font-size: 20px;
    color: #ff2d4b;
    margin-left: 10px;
}

/*客服界面*/
.br {
    border: 1px solid red;
}

/*登录页样式*/
.system-login {
    position: relative;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
}

.system-login .login-panel {
    position: fixed;
    width: 400px;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    padding: 35px 30px; /* 适当增加内边距，让空间更舒展 */
    box-sizing: border-box;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.2); /* 85% 的白色不透明度 */
    backdrop-filter: blur(10px); /* 毛玻璃/模糊背景效果，现代感十足 */
    -webkit-backdrop-filter: blur(10px); /* 兼容 Safari */
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15); /* 更柔和、更扩散的阴影 */
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.system-login .login-panel .title {
    color: #333;
    font-size: 18px;
    text-align: center;
    margin-bottom: 25px;
}

.system-login .login-panel .form-group {
    position: relative;
}

.system-login .login-panel .form-group input {
    width: 100%;
    height: 46px;
    padding-left: 46px;
}

.system-login .login-panel .form-group .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 46px;
    height: 46px;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    color: #999
}

.system-login .login-panel .form-group.yzm input {
    padding-right: 130px;
}

.system-login .login-panel .form-group .code {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 120px;
    border-radius: 0 3px 3px 0;
    overflow: hidden;
    border: 1px solid #ccc;
}

.system-login .login-panel .form-group .code img {
    width: 100%;
    height: 100%;
}

.system-login .login-panel .checkbox {
    padding-left: 0;
}

.system-login .login-panel .login-submit {
    margin: 15px 0;
}

.system-login .login-panel .register {
    margin-top: 15px;
    text-align: right;
}

.plate-create-index .panel-body {
    background-color: #fbfbfb;
    padding: 30px 0;
    border: 1px solid #e8e9eb;
}

.plate-create-index .panel-body .list-item {
    border-right: 1px solid #e8e9eb;
    padding: 30px;
    display: flex;
    align-items: baseline;
}

.plate-create-index .panel-body .list-item .img {
    display: inline-block;
    width: 22px;
    height: 46px;
    margin-right: 20px;
}

.plate-create-index .panel-body .list-item .img.img-tel {
    background: transparent url(../../../web/resource/images/tel.png) no-repeat;
}

.plate-create-index .panel-body .list-item .img.img-pen {
    background: transparent url(../../../web/resource/images/pen.png) no-repeat;
}

.plate-create-index .panel-body .list-item .title {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 400;
    color: #6c6c6c;
}

.plate-create-index .panel-body .list-item .con {
    margin-bottom: 30px;
    line-height: 1.5;
    height: 4.5em;
    color: #c4c4c4;
}