html, body {
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    overflow-x: hidden;
}
body, h1, h2, h3, h4, p, dl, dd, dt {
    margin: 0;
    padding: 0;
    display: block;
    font-weight: normal;
}
img {
    display: block;
    border: none;
    max-width: 100%;
}
a {
    text-decoration: none;
    outline: none;
    display: block;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
* {
    color: #666666;
    font-size: 1.3rem;
    box-sizing: border-box;
}
.clear {
    clear: both;
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style-type: none;
}
i {
    font-style: normal;
}
input, select, textarea, button {
    padding: 0;
    margin: 0;
    resize: none;
    border-radius: 3px;
    border: solid 1px #d9edff;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: block;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999999;
}
body {
    min-height: 100vh;
    background-color: #ffffff;
}


.logo {
    text-align: center;
}

.logo img {
    width: 25%;
    margin: -50px auto 0 auto;
}
.user-section {
    background: #ffffff;
    border-radius: 10px;
}

.login-section {
    margin-top: 20%;
}

.login-main {
    width: 96%;
    margin: 20px auto;
}
.login_title {
    width: 100%;
    text-align: center;
    font-size: 2.4rem;
}

.header {
    display: block;
    height: 85px;
    background-image: url("../image/header_bg.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.header_avatar {
    width: 64px;
    height: 64px;
    border: 2px solid #007aff;
    background-color: rgba(0, 122, 255, 0.7);
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    padding: 10px;
    margin: 10px 0 0 30px;
    position: absolute;
}
.header_logout, .header_logout:hover, .header_change, .header_change:hover {
    border: 2px solid #ffffff;
    border-radius: 10px;
    display: inline-block;
    padding: 0 15px;
    color: #ffffff;
    margin: 20px 30px 0 120px;
    font-size: 24px;
    position: absolute;
}
.header_change, .header_change:hover {
    margin: 20px 30px 0 240px;
}
.header_user {
    display: inline-block;
    padding: 0 15px;
    color: #ffffff;
    margin: 30px 10px 0 0;
    font-size: 16px;
    position: absolute;
    right: 20px;
}
.header_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ffffff;
    display: inline-block;
}
.header_title {
    color: #ffffff;
    font-size: 36px;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
}
.content {
    min-height: 250px;
    padding: 10px;
    margin: 0 auto;
}
.col_left {
    width: 90%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
}
.col_right {
    width: 10%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.box_title {
    font-size: 2rem;
    font-weight: bold;
    line-height: 3rem;
    color: #007aff;
}
.layer_title {
    line-height: 50px;
    padding-left: 60px;
}
.box_table .table-bordered {
    border: 2px solid #DDDDDD!important;
}
.box_table .table th {
    font-size: 1.6rem!important;
    line-height: 3.92rem;
    text-align: center;
    background-color: #EEEEEE!important;
    color: #000000;
}
.box_table .table td {
    font-size: 1.6rem!important;
    line-height: 1.2rem;
    color: #000000;
}
.box_table .table td input, .box_table .table td select, .box_table .table td textarea {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 2.35rem;
    color: #ffe400;
    background-color: #00215b;
    border: none;
}
.box_table .table td input, .box_table .table td select {
    text-align: center;
}
.box_table .table td select {
    padding: 0 12px;
}
.box_table .table td option {
    color: #ffffff;
}
.table-bordered {
    border: 1px solid #DDDDDD!important;
}
.table-bordered th, .table-bordered td{
    padding: 1px!important;
    border: 1px solid #DDDDDD!important;
}
.table-no-bordered {
    border: 0!important;
    margin-bottom: 0!important;
}
.table-no-bordered th, .table-no-bordered td{
    border: 0!important;
}
.operate .btn {
    width: 100%;
    margin-bottom: 1.5rem;
}
.operate .btn span {
    font-size: 2.8rem;
    line-height: 10.6rem;
    color: #000000;
    display: block;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
}
.operate .btn span.icon_001 {
    background-image: url("../image/bg_icon_001.png");
}
.operate .btn span.icon_002 {
    background-image: url("../image/bg_icon_002.png");
}
.operate .btn span.icon_003 {
    background-image: url("../image/bg_icon_003.png");
}
.operate .btn span.icon_004 {
    background-image: url("../image/bg_icon_004.png");
}
.operate .btn span.icon_005 {
    background-image: url("../image/bg_icon_005.png");
}
.operate .btn span.icon_006 {
    background-image: url("../image/bg_icon_006.png");
}
.operate .btn span.icon_007 {
    background-image: url("../image/bg_icon_007.png");
}

.operate1 .btn {
    width: 100%;
    margin-bottom: 1.8rem;
}
.operate1 .btn span {
    line-height: 12.65rem;
}

.operate2 .btn {
    width: 100%;
    margin-bottom: 1.8rem;
}
.operate2 .btn span {
    line-height: 11.74rem;
}

.table_scroll {
    /*margin-bottom: 18px;*/
}
.table_scroll {
    border-bottom: 2px solid #FFFFFF;
}
.table_scroll.open_scroll {
    border-bottom: 2px solid #DDDDDD!important;
}
.table_scroll.open_scroll tr:last-child td {
    border-bottom: 0!important;
}


.table_scroll .table {
    border-top: 0!important;
    border-bottom: 0!important;
    margin-bottom: 0;
}
.table_scroll .table tr:first-child td {
    border-top: 0!important;
}

.table_scroll .table td {
    line-height: 3.75rem!important;
}
.table_scroll .table tr td:first-child {
    background-color: #eaf6fd;
}
.table_scroll .table tr td .btn_remove {
    width: 26px;
    height: 26px;
    display: block;
    margin: 8px auto;
    cursor: pointer;
    background-image: url("../image/bg_remove.png");
}
.table_scroll1 .table td {
    line-height: 3.66rem!important;
}
.table_scroll2 .table td {
    line-height: 3.53rem!important;
}
.table_001 th {
    line-height: 5rem!important;
}
.table_002 th {
    line-height: 4.2rem!important;
}
.table_002 td input, .table_002 td select {
    height: 3.92rem;
    line-height: 3.92rem!important;
}
.table_003 th {
    line-height: 3.92rem!important;
}
.table_003 td input, .table_003 td select {
    height: 5rem;
    line-height: 5rem!important;
}
.table_004 th {
    line-height: 4.4rem!important;
}
.table_004 td input, .table_004 td select {
    height: 4.2rem;
    line-height: 4.2rem!important;
}
.table_005 th {
    line-height: 4.2rem!important;
}
.table_005 td input, .table_005 td select {
    height: 5rem;
    line-height: 5rem!important;
}
.btn_bg {
    border: none;
    background-image: linear-gradient(#e4f4fd,#5bbbfc);
}
.btn_bg:active {
    background-image: linear-gradient(#5bbbfc,#e4f4fd);
}
.btn_bg:focus,
.btn_bg.focus {
    outline: none!important;
    border: none!important;
}
.box_table .table .btn-block {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #000000;
    background-color: #00215b;
}
.box_table .table .btn_jiejuan, .box_table .table .btn_zhuanpin {
    width: 94%;
    font-size: 2rem;
    line-height: 16.3rem;
    margin: 0.3rem 3%;
}
.box_table .table .btn_biaoji, .box_table .table .btn_beizhu {
    width: 94%;
    font-size: 2rem;
    line-height: 17.5rem;
    margin: 0.3rem 3%;
}
.box_table .table .btn_start, .box_table .table .btn_stop, .box_table .table .btn_crop, .box_table .table .btn_a {
    width: 98%;
    font-size: 2rem;
    line-height: 7rem;
    margin: 0.3rem auto;
    display: block;
}
.box_table .table .btn_start i, .box_table .table .btn_stop i, .box_table .table .btn_crop i {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px;
}
.box_table .table .btn_start i {
    background-image: url("../image/bg_start.png");
}
.box_table .table .btn_stop i {
    background-image: url("../image/bg_stop.png");
}
.box_table .table .btn_crop i {
    background-image: url("../image/bg_crop.png");
}
.form-control {
    height: 4rem;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
input {
    -moz-appearance: textfield;
}

.layui-layer-fast-msg .layui-layer-content {
    color: #ffffff;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #c5eaff;
}
.table-hover > tbody > tr:hover {
    background-color: #ffffff;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #c5eaff;
}

.table-hover > tbody > tr.active td:first-child {
    background-color: #c5eaff;
}

.form-footer button {
    font-size: 16px;
    padding: 5px 20px;
}

.row-between .col-xs-6 + .col-xs-6:before {
    content: "-";
    position: absolute;
    left: -2%;
    top: 6px;
}
.form-commonsearch .btn-success {
    background-color: #5bbbfc;
}

.fixed-table-container {
    border: none !important;
}
.fixed-table-container tbody .selected td {
    background-color: rgba(216, 224, 230, 0.5);
}
.fixed-table-container tbody td,
.fixed-table-container thead th {
    padding: 5px 10px!important;
}
.fixed-table-body {
    overflow: unset!important;
}

@keyframes bg_animation {
    0% { background-color: #eaf6fd; }
    50% { background-color: #ffffff; }
    100% { background-color: #eaf6fd; }
}
.bg_element {
    animation: bg_animation 0.2s 3;
}

.layui-layer-title {
    font-size: 2.3rem;
}
.layui-layer-content, .layui-layer-content td, .layui-layer-content input, .layui-layer-content select {
    font-size: 1.8rem!important;
    line-height: 3rem!important;
}
.layui-layer-btn a {
    font-size: 1.8rem!important;
    height: 3.5rem!important;
    line-height: 3.5rem!important;
}
.radio label {
    font-size: initial;
}
.radio input[type="radio"], .radio-inline input[type="radio"] {
    -webkit-appearance: radio!important;
    appearance: auto!important;
    margin-top: 8px;
}
.read_quantity {
    font-size: 3rem!important;
    line-height: 12rem!important;
    height: 12rem!important;
}
.read_quantity2 {
    font-size: 3rem!important;
    line-height: 14.5rem!important;
    height: 14.5rem!important;
}
.subtitle_right {
    font-size: 1.6rem;
    margin-right: 10px;
    color: #007aff!important;
    text-align: right!important;
}
.subtitle_right span {
    font-size: 1.6rem;
    color: #007aff!important;
}
.max_width_300 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 300px;
}
.max_width_200 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
}
.box_title_btn {
    float: right;
}
.box_title_btn .btn {
    padding: 6px 30px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}
.formula_materials_tbody td {
    height: 4.3rem!important;
}
.box_selects td a {
    margin: 0 10px 10px 0;
}
.checkissues_selects .label {
    font-size: 100%;
}

.fixed-table-container td .th-inner,
.fixed-table-container th .th-inner {
    padding: 6px 10px;
}