@charset "utf-8";
/* CSS Document */
html {
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #2c3e50;
    background: #f2f2f2;
    width: 100%;
    height: 100%;
    line-height: 18px;
    width: expression((documentElement.clientWidth < 1260) ? "1260px" : "100%" );
    zoom: 1;
    font-weight: normal;
    font-size: 12px;
    font-family: "微软雅黑", Arial;
    overflow-y: hidden;
}

ul, li, form, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 {
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    font-family: "微软雅黑", Arial;
}

ul, li {
    list-style: none;
}

table {
    max-width: inherit;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 12px;
}

em {
    font-style: normal;
    padding: 0px;
    margin: 0px;
}

select, input, textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #2c3e50;
    font-size: 12px;
}

input:focus {
    outline: none;
}

input, button, select, textarea {
    outline: none;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: "微软雅黑", Arial; /*-webkit-appearance:none;*//*强制去除表单自带的样式*/
}

textarea {
    resize: none; /*-webkit-appearance:none;*//*强制去除textarea自带的样式*/
}

input[type="radio"], input[type="checkbox"] {
    margin: 0;
}

.radio {
    margin: 0 2px;
    padding: 0;
}

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

/*html5设置*/
figure, figcaption {
    margin: 0px;
    padding: 0px;
}

img {
    border: none;
    max-width: 100%;
    vertical-align: top;
}

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

