/*全局样式*/
body {
    overflow-y: hidden;
    font-family: PingFangSC;
}

ol, ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

p {
    font-size: 12px;
}

a:link, a:hover, a:visited {
    text-decoration: none;
}
/*必填项加黄色背景*/
.must .form-control, .must .checkbox-inline, .must .radio-inline, .must .dropdown-toggle {
    background-color: #fbf8e2;
}

.must input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fbf8e2 inset !important;
    border: 1px solid #CCC !important;
}
/*去掉select默认样式*/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url(img/bg_down.png) !important;
    background-repeat: no-repeat;
    background-position: right center;
}

    select::-ms-expand {
        display: none;
    }

    select option {
        background-color: #ffffff;
    }
/*日期背景图片*/
.form-control.date {
    background-image: url(img/bg_calendar.png);
    background-repeat: no-repeat;
    background-position: right center;
}
/*button点击时去黑框*/
button:focus, .btn:focus, a:focus {
    outline: none !important;
}
/*iframe样式*/
iframe {
    width: 100%;
    border: none;
}
/*滚动条样式*/
::-webkit-scrollbar {
    background-color: #ffffff;
    padding: 10px;
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
}

    ::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.2);
    }

::-webkit-scrollbar {
    background-color: #ffffff;
    padding: 10px;
    width: 9px;
    height: 9px;
}
/*textarea滚动条*/
textarea::-webkit-scrollbar {
    width: 2px;
    padding: 0;
}
/*背景颜色*/
.bg_grey {
    background-color: #f5f5f5;
}

.bg_yellow {
    background-color: #fefbd5;
}

.bg_grey {
    background-color: #f5f5f5;
}

.bg_blue {
    background-color: #d9edf7;
}
    /*标题*/
    .bg_blue.title {
        line-height: 2.2em;
        font-size: 14px;
        padding: 0 10px;
        margin: 10px 0;
    }

        .bg_blue.title:first-of-type {
            margin-top: 0;
        }
/*字体颜色*/
.font_red, .font_red:hover {
    color: red;
}

.font_grey {
    color: #ccc;
}
/*字体大小*/
.font_12 {
    font-size: 12px;
}

/*填充*/
.p_10 {
    padding: 10px;
}

.pt_0 {
    padding-top: 0;
}

.pt_5 {
    padding-top: 5px !important;
}

.pt_10 {
    padding-top: 10px;
}

.pt_15 {
    padding-top: 15px;
}

.pl_10 {
    padding-left: 10px;
}

.pr_30, .pr_30px {
    padding-right: 30px;
}

.pl_150 {
    padding-left: 150px;
}

.pb_0 {
    padding-bottom: 0;
}

.pb_6 {
    padding-bottom: 6px;
}

.pb_10 {
    padding-bottom: 10px;
}

.pb_15 {
    padding-bottom: 15px;
}
/*边界*/
.m_auto {
    margin-left: auto;
    margin-right: auto;
}

.mt_10 {
    margin-top: 10px;
}

.mb_0, table.mb_0 {
    margin-bottom: 0px;
}

.mb_4, table.mb_4 {
    margin-bottom: 4px;
}

.mb_5 {
    margin-bottom: 5px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_20 {
    margin-bottom: 20px !important;
}
/*行高*/
.lh_20 {
    line-height: 20px;
}

.lh_22 {
    line-height: 22px;
}

.lh_28 {
    line-height: 28px;
}
/*浮动*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.b_n {
    border: none;
}

    .b_n:focus {
        outline: none;
    }
/*提示框*/
.alert.alert-warning {
    border-radius: 0px;
    font-size: 12px;
    padding: 25px 30px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
}
/*三角形*/
.caret {
    border-top: 6px dashed;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}
/*解决文本框警告黄*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    border: 1px solid #CCC !important;
}

/*清除浮动*/
.clear {
    clear: both;
}
/*js在用的样式*/
.tr_bg td, .tr_bg th {
    background-color: #fffdeb;
}

.Good_border {
    border: 1px solid #ddd;
    background: #fff;
    overflow: auto;
    border-radius: 0;
    padding: 10px;
    margin-top: 4px;
}

.Good_noborder {
    border: none;
}
/*拷贝按钮*/
.copy {
    width: 27px;
    height: 27px;
    line-height: 17px;
    text-align: center;
    background-color: #d9534f;
    display: inline-block;
    color: #ffffff;
    padding: 5px;
    border-radius: 50%;
    float: right;
}

    .copy:hover {
        color: #ffffff;
    }
/*上传按钮*/
.upload_img {
    width: 80px;
    height: 80px;
    background-color: #ffffff;
    border: 1px dashed #d4d4d4;
    border-radius: 5px !important;
    color: #ddd;
    font-size: 40px;
    text-align: center;
    outline: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

    .upload_img + p {
        color: red;
    }
/*上标*/
.sup {
    color: #e85021;
    margin-left: 5px;
    font-size: 12px;
    display: inline-block;
    -webkit-transform: scale(0.8,0.8) !important;
    -moz-transform: scale(0.8,0.8) !important;
    -o-transform: scale(0.8,8) !important;
    transform: scale(0.8,0.8) !important;
    top: -.2em;
}
/*顶部*/
.header {
    min-width: 1024px;
    height: 50px;
    background-color: #fcfcfc;
    overflow: hidden;
}

    .header .logo {
        width: 250px;
        float: left;
    }

        .header .logo h1 {
            margin: 0;
            color: #3b6fa1;
            font-size: 22px;
            font-weight: 600;
            line-height: 50px;
            padding-left: 15px;
        }

    .header .user {
        width: 310px;
        float: right;
    }

        .header .user div:first-of-type {
            padding-left: 145px;
        }

        .header .user .btn {
            font-size: 12px;
            padding: 5px 10px;
            margin: 10.5px 3px;
            border-radius: 0;
        }

        .header .user a {
            width: 140px;
            color: red;
            line-height: 50px;
            margin-right: 5px;
            text-align: right;
            vertical-align: middle;
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .header .link {
        height: 50px;
        float: right;
        padding-left: 15px;
        padding-right: 15px;
        margin-right: 100px;
        border-left: 2px solid transparent;
        border-right: 2px solid transparent;
        background-clip: padding-box,border-box;
        background-origin: padding-box,border-box;
        background-image: linear-gradient(#fcfcfc,#fcfcfc),linear-gradient(#fcfcfc,#ededed);
    }

        .header .link li {
            width: 29px;
            height: 29px;
            float: left;
            border-radius: 50%;
            margin: 10.5px 6px;
            -moz-box-shadow: 0px 2px 5px #888888;
            box-shadow: 0px 2px 5px #888888;
            position: relative;
        }

            .header .link li a {
                width: 29px;
                height: 29px;
                display: block;
                background-image: url(img/bg_top.png);
                background-repeat: no-repeat;
            }

                .header .link li a span {
                    font-size: 12px;
                    color: #fff;
                    text-align: center;
                    min-width: 17px;
                    height: 17px;
                    line-height: 1.5em;
                    padding: 0 3px;
                    background-color: #d2312d;
                    border-radius: 150px;
                    position: absolute;
                    top: -6px;
                    left: 18px;
                    display: none;
                }

.navbar {
    min-width: 1024px;
    min-height: 40px;
    background-color: #273441;
    margin-bottom: 0;
    border-bottom: none;
}

    .navbar .navbar-header {
        max-width: 400px;
        float: left;
    }

        .navbar .navbar-header .navbar-brand {
            height: 40px;
            line-height: 40px;
            font-size: 16px;
            color: #ffffff;
            padding: 0px 15px;
        }

            .navbar .navbar-header .navbar-brand:hover {
                color: #ffffff;
            }

    .navbar .breadcrumb {
        margin-bottom: 0;
        padding: 10px 15px;
        background-color: transparent;
        float: right;
    }

        .navbar .breadcrumb a {
            color: #ffffff;
            font-size: 12px;
        }

/*中间部分*/
#wrapper {
    min-width: 1024px;
    position: relative;
}
/*左边*/
/*#left-sidebar {
    width: 190px;
    height: calc(100vh - 90px);
    background-color: #2d3c4b;
    float: left;
}*/

/*#left-sidebar.lsm-mini {
        width: 50px;
    }

        #left-sidebar.lsm-mini .left-side-menu {
            width: 100%;
        }*/

/*.left-side-menu i:first-of-type {
    width: 50px;
}*/

/*#menu {
    margin-right: -15px;
    height: 100%;
    overflow-y: scroll;
}

    #menu li {
        font-size: 12px;
        line-height: 40px;
        position: relative;
    }

        #menu li a {
            color: #abb4be;
        }

    #menu > li > a {
        display: block;
    }

    #menu li span {
        margin-top: 5px;
        margin-left: 5px;
    }

    #menu li .side_mnu_down_img {
        position: absolute;
        right: 20px;
        top: 12px;
    }

    #menu li a:hover, .active_menu {
        background-color: #515962;
        border-left: 2px solid #d2312d;
    }

    #menu .active_menu:hover {
        border-left: none;
    }

    #menu .sub_side_mnu {
        padding-left: 50px;
        background-color: #273441;
        display: none;
    }

        #menu .sub_side_mnu a {
            display: block;
        }*/
/*右边*/
#right-content {
    width: calc(100vw - 190px);
    height: calc(100vh - 90px);
    border-top: 4px solid #cccccc;
    float: right;
}

/*#right-content-loading {
    height: 100%;
}*/

/*#right-content-height {
    height: 100%;
    overflow-y: auto;
}*/

#right-content-height #right-panel {
    position: relative;
    min-height: calc(100vh - 154px);
}
/*底部*/
#footer {
    height: 60px;
    padding-top: 10px;
    background-color: #f1f4f6;
    border-top: 1px solid #cccccc;
    overflow: hidden;
}

    #footer p {
        margin: 0px;
        font-size: 12px;
        line-height: 1.5em;
        text-align: center;
    }

        #footer p a {
            color: #333333;
        }
/*模板样式结束*/
/*展开关闭*/
#openmenu {
    width: 50px;
    height: 50px;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #abb4be;
    background: #414f5c;
    display: none;
    position: absolute;
    bottom: 100px;
}

#closemenu {
    margin-left: 138px;
}

