/*企业画像样式*/

.porlabel-content *,
.portrait-wrap * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.porlabel-content {
    min-height: 350px;
}

.porlabel-content .bluespan {
    display: inline-block;
    font-size: 14px;
    height: 32px;
    color: #1b97ff;
    background: #e9f5ff;
    padding: 0px 15px;
    line-height: 32px;
    margin-right: 20px;
    margin-top: 15px;
}

.porlabel-content .greespan {
    display: inline-block;
    font-size: 14px;
    height: 32px;
    color: #06ad80;
    background: #dff7f0;
    padding: 0px 15px;
    line-height: 32px;
    margin-right: 20px;
    margin-top: 15px;
}

.porlabel-content .purplespan {
    display: inline-block;
    font-size: 14px;
    height: 32px;
    color: #6a7ad9;
    background: #e7edff;
    padding: 0px 15px;
    line-height: 32px;
    margin-right: 20px;
    margin-top: 15px;
}

.porlabel-content .dime-main li {
    /*display: none;*/
}

/*基础画像*/
.porlabel-content .fl {
    float: left;
}

.porlabel-content .portrait-bg {
    width: 50%;
    height: 400px;
    background: url("../img/epportrait/radar.svg") center no-repeat;
}

.porlabel-content .porlabel-title {
    font-size: 18px;
    font-weight: bolder;
    color: #333;
    /*margin-bottom: 25px;*/
}

.porlabel-content .porlabel-box {
    color: #333;
    width: 50%;
    /* height: 350px; */
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0px 2px 30px 0px rgba(79, 145, 200, 0.2);
    margin: 22px 0;
    height: 422px;
}

.porlabel-content .porlabel-item {
    padding: 10px 15px 0 15px;
    font-size: 14px;
}

.porlabel-content .padlr0 {
    padding: 10px 0px 0px 0px;
}

.porlabel-content .dime-main .sub-title {
    font-size: 16px;
    color: #344860;
    text-align: center;
    padding-bottom: 10px;
}

.porlabel-content .dime-main .sub-title:after {
    content: "";
    display: block;
    height: 3px;
    width: 34px;
    background: #41a3ff;
    /* margin: 8px auto 0; */
    margin-left: 50%;
    transform: translateX(-17px);
    margin-top: 8px;
}

.porlabel-content .porlabel-item  {
    font-size: 13px;
}

.porlabel-content .pad30 {
    padding: 0px 30px 20px 30px;
}

.porlabel-content .pad10 {
    padding: 0px 10px 10px 10px;
}

.porlabel-content .porlabel-tag {
    padding: 0 12px;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
}

.porlabel-content .blue-tag {
    color: #1b97ff;
    background: #E9F5FF;
}

.porlabel-content .green-tag {
    color: #06ad80;
    background: #DFF7F0;
}

.porlabel-content .orange-tag {
    color: #fd9229;
    background: #FDF2EA;
}

.porlabel-content .purple-tag {
    color: #6a7ad9;
    background: #E7EDFF;
}

.porlabel-content .porlabel-item .porlabel-item-btns {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #656f7d;
    border-top: 1px solid #e4e4e4;
    text-align: center;
}

.porlabel-content .porlabel-item .porlabel-item-btns img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.porlabel-content .porlabel-btn-left {
    width: 48%;
}

.porlabel-content .porlabel-btn-right {
    width: 48%;
}

.porlabel-content .porlabel-btn-line {
    width: 2%;
    font-size: 18px;
    color: #ddd;
    text-align: center;
}

.porlabel-content .porlabel-sub-title {
    font-size: 14px;
    color: #2c343c;
    font-weight: bold;
    padding-bottom: 10px;
}

.porlabel-content .porlabel-nodata {
    font-size: 13px;
    color: #aaa;
    padding-bottom: 10px;
}

.porlabel-content .porlabel-row {
    padding-bottom: 5px;
}

.porlabel-content .porlabel-sub-title.f16 {
    font-size: 16px;
}

.porlabel-content .talent-item {
    width: 49%;
    margin: 10px 1% 10px 0px;
}

.porlabel-content .talent-img {
    width: 20%;
}

.porlabel-content .talent-img img {
    max-width: 100%
}

