label {
    margin: 0;
    padding: 0;
    list-style: none
}

a {
    color: #333
}

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    outline: none;
    border: none;
    color: #333
}

a:focus {
    outline: 0
}

label.col-sm-2 {
    padding-left: 5px;
    padding-right: 5px
}

.clear {
    clear: both
}

.m-c,
.blue {
    color: #08c
}

.del,
.red {
    color: #ea4a3e
}

.total {
    color: #f00
}

.gray {
    color: #969696
}

.i-red {
    display: inline-block;
    font-size: 18px;
    color: #f00;
    vertical-align: middle
}

.form-group {
    position: relative
}

.form-group .omit {
    width: 180px !important
}

.form-group .omit-detail {
    left: 50px;
    top: 36px;
    z-index: 9999
}

.form-remark {
    position: relative;
    margin-top: 10px;
    overflow: hidden;
    min-height: 100px
}

.form-remark label {
    float: left;
    margin-top: 6px;
    width: 50px
}

.form-remark .form-group {
    position: absolute;
    top: 0;
    left: 50px;
    right: 0;
    bottom: 1px
}

.form-remark textarea.form-control {
    width: 100%;
    margin: 0
}

.bold {
    font-weight: bold
}

.VIN {
    width: 210px !important
}

@font-face {
    font-family: PingFangSC-Regular;
    src: url("../fonts/PingFang-Regular.ttf")
}

.control-group {
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.form-control {
    padding: 6px;
    font-size: 13px
}

input {
    padding: 3px;
    display: inline-block;
    border: 1px solid #dedede
}

input.num {
    display: inline-block;
    width: 50px;
    text-align: center
}

input.money {
    display: inline-block;
    width: 80px;
    text-align: center
}

.input-group {
    position: relative;
    width: 170px;
    padding-right: 30px;
    margin-right: 5px
}

.input-group .form-control {
    float: left
}

.input-group .input-btn {
    position: absolute;
    top: 0;
    right: -4px;
    width: 34px;
    height: 34px;
    background: #fff url(../imges/time_module.png) no-repeat;
    background-size: contain;
    z-index: 2;
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    border-left: 0
}

.input-group .input-btn:hover {
    background-color: #ddd
}

.sort {
    position: relative;
    display: inline-block
}

.sort .up {
    position: absolute;
    top: -15px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #b1b1b1;
    cursor: pointer
}

.sort .down {
    position: absolute;
    top: -4px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #b1b1b1;
    cursor: pointer
}

.sort .up.current {
    border-bottom: 8px solid #88ceff
}

.sort .down.current {
    border-top: 8px solid #88ceff
}

.less.sort .up {
    top: 5px;
    right: 5px;
    left: 140px
}

.less.sort .down {
    top: 14px;
    right: 5px;
    left: 140px
}

.filter-list button {
    width: 160px;
    height: 44px;
    margin-right: 10px;
    color: #b1b1b1;
    border: 1px solid #eee;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    background: #fbfbfb;
    margin-bottom: -1px
}

.filter-list .current {
    border-color: #88ceff;
    color: #88ceff;
    background: #f6fdff
}

body {
    font-size: 13px;
    font-family: "Microsoft Yahei", tahoma, arial, Hiragino Sans GB, "\5b8b\4f53", sans-serif;
    color: #333
}

button,
select {
    background: none
}

button a,
button a:link,
button a:visited,
button a:hover,
button a:active {
    color: #fff
}

.fa-pencil {
    cursor: pointer
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.btn {
    font-size: 13px
}

.btn-orange {
    padding: 10px 25px;
    margin: 10px;
    color: #fff;
    background: #ec6941;
    border: 1px solid #e24919;
    border-radius: 3px
}

.btn-blue {
    padding: 10px 25px;
    margin: 10px;
    color: #fff;
    background: #337ab7;
    border: 1px solid #2e6da4;
    border-radius: 3px
}

.btn-white {
    padding: 10px 25px;
    margin: 10px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px
}

.btn-add {
    position: relative;
    width: 61px;
    height: 61px;
    border: 1px solid #2eb0b8;
    vertical-align: middle
}

.btn-add::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 30px;
    width: 31px;
    height: 1px;
    background: #2eb0b8
}

.btn-add::after {
    content: '';
    position: absolute;
    left: 30px;
    top: 15px;
    width: 1px;
    height: 31px;
    background: #2eb0b8
}

.modal-footer .btn-white,
.modal-footer .btn-blue,
.modal-footer .btn-orange {
    margin: 0
}

.gradient-button {
    margin-top: 15px;
    margin-right: 20px;
    width: 110px;
    height: 40px;
    line-height: 38px;
    border-radius: 55px;
    padding: 1px;
    overflow: hidden;
    background: -webkit-linear-gradient(left, #8863ff, #098dff);
    background: -o-linear-gradient(left, #8863ff, #098dff);
    background: linear-gradient(to right, #8863ff, #098dff)
}

.gradient-button span {
    width: 108px;
    height: 38px;
    border-radius: 54px;
    display: inline-block;
    background: #fff
}

.btn-default:hover {
    background: #fff;
    border-color: #ccc
}

.choose-project {
    position: relative
}

.choose-project input {
    text-align: left !important
}

.choose-project .project-list {
    position: absolute;
    left: 0;
    top: 32px;
    z-index: 99;
    min-width: 100%;
    background: #fff;
    border: 1px solid #ddd
}

.choose-project .table {
    margin: 0
}

.choose-project .project-list tbody tr:hover {
    cursor: pointer;
    background: #ddd
}

.choose-project .project-list .table tbody td {
    text-align: center
}

.choose-project .project-list tbody td:first-child {
    width: 200px;
    text-align: left
}

.choose-project p.text-center .m-c {
    padding: 0 10px;
    cursor: pointer
}

.choose-project .project-goods {
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 9;
    min-width: 100%;
    background: #fff;
    border: 1px solid #ddd
}

.choose-project .project-goods p {
    padding: 10px 10px 0 10px;
    text-align: left
}

.choose-project .project-goods .form-inline {
    padding: 0 10px;
    margin: 10px 0;
    text-align: left
}

.choose-project .project-goods .form-inline input[type='checkbox'] {
    width: 20px
}

.choose-project .project-goods .form-inline .form-group {
    margin-right: 30px
}

.choose-project .project-goods .form-inline .form-control {
    width: 220px
}

.choose-project .project-goods .cloud {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background: url(../imges/cloud.png) no-repeat;
    background-size: contain;
    vertical-align: middle
}

.choose-project .project-goods .list {
    box-shadow: 0 -1px 5px #ddd
}

.choose-project .project-goods .table tr:first-child td:first-child {
    width: auto
}

.choose-project .project-goods .table tr:first-child td:nth-of-type(2) {
    width: 100px
}

.choose-project .project-goods .table tr:first-child td:nth-of-type(4) {
    width: 150px
}

.flex-thead thead,
.flex-thead tbody {
    display: inline-block;
    width: 100%
}

.flex-thead tbody {
    max-height: 200px;
    overflow-y: auto
}

.choose-staff {
    position: relative
}

.choose-staff .staff-list {
    position: absolute;
    left: 0;
    top: 34px;
    z-index: 99;
    width: 230px;
    max-height: 210px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 10px #999
}

.choose-staff li {
    line-height: 30px;
    padding: 0 6px;
    cursor: pointer;
    border-bottom: 1px solid #ddd
}

.choose-staff li span {
    display: inline-block;
    width: 100px
}

.choose-staff li:hover {
    background: #eee
}

.choose-staff div.text-center {
    padding: 5px 0;
    border-top: 1px solid #ccc
}

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

.overflow-hidden {
    position: relative
}

.overflow-hidden .omit {
    display: block;
    width: 130px;
    cursor: pointer
}

.overflow-hidden .omit-detail {
    position: absolute;
    padding: 10px;
    left: 0;
    top: 20px;
    display: none;
    max-height: 200px;
    overflow-y: auto;
    min-width: 180px;
    color: #fff;
    background: #666;
    border-radius: 6px;
    white-space: normal;
    text-align: left;
    z-index: 99
}

.overflow-hidden:hover .omit-detail {
    display: block
}

:-moz-placeholder {
    color: #eee
}

::-moz-placeholder {
    color: #eee
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc
}

.bgGray {
    background: #eee
}

.table {
    border-collapse: collapse
}

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

.table td {
    position: relative
}

.table td a {
    color: #08c;
    text-decoration: underline;
    cursor: pointer
}

.table .del,
.table .m-c {
    cursor: pointer
}

.table .form-control {
    height: 28px;
    padding: 3px 6px;
    margin: 0
}

.table .btn-group.open .dropdown-toggle {
    box-shadow: none
}

.table .dropdown-menu {
    width: 100px;
    left: auto;
    right: 0
}

.table .dropdown-menu li {
    cursor: pointer;
    text-align: center;
    line-height: 30px
}

.table .dropdown-menu li:hover {
    background: #f4f4f4
}

.none {
    display: none
}

.no-bottom {
    margin-bottom: 0
}

.left,
.fl {
    float: left
}

.txtl {
    text-align: left
}

.right,
.fr {
    float: right
}

.txtr {
    text-align: right
}

.use-help {
    background: #08c;
    width: 100px;
    color: #fff;
    height: 34px;
    margin-left: 14px
}

.use-help i {
    margin-right: 3px
}

.search {
    padding: 0 20px;
    height: 34px;
    line-height: 34px;
    background: #08c;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #07a;
    vertical-align: top;
    display: inline-block
}

.search i {
    display: inline-block;
    top: 2px;
    left: -2px
}

.search a {
    display: block;
    line-height: 32px;
    color: #fff
}

.default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

a.search:link,
a.search:visited,
a.search:hover,
a.search:active {
    border: 1px solid #07a;
    color: #fff;
    cursor: pointer
}

.returned {
    background: #d76a6a;
    color: #fff;
    border: 1px solid #b16b6b;
    margin-left: 0
}

.comm_page {
    height: 30px;
    line-height: 30px;
    float: right;
    margin-top: 10px
}

.comm_page span {
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: 5px
}

.comm_page .comm_before {
    float: left;
    background: url(../imges/com/last_grey.png) no-repeat center;
    margin-right: 8px
}

.comm_page .comm_next {
    float: right;
    background: url(../imges/com/next_blue.png) no-repeat center;
    margin-left: 8px
}

h2 {
    font-size: 18px;
    font-weight: bold
}

.header .form-label {
    display: inline-block;
    width: 90px;
    text-align: right;
    margin-right: 5px
}

.header>.form-group {
    margin-right: 10px;
    margin-bottom: 10px
}

.header .form-group {
    position: relative
}

.header .form-group .category-ul {
    top: 34px;
    display: none
}

.header .category-ul {
    display: block;
    top: 0
}

.header .form-control {
    width: 180px
}

.header .project-list {
    position: absolute;
    padding-bottom: 40px;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 5px #999;
    left: 0;
    top: 34px;
    width: 630px;
    min-height: 275px;
    border: 0
}

.header .project-list .page {
    position: absolute;
    bottom: 0;
    width: 100%
}

.header .project-list .table {
    margin: 0
}

.header .project-list th {
    border-bottom-width: 0;
    border-color: #d8e5e8;
    background: #edf7f9;
    white-space: nowrap;
    font-weight: normal
}

.header .project-list td {
    text-overflow: ellipsis;
    white-space: nowrap
}

.header .project-list .overflow-hidden {
    width: 240px;
    text-align: left
}

.header .project-list td:nth-of-type(3) {
    width: 100px;
    max-width: 100px
}

.header .project-list td:nth-of-type(3) .omit {
    width: 100px !important
}

.header .project-list td:nth-of-type(2),
.header .project-list td:nth-of-type(4) {
    width: 130px
}

.header .project-list ul {
    width: 100%;
    text-align: center
}

.header .project-list ul li {
    float: none;
    display: inline-block
}

.list .table {
    margin: 0
}

.list p.text-right {
    margin: 8px 0
}

label {
    font-weight: normal
}

input[type="checkbox"] {
    -webkit-appearance: none;
    background-image: url(../imges/checkbox.png);
    height: 20px;
    vertical-align: middle;
    width: 20px;
    margin: -4px 0 0 0;
    border: 0
}

input[type="checkbox"]:checked {
    background-position: -40px 0
}

input[type="checkbox"]:focus,
input[type="checkbox"]:hover {
    background-position: -20px 0;
    outline: none
}

input[type="checkbox"]:checked {
    background-position: -40px 0
}

input[type="checkbox"][disabled] {
    background-position: -60px 0
}

input[type="checkbox"][disabled]:checked {
    background-position: -80px 0
}

input[type="radio"] {
    margin-right: 10px;
    margin-top: -3px;
    width: auto;
    vertical-align: middle;
    outline: none
}

.ui-select-search {
    width: 180px !important
}

.scroll-category {
    overflow: auto !important
}

h3 {
    font-size: 20px
}

.btn-switch {
    display: inline-block
}

.btn-switch input {
    width: 100%;
    height: 100%;
    visibility: hidden
}

.btn-switch label {
    position: relative;
    width: 40px;
    height: 20px;
    cursor: pointer
}

.btn-switch label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 6px #bcbbbb;
    z-index: 9
}

.btn-switch label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 40px;
    height: 10px;
    border-radius: 5px;
    background: #818181;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset
}

.btn-switch .current:before {
    left: 20px
}

.btn-switch .current:after {
    background: #4bb5f3;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset
}

.cloud-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background: url(../imges/cloud.png) no-repeat;
    background-size: contain;
    vertical-align: middle
}

.del-goods {
    width: 20px;
    height: 20px;
    position: absolute;
    left: -25px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
    background: url(../imges/delete.png);
    background-size: cover
}

.add-goods {
    width: 20px;
    height: 20px;
    position: absolute;
    left: -25px;
    top: 8px;
    cursor: pointer;
    background: url(../imges/add.png);
    background-size: cover
}

.navbar {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    border-radius: 0;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 102
}

.navbar .navbar-toggle {
    height: 55px;
    border: none
}

.navbar .navbar-toggle:hover {
    background: #0087b4
}

.navbar .container-fluid {
    padding: 0;
    margin: 0
}

.navbar .container-fluid .navbar-header .logo {
    position: fixed;
    top: -7px;
    left: 13px
}

.navbar .container-fluid .navbar-nav .help {
    margin-right: 0
}

.navbar .container-fluid .navbar-nav .separator {
    float: left;
    display: block;
    height: 70px;
    width: 2px;
    background-image: linear-gradient(#f6f6f6 60%, #ededed)
}

.navbar .nav i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    vertical-align: middle
}

.navbar .pay-open {
    padding: 27px 10px
}

.navbar .pay-open .payment {
    width: 20px;
    line-height: 16px;
    color: #fff;
    background: #fb4242;
    text-align: center;
    border-radius: 2px;
    cursor: pointer
}

.navbar .pay-open .payment-no {
    background: #ccc
}

.navbar .pay-open .pay-state {
    display: none;
    position: absolute;
    width: 200px;
    left: -150px;
    top: 52px;
    padding: 10px 15px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 0 12px #000
}

.navbar .pay-open .pay-state span {
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    top: -5px;
    left: 165px
}

.navbar .pay-open .pay-state a {
    padding: 6px 10px;
    float: right;
    background: #fb4242;
    border-radius: 2px;
    color: #fff;
    margin-top: 10px;
    margin-left: 10px
}

.navbar .user-profile {
    padding: 15px 20px
}

.navbar .car_shop {
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    max-height: 800%;
    overflow: auto;
    text-align: center;
    background: #fff;
    z-index: 10;
    display: none;
    box-shadow: 0 0 10px #1d2127
}

.navbar .car_shop li {
    cursor: pointer;
    color: #7d7d7d;
    padding: 10px 0
}

.navbar .car_shop li:hover {
    background: #1d2127;
    color: #fff
}

.navbar .car_shop li:hover i {
    color: #fff
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:visited {
    padding: 25px 20px
}

.navbar-inverse {
    background-color: #1d2127
}

.main {
    width: auto;
    position: absolute;
    left: 190px;
    right: 0;
    padding: 80px 20px 80px 34px;
    background: #fff;
    min-height: 100%
}

.main .blue {
    color: #08c
}

.main .footer {
    position: fixed;
    bottom: 0;
    left: 190px;
    right: 0;
    padding-left: 34px;
    padding-right: 40px;
    background: #f2f2f4
}

.main .footer .returned {
    margin: 10px 0
}

.main .footer button {
    padding: 10px 25px;
    margin: 10px;
    border-radius: 3px
}

.main .footer p {
    line-height: 60px
}

.main .footer .all_pay {
    line-height: 68px
}

.main .footer .footer_left {
    float: left
}

.main .footer .footer_left>* {
    float: left
}

.footer_left .left_contact .tips {
    color: white;
    background: #08c;
    ;
    padding: 2px 8px;
    border-radius: 3px;
}

.footer_left .black {
    color: black;
    margin-left: 15px
}

.main .footer .footer_left .return_service {
    margin-right: 10px;
    background: #a0a0a0;
    color: #fff;
    border: 1px solid #aaa
}

.main .footer .footer_left p {
    margin-left: 10px;
    color: #969696
}

.footer_left .cursor {
    cursor: pointer;
}

.main .footer .print {
    background: #eaa500;
    color: #fff;
    border: 1px solid #d3a31e
}

.main .footer .pay {
    background: #ec6941;
    color: #fff;
    border: 1px solid #bc411b
}

.main .footer .footer_right {
    float: right
}

.main .footer .footer_right>* {
    float: left
}

.main .footer .footer_right .big {
    font-size: 20px;
    color: #ea4a3e
}

.main .footer .footer_right .no_pay {
    margin: 0 20px
}

.main .footer .footer_right .all_pay {
    color: #aaa
}

.main .ui-select-highlight {
    font-weight: normal;
    color: #ea4a3e
}

.top-bar {
    position: fixed;
    left: 190px;
    right: 0;
    top: 0;
    padding-left: 30px;
    height: 70px;
    z-index: 50;
    background: #fff;
    border-bottom: 1px solid #eee
}

.top-bar .top-bar-right {
    position: relative;
    padding-right: 15px;
    text-align: right
}

.top-bar .top-bar-right .car-shop,
.top-bar .top-bar-right .icon,
.top-bar .top-bar-right .user-name,
.top-bar .top-bar-right .head-portrait {
    position: relative;
    display: inline-block;
    height: 70px;
    line-height: 70px;
    vertical-align: top;
    cursor: pointer
}

.top-bar .top-bar-right .car-shop {
    padding-right: 15px
}

.top-bar .top-bar-right .car-shop .arr-down {
    position: absolute;
    top: 33px;
    right: 0
}

.top-bar .top-bar-right .car-shop .current {
    transform: rotate(180deg)
}

.top-bar .top-bar-right .car-shop .car-shop-list {
    position: absolute;
    right: 0;
    top: 50px;
    width: 180px;
    text-align: center;
    background: #fff;
    z-index: 10;
    display: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}

.top-bar .top-bar-right .car-shop .car-shop-list ul {
    max-height: 300px;
    overflow-y: auto !important;
}

.top-bar .top-bar-right .car-shop .car-shop-list li {
    height: 40px;
    line-height: 40px;
    overflow: hidden
}

.top-bar .top-bar-right .car-shop .car-shop-list li:hover {
    background: #e5e5e5
}

.top-bar .top-bar-right .car-shop .car-shop-list .fa-power-off {
    color: #f00;
    padding: 0 5px
}

.top-bar .top-bar-right .icon {
    padding: 26px 3px;
    line-height: normal
}

.top-bar .top-bar-right .icon .vipIcon {
    width: 20px;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    text-align: center;
    color: #fff;
    background: #c0c0c0;
    border-radius: 2px
}

.top-bar .top-bar-right .icon .pay-state {
    position: absolute;
    width: 200px;
    left: -150px;
    top: 52px;
    display: none;
    padding: 10px 15px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 0 6px #b3b3b3
}

.top-bar .top-bar-right .icon .pay-state a {
    padding: 6px 10px;
    float: right;
    background: #fb4242;
    border-radius: 2px;
    color: #fff;
    margin-top: 10px;
    margin-left: 10px
}

.top-bar .top-bar-right .icon span {
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    top: -5px;
    left: 175px;
    box-shadow: -2px -2px 5px #dedede
}

.top-bar .top-bar-right .icon .menber {
    background: #f00
}

.top-bar .top-bar-right .user-name {
    max-width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.top-bar .top-bar-right .head-portrait {
    margin-left: 5px
}

.top-bar .top-bar-right .head-portrait img {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #e2e2e2
}

.top-bar .edit-out {
    position: absolute;
    top: 70px;
    right: 15px;
    width: 150px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    box-shadow: 0 0 5px #999;
    background: #fff
}

.toggle-sidebar-width .sidebar {
    width: 60px !important
}

.toggle-sidebar-width .main,
.toggle-sidebar-width .top-bar,
.toggle-sidebar-width .footer,
.toggle-sidebar-width .tb-footer {
    left: 60px !important
}

.toggle-sidebar-width #prompt {
    width: 100px !important
}

.toggle-sidebar-width #header {
    left: 100px !important
}

#udesk_btn a:hover::before {
    content: '';
    position: absolute;
    top: 36px;
    left: 18px;
    width: 6px;
    height: 6px;
    background: #fff;
    transform: rotate(45deg);
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    z-index: 99
}

#udesk_btn a:hover::after {
    content: '联系客服';
    position: absolute;
    top: 39px;
    left: -21px;
    width: 86px;
    padding: 2px;
    border: 1px solid #ccc;
    color: #666;
    border-radius: 4px;
    background: #fff
}

.arr-down {
    display: inline-block;
    width: 10px;
    height: 5px;
    background: url(../imges/container/select_car_shop.png) no-repeat;
    cursor: pointer
}

.arr-down.current {
    transform: rotate(180deg)
}

.arr-up {
    transform: rotate(180deg)
}

.sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 190px;
    height: 100%;
    vertical-align: top;
    z-index: 100;
    line-height: 40px;
    background: #252834;
    overflow: hidden
}

.sidebar .sidebar-header {
    position: relative;
    height: 70px;
    z-index: 100;
    overflow: hidden
}

.sidebar .sidebar-header a {
    display: none;
    display: block;
    height: 100%;
    overflow: hidden
}

.sidebar .sidebar-header h3 {
    color: #fff;
    margin-top: 30px;
    text-align: center
}

.sidebar .sidebar-header img {
    margin: 20px 0 0 8px
}

.sidebar .btn-toggle-menu {
    width: 20px;
    height: 20px;
    color: #fff;
    background: url("../imges/locking.png") no-repeat;
    background-size: 20px
}

.sidebar .unlocked {
    background: url("../imges/unlocked.png") no-repeat;
    background-size: 20px
}

.sidebar .pull-down::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 9px;
    width: 22px;
    height: 22px;
    background-image: url(../imges/container/arr.png);
    background-size: cover
}

.sidebar .menu-group {
    position: absolute;
    left: 0;
    top: 110px;
    bottom: 40px;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden
}

.sidebar .menu-group li {
    position: relative;
    cursor: pointer
}

.sidebar .menu-group .one-level {
    min-height: 40px
}

.sidebar .menu-group .one-level .menu-icon {
    position: absolute;
    top: 11px;
    left: 21px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../imges/container/container_icon.png);
    background-position: 0 0
}

.sidebar .menu-group .one-level .menu-icon:after {
    content: "";
    position: absolute;
    top: -11px;
    left: -21px;
    height: 40px;
    width: 3px;
    background: none
}

.sidebar .menu-group .one-level a {
    display: block;
    color: #abb4be;
    padding-left: 65px
}

.sidebar .menu-group .one-level li:hover {
    background: #1c1f27
}

.sidebar .menu-group .one-level .one-level-link {
    display: block
}

.sidebar .menu-group .one-level.current .menu-icon:after {
    background: #f00
}

.sidebar .menu-group .one-level:first-child .menu-icon {
    background-position-x: 20px
}

.sidebar .menu-group .sub-menu {
    display: none
}

.sidebar .menu-group .sub-block {
    display: block
}

.sidebar .menu-group .second-level a::after {
    content: '';
    position: absolute;
    top: 18px;
    left: 37px;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: none;
    border: 1px solid #fff
}

.sidebar .menu-group .second-level .current-a::after {
    content: '';
    position: absolute;
    top: 18px;
    left: 37px;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: none;
    background: #fff
}

.sidebar .menu-group .second-level .vipIcon::before {
    content: '￥';
    position: absolute;
    top: 14px;
    right: 10px;
    width: 20px;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    text-align: center;
    color: #fff;
    background: #c0c0c0;
    border-radius: 2px
}

.sidebar .menu-group .second-level .menber::before {
    color: #fff;
    background: #f00;
    border-radius: 2px
}

.sidebar .menu-group .second-level .current-a {
    color: #fff
}

.sidebar .message {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 65px;
    size: 10px;
    color: #fff;
    background: #4b4b4b;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer
}

.sidebar .message .message-icon {
    position: absolute;
    top: 0;
    left: 21px
}

.sidebar .message .message-icon span {
    position: absolute;
    top: 3px;
    left: 16px;
    min-width: 16px;
    padding: 0 2px;
    line-height: 16px;
    background: #ff3c3c;
    border-radius: 8px;
    font-size: 10px;
    text-align: center
}

.sidebar .newFeatures .menu-icon::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #f00
}

.sidebar .newFeatures .newMenu::before {
    content: 'New';
    position: absolute;
    left: 8px;
    top: -2px;
    display: inline-block;
    color: #f00;
    font-size: 10px
}

.page {
    overflow: hidden;
    background: #fff;
    margin: 10px 0;
    text-align: center
}

.page ul {
    display: inline-block;
    overflow: hidden
}

.page ul li {
    padding: 4px 15px;
    float: left;
    border: 1px solid #ececec;
    color: #666;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 3px
}

.page ul li .blue {
    color: #339feb;
    margin: 0
}

.page ul li span {
    margin: 0
}

.page ul li:last-child {
    margin-right: 0
}

.page ul span {
    display: inline-block;
    margin-top: 5px
}

.page p {
    text-align: center;
    margin-top: 10px
}

.page p strong {
    color: #f00
}

.modal-content .page {
    margin-bottom: 0
}

.modal {
    overflow: hidden
}

.table-operation td:last-child {
    min-width: 60px
}

.comm_in .table-change thead tr td:first-child,
.comm_in .table-change tbody tr td:first-child,
.comm_in .table-change thead tr th:first-child,
.comm_in .table-change tbody tr th:first-child {
    width: 70px
}

.activity_detail .table-change thead tr td:first-child,
.card_activity .table-change thead tr td:first-child,
.activity_detail .table-change tbody tr td:first-child,
.card_activity .table-change tbody tr td:first-child,
.activity_detail .table-change thead tr th:first-child,
.card_activity .table-change thead tr th:first-child,
.activity_detail .table-change tbody tr th:first-child,
.card_activity .table-change tbody tr th:first-child {
    width: 45px
}

.table-change th {
    font-weight: normal;
    position: relative
}

.table-change thead tr th {
    border-bottom-width: 0;
    border-color: #d8e5e8;
    background: #edf7f9;
    white-space: nowrap
}

.table-change tbody tr td {
    border-color: #d9d9d9;
    height: 37px
}

.table-change tbody tr td:first-child {
    width: 45px
}

.table-change tbody tr .min-td {
    width: 68px
}

.table-change tbody tr .mid-td {
    width: 100px
}

.table-change tbody tr .big-td {
    width: 120px
}

.table-change tbody tr .subtotal {
    text-align: right
}

.td-commodity {
    width: 250px
}

textarea {
    height: 100px !important;
    margin-top: 10px;
    resize: none
}

.set-del {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 10px;
    z-index: 9
}

.set-del i {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer
}

.set-del .set {
    background: url(../imges/commossion/set.png)
}

.set-del .del {
    background: url(../imges/commossion/delet.png)
}

.set-del .activity-effect {
    background: url(../imges/commossion/activity-effect.png)
}

.set-del .booking-details {
    background: url(../imges/commossion/booking-details.png)
}

.set-del .copy-link {
    background: url(../imges/commossion/copy-link.png)
}

.set-del .fabu {
    background: url(../imges/commossion/fabu.png);
    background-size: cover
}

.required {
    margin-top: 3px;
    margin-right: 2px;
    float: right;
    font-size: 18px;
    color: #f00
}

::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555
}

#header {
    position: fixed;
    top: 0;
    left: 230px;
    z-index: 99;
    min-width: 600px
}

.three-menu {
    height: 68px;
    background: #fff
}

.three-menu .menu-left {
    line-height: 70px
}

.three-menu .sidebar-toggle {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    background-image: url(../imges/container/container_icon.png);
    background-position: 0 300px;
    vertical-align: middle
}

.three-menu .current {
    background: -webkit-linear-gradient(left, #ff7000, #ff5200);
    box-shadow: 0 4px 8px rgba(255, 84, 0, 0.2)
}

.three-menu .current span {
    background: none;
    color: #fff
}

.three-menu .menu-button {
    line-height: 68px;
    margin: 0 15px;
    font-size: 16px
}

.three-menu .menu-button.current {
    background: none;
    box-shadow: none;
    border-bottom: 2px solid #0f7efa
}

.three-menu .menu-button.current span {
    color: #0f7efa
}

.trial-prompt {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px dashed #1d2127;
    overflow: hidden;
    line-height: 30px;
    border-radius: 6px
}

.trial-prompt h4 {
    font-size: 18px;
    color: #333
}

.trial-prompt h4 strong {
    font-size: 20px;
    color: #fb4242
}

.trial-prompt .right h4 {
    margin-right: 20px;
    line-height: 42px
}

.trial-prompt .right button {
    padding: 6px 16px;
    color: #fff;
    background: #fb4242;
    border-radius: 4px
}

.renew h4 {
    line-height: 30px
}

.renew .right button {
    padding: 6px 16px;
    color: #fff;
    background: #fb4242;
    border-radius: 4px;
    margin-left: 15px
}

.cardshop-service .trial-prompt {
    border-color: #fb4242
}

.cardshop-service .enterprise-edition {
    margin-top: 30px
}

.cardshop-service .enterprise-edition h3 {
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px dashed #dedede
}

.cardshop-service .enterprise-edition ul li {
    width: 33.3%;
    padding: 20px;
    float: left;
    position: relative
}

.cardshop-service .enterprise-edition ul li img {
    position: absolute;
    width: 40px;
    top: 20px;
    left: 20px
}

.cardshop-service .enterprise-edition ul li div {
    padding-left: 50px;
    display: inline-block
}

.search-car {
    position: relative;
    overflow: visible
}

.search-car .inputsearch {
    width: 300px
}

.search-car .cars {
    position: absolute;
    left: 0;
    top: 34px;
    z-index: 99;
    width: 500px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 20px #ccc
}

.search-car .cars .table {
    margin-bottom: 0
}

.search-car .cars .table tr {
    cursor: pointer;
    border-bottom: 1px solid #ccc
}

.search-car .cars .table tr:hover {
    background: #edf7f9
}

.search-car .cars .table td {
    padding: 4px;
    border-top: 0
}

.search-car .cars .page p {
    width: 100%;
    text-align: center
}

.searchCarInf {
    width: 500px !important
}

.searchCarInf .ui-select-choices-group .ui-select-choices-row>a {
    padding: 3px
}

.searchCarInf span {
    padding: 0 3px;
    display: inline-block;
    text-align: left
}

.searchCarInf span:first-child {
    width: 100px
}

.searchCarInf span:nth-of-type(2) {
    width: 100px
}

.searchCarInf span:nth-of-type(3) {
    width: 100px
}

.searchCarInf span:nth-of-type(4) {
    width: 50px
}

.searchCarInf span:nth-of-type(5) {
    width: 120px
}

.searchCarInf .ui-select-highlight {
    width: auto !important
}

.main .supplier-select>.ui-select-match>.btn {
    width: 180px
}

.main .supplier-select .ui-select-dropdown.dropdown-menu {
    width: 520px
}

.main .supplier-select .ui-select-choices-row-inner span {
    display: inline-block;
    width: 100px;
    white-space: normal;
    vertical-align: text-top
}

.main .supplier-select .ui-select-choices-row-inner span:first-child {
    width: 200px
}

.remarkPosition .left {
    line-height: 34px
}

.remarkPosition .box {
    padding-left: 90px
}

.remarkPosition .box .form-control {
    margin: 0
}

.filtrate .filtrate-btn {
    position: relative;
    width: 200px;
    height: 40px;
    line-height: 30px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ddd
}

.filtrate .current {
    border-color: #08c
}

.filtrate .filtrate-btn::after {
    content: '';
    position: absolute;
    right: -3px;
    top: 5px;
    width: 1px;
    height: 30px;
    background: #ccc
}

.filtrate .filtrate-btn:last-child::after {
    width: 0
}

.filtrate .add-height {
    height: 55px
}

.edit-user .section {
    width: 300px;
    margin: 0 auto
}

.edit-user .header-icon {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px
}

.edit-user .header-icon img {
    width: 150px;
    height: 150px;
    margin-bottom: 5px;
    border-radius: 50%
}

.edit-user .header-icon button {
    position: relative
}

.edit-user .header-icon input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.edit-user .item {
    margin-bottom: 10px
}

.edit-user .item span {
    display: inline-block;
    width: 100px;
    text-align: right
}

.edit-user .item strong {
    display: inline-block;
    margin-left: 5px
}

.index .index-path {
    padding: 30px 40px;
    margin-bottom: 20px;
    border: 1px solid #ebebeb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden
}

.index .index-path .path-item {
    position: relative;
    width: 22%;
    float: left
}

.index .index-path .path-item .path-arr {
    position: absolute;
    top: 19px;
    left: 70px;
    right: 5px;
    height: 2px;
    background: #d6e8fe
}

.index .index-path .path-item .path-arr:after {
    content: '';
    position: absolute;
    right: 2px;
    top: -7px;
    transform: rotate(-45deg);
    width: 16px;
    height: 16px;
    border-right: 3px solid #d6e8fe;
    border-bottom: 3px solid #d6e8fe
}

.index .index-path .path-item p {
    margin-top: 6px
}

.index .index-path .path-item p span:first-child {
    margin: 0 5px
}

.index .index-path .path-item .m-c {
    color: #1e00d6
}

.index .index-path .path-item:nth-of-type(5) {
    width: 80px
}

.index .index-path .path-item:nth-of-type(6) {
    width: 100%;
    height: 100px
}

.index .index-path .path-item:nth-of-type(6) .path-arr02 {
    position: absolute;
    left: 44%;
    margin-left: 35px;
    top: 5px;
    bottom: 0;
    width: 2px;
    background: #d6e8fe
}

.index .index-path .path-item:nth-of-type(6) .path-arr02:after {
    content: '';
    position: absolute;
    right: -7px;
    top: 0;
    transform: rotate(-135deg);
    width: 16px;
    height: 16px;
    border-right: 3px solid #d6e8fe;
    border-bottom: 3px solid #d6e8fe
}

.index .index-path .gradient-button {
    width: 70px;
    margin: 0
}

.index .index-path .gradient-button span {
    width: 68px
}

.index .index-graph {
    float: left;
    width: 60%;
    height: 360px;
    border: 1px solid #ebebeb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden
}

.index .index-graph header {
    height: 60px
}

.index .index-graph header .right {
    float: right;
    margin: 20px 0 10px 0;
    font-size: 12px;
    line-height: 25px
}

.index .index-graph header .right .gradient-button {
    margin-right: 20px;
    margin-top: 0;
    width: 50px;
    height: 25px;
    line-height: 25px;
    border-radius: 12px
}

.index .index-graph header .right .gradient-button span {
    width: 48px;
    height: 23px;
    border-radius: 12px
}

.index .current {
    background: -webkit-linear-gradient(left, #ff7000, #ff5200)
}

.index .current span {
    background: none;
    color: #fff
}

.index #business-summary {
    height: 330px
}

.index .index-income .income-target {
    float: left;
    width: 38%;
    margin-left: 2%;
    height: 360px;
    border: 1px solid #ebebeb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 4px
}

.index .index-income .income-target header {
    padding: 20px 0 20px 20px;
    line-height: 22px;
    overflow: hidden
}

.index .index-income .income-target header .gray {
    color: #888c90
}

.index .index-income .income-target header .fr {
    font-size: 12px
}

.index .index-income .income-target header .fr .gradient-button {
    width: 80px;
    height: 25px;
    line-height: 25px;
    border-radius: 12px;
    margin-top: 0
}

.index .index-income .income-target header .fr .gradient-button span {
    width: 78px;
    height: 23px;
    border-radius: 12px
}

.index .index-income .income-target .set-target {
    text-align: center
}

.index .index-income .income-target .set-target strong {
    color: #000;
    font-size: 26px
}

.index .index-income .income-target .set-target strong i {
    font-size: 18px;
    margin-left: 10px;
    cursor: pointer
}

.index .index-income .income-target .set-target strong i:hover {
    color: #08c
}

.index .index-income #target-percent {
    display: block;
    margin: 0 auto
}

.finance {
    margin-top: 10px
}

.finance .section {
    margin-top: 10px
}

.finance .form-control,
.finance .input-group {
    width: 180px
}

.finance .list .table {
    margin-bottom: 10px
}

.finance .list .table th {
    white-space: nowrap
}

.finance input[type=checkbox] {
    margin-right: 3px
}

.finance .business-list .business {
    overflow-x: auto
}

.finance .business-list .item-group {
    width: 1220px
}

.finance .business-list .item {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 152px;
    margin: 20px;
    background: #fff;
    border: 1px solid #dedede;
    text-align: center;
    vertical-align: top
}

.finance .business-list .item>div {
    line-height: 50px;
    font-size: 16px
}

.finance .business-list .item h3 {
    line-height: 50px;
    margin-left: 0
}

.finance .business-list .item p:last-child {
    font-size: 14px;
    color: #999
}

.finance .business-list .item .omit-detail {
    font-size: 14px
}

.finance .business-list .charts-header {
    margin-top: 20px
}

.finance .business-list .charts-header button {
    width: 150px;
    height: 40px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-right: 20px;
    border-bottom: 2px solid #08c
}

.finance .business-list .section {
    overflow-x: auto
}

.finance .business-list .list {
    min-width: 1150px
}

.finance .business-list .left-table {
    display: inline-block;
    width: 750px
}

.finance .business-list .left-table tr:nth-of-type(2),
.finance .business-list .left-table tr:nth-of-type(4),
.finance .business-list .left-table tr:nth-of-type(8),
.finance .business-list .left-table tr:nth-of-type(9) {
    background: #f2f2f2
}

.finance .business-list .left-table th:nth-of-type(2)~th {
    width: 100px
}

.finance .business-list .left-table td {
    padding: 0
}

.finance .business-list .left-table td:first-child {
    padding: 8px
}

.finance .business-list .left-table .project {
    width: 100px
}

.finance .business-list .left-table .project:first-child {
    width: 303px;
    text-align: left;
    border: 0
}

.finance .business-list .left-table .big-class {
    overflow: hidden;
    border-bottom: 1px solid #eee
}

.finance .business-list .left-table .other-class {
    border-bottom: .5px solid #d9d9d9
}

.finance .business-list .left-table .other-class:last-child {
    border: 0
}

.finance .business-list .div-table {
    border-top: .5px solid #d9d9d9;
    overflow: hidden;
    background: #f2f2f2
}

.finance .business-list .project {
    float: left;
    width: 100px;
    min-height: 36px;
    padding: 8px;
    border-left: .5px solid #d9d9d9;
    box-sizing: border-box;
    text-align: center
}

.finance .business-list .right-table {
    display: inline-block;
    width: 350px;
    margin-left: 30px;
    vertical-align: top
}

.finance .business-list .right-table .table:first-child th {
    width: 100px
}

.finance .business-list .right-table .table:first-child th:first-child {
    width: 50px
}

.finance .business-list .right-table .table:first-child td:nth-of-type(2),
.finance .business-list .right-table .table:first-child td:nth-of-type(3) {
    padding: 0
}

.finance .business-list .right-table .div-table {
    background: none
}

.finance .business-list .right-table .div-table:first-child {
    border: 0
}

.finance .business-list .right-table .project:first-child {
    border: 0
}

.finance .business-list .right-table .project {
    width: 99px
}

.finance .business-list .right-table .table:nth-of-type(2) td {
    width: 58px
}

.finance .business-list .right-table .table:nth-of-type(3) td:first-child {
    width: 150px
}

.finance .business-trend .filtrate-btn {
    margin-bottom: 10px
}

.finance .business-trend .menu-right {
    margin: 5px auto
}

.finance .business-trend .function-list {
    overflow: hidden
}

.finance .business-trend .table td {
    width: 80px
}

.finance .business-trend .table td:first-child {
    width: 160px
}

.finance .taking td:first-child {
    width: 150px
}

.finance .taking td:nth-of-type(2),
.finance .taking td:nth-of-type(4) {
    width: 100px
}

.finance .taking td:nth-of-type(5) {
    width: 120px
}

.finance .taking td:nth-of-type(6) {
    width: 200px
}

.finance .taking .choose-source-type .project-type {
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 10;
    min-width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    overflow-y: auto;
    height: 268px
}

.finance .taking .choose-source-type .project-type p {
    padding: 10px;
    text-align: left
}

.finance .taking .choose-source-type .project-type .form-inline {
    padding: 0 10px;
    margin-bottom: 10px;
    text-align: left
}

.finance .taking .choose-source-type .project-type .form-inline input[type='checkbox'] {
    width: 20px
}

.finance .taking .choose-source-type .project-type .form-inline .form-group {
    margin-right: 30px
}

.finance .taking .choose-source-type .project-type .form-inline .form-control {
    width: 220px
}

.finance .taking .choose-source-type .project-type .list {
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 -1px 5px #ddd
}

.finance .taking .choose-source-type .project-type .table tr:first-child td:nth-of-type(2) {
    width: 100px
}

.finance .taking .choose-source-type .project-type .table tr:first-child td:nth-of-type(4) {
    width: 150px
}

.finance .taking-record td:first-child,
.finance .taking-record td:nth-of-type(2) {
    width: 160px
}

.finance .taking-record td:nth-of-type(3),
.finance .taking-record td:nth-of-type(4),
.finance .taking-record td:nth-of-type(5) {
    width: 100px
}

.finance .taking-record td:last-child {
    width: 150px
}

.finance .batch-taking .cars {
    position: absolute;
    left: 0;
    top: 34px;
    width: 500px;
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    z-index: 9;
    box-shadow: #999 0 0 10px
}

.finance .batch-taking .cars tr {
    cursor: pointer
}

.finance .batch-taking .cars td:first-child {
    width: 150px;
    text-align: left
}

.finance .batch-taking .cars td:nth-of-type(2) {
    width: 100px;
    text-align: left
}

.finance .batch-taking .cars td:nth-of-type(3) {
    width: 100px
}

.finance .batch-taking .cars td:last-child {
    width: 150px
}

.finance .batch-taking .list td {
    min-width: 100px
}

.finance .batch-taking .list .money {
    width: 100px
}

.finance .batch-taking textarea.form-control {
    width: 100%;
    overflow: hidden
}

.finance .batch-taking .total {
    color: #333
}

.finance .batch-taking .total .form-inline {
    margin-top: 20px
}

.finance .pay .list td:nth-of-type(2) {
    min-width: 250px;
    text-align: left
}

.finance .pay-detail .table .caption {
    padding: 0
}

.finance .pay-detail .table .caption button {
    margin-left: 20px;
    color: #08c;
    border-bottom: 1px solid #08c
}

.finance .pay-detail .table input {
    width: 66px;
    text-align: center
}

.finance .pay-detail .remark {
    width: 100%
}

.finance .pay-detail .remark .form-control {
    width: 100%;
    margin-bottom: 20px
}

.finance .pay-record .table td {
    white-space: nowrap
}

.finance .pay-record .table td:nth-of-type(7) {
    white-space: normal
}

.finance .income-expenditure .col-sm-4 {
    position: relative;
    padding: 0 20px 20px;
    min-width: 260px;
    text-align: center
}

.finance .income-expenditure .col-sm-4 p {
    line-height: 50px;
    font-size: 16px
}

.finance .income-expenditure .col-sm-4 p:last-child {
    font-size: 14px;
    color: #999
}

.finance .income-expenditure .col-sm-4 h3 {
    line-height: 50px;
    margin-left: 0
}

.finance .income-expenditure .col-sm-4 .glyphicon {
    position: absolute;
    right: -10px;
    top: 65px;
    color: #08c;
    font-size: 20px
}

.finance .income-expenditure .col-sm-4 .glyphicon-pause {
    top: 70px;
    transform: rotate(90deg)
}

.finance .income-expenditure .col-sm-4 section {
    height: 152px;
    background: #fff;
    border: 1px solid #dedede
}

.finance .income-expenditure .table td:last-child {
    text-align: right
}

.finance .income-expenditure .row .col-sm-6 td:first-child {
    width: auto
}

.finance .income-expenditure .filtrate-btn {
    margin-bottom: 10px
}

.finance .trend .filtrate-btn {
    margin-bottom: 10px
}

.finance .trend .menu-right {
    margin: 5px auto
}

.finance .trend .list {
    overflow-x: auto;
    min-width: 100%
}

.finance .trend .list .table {
    width: auto;
    min-width: 100%
}

.finance .trend .list .table th,
.finance .trend .list .table td {
    padding: 8px 0;
    min-width: 140px;
    width: 140px
}

.finance .trend .list .table td:first-child {
    white-space: nowrap
}

.finance .trend .list span {
    display: inline-block;
    overflow: hidden
}

.finance .trend .list span:first-child {
    width: 65%
}

.finance .trend .list span:last-child {
    width: 35%
}

.finance .trend .list span:first-child::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 35%;
    width: 1px;
    background: #d8e5e8
}

.finance .income-expenditure-detail td:first-child {
    width: auto
}

.finance .income-expenditure-detail td:nth-of-type(8) {
    width: 400px
}

.finance .other-payments td:first-child {
    width: auto
}

.finance .category-setting td:first-child {
    width: 250px
}

.finance .reception-project .list {
    overflow-x: auto
}

.finance .reception-project .list .table {
    width: 3000px
}

.finance .reception-project .list td {
    white-space: normal
}

.finance .reception-project .list td:first-child,
.finance .reception-project .list td:nth-of-type(2),
.finance .reception-project .list td:nth-of-type(4),
.finance .reception-project .list td:nth-of-type(7),
.finance .reception-project .list td:nth-of-type(10) {
    width: 180px
}

.finance .reception-project .list td:nth-of-type(8) {
    width: 300px
}

.finance .reception-project .list td:nth-of-type(6),
.finance .reception-project .list td:nth-of-type(7),
.finance .reception-project .list td:nth-of-type(8) {
    text-align: left
}

.finance .reception-project .list td:nth-of-type(3),
.finance .reception-project .list td:nth-of-type(5),
.finance .reception-project .list td:last-child {
    width: 150px
}

.finance .reception-project .list td:nth-of-type(19),
.finance .reception-project .list td:nth-of-type(11),
.finance .reception-project .list td:nth-of-type(12),
.finance .reception-project .list td:nth-of-type(13),
.finance .reception-project .list td:nth-of-type(14),
.finance .reception-project .list td:nth-of-type(15),
.finance .reception-project .list td:nth-of-type(16),
.finance .reception-project .list td:nth-of-type(17),
.finance .reception-project .list td:nth-of-type(18) {
    width: 100px
}

.finance .deposit-list .list td:last-child,
.finance .deposit-refund .list td:last-child,
.finance .deposit-carryover .list td:last-child {
    min-width: 80px
}

.finance-income-detail .toogle-date {
    margin-bottom: -1px;
    z-index: 9
}

.finance-income-detail .toogle-date button {
    display: inline-block;
    width: 120px;
    height: 37px;
    line-height: 37px;
    margin-right: 5px;
    color: #999;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-bottom: none;
    border-radius: 3px 3px 0 0
}

.finance-income-detail .toogle-date .current {
    color: #333;
    background: #edf7f9;
    border: 1px solid #d8e5e8;
    border-bottom: none
}

.finance-income-detail .summary {
    margin-bottom: 10px;
    overflow: hidden;
    background: #edf7f9;
    text-align: center;
    border: 1px solid #d8e5e8
}

.finance-income-detail .summary .col-sm-3 {
    height: 80px
}

.finance-income-detail .summary span {
    display: inline-block;
    margin-top: 16px;
    font-size: 16px
}

.finance-income-detail .summary strong {
    display: inline-block;
    font-size: 20px
}

.finance-income-detail .list td:first-child {
    width: 160px
}

.finance-income-detail .list td:nth-of-type(3),
.finance-income-detail .list td:nth-of-type(4),
.finance-income-detail .list td:nth-of-type(5) {
    width: 80px
}

.finance-income-detail .list td:nth-of-type(6) {
    width: 110px
}

.finance-income-detail .list td:nth-of-type(2),
.finance-income-detail .list td:nth-of-type(7),
.finance-income-detail .list td:nth-of-type(10) {
    width: 140px
}

.finance-income-detail .list td:nth-of-type(8),
.finance-income-detail .list td:nth-of-type(9) {
    width: 100px
}

.finance-income-detail .list td:last-child {
    width: 120px
}

.situation-all .col-sm-4 {
    text-align: center
}

.situation-all .col-sm-4 section {
    height: 152px;
    background: #fff;
    border: 1px solid #dedede
}

.situation-all .col-sm-4 p {
    line-height: 50px;
    font-size: 16px
}

.situation-all .col-sm-4 h3 {
    line-height: 50px;
    margin-left: 0
}

.situation-all .col-sm-4 .glyphicon {
    position: absolute;
    right: -10px;
    top: 65px;
    color: #08c;
    font-size: 20px
}

.situation-all .col-sm-4 .glyphicon-pause {
    top: 70px;
    transform: rotate(90deg)
}

.dropdown-menu {
    min-width: auto
}

.dropdown-menu a {
    cursor: pointer
}

.reception-list .choose-source-type .project-type {
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 10;
    min-width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    overflow-y: auto;
    height: 220px
}

.reception-list .choose-source-type .project-type .end-text {
    color: #00f
}

.reception-list .choose-source-type .project-type p {
    padding: 10px;
    text-align: left
}

.reception-list .choose-source-type .project-type .form-inline {
    padding: 0 10px;
    margin-bottom: 10px;
    text-align: left
}

.reception-list .choose-source-type .project-type .form-inline input[type='checkbox'] {
    width: 20px
}

.reception-list .choose-source-type .project-type .form-inline .form-group {
    margin-right: 30px
}

.reception-list .choose-source-type .project-type .form-inline .form-control {
    width: 220px
}

.reception-list .choose-source-type .project-type .list {
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 -1px 5px #ddd
}

.reception-list .choose-source-type .project-type .table tr:first-child td:nth-of-type(2) {
    width: 100px
}

.reception-list .choose-source-type .project-type .table tr:first-child td:nth-of-type(4) {
    width: 150px
}

.reception-list .hang_down {
    margin-top: 10px;
    overflow: hidden
}

.reception-list .hang_down .container-fluid {
    padding: 0;
    overflow: hidden
}

.reception-list .hang_down .hang {
    overflow: hidden
}

.reception-list .hang_down .hang button {
    margin-right: 5px;
    padding: 8px 15px;
    color: #999;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-bottom: none;
    border-radius: 3px 3px 0 0
}

.reception-list .hang_down .hang .current {
    background: #2eb0b8;
    color: #fff;
    border: 1px solid #279da4;
    border-bottom: none
}

.reception-list .hang_down .hang .search {
    margin-bottom: 10px
}

.reception-list .hang_down .all_hang {
    background: #fff;
    text-align: center;
    overflow-x: auto
}

.reception-list .hang_down .all_hang .text-primary {
    color: #08c;
    margin-top: 6px;
    cursor: pointer
}

.reception-list .hang_down .all_hang td:first-child {
    width: 150px;
    text-align: left
}

.reception-list .hang_down .all_hang td:nth-of-type(2) {
    text-align: left;
    width: 110px
}

.reception-list .hang_down .all_hang td:nth-of-type(3) {
    text-align: left;
    min-width: 120px
}

.reception-list .hang_down .all_hang td:nth-of-type(4),
.reception-list .hang_down .all_hang td:nth-of-type(5),
.reception-list .hang_down .all_hang td:nth-of-type(8),
.reception-list .hang_down .all_hang td:nth-of-type(9) {
    width: 104px
}

.reception-list .hang_down .all_hang td:nth-of-type(6),
.reception-list .hang_down .all_hang td:nth-of-type(7) {
    width: 180px
}

.reception-list .hang_down .all_hang td:nth-of-type(8) {
    text-align: right
}

.reception-list .hang_down .all_hang td:last-child {
    width: 130px
}

.reception-list .single_losses,
.reception-list .cleared,
.reception-list .to_checked,
.reception-list .pick_car,
.reception-list .put_car {
    display: none
}

.rp_detail .con_up,
.hang_detail .con_up {
    background: #fff;
    padding-right: 10px
}

.rp_detail .con_up .row,
.hang_detail .con_up .row {
    position: relative;
    margin: 0 0 10px 0
}

.rp_detail .con_up .row img,
.hang_detail .con_up .row img {
    position: absolute;
    top: 0;
    left: 0;
    width: 53px;
    height: 53px;
    border-radius: 4px
}

.rp_detail .con_up .row .info,
.hang_detail .con_up .row .info {
    padding-left: 60px
}

.rp_detail .con_up .row .col-sm-7,
.hang_detail .con_up .row .col-sm-7,
.rp_detail .con_up .row .col-sm-12,
.hang_detail .con_up .row .col-sm-12 {
    padding: 0
}

.rp_detail .con_up .row .col-sm-5.form-inline,
.hang_detail .con_up .row .col-sm-5.form-inline {
    padding-left: 0;
    padding-right: 0
}

.rp_detail .con_up .row .col-sm-5.form-inline .form-group,
.hang_detail .con_up .row .col-sm-5.form-inline .form-group {
    margin-right: 0;
    margin-left: 10px
}

.rp_detail .con_up .row .cars,
.hang_detail .con_up .row .cars {
    top: 49px
}

.rp_detail .con_up .row .returned,
.hang_detail .con_up .row .returned {
    display: inline-block;
    padding: 6px 25px;
    border-radius: 4px
}

.rp_detail .con_up .row .pay,
.hang_detail .con_up .row .pay {
    padding: 6px 25px;
    background: #ec6941;
    color: #fff;
    border: 1px solid #bc411b;
    border-radius: 4px
}

.rp_detail .con_up .row .print,
.hang_detail .con_up .row .print {
    padding: 6px 25px;
    background: #eaa500;
    color: #fff;
    border: 1px solid #d3a31e;
    border-radius: 4px
}

.rp_detail .con_up .row .btn-default,
.hang_detail .con_up .row .btn-default {
    padding: 6px 25px
}

.rp_detail .con_up .enter,
.hang_detail .con_up .enter,
.rp_detail .con_up .get,
.hang_detail .con_up .get {
    float: left
}

.rp_detail .con_up .user-inf,
.hang_detail .con_up .user-inf {
    float: left;
    min-width: 196px;
    cursor: pointer;
    border-bottom: 1px solid #999;
    margin-right: 20px
}

.rp_detail .con_up .user-inf strong,
.hang_detail .con_up .user-inf strong {
    margin-right: 10px
}

.rp_detail .con_up .user-inf button,
.hang_detail .con_up .user-inf button {
    color: #08c;
    text-decoration: underline
}

.rp_detail .con_up .user-inf .icon-wx,
.hang_detail .con_up .user-inf .icon-wx {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../imges/customer/icon-wx.png) no-repeat;
    background-size: contain
}

.rp_detail .con_up .user-inf .iconGz,
.hang_detail .con_up .user-inf .iconGz {
    background: url(../imges/customer/icon-vip.png) no-repeat;
    background-size: contain
}

.rp_detail .con_up .user-bind,
.hang_detail .con_up .user-bind {
    float: left;
    margin-right: 20px;
    border-bottom: 1px solid #07a;
    cursor: pointer
}

.rp_detail .con_up .user-card,
.hang_detail .con_up .user-card {
    position: relative;
    max-width: 300px;
    margin-right: 20px;
    color: #ea4a3e;
    background: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    border-bottom: 1px solid #999
}

.rp_detail .con_up .card-info,
.hang_detail .con_up .card-info {
    position: absolute;
    top: 17px;
    left: 50px;
    width: 600px;
    max-height: 400px;
    background: #fff;
    z-index: 9;
    color: #333;
    box-shadow: 0 0 10px #000;
    border-radius: 4px;
    overflow: auto
}

.rp_detail .con_up .card-info p,
.hang_detail .con_up .card-info p {
    padding: 0 8px
}

.rp_detail .con_up .card-info .table,
.hang_detail .con_up .card-info .table {
    margin: 0
}

.rp_detail .con_up .card-info td:first-child,
.hang_detail .con_up .card-info td:first-child {
    width: 200px;
    text-align: left
}

.rp_detail .con_up .card-info td:nth-of-type(2),
.hang_detail .con_up .card-info td:nth-of-type(2),
.rp_detail .con_up .card-info td:nth-of-type(3),
.hang_detail .con_up .card-info td:nth-of-type(3) {
    width: 80px
}

.rp_detail .con_up .card-info td:nth-of-type(4),
.hang_detail .con_up .card-info td:nth-of-type(4) {
    width: 100px
}

.rp_detail .con_up .card-info td:nth-of-type(5),
.hang_detail .con_up .card-info td:nth-of-type(5) {
    width: 220px;
    text-align: left
}

.rp_detail .con_up .user-coupon,
.hang_detail .con_up .user-coupon {
    color: #ea4a3e;
    cursor: pointer;
    border-bottom: 1px solid #999
}

.rp_detail .con_up .cart_title,
.hang_detail .con_up .cart_title {
    overflow: hidden;
    margin-bottom: 6px
}

.rp_detail .con_up .cart_title h3,
.hang_detail .con_up .cart_title h3 {
    font-size: 24px;
    float: left;
    color: #24293d;
    font-weight: bold;
    cursor: pointer
}

.rp_detail .con_up .cart_title p,
.hang_detail .con_up .cart_title p {
    float: left
}

.rp_detail .con_up .cart_title .models,
.hang_detail .con_up .cart_title .models {
    color: #aaa;
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #ccc;
    vertical-align: bottom;
    margin-left: 20px
}

.rp_detail .con_up .cart_title .record,
.hang_detail .con_up .cart_title .record {
    padding: 4px 0;
    margin-left: 20px;
    color: #333;
    cursor: pointer;
    border-bottom: 1px solid #999
}

.rp_detail .con_up .cart_title .record span,
.hang_detail .con_up .cart_title .record span {
    color: #ea4a3e
}

.rp_detail .con_up .user,
.hang_detail .con_up .user {
    position: relative
}

.rp_detail .con_up .user .card,
.hang_detail .con_up .user .card {
    margin-left: 30px
}

.rp_detail .con_up .user .card span,
.hang_detail .con_up .user .card span {
    margin-right: 10px
}

.rp_detail .con_up .user .card span:nth-of-type(2),
.hang_detail .con_up .user .card span:nth-of-type(2) {
    color: #ea4a3e
}

.rp_detail .con_up .form-inline,
.hang_detail .con_up .form-inline {
    padding-top: 15px
}

.rp_detail .con_up .form-inline .form-group,
.hang_detail .con_up .form-inline .form-group {
    margin-right: 20px
}

.rp_detail .con_up .other-inf .fr,
.hang_detail .con_up .other-inf .fr {
    float: none;
    display: inline-block
}

.rp_detail .other-inf,
.hang_detail .other-inf {
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede
}

.rp_detail .other-inf ul,
.hang_detail .other-inf ul {
    width: 750px;
    float: left;
    padding-left: 15px
}

.rp_detail .other-inf li,
.hang_detail .other-inf li {
    float: left
}

.rp_detail .other-inf li .control-label,
.hang_detail .other-inf li .control-label {
    width: 85px;
    text-align: right
}

.rp_detail .other-inf li input,
.hang_detail .other-inf li input,
.rp_detail .other-inf li select,
.hang_detail .other-inf li select {
    width: 155px
}

.rp_detail .other-inf .message,
.hang_detail .other-inf .message {
    margin: 0;
    padding-top: 15px;
    overflow: hidden
}

.rp_detail .other-inf .message label,
.hang_detail .other-inf .message label {
    float: left;
    width: 70px;
    line-height: 34px;
    padding: 0 6px 0 0;
    vertical-align: top;
    text-align: right
}

.rp_detail .other-inf .message div,
.hang_detail .other-inf .message div {
    overflow: hidden
}

.rp_detail .other-inf .message textarea,
.hang_detail .other-inf .message textarea {
    margin: 0;
    width: 100%;
    height: 86px !important
}

.rp_detail .other-inf .select-type,
.hang_detail .other-inf .select-type {
    position: absolute;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 5px #999;
    left: 0;
    top: 34px;
    width: 410px;
    min-height: 275px;
    border: 0
}

.rp_detail .other-inf .select-type .page,
.hang_detail .other-inf .select-type .page {
    margin-left: 10px
}

.rp_detail .other-inf .select-type .table,
.hang_detail .other-inf .select-type .table {
    margin: 0
}

.rp_detail .other-inf .select-type th,
.hang_detail .other-inf .select-type th {
    border-bottom-width: 0;
    border-color: #d8e5e8;
    background: #edf7f9;
    white-space: nowrap;
    font-weight: normal
}

.rp_detail .other-inf .select-type td,
.hang_detail .other-inf .select-type td {
    text-overflow: ellipsis;
    white-space: nowrap
}

.rp_detail .other-inf-static ul,
.hang_detail .other-inf-static ul {
    width: 100%
}

.rp_detail .con_down,
.hang_detail .con_down {
    position: relative;
    padding: 10px 0 100px;
    background: #fff
}

.rp_detail .con_down h3,
.hang_detail .con_down h3 {
    width: 120px;
    height: 30px;
    background: #84ccc9;
    line-height: 30px;
    text-align: center;
    color: #fff;
    cursor: default
}

.rp_detail .con_down .table,
.hang_detail .con_down .table {
    text-align: center
}

.rp_detail .con_down .table thead,
.hang_detail .con_down .table thead {
    background: #efefef
}

.rp_detail .con_down .table thead th,
.hang_detail .con_down .table thead th {
    text-align: center
}

.rp_detail .con_down .table tbody i,
.hang_detail .con_down .table tbody i {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0
}

.rp_detail .con_down .table .td-icon,
.hang_detail .con_down .table .td-icon {
    position: relative
}

.rp_detail .con_down .table .td-icon input,
.hang_detail .con_down .table .td-icon input {
    width: 50px
}

.rp_detail .con_down .table .td-icon .vip,
.hang_detail .con_down .table .td-icon .vip {
    top: 2px;
    right: 2px;
    width: 12px;
    height: 12px;
    background: url(../imges/vip.png);
    background-size: cover
}

.rp_detail .con_down .table td,
.hang_detail .con_down .table td {
    position: relative
}

.rp_detail .con_down .table td:nth-of-type(2),
.hang_detail .con_down .table td:nth-of-type(2) {
    text-align: left
}

.rp_detail .con_down .table .select-technician,
.hang_detail .con_down .table .select-technician {
    cursor: pointer
}

.rp_detail .con_down .table .select-technician:hover,
.hang_detail .con_down .table .select-technician:hover {
    color: #08c
}

.rp_detail .con_down .table i,
.hang_detail .con_down .table i {
    margin-left: 10px;
    cursor: pointer
}

.rp_detail .con_down .table .remark,
.hang_detail .con_down .table .remark {
    width: 200px;
    text-align: left
}

.rp_detail .con_down .table .remark input,
.hang_detail .con_down .table .remark input {
    text-align: left
}

.rp_detail .con_down .table:nth-of-type(4) td:nth-of-type(2),
.hang_detail .con_down .table:nth-of-type(4) td:nth-of-type(2) {
    text-align: center
}

.rp_detail .con_down .project,
.hang_detail .con_down .project {
    width: 100%;
    border: 1px solid #fff;
    padding-left: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rp_detail .con_down .pay_detail tbody tr td:first-child,
.hang_detail .con_down .pay_detail tbody tr td:first-child {
    width: auto
}

.rp_detail .con_down .pay_detail tbody tr td:nth-of-type(2),
.hang_detail .con_down .pay_detail tbody tr td:nth-of-type(2) {
    text-align: right
}

.rp_detail .choose-project,
.hang_detail .choose-project {
    position: relative
}

.rp_detail .choose-project .project-list,
.hang_detail .choose-project .project-list {
    box-shadow: 0 2px 20px #ddd
}

.rp_detail .choose-project .project-list td:first-child,
.hang_detail .choose-project .project-list td:first-child {
    width: 300px
}

.rp_detail .choose-project .project-list td:nth-of-type(2),
.hang_detail .choose-project .project-list td:nth-of-type(2) {
    width: 150px
}

.rp_detail .choose-project .project-list td:nth-of-type(3),
.hang_detail .choose-project .project-list td:nth-of-type(3) {
    width: 50px
}

.rp_detail .choose-project .project-list td:nth-of-type(4),
.hang_detail .choose-project .project-list td:nth-of-type(4) {
    width: 150px
}

.rp_detail .choose-project .project-list td:nth-of-type(5)，td:nth-of-type(6),
.hang_detail .choose-project .project-list td:nth-of-type(5)，td:nth-of-type(6) {
    width: 100px
}

.rp_detail .choose-project .table,
.hang_detail .choose-project .table {
    margin: 0
}

.rp_detail .choose-project .project-list tbody tr:hover,
.hang_detail .choose-project .project-list tbody tr:hover {
    cursor: pointer;
    background: #ddd
}

.rp_detail .choose-project .project-list .table td,
.hang_detail .choose-project .project-list .table td {
    text-align: center
}

.rp_detail .choose-project .project-list .table td:nth-of-type(2),
.hang_detail .choose-project .project-list .table td:nth-of-type(2),
.rp_detail .choose-project .project-list .table td:nth-of-type(3),
.hang_detail .choose-project .project-list .table td:nth-of-type(3) {
    white-space: nowrap
}

.rp_detail .choose-project .project-list td:first-child,
.hang_detail .choose-project .project-list td:first-child {
    width: auto;
    text-align: left
}

.rp_detail .choose-project tfoot .m-c,
.hang_detail .choose-project tfoot .m-c {
    margin: 0 10px;
    cursor: pointer
}

.rp_detail .choose-source-type .project-type {
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 9;
    min-width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    overflow-y: auto;
    height: 285px
}

.rp_detail .choose-source-type .project-type p {
    padding: 10px;
    text-align: left
}

.rp_detail .choose-source-type .project-type .form-inline {
    padding: 0 10px;
    margin-bottom: 10px;
    text-align: left
}

.rp_detail .choose-source-type .project-type .form-inline input[type='checkbox'] {
    width: 20px
}

.rp_detail .choose-source-type .project-type .form-inline .form-group {
    margin-right: 30px
}

.rp_detail .choose-source-type .project-type .form-inline .form-control {
    width: 220px
}

.rp_detail .choose-source-type .project-type .list {
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 -1px 5px #ddd
}

.rp_detail .choose-source-type .project-type .table tr:first-child td:nth-of-type(2) {
    width: 100px
}

.rp_detail .choose-source-type .project-type .table tr:first-child td:nth-of-type(4) {
    width: 150px
}

.rp_detail .con_up .other-inf li:nth-of-type(1),
.rp_detail .con_up .other-inf li:nth-of-type(2),
.rp_detail .con_up .other-inf li:nth-of-type(3) {
    width: 245px
}

.rp_detail .reception-project .choose-project .project-list {
    min-width: 500px
}

.rp_detail .reception-project .choose-project .project-list tr {
    background: none
}

.rp_detail .reception-project .choose-project .project-list td:first-child {
    width: auto;
    min-width: 200px
}

.rp_detail .side-main .header {
    padding: 10px 10px 5px 10px;
    border-bottom: 1px solid #f2f2f2
}

.rp_detail .side-main .header button {
    display: inline-block;
    padding-right: 17px;
    font-size: 12px;
    color: #147dfa
}

.rp_detail .side-main .header div.gray {
    font-size: 12px
}

.rp_detail .side-main .header .sort-up {
    background-image: url(../imges/reception/sort-up.png);
    background-size: 12px;
    background-position: right 2px;
    background-repeat: no-repeat
}

.rp_detail .side-main .header .sort-down {
    background-image: url(../imges/reception/sort-down.png);
    background-size: 12px;
    background-position: right 2px;
    background-repeat: no-repeat
}

.rp_detail .side-main .list>.form-inline {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2
}

.rp_detail .side-main .list .info {
    display: inline-block;
    width: 350px
}

.rp_detail .side-main .list .info .name {
    display: inline-block;
    max-width: 240px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom
}

.rp_detail .side-main .list .info img {
    margin-left: 5px;
    cursor: pointer;
    vertical-align: text-top
}

.rp_detail .side-main .list .info span {
    margin-left: 10px;
    vertical-align: text-bottom
}

.rp_detail .side-main .list .info p {
    margin-top: 5px;
    font-size: 12px
}

.rp_detail .side-main .list .price {
    display: inline-block;
    width: 120px;
    margin: 10px 3px 0 3px;
    vertical-align: top
}

.rp_detail .side-main .list .price .blue {
    color: #147dfa;
    font-size: 16px;
    margin-bottom: 5px
}

.rp_detail .side-main .list .price .gray {
    font-size: 12px
}

.rp_detail .side-main .list .supplier-name {
    display: inline-block;
    width: 190px;
    margin-top: 20px;
    vertical-align: top;
    text-align: right
}

.rp_detail .side-main .list .supplier-name span {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    vertical-align: text-bottom
}

.rp_detail .side-main .list .supplier-name .certified {
    background-image: url("../imges/reception/certified.png");
    background-size: cover
}

.rp_detail .side-main .list .supplier-name .uncertified {
    background-image: url("../imges/reception/uncertified.png");
    background-size: cover
}

.reception-detail .con_up .cart_title .record,
.reception-detail .con_up .user-inf,
.reception-detail .con_up .user-card,
.reception-detail .con_up .user-coupon {
    border: 0
}

.reception-detail .con_up .other-inf li:nth-of-type(1),
.reception-detail .con_up .other-inf li:nth-of-type(2),
.reception-detail .con_up .other-inf li:nth-of-type(3) {
    width: 33%
}

.reception-detail .table-payType th:first-child {
    width: 200px
}

.reception-detail .table-payType th:nth-of-type(2) {
    width: 300px
}

.reception-detail .table-payType td {
    white-space: nowrap
}

.hang_detail .con_up .other-inf li {
    width: 33%;
    margin: 0;
    line-height: 26px
}

.hang_detail .con_up .other-inf .message {
    line-height: 26px
}

.hang_detail .con_up .other-inf .message span {
    width: auto;
    line-height: 26px
}

.hang_detail .reception-project .table-project tr:first-child td:first-child {
    width: 300px
}

.hang_detail .reception-project .table-project tr:first-child td:nth-of-type(2) {
    width: 150px
}

.hang_detail .reception-project .table-project tr:first-child td:nth-of-type(3) {
    width: 90px
}

.rp_detail.modal-body .con_down {
    padding-bottom: 0
}

.car-order .header select.form-control {
    width: 80px
}

.car-order .header input.form-control {
    width: 200px
}

.car-order .list {
    margin-top: 10px
}

.car-order .list .table {
    margin: 5px 0 20px 0
}

.car-order .info {
    overflow-x: auto
}

.car-order .info h4 {
    display: inline-block;
    margin-bottom: 10px
}

.car-order .info th,
.car-order .info td {
    text-align: left
}

.car-order .info>.form-group {
    vertical-align: top;
    width: 30%;
    max-height: 400px;
    padding-right: 5px;
    overflow-y: auto
}

.car-order .car-record {
    min-width: 300px;
    margin: 0 15px
}

.car-order .car-record .form-inline {
    margin-bottom: 20px
}

.car-order .car-record td:first-child {
    width: 120px
}

.car-order .car-record td:last-child {
    width: 100px
}

.car-order .car-record .item {
    padding: 5px 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    cursor: pointer
}

.car-order .car-record .item:hover {
    background: #f6f6f6
}

.car-order .car-record .time {
    margin-bottom: 10px
}

.car-order .card-info {
    min-width: 350px
}

.car-order .card-info .card .card-balance {
    margin: 3px 0
}

.car-order .card-info .card .table {
    margin-bottom: 20px
}

.car-order .card-info .card td:first-child {
    width: 150px
}

.car-order .card-info .card td:nth-of-type(2),
.car-order .card-info .card td:last-child {
    width: 60px
}

.car-order .card-info .card td:nth-of-type(3) {
    width: 100px
}

.car-order .card-info .card .form-control {
    width: 80px
}

.car-order .coupon-list span {
    font-size: 14px
}

.car-order .coupon-list td:first-child {
    width: 150px
}

.car-order .coupon-list td:last-child {
    width: 120px
}

.car-order-h3 {
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ccc
}

.col-sm-2.control-label {
    width: auto;
    min-width: 16.66666667%
}

.shortcut-options {
    margin-bottom: 10px;
    overflow: hidden
}

.shortcut-options span {
    float: left
}

.shortcut-options ul {
    overflow: hidden;
    float: left
}

.shortcut-options li {
    float: left;
    margin-left: 15px;
    color: #08c;
    border-bottom: 1px solid #08c;
    cursor: pointer
}

.reception-project .del-goods {
    position: static;
    display: inline-block;
    margin: 0
}

.reception-project .delete {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(../imges/commossion/delet.png);
    background-size: cover
}

.reception-project td {
    padding: 2px 8px
}

.reception-project textarea {
    width: 100%;
    height: 90% !important;
    padding: 2px 6px;
    margin: 0;
    border: 1px solid #dedede
}

.reception-project .table-project .dropdown:hover .dropdown-menu {
    display: block
}

.reception-project .table-project .dropdown-menu {
    left: -35px;
    top: 15px;
    width: 100px;
    text-align: center
}

.reception-project .table-project .dropdown-menu a {
    color: #333;
    text-decoration: none
}

.reception-project .table-project tr:first-child td:first-child {
    width: 45px
}

.reception-project .table-project tr:first-child td:nth-of-type(2) {
    width: 300px
}

.reception-project .table-project tr:first-child td:nth-of-type(2) input {
    width: 100%
}

.reception-project .table-project tr:first-child td:nth-of-type(3) {
    width: 150px
}

.reception-project .table-project tr:first-child td:nth-of-type(3) input {
    width: 100%
}

.reception-project .table-project tr:first-child td:nth-of-type(4),
.reception-project .table-project tr:first-child td:nth-of-type(5),
.reception-project .table-project tr:first-child td:nth-of-type(6),
.reception-project .table-project tr:first-child td:nth-of-type(7),
.reception-project .table-project tr:first-child td:nth-of-type(8) {
    width: 90px
}

.reception-project .table-project tr:first-child td:nth-of-type(9),
.reception-project .table-project tr:first-child td:nth-of-type(10),
.reception-project .table-project tr:first-child td:nth-of-type(11) {
    width: 100px
}

.reception-project .table-project tr:nth-of-type(1)~tr {
    background: #f6f6f6
}

.reception-project .table-project .choose-project tr {
    background: none !important
}

.reception-project .table-project td:last-child {
    width: 200px;
    text-align: left
}

.reception-project .table-project td:last-child input {
    width: 100%
}

.reception-project .choose-project input {
    width: 100%
}

.reception-project .choose-project td:first-child {
    width: 300px
}

.reception-project .choose-project td:last-child {
    width: 100px;
    text-align: center
}

.reception-project .project-goods {
    width: 800px
}

.reception-project .code-list {
    width: 150px;
    top: 32px
}

.reception-project .code-list li {
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #dedede;
    cursor: pointer
}

.reception-project .code-list li:hover {
    background: #ccc
}

.reception-project .other-goods td:nth-of-type(2) {
    width: 300px
}

.reception-project .other-goods td:nth-of-type(3) {
    width: 150px
}

.reception-project .other-goods td:nth-of-type(4),
.reception-project .other-goods td:nth-of-type(5),
.reception-project .other-goods td:nth-of-type(6),
.reception-project .other-goods td:nth-of-type(7) {
    width: 100px
}

.reception-project .other-goods td:nth-of-type(8),
.reception-project .other-goods td:nth-of-type(9) {
    width: 100px
}

.reception-project .other-goods td:last-child {
    width: 200px
}

.reception-project .other-goods td:last-child input {
    width: 100%
}

.reception-material td {
    padding: 2px 8px
}

.reception-material .material-wait td:nth-of-type(2),
.reception-material .material-get td:nth-of-type(2) {
    min-width: 300px
}

.reception-material .material-wait td:nth-of-type(3),
.reception-material .material-get td:nth-of-type(3) {
    width: auto;
    min-width: 200px
}

.reception-material .material-wait td:nth-of-type(4),
.reception-material .material-get td:nth-of-type(4),
.reception-material .material-wait td:nth-of-type(5),
.reception-material .material-get td:nth-of-type(5),
.reception-material .material-wait td:nth-of-type(6),
.reception-material .material-get td:nth-of-type(6),
.reception-material .material-wait td:nth-of-type(7),
.reception-material .material-get td:nth-of-type(7),
.reception-material .material-wait td:nth-of-type(8),
.reception-material .material-get td:nth-of-type(8) {
    width: 150px
}

.reception-material .project-list td:first-child {
    min-width: 250px !important;
    width: 250px !important;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis
}

.reception-material .project-list td:nth-of-type(2) {
    min-width: 150px !important;
    max-width: 150px
}

.reception-material .project-list td:nth-of-type(3) {
    min-width: 50px !important
}

.reception-material .project-list td:nth-of-type(4) {
    min-width: 100px
}

.reception-material .project-list td:last-child {
    min-width: 100px;
    text-align: center
}

.reception-material .code-list {
    width: 150px;
    top: 32px
}

.reception-material .code-list li {
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #dedede;
    cursor: pointer
}

.reception-material .code-list li:hover {
    background: #ccc
}

.km {
    position: relative
}

.km span {
    position: absolute;
    right: 9px;
    top: 22px
}

.sideslip {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99
}

.sideslip .mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4)
}

.sideslip .side-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 700px;
    background: #fff
}

.sideslip .side-header {
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #d5d5d5;
    text-align: center
}

.sideslip .side-header span {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #333;
    font-size: 20px;
    cursor: pointer
}

.sideslip .side-main {
    height: calc(100% - 100px);
    overflow-y: auto
}

.sideslip .side-main .choose-staff li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sideslip .side-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    background: #fff
}

.sideslip .side-footer .page {
    margin: 0
}

.sideslip .img-view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    text-align: center;
    cursor: pointer
}

.sideslip .img-view img {
    display: inline-block;
    margin-top: 100px
}

.maintain-plan .car-info {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede
}

.maintain-plan .car-info .info {
    overflow: hidden
}

.maintain-plan .car-info img {
    float: left;
    margin-right: 10px
}

.maintain-plan .car-info .car {
    margin-bottom: 5px
}

.maintain-plan .car-info h3 {
    display: inline-block;
    color: #24293d;
    font-size: 24px;
    font-weight: bold
}

.maintain-plan .car-info .models {
    color: #aaa;
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #ccc;
    vertical-align: bottom;
    margin-left: 20px
}

.maintain-plan .maintain-list {
    margin-bottom: 10px
}

.maintain-plan .maintain-list h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede
}

.maintain-plan .maintain-list h3 span {
    font-size: 14px
}

.maintain-plan .maintain-list h3 button {
    margin-right: 20px;
    color: #08c;
    text-decoration: underline;
    font-size: 14px
}

.maintain-plan .maintain-list li {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 28px;
    margin: 10px;
    border: 1px solid #dedede;
    border-radius: 2px;
    cursor: pointer;
    text-align: center
}

.maintain-plan .maintain-list .current {
    color: #fff;
    border-color: #1072e7;
    background: #147dfa
}

.maintain-plan .list p {
    margin-bottom: 5px
}

.maintain-plan .list .table tbody tr {
    background: #f6f6f6
}

.maintain-plan .list .table tbody tr:first-child {
    background: none
}

.maintain-plan .list .table tbody td:first-child {
    min-width: 100px;
    width: 200px;
    text-align: left
}

.maintain-plan .list .table tbody td:nth-of-type(2) {
    min-width: 200px;
    width: 300px;
    text-align: left
}

.car-rp-returned .table-project td:first-child {
    width: 45px !important
}

.car-rp-returned .other-goods td:first-child {
    min-width: 200px
}

.car-rp-returned .table-payType td:first-child {
    width: 100px
}

.car-rp-returned .table-payType td:nth-of-type(2) {
    width: 300px
}

.car-rp-returned .table-payType td:last-child {
    width: 300px
}

.car-rp-returned .table-revoke td {
    width: 200px
}

.hang_detail .other-inf {
    padding-top: 20px
}

.hang_detail .table-project tr:first-child td:nth-of-type(2) {
    width: 300px
}

.hang_detail .table-project tr:first-child td:nth-of-type(3) {
    width: 150px
}

.hang_detail .table-project tr:first-child td:nth-of-type(4),
.hang_detail .table-project tr:first-child td:nth-of-type(5),
.hang_detail .table-project tr:first-child td:nth-of-type(6),
.hang_detail .table-project tr:first-child td:nth-of-type(7),
.hang_detail .table-project tr:first-child td:nth-of-type(8) {
    width: 80px
}

.hang_detail .table-project tr:first-child td:nth-of-type(9),
.hang_detail .table-project tr:first-child td:nth-of-type(10) {
    width: 100px
}

.hang_detail .table-project tr:first-child td:last-child {
    width: 200px
}

.hang_detail .material-wait td:nth-of-type(2),
.hang_detail .material-get td:nth-of-type(2) {
    width: 200px
}

.hang_detail .material-wait td:nth-of-type(3),
.hang_detail .material-get td:nth-of-type(3),
.hang_detail .material-wait td:nth-of-type(4),
.hang_detail .material-get td:nth-of-type(4),
.hang_detail .material-wait td:nth-of-type(5),
.hang_detail .material-get td:nth-of-type(5),
.hang_detail .material-wait td:nth-of-type(6),
.hang_detail .material-get td:nth-of-type(6),
.hang_detail .material-wait td:nth-of-type(7),
.hang_detail .material-get td:nth-of-type(7) {
    width: 150px
}

.fake-list .list td:first-child {
    width: auto
}

.fake-customer .list td:first-child span {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    display: inline-block;
    background: url(../imges/customer/icon-wx.png) no-repeat center;
    background-size: contain
}

.fake-customer .list td:first-child .vip {
    background: url(../imges/customer/icon-vip.png) no-repeat center;
    background-size: contain
}

.fake-edit .form-control {
    display: inline-block
}

.fake-edit .cancel {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 34px
}

.fake-edit .cancel span {
    margin-right: 10px
}

.fake-edit .con_up .row .form-inline {
    padding-top: 15px
}

.fake-edit td {
    padding: 2px 8px
}

.fake-edit td:nth-of-type(2) {
    width: auto;
    text-align: left
}

.fake-edit td:nth-of-type(3),
.fake-edit td:nth-of-type(4),
.fake-edit td:nth-of-type(5),
.fake-edit td:nth-of-type(6) {
    width: 120px
}

.fake-edit td:last-child {
    width: 300px
}

#modal-pay-submit .modal-body th {
    border-bottom: 0;
    font-weight: normal;
    background: #edf7f9
}

#modal-pay-submit .modal-body td {
    border-color: #eee
}

#modal-pay-submit .modal-body input {
    margin-right: 3px
}

.submit-bill h3 {
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
    color: #333
}

.submit-bill .col-sm-3 {
    line-height: 34px
}

.reminder .row {
    text-align: center;
    margin-bottom: 10px
}

.reminder p {
    padding-left: 147px;
    color: #999
}

.reminder p span {
    padding: 0 10px
}

@media screen and (min-width:600px) and (max-width:1299px) {
    .method-group .method {
        width: 650px
    }
}

@media screen and (min-width:1300px) {
    .method-group .method {
        min-width: 880px
    }
}

.recsption-pay .form-inline {
    position: relative;
    padding-right: 20px
}

.recsption-pay .omit-detail {
    top: 34px;
    max-width: 350px
}

.recsption-pay .header {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dedede
}

.recsption-pay .header img {
    width: 53px;
    height: 53px;
    border-radius: 4px
}

.recsption-pay .header h3 {
    display: inline-block;
    font-size: 24px;
    color: #24293d;
    font-weight: bold
}

.recsption-pay .header .models {
    display: inline-block;
    padding: 2px 10px;
    color: #aaa;
    font-size: 12px;
    border: 1px solid #ccc;
    vertical-align: bottom;
    margin: 0 20px
}

.recsption-pay .header p {
    display: inline-block
}

.recsption-pay .header .car-info strong {
    color: #ea4a3e
}

.recsption-pay .header .card-info {
    margin-top: 5px
}

.recsption-pay .header .card-info .card,
.recsption-pay .header .card-info .coupon {
    color: #ea4a3e
}

.recsption-pay .header .card {
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.recsption-pay .header .card strong {
    margin-right: 5px
}

.recsption-pay .header .coupon {
    margin-left: 10px
}

.recsption-pay .header .phone {
    margin: 0 10px
}

.recsption-pay .header .icon-wx {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 20px;
    background: url(../imges/customer/icon-wx.png) no-repeat;
    background-size: contain
}

.recsption-pay .header .iconGz {
    background: url(../imges/customer/icon-vip.png) no-repeat;
    background-size: contain
}

.recsption-pay .header .right.form-group {
    font-size: 16px
}

.recsption-pay .header .right.form-group strong {
    color: #ea4a3e
}

.recsption-pay .coupon-list {
    padding-right: 140px
}

.recsption-pay .deduction {
    position: absolute;
    right: 0;
    top: 0
}

.recsption-pay .section h3 {
    margin-bottom: 20px
}

.recsption-pay .section>.form-inline:first-child {
    overflow: initial
}

.recsption-pay .section .form-inline {
    margin-bottom: 10px;
    overflow: hidden
}

.recsption-pay .section .method-group {
    position: relative
}

.recsption-pay .section .method-group .method-list {
    min-height: 40px;
    padding-left: 100px
}

.recsption-pay .section .method-group .coupon .item {
    margin: 0 10px 10px 0
}

.recsption-pay .section .method-group .item {
    display: inline-block;
    padding: 6px;
    width: 250px;
    color: #0088cb;
    border: 1px solid #0088cb;
    cursor: pointer
}

.recsption-pay .section .method-group .item strong {
    font-size: 12px;
    margin-right: 10px
}

.recsption-pay .section .method-group .item strong.right {
    margin-top: 3px
}

.recsption-pay .section .method-group .current {
    color: #fff;
    background: #0088cb
}

.recsption-pay .section .method-group .gray {
    width: auto
}

.recsption-pay .section .method-group .overdue {
    color: #898989;
    border-color: #898989
}

.recsption-pay .section .method-group .right.form-group .text-right:first-child {
    margin-bottom: 10px
}

.recsption-pay .section .method-group .right.form-group h4 {
    margin-bottom: 20px
}

.recsption-pay .section .method-group .right.form-group p {
    overflow: hidden;
    margin-top: 10px
}

.recsption-pay .section .method {
    min-height: 26px;
    overflow: hidden;
    margin-bottom: 10px
}

.recsption-pay .section .method span {
    float: left;
    width: 100px
}

.recsption-pay .section .deposit-group {
    overflow: initial
}

.recsption-pay .section .deposit-group .method {
    overflow: initial
}

.recsption-pay .section .deposit-group .form-inline {
    overflow: initial
}

.recsption-pay .other-method {
    padding: 10px 0;
    border-top: 1px solid #e6e7e7;
    border-bottom: 1px solid #e6e7e7
}

.recsption-pay .other-method .del-goods {
    left: 75px;
    display: inline-block;
    float: none;
    width: 20px;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle
}

.recsption-pay .other-method .form-inline:first-child {
    padding: 0
}

.recsption-pay .other-method .form-inline {
    padding-left: 100px
}

.recsption-pay .other-method .search {
    margin-left: 100px
}

.recsption-pay .other-method strong {
    color: #ea4a3e;
    font-size: 16px
}

.recsption-pay .remark span {
    margin-top: 7px
}

.recsption-pay .remark div {
    display: block
}

.recsption-pay .remark .form-control {
    width: 100%;
    margin-top: 0
}

.pay-card {
    padding-left: 40px;
    margin-top: 20px
}

.pay-card .coupon-item {
    position: relative;
    float: left;
    width: 300px;
    margin: 0 30px 15px 0;
    box-sizing: border-box;
    cursor: pointer
}

.pay-card .coupon-item .coupon {
    height: 90px;
    border: 1px solid #e6e7e7;
    border-radius: 2px;
    background: #fff url(../imges/modal/card_01.png);
    background-repeat: repeat-y;
    background-size: 6px;
    overflow: hidden
}

.pay-card .coupon-item .card-left {
    width: 25%;
    height: 100%;
    line-height: 90px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    box-sizing: border-box;
    color: #147dfa;
    border-right: 1px dashed #d8d8d8
}

.pay-card .coupon-item .card-left span {
    font-size: 14px;
    vertical-align: text-top;
    line-height: normal
}

.pay-card .coupon-item .card-right {
    width: 75%;
    height: 100%;
    box-sizing: border-box
}

.pay-card .coupon-item .card-right div {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    box-sizing: border-box;
    text-align: center
}

.pay-card .coupon-item .card-right h3 {
    padding: 15px 0 7px 0;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0
}

.pay-card .coupon-item .card-right span {
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #ff5151;
    font-size: 12px
}

.pay-card .current {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 2px
}

.pay-card .current:after {
    content: "";
    position: absolute;
    top: -8px;
    left: -8px;
    width: 20px;
    height: 20px;
    background: url(../imges/modal/chose.png) no-repeat;
    background-size: cover
}

.summary-detail .list {
    overflow: auto
}

.summary-detail .list .table td:nth-of-type(2) {
    min-width: 200px
}

.summary-detail .list .table td:nth-of-type(3),
.summary-detail .list .table td:nth-of-type(4) {
    min-width: 160px
}

.summary-detail .list .table td:nth-of-type(5),
.summary-detail .list .table td:nth-of-type(6),
.summary-detail .list .table td:nth-of-type(7) {
    min-width: 150px
}

.summary-detail .list .table td:nth-of-type(7)~td {
    min-width: 90px;
    white-space: nowrap
}

.summary-detail .list .table tr:last-child td {
    min-width: 90px
}

.summary-detail .omit {
    width: auto
}

.summary-detail .choose-source-type .project-type {
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 9;
    min-width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    overflow-y: auto;
    height: 285px
}

.summary-detail .choose-source-type .project-type p {
    padding: 10px;
    text-align: left
}

.summary-detail .choose-source-type .project-type .form-inline {
    padding: 0 10px;
    margin-bottom: 10px;
    text-align: left
}

.summary-detail .choose-source-type .project-type .form-inline input[type='checkbox'] {
    width: 20px
}

.summary-detail .choose-source-type .project-type .form-inline .form-group {
    margin-right: 30px
}

.summary-detail .choose-source-type .project-type .form-inline .form-control {
    width: 220px
}

.summary-detail .choose-source-type .project-type .list {
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 -1px 5px #ddd
}

.summary-detail .choose-source-type .project-type .table tr:first-child td:nth-of-type(2) {
    width: 100px
}

.summary-detail .choose-source-type .project-type .table tr:first-child td:nth-of-type(4) {
    width: 150px
}

#Modal-summary .rp_detail {
    padding: 0 15px
}

#Modal-summary .rp_detail .con_down {
    padding-bottom: 0
}

#Modal-summary .modal-footer {
    border-top: 0;
    padding-top: 0
}

.print02-export {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    z-index: 99
}

.print02-export .button-export {
    position: absolute;
    top: 25px;
    right: 0;
    background: #f2bc25;
    color: #fff;
    border: 1px solid #d3a31e;
    padding: 6px 25px;
    border-radius: 3px
}

.print-bill {
    width: 794px;
    margin: 0 auto;
    overflow: hidden;
    color: #000;
    word-break: break-all
}

.print-bill .header {
    position: relative;
    padding-top: 20px
}

.print-bill .header h2 {
    font-size: 26px;
    margin-bottom: 5px;
    font-weight: normal
}

.print-bill .header p.text-center {
    font-size: 18px
}

.print-bill .header p.text-right {
    font-size: 12px
}

.print-bill .header .left-img,
.print-bill .header .right-img {
    position: absolute;
    top: 2px;
    display: inline-block;
    min-width: 75px;
    max-width: 300px;
    height: 75px
}

.print-bill .header .left-img {
    left: 0
}

.print-bill .header .right-img {
    right: 0
}

.print-bill caption {
    color: #000;
    padding: 0;
    border-bottom: 2px solid #000
}

.print-bill .fonts-sm {
    font-size: 14px
}

.print-bill .fonts-md {
    font-size: 15px;
    font-weight: bold
}

.print-bill .fonts-lg {
    font-size: 16px
}

.print-bill .bill-info {
    width: 100%
}

.print-bill .table {
    margin-bottom: 0
}

.print-bill .table td {
    padding: 2px;
    border: 0;
    text-align: left
}

.print-bill .table strong {
    display: inline-block;
    width: 200px;
    text-align: right
}

.print-bill .table thead th,
.print-bill .table tbody th,
.print-bill .table tfoot th {
    padding: 0;
    font-weight: normal;
    line-height: normal;
    border: 1px solid #000 !important;
    border-bottom-width: 0;
    background: none;
    word-break: break-all
}

.print-bill .section>div {
    margin-bottom: 5px
}

.print-bill .footer {
    margin-top: 40px
}

.print-bill .footer strong {
    display: inline-block;
    width: 200px;
    margin-left: 20px;
    text-align: left;
    font-weight: bold
}

.print-bill .num {
    width: 66px
}

.print-bill .number {
    width: 75px
}

.print-bill.print_sm .fonts-sm {
    font-size: 13px
}

.print-bill.print_sm .fonts-md {
    font-size: 14px;
    font-weight: bold
}

.print-bill.print_sm .fonts-lg {
    font-size: 15px
}

.print-bill.print_lg .fonts-sm {
    font-size: 15px
}

.print-bill.print_lg .fonts-md {
    font-size: 16px;
    font-weight: bold
}

.print-bill.print_lg .fonts-lg {
    font-size: 17px
}

.print-bill-simple .bill-info:first-child td:first-child,
.print-bill-simple .bill-info:nth-of-type(3) td:first-child,
.print-bill-simple .bill-info:first-child td:nth-of-type(3),
.print-bill-simple .bill-info:nth-of-type(3) td:nth-of-type(3),
.print-bill-simple .bill-info:first-child td:nth-of-type(5),
.print-bill-simple .bill-info:nth-of-type(3) td:nth-of-type(5),
.print-bill-simple .bill-info:first-child td:nth-of-type(7),
.print-bill-simple .bill-info:nth-of-type(3) td:nth-of-type(7) {
    width: 95px
}

.print-bill-simple .bill-info:first-child td:nth-of-type(2),
.print-bill-simple .bill-info:nth-of-type(3) td:nth-of-type(2),
.print-bill-simple .bill-info:first-child td:nth-of-type(4),
.print-bill-simple .bill-info:nth-of-type(3) td:nth-of-type(4),
.print-bill-simple .bill-info:first-child td:nth-of-type(6),
.print-bill-simple .bill-info:nth-of-type(3) td:nth-of-type(6),
.print-bill-simple .bill-info:first-child td:nth-of-type(8),
.print-bill-simple .bill-info:nth-of-type(3) td:nth-of-type(8) {
    width: 103px
}

.print-bill-simple .bill-info:nth-of-type(2) td:first-child,
.print-bill-simple .bill-info:nth-of-type(2) td:nth-of-type(3) {
    width: 95px
}

.print-bill-simple .bill-info:nth-of-type(2) td:nth-of-type(2) {
    width: 420px
}

.print-bill-simple .bill-info:nth-of-type(2) td:nth-of-type(4) {
    width: 200px
}

.print-bill-simple .pay-detail .table:first-child td:first-child {
    width: 40px
}

.print-bill-simple .pay-detail .table:first-child td:last-child {
    width: 75px
}

.print-bill-simple .project-detail td:first-child {
    width: 35px
}

.print-bill-simple .project-detail td:last-child {
    width: 100px
}

.print-bill-simple .project-detail td.remark {
    width: 164px
}

.print-bill-card caption,
.print-bill-normal caption {
    font-weight: bold;
    border: 0;
    text-align: center
}

.print-bill-card .table th,
.print-bill-normal .table th {
    padding: 2px;
    border: 1px solid #000 !important;
    font-weight: normal;
    text-align: left
}

.print-bill-card th.bold,
.print-bill-normal th.bold {
    font-weight: bold
}

.print-bill-card .bill-info th:nth-of-type(1),
.print-bill-normal .bill-info th:nth-of-type(1),
.print-bill-card .bill-info th:nth-of-type(3),
.print-bill-normal .bill-info th:nth-of-type(3),
.print-bill-card .bill-info th:nth-of-type(5),
.print-bill-normal .bill-info th:nth-of-type(5) {
    width: 100px
}

.print-bill-card .bill-info th:nth-of-type(2),
.print-bill-normal .bill-info th:nth-of-type(2),
.print-bill-card .bill-info th:nth-of-type(4),
.print-bill-normal .bill-info th:nth-of-type(4),
.print-bill-card .bill-info th:nth-of-type(6),
.print-bill-normal .bill-info th:nth-of-type(6) {
    width: 164px
}

.print-bill-card .project-detail th:first-child,
.print-bill-normal .project-detail th:first-child {
    width: 35px
}

.print-bill-card .project-detail .remark,
.print-bill-normal .project-detail .remark {
    width: 164px
}

.print-bill-card .project-detail strong,
.print-bill-normal .project-detail strong {
    font-weight: bold
}

.print-bill-card .other-detail th:first-child,
.print-bill-normal .other-detail th:first-child {
    width: 35px
}

.print-bill-card .pay-detail th:first-child,
.print-bill-normal .pay-detail th:first-child {
    width: 35px
}

.print-bill-card .pay-detail .table,
.print-bill-normal .pay-detail .table {
    width: 48%
}

.print-bill-card .footer .fonts-md,
.print-bill-normal .footer .fonts-md {
    font-weight: normal
}

.print-bill-card .carShop-info,
.print-bill-normal .carShop-info {
    font-weight: normal;
    border-top: 1px solid #000;
    margin-top: 40px
}

.print-bill-card .carShop-info div.left,
.print-bill-normal .carShop-info div.left {
    width: 60%
}

.print-bill-card .carShop-info div.right,
.print-bill-normal .carShop-info div.right {
    width: 40%
}

.print-bill-card .carShop-info strong,
.print-bill-normal .carShop-info strong {
    float: left;
    width: 100px;
    text-align: right;
    font-weight: normal;
    margin: 0
}

.print-bill-card .project-detail:last-child th:nth-of-type(3),
.print-bill-card .project-detail:last-child th:nth-of-type(4) {
    width: 190px
}

.print-bill-get .bill-info td:first-child,
.print-bill-get .bill-info td:nth-of-type(3),
.print-bill-get .bill-info td:nth-of-type(5) {
    width: 100px
}

.print-bill-get .bill-info td:nth-of-type(2),
.print-bill-get .bill-info td:nth-of-type(4),
.print-bill-get .bill-info td:nth-of-type(6) {
    width: 164px
}

.print-bill-get .project-detail th {
    padding: 2px 4px;
    border: 1px solid #000 !important;
    font-weight: normal;
    text-align: left
}

.print-bill-get .project-detail th:first-child {
    width: 40px
}

.print-bill-get .project-detail th:nth-of-type(3) {
    width: 120px
}

.print-bill-get .project-detail .num {
    width: 70px
}

.print-reception {
    background: #fff;
    font-size: 16px;
}

.print-reception-font14 {
    font-size: 14px;
}

.print-reception h3 {
    font-size: 26px
}

.print-reception input {
    padding: 0
}

.print-reception .print {
    width: 794px;
    margin: 0 auto;
    overflow: hidden
}

.print-reception .print .table {
    margin: 0;
    margin-bottom: 5px
}

.print-reception .print .td-remark {
    width: 184px !important;
    text-align: left
}

.print-reception .print header {
    position: relative;
    text-align: center;
    font-size: 14px;
    margin-top: 20px
}

.print-reception .print header p:nth-of-type(1) {
    font-size: 18px
}

.print-reception .print thead th {
    white-space: nowrap
}

.print-reception .print thead th,
.print-reception .print tbody th,
.print-reception .print tfoot th {
    padding: 0;
    font-weight: normal;
    line-height: normal;
    border: 1px solid #000 !important;
    border-bottom-width: 0;
    background: none;
    word-break: break-all
}

.print-reception .print caption {
    color: #000;
    text-align: center;
    padding: 3px 0;
    font-size: 16px;
    line-height: 20px
}

.print-reception .print .no-line {
    margin-bottom: 0
}

.print-reception .print .no-line th {
    border: none !important;
    line-height: normal;
    padding: 0
}

.print-reception .print .no-line th:nth-child(1),
.print-reception .print .no-line th:nth-child(3) {
    width: 125px;
    text-align: right
}

.print-reception .print .no-line th:nth-child(2),
.print-reception .print .no-line th:nth-child(4) {
    width: 375px;
    text-align: left
}

.print-reception .print .table-one tbody th:nth-child(1),
.print-reception .print .table-two tbody th:nth-child(1),
.print-reception .print .table-three tbody th:nth-child(1) {
    width: 50px
}

.print-reception .print .table-one tbody th:nth-child(2),
.print-reception .print .table-two tbody th:nth-child(2),
.print-reception .print .table-three tbody th:nth-child(2) {
    text-align: left
}

.print-reception .print .table-one th:nth-child(3),
.print-reception .print .table-two th:nth-child(3),
.print-reception .print .table-one th:nth-child(4),
.print-reception .print .table-two th:nth-child(4),
.print-reception .print .table-one th:nth-child(5),
.print-reception .print .table-two th:nth-child(5),
.print-reception .print .table-one th:nth-child(6),
.print-reception .print .table-two th:nth-child(6),
.print-reception .print .table-one th:nth-child(7),
.print-reception .print .table-two th:nth-child(7),
.print-reception .print .table-one th:nth-child(8),
.print-reception .print .table-two th:nth-child(8) {
    width: 76px
}

.print-reception .print .table-two th:nth-of-type(8) {
    width: 145px
}

.print-reception .print .table-three th:nth-child(3),
.print-reception .print .table-three th:nth-child(4),
.print-reception .print .table-three th:nth-child(5) {
    width: 145px
}

.print-reception .print ul {
    width: 100%;
    border-top: 1px solid #000;
    overflow: hidden
}

.print-reception .print ul li {
    width: 33%;
    float: left
}

.print-reception .print .w-auto .col-sm-3 {
    padding: 0;
    width: 25%
}

.print-reception .print .w-auto label {
    margin-bottom: 0
}

.print-reception .print .w-auto input {
    margin-top: -3px;
    margin-right: 5px;
    background: none;
    border: 1px solid #000
}

.print-reception .print .w-auto .w-300 {
    width: 300px
}

.print-reception .print .w-auto .w-200 {
    width: 200px
}

.print-reception .print .bd-n {
    border: 0
}

.print-reception .print .bd-n li {
    width: auto;
    margin-right: 30px
}

.print-reception .print .bd-n .no-fl-n {
    margin: 0
}

.print-reception .print02 {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 50px
}

.print-reception .print02 header {
    text-align: center;
    line-height: 40px;
    font-size: 26px;
    margin-top: 20px;
    position: relative;
    font-weight: bold
}

.print-reception .print02 header p:nth-of-type(1) {
    font-size: 32px;
    line-height: 50px
}

.print-reception .print02 h3 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px
}

.print-reception .print02 th {
    font-weight: normal;
    padding: 3px;
    border: 1px solid #000 !important;
    background: none
}

.print-reception .print02 th input {
    width: 780px;
    border-bottom: 1px dashed #666
}

.print-reception .print02 th .JC-input-md {
    width: 100px
}

.print-reception .print02 th .JC-input-sd {
    width: 100px
}

.print-reception .print02 th .JC-dw {
    width: 40px;
    text-align: center
}

.print-reception .print02 th div {
    border-bottom: 1px dashed #666
}

.print-reception .print02 .row {
    margin: 0;
    margin-bottom: 20px
}

.print-reception .print02 .JC-head span {
    display: inline-block;
    float: right
}

.print-reception .print02 .JC-head span input {
    border-bottom: 1px dashed #666;
    margin-bottom: 5px;
    width: 500px
}

.print-reception .print02 .JC-head span:first-child {
    float: left
}

.print-reception .print02 .JC-one .table-bordered th {
    text-align: left
}

.print-reception .print02 .JC-one .table-bordered th:nth-of-type(1) {
    width: 220px
}

.print-reception .print02 .JC-one .table-bordered th:nth-of-type(2) {
    width: 240px
}

.print-reception .print02 .JC-one .table-bordered th:nth-of-type(3) {
    width: 310px
}

.print-reception .print02 .JC-one .table-bordered th:nth-of-type(4) {
    width: 220px
}

.print-reception .print02 .xiaoji th {
    text-align: left
}

.print-reception .print02 .xiaoji input {
    width: 100px
}

.print-reception .print02 .JC-two thead tr th {
    white-space: nowrap
}

.print-reception .print02 .JC-two .table-two {
    margin-bottom: 0
}

.print-reception .print02 .JC-two .table-two tbody tr th:nth-of-type(3),
.print-reception .print02 .JC-two .table-two tbody tr th:nth-of-type(6) {
    width: 60px
}

.print-reception .print02 .JC-two .table-two tbody tr th:first-child,
.print-reception .print02 .JC-two .table-two tbody tr th:nth-of-type(4) {
    width: 45px
}

.print-reception .print02 .JC-two .table-two tbody tr th:nth-of-type(2),
.print-reception .print02 .JC-two .table-two tbody tr th:nth-of-type(5) {
    width: 390px;
    text-align: left
}

.print-reception .print02 .JC-two .table-three {
    margin-bottom: 0
}

.print-reception .print02 .JC-two .table-three tbody tr th:nth-of-type(3),
.print-reception .print02 .JC-two .table-three tbody tr th:nth-of-type(4),
.print-reception .print02 .JC-two .table-three tbody tr th:nth-of-type(9),
.print-reception .print02 .JC-two .table-three tbody tr th:nth-of-type(10) {
    width: 50px;
    overflow: hidden
}

.print-reception .print02 .JC-two .table-three tbody tr th:nth-of-type(5),
.print-reception .print02 .JC-two .table-three tbody tr th:nth-of-type(6),
.print-reception .print02 .JC-two .table-three tbody tr th:nth-of-type(11),
.print-reception .print02 .JC-two .table-three tbody tr th:nth-of-type(12) {
    width: 60px
}

.print-reception .print02 .JC-two .table-three tbody tr th:nth-of-type(1),
.print-reception .print02 .JC-two .table-three tbody tr th:nth-of-type(7) {
    width: 50px
}

.print-reception .print02 .JC-two .table-three tbody tr th:nth-of-type(2),
.print-reception .print02 .JC-two .table-three tbody tr th:nth-of-type(8) {
    width: 280px;
    text-align: left
}

.print-reception .print02 .JC-three .row {
    margin-bottom: 0
}

.print-reception .print02 .JC-three .table {
    margin-bottom: 0
}

.print-reception .print02 .JC-three .table tbody tr:last-child th {
    text-align: left
}

.print-reception .print02 .JC-three .table tbody tr th:nth-of-type(1),
.print-reception .print02 .JC-three .table tbody tr th:nth-of-type(2) {
    width: 195px
}

.print-reception .print02 .JC-three .table tbody tr th:nth-of-type(3) {
    width: 223px
}

.print-reception .print02 .JC-three .table tbody tr th:nth-of-type(3) input {
    text-align: center
}

.print-reception .print02 .JC-three .table tbody tr th:nth-of-type(4),
.print-reception .print02 .JC-three .table tbody tr th:nth-of-type(5) {
    width: 192px
}

.print-reception .print02 .JC-foot p {
    line-height: 26px
}

.print-reception .print02 .JC-foot p label {
    width: 180px;
    margin-bottom: 0
}

.print-reception .print02 .JC-foot p input {
    margin-top: -3px;
    margin-right: 5px;
    background: none;
    border: 1px solid #000
}

.print-reception .print02 .JC-foot p span {
    display: inline-block;
    margin-right: 40px
}

.print-reception .print02 .JC-foot div {
    border-bottom: 2px solid #000
}

.print-reception .print02 .JC-foot div strong {
    display: inline-block;
    font-weight: bold;
    width: 300px;
    line-height: 36px
}

.print-reception .print02 .JC-foot div .JC-input-sd {
    width: 200px;
    border-bottom: 1px dashed #666;
    margin-bottom: 5px
}

.print-reception .print-all header {
    margin-top: 0;
    line-height: normal
}

.print-reception .print-all header p:nth-of-type(1) {
    font-size: 14px;
    text-align: left
}

.print-reception .print-all .table caption {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 0
}

.print-reception .print-all .table tfoot tr th {
    text-align: left
}

.print-reception .print-all .table thead tr th,
.print-reception .print-all .table tbody tr th,
.print-reception .print-all .table tfoot tr th {
    font-weight: normal;
    border: 1px solid #000 !important
}

.print-reception .print-all table:nth-of-type(1) tbody tr th:nth-of-type(n) {
    width: 100px
}

.print-reception .print-all table:nth-of-type(1) tbody tr th:nth-of-type(2n) {
    width: 150px
}

.print-reception .print-all .no-bottom {
    margin-bottom: 10px
}

.print-reception .print-all .no-bottom tr th:nth-of-type(1) {
    min-width: 45px
}

.print-reception .print-all .no-bottom tr th:nth-of-type(2) {
    max-width: 564px
}

.print-reception .print-all div {
    padding: 3px 6px;
    border: 1px solid #333;
    color: #666;
    height: 50px
}

.print-reception .footer {
    border-top: 2px solid #000;
    padding-top: 10px
}

.print-reception .footer ul {
    border-top: 0 !important
}

.JC-table {
    width: 1000px;
    margin: 0 auto;
    background: #fff
}

.JC-table caption {
    background: #fff;
    text-align: center
}

.JC-table th {
    font-weight: normal;
    word-wrap: break-word;
    word-break: break-all
}

.JC-table .th-3 {
    width: 120px
}

.JC-table .JC-title {
    font-size: 36px;
    text-align: center;
    font-weight: bold
}

.JC-table caption {
    color: #000
}

.JC-table .JC-title02 {
    font-size: 26px;
    font-weight: bold
}

.JC-table .bottom-tb {
    padding-top: 20px
}

.JC-table .no-bd {
    border: none
}

.JC-table .t-l {
    text-align: left
}

.JC-table .t-r {
    text-align: right
}

.JC-table .table-bordered {
    width: 100%;
    border-color: #000
}

.JC-table .table-bordered thead tr th {
    text-align: center
}

.JC-table .table-bordered th {
    border-color: #000;
    background: none;
    border-bottom-width: 1px;
    font-weight: normal
}

.JC-table .one tbody tr th {
    text-align: left
}

.table-other th:first-child {
    width: 50px
}

.table-other tbody th:nth-of-type(2) {
    text-align: left
}

.table-other th:last-child {
    width: 152px
}

.print-ck03 .table:first-child th:first-child,
.print-ck04 .table:first-child th:first-child,
.print-ck05 .table:first-child th:first-child,
.print-ck06 .table:first-child th:first-child,
.print-ck07 .table:first-child th:first-child,
.print-ck03 .table:first-child th:nth-of-type(3),
.print-ck04 .table:first-child th:nth-of-type(3),
.print-ck05 .table:first-child th:nth-of-type(3),
.print-ck06 .table:first-child th:nth-of-type(3),
.print-ck07 .table:first-child th:nth-of-type(3),
.print-ck03 .table:first-child th:nth-of-type(5),
.print-ck04 .table:first-child th:nth-of-type(5),
.print-ck05 .table:first-child th:nth-of-type(5),
.print-ck06 .table:first-child th:nth-of-type(5),
.print-ck07 .table:first-child th:nth-of-type(5) {
    width: 100px
}

.print-ck03 .table:first-child th:nth-of-type(2),
.print-ck04 .table:first-child th:nth-of-type(2),
.print-ck05 .table:first-child th:nth-of-type(2),
.print-ck06 .table:first-child th:nth-of-type(2),
.print-ck07 .table:first-child th:nth-of-type(2),
.print-ck03 .table:first-child th:nth-of-type(4),
.print-ck04 .table:first-child th:nth-of-type(4),
.print-ck05 .table:first-child th:nth-of-type(4),
.print-ck06 .table:first-child th:nth-of-type(4),
.print-ck07 .table:first-child th:nth-of-type(4) {
    width: 132px
}

.print-ck03 .table:first-child th:nth-of-type(6),
.print-ck04 .table:first-child th:nth-of-type(6),
.print-ck05 .table:first-child th:nth-of-type(6),
.print-ck06 .table:first-child th:nth-of-type(6),
.print-ck07 .table:first-child th:nth-of-type(6) {
    width: 220px
}

.print.print-ck02 header p {
    font-size: 16px !important
}

.print.print-ck04 .table {
    margin-bottom: 10px
}

.print.print-ck04 .table:first-child tr:last-child th span {
    vertical-align: top;
    width: 100px;
    float: left
}

.print.print-ck04 .table:first-child tr:last-child th div {
    min-height: 30px;
    width: 688px;
    text-align: left;
    float: left
}

.print.print-ck04 .table:nth-of-type(2) th:first-child,
.print.print-ck04 .table:nth-of-type(4) th:first-child,
.print.print-ck04 .table:nth-of-type(7) th:first-child,
.print.print-ck04 .table:nth-of-type(2) th:nth-of-type(4),
.print.print-ck04 .table:nth-of-type(4) th:nth-of-type(4),
.print.print-ck04 .table:nth-of-type(7) th:nth-of-type(4) {
    width: 50px
}

.print.print-ck04 .table:nth-of-type(2) th:nth-of-type(3),
.print.print-ck04 .table:nth-of-type(4) th:nth-of-type(3),
.print.print-ck04 .table:nth-of-type(7) th:nth-of-type(3),
.print.print-ck04 .table:nth-of-type(2) th:nth-of-type(6),
.print.print-ck04 .table:nth-of-type(4) th:nth-of-type(6),
.print.print-ck04 .table:nth-of-type(7) th:nth-of-type(6),
.print.print-ck04 .table:nth-of-type(2) th:nth-of-type(9),
.print.print-ck04 .table:nth-of-type(4) th:nth-of-type(9),
.print.print-ck04 .table:nth-of-type(7) th:nth-of-type(9) {
    width: 76px
}

.print.print-ck04 .table:nth-of-type(2) th:nth-of-type(2),
.print.print-ck04 .table:nth-of-type(4) th:nth-of-type(2),
.print.print-ck04 .table:nth-of-type(7) th:nth-of-type(2),
.print.print-ck04 .table:nth-of-type(2) th:nth-of-type(5),
.print.print-ck04 .table:nth-of-type(4) th:nth-of-type(5),
.print.print-ck04 .table:nth-of-type(7) th:nth-of-type(5),
.print.print-ck04 .table:nth-of-type(2) th:nth-of-type(8),
.print.print-ck04 .table:nth-of-type(4) th:nth-of-type(8),
.print.print-ck04 .table:nth-of-type(7) th:nth-of-type(8) {
    width: 270px
}

.print.print-ck04 .table:nth-of-type(2) tbody th:nth-of-type(2),
.print.print-ck04 .table:nth-of-type(4) tbody th:nth-of-type(2),
.print.print-ck04 .table:nth-of-type(7) tbody th:nth-of-type(2),
.print.print-ck04 .table:nth-of-type(2) tbody th:nth-of-type(5),
.print.print-ck04 .table:nth-of-type(4) tbody th:nth-of-type(5),
.print.print-ck04 .table:nth-of-type(7) tbody th:nth-of-type(5),
.print.print-ck04 .table:nth-of-type(2) tbody th:nth-of-type(8),
.print.print-ck04 .table:nth-of-type(4) tbody th:nth-of-type(8),
.print.print-ck04 .table:nth-of-type(7) tbody th:nth-of-type(8) {
    text-align: left
}

.print.print-ck04 .table:nth-of-type(3) th:nth-of-type(1),
.print.print-ck04 .table:nth-of-type(3) th:nth-of-type(6),
.print.print-ck04 .table:nth-of-type(3) th:nth-of-type(3),
.print.print-ck04 .table:nth-of-type(3) th:nth-of-type(8) {
    width: 50px
}

.print.print-ck04 .table:nth-of-type(3) th:nth-of-type(4),
.print.print-ck04 .table:nth-of-type(3) th:nth-of-type(5),
.print.print-ck04 .table:nth-of-type(3) th:nth-of-type(9),
.print.print-ck04 .table:nth-of-type(3) th:nth-of-type(10) {
    width: 76px
}

.print.print-ck04 .table:nth-of-type(3) th:nth-of-type(2),
.print.print-ck04 .table:nth-of-type(3) th:nth-of-type(7) {
    width: 146px
}

.print.print-ck04 .table:nth-of-type(3) tbody th:nth-of-type(2),
.print.print-ck04 .table:nth-of-type(3) tbody th:nth-of-type(7) {
    text-align: left
}

.print.print-ck04 .table-three th {
    text-align: left;
    width: 50%
}

.print-ck05 .table:nth-of-type(2) th:first-child {
    width: 50px
}

.print-ck05 .table:nth-of-type(2) tbody th:nth-of-type(2) {
    text-align: left
}

.print-ck05 .table:nth-of-type(2) th:nth-of-type(3),
.print-ck05 .table:nth-of-type(2) th:nth-of-type(4),
.print-ck05 .table:nth-of-type(2) th:nth-of-type(5) {
    width: 90px
}

.print-ck05 .table:nth-of-type(2) span {
    float: left;
    width: 33%;
    text-align: left
}

.print-ck05 .table:last-child tr:first-child th:first-child {
    width: 50%
}

.print.print-ck06 header {
    border-bottom: 1px solid #000
}

.print.print-ck06 .table:nth-of-type(1),
.print.print-ck06 .table:nth-of-type(2),
.print.print-ck06 .table:nth-of-type(3),
.print.print-ck06 .table:nth-of-type(4),
.print.print-ck06 .table:nth-of-type(5) {
    margin: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #000
}

.print.print-ck06 .table:nth-of-type(1) th,
.print.print-ck06 .table:nth-of-type(2) th,
.print.print-ck06 .table:nth-of-type(3) th,
.print.print-ck06 .table:nth-of-type(4) th,
.print.print-ck06 .table:nth-of-type(5) th {
    border: 0 !important
}

.print.print-ck06 .table:nth-of-type(4),
.print.print-ck06 .table:nth-of-type(5),
.print.print-ck06 ul {
    border: 0;
    margin: 0
}

.print.print-ck06 .table-two th:nth-of-type(3) {
    width: 150px
}

.print_sm {
    font-size: 14px
}

.print_sm h3 {
    font-size: 28px
}

.print_lg {
    font-size: 20px
}

.print_lg .print caption {
    font-size: 20px
}

.print_lg .print thead th,
.print_lg .print tbody th {
    line-height: 28px
}

.print_lg .print-ck04 .table-two th:nth-of-type(1),
.print_lg .print-ck04 .table-two th:nth-of-type(6) {
    width: 60px
}

.print_lg .print-ck04 .table-two th:nth-of-type(3),
.print_lg .print-ck04 .table-two th:nth-of-type(4),
.print_lg .print-ck04 .table-two th:nth-of-type(5),
.print_lg .print-ck04 .table-two th:nth-of-type(8),
.print_lg .print-ck04 .table-two th:nth-of-type(9),
.print_lg .print-ck04 .table-two th:nth-of-type(10) {
    width: 90px
}

.print_lg .print-ck04 .table-two th:nth-of-type(2),
.print_lg .print-ck04 .table-two th:nth-of-type(7) {
    width: 210px
}

.print_lg .print-ck04 .table-three tbody th:first-child {
    width: 60%
}

.print-purchasing01 .table:first-child span,
.print-in01 .table:first-child span,
.print-get01 .table:first-child span,
.print-inventory01 .table:first-child span,
.print-order01 .table:first-child span,
.print-movement .table:first-child span {
    text-align: left;
    vertical-align: top;
    float: left
}

.print-purchasing01 .footer,
.print-in01 .footer,
.print-get01 .footer,
.print-inventory01 .footer,
.print-order01 .footer,
.print-movement .footer {
    padding: 0;
    border: 0
}

.print-goods01 section,
.print-get01 section,
.print-in01 section,
.print-inventory01 section,
.print-purchasing01 section,
.print-quotation01 section,
.print-movement section {
    width: 100%;
    min-height: 100%
}

.print-goods01 section .table:first-child,
.print-get01 section .table:first-child,
.print-in01 section .table:first-child,
.print-inventory01 section .table:first-child,
.print-purchasing01 section .table:first-child,
.print-quotation01 section .table:first-child,
.print-movement section .table:first-child {
    border-bottom: 1px solid #000
}

.print-goods01 section .table:last-child,
.print-get01 section .table:last-child,
.print-in01 section .table:last-child,
.print-inventory01 section .table:last-child,
.print-purchasing01 section .table:last-child,
.print-quotation01 section .table:last-child,
.print-movement section .table:last-child {
    border-top: 1px solid #000
}

.print.print-quotation01 .table {
    margin: 0
}

.print.print-quotation01 .table th {
    border: 0 !important
}

.print.print-quotation01 .table span {
    text-align: left
}

.print.print-quotation01 .table-one tbody th:last-child {
    width: 200px;
    text-align: left
}

.print.print-quotation01 .table:nth-of-type(2) {
    border-bottom: 1px solid #000
}

.print.print-quotation01 .footer {
    border: 0;
    padding: 0
}

.print.print-quotation02 .table {
    margin: 0
}

.print.print-quotation02 .table th {
    border: 0 !important
}

.print.print-quotation02 .table span {
    text-align: left
}

.print.print-quotation02 .table:nth-of-type(2) tbody th:first-child,
.print.print-quotation02 .table:nth-of-type(2) tbody th:nth-of-type(4),
.print.print-quotation02 .table:nth-of-type(2) tbody th:nth-of-type(7) {
    width: 45px
}

.print.print-quotation02 .table:nth-of-type(2) tbody th:nth-of-type(3),
.print.print-quotation02 .table:nth-of-type(2) tbody th:nth-of-type(6),
.print.print-quotation02 .table:nth-of-type(2) tbody th:nth-of-type(8) {
    width: 80px
}

.print.print-quotation02 .table:nth-of-type(2) tbody th:nth-of-type(2),
.print.print-quotation02 .table:nth-of-type(2) tbody th:nth-of-type(5) {
    width: 210px;
    text-align: left
}

.print-movement .table:nth-of-type(2) tbody th:first-child {
    width: 45px
}

.print-movement .table:nth-of-type(2) tbody th:nth-of-type(2) {
    width: 180px
}

.print-movement .table:nth-of-type(2) tbody th:nth-of-type(3) {
    text-align: left
}

.print-movement .table:nth-of-type(2) tbody th:nth-of-type(4) {
    width: 80px
}

.print-movement .table:nth-of-type(2) tbody th:nth-of-type(5),
.print-movement .table:nth-of-type(2) tbody th:nth-of-type(6) {
    width: 100px
}

.print-goods01 .table:nth-of-type(2) tbody th:first-child {
    width: 45px
}

.print-goods01 .table:nth-of-type(2) tbody th:last-child {
    width: 80px
}

.print-goods01 .table:nth-of-type(2) tbody th:nth-of-type(2) {
    width: 220px
}

.print-goods01 .table:nth-of-type(2) tbody th:nth-of-type(3) {
    text-align: left
}

.print-inventory01 .table:nth-of-type(2) tbody th:first-child,
.print-inventory01 .table:nth-of-type(2) tbody th:nth-of-type(5),
.print-inventory01 .table:nth-of-type(2) tbody th:nth-of-type(6),
.print-inventory01 .table:nth-of-type(2) tbody th:nth-of-type(7) {
    width: 45px
}

.print-inventory01 .table:nth-of-type(2) tbody th:nth-of-type(2) {
    width: 180px
}

.print-inventory01 .table:nth-of-type(2) tbody th:nth-of-type(3) {
    text-align: left
}

.print-inventory01 .table:nth-of-type(2) tbody th:nth-of-type(4) {
    width: 100px
}

.print-purchasing01 .table:nth-of-type(2) tbody th:first-child,
.print-in01 .table:nth-of-type(2) tbody th:first-child,
.print-get01 .table:nth-of-type(2) tbody th:first-child,
.print-purchasing01 .table:nth-of-type(2) tbody th:nth-of-type(5),
.print-in01 .table:nth-of-type(2) tbody th:nth-of-type(5),
.print-get01 .table:nth-of-type(2) tbody th:nth-of-type(5) {
    width: 45px
}

.print-purchasing01 .table:nth-of-type(2) tbody th:nth-of-type(4),
.print-in01 .table:nth-of-type(2) tbody th:nth-of-type(4),
.print-get01 .table:nth-of-type(2) tbody th:nth-of-type(4),
.print-purchasing01 .table:nth-of-type(2) tbody th:nth-of-type(6),
.print-in01 .table:nth-of-type(2) tbody th:nth-of-type(6),
.print-get01 .table:nth-of-type(2) tbody th:nth-of-type(6) {
    width: 85px
}

.print-purchasing01 .table:nth-of-type(2) tbody th:nth-of-type(2),
.print-in01 .table:nth-of-type(2) tbody th:nth-of-type(2),
.print-get01 .table:nth-of-type(2) tbody th:nth-of-type(2) {
    width: 180px;
    white-space: normal
}

.print-purchasing01 .table:nth-of-type(2) tbody th:nth-of-type(3),
.print-in01 .table:nth-of-type(2) tbody th:nth-of-type(3),
.print-get01 .table:nth-of-type(2) tbody th:nth-of-type(3) {
    text-align: left;
    max-width: 300px
}

.print-order01 section {
    width: 100%;
    min-height: 100%;
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.print-order01 section .table:first-child {
    border-top: 1px solid #000
}

.print-order01 section .table:last-child {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000
}

.print-order01 section .remark span {
    float: left;
    width: 100px;
    line-height: normal !important
}

.print-order01 section .remark div {
    text-align: left;
    width: 688px;
    overflow: hidden
}

.print-order01 .table:nth-of-type(2) tbody th:first-child,
.print-order01 .table:nth-of-type(2) tbody th:nth-of-type(5),
.print-order01 .table:nth-of-type(2) tbody th:nth-of-type(8) {
    width: 45px
}

.print-order01 .table:nth-of-type(2) tbody th:nth-of-type(3) {
    width: 90px
}

.print-order01 .table:nth-of-type(2) tbody th:nth-of-type(7) {
    width: 200px
}

.print-order01 .table:nth-of-type(2) tbody th:nth-of-type(2),
.print-order01 .table:nth-of-type(2) tbody th:nth-of-type(6) {
    text-align: left
}

.print-order01 .table:nth-of-type(2) th:nth-of-type(4) {
    border-right: 1px solid #000 !important
}

.print-receipt01 label {
    display: block
}

.lakala {
    padding: 30px 0
}

.lakala section.row {
    margin-bottom: 40px
}

.lakala h3 {
    font-size: 22px;
    padding: 10px 0;
    border-bottom: 1px solid #d9d9d9
}

.lakala .pdf {
    margin-top: 20px;
    text-align: center;
    overflow: hidden
}

.lakala .pdf-02 img,
.lakala .pdf-03 img,
.lakala .pdf-04 img {
    width: 80%
}

.reservation #prompt {
    position: fixed;
    top: 80px;
    left: 230px;
    right: 20px;
    padding: 2px 20px;
    background: #fff0e5;
    color: #ff6e00;
    z-index: 9;
    border-radius: 4px 4px 0 0
}

.reservation #prompt a {
    cursor: pointer;
    color: #ff6e00;
    text-decoration: underline
}

.reservation .dateView {
    width: 300px
}

.reservation .dateView a:link,
.reservation .dateView a:visited,
.reservation .dateView a:hover,
.reservation .dateView a:active {
    color: #fff
}

.reservation .overview {
    padding: 30px 20px;
    border: 1px solid #e6e7e7;
    border-radius: 4px;
    position: absolute;
    right: 20px;
    left: 40px;
    bottom: 20px;
    top: 80px
}

.reservation .overview .section {
    position: relative;
    min-height: 100%
}

.reservation .overview .btn-reservation {
    position: absolute;
    right: 15px;
    top: -5px;
    z-index: 9
}

.reservation .overview .list {
    position: absolute;
    top: 10px;
    left: 350px;
    right: 0;
    bottom: -25px;
    overflow: auto;
    font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif
}

.reservation .overview .list section {
    padding: 0 10px
}

.reservation .overview .list .reservation-list .state {
    line-height: 26px
}

.reservation .overview .list .reservation-list .col-sm-6 {
    padding: 10px 0
}

.reservation .overview .list .reservation-list .item {
    position: relative;
    margin: 0 0 10px;
    padding: 10px 20px 20px 20px;
    border: 1px solid #e6e7e7;
    border-radius: 4px;
    margin-left: 60px;
    cursor: pointer
}

.reservation .overview .list .reservation-list .item .gray {
    color: rgba(51, 51, 51, 0.4)
}

.reservation .overview .list .reservation-list .item:hover {
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.1)
}

.reservation .overview .list .reservation-list .item-hd .omit {
    width: 290px;
    display: inline-block;
    text-overflow: clip;
    float: left
}

.reservation .overview .list .reservation-list .item-hd strong {
    font-size: 16px;
    margin-right: 10px
}

.reservation .overview .list .reservation-list .item-hd p {
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.reservation .overview .state-out {
    position: absolute;
    top: 10px;
    left: -61px
}

.reservation .overview .state-out i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #fadbc0
}

.reservation .overview .state-in {
    position: absolute;
    top: 10px;
    left: -61px
}

.reservation .overview .state-in i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d8d8d8
}

.reservation .overview .state-in i::before {
    content: '';
    width: 6px;
    height: 3px;
    position: absolute;
    top: 7px;
    left: 2px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg)
}

.reservation .info {
    overflow: hidden
}

.reservation .info .car-info.col-sm-6 {
    position: relative;
    padding-right: 12px;
    width: 280px
}

.reservation .info .car-info::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 5px;
    width: 1px;
    height: 40px;
    background: #dedede
}

.reservation .info .car-logo {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 6px;
    overflow: hidden
}

.reservation .info .car-num {
    font-size: 14px
}

.reservation .info .details {
    padding-left: 10px
}

.reservation .info .details .user-name {
    font-size: 16px
}

.reservation .info .details i {
    display: inline-block;
    width: 26px;
    height: 15px;
    background: url(../imges/customer/icon-wx.png) no-repeat;
    background-size: contain;
    margin-left: 5px
}

.reservation .info .details .vip {
    background: url(../imges/customer/icon-vip.png) no-repeat;
    background-size: contain
}

.reservation .info .no-info {
    line-height: 40px;
    font-size: 16px;
    text-align: center
}

.reservation .info .omit {
    color: rgba(51, 51, 51, 0.4)
}

.reservation .selection-service .form-group {
    position: relative;
    margin-bottom: 0 !important
}

.reservation .selection-service .form-group .btn-default {
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis
}

.reservation .selection-service .service-list {
    position: absolute;
    top: 38px;
    left: -65px;
    padding: 5px;
    width: 335px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 9px #666;
    z-index: 9
}

.reservation .selection-service .service-list ul {
    margin-bottom: 5px
}

.reservation .selection-service .service-list ul:last-child {
    border: 1px solid #e6e7e7
}

.reservation .selection-service .service-list .item {
    float: left;
    width: 70px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #e6e7e7;
    margin: 5px;
    border-radius: 4px;
    cursor: pointer
}

.reservation .selection-service .service-list .current {
    background: #08c;
    border-color: #07a;
    color: #fff
}

.reservation .selection-service .service-list .search {
    display: block;
    margin: 0 auto
}

.reservation .reservation-add .cars i {
    position: absolute;
    top: 6px;
    left: 6px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../imges/status02.png) no-repeat;
    background-size: contain
}

.reservation .reservation-add .info {
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede
}

.reservation .reservation-add .other-info label {
    width: 100px;
    text-align: right
}

.reservation .reservation-add .other-info .form-group {
    margin-bottom: 10px
}

.reservation .reservation-add .other-info .form-control {
    width: 180px
}

.reservation .reservation-add .remark {
    overflow: hidden
}

.reservation .reservation-add .remark div {
    padding-left: 105px
}

.reservation .reservation-add .remark label {
    float: left;
    width: 100px;
    line-height: 34px;
    vertical-align: top;
    text-align: right
}

.reservation .reservation-add .remark textarea {
    margin: 0;
    width: 100%
}

.reservation .reservation-add .user-info::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 0;
    width: 1px;
    height: 40px;
    background: #dedede
}

.reservation .reservation-add .item.current {
    background: #08c;
    color: #fff;
    background-color: #07a
}

.reservation .management .function-list .state {
    width: 150px;
    height: 38px;
    margin-right: 5px;
    line-height: 38px;
    color: #999;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    border-radius: 3px 3px 0 0
}

.reservation .management .function-list .current {
    background: #2eb0b8;
    color: #fff;
    border: 1px solid #279da4
}

.reservation .management .section {
    margin-top: 10px
}

.reservation .management .list {
    overflow-x: auto
}

.reservation .management .table {
    margin: 0
}

.reservation .management .table td {
    white-space: nowrap
}

.reservation .management .table .remark {
    min-width: 200px;
    max-width: 500px;
    text-align: left;
    white-space: normal
}

.reservation .reservation-detail .col-sm-5 {
    padding: 0;
    padding-right: 130px
}

.reservation .reservation-detail .col-sm-5 .search {
    position: absolute;
    top: 0;
    right: 0
}

.reservation .reservation-detail .form-group .form-group {
    margin: 0
}

.reservation .reservation-detail .selection-service .service-list {
    right: 0;
    left: auto
}

.reservation .reservation-detail button.btn-default {
    width: 180px;
    height: 34px
}

.reservation .seting .seting-time {
    margin: 20px 0
}

.reservation .seting .seting-time .title {
    margin-top: 7px
}

.reservation .seting .title {
    display: inline-block;
    width: 130px;
    text-align: right;
    vertical-align: top;
    margin-top: 20px
}

.reservation .seting .input-group {
    margin: 20px 0;
    width: 80%;
    border-bottom: 1px dashed #969696
}

.reservation .seting .input-group label {
    margin-right: 20px;
    margin-bottom: 10px
}

.reservation .seting .input-group input {
    margin-right: 4px;
    margin-top: -3px
}

.reservation .seting .project label {
    margin-right: 10px;
    display: inline-block;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.reservation .seting .prewarning {
    margin: 20px 0;
    width: 80%;
    border-bottom: 1px dashed #969696
}

.reservation .seting .prewarning .form-group {
    margin-right: 4px;
    margin-top: 1px;
    margin-bottom: 10px;
    margin-right: 20px
}

.reservation .seting .form-inline:nth-of-type(4) .title {
    margin-top: 25px
}

.reservation .seting .form-inline:nth-of-type(5) .form-group label {
    margin-bottom: 10px
}

.reservation .seting .special {
    position: relative;
    z-index: 9
}

.reservation .seting .special i {
    position: absolute;
    top: 0;
    left: 15px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff5600;
    cursor: pointer;
    color: #fff
}

.reservation .seting .special i::before {
    content: '？';
    position: absolute;
    left: 7px;
    font-weight: bold
}

.reservation .seting .special:hover::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 21px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    background: #666;
    z-index: 99
}

.reservation .seting .special-one:hover::after {
    content: '当天预约数量达到预警值后，会自动提醒车店，为空时不提醒';
    position: absolute;
    bottom: -58px;
    left: 5px;
    width: 220px;
    padding: 6px;
    text-align: left;
    border-radius: 4px;
    background: #666;
    color: #fff
}

.reservation .seting .special-two:hover::before {
    left: -24px;
    padding-bottom: 10px
}

.reservation .seting .special-two:hover::after {
    content: '当天预约数量达到预警值后，将自动关闭当天的预约申请';
    position: absolute;
    bottom: -58px;
    left: -40px;
    width: 220px;
    padding: 6px;
    text-align: left;
    border-radius: 4px;
    background: #666;
    color: #fff
}

.reservation .seting .special-three:hover::after {
    content: '车主到店前，可通过车店公众号收到预约提醒';
    position: absolute;
    bottom: -58px;
    left: 5px;
    width: 220px;
    padding: 6px;
    text-align: left;
    border-radius: 4px;
    background: #666;
    color: #fff
}

.reservation .seting .special-two {
    z-index: 10
}

.reservation .seting .special-two i {
    left: -30px
}

.reservation .seting .remark {
    margin-bottom: 20px
}

.reservation .seting .remark .title {
    float: left;
    margin-top: 6px
}

.reservation .seting .remark div {
    width: 100%;
    padding-left: 130px;
    display: block
}

.reservation .seting .remark textarea.form-control {
    width: 100%;
    margin: 0
}

.reservation .seting .search {
    margin-left: 130px
}

.dateView .fc {
    padding: 10px;
    border: 2px solid #f2f4f5;
    border-radius: 2px;
    color: #999
}

.dateView .fc .fc-view-container th,
.dateView .fc .fc-view-container td {
    position: relative;
    border-width: 0;
    cursor: pointer
}

.dateView .fc .fc-view-container .fc-event {
    position: absolute;
    top: -40px;
    right: -4px;
    padding: 0 !important;
    margin: 0;
    text-align: center;
    border-radius: 50%;
    font-size: .4em;
    width: 12px;
    height: 12px;
    border: 0;
    background: #f18a30
}

.dateView .fc-ltr .fc-basic-view .fc-week .fc-day-number {
    text-align: center
}

.dateView .fc-basic-view tbody .fc-row {
    min-height: auto !important;
    height: 40px !important;
    line-height: 38px
}

.dateView .fc-unthemed .fc-today.fc-state-highlight {
    background: #e7f2fe;
    border-radius: 4px
}

.dateView .fc-toolbar {
    height: 80px;
    padding-top: 20px;
    line-height: 60px;
    margin-bottom: 0
}

.dateView .fc-toolbar h2 {
    font-size: 14px;
    font-weight: normal
}

.dateView .fc-toolbar button .fc-icon {
    top: -0.02em
}

.dateView .fc-toolbar .fc-right {
    float: none;
    position: relative
}

.dateView .fc-toolbar .fc-right .fc-today-button {
    display: none
}

.dateView .fc-toolbar .fc-state-default {
    background: none;
    border: 0;
    box-shadow: none;
    position: absolute
}

.dateView .fc-toolbar .fc-button-group {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0
}

.dateView .fc-toolbar .fc-corner-left {
    left: 30px;
    top: 0;
    color: #147dfa;
    height: auto;
    font-size: 1.2em
}

.dateView .fc-toolbar .fc-corner-right {
    right: 30px;
    top: 0;
    color: #147dfa;
    height: auto;
    font-size: 1.2em
}

.dateView .fc-toolbar::before {
    content: "日历";
    position: absolute;
    top: 0;
    left: 25px;
    font-size: 16px;
    color: #333;
    font-weight: bold
}

.customer-member header input:nth-of-type(1) {
    width: 210px
}

.customer-member .member tr {
    cursor: pointer
}

.customer-member section button {
    margin-bottom: 10px
}

.customer-member section label {
    margin: 0
}

.customer-member .table-batch td:nth-of-type(1) {
    width: 70px
}

.customer {
    margin-top: 10px
}

.customer .table .form-control {
    display: inline-block;
    height: auto;
    padding: 2px 6px;
    border-bottom-style: solid
}

.customer .customer-management .list td:first-child {
    padding: 0
}

.customer .customer-management .list td:first-child span {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    display: inline-block;
    background: url(../imges/customer/icon-wx.png) no-repeat center;
    background-size: contain
}

.customer .customer-management .list td:first-child .vip {
    background: url(../imges/customer/icon-vip.png) no-repeat center;
    background-size: contain
}

.customer .customer-management .list td {
    white-space: nowrap
}

.customer .customer-management .list .text-left {
    white-space: normal;
    width: 400px
}

.customer .customer-info .table td:first-child {
    width: auto
}

.customer .customer-info .alter {
    width: 180px
}

.customer .customer-info .table-coupon td {
    white-space: normal
}

.customer .customer-info .table-coupon td:first-child {
    width: 200px
}

.customer .customer-info .table-coupon td:nth-of-type(2) {
    width: 80px
}

.customer .customer-info .table-coupon td:nth-of-type(3),
.customer .customer-info .table-coupon td:nth-of-type(5) {
    width: 130px
}

.customer .customer-info .table-coupon td:nth-of-type(4),
.customer .customer-info .table-coupon td:nth-of-type(6) {
    width: 200px
}

.customer .customer-info .table-one td:first-child,
.customer .customer-info .table-two td:first-child,
.customer .customer-info .table-one td:nth-of-type(2),
.customer .customer-info .table-two td:nth-of-type(2),
.customer .customer-info .table-one td:nth-of-type(3),
.customer .customer-info .table-two td:nth-of-type(3) {
    width: 20%
}

.customer .customer-info .table-three td:first-child,
.customer .customer-info .table-three td:nth-of-type(2) {
    width: 20%
}

.customer .customer-info .info-list .form-inline {
    line-height: 36px
}

.customer .customer-info .info-list span.m-c {
    margin-right: 5px
}

.customer .customer-info .info-list .table {
    margin-bottom: 10px
}

.customer .customer-info .new-caption>span {
    width: 200px
}

.customer .vehicle-management .header input.form-control {
    width: 250px
}

.customer .vehicle-management td:first-child {
    width: auto
}

.customer .vehicle-info .btn-group,
.customer .memberCard-info .btn-group {
    margin-bottom: 0
}

.customer .vehicle-info .col-sm-4,
.customer .memberCard-info .col-sm-4 {
    line-height: 36px
}

.customer .vehicle-info td:first-child,
.customer .memberCard-info td:first-child {
    width: auto
}

.customer .memberCard-info span.m-c {
    cursor: pointer
}

.customer .memberCard-info .section .form-group:first-child td:first-child {
    width: 400px
}

.customer .memberCard-info .section .form-group:first-child td:nth-of-type(2),
.customer .memberCard-info .section .form-group:first-child td:nth-of-type(3) {
    width: 200px
}

.customer .memberCard-info .section .form-group:first-child td:last-child {
    width: 250px
}

.customer .memberCard-info .section .form-group:nth-of-type(2) td:first-child {
    width: 250px
}

.customer .memberCard-info .section .form-group:nth-of-type(2) td {
    width: 200px
}

.customer .memberCard-info .section .form-group:last-child td:first-child {
    width: 70%
}

.customer .memberCard-info .section .form-group:last-child td:last-child {
    width: 30%
}

.customer .list.detail .table td {
    white-space: nowrap
}

.customer .list.detail .table td:nth-of-type(2),
.customer .list.detail .table td:nth-of-type(5) {
    white-space: normal
}

.customer .memberCard-list .header .form-control {
    width: 250px
}

.customer .memberCard-list .project-list {
    width: 350px
}

.customer .memberCard-list .project-list td {
    white-space: normal
}

.customer .memberCard-list .list td:first-child {
    width: 300px
}

.customer .memberCard-list .list td:nth-of-type(2),
.customer .memberCard-list .list td:nth-of-type(3),
.customer .memberCard-list .list td:nth-of-type(4),
.customer .memberCard-list .list td:nth-of-type(5),
.customer .memberCard-list .list td:nth-of-type(6) {
    width: 120px
}

.customer .memberCard-list .list td:nth-of-type(7),
.customer .memberCard-list .list td:nth-of-type(8) {
    width: 180px
}

.customer .memberCard-list .list td:last-child {
    width: 100px
}

.customer .memberCard-species td:first-child,
.customer .memberCard-species td:nth-of-type(2),
.customer .memberCard-species td:nth-of-type(3),
.customer .memberCard-species td:nth-of-type(4),
.customer .memberCard-species td:nth-of-type(5),
.customer .memberCard-species td:nth-of-type(6),
.customer .memberCard-species td:nth-of-type(7) {
    width: 200px
}

.customer .memberCard-species td:last-child {
    width: 100px
}

.customer .memberCard-species .omit {
    width: 180px
}

.customer .memberCard-species-edit .header {
    margin-bottom: 20px
}

.customer .memberCard-species-edit .header .form-group {
    margin-right: 20px
}

.customer .memberCard-species-edit .table .form-control {
    width: 50px;
    margin-right: 5px
}

.customer .memberCard-species-edit .table td:first-child {
    width: 60%
}

.customer .memberCard-species-edit .table .money {
    width: 100px
}

.customer .memberCard-species-edit .table .form-control.unit {
    width: 50px
}

.customer .memberCard-package td:first-child {
    width: 200px
}

.customer .memberCard-package td:nth-of-type(2),
.customer .memberCard-package td:nth-of-type(3),
.customer .memberCard-package td:nth-of-type(4) {
    width: 150px
}

.customer .memberCard-package td:nth-of-type(6),
.customer .memberCard-package td:nth-of-type(5) {
    width: 300px
}

.customer .memberCard-package td:last-child {
    width: 100px
}

.customer .memberCard-package .omit {
    width: 280px
}

.customer .memberCard-package-edit .header {
    margin-bottom: 20px
}

.customer .memberCard-package-edit .header .form-group {
    margin-right: 20px
}

.customer .memberCard-package-edit .header .form-group .form-group {
    margin: 0
}

.customer .memberCard-package-edit .table .form-control {
    margin-left: 5px;
    width: 50px
}

.customer .memberCard-package-edit .table td:last-child,
.customer .memberCard-package-edit .table td:nth-of-type(2) {
    width: 150px
}

.customer .memberCard-package-edit .table td:first-child,
.customer .memberCard-package-edit .table td:nth-of-type(3) {
    width: 300px
}

.customer .memberCard-opened .header .form-group {
    position: relative
}

.customer .memberCard-opened .header .ui-select-choices-content.ui-select-dropdown {
    width: 520px
}

.customer .memberCard-opened .header .ui-select-choices-row-inner span {
    display: inline-block;
    white-space: normal
}

.customer .memberCard-opened .header .ui-select-choices-row-inner span:first-child {
    width: 200px
}

.customer .memberCard-opened .header .ui-select-choices-row-inner span:nth-of-type(2) {
    width: 100px
}

.customer .memberCard-opened .header .ui-select-choices-row-inner span:nth-of-type(3) {
    width: 80px
}

.customer .memberCard-opened .customer-info {
    margin-bottom: 10px
}

.customer .memberCard-opened .customer-info .form-group {
    margin-right: 40px
}

.customer .memberCard-opened .customer-info .name {
    display: inline-block;
    margin-right: 10px;
    font-size: 22px
}

.customer .memberCard-opened .customer-info strong {
    margin-left: 10px
}

.customer .memberCard-opened .customer-info .project-list {
    width: 350px
}

.customer .memberCard-opened .car-list {
    margin-bottom: 20px
}

.customer .memberCard-opened .car-list li {
    margin-top: 10px;
    float: left;
    width: 250px
}

.customer .memberCard-opened .car-list li input {
    margin-right: 10px;
    margin-top: -1px
}

.customer .memberCard-opened .list {
    margin-top: 10px
}

.customer .memberCard-opened .new-caption button {
    margin: 0 10px;
    color: #08c;
    text-decoration: underline
}

.customer .memberCard-opened .table {
    margin-bottom: 20px
}

.customer .memberCard-opened .table .form-group {
    margin-bottom: 0
}

.customer .memberCard-opened .table .form-control {
    width: 80px
}

.customer .memberCard-opened .table td:last-child {
    width: 350px
}

.customer .memberCard-opened .table .form-control.unit {
    width: 50px
}

.customer .memberCard-opened .table:first-child td:first-child {
    width: auto
}

.customer .memberCard-opened .table:first-child td:nth-of-type(2),
.customer .memberCard-opened .table:first-child td:nth-of-type(4),
.customer .memberCard-opened .table:first-child td:nth-of-type(5) {
    width: 150px
}

.customer .memberCard-opened .table:first-child td:nth-of-type(3) {
    width: 300px
}

.customer .memberCard-opened .table:last-child td:first-child {
    width: auto
}

.customer .memberCard-opened .table:last-child td:nth-of-type(2) {
    width: 150px
}

.customer .memberCard-opened .table:last-child td:nth-of-type(3) {
    width: 300px
}

.customer .memberCard-opened .payment {
    text-align: right;
    margin: 10px 0
}

.customer .memberCard-opened .payment label {
    line-height: 36px
}

.customer .memberCard-opened .payment .form-control {
    width: 180px
}

.customer .memberCard-opened .payment .staff-list {
    left: auto;
    right: 0
}

.maintain-manual .maintain-content {
    position: relative;
    height: 500px;
    overflow: hidden
}

.maintain-manual .project-list {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 500px;
    overflow: hidden;
    border-top: 1px solid #d8e5e8;
    border-left: 1px solid #d8e5e8;
    border-bottom: 1px solid #d8e5e8
}

.maintain-manual .project-list span {
    display: inline-block;
    width: 100%;
    height: 38px;
    line-height: 37px;
    text-align: center;
    background: #edf7f9;
    border-right: 1px solid #d8e5e8;
    border-bottom: 1px solid #d8e5e8
}

.maintain-manual .project-list .fixed-only {
    position: relative
}

.maintain-manual .project-list .fixed-only span {
    position: absolute
}

.maintain-manual .project-list .fixed-left {
    margin-top: 38px
}

.maintain-manual .mileage-list {
    position: absolute;
    top: 0;
    left: 100px;
    right: 0;
    height: 500px;
    overflow: hidden;
    border-top: 1px solid #d8e5e8;
    border-right: 1px solid #d8e5e8;
    border-bottom: 1px solid #d8e5e8
}

.maintain-manual .mileage-list .fixed-top {
    width: 1800px;
    overflow: hidden
}

.maintain-manual .mileage-list .fixed-top span {
    float: left;
    width: 90px;
    height: 38px;
    line-height: 37px;
    text-align: center;
    background: #edf7f9;
    border-right: 1px solid #d8e5e8;
    border-bottom: 1px solid #d8e5e8
}

.maintain-manual .mileage-list .table-content {
    right: 0;
    height: 462px;
    overflow: auto
}

.maintain-manual .mileage-list .table-content .row-span {
    overflow: hidden
}

.maintain-manual .mileage-list .table-content span {
    float: left;
    width: 90px;
    height: 38px;
    line-height: 37px;
    text-align: center;
    background: #fff;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9
}

.maintain-manual .mileage-list .table-content .current {
    color: #fff;
    background: #147dfa
}

.myModal-customer caption {
    font-size: 18px;
    font-weight: bold
}

.myModal-customer .one td {
    text-align: left;
    width: 256px
}

.myModal-customer .one th {
    border-color: #d8e5e8;
    background: #edf7f9;
    font-weight: normal;
    width: 100px
}

.myModal-customer .two th,
.myModal-customer .three th {
    border-bottom-width: 0;
    border-color: #d8e5e8;
    background: #edf7f9;
    font-weight: normal
}

.myModal-customer .two td {
    width: 85px
}

.myModal-customer .two td:nth-of-type(1) {
    width: 250px
}

.myModal-customer .two td:nth-of-type(2),
.myModal-customer .two td:nth-of-type(6) {
    width: 140px
}

.myModal-customer .three td:nth-of-type(1) {
    width: 300px
}

.myModal-customer .three td:nth-of-type(2) {
    width: 200px
}

.myModal-customer .three td:nth-of-type(3) {
    width: 168px
}

.myModal-customer .three td:nth-of-type(4) {
    width: 200px
}

.cus-m-card h3 {
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px dashed #dedede
}

.cus-m-card label,
.cus-m-card span {
    width: 60px;
    display: inline-block
}

.cus-m-card input {
    width: 260px;
    display: inline-block
}

.cus-m-card .card-info p {
    margin-bottom: 20px
}

.cus-m-card .bind-card p {
    padding-left: 30px;
    position: relative;
    height: 34px;
    line-height: 34px;
    margin-bottom: 10px
}

.cus-m-card .bind-card p strong {
    font-weight: bold;
    font-size: 16px
}

.cus-m-card .bind-card .del-goods {
    left: 0
}

.customer-adiustment h3 {
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px dashed #dedede
}

.customer-adiustment>div {
    margin-top: 30px
}

.customer-adiustment header input {
    width: 300px
}

.customer-adiustment header p {
    line-height: 36px;
    font-size: 16px;
    overflow: hidden
}

.customer-adiustment header p p {
    width: 300px;
    float: left
}

.customer-adiustment header strong {
    margin-right: 30px;
    color: #08c
}

.customer-adiustment section {
    margin: 30px 0
}

.customer-adiustment section .table-change td:first-child {
    width: auto
}

.customer-adiustment section .set-del {
    margin-top: -10px;
    left: 50%;
    margin-left: -42px
}

.customer-adiustment textarea {
    margin-bottom: 20px
}

#customer-adjustment .form-inline {
    margin-top: 20px
}

#customer-adjustment .form-control {
    margin-bottom: 0
}

#customer-adjustment input[type="checkbox"] {
    margin-right: 3px
}

.analysis .source-business .list {
    overflow-x: auto
}

.analysis .source-business .table-change th,
.analysis .source-business .table-change td {
    min-width: 120px;
    padding: 8px 0
}

.analysis .source-business .table-change th span,
.analysis .source-business .table-change td span {
    display: inline-block;
    min-width: 46%;
    max-width: 50%;
    padding: 0 2px;
    text-align: center;
    word-break: break-all;
    white-space: normal
}

.analysis .source-business .table-change th .price,
.analysis .source-business .table-change td .price {
    border-right: 1px solid #d8e5e8
}

.analysis .source-business .choose-source-type .project-type {
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 10;
    min-width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    overflow-y: auto;
    height: 268px
}

.analysis .source-business .choose-source-type .project-type p {
    padding: 10px;
    text-align: left
}

.analysis .source-business .choose-source-type .project-type .form-inline {
    padding: 0 10px;
    margin-bottom: 10px;
    text-align: left
}

.analysis .source-business .choose-source-type .project-type .form-inline input[type='checkbox'] {
    width: 20px
}

.analysis .source-business .choose-source-type .project-type .form-inline .form-group {
    margin-right: 30px
}

.analysis .source-business .choose-source-type .project-type .form-inline .form-control {
    width: 220px
}

.analysis .source-business .choose-source-type .project-type .list {
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 -1px 5px #ddd
}

.analysis .source-business .choose-source-type .project-type .table tr:first-child td:nth-of-type(2) {
    width: 100px
}

.analysis .source-business .choose-source-type .project-type .table tr:first-child td:nth-of-type(4) {
    width: 150px
}

.analysis .productivity-total .overview .items {
    height: 122px;
    text-align: center;
    line-height: 50px;
    border: 1px solid #dedede
}

.analysis .productivity-total .charts-gather {
    margin-top: 20px
}

.analysis .productivity-total .charts-head {
    margin-bottom: -13px
}

.analysis .productivity-total .charts-head span {
    display: block;
    width: 150px;
    line-height: 30px;
    height: 30px;
    font-size: 18px
}

.analysis .productivity-total .table {
    margin-top: 20px
}

.analysis .productivity-total .table th {
    background: #edf7f9;
    border-color: #d8e5e8;
    font-weight: normal
}

.analysis .parts .omit-detail {
    left: auto;
    right: 0
}

.analysis .parts .table-change td:nth-of-type(2) {
    width: auto;
    min-width: 200px;
    text-align: left
}

.analysis .parts .table-change tr:last-child td:nth-of-type(2) {
    width: auto;
    min-width: auto
}

.analysis .parts .arr-down {
    margin-bottom: 3px
}

.analysis .parts .category-ul {
    top: 34px;
    display: none
}

.analysis .parts .project-list {
    position: absolute;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 5px #999;
    left: 0;
    top: 34px;
    width: 420px;
    min-height: 300px;
    border: 0
}

.analysis .parts .list {
    overflow-x: auto
}

.charts-gather {
    margin-top: 10px;
    margin-bottom: 30px
}

.charts-gather .form-inline {
    position: relative;
    margin-bottom: 30px
}

.charts-gather .line-color {
    position: absolute;
    left: 50%;
    top: 40px;
    margin-left: -80px;
    width: 160px
}

.charts-gather .line-color span {
    display: inline-block;
    width: 48%
}

.charts-gather .line-color .current::after {
    content: '';
    position: absolute;
    left: 33px;
    top: 9px;
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #08c
}

.charts-gather .line-color .before::after {
    content: '';
    position: absolute;
    left: 142px;
    top: 9px;
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #c8c8c8
}

.charts-gather .menu-right {
    width: 210px;
    margin: 0 auto
}

.charts-gather .menu-right .gradient-button {
    width: 80px;
    height: 25px;
    line-height: 25px;
    border-radius: 12px;
    margin-top: 0
}

.charts-gather .menu-right .gradient-button span {
    width: 78px;
    height: 23px;
    border-radius: 12px
}

.charts-gather .menu-right .current {
    background: -webkit-linear-gradient(left, #ff7000, #ff5200);
    box-shadow: 0 4px 8px rgba(255, 84, 0, 0.2)
}

.charts-gather .menu-right .current span {
    background: none;
    color: #fff
}

.charts-gather .charts {
    margin-top: 15px
}

.memberCard-recharge .header .project-list {
    width: 350px
}

.memberCard-recharge .header .project-list td {
    white-space: normal
}

.memberCard-recharge .list {
    overflow-x: auto
}

.memberCard-recharge .list .table {
    width: auto;
    min-width: 100%
}

.memberCard-recharge .list td {
    white-space: nowrap;
    min-width: 100px
}

.memberCard-recharge .list td:first-child {
    min-width: 45px
}

.memberCard-recharge .list td:nth-of-type(12),
.memberCard-recharge .list td:nth-of-type(17) {
    white-space: normal;
    min-width: 200px
}

.memberCard-consume .header .project-list {
    width: 350px;
    height: 275px
}

.memberCard-consume .header .project-list td {
    width: 50%;
    white-space: normal
}

.memberCard-consume .list {
    overflow-x: auto
}

.memberCard-consume .list .table {
    width: auto;
    min-width: 100%
}

.memberCard-consume .list td {
    white-space: nowrap;
    min-width: 100px
}

.memberCard-consume .list td:first-child {
    min-width: 45px
}

.stock .header .gray {
    padding-left: 50px
}

.stock .header .ui-select-choices-content.ui-select-dropdown {
    width: 520px
}

.stock .header .ui-select-choices-row-inner span {
    display: inline-block;
    white-space: normal
}

.stock .header .ui-select-choices-row-inner span:first-child {
    width: 200px
}

.stock .header .ui-select-choices-row-inner span:nth-of-type(2) {
    width: 100px
}

.stock .header .ui-select-choices-row-inner span:nth-of-type(3) {
    width: 80px
}

.stock .section {
    margin-top: 10px
}

.stock .list p.right {
    padding-right: 20px
}

.stock .list .table {
    margin-bottom: 10px
}

.stock .form-control,
.stock .input-group {
    width: 180px
}

.stock .analyze {
    width: 100%
}

.stock .analyze .analyze-all {
    text-align: center;
    border-bottom: 1px solid #999;
    padding-bottom: 20px;
    margin: 0
}

.stock .analyze .analyze-all .col-sm-4 {
    position: relative;
    cursor: pointer;
    padding: 0 20px 20px;
    min-width: 260px
}

.stock .analyze .analyze-all section {
    height: 100px;
    border: 1px solid #dedede;
    border-radius: 8px;
    cursor: pointer
}

.stock .analyze .analyze-all p {
    line-height: 34px;
    font-size: 16px
}

.stock .analyze .analyze-all h3 {
    line-height: 30px;
    margin-left: 0;
    font-size: 20px;
    margin-left: 10px
}

.stock .analyze .analyze-all .glyphicon {
    position: absolute;
    right: -10px;
    top: 65px;
    color: #08c;
    font-size: 20px
}

.stock .analyze .analyze-all .glyphicon-pause {
    top: 70px;
    transform: rotate(90deg)
}

.stock .analyze .analyze-list {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 50px
}

.stock .analyze .analyze-list ul {
    padding: 0 20px
}

.stock .analyze .analyze-list ul li {
    overflow: hidden;
    margin-top: 10px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    cursor: pointer
}

.stock .analyze .analyze-list ul li:hover {
    background: #eee
}

.stock .analyze .analyze-list ul .list-title:hover {
    background: #d8e5e8
}

.stock .analyze .analyze-list ul .list-title {
    text-align: center;
    background: #d8e5e8;
    border-color: #ddd;
    cursor: initial
}

.stock .analyze p:last-child {
    font-size: 14px;
    color: #999
}

.stock .unsalable td:first-child {
    width: auto;
    min-width: 200px;
    text-align: left
}

.stock .unsalable .arr-down {
    margin-bottom: 3px
}

.stock .lack th,
.stock .statistics th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stock .lack td:first-child,
.stock .statistics td:first-child {
    width: 70px
}

.stock .lack td:nth-of-type(2),
.stock .statistics td:nth-of-type(2) {
    min-width: 200px;
    text-align: left
}

.stock .lack label input,
.stock .statistics label input {
    margin-right: 2px
}

.stock .lack .arr-down,
.stock .statistics .arr-down {
    margin-bottom: 3px
}

.stock .statistics td:nth-of-type(3),
.stock .statistics td:nth-of-type(4) {
    width: 150px
}

.stock .statistics td:nth-of-type(6) {
    width: 250px;
    text-align: left
}

.stock .statistics td:nth-of-type(7),
.stock .statistics td:nth-of-type(8),
.stock .statistics td:nth-of-type(9),
.stock .statistics td:nth-of-type(10) {
    width: 80px
}

.stock .statistics .modal-class ul {
    display: block;
    top: 0
}

.stock .statistics .modal-class ul ul {
    display: none
}

.stock .record .form-group {
    margin-bottom: 10px
}

.stock .record td:first-child {
    width: auto
}

.stock .warehouse-account .ui-select-dropdown.dropdown-menu {
    margin-top: -10px
}

.stock .warehouse-account .header .form-control {
    margin-bottom: 10px
}

.stock .warehouse-account .header .omit {
    width: 120px !important
}

.stock .warehouse-account .header .category-ul {
    display: block;
    top: 0
}

.stock .warehouse-account .section td:first-child,
.stock .warehouse-account .section td:nth-of-type(5) {
    width: 150px
}

.stock .warehouse-account .section td:nth-of-type(2) {
    width: 90px
}

.stock .warehouse-account .section td:nth-of-type(6) {
    width: 100px
}

.stock .warehouse-account .section td:nth-of-type(8),
.stock .warehouse-account .section td:nth-of-type(9) {
    width: 80px
}

.stock .warehouse-account .section td:nth-of-type(10) {
    width: 50px
}

.stock .warehouse-account .section td:nth-of-type(11) {
    width: 130px
}

.stock .warehouse-account .section td:last-child {
    width: 160px
}

.stock .purchase-await .side-main .header {
    padding: 10px 10px 5px 10px;
    border-bottom: 1px solid #f2f2f2
}

.stock .purchase-await .side-main .header button {
    margin-left: 15px;
    font-size: 12px;
    color: #147dfa
}

.stock .purchase-await .side-main .header div.gray {
    font-size: 12px
}

.stock .purchase-await .side-main .list>.form-inline {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2
}

.stock .purchase-await .side-main .list .info {
    display: inline-block;
    width: 350px
}

.stock .purchase-await .side-main .list .info .name {
    display: inline-block;
    max-width: 240px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom
}

.stock .purchase-await .side-main .list .info img {
    margin-left: 5px;
    cursor: pointer;
    vertical-align: text-top
}

.stock .purchase-await .side-main .list .info span {
    margin-left: 10px;
    vertical-align: text-bottom
}

.stock .purchase-await .side-main .list .info p {
    margin-top: 5px;
    font-size: 12px
}

.stock .purchase-await .side-main .list .price {
    display: inline-block;
    width: 120px;
    margin: 10px 3px 0 3px;
    vertical-align: top
}

.stock .purchase-await .side-main .list .price .blue {
    color: #147dfa;
    font-size: 16px;
    margin-bottom: 5px
}

.stock .purchase-await .side-main .list .price .gray {
    font-size: 12px
}

.stock .purchase-await .side-main .list .supplier-name {
    display: inline-block;
    width: 190px;
    margin-top: 20px;
    vertical-align: top;
    text-align: right
}

.stock .purchase-await .side-main .list .supplier-name span {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    vertical-align: text-bottom
}

.stock .purchase-await .side-main .list .supplier-name .certified {
    background-image: url("../imges/reception/certified.png");
    background-size: cover
}

.stock .purchase-await .side-main .list .supplier-name .uncertified {
    background-image: url("../imges/reception/uncertified.png");
    background-size: cover
}

.stock .purchase-await .purchase-list td:nth-of-type(2) {
    text-align: left
}

.stock .purchase-await .purchase-list td:nth-of-type(3) {
    width: 150px
}

.stock .purchase-await .purchase-list td:nth-of-type(7) {
    width: 150px
}

.stock .purchase-await .purchase-list td:nth-of-type(4),
.stock .purchase-await .purchase-list td:nth-of-type(5),
.stock .purchase-await .purchase-list td:nth-of-type(6) {
    width: 90px
}

.stock .purchase-await .purchase-list td:last-child {
    width: 100px
}

.stock .purchasing .cloud {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background: url(../imges/cloud.png) no-repeat;
    background-size: contain;
    vertical-align: middle
}

.stock .purchasing .form-group {
    margin-bottom: 10px
}

.stock .purchasing form.form-inline>.form-group {
    margin-right: 20px;
    vertical-align: top
}

.stock .purchasing .dropdown-menu {
    width: 100%
}

.stock .purchasing .list {
    left: 0;
    top: 36px;
    z-index: 9;
    min-width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    width: 800px
}

.stock .purchasing .list .table {
    margin-bottom: 0
}

.stock .purchasing .list thead {
    background: #edf7f9
}

.stock .purchasing .list thead th {
    font-weight: normal;
    border-bottom: 0
}

.stock .purchasing .list tr {
    cursor: pointer
}

.stock .purchasing .list td:first-child {
    width: auto;
    text-align: left
}

.stock .purchasing .list th,
.stock .purchasing .list td:nth-of-type(2),
.stock .purchasing .list td:nth-of-type(3) {
    white-space: nowrap
}

.stock .purchasing .list td.add-supplier {
    color: #fff;
    text-align: center;
    background: #08c
}

.stock .purchasing .purchase-list {
    margin-top: 10px
}

.stock .purchasing .purchase-list .table {
    margin-bottom: 10px
}

.stock .purchasing .purchase-list td:nth-of-type(2) {
    width: 400px;
    text-align: left
}

.stock .purchasing .purchase-list td:nth-of-type(3) {
    width: 200px
}

.stock .purchasing .purchase-list td:nth-of-type(4),
.stock .purchasing .purchase-list td:nth-of-type(5),
.stock .purchasing .purchase-list td:nth-of-type(6),
.stock .purchasing .purchase-list td:nth-of-type(7) {
    width: 150px
}

.stock .purchasing .purchase-list input {
    width: 100%;
    text-align: center
}

.stock .purchasing .purchase-list .num {
    min-width: 80px
}

.stock .purchasing .purchase-list .caption {
    padding: 0;
    margin-bottom: -1px
}

.stock .purchasing .purchase-list .caption span {
    width: 120px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    display: inline-block;
    background: #e6e6e6;
    text-align: center;
    border: 1px solid #ccc;
    border-bottom: none
}

.stock .purchasing .purchase-list .project-list {
    top: 36px;
    min-width: 500px
}

.stock .purchasing .purchase-list .project-list .table td:first-child {
    min-width: 150px;
    text-align: left
}

.stock .purchasing .purchase-list .project-list .table td:nth-of-type(2),
.stock .purchasing .purchase-list .project-list .table td:nth-of-type(3),
.stock .purchasing .purchase-list .project-list .table td:nth-of-type(4) {
    text-align: center;
    white-space: nowrap
}

.stock .purchasing .col-sm-12 {
    width: 100%
}

.stock .purchase-other .choose-project input {
    width: 100%
}

.stock .purchase-other .project-list {
    width: 500px
}

.stock .purchase-other .project-list td:nth-of-type(2) {
    min-width: auto;
    text-align: center
}

.stock .in-await .table-change tbody tr td:first-child {
    width: 70px
}

.stock .in-stock .cloud {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background: url(../imges/cloud.png) no-repeat;
    background-size: contain;
    vertical-align: middle
}

.stock .in-stock .header .form-group {
    margin-right: 20px
}

.stock .in-stock .in-item .table {
    margin-bottom: 10px
}

.stock .in-stock .in-item td input {
    width: 66px;
    text-align: center
}

.stock .in-stock .in-item td:nth-of-type(2) {
    text-align: left
}

.stock .in-stock .in-item td:nth-of-type(2) input {
    width: 100%;
    text-align: left
}

.stock .in-stock .in-item td:nth-of-type(3) {
    width: 200px
}

.stock .in-stock .in-item td:nth-of-type(3) input {
    width: 100%
}

.stock .in-stock .in-item .project-list {
    top: 36px
}

.stock .in-stock .in-item .project-list td:first-child {
    min-width: 250px
}

.stock .in-stock .in-item .project-list td:nth-of-type(2) {
    text-align: center
}

.stock .in-stock .in-item .list {
    left: 0;
    top: 36px;
    z-index: 9;
    min-width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    width: 800px
}

.stock .in-stock .total {
    margin-top: 20px;
    color: #333;
    overflow: hidden
}

.stock .in-stock .total .col-sm-6 {
    padding: 0
}

.stock .in-stock .total textarea {
    margin: 0;
    width: 100%
}

.stock .in-stock .total .right .form-inline {
    margin-bottom: 10px
}

.stock .in-stock .total .right .form-label {
    padding-right: 10px;
    width: 110px;
    text-align: right
}

.stock .in-stock .total .right .form-control {
    width: 180px
}

.stock .in-stock .total .right p {
    text-align: right
}

.stock .in-stock .total .right p .del {
    margin-left: 10px
}

.stock .get-await .function-list span {
    margin-left: 10px;
    color: #999;
    line-height: 34px
}

.stock .get-await .list {
    overflow-x: auto
}

.stock .get-await .list .table {
    width: auto;
    min-width: 100%
}

.stock .get-await .list .table td {
    white-space: nowrap
}

.stock .get-await .list .table td:nth-of-type(4) {
    min-width: 250px;
    white-space: normal
}

.stock .get-await .list .del {
    border-bottom: 1px solid #ea4a3e
}

.stock .get .header h4 {
    font-size: 16px
}

.stock .get .function-list .search {
    margin-bottom: 0
}

.stock .get .caption {
    padding: 0
}

.stock .get .list {
    margin-top: 10px
}

.stock .get .list .table {
    width: auto;
    min-width: 100%;
    margin-bottom: 10px
}

.stock .get .list input {
    width: 66px;
    text-align: center
}

.stock .get .list td:nth-of-type(3)~td {
    min-width: 60px;
    white-space: nowrap
}

.stock .get .list td:nth-of-type(7) {
    max-width: 150px;
    white-space: normal !important
}

.stock .get .list td:nth-of-type(2) {
    white-space: normal;
    text-align: left
}

.stock .get .list td:nth-of-type(2) input {
    width: 100%
}

.stock .get .list .project-list {
    width: 500px
}

.stock .get .list .project-list td:first-child {
    min-width: 250px
}

.stock .get .list .project-list td:nth-of-type(2) {
    text-align: center
}

.stock .get .remark .form-control {
    width: 100%
}

.stock .purchase-return .header .form-group,
.stock .customer-return .header .form-group {
    margin-right: 20px
}

.stock .purchase-return .header .searchCarInf span:first-child,
.stock .customer-return .header .searchCarInf span:first-child {
    width: auto
}

.stock .purchase-return .caption,
.stock .customer-return .caption {
    padding: 0
}

.stock .purchase-return .caption button,
.stock .customer-return .caption button {
    color: #08c;
    text-decoration: underline
}

.stock .purchase-return .list input,
.stock .customer-return .list input {
    width: 66px;
    text-align: center
}

.stock .purchase-return .list .table td:nth-of-type(2),
.stock .customer-return .list .table td:nth-of-type(2) {
    width: 400px;
    text-align: left
}

.stock .purchase-return .list .table td:nth-of-type(3),
.stock .customer-return .list .table td:nth-of-type(3) {
    width: 200px
}

.stock .purchase-return .list .table td:nth-of-type(4),
.stock .customer-return .list .table td:nth-of-type(4),
.stock .purchase-return .list .table td:nth-of-type(5),
.stock .customer-return .list .table td:nth-of-type(5),
.stock .purchase-return .list .table td:nth-of-type(6),
.stock .customer-return .list .table td:nth-of-type(6),
.stock .purchase-return .list .table td:nth-of-type(7),
.stock .customer-return .list .table td:nth-of-type(7) {
    width: 150px
}

.stock .purchase-return .col-sm-12,
.stock .customer-return .col-sm-12 {
    width: 100%;
    margin-bottom: 20px
}

.stock .inventory-add .header .form-group {
    margin-right: 20px
}

.stock .inventory-add .caption {
    padding: 0
}

.stock .inventory-add .caption button {
    margin: 0 20px;
    color: #08c;
    border-bottom: 1px solid #08c
}

.stock .inventory-add .list .table {
    margin-bottom: 10px
}

.stock .inventory-add .list td:nth-of-type(2) {
    width: 400px;
    text-align: left
}

.stock .inventory-add .list td:nth-of-type(3) {
    width: 200px
}

.stock .inventory-add .list td:nth-of-type(4),
.stock .inventory-add .list td:nth-of-type(5),
.stock .inventory-add .list td:nth-of-type(6),
.stock .inventory-add .list td:nth-of-type(7),
.stock .inventory-add .list td:nth-of-type(8) {
    width: 150px
}

.stock .inventory-add .col-sm-12 {
    width: 100%
}

.stock .movement .list td:first-child {
    width: auto
}

.stock .add-movement .table td:nth-of-type(2) {
    width: 400px;
    text-align: left
}

.stock .add-movement .table td:nth-of-type(3) {
    width: 200px
}

.stock .add-movement .table td:nth-of-type(4),
.stock .add-movement .table td:nth-of-type(5),
.stock .add-movement .table td:nth-of-type(6),
.stock .add-movement .table td:nth-of-type(7),
.stock .add-movement .table td:nth-of-type(8) {
    width: 150px
}

.stock .add-movement textarea {
    width: 100%
}

.stock .supplier input[type=checkbox],
.stock .warehouse input[type=checkbox],
.stock .goods-class input[type=checkbox] {
    margin-right: 4px
}

.stock .supplier td:first-child,
.stock .warehouse td:first-child,
.stock .goods-class td:first-child {
    width: 70px
}

.stock .supplier .header .form-inline:first-child {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.stock .supplier td:nth-of-type(2) {
    width: 180px
}

.stock .supplier td:nth-of-type(6),
.stock .supplier td:nth-of-type(7) {
    width: 200px
}

.stock .supplier td:nth-of-type(3),
.stock .supplier td:nth-of-type(5) {
    width: 150px
}

.stock .supplier td:nth-of-type(4),
.stock .supplier td:nth-of-type(8),
.stock .supplier td:last-child {
    width: 100px
}

.stock .basic-setting input[type="checkbox"] {
    margin: 0
}

.stock .basic-setting .form-inline {
    margin: 10px 0
}

.stock .basic-setting .control-label {
    width: 150px;
    padding-top: 0;
    margin-right: 20px;
    text-align: left
}

.stock .basic-setting p {
    padding-left: 170px
}

.stock .goods .function-list .form-control {
    width: 90px
}

.stock .goods .local-goods td:nth-of-type(3) {
    width: 230px
}

.stock .goods .local-goods td:nth-of-type(3) span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background: url(../imges/cloud.png) no-repeat;
    background-size: contain;
    vertical-align: middle
}

.stock .goods .local-goods td:nth-of-type(5) {
    width: 230px
}

.stock .goods .local-goods td:nth-of-type(5) div {
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stock .goods .local-goods td:nth-of-type(2),
.stock .goods .local-goods td:nth-of-type(4),
.stock .goods .local-goods td:nth-of-type(8) {
    width: 150px
}

.stock .goods .local-goods td:nth-of-type(6),
.stock .goods .local-goods td:nth-of-type(9) {
    width: 80px
}

.stock .goods .local-goods td:nth-of-type(10) {
    width: 80px;
    text-align: right
}

.stock .goods .local-goods td:last-child,
.stock .goods .local-goods td:nth-of-type(7) {
    width: 120px
}

.stock .goods .cloud-goods td:nth-of-type(2) {
    width: 230px
}

.stock .goods .cloud-goods td:nth-of-type(2) span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background: url(../imges/cloud.png) no-repeat;
    background-size: contain;
    vertical-align: middle
}

.stock .goods .cloud-goods td:nth-of-type(6) {
    width: 230px
}

.stock .goods .cloud-goods td:nth-of-type(6) div {
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stock .goods .cloud-goods td:nth-of-type(3),
.stock .goods .cloud-goods td:nth-of-type(4),
.stock .goods .cloud-goods td:nth-of-type(8) {
    width: 150px
}

.stock .goods .cloud-goods td:nth-of-type(7),
.stock .goods .cloud-goods td:nth-of-type(9),
.stock .goods .cloud-goods td:nth-of-type(10) {
    width: 80px
}

.stock .goods .cloud-goods td:last-child,
.stock .goods .cloud-goods td:nth-of-type(5) {
    width: 120px
}

.stock .goods .form-inline .table {
    margin-bottom: 0
}

.stock .goods .cars {
    position: absolute;
    left: 0;
    top: 34px;
    width: 400px;
    background: #fff;
    z-index: 9;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2)
}

.stock .goods .cars .table {
    margin-bottom: 0
}

.stock .goods .cars .table td,
.stock .goods .cars .table th {
    padding: 4px
}

.stock .goods-class .function-list .form-control {
    width: 90px
}

.stock .goods-class .list {
    border: 1px solid #d8e5e8
}

.stock .goods-class .list header {
    padding: 8px 43px;
    background: #edf7f9;
    border-bottom: 1px solid #d8e5e8;
    overflow: hidden;
    text-align: center
}

.stock .goods-class .list header input {
    margin: 0 0 0 -8px
}

.stock .goods-class .category-ul a {
    cursor: pointer
}

.stock .goods-class .category-ul .fa {
    margin-right: 5px
}

.stock .goods-class .category-ul .col-sm-3,
.stock .goods-class .category-ul .col-sm-2 {
    text-align: center
}

.stock .goods-class .category-ul li {
    line-height: 30px
}

.stock .goods-class .category-ul .sub-class .col-sm-5 {
    padding-left: 58px
}

.stock .goods-class .category-ul .sub-class .cloud {
    background-position: 30px 8px
}

.stock .goods-class .category-ul .cloud {
    background: url(../imges/cloud.png) no-repeat;
    background-size: 20px;
    background-position: 5px 8px
}

.stock .allot .table td {
    overflow: hidden;
    white-space: nowrap
}

.stock .allot .table td:first-child {
    width: auto
}

.stock .allot .table td:nth-of-type(10) {
    white-space: normal;
    text-align: left
}

.stock .allot .table td:nth-of-type(10) div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.stock .allot-add .form-control {
    margin-right: 20px
}

.stock .allot-add .list td {
    white-space: nowrap
}

.stock .allot-add .list input {
    width: 66px;
    text-align: center
}

.stock .allot-add .list td:nth-of-type(2) {
    white-space: normal;
    text-align: left
}

.stock .allot-add textarea {
    width: 100%
}

.stock .adjustment .table td:first-child {
    width: auto
}

.stock .adjustment-add .table td:nth-of-type(2) {
    text-align: left;
    width: 400px
}

.stock .adjustment-add .table td:nth-of-type(3) {
    width: 200px
}

.stock .adjustment-add .table td:nth-of-type(4),
.stock .adjustment-add .table td:nth-of-type(5),
.stock .adjustment-add .table td:nth-of-type(6),
.stock .adjustment-add .table td:nth-of-type(7),
.stock .adjustment-add .table td:nth-of-type(8) {
    width: 150px
}

.stock .adjustment-add textarea {
    width: 100%
}

.stock .purchase-undo-storage .list td:first-child {
    width: 360px;
    min-width: 150px
}

.stock .purchase-undo-storage .list td:nth-of-type(2) {
    width: 150px
}

.stock .purchase-undo-storage .list td:nth-of-type(3) {
    width: 80px
}

.stock .purchase-undo-storage .list td:nth-of-type(3)~td {
    width: 100px
}

.stock .select-category-list {
    position: absolute;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 5px #999;
    left: 0;
    top: 34px;
    width: 410px;
    min-height: 275px;
    border: 0
}

.stock .select-category-list .page {
    margin-left: 10px
}

.stock .select-category-list .table {
    margin: 0
}

.stock .select-category-list th {
    border-bottom-width: 0;
    border-color: #d8e5e8;
    background: #edf7f9;
    white-space: nowrap;
    font-weight: normal
}

.stock .select-category-list td {
    text-overflow: ellipsis;
    white-space: nowrap
}

.stock .select-category-list .overflow-hidden {
    width: 240px;
    text-align: left
}

.stock .select-category-list td:nth-of-type(3) {
    width: 100px;
    max-width: 100px
}

.stock .select-category-list td:nth-of-type(3) .omit {
    width: 100px !important
}

.stock .select-category-list td:nth-of-type(2),
.stock .select-category-list td:nth-of-type(4) {
    width: 130px
}

.caption-sp {
    width: 120px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    margin-bottom: -1px;
    display: inline-block;
    background: #e6e6e6;
    text-align: center;
    border: 1px solid #ccc;
    border-bottom: none
}

.alter {
    padding: 0;
    white-space: nowrap
}

.alter span {
    text-decoration: underline;
    margin: 0 2px;
    cursor: pointer;
    white-space: nowrap
}

.new-caption {
    width: auto;
    padding: 0;
    background: none;
    border: 0;
    line-height: 30px;
    text-align: left
}

.new-caption>span {
    width: 120px;
    height: 31px;
    line-height: 30px;
    margin-right: 10px;
    display: inline-block;
    background: #e6e6e6;
    text-align: center;
    border: 1px solid #ccc;
    border-bottom: none
}

.new-caption button {
    color: #08c;
    margin-right: 10px
}

.new-caption .materials-bill {
    height: 26px;
    border-bottom: 1px solid #08c
}

#modal-other-store h2 {
    font-weight: normal;
    margin-bottom: 20px
}

#modal-other-store .table-change tbody tr td:first-child {
    width: auto
}

#modal-other-store .table {
    margin-bottom: 0
}

.wechat .btn01 {
    border-color: #44b549;
    background-color: #44b549
}

.wechat .btn02 {
    background-color: #fff;
    border-color: #e7e7eb;
    color: #222
}

.wechat .editor-arrow-wrp {
    position: absolute;
    top: 510px;
    left: -12px
}

.wechat .editor-arrow {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 12px;
    border-style: dashed;
    border-color: transparent;
    border-left-width: 0;
    border-right-color: #e7e7eb;
    border-right-style: solid
}

.wechat .editor-arrow-in {
    left: 1px;
    border-right-color: #f4f5f9
}

.wechat .wechat-left {
    position: relative
}

.wechat .wechat-left .wechat-ph {
    width: 317px;
    height: 556px;
    padding-top: 64px;
    border: 1px solid #e7e7eb;
    position: relative;
    background: #f4f5f9 url(../imges/wechat-ph.png) no-repeat 0 0
}

.wechat .wechat-left .wechat-ph .wechat-ph-bt {
    overflow: auto
}

.wechat .wechat-left .wechat-ph .wechat-ph-bt .qr-card {
    padding: 8px;
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    width: 300px;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #f2f2f2
}

.wechat .wechat-left .wechat-ph .wechat-ph-bt .qr-card p {
    margin: 5px 0
}

.wechat .wechat-left .wechat-ph .wechat-ph-bt .qr-card img {
    display: block;
    height: 100px;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #e6e7e7
}

.wechat .wechat-left .wechat-ph .wechat-ph-bt .qr-card .card-ft {
    line-height: 30px;
    padding: 0;
    margin: 0 8px;
    font-size: 12px
}

.wechat .wechat-left .wechat-ph .wechat-ph-bt .qr-card .card-ft .gray {
    line-height: 30px;
    font-size: 9px
}

.wechat .wechat-left .wechat-ph h4 {
    font-size: 14px;
    line-height: 16px;
    overflow: hidden
}

.wechat .wechat-left .wechat-ph .wechat-ph-detail {
    background: #fff;
    width: 100%;
    height: 440px;
    overflow: auto
}

.wechat .wechat-left .wechat-ph .wechat-ph-detail .ph-detail p {
    margin: 0;
    line-height: 26px
}

.wechat .wechat-left .wechat-ph .wechat-ph-detail .qr-card {
    padding: 0 15px 0 15px
}

.wechat .wechat-left .wechat-ph .wechat-ph-detail p {
    margin: 5px 0
}

.wechat .wechat-left .wechat-ph .wechat-ph-detail img {
    display: block;
    width: 100%;
    height: 300px
}

.wechat .wechat-left .wechat-ph .wechat-ph-detail h4 {
    margin-top: 15px
}

.wechat .wechat-left .wechat-ph .wechat-bar {
    height: 50px;
    width: 316px;
    padding-left: 43px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    border-top: 1px solid #e7e7eb;
    background: url(../imges/wechat-bar.png) no-repeat
}

.wechat .wechat-left .wechat-ph .wechat-bar li {
    float: left;
    line-height: 50px;
    width: 33.3%;
    text-align: center;
    border-right: 1px solid #e7e7eb
}

.wechat .wechat-left .return {
    width: 80px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 25px;
    cursor: pointer
}

.wechat .wechat-left .wechat-ph02 {
    background: #fff url(../imges/wechat-ph.png) no-repeat 0 0;
    padding-top: 0;
    position: relative
}

.wechat .wechat-left .pre-menu-list {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #e7e7eb;
    background: transparent url(../imges/wechat-bar.png) no-repeat 0 0;
    background-position: 0 0;
    padding-left: 43px
}

.wechat .wechat-left .pre-menu-item {
    line-height: 50px;
    position: relative;
    float: left;
    text-align: center;
    width: 33.3%;
    cursor: pointer;
    border-left: 1px solid #e7e7eb
}

.wechat .wechat-left .pre-menu-item.current {
    border: 1px solid #44b549;
    line-height: 48px;
    color: #44b549
}

.wechat .wechat-left .sub-pre-menu-box {
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 100%;
    background-color: #fafafa;
    border-top-width: 0;
    border: 1px solid #d0d0d0
}

.wechat .wechat-left .sub-pre-menu-list li {
    line-height: 44px;
    border: 1px solid rgba(255, 23, 23, 0);
    margin: 0 -1px -1px;
    color: #333
}

.wechat .wechat-left .sub-pre-menu-list li.current {
    background-color: #fff;
    border: 1px solid #44b549;
    position: relative;
    z-index: 1;
    line-height: 45px;
    color: #44b549
}

.wechat .wechat-left .sub-pre-menu-list li:first-child span {
    border-top: 0
}

.wechat .wechat-left .sub-pre-menu-inner {
    display: block;
    border-top: 1px solid #e7e7eb;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    cursor: pointer
}

.wechat .wechat-left .arrow {
    position: absolute;
    left: 50%;
    margin-left: -6px
}

.wechat .wechat-left .menu-add {
    background: url(../imges/menu-add.png) no-repeat 0 0;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px
}

.wechat .wechat-left .arrow-out {
    bottom: -6px;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: dashed;
    border-color: transparent;
    border-bottom-width: 0;
    border-top-color: #d0d0d0;
    border-top-style: solid
}

.wechat .wechat-left .arrow-in {
    bottom: -5px;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: dashed;
    border-color: transparent;
    border-bottom-width: 0;
    border-top-color: #fafafa;
    border-top-style: solid
}

.wechat .wechat-right {
    padding-left: 357px
}

.wechat .wechat-right .section {
    margin-bottom: 10px
}

.wechat .wechat-right .wechat-right-in {
    background-color: #f4f5f9;
    border: 1px solid #e7e7eb;
    padding: 0 30px
}

.wechat .wechat-right .wechat-right-in .margin-b {
    margin-bottom: 30px
}

.wechat .wechat-right label {
    font-size: 16px;
    vertical-align: top
}

.wechat .wechat-right .wt-title {
    margin-top: 20px
}

.wechat .wechat-right .wt-title input {
    background: #fff
}

.wechat .wechat-right .infor_pic p {
    margin-bottom: 10px
}

.wechat .wechat-right .infor_pic p span {
    color: #969696
}

.wechat .wechat-right .infor_pic p a {
    text-decoration: underline
}

.wechat .wechat-right .wt-shuru .add-img {
    height: 50px;
    background: #eee;
    padding: 15px
}

.wechat .wechat-right .wt-shuru .cover-preview {
    margin-top: 10px
}

.wechat .wechat-right .wt-shuru .cover-preview img {
    height: 120px
}

.wechat .wechat-right .wt-ft .gray {
    margin-bottom: 20px
}

.wechat .wechat-right .total {
    padding: 0 3px
}

.wechat .wechat-right .menu-container {
    margin-top: 10px;
    background: #fff;
    padding: 16px 20px;
    border: 1px solid #e7e7eb
}

.wechat .wechat-right .menu-container .menu-list {
    width: 550px
}

.wechat .wechat-right .menu-container .menu-list .btn-menu {
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #e7e7eb;
    margin: 10px
}

.wechat .wechat-right .menu-container .menu-list .current {
    color: #44b549;
    border-color: #44b549
}

.wechat .editor-inner {
    position: relative;
    min-height: 560px;
    padding-bottom: 20px;
    padding: 0 20px 5px;
    background-color: #f4f5f9;
    border: 1px solid #e7e7eb
}

.wechat .editor-inner .menu-form-hd {
    padding: 9px 0;
    overflow: hidden;
    border-bottom: 1px solid #e7e7eb
}

.wechat .editor-inner label {
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
    margin-top: 4px
}

.wechat .editor-inner .global-info {
    float: left
}

.wechat .editor-inner .global-extra {
    float: right;
    cursor: pointer;
    color: #459ae9
}

.wechat .editor-inner .tips-global {
    color: #8d8d8d;
    padding-top: 10px
}

.wechat .editor-inner .frm-control-group {
    margin-top: 30px
}

.wechat .editor-inner .frm-control-group p {
    color: #8d8d8d;
    margin-left: 72px;
    margin-top: 6px
}

.wechat .editor-inner .bd-input {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 14px;
    padding: 0 10px;
    border: 1px solid #e7e7eb;
    width: 200px;
    background: #fff
}

.wechat .editor-inner .menu-form-fd .fd-radio {
    margin-right: 3px
}

.wechat .editor-inner .menu-form-fd .news-ar {
    width: 100%;
    border: 1px solid #e7e7eb;
    padding: 5px 8px
}

.wechat .editor-inner .menu-form-fd .bd-input {
    margin-left: 10px;
    width: 300px
}

.wechat .editor-inner .menu-form-fd .news-url div {
    margin: 10px 0
}

.wechat .editor-inner .menu-form-fd .news-url button {
    display: block;
    margin-left: 80px;
    text-decoration: underline;
    cursor: pointer;
    color: #08c
}

.wechat .editor-inner .menu-form-fd .news-url input {
    width: 300px
}

.wechat .tool-bar {
    margin-top: 40px
}

.wechat .material-add label {
    display: inline-block;
    width: 80px
}

.wechat .material-add input.form-control {
    width: 500px
}

.wechat .material-add .form-inline {
    margin-bottom: 20px
}

.wechat .material-add .summary label {
    vertical-align: top;
    line-height: 34px
}

.wechat .material-add .summary .form-control {
    margin: 0;
    width: 800px
}

.wechat .material-add .text-content label {
    float: left
}

.wechat .material-add .text-content .textarea {
    padding-left: 80px
}

.wechat .material-add footer {
    margin-left: 80px
}

.wechat .material-add .infor_pic img {
    width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: top
}

.wechat .material-add .preview {
    position: absolute;
    z-index: 999;
    left: 0;
    top: -20px;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3)
}

.wechat .material-add .preview .wechat-left {
    width: 317px;
    margin: 0 auto;
    margin-top: 100px
}

.wechat .material-add .preview .cancel {
    position: absolute;
    top: -30px;
    right: -50px;
    font-size: 30px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7)
}

.wechat .basic {
    position: relative
}

.wechat .basic .basic-left {
    padding-left: 400px
}

.wechat .basic .basic-right {
    position: absolute;
    top: 0;
    left: 0;
    width: 317px;
    height: 556px;
    padding-top: 64px;
    margin-bottom: 20px;
    background: #fff url(../imges/wechat-ph.png) no-repeat 0 0;
    box-shadow: 0 0 5px #999;
    overflow: hidden
}

.wechat .basic .carStore {
    position: relative
}

.wechat .basic .carStore .carStore-info {
    margin-right: 249px;
    overflow-x: auto
}

.wechat .basic .carStore .carStore-info td:first-child,
.wechat .basic .carStore .carStore-info td:nth-of-type(3) {
    min-width: 300px;
    width: 300px;
    text-align: left;
    white-space: nowrap
}

.wechat .basic .carStore .carStore-info td:nth-of-type(2) {
    min-width: 100px;
    width: 100px;
    white-space: nowrap
}

.wechat .basic .carStore .carStore-edit {
    position: absolute;
    top: 0;
    right: 0;
    width: 250px
}

.wechat .basic .carStore .basic-left .list {
    position: relative
}

.wechat .basic .carStore .basic-right .carStore-list {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #f4f4f4;
    overflow-y: auto
}

.wechat .basic .carStore .basic-right .carStore-list .item {
    position: relative;
    padding: 12px;
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden
}

.wechat .basic .carStore .basic-right .carStore-list .item img {
    width: 60px;
    height: 60px
}

.wechat .basic .carStore .basic-right .carStore-list .item .info {
    margin-left: 71px;
    padding-right: 40px
}

.wechat .basic .carStore .basic-right .carStore-list .item h3,
.wechat .basic .carStore .basic-right .carStore-list .item p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.wechat .basic .carStore .basic-right .carStore-list .item h3 {
    font-size: 14px;
    font-weight: normal
}

.wechat .basic .carStore .basic-right .carStore-list .item p {
    font-size: 12px;
    margin: 3px 0
}

.wechat .basic .carStore .basic-right .carStore-list .item .project-list span {
    display: inline-block;
    padding: 2px 6px;
    margin: 0 2px 2px 0;
    font-size: 12px;
    color: #fff;
    background: #92b3ff;
    border-radius: 4px
}

.wechat .basic .carStore .basic-right .carStore-list .nav-address {
    position: absolute;
    right: 12px;
    top: 27px;
    padding-top: 22px;
    font-size: 12px;
    background: url("../imges/icon-address.png") no-repeat center top;
    background-size: 13px 17px
}

.wechat .basic .mall-set {
    position: relative
}

.wechat .basic .mall-set .basic-right {
    overflow: auto;
    margin-bottom: 80px
}

.wechat .basic .mall-set .qr-code div {
    width: 206px;
    height: 278px;
    background: #e9e9e9;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #d9d9d9
}

.wechat .basic .mall-set .qr-code p {
    color: #898989;
    margin: 20px 0 7px 0;
    font-size: 12px
}

.wechat .basic .mall-set .qr-code img {
    display: inline-block;
    width: 176px;
    height: 176px;
    background: #fff
}

.wechat .basic .mall-set .qr-code button {
    width: 206px;
    height: 47px;
    border-radius: 3px;
    color: #fff;
    background: #0088cb
}

.wechat .basic .mall-set .edit-item {
    width: 470px
}

.wechat .basic .mall-set .edit-item .gray {
    font-size: 12px
}

.wechat .basic .mall-set .edit-item .info {
    padding-left: 90px
}

.wechat .basic .mall-set .edit-item .title {
    height: 37px;
    line-height: 36px;
    padding: 0 23px;
    background: #f0f0f0;
    border: 1px solid #ddd
}

.wechat .basic .mall-set .edit-item .title strong {
    margin-right: 20px
}

.wechat .basic .mall-set .edit-item .goods-group {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-top: 0
}

.wechat .basic .mall-set .edit-item .goods-group .form-inline {
    margin-bottom: 10px
}

.wechat .basic .mall-set .edit-item .goods-group .form-group label {
    margin-right: 15px
}

.wechat .basic .mall-set .edit-item .goods-group .form-label {
    width: 80px
}

.wechat .basic .mall-set .edit-item .goods-group .form-control {
    width: 180px
}

.wechat .basic .mall-set .edit-item .goods-group input[type="radio"] {
    margin: 0
}

.wechat .basic .mall-set .edit-item .item {
    position: relative;
    min-height: 96px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-top: 0
}

.wechat .basic .mall-set .edit-item .item img {
    width: 80px;
    height: 80px
}

.wechat .basic .mall-set .edit-item .item .btn-blue {
    width: 84px;
    height: 34px;
    padding: 0;
    border: 0;
    margin: 0;
    background: #0088cb;
    border-radius: 2px;
    color: #fff
}

.wechat .basic .mall-set .edit-item .item .form-inline {
    margin: 8px 0
}

.wechat .basic .mall-set .edit-item .item .form-control {
    width: 180px
}

.wechat .basic .mall-set .edit-item .add-item {
    height: 98px;
    margin-top: 5px;
    border: 1px dashed #8ac4e0;
    text-align: center
}

.wechat .basic .mall-set .edit-item .add-item button {
    position: relative;
    margin: 28px 0 18px 0;
    color: #0088cb
}

.wechat .basic .mall-set .edit-item .add-item button input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0
}

.wechat .basic .mall-set .edit-item .goods-item {
    position: relative;
    display: inline-block;
    margin: 0 10px 10px 0
}

.wechat .basic .mall-set .edit-item .goods-item img {
    width: 60px;
    height: 60px
}

.wechat .basic .mall-set .edit-item .goods-item .del-goods {
    right: 0;
    left: auto;
    top: 0;
    margin-top: 0
}

.wechat .basic .mall-set .sort button {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%;
    vertical-align: middle
}

.wechat .basic .mall-set .sort span {
    color: #0088cb;
    margin-left: 10px
}

.wechat .basic .mall-set .sort .sort-up {
    background: url("../imges/mall/sort-up.png") no-repeat;
    background-size: contain
}

.wechat .basic .mall-set .sort .sort-down {
    background: url("../imges/mall/sort-down.png") no-repeat;
    background-size: contain
}

.wechat .basic .mall-set .cancel {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 21px;
    height: 21px;
    transform: rotate(-45deg)
}

.wechat .basic .mall-set .cancel::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 21px;
    height: 1px;
    background: #979797
}

.wechat .basic .mall-set .cancel::after {
    content: '';
    position: absolute;
    left: 10px;
    top: 0;
    width: 1px;
    height: 21px;
    background: #979797
}

.wechat .basic .mall {
    background: #f4f4f4
}

.wechat .basic .mall .banner {
    position: relative;
    height: 13.5rem;
    overflow: hidden
}

.wechat .basic .mall .banner img {
    width: 100%;
    height: 13.5rem
}

.wechat .basic .mall .banner .bar-list {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .8rem;
    text-align: center;
    cursor: pointer
}

.wechat .basic .mall .banner .bar-list span {
    display: inline-block;
    width: 1.5rem;
    height: .4rem;
    background: #bbb;
    border-radius: .2rem;
    margin-right: 1rem
}

.wechat .basic .mall .banner .bar-list span:last-child {
    margin: 0
}

.wechat .basic .mall .banner .bar-list .current {
    background: #147dfa
}

.wechat .basic .mall .project-list {
    min-height: 80px;
    padding: 0 1rem;
    background: #fff;
    overflow: hidden
}

.wechat .basic .mall .project-list .project {
    float: left;
    width: 25%;
    padding: .6rem .2rem .4rem .2rem;
    text-align: center
}

.wechat .basic .mall .project-list .project .img {
    display: inline-block;
    width: 4.5rem;
    height: 4.5rem;
    background-size: contain !important
}

.wechat .basic .mall .project-list .project img {
    width: 2.3rem;
    margin-top: 1.1rem
}

.wechat .basic .mall .project-list .project p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px
}

.wechat .basic .mall .project-list .project:first-child .img {
    background: url("../imges/mall/bg01.png") no-repeat
}

.wechat .basic .mall .project-list .project:nth-of-type(2) .img {
    background: url("../imges/mall/bg02.png") no-repeat
}

.wechat .basic .mall .project-list .project:nth-of-type(3) .img {
    background: url("../imges/mall/bg03.png") no-repeat
}

.wechat .basic .mall .project-list .project:nth-of-type(4) .img {
    background: url("../imges/mall/bg04.png") no-repeat
}

.wechat .basic .mall .project-list .project:nth-of-type(5) .img {
    background: url("../imges/mall/bg02.png") no-repeat
}

.wechat .basic .mall .project-list .project:nth-of-type(6) .img {
    background: url("../imges/mall/bg05.png") no-repeat
}

.wechat .basic .mall .project-list .project:nth-of-type(7) .img {
    background: url("../imges/mall/bg04.png") no-repeat
}

.wechat .basic .mall .project-list .project:nth-of-type(8) .img {
    background: url("../imges/mall/bg01.png") no-repeat
}

.wechat .basic .mall .section {
    margin-top: .8rem;
    overflow-y: auto;
    cursor: pointer
}

.wechat .basic .mall .section h3 {
    padding: 0 12px;
    font-size: 15px;
    height: 49px;
    line-height: 49px;
    background: #fff;
    border-bottom: 1px solid #f4f4f4
}

.wechat .basic .mall .section .item {
    height: 8.4rem;
    padding: 0 1.2rem;
    border-bottom: .1rem solid #f4f4f4;
    overflow: hidden;
    background: #fff
}

.wechat .basic .mall .section .item div.left {
    height: 8.4rem
}

.wechat .basic .mall .section .item img {
    width: 5rem
}

.wechat .basic .mall .section .item .info {
    margin-left: 6.4rem
}

.wechat .basic .mall .section .item .name {
    margin-top: 1.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.wechat .basic .mall .section .item p.gray {
    margin: .4rem 0;
    font-size: 1.3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.wechat .basic .mall .section .item del {
    font-size: 1.3rem
}

.wechat .basic .mall .section .item:last-child {
    border: 0
}

.wechat .basic .mall .section .btn-goods {
    text-align: center
}

.wechat .basic .mall .section .btn-goods button {
    width: 12.7rem;
    height: 3.4rem;
    margin: 1.5rem 0;
    border: .1rem solid #2488ff;
    border-radius: 1.7rem;
    color: #2488ff
}

.wechat .basic .add-unit {
    position: absolute;
    top: 520px;
    left: 0;
    width: 320px;
    margin-bottom: 100px
}

.wechat .basic .add-unit button {
    width: 100%;
    height: 96px;
    margin-top: 80px;
    border: 1px dashed #8ac4e0;
    color: #8ac4e0
}

.wechat .edit-wx-index .choose-project .project-list {
    height: 185px;
    overflow-y: auto
}

#wechat-menu .menu-name {
    display: inline-block;
    width: 100%
}

.btn-toolbar {
    height: 34px
}

.clearfix {
    width: 100%;
    border-radius: 4px;
    margin-top: 3px;
    padding: 0;
    border: 1px solid #ccc;
    background: #fff
}

.clearfix:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.ta-scroll-window>.ta-bind {
    padding: 6px;
    min-height: 200px
}

.wechat-reply .table-change td:nth-of-type(1) {
    width: 50px
}

.wechat-reply .table-change td:nth-of-type(2) {
    text-align: left
}

.wechat-reply .wt-art {
    margin: 20px 0
}

.wechat-card .table-list header {
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9
}

.wechat-card .table-list span.left {
    line-height: 40px;
    font-size: 18px
}

.wechat-card .table-list .form-inline {
    margin-bottom: 5px
}

.wechat-card .table-list .table-change {
    margin-top: 15px
}

.wechat-card .table-list td {
    position: relative
}

.wechat-card .table-list td:first-child {
    width: auto
}

.wechat-card .table-list .col-sm-4 {
    text-align: left
}

.wechat-card .table-list .fa-question {
    font-size: 18px;
    color: #fb4242;
    cursor: pointer
}

.wechat-card .wechat-ph .coupon-detail {
    position: relative;
    background: #fff
}

.wechat-card .wechat-ph .coupon-detail .header {
    position: relative;
    height: 200px;
    padding-left: 15px;
    background: url(../imges/card/coupon.png);
    background-size: contain;
    color: #fff;
    overflow: hidden
}

.wechat-card .wechat-ph .coupon-detail .header .source {
    position: absolute;
    top: 1rem;
    right: 0;
    padding: 5px 10px 5px 20px;
    border-radius: 2rem 0 0 2rem;
    background: rgba(0, 0, 0, 0.3)
}

.wechat-card .wechat-ph .coupon-detail .header .money {
    margin-top: 46px
}

.wechat-card .wechat-ph .coupon-detail .header .money strong {
    font-size: 50px
}

.wechat-card .wechat-ph .coupon-detail .header .name {
    margin: 10px 0;
    font-size: 14px
}

.wechat-card .wechat-ph .coupon-detail .header .date {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 2rem;
    background: rgba(0, 0, 0, 0.3);
    font-size: 12px
}

.wechat-card .wechat-ph .coupon-detail .header-bg {
    position: absolute;
    left: 0;
    top: 195px;
    width: 100%;
    height: 1rem;
    background: url(../imges/card/coupon-line.png);
    background-size: cover
}

.wechat-card .wechat-ph .coupon-detail .section {
    border: 0;
    color: #333
}

.wechat-card .wechat-ph .coupon-detail .explain {
    margin: 10px 0;
    padding: 0 15px;
    line-height: 20px
}

.wechat-card .wechat-ph .coupon-detail .jump {
    padding: 0 15px;
    line-height: 40px;
    border-bottom: 1px solid #eee
}

.wechat-card .wechat-ph .coupon-detail .jump p {
    display: inline-block
}

.wechat-card .wechat-ph .coupon-detail .jump a {
    color: #333
}

.wechat-card .wechat-ph .coupon-detail .jump span {
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    background: url(../imges/card/arr.png) no-repeat
}

.wechat-card .wechat-ph .coupon-detail .item {
    position: relative;
    padding: 1rem 4rem 1rem 1.5rem;
    line-height: normal
}

.wechat-card .wechat-ph .coupon-detail .item h4 {
    font-size: 1.6rem;
    margin-bottom: .5rem;
    font-weight: normal
}

.wechat-card .wechat-ph .coupon-detail .item .phone {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 2rem;
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
    background: url(../imges/card/phone.png) no-repeat;
    background-size: contain
}

.wechat-card .wechat-right .section {
    min-width: 540px;
    background-color: #f4f5f9;
    border: 1px solid #e7e7eb;
    padding: 20px 30px 0
}

.wechat-card .wechat-right .section input[type='number'] {
    width: 200px
}

.wechat-card .wechat-right .card-infor {
    overflow: hidden;
    margin-bottom: 15px
}

.wechat-card .wechat-right .card-infor span {
    line-height: 34px;
    width: 100px
}

.wechat-card .wechat-right .card-infor div {
    overflow: hidden
}

.wechat-card .wechat-right .card-infor input.form-control {
    width: 200px;
    background: #fff;
    padding-left: 8px
}

.wechat-card .wechat-right .card-infor .time {
    width: 400px
}

.wechat-card .wechat-right .card-infor .time01 {
    width: 300px;
    margin-bottom: 10px
}

.wechat-card .wechat-right .card-infor .checked {
    line-height: 34px
}

.wechat-card .wechat-right .card-infor .checked input {
    margin-right: 5px
}

.wechat-card .wechat-right .card-infor .form-inline {
    line-height: 34px
}

.wechat-card .wechat-right .card-infor .form-inline input {
    margin: 0
}

.wechat-card .wechat-right .card-infor .form-inline label {
    margin-right: 30px
}

.wechat-card .wechat-right .card-infor .form-group {
    margin: 0
}

.wechat-card .wechat-right .submit {
    margin-top: 20px
}

.wechat-card .release-card {
    padding: 10px;
    border-bottom: 1px solid #ddd
}

.wechat-card .release-card h2 {
    font-weight: normal;
    line-height: 26px
}

.wechat-card .xiangqing {
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px;
    cursor: pointer
}

.wechat-card .release {
    background: #fff;
    min-height: 556px;
    border: 1px solid #e7e7eb;
    padding: 20px 30px
}

.wechat-card .release span.left {
    line-height: 34px;
    display: inline-block
}

.wechat-card .release span.left:first-child {
    width: 100px
}

.wechat-card .release .card-checked {
    overflow: hidden
}

.wechat-card .release .card-checked .card {
    background: #e9edff;
    border: 1px solid #e7e7eb;
    margin-bottom: 5px;
    padding: 15px 50px;
    border-radius: 4px
}

.wechat-card .release .card-checked .card-money {
    margin-bottom: 10px;
    color: #fb4242;
    text-align: center
}

.wechat-card .release .card-checked .card-name {
    text-align: center
}

.wechat-card .release .col-sm-12 {
    padding: 0;
    margin-bottom: 20px
}

.wechat-card .release .col-sm-12 span:nth-of-type(2) {
    margin-left: 5px
}

.wechat-card-detail .wechat-right {
    line-height: 34px
}

.analysis .form-control {
    width: 180px
}

.analysis .view-list {
    padding-bottom: 50px
}

.analysis .view-list header {
    overflow: hidden
}

.analysis .view-list header select {
    border: 1px solid #d9d9d9;
    width: 200px;
    height: 30px
}

.analysis .wCardView {
    margin-top: 10px
}

#card-explain li {
    margin: 10px 0;
    padding: 0 20px;
    font-size: 16px
}

.release .header {
    overflow: hidden;
    margin-bottom: 20px
}

.release .header em {
    display: inline-block;
    width: 30px;
    height: 16px;
    background: url(../imges/wechat/arr.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin: 0 5px
}

.release .header strong {
    display: inline-block;
    width: 110px;
    padding-left: 25px
}

.release .header .first {
    background: url(../imges/wechat/one.png) no-repeat;
    background-size: contain
}

.release .header .second {
    background: url(../imges/wechat/two.png) no-repeat;
    background-size: contain
}

.release .card-list {
    overflow: hidden
}

.release .card-list li {
    float: left;
    height: 180px;
    width: 300px;
    cursor: pointer;
    border: 1px solid #e6e7e7;
    border-radius: 4px;
    margin-right: 30px;
    padding: 10px 20px
}

.release .card-list li img {
    width: 40px;
    height: 40px;
    display: block;
    margin: 10px auto
}

.release .card-list li h3 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold
}

.release-fans .col-sm-12 label {
    font-size: 14px;
    line-height: 34px
}

.release-fans .col-sm-12 .form-inline .blue {
    height: 34px;
    margin-left: 20px
}

.card-list .searchCarInf {
    width: 180px !important
}

.card-list .section {
    margin-top: 10px
}

.card-list .section .table-change {
    margin-top: 0
}

.card-list .table-menu button {
    margin-right: 5px;
    padding: 8px 15px;
    color: #999;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-bottom: none;
    border-radius: 3px 3px 0 0
}

.card-list .table-menu .current {
    background: #2eb0b8;
    color: #fff;
    border: 1px solid #279da4;
    border-bottom: none
}

.card-list .remark {
    width: 200px;
    text-align: left
}

.modal-choice-pic .infor_pic {
    margin-bottom: 10px
}

.modal-choice-pic .infor_pic ul {
    width: 445px;
    margin: 0 auto;
    overflow: hidden
}

.modal-choice-pic .infor_pic ul li {
    width: 100px;
    height: 100px
}

.modal-choice-pic .infor_pic ul li:nth-of-type(4n) {
    margin-right: 0
}

.modal-choice-pic .infor_pic ul .selected {
    border: 1px solid #08c;
    box-shadow: 0 0 6px #0af
}

.modal-choice-pic .infor_pic ul .add_pic {
    width: 100px;
    height: 100px
}

.wechat-ph-img {
    width: 60%;
    margin: 0 auto;
    margin-top: 20px
}

.picture-push {
    margin-top: 30px
}

.picture-push .picture-push-top {
    overflow: hidden
}

.picture-push .picture-pre {
    width: 100%;
    margin-bottom: 20px
}

.picture-push .picture-pre ul {
    overflow: hidden;
    border: 1px solid #ccc
}

.picture-push .picture-pre ul li {
    position: relative;
    float: left;
    padding: 20px;
    width: 20%;
    height: 144px;
    overflow: hidden;
    text-align: center
}

.picture-push .picture-pre ul .delete-img {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 15%;
    cursor: pointer;
    background: url(../imges/delete.png)
}

.picture-push .picture-pre ul img {
    width: 120px;
    height: 120px;
    padding: 5px;
    background: #f2f2f4
}

.picture-push .search {
    position: relative;
    cursor: pointer
}

.picture-push .search input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0
}

.card-extension .table-change td:nth-of-type(1) {
    width: 70px
}

.function-list {
    margin-bottom: 10px
}

.function-list .dropdown .search {
    margin: 0
}

.function-list .dropdown .dropdown-menu {
    width: 100%;
    text-align: center;
    color: #333
}

.function-list .dropdown .dropdown-menu li {
    cursor: pointer
}

.function-list .gray {
    line-height: 36px;
    margin-left: 10px
}

.warehouse-location {
    position: relative
}

.warehouse-location .modal-class {
    position: absolute;
    left: 0;
    top: 34px;
    width: 200px;
    z-index: 100
}

.wx-mall-goods .table td {
    overflow: hidden
}

.wx-mall-goods .table td:nth-of-type(2) {
    min-width: 300px
}

.wx-mall-goods .table td:nth-of-type(3) {
    max-width: 256px
}

.wx-mall-goods .table img {
    display: inline-block;
    width: 60px;
    height: 60px
}

.wx-mall-goods .info {
    width: 300px;
    margin-left: 70px;
    text-align: left;
    overflow: hidden
}

.wx-mall-goods .info p:last-child {
    margin-top: 10px
}

.edit-mall-goods .wechat-ph {
    overflow-y: auto
}

.edit-mall-goods .goods-detail {
    padding-bottom: 5.4rem;
    background: #f4f4f4
}

.edit-mall-goods .goods-detail .banner {
    position: relative;
    height: 31.5rem;
    overflow: hidden
}

.edit-mall-goods .goods-detail .banner img {
    width: 100%;
    height: 31.5rem
}

.edit-mall-goods .goods-detail .banner .bar-list {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .8rem;
    text-align: center
}

.edit-mall-goods .goods-detail .banner .bar-list span {
    display: inline-block;
    width: 1.5rem;
    height: .4rem;
    background: #bbb;
    border-radius: .2rem;
    margin-right: 1rem
}

.edit-mall-goods .goods-detail .banner .bar-list span:last-child {
    margin: 0
}

.edit-mall-goods .goods-detail .banner .bar-list .current {
    background: #147dfa
}

.edit-mall-goods .goods-detail .header {
    padding: 0 1.2rem;
    margin: .5rem 0;
    background: #fff;
    overflow: hidden
}

.edit-mall-goods .goods-detail .header .name {
    font-size: 1.7rem;
    font-weight: normal;
    margin-top: .8rem;
    margin-bottom: .2rem
}

.edit-mall-goods .goods-detail .header .blue {
    font-size: 1.6rem
}

.edit-mall-goods .goods-detail .header .gray {
    font-size: 1.4rem
}

.edit-mall-goods .goods-detail .header p:last-child {
    margin: .5rem 0 1rem 0
}

.edit-mall-goods .goods-detail .describe {
    background: #fff
}

.edit-mall-goods .goods-detail .describe .title {
    height: 5.4rem;
    padding: 0 2rem;
    line-height: 5.4rem;
    border-bottom: .1rem solid #f4f4f4
}

.edit-mall-goods .goods-detail .describe .info {
    padding: .8rem 2rem
}

.edit-mall-goods .bottomBar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5.4rem;
    background: #fff;
    border: .1rem solid #f4f4f4
}

.edit-mall-goods .bottomBar button {
    width: 100%;
    height: 100%;
    font-size: 1.5rem
}

.edit-mall-goods .bottomBar .phone {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
    background: url("../imges/phone.png") no-repeat;
    background-size: contain
}

.edit-mall-goods .wechat-right h3 {
    margin-bottom: 10px
}

.edit-mall-goods .wechat-right .add-goods {
    position: static
}

.edit-mall-goods .wechat-right .form-inline {
    margin-bottom: 10px
}

.edit-mall-goods .wechat-right label {
    width: 80px;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle
}

.edit-mall-goods .wechat-right input[type="radio"] {
    margin-right: 5px
}

.edit-mall-goods .wechat-right p {
    margin-bottom: 10px
}

.edit-mall-goods .wechat-right .form-control {
    width: 180px
}

.edit-mall-goods .wechat-right textarea.form-control {
    margin: 0;
    width: 100%
}

.wx-mall-group .table-change tbody tr td {
    width: 20%
}

.wx-mall-set .search {
    margin-top: 50px
}

.marketing .wechat-rewards .list td:first-child {
    width: auto
}

.marketing .share-activities td img {
    min-width: 80px;
    height: 80px
}

.marketing .share-activity .pic-group img {
    width: 100px;
    height: 100px
}

.sharing-rewards .wechat-left .wechat-ph {
    background: #fff url(../imges/wechat-ph.png) no-repeat 0 0
}

.sharing-rewards .rewards {
    line-height: 36px
}

.sharing-rewards .rewards .search {
    margin: 0
}

.sharing-rewards .send-notification {
    line-height: 36px
}

.sharing-rewards .share {
    height: 440px;
    background: #f5f5f5;
    overflow-y: scroll
}

.sharing-rewards .share .card-list {
    padding: 1rem 1rem 0;
    margin-bottom: 1rem;
    background: #fff;
    border-top: 1px solid #e6e7e7;
    border-bottom: 1px solid #e6e7e7
}

.sharing-rewards .share .card-list .used {
    text-align: center;
    line-height: 3rem;
    color: #ae3c34
}

.sharing-rewards .share .card-list:last-child {
    border-bottom: 0
}

.sharing-rewards .share .overdue {
    background: #ae3c34 url(../imges/card/overdue.png) no-repeat;
    background-size: .6rem;
    color: rgba(255, 255, 255, 0.6)
}

.sharing-rewards .share .overdue .card-left,
.sharing-rewards .share .overdue h3 {
    color: rgba(255, 255, 255, 0.6)
}

.sharing-rewards .share .gray {
    text-align: center;
    margin-top: 1rem
}

.sharing-rewards .share .flow-chart {
    height: 60px;
    background: url(../imges/card/flow_chart.png) no-repeat center;
    background-size: contain
}

.sharing-rewards .share .btn-share {
    display: block;
    width: 40%;
    height: 4rem;
    color: #ae3c34;
    font-size: 2rem;
    margin: 1rem auto;
    text-align: center;
    line-height: 4rem;
    box-shadow: 0 4px 6px rgba(174, 60, 52, 0.3);
    background: #fae114;
    border: 0;
    border-radius: 4px
}

.sharing-rewards .share .friends-list {
    margin-top: 1rem;
    background: #fff;
    border-top: .5px solid #e6e7e7;
    padding: 0 1rem 0;
    padding-bottom: 1rem
}

.sharing-rewards .share .friends-list .gray03 {
    margin: 0;
    line-height: 4rem
}

.sharing-rewards .share .friends-list ul {
    border: .5px solid #e6e7e7;
    border-radius: 4px;
    padding-left: 1rem
}

.sharing-rewards .share .friends-list li {
    position: relative;
    padding: 1rem 1rem 1rem 0;
    border-top: .5px solid #e6e7e7
}

.sharing-rewards .share .friends-list li img {
    width: 5rem;
    height: 5rem;
    border-radius: 50%
}

.sharing-rewards .share .friends-list li strong {
    color: #000;
    vertical-align: top
}

.sharing-rewards .share .friends-list li span {
    position: absolute;
    bottom: 1rem;
    right: 2rem;
    color: #888c90
}

.sharing-rewards .share .friends-list li:first-child {
    border: 0
}

.sharing-rewards .share .qr-code {
    margin-top: 2rem;
    margin-right: 1rem;
    overflow: hidden
}

.sharing-rewards .share .qr-code img {
    width: 10rem;
    height: 10rem
}

.sharing-rewards .share .qr-code .gray03 {
    width: 180px;
    text-align: left;
    line-height: normal
}

.sharing-rewards .card-itme {
    height: 10rem;
    border: 1px inside #e6e7e7;
    background: #ae3c34 url(../imges/card/card_01.png);
    background-repeat: repeat-y;
    background-size: .6rem;
    border-radius: .5rem;
    color: #fff
}

.sharing-rewards .card-itme div {
    overflow: hidden
}

.sharing-rewards .card-itme .card-left {
    width: 25%;
    height: 100%;
    line-height: 10rem;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    box-sizing: border-box;
    color: #fae114;
    border-right: 1px dashed #fff
}

.sharing-rewards .card-itme .card-left span {
    font-size: 1.4rem;
    vertical-align: text-top;
    line-height: normal
}

.sharing-rewards .card-itme .card-right::before {
    content: "";
    position: absolute;
    left: -0.5rem;
    top: -0.5rem;
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    background: #fff
}

.sharing-rewards .card-itme .card-right {
    position: relative;
    overflow: initial;
    width: 75%;
    height: 100%;
    padding-right: 1rem;
    padding-bottom: .5rem;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.6)
}

.sharing-rewards .card-itme .card-right .fl {
    width: 75%;
    height: 100%;
    padding: 0 .8rem;
    box-sizing: border-box
}

.sharing-rewards .card-itme .card-right .fr {
    position: relative;
    width: 25%;
    height: 100%;
    font-size: 1.3rem
}

.sharing-rewards .card-itme .card-right h3 {
    padding: 1.5rem 0;
    font-size: 1.4rem;
    color: #fff
}

.sharing-rewards .card-itme .card-right li {
    line-height: 1.6rem
}

.sharing-rewards .card-itme .card-right .share-link {
    display: block;
    width: 100%;
    padding: 1.3rem 0;
    line-height: normal;
    text-align: right
}

.sharing-rewards .card-itme .card-right .share-link::after {
    content: "";
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    background: url(../imges/card/dwon.png) no-repeat;
    background-size: 1rem;
    transform: rotateZ(-90deg);
    margin-left: .5rem
}

.sharing-rewards .card-itme .card-right .remind {
    position: absolute;
    top: 47%
}

.sharing-rewards .card-itme .card-right::after {
    content: "";
    position: absolute;
    left: -0.5rem;
    bottom: -0.5rem;
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    background: #fff
}

.channel-bonus .table td:nth-of-type(2),
.shareholder-bonus .table td:nth-of-type(2),
.channel-bonus .table td:nth-of-type(3),
.shareholder-bonus .table td:nth-of-type(3) {
    width: 120px
}

.channel-bonus .table td:nth-of-type(4),
.shareholder-bonus .table td:nth-of-type(4),
.channel-bonus .table td:nth-of-type(5),
.shareholder-bonus .table td:nth-of-type(5),
.channel-bonus .table td:nth-of-type(6),
.shareholder-bonus .table td:nth-of-type(6),
.channel-bonus .table td:nth-of-type(7),
.shareholder-bonus .table td:nth-of-type(7),
.channel-bonus .table td:nth-of-type(8),
.shareholder-bonus .table td:nth-of-type(8),
.channel-bonus .table td:nth-of-type(9),
.shareholder-bonus .table td:nth-of-type(9) {
    width: 130px
}

.channel-bonus .table td:last-child,
.shareholder-bonus .table td:last-child {
    width: 170px
}

.channel-customer .section {
    margin-top: 10px
}

.channel-customer .section td {
    width: 150px
}

.channel-customer .section td:first-child {
    max-width: 45px
}

.channel-customer .section td:nth-of-type(5) {
    width: 250px
}

.channel-downline .header p {
    margin-bottom: 10px
}

.channel-downline .table td,
.channel-downline .table td:first-child {
    width: 120px
}

.channel-downline .table td:nth-of-type(6) {
    width: 150px
}

.channel-bonus-detail .table td,
.channel-bonus-detail .table td:first-child {
    width: 120px
}

.channel-rule .section,
.shareholder-rule .section {
    padding: 50px 0 0 30px
}

.channel-rule .section .form-inline,
.shareholder-rule .section .form-inline {
    margin-bottom: 30px
}

.channel-rule .section .form-inline span,
.shareholder-rule .section .form-inline span {
    display: inline-block;
    width: 200px
}

.channel-rule .section .form-inline .btn-switch,
.shareholder-rule .section .form-inline .btn-switch {
    margin-right: 20px
}

.channel-rule .section .form-inline span.gray,
.shareholder-rule .section .form-inline span.gray {
    width: auto
}

.bonus-record .table td {
    width: 80px
}

.bonus-record .table td:nth-of-type(4) {
    width: 120px
}

.bonus-record .table td:nth-of-type(2),
.bonus-record .table td:nth-of-type(8) {
    width: 140px
}

.bonus-record .table td:first-child,
.bonus-record .table td:nth-of-type(10) {
    width: 170px
}

.bonus-record .table td:last-child {
    width: 200px
}

.bonus-setting>p {
    height: 40px;
    line-height: 40px
}

.bonus-setting .table p.gray {
    display: inline-block
}

.bonus-setting .table td:first-child {
    width: auto
}

.bonus-setting .table input.form-control {
    width: 100px;
    text-align: center
}

.bonus-setting .toggle-view {
    height: 30px;
    padding-left: 20px;
    line-height: 30px;
    margin-left: -20px;
    background: #eaeaea
}

.bonus-setting .toggle-view .glyphicon {
    margin-right: 10px
}

.bonus-setting .bonus-bill .toggle-view {
    margin-bottom: 20px
}

.bonus-setting .bonus-bill .form-inline {
    padding-left: 20px;
    overflow: hidden
}

.bonus-setting .bonus-bill .form-inline td:last-child {
    width: 241px
}

.bonus-setting .bonus-bill .form-inline:last-child td:nth-child(2),
.bonus-setting .bonus-bill .form-inline:last-child td:nth-child(3) {
    width: 120px;
    max-width: 120px
}

.bonus-setting .bonus-member>.form-inline {
    position: relative;
    padding: 20px;
    margin: 15px 13px 0 36px;
    border: 1px solid #eaeaea;
    border-radius: 8px
}

.bonus-setting .bonus-member>.form-inline .form-inline {
    margin-bottom: 15px
}

.bonus-setting .bonus-member>.form-inline strong {
    display: inline-block;
    width: 100px
}

.bonus-setting .bonus-member>.form-inline .form-group button {
    width: 80px;
    height: 30px;
    border: 1px solid #eaeaea
}

.bonus-setting .bonus-member .form-inline:last-child {
    border: 0;
    padding: 0
}

.bonus-setting .bonus-member .current {
    background: #08c;
    color: #fff;
    border-color: #08c
}

.shareholder-manage .table td:nth-of-type(2),
.shareholder-manage .table td:nth-of-type(4),
.shareholder-manage .table td:nth-of-type(5) {
    width: 100px
}

.shareholder-manage .table td:nth-of-type(3) {
    width: 120px
}

.shareholder-manage .table td:nth-of-type(6) {
    width: 170px
}

.shareholder-manage .table td:nth-of-type(7),
.shareholder-manage .table td:last-child {
    width: 250px
}

.wechat {
    font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif
}

.wechat .wechat-overview .row {
    color: #353e4b;
    margin: 0;
    margin-bottom: 20px;
    padding: 0 20px
}

.wechat .wechat-overview .title {
    font-size: 14px;
    margin-bottom: 10px
}

.wechat .wechat-overview .list {
    display: flex
}

.wechat .wechat-overview .list .item {
    display: inline-block
}

.wechat .wechat-overview .list .item-content {
    display: inline-block;
    width: 90px;
    height: 90px;
    border: 1px solid #f1f1f1;
    text-align: center;
    margin-right: 100px;
    margin-bottom: 5px
}

.wechat .wechat-overview .list .item-content strong {
    display: block
}

.wechat .wechat-overview .list .item-content img {
    width: 30px;
    margin-top: 15px;
    margin-bottom: 10px
}

.wechat .wechat-overview .list em {
    color: #1e00d6
}

.wechat .fans-list .table td:first-child {
    width: 70px
}

.wechat .fans-list .table img {
    width: 50px;
    height: 50px
}

.wechat .message .item {
    overflow: hidden;
    padding: 0 20px 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e7e7
}

.wechat .message .item div.left {
    width: 80%
}

.wechat .message .item div.left img {
    width: 40px;
    height: 40px
}

.wechat .message .item div.left h3 {
    font-size: 16px;
    padding-left: 60px
}

.wechat .message .item div.left p {
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wechat .message .item div.right {
    overflow: hidden
}

.wechat .message .item div.right span {
    float: right;
    background: url(../imges/customer/icon-vip.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain
}

.wechat .mass td:first-child {
    width: 40%;
    word-break: break-all;
    text-align: left
}

.wechat .mass-add .col-sm-12 {
    margin-bottom: 30px
}

.wechat .mass-add span.left {
    width: 100px
}

.wechat .mass-add label {
    margin-bottom: 10px;
    margin-right: 30px
}

.wechat .mass-add .client span {
    line-height: 34px
}

.wechat .mass-add .fans-list label {
    margin: 10px 0 0 0
}

.wechat .mass-add .text-content {
    width: 600px;
    margin-bottom: 10px
}

.wechat .attention-reply .section {
    padding: 20px 20px;
    background-color: #f4f5f9;
    border: 1px solid #e7e7eb
}

.wechat .attention-reply .section span.left {
    width: 80px;
    line-height: 34px
}

.wechat .attention-reply .section .reply {
    margin-bottom: 20px
}

.wechat .attention-reply .section .reply label {
    margin-right: 30px;
    line-height: 34px
}

.wechat .attention-reply .section .form-control {
    margin: 0;
    width: 600px;
    margin-bottom: 10px
}

.wechat .attention-reply .section .submit {
    margin-left: 80px
}

.wechat .wechat-keyword .keywords-item {
    margin-bottom: 20px;
    border: 1px solid #e7e7eb;
    font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;
    color: #222
}

.wechat .wechat-keyword .keywords-item .keywords_rule_hd {
    overflow: hidden;
    cursor: pointer;
    padding: 0 14px;
    background-color: #f4f5f9;
    border-bottom: 1px solid #e7e7eb;
    line-height: 40px
}

.wechat .wechat-keyword .keywords-item .keywords_rule_hd .right {
    position: relative
}

.wechat .wechat-keyword .keywords-item .keywords_rule_hd .arrow {
    position: absolute;
    right: 0;
    top: 15px;
    width: 0;
    height: 0;
    margin-top: 3px;
    border-width: 5px;
    border-style: dashed;
    border-color: transparent;
    border-top-width: 0;
    border-bottom-color: #c6c6c6;
    border-bottom-style: solid;
    vertical-align: top
}

.wechat .wechat-keyword .keywords-item .keywords_rule_hd .arrow_down {
    border-top-width: 5px;
    border-top-color: #c6c6c6;
    border-bottom-width: 0
}

.wechat .wechat-keyword .keywords-item .keywords_rule_hd .keywords {
    line-height: 24px
}

.wechat .wechat-keyword .keywords-item .keywords_rule_hd .keywords_info_title {
    float: left;
    width: 75px;
    font-weight: 400;
    font-style: normal
}

.wechat .wechat-keyword .keywords-item .keywords_rule_hd .keywords_info_detail {
    padding-left: 90px
}

.wechat .wechat-keyword .keywords-item .keywords_rule_hd .overview_keywords_list li {
    display: inline-block;
    height: 24px;
    margin-bottom: 10px;
    margin-right: 10px;
    background-color: #e5e7ec;
    padding: 0 .5em
}

.wechat .wechat-keyword .keywords-item .keywords_rule_hd .keywords_name {
    display: inline-block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 265px;
    font-weight: 400;
    font-style: normal
}

.wechat .wechat-keyword .keywords-item .keywords_rule_ft {
    line-height: 50px;
    padding: 0 14px;
    background-color: #f4f5f9;
    border-top: 1px solid #e7e7eb;
    font-weight: 400;
    font-style: normal
}

.wechat .wechat-keyword .keywords-item .keywords_rule_ft .media_stat {
    color: #8d8d8d;
    float: left;
    white-space: nowrap
}

.wechat .wechat-keyword .keywords-item .keywords_rule_ft .search.btn-default {
    background: #fff;
    border-color: #e7e7eb;
    color: #222
}

.wechat .wechat-keyword .keywords-item .info {
    float: left
}

.wechat .wechat-keyword .keywords-item .opr {
    text-align: right
}

.wechat .wechat-keyword .keywords-item .opr button {
    vertical-align: middle;
    margin-bottom: 0
}

.wechat .wechat-keyword .keywords-item .opr span {
    color: #459ae9;
    cursor: pointer
}

.wechat .wechat-keyword .keywords-item .opr i {
    cursor: pointer
}

.wechat .wechat-keyword .keywords-item .keywords_tap_hd {
    padding: 0 14px;
    line-height: 39px;
    border-top: 1px solid #e7e7eb
}

.wechat .wechat-keyword .keywords-item .keywords_tap_hd h4 {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    padding-left: 14px;
    line-height: 39px
}

.wechat .wechat-keyword .keywords-item .keywords_tap_hd .frm_checkbox_label {
    float: right;
    margin-right: 0;
    display: inline-block;
    text-align: left;
    cursor: pointer
}

.wechat .wechat-keyword .keywords-item .keywords_tap_hd input {
    margin-right: 5px
}

.wechat .wechat-keyword .keywords-item .keywords_list {
    padding-left: 30px;
    border-top: 1px solid #e7e7eb
}

.wechat .wechat-keyword .keywords-item .keywords_list li {
    position: relative;
    line-height: 39px;
    border-top: 1px solid #e7e7eb
}

.wechat .wechat-keyword .keywords-item .keywords_list li:first-child {
    border-top: 0
}

.wechat .wechat-keyword .keywords-item .keywords_list .desc {
    padding: 15px 0;
    margin-right: 200px;
    line-height: normal;
    min-height: 26px
}

.wechat .wechat-keyword .keywords-item .keywords_list .title {
    display: block;
    font-weight: 400;
    font-style: normal;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.wechat .wechat-keyword .keywords-item .keywords_list .opr {
    position: absolute;
    top: 15px;
    right: 14px;
    line-height: normal
}

.wechat .wechat-keyword .rule_name_area {
    padding: 14px
}

.wechat .wechat-keyword .rule_name_area .frm_label {
    float: left;
    width: auto;
    margin-top: .3em;
    margin-right: 1em;
    font-size: 14px
}

.wechat .wechat-keyword .rule_name_area .frm_controls {
    display: table-cell;
    vertical-align: top;
    float: none;
    width: auto
}

.wechat .wechat-keyword .rule_name_area .frm_controls .frm_input_box {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    width: 278px;
    font-size: 14px;
    padding: 0 10px;
    border: 1px solid #e7e7eb
}

.wechat .wechat-keyword .rule_name_area .frm_controls .frm_input_box .frm_input {
    height: 22px;
    margin: 4px 0;
    width: 100%;
    background-color: transparent;
    border: 0;
    outline: 0
}

.wechat .wechat-keyword .rule_name_area .frm_controls .frm_tips {
    padding-top: 4px;
    color: #8d8d8d
}

.wechat .material .list td {
    white-space: nowrap
}

.wechat .material .list td:first-child {
    width: 70px
}

.wechat .material .list td:first-child img {
    width: 50px;
    height: 50px
}

.wechat .material .list td:nth-of-type(2) {
    width: 50%;
    white-space: normal;
    text-align: left
}

.extension .extension-phone {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../imges/wechat/extension-bg01.png") no-repeat;
    background-size: cover;
    background-position-y: -50px
}

.extension .extension-phone .header {
    padding: 20px;
    color: #fff
}

.extension .extension-phone .header .left {
    width: 66px;
    height: 66px;
    padding: 2px;
    margin-top: -8px;
    border-radius: 50%;
    background: #acd2ff
}

.extension .extension-phone .header .left img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.extension .extension-phone .header .name {
    width: 95%;
    height: 50px;
    padding: 5px 0 0 75px;
    border-radius: 25px;
    background: rgba(0, 0, 0, 0.5)
}

.extension .extension-phone .header .name p:last-child {
    font-size: 12px
}

.extension .extension-phone .section {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 150px;
    padding: 0 10px;
    color: #8ba7ff;
    font-size: 13px;
    background: url("../imges/wechat/extension-bg02.png") no-repeat;
    background-size: contain
}

.extension .extension-phone .detail {
    display: inline-block;
    width: 180px;
    height: 92px;
    margin-top: 10px;
    overflow: hidden
}

.extension .extension-phone .qr-code {
    float: right;
    width: 106px;
    padding: 2px;
    text-align: center
}

.extension .extension-phone .qr-code img {
    width: 80px;
    height: 80px;
    margin-bottom: 5px;
    border: 2px solid #acd2ff
}

.extension .extension-phone .qr-code span {
    display: block;
    font-size: 10px
}

.extension .extension-phone .btn-share {
    width: 120px;
    height: 40px;
    border-radius: 20px;
    color: #fff;
    background: #ffc51e;
    font-size: 18px;
    margin-left: 90px;
    box-shadow: 0 10px 20px 0 rgba(67, 175, 252, 0.3)
}

.extension .extension-setting {
    padding-left: 400px
}

.extension .extension-setting .header button {
    position: relative;
    width: 160px;
    height: 40px;
    line-height: 30px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ddd
}

.extension .extension-setting .header button::after {
    content: '';
    position: absolute;
    right: -3px;
    top: 5px;
    width: 1px;
    height: 30px;
    background: #ccc
}

.extension .extension-setting .header button:last-child::after {
    width: 0
}

.extension .extension-setting .header .current {
    border-color: #08c
}

.extension .extension-setting .normal .form-inline {
    margin-top: 20px
}

.extension .extension-setting .normal .form-inline>span {
    float: left;
    width: 100px
}

.extension .extension-setting .normal .form-inline textarea.form-control {
    width: 500px;
    margin: 0
}

.extension .extension-setting .normal .form-inline button.m-c {
    margin-top: 10px
}

.extension .extension-setting .normal .form-inline .search.btn01 {
    margin-right: 20px
}

.extension .extension-setting .normal .textarea span {
    margin-top: 10px
}

.extension .extension-setting .normal .textarea .form-group {
    width: 500px
}

.extension .tool-bar button {
    margin-left: 100px
}

.insurance .header .cart-title .plate-number {
    font-size: 24px;
    float: left;
    color: #24293d;
    font-weight: bold
}

.insurance .header .cart-title .brand {
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #ccc;
    vertical-align: bottom;
    margin-left: 20px
}

.insurance .header .cart-title .owner {
    margin-top: 10px
}

.insurance .header .cart-title .owner strong {
    margin-right: 10px
}

.insurance .header form .control-label {
    width: 100px;
    text-align: right;
    margin-bottom: 10px
}

.insurance .header form .form-control,
.insurance .header form .input-group {
    width: 330px;
    margin-bottom: 10px
}

.insurance .header form .tow-input .form-control,
.insurance .header form .tow-input .input-group {
    width: 163px
}

.insurance .header form .md-form-control {
    width: 160px;
    margin-right: 6px
}

.insurance .header form .none {
    display: none
}

.insurance .header .cars {
    position: absolute;
    left: 104px;
    top: 34px;
    width: 400px;
    background: #fff;
    z-index: 9
}

.insurance .header .cars .table {
    margin-bottom: 0
}

.insurance .header .cars .table td,
.insurance .header .cars .table th {
    padding: 4px !important
}

.insurance .other-inf {
    margin-bottom: 10px
}

.insurance .other-inf li {
    float: left;
    width: 300px;
    line-height: 26px
}

.insurance .other-inf li span {
    display: inline-block;
    width: 80px;
    text-align: right
}

.insurance .policy-list {
    width: 100%;
    overflow: auto;
    margin: 10px 0
}

.insurance .policy-list .table th,
.insurance .policy-list .table td {
    white-space: nowrap
}

.insurance .policy-list .table td {
    padding-left: 15px;
    padding-right: 15px
}

.insurance .policy td {
    padding: 8px 4px
}

.insurance .policy input {
    padding: 0
}

.insurance .policy .td-insurance input {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.insurance .policy .middle {
    width: 180px
}

.insurance .policy .middle input {
    text-align: center
}

.insurance .policy .small {
    width: 116px;
    font-size: 100%
}

.insurance .policy .small input {
    width: 100px;
    text-align: center
}

.insurance .policy .big {
    min-width: 200px;
    text-align: left
}

.insurance .total-cost li {
    margin-bottom: 10px
}

.insurance .total-cost li .form-control {
    text-align: right
}

.insurance .total-cost li span {
    display: inline-block;
    width: 170px;
    text-align: right;
    font-size: 20px;
    color: #ea4a3e
}

.inventoryCar .blue,
.marketingCar .blue {
    color: #438aff
}

.inventoryCar .yellow,
.marketingCar .yellow {
    color: #ff9e64
}

.inventoryCar .form-control,
.marketingCar .form-control {
    width: 156px;
    padding: 0;
    padding-left: 5px;
    font-size: 14px;
    font-family: PingFangSC-Regular, sans-serif;
    height: 26px;
    box-shadow: none;
    border-color: #eee;
    background: #fff
}

.inventoryCar .form-control:focus,
.marketingCar .form-control:focus,
.inventoryCar input[type="text"]:focus,
.marketingCar input[type="text"]:focus {
    box-shadow: none;
    border-color: #88ceff
}

.inventoryCar input[type="radio"],
.marketingCar input[type="radio"] {
    -webkit-appearance: none;
    background-image: url(../imges/inventoryCar/radio01.png);
    height: 20px;
    vertical-align: middle;
    width: 20px;
    margin: -4px 0 0 0;
    border: 0;
    outline: none
}

.inventoryCar input[type="radio"]:checked,
.marketingCar input[type="radio"]:checked {
    background-image: url(../imges/inventoryCar/radio02.png)
}

.inventoryCar .gray,
.marketingCar .gray {
    color: #b1b1b1
}

.inventoryCar .textarea,
.marketingCar .textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid #eee
}

.inventoryCar .remark label,
.marketingCar .remark label {
    vertical-align: top;
    margin-top: 6px;
    float: left
}

.inventoryCar .remark .form-group,
.marketingCar .remark .form-group {
    display: block;
    width: 100%;
    padding-left: 103px
}

.inventoryCar .remark .textarea,
.marketingCar .remark .textarea {
    margin: 0;
    border-radius: 3px
}

.inventoryCar .table,
.marketingCar .table {
    border-color: #eee
}

.inventoryCar .table thead,
.marketingCar .table thead {
    background: #f6fdff
}

.inventoryCar .table th,
.marketingCar .table th,
.inventoryCar .table td,
.marketingCar .table td {
    border-color: #eee;
    font-weight: normal;
    padding: 0 8px;
    white-space: nowrap
}

.inventoryCar .table th,
.marketingCar .table th {
    color: #b1b1b1;
    border-color: #eef5f7
}

.inventoryCar .table tr:first-child th:first-child,
.marketingCar .table tr:first-child th:first-child {
    height: 50px
}

.inventoryCar .table tr:last-child th,
.marketingCar .table tr:last-child th {
    width: 150px
}

.inventoryCar .table td,
.marketingCar .table td {
    height: 54px
}

.inventoryCar .table .text-right,
.marketingCar .table .text-right {
    padding-right: 16px;
    width: 150px;
    font-family: arial;
    font-weight: bold
}

.inventoryCar .header,
.marketingCar .header {
    margin-top: 22px
}

.inventoryCar .header .form-inline>.form-group,
.marketingCar .header .form-inline>.form-group {
    margin: 0 20px 10px 0
}

.inventoryCar .header .filtrate-demo,
.marketingCar .header .filtrate-demo {
    margin: 8px 0 18px 0
}

.inventoryCar .header .filtrate-demo .filtrate-btn,
.marketingCar .header .filtrate-demo .filtrate-btn {
    width: 100px;
    height: 36px;
    color: #b1b1b1;
    line-height: 36px;
    border-radius: 18px
}

.inventoryCar .header .filtrate-demo .current,
.marketingCar .header .filtrate-demo .current {
    background: #88ceff;
    color: #fff
}

.inventoryCar .m-c,
.marketingCar .m-c {
    color: #88ceff
}

.inventoryCar .green,
.marketingCar .green {
    color: #3fc192
}

.inventoryCar .red,
.marketingCar .red {
    color: #ff405b
}

.inventoryCar .alter span,
.marketingCar .alter span {
    text-decoration: none
}

.inventoryCar .footer,
.marketingCar .footer {
    height: 70px;
    background: #fff;
    border-top: 1px solid #eee
}

.inventoryCar .footer button,
.marketingCar .footer button {
    width: 125px;
    height: 42px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    border-radius: 10px
}

.inventoryCar .footer .go-back,
.marketingCar .footer .go-back {
    background: #88ceff
}

.inventoryCar .footer .save,
.marketingCar .footer .save {
    background: #3fc192
}

.inventoryCar .export,
.marketingCar .export {
    border-bottom: 1px solid #88ceff;
    position: relative
}

.inventoryCar .export::before,
.marketingCar .export::before {
    content: '';
    position: absolute;
    left: -15px;
    top: 3px;
    width: 12px;
    height: 15px;
    display: inline-block;
    background: url(../imges/export.png) no-repeat
}

.inventoryCar .condition-item,
.marketingCar .condition-item {
    width: 156px;
    height: 26px;
    padding-left: 5px;
    border: 1px solid #eee;
    border-radius: 3px;
    background: #fff;
    text-overflow: ellipsis;
    appearance: none;
    -webkit-appearance: none
}

.inventoryCar .more,
.marketingCar .more {
    position: relative
}

.inventoryCar .more .condition-item,
.marketingCar .more .condition-item {
    padding-right: 22px
}

.inventoryCar .more input.condition-item,
.marketingCar .more input.condition-item {
    padding-right: 0
}

.inventoryCar .more span,
.marketingCar .more span {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 8px;
    width: 10px;
    height: 10px;
    border-left: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    transform: rotate(-45deg)
}

.inventoryCar .condition-group,
.marketingCar .condition-group {
    position: relative;
    padding: 15px 110px 15px 15px;
    border: 1px solid #eee;
    background: #fbfbfb
}

.inventoryCar .condition-group .form-label,
.marketingCar .condition-group .form-label {
    display: inline-block;
    width: 90px;
    text-align: right;
    margin-right: 5px
}

.inventoryCar .condition-group label,
.marketingCar .condition-group label {
    display: inline-block;
    width: 100px;
    text-align: right;
    color: #4e4e4e
}

.inventoryCar .condition-group .form-inline>.form-group,
.marketingCar .condition-group .form-inline>.form-group {
    margin-top: 15px
}

.inventoryCar .condition-group .form-inline:first-child .form-group,
.marketingCar .condition-group .form-inline:first-child .form-group {
    margin-top: 0
}

.inventoryCar .condition-group .btn-group,
.marketingCar .condition-group .btn-group {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -16px
}

.inventoryCar .condition-group .search,
.marketingCar .condition-group .search {
    width: 80px;
    height: 32px;
    padding: 0;
    margin: 0;
    background: #3fc192;
    border: 0
}

.inventoryCar .condition-group .add,
.marketingCar .condition-group .add {
    width: 80px;
    height: 32px;
    background: #3fc192;
    border-radius: 3px;
    background: #88ceff;
    color: #fff
}

.inventoryCar .overview .condition-group,
.marketingCar .overview .condition-group {
    padding: 15px 205px 15px 0;
    margin-bottom: 32px
}

.inventoryCar .overview td,
.marketingCar .overview td {
    min-width: 72px
}

.inventoryCar .overview td:nth-of-type(4),
.marketingCar .overview td:nth-of-type(4),
.inventoryCar .overview td:nth-of-type(6),
.marketingCar .overview td:nth-of-type(6) {
    white-space: normal
}

.inventoryCar .overview .remark,
.marketingCar .overview .remark {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.inventoryCar .inventoryCar-add,
.marketingCar .inventoryCar-add {
    margin-top: 22px
}

.inventoryCar .inventoryCar-add .sort,
.marketingCar .inventoryCar-add .sort {
    width: 156px
}

.inventoryCar .inventoryCar-add .sort label,
.marketingCar .inventoryCar-add .sort label {
    width: auto;
    margin-right: 10px;
    color: #b1b1b1
}

.inventoryCar .inventoryCar-add .sort input,
.marketingCar .inventoryCar-add .sort input {
    margin-left: 5px
}

.inventoryCar .inventoryCar-add .condition-group,
.marketingCar .inventoryCar-add .condition-group {
    position: relative;
    margin-bottom: 22px;
    padding-right: 15px
}

.inventoryCar .inventoryCar-add .add-car,
.marketingCar .inventoryCar-add .add-car {
    overflow: hidden;
    margin-top: 10px
}

.inventoryCar .inventoryCar-add .table td,
.marketingCar .inventoryCar-add .table td {
    min-width: 72px
}

.inventoryCar .inventoryCar-add .table td:nth-of-type(4),
.marketingCar .inventoryCar-add .table td:nth-of-type(4),
.inventoryCar .inventoryCar-add .table td:nth-of-type(6),
.marketingCar .inventoryCar-add .table td:nth-of-type(6) {
    white-space: normal
}

.inventoryCar .inventoryCar-add .table td:nth-of-type(6),
.marketingCar .inventoryCar-add .table td:nth-of-type(6) {
    width: 400px
}

.inventoryCar .inventory .section .list,
.marketingCar .inventory .section .list {
    margin-top: 32px
}

.inventoryCar .inventory .section .table td:nth-of-type(3),
.marketingCar .inventory .section .table td:nth-of-type(3) {
    white-space: normal
}

.inventoryCar .inventory .car .table td:first-child,
.marketingCar .inventory .car .table td:first-child {
    white-space: normal
}

.inventoryCar .inventory .car-models,
.marketingCar .inventory .car-models {
    width: 296px
}

.inventoryCar .select-list,
.marketingCar .select-list {
    position: absolute;
    left: 104px;
    top: 26px;
    border: 1px solid #eee;
    width: 156px;
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 2px 20px #eee;
    z-index: 9;
    padding-bottom: 10px
}

.inventoryCar .select-list li,
.marketingCar .select-list li {
    padding: 0 5px;
    cursor: pointer;
    line-height: 38px
}

.inventoryCar .select-list li:hover,
.marketingCar .select-list li:hover {
    background: #d2ecff
}

.inventoryCar .sale .chart-group,
.marketingCar .sale .chart-group {
    padding: 30px 17px;
    border: 1px solid #eee;
    margin-bottom: 30px
}

.inventoryCar .sale .chart-group .chart-head,
.marketingCar .sale .chart-group .chart-head {
    position: relative;
    margin-bottom: 10px
}

.inventoryCar .sale .chart-group .chart-head .toggle,
.marketingCar .sale .chart-group .chart-head .toggle {
    position: absolute;
    right: 0;
    top: -4px;
    width: 160px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    border: 1px solid #88ceff;
    border-radius: 16px
}

.inventoryCar .sale .chart-group .chart-head .toggle span,
.marketingCar .sale .chart-group .chart-head .toggle span {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 80px;
    height: 32px;
    border-radius: 16px;
    color: #88ceff;
    text-align: center;
    cursor: pointer
}

.inventoryCar .sale .chart-group .chart-head .toggle span:first-child,
.marketingCar .sale .chart-group .chart-head .toggle span:first-child {
    left: 0
}

.inventoryCar .sale .chart-group .chart-head .toggle .current,
.marketingCar .sale .chart-group .chart-head .toggle .current {
    background: #88ceff;
    color: #fff
}

.inventoryCar .sale .chart-group .chart-foot,
.marketingCar .sale .chart-group .chart-foot {
    position: relative;
    min-height: 50px
}

.inventoryCar .sale .chart-group .chart-foot .add-carShop,
.marketingCar .sale .chart-group .chart-foot .add-carShop {
    position: absolute;
    right: 60px;
    top: 10px;
    width: 120px;
    height: 30px;
    border-radius: 4px;
    padding-left: 22px;
    color: #fff;
    background: #3fc192 url(../imges/inventoryCar/add_chart.png) no-repeat;
    background-position: 15px 7px
}

.inventoryCar .sale .chart-group .chart-foot .lose,
.marketingCar .sale .chart-group .chart-foot .lose {
    background-color: #eee
}

.inventoryCar .sale .chart-group .item-group,
.marketingCar .sale .chart-group .item-group {
    padding-left: 35px;
    padding-right: 250px;
    margin-top: 10px;
    overflow: hidden
}

.inventoryCar .sale .chart-group .item-group .item,
.marketingCar .sale .chart-group .item-group .item {
    float: left;
    margin-bottom: 10px;
    margin-right: 24px;
    line-height: 16px
}

.inventoryCar .sale .chart-group .item-group span.left,
.marketingCar .sale .chart-group .item-group span.left {
    width: 16px;
    height: 16px;
    margin-right: 10px
}

.inventoryCar .sale .chart-group .item-group span.right,
.marketingCar .sale .chart-group .item-group span.right {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: url(../imges/inventoryCar/delete_chart.png) no-repeat;
    background-size: contain;
    margin-left: 16px;
    cursor: pointer
}

.inventoryCar .sale .chart-group .item-group .span01,
.marketingCar .sale .chart-group .item-group .span01 {
    background: #f50
}

.inventoryCar .sale .chart-group .item-group .span02,
.marketingCar .sale .chart-group .item-group .span02 {
    background: #ff9600
}

.inventoryCar .sale .chart-group .item-group .span03,
.marketingCar .sale .chart-group .item-group .span03 {
    background: #7cc576
}

.inventoryCar .sale .chart-group .item-group .span04,
.marketingCar .sale .chart-group .item-group .span04 {
    background: #5696ff
}

.inventoryCar .sale .chart-group .item-group .span05,
.marketingCar .sale .chart-group .item-group .span05 {
    background: #b372ff
}

.inventoryCar .sale .chart-group .all-car,
.marketingCar .sale .chart-group .all-car {
    margin-top: 10px;
    text-align: center
}

.inventoryCar .sale .chart-group .all-car span,
.marketingCar .sale .chart-group .all-car span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-bottom: 3px;
    vertical-align: middle;
    background: #f50
}

.inventoryCar .sale .time,
.marketingCar .sale .time {
    text-align: center;
    font-size: 16px;
    color: #b1b1b1
}

.inventoryCar .sale .time strong,
.marketingCar .sale .time strong {
    position: relative
}

.inventoryCar .sale .time .before,
.marketingCar .sale .time .before,
.inventoryCar .sale .time .after,
.marketingCar .sale .time .after {
    position: absolute;
    top: 5px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    cursor: pointer
}

.inventoryCar .sale .time .before,
.marketingCar .sale .time .before {
    left: -66px;
    border-right: 7px solid #88ceff
}

.inventoryCar .sale .time .before.lose,
.marketingCar .sale .time .before.lose {
    border-right: 7px solid #b1b1b1
}

.inventoryCar .sale .time .after,
.marketingCar .sale .time .after {
    right: -66px;
    border-left: 7px solid #88ceff
}

.inventoryCar .sale .time .after.lose,
.marketingCar .sale .time .after.lose {
    border-left: 7px solid #b1b1b1
}

.inventoryCar .sale .time .select-group,
.marketingCar .sale .time .select-group {
    position: absolute;
    left: 50%;
    margin-left: -110px;
    top: 0;
    width: 220px;
    height: 25px
}

.inventoryCar .sale .time .select-group .select-date,
.marketingCar .sale .time .select-group .select-date {
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 35px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url(../imges/inventoryCar/select-date02.png) no-repeat;
    background-size: contain
}

.inventoryCar .sale .time .select-group .select-date:focus,
.marketingCar .sale .time .select-group .select-date:focus {
    background: url(../imges/inventoryCar/select-date01.png) no-repeat;
    background-size: contain
}

.inventoryCar .sale .sale-carShop .table td:nth-of-type(2),
.marketingCar .sale .sale-carShop .table td:nth-of-type(2) {
    width: 150px
}

.inventoryCar .sale .sale-carShop .table td:first-child,
.marketingCar .sale .sale-carShop .table td:first-child {
    white-space: normal
}

.inventoryCar .sale .sale-car,
.marketingCar .sale .sale-car,
.inventoryCar .sale .sale-analysis,
.marketingCar .sale .sale-analysis {
    padding-top: 22px
}

.inventoryCar .sale .sale-car th,
.marketingCar .sale .sale-car th,
.inventoryCar .sale .sale-analysis th,
.marketingCar .sale .sale-analysis th {
    height: 50px
}

.inventoryCar .sale .sale-car td:nth-of-type(3),
.marketingCar .sale .sale-car td:nth-of-type(3),
.inventoryCar .sale .sale-analysis td:nth-of-type(3),
.marketingCar .sale .sale-analysis td:nth-of-type(3) {
    white-space: normal
}

.inventoryCar .sale .sale-car td:nth-of-type(4),
.marketingCar .sale .sale-car td:nth-of-type(4),
.inventoryCar .sale .sale-analysis td:nth-of-type(4),
.marketingCar .sale .sale-analysis td:nth-of-type(4) {
    width: 150px
}

.inventoryCar .sale .sale-car .table:last-child td:nth-of-type(2),
.marketingCar .sale .sale-car .table:last-child td:nth-of-type(2),
.inventoryCar .sale .sale-car .table:last-child td:nth-of-type(3),
.marketingCar .sale .sale-car .table:last-child td:nth-of-type(3) {
    width: 150px
}

.inventoryCar .sale-single .section,
.marketingCar .sale-single .section {
    margin-top: 18px
}

.inventoryCar .sale-single td:nth-of-type(4),
.marketingCar .sale-single td:nth-of-type(4) {
    width: 200px
}

.inventoryCar .sale-single .up,
.marketingCar .sale-single .up {
    top: 0;
    right: 55px
}

.inventoryCar .sale-single .down,
.marketingCar .sale-single .down {
    top: 10px;
    right: 55px
}

.marketingCar .header {
    margin-top: 0
}

.tb-footer {
    position: fixed;
    left: 190px;
    right: 20px;
    bottom: 0;
    height: 62px;
    padding: 0 20px;
    margin-left: 34px;
    background: none;
    border: 1px solid #eee;
    background: #fff
}

.tb-footer p.left input {
    height: 28px;
    width: 50px;
    text-align: center;
    padding: 0;
    border: 1px solid #ddd;
    color: #ddd;
    margin: 0 8px
}

.tb-footer .pagination {
    margin: 0;
    margin: 16px 20px 0 20px
}

.tb-footer p.right {
    line-height: 62px
}

.tb-footer p.right a {
    cursor: pointer
}

.btn-aims {
    position: absolute;
    right: 14px;
    top: 19px;
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../imges/chain/set.png) no-repeat;
    background-size: contain;
    cursor: pointer
}

.set-aims {
    position: absolute;
    left: 110px;
    top: 120px;
    width: 90px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #438aff;
    border-radius: 18px;
    border: 1px solid #438aff;
    cursor: pointer;
    z-index: 10
}

.chain-control .sum-of-business {
    width: 610px;
    height: 198px;
    color: #fff;
    margin-top: 30px;
    background-color: #76b0ff;
    background-image: url(../imges/chain/sum-of-business.png);
    background-repeat: no-repeat;
    background-position: 508px 155px;
    border-radius: 8px;
    box-shadow: 0 0 9px rgba(172, 164, 255, 0.5);
    overflow: hidden
}

.chain-control .sum-of-business strong {
    display: inline-block;
    margin-top: 28px;
    font-size: 16px
}

.chain-control .sum-of-business h3 {
    height: 84px;
    line-height: 60px;
    text-align: center;
    font-size: 40px
}

.chain-control .sum-of-business p {
    width: 250px;
    height: 40px;
    margin-left: -15px;
    line-height: 40px;
    text-align: center;
    border-radius: 0 20px 20px 0;
    background: #49f;
    font-size: 16px
}

.chain-control .sum-of-business .view {
    padding-left: 20px;
    margin-top: 5px
}

.chain-control .sum-of-business .view:before {
    content: "总完成率";
    top: 70px;
    left: 117px
}

.chain-control .carShop {
    width: 284px;
    height: 198px;
    padding: 30px;
    margin-left: 40px;
    border-radius: 8px;
    box-shadow: 0 0 9px rgba(172, 164, 255, 0.5);
    margin-top: 30px
}

.chain-control .carShop strong {
    font-size: 16px;
    color: #333
}

.chain-control .carShop h3 {
    font-size: 20px;
    line-height: 80px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.chain-control .carShop p {
    text-align: center;
    font-size: 16px
}

.chain-control .excellent {
    color: #ff9e64
}

.chain-control .potential {
    color: #438aff
}

.chain-control .item {
    position: relative;
    width: 284px;
    height: 284px;
    padding: 22px;
    margin-right: 40px;
    margin-top: 30px;
    border-radius: 8px;
    box-shadow: 0 0 9px rgba(172, 164, 255, 0.5)
}

.chain-control .item h4 {
    width: 180px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.chain-control .item h4 span {
    display: inline-block;
    border-bottom: 1px solid #333
}

.chain-control .item .finished,
.chain-control .item .aims {
    position: absolute;
    bottom: 24px;
    height: 52px;
    font-size: 16px;
    text-align: center
}

.chain-control .item .finished {
    left: 22px
}

.chain-control .item .finished strong {
    color: #438aff
}

.chain-control .item .aims {
    right: 22px
}

.chain-control .item:hover {
    background: #f8f8f8
}

.chain-control .item.excellent {
    color: #333
}

.chain-control .item.excellent .finished strong {
    color: #ff9e64
}

.chain-control .view {
    position: relative
}

.chain-control .view canvas {
    display: block;
    margin: 0 auto;
    margin-top: 10px
}

.chain-control .view:before {
    content: "完成率";
    z-index: 9;
    position: absolute;
    top: 60px;
    left: 92px;
    font-size: 16px
}

.chain-control .no-aims .view:before {
    content: none
}

.chain-control .select-group,
.chain-control-detail .select-group {
    position: relative;
    height: 66px;
    padding: 0 34px;
    margin: -10px -20px 0 -34px;
    background: #f6fdff
}

.chain-control .select-group .time,
.chain-control-detail .select-group .time {
    position: relative;
    width: 100px;
    margin: 0 auto;
    color: #b1b1b1;
    font-size: 14px;
    text-align: center;
    line-height: 66px
}

.chain-control .select-group .time .before,
.chain-control-detail .select-group .time .before,
.chain-control .select-group .time .after,
.chain-control-detail .select-group .time .after {
    position: absolute;
    top: 24px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    cursor: pointer
}

.chain-control .select-group .time .before,
.chain-control-detail .select-group .time .before {
    left: -66px;
    border-right: 7px solid #88ceff
}

.chain-control .select-group .time .before.lose,
.chain-control-detail .select-group .time .before.lose {
    border-right: 7px solid #b1b1b1
}

.chain-control .select-group .time .after,
.chain-control-detail .select-group .time .after {
    right: -66px;
    border-left: 7px solid #88ceff
}

.chain-control .select-group .time .after.lose,
.chain-control-detail .select-group .time .after.lose {
    border-left: 7px solid #b1b1b1
}

.chain-control .select-group .form-group,
.chain-control-detail .select-group .form-group {
    position: absolute;
    top: 20px;
    right: 50px
}

.chain-control-detail {
    color: #2b2b2b
}

.chain-control-detail .header {
    min-height: 245px;
    padding: 30px;
    background: #f9f9f9;
    margin: -10px -20px 0 -33px
}

.chain-control-detail .header .name {
    width: 240px;
    margin: 0
}

.chain-control-detail .header .name img {
    margin-right: 10px
}

.chain-control-detail .header .name h3 {
    width: 160px;
    font-size: 16px
}

.chain-control-detail .header .name p {
    font-size: 14px;
    margin-top: 14px
}

.chain-control-detail .header .view {
    width: 409px;
    height: 172px;
    margin: 0 0 10px 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 9px rgba(172, 164, 255, 0.5)
}

.chain-control-detail .header .view .form-group {
    margin: 0;
    margin-left: 20px
}

.chain-control-detail .header .view .form-group:first-child {
    margin-left: 10px
}

.chain-control-detail .header .view .form-group:first-child:before {
    content: "客户总数";
    position: absolute;
    top: 60px;
    left: 54px;
    font-size: 16px
}

.chain-control-detail .header .view .member-num,
.chain-control-detail .header .view .normal-num {
    color: #898989;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 20px
}

.chain-control-detail .header .view .member-num span,
.chain-control-detail .header .view .normal-num span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: bottom
}

.chain-control-detail .header .view .member-num strong,
.chain-control-detail .header .view .normal-num strong {
    display: inline-block;
    margin-left: 5px
}

.chain-control-detail .header .view .member-num span {
    background: #ff9e64
}

.chain-control-detail .header .view .normal-num span {
    background: #438aff
}

.chain-control-detail .header .member-fans {
    width: 400px;
    height: 172px;
    margin: 0 0 10px 0;
    text-align: center;
    margin-left: 36px
}

.chain-control-detail .header .member-fans .form-group {
    border-radius: 8px;
    box-shadow: 0 0 9px rgba(172, 164, 255, 0.5)
}

.chain-control-detail .header .member-fans p {
    font-size: 16px;
    margin-top: 17px
}

.chain-control-detail .header .member-fans strong {
    font-size: 18px
}

.chain-control-detail .header .member-fans .member {
    width: 400px;
    height: 82px
}

.chain-control-detail .header .member-fans .member div {
    width: 182px;
    height: 82px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 9px rgba(172, 164, 255, 0.5)
}

.chain-control-detail .header .member-fans .fans {
    height: 78px;
    margin-top: 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 9px rgba(172, 164, 255, 0.5)
}

.chain-control-detail .header .member-fans .fans div {
    width: 50%
}

.chain-control-detail .section {
    padding-top: 35px
}

.chain-control-detail .section p {
    font-size: 16px;
    margin-bottom: 5px
}

.chain-control-detail .section strong {
    font-size: 20px;
    text-align: center
}

.chain-control-detail .section .aims {
    position: relative;
    width: 373px;
    height: 280px;
    padding: 15px;
    margin: 0 36px 10px 0;
    border-radius: 8px;
    box-shadow: 0 0 9px rgba(172, 164, 255, 0.5)
}

.chain-control-detail .section .aims .left:nth-of-type(2) {
    margin-top: 15px
}

.chain-control-detail .section .aims div {
    text-align: center
}

.chain-control-detail .section .aims p {
    width: 170px;
    margin-bottom: 10px
}

.chain-control-detail .section .aims>p:first-child {
    margin-bottom: 32px
}

.chain-control-detail .section .aims strong {
    width: 170px;
    display: block
}

.chain-control-detail .section .aims .blue {
    margin-bottom: 40px
}

.chain-control-detail .section .info {
    margin: 0 0 10px 0
}

.chain-control-detail .section .info .form-group:first-child {
    width: 190px;
    height: 124px;
    padding: 15px;
    margin-right: 36px;
    border-radius: 8px;
    box-shadow: 0 0 9px rgba(172, 164, 255, 0.5)
}

.chain-control-detail .section .info .form-group:first-child strong {
    display: block;
    text-align: center;
    margin-top: 15px
}

.chain-control-detail .section .info .member {
    position: relative;
    width: 460px;
    height: 124px;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 0 9px rgba(172, 164, 255, 0.5)
}

.chain-control-detail .section .info .member div {
    float: left;
    width: 50%;
    text-align: center
}

.chain-control-detail .section .info .member:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 35px;
    top: 55px;
    left: 50%;
    background: #ccc
}

.chain-control-detail .section .info ul {
    margin-top: 32px;
    border-radius: 8px;
    overflow: hidden;
    background: #98c4ff;
    box-shadow: 0 0 9px rgba(172, 164, 255, 0.5)
}

.chain-control-detail .section .info li {
    float: left;
    width: 25%;
    height: 124px
}

.chain-control-detail .section .info li span,
.chain-control-detail .section .info li strong {
    display: block;
    color: #fff;
    text-align: center
}

.chain-control-detail .section .info li span {
    font-size: 16px;
    margin-top: 28px
}

.chain-control-detail .section .info li strong {
    font-size: 24px;
    margin-top: 12px
}

.chain-control-detail .section .chart-line {
    margin-top: 30px
}

.chain-control-detail .section .chart-line p {
    margin-left: 30px
}

.chain-control-detail .section .btn-toggle {
    margin-top: 30px
}

.chain-control-detail .section .btn-toggle button {
    display: inline-block;
    width: 160px;
    height: 44px;
    margin-right: 10px;
    color: #b1b1b1;
    border: 1px solid #eee;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    background: #fbfbfb;
    margin-bottom: -1px
}

.chain-control-detail .section .btn-toggle .current {
    border-color: #88ceff;
    color: #88ceff;
    background: #f6fdff
}

.chain-control-detail .section .list td:nth-of-type(2),
.chain-control-detail .section .list td:last-child {
    width: 20%
}

.chain-control-detail .aims-canvas {
    position: relative
}

.chain-control-detail .aims-canvas::after {
    content: "完成率";
    position: absolute;
    left: 60px;
    top: 62px;
    font-size: 16px
}

.chain-control-detail .set-aims {
    left: 50px;
    top: 130px;
    width: 100px
}

.chain-turnover .list {
    margin-top: 32px;
    overflow-x: auto;
    border: 1px solid #eee
}

.chain-turnover .list .table {
    min-width: 2100px;
    margin: -1px 0 0 -1px
}

.chain-turnover .list .table tr:last-child th {
    width: 90px;
    min-width: 90px
}

.chain-turnover .list .table tr:last-child th:first-child {
    width: 45px;
    min-width: 45px
}

.chain-turnover .list .table td:first-child {
    width: 45px;
    min-width: 45px
}

.chain-turnover .list .table td:nth-of-type(2),
.chain-turnover .list .table td:nth-of-type(6) {
    width: 250px;
    min-width: 250px
}

.chain-turnover .list .table td:nth-of-type(3),
.chain-turnover .list .table td:nth-of-type(4),
.chain-turnover .list .table td:last-child {
    width: 150px;
    min-width: 150px
}

.chain-turnover .list .table td:nth-of-type(5) {
    width: 120px;
    min-width: 120px
}

.chain-turnover .list .table td.text-right {
    width: 90px;
    min-width: 90px
}

.chain-turnover .list .table .glyphicon {
    color: #333
}

.chain-inventory .header .form-inline>.form-group {
    margin-right: 20px
}

.chain-inventory .list {
    margin-top: 32px
}

.chain-inventory .list tr:last-child th {
    width: 90px
}

.chain-inventory .list tr:last-child th:first-child {
    width: 45px
}

.chain-inventory .list td.text-right,
.chain-inventory .list td:last-child {
    width: 90px
}

.chain-inventory .list td:first-child {
    width: 45px
}

.chain-inventory .list td:nth-of-type(2),
.chain-inventory .list td:nth-of-type(10) {
    width: 200px;
    white-space: normal
}

.chain-inventory .list td:nth-of-type(3),
.chain-inventory .list td:nth-of-type(4),
.chain-inventory .list td:nth-of-type(5),
.chain-inventory .list td:nth-of-type(9) {
    width: 150px
}

.chain-inventory .list td:nth-of-type(6) {
    width: 120px
}

.com_information .infor_in label {
    width: 70px
}

.com_information .infor_in .form-control {
    width: 180px
}

.com_information .infor_in .m-c {
    cursor: pointer
}

.com_information h3 {
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px dashed #dedede
}

.infor_pic li {
    padding: 2px;
    float: left;
    width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    margin-right: 15px;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden
}

.infor_pic li span {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background: url(../imges/delete.png)
}

.infor_pic li img {
    width: 100%;
    height: 100%
}

.infor_pic .add_pic {
    position: relative;
    display: inline-block;
    background: #d0eeff;
    border: 1px solid #99d3f5;
    border-radius: 4px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    color: #339feb;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px
}

.infor_pic .add_pic input {
    overflow: hidden;
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.infor_pic .add_pic:hover {
    background: #aadffd;
    border-color: #78c3f3;
    color: #004974;
    text-decoration: none
}

.img-list {
    margin: 10px 0
}

.img-list .infor_pic {
    display: inline-block
}

.img-list .del-goods {
    left: auto;
    right: 0;
    top: 0
}

.img-list .img {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #f5f5f5
}

.img-list .img img {
    width: 100%;
    height: 100%
}

.setting-overview .form-inline {
    color: #353e4b;
    margin-bottom: 20px;
    padding: 0 20px
}

.setting-overview .title {
    margin-bottom: 20px
}

.setting-overview .list .item {
    position: relative;
    display: inline-block
}

.setting-overview .list .item-content {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 38px;
    background: linear-gradient(to right, #8863ff, #098dff);
    text-align: center;
    margin-right: 60px;
    border-radius: 20px;
    overflow: hidden
}

.setting-overview .list .item-content span {
    display: inline-block;
    width: 98px;
    height: 38px;
    padding: 0 2px;
    border-radius: 18px;
    background: #fff;
    margin-top: 1px
}

.setting-overview .list .line {
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 2px;
    background: #d6e8fe;
    right: 10px;
    top: 19px
}

.setting-overview .list .line:after {
    content: '';
    position: absolute;
    right: 1px;
    top: -4px;
    width: 10px;
    height: 10px;
    border-right: 3px solid #d6e8fe;
    border-bottom: 3px solid #d6e8fe;
    transform: rotate(-45deg)
}

.staff-power {
    padding-bottom: 50px
}

.staff-power .pow-tb {
    margin-bottom: 0
}

.staff-power .pow-tb td:nth-of-type(1) {
    min-width: 110px
}

.staff-power .pow-tb i {
    float: right;
    margin-top: 1px;
    cursor: pointer
}

.staff-power .pow-tb .current {
    background: #e4f6ff
}

.staff-power .group {
    float: left;
    width: 360px;
    background: #fff;
    padding: 0;
    min-width: 270px
}

.staff-power .group span {
    cursor: pointer
}

.staff-power .group .add {
    cursor: pointer;
    line-height: 50px;
    border: 1px solid #eee;
    border-top: 0;
    text-align: center
}

.staff-power .group .add span {
    width: 24px;
    height: 24px;
    margin-bottom: -7px;
    margin-right: 5px;
    display: inline-block;
    background: url(../imges/add.png)
}

.staff-power .group .not_allow {
    color: #aaa
}

.staff-power .group .dropdown {
    margin-bottom: 0;
    vertical-align: top
}

.staff-power .power-list {
    margin-left: 370px;
    line-height: 40px
}

.staff-power .power-list ul {
    overflow: hidden;
    text-align: center;
    z-index: 2
}

.staff-power .power-list ul li {
    border: 1px solid #dedede;
    border-bottom: 0;
    background: #dedede;
    color: #666;
    float: left;
    width: 20%;
    height: 40px;
    font-size: 22px;
    cursor: pointer;
    min-width: 145px
}

.staff-power .power-list ul .web {
    display: none
}

.staff-power .power-list ul .current {
    background: #fff;
    color: #339feb
}

.staff-power .power-list .power_in {
    background: #fff;
    z-index: 1;
    line-height: 30px;
    border: 1px solid #dedede;
    margin-top: -1px
}

.staff-power .power-list .power_in li {
    min-width: 140px
}

.staff-power .power-list .power_in label {
    min-width: 114px;
    white-space: nowrap
}

.staff-power .power-list .power_in input {
    border-radius: 5px;
    margin-top: 6px;
    position: static;
    float: left;
    margin-right: 10px
}

.staff-power .power-list .power_in .first-authority {
    padding: 5px 0;
    border-bottom: 1px solid #e6e7e7
}

.staff-power .power-list .power_in .first-authority:last-child {
    border: 0
}

.staff-power .power-list .power_in .sub {
    padding: 10px;
    margin-left: 10px;
    overflow: hidden
}

.staff-power .power-list .power_in .sub .button {
    min-width: 70px;
    height: 40px;
    background: #7ecef4;
    border: 0;
    font-size: 18px;
    color: #fff
}

.staff-power .power-list .list {
    padding: 5px 0 5px 30px
}

.staff-power .power-list .second-authority,
.staff-power .power-list .three-authority,
.staff-power .power-list .four-authority {
    padding-left: 40px
}

.staff-power .power-list .three-authority {
    overflow: hidden
}

.staff-power .power-list .item {
    position: relative
}

.staff-power .power-list i.fa {
    position: absolute;
    left: -18px;
    top: 10px;
    display: inline-block
}

.staff-group .group {
    float: left;
    max-width: 420px;
    line-height: 30px
}

.staff-group .group .group-header {
    overflow: hidden
}

.staff-group .group .group-header .form-group {
    float: left;
    border: 1px solid #d8e5e8;
    background: #edf7f9;
    margin: 0;
    text-align: center
}

.staff-group .group .form-group:first-child {
    width: 200px;
    border-right: 0
}

.staff-group .group .form-group:nth-of-type(2) {
    width: 120px;
    border-right: 0
}

.staff-group .group .form-group:last-child {
    width: 100px
}

.staff-group .group .item {
    position: relative
}

.staff-group .group .carShop {
    position: absolute;
    right: 100px;
    top: 0;
    width: 120px;
    text-align: center
}

.staff-group .group .more {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    text-align: center;
    display: block !important
}

.staff-group .group label {
    min-width: 114px;
    white-space: nowrap
}

.staff-group .group .first-authority {
    padding-left: 10px;
    border: 1px solid #e6e7e7;
    border-top: 0
}

.staff-group .group li {
    width: 100px;
    text-align: center;
    cursor: pointer
}

.staff-group .group .btn-group.dropdown {
    display: inline-block;
    vertical-align: top
}

.staff-group .group .btn-group.open .dropdown-toggle {
    box-shadow: none
}

.staff-group .second-authority,
.staff-group .three-authority,
.staff-group .four-authority {
    width: 100%;
    padding-left: 30px
}

.staff-group .section {
    margin-left: 440px
}

.staff-group .section h4 {
    margin-bottom: 25px
}

.staff-group .section caption {
    padding: 0;
    line-height: 32px
}

.staff-group .section .prompt {
    line-height: 30px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e5e5e5
}

.staff-group .section .function-list input {
    margin: 0
}

.staff-group .section .function-list label {
    margin-right: 20px
}

.staff-group .section .search {
    margin-top: 10px
}

.staff-manage .group {
    float: left;
    width: 180px;
    line-height: 30px
}

.staff-manage .group .item {
    position: relative
}

.staff-manage .group label {
    min-width: 114px;
    white-space: nowrap
}

.staff-manage .group .first-authority {
    padding-left: 10px;
    border: 1px solid #e6e7e7
}

.staff-manage .group li {
    width: 100px;
    text-align: center;
    cursor: pointer
}

.staff-manage .group .btn-group.dropdown {
    display: inline-block;
    vertical-align: top
}

.staff-manage .group .btn-group.open .dropdown-toggle {
    box-shadow: none
}

.staff-manage .second-authority,
.staff-manage .three-authority,
.staff-manage .four-authority {
    width: 100%;
    padding-left: 30px
}

.staff-manage .section {
    margin-left: 190px
}

.staff-manage .section caption {
    padding: 0;
    line-height: 32px
}

.edit-staff h3 {
    line-height: 40px;
    border-bottom: 1px solid #dedede
}

.edit-staff .form-label {
    width: 110px;
    text-align: right;
    margin-right: 5px
}

.edit-staff .form-control {
    width: 300px
}

.edit-staff .form-inline {
    position: relative;
    margin-top: 20px
}

.edit-staff .form-inline>.form-group {
    margin-bottom: 10px;
    margin-right: 20px
}

.edit-staff .staff-list {
    width: 300px;
    max-height: none
}

.edit-staff .staff-list .list {
    max-height: 200px;
    padding: 5px 0 5px 30px;
    line-height: 30px;
    overflow-y: auto
}

.edit-staff .staff-list input {
    margin-right: 3px
}

.edit-staff .staff-list .second-authority,
.edit-staff .staff-list .three-authority,
.edit-staff .staff-list .four-authority {
    padding-left: 30px
}

.edit-staff .staff-list .three-authority {
    overflow: hidden
}

.edit-staff .staff-list .item {
    position: relative
}

.edit-staff .staff-list i.fa {
    position: absolute;
    left: -18px;
    top: 10px;
    display: inline-block
}

.edit-staff .add-carShop {
    margin-bottom: 10px
}

.edit-staff .add-carShop button {
    vertical-align: top;
    margin-left: 5px
}

.edit-staff .add-phone {
    padding: 0 10px;
    margin-bottom: 10px
}

.edit-staff .add-phone button {
    vertical-align: top;
    margin-left: 5px
}

.edit-staff .add-goods {
    position: static;
    display: inline-block
}

.edit-staff .info .form-inline {
    margin-left: 40px;
    padding-left: 10px;
    border-bottom: 1px dashed #dedede
}

.edit-staff .info .form-inline:last-child {
    border: 0
}

.edit-staff .contacts .del-goods {
    left: 9px;
    top: 15px;
    z-index: 9
}

.edit-staff .other-group {
    width: 300px
}

.edit-staff .other-group label {
    margin-right: 30px
}

.edit-staff .other-group input {
    margin: 0
}

.edit-staff .form-remark .form-group {
    left: 119px
}

#role-name .modal-body {
    text-align: center
}

.set-service .service-manage .form-control {
    width: 180px
}

.set-service .service-manage .function-list .form-control {
    width: 90px
}

.set-service .service-manage .local-service td:nth-of-type(2) {
    width: 150px
}

.set-service .service-manage .local-service td:nth-of-type(3) {
    width: 300px
}

.set-service .service-manage .local-service td:nth-of-type(3) span {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background: url(../imges/cloud.png) no-repeat;
    background-size: contain;
    vertical-align: middle
}

.set-service .service-manage .local-service td:nth-of-type(3)~td {
    width: 150px
}

.set-service .service-manage .cloud-service td:nth-of-type(2) {
    width: 450px
}

.set-service .service-manage .cloud-service td:nth-of-type(2) span {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background: url(../imges/cloud.png) no-repeat;
    background-size: contain;
    vertical-align: middle
}

.set-service .service-manage .cloud-service td:nth-of-type(2)~td {
    width: 150px
}

.set-service .service-class .function-list .form-control {
    width: 90px
}

.set-service .service-class .list {
    border: 1px solid #d8e5e8
}

.set-service .service-class .list header {
    padding: 8px 43px;
    background: #edf7f9;
    border-bottom: 1px solid #d8e5e8;
    overflow: hidden;
    text-align: center
}

.set-service .service-class .list header input {
    margin: 0 0 0 -8px
}

.set-service .service-class .category-ul a {
    cursor: pointer
}

.set-service .service-class .category-ul .fa {
    margin-right: 5px
}

.set-service .service-class .category-ul .col-sm-3,
.set-service .service-class .category-ul .col-sm-2 {
    text-align: center
}

.set-service .service-class .category-ul li {
    line-height: 30px
}

.set-service .service-class .category-ul .sub-class .col-sm-5 {
    padding-left: 58px
}

.set-service .service-class .category-ul .sub-class .cloud {
    background-position: 30px 8px
}

.set-service .service-class .category-ul .cloud {
    background: url(../imges/cloud.png) no-repeat;
    background-size: 20px;
    background-position: 5px 8px
}

.set-print .bg-hov:hover {
    background: #0af;
    color: #fff;
    cursor: pointer
}

.set-print h3 {
    margin-bottom: 20px
}

.set-print .print-options .optiontitle {
    display: inline-block;
    width: 100px;
    text-align: right
}

.set-print .print-options .option,
.set-print .print-options .demo,
.set-print .print-options .zekou {
    display: inline-block
}

.set-print .print-options .option input,
.set-print .print-options .demo input,
.set-print .print-options .zekou input {
    margin-right: 5px
}

.set-print .print-options .print-title,
.set-print .print-options .fontsize,
.set-print .print-options .printdemo,
.set-print .print-options .printzekou {
    margin: 30px 0;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc
}

.set-print .print-options .print-title .form-control {
    width: 300px
}

.set-print .print-options .fontsize .option {
    width: 120px
}

.set-print .print-options .printdemo .form-group {
    width: 700px;
    margin: 0 0 0 4px
}

.set-print .print-options .printdemo .demo {
    width: 150px;
    margin-bottom: 10px
}

.set-print .print-options .printzekou {
    margin-bottom: 30px
}

.set-print .print-options .printzekou .zekou {
    width: 120px
}

.set-print .print-options .print-remark .optiontitle {
    float: left;
    line-height: 34px
}

.set-print .print-options .print-remark div {
    position: relative;
    padding-left: 130px;
    margin-bottom: 10px
}

.set-print .print-options .print-remark input.form-control {
    width: 300px
}

.set-print .print-options .print-remark .del-goods,
.set-print .print-options .print-remark .add-goods {
    left: 100px
}

.set-print .print-options .print-remark .add-remark {
    line-height: 34px;
    margin: 10px 0
}

.set-print .function-list {
    margin-top: 20px
}

.set-print .infor_pic {
    margin-bottom: 20px
}

.set-print .infor_pic li {
    margin-left: 10px
}

.set-print .infor_pic div.left {
    margin-left: 20px
}

.carShop-group .group {
    float: left;
    width: 300px;
    line-height: 30px
}

.carShop-group .group .group-header {
    overflow: hidden
}

.carShop-group .group .group-header .form-group {
    float: left;
    border: 1px solid #d8e5e8;
    background: #edf7f9;
    margin: 0;
    text-align: center
}

.carShop-group .group .form-group:first-child {
    width: 200px;
    border-right: 0
}

.carShop-group .group .form-group:last-child {
    width: 100px
}

.carShop-group .group .item {
    position: relative
}

.carShop-group .group .more {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    display: block !important
}

.carShop-group .group label {
    min-width: 114px;
    white-space: nowrap
}

.carShop-group .group .first-authority {
    padding-left: 10px;
    border: 1px solid #e6e7e7;
    border-top: 0
}

.carShop-group .group li {
    width: 100px;
    text-align: center;
    cursor: pointer
}

.carShop-group .group .btn-group.dropdown {
    display: inline-block;
    vertical-align: top
}

.carShop-group .group .btn-group.open .dropdown-toggle {
    box-shadow: none
}

.carShop-group .second-authority,
.carShop-group .three-authority,
.carShop-group .four-authority {
    width: 100%;
    padding-left: 30px
}

.carShop-group .section {
    margin-left: 320px
}

.carShop-group .section h4 {
    margin-bottom: 25px
}

.carShop-group .section caption {
    padding: 0;
    line-height: 32px
}

.carShop-group .section .prompt {
    line-height: 30px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e5e5e5
}

.carShop-group .section .search {
    margin-top: 10px
}

.carShop-info {
    overflow: hidden
}

.carShop-info .col-sm-12 {
    margin-bottom: 20px
}

.carShop-info .col-sm-12 label {
    display: inline-block;
    width: 70px
}

.carShop-info .col-sm-12 a {
    color: #08c;
    text-decoration: underline
}

.carShop-info .col-sm-12 strong {
    margin-right: 20px
}

.carShop-info .form-inline .form-control {
    width: 250px
}

.carShop-info .project-list label {
    float: left
}

.carShop-info .project-list .form-group {
    display: block;
    margin-left: 76px
}

.carShop-info .project-list span {
    display: inline-block;
    padding: 5px 15px;
    margin: 0 10px 10px 0;
    color: #fff;
    background: #08c;
    border-radius: 2px
}

.carShop-info .address .form-control {
    width: 505px
}

.carShop-info .address i {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../imges/address.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    cursor: pointer
}

.carShop-info .infor_pic .add_pic {
    margin-right: 15px
}

.carShop-info .article {
    padding-left: 70px
}

.carShop-info .article .form-control {
    margin-bottom: 20px;
    margin-top: 5px;
    overflow: hidden
}

.seting #all {
    position: absolute !important;
    left: 250px;
    top: 36px;
    width: 550px;
    height: 300px;
    box-shadow: 0 5px 20px #999;
    z-index: 9
}

.seting .version .header h3 {
    margin-bottom: 10px
}

.seting .version .header div {
    color: #969696;
    line-height: 34px;
    overflow: hidden;
    padding-right: 10px
}

.seting .version .header .search {
    background: none;
    color: #08c;
    border-color: #08c
}

.seting .version .list td {
    white-space: nowrap;
    min-width: 80px;
    max-width: 120px
}

.seting .version .list td:first-child {
    min-width: auto
}

.seting .version .list td:nth-of-type(2) {
    width: 200px;
    text-align: left
}

.seting .version .list td:nth-of-type(3) {
    white-space: normal;
    text-align: left;
    max-width: 800px
}

.seting .version .list span {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url(../imges/seting/not-opened.png) no-repeat;
    background-size: contain
}

.seting .version .list .open {
    background: url(../imges/seting/open.png) no-repeat;
    background-size: contain
}

.modal-commission .modal-body {
    padding: 0 15px
}

.modal-commission .modal-body button {
    padding: 10px 20px;
    margin-right: 10px;
    border: 1px solid #ccc
}

.modal-commission .modal-body .current {
    background: #eaa500;
    color: #fff;
    border: 1px solid #d3a31e
}

.modal-commission .modal-body .sale>div,
.modal-commission .modal-body .construction>div,
.modal-commission .modal-body .choose>div {
    margin: 10px 0;
    margin-left: 30px
}

.modal-commission .modal-body .sale span,
.modal-commission .modal-body .construction span,
.modal-commission .modal-body .choose span {
    display: inline-block;
    margin-right: 8px
}

.modal-commission .modal-body .construction {
    margin-top: 10px
}

.modal-commission .modal-body h2 {
    font-weight: normal;
    font-size: 20px;
    line-height: 40px
}

.modal-commission .modal-body input {
    margin-bottom: 0
}

.range {
    overflow: hidden;
    margin-left: 0
}

.range input {
    width: 120px
}

.range div {
    width: 500px;
    margin: 0
}

.range span {
    margin-top: 6px
}

.set-export {
    padding-top: 10px
}

.set-export h3 {
    margin-bottom: 20px
}

.set-export .export-list {
    overflow: hidden;
    margin-bottom: 20px
}

.set-export .export-list button {
    margin-bottom: 6px
}

#modal-stock-cancel .modal-member-cancel,
#select-technician .modal-member-cancel,
#select-salesman .modal-member-cancel {
    overflow: hidden
}

#modal-stock-cancel .modal-member-cancel p,
#select-technician .modal-member-cancel p,
#select-salesman .modal-member-cancel p {
    cursor: pointer;
    color: #08c;
    margin-left: 20px;
    margin-top: 66px
}

#modal-stock-cancel .modal-member-cancel label,
#select-technician .modal-member-cancel label,
#select-salesman .modal-member-cancel label {
    width: 98px;
    margin-bottom: 10px
}

#modal-stock-cancel .modal-member-cancel label input,
#select-technician .modal-member-cancel label input,
#select-salesman .modal-member-cancel label input {
    width: 80px;
    height: 40px;
    display: block;
    border: 1px solid #ccc;
    color: #999;
    margin: 0 auto;
    background: none;
    font-weight: normal
}

#modal-stock-cancel .modal-member-cancel label .current,
#select-technician .modal-member-cancel label .current,
#select-salesman .modal-member-cancel label .current {
    color: #fff;
    background: #08c;
    border: 1px solid #07a
}

#modal-stock-cancel .modal-other-cancel,
#select-technician .modal-other-cancel,
#select-salesman .modal-other-cancel {
    display: none
}

#modal-hang-pay .modal-dialog,
#modal-rp-pay .modal-dialog {
    width: 712px
}

#modal-hang-pay .header,
#modal-rp-pay .header {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background: #edf7f9;
    overflow: hidden
}

#modal-hang-pay .header h3,
#modal-rp-pay .header h3 {
    float: left;
    line-height: 40px;
    font-size: 16px
}

#modal-hang-pay .header p,
#modal-rp-pay .header p {
    float: right
}

#modal-hang-pay .header p span,
#modal-rp-pay .header p span {
    color: #ec6941;
    font-size: 16px
}

#modal-hang-pay .modal-pay-main,
#modal-rp-pay .modal-pay-main {
    margin-bottom: 20px;
    overflow: hidden
}

#modal-hang-pay .modal-pay-main .modal-pay-table,
#modal-rp-pay .modal-pay-main .modal-pay-table {
    float: left;
    width: 340px
}

#modal-hang-pay .table,
#modal-rp-pay .table {
    margin: 0
}

#modal-hang-pay .table span,
#modal-rp-pay .table span {
    font-size: 12px;
    color: #ccc
}

#modal-hang-pay .textarea textarea,
#modal-rp-pay .textarea textarea {
    width: 100%;
    height: 60px;
    border: 1px solid #dedede;
    border-radius: 5px;
    resize: none
}

#modal-hang-pay .need,
#modal-rp-pay .need {
    text-align: center;
    margin: 10px
}

.modal-dialog {
    margin-top: 100px
}

.modal-dialog .modal-search {
    margin-bottom: 10px
}

.modal-dialog .modal-search input,
.modal-dialog .modal-search select {
    margin-bottom: 0
}

.modal-dialog .com_information>div {
    margin-top: 0;
    margin-bottom: 20px
}

.modal-dialog .modal-section .table {
    table-layout: fixed;
    text-align: center;
    margin-bottom: 0
}

.modal-dialog .modal-section .table thead th {
    text-align: center
}

.modal-dialog .modal-section .table input[type=checkbox] {
    width: 20px;
    margin: 0
}

.modal-dialog .modal-section .table input[type=radio] {
    width: auto
}

.modal-dialog .modal-section .table input {
    text-align: center;
    width: 100px;
    padding: 0
}

.modal-dialog .modal-section .table>thead>tr>th:nth-of-type(1) {
    width: 50px
}

.modal-dialog .modal-section .table>tbody>tr>td:nth-of-type(2) {
    text-align: left
}

.modal-dialog .modal-footer {
    text-align: center
}

.modal-dialog .modal-footer button {
    padding: 8px 40px
}

.modal-dialog .modal-footer p {
    margin-bottom: 10px
}

.modal-dialog .modal-footer p span {
    font-weight: bold;
    color: #ea4a3e;
    margin: 0 5px
}

.modal-class {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.modal-class>ul {
    width: 100%;
    max-height: 300px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    background: #fff;
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 99;
    display: none
}

.modal-class>ul>li {
    padding-left: 20px;
    line-height: 34px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-weight: bold
}

.modal-class>ul>li a {
    color: #666;
    display: block;
    width: 100%;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.modal-class>ul>li a span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.modal-class>ul>li i {
    position: absolute;
    top: 10px;
    left: 5px
}

.modal-class>ul>li ul {
    display: none
}

.modal-class>ul>li ul li {
    padding-left: 10px;
    overflow: hidden;
    font-weight: normal
}

.table-hang thead tr th {
    border-bottom-width: 0;
    border-color: #d8e5e8
}

.table-hang tbody tr td:last-child {
    padding: 3px 8px
}

.table-hang tbody tr td:nth-of-type(3) {
    width: 130px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.table-hang tbody tr td {
    border-color: #ececec
}

.table-hang th {
    background: #edf7f9;
    font-weight: normal
}

.table-hang td:nth-of-type(6) {
    color: #f00
}

.table-hang button {
    padding: 4px 17px;
    background: #f2bc25;
    border: 1px solid #d3a31e;
    color: #fff;
    border-radius: 3px
}

.ui-select-bootstrap>.ui-select-match>.btn {
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-select-match-text {
    overflow: hidden;
    width: 150px;
    text-overflow: ellipsis
}

.ui-select-highlight {
    width: auto !important
}

.inventoryCar-edit-modal .form-control,
.inventoryCar .form-control,
.marketingCar .form-control {
    padding: 0;
    padding-left: 5px;
    font-family: PingFangSC-Regular, sans-serif;
    height: 26px;
    box-shadow: none;
    border-color: #eee
}

.inventoryCar-edit-modal .car-models .ui-select-bootstrap>.ui-select-choices,
.inventoryCar .car-models .ui-select-bootstrap>.ui-select-choices,
.marketingCar .car-models .ui-select-bootstrap>.ui-select-choices {
    width: 400px
}

.inventoryCar-edit-modal .ui-select-choices-row-inner,
.inventoryCar .ui-select-choices-row-inner,
.marketingCar .ui-select-choices-row-inner {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.inventoryCar-edit-modal .form-control:focus,
.inventoryCar .form-control:focus,
.marketingCar .form-control:focus,
.inventoryCar-edit-modal input[type="text"]:focus,
.inventoryCar input[type="text"]:focus,
.marketingCar input[type="text"]:focus {
    box-shadow: none;
    border-color: #88ceff
}

.inventoryCar-edit-modal .ui-select-bootstrap .ui-select-toggle>.caret,
.inventoryCar .ui-select-bootstrap .ui-select-toggle>.caret,
.marketingCar .ui-select-bootstrap .ui-select-toggle>.caret {
    display: none
}

.inventoryCar-edit-modal .ui-select-bootstrap>.ui-select-match>.btn,
.inventoryCar .ui-select-bootstrap>.ui-select-match>.btn,
.marketingCar .ui-select-bootstrap>.ui-select-match>.btn {
    width: 156px;
    box-shadow: none;
    border-color: #eee;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.inventoryCar-edit-modal .ui-select-match .ui-select-toggle::after,
.inventoryCar .ui-select-match .ui-select-toggle::after,
.marketingCar .ui-select-match .ui-select-toggle::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 8px;
    width: 10px;
    height: 10px;
    border-left: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    transform: rotate(-45deg)
}

.inventoryCar-edit-modal .ui-select-search,
.inventoryCar .ui-select-search,
.marketingCar .ui-select-search {
    width: 156px !important;
    padding-right: 20px
}

.inventoryCar-edit-modal .ui-select-bootstrap .ui-select-choices-row.active>a,
.inventoryCar .ui-select-bootstrap .ui-select-choices-row.active>a,
.marketingCar .ui-select-bootstrap .ui-select-choices-row.active>a {
    background: #d2ecff;
    color: #5c9dce
}

.inventoryCar-edit-modal .text-muted,
.inventoryCar .text-muted,
.marketingCar .text-muted {
    color: #b1b1b1
}

.inventoryCar-edit-modal .ui-select-match-text span,
.inventoryCar .ui-select-match-text span,
.marketingCar .ui-select-match-text span {
    width: 126px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis
}

#bar-card-left,
#bar-card-right {
    height: 400px
}

#modal-card-preview .modal-dialog {
    margin-top: 50px
}

#modal-card-preview .modal-content {
    overflow: hidden
}

#modal-card-preview .modal-body {
    overflow: hidden;
    padding-top: 160px;
    color: #2a085e;
    background: #ffdf73 url(../imges/modal/card-banner.png) no-repeat
}

#modal-card-preview .modal-body header h2 {
    line-height: 50px;
    font-size: 28px
}

#modal-card-preview .modal-body header p {
    text-align: center;
    font-size: 18px;
    line-height: 20px
}

#modal-card-preview .modal-body section {
    padding-top: 10px
}

#modal-card-preview .modal-body section .modal-card-phone {
    width: 400px;
    margin: 20px auto
}

#modal-card-preview .modal-body section .modal-card-phone input {
    height: 50px
}

#modal-card-preview .modal-body section .modal-card-sub {
    width: 250px;
    height: 50px;
    margin: 0 auto
}

#modal-card-preview .modal-body section .modal-card-sub button {
    width: 100%;
    height: 100%;
    background: #ea4b3e;
    color: #fff;
    border-radius: 4px
}

#modal-card-preview .modal-body footer {
    width: 400px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 20px;
    line-height: 20px;
    background: url(../imges/modal/card-tittle.png) no-repeat center 0
}

.link-tx:link {
    margin-left: 20px;
    color: #08c;
    text-decoration: underline
}

.modal-lg {
    width: 900px;
    smargin-top: 50px
}

.modal-lg .modal-body {
    min-height: 350px;
    max-height: calc(60vh);
    overflow-y: auto
}

.modal-footer {
    overflow: hidden
}

.modal-body .sp {
    display: inline-block;
    width: 100px;
    text-align: right
}

.modal-body .con_up .other-inf {
    max-height: none
}

.version-tips-modal .header {
    margin-bottom: 15px;
    overflow: hidden
}

.version-tips-modal .section {
    max-height: 200px;
    padding-left: 20px;
    overflow-y: auto
}

.version-tips-modal .section p {
    margin-bottom: 5px
}

.edit-userInfo-modal .form-inline {
    margin-bottom: 10px
}

.edit-userInfo-modal .form-label {
    display: inline-block;
    width: 50px
}

.edit-userInfo-modal .form-group input {
    margin: 0
}

.edit-userInfo-modal .form-group label {
    margin-right: 20px
}

.edit-pwd-modal .form-inline {
    margin-bottom: 10px
}

.edit-pwd-modal .form-label {
    display: inline-block;
    width: 72px
}

.car-info-modal .nav {
    margin-bottom: 10px;
    border-bottom: 2px solid #08c
}

.car-info-modal .nav button {
    width: 100px;
    height: 30px;
    border-bottom: 0
}

.car-info-modal .nav .current {
    height: 30px;
    color: #fff;
    background: #08c;
    z-index: 9
}

.car-info-modal .m-c {
    cursor: pointer
}

.car-info-modal .table {
    margin-bottom: 0;
    margin-top: 10px
}

.car-info-modal .new-caption>span {
    width: 200px
}

.car-info-modal .car-info {
    margin-top: 10px;
    line-height: 30px
}

.car-info-modal .car-info .col-sm-4 {
    padding-right: 0
}

.car-info-modal .car-info td {
    width: 33.3%
}

.car-info-modal .user-info {
    margin-top: 10px;
    line-height: 30px
}

.car-info-modal .user-info .col-sm-4 {
    padding-right: 0
}

.car-info-modal .user-info .table-change:nth-of-type(1) td {
    width: 25%
}

.car-info-modal .user-info .table-change:nth-of-type(2) td:first-child {
    width: 174px
}

.car-info-modal .user-info .table-change:nth-of-type(2) td:nth-of-type(3),
.car-info-modal .user-info .table-change:nth-of-type(2) td:nth-of-type(4),
.car-info-modal .user-info .table-change:nth-of-type(2) td:nth-of-type(6) {
    width: 100px
}

.car-info-modal .user-info .table-change:nth-of-type(2) td:nth-of-type(5) {
    width: 200px
}

.car-info-modal .user-info .table-change:nth-of-type(5) td {
    width: 40%
}

.car-info-modal .user-info .table-change:nth-of-type(5) td:first-child {
    width: 20%
}

.car-info-modal .pay-info td:first-child {
    width: 200px
}

.car-info-modal .pay-info td:nth-of-type(3),
.car-info-modal .pay-info td:last-child {
    width: 150px
}

.car-info-modal .card-info .form-inline {
    margin-top: 20px
}

.car-info-modal .card-info .table {
    margin: 0
}

.car-info-modal .card-info td:first-child {
    width: auto
}

.car-info-modal .card-info td:nth-of-type(2),
.car-info-modal .card-info td:last-child {
    width: 200px
}

.car-info-modal .table-coupon td:first-child {
    width: 200px
}

.car-info-modal .table-coupon td:nth-of-type(2) {
    width: 70px
}

.car-info-modal .table-coupon td:last-child {
    width: 160px;
    max-width: 160px
}

.car-info-modal .coupon-info td:first-child {
    width: 200px;
    text-align: left
}

.car-info-modal .coupon-info td:nth-of-type(2) {
    width: 80px
}

.car-info-modal .coupon-info td:nth-of-type(3),
.car-info-modal .coupon-info td:nth-of-type(4) {
    width: 200px
}

.return-modal label {
    float: left;
    width: 50px;
    vertical-align: top;
    line-height: 34px
}

.return-modal div.form-group {
    display: block;
    padding-left: 50px
}

.return-modal textarea.form-control {
    display: block;
    width: 100%;
    margin-top: 0
}

.materialsModal {
    padding-left: 35px
}

.materialsModal td:nth-of-type(2) {
    text-align: left
}

.materialsModal .choose-project {
    padding: 0
}

.materialsModal .choose-project input {
    width: 100%
}

.materialsModal .project-list {
    width: 500px
}

.materialsModal .goods-number input {
    width: 50px;
    text-align: center
}

.materialsModal .choose-project ul {
    width: 350px
}

.materialsModal .table span {
    max-width: 250px;
    display: inline-block;
    word-wrap: break-word
}

.materialsModal .goods td:nth-of-type(2) {
    width: 250px
}

.materialsModal .goods td:nth-of-type(3) {
    width: 120px
}

.materialsModal .goods td:nth-of-type(4),
.materialsModal .goods td:nth-of-type(5),
.materialsModal .goods td:nth-of-type(6) {
    width: 66px
}

.materialsModal .goods td:nth-of-type(7),
.materialsModal .goods td:nth-of-type(8) {
    width: 100px
}

.reception-chooseGoods-modal .section td:nth-of-type(4) {
    width: 140px
}

.reception-chooseGoods-modal .section td:nth-of-type(4) .omit-detail {
    width: 300px
}

.reception-chooseGoods-modal .section td:nth-of-type(4):hover {
    white-space: normal
}

.reception-chooseGoods-modal .cars {
    position: absolute;
    top: 34px;
    left: 0;
    right: 0;
    z-index: 100;
    background: #fff;
    border: 1px solid #ccc;
    max-height: 240px;
    overflow-y: auto;
    border-radius: 4px
}

.reception-chooseGoods-modal .cars li {
    cursor: pointer;
    line-height: 24px;
    text-align: center
}

.reception-chooseGoods-modal .cars li:hover {
    background: #edf7f9
}

.maintain-modal .maintain-content {
    position: relative;
    width: 864px;
    height: 418px;
    overflow: hidden
}

.maintain-modal .project-list {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 418px;
    overflow: hidden;
    border-top: 1px solid #d8e5e8;
    border-left: 1px solid #d8e5e8;
    border-bottom: 1px solid #d8e5e8
}

.maintain-modal .project-list span {
    display: inline-block;
    width: 100%;
    height: 38px;
    line-height: 37px;
    text-align: center;
    background: #edf7f9;
    border-right: 1px solid #d8e5e8;
    border-bottom: 1px solid #d8e5e8
}

.maintain-modal .project-list .fixed-only {
    position: relative
}

.maintain-modal .project-list .fixed-only span {
    position: absolute
}

.maintain-modal .project-list .fixed-left {
    margin-top: 38px
}

.maintain-modal .mileage-list {
    position: absolute;
    top: 0;
    left: 100px;
    width: 764px;
    height: 418px;
    overflow: hidden;
    border-top: 1px solid #d8e5e8;
    border-right: 1px solid #d8e5e8;
    border-bottom: 1px solid #d8e5e8
}

.maintain-modal .mileage-list .fixed-top {
    width: 1800px;
    overflow: hidden
}

.maintain-modal .mileage-list .fixed-top span {
    float: left;
    width: 90px;
    height: 38px;
    line-height: 37px;
    text-align: center;
    background: #edf7f9;
    border-right: 1px solid #d8e5e8;
    border-bottom: 1px solid #d8e5e8
}

.maintain-modal .mileage-list .table-content {
    width: 764px;
    height: 378px;
    overflow: auto
}

.maintain-modal .mileage-list .table-content .row-span {
    overflow: hidden
}

.maintain-modal .mileage-list .table-content span {
    float: left;
    width: 90px;
    height: 38px;
    line-height: 37px;
    text-align: center;
    background: #fff;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9
}

.maintain-modal .mileage-list .table-content .current {
    color: #fff;
    background: #147dfa
}

.maintenanceItems-modal .section .table td:first-child {
    width: 400px
}

.maintenanceItems-modal .section .table td:nth-of-type(2) {
    width: 160px;
    text-align: center
}

.configuration-modal .header {
    margin-bottom: 10px
}

.configuration-modal .section {
    position: relative;
    height: 370px
}

.configuration-modal .list {
    display: inline-block;
    width: 300px;
    height: 370px;
    overflow-y: scroll;
    border-top: 1px solid #eaeaea
}

.configuration-modal .list .item {
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer
}

.configuration-modal .list span {
    margin-right: 10px
}

.configuration-modal .list .current {
    color: #fff;
    background: #438aff
}

.configuration-modal .info {
    position: absolute;
    left: 300px;
    top: 0;
    right: 0;
    height: 370px;
    overflow-y: scroll
}

.configuration-modal .table {
    margin: 0
}

.configuration-modal .table td:first-child {
    width: 150px
}

.reservationRecord-modal .section li {
    overflow: hidden;
    line-height: 36px;
    border-bottom: 1px solid #e6e7e7
}

.reservationRecord-modal .section li:last-child {
    border: 0
}

.reservationConfirm-modal .section {
    overflow: hidden
}

.reservationConfirm-modal .section .left {
    width: 100px;
    text-align: right;
    color: #969696
}

.reservationConfirm-modal .section div {
    padding-left: 100px
}

.taking-modal .col-sm-4 {
    padding: 0
}

.taking-modal .col-sm-4 label {
    width: 100px;
    text-align: right
}

.taking-modal .col-sm-4 .form-control {
    margin-bottom: 5px
}

.takingRecord-modal .form-inline {
    line-height: 30px
}

.takingRecord-modal .table td:first-child {
    width: 150px
}

.takingRecord-modal .table td:nth-of-type(2) {
    width: 110px
}

.takingRecord-modal .table td:nth-of-type(4) {
    width: 160px
}

.takingRecord-modal .table td:nth-of-type(5),
.takingRecord-modal .table td:nth-of-type(6) {
    width: 80px;
    text-align: right
}

.takingRecord-modal .table-change:nth-of-type(2) {
    margin: 0
}

.takingRecord-modal .table-change:nth-of-type(2) td {
    width: 50%
}

.payRecord-modal .form-group {
    margin-bottom: 10px
}

.payRecord-modal .table td:first-child {
    width: auto
}

.payInvalid-modal label {
    vertical-align: top;
    margin-top: 16px
}

.payInvalid-modal .form-control {
    width: 490px
}

.choosePay-modal .table td:first-child {
    width: 70px
}

.choosePay-modal .table input[type=checkbox] {
    margin-right: 3px
}

.revenue-modal .form-group {
    width: 100%;
    margin-bottom: 10px
}

.revenue-modal .form-group .col-sm-6,
.revenue-modal .form-group .col-sm-12 {
    padding: 0
}

.revenue-modal .form-label {
    width: 85px;
    padding-right: 12px;
    text-align: right
}

.revenue-modal .form-control,
.revenue-modal .input-group {
    width: 185px
}

.revenue-modal .col-sm-12 {
    margin: 0
}

.revenue-modal .col-sm-12 .form-label {
    line-height: 34px;
    vertical-align: top
}

.revenue-modal .col-sm-12 textarea {
    width: 468px
}

.revenue-subtype-modal .col-sm-2.control-label {
    width: 70px
}

.takeDown-modal label {
    width: 70px
}

.takeDown-modal .form-group {
    margin-bottom: 10px;
    padding-right: 0
}

.takeDown-modal .form-control,
.takeDown-modal .input-group {
    width: 180px
}

.takeDown-modal .col-sm-12 label {
    vertical-align: top;
    line-height: 34px
}

.takeDown-modal .col-sm-12 .form-control {
    margin: 0;
    width: 464px
}

.takeDown-modal .choose-source-type .project-type {
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 10;
    min-width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    overflow-y: auto;
    height: 268px
}

.takeDown-modal .choose-source-type .project-type p {
    padding: 10px;
    text-align: left
}

.takeDown-modal .choose-source-type .project-type .form-inline {
    padding: 0 10px;
    margin-bottom: 10px;
    text-align: left
}

.takeDown-modal .choose-source-type .project-type .form-inline input[type='checkbox'] {
    width: 20px
}

.takeDown-modal .choose-source-type .project-type .form-inline .form-group {
    margin-right: 30px
}

.takeDown-modal .choose-source-type .project-type .form-inline .form-control {
    width: 220px
}

.takeDown-modal .choose-source-type .project-type .list {
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 -1px 5px #ddd
}

.takeDown-modal .choose-source-type .project-type .table tr:first-child td:nth-of-type(2) {
    width: 100px
}

.takeDown-modal .choose-source-type .project-type .table tr:first-child td:nth-of-type(4) {
    width: 150px
}

.incomeExpenditureDetail-modal .form-inline {
    line-height: 28px
}

.incomeExpenditureDetail-modal .form-inline .text-right {
    float: left;
    width: 100px;
    vertical-align: top
}

.incomeExpenditureDetail-modal .form-inline .col-sm-12 span:last-child {
    display: block;
    padding-left: 100px;
    word-wrap: break-word
}

.deposit-detail-modal .col-xs-3 {
    padding: 0
}

.deposit-detail-modal .table {
    margin: 0
}

.deposit-detail-modal td:nth-of-type(2),
.deposit-detail-modal td:nth-of-type(4) {
    width: 160px
}

.deposit-detail-modal td:first-child,
.deposit-detail-modal td:nth-of-type(3) {
    width: 120px;
    border-color: #d8e5e8;
    background: #edf7f9
}

.deposit-refund-modal .form-inline,
.deposit-carryover-modal .form-inline {
    margin-bottom: 10px
}

.deposit-refund-modal .form-inline .form-control,
.deposit-carryover-modal .form-inline .form-control {
    width: 200px;
    margin-left: 10px
}

.deposit-refund-modal .form-remark .form-group,
.deposit-carryover-modal .form-remark .form-group {
    left: 84px;
    right: 20px
}

.deposit-refund-modal .refund,
.deposit-carryover-modal .refund {
    display: inline-block;
    max-width: 280px;
    vertical-align: middle
}

.edit-deposit-modal strong {
    margin-right: 10px
}

.edit-deposit-modal .icon-wx {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../imges/customer/icon-wx.png) no-repeat;
    background-size: contain
}

.edit-deposit-modal .form-inline {
    margin-bottom: 10px
}

.edit-deposit-modal .form-inline .form-control {
    width: 200px;
    margin-left: 10px
}

.edit-deposit-modal .form-inline .form-label {
    display: inline-block;
    width: 70px
}

.edit-deposit-modal .form-remark .form-group {
    left: 84px;
    right: 20px
}

.addCustomer-modal .col-sm-6,
.addCustomer-modal label,
.addCustomer-modal .form-group {
    position: static
}

.addCustomer-modal .form-inline {
    overflow: hidden
}

.addCustomer-modal .form-inline.choose-customer {
    overflow: inherit
}

.addCustomer-modal .form-label {
    width: 120px;
    text-align: right;
    padding-right: 20px;
    margin-bottom: 10px;
    vertical-align: text-top
}

.addCustomer-modal .form-control,
.addCustomer-modal .input-group {
    width: 250px
}

.addCustomer-modal textarea.form-control {
    width: 683px
}

.addCustomer-modal .col-sm-12 .form-label {
    vertical-align: top;
    margin-top: 16px
}

.addCustomer-modal .source {
    padding: 0 15px;
    line-height: 48px
}

.addCustomer-modal .source label {
    margin-right: 10px
}

.addCustomer-modal .source input {
    margin-right: 2px
}

.addCustomer-modal .choose-customer .form-label {
    float: left;
    margin-top: 14px
}

.addCustomer-modal .new-item {
    position: relative;
    padding: 10px 0;
    border-radius: 6px;
    border: 1px dashed #999;
    margin-bottom: 20px
}

.addCustomer-modal .new-item .del-goods {
    left: 5px;
    top: 15px
}

.addCustomer-modal .new-item:last-child {
    margin: 0
}

.addCustomer-modal .add {
    position: relative;
    padding: 10px 25px
}

.addCustomer-modal .add .add-goods {
    left: 2px;
    top: 10px
}

.addCustomer-modal .cars {
    position: absolute;
    left: 0;
    top: 42px;
    width: 300px;
    z-index: 9;
    box-shadow: 0 3px 3px #ccc;
    background: #fff
}

.addCustomer-modal .cars td {
    width: 50%
}

.addCustomer-modal .cars .table {
    margin-bottom: 0
}

.memberCardDetail-modal .text-right {
    display: inline-block;
    width: 100px;
    line-height: 36px
}

.memberCardDetail-modal .table {
    margin-bottom: 10px
}

.memberCardDetail-modal .table td:first-child {
    width: 270px
}

.memberCardDetail-modal .table td:last-child {
    width: 400px
}

.vehicleInformation-modal .form-group {
    margin: 0;
    line-height: 36px
}

.vehicleInformation-modal .col-sm-6 {
    padding: 0
}

.vehicleInformation-modal .text-right {
    display: inline-block;
    width: 120px
}

.vehicleInformation-modal .table {
    margin: 0
}

.vehicleInformation-modal .table td:first-child {
    width: auto
}

.consumption-detail-modal .con_down {
    padding: 0
}

.consumption-detail-modal .hang_detail .con_up p.text-right {
    position: absolute;
    top: 0;
    right: 0
}

.consumption-detail-modal .hang_detail .con_up .record,
.consumption-detail-modal .hang_detail .con_up .user-card,
.consumption-detail-modal .hang_detail .con_up .user-inf,
.consumption-detail-modal .hang_detail .con_up .user-coupon {
    border: 0;
    cursor: text
}

.consumption-detail-modal .table-project td:first-child {
    width: 45px !important
}

.inspectRecords-modal .info-list .col-sm-4,
.inspectRecords-modal .info-list .col-sm-12 {
    margin: 10px 0
}

.inspectRecords-modal .fault-list h4 {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px dashed #dedede
}

.inspectRecords-modal .fault-list .del {
    margin-left: 20px
}

.inspectRecords-modal .fault-list .fault-img {
    overflow: hidden;
    padding-left: 20px;
    margin-bottom: 10px
}

.inspectRecords-modal .fault-list .fault-img li {
    float: left;
    margin-right: 10px
}

.inspectRecords-modal .fault-list .fault-img img {
    width: 50px;
    height: 50px
}

.editVehicle-modal .modal-header {
    border: 0
}

.editVehicle-modal .form-inline label {
    display: inline-block;
    width: 110px;
    text-align: right;
    padding-right: 20px;
    margin-bottom: 20px
}

.editVehicle-modal .form-inline .input-group .form-control {
    width: 215px
}

.editVehicle-modal .form-inline .input-btn {
    right: -5px
}

.editVehicle-modal .form-inline .searchCarInf {
    width: 250px
}

.editVehicle-modal .form-group {
    margin-right: 0
}

.editVehicle-modal .form-control {
    width: 250px
}

.editVehicle-modal .customer-info label {
    float: left;
    width: 100px;
    line-height: 34px
}

.editVehicle-modal .customer-info .form-control {
    width: 180px;
    display: inline-block
}

.editVehicle-modal .customer-info .user-name label {
    float: none;
    width: auto
}

.editVehicle-modal .list .form-group {
    margin: 10px 0 0 0
}

.editVehicle-modal .list td:first-child {
    width: auto
}

.editVehicle-modal .ui-select-bootstrap>.ui-select-match>.btn {
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis
}

.editVehicle-modal input[type="search"] {
    width: 250px !important
}

.editMemberCard-modal .searchCarInf {
    top: 36px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25)
}

.editMemberCard-modal .form-control {
    width: 180px
}

.editMemberCard-modal .section h4 {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dashed #dedede;
    font-size: 16px;
    margin: 10px 0
}

.editMemberCard-modal .car-list {
    margin: 10px 0
}

.editMemberCard-modal .car-list li {
    margin-top: 10px
}

.editMemberCard-modal .car-list li input {
    margin-right: 10px;
    margin-top: -1px
}

.editMemberCard-modal .car-list .add-car {
    display: inline-block;
    margin-top: 10px;
    padding-left: 30px;
    background: url(../imges/inventoryCar/add_car.png) no-repeat;
    background-size: 20px;
    line-height: 20px;
    cursor: pointer
}

.editMemberCard-modal .customer-list {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px
}

.editMemberCard-modal .customer-list .del-goods {
    left: 0;
    top: 0;
    margin: 0
}

.memberChangeDetail-modal header {
    margin-bottom: 0;
    line-height: 30px
}

.memberChangeDetail-modal .table {
    margin-bottom: 5px
}

.memberChangeDetail-modal .table td {
    width: 25%
}

.memberChangeDetail-modal footer {
    overflow: hidden;
    margin: 0
}

.memberChangeDetail-modal footer .text-right {
    float: left
}

.memberChangeDetail-modal footer span:last-child {
    padding-left: 70px;
    display: block
}

.chooseModels-modal ul {
    overflow: hidden
}

.chooseModels-modal li {
    float: left;
    cursor: pointer
}

.chooseModels-modal .header {
    overflow: hidden
}

.chooseModels-modal .header li {
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px
}

.chooseModels-modal .header .current {
    background: #0af;
    color: #fff
}

.chooseModels-modal .section h4 {
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.chooseModels-modal .section .current {
    background: #0af;
    color: #fff;
    border-color: #0af
}

.chooseModels-modal .logo-list {
    margin-top: 10px
}

.chooseModels-modal .logo-list li {
    margin: 0 10px
}

.chooseModels-modal .logo-list li img {
    width: 35px;
    height: 35px
}

.chooseModels-modal .models-list li {
    padding: 6px 10px;
    margin: 10px 10px 0 10px;
    border: 1px solid #ccc
}

.card-package-modal td:nth-of-type(3) {
    width: 160px
}

.card-package-modal td:nth-of-type(4) {
    width: 100px
}

.change-card-modal .form-control,
.change-card-money-modal .form-control,
.project-delay-modal .form-control {
    width: 180px;
    margin-right: 20px
}

.change-card-modal .table td:first-child,
.change-card-money-modal .table td:first-child,
.project-delay-modal .table td:first-child {
    width: 250px
}

.change-card-modal .table .form-control,
.change-card-money-modal .table .form-control,
.project-delay-modal .table .form-control {
    display: inline-block;
    width: 80px;
    height: auto;
    padding: 2px 6px;
    margin: 0;
    border-bottom-style: solid
}

.change-card-modal textarea.form-control,
.change-card-money-modal textarea.form-control,
.project-delay-modal textarea.form-control {
    width: 100%;
    margin-bottom: 10px
}

.change-card-money-modal .money {
    font-size: 20px;
    margin-bottom: 10px
}

.change-card-money-modal .money .form-control {
    font-size: 20px;
    margin-right: 0
}

.change-card-money-modal .glyphicon-minus {
    color: #08c;
    margin: 0 20px
}

.change-card-money-modal .glyphicon-pause {
    color: #08c;
    margin: 0 20px;
    transform: rotate(90deg)
}

.project-delay-modal .table .form-control {
    width: 150px
}

.change-memberCard-client-modal .list td:first-child {
    width: 250px
}

.change-memberCard-client-modal .list .form-control {
    display: inline-block;
    width: 200px
}

.change-memberCard-client-modal .choose-project .project-list {
    max-height: 225px;
    overflow: auto
}

.batch-import-modal {
    width: 1100px;
    margin-left: -100px
}

.batch-import-modal .header {
    text-align: right
}

.batch-import-modal .step {
    display: inline-block;
    width: 60px;
    text-align: center;
    margin-right: 30px
}

.batch-import-modal .step div {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    border: 1px solid #ccc;
    margin-bottom: 3px
}

.batch-import-modal .step div:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 40px;
    background: #ccc;
    top: 50%;
    left: 47px;
    -webkit-transform: translateY(-50);
    transform: translateY(-50);
    border-radius: 10px
}

.batch-import-modal .current div {
    color: #fff;
    background: #0a0;
    border: 0
}

.batch-import-modal .current div:after {
    background: #2baf2b
}

.batch-import-modal .step:last-child div:after {
    content: none
}

.batch-import-modal .batch {
    position: relative;
    display: inline-block;
    width: 510px;
    height: 346px;
    overflow-y: auto;
    border: 1px solid #bbb;
    border-radius: 3px;
    box-shadow: inset 0 0 10px #d8d8d8
}

.batch-import-modal ol {
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    margin: 5px 0;
    line-height: 26px;
    text-align: center
}

.batch-import-modal ol li {
    color: #999
}

.batch-import-modal .textarea {
    background: none;
    width: 100%;
    padding: 0;
    height: 2600px !important;
    padding: 5px 10px 5px 26px;
    margin: 0;
    outline: none;
    resize: none;
    line-height: 26px;
    overflow: hidden
}

.batch-import-modal .or {
    display: inline-block;
    margin: 0 5px;
    line-height: 346px;
    vertical-align: text-bottom
}

.batch-import-modal .step02 {
    padding-left: 20px
}

.batch-import-modal .step02 td:nth-child(8),
.batch-import-modal .step02 td:nth-child(9) {
    text-align: center
}

.batch-import-modal .step02 td:nth-child(8) .form-control,
.batch-import-modal .step02 td:nth-child(9) .form-control {
    display: inline-block;
    width: 100px
}

.batch-import-modal .modal-class>ul {
    display: inline-block;
    top: -4px
}

.batch-allocate-modal input.form-control {
    width: 80px;
    display: inline-block
}

.export-modal .modal-body .form-inline {
    margin-bottom: 20px
}

.export-modal .modal-body input {
    border: 1px solid #eee;
    margin: 0 5px;
    width: 60px;
    text-align: center;
    padding: 0
}

.record-modal .list,
.inventory-modal .list {
    margin-bottom: 10px
}

.record-modal .list .right,
.inventory-modal .list .right {
    margin-top: 10px;
    padding-right: 20px
}

.record-modal .list .right span,
.inventory-modal .list .right span {
    color: #ea4a3e;
    margin-left: 10px
}

.record-modal .table,
.inventory-modal .table {
    margin-bottom: 0
}

.record-modal .table td:nth-of-type(2),
.inventory-modal .table td:nth-of-type(2) {
    width: 180px;
    text-align: left;
    overflow: hidden;
    white-space: normal
}

.record-modal .col-sm-6,
.inventory-modal .col-sm-6,
.record-modal .col-sm-12,
.inventory-modal .col-sm-12 {
    margin-bottom: 10px
}

.record-modal .col-sm-12,
.inventory-modal .col-sm-12 {
    padding-top: 10px;
    border-top: 1px solid #999
}

.record-modal .table td:nth-of-type(6) {
    white-space: normal
}

.inventory-modal .table td:nth-of-type(5) {
    white-space: normal
}

.goods-modal .form-inline:nth-of-type(1) .form-group {
    width: auto
}

.goods-modal .form-inline:nth-of-type(2) .col-sm-6 {
    margin-bottom: 10px
}

.goods-modal .form-inline h3 {
    margin-bottom: 10px;
    line-height: 40px;
    border-bottom: 1px solid #dedede
}

.goods-modal .form-inline h3 .m-c {
    font-size: 14px
}

.goods-modal .car-num {
    margin: 10px 0
}

.goods-modal .car-num label {
    width: 60px
}

.goods-modal .form-group {
    width: 100%;
    margin-bottom: 10px
}

.goods-modal .form-group:last-child .form-label {
    padding: 0;
    vertical-align: top
}

.goods-modal .form-group:last-child textarea.form-control {
    width: 225px;
    margin-top: 0
}

.goods-modal .col-sm-6 {
    padding: 0
}

.goods-modal .form-label {
    width: 85px;
    padding-right: 12px;
    text-align: right
}

.goods-modal .form-control {
    width: 180px
}

.goods-modal .add_pic {
    float: right
}

.goods-modal .ui-select-choices-content {
    width: 400px !important
}

.goods-modal .category-list {
    position: absolute;
    z-index: 99;
    background: #fff;
    width: 400px
}

.cloud-goods-detail-modal .form-inline {
    overflow: hidden;
    line-height: 30px
}

.cloud-goods-detail-modal .form-inline span {
    display: inline-block;
    width: 100px;
    text-align: right
}

.goodsDetail-modal .col-sm-6,
.goodsDetail-modal .col-sm-12 {
    margin-top: 10px
}

.goodsDetail-modal .col-sm-6 span:nth-of-type(2),
.goodsDetail-modal .col-sm-12 span:nth-of-type(2) {
    padding-left: 5px
}

.goodsDetail-modal .table {
    margin-top: 10px;
    margin-bottom: 0
}

.purchaseAwait-modal .table {
    margin-bottom: 0
}

.purchaseAwait-modal .table td:nth-of-type(2) {
    width: 300px;
    text-align: left
}

.purchaseAwait-modal .col-sm-6,
.purchaseAwait-modal .col-sm-12 {
    margin-bottom: 10px
}

.purchaseAwait-modal b {
    color: #ea4a3e
}

.purchaseAwait-modal .btn-default {
    background: #eaa500;
    color: #fff;
    border-color: #d3a31e
}

.addSupplier .form-group {
    position: relative;
    width: 100%
}

.addSupplier .form-group .form-label {
    width: 100px;
    text-align: right;
    padding-right: 10px;
    margin-bottom: 10px
}

.addSupplier .form-group .form-control {
    width: 250px
}

.addSupplier .form-group .col-sm-12 .form-label {
    vertical-align: top;
    margin-top: 16px
}

.addSupplier .form-group .col-sm-12 .form-control {
    width: 684px;
    overflow-x: hidden
}

.addSupplier .add {
    position: relative;
    padding: 10px 25px
}

.addSupplier .add .add-goods {
    left: 2px;
    top: 10px
}

.addSupplier .new-item {
    padding: 10px 0;
    border-radius: 6px;
    border: 1px dashed #999
}

.addSupplier .new-item .del-goods {
    left: 15px;
    z-index: 9
}

.cancel-modal .reason .form-label {
    margin-top: 15px;
    vertical-align: top
}

.cancel-modal .reason .form-control {
    width: 490px
}

.purchase-list-supplier .section tbody tr td:first-child {
    width: auto
}

.purchase-list-supplier .section td:nth-of-type(2),
.purchase-list-supplier .section td:nth-of-type(3),
.purchase-list-supplier .section td:nth-of-type(4) {
    width: 200px
}

.purchase-list-supplier .section td:nth-of-type(3) {
    text-align: right
}

.purchase-list-parts .form-inline:first-child {
    margin-bottom: 10px
}

.purchase-list-parts .section tbody tr td:first-child,
.purchase-list-parts .section td:nth-of-type(2),
.purchase-list-parts .section td:nth-of-type(4) {
    width: 160px
}

.purchase-list-parts .section td:nth-of-type(3),
.purchase-list-parts .section td:nth-of-type(6),
.purchase-list-parts .section td:nth-of-type(8) {
    width: 120px
}

.purchase-list-parts .section td:nth-of-type(6) {
    text-align: left
}

.purchase-list-parts .section td:nth-of-type(7),
.purchase-list-parts .section td:nth-of-type(9),
.purchase-list-parts .section td:nth-of-type(10) {
    width: 80px
}

.editor-modal .form-group {
    margin-bottom: 10px
}

.editor-modal .form-group input {
    width: 180px
}

.inGoods-modal .col-sm-6,
.inGoods-modal .col-sm-12 {
    padding: 0;
    margin-bottom: 10px
}

.inGoods-modal .form-label {
    width: 90px;
    padding-right: 10px;
    text-align: right
}

.inGoods-modal .form-control {
    width: 180px
}

.batchGet-modal .header .form-control,
.inventoryAdd-modal .header .form-control,
.return-modal .header .form-control {
    width: 170px;
    margin-bottom: 5px
}

.batchGet-modal .header .modal-class,
.inventoryAdd-modal .header .modal-class,
.return-modal .header .modal-class {
    height: auto;
    max-height: 150px;
    box-shadow: 0 3px 10px #999;
    overflow-y: auto
}

.batchGet-modal .header .modal-class ul,
.inventoryAdd-modal .header .modal-class ul,
.return-modal .header .modal-class ul {
    position: static;
    overflow: hidden
}

.batchGet-modal .section,
.inventoryAdd-modal .section,
.return-modal .section {
    border-bottom: 1px solid #ccc
}

.batchGet-modal .section .table,
.inventoryAdd-modal .section .table,
.return-modal .section .table {
    margin-bottom: 0
}

.batchGet-modal .section th,
.inventoryAdd-modal .section th,
.return-modal .section th,
.batchGet-modal .section td,
.inventoryAdd-modal .section td,
.return-modal .section td {
    padding: 8px 4px
}

.batchGet-modal .section tr:first-child td:nth-of-type(2),
.inventoryAdd-modal .section tr:first-child td:nth-of-type(2),
.return-modal .section tr:first-child td:nth-of-type(2) {
    text-align: left
}

.batchGet-modal .section td:first-child,
.inventoryAdd-modal .section td:first-child,
.return-modal .section td:first-child {
    width: 200px;
    text-align: left
}

.batchGet-modal .section input,
.inventoryAdd-modal .section input,
.return-modal .section input {
    max-width: 66px;
    padding: 0;
    text-align: center
}

.batchGet-modal .modal-class,
.inventoryAdd-modal .modal-class,
.return-modal .modal-class {
    width: 100%;
    height: 300px;
    min-height: 100%;
    border-right: 1px solid #d9d9d9
}

.batchGet-modal .modal-class .category-ul,
.inventoryAdd-modal .modal-class .category-ul,
.return-modal .modal-class .category-ul {
    top: 0;
    display: block;
    max-height: 100%;
    border: 0
}

.customerReturn-modal .section tbody input[type="text"] {
    width: 60px;
    padding: 0;
    text-align: center
}

.customerReturn-modal .section tbody td {
    padding: 8px 3px
}

.customerReturn-modal .section tbody td:first-child {
    width: 280px;
    text-align: left
}

.customerReturn-modal .section tbody td:nth-of-type(5) {
    width: 100px
}

.customerReturn-modal .section tbody td:nth-of-type(6),
.customerReturn-modal .section tbody td:nth-of-type(7),
.customerReturn-modal .section tbody td:nth-of-type(8) {
    width: 66px
}

.returnGoods-modal .modal-body p {
    text-align: center
}

.returnGoods-modal .modal-body input[type=text] {
    width: 100px;
    text-align: center
}

.returnGoods-modal .modal-body input[type=radio] {
    margin-right: 0
}

.returnGoods-modal .modal-body select.form-control {
    width: 180px
}

.returnGoods-modal .modal-body .col-sm-6:first-child {
    line-height: 34px
}

.returnGoods-modal .modal-body .col-sm-6:first-child span:last-child {
    width: 180px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
    text-overflow: ellipsis
}

.returnGoods-modal .modal-body .col-sm-6 {
    padding: 0
}

.returnGoods-modal .col-sm-12 {
    margin: 10px 0
}

.returnGoods-modal .col-sm-12 .left {
    width: 70px;
    line-height: 30px;
    text-align: right
}

.returnGoods-modal .col-sm-12 textarea {
    float: left;
    width: 455px;
    overflow: hidden;
    margin: 0
}

.chooseStock-modal .table {
    margin: 0
}

.chooseStock-modal td:nth-of-type(2) {
    width: 200px
}

.chooseStock-modal td:nth-of-type(3),
.chooseStock-modal td:nth-of-type(3),
.chooseStock-modal td:nth-of-type(3) {
    width: 100px
}

.chooseStock-modal input[type=radio] {
    margin: 0
}

.supplier-modal .form-group,
.warehouse-modal .form-group {
    margin-bottom: 10px
}

.supplier-modal .form-group label,
.warehouse-modal .form-group label {
    margin-right: 12px;
    padding-top: 0;
    width: 80px;
    text-align: right
}

.supplier-modal .form-group .form-control,
.warehouse-modal .form-group .form-control {
    width: 180px;
    display: inline-block;
    float: none;
    text-align: left
}

.supplier-modal h3,
.warehouse-modal h3 {
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px dashed #dedede
}

.supplier-modal p,
.warehouse-modal p {
    overflow: hidden;
    margin-bottom: 20px;
    line-height: 30px
}

.supplier-modal p .del-goods,
.warehouse-modal p .del-goods {
    width: 20px;
    position: static
}

.supplier-modal input,
.warehouse-modal input,
.supplier-modal select,
.warehouse-modal select {
    float: left;
    width: 200px;
    padding: 0 5px
}

.supplier-modal i,
.warehouse-modal i {
    margin-right: -12px;
    float: right;
    font-size: 18px;
    color: #f00
}

.supplier-modal .other .checkbox,
.warehouse-modal .other .checkbox {
    width: 20px;
    margin-top: 4px
}

.supplier-modal .remarks textarea,
.warehouse-modal .remarks textarea {
    margin: 0;
    width: 100%
}

.add-goods-class-modal {
    line-height: 26px
}

.add-goods-class-modal .list {
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede
}

.add-goods-class-modal .fa {
    margin-right: 5px;
    cursor: pointer
}

.add-goods-class-modal .table-header {
    padding: 8px 0;
    background: #edf7f9;
    border-bottom: 1px solid #d8e5e8;
    overflow: hidden;
    text-align: center
}

.add-goods-class-modal .category-ul {
    max-height: 200px;
    overflow-y: auto
}

.add-goods-class-modal .col-sm-3 {
    text-align: center
}

.add-goods-class-modal .sub-class .col-sm-9 {
    padding-left: 30px
}

.add-goods-class-modal .form-inline {
    margin-top: 10px
}

.add-goods-class-modal .form-control {
    width: 180px;
    margin-left: 5px
}

.goodsClass-modal .form-group {
    margin-bottom: 10px
}

.goodsClass-modal .control-label {
    width: 70px
}

.goodsClass-modal .form-control {
    width: 180px
}

.inventoryAdd-modal .section input {
    width: 20px;
    float: left;
    margin: 0 5px 0 0
}

.movement-modal .form-inline {
    line-height: 30px
}

.movement-modal .text-right {
    width: 100px;
    float: left
}

.movement-modal .col-sm-12 {
    line-height: normal
}

.movement-modal .col-sm-12 span:last-child {
    display: block;
    padding-left: 100px
}

.movement-modal .table td:nth-of-type(3),
.movement-modal .table td:nth-of-type(4),
.movement-modal .table td:nth-of-type(5) {
    width: 80px
}

.movement-modal .table td:nth-of-type(6),
.movement-modal .table td:nth-of-type(7) {
    width: 140px
}

.entering-modal {
    width: 1100px;
    margin-left: -100px
}

.entering-modal .filtrate-btn {
    width: 100px
}

.entering-modal .section .table .form-control {
    max-width: 66px;
    text-align: center
}

.entering-modal .section th:nth-of-type(2),
.entering-modal .section td:first-child {
    width: 30px;
    text-align: left
}

.entering-modal .section th:nth-of-type(2) input,
.entering-modal .section td:first-child input {
    width: 20px;
    height: 20px
}

.entering-modal .section th:nth-of-type(2) input {
    position: absolute;
    left: 8px;
    top: 12px
}

.entering-modal .section td:nth-of-type(2) {
    text-align: left
}

.entering-modal .section td:nth-of-type(3) {
    width: 100px
}

.entering-modal .section td:nth-of-type(5),
.entering-modal .section td:nth-of-type(6),
.entering-modal .section td:nth-of-type(7) {
    width: 66px
}

.entering-modal .section tr:first-child td:first-child {
    width: 200px;
    text-align: left
}

.entering-modal .section tr:first-child td:nth-of-type(2) input {
    width: 20px;
    height: 20px
}

.entering-modal .section tr:first-child td:nth-of-type(3) {
    text-align: left
}

.entering-modal .modal-class {
    width: 100%;
    height: 300px;
    min-height: 100%;
    border-right: 1px solid #d9d9d9
}

.entering-modal .modal-class .category-ul {
    top: 0;
    display: block;
    max-height: 100%;
    border: 0
}

.entering-modal .header .modal-class {
    height: auto;
    max-height: 150px;
    box-shadow: 0 3px 10px #999;
    overflow-y: auto
}

.entering-modal .header .modal-class ul {
    position: static;
    overflow: hidden
}

.entering-modal .card-items td:first-child {
    width: 400px;
    text-align: left
}

.entering-modal .card-items td:nth-of-type(2) {
    width: 100px
}

.entering-modal .card-items td:nth-of-type(3) {
    width: 150px
}

.entering-modal .card-items td:last-child {
    width: 200px
}

.entering-modal .card-items input {
    width: 100%
}

.storeRoom-inventory-modal .table tbody tr:first-child td:nth-of-type(2),
.batch-inventory-modal .table tbody tr:first-child td:nth-of-type(2),
.batch-choose-goods-modal .table tbody tr:first-child td:nth-of-type(2) {
    min-width: 200px
}

.storeRoom-inventory-modal .table tbody tr:first-child td:nth-of-type(3),
.batch-inventory-modal .table tbody tr:first-child td:nth-of-type(3),
.batch-choose-goods-modal .table tbody tr:first-child td:nth-of-type(3) {
    max-width: 100px;
    width: 100px
}

.storeRoom-inventory-modal .table tbody tr:first-child td:nth-of-type(4),
.batch-inventory-modal .table tbody tr:first-child td:nth-of-type(4),
.batch-choose-goods-modal .table tbody tr:first-child td:nth-of-type(4) {
    max-width: 40px;
    width: 40px
}

.storeRoom-inventory-modal .table tbody tr:first-child td:nth-of-type(5),
.batch-inventory-modal .table tbody tr:first-child td:nth-of-type(5),
.batch-choose-goods-modal .table tbody tr:first-child td:nth-of-type(5) {
    max-width: 80px;
    width: 80px
}

.storeRoom-inventory-modal .table tbody td,
.batch-inventory-modal .table tbody td,
.batch-choose-goods-modal .table tbody td {
    padding: 8px 3px
}

.storeRoom-inventory-modal .section td:nth-of-type(3),
.batch-inventory-modal .section td:nth-of-type(3),
.batch-choose-goods-modal .section td:nth-of-type(3) {
    width: auto
}

.storeRoom-inventory-modal td:nth-of-type(4),
.batch-inventory-modal td:nth-of-type(4),
.batch-choose-goods-modal td:nth-of-type(4) {
    max-width: 100px;
    word-wrap: break-word
}

.storeRoom-inventory-modal td:nth-of-type(2),
.batch-inventory-modal td:nth-of-type(2),
.batch-choose-goods-modal td:nth-of-type(2),
.storeRoom-inventory-modal td:nth-of-type(7),
.batch-inventory-modal td:nth-of-type(7),
.batch-choose-goods-modal td:nth-of-type(7),
.storeRoom-inventory-modal td:nth-of-type(8),
.batch-inventory-modal td:nth-of-type(8),
.batch-choose-goods-modal td:nth-of-type(8) {
    max-width: 66px;
    word-wrap: break-word
}

.storeRoom-inventory-modal .table .form-control {
    margin: 0
}

.storeRoom-inventory-modal .table td:last-child .form-control {
    width: 50px;
    margin-left: 3px
}

.allotDetail-modal .info {
    padding-top: 10px;
    border-top: 1px solid #999
}

.allotDetail-modal .col-sm-6,
.allotDetail-modal .col-sm-12 {
    padding-top: 0;
    border: 0;
    margin-bottom: 10px
}

.allotDetail-modal .list .table {
    margin: 0
}

.allotDetail-modal .list p {
    margin: 10px 0
}

.allotDetail-modal .list td {
    white-space: nowrap
}

.allotDetail-modal .list td:nth-of-type(3) {
    width: 280px;
    text-align: left;
    overflow: hidden;
    white-space: normal
}

.adjustmentDetail-modal .table {
    margin-bottom: 5px
}

.adjustmentDetail-modal .col-sm-6,
.adjustmentDetail-modal .col-sm-12 {
    margin-bottom: 10px
}

.adjustmentDetail-modal td {
    white-space: nowrap
}

.adjustmentDetail-modal td:nth-of-type(2) {
    width: auto;
    text-align: left;
    white-space: normal
}

.bonus-extraction-modal .section .form-inline {
    margin-left: 50px;
    margin-bottom: 15px
}

.bonus-extraction-modal .section .form-inline:last-child label {
    vertical-align: top;
    margin-top: 16px
}

.bonus-extraction-modal .section label {
    display: inline-block;
    width: 80px
}

.bonus-extraction-modal .section .form-control {
    width: 300px
}

.bonus-extraction-modal .section p.gray {
    padding-left: 82px
}

.edit-downline-modal .section .form-inline {
    width: 450px;
    margin-left: 60px
}

.edit-downline-modal .section .form-inline:nth-of-type(2) span {
    margin-top: 17px
}

.edit-downline-modal .section span {
    display: inline-block;
    width: 60px;
    vertical-align: top
}

.edit-downline-modal .section label {
    margin-right: 30px
}

.edit-downline-modal .section p.gray {
    margin-top: 10px
}

.edit-downline-modal .section textarea.form-control {
    width: 380px
}

.edit-channel-modal .header .phone {
    margin: 0 20px
}

.edit-channel-modal .header .icon-wx {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0;
    background: url(../imges/customer/icon-wx.png) no-repeat;
    background-size: contain
}

.edit-channel-modal .header .form-control {
    width: 250px
}

.edit-channel-modal .form-inline {
    margin-left: 50px;
    margin-bottom: 15px
}

.edit-channel-modal .section .form-inline span {
    display: inline-block;
    width: 65px
}

.edit-channel-modal .section .switch {
    margin-top: 20px
}

.edit-channel-modal .section .switch span {
    width: auto;
    margin-right: 30px
}

.edit-channel-modal .section .form-inline:last-child {
    margin-top: 10px
}

.edit-channel-modal .section .form-inline:last-child span {
    display: inline-block;
    width: 65px;
    vertical-align: top;
    margin-top: 16px
}

.edit-channel-modal .section .form-control {
    width: 380px
}

.edit-channel-modal .section p.gray {
    padding-left: 68px;
    margin-top: 5px
}

.bonus-detail-modal .section .form-inline {
    overflow: hidden;
    margin-bottom: 10px
}

.bonus-detail-modal .section .form-control {
    width: 100px;
    text-align: center
}

.bonus-detail-modal .section td:nth-child(4),
.bonus-detail-modal .section td:nth-child(5),
.bonus-detail-modal .section td:nth-child(6),
.bonus-detail-modal .section td:nth-child(7) {
    width: 80px
}

.bonus-detail-modal .section .bill tr:nth-of-type(1)~tr {
    background: #f6f6f6
}

.bonus-detail-modal .section .bill td:last-child {
    width: 100px
}

.bonus-detail-modal .section .bill td:nth-child(3) {
    width: 120px
}

.bonus-detail-modal .section .other td:nth-child(2) {
    width: 120px
}

.bonus-detail-modal .section .other td:nth-child(3) {
    width: 80px
}

.bonus-detail-modal .section .other td:first-child {
    width: auto
}

.partnerAccountRecord-modal .row {
    line-height: 30px
}

.partnerAccountRecord-modal .row span {
    display: inline-block;
    width: 100px;
    text-align: right
}

.edit-bonus-modal .form-inline {
    margin-left: 40px
}

.shareholder-charge-modal .form-inline {
    margin-top: 15px;
    margin-left: 20px
}

.shareholder-charge-modal .form-inline strong {
    display: inline-block;
    width: 60px
}

.shareholder-charge-modal .form-inline .form-control {
    width: 190px
}

.shareholder-charge-modal p.gray {
    padding-left: 85px;
    margin-top: 5px
}

.shareholder-charge-modal .form-inline:last-child .form-control {
    width: 450px
}

.shareholder-charge-modal .form-inline:last-child strong {
    vertical-align: top;
    margin-top: 16px
}

.modal-customer .header .project-list {
    width: 350px
}

.modal-customer .header .project-list td:first-child {
    width: 200px
}

.modal-customer .header .project-list td:last-child {
    width: 200px;
    white-space: normal;
}

.modal-customer .modal-section .table {
    table-layout: auto
}

.modal-customer .modal-section .table td:last-child {
    width: 270px
}

.modal-customer .modal-section .table input.all-customer {
    margin: 0 10px;
    vertical-align: bottom
}

.modal-customer .modal-section td {
    padding-left: 0;
    padding-right: 0
}

.modal-customer .modal-section .table>thead>tr>th {
    padding-left: 0;
    padding-right: 0
}

.modal-customer .modal-section .table>thead>tr>th:nth-of-type(1) {
    width: 30px
}

.modal-customer .modal-section th:nth-of-type(2) {
    width: 70px
}

.modal-customer .modal-section .table>tbody>tr>td:nth-of-type(2) {
    text-align: center
}

.modal-customer .modal-section td:nth-of-type(1) {
    width: 40px
}

.modal-customer .modal-section .omit {
    margin: 0 auto
}

.chooseFans-modal .header label {
    margin-bottom: 10px
}

.chooseFans-modal .table td {
    padding: 4px;
    white-space: nowrap
}

.chooseFans-modal .table td:nth-of-type(2) {
    width: 70px
}

.chooseFans-modal .table td:nth-of-type(3) {
    white-space: normal
}

.chooseFans-modal .table img {
    width: 50px;
    height: 50px
}

.addRewards-modal .section .form-inline {
    margin-bottom: 10px
}

.addRewards-modal .section label {
    width: 80px
}

.addRewards-modal .section .form-control {
    width: 180px
}

.sharingTime-modal .form-group {
    width: 350px;
    margin: 0 auto
}

.select-activity-template-modal img {
    width: 100px;
    height: 100px
}

.double-date-modal img {
    width: 100px;
    height: 100px
}

.double-date-modal .form-inline {
    margin-bottom: 10px
}

.double-date-modal .title.form-control {
    width: 300px
}

.chat-modal .modal-body {
    max-height: none;
    position: relative
}

.chat-modal .chat {
    padding-right: 305px
}

.chat-modal .chat .prompt {
    padding: 5px 10px;
    background: #f6f6f6
}

.chat-modal .chat-record {
    height: 300px;
    overflow-y: auto;
    padding: 10px
}

.chat-modal .chat-record img {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.chat-modal .chat-record .text-center button {
    padding: 5px 10px;
    color: #92b3ff;
    border: 1px solid #92b3ff;
    border-radius: 4px
}

.chat-modal .chat-record .flex-box {
    position: relative;
    margin-bottom: 10px
}

.chat-modal .chat-record .img {
    position: absolute;
    left: 0;
    top: 15px
}

.chat-modal .chat-record .chat01 {
    display: inline-block;
    padding: 0 45px;
    max-width: 450px
}

.chat-modal .chat-record .time {
    font-size: 12px
}

.chat-modal .chat-record .desc {
    position: relative;
    padding: 5px 10px;
    border-radius: 4px;
    background: #fff;
    word-break: break-word
}

.chat-modal .chat-record .desc::before {
    content: '';
    position: absolute;
    left: -5px;
    top: 8px;
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #fff;
    transform: rotate(45deg)
}

.chat-modal .chat-record .current {
    text-align: right
}

.chat-modal .chat-record .current .img {
    left: auto;
    right: 0
}

.chat-modal .chat-record .current .desc {
    text-align: left;
    color: #fff;
    background: #92b3ff
}

.chat-modal .chat-record .current .desc::before {
    content: '';
    position: absolute;
    left: auto;
    right: -5px;
    top: 8px;
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #92b3ff;
    transform: rotate(45deg)
}

.chat-modal .info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    padding: 0 10px;
    border-left: 1px solid #eee
}

.chat-modal .header-icon {
    margin-top: 20px;
    text-align: center
}

.chat-modal .header-icon img {
    width: 80px;
    max-height: 80px;
    border-radius: 50%
}

.material-modal {
    font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif
}

.material-modal .header {
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e7e7
}

.material-modal .section {
    height: 345px;
    overflow-y: auto
}

.material-modal .list {
    text-align: left;
    overflow: hidden
}

.material-modal .item {
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    color: #666
}

.material-modal .item:nth-of-type(3n+1) {
    clear: left
}

.material-modal .item:first-child {
    float: left
}

.material-modal .news-group {
    position: relative;
    padding: 12px 14px;
    border: 1px solid #ccc
}

.material-modal .item.current .mask {
    display: block
}

.material-modal .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    background: rgba(0, 0, 0, 0.6) url(../imges/wechat/icon_card_selected218877.png) no-repeat;
    background-size: 46px 46px;
    background-position: center
}

.material-modal .news-group:hover .mask {
    display: block
}

.material-modal .item-content .second-link {
    margin-top: 5px;
    padding: 10px 0 5px 0;
    border-top: 1px solid #ccc;
    min-height: 60px
}

.material-modal .item-content .text-img {
    position: relative
}

.material-modal .item-content .text-img p {
    padding-right: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.material-modal .item-content .text-img img {
    position: absolute;
    right: 0;
    top: 9px;
    width: 40px;
    height: 40px
}

.material-modal .item-content .title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    font-weight: 400;
    font-style: normal;
    line-height: 1.6;
    color: #fff;
    padding: 6px
}

.material-modal .item-content .item-img {
    position: relative;
    margin-top: 5px;
    height: 160px;
    overflow: hidden
}

.material-modal .item-content .item-img img {
    width: 100%
}

.material-modal .item-content .article {
    padding: 5px 0 10px
}

.massMaterial-modal input {
    margin: 0
}

.massMaterial-modal img {
    width: 50px;
    height: 50px;
    display: inline-block
}

.massMaterial-modal td:last-child {
    text-align: left
}

.choose-mall-goods-modal .list div.left {
    margin-right: 10px
}

.choose-mall-goods-modal .list td img {
    width: 50px
}

.choose-mall-goods-modal .list .info {
    text-align: left
}

.choose-mall-goods-modal .list td:nth-of-type(3) {
    width: 250px
}

.choose-mall-goods-modal .list td:nth-of-type(4) {
    width: 160px
}

.choose-mall-goods-modal .list td:last-child {
    width: 80px
}

.choose-mall-project-modal .list .item {
    display: inline-block;
    width: 60px;
    margin: 10px 15px;
    text-align: center;
    font-size: 12px;
    cursor: pointer
}

.choose-mall-project-modal .list img {
    margin-bottom: 5px
}

.choose-group-modal .col-xs-4 {
    margin-bottom: 10px
}

.choose-page-modal .nav {
    margin-bottom: 10px;
    border-bottom: 2px solid #08c
}

.choose-page-modal .nav button {
    width: 100px;
    height: 30px;
    border-bottom: 0
}

.choose-page-modal .nav .current {
    height: 30px;
    color: #fff;
    background: #08c;
    z-index: 9
}

.choose-page-modal .list td:first-child {
    width: 50px
}

.choose-page-modal .list td:first-child input {
    margin-right: 2px
}

.choose-page-modal .list td:last-child {
    width: 200px
}

.category-modal .col-sm-2.control-label {
    width: 70px
}

.choose-label-type-modal .section span {
    display: inline-block;
    width: 100px;
    height: 34px;
    line-height: 34px;
    margin: 10px;
    border: 1px solid #dedede;
    border-radius: 2px;
    text-align: center;
    cursor: pointer
}

.choose-label-type-modal .section .current {
    border: 0;
    background: #08c;
    color: #fff
}

.edit-carShop-principal-modal .table-change td:first-child {
    width: 250px
}

.edit-carShop-principal-modal .table-change .form-group {
    margin: 0
}

.edit-carShop-principal-modal .staff-list {
    top: 28px;
    width: 375px;
    max-height: 270px
}

.edit-carShop-principal-modal .staff-list li {
    line-height: normal
}

.edit-carShop-principal-modal .staff-list span {
    width: auto
}

.inventoryCar-modal .modal-header,
.inventoryCar-modal .modal-footer {
    border: 0;
    padding-left: 18px;
    padding-right: 18px
}

.inventoryCar-modal .modal-header {
    padding-bottom: 0;
    height: 56px
}

.inventoryCar-modal .modal-body {
    padding-left: 0;
    padding-right: 0
}

.inventoryCar-modal .modal-title {
    display: inline-block;
    width: 135px;
    height: 100%;
    color: #0f7efa;
    border-bottom: 2px solid #0f7efa;
    text-align: center;
    font-size: 18px
}

.inventoryCar-modal .btn-primary {
    float: right;
    width: 125px;
    height: 42px;
    background: #3fc192;
    border-radius: 10px;
    border: 0
}

.inventoryCar-modal .close {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../imges/inventoryCar/cancel.png) no-repeat;
    opacity: 1
}

.inventoryCar-modal .gray {
    color: #b1b1b1
}

.inventoryCar-modal .condition-item {
    width: 156px;
    height: 26px;
    padding-left: 5px;
    border: 1px solid #eee;
    border-radius: 3px;
    background: #fff;
    text-overflow: ellipsis;
    appearance: none;
    -webkit-appearance: none
}

.inventoryCar-modal .table {
    border: 0;
    margin: 0
}

.inventoryCar-modal .table thead {
    background: #f6fdff
}

.inventoryCar-modal .table th,
.inventoryCar-modal .table td {
    border-color: #eee;
    font-weight: normal;
    padding: 0 8px;
    white-space: nowrap
}

.inventoryCar-modal .table th {
    border: 0;
    color: #b1b1b1
}

.inventoryCar-modal .table tr:first-child th:first-child {
    height: 50px
}

.inventoryCar-modal .table td {
    height: 54px;
    padding-top: 6px;
    padding-bottom: 6px
}

.inventoryCar-modal .table td:first-child {
    border-left: 0
}

.inventoryCar-modal .table td:last-child {
    border-right: 0
}

.inventoryCar-modal .table th:first-child,
.inventoryCar-modal .table td:first-child {
    white-space: normal;
    padding-left: 18px
}

.inventoryCar-edit-modal input[type="radio"] {
    -webkit-appearance: none;
    background-image: url(../imges/inventoryCar/radio01.png);
    height: 20px;
    vertical-align: middle;
    width: 20px;
    margin: -4px 0 0 0;
    outline: none
}

.inventoryCar-edit-modal input[type="radio"]:checked {
    background-image: url(../imges/inventoryCar/radio02.png)
}

.inventoryCar-edit-modal .condition-group label {
    display: inline-block;
    width: 100px;
    text-align: right;
    color: #4e4e4e
}

.inventoryCar-edit-modal .condition-group .form-inline>.form-group {
    margin-top: 15px
}

.inventoryCar-edit-modal .condition-group .form-inline:first-child .form-group {
    margin-top: 0
}

.inventoryCar-edit-modal .condition-group .btn-group {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -16px
}

.inventoryCar-edit-modal .more {
    position: relative
}

.inventoryCar-edit-modal .more .condition-item {
    padding-right: 22px
}

.inventoryCar-edit-modal .more input.condition-item {
    padding-right: 0
}

.inventoryCar-edit-modal .more span {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 8px;
    width: 10px;
    height: 10px;
    border-left: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    transform: rotate(-45deg)
}

.inventoryCar-edit-modal .select-list {
    position: absolute;
    left: 104px;
    top: 26px;
    border: 1px solid #eee;
    width: 156px;
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 2px 20px #eee;
    z-index: 9;
    padding-bottom: 10px
}

.inventoryCar-edit-modal .select-list li {
    padding: 0 5px;
    cursor: pointer;
    line-height: 38px
}

.inventoryCar-edit-modal .select-list li:hover {
    background: #d2ecff
}

.inventoryCar-edit-modal .remark label {
    vertical-align: top;
    margin-top: 6px;
    float: left
}

.inventoryCar-edit-modal .remark .form-group {
    display: block;
    width: 100%;
    padding-left: 103px;
    padding-right: 18px
}

.inventoryCar-edit-modal .remark .textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid #eee;
    margin: 0;
    border-radius: 3px
}

.inventoryCar-edit-modal .sort {
    width: 156px
}

.inventoryCar-edit-modal .sort label {
    width: auto;
    margin-right: 10px;
    color: #b1b1b1
}

.inventoryCar-edit-modal .sort input {
    margin-left: 5px
}

.inventoryCar-record-modal th:first-child,
.inventoryCar-record-modal td:first-child {
    white-space: normal
}

.inventoryCar-record-modal td:first-child span {
    width: 300px;
    display: inline-block
}

.inventoryCar-cancel-modal .modal-body {
    font-size: 18px;
    color: #000;
    padding: 20px 18px 30px 52px
}

.inventory-car-modal .table th {
    min-width: 120px
}

.edit-aims-modal .form-inline,
.edit-aims-modal p {
    padding: 0 20px
}

.edit-aims-modal p {
    margin: 10px 0
}

.edit-aims-modal td {
    width: 25%
}

.category-modal .header p {
    margin: 10px 0
}

.category-modal .project {
    padding-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.category-modal .project strong,
.category-modal .project span {
    float: left;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px 6px;
    border: 1px solid #ccc;
    color: #898989;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.category-modal .project .current {
    color: #fff;
    background: #08c;
    border-color: #08c
}

.category-modal .first-category {
    width: 130px;
    vertical-align: top
}

.category-modal .second-category {
    width: 680px
}

.choose-source-type .project-type {
    left: 0;
    top: 36px;
    z-index: 10;
    min-width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    overflow-y: auto;
    height: 285px;
    position: relative
}

.choose-source-type .project-type p {
    padding: 10px;
    text-align: left
}

.choose-source-type .project-type .form-inline {
    padding: 0 10px;
    margin-bottom: 10px;
    text-align: left
}

.choose-source-type .project-type .form-inline input[type='checkbox'] {
    width: 20px
}

.choose-source-type .project-type .form-inline .form-group {
    margin-right: 30px
}

.choose-source-type .project-type .form-inline .form-control {
    width: 220px
}

.choose-source-type .project-type .list {
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 -1px 5px #ddd
}

.choose-source-type .project-type .table tr:first-child td:nth-of-type(2) {
    width: 100px
}

.choose-source-type .project-type .table tr:first-child td:nth-of-type(4) {
    width: 150px
}

.edit-business-source-modal .section .form-inline {
    margin-left: 40px
}

.edit-business-source-modal .section .form-inline span {
    display: inline-block;
    width: 65px
}

.edit-business-source-modal .section .switch {
    margin-top: 20px
}

.edit-business-source-modal .section .switch span {
    width: auto;
    margin-right: 30px
}