@charset "UTF-8";
@import url('../js/layui/css/layui.css');
@import url('font-awesome/all.min.css');
@import url('logo/iconfont.css');
::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
}

:-ms-input-placeholder {
    color: #999;
}

html, body {
    background: #fff;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    font-family: "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Arial", "sans-serif";
    color: #444;
    min-width: 360px;
}

a {
    border: none;
    outline: none;
    color: #444;
    text-decoration: none;
    -webkit-transition: color 0.1s;
    -moz-transition: color 0.1s;
    -o-transition: color 0.1s;
    transition: color 0.1s;
}

a:hover {
    color: #111;
}

img {
    border: none;
    outline: none;
}

h1, h2, h3, h4, ul, li, dl, ol, p, table, td, dd {
    padding: 0;
    margin: 0;
}

ul, li, ol, dl, dt, dd {
    list-style: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.w100 {
    width: 100%;
}

.center {
    margin: 0 auto;
}

.iln {
    display: inline;
}

.ibk {
    display: inline-block;
}

.bk {
    display: block;
}

.p_rel, .p-rel {
    position: relative;
}

.p_abs, .p-abs {
    position: absolute;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.cut {
    overflow: hidden;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.nopadding {
    padding: 0 !important;
}

.x-red {
    color: #f00;
}

.x-green {
    color: #67C23A;
}

.x-orange {
    color: #FFB800;
}

.x-pink {
    color: #F56C6C;
}

.x-blue {
    color: #01AAED;
}

.x-purple {
    color: #7f00ff;
}

.x-light {
    color: #fff;
}

.x-dark {
    color: #393D49;
}

.x-gray {
    color: #d2d2d2;
}

.filter-gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    position: relative;
}

.filter-gray:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAQMAAAAlhr+SAAAAA3NCSVQICAjb4U/gAAAABlBMVEX////d3d0cZ2AmAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAKUlEQVQImWNoYGFw4GBQEGAQUGDgcGBgaWBgZgAhIAPIBQoCpYAKGlgAU1sD94/pNvQAAAAASUVORK5CYII=');
}

.disabled {
    pointer-events: none;
}

.simsun {
    font-family: 'simsun', '宋体';
}

.mg0 {
    margin: 0;
}

.margin10 {
    margin: 10px;
}

.mgt10 {
    margin-top: 10px;
}

.fz12 {
    font-size: 12px;
}

.fz14 {
    font-size: 14px;
}

.toolbar form label {
    padding: 5px 15px;
}

.toolbar form .layui-input-block {
    min-height: 30px;
    height: 30px;
}

.toolbar form .layui-input, .toolbar form .layui-select, .toolbar form .layui-textarea {
    height: 30px;
}

.toolbar form .layui-form-select dl {
    top: 32px;
}

.toolbar form .layui-form-select dl dd, .toolbar form .layui-form-select dl dt {
    line-height: 28px;
}

.toolbar form .layui-form-select dl dd.layui-this {
    background-color: #1E9FFF;
}

.pages.layui-laypage ul:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    width: 0;
    overflow: hidden;
}

.pages.layui-laypage li {
    float: left;
}

.pages.layui-laypage li.disabled a, .pages.layui-laypage li.disabled span {
    color: #d2d2d2 !important;
    cursor: not-allowed !important;
}

.pages.layui-laypage li:hover a, .pages.layui-laypage li.active span {
    border-color: #1E9FFF;
    background-color: #1E9FFF;
    color: #fff;
}

.pages.layui-laypage a, .pages.layui-laypage span {
    display: block;
    margin: 0 -1px 0 0;
}

.layui-form-item {
    margin-bottom: 10px;
}

.layui-form-checked[lay-skin=primary] i {
    background-color: #1E9FFF;
    border-color: #1E9FFF;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #1E9FFF;
}

.layui-form-radio>i:hover, .layui-form-radioed>i {
    color: #1E9FFF;
}

.layui-form-select dl dd.layui-this {
    background-color: #1E9FFF;
}

.lay-ext-mulitsel .layui-form-select dl dd.layui-this {
    background-color: #fff;
}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: #1E9FFF;
}

.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
    border-color: #1E9FFF;
}

.layui-form-onswitch {
    background-color: #1E9FFF;
    border-color: #1E9FFF;
}