.porlabel-content .talent-box {
    /*width: 75%;*/
    margin-left: 28%;
}

.porlabel-content .talent-box .tanlent-name {
    font-size: 14px;
    color: #2c343c;
    /* line-height: 24px; */
    padding-bottom: 3px;
}

.porlabel-content .talent-box .tanlent-tag {
    font-size: 13px;
    color: #9fb1d2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.porlabel-content .talent-total {
    padding-bottom: 20px;
}

.porlabel-content .talent-total-item {
    width: 21%;
    font-size: 14px;
    color: #2c343c;
    text-align: center;
    line-height: 24px;
}

.porlabel-content .talent-total-item.all {
    width: 23%;
}

.porlabel-content .talent-total-item.other {
    width: 14%;
}

.porlabel-content .talent-total-item .total-orange {
    font-size: 16px;
    color: #ff8e29;
}

.porlabel-content .talent-total-item .total-blue {
    font-size: 16px;
    color: #41a3ff;
}

.porlabel-content .talent-total-item .total-grey {
    color: #999;
}

.porlabel-content .porlabel-btn-center {
    text-align: center;
}

.clearfix {
    overflow: hidden;
}

.porlabel-row {
    padding-bottom: 10px;
    overflow: hidden;
}

.guest {
    width: 800px;
    background: url('../img/epportrait/guest-bg.jpg') center no-repeat;
    background-size: cover;
    height: 640px;
    overflow: hidden;
    padding-top: 80px;
}

.guest .msg {
    margin: 0 auto;
    width: 482px;
    height: 255px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 8px 30px 0px rgba(68, 113, 176, 0.3);
    border-radius: 12px;
    text-align: center;
    padding-top: 137px;
    background: url('../img/epportrait/qyhx-login.png') #fff center 30px no-repeat;
}

.guest .msg .title {
    font-weight: bold;
    font-size: 18px;
    color: #434a60;
    margin-bottom:  11px;
}

.guest .msg .sub-title {
    margin-top: 12px;
    font-size: 14px;
    color: #707684;
    line-height: 24px;
}

.porlabel-wrap {
    overflow: hidden;
    padding-right: 20px;
    margin-right: -20px
}

.portrait-wrap {
    margin-bottom: 25px;
}

.portrait-wrap .title {
    margin-bottom: 15px;
}

.portrait-wrap .portrait-title {
    font-size: 18px;
    color: #333;
    font-weight: bolder;
    margin-bottom: 15px;
}

.portrait-wrap .head-info {
    /*margin-left: 140px;*/
    padding-right: 20px;
}

.portrait-wrap .head-info .title {
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
    vertical-align: middle;
    margin-bottom: 15px;
    min-height: 40px;
}

.portrait-wrap .head-info .title .used-name {
    position: relative;
    display: inline-block;
    margin-left: 0;
    font-size: 12px;
    font-weight: normal;
    height: 18px;
    line-height: 18px;
    border-radius: 4px;
    background: #fff;
    color: #ff861a;
    padding: 0 18px 0 10px;
    vertical-align: 2px;
    border: 1px solid #ff861a;
}

.portrait-wrap .used-name:after {
    content: "";
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    background: url("../img/epportrait/ico-ang.svg") center no-repeat;
}

.portrait-wrap .head-info .title .tip {
    font-size: 12px;
    color: #ccc;
    font-weight: normal;
    margin-left: 5px;
    vertical-align: 2px;
}

.portrait-wrap .label-list {
    margin-bottom: 20px;
    padding-bottom: 12px;
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
}

.portrait-wrap .label-list .label-item {
    margin: 0 2px 12px 0;
    display: inline-block;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #45a1ef;
    background: #ecf6ff;
    padding: 0 10px;
    border-radius: 2px;
}

.portrait-wrap .label-list .label-item.status {
    color: #52a600;
    background: #e4f8d6;
}

.portrait-wrap .label-list .label-item.status.abnormal {
    color: #d25b5b;
    background: #f9bcbc;
}

.portrait-wrap .label-list .label-item.market {
    color: #ff8c25;
    background: #ffebd1;
}

.portrait-wrap .label-list .label-item.area {
    background: #eceeff;
    color: #758ed5;
}