#left-sidebar.closemenu {
    width: 50px;
    z-index: 0;
}

    #left-sidebar.closemenu #menu > li {
        height: 40px;
        overflow: hidden;
    }

        #left-sidebar.closemenu #menu > li span {
            margin: 0;
            width: 50px;
            font-size: 18px;
            text-align: center;
        }

        #left-sidebar.closemenu #menu > li .side_mnu_down_img {
            display: none;
        }

#right-content.closemenu {
    width: calc(100vw - 50px) !important;
}
/*清除bootstrap栅格自带的填充*/
.new_form .col-xs-1, .new_form .col-xs-2, .new_form .col-xs-3, .new_form .col-xs-4, .new_form .col-xs-5, .new_form .col-xs-6, .new_form .col-xs-7, .new_form .col-xs-8, .new_form .col-xs-9, .new_form .col-xs-10, .new_form .col-xs-11, .new_form .col-xs-12 {
    padding: 0;
}
/*bootstrap中form-control权重 */
.form-control.col-xs-1 {
    width: 8.33333333%;
}

.form-control.col-xs-2 {
    width: 16.66666667%;
}

.form-control.col-xs-3 {
    width: 25%;
}

.form-control.col-xs-4 {
    width: 33.33333333%;
}

.form-control.col-xs-5 {
    width: 41.66666667%;
}

.form-control.col-xs-6 {
    width: 50%;
}

.form-control.col-xs-7 {
    width: 58.33333333%;
}

.form-control.col-xs-8 {
    width: 66.66666667%;
}

.form-control.col-xs-9 {
    width: 75%;
}

.form-control.col-xs-10 {
    width: 83.33333333%;
}

.form-control.col-xs-11 {
    width: 91.66666667%;
}

.form-control.col-xs-12 {
    width: 100%;
}
/*导航样式*/
.nav-tabs {
    margin-bottom: 5px;
}

.nav > li > a {
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #555555;
    border: none;
}

.nav-tabs > li > a {
    margin-right: 0px;
}

    .nav-tabs > li > a:hover {
        border: none;
        background-color: transparent;
    }

    .nav-tabs > li > a::before {
        content: "";
        display: block;
        width: 1px;
        height: 16px;
        background-color: #dddddd;
        position: absolute;
        right: 0px;
        top: 7px;
    }

.nav-tabs > li.active {
    position: relative;
}

.nav-tabs > li:last-of-type > a::before {
    display: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: none;
    background-color: transparent;
    color: #1890ff;
}

.nav-tabs > li.active:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #1890ff;
    position: absolute;
    left: 0px;
    top: 0px;
}

.five .nav-tabs > li.active > a, .five .nav-tabs > li.active > a:focus, .five .nav-tabs > li.active > a:hover {
    color: #05be28;
}

.five .nav-tabs > li.active:before {
    background-color: #56e397;
}
/*二级导航样式*/
.nav.nav-pills {
    border: 1px solid #cccccc;
    margin-bottom: 5px;
}

    .nav.nav-pills > li > a {
        line-height: 28px;
        border-radius: 0px;
        background-color: transparent;
    }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: transparent;
    color: #1890ff;
    position: relative;
}

.nav-pills > li.active:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #1890ff;
    position: absolute;
    left: -1px;
    top: -1px;
}
/*海事*/
.five .nav-pills > li.active > a, .five .nav-pills > li.active > a:focus, .five .nav-pills > li.active > a:hover {
    color: #05be28;
}

.five .nav-pills > li.active:before {
    background-color: #56e397;
}
.five .table > thead > tr > th,.five .table > thead > tr > td,.five .table > tbody > tr > td{
    padding:12px;
    border-right:none;
    border-left:none;
}
.five .new_form .form-control,.five .table .form-control{
   min-height: 34px;
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    color: #020f39;
    box-shadow: 0px 0px 2px 1px rgb(211 216 222 / 30%);
    padding: 0px 7px;
}
.five .new_form .form-control span{line-height:30px;}
.five .new_form .form-input .form-control font,.five .new_form span.form-control{
    line-height:30px;
}
.five .must .form-control,.five .must .checkbox-inline,.five .must .radio-inline.five, .must .dropdown-toggle {
    background-color:#fff;
}
.five .new_form .control-label{
    float:left;
    height:34px;
    line-height:34px;
}
/*.five .new_form .new_form_lg .control-label{
    float:left;
    height:34px;
    line-height:34px;
}*/
.five .new_form .control-label + .form-input{
    min-height:0px;
    margin-top:0px;
}
/*.five .new_form .new_form_lg .control-label + .form-input{
    min-height:0px;
    margin-top:0px;
}*/

.five .new_form .btn,.five .table .btn{
padding: 7px 14px;
    border-radius: 16px;
    /*width:100%;*/
}
.five .btn-group.bootstrap-select.form-control .dropdown-toggle{
    padding:0px;
 }
.five .btn-group.bootstrap-select.form-control .dropdown-toggle{
    border-radius:4px;
    border:none;
}
.five .content{width:100%; max-width:1100px;}
.five .new_form input.check[type="checkbox"]{
    margin-left:6px;
    margin-top:2px;
}
.five .new_form .check-group{
    display:flex
}
.five .new_form .check-group .checkbox{
    font-size:12px;
        width: 466px;
}
.five .new_form .check-group .checkbox:first-child{
    padding-left:214px;
}
.five .new_form .check-group .checkbox:last-child{
    margin-left:50px;
}
.marti .x_aside{width:230px;}
.marti .marihead{max-width:100%;}
.five .lsm-sidebar a{font-size:14px;}
.five .table-bordered,.five .table-bordered > tbody > tr > td,.five .table-bordered > tbody > tr > th,.five .table-bordered > tfoot > tr > td,.five .table-bordered > tfoot > tr > th.five, .table-bordered > thead > tr > td.five, .table-bordered > thead > tr > th{
    border: 1px solid #e4e4e4;
    border-left: none;
    border-right: none;
    font-size:13px;
}
.five .table>tbody>tr.info>td,.five .table>tbody>tr.info>th,.five .table>tbody>tr>td.info,.five .table>tbody>tr>th.info,.five .table>tfoot>tr.info>td,.five .table>tfoot>tr.info>th,.five .table>tfoot>tr>td.info,.five .table>tfoot>tr>th.info,.five .table>thead>tr.info>td,.five .table>thead>tr.info>th,.five .table>thead>tr>td.info,.five .table>thead>tr>th.info {
    background-color: #dfe8f0;
}
.marti .x_body {
    width: calc(100vw - 240px);
    margin-left:10px;
}
.panel.panel-default > .nav.nav-pills {
    border-top: none;
    border-left: none;
    border-right: none;
}
/*panel*/
.panel {
    border-radius: 0;
    margin-bottom: 10px;
    box-shadow: none;
}

    .panel > .panel-heading {
        padding: 4px 15px;
        font-size: 12px;
    }

        .panel > .panel-heading .modify {
            float: right;
            border: none;
            background: transparent;
            padding-right: 0px;
        }
/*右上角定位*/
.right-fixed {
    width: 190px;
    position: absolute;
    top: 60px;
    right: 15px;
}

    .right-fixed p {
        font-size: 12px;
        line-height: 26px;
        margin-bottom: 0;
        display: none;
    }

    .right-fixed .btn {
        float: right;
        padding: 3.5px 6px;
        font-size: 12px;
        border: none;
        background: none;
    }
/*用户审核未通过淡黄色提示*/
/*页面宽度*/
.content {
    min-width: 400px;
    max-width: 980px;
    width: 100%;
    zoom: 1;
}

    .content::after {
        content: ".";
        clear: both;
        display: block;
        overflow: hidden;
        font-size: 0;
        height: 0;
    }
    /*图片列宽度固定*/
    .content.flex {
        display: flex;
    }

.content_l {
    flex-shrink: 0;
    width: 170px;
    padding: 0px 10px;
}

    .content_l img {
        width: 100px;
        min-width: 100px;
        height: 100px;
        min-height: 100px;
        margin-left: auto;
        margin-right: auto;
        border: 1px dashed #d4d4d4;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
    }

        .content_l img:after {
            position: absolute;
            content: "";
            display: block;
            width: 98px;
            height: 98px;
            top: 0;
            left: 0;
            background: url(img/bg_img.png);
            background-size: 100%;
        }

.content_r {
    width: 100%;
}

/*bootstrap表单*/
.new_form {
    zoom: 1;
}

    .new_form::after {
        content: ".";
        clear: both;
        display: block;
        overflow: hidden;
        font-size: 0;
        height: 0;
    }

    .new_form .form-group {
        margin: 0px 0px 4px 0px;
    }

    .new_form .control-label {
        width: 80px;
        height: 22px;
        font-size: 12px;
        line-height: 22px;
        font-weight: 500;
        padding-right: 5px;
        padding-top: 0 !important;
    }

        .new_form .control-label.pull-left {
            text-align: left;
        }

        .new_form .control-label font {
            padding-right: 3px;
        }

        .new_form .control-label + .form-input {
            min-height: 22px;
            margin-top: -22px;
            padding-left: 80px;
        }

        .new_form.w_all .control-label + .form-input, .new_form .control-label.w_all + .form-input {
            margin-top: 0px;
        }

    .new_form .form-input font {
        font-size: 12px;
        line-height: 22px;
    }

    .new_form .form-input .form-control font {
        line-height: 18px;
    }

    .new_form .form-control {
        padding: 1px 3px;
        height: 22px;
        border-radius: 2px;
        font-size: 12px;
        outline: none;
        box-shadow: none;
    }

        .new_form .form-control:focus {
            border: 1px solid #ff0000;
            box-shadow: none;
        }

    .new_form p.form-control {
        margin-bottom: 0;
    }

    .new_form span.form-control {
        height: auto;
        line-height: 18px;
        min-height: 22px;
    }

    .new_form select.form-control {
        height: 22px;
        line-height: 1.2em;
        padding-right: 15px;
    }
/*仿select按钮*/
.btn-group.bootstrap-select.form-control {
    float: left;
}