.layui-form-switch {
    height: 18px;
    line-height: 18px;
}

.layui-form-switch i {
    top: 1px;
    left: 2px;
}

.layui-form-onswitch i {
    margin-left: -18px;
    left: 100%;
}

.layui-form-switch em {
    margin-right: 5px;
}

.layui-form-onswitch em {
    margin-right: 21px;
}

.layui-form-pane .layui-form-label {
    width: 130px;
    padding: 8px 10px;
    text-align: right;
}

.layui-form-pane .layui-input-block {
    margin-left: 130px;
}

.layui-form-pane .layui-form-text .layui-form-label {
    width: 100%;
    text-align: left;
}

.layui-form-pane .layui-form-text .layui-input-block {
    margin: 0;
}

.layui-tab-content {
    padding: 10px 0 0;
}

.layui-table-edit:focus {
    border-color: #1E9FFF !important;
}
.layui-btn-sm i.fa{
    font-size: 14px !important;
}
.layui-table-body .layui-none{
    padding: 8px 15px;
}

section.container form .unity, section.container form .unitw, section.container form .unitv, section.container form .unit {
    position: relative;
}

section.container form .unity:before, section.container form .unitw:after, section.container form .unitv:after, section.container form .unit:after {
    content: '%';
    position: absolute;
    right: 0;
    top: 0;
    height: 38px;
    line-height: 38px;
    width: 40px;
    text-align: center;
    color: #999;
}

section.container form .unity:before {
    content: '¥';
    left: 0;
}

section.container form .unitw:after {
    content: 'g';
}

section.container form .unitv:after {
    content: 'm³';
}

section.container form .unity input.layui-input {
    padding-left: 40px;
}

section.container a.test-btn {
    right: 4px;
    top: 4px;
    position: absolute;
}

section.container .layui-btn.layui-btn-xs i {
    width: 14px;
}

div.fieldBox {
    margin: 0 auto 10px;
    position: relative;
    overflow: hidden;
    border: 1px solid #dadde2;
}

div.fieldBox h3 {
    background: #edf1fa;
    padding: 8px 10px;
}

div.fieldBox div.fieldsetBox {
    margin: 10px;
    overflow: hidden;
    position: relative;
}

div.fieldBox div.fieldsetBox dl {
    margin: 10px auto;
}

div.fieldBox div.fieldsetBox dl dt {
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #dadde2;
}

div.fieldBox div.fieldsetBox dl dt a {
    font-size: 12px;
    font-weight: normal;
    color: #1E9FFF;
    margin-left: 10px;
}

div.fieldBox div.fieldsetBox dl dt a.delGroup {
    display: none;
    color: #FF5722;
    float: right;
}

div.fieldBox div.fieldsetBox dl dt:hover a.delGroup {
    display: block;
}

div.fieldBox div.fieldsetBox dl dd {
    width: 670px;
    padding: 10px;
    overflow: hidden;
    position: relative;
}

div.fieldBox div.fieldsetBox dl dd div.item {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
}

div.fieldBox div.fieldsetBox dl dd div.item div.optGroup {
    float: right;
    width: 90px;
    margin-top: 6px;
    display: none;
}

