/* CSS Document */
@charset "utf-8";
/* CSS Document */
html, body, span, p, a, img, ul, li, table, tr, th, td, dl, dd, dt, form, input, h1, h2, h3, h4{margin:0;padding:0;font-size:14px;font-family:arial,lantinghei sc,microsoft yahei;}
body{background:#bad2f1;overflow-x: hidden;}
img{border:none;}
ul {list-style: none;}
a, a:visited{color:#666666;text-decoration:none; outline:none;}
.fixed{height:1%;zoom:1;}
.fixed:after{content: '.';overflow: hidden;clear:both;height:0;display: block;}
div {border-radius:3px;}
th,label{font-weight: 600;}
caption{padding-bottom: 0;}
/*color*/
.c-orange, .orange, .color-orange{color:#FF6600 !important;}
.c-blue, .d-blue, .color-blue{color:#1D77BC !important;}
.c-red, .red, .color-red{color: #FF001E !important;}
.c-green, .green, .color-green{color:#378211 !important;}
.c-gray, .gray, .color-gray{color: #6d697f !important;}
.c-black, .black, .c-333, .color-333, .color-black{color: #333 !important;}
.c-pink .pink, .color-pink{color: #f7e9eb !important;}
.c-ccc, .color-ccc{color: #ccc !important;}
.c-eee, .color-eee{color: #eee !important;}
.c-white, .c-fff, .color-fff, .color-white{color: #fff !important;}
.c-666, .color-666 {color: #666 !important;}
.c-999, .color-999 {color: #999 !important;}
/*background*/
.bg-white, .background-white{background: #FFF !important;}
.bg-gray, .background-gray{background: #6d697f !important;}
.bg-ccc, .background-ccc{background: #ccc !important;}
.bg-red, .background-red{background: #FF001E !important;}
.bg-pink, .background-pink{background: #f7e9eb !important;}
.bg-green-0, .background-green{background: #e9f7f4 !important;}
.bg-gray-0, .background-gray{ background: #f6f6f6 !important;}
/*display*/
.d-ib, .display-inline-block{display: inline-block !important;}
.d-b, .d-block, .display-block{display: block !important;}
.d-flex, .display-flex{display: flex !important;}
.d-flex-r, .display-flex-row{display: flex; flex-direction: row;}
.d-flex-rcc, .display-flex-row-center-center{display: flex; flex-direction: row; justify-content: center; align-items: center;}
.d-flex-c, .display-flex-column{display: flex; flex-direction: column;}
.d-flex-ccc, .display-flex-column-center-center{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.d-n, .d-none, .d-hide, .hidden, .display-none,[v-cloak]{display: none !important;}
/*text*/
.ta-l, .text-align-left{text-align: left !important;}
.ta-r, .text-align-right{text-align: right !important;}
.ta-c, .text-align-center{text-align: center !important;}
/*padding*/
.p-0, .padding-0px{padding: 0px !important;}
.p-50px,.p-50, .padding-50px{padding: 50px !important;}
.p-10px20px, .padding-10px-20px{padding: 10px 20px !important;}
.p-4px8px, .padding-4px-8px{padding: 4px 8px !important;}
.p-2px4px, .padding-2px-4px{padding: 2px 4px !important;}
.pl-0, .padding-left-0px{padding-left: 0px !important;}
/*margin*/
.m-0, .margin-0px{margin: 0px !important;}
.m-10px20px, .margin-10px-20px{margin: 10px 20px !important;}
.m-4px8px, .margin-4px-8px{margin: 4px 8px !important;}
.ml-0, .margin-left-0px{margin-left: 0px !important;}
.ml-2px, .margin-left-2px{margin-left: 2px !important;}
.ml-4px, .margin-left-4px{margin-left: 4px !important;}
.ml-8px, .margin-left-8px{margin-left: 8px !important;}
.mr-2px, .margin-right-2px{margin-right: 2px !important;}
.mr-4px, .margin-right-4px{margin-right: 4px !important;}
.mr-8px, .margin-right-8px{margin-right: 8px !important;}
.mt-2px, .margin-top-2px{margin-top: 2px !important;}
.mt-4px, .margin-top-4px{margin-top: 4px !important;}
.mt-8px, .margin-top-8px{margin-top: 8px !important;}
.mb-2px, .margin-bottom-2px{margin-bottom: 2px !important;}
.mb-4px, .margin-bottom-4px{margin-bottom: 4px !important;}
.mb-8px, .margin-bottom-8px{margin-bottom: 8px !important;}
/*font*/
.fs-10px, .font-size-10px{font-size: 10px !important;}
.fs-11px, .font-size-11px{font-size: 11px !important;}
.fs-12px, .font-size-12px{font-size: 12px !important;}
.fs-14px, .font-size-14px{font-size: 14px !important;}
.fs-16px, .font-size-16px{font-size: 16px !important;}
.fs-18px, .font-size-18px{font-size: 18px !important;}
.fs-20px, .font-size-20px{font-size: 20px !important;}
.fs-24px, .font-size-24px{font-size: 24px !important;}
.fs-28px, .font-size-28px{font-size: 28px !important;}
.fs-32px, .font-size-32px{font-size: 32px !important;}
.fw-300, .font-weight-300{font-weight: 300 !important;}
.fw-600, .font-weight-600{font-weight: 600 !important;}
.fw-700, .font-weight-700{font-weight: 700 !important;}
.fs-normal .font-style-normal{font-style: normal !important;}
.fs-italic .font-style-italic{font-style: italic !important;}
/*width*/
.w-auto, .width-auto{width: auto !important;}
.w-20,.w20, .width-20{width: 20% !important;}
.w-40,.w40, .width-40{width: 40% !important;}
.w-45,.w45, .width-45{width: 45% !important;}
.w-50,.w50, .width-50{width: 50% !important;}
.w-60,.w60, .width-60{width: 60% !important;}
.w-80,.w80, .width-80{width: 80% !important;}
.w-100, .w100, .width-100{width: 100% !important;}
.w-50px,.w50px, .width-50px{width: 50px !important;}
.w-80px,.w80px, .width-80px{width: 80px !important;}
.w-100px,.w100px, .width-100px{width: 100px !important;}
.w-150px,.w150px, .width-150px{width: 150px !important;}
.w-200px,.w200px, .width-200px{width: 200px !important;}
.w-250px,.w250px, .width-250px{width: 250px !important;}
.w-400px,.w400px, .width-400px{width: 400px !important;}
/*height*/
.h-50px,.h50px, .height-50px{height: 50px !important;}
.h-60px,.h60px, .height-60px{height: 60px !important;}
.h-80px,.h80px, .height-80px{height: 80px !important;}
.h-100px,.h100px, .height-100px{height: 100px !important;}
.h-150px,.h150px, .height-150px{height: 150px !important;}
.h-200px,.h200px, .height-200px{height: 200px !important;}
.h-400px,.h400px, .height-400px{height: 400px !important;}
.maxh-50px,.maxh50px, .max-height-50px{max-height: 50px !important;}
.maxh-100px,.maxh100px, .max-height-100px{max-height: 100px !important;}
.maxh-400px,.maxh400px, .max-height-400px{max-height: 400px !important;}
.minh-50px,.minh50px, .min-height-50px{min-height: 50px !important;}
.minh-100px,.minh100px, .min-height-100px{min-height: 100px !important;}
.minh-400px,.minh400px, .min-height-400px{min-height: 400px !important;}
/*width&height*/
.wh-50px,.wh50px, .width-height-50px{width: 50px; height: 50px;}
.wh-60px,.wh60px, .width-height-60px{width: 60px; height: 60px;}
.wh-80px,.wh80px, .width-height-80px{width: 80px; height: 80px;}
.wh-100px,.wh100px, .width-height-100px{width: 100px; height: 100px;}
.wh-400px,.wh400px, .width-height-400px{width: 400px; height: 400px;}
/*line-height*/
.lh-32px,.lh32px, .line-height-32px{line-height: 32px !important;}
.lh-50px,.lh50px, .line-height-50px{line-height: 50px !important;}
.lh-60px,.lh60px, .line-height-60px{line-height: 60px !important;}
.lh-100px,.lh100px, .line-height-100px{line-height: 100px !important;}
.lh-400px,.lh400px, .line-height-400px{line-height: 400px !important;}
/*flex*/
.flex1, .flex-1{flex:1 !important;}
.flex2, .flex-2{flex:2 !important;}
.flex3, .flex-3{flex:3 !important;}
.flex4, .flex-4{flex:4 !important;}
.flex5, .flex-5{flex:5 !important;}
/*overflow*/
.o-auto, .overflow-auto{overflow: auto !important;}
.o-hide,.no-scroll, .overflow-hidden{overflow: hidden !important;}
.o-hide-x,.no-scroll-h,.no-scroll-x, .overflow-x-hidden{overflow-x: hidden !important;}
.o-hide-y,.no-scroll-v,.no-scroll-y, .overflow-y-hidden{overflow-y: hidden !important;}
/*border*/
.b-1sc, .border-1px-solid-ccc{border: 1px solid #ccc !important;}
.bt-1sc, .border-top-1px-solid-ccc{border-top: 1px solid #ccc !important;}
.br-1sc, .border-right-1px-solid-ccc{border-right: 1px solid #ccc !important;}
.bb-1sc, .border-bottom-1px-solid-ccc{border-bottom: 1px solid #ccc !important;}
.bl-1sc, .border-left-1px-solid-ccc{border-left: 1px solid #ccc !important;}
.b-radius-2px, .border-radius-2px{ border-radius: 2px !important; }
.b-radius-4px, .border-radius-4px{ border-radius: 4px !important; }
.b-radius-8px, .border-radius-8px{ border-radius: 8px !important; }
/*position*/
.position-r, .position-relative{position: relative !important;}
.position-a, .position-absolute{position: absolute !important;}
/*zindex*/
.zindex1, .z-index-1{z-index: 1 !important;}
.zindex1041, .z-index-1041{z-index: 1041 !important;}
.zindex1042, .z-index-1042{z-index: 1042 !important;}
.zindex1043, .z-index-1043{z-index: 1043 !important;}
.zindex1051, .z-index-1051{z-index: 1051 !important;}
.zindex1052, .z-index-1052{z-index: 1052 !important;}
.zindex1053, .z-index-1053{z-index: 1053 !important;}
/*other*/
.cursor-p, .cursor-pointer{cursor: pointer !important;}
.act1 {border: 2px solid #f0b035 !important;}
.word-cut {/*max-width:xxx px;*/overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.word-break-all {word-break: break-all !important;}
.no-newline{white-space: pre-wrap; overflow-wrap: break-word; word-break: break-all;}
.svg-icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; display: inline-block;}

.container, .main-top, .main-content{background:#f6f6f6;}

.container{font-family:Arial, Helvetica, sans-serif;font-size:14px;height:auto;overflow:visible;width:1200px;margin:0 auto;position: relative;}
.main{border-radius:3px;}
.main-top-wrapper{width:1200px;height: 77px; position: relative; top:0; left: -15px;}
.main-top-wrapper-frame{position: absolute; visibility: inherit; top: 0px;left: 0px; width:1200px; height: 77px; z-index: 1000;border: none;}
.main-top{width:1200px;padding:8px 24px;display: flex;justify-content: flex-start; align-items: center; position: fixed;z-index: 1001;}
.main-top-left{width: 16%; margin-top: 15px; height: 46px; display: flex; align-items: center;justify-content: center;}
.main-top-left span{ font-size:22px; margin-left: 12px; font-family:黑体;color:#177cb0;}
.main-top-right{display:flex; flex-direction: column;width: 84%; margin-left: 12px; }
.top-main-nav { width: 100%; background: #70a5eb; border-radius: 8px;}
.top-main-nav li{display: inline-block; font-size:18px; margin-left: 30px; padding: 4px 0;}
.top-main-nav li>a{font-size:22px; text-decoration: none; font-weight: bold; color: #fff; border-bottom: 3px solid transparent;}
.top-main-nav li>a:hover, .top-main-nav li>a.active{ border-bottom: 3px solid #e4c17e;}
.top-username-info{text-align: right; font-size: 14px;}
.top-username-info>span{font-size: 14px;color:#C00;margin:0 2px;}
.top-username-info>a{font-size: 14px;}

.main-content{display:flex; flex-direction: row; padding:10px;min-height: 400px;}
.main-left{width:16%;}
.main-left-mini{position: absolute; top: 87px; left: -21px; writing-mode: vertical-lr; text-orientation: mixed; width: 22px; height: 76px; background: #bad1f1; text-align: center; border:1px solid #fff; border-radius: 4px;}
.main-left-mini a{color: #fff; text-decoration: none; outline: none;}
.left-nav{width: 100%; border:1px solid #E9E9E9;padding:10px 0;margin-bottom:8px;background-color:#FFFFFF;border-radius:3px;}
.left-nav>li>a{height:25px;line-height:25px;text-align:left;font-size:14px; padding:0 10px;}
.left-nav>li>a.selected{background-color:#E6EDF7;padding: 0 10px; display: block;}
.left-nav p, .left-nav h5{margin:0;padding:2px 0 0 22px;}
.main-right{width:84%; margin-left:10px;padding:10px;border:1px solid #E9E9E9;float:right;background:#FFFFFF;}

.breadcrumb{border-bottom:1px solid #E2E2E2;margin-bottom: 8px;}
.breadcrumb li{font-size:14px;line-height:20px;}
.breadcrumb li span.divider{color:#CCCCCC;padding:0 5px;}
.breadcrumb li a{font-size:14px;line-height:20px;margin:0 8px;}
.breadcrumb button{float:right;margin:0;position:relative;top:-5px;margin-left:5px;}
.search{border:1px solid #E2E2E2;padding:15px 5px;background:#F8F8F8;}
.search label{margin-left:10px;line-height:20px;vertical-align:bottom;color: #666;width: 57px; text-align: right;}
.search input, .search select{vertical-align:middle; padding:3px;}
.table1, .table2{width:100%;border-left:1px solid #C1DAD7;border-top:1px solid #C1DAD7;margin-top:8px;}
.table1 th>i, .table2 th>i{color:#F00;float:right;}
.table1 caption, .table2 caption, .table1>caption>span, .table2>caption>span{text-align:right;font-size:14px;}
.table1 caption.left, .table2 caption.left{text-align:left;}
.table1 caption.left-tip, .table2 caption.left-tip{text-align:left;font-size:14px;}
.table1 th, .table1 td, .table2 th, .table2 td{border-right:1px solid #C1DAD7;border-bottom:1px solid #C1DAD7;color:#333;text-align:right;letter-spacing:2px;padding:6px 6px 6px 12px; color:#4F6B72;}
.table1 th{background:#CAE8EA; font-size:14px;}
.table1 td.spec, .table2 td.spec{background:#FFFFFF;text-align:left;}
.table1 td.specalt{background:#F8F8F8;color:#797268;}
.table2 th{background:#F8F8F8;padding:4px 6px 4px 12px;}
.table2 td.spec{vertical-align:middle;padding:4px 6px;}
.table2 input[type="text"], .table2 input[type="password"]{width:200px;padding:3px; font-size:12px;}
.table2 textarea{padding:3px; font-size:12px; resize:none;}
.table2 input[type="radio"], .table2 input[type="checkbox"]{padding-left:20px;}
.tablebuttomtip {color:#999;font-size:12px;}
.tablebuttomtip i {color:#F00; margin:0 5px 0;}
.errormsg{ font-size:14px; color:#F33; float:left; margin-left:5px; width:100%; margin:2px 0;}
.calc-content-height{clear:both;height:600px;overflow-y:auto;}
.table span.ptitle{font-size: 12px;font-weight: 300;}
.thead-fixed{position: sticky; background: #fff; z-index: 999;}

/*bootstrap样式重写*/
.pagination{margin: 0; line-height: 28px;}
.pagination>li>a, .pagination>li>span{padding:3px 8px;}
.pagination>select{border-color: #ccc; border-radius: 4px; height: 26px}
.page{margin-top:8px;margin-bottom:25px;text-align:right;}
.page li {display:inline;}
.page a{border:1px solid #AAAADD;color:#000099;margin-left:2px;padding:2px 8px;}
.page span{font-size:12px;vertical-align:bottom;margin-left:2px;line-height:12px;}
.page span.current{background:#CCCCCC;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;padding:2px 8px;line-height:14px;}
.btngroup{padding-top:10px;display: flex; flex-direction: row;  justify-content: center;}
.btngroup .btn{margin: 0 2px;}

/*elementui样式重写*/
.el-input__inner{height: 26px; line-height: 26px; font-size: 12px; border: 1px solid #a3b1d2;}
.el-input__icon{line-height: 26px;}
.el-input-number{width: 200px;}
.el-input-number__decrease, .el-input-number__increase{line-height: 24px; top: 8px;}
.el-range-editor.el-input__inner{padding: 0 10px; width: 395px;}
.el-date-editor .el-range__icon{line-height: 26px;}
.el-date-editor .el-range-input{font-size: 12px;}
.el-date-editor .el-range-separator{padding: 0; line-height: 26px;}
.el-date-editor .el-range__close-icon{line-height: 26px;}
.el-table{display: block; position: relative; overflow: hidden; box-sizing: border-box; flex: 1; width: 100%; max-width: 100%; font-size: 14px; color: #606266;}
.el-button + .el-button{margin-left: 0px;}

.toast{opacity: 1 !important;}
#toast-container > div{opacity: 1 !important;}

.big-glass{height:32px;position:absolute;background-color:#8AD151;display:none;line-height:24px;font-size:30px;color:#fff;font-weight:bold;padding:0 5px;}
.big-glass span{margin-left:8px;}
.big-glass span:first-child{margin-left:0;}

.combo-tree-wrapper{position:relative;text-align:left!important;display: inline-block;}
.combo-tree-input-wrapper{position:relative}
.combo-tree-arrow-btn{position:absolute;right:1px;bottom:1px;top:1px;box-sizing:border-box;border:none;border-left:1px solid #c7c7c7;border-radius:0 3px 3px 0}
.combo-tree-drop-down-container{display:none;background:#fff;border:1px solid #aaa;max-height:250px;overflow-y:auto;position:absolute;width:100%;box-sizing:border-box;z-index:999}
.combo-tree-drop-down-container ul{padding:0;margin:0}
.combo-tree-drop-down-container li{list-style-type:none;padding-left:15px;cursor:pointer}
.combo-tree-drop-down-container li:hover ul{background-color:#fff}
.combo-tree-drop-down-container li span.combo-tree-item-title.combo-tree-item-hover{background-color:#418eff;color:#fff}
span.combo-tree-item-title{display:block;padding:2px 4px}
.combo-tree-drop-down-container label{cursor:pointer;width:100%;display:block}
.combo-tree-drop-down-container .combo-tree-item-title input{position:relative;top:2px;margin:0 4px 0 0}
.combo-tree-parent-plus{position:relative;left:-12px;top:4px;width:4px;float:left}
.combo-tree-input-box{padding:2px;border-radius:3px;border:1px solid #ccc;width:100%;height:24px;box-sizing:border-box;padding-right:24px}
.combo-tree-arrow-btn-img{font-size:10px}
.multiples-filter{width:100%;padding:5px;box-sizing:border-box;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #999}

.btn {padding:2px 8px;}
.btn-sm {padding: 3px 15px;margin-top: 2px; font-size: 14px;}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius:3px; border-bottom-right-radius:3px;}
.form-control {height: 28px;}
.modal-dialog {margin: 88px auto;}
.modal-content {border-radius: 0;}
.input-sm{height: 24px;}
.form-inline .form-group{margin-bottom: 2px;}
.has-feedback label~.form-control-feedback{width: 14px; height: 24px; line-height: 18px; font-size: 12px;pointer-events: auto;}
.has-feedback .form-control {padding-right: 12px;}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {background-color: #409EFF; border-color: #409EFF; outline: none;}
.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus {background-color: #67C23A; border-color: #67C23A; outline: none;}
.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:focus {background-color: #E6A23C; border-color: #E6A23C; outline: none;}
.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger:focus {background-color: #F56C6C; border-color: #F56C6C; outline: none;}
.btn-info, .btn-info:hover, .btn-info:active, .btn-info:focus {background-color: #909399; border-color: #909399; outline: none;}

.weibo-container{width:450px;height:90px; display:inherit;}
.weibo-container .ntips{ text-align:right;}
.weibo-container .total{font-family: Constantia,Georgia;font-size: 18px;font-style: italic;font-weight: 700;}
.weibo-container .r{color:#F00;font-weight:bold;}
.weibo-container .extxt{width:450px;height:84px;font-size:14px;resize:none;}

.image-list{width:600px;display:flex;flex-wrap:wrap;}
.image-list-tag{position:relative;top:0;left:0;margin: 2px 2px 0 0;}
.image-left{cursor:pointer;position:absolute;top:2px;left:2px;}
.image-right{cursor:pointer;position:absolute;top:2px;right:2px;color:#F00;}

.box-top-cut-head {position: absolute; top: -20px; left: 8px; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid #ccc; border-right: 10px solid transparent; border-left: 10px solid transparent;}

.loading-div-panel{display: none; position: absolute; top: 0; left: 0; width: 100%; opacity:0; background: #eeeeee; opacity: 0.7; filter: alpha(opacity=30); z-index: 100;}
.loading-div{display: none; position: absolute; cursor: wait; width: auto; height: 57px; line-height: 57px; padding-left: 68px; padding-right: 5px; z-index: 1054; background: #fff url(../img/loading.gif) no-repeat scroll 1px -3px; border: 2px solid #95B8E7; color: #696969; font-family: 'Microsoft YaHei'; }