.btn-group.bootstrap-select.form-control {
    padding: 0;
}

    .btn-group.bootstrap-select.form-control .dropdown-toggle {
        padding: 1.5px 5px;
        font-size: 12px;
    }

       /* .btn-group.bootstrap-select.form-control .dropdown-toggle .filter-option {
            max-width: 220px;
        }*/

        .btn-group.bootstrap-select.form-control .dropdown-toggle:focus {
            outline: none !important;
        }

    .btn-group.bootstrap-select.form-control .dropdown-toggle {
        padding-right: 15px !important;
        background-image: url(img/bg_down.png) !important;
        background-repeat: no-repeat;
        background-position: right center;
    }

        .btn-group.bootstrap-select.form-control .dropdown-toggle span {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .btn-group.bootstrap-select.form-control .dropdown-toggle .bs-caret {
            display: none;
        }

.new_form textarea.form-control {
    height: auto;
}

.new_form .btn {
    float: left;
    margin-left: 3px;
    border-radius: 2px;
    padding: 1.5px 5px;
    font-size: 12px;
}
/*带下拉的按钮*/
.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-radius: 2px;
    padding-right: 5px !important;
    background-image: none !important;
}

.btn-group-vertical .dropdown-menu .btn {
    background-color: transparent;
}

.new_form textarea {
    resize: none;
    overflow-x: hidden;
}

.new_form .checkbox-inline, .new_form .radio-inline {
    font-size: 12px;
    line-height: 22px;
    padding-top: 0px;
    float: left;
}

    .new_form .radio-inline + .radio-inline {
        margin-left: 0;
        padding-left: 25px;
    }

.new_form input[type="radio"], .new_form input[type="checkbox"] {
    margin-left: -15px;
}
.new_form input.check[type="checkbox"]{
    margin-left:6px;
    margin-top:2px;
}
.new_form .check-group{
    display:flex
}
.new_form .check-group .checkbox{
    font-size:12px;
    width:460px
}
.new_form .check-group .checkbox:first-child{
    padding-left:214px;
}
.new_form .check-group .checkbox:last-child{
    margin-left:50px;
}
.input-group .input-group-addon {
    font-size: 12px;
    padding: 1px 6px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

    .input-group .input-group-addon:hover {
        color: #555;
    }

/*大号表单输入框*/
.new_form_lg .col-xs-12 {
    padding-bottom: 10px;
}

.new_form_lg .control-label {
    height: 32px !important;
    line-height: 32px !important;
}

.new_form_lg .form-input {
    min-height: 32px !important;
    margin-top: -32px !important;
}

    .new_form_lg .form-input .form-control {
        height: 32px !important;
        padding-left: 10px;
    }

    .new_form_lg .form-input span.form-control {
        line-height: 28px !important;
    }

.new_form.new_form_lg .form-input .radio-inline {
    padding-top: 7px;
}

.new_form_lg .btn {
    padding: 5px 10px;
}
/*bootstrap中宽度自定义*/
.new_form.w_0 .control-label, .form-control.w_0, .new_form.w_0px .control-label, .form-control.w_0px {
    width: 0px;
}

.new_form .control-label.w_0, .new_form .control-label.w_0px {
    width: 0px !important;
}

.new_form.w_0 .control-label + .form-input, .new_form.w_0px .control-label + .form-input {
    padding-left: 0px;
}

.new_form .control-label.w_0 + .form-input, .new_form .control-label.w_0px + .form-input {
    padding-left: 0px !important;
}

.new_form.w_10 .control-label, .form-control.w_10, .new_form.w_10px .control-label, .form-control.w_10px {
    width: 10px;
}

.new_form .control-label.w_10, .new_form .control-label.w_10px {
    width: 10px !important;
}

.new_form.w_10 .control-label + .form-input, .new_form.w_10px .control-label + .form-input {
    padding-left: 10px;
}

.new_form .control-label.w_10 + .form-input, .new_form .control-label.w_10px + .form-input {
    padding-left: 10px !important;
}

.new_form.w_50 .control-label, .form-control.w_50, .new_form.w_50px .control-label, .form-control.w_50px {
    width: 50px;
}

.new_form .control-label.w_50, .new_form .control-label.w_50px {
    width: 50px !important;
}

.new_form.w_50 .control-label + .form-input, .new_form.w_50px .control-label + .form-input {
    padding-left: 50px;
}

.new_form .control-label.w_50 + .form-input, .new_form .control-label.w_50px + .form-input {
    padding-left: 50px !important;
}

.new_form.w_60 .control-label, .form-control.w_60, .new_form.w_60px .control-label, .form-control.w_60px {
    width: 60px;
}

.new_form .control-label.w_60, .new_form .control-label.w_60px {
    width: 60px !important;
}

.new_form.w_60 .control-label + .form-input, .new_form.w_60px .control-label + .form-input {
    padding-left: 60px;
}

.new_form .control-label.w_60 + .form-input, .new_form .control-label.w_60px + .form-input {
    padding-left: 60px !important;
}


.new_form.w_70 .control-label, .form-control.w_70, .new_form.w_70px .control-label, .form-control.w_70px {
    width: 70px;
}

.new_form .control-label.w_70, .new_form .control-label.w_70px {
    width: 70px !important;
}

.new_form.w_70 .control-label + .form-input, .new_form.w_70px .control-label + .form-input {
    padding-left: 70px;
}

.new_form .control-label.w_70 + .form-input, .new_form .control-label.w_70px + .form-input {
    padding-left: 70px !important;
}

.new_form.w_80 .control-label, .form-control.w_80, .new_form.w_80px .control-label, .form-control.w_80px {
    width: 80px;
}

.new_form .control-label.w_80, .new_form .control-label.w_80px {
    width: 80px !important;
}

.new_form.w_80 .control-label + .form-input, .new_form.w_80px .control-label + .form-input {
    padding-left: 80px;
}

.new_form .control-label.w_80 + .form-input, .new_form .control-label.w_80px + .form-input {
    padding-left: 80px !important;
}

.new_form.w_90 .control-label, .form-control.w_90, .new_form.w_90px .control-label, .form-control.w_90px {
    width: 90px;
}

.new_form .control-label.w_90, .new_form .control-label.w_90px {
    width: 90px !important;
}

.new_form.w_90 .control-label + .form-input, .new_form.w_90px .control-label + .form-input {
    padding-left: 90px;
}

.new_form .control-label.w_90 + .form-input, .new_form .control-label.w_90px + .form-input {
    padding-left: 90px !important;
}

.new_form.w_100 .control-label, .form-control.w_100, .new_form.w_100px .control-label, .form-control.w_100px {
    width: 100px;
}

.new_form .control-label.w_100, .new_form .control-label.w_100px {
    width: 100px !important;
}

.new_form.w_100 .control-label + .form-input, .new_form.w_100px .control-label + .form-input {
    padding-left: 100px;
}

.new_form .control-label.w_100 + .form-input, .new_form .control-label.w_100px + .form-input {
    padding-left: 100px !important;
}

.new_form.w_110 .control-label, .form-control.w_110, .new_form.w_110px .control-label, .form-control.w_110px {
    width: 110px;
}

.new_form .control-label.w_110, .new_form .control-label.w_110px {
    width: 110px !important;
}

.new_form.w_110 .control-label + .form-input, .new_form.w_110px .control-label + .form-input {
    padding-left: 110px;
}

.new_form .control-label.w_110 + .form-input, .new_form .control-label.w_110px + .form-input {
    padding-left: 110px !important;
}

.new_form.w_120 .control-label, .form-control.w_120, .new_form.w_120px .control-label, .form-control.w_120px {
    width: 120px;
}

.new_form .control-label.w_120, .new_form .control-label.w_120px {
    width: 120px !important;
}

.new_form.w_120 .control-label + .form-input, .new_form.w_120px .control-label + .form-input {
    padding-left: 120px;
}

.new_form .control-label.w_120 + .form-input, .new_form .control-label.w_120px + .form-input {
    padding-left: 120px !important;
}

.new_form.w_130 .control-label, .form-control.w_130, .new_form.w_130px .control-label, .form-control.w_130px {
    width: 130px;
}

.new_form .control-label.w_130, .new_form .control-label.w_130px {
    width: 130px !important;
}

.new_form.w_130 .control-label + .form-input, .new_form.w_130px .control-label + .form-input {
    padding-left: 130px;
}

.new_form .control-label.w_130 + .form-input, .new_form .control-label.w_130px + .form-input {
    padding-left: 130px !important;
}

.new_form.w_140 .control-label, .form-control.w_140, .new_form.w_140px .control-label, .form-control.w_140px {
    width: 140px;
}

.new_form .control-label.w_140, .new_form .control-label.w_140px {
    width: 140px !important;
}

.new_form.w_140 .control-label + .form-input, .new_form.w_140px .control-label + .form-input {
    padding-left: 140px;
}

.new_form .control-label.w_140 + .form-input, .new_form .control-label.w_140px + .form-input {
    padding-left: 140px !important;
}

.new_form.w_150 .control-label, .form-control.w_150, .new_form.w_150px .control-label, .form-control.w_150px {
    width: 150px;
}

.new_form .control-label.w_150, .new_form .control-label.w_150px {
    width: 150px !important;
}

.new_form.w_150 .control-label + .form-input, .new_form.w_150px .control-label + .form-input {
    padding-left: 150px;
}

.new_form .control-label.w_150 + .form-input, .new_form .control-label.w_150px + .form-input {
    padding-left: 150px !important;
}

.new_form.w_160 .control-label, .form-control.w_160, .new_form.w_160px .control-label, .form-control.w_160px {
    width: 160px;
}

.new_form .control-label.w_160, .new_form .control-label.w_160px {
    width: 160px !important;
}

.new_form.w_160 .control-label + .form-input, .new_form.w_160px .control-label + .form-input {
    padding-left: 160px;
}

.new_form .control-label.w_160 + .form-input, .new_form .control-label.w_160px + .form-input {
    padding-left: 160px !important;
}

.new_form.w_170 .control-label, .form-control.w_170, .new_form.w_170px .control-label, .form-control.w_170px {
    width: 170px;
}

.new_form .control-label.w_170, .new_form .control-label.w_170px {
    width: 170px !important;
}

.new_form.w_170 .control-label + .form-input, .new_form.w_170px .control-label + .form-input {
    padding-left: 170px;
}

.new_form .control-label.w_170 + .form-input, .new_form .control-label.w_170px + .form-input {
    padding-left: 170px !important;
}

.new_form.w_180 .control-label, .form-control.w_180, .new_form.w_180px .control-label, .form-control.w_180px {
    width: 180px;
}

.new_form .control-label.w_180, .new_form .control-label.w_180px {
    width: 180px !important;
}

.new_form.w_180 .control-label + .form-input, .new_form.w_180px .control-label + .form-input {
    padding-left: 180px;
}

.new_form .control-label.w_180 + .form-input, .new_form .control-label.w_180px + .form-input {
    padding-left: 180px !important;
}

.new_form.w_190 .control-label, .form-control.w_190, .new_form.w_190px .control-label, .form-control.w_190px {
    width: 190px;
}

.new_form .control-label.w_190, .new_form .control-label.w_190px {
    width: 190px !important;
}

.new_form.w_190 .control-label + .form-input, .new_form.w_190px .control-label + .form-input {
    padding-left: 190px;
}

.new_form .control-label.w_190 + .form-input, .new_form .control-label.w_190px + .form-input {
    padding-left: 190px !important;
}

.new_form.w_210 .control-label, .form-control.w_210, .new_form.w_210px .control-label, .form-control.w_210px {
    width: 210px;
}

.new_form .control-label.w_210, .new_form .control-label.w_210px {
    width: 210px !important;
}

.new_form.w_210 .control-label + .form-input, .new_form.w_210px .control-label + .form-input {
    padding-left: 210px;
}

.new_form .control-label.w_210 + .form-input, .new_form .control-label.w_210px + .form-input {
    padding-left: 210px !important;
}

.new_form.w_240 .control-label, .form-control.w_240, .new_form.w_240px .control-label, .form-control.w_240px {
    width: 240px;
}

.new_form .control-label.w_240, .new_form .control-label.w_240px {
    width: 240px !important;
}

.new_form.w_240 .control-label + .form-input, .new_form.w_240px .control-label + .form-input {
    padding-left: 240px;
}

.new_form .control-label.w_240 + .form-input, .new_form .control-label.w_240px + .form-input {
    padding-left: 240px !important;
}

.new_form.w_310 .control-label, .form-control.w_310, .new_form.w_310px .control-label, .form-control.w_310px {
    width: 310px;
}

.new_form .control-label.w_310, .new_form .control-label.w_310px {
    width: 310px !important;
}

.new_form.w_310 .control-label + .form-input, .new_form.w_310px .control-label + .form-input {
    padding-left: 310px;
}

.new_form .control-label.w_310 + .form-input, .new_form .control-label.w_310px + .form-input {
    padding-left: 310px !important;
}

.new_form.w_370 .control-label, .form-control.w_370, .new_form.w_370px .control-label, .form-control.w_370px {
    width: 370px;
}

.new_form .control-label.w_370, .new_form .control-label.w_370px {
    width: 370px !important;
}

.new_form.w_370 .control-label + .form-input, .new_form.w_370px .control-label + .form-input {
    padding-left: 370px;
}

.new_form .control-label.w_370 + .form-input, .new_form .control-label.w_370px + .form-input {
    padding-left: 370px !important;
}

.new_form.w_380 .control-label, .form-control.w_380, .new_form.w_380px .control-label, .form-control.w_380px {
    width: 380px;
}

.new_form .control-label.w_380, .new_form .control-label.w_380px {
    width: 380px !important;
}

.new_form.w_380 .control-label + .form-input, .new_form.w_380px .control-label + .form-input {
    padding-left: 380px;
}

.new_form .control-label.w_380 + .form-input, .new_form .control-label.w_380px + .form-input {
    padding-left: 380px !important;
}

.new_form.w_390 .control-label, .form-control.w_390, .new_form.w_390px .control-label, .form-control.w_390px {
    width: 390px;
}

.new_form .control-label.w_390, .new_form .control-label.w_390px {
    width: 390px !important;
}

.new_form.w_390 .control-label + .form-input, .new_form.w_390px .control-label + .form-input {
    padding-left: 390px;
}

.new_form .control-label.w_390 + .form-input, .new_form .control-label.w_390px + .form-input {
    padding-left: 390px !important;
}

.new_form.w_407 .control-label, .form-control.w_407, .new_form.w_407px .control-label, .form-control.w_407px {
    width: 407px;
}

.new_form .control-label.w_407, .new_form .control-label.w_407px {
    width: 407px !important;
}

.new_form.w_407 .control-label + .form-input, .new_form.w_407px .control-label + .form-input {
    padding-left: 407px;
}

.new_form .control-label.w_407 + .form-input, .new_form .control-label.w_407px + .form-input {
    padding-left: 407px !important;
}

.new_form.w_445 .control-label, .form-control.w_445, .new_form.w_445px .control-label, .form-control.w_445px {
    width: 445px;
}

.new_form .control-label.w_445, .new_form .control-label.w_445px {
    width: 445px !important;
}

.new_form.w_445 .control-label + .form-input, .new_form.w_445px .control-label + .form-input {
    padding-left: 445px;
}

.new_form .control-label.w_445 + .form-input, .new_form .control-label.w_445px + .form-input {
    padding-left: 445px !important;
}

.new_form .control-label.w_407 + .form-input, .new_form .control-label.w_407px + .form-input {
    padding-left: 407px !important;
}

.new_form.w_all .control-label, .form-control.w_all, .new_form.w_allpx .control-label, .form-control.w_allpx {
    width: 100%;
    text-align: left;
}

.new_form .control-label.w_all, .new_form .control-label.w_allpx {
    width: 100% !important;
    text-align: left;
}

.new_form.w_all .control-label + .form-input, .new_form.w_allpx .control-label + .form-input {
    padding-left: 0px;
}

.new_form .control-label.w_all + .form-input, .new_form .control-label.w_allpx + .form-input {
    padding-left: 0px !important;
}
/*bootstrap表格*/
.table {
    margin-bottom: 10px;
}

    .table > thead > tr > td, .table > thead > tr > th {
        border-bottom-width: 1px;
    }

    .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > td {
        font-size: 12px;
        font-weight: 500;
        vertical-align: middle;
        padding: 2px;
    }

    .table input[type=checkbox], .table input[type=radio] {
        margin: 0;
        vertical-align: middle;
    }

    .table .form-control {
        padding: 1px 3px;
        height: 22px;
        border-radius: 2px;
        font-size: 12px;
        outline: none;
        box-shadow: none;
    }

        .table .form-control:focus {
            border: 1px solid #ff0000;
            box-shadow: none;
        }

    .table select.form-control {
        line-height: 18px;
        padding-right: 15px;
    }

    .table textarea {
        resize: none;
    }

    .table .btn {
     
        border-radius: 2px;
        padding: 1.5px 5px;
        font-size: 12px;
        float: none !important;
    }

    .table .el-button.btn_icon {
        border: none;
        padding: 2px 0px;
        background-color: transparent;
    }

    .table h4 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.table-bordered {
    border: 1px solid #cccccc;
}

    .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border: 1px solid #cccccc;
    }