a {
    color: #2c3e50;
    text-decoration: none;
    noline: -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus {
    outline: none;
    -moz-outline: none;
    text-decoration: none;
    color: #2c3e50;
}

a:hover {
    text-decoration: none;
    color: #4b96e9;
}

pre {
    font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
}

.clear {
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

.space5 {
    clear: both;
    height: 5px;
    overflow: hidden;
}

.space10 {
    clear: both;
    height: 10px;
    overflow: hidden;
}

.space15 {
    clear: both;
    height: 15px;
    overflow: hidden;
}

.space20 {
    clear: both;
    height: 20px;
    overflow: hidden;
}

/*字体大小*/
.f12 {
    font-size: 12px !important;
}

.f13 {
    font-size: 13px !important;
}

.f14 {
    font-size: 14px !important;
}

.f15 {
    font-size: 15px !important;
}

.f16 {
    font-size: 16px !important;
}

.f17 {
    font-size: 17px !important;
}

.f18 {
    font-size: 18px !important;
}

.f19 {
    font-size: 19px !important;
}

.f20 {
    font-size: 20px !important;
}

.f22 {
    font-size: 22px !important;
}

.f24 {
    font-size: 24px !important;
}

.f26 {
    font-size: 26px !important;
}

.f28 {
    font-size: 28px !important;
}

.f30 {
    font-size: 30px !important;
}

.f32 {
    font-size: 32px !important;
}

.f34 {
    font-size: 34px !important;
}

.fmy {
    font-family: 'Microsoft Yahei', Verdana, "\u5fae\u8f6f\u96c5\u9ed1", "\5b8b\4f53", Arial;
}

.far {
    font-family: Arial, "\5b8b\4f53", sans-serif;
}

/*显示隐藏*/
.hide {
    display: none !important;
}

.show {
    display: block;
}

.di {
    display: inline;
}

.dib {
    display: inline-block;
}

/*圆角*/
.rdu {
    -webkit-border-radius: 1000px;
    -ms-border-radius: 1000px;
    border-radius: 1000px;
}

.rdu3 {
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.rdu4 {
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.rdu5 {
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.rdu10 {
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

/*左右对齐*/
.fl {
    float: left;
}

.fr {
    float: right;
}

/*定位*/
.jeovh {
    overflow: hidden;
}

.jepor {
    position: relative;
}

.jepoa {
    position: absolute;
}

.jepof {
    position: fixed !important;
}

/*文本对齐*/
.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

/*字体下划线*/
.tdu {
    text-decoration: underline;
}

.tdn, .tdn:hover, .tdn a:hover, a.tdu:hover {
    text-decoration: none;
}

/*左右自动*/
.jeauto {
    margin-left: auto;
    margin-right: auto;
}

.jew100 {
    width: 100%;
}

/*margin*/
.ml0 {
    margin-left: 0;
}

.ml2 {
    margin-left: 2px;
}

.ml5 {
    margin-left: 5px;
}

.ml8 {
    margin-top: 8px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml50 {
    margin-left: 50px;
}

.mr0 {
    margin-right: 0;
}

.mr2 {
    margin-right: 2px;
}

.mr5 {
    margin-right: 5px;
}

.mr8 {
    margin-right: 8px;
}

.mr10 {
    margin-right: 10px;
}

.mr12 {
    margin-right: 12px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr50 {
    margin-right: 50px;
}

.mt0 {
    margin-top: 0;
}

.mt5 {
    margin-top: 5px;
}

.mt8 {
    margin-top: 8px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mb0 {
    margin-bottom: 0;
}

.mb5 {
    margin-bottom: 5px;
}

.mb8 {
    margin-top: 8px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.m0 {
    margin: 0;
}

.m5 {
    margin: 5px;
}

.m8 {
    margin: 8px;
}

.m10 {
    margin: 10px;
}

.m15 {
    margin: 15px;
}

.m20 {
    margin: 20px;
}

.m25 {
    margin: 25px;
}

.m30 {
    margin: 30px;
}

/*padding*/
.pl0 {
    padding-left: 0;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px;
}

.pt0 {
    padding-top: 0;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pr0 {
    padding-right: 0;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}

.pr30 {
    padding-right: 30px;
}

.pb0 {
    padding-bottom: 0;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.p0 {
    padding: 0;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p25 {
    padding: 25px;
}

.p30 {
    padding: 30px;
}

/*背景色*/
.bg-no {
    background-color: transparent;
}

/*w无色*/
.bg-wh {
    background-color: #ffffff;
}

/*白色*/
.bg-gray {
    background-color: #E6E6E6;
}

/*默认-灰色*/
.bg-blue {
    background-color: #00a4ff;
}

/*蓝色*/
.bg-green {
    background-color: #5EB95E;
}

/*绿色*/
.bg-orange {
    background-color: #F37B1D;
}

/*橙色*/
.bg-red {
    background-color: #f74c31;
}

/*红色*/
.bg-purple {
    background-color: #8E488E;
}

/*紫色*/
.bg-F8 {
    background-color: #f8f8f8;
}

/*灰色*/
.bg-F4 {
    background-color: #f4f4f4;
}

/*灰色*/

/*字体颜色*/
.g0 {
    color: #000;
}

.g3 {
    color: #333;
}

.g6 {
    color: #666;
}

.g9 {
    color: #999;
}

.ga {
    color: #aaa;
}

.gb {
    color: #bbb;
}

.gc {
    color: #ccc;
}

.gd {
    color: #ddd;
}

.ge {
    color: #eee;
}

.red {
    color: #e74c3c;
}

.blue {
    color: #4b96e9;
}

.green {
    color: #27ae60;
}

.orange {
    color: #e74c3c;
}

.white {
    color: #fff;
}

.purple {
    color: #8E488E;
}

.gray {
    color: #7f8c8d;
}

a.red {
    color: #e74c3c;
}

a.blue {
    color: #4b96e9;
}

a.green {
    color: #27ae60;
}

a.orange {
    color: #e74c3c;
}

a.white {
    color: #fff;
}

a.purple {
    color: #8E488E;
}

a.gray {
    color: #7f8c8d;
}

/*顶部导航 start*/
.review-header {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
    /*去除上面这段css，否则IE中首页顶部样式错乱*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .08);
    background-color: #fff;
    width: 100%;
    height: 50px;
}

.review-header .logo-link {
    padding-top: 10px;
    position: absolute;
    left: 50px;
}

.review-header .logo-link .logo {
    width: 25px;
    padding-bottom: 5px;
}

.review-header .title {
    font-size: 18px;
    font-weight: bold;
    color: #00a6f7;
}

.review-header .layui-nav {
    position: absolute;
    right: 30px;
    background-color: #fff !important;
}

.review-header .layui-nav .layui-nav-item {
    line-height: 50px;
}

.review-header .layui-nav .layui-nav-item a {
    color: #666;
}

.review-header .layui-nav .layui-nav-item a:hover {
    color: #00a6f7;
}

.review-header .layui-nav .layui-nav-more {
    border-color: #666 transparent transparent;
    border-top-color: #666;
}

.review-header .layui-nav .layui-nav-mored, .review-header .layui-nav-itemed > a .layui-nav-more {
    margin-top: -9px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #666;
}

.review-header .layui-nav .layui-nav-child {
    top: 55px;
}

.review-header .layui-nav .layui-nav-child dd.layui-this a, .review-header .layui-nav-child dd.layui-this {
    background-color: #fff;
    color: #666;
}

.review-header .layui-nav .layui-nav-child a:hover, .review-header .layui-nav-child dd.layui-this a:hover {
    background-color: #1E9FFF;
    color: #fff;
}

/*顶部导航 end*/

/*内容展示区 start*/
.review-background-pic {
    position: relative;
    z-index: -999999;
}

.review-background-pic .left {
    width: 300px;
    position: absolute;
    left: -100px;
    top: 200px;
}

.review-background-pic .right {
    width: 300px;
    position: absolute;
    right: 0px;
    top: 400px;
}

.review-app-container {
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    /*bottom: 0;*/
    /*09.11 0 改成70px*/
    bottom: 70px;
    overflow: hidden;
}

.review-app {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.review-wrap {
    padding: 16px 24px;
}

.review-panel {
    padding: 12px 16px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .13);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .13);
    background: #fff;
}

/*内容展示区 end*/

/*页脚 start*/
.review-footer {
    position: absolute;
    bottom: 0px;
    padding: 20px 0px 30px 0px;
    color: #666;
    text-align: center;
    width: 100%;
}

.review-footer a {
    color: #666;
}

/*页脚 end*/

/*表格 start*/
.review-table-panel .layui-table thead tr, .review-table-panel .layui-table-header {
    background-color: #fff;
}

.review-table-panel .layui-table-view {
    border: none;
    margin: 0px;
}

.review-table-panel .layui-table-header th {
    font-weight: bold;
    color: #888;
    text-align: center;
}

.review-table-panel .layui-table-view .layui-table td, .review-table-panel .layui-table-view .layui-table th {
    border-right: none;
    padding: 10px 0;
}

.review-table-panel .layui-table td, .review-table-panel .layui-table th {
    min-height: 40px;
    line-height: 40px;
}

.review-table-panel .layui-table-cell {
    height: auto;
    min-height: 20px;
    line-height: 38px;
}

.layui-table-view .layui-table td .paper-table td {
    min-height: 20px !important;
    line-height: 20px !important;
    border: none;
    padding: 0px 5px;
}

.layui-table-view .layui-table td a.link {
    color: #1e9fff;
}

.layui-table-view .layui-table td a.link:hover {
    color: #5fbbff;
}

.review-table-panel .layui-table tbody tr:hover, .review-table-panel .layui-table thead tr, .review-table-panel .layui-table-click, .review-table-panel .layui-table-header, .review-table-panel .layui-table-hover, .review-table-panel .layui-table-mend, .review-table-panel .layui-table-patch, .review-table-panel .layui-table-tool, .review-table-panel .layui-table-total, .review-table-panel .layui-table-total tr, .review-table-panel .layui-table[lay-even] tr:nth-child(even) {
    background-color: #fff;
}

.review-table-panel .layui-table-page {
    padding: 15px 7px 0;
    height: 49px;
}

.review-table-panel .layui-laypage input:focus, .review-table-panel .layui-laypage select:focus {
    border-color: #1e9fff !important;
}

.review-table-panel .layui-laypage a:hover {
    color: #1e9fff;
}

/*表格 end*/

/*表单 start*/
.review-form-panel .fieldlist {
    margin: 0 0 -2em;
    padding: 0;
}

.review-form-panel .fieldlist > li {
    list-style: none;
    padding-bottom: 2em;
    position: relative;
}

.review-form-panel .fieldlist label.text-label {
    display: block;
    padding-bottom: 1em;
    text-transform: uppercase;
    font-size: 14px;
    color: #666;
}

.review-form-panel .k-input, .review-form-panel .k-multiselect-wrap, .review-form-panel .k-textbox > input, .review-form-panel input.k-textbox, .review-form-panel input.k-textbox:hover, .review-form-panel textarea.k-textbox, .review-form-panel textarea.k-textbox:hover {
    color: #666;
}

.review-form-panel .k-dateinput.k-state-disabled > .k-textbox:hover, .review-form-panel .k-maskedtextbox.k-state-disabled > .k-textbox:hover,
.review-form-panel .k-multiselect-wrap, .review-form-panel input.k-textbox, .review-form-panel textarea.k-textbox {
    border-color: #DCDFE6;
}

.review-form-panel .k-autocomplete.k-state-hover, .review-form-panel .k-dropdown-wrap.k-state-hover, .review-form-panel .k-numeric-wrap.k-state-hover, .review-form-panel .k-overflow-anchor:hover, .review-form-panel .k-picker-wrap.k-state-hover, .review-form-panel .k-textbox:hover {
    box-shadow: none;
    border-color: #C0C4CC;
}

.review-form-panel .k-autocomplete.k-state-active, .review-form-panel .k-dropdown-wrap.k-state-active, .review-form-panel .k-multiselect.k-header.k-state-active, .review-form-panel .k-numeric-wrap.k-state-active, .review-form-panel .k-picker-wrap.k-state-active, .review-form-panel .k-textbox:focus,
.review-form-panel .k-autocomplete.k-state-focused, .review-form-panel .k-dropdown-wrap.k-state-focused, .review-form-panel .k-multiselect.k-header.k-state-focused, .review-form-panel .k-numeric-wrap.k-state-focused, .review-form-panel .k-picker-wrap.k-state-focused {
    box-shadow: none;
    border-color: #95c9ff !important
}

.review-form-panel input.k-textbox {
    height: 36px;
}

.review-form-panel .k-autocomplete input.k-input, .review-form-panel .k-combobox input.k-input {
    height: 34px;
}

.el-popper.el-cascader__dropdown {
    z-index: 20000 !important;
}

.review-form-panel .k-textbox:focus {
    border-color: #95c9ff;
}

.review-form-panel .k-checkbox-block, .review-form-panel .k-radio-block {
    height: 20px;
    display: inline-table;
}

.review-form-panel .k-checkbox-item, .review-form-panel .k-radio-item {
    float: left;
    margin-right: 20px;
    padding: 5px 0px;
}

.review-form-panel .k-checkbox-item .k-checkbox-label, .review-form-panel .k-radio-item .k-radio-label {
    padding-left: 25px;
    color: #666;
}

.review-form-panel .k-checkbox + .k-checkbox-label:active:after, .review-form-panel .k-checkbox:active + .k-checkbox-label:after {
    box-shadow: none !important;
    background: none !important;
}

.review-form-panel .k-checkbox:checked + .k-checkbox-label:active:after, .review-form-panel .k-checkbox:checked + .k-checkbox-label:focus:after, .review-form-panel .k-checkbox:checked:active + .k-checkbox-label:after, .review-form-panel .k-checkbox:checked:focus + .k-checkbox-label:after {
    box-shadow: none !important;
    background: none !important;
}

.review-form-panel .k-checkbox:focus + .k-checkbox-label:after {
    box-shadow: none !important;
    background: none !important;
}

.review-form-panel .k-combobox, .review-form-panel .k-combobox .k-input, .review-form-panel .k-datepicker, .review-form-panel .k-datepicker .k-input, .review-form-panel .k-datetimepicker, .review-form-panel .k-datetimepicker .k-input, .review-form-panel .k-timepicker, .review-form-panel .k-timepicker .k-input {
    background-color: #fff;
}

.review-form-panel .k-autocomplete, .review-form-panel .k-dropdown-wrap.k-state-default, .review-form-panel .k-numeric-wrap.k-state-default, .review-form-panel .k-picker-wrap.k-state-default {
    border-color: #DCDFE6;
}

.review-form-panel .k-autocomplete.k-state-hover, .review-form-panel .k-dropdown-wrap.k-state-hover, .review-form-panel .k-numeric-wrap.k-state-hover, .review-form-panel .k-overflow-anchor:hover, .review-form-panel .k-picker-wrap.k-state-hover, .review-form-panel .k-textbox:hover {
    border-color: #C0C4CC;
}

.review-form-panel .k-table {
    width: 100%;
    text-align: center;
    border: 1px solid #e6e6e6;
}

.review-form-panel .k-table .table-header {
    background-color: #f1f1f1;
}

.review-form-panel .k-table td {
    padding: 10px 10px;
}

.review-form-panel .table-data label.k-radio-label {
    display: inline;
    width: auto;
    line-height: 30px;
    padding: 0px 0px 5px 20px;
}

.review-form-panel textarea.k-textbox {
    padding: 6px 10px;
}

.review-form-panel span.k-textbox:after {
    height: .0px;
}

.review-form-panel .k-textbox .k-icon {
    margin: 0;
}

.review-form-panel .v-cascader-input {
    width: 0px;
    height: 34px;
    float: left;
}

.review-form-panel .el-cascader .el-input .el-input__inner {
    height: 36px;
    border-radius: 2px;
}

.review-form-panel .el-cascader {
    line-height: 36px;
    height: 36px;
}

/*校验*/
.review-form-panel .formError .formErrorContent {
    background: none;
    color: #ee0101;
    padding: 5px 0px;
    border: none;
    min-width: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.review-form-panel .formError .formErrorArrowBottom {
    display: none;
}

.review-form-panel label.text-label.required:before {
    content: "*";
    color: #EE0101;
    margin-right: 2px;
}

/*表单 end*/

/*通用 start*/
a.normal-link {
    color: #1E9FFF;
}

a.normal-link:hover {
    color: #5fbbff;
}

.review-wrap {
    font-size: 14px;
    color: #666;
}

.review-wrap .layui-btn-primary:hover {
    border-color: #7d7d7d;
}

/*提示框*/
.review-tips-wrap {
    padding: 20px 20px 60px !important;
}

.review-tips-wrap .review-tips-icon {
    float: left;
}

.review-tips-wrap .review-tips-icon .layui-icon {
    font-size: 40px;
}

.review-tips-wrap .review-tips-text {
    float: left;
    margin-left: 10px;
}

.review-tips-wrap .review-tips-title {
    font-size: 18px;
}

.review-tips-wrap .review-tips-detail {
    padding: 5px 0px;
    color: #888888;
}

/*弹框 start*/
.k-dialog-title {
    font-size: 1.2em;
}

.k-dialog-titlebar {
    padding: 10px;
}

.k-dialog .k-content {
    padding: 10px 16px 10px 16px;
}

.k-window-title .k-sub-title, .k-dialog-title .k-sub-title {
    padding: 0px 5px;
    font-size: 14px;
}

/*弹框 end*/

/*通用 end*/

/*自定义小size滚动条 start*/
::-webkit-scrollbar-track-piece {
    background-color: #fff;
    -webkit-border-radius: 0;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #bdc3c7;
    -webkit-border-radius: 4px;
    outline: 2px solid #fff;
    outline-offset: -2px;
    border: 2px solid #fff;
}

::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color: #9f9f9f;
    -webkit-border-radius: 4px;
}

/*兼容火狐浏览器*/
scrollbar[orient="vertical"] {
    width: 10px !important;
}

scrollbar[orient="horizontal"] {
    height: 10px !important;
}

/*自定义小size滚动条 end*/