/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

:focus {
    outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
    color: #333;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


::-webkit-scrollbar {width: 8px;height:8px;}
::-webkit-scrollbar-track-piece{background-color: #eee;margin: -2px;}
::-webkit-scrollbar-thumb{background: #aaa;min-height: 150px;min-width: 150px;border-radius: 10px;}
::-webkit-scrollbar-thumb:vertical:hover{background: #555555}
::-webkit-scrollbar-thumb:horizontal:hover{background: #555555}


/**main**/
*{box-sizing:content-box;margin:0;padding:0;font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;}
a:link, a:visited, a:focus, a:hover {color: #333}
html, body {/*overflow-x: hidden*/}
#html-body{display:flex; flex-direction:column;}
#topbar {display: flex; flex-direction: row; background-color: #0EA306; min-width: 800px;height: 60px}
.topbar-brand {width: 150px; font-size: 22px;text-align: center;padding-top: 18px; color: #FFFFFF; min-width: 150px}
.topbar-right {width: 220px; position:relative}
.topbar-center {flex: 1; min-width: 600px}
.topbar-bg {color: #0EA306}
#topbar .topbar-center .el-menu-item {color: #FFF}
#topbar .topbar-right .el-dropdown { position: absolute; right: 12px; top: 13px;}
.vv-link {color: #72CB0C; text-decoration: underline; cursor: pointer}

.admin-topbar {background-color: #0EA306;}
.admin-main {display: flex; flex-direction:row;}
.admin-sidebar {width: 150px; min-width: 150px}
.el-submenu .el-menu-item {padding: 0 10px; min-width: 150px}

.admin-content {flex: 1; padding: 10px;}
.el-dropdown-menu {min-width: 120px}

.c-primary {color: #52CB0C}
.c-success {color: #67C23A}
.c-warning {color: #E6A23C}
.c-danger {color: #F56C6C}
.c-info {color: #909399}

.fs-xxl {font-size: 24px}
.fs-xl {font-size: 20px}
.fs-l {font-size: 18px}
.fs-m {font-size: 16px}
.fw-bold {font-weight: bold}

.bg-gray {background-color: #e6e6e6}
.vv-desc-box {background-color: rgb(243, 247, 248); color: #333; padding: 16px; border: 1px solid #CCCC99}
.vv-border-box {padding: 16px; border: 1px solid #CCCC99}
.hidden-x {overflow-x: hidden}

/**common**/
.p10-t {padding-top: 10px}
.p10-v {padding: 10px 0}
.p10 {padding: 10px}
.p10-h {padding: 0 10px}
.p20 {padding: 20px}
.p20-t {padding-top: 20px}
.p20-v {padding: 20px 0}
.p20-h {padding: 0 20px}
.m4-r {maring-right: 4px}
.m4-l {margin-left: 4px}
.m10-t {margin-top: 10px}
.m10-r {margin-right: 10px}
.m10-v {margin: 10px 0}
.m10 {margin: 10px}
.m10-h {padding: 0 10px}
.m20-v {margin: 20px 0}
.m20 {margin: 20px}
.m20-h {margin: 0 20px}
.vc-dlg-box {overflow-y: auto; overflow-x: hidden}
.vc-dlg-box-form {padding: 30px 0 10px}
.vc-dlg-box-table {}
.vc-dlg-box-l {width: 960px; height: 720px}
.vc-dlg-box-m {width: 800px; height: 600px}
.vc-dlg-box-s {width: 600px; height: 450px}
.table-query-form {background-color: #E0E0E0; padding: 16px 10px 0}
.table-cell-img-s {height: 36px;width:36px;}
.table-cell-img-m {width: 48px; height: 48px;}
.table-cell-img-popover {width: 400px}

.table-cell-form .el-input__inner {padding: 0 4px}
.table-cell-form .el-input-group__append, .el-input-group__prepend {padding: 0 4px}
.table-cell-form .el-form-item--mini.el-form-item {
    margin-bottom: 4px;
    margin-top: 4px;
}
.table-cell-form .el-date-editor.el-input {
    width: 142px;
}

.ipt-tips {color: #666666;font-size: 13px;}
.ipt-num {width: 50%}
.cascader-item {width: 460px}


.el-table .warning-row {
    background: oldlace;
}

.el-table .success-row {
    background: #f0f9eb;
}


/**component*/
.uploader-local .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.uploader-local .el-upload:hover {
    border-color: #52CB0C;
}
.uploader-local-icon {
    font-size: 28px;
    color: #8c939d;
    width: 88px;
    height: 88px;
    line-height: 88px;
    text-align: center;
}
.uploader-local-preview {
    width: 88px;
    height: 88px;
    display: block;
}
/*.uploader-l .uploader-local-icon, .uploader-l .uploader-local-preview {*/
    /*width: 178px;*/
    /*height: 178px;*/
    /*line-height: 178px;*/
/*}*/
.uploader-m .uploader-local-icon, .uploader-m .uploader-local-preview,
.uploader-m .el-upload--picture-card,
.uploader-m .el-upload-list--picture-card .el-upload-list__item {
    width: 88px;
    height: 88px;
    line-height: 88px;
}
.uploader-s .uploader-local-icon, .uploader-s .uploader-local-preview,
.uploader-s .el-upload--picture-card,
.uploader-s .el-upload-list--picture-card .el-upload-list__item {
    width: 48px;
    height: 48px;
    line-height: 48px;
}
.uploader-mini .uploader-local-icon, .uploader-mini .uploader-local-preview,
.uploader-mini .el-upload--picture-card,
.uploader-mini .el-upload-list--picture-card .el-upload-list__item {
    width: 32px;
    height: 32px;
    line-height: 32px;
}

/**rewrite**/
.el-menu--horizontal>.el-menu-item.is-active, .el-menu--horizontal>.el-submenu.is-active .el-submenu__title {color: #FFF;}
.m-form .el-input {width: 270px; margin-right: 8px;}
.m-form .table-cell-form .el-input {width: auto}

.input-division {width: 460px}
.table-cell-form .input-division {width: 100%}

.el-table .cell, .el-table th div, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell {
    padding-left: 4px;
}
.el-table .cell, .el-table th div {
     padding-right: 4px;
     overflow: hidden;
     text-overflow: ellipsis;
 }

/**mobile**/
html, body {
    overflow: auto;
    height: 100%;
}
#topbar {
    position: relative;
}
.menu-icon-wrap {
    position: absolute;
    display: none;
    width: 22px;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    padding: 4px;
}
.menu-icon-wrap .menu-line {
    display: block;
    height: 4px;
    background-color: #fff;
    border-radius: 1px;
}
.menu-icon-wrap .menu-line:not(:first-child) {
    margin-top: 3px;
}
.mobile-menu-wrap {
    position: absolute;
    z-index: 99;
    top: 60px;
    left: 0;
    width: 100%;
    height: 1000px;
    background-color: rgba(0,0,0,.6);
    display: none;
}
.mobile-menu-wrap.active {
    display: block;
}
.mobile-menu-first, .mobile-menu-second, .mobile-menu-third {
    vertical-align: top;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 125px;
    z-index: 999;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-radius: 3px;
    overflow: hidden;
}
.mobile-menu-second {
    left: 125px;
}
.mobile-menu-third {
    left: 245px;
}
@media screen and (max-width: 800px) {
    .admin-sidebar {
        display: none;
    }
    .topbar-center {
        display: none;
    }
    .menu-icon-wrap {
        display: block;
    }
}