/*上传相关文件列表*/
.upload-list {
    height: 135px;
    text-align: center;
    font-size: 12px;
    width: 110px;
    float: left;
    margin: 0 15px;
    position: relative;
    padding-bottom: 20px;
    padding-top: 10px;
    word-break:break-all;
}

    .upload-list:hover .img-delete {
        display: block;
    }

    .upload-list img {
        width: 80px;
        min-width: 80px;
        height: 80px;
        min-height: 80px;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
    }

        .upload-list img:after {
            position: absolute;
            content: "";
            display: block;
            width: 80px;
            height: 80px;
            top: 0;
            left: 0;
            background: url(img/bg_img.png);
            background-size: 135%;
            background-position: center;
        }

    .upload-list.max_images img {
        width: 105px;
        min-width: 105px;
        height: 105px;
        min-height: 105px;
        border: 1px dashed #d4d4d4;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
    }

        .upload-list.max_images img:after {
            position: absolute;
            content: "";
            display: block;
            width: 103px;
            height: 103px;
            top: 0;
            left: 0;
            background: url(img/bg_img.png);
            background-size: 100%;
        }

    .upload-list p {
        line-height: 1em;

        /*white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;*/
        margin-bottom: 0;
        padding-top: 5px;
    }

    .upload-list .img-delete {
        width: 80px;
        height: 1px;
        margin: -105px auto 0 auto;
        position: absolute;
        display: none;
    }

        .upload-list .img-delete a {
            display: block;
            width: 15px;
            height: 15px;
            text-align: center;
            line-height: 15px;
            background-color: red;
            border-radius: 50%;
            color: #fff;
            outline: none;
            position: absolute;
            top: -10px;
            right: -25px;
        }

    .upload-list .download {
        position: absolute;
        bottom: -0px;
        right: 0;
    }
/*视频列表*/
.video-list {
    height: 135px;
    text-align: center;
    font-size: 12px;
    width: 110px;
    float: left;
    margin: 0 15px;
    position: relative;
    padding-bottom: 20px;
    padding-top: 10px;
}

    .video-list a i {
        background-color: #0f1110;
        width: 80px;
        height: 80px;
        text-align: center;
        line-height: 80px;
        font-size: 44px;
        color: #ffffff;
    }

    .video-list a p {
        line-height: 2em;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 0;
        padding-top: 5px;
    }
/*图片列表*/
.images-list {
    float: left;
    text-align: center;
    font-size: 12px;
    margin: 0 5px;
}

    .images-list img {
        width: 95px;
    }

    .images-list p {
        line-height: 2em;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 0;
    }
/*发票信息页面样式*/
.information {
    width: 980px;
}

    .information .col-xs-4 {
        padding: 8px;
    }

.information_list {
    border: 1px solid #e0e0e0;
}

    .information_list h5 {
        margin-top: 0;
        margin-bottom: 7px;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 2em;
        border-bottom: 1px solid #e0e0e0;
    }

    .information_list.is-B h5 {
        border-bottom: 1px solid red;
    }

    .information_list p {
        margin: 0;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 1.8em;
    }

        .information_list p:last-of-type {
            position: absolute;
            bottom: 17px;
            right: 10px;
        }

    .information_list .default {
        display: none;
        position: absolute;
        bottom: 17px;
    }

    .information_list .Nondefault {
        display: none;
        position: absolute;
        bottom: 17px;
    }

    .information_list:hover .Nondefault {
        display: block;
    }

    .information_list.is-B {
        border: 1px solid red !important;
    }

        .information_list.is-B .default {
            display: block;
        }

            .information_list.is-B .default .fa {
                color: red;
                font-size: 14px;
            }

        .information_list.is-B .Nondefault {
            display: none !important;
        }

    .information_list .add {
        display: block;
    }

        .information_list .add .fa {
            width: 100%;
            font-size: 52px;
            color: #ddd;
            text-align: center;
            padding-top: 33px;
        }

        .information_list .add span {
            display: block;
            font-size: 12px;
            color: #333;
            text-align: center;
            padding-top: 6px;
        }