.portrait-wrap .label-list .label-item.qualify {
    cursor: pointer;
}

.portrait-wrap .label-list .label-item.industry {
    background: #eceeff;
    color: #ee82ee;
    cursor: pointer;
}

.portrait-wrap .info-list {
    margin-bottom: 20px;
}

.portrait-wrap .info-list .info-row {
    float: left;
    width: 100%;
    line-height: 24px;
    /*margin-bottom: 8px;*/
    font-size: 14px;
}

.portrait-wrap .info-list .info-row.col-5 {
    width: 50%;
    line-height: 24px;
}

.portrait-wrap .info-list .info-row .label {
    color: #888;
}

.portrait-wrap .info-list .info-row .info {
    margin-left: 84px;
}

.portrait-wrap .info-list .info-row .info a {
    color: #389fff;
}

.portrait-wrap .info-row .contact-item .info {
    margin-left: 85px;
}

/*.portrait-wrap .info-row  .contact-item.sm {*/
/*    min-width: 161px;*/
/*}*/

.portrait-wrap .info-row .info.email {
    /*margin-left: 44px;*/
}

.portrait-wrap .locate {
    display: inline-block;
    margin-left: 10px;
    padding-right: 24px;
    background: url("../img/epportrait/ico-locate.png") right center no-repeat;
}

.portrait-wrap .more {
    margin-left: 5px;
    color: #389fff;
}

.portrait-wrap .edit {
    margin-left: 5px;
    color: #ff902d;
}

.portrait-wrap .info-list .info-row .info a.edit {
    color: #ff902d;
}

.portrait-wrap .industry-intro {
    position: relative;
    /*max-height: 72px;*/
    overflow: hidden;
}

.portrait-wrap .industry-intro .more {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*right: 5px;*/
}

.portrait-wrap .portrait-wrap .intro {
    position: relative;
}

.portrait-wrap .intro.over::after {
    content: "...";
    position: absolute;
    right: 0;
    top: 24px;
    height: 24px;
    width: 66px;
    padding-left: 15px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%);
}

.portrait-wrap .info.contact span {
    margin: 0 5px;
}

.portrait-wrap .contact-item {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    min-width: 240px;
    margin-bottom: 8px;
}

.portrait-wrap .contact-item.email {
    min-width: 170px;
}

.portrait-wrap .contact-item + .contact-item {
    /*margin-left: 35px;*/
}

.portrait-wrap .ep-status {
    position: relative;
    margin: 0 4px;
    display: inline-block;
    height: 20px;
    font-weight: normal;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    padding: 0 10px;
    border-radius: 2px;
    color: #fff;
    background: #84c61b;
    vertical-align: middle;
}

.portrait-wrap .ep-status.abnormal {
    color: #d25b5b;
    background: #f9bcbc;
}

.fl {
    float: left;
}

.BMap_bubble_title a {
    display: none;
}

.industry-intro {
    margin-top: 8px;
}

.name-list {
    margin: 0;
    padding: 0;
    margin-top: -15px;
}

.name-list > li {
    list-style: none;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
}

.maintain {
    color: #fff;
    background: #ff861a;
    border-radius: 4px;
    padding: 2px 4px;
    margin: 0 2px;
    cursor: pointer;
}

.my_table .el-table thead .cell {
    color: #333;
    font-weight: bolder;
}

.portrait .el-dialog__body {
    height: auto;
}

.el-message-box.intro {
    width: 550px;
}

/*完善资料*/
.infomain * {
    font-weight: normal;
}

.infomain ul,
.infomain li,
.infomain dl,
.infomain dd,
.infomain h1,
.infomain h2,
.infomain h3,
.infomain h4 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.infomain h2 {
    text-align: center;
    font-size: 22px;
    color: #333;
}

.infomain h3 {
    text-align: center;
    font-size: 16px;
    color: #aaa;
    margin: 10px 0;
}

.infomain-dialog .el-dialog__body {
    padding: 0 30px 30px;
}

