@charset "UTF-8";
@font-face { font-family: DIN; src: url(../font/DIN-MEDIUM.OTF); }
@font-face { font-family: DINL; src: url(../font/DINPro-Light.ttf) format("truetype"); }
@font-face { font-family: DINR; src: url(../font/DINPro-Regular.ttf) format("truetype"); }
@font-face { font-family: DINM; src: url(../font/DINPro-Medium.ttf) format("truetype"); }
@font-face { font-family: iconfont; src: url(../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 { margin: 0; padding: 0; border: 0; }

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

body { margin: 0 auto; min-width: 1366px; background-color: #f6f7f9; color: #21333f; font: 12px/1.5 '微软雅黑','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; }

a { color: #21333f; }

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; 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 { color: #21333f; font: 12px/1.5 '微软雅黑','Microsoft YaHei',Arial,Verdana,Helvetica,sans-serif; }

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

input::-ms-clear, input::-ms-reveal { display: none; }

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; }

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

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

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

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

input, textarea { vertical-align: top; border: 1px solid #dce5ec; border-radius: 2px; }
input:hover, textarea:hover { border-color: #6bbbfa; }
input.focus, textarea.focus { border-color: #0073cc; box-shadow: 0 0 10px rgba(33, 51, 63, 0.12); }

.header { position: fixed; top: 0; left: 0; right: 0; height: 59px; line-height: 59px; background-color: #fff; border-bottom: 1px solid #dce5ec; box-shadow: 0 0 10px rgba(33, 51, 63, 0.12); z-index: 1000; }
.header .name { margin-left: 88px; font-size: 18px; font-weight: 700; }
.header .name img { margin-bottom: 2px; vertical-align: middle; }
.header .user span { margin-right: 16px; }
.header .user a { position: relative; padding: 0 20px 0 14px; }
.header .user a:after { position: absolute; right: 0; top: 2px; width: 1px; height: 12px; background-color: #dce5ec; content: ''; }
.header .user a:last-child:after { width: 0; }

.side_nav { position: fixed; left: 0; top: 0; bottom: 0; width: 70px; background-color: #333951; z-index: 1000; }
.side_nav .logo { height: 60px; background: #212844 url(../img/logo.png) no-repeat center; }
.side_nav .item.cur .stair a { background-color: #2c9ef7; color: #ffffff; }
.side_nav .item.cur .stair i { background-image: url(../img/nav_icon_h.png); }
.side_nav .item.cur .sub { display: block; }
.side_nav .stair a { display: block; padding: 14px; height: 42px; text-align: center; font-size: 13px; color: #dce5ec; }
.side_nav .stair a:hover { color: #ffffff; }
.side_nav .stair a:hover i { background-image: url(../img/nav_icon_h.png); }
.side_nav .stair span { display: block; }
.side_nav .stair i { display: inline-block; width: 20px; height: 20px; background: url(../img/nav_icon.png) no-repeat center 0; }
.side_nav .stair .ico1 { background-position-y: -20px; }
.side_nav .stair .ico2 { background-position-y: -40px; }
.side_nav .stair .ico3 { background-position-y: -60px; }
.side_nav .stair .ico4 { background-position-y: -80px; }
.side_nav .stair .ico5 { background-position-y: -100px; }
.side_nav .stair .ico6 { background-position-y: -120px; }
.side_nav .stair .ico7 { background-position-y: -140px; }
.side_nav .stair .ico8 { background-position-y: -160px; }
.side_nav .sub { display: none; position: fixed; left: 70px; top: 60px; bottom: 0; width: 150px; background-color: #fff; z-index: 99; }
.side_nav .sub p { margin-left: 0; padding-left: 20px; line-height: 47px; border-bottom: 1px solid #dce5ec; font-size: 14px; font-weight: 700; }
.side_nav .sub a { display: block; padding-left: 18px; border-left: 2px solid transparent; line-height: 40px; }
.side_nav .sub a:hover { color: #0073cc; }
.side_nav .sub a:hover span { background-image: url(../img/nav_icon_h.png); }
.side_nav .sub .cur { background-color: #eef7fe; color: #0073cc; }
.side_nav .sub .cur span { background-image: url(../img/nav_icon_h.png); }
.side_nav .sub span { display: inline-block; padding-left: 18px; line-height: 20px; background: url(../img/nav_icon.png) no-repeat 0 -180px; }

.container { margin: 60px 0 0 220px; padding: 0 18px 18px; }
.container .crumbs { height: 48px; line-height: 48px; color: #5f717d; }
.container .crumbs a { color: #5f717d; }
.container .crumbs span { margin: 0 5px; font-family: simsun; }
.container .content { padding: 24px; background-color: #fff; overflow: hidden; box-sizing: border-box; }

.pages { height: 32px; text-align: center; }
.pages p, .pages a, .pages input { font-family: verdana; line-height: 30px; height: 30px; border-radius: 2px; border: 1px solid #b6c4d1; }
.pages p, .pages a { float: left; margin-left: 10px; padding: 0 4px; min-width: 22px; }
.pages a.prev { background: url(../img/public_icon.png) no-repeat -44px -14px; }
.pages a.next { background: url(../img/public_icon.png) no-repeat -74px -14px; }
.pages a:hover { border-color: #2c9ef7; color: #2c9ef7; background-position-y: -44px; }
.pages a.gray { border-color: #b6c4d1; background-color: #f6f7f9; background-position-y: -74px; }
.pages a.cur, .pages a.on { border-color: #2c9ef7 !important; background: #2c9ef7 !important; color: #fff; }
.pages a:first-child { margin-left: 0; }
.pages form { float: left; }
.pages span { float: left; margin-left: 10px; line-height: 32px; }
.pages input { margin: 0 8px; vertical-align: top; width: 46px; text-align: center; }

.down_select { position: relative; line-height: 32px; z-index: 9; }
.down_select .has { width: 130px; height: 32px; line-height: 32px; border: 1px solid #dce5ec; border-radius: 2px; padding: 0 18px 0 10px; background: url(../img/jt_down1.png) no-repeat right center; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.down_select .cho { position: absolute; top: 33px; left: 0; display: none; overflow-y: auto; width: 100%; max-height: 169px; border: 1px solid #dce5ec; background-color: #fff; box-shadow: 0 0px 10px rgba(33, 51, 63, 0.12); padding: 2px 0 5px; box-sizing: border-box; z-index: 2; }
.down_select .cho p { text-indent: 10px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.down_select .cho p:hover { background-color: #f6f7f9; color: #2c9ef7; }

.dateinput { background: url(../img/date_icon.png) no-repeat right center; }

.filtrate { margin-bottom: 18px; }
.filtrate .state a { margin-right: 10px; padding: 0 15px; float: left; line-height: 30px; color: #5f717d; border: 1px solid #b6c4d1; border-radius: 2px; }
.filtrate .state a:hover, .filtrate .state a.cur { color: #2c9ef7; border-color: #2c9ef7; }
.filtrate .state a:active { color: #0073cc; border-color: #0073cc; }
.filtrate .state .blue { color: #fff; background-color: #2c9ef7; border-color: #2c9ef7; }
.filtrate .state .blue:hover { color: #fff; background-color: #6bbbfa; border-color: #6bbbfa; }
.filtrate .state .blue:active { color: #fff; background-color: #0073cc; border-color: #0073cc; }
.filtrate .state .light { color: #fff; background-color: #b6c4d1; border-color: #b6c4d1; }
.filtrate .state .light:hover { color: #fff; background-color: #a5b8c4; border-color: #a5b8c4; }
.filtrate .state .light:active { color: #fff; background-color: #5f717d; border-color: #5f717d; }
.filtrate .search input { width: 298px; height: 30px; line-height: 30px; text-indent: 10px; }
.filtrate .search .item { float: left; margin-left: 10px; }
.filtrate .search .btn a { float: left; width: 56px; height: 32px; line-height: 32px; text-align: center; border-radius: 2px; color: #fff; background-color: #2c9ef7; }
.filtrate .search .btn a:hover { background-color: #6bbbfa; }
.filtrate .search .btn a:active { background-color: #0073cc; }
.filtrate .down_select .has { height: 30px; line-height: 30px; }
.filtrate .down_select .cho { top: 31px; }

.main_table table { width: 100%; table-layout: fixed; text-align: left; border-top: 1px solid #dce5ec; border-right: 1px solid #dce5ec; word-wrap: break-word; }
.main_table tr:hover { background-color: #f6fbfe; }
.main_table th { background-color: #f6f7f9; line-height: 22px; border-bottom: 1px solid #dce5ec; border-left: 1px solid #dce5ec; padding: 8px 1%; font-weight: 400; }
.main_table td { padding: 14px 1%; border-bottom: 1px solid #dce5ec; border-left: 1px solid #dce5ec; line-height: 22px; }
.main_table td a:hover { color: #6bbbfa; }
.main_table .oe1 { display: inline-block; vertical-align: top; max-width: 100%; }
.main_table .align_l { text-align: left; }
.main_table .align_c { text-align: center; }
.main_table .red { color: #fd5451; }
.main_table .green { color: #0dd78d; }
.main_table .blue { color: #2c9ef7; }
.main_table .gray { color: #5f717d; }
.main_table .checkbox { display: block; margin: 0 auto; width: 14px; height: 14px; border: 1px solid #dce5ec; background-color: #fff; border-radius: 2px; cursor: pointer; }
.main_table .checkbox.on { background: url(../img/public_icon.png) no-repeat -104px -14px; border-color: #6bbbfa; }
.main_table .all_operate { margin-top: 20px; }
.main_table .all_operate .btn { padding: 2px 0; }
.main_table .all_operate .btn a { float: left; line-height: 26px; padding: 0 10px; border: 1px solid #b6c4d1; border-radius: 2px; color: #5f717d; margin-right: 10px; }
.main_table .all_operate .btn a:hover { color: #2c9ef7; border-color: #2c9ef7; }
.main_table .all_operate .btn a:active { color: #0073cc; border-color: #0073cc; }
.main_table .all_operate p { line-height: 32px; color: #b6c4d1; }

.main_form { padding: 8px; }
.main_form .part { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #eef0f5; }
.main_form .part:last-child { margin-bottom: 0; border-bottom: none; }
.main_form .part_tt { margin-bottom: 40px; }
.main_form .part_tt h3 { height: 18px; line-height: 18px; padding-left: 12px; border-left: 4px solid #2c9ef7; font-size: 16px; }
.main_form .part_tt h3 span { font-size: 12px; color: #b6c4d1; }
.main_form .item { margin-bottom: 20px; }
.main_form .item_name { float: left; width: 108px; text-align: right; line-height: 34px; margin-right: 16px; }
.main_form .item_name i { color: #fd5451; margin-right: 5px; }
.main_form .item_con { float: left; max-width: 88%; }
.main_form .item_con span { line-height: 34px; }
.main_form .item_con .b_blue { margin-left: 10px; width: 88px; height: 32px; line-height: 32px; text-align: center; border-radius: 2px; color: #2c9ef7; border: 1px solid #2c9ef7; }
.main_form .item_con .b_blue:hover { color: #6bbbfa; border-color: #6bbbfa; }
.main_form .item_con .b_blue:active { color: #0073cc; border-color: #0073cc; }
.main_form .item_btn { margin-left: 124px; padding-top: 10px; }
.main_form .item_btn a, .main_form .item_btn input[type=submit] { float: left; padding: 0 23px; height: 38px; line-height: 38px; border-radius: 2px; color: #5f717d; border: 1px solid #b6c4d1; font-size: 14px; margin-right: 10px; text-indent: 0; }
.main_form .item_btn a:hover, .main_form .item_btn input[type=submit]:hover { color: #2c9ef7; border-color: #2c9ef7; }
.main_form .item_btn a:active, .main_form .item_btn input[type=submit]:active { color: #0073cc; border-color: #0073cc; }
.main_form .item_btn a.bgc, .main_form .item_btn input[type=submit].bgc { border-color: #2c9ef7; color: #fff; background-color: #2c9ef7; }
.main_form .item_btn a.bgc:hover, .main_form .item_btn input[type=submit].bgc:hover { border-color: #6bbbfa; background-color: #6bbbfa; }
.main_form .item_btn a.bgc:active, .main_form .item_btn input[type=submit].bgc:active { border-color: #0073cc; background-color: #0073cc; }
.main_form input { width: 498px; height: 32px; line-height: 32px; text-indent: 10px; }
.main_form textarea { width: 478px; height: 78px; padding: 5px 10px; line-height: 22px; overflow: auto; }
.main_form .p_gray { margin: 8px 0 0 10px; color: #b6c4d1; line-height: 14px; font-size: 12px; }
.main_form .edit_txt, .main_form .in_txt { position: relative; }
.main_form .edit_txt span, .main_form .in_txt span { position: absolute; right: 10px; top: 0; line-height: 34px; color: #b6c4d1; }
.main_form .readonly { background-color: #f6f7f9; }
.main_form .readonly:hover, .main_form .readonly.focus { border-color: #dce5ec; box-shadow: none; }
.main_form .file { margin-right: 10px; position: relative; width: 66px; height: 32px; line-height: 32px; text-align: center; border-radius: 2px; color: #2c9ef7; border: 1px solid #2c9ef7; cursor: pointer; }
.main_form .file:active { color: #0073cc; border-color: #0073cc; }
.main_form .file span { line-height: 32px; }
.main_form .file input { position: absolute; width: 100%; left: -1px; top: -1px; opacity: 0; filter: alpha(opacity=0); }
.main_form .recom { height: 34px; line-height: 34px; }
.main_form .recom.recom-radio .chk-span { border-radius: 50%; }
.main_form .recom.recom-radio .chk-span.on { background: none; }
.main_form .recom.recom-radio .chk-span.on i { display: block; margin: 3px; width: 8px; height: 8px; background-color: #2c9ef7; border-radius: 50%; }
.main_form .recom label { position: relative; float: left; margin-right: 25px; cursor: pointer; }
.main_form .recom label input { width: 16px; margin-right: 10px; vertical-align: top; opacity: 0; filter: alpha(opacity=0); }
.main_form .recom .chk-span { position: absolute; top: 9px; z-index: 3; width: 14px; height: 14px; border: 1px solid #dce5ec; background-color: #fff; cursor: pointer; }
.main_form .recom .chk-span.on { border-color: #2c9ef7; background: url(../img/public_icon.png) no-repeat -104px -90px; }
.main_form .upload_pic li { float: left; margin-right: 10px; }
.main_form .upload_pic .pic { padding: 9px; width: 180px; border: 1px solid #dce5ec; border-radius: 2px; }
.main_form .upload_pic .pic img { width: 180px; height: 180px; }
.main_form .upload_pic .operate { margin-top: 10px; }
.main_form .upload_pic .operate.fl { margin-top: 0; margin-left: 10px; }
.main_form .upload_pic .operate.fl .file { width: 66px; height: 32px; line-height: 32px; }
.main_form .upload_pic .operate.fl .file span { line-height: 32px; }
.main_form .upload_pic .operate.fl .file input { height: 32px; }
.main_form .upload_pic .operate.fl a { width: 66px; height: 32px; line-height: 32px; }
.main_form .upload_pic .operate .file { width: 58px; height: 26px; line-height: 26px; }
.main_form .upload_pic .operate .file span { line-height: 26px; }
.main_form .upload_pic .operate .file input { height: 26px; }
.main_form .upload_pic .operate a { margin-right: 10px; float: left; width: 58px; height: 26px; line-height: 26px; border-radius: 2px; text-align: center; color: #5f717d; border: 1px solid #b6c4d1; }
.main_form .upload_pic .operate a:first-child, .main_form .upload_pic .operate a:hover { color: #2c9ef7; border-color: #2c9ef7; }
.main_form .upload_pic .operate a:active { color: #0073cc; border-color: #0073cc; }

.city_choice { position: relative; }
.city_choice input { line-height: 32px; width: 198px; line-height: 32px; }
.city_choice .city-picker-input { position: absolute; top: -9999px; left: -9999px; opacity: 0 !important; filter: alpha(opacity=0) !important; }
.city_choice .city-picker-span { position: relative; display: block; color: #21333f; text-indent: 10px; font-size: 12px; height: 32px !important; line-height: 32px !important; width: 198px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid #dce5ec; }
.city_choice .city-picker-span > .placeholder { color: #ccc; }
.city_choice .city-picker-span > .arrow { position: absolute; top: 50%; right: 9px; margin-top: -3px; width: 9px; height: 5px; background: url(../img/jt_down1.png) no-repeat 0 0; }
.city_choice .city-picker-span > .title > span { padding: 5px; border-radius: 3px; color: #333; }
.city_choice .city-picker-span > .title > span:hover { background-color: #f1f8ff; }
.city_choice .city-picker-dropdown { position: absolute; top: -9999px; left: -9999px; z-index: 999999; display: none; margin-bottom: 20px; width: 315px; min-width: 330px; outline: 0; -webkit-tap-highlight-color: transparent; }
.city_choice .city-select-wrap { box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); font-size: 14px; }
.city_choice .city-select-tab { border-bottom: 1px solid #e2e2e2; background: #f6f6f6; }
.city_choice .city-select-tab > a { display: inline-block; margin-bottom: -1px; padding: 8px 22px; outline: 0; border-bottom: 1px solid transparent; border-left: 1px solid #e2e2e2; color: #4d4d4d; text-align: center; text-decoration: none; font-size: 14px; cursor: pointer; }
.city_choice .city-select-tab > a.active { border-bottom: 1px solid #fff; background: #fff; color: #2c9ef7; }
.city_choice .city-select-tab > a:first-child { border-left: none; }
.city_choice .city-select-tab > a:last-child.active { border-right: 1px solid #e2e2e2; }
.city_choice .city-select-content { padding: 10px 15px; min-height: 10px; background-color: #fff; }
.city_choice .city-select.province dd { margin-left: 3em; }
.city_choice .city-select dl { clear: both; margin: 0; padding: 3px 0; line-height: 2; }
.city_choice .city-select dt { position: absolute; width: 2.5em; text-align: right; font-weight: 500; }
.city_choice .city-select dd { margin-left: 0; }
.city_choice .city-select a { display: inline-block; margin-right: 2px; padding: 0 10px; color: #444; white-space: nowrap; cursor: pointer; }
.city_choice .city-select a:focus, .city_choice .city-select a:hover { color: #2c9ef7; }
.city_choice .city-select a.active { border-radius: 2px; background-color: #2c9ef7; color: #fff; }
.city_choice .city_detail { margin-left: 8px; }

.popup { position: fixed; top: 0; left: 0; z-index: 9999; display: none; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, 0.5); }
.popup > .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.popup .popup_con { position: relative; top: 50%; margin: 0 auto; border-radius: 2px; overflow: hidden; background: #fff; z-index: 1; }
.popup .hd { position: relative; height: 47px; line-height: 47px; border-bottom: 1px solid #eef2f5; }
.popup .hd h3 { font-size: 16px; padding-left: 18px; }
.popup .hd .close { position: absolute; right: 17px; top: 17px; width: 13px; height: 13px; background: url(../img/public_icon.png) no-repeat -104px -30px; cursor: pointer; }
.popup .btn { font-size: 0; }
.popup .btn a, .popup .btn button { margin: 0 10px; display: inline-block; width: 76px; height: 40px; line-height: 40px; text-align: center; border-radius: 2px; font-size: 14px; color: #fff; background-color: #b6c4d1; }
.popup .btn a:hover, .popup .btn button:hover { background-color: #a5b8c4; }
.popup .btn a:active, .popup .btn button:active { background-color: #5f717d; }
.popup .btn .sure { background-color: #2c9ef7; }
.popup .btn .sure:hover { background-color: #6bbbfa; }
.popup .btn .sure:active { background-color: #0073cc; }

.popup_base .popup_con { width: 420px; min-height: 210px; margin-top: -105px; }
.popup_base .bd { text-align: center; padding: 30px 18px 40px; }
.popup_base .bd p { margin-bottom: 10px; min-height: 42px; font-size: 14px; }

.popup_preview { text-align: center; }
.popup_preview .popup_con { display: inline-block; max-width: 84%; }
.popup_preview .hd h3 { text-align: left; }
.popup_preview .bd { max-height: 552px; overflow-y: auto; }
.popup_preview .bd img { display: block; }

.error_hint { background: none; }
.error_hint .popup_con { background: none; text-align: center; }
.error_hint p { display: inline-block; min-width: 202px; border-radius: 34px; padding: 5px 20px; line-height: 24px; color: #fff; background: rgba(0, 0, 0, 0.3); }

.loadingMore { text-align: center; padding: 200px 0; }
.loadingMore p { padding-top: 15px; font-size: 14px; color: #5f717d; }

.con_nodata { text-align: center; padding: 150px 0; }

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