/*系统中显示的手机模板页面*/
.mobile-top {
    background-color: #114b82;
    background: -webkit-linear-gradient(#114b82, #1f93cc);
    background: -o-linear-gradient(#114b82, #1f93cc);
    background: -moz-linear-gradient(#114b82, #1f93cc);
    background: linear-gradient(#114b82, #1f93cc);
    background-position: center;
    background-size: auto;
}

    .mobile-top h1 {
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 24px;
        line-height: 60px;
        text-align: center;
    }

.mobile-body.panel {
    border-radius: 0;
}

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

    .mobile-bottom p {
        margin-bottom: 5px;
    }

.mobile-body .right-tab li a {
    color: #3a3838;
    border-radius: 0;
    border-top: 2px solid transparent;
}

.mobile-body .right-tab li.active > a, .mobile-body .right-tab li.active > a:focus, .mobile-body .right-tab li.active > a:hover {
    color: #3a3838;
    background-color: #f5f5f5;
    border-top: 2px solid #000;
}

.mobile-body .tab-content {
    margin-top: 8px;
}

.mobile-body .panel, .mobile-body .panel-heading {
    border-radius: 0;
}

.mobile-body .tab-content .panel-default > .panel-heading {
    background-color: #fff;
}

.mobile-body .table img {
    width: 150px;
    height: 150px;
}

.mobile-body .table > tbody > tr > td {
    border-top: none;
    border-bottom: 1px solid #ddd;
}
/*弹窗*/
#cboxLoadedContent .col-xs-3 {
    width: 197px;
}

#cboxLoadedContent .col-xs-4 {
    width: 240px;
}

#cboxLoadedContent .col-xs-12 {
    max-width: 960px;
}

#cboxLoadedContent .form-control.col-xs-4 {
    width: 33.33333333%;
}

@media screen and (max-width: 1270px) {
    .content {
        width: 100%;
    }
}

@media screen and (max-width: 1190px) {
    #left-sidebar {
        width: 190px;
    }

    #closemenu {
        margin-left: 98px;
    }

    #right-content {
        width: calc(100vw - 190px) !important;
    }
}

@media screen and (max-width: 1024px) {
    #left-sidebar {
        height: calc(100vh - 76px) !important;
    }

    #right-content {
        height: calc(100vh - 76px) !important;
        width: 834px !important;
    }

        #right-content.closemenu {
            width: 974px !important;
        }

    #right-content-height #right-panel {
        min-height: calc(100vh - 163px) !important;
    }
}

@media screen and (max-width: 768px) {
    .new_form .control-label {
        margin-bottom: 0;
        line-height: 22px;
        text-align: right;
    }
}
/*防止页面panel-body溢出被遮样式*/
.flow-content {
    /* min-width: 720px; */
    max-width: 980px;
    zoom: 1;
}

.dropdown-menu {
    min-width: 200px;
    max-width: 300px;
    font-size: 12px;
}

    .dropdown-menu.open {
        overflow: auto !important;
        max-height: inherit !important;
    }

        .dropdown-menu.open .dropdown-menu.inner {
            overflow-x: hidden;
            max-height: 150px !important;
        }

.textover {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 200px;
}
    .multiSelect .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100% !important;
    }
    /*上标字体样式*/
    p{margin:0px;}
    p span:last-child{
        font-size:12px;
        text-align:center;
        padding:4px 0px;
    }

.radioStatus span {
    padding: 6px;
}
/*弹窗*/
#cboxLoadedContent .table > thead > tr > th {
    padding: 4px;
}

#cboxLoadedContent .table {
    margin-bottom: 10px;
}

#cboxLoadedContent .form-control {
    /*padding: 3px 5px;*/
    /*height: 29px;*/
}

#cboxLoadedContent .table .form-control {
    padding: 3px 3px;
    height: 24px;
}

@media screen and (max-width: 1500px) {

    .col-xs-7.col-xs-offset-1 {
        width: 100%;
        margin-left: 0px;
    }

    .new_form.w_240 .control-label, .form-control.w_240, .new_form.w_240px .control-label, .form-control.w_240px {
        width: 110px;
    }

        .new_form.w_240 .control-label + .form-input, .new_form.w_240px .control-label + .form-input {
            padding-left: 110px;
        }
        .new_form .check-group .checkbox:first-child {
    padding-left: 90px;
}
}

@media screen and (max-width: 1023px) {
    .content_r .col-xs-4, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        width: 100%;
    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6 {
        width: 50%;
    }

    .register_frame .form-horizontal .control-label {
        text-align: left !important;
    }

    .new_form .btn {
        float: right;
    }
}

@media screen and (max-width: 900px) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        width: 100%;
    }

    .register_frame .form-horizontal .control-label {
        text-align: left !important;
    }
}
/*页面提示信息样式*/

.hoverbutton .dropdown button, .hoverbutton .dropup button {
    border: none !important;
}

.hoverbutton .dropdown-menu {
    min-width: 310px !important;
    max-width: 380px !important;
    font-size: 12px;
}