.infomain-dialog {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.infomain-dialog .el-dialog {
    margin: 0 auto !important;
    height: 90%;
    overflow: hidden;
}

.infomain-dialog .el-dialog__body {
    overflow: auto;
    height: calc(100% - 65px);
}

.infomain-dialog>div {
    min-width: 800px;
}

.infomain .progress {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0 30px;
    font-size: 14px;
}

.infomain .progress::before {
    position: absolute;
    top: 35px;
    left: 30px;
    right: 30px;
    content: "";
    height: 0;
    border-bottom: 1px dashed #cfd6df;
    z-index: 0;
}

.infomain .pro-item {
    text-align: center;
    color: #999;
    padding: 68px 12px 0;
    background: url("../img/epportrait/step1.svg") #fff center top no-repeat;
    z-index: 1;
}

.infomain .pro-item.active {
    background-image: url("../img/epportrait/step1-active.svg");
    color: #333;
}

.infomain .pro-item:nth-child(2) {
    background-image: url("../img/epportrait/step2.svg");
}

.infomain .pro-item:nth-child(2).active {
    background-image: url("../img/epportrait/step2-active.svg");
}

.infomain .pro-item:nth-child(3) {
    background-image: url("../img/epportrait/step3.svg");
}

.infomain .pro-item:nth-child(3).active {
    background-image: url("../img/epportrait/step3-active.svg");
}

.infomain .pro-item:nth-child(4) {
    background-image: url("../img/epportrait/step4.svg");
}

.infomain .pro-item:nth-child(4).active {
    background-image: url("../img/epportrait/step4-active.svg");
}

.infomain .pro-item:nth-child(5) {
    background-image: url("../img/epportrait/step5.svg");
}

.infomain .pro-item:nth-child(5).active {
    background-image: url("../img/epportrait/step5-active.svg");
}

.infomain .pro-item:nth-child(6) {
    background-image: url("../img/epportrait/step6.svg");
}

.infomain .pro-item:nth-child(6).active {
    background-image: url("../img/epportrait/step6-active.svg");
}

.infomain .step-info {
    margin-top: 25px;
    overflow: hidden;
}

.infomain .step-title {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding-left: 25px;
    margin-bottom: 15px;
}

/*.infomain .el-form-item {*/
/*    margin-bottom: 10px;*/
/*}*/

/*.infomain .el-form-item__label {*/
/*    padding-right: 15px;*/
/*}*/

.infomain .el-button.next,
.infomain .el-button.sure {
    width: 226px;
    height: 46px;
    box-shadow: 0px 6px 16px 0px rgba(22, 126, 255, .4);
}

.infomain .btn-bottom {
    text-align: center;
}

.infomain .el-select,
.infomain .el-input,
.infomain .el-textarea {
    width: 90%;
}

.infomain .el-select .el-input {
    width: 100%;
}

/*.infomain .el-input__inner {*/
/*    padding: 0 15px;*/
/*}*/

/*.infomain .el-select__input {*/
/*    margin-left: 15px;*/
/*}*/

.infomain .el-form-item__label {
    padding-top: 10px;
    line-height: 20px;
}

.infomain .el-tag.el-tag--info {
    background-color: #85bed6;
    border-color: #e9e9eb;
    color: #fff;
}

.infomain .el-tag.el-tag--info .el-tag__close {
}

.infomain .el-radio {
    padding: 5px 0;
}

.contact-dialog .el-dialog__body {
    padding-top: 0;
}

.conmanage {
    text-align: right;
}

.contact-dialog .el-table thead .cell {
    color: #333;
    font-weight: bold;
}

.porlabel-item-data {
    height: 360px;
    max-height: 360px;
    overflow: auto;
    margin: 0 -13px 10px 0;
}

.el-tooltip__popper {
    max-width: 300px;
}

.indusgrade-dialog  * {
    font-weight: normal;
}

.indusgrade-dialog  p,
.indusgrade-dialog  ul,
.indusgrade-dialog  li,
.indusgrade-dialog  dl,
.indusgrade-dialog  dd,
.indusgrade-dialog  h1,
.indusgrade-dialog  h2,
.indusgrade-dialog  h3,
.indusgrade-dialog  h4 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.indusgrade-dialog .el-dialog__body {
    padding: 30px 60px;
    padding-top: 0;
}

.indusgrade-dialog .round {
    position: relative;
    text-align: center;
    background: url("../img/epportrait/grade-round.svg") center top no-repeat;
    background-size: 180px;
    overflow: hidden;
}

.indusgrade-dialog .round .suspension {
    width: 110px;
    /*height: 82px;*/
    background-color: #fff4eb;
    border-radius: 4px;
    color: #a66e2d;
    font-size: 12px;
    line-height: 22px;
    position: absolute;
    top: 12%;
    left: calc(50% + 119px);
    padding: 15px;
    text-align: left;
}

.indusgrade-dialog .round .point_line {
    width: 95px;
    height: 1px;
    border-color: #000;
    background: #e1c8b5;
    position: absolute;
    left: calc(50% + 25px);
    top: 51%;
}

.indusgrade-dialog .grade {
    margin-top: 48px;
    height: 40px;
    text-align: center;
    font-size: 42px;
    color: #2e4260;
    line-height: 40px;
}

.indusgrade-dialog .score {
   color: #8fa6c9;
   font-size: 18px;
   margin: 8px auto;
   margin-bottom: 18px;
}

.indusgrade-dialog .ifsuspension {
    color: #fff;
    font-size: 13px;
    background-color: #ff9743;
    width: 50px;
    height: 18px;
    border-radius: 10px;
    margin: 8px auto;
    margin-bottom: 18px;
}

.indusgrade-dialog .tax {
    font-size: 14px;
    color: #4a5667;
    width: 190px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    box-shadow: 0 5px 16px 0 rgba(102, 151, 216, 0.4);
    border-radius: 15px;
    margin: 0 auto;
}

.indusgrade-dialog .tax span {
    color: #15a4ff;
    font-weight: bold;
}

.indusgrade-dialog .year {
    font-size: 16px;
    color: #e87a22;
    margin: 10px 0;
}

.indusgrade-dialog .reason {
    padding: 4px 14px;
    font-size: 14px;
    color: #7485a0;
    line-height: 22px;
    border-radius: 4px;
    background: #f3f4f8;
}

.indusgrade-dialog .sub-title {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin: 15px 0;
}

.indusgrade-dialog .note {
    font-size: 14px;
    color: #999;
    margin-top: 20px;
    /*cursor: pointer;*/
}

.indusgrade-dialog .note a:active {
    color: #565c6a;
}

.indusgrade-dialog .note a {
    text-decoration: underline;
    color: #999;
}

.indusgrade-dialog .el-table td,
.indusgrade-dialog .el-table th {
    padding: 4px 0;
}

.indusgrade-dialog .el-table th {
    background: #6c99d5;
}

.indusgrade-dialog .el-table thead .cell {
    color: #fff;
    font-weight: normal;
}

.my_table .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #fff;
}