div.fieldBox div.fieldsetBox dl dd div.item div.optGroup a {
    font-size: 18px;
    font-family: FontAwesome;
    color: #999;
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

div.fieldBox div.fieldsetBox dl dd div.item:first-child div.optGroup a.up {
    display: none;
}

div.fieldBox div.fieldsetBox dl dd div.item:last-child div.optGroup a.down {
    display: none;
}

div.fieldBox div.fieldsetBox dl dd div.item.item-ghost, div.fieldBox div.fieldsetBox dl dd div.item.item-chosen {
    background: #f6f7fa;
}

div.fieldBox div.fieldsetBox dl dd div.item:hover:after {
    content: '';
    display: block;
    height: 1px;
    background: #dadde2;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

div.fieldBox div.fieldsetBox dl dd div.item:hover div.optGroup {
    display: block;
}

div.fieldBox div.fieldsetBox dl dd div.item div.optGroup a:hover {
    color: #1E9FFF;
}

div.fieldBox div.fieldsetBox dl dd div.item label {
    display: block;
    width: 140px;
    float: left;
}

div.fieldBox div.fieldsetBox dl dd div.item label span {
    display: inline-block;
    color: #f00;
    margin-left: 5px;
    vertical-align: middle;
}

div.fieldBox div.fieldsetBox dl dd div.item div.wrap {
    float: left;
    width: 300px;
    position: relative;
    margin-left: 15px;
}

div.fieldBox div.fieldsetBox dl dd div.item div.wrap input[type="text"] {
    height: 26px;
    border: 1px solid #dadde2;
    border-radius: 3px;
    width: 260px;
    padding: 0 5px;
    pointer-events: none;
}

div.fieldBox div.fieldsetBox dl dd div.item div.wrap.select:after {
    content: '\f107';
    display: block;
    font-family: FontAwesome;
    width: 30px;
    height: 26px;
    position: absolute;
    right: 32px;
    bottom: 7px;
    text-align: center;
    line-height: 26px;
    color: #9e9e9e;
}

div.fieldBox div.fieldsetBox dl dd div.item div.wrap span.fieldTpl {
    display: block;
    height: 40px;
    width: 260px;
    overflow: hidden;
    background: no-repeat left center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPMAAAAZBAMAAAAWBwXoAAAAA3NCSVQICAjb4U/gAAAAIVBMVEX////Hz93U2+XHz93////5+vzh5ezW3ObL0t/Hz93Fzdsqo5i1AAAAC3RSTlMAiO7u/////////2JJhLMAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAARklEQVRIiWNgtFo1IGDmAgahEJcBAeEJDKYDY7OLawPDkgGy2mXBqNWjVo9aPWr1qNWjVo9aPWr1ILV6ANtmA9giHbh2OABPHZeQh7vO+wAAAABJRU5ErkJggg==');
}

div.fieldBox div.fieldsetBox dl dd div.item div.wrap span.fieldTpl.select {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPMAAAAZCAMAAADT9+jpAAAAA3NCSVQICAjb4U/gAAAA9lBMVEX////Hz93Jz93Hz93////7/P36+/z5+vv4+fv3+fn29/n09fj09ffy8/bx8/Xw8fTv8fXt7vLt7/Pq7fLp6+/n6u7m6e7l6e/l5+zj5uvh5e3h5evh5Ong4+nf4und4efd4Ofb3+bb3eXX3efY3OPX2+PV2+XV2eHT2eTT19/R1t/O1eHP1N3O09zN0tvK0d7Hz93Kz9rJztnFzdvHzNfFy9bFytXDydTDydXBx9O/xdK/xdG9w9C7ws+5wM24v823vsu0u8q0u8mxucizucmwt8attcWrs8OpscGnsMGlrr+iq72hqryep7qdp7mcprmao7eWoLSOETmmAAAAUnRSTlMARETu////////////////////////////////////////////////////////////////////////////////////////////////////////bt9UAAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAIBSURBVFiF7ZhhU6JAGMctHxTFuCQwLK0kDBeTCDwJg+QOBSK7vO//ZW6hmxLPVxfBNPibYXd5XjD/37AsC6W9sl4syvul8iEUi8NySc87Q+boO+dCsHMuBluciTxyZEnCWYrbX3GrEVARwK9FY8YGvh+TfcBPIOFsWbzruit8yHBnAHqAIHZuOtD2DUkygrxi/j+Do9f+aPBWSs5tRCiattI0jQYwqo+2+XxvmjVkh3eNmnfee6hmmzcNBioVdZS63Zlt0wzHcS8tjmtSB2TTg/f7DKTyeyXWs078ccibIV6giOEN+VZad75djKXvr1xPw3F3hNBSQagbOdvLCd+ZPht5xP4YtHoFcKXS75XE3O6NYTSLmAAI4zN55sgvsnwGnXDGEmB2gPiCNxqO9ZMT/XitsOnsXNA0zQaRM167+7CEasV9ClrifP7kz+ds5olT4FJVL9fP/3H2F4uF99c5pLBz1yTx3K4zjI0YppJ13jQghsPEnmPDmXY0URRR7Ez9tLC24Ej4ea7jqjsRxfOs86YCkdxmJZzRo+fcCoIgBVDzfVHGpdbkmsDODUVRPEtRpGzDfg4JZ8OqOCw0R44DM3Qautb91LLtkfAjXq7Nbl4hU2Zzv31BAdXvkdDA4298+7TNtw54MX63dehtF/iC7L6rikExnYv433O/cP+39/4AbGT0tG5WOA8AAAAASUVORK5CYII=');
}

div.fieldBox div.fieldsetBox dl dd div.item div.wrap span.fieldTpl.radio {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMcAAAAQCAMAAACV4JtjAAAAA3NCSVQICAjb4U/gAAABGlBMVEX///82Q0M8PEsxPUk6OkYyPEY4OEjJ0eA2g+c1PkY1PEQ0OkY4OEg5OUIzOkkyOEQ2NkYyN0YwN0Q0OkYwOkMwOUY0OUQyN0YzOEIyNkQxNkc0OEQwOUYyOEQwN0QyNkTHz900hOgyOEQyOEIwN0QyNkIyOEQyOEIyNkIyNkQwN0QyOEIyOEQwN0QyNkQwNkIyOEQwOEIyNkIwN0QwNkQwOEIyOEQwN0QyNkQwNkIwN0QwNkLJ0d3H0N45hecwN0QwNkLHz902g+cwN0QwNkIwN0QwNkLO1eHHz91Qk+o5hec2g+cwN0QwNkL////7/f/5+vzq8/3r7vPh5e241PfGztugxfSUvfNloO1bmus7hugzgecxgOYwNkJKm+AQAAAAXnRSTlMAERERERERIiIiIiIiIiIiIiIiMzMzMzMzMzNERERERFVVVVVVVWZmZmZmd3d3d3eIiIiIiJmZmZmZqqq7u7u7u8zMzMzd3e7u7u7u7u7/////////////////////ZBja+gAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAI8SURBVEiJ3ZZrW9owGIbfghMnODdFwaEbMmRsBeQwBrOKBUMoaFNADgL2//+NJW3Z+JC0Y+sl17XnQ0iB9354EnIA8FXJa22s3SQ3RDpv9Ba9xvk/e4eanWGf9IedZmgDpJ1WdzQwBqNua2f5Vjjm6IA+3J6eUQF8+0AfpICLufZIbD1qIS+SdOgWYx1SYNeOcT81rBJjer8MklMcVQBi7SMFFYuvoZyCgmqeid2bS3Nq3/Qg1TFqZ3whXWGM2Ji0poRMZvPZhJBpi8OsVkDO05corckksDhHskN+q5N0J30EiD9s+UF6A1C6omuja5CnZ6YnYnTtNbId+KVtSc+BivD3WrySph+55LgerrgPb7xIEDBFOdYlVX8ANEZk8mxrQkYNq0ZtM5msUTN6TkIgZ7xzaP0V977mRYLsrS+kPVlR9gB6AzJzcszIoOeQJIAosuvzcrEkKW+tOXTNMSarGnuRorpwpa9FOqgh9QRgYZC5k2NOjIVTo2RZTb4McJgutVN3CLxz8EZRTIrgtE8kgAIWzMcptrJLmG5raTkMl/U/yMH7VwtJr3BWCFqPRLVrBrnrw/q1bA4T7SCtgYgeB3nfKwd3lxGQJFQQx1iLFPwEUMH8/epSoc3FHW3KVVaDrLErpgCbVCmRPWfXF5E+M5D5zgdSBOlYOQbu+fF+CyqKXmLdAK2p1WnnaxmHXYaQiXMKvwRJsr/AO88BjtMJp7efiLG7yMmXIw9zwa3oxUic+9Vf6/+4725QPwHuCRSKCJxJaAAAAABJRU5ErkJggg==');
}

div.fieldBox div.fieldsetBox dl dd div.item div.wrap span.fieldTpl.checkbox {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMcAAAAQCAMAAACV4JtjAAAAA3NCSVQICAjb4U/gAAAA8FBMVEX///8riuo2Q0M8PEsxPUk6OkYyPEY4OEgoh+c1PkY1PEQ0OkY4OEg5OUIzOkkyOEQ2NkYyN0YwN0Q0OkYwOkMwOUY0OUQyN0YzOEIyNkQxNkc0OEQwOUYyOEQwN0QyNkQnguYyOEQyOEIwN0QyNkIyOEQyOEIyNkIyNkQwN0QyOEIyOEQwN0QyNkQwNkLHz90mgecyOEQwOEIyNkIwN0QwNkQwOEIyOEQwN0QyNkQwNkImgecwN0QwNkIwN0QwNkIwN0QwNkImgeclgecwN0QwNkLU2+XHz90mgecwN0QwNkL////5+vzFzdslgecwNkJulDl4AAAAUHRSTlMAERERERERESIiIiIiIiIiIiIiMzMzMzMzMzNERERERFVVVVVVZmZmZmZ3d3d3d4iIiIiIiIiZmZmZmaqqqru7zMzd3d3d7u7u7u7//////8RP6+0AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAB/klEQVRIid2W7VKbQBhGHyFWa2JtNZrYaG1K07Qk0XzQNGlEXMsaiibc/934LixKxywdkEln+vxYlmHes5xdPhYoLhfzRZz5xdpJfW8Zx+u/aPDb+7s497cvEclD6i+TkSLlmsw+nVydnFKA7x/oRNOVpPnT4DT8/C8k7UB9T9lI+o647P3h4UU1HVvGAmruoc0Gg9cYNdFzglPl6Iu7ZBbppClnbqsQ0iXnjOYkITH7uFw+h44tmF06VKmm1eAZPVSkM6D+e7MI0htgeJn0mGHbizy29MdsaX4HDuM/JnXLoEsZPVJI0IMsHmmk8c+EB2ncyPVwXJFANE7L72gMZiufRwoJ7atCSLumbe8Kj9nNk0b8XGlAlUX1XXMw1Oy34Rpm9kghVX3lm56JtD9hzjF5/AoFpEbsYbdFTXcEHBhDt3nNkNdDRapwoyAS0OPhepBCrCE9TnjornH6rBlmGefTvB4q0iveVoKykSg7QQnhI7URa0gPcbdiDRtuiWpQ8esw93J5KEga66k1MpFKnwCLR+/542pIj3Obms/X1IzGooaFczdoggeUZobRVaQvAhS8K4BUYT63j+T3ahZrRB7vN2HZ/lB0daqZTKnzbcTLKVOI1X/hdZC08PrK/zlwZDRkb69RE3uR46+H6YOrdkVrIq3cX+XLf7Lf/ad5AJxwJ6JCoe/ZAAAAAElFTkSuQmCC');
}

div.fieldBox div.fieldsetBox dl dd div.item div.wrap span.fieldTpl.textarea {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPMAAAAZBAMAAAAWBwXoAAAAA3NCSVQICAjb4U/gAAAAIVBMVEX////Hz93U2+XHz93////5+vzh5ezW3ObL0t/Hz93Fzdsqo5i1AAAAC3RSTlMAiO7u/////////2JJhLMAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAARklEQVRIiWNgtFo1IGDmAgahEJcBAeEJDKYDY7OLawPDkgGy2mXBqNWjVo9aPWr1qNWjVo9aPWr1ILV6ANtmA9giHbh2OABPHZeQh7vO+wAAAABJRU5ErkJggg==');
}

div.popFieldBox {
    width: 600px;
    height: 430px;
    padding: 15px;
    padding-bottom: 0;
    background: #fff;
    overflow: hidden;
}

div.popFieldBox dl dt {
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    margin-bottom: 5px;
}

div.popFieldBox dl.left {
    float: left;
    width: 185px;
    height: 380px;
    overflow: hidden;
}

div.popFieldBox dl.left dd {
    border: 1px solid #dadde2;
    height: 340px;
    overflow: auto;
}

div.popFieldBox dl.left dd a {
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    font-size: 12px;
}

div.popFieldBox dl.left dd a:hover {
    background-color: #f2f2f2;
}

div.popFieldBox dl.left dd a.on {
    background: #1E9FFF;
    color: #fff;
}

div.popFieldBox dl.right {
    width: 400px;
    height: 380px;
    float: right;
}

div.popFieldBox dl.right .form-item {
    line-height: 32px;
    font-size: 12px;
    margin-bottom: 5px;
}

div.popFieldBox dl.right .form-item:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}

div.popFieldBox dl.right .form-item label {
    display: block;
    width: 70px;
    float: left;
    font-size: 12px;
    color: #727c8f;
}

div.popFieldBox dl.right .form-item .wrap {
    float: left;
    max-width: 310px;
}

div.popFieldBox dl.right .form-item input[type="text"] {
    padding: 0 7px;
    font-size: 12px;
    width: 240px;
    height: 25px;
    line-height: 1.5;
    color: #303642;
    border: 1px solid #d4deee;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.popFieldBox dl.right .form-item textarea {
    padding: 5px 7px;
    font-size: 12px;
    width: 240px;
    height: 70px;
    line-height: 1.5;
    color: #303642;
    display: block;
    border: 1px solid #d4deee;
    border-radius: 3px;
    resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.popFieldBox dl.right .form-item input[type="text"]:hover, div.popFieldBox dl.right .form-item input[type="text"]:focus, div.popFieldBox dl.right .form-item textarea:hover, div.popFieldBox dl.right .form-item textarea:focus, div.popFieldBox dl.right .form-item .layui-form-selected input[type="text"] {
    border-color: #1E9FFF !important;
}

div.popFieldBox dl.right .form-item .layui-form-radio {
    margin-top: 0;
}

div.popFieldBox dl.right .form-item .layui-form-radio * {
    font-size: 12px;
}

div.popFieldBox dl.right .form-item .layui-form-radio i {
    font-size: 18px;
}

div.popFieldBox dl.right .form-item select {
    width: 240px;
    border: 1px solid #d4deee;
    border-radius: 3px;
    height: 25px;
}

div.popFieldBox dl.right .form-item .layui-form-select {
    margin-top: 3px;
}

div.popFieldBox dl.right .form-item .layui-form-selected dl {
    max-height: 150px;
    top: auto;
    bottom: 27px;
    padding: 0;
}

div.popFieldBox dl.right .form-item .layui-form-select dl dd, div.popFieldBox dl.right .form-item .layui-form-select dl dt {
    line-height: 24px;
}

div.popFieldBox div.bottom {
    height: 30px;
    padding: 6px 15px;
    background: #F8F8F8;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #eee;
}

div.tagBox {
    border: 1px solid #dadde2;
    height: 540px;
    overflow: hidden;
}

div.tagBox>div.left {
    width: 240px;
    float: left;
    height: 100%;
    border-right: 1px solid #dadde2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.tagBox>div.left>h3, div.tagBox>div.right>h3 {
    height: 30px;
    line-height: 30px;
    padding: 8px 10px;
    background: #edf1fa;
    overflow: hidden;
}

div.tagBox>div.left div.tagGroup {
    height: calc(100% - 46px);
    overflow: auto;
}

div.tagBox>div.left div.tagGroup a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    margin: 5px 0;
}

div.tagBox>div.left div.tagGroup a.on {
    background: #1E9FFF;
    color: #fff;
}

div.tagBox>div.right {
    float: left;
    width: calc(100% - 240px);
}

div.tagBox>div.right>h3 a {
    color: #666;
    margin-left: 8px;
    font-size: 14px;
}

div.tagBox>div.right>h3 a:hover {
    color: #1E9FFF;
    text-decoration: underline;
}

div.tagBox>div.right div.wrapBox {
    margin: 10px 15px;
    overflow: hidden;
}

div.tagBox>div.right div.wrapBox div.title {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

div.tagBox>div.right div.wrapBox div.title div.optGroup {
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
    display: none;
}

div.tagBox>div.right div.wrapBox div.title div.optGroup:before {
    content: '';
    display: block;
    width: 1px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 3px;
    background: #dadde2;
}

div.tagBox>div.right div.wrapBox div.title div.optGroup a {
    float: left;
}

div.tagBox>div.right div.wrapBox div.tags {
    overflow: auto;
    height: 380px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.tagBox>div.right div.wrapBox div.tags a {
    display: block;
    float: left;
    margin: 0 15px 15px 0;
    padding: 3px 10px;
    border: 1px solid #dadde2;
    border-radius: 3px;
    position: relative;
}

div.tagBox>div.right div.wrapBox div.tags a i.removeThisTag {
    display: none;
    width: 18px;
    height: 18px;
    color: #FF5722;
    background: #fff;
    border-radius: 50%;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    position: absolute;
    right: -9px;
    top: -8px;
}

div.tagBox>div.right div.wrapBox div.tags a:hover, div.tagBox>div.right div.wrapBox div.tags a.on {
    border-color: #FF5722;
}

div.tagBox>div.right div.wrapBox div.tags:not(.select) a:hover i.removeThisTag {
    display: block;
}

div.tagBox>div.right div.wrapBox div.tags.select a:hover, div.tagBox>div.right div.wrapBox div.tags.select a.on {
    background: #FF5722;
    color: #fff;
}

div.tagBox>div.right div.wrapBox div.bottom {
    height: 22px;
    line-height: 22px;
}

div.tagBox>div.right div.wrapBox div.bottom .setColor>span {
    display: block;
    width: 22px;
    height: 22px;
    float: right;
    margin-left: 8px;
    overflow: hidden;
    border-radius: 2px;
}

div.tagBox>div.right div.wrapBox div.bottom .setColor>span .layui-colorpicker {
    padding: 0;
    border: none;
    border-radius: 0;
}

div.tagBox>div.right div.wrapBox div.bottom .setColor>span .layui-colorpicker i {
    display: none;
}

div.tagBox>div.right div.wrapBox div.bottom .setColor>span .layui-colorpicker-trigger-span {
    border: none;
    border-radius: 0;
}

div.colorsBox {
    margin: 10px;
    overflow: hidden;
}

div.colorsBox div.wrap {
    overflow: hidden;
}

div.colorsBox div.wrap a {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin: 5px 10px 20px;
    border: 10px solid;
    border-radius: 3px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.colorsBox div.wrap a.on:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border: 2px solid;
    position: absolute;
    left: -14px;
    top: -14px;
    border-radius: 5px;
    border-color: inherit;
}

div.colorsBox div.bottom {
    margin-top: 10px;
    text-align: right;
}

.form-item-box {
    margin: 15px auto 0;
}

.form-item-box .form-item {
    margin-bottom: 15px;
    overflow: hidden;
}

.form-item-box .form-item label {
    display: block;
    font-weight: bold;
    margin-bottom: 15px;
}

.form-item-box .form-item label small {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    display: block;
}

.form-item-box .form-item div.wrap {
    overflow: hidden;
}

.form-item-box .form-item .layui-form-radio, .form-item-box .form-item .layui-form-switch {
    margin-top: 0;
}

.form-item-box .layui-input, .form-item-box .layui-select, .form-item-box .layui-textarea {
    height: 32px;
}

.form-item-box .form-item input {
    height: 26px;
    border: 1px solid #dadde2;
    border-radius: 3px;
    width: 60px;
    padding: 0 5px;
    text-align: center;
}

.form-item-box .form-item p {
    margin-bottom: 10px;
    line-height: 32px;
}

div.recycleWrap, div.stepWrap {
    pointer-events: none;
    opacity: 0.5;
}

div.recycleWrap.on, div.stepWrap.on {
    pointer-events: auto;
    opacity: 1;
}

select#resetTag {
    width: 240px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #dadde2;
    border-radius: 3px;
}

.timePicker {
    border: 1px solid #d2d2d2;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
    padding: 20px 0 15px 0;
    position: absolute;
    z-index: 100;
    margin: 5px 0;
    border-radius: 2px;
    width: 280px;
}

.timePicker .time-div .time-info {
    padding: 0 10px;
}

.timePicker .time-div .time-info ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 10px;
}

.timePicker .time-div .time-info ul span {
    color: #ccc;
}

.timePicker .time-div .time-info ul li {
    padding: 2px 7px;
    cursor: pointer;
}

.timePicker .time-div .time-info ul li input {
    display: none;
}

.timePicker .time-div .time-info ul .active {
    background-color: #407fff;
    border-radius: 10px;
    color: #fff;
}

.timePicker .time-div .time-custom {
    cursor: pointer;
    margin-bottom: 10px;
    background-color: #F4F6FC;
    padding: 10px;
}

.timePicker .time-div .time-custom .layui-timepicker-custom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.timePicker .time-div .time-custom .layui-timepicker-custom i {
    font-size: 14px;
}

.timePicker .time-div .time-custom .time-select {
    display: none;
    margin-top: 10px;
    justify-content: space-between;
}

.timePicker .time-div .time-custom .time-select input {
    height: 30px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 2px;
    display: block;
    width: 120px;
    padding-left: 10px;
}

.timePicker .time-div .time-down {
    padding: 0 10px;
}

.timePicker .time-div .time-down .sure {
    float: right;
    padding: 5px 20px;
    border: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
}