@charset "UTF-8";
@font-face { font-family: DINR; src: url("https://r2.lzzcloud.net/common/font/DINPro-Regular.ttf") format("truetype"); }
@font-face { font-family: DINM; src: url("https://r2.lzzcloud.net/common/font/DINPro-Medium.ttf") format("truetype"); }
@font-face { font-family: iconfont; src: url("https://r2.lzzcloud.net/common/font/iconfont.ttf") format("truetype"); }
.iconfont { font-style: normal; font-size: 16px; font-family: iconfont !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

article, aside, audio, blockquote, body, button, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, mark, menu, nav, ol, p, pre, section, summary, td, textarea, th, time, ul, video, xmp { margin: 0; padding: 0; border: 0; }

html { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

body { margin: 0 auto; min-width: 1200px; background-color: #f0f2f4; color: #23282d; font: 12px/1 '微软雅黑','Microsoft YaHei',Arial,Verdana,Helvetica,sans-serif; -webkit-text-size-adjust: none; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; }

a, a:active, a:focus, a:hover, a:visited { text-decoration: none; }

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

a, img { -webkit-touch-callout: none; }

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

i { font-style: normal; }

button, input, select, textarea { outline: 0; color: #23282d; white-space: pre-wrap; word-wrap: break-word; font: 12px/1.5 '微软雅黑','Microsoft YaHei',Arial,Verdana,Helvetica,sans-serif; resize: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; }

input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { box-shadow: inset 0 0 0 1000px #fff; }

button, input[type=button] { cursor: pointer; }

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

.clearfix { zoom: 1; }

.fl { float: left; }

.fr { float: right; }

.oe1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.oe2 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.oe3 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

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

.flex-box { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.flex-direction-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.flex-direction-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.flex-wrap-nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; }

.flex-wrap-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }

.flex-justify-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }

.flex-justify-between { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }

.flex-justify-end { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; }

.flex-align-item-start { -webkit-box-align: start; -moz-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.flex-align-item-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }

.flex1 { -webkit-flex: 1; -ms-flex: 1; flex: 1; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a9adb2; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #a9adb2; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #a9adb2; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a9adb2; }

input, textarea { border: 1px solid #e4e7e9; border-radius: 4px; background-color: #ffffff; vertical-align: top; }

.header { position: fixed; top: 0; left: 0; width: 100%; min-width: 1200px; z-index: 999; height: 60px; line-height: 60px; background-color: #1c2125; }
.header > .logo { margin-left: 20px; }
.header > .logo img { margin-bottom: 2px; vertical-align: middle; }
.header .right_menu { padding-top: 12px; }
.header .right_menu .mail { position: relative; margin-right: 52px; width: 36px; height: 36px; background: url(../img/header_icon.png) no-repeat 0 0; }
.header .right_menu .mail > i { position: absolute; right: -3px; top: 4px; width: 8px; height: 8px; border-radius: 50%; background-color: #fe4d75; }
.header .avatar { position: relative; margin-right: 16px; line-height: 36px; }
.header .avatar > div > img { margin-right: 10px; margin-bottom: 4px; vertical-align: middle; width: 24px; height: 24px; border-radius: 50%; }
.header .avatar > div > span { padding-right: 32px; background: url(../img/down_icon.png) no-repeat right center; font-size: 14px; color: #ffffff; }

.side_nav { position: fixed; left: 0; top: 60px; bottom: 0; padding-top: 10px; width: 210px; background-color: #23282d; overflow-y: auto; z-index: 999; }
.side_nav .item { margin-bottom: 8px; font-size: 14px; color: #ffffff; line-height: 44px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.side_nav .item.on ul { display: block; }
.side_nav .item i { display: inline-block; vertical-align: middle; margin-right: 5px; margin-bottom: 2px; width: 20px; height: 20px; }
.side_nav .item i.icon { background: url(../img/nav_icon.png) no-repeat 0 0; }
.side_nav .item i.icon2 { background-position-y: -20px; }
.side_nav .item i.icon3 { background-position-y: -40px; }
.side_nav .item i.icon4 { background-position-y: -60px; }
.side_nav .item i.icon5 { background-position-y: -80px; }
.side_nav .item i.icon6 { background-position-y: -100px; }
.side_nav .item i.icon7 { background-position-y: -120px; }
.side_nav .item i.ico2 { background: url(../img/nav_ico2.png) no-repeat 0 0; }
.side_nav .item i.ico3 { background: url(../img/nav_ico3.png) no-repeat 0 0; }
.side_nav .item i.ico4 { background: url(../img/nav_ico4.png) no-repeat 0 0; }
.side_nav .item i.ico5 { background: url(../img/nav_ico5.png) no-repeat 0 0; }
.side_nav .item i.ico6 { background: url(../img/nav_ico6.png) no-repeat 0 0; }
.side_nav .item i.ico7 { background: url(../img/nav_ico7.png) no-repeat 0 0; }
.side_nav .item i.ico02 { background-position-y: -20px; }
.side_nav .item i.ico03 { background-position-y: -40px; }
.side_nav .item i.ico04 { background-position-y: -60px; }
.side_nav .item a { display: block; color: #ffffff; }
.side_nav .item a.cur { background-color: #2c51c7; }
.side_nav .item a.cur i { background-position-x: -20px; }
.side_nav .item > p, .side_nav .item > a { padding-left: 24px; font-weight: 700; color: #ffffff; }
.side_nav .item > p i, .side_nav .item > a i { margin-right: 10px; }
.side_nav .item > p { background: url(../img/nav_more.png) no-repeat right 0; cursor: pointer; }
.side_nav .item ul { display: none; padding: 3px 0; }
.side_nav .item li { padding-bottom: 6px; line-height: 38px; }
.side_nav .item li a { padding-left: 50px; }

.container { position: relative; margin: 80px 20px 20px 230px; background-color: #f0f2f4; }
.container .crumbs:after { content: ''; display: block; height: 46px; }
.container .crumbs .in { position: absolute; top: -18px; left: -20px; right: -20px; padding-left: 20px; color: #797e83; line-height: 44px; background-color: #ffffff; }
.container .crumbs a { color: #3c4248; }

.content { padding: 24px; background-color: #ffffff; }

@media screen and (max-width: 1200px) { .header { position: absolute; }
  .side_nav { position: absolute; } }
.pages { height: 32px; }
.pages a, .pages span { float: left; margin-left: 10px; padding: 0 6px; min-width: 18px; height: 30px; line-height: 30px; font-family: verdana; color: #444f6e; border-radius: 4px; border: 1px solid #dee0e2; background-color: #ffffff; text-align: center; }
.pages a:first-child { margin-left: 0; }
.pages a:hover { border-color: #2c51c7; color: #2c51c7; }
.pages a.on { border-color: #2c51c7; color: #fff; background-color: #2c51c7; }

.nano { position: relative; width: 100%; height: 100%; overflow: hidden; }
.nano > .nano-content { overflow: scroll; overflow-x: hidden; left: 0; }
.nano > .nano-content:focus { outline: dotted thin; }
.nano > .nano-content::-webkit-scrollbar { display: none; }
.nano > .nano-pane { width: 4px; visibility: visible\9; opacity: .99; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #edf3fa !important; }
.nano > .nano-pane.active, .nano > .nano-pane.flashed { visibility: visible\9; opacity: .99; }
.nano > .nano-pane > .nano-slider { background: #c6ccdd !important; position: relative; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.nano > .nano-content, .nano > .nano-pane { position: absolute; right: 0; top: 0; bottom: 0; }
.nano.has-scrollbar > .nano-content::-webkit-scrollbar { display: block; }
.nano:hover > .nano-pane { visibility: visible\9; opacity: .99; }

.recom { padding: 11px 0 0; line-height: 16px; }
.recom.recom-radio .chk-span { border-radius: 50%; }
.recom label { position: relative; float: left; margin-bottom: 10px; margin-right: 70px; font-size: 14px; color: #3c4248; cursor: pointer; }
.recom label input { width: 16px; margin-right: 10px; vertical-align: top; opacity: 0; filter: alpha(opacity=0); }
.recom .chk-span { position: absolute; top: 0; z-index: 3; width: 14px; height: 14px; border: 1px solid #e4e7e9; border-radius: 2px; background-color: #ffffff; }
.recom .chk-span.on { border-color: #2c51c7; background: #2c51c7 url(../img/cho_icon.png) no-repeat center; }

.down_select { position: relative; margin-right: 10px; font-size: 14px; }
.down_select .has { width: 160px; height: 38px; line-height: 36px; border: 1px solid #e4e7e9; border-radius: 4px; padding: 0 10px; background: url(../img/down_icon1.png) no-repeat right center; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; }
.down_select .no_sel { color: #a9adb2; }
.down_select .cho { display: none; position: absolute; top: 38px; left: 0; padding: 6px 0; width: 100%; max-height: 256px; line-height: 32px; background-color: #ffffff; border-radius: 4px; box-shadow: 0 3px 15px rgba(7, 22, 63, 0.15); box-sizing: border-box; overflow-y: auto; z-index: 2; }
.down_select .cho p { color: #444f6e; text-indent: 10px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.down_select .cho p:hover { background-color: #edf3fa; color: #4274f4; }

.main_table table { width: 100%; table-layout: fixed; text-align: left; word-wrap: break-word; font-size: 14px; }
.main_table th { padding: 0 1%; line-height: 44px; background-color: #f4f7fa; font-weight: 400; color: #797e83; }
.main_table td { padding: 17px 1%; line-height: 20px; color: #3c4248; border-bottom: 1px solid #e4e7e9; }
.main_table td a:hover { text-decoration: underline; }
.main_table .align_c { text-align: center; }
.main_table .blue { color: #2c51c7; }
.main_table .red { color: #e74122; }
.main_table .gray { color: #989ca1; }
.main_table .operate a { margin-right: 10px; }
.main_table .all_operate { margin-top: 24px; }

.main_form .part { padding-bottom: 22px; }
.main_form .part:last-child { padding-bottom: 0; }
.main_form .part_tt { position: relative; margin-bottom: 32px; padding-left: 12px; height: 16px; font-size: 16px; color: #23282d; line-height: 16px; }
.main_form .part_tt:before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 16px; border-radius: 2px; background-color: #2c51c7; }
.main_form .item { margin-bottom: 20px; }
.main_form .item_name { float: left; margin-right: 14px; width: 80px; line-height: 38px; text-align: right; font-size: 14px; color: #3c4248; }
.main_form .item_name i { color: #e74122; margin-right: 5px; }
.main_form .item_con { float: left; }
.main_form .item_btn { margin-left: 94px; padding-top: 4px; }
.main_form .item_btn a { float: left; margin-right: 10px; width: 140px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #ffffff; border-radius: 4px; background-color: #2c51c7; }
.main_form input[type=text], .main_form input[type=password] { width: 358px; height: 36px; line-height: 36px; font-size: 14px; text-indent: 10px; }
.main_form textarea { width: 698px; height: 88px; padding: 5px 10px; line-height: 26px; font-size: 14px; }
.main_form .file { position: relative; margin-right: 10px; width: 98px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #e4e7e9; border-radius: 4px; font-size: 14px; color: #5a6066; background-color: #ffffff; cursor: pointer; transition: all 0.3s ease; }
.main_form .file:hover { border-color: #2c51c7; color: #2c51c7; }
.main_form .file input { position: absolute; width: 100%; height: 36px; left: -1px; top: -1px; opacity: 0; filter: alpha(opacity=0); }

/*# sourceMappingURL=base.css.map */