.my_table .el-table--enable-row-hover .el-table__body tr>td:hover {
    background-color: #f5f7fa;
    cursor: pointer;
}

.porlabel-slide-enter,
.porlabel-slide-leave-to {
    opacity: 0;
}

.porlabel-slide-enter-active {
    transition: all .3s ease;
}

.porlabel-slide-leave-active {
    transition: all .3s ease;
}

/*.porlabel-slide-leave-active {*/
/*    transition: all .8s ease;*/
/*}*/

.indusgrade-dialog.empty .el-dialog__body>* {
    display: none;
}

.indusgrade-dialog.empty .el-dialog__body:after {
    content: "该企业未参与2020年度工业企业资源集约利用综合评价";
    display: block;
    text-align: center;
    line-height: 100px;
    font-size: 16px;
    color: #999;
}
.tax-history {
    margin-top: 10px;
}

.tax-history>p {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin: 15px 0;
}

.checkhistory {
    margin-top: 10px;
}

.checkhistory:focus {
    color: #606266;
    border-color: #dcdfe6;
    background: #fff;
}

.btn-bottom {
    text-align: center;
}

.taxgrade-dialog .el-table thead .cell {
    color: #333;
    font-weight: bolder;
}
.taxgrade-dialog  * {
    font-weight: normal;
}

.taxgrade-dialog  p,
.taxgrade-dialog  ul,
.taxgrade-dialog  li,
.taxgrade-dialog  dl,
.taxgrade-dialog  dd,
.taxgrade-dialog  h1,
.taxgrade-dialog  h2,
.taxgrade-dialog  h3,
.taxgrade-dialog  h4 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.taxgrade-dialog .el-dialog__body {
    padding: 30px 60px;
    padding-top: 0;
}

