body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}

a, abbr, article, aside, audio, blockquote, body, canvas, caption, cite, dd, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, img, ins, label, legend, li, mark, menu, nav, ol, output, p, s, section, span, summary, table, tbody, td, tfoot, th, thead, time, tr, u, ul, video{
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
}
address, cite, dfn, em, i, var {
    font-style: normal;
}

html, body {
    background-color: #f6f6f6;
    width: 100%;
    height: calc(100% - 0px);/* 计算方法  头部+底部 / 2 */
    /*min-width: 1000px;*/
    /*max-width: 2000px;*/
    margin: auto;
}
body {
    min-width: 1300px;
    overflow: auto;
    line-height: 1.6;
    color: #222;
    font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
}

a {text-decoration: none;}
a:link {color:#222;text-decoration:none;}
a:visited {color: #222;text-decoration:none;}
a:hover {color:#6371d1;text-decoration:revert;}
a:active {color: #3c52e8;text-decoration:none;}

.mon_btn .el-button--primary{background: #2196f3 !important;border-color: #2196f3 !important}
.mon_btn .el-button--primary:hover {background: #0066ff  !important;border-color: #0066ff !important;color: #FFF !important;}

/*导航栏*/
.mon_header .el-menu-item{font-weight: bold !important;font-size: 14px !important;height: 40px !important;line-height: 40px !important; padding: 0px 0px !important;margin: 0px 20px !important; font-weight: 400 !important;}
.mon_header .el-submenu__title:hover{background-color: transparent !important;}
.mon_header .el-menu-item:hover {color: #00ffd8 !important;background-color: rgba(0, 0, 0, 0.2) !important;border-bottom: 2px solid #00ffd8 !important;padding: 0px 5px !important;margin: 0px 15px !important;}
.mon_header .el-menu.el-menu--horizontal{border-bottom: solid 0px #e6e6e6 !important;}
.mon_header .el-submenu__title{font-weight: bold !important;font-size: 16px !important;height: 40px !important;line-height: 40px !important; padding: 0px 5px !important;margin: 0px 20px 0px 10px !important;}
.mon_header .el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position: absolute;vertical-align: middle;right: -15px;}
.el-menu--horizontal .el-menu--popup{width: 120px;text-align: center;background-color: #fff !important;}
.el-menu--horizontal .el-menu--popup .el-menu-item{color: #222 !important;}
.el-menu--horizontal .el-menu--popup .el-menu-item:hover{color: #00ffd8 !important;background-color: #F6F6F6 !important;}
.el-menu--horizontal .el-menu--popup .is-active{color: #00ffd8 !important; font-weight: 600;}
/*.mon_header .el-submenu__title:hover{color: #072b74 !important;background-color: #F6F6F6 !important;}*/
.el-menu--collapse .el-menu .el-submenu, .el-menu--popup{min-width: 100px !important;}
.mon_header .el-submenu .el-icon-arrow-down{color: #ccc;}
.mon_header .is-active .el-icon-arrow-down{color: #00ffd8 !important;}
.mon_header .el-menu--horizontal>.el-menu-item.is-active{border-bottom: 2px solid #00ffd8 !important;color: #00ffd8 !important;font-size: 14px !important;}
.mon_header .is-active .el-submenu__title{font-size: 14px !important; font-weight: 600 !important;}

.mon_input .el-input__inner{border-radius: 20px;}
.mon_input .el-date-editor .el-input__inner, .mon_input .el-select .el-input__inner{text-align: center;}
.mon_input .el-input-group__append .el-select .el-input {width: 130px;}
.mon_input .el-input-group__append {background-color: #2196f3; color: #FFF;border-radius: 0px 20px 20px 0px;position: relative;border: 0px solid #DCDFE6 !important;}
.mon_input .el-button {border-radius: 20px;}
.mon_input .el-date-editor .el-input__inner{padding: 0px 10px 0px 20px !important;}

.app_content{height: 100%;width: 100%;}
.header_app{background: url("../../../static/datawise/img/v2/bp_head_2.png") 100%;background-size: cover;-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);}
.mon_warp{height: auto;width: 100%;overflow: hidden;min-height: calc(100% - 120px); /* margin-top: 80px;*/background-color: #f6f6f6;
    padding: 0px;max-width: 5000px;margin: auto;}
.mon_footer{width: 100%;height: 40px;background: linear-gradient(-70deg, #527ced 0%, #6371d1 100%); line-height: 40px;text-align: center;color: #FFF;font-size: 13px;}
.mon_menus{position: absolute;left: 335px;top: 0px; width: calc(100% - 335px);overflow: hidden;height: 80px;}
.topSelect{float: left;padding: 24px 0px;}
.mon_menu{float: left; width: calc(100% - 160px);padding: 20px 0px 20px 40px; height: 70px; overflow: hidden;}
.mon_header .topSelect .el-input__inner {border-radius: 30px;    background-color: #2d3ba6;color: #5cf9e1;border: 0px}
.mon_header .topSelect .el-select .el-input .el-select__caret::before { content: "";background: url(../photo/e7b4b8a838bff1b015aa9433b0f03c7.png) center center no-repeat;position: absolute;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}


.clearfix {zoom: 1;}
/*公共样式勿删除*/
.clearfix:after {content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix:after{ clear: both;}

.header{height: 80px;width: 100%;}
.mon_header{width: 100%; height: 80px;min-height: 80px;/*background: #2196f3;*/
  /*top: 0px;left: 0px;*/z-index: 1000;
/*  -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);*/
  position: relative;
    /*max-width: 2000px;*/
    margin: auto;
}

.mon_header2{position: relative;}
/*.mon_header2{padding: 14px 0px;}*/
/*.mon_title{height: 52px;width: auto;margin-left: 30px;margin-top: 14px;float: left;}*/
.mon_overall_logo{position: absolute; left: 30px;}
.mon_title{height: 80px;width: 300px;padding: 14px 0px 14px 30px;}
.mon_title img{position: absolute;left: 0px;top: 14px;height: 50px;}
.mon_title_name{position: absolute;left: 180px;top: 20px;padding: 0px 0px 0px 10px;height: 40px;}
.mon_title_name span{line-height: 25px;font-size: 18px; font-weight: 500;color: #FFF;letter-spacing: 1px;}
.mon_title_name em{line-height: 15px;font-size: 8px;color: #f6f6f6;letter-spacing: 0.1px;}
/*.mon_nav{float: right;!* position: absolute; 固定头部*!bottom: 0px;right: 0px;}*/
/*.mon_nav{float: right;margin-top: -80px;}*/
.mon_nav{position: absolute;top: 0px;right: 0px; z-index: 999;}
.mon_nav1{float: left;}
.mon_nav1_img{float: left;height: 40px;}
.mon_nav1_img img{width: 30px;height: 30px;margin-right: 3px;vertical-align: middle;}
.mon_nav1_user img{width: 30px;height: 30px;margin-right: 3px;vertical-align: middle;}
.mon_nav2{float: right;display: inline-block;margin-left: 10px;margin-right: 30px;margin-top: 20px;}
.mon_nav2_img{float: left;width: 40px;height: 40px;}
.mon_nav2_title{float: right; margin-left: 10px; font-size: 14px; color: #f6f6f6; line-height: 40px;}
.mon_nav2_title a{color: #fff}
.mon_nav2_title a:hover{color: #f4f4f4;}
.user_avatar{border-radius: 20px;}

/*详情页*/
.son_content{background: #FFF;padding: 20px;}
.son_col{border-radius: 10px; overflow: hidden; margin: 0 auto;width: 100%;-webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 5%);box-shadow: 0 2px 12px 0 rgb(0 0 0 / 5%);}
.son_col2{border-radius: 10px; overflow: hidden; margin: 0 auto;width: 100%;-webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 5%);box-shadow: 0 2px 12px 0 rgb(0 0 0 / 5%);margin-top: 20px;}
.son_head{background: #e3f4fb;padding: 12px 20px;font-size: 16px;}
.son_head img {width: 20px;height: 20px;vertical-align: bottom;}
.son_table_title{padding-bottom: 10px;font-weight: 600;}
.son_table_title2{padding-bottom: 10px; margin-top: 20px;font-weight: 600;}
.son_table{width: 100%;padding: 20px; /*border-left: #dcdfe6 1px solid; border-right: #dcdfe6 1px solid; border-bottom: #dcdfe6 1px solid;*/background: #fff;}
.son_echarts{width: 100%;}
.son_tables{width: 100%;}
.son_table_bn .primary{color: #1296db;}
.son_primary{color: #1296db!important;}
.son_primary:hover{color: #0066ff!important; text-decoration: revert!important;}
.more_primary{color: #76839b!important;}
.more_primary:hover{color: #0066ff!important; text-decoration: revert!important;}
.son_table_bn a{font-weight: 400;}
.son_table_bn a:hover {color: #0066ff !important;text-decoration: revert;}
.son_table_bn{float: right;font-size: 14px;}
.icon_col{float: left;}
.icon_col a{float: left;line-height: 16px;}
.son_echarts_bar{width: 100%; height: 400px;}

.md_content-right{float: right; width: calc(100% - 150px); height: 100%;background: #FFF}
.el-menu-vertical-tree {/*background: #f6f6f6 !important;*/border-right: solid 0px #e6e6e6 !important;margin-top: 0px !important;border-radius: 0px 0px 0px 0px;text-align: left;overflow: hidden;    padding-right: 10px;}
.el-menu-vertical-tree .el-menu-item{height: 40px; line-height: 40px;overflow: hidden;}
.el-menu-vertical-tree .el-menu-item:hover{background: #d7f0fb;}
.el-menu-vertical-tree .el-menu-item.is-active {background: #d7f0fb;font-weight: 700;/*color: #0066ff;*/}


.icon_bar{background: url("../../../static/datawise/photo/icon/bar2.png");width: 16px;height: 16px;background-size: cover;float: left;margin-right: 2px;}
.icon_table{background: url("../../../static/datawise/photo/icon/table.png");width: 16px;height: 16px;background-size: cover;float: left;margin-right: 2px;}
.icon_all_article{background: url("../../../static/datawise/photo/icon/all_article.png");width: 16px;height: 16px;background-size: cover;float: left;margin-right: 2px;margin-left: 10px;}
.icon_all_data{background: url("../../../static/datawise/photo/icon/all_data.png");width: 16px;height: 16px;background-size: cover;float: left;margin-right: 2px;margin-left: 10px;}
.icon_all_download{background: url("../../../static/datawise/photo/icon/download2.png");width: 16px;height: 16px;background-size: cover;float: left;margin-right: 2px;margin-left: 10px;}
.icon_list_site{margin-top: 2px}

.ms_btns{padding: 0px 0px 10px 0px;}
.ms_btn_icon{float: right;line-height: 20px;margin-top: 8px}
.ms_btn_icon i{font-weight: 600;}
.ms_btn_icon span{font-weight: 400;}
.ms_btn_icon em{color: #76839b;font-weight: 400;}
.ms_btn_icon em:hover{color: #0066ff;}
.ms_btn_icon + .ms_btn_icon{margin-right: 5px;}

/*表头斜线*/
/*.son_slash_line .el-table thead.has-gutter tr:first-of-type th:first-of-type:before {*/
.son_slash_line .has-gutter th:first-of-type:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 200px;
  top: 0;
  left: 0;
  background-color: grey;
  opacity: 0.3;
  display: block;
  transform: rotate(-69deg);
  transform-origin: top;
}
.son_slash_title{padding: 0px 5px;}
.son_slash_title span{float: left;margin-top: 10px;}
.son_slash_title em{float: right;margin-bottom: 10px;}

/*.son_slash_line2 .el-table thead.has-gutter tr:first-of-type th:first-of-type:before {*/
.son_slash_line2 .has-gutter th:first-of-type:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 300px;
  top: 0;
  left: 0;
  background-color: grey;
  opacity: 0.3;
  display: block;
  transform: rotate(-74deg);
  transform-origin: top;
}
.son_slash_title2{padding: 0px 10px;}
.son_slash_title2 span{float: left;margin-top: 10px;}
.son_slash_title2 em{float: right;margin-bottom: 10px;}
.son_table_1{margin-top: auto}
.son_table_2{margin-top: 20px;}

.son_pagination{width: 100%;float: left;text-align: center;padding-top: 20px;}
.key_value > span{color: #76839b;}
.son_dialog{padding: 0px 40px 0px 0px;max-width: 450px;margin: 0 auto;}
.son_dialog_text {line-height: 20px;margin-top: 10px;}
.son_dialog_text .el-switch__label * {line-height: normal !important;}
.son_dialog_text i{margin-left: 10px;color: #76839b;}
.md_limit1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.md_limit2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.md_limit3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.md_limit4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.md_limit5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.top_cited{/*background: url("../../static/datawise/photo/award.png");background-size: cover;*/height: 20px;width: 20px;margin: auto;}
.top_cited img{height: 20px;width: 20px;}

.el-tooltip__popper {
  max-width: 80%!important;  //宽度可根据自己需要进行设置
}
/*普通输入框*/
.ver_search_input{float: right; width: 300px;}
.ver_search_input .el-input-group__append:hover{background: #3c52e8 !important;border-color: #3c52e8 !important;}
.ver_search_input .el-input-group__append{background-color: #6371d1 !important; border: 1px solid #6371d1 !important;}
/*.ver_search_input .el-input .el-input__inner{border: 1px solid  #6371d1;}*/
.ver_search_input .el-input .el-input__inner:hover{border: 1px solid #3c52e8;}
.ver_search_input .el-icon-search{color: #FFF}
.ver_search_input .is-loading{color: #FFF !important;}
.ver_search_input .el-input-group__prepend{background-color: #e8eef3 !important; color: #6371d1 !important;}
/*Notify通知 提示文字自动换行*/
.el-notification__content {
    width: 260px;
}
.el-notification__content a{color: #6371d1;}
.el-notification__content a:hover{color: #3c52e8;}

/*.arrow{border: 9px solid transparent;border-bottom-color: rgb(0, 0, 0, 0.4);width: 0px;height: 0px;top:3px}
.stick{width: 8px;height: 11px;border-radius: 1px;background-color: rgb(0, 0, 0, 0.4);top:21px;}*/
.back_icon{width: 28px;height: 28px;background: url("../../../static/datawise/photo/top2.png");background-size: cover;top:9px;}
#back_top div{position: absolute;margin: auto;right: 0px;left: 0px;}
#back_top{background-color: rgb(0, 0, 0, 0.2);height: 45px;width: 45px;border-radius: 22.5px;
    display: block;
    cursor: pointer;
    position: fixed;
    right: 50px;
    bottom: 50px;
    display: none;
    -webkit-box-shadow: 0 0 6px rgb(0 0 0 / 12%);
    box-shadow: 0 0 6px rgb(0 0 0 / 12%);
    z-index: 1000;
}
#back_top:hover{
    background: #fff;
}

/*机构对标*/
.am_inst_head{padding: 10px 30px;width: 100%;background: #fff;-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);position: relative;z-index: 1000;}
.am_inst_body{padding: 15px 0px;}
.am_inst_body .el-input__inner{padding: 0px;width: 220px;}
.am_inst_body .am_input{margin: 0px 10px;width: 220px;float: left;}
.am_inst_select{width: fit-content;margin: 0 auto;}
.am_inst_text{padding: 10px 30px;background: #F6F6F6;}

/*Notification 通知*/
.son_notify{padding-right: 30px;}


.fsm_radio .el-radio.is-bordered+.el-radio.is-bordered{margin-left: 0px}

.ex_popover_down{width: 100%;}
.ex_popover_title{width: 100%;padding: 10px 20px; line-height: 20px; background: #999;color: #fff;font-weight: 600;border-radius: 4px 4px 0px 0px;}
.ex_popover_form{margin-top: 10px;padding: 0px 20px;}
.ex_popover_item_name{line-height: 24px;padding-top: 10px;}
.ex_popover_item_name em{font-size: 12px;color: #da5a5a;}
.ex_popover_item_input{}
.ex_popover_item_input .el-radio{margin-top: 15px;}
.ex_popover_btn{text-align: right;padding: 10px 20px 20px 20px;}
.ex_popover .popper__arrow{}
.ex_popover .popper__arrow::after{border-bottom-color: #999 !important;}
.ex_popover_null{padding: 20px; text-align: center; font-size: 13px; line-height: 30px;}
.ex_popover_check{margin-top: 5px;padding: 0px 15px;}
.ex_popover_check .el-checkbox{width: calc(33.3% - 20px);line-height: 25px;margin-right: 10px;margin-left: 10px;}

.mon_login_code{position: absolute;right: -135px;top: 0px;width: 120px; line-height: 40px;}
/*解决下拉菜单bug*/
.el-dropdown-menu{white-space: nowrap;}
.ex_a{cursor: pointer;}
.ex_a:hover{color: #0066ff !important;}
.el-dialog{border-radius: 10px !important;}
.el-dialog__body{padding: 0px 20px 20px 20px !important;}
.el-select-dropdown__item{padding: 0 20px !important;}