.hoverbutton .dropdown .dropdown-menu > li > a, .hoverbutton .dropup .dropdown-menu > li > a {
    width: 100%;
    height: 250px;
    background: #fff;
    display: block;
    z-index: 12;
    background-image: url('img/pageinstruc.png');
    background-repeat: no-repeat;
}

    .hoverbutton .dropdown .dropdown-menu > li > a.cname, .hoverbutton .dropup .dropdown-menu > li > a.cname {
        background-position: 0 0;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.packsize, .hoverbutton .dropup .dropdown-menu > li > a.packsize {
        background-position: 0px -528px;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.pack-material, .hoverbutton .dropup .dropdown-menu > li > a.pack-material {
        background-position: -409px 7px;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.pack-BatchNumber, .hoverbutton .dropup .dropdown-menu > li > a.pack-BatchNumber {
        background-position: -29px -991px;
        height: 110px;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.pack-Marking, .hoverbutton .dropup .dropdown-menu > li > a.pack-Marking {
        background-position: 5px -255px;
        height: 88px;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.pack-CertificateNumber, .hoverbutton .dropup .dropdown-menu > li > a.pack-CertificateNumber {
        background-position: -387px -782px;
        height: 101px;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.pack-CertificateStartDate, .hoverbutton .dropup .dropdown-menu > li > a.pack-CertificateStartDate {
        background-position: -634px -248px;
        height: 92px;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.pack-CertificateEndDate, .hoverbutton .dropup .dropdown-menu > li > a.pack-CertificateEndDate {
        background-position: -414px -300px;
        height: 92px;
    }

    .hoverbutton .dropup .dropdown-menu > li > a.pack-allnum {
        background-position: -13px -1427px;
        height: 92px;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.pack-User, .hoverbutton .dropup .dropdown-menu > li > a.pack-User {
        background-position: -36px -789px;
        height: 155px;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.pack-Packplant, .hoverbutton .dropup .dropdown-menu > li > a.pack-Packplant {
        background-position: -392px -990px;
        height: 198px;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.pack-LoadUpType, .hoverbutton .dropup .dropdown-menu > li > a.pack-LoadUpType {
        background-position: -55px -88px;
        height: 64px;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.pack-selPhysicalState, .hoverbutton .dropup .dropdown-menu > li > a.pack-selPhysicalState {
        background-position: -55px -88px;
        height: 64px;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.pack-VesselQuantity, .hoverbutton .dropup .dropdown-menu > li > a.pack-VesselQuantity {
        background-position: -386px -1203px;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.pack-PackMaterial, .hoverbutton .dropup .dropdown-menu > li > a.pack-PackMaterial {
        background-position: -413px 11px;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.pack-PackOrigin, .hoverbutton .dropup .dropdown-menu > li > a.pack-PackOrigin {
        background-position: -55px -88px;
        height: 64px;
    }

    .hoverbutton .dropdown .dropdown-menu > li > a.pack-RecordsCode, .hoverbutton .dropup .dropdown-menu > li > a.pack-RecordsCode {
        background-position: -469px -527px;
    }
    /*危包证里图标提示*/
    /*申请人*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-Proposer, .hoverbutton .dropup .dropdown-menu > li > a.pack-Proposer {
        background-position: -5px -1567px;
    }
    /*运输方式*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-ModesOfTransport, .hoverbutton .dropup .dropdown-menu > li > a.pack-ModesOfTransport {
        background-position: -5px -1836px;
    }
    /*中文品名*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-CnName, .hoverbutton .dropup .dropdown-menu > li > a.pack-CnName {
        background-position: -5px -1949px;
    }
    /*英文品名*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-EnName, .hoverbutton .dropup .dropdown-menu > li > a.pack-EnName {
        background-position: -5px -1928px;
    }
    /*物理状态*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-PhysicalState, .hoverbutton .dropup .dropdown-menu > li > a.pack-PhysicalState {
        background-position: -5px -2037px;
    }
    /*产品密度*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-ProductDensity, .hoverbutton .dropup .dropdown-menu > li > a.pack-ProductDensity {
        background-position: -447px -2019px;
    }
    /*危险类别*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-DangerLevel, .hoverbutton .dropup .dropdown-menu > li > a.pack-DangerLevel {
        background-position: -492px -1934px;
    }
    /*包装方式*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-AirplaneCode, .hoverbutton .dropup .dropdown-menu > li > a.pack-AirplaneCode {
        background-position: -28px -2133px;
    }
    /*货物罐装日期*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-ProductionDate, .hoverbutton .dropup .dropdown-menu > li > a.pack-ProductionDate {
        background-position: -5px -2000px;
    }
    /*性能单编号*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-PropertySingleCode, .hoverbutton .dropup .dropdown-menu > li > a.pack-PropertySingleCode {
        background-position: -5px -1766px;
    }
    /*危包证有效期*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-PeriodOfValidity, .hoverbutton .dropup .dropdown-menu > li > a.pack-PeriodOfValidity {
        background-position: -5px -2409px;
    }
    /*包装生产厂*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-PackingManufacturer, .hoverbutton .dropup .dropdown-menu > li > a.pack-PackingManufacturer {
        background-position: -5px -1685px;
    }
    /*包装使用人*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-PackingUser, .hoverbutton .dropup .dropdown-menu > li > a.pack-PackingUser {
        background-position: -5px -1685px;
    }
    /*包装容器名称(中)*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-PackingName, .hoverbutton .dropup .dropdown-menu > li > a.pack-PackingName {
        background-position: -5px -1721px;
    }
    /*包装容器名称(英)*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-ENPackingName, .hoverbutton .dropup .dropdown-menu > li > a.pack-ENPackingName {
        background-position: -5px -1721px;
    }
    /*包装容器规格*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-PackingSpecification, .hoverbutton .dropup .dropdown-menu > li > a.pack-PackingSpecification {
        background-position: -5px -1721px;
    }
    /*包装编号*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-PackingCode, .hoverbutton .dropup .dropdown-menu > li > a.pack-PackingCode {
        background-position: -506px -1707px;
    }
    /*包装容器标记*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-PackingSign, .hoverbutton .dropup .dropdown-menu > li > a.pack-PackingSign {
        background-position: -506px -1707px;
    }
    /*包装容器批号*/
    .hoverbutton .dropdown .dropdown-menu > li > a.pack-PackingBatchCode, .hoverbutton .dropup .dropdown-menu > li > a.pack-PackingBatchCode {
        background-position: -506px -1707px;
    }

.hoverbutton .dropdown-toggle {
    background: #fff;
    background-color: transparent;
}

.hoverbutton .dropdown span, .hoverbutton .dropup span {
    color: #d97a17;
}

.hoverbutton .control-label {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
}

.hoverbutton .btn {
    padding: 1.5px 0px;
}

.exlabel {
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    font-weight: 500 !important;
    padding-top: 0 !important;
    font-weight: 600;
}

.float-right {
    float: right;
}

.modal-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) !important;
    -webkit-transform: translate(-50%,-50%) !important;
}

.table-p p {
    margin: 0px;
}
/*input*/
.new_form .el-input {
    width: 100%;
}

.new_form .el-input__inner {
    height: 22px;
    line-height: 22px;
    border: 1px solid #ccc;
    padding: 3px 5px;
    border-radius: 2px;
    font-size: 12px;
    outline: none;
    margin-top:2px;
}

    .new_form .el-input__inner:focus {
        border: 1px solid red;
    }

.new_form .el-input__count .el-input__count-inner {
    background-color: transparent;
}

/*select*/
.new_form .el-select {
    width: 100%;
}

    .new_form .el-select .el-input.is-focus .el-input__inner {
        border: 1px solid red;
    }

    .new_form .el-select .el-input--suffix .el-input__inner {
        padding-right: 30px;
    }
    /*select禁用状态*/
    .new_form .el-select .is-disabled .el-input__inner {
        color: #606266;
    }

.new_form .el-input__suffix {
    height: 22px;
    z-index: 3;
}

.new_form .el-input__icon {
    height: 22px;
    line-height: 22px;
}

    .new_form .el-input__icon:before {
        line-height: 100%;
    }
/*多选去掉默认高度40px*/
.new_form .el-select .el-select__tags + .el-input .el-input__inner {
    height: 22px !important;
}
/*多选获取光标时内容被覆盖问题*/
.new_form .el-select .el-select__tags {
    max-width: 100% !important;
    z-index: 4;
}

    .new_form .el-select .el-select__tags .el-select__input {
        max-width: 100% !important;
        margin-left: 5px;
    }

    .new_form .el-select .el-select__tags .el-tag--small {
        height: 16px;
        padding: 0 4px;
        line-height: 14px;
    }

    .new_form .el-select .el-select__tags .el-tag {
        border-radius: 2px;
        margin-right: 0;
    }

.new_form .el-select .el-select__tags-text {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.new_form .el-select .el-tag__close.el-icon-close {
    top: -4px;
    right: -3px;
}
/*select去图标*/
.icon_none .el-input__icon {
    display: none;
}
/*textarea*/
.new_form .el-textarea__inner {
    /*min-height: 22px !important;
    height: auto !important;*/
    line-height: 20px;
    border: 1px solid #ccc;
    padding: 3px 5px !important;
    border-radius: 2px;
    font-size: 12px;
    outline: none;
    background: #f4fcff;
    letter-spacing: 1px;
    color: #000;
    resize: both;
}

    .new_form .el-textarea__inner:focus {
        border: 1px solid red;
    }

/*textarea禁用状态*/
.new_form .el-textarea.is-disabled .el-textarea__inner {
    color: #606266;
}
/*多列下拉框*/
.el-select-dropdown__list span {
    height: 24px;
    font-size: 12px;
    display: inline-block;
    float: left;
}

    .el-select-dropdown__list span:last-of-type:not(:first-of-type) {
        color: rgb(132, 146, 166);
        text-align: right;
        /*padding-right:30px;*/
    }
/*图片显示区*/
.img-body {
    padding: 15px;
    margin-bottom: 15px;
    border: 1px dashed #ddd;
    border-radius: 5px;
    min-height: 147px;
}

    .img-body.mb_6 {
        margin-bottom: 6px;
    }

    .img-body .img-list {
        min-height: 115px;
        background-color: #f7f7f7;
        padding: 5px;
        position: relative;
        zoom: 1;
    }

        .img-body .img-list::after {
            content: ".";
            clear: both;
            display: block;
            overflow: hidden;
            font-size: 0;
            height: 0;
        }

        .img-body .img-list h2 {
            width: 100%;
            height: 115px;
            line-height: 115px;
            margin: 0;
            font-size: 46px;
            text-align: center;
            color: #ddd;
            position: absolute;
            top: 0;
            left: 0;
        }

        .img-body .img-list img {
            width: 90px;
            height: 90px;
            float: left;
            margin: 7.5px;
            position: relative;
        }

            .img-body .img-list img::after {
                position: absolute;
                content: "";
                display: block;
                width: 90px;
                height: 90px;
                top: 0;
                left: 0;
                background: url(../css/img/pic_crackpic.png);
                background-size: 100%;
            }
    /*小*/
    .img-body.img-body-xs {
        min-height: 112px;
    }

        .img-body.img-body-xs .img-list {
            padding: 5px;
            min-height: 80px;
        }

            .img-body.img-body-xs .img-list .el-image {
                float: left;
            }

            .img-body.img-body-xs .img-list h2 {
                width: 100%;
                height: 60px;
                line-height: 80px;
                margin: 0;
                font-size: 30px;
                text-align: center;
                color: #ddd;
                position: absolute;
                top: 0;
                left: 0;
            }

            .img-body.img-body-xs .img-list img {
                width: 60px;
                height: 60px;
                margin: 5px;
            }

                .img-body.img-body-xs .img-list img::after {
                    width: 60px;
                    height: 60px;
                }
/*Tag 标签*/
.tag-body {
    padding: 6px;
    border: 1px dashed #d9d9d9;
    border-radius: 5px;
    overflow: hidden;
    width:100%;
}

    .tag-body .el-tag {
        margin: 2px;
        border-radius: 0;
        border-color: #bbe0fb;
    }

        .tag-body .el-tag .el-icon-close::before {
            margin-top: 1px;
        }
/*历史记录*/
.record_label {
    font-size: 12px;
    font-weight: inherit;
    margin: 3px 3px 8px 3px;
    display: block;
}

.record_body {
    background-color: #f8fbfa;
    border: 1px dashed #369af1;
    border-radius: 5px;
    padding: 5px;
    margin-top: 2px;
    margin-bottom: 10px;
    zoom: 1;
}

    .record_body::after {
        content: ".";
        clear: both;
        display: block;
        overflow: hidden;
        font-size: 0;
        height: 0;
    }

    .record_body .record_label {
        margin: 3px;
    }

    .record_body .el-tag {
        margin: 2px;
    }

    .record_body .el-link {
        font-size: 12px;
        line-height: 24px;
        margin: 2px 4px;
        float: right;
    }

    .record_body + .el-table {
        height: calc(100vh - 290px) !important;
    }

.record_td {
    background: #fbf9f5;
    color: #f75305;
    text-align: center;
}
/*说明*/
.explain_body {
    font-size: 12px;
    background-color: #fbfbf2;
    border: 1px solid #faebcc;
    border-radius: 5px;
    padding: 10.5px 17px;
    margin-bottom: 10px;
}

    .explain_body label {
        color: red;
        font-weight: 600;
        padding-bottom: 2px;
    }

    .explain_body li {
        color: #8a6d3b;
        line-height: 1.6em;
        margin-left: 20px;
        list-style-type: decimal;
    }

    .explain_body p {
        color: #8a6d3b;
        line-height: 1.6em;
        margin-bottom: 0;
    }
/*msds样式*/
.msds_fixed {
    position: fixed;
    top: 20%;
    z-index: 1;
}
.msds_fixed  .modal-body{
        height:calc((100vw - 200px)/2) !important;
        overflow:auto;
    }
.msds_fixed  .modal-body .modal-body{
        height:auto !important;
        overflow:auto;
        display:table
    }
#colorbox .content {
    width: 100%;
}
 .msds_flex{
     display:flex;
     display:-webkit-flex;
 }
 .left_flex{
     flex:1;
     -webkit-flex:1;
     min-width:400px;
 }
 .left_flex .panel-body{
     overflow:auto;
 }
 .right_flex{
     width:160px;
     padding:10px;
 }
/*2021.2.3张欣新增*/
/*通用样式*/
input, button {
    outline: none;
}
    /*input placeholder属性*/
    input::-webkit-input-placeholder {
        color: #b3b3b3;
    }

    input::-moz-placeholder {
        color: #b3b3b3;
    }

    input:-moz-placeholder {
        color: #b3b3b3;
    }

    input:-ms-input-placeholder {
        color: #b3b3b3;
    }
/*面板*/
.x_panel {
    background-color: #ffffff;
}

    .x_panel.two {
        border: 1px solid #dddddd;
    }

    .x_panel.three {
        -webkit-box-shadow: 2px 2px 5px #dddddd;
        -moz-box-shadow: 2px 2px 5px #dddddd;
        box-shadow: 2px 2px 5px #dddddd;
    }

    .x_panel.two, .x_panel.three {
        font-size: 12px;
        margin-bottom: 15px;
    }

    .x_panel.three {
        border-radius: 5px;
    }

        .x_panel.two.xs, .x_panel.three.xs {
            margin-bottom: 10px;
        }

        .x_panel.three.xs {
            border-radius: 3px;
        }

        .x_panel.two.md, .x_panel.three.md {
            margin-bottom: 15px;
            font-size: 14px;
        }

        .x_panel.three.md {
            border-radius: 5px;
        }

        .x_panel.two.lg, .x_panel.three.lg {
            margin-bottom: 20px;
            font-size: 14px;
        }

        .x_panel.three.lg {
            border-radius: 8px;
        }

    .x_panel .x_panel_heading {
        color: #333333;
        zoom: 1;
    }


    .x_panel.one .x_panel_heading {
        background-color: #d9edf7;
        font-size: 14px;
        line-height: 2.2em;
        padding: 0 8px;
        margin-bottom: 8px;
    }

    .x_panel.two .x_panel_heading, .x_panel.three .x_panel_heading {
        line-height: 2.7em;
        padding: 0 10px;
    }

    .x_panel.two .x_panel_heading {
        background-color: #f5f5f5;
        border-bottom: 1px solid #dddddd;
    }

    .x_panel.three .x_panel_heading {
        border-bottom: 1px solid #f0f0f0;
    }

    .x_panel .x_panel_heading::after {
        content: ".";
        clear: both;
        display: block;
        overflow: hidden;
        font-size: 0;
        height: 0;
    }

    .x_panel.one.xs .x_panel_heading {
        font-size: 12px;
        padding: 0 5px;
        margin-bottom: 5px;
    }

    .x_panel.two.xs .x_panel_heading, .x_panel.three.xs .x_panel_heading {
        line-height: 2.4em;
        padding: 0 10px;
    }

    .x_panel.one.md .x_panel_heading {
        line-height: 2.4em;
        padding: 0 10px;
        margin-bottom: 10px;
    }

    .x_panel.two.md .x_panel_heading, .x_panel.three.md .x_panel_heading {
        line-height: 2.9em;
        padding: 0 15px;
    }


    .x_panel.one.lg .x_panel_heading {
        line-height: 2.5em;
        padding: 0 12px;
        margin-bottom: 12px;
    }

    .x_panel.two.lg .x_panel_heading, .x_panel.three.lg .x_panel_heading {
        line-height: 3.2em;
        padding: 0 20px;
    }

    .x_panel.two .x_panel_body, .x_panel.three .x_panel_body {
        padding: 15px;
    }

    .x_panel.two.xs .x_panel_body, .x_panel.three.xs .x_panel_body {
        padding: 10px;
    }

    .x_panel.two.md .x_panel_body, .x_panel.three.md .x_panel_body {
        padding: 15px;
    }

    .x_panel.two.lg .x_panel_body, .x_panel.three.lg .x_panel_body {
        padding: 20px;
    }

    .x_panel.two .x_panel_heading li, .x_panel.three .x_panel_heading li {
        float: left;
        padding: 0 5px;
        margin-right: 20px;
    }

        .x_panel.two .x_panel_heading li.active, .x_panel.three .x_panel_heading li.active {
            position: relative;
        }

            .x_panel.two .x_panel_heading li.active a, .x_panel.three .x_panel_heading li.active a {
                color: #1890ff;
            }

            .x_panel.two .x_panel_heading li.active::after, .x_panel.three .x_panel_heading li.active::after {
                content: '';
                width: 100%;
                height: 2px;
                background-color: #1890ff;
                position: absolute;
                bottom: -1px;
                left: 0;
            }

        .x_panel.two .x_panel_heading li a, .x_panel.three .x_panel_heading li a {
            display: block;
            color: #333333;
        }

    .x_panel .x_panel_body.pt_10 {
        padding-top: 10px;
    }

    .x_panel .x_panel_body.pb_10 {
        padding-bottom: 10px;
    }
/*flex布局*/
.x_flex {
    display: flex;
}

    .x_flex > .x_no_shrink {
        flex-shrink: 0;
    }

    .x_flex > div:not(.x_no_shrink) {
        width: 100%;
        overflow: hidden;
    }
/*间隔*/
.x_card_7px {
    margin-left: -7px !important;
    margin-right: -7px !important;
    overflow: hidden;
}

    .x_card_7px > div {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
/*浮动*/
.x_pull_left {
    float: left;
}

.x_pull_right {
    float: right;
}
/*边距*/
.x_mt_10 {
    margin-top: 10px;
}
/*填充*/
.x_pr_20 {
    padding-right: 20px;
}

.x_pr_50 {
    padding-right: 50px;
}

.x_pb_8 {
    padding-bottom: 8px;
}
/*表单*/
.x_form .x_group {
    zoom: 1;
}

    .x_form .x_group::after {
        content: ".";
        clear: both;
        display: block;
        overflow: hidden;
        font-size: 0;
        height: 0;
    }

    .x_form .x_group:last-of-type {
        padding-bottom: 0px;
    }

.x_form label {
    font-size: 12px;
    margin-bottom: 0;
    text-align: right;
    font-weight: initial;
    color: #333333;
    padding-right: 5px;
}

.x_group input[type="text"] {
    width: 100%;
    border: 1px solid #cccccc;
    color: #666666;
}

.xs .x_group {
    padding-bottom: 3px;
}

.sm .x_group {
    padding-bottom: 8px;
}

.md .x_group, .lg .x_group {
    padding-bottom: 15px;
}

.xs label {
    height: 22px;
    line-height: 22px;
}

.sm label {
    height: 29px;
    line-height: 29px;
}

.md label {
    height: 31px;
    line-height: 31px;
}

.lg label {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
}

.xs label + div {
    margin-top: -22px;
}

.sm label + div {
    margin-top: -29px;
}

.md label + div {
    margin-top: -31px;
}

.lg label + div {
    margin-top: -35px;
}

.x_form input[type="text"] {
    font-size: 12px;
    border-radius: 2px;
}

.xs input[type="text"] {
    padding: 1.5px 3px;
}

.sm input[type="text"] {
    padding: 5px 7px;
}

.md input[type="text"] {
    padding: 6px 10px;
}

.x_form.lg input[type="text"], .lg .x_form input[type="text"] {
    font-size: 14px;
    border-radius: 3px;
    padding: 6.5px 10px;
}

.x_form button, .x_form input[type="button"] {
    font-size: 12px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
}

.x_form.lg button, .lg .x_form input[type="button"] {
    font-size: 14px;
    border-radius: 3px;
}

.xs button, .xs input[type="button"], button.xs, input[type="button"].xs {
    padding: 1.5px 5px;
}

.sm button, .sm input[type="button"], button.sm, input[type="button"].sm {
    padding: 5px 10px;
}

.md button, .md input[type="button"], button.md, input[type="button"].md {
    padding: 6px 10px;
}

.lg button, .lg input[type="button"], button.lg, input[type="button"].lg {
    padding: 6.5px 10px;
}

.x_form .x_default, .x_default {
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
}

.x_form .x_primary, .x_primary, .x_form .x_success, .x_success, .x_form .x_warning, .x_warning, .x_form .x_danger, .x_danger {
    color: #ffffff;
}

.x_form .x_primary, .x_primary {
    background-color: #1E9FFF;
    border: 1px solid #1E9FFF;
}

.x_success {
    background-color: #67c23a;
    border: 1px solid #67c23a;
}

.x_warning {
    background-color: #e6a23c;
    border: 1px solid #e6a23c;
}

.x_danger {
    background-color: #f56c6c;
    border: 1px solid #f56c6c;
}
/*表单宽度自定义*/
.x_w_80 label {
    width: 80px;
}

    .x_w_80 label + div {
        padding-left: 80px;
    }

.x_w_90 label {
    width: 90px;
}

    .x_w_90 label + div {
        padding-left: 90px;
    }
/*2021.2.3张欣新增*/
.padd4 {
    padding: 4px 0px;
}

.fiveteen-content {
    background: yellow;
}
/*msds_fiveteen*/
.msdsfiveteen-add {
    padding-bottom: 6px;
    border-bottom: 1px solid #bfbfbf;
    overflow: hidden;
    margin-bottom: 6px;
}

.msdsfiveteen-content {
    margin-top: 10px;
    position: relative;
    padding: 4px;
    border: 1px solid #ddd;
    padding: 27px 6px;
}

.msdsfiveteen-contentson {
    margin: 3px 0px;
}

.deletebtn {
    position: absolute;
    right: -5px;
    top: -5px;
    border-radius: 27px !important;
}


#cboxLoadedContent .msdsninecontent .col-xs-12 {
    width: 100% !important;
}

.img-style {
    width: 100%;
}

.img-iframe iframe img {
    width: 100%;
}

/*el弹窗*/
.el-window .el-dialog__wrapper .el-dialog {
    overflow: auto;
    overflow: auto;
    min-height: 500px;
    min-width: 800px;
}

    .el-window .el-dialog__wrapper .el-dialog .el-dialog__body {
        padding-top: 0px;
    }

        .el-window .el-dialog__wrapper .el-dialog .el-dialog__body p span {
            display: block;
            width: 100%;
            overflow: auto;
            background: red;
        }

            .el-window .el-dialog__wrapper .el-dialog .el-dialog__body p span img {
                width: 100%;
            }

.el-sitetable tr td:first-child {
    background: #efefef;
    font-weight: bold;
}

.el-sitetable label {
    margin-bottom: 0px;
}

.flo {
    float: left;
}

.hazardcontent-right {
    min-width: 400px;
    flex: 1;
    background: #f7f7f7;
}

.hazardcontent-left {
    width: 800px;
    min-width: 400px;
    padding-right: 11px;
}

.hazardcontent {
    display: flex;
    display: -webkit-flex; /* Safari */
    overflow: auto;
}

.innercontent-table {
    width: 100%;
    background: #ffffff;
}

    .innercontent-table tr td {
        border: 1px solid #fff;
    }

        .innercontent-table tr td.bor-bottom {
            border-bottom: 1px solid #a25a5a;
        }

    .innercontent-table tr.info {
        background: #fbfbf2;
    }

    .innercontent-table td.info {
        background: #b5c9d4;
    }

    .innercontent-table tr.title {
        background: #f3f3f3;
    }

.el-sitable td.info {
    background: none !important;
}

.Hazardcontent lable {
    margin-bottom: 0px;
}

.text-righ {
    text-align: right;
}

.hazardcontent table tr td label {
    margin-bottom: 0px;
    font-weight: 500;
    padding: 0px 6px;
}

.Ha-tiltle {
    background: #f7f7f7;
    margin-bottom: 3px;
}

.plain-body {
    height: 30px;
    border: 1px dashed #d4d4d4;
    height: 30px;
    line-height: 30px;
    border: 1px dashed;
}

    .plain-body li {
        float: left;
        font-size: 12px;
        color: #968a5e;
        font-weight: 300;
    }

        .plain-body li:not(:first-child) {
            margin-left: 10px;
        }

        .plain-body li:first-child {
            padding-left: 5px;
        }

.contdr {
    font-size: 12px;
    background: #f5f5f5;
    border: 1px dashed #ddd;
    margin-bottom: 10px;
    padding: 4px 10px;
}

.packList {
    width: 100px;
}

    .packList li {
        padding-left: 10px;
    }

.Hazardcontent .panel-body {
    padding: 20px;
}

.Hazardcontent .panel-default {
    border: none;
}

.panel-left {
    width: 50%;
    height: 100%;
}

.panel-heading-ark {
    background: white;
    border: none;
    color: #336594;
    font-size: 24px;
    font-weight: bolder;
    padding: 0px;
}

.panel > .panel-boundary {
    background: #B4B4B4;
    border: none;
    width: 100%;
    height: 2px;
    margin-top: 20px;
}

.panel-info {
    padding: 0px;
}

.section {
    display: table;
    width: 100%;
    padding: 10px 0px;
}

    .section .panel-guidance {
        border: none;
        color: #646464;
        font-size: 18px;
        padding-bottom: 10px;
    }

.panel-span {
    height: 30px;
    line-height: 30px;
    border: none;
    color: #8C8C8C;
    font-size: 14px;
    padding: 0px;
    display: inline-block;
    float: left;
}

.span1 {
    width: 2%;
    text-align: center;
}

.panel-form-control {
    width: 80%;
    height: 30px;
    line-height: 28px;
    border: none;
    color: #646464;
    font-size: 14px;
    margin-top: 10px;
    padding: 0px 10px;
    display: inline-block;
    border: 1px solid #B4B4B4;
    border-radius: 4px;
    float: left;
}

.control1 {
    width: 32%;
}

.control2 {
    width: 32%;
}

.control3 {
    width: 100%;
}

.panel-form-controlSelect {
    width: 80%;
    height: 30px;
    line-height: 28px;
    border: none;
    color: #646464;
    font-size: 14px;
    margin-top: 10px;
    padding: 0px 15px;
    display: inline-block;
    border: 1px solid #B4B4B4;
    border-radius: 4px;
    vertical-align: bottom;
}

.select1 {
    width: 32%;
}

.mrtop6 {
    margin-top: 6px;
}

.table-bordered-ark {
    border: none;
    margin-top: 0px;
    table-layout: fixed;
    margin-bottom: 6px;
}

    .table-bordered-ark > tbody > tr.info > td, .table-bordered-ark > tbody > tr.info > th, .table-bordered-ark > tbody > tr > td.info, .table-bordered-ark > tbody > tr > th.info, .table-bordered-ark > tfoot > tr.info > td, .table-bordered-ark > tfoot > tr.info > th, .table-bordered-ark > tfoot > tr > td.info, .table-bordered-ark > tfoot > tr > th.info, .table-bordered-ark > thead > tr.info > td, .table-bordered-ark > thead > tr.info > th, .table-bordered-ark > thead > tr > td.info, .table-bordered-ark > thead > tr > th.info {
        background: white;
        border: none;
        font-size: 14px;
        line-height: 20px;
        color: #646464;
        text-align: initial;
        font-weight: bolder;
        padding: 0px;
    }

    .table-bordered-ark > tbody > tr > td, .table-bordered-ark > tbody > tr > th, .table-bordered-ark > tfoot > tr > td, .table-bordered-ark > tfoot > tr > th, .table-bordered-ark > thead > tr > td, .table-bordered-ark > thead > tr > th {
        border: none;
        padding: 0px;
        text-align: initial;
    }

    .table-bordered-ark > thead > tr > th, .table-bordered-ark > thead > tr > td, .table-bordered-ark > tbody > tr > td {
        padding: 0px;
        text-align: initial;
        padding-right: 10px;
        padding-top: 6px;
        vertical-align: bottom;
    }

    .table-bordered-ark > thead > tr > th, .table-bordered-ark > thead > tr > td, .table-bordered-ark > tbody > tr > .tdbtn {
        padding-right: 0px;
    }

    .table-bordered-ark .btn-danger-ark {
        background: white;
        color: #B25147;
        border: 1px solid #B25147;
        height: 30px;
        width: 100%;
        font-size: 14px;
        line-height: 28px;
        border-radius: 4px;
        width: 100%;
        text-align: center;
        padding: 0px;
    }

.new_form .btn-success-ark {
    background: white;
    color: #B25147;
    border: 1px solid #B25147;
    height: 30px;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    padding: 0px;
    float: right;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

/*.pull-right {
    float: left !important;
    width: 100%;
}*/

.new_form .btn-success:active {
    background-color: #B25147;
}

.ebutton .el-button {
    width: 100%;
}

.debutton .el-button {
    border: 1px solid #336594;
    color: #336594;
    background-color: #336594;
    color: #fff;
}

.addbtn .el-button {
    border: 1px solid #336594;
    color: #336594;
}

    .addbtn .el-button:focus, .addbtn .el-button:hover {
        border: 1px solid #336594;
        color: #336594;
    }

.debutton .el-button:focus, .debutton .el-button:hover {
    border: 1px solid #336594;
    color: #336594;
}

.l-content .col-xs-2, .l-content .col-xs-10, .l-content .col-xs-12 {
    padding: 0px;
}

.l-content .form-control {
    height: 32px;
}

.l-content .el-divider--horizontal {
    display: block;
    height: 1px;
    width: 100%;
    border: 2px solid #ddd;
    margin: 12px 0;
}

.l-content .result-body {
    background: #f7f7f7;
    padding: 10px;
}

    .l-content .result-body p {
        font-size: 14px;
        color: #8c8c8c;
        padding-top: 5px;
        margin: 0;
    }

/*登陆注册底部样式*/
.lfooter {
    text-align: center;
    left: 10%;
    bottom: 0px;
    width: 500px;
    position: absolute;
    margin: 0 auto;
    right: 10%;
}

.x_custom a {
    color: #505151;
}

.menu-title {
    color: white;
    text-align: center;
    background: #092946;
    margin-top: 0px;
    font-size: 16px;
    padding: 16px 0px;
    border-bottom: 1px solid #777373;
    box-shadow: 0px -1px 4px #777b7b;
    margin-bottom: 0px;
}

.panel-body {
    background: #fff;
}

.input-three .form-control{float:left;width:33.3333%;}



    .test23::before{
        content:'0';
        width:10px;
        height:10px;
        background:red
    }
     .test23{
         transform:translate3d(10px,20px,30px) rotate3d(20px,30px,40px, 45deg);
         background:lightgreen;
         transition:all 1s ease-in 0.2s;
         animation:mymove 5s  infinite;
         color:red;
         font-size:50px;
     }
   @keyframes mymove{
   from {top:0px;}
    to{top:200px}

    }

   /*监管区外查验列表*/
  .x_body.two .jg-content input, .x_body.two .jg-content select,.x_body.five .jg-content input, .x_body.five .jg-content select{
       height: 32px;
    line-height: 32px;
    border: solid 1px #c9c7c7!important;
    background-color: #fff;
    border-radius: 0px;
    display: block;
    padding-left: 10px;
    width: 100%;
    font-size: 14px;
    color: #666;
    box-sizing: border-box;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
   }
    .x_body.two  .jg-content .btn, .x_body.two   .jg-table td .btn， .x_body.five  .jg-content .btn, .x_body.five   .jg-table td .btn{
         padding:5px 12px;
         border-radius:0px;
     }
     .x_body.five  .jg-content  .btn-info, .x_body.five   .jg-table td  .btn-info{
         background:none;
         border:none;
         color:#23527c;
     }
  .x_body.two .jg-content  .btn-group.bootstrap-select.form-control .dropdown-toggle, .x_body.five .jg-content  .btn-group.bootstrap-select.form-control .dropdown-toggle{
       border-radius:0px !important;
       height:32px !important;
   }
   .x_body.two  .jg-content  .col-xs-3, .x_body.five  .jg-content  .col-xs-3{
        width:180px;
        padding-left:4px;
        padding-right:4px;
    }
   .x_body.two .jg-content  .col-xs-3  .form-group,.x_body.five .jg-content  .col-xs-3  .form-group{
        margin-bottom:4px;
    }
   .x_body.two .jg-table, .x_body.five .jg-table{
       width:100%;
       border-top:1px solid #ddd;
       border-bottom:1px solid #ddd;
   }
 .x_body.two .jg-table tr:nth-child(odd),.x_body.five .jg-table tr:nth-child(odd)  {
    background: #f3f4f6;
}
 .x_body.two .jg-table tr:hover, .x_body.five .jg-table tr:hover {
    background: #f8f8f8;
}
 .x_body.two .jg-table thead tr:first-child, .x_body.five .jg-table thead tr:first-child {
    border-bottom:1px solid #ddd;
}
  .x_body.two .jg-table tr th,  .x_body.five .jg-table tr th{
       background:#fff;
       font-weight:bold;

   }
  .x_body.two .jg-table tr th, .x_body.five .jg-table tr th{
       background:#fff;
       font-weight:bold;

   }
  .x_body.five .jg-table tr th{
      background-color: #dfe8f0;
  }
    .x_body.two   .jg-table td, .x_body.two .jg-table th, .x_body.five   .jg-table td, .x_body.five .jg-table th{
     color: #272f34;
    text-align: center;
    white-space: nowrap;
    word-wrap: break-word;
    position: relative;
    padding: 0 6px !important;
    line-height: 40px !important;
    font-size: 14px !important;
   }

    .jgq-content{
        font-size:14px;
    }
    

    .fold-a{
        display:block;
    }
    .dropdown .btn{
        width:100%;
    }
    /*@media screen and (max-width:1024px){
        .x_aside.five{position:fixed; z-index:1;}
        .marti .x_body {
            width: 100%;
        }
    }*/
    /*.mask-layer{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #000;
    opacity: 0.5;
    }*/
@media screen and (max-width: 1190px){
    #left-sidebar {
        width: 100%;
        max-width: 230px;
    }
}
.way-table td{
    white-space: nowrap;
    padding: 10px 15px !important;
}
.audit_opinion pre {
    background: none;
    border: none;
    white-space: break-spaces;
}
.audit_opinion ul{
    display:flex;
}
    .audit_opinion ul li {
        justify-content: center;
    }
.audit_img {
  width: 120px;
}
.audit_img img{
    width: 100%;
    height:auto;
}