.taxgrade-dialog .round {
    text-align: center;
    background: url("../img/epportrait/grade-round.svg") center top no-repeat;
    background-size: 180px;
    overflow: hidden;
}

.taxgrade-dialog .grade {
    margin-top: 48px;
    height: 40px;
    text-align: center;
    font-size: 42px;
    color: #2e4260;
    line-height: 40px;
}

.taxgrade-dialog .score {
    color: #8fa6c9;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 7px;
}

.taxgrade-dialog .tax {
    font-size: 14px;
    color: #4a5667;
    width: 190px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    box-shadow: 0 5px 16px 0 rgba(102, 151, 216, 0.4);
    border-radius: 15px;
    margin: 0 auto;
}

.taxgrade-dialog .tax span {
    color: #15a4ff;
    font-weight: bold;
}

.taxgrade-dialog .year {
    font-size: 16px;
    color: #e87a22;
    margin: 10px 0;
}

.taxgrade-dialog .grade_org {
    padding: 8px 0;
    font-size: 14px;
    color: #8fa6c9;
    line-height: 22px;
    text-align: center;
}

.taxgrade-dialog .reason {
    padding: 4px 14px;
    font-size: 14px;
    color: #7485a0;
    line-height: 22px;
    border-radius: 4px;
    background: #f3f4f8;
}

.taxgrade-dialog .sub-title {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin: 15px 0;
}

.taxgrade-dialog .note {
    font-size: 14px;
    color: #999;
    margin-top: 20px;
    /*cursor: pointer;*/
}

.taxgrade-dialog .note a:active {
    color: #565c6a;
}

.taxgrade-dialog .note a {
    text-decoration: underline;
    color: #999;
}

.taxgrade-dialog .el-table td,
.taxgrade-dialog .el-table th {
    padding: 4px 0;
}

.taxgrade-dialog .el-table th {
    background: #6c99d5;
}

.taxgrade-dialog .el-table thead .cell {
    color: #fff;
    font-weight: normal;
}

.top-bar {
    position: relative;
}

.top-menu {
    display: inline-block;
    width: 100%;
}

.topbar-dropdown .empty {
    padding: 15px;
    color: #777;
}

/* 选择区域 */
.choose-area {
    display: flex;
    justify-content: flex-start;
}

.choose-item {
    /* flex: 1; */
    padding-right: 10px;
}

.tree-value {
    display: block;
    width: 140px;
    position: relative;
    height: 32px;
    line-height: 33px;
    font-size: 14px;
    color: #777;
    padding: 0 30px 0 15px;
    border: 1px solid #e4e4e4;
    transition: all .2s;
    box-sizing: border-box;
}

.tree-value::after {
    content: '';
    right: 10px;
    top: 14px;
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #ddd;
}

.tree-value.selected,
.tree-value:hover {
    border: 1px solid #3197ff;
    color: #0f9cff;
    transition: all .2s;
}

.dropdown-menu {
    position: relative;
    /* overflow: hidden; */
    z-index: 999
}
.choosed {
    line-height: 30px;
    min-height: 30px;
    margin: 15px 0 0 0;
    padding-right: 15px;
}

.choosed-item {
    display: inline-flex;
    align-items: center;
    color: #0f9cff;
    background: #ebf6ff;
    font-size: 14px;
    border-radius: 4px;
    padding: 5px 15px 5px 15px;
    white-space: nowrap;
    word-break: keep-all;
    position: relative;
    cursor: pointer;
}

.choosed-item .ico-close {
    position: absolute;
    right: -5px;
    top: -5px;
    width: 16px;
    height: 16px;
    line-height: 17px;
    text-align: center;
    background: #C6C6C6;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
}
.fr {
  float: right;
}
.choosed .statistic-year {
  font-size: 14px;
  color: #333
}

.statistic-year .num {
  font-size: 16px;
  color: #3197ff;
  font-weight: 600
}
.statistic-year .unit {
  font-size: 14px;
  color: #aaa
}
.choosed .c-label {
    width: 80px;
    font-size: 14px;
    color: #aaa;
}
.info-top {
    color: #888;
    line-height: 40px;
    height: 40px;
    margin: 0 0 15px 0;
    padding-right: 15px;
    display: flex;
    justify-content: space-between;
}

