.font12 {
    font-size: 12px;
}

.font18 {
    font-size: 18px;
}

.ml5 {
    margin-left: 5px;
}

.mr5 {
    margin-right: 5px;
}

.mr20 {
    margin-right: 20px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.c-999 {
    color: #999;
}

.tc {
    text-align: center;
}

.flex_tr {
    display: flex;
    justify-content: end;
}

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

.noData {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    background: #FFF;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    display: none;
}

.noData>div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    background: #FFF;
    flex-direction: column;
}

.noData>div::after {
    content: "暂无数据";
    text-align: center;
    display: inline-block;
}

@media only screen and (min-width: 1200px) {
    .container {
        width: 1127px;
    }
}

@media only screen and (min-width: 1600px) {
    .container {
        width: 1200px;
    }
}


.font12 {
    font-size: 12px;
}

.c-light-black {
    color: #999;
}

.tc {
    text-align: center;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pt10 {
    padding-top: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.panel21 {
    display: flex;
}

.panel21>div {
    flex: 0 0 222px;
    height: 86px;
    background: #F8F9FA;
    border-radius: 6px;
    margin-right: 24px;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}

.panel21>div span {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 14px;
    display: block;
    margin-bottom: 14px;
}

.panel21>div strong {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    line-height: 18px;
}

.panel2 {
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #DEDEDE;
    position: relative;
}

.panel2 h1 {
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 16px;
    padding: 9px 20px 0 20px;
    display: flex;
    margin: 0;
    align-items: center;
}

.panel2 h1 > span {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 12px;
    flex:1;
    /* margin-left: 20px; */
}

.panel2 h1 ul{
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
.panel2 h1 ul li{
    font-size: 12px;
    color: #666;
    display: flex;
    align-items: center;
    margin-left: 23px;
}

.panel2 h1 ul li span{
    width: 8px;
    height: 8px;
    background: #1B9EFF;
    margin-right: 5px;
    border-radius: 8px;
}
.panel {
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #DEDEDE;
    position: relative;
}

.panel h1 {
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 16px;
    padding: 30px;
    display: flex;
    margin: 0;
    align-items: center;
}

.panel h1 span {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 12px;
    margin-left: 20px;
}

#language {
    height: 300px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

#echarts2 {
    height: 400px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

#echarts3 {
    height: 400px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.ant-row {
    display: flex;
    flex-flow: row wrap;
}

.ant-col {
    position: relative;

}

.ant-row-center {
    justify-content: center;
}

.ant-row-middle {
    align-items: center;
}

.ant-col-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
    display: block;
}

.ant-col:before,
.ant-col::before,
.ant-col::after {
    display: block;
    content: "121112313113112312313",

}

.ant-col-5 {
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
    display: block;
}

.topScores___1Yf2M img {
    width: 60px;
    height: 60px;
    border-radius: 60px;
}

.first___1dhfC span {
    background: #ffd058;
    width: 100%;
    border-radius: 4px 4px 0 0;
    height: 60px;
    display: block;
}

.second___3r1mu span {
    background: #e0e5ea;
    width: 100%;
    border-radius: 4px 4px 0 0;
    height: 40px;
    display: block;
}

.three___3_oBR span {
    background: #e5a866;
    width: 100%;
    border-radius: 4px 4px 0 0;
    height: 20px;
    display: block;
}

.first___1dhfC,
.second___3r1mu,
.three___3_oBR {
    height: 60px;
    display: flex;
    align-items: flex-end;
}

.OpenSourceNum {
    color: #333;
    display: flex;
    justify-content: right;
    align-items: center;
    font-size: 12px;
    padding: 40px 20px;
}

.OpenSourceNum span {
    color: #999;
}

.OpenSourceNum .circule {
    width: 8px;
    height: 8px;
    background: #0366D6;
    border-radius: 8px;
    display: inline-block;
    margin-right: 8px;
}

.OpenSource {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 30px;
    font-size: 14px;
    color: #333333;
    box-sizing: border-box;
    padding-top: 0 !important;
    margin-bottom: 48px;
    /* margin-top: 30px; */
}

.OpenSource>aside:nth-child(1) {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.OpenSourceJd {
    flex: 1;
    margin-left: 20px;
    background: #F5F5F5;
    height: 20px;
    position: relative;
}

.OpenSourceJd::before {
    content: "0%";
    color: rgba(153, 153, 153, 1);
    position: absolute;
    top: 32px;
    left: 0;
}

.OpenSourceJd::after {
    content: "100%";
    color: rgba(153, 153, 153, 1);
    position: absolute;
    top: 32px;
    right: 0;
}

.OpenSourceProcess {
    width: 504px;
    height: 20px;
    background: rgba(46, 194, 91, 1);
    /* border: 1px solid #196EFD; */
    position: relative;
    z-index: 2;
}

.OpenSourceTip {
    width: 184px;
    /* height: 42px; */
    /* background: #cee2f1; */
    /* background: rgba(3, 102, 214, 0.2); */
    position: absolute;
    top: 31px;
    left: 22px;
    color: rgba(102, 102, 102, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .OpenSourceTip span {
    color: #0366D6;
}

.OpenSourceTip::before {
    content: "";
    width: 0px;
    height: 0px;
    border: 6px solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: rgba(3, 102, 214, 0.2);
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -6px;
} */


.loader {
    width: 48px;
    height: 48px;
    border: 5px dotted #0366D6;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    animation: rotation 2s linear infinite;
    z-index: 5;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



.PcTitle {
    display: flex;
    padding-bottom: 14px;
}

.subTitle {
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    line-height: 12px;
    text-align: left;
}

.PcTitle div:nth-child(1) {
    flex: 1;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    text-align: left;
}

.daterange,
input[name="daterange"] {
    width: 214px;
    height: 24px;
    position: relative;
}

input[name="daterange"] {
    height: 24px;
    border-radius: 4px;
    border: 1px solid #DEDEDE;
    padding: 0 10px;
}

.daterange::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 14px;
    height: 14px;
    right: 0;
    top: 50%;
    margin-top: -6px;
    background: url("/html/img/date.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
}

.RadarCirculeJd {
    width: 560px;
    height: 20px;
    background: #F1F1F1;
    border-radius: 20px;
    margin: 0 auto;
    position: relative;
    display: flex;
    overflow: hidden;
}

.RadarCircule {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 10px;
    /* margin: 60px 176px; */
}

.RadarCircule div {
    position: relative;
    width: 50%;
    /* height: 100px; */
    /* border: 8px solid #F1F1F1; */
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 5px 0px;
    /* box-sizing: border-box; */
}



.RadarCircule .box {
    --v: calc(((18/5) * var(--p) - 90)*1deg);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 10px;
    background:
        linear-gradient(#FFF, #FFF) content-box,
        linear-gradient(var(--v), #f2f2f2 50%, transparent 0) 0/min(100%, (50 - var(--p))*100%),
        linear-gradient(var(--v), transparent 50%, var(--c) 0) 0/min(100%, (var(--p) - 50)*100%),
        linear-gradient(to right, #f2f2f2 50%, var(--c) 0);
}

.ell-progress-bar {
    padding-right: 0;
    margin-right: 0;
    display: block
}

.ell-progress-bar,
.ell-progress-bar__inner:after,
.ell-progress-bar__innerText,
.el-spinner {
    display: inline-block;
    vertical-align: middle
}

.ell-progress--text-inside .ell-progress-bar {
    padding-right: 0;
    margin-right: 0
}

.ell-progress.is-success .ell-progress-bar__inner {
    background-color: #67c23a
}

.ell-progress.is-success .ell-progress__text {
    color: #67c23a
}

.ell-progress.is-warning .ell-progress-bar__inner {
    background-color: #e6a23c
}

.ell-progress.is-warning .ell-progress__text {
    color: #e6a23c
}

.ell-progress.is-exception .ell-progress-bar__inner {
    background-color: #f56c6c
}

.ell-progress.is-exception .ell-progress__text {
    color: #f56c6c
}

.ell-progress-bar {
    padding-right: 20px;
    width: 100%;
    /*margin-right: -25px;*/
    box-sizing: border-box
}

.ell-progress-bar__outer {
    height: 10px;
    /*border-radius: 100px;*/
    background-color: #ebeef5;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.ell-progress-bar__inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #409eff;
    text-align: right;
    border-radius: 2px;
    line-height: 1;
    white-space: nowrap;
    transition: width .6s ease
}

.ell-progress-bar__inner:after {
    height: 100%
}

.ell-progress-bar__innerText {
    color: #fff;
    font-size: 12px;
    margin: 0 5px
}

.panel-flex {
    display: flex;
    flex-shrink: 0;

}

.panel-flex>div {
    flex: 1;
    width: 50%;
}

.title5 {
    display: flex;
    font-size: 12px;
}

.title5 div:nth-child(1) {
    color: #999;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title5 div:nth-child(2) {
    margin-left: 15px;
    color: #333;
}

.tabsProject {
    padding: 0 20px;
    font-size: 12px;
    color: #999999;
    display: flex;
    align-items: center;
}

.tabsProject>div:nth-child(1) {
    color: #999;
}

.tabsProject>div:nth-child(2) {
    flex: 1;
}

.tabsProject ul {
    margin: 0;
    padding: 0;
    border: 1px solid #E5E5E5;
    margin-left: 10px;
    display: inline-block;
}

.tabsProject li {
    cursor: pointer;
    height: 34px;
    min-width: 96px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tabsProject li.on {
    background: #3F9EFF;
    color: #FFF;
}

.projectTable {
    width: 100%;
    border-collapse: collapse;
}

.projectTable tr {
    border-bottom: 1px solid #E5E5E5;
}

.projectTable td,
.projectTable th {
    padding: 15px 10px 15px 0;
    font-weight: normal;
    color: #333;
}

.projectTable th {
    text-align: left;
    color: #999999;
}

.projectItems {
    display: flex;
    align-items: center;

}

.projectItems>div:nth-child(1) {
    margin-right: 10px;
}

.projectItems>div:nth-child(2) div {
    font-weight: 600;
    font-size: 20px;
}

.projectItems span {
    font-size: 14px;
    color: #999;
}




.panel-flex1{
    display: flex;
}

.panel-total {
}

.panel-total >div {
    width: 215px;
    height: 100px;
    background: #F8F9FA;
    border-radius: 6px;
    margin-right: 15px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.panel-total >div:nth-last-child(1){
    margin-bottom: 0;
}
.panel-total >div span {
    font-size: 14px;
    font-weight: 400;
    color: #555;
    line-height: 14px;
    display: block;
    margin-top: 6px;
}
.panel-total >div span i{
    color: #999;
    font-style: normal;
    padding-left: 5px;
}

.panel-total >div strong {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 18px;
}

.panel-total >div > div:nth-child(1){
    flex: 1;
}
.panel-total >div img{
    width: 44px;
    height: 44px;
}
.no-data-static{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #999;
    font-size: 12px;
    line-height: 1;
}
.no-data-static img{
    margin-bottom: 16px;
}



















/* 分页css */
.paginationjs {
    line-height: 1.6;
    font-family: Marmelad, "Lucida Grande", Arial, "Hiragino Sans GB", Georgia, sans-serif;
    font-size: 14px;
    box-sizing: initial
}

.paginationjs:after {
    display: table;
    content: " ";
    clear: both
}

.paginationjs .paginationjs-pages {
    float: left
}

.paginationjs .paginationjs-pages ul {
    float: left;
    margin: 0;
    padding: 0
}

.paginationjs .paginationjs-go-button,
.paginationjs .paginationjs-go-input,
.paginationjs .paginationjs-nav {
    float: left;
    margin-left: 10px;
    font-size: 14px
}

.paginationjs .paginationjs-pages li {
    float: left;
    border: 1px solid #F6F7F9;
    background: #F6F7F9;
    border-right: none;
    list-style: none
}

.paginationjs .paginationjs-pages li>a {
    min-width: 30px;
    height: 28px;
    line-height: 28px;
    display: block;
    /* background: #fff; */
    font-size: 14px;
    color: #333;
    text-decoration: none;
    text-align: center
}

.paginationjs .paginationjs-pages li>a:hover {
    background: #eee
}

.paginationjs .paginationjs-pages li.active {
    border: none
}

.paginationjs .paginationjs-pages li.active>a {
    height: 30px;
    line-height: 30px;
    background: #aaa;
    color: #fff
}

.paginationjs .paginationjs-pages li.disabled>a {
    opacity: .3
}

.paginationjs .paginationjs-pages li.disabled>a:hover {
    background: 0 0
}

.paginationjs .paginationjs-pages li:first-child,
.paginationjs .paginationjs-pages li:first-child>a {
    border-radius: 3px 0 0 3px
}

.paginationjs .paginationjs-pages li:last-child {
    /* border-right: 1px solid #aaa; */
    border-radius: 0 3px 3px 0
}

.paginationjs .paginationjs-pages li:last-child>a {
    border-radius: 0 3px 3px 0
}

.paginationjs .paginationjs-go-input>input[type=text] {
    width: 30px;
    height: 28px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #aaa;
    padding: 0;
    font-size: 14px;
    text-align: center;
    vertical-align: baseline;
    outline: 0;
    box-shadow: none;
    box-sizing: initial
}

.paginationjs .paginationjs-go-button>input[type=button] {
    min-width: 40px;
    height: 30px;
    line-height: 28px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #aaa;
    text-align: center;
    padding: 0 8px;
    font-size: 14px;
    vertical-align: baseline;
    outline: 0;
    box-shadow: none;
    color: #333;
    cursor: pointer;
    vertical-align: middle\9
}

.paginationjs.paginationjs-theme-blue .paginationjs-go-input>input[type=text],
.paginationjs.paginationjs-theme-blue .paginationjs-pages li {
    border-color: #289de9
}

.paginationjs .paginationjs-go-button>input[type=button]:hover {
    background-color: #f8f8f8
}

.paginationjs .paginationjs-nav {
    height: 30px;
    line-height: 30px;
    color: #999;
}

.paginationjs .paginationjs-go-button,
.paginationjs .paginationjs-go-input {
    margin-left: 5px\9
}

.paginationjs.paginationjs-small {
    font-size: 12px
}

.paginationjs.paginationjs-small .paginationjs-pages li>a {
    min-width: 26px;
    height: 24px;
    line-height: 24px;
    font-size: 12px
}

.paginationjs.paginationjs-small .paginationjs-pages li.active>a {
    height: 26px;
    line-height: 26px
}

.paginationjs.paginationjs-small .paginationjs-go-input {
    font-size: 12px
}

.paginationjs.paginationjs-small .paginationjs-go-input>input[type=text] {
    width: 26px;
    height: 24px;
    font-size: 12px
}

.paginationjs.paginationjs-small .paginationjs-go-button {
    font-size: 12px
}

.paginationjs.paginationjs-small .paginationjs-go-button>input[type=button] {
    min-width: 30px;
    height: 26px;
    line-height: 24px;
    padding: 0 6px;
    font-size: 12px
}

.paginationjs.paginationjs-small .paginationjs-nav {
    height: 26px;
    line-height: 26px;
    font-size: 12px
}

.paginationjs.paginationjs-big {
    font-size: 16px
}

.paginationjs.paginationjs-big .paginationjs-pages li>a {
    min-width: 36px;
    height: 34px;
    line-height: 34px;
    font-size: 16px
}

.paginationjs.paginationjs-big .paginationjs-pages li.active>a {
    height: 36px;
    line-height: 36px
}

.paginationjs.paginationjs-big .paginationjs-go-input {
    font-size: 16px
}

.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text] {
    width: 36px;
    height: 34px;
    font-size: 16px
}

.paginationjs.paginationjs-big .paginationjs-go-button {
    font-size: 16px
}

.paginationjs.paginationjs-big .paginationjs-go-button>input[type=button] {
    min-width: 50px;
    height: 36px;
    line-height: 34px;
    padding: 0 12px;
    font-size: 16px
}

.paginationjs.paginationjs-big .paginationjs-nav {
    height: 36px;
    line-height: 36px;
    font-size: 16px
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a {
    color: #289de9
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a:hover {
    background: #e9f4fc
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a {
    background: #289de9;
    color: #fff
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled>a:hover {
    background: 0 0
}

.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button] {
    background: #289de9;
    border-color: #289de9;
    color: #fff
}

.paginationjs.paginationjs-theme-green .paginationjs-go-input>input[type=text],
.paginationjs.paginationjs-theme-green .paginationjs-pages li {
    border-color: #449d44
}

.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]:hover {
    background-color: #3ca5ea
}

.paginationjs.paginationjs-theme-green .paginationjs-pages li>a {
    color: #449d44
}

.paginationjs.paginationjs-theme-green .paginationjs-pages li>a:hover {
    background: #ebf4eb
}

.paginationjs.paginationjs-theme-green .paginationjs-pages li.active>a {
    background: #449d44;
    color: #fff
}

.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled>a:hover {
    background: 0 0
}

.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button] {
    background: #449d44;
    border-color: #449d44;
    color: #fff
}

.paginationjs.paginationjs-theme-yellow .paginationjs-go-input>input[type=text],
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li {
    border-color: #ec971f
}

.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]:hover {
    background-color: #55a555
}

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a {
    color: #ec971f
}

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a:hover {
    background: #fdf5e9
}

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active>a {
    background: #ec971f;
    color: #fff
}

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled>a:hover {
    background: 0 0
}

.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button] {
    background: #ec971f;
    border-color: #ec971f;
    color: #fff
}

.paginationjs.paginationjs-theme-red .paginationjs-go-input>input[type=text],
.paginationjs.paginationjs-theme-red .paginationjs-pages li {
    border-color: #c9302c
}

.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]:hover {
    background-color: #eea135
}

.paginationjs.paginationjs-theme-red .paginationjs-pages li>a {
    color: #c9302c
}

.paginationjs.paginationjs-theme-red .paginationjs-pages li>a:hover {
    background: #faeaea
}

.paginationjs.paginationjs-theme-red .paginationjs-pages li.active>a {
    background: #c9302c;
    color: #fff
}

.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled>a:hover {
    background: 0 0
}

.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button] {
    background: #c9302c;
    border-color: #c9302c;
    color: #fff
}

.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]:hover {
    background-color: #ce4541
}

.paginationjs .paginationjs-pages li.paginationjs-next {
    border-right: 1px solid #aaa\9
}

.paginationjs .paginationjs-go-input>input[type=text] {
    line-height: 28px\9;
    vertical-align: middle\9
}

.paginationjs.paginationjs-big .paginationjs-pages li>a {
    line-height: 36px\9
}

.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text] {
    height: 36px\9;
    line-height: 36px\9
}