.info-top .info {
    font-size: 14px;
    /* margin-right: 15px; */
}
.info-top .num {
  color: #3197ff
}

.legend {
    font-size: 13px;
    color: #888;
}
.legend>span {
    margin-left: 5px;
}

.legend .le-item {
    padding: 3px 0 3px 20px;
}

.legend .le-item:nth-child(1) {
    background: url("../img/epportrait/ico-mine.svg") left center no-repeat;
    background-size: 18px 18px;
    margin-left: 0;
}

.legend .le-item:nth-child(2) {
    background: url("../img/epportrait/ico-mid.svg") left center no-repeat;
    background-size: 18px 18px;
    padding-left: 10px;
}

.legend .le-item:nth-child(3) {
    background: url("../img/epportrait/ico-avg.svg") left center no-repeat;
    background-size: 18px 18px;
}

/*下拉*/
.topbar-dropdown {
    position: absolute;
    top: 36px;
    width: 100%;
    left: 0;
    background: #fff;
    box-shadow: 0 12px 10px 0 rgba(0,0,0,.07);
    transition: height .2s cubic-bezier(.215,.61,.355,1), opacity .2s cubic-bezier(.215,.61,.355,1);
    z-index: 9999;
    overflow: hidden;
}

.level-wrap {
    display: flex;
    justify-content: flex-start;
    background: #fff;
    height: 100%;
    padding: 20px;
}

.level-bok {
    /*width: 150px;*/
    width: auto;
    height: 100%;
}

.level-list {
    padding: 10px;
    overflow: hidden;
}

.level-item {
    margin: 5px 0 0 0;
    height: 36px;
    line-height: 36px;
    color: #333;
    cursor: pointer;
    transition: all .2s;
}

.level-two .level-item {
    color: #888;
}

.level-three .level-item {
    color: #aaa;
}

.level-item.selected a {
    color: #21a9ff;
}

.level-item>a {
    position: relative;
    display: block;
    height: 100%;
    padding: 0 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 14px;
    color: #333
}

.level-item>a i {
    position: absolute;
    left: 7px;
    top: 9px;
    height: 100%;
    margin-right: 8px;
    color: #21a9ff;
}

.level-item:hover,
.level-item.hover {
    background: #eee;
    /*color: #21a9ff;*/
    transition: all .2s;
}

.level-item:hover a {
    /*color: #21a9ff;*/
    transition: all .2s;
}

.level-two .level-list {
    /*display: none;*/
}

.top-bar {
    position: relative;
}

.top-menu {
    display: inline-block;
}

.topbar-dropdown .empty {
    padding: 15px;
    color: #777;
}

/*下拉面板改为占用*/
/*.topbar-dropdown {*/
/*    position: relative;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    left: 0;*/
/*}*/

/*.top-menu {*/
/*    display: block;*/
/*}*/

[v-cloak] {
    display: none;
}

.level-wrap.ml120 {
    margin-left: 120px;
}

.level-wrap.ml270 {
    margin-left: 270px;
}

.level-wrap.ml420 {
    margin-left: 420px;
}

.level-wrap.ml570 {
    margin-left: 570px;
}

.choosed-item .desc {
    color: #aaa;
    font-size: 12px;
    margin-left: 12px;
    white-space: normal;
    max-width: 600px;
    line-height: 18px;
}

/*面板调整为单独展示*/
.topbar-dropdown {
    width: auto;
    min-width: 140px;
    box-shadow: 0 12px 10px 0 rgba(0,0,0,.07);
}

.topbar-dropdown .level-wrap {
    padding: 0;
}

.le150 {
    left: 150px;
}

.le300 {
    left: 300px;
}

.le450 {
    left: 450px;
}

.le600 {
    left: 600px;
}

.topbar-dropdown .level-list {
    padding: 5px 0;
}

.level-item {
    margin: 0 0 5px 0;
}

.level-item>a {
    padding: 0 10px 0 23px;
    min-width: 140px;
}

.cord-list {
    position: relative;
    min-height: 300px;
}

.cord-list li {
    padding: 0 15px;
}

.list-head {
    background: #5caefb;
    height: 32px;
    line-height: 32px;
    color: #fff;
    display: flex;
    justify-content: flex-start;
}

.standard {
    width: 220px;
    flex-shrink: 0;
}

.list-head .standard {
    padding-left: 5%;
}

.standardvalue {
    width: 180px;
    text-align: right;
}

.median {
    width: 260px;
    text-align: right;
}

.cord-list .standardvalue {
   padding: 0 5% 0 0;
}

.cord-list .median {
    padding: 0 6% 0 0;
}

.rand {
    /*width: 50%;*/
    width: calc(100% - 250px);
    text-align: center;
}

.list-row {
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: #333;
    display: flex;
    justify-content: flex-start;
}

.list-row>li {
    padding: 0 15px;
}

.list-row:nth-child(even) {
    background: #f2f5f8;
}

.list-row .standard>div {
    padding-left: 33px;
}

.list-row:nth-child(1) .standard>div {
    background: url("../img/epportrait/stan-1.svg") left center no-repeat;
}

.list-row:nth-child(2) .standard>div {
    background: url("../img/epportrait/stan-2.svg") left center no-repeat;
}

.list-row:nth-child(3) .standard>div {
    background: url("../img/epportrait/stan-3.svg") left center no-repeat;
}

.list-row:nth-child(4) .standard>div {
    background: url("../img/epportrait/stan-4.svg") left center no-repeat;
    background-size: 24px 24px;
}

.list-row:nth-child(5) .standard>div {
    background: url("../img/epportrait/stan-5.svg") left center no-repeat;
}
.list-row:nth-child(6) .standard>div {
    background: url("../img/epportrait/stan-6.svg") left center no-repeat;
}

.list-row .rand {
    display: flex;
    align-items: center;
    /*padding-right: 30px;*/
}

.rank-bar {
    position: relative;
    width: 100%;
    height: 6px;
    background: url("../img/epportrait/rank-bar.png") center no-repeat;
    background-size: 100% 6px;
}

.rank-bar::after {
    display: none;
    position: absolute;
    content: "";
    right: -15px;
    top: -4px;
    width: 17px;
    height: 14px;
    background: url("../img/epportrait/rank-angle.svg") right center no-repeat;
    z-index: 0
}

.rank-bar>span,
.rank-bar>div {
    z-index: 2
}

.median-pot {
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    background: url("../img/epportrait/ico-mid.svg") left center no-repeat;
    z-index: 1;
}

.average-pot {
    position: absolute;
    left: 0%;
    top: -8.5px;
    margin-left: -11px;
    width: 22px;
    height: 22px;
    background: url("../img/epportrait/ico-avg.svg") left center no-repeat;
    background-size: cover;
    z-index: 2;
}

.rank-pot {
    position: absolute;
    /* left: 20%; */
    top: -5px;
    margin-left: -8px;
    width: 16px;
    height: 16px;
}

.rank-trangle {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../img/epportrait/ico-mine.svg") left center no-repeat;
    background-size: cover;
    z-index: 3;
    cursor: pointer;
    transition: all .2s;
}

.rank-trangle:hover {
    transform: scale(1.6);
    /* box-shadow: 0 2px 6px 0 rgba(16, 68, 200, .3); */
    transition: all .2s;
}

.rank-val {
    position: absolute;
    top: -18px;
    left: 50%;
    margin-left: -24px;
    font-size: 12px;
    color: #ff8921;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 48px;
}

.rank-section {
    /* display: none; */
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    background: #000;
    border-radius: 3px;
    opacity: .3;
    white-space: nowrap;
}

.rank-hoverval {
    /* display: none; */
    top: 21px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    background: #000;
    border-radius: 3px;
    opacity: .3;
    white-space: nowrap;
}

/* 滚动条 */
.topbar-dropdown .el-scrollbar .el-scrollbar__wrap {
  /* overflow:scroll; */
  /* height: 110% */
  overflow-x: hidden;
  overflow-y:scroll;
}

i {
  font-style:normal
}

.choosed-empty {
    display: inline-flex;
}

/*loading重置样式*/
.origin .el-loading-spinner {
    background: none;
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
}

.origin .el-loading-spinner .circular {
     display: inline;
}