PC-application/app/statistics/css/blessing-analysis.css

* {
    box-sizing: border-box;
}

.bgc-f2f3f5 {
    background-color: #f2f3f5;
}

.el-input__inner {
    height: 28px;
    line-height: 28px;
    width: 180px;
}

.el-input__icon {
    line-height: 28px;
}

.selectYear {
    padding: 20px;
}

.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.leftBlock {
    border-right: 1px solid rgba(255,255,255,0.4);
    height: 100%;
    width: 40%;
    padding-top: 20px;
}
.bottomBorder{
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.rightBlock{
    height: 100%;
    width: 60%;
}
.rightBlock .top,.rightBlock .bottom{
    height: 50%;
}
.percent{
    padding-top: 35px;
}

.mainBlocktop {
    width: 480px;
    height: 195px;
    background-image: linear-gradient(90deg,
            #5a83ff 0%,
            #1954fd 100%),
        linear-gradient(#f36161,
            #f36161);
    background-blend-mode: normal,
        normal;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
}

.mainBlockbottom {
    width: 480px;
    height: 195px;
    font-size: 16px;
    background-image: linear-gradient(90deg,
            #ff8145 0%,
            #ffba78 100%),
        linear-gradient(90deg,
            #5a83ff 0%,
            #1954fd 100%),
        linear-gradient(#f36161,
            #f36161);
    background-blend-mode: normal,
        normal,
        normal;
    border-radius: 6px;
    color: #fff;
}
.bottomTable{
    border-radius: 6px;
}
.bottomTable .title{
    padding-left: 16px;
    letter-spacing: 0px;
}
.bgc-ebebf5{
    background-color: #ebebf5;
}
.area-tab span,.panelTop{
    height: 60px;
    font-size: 18px;
    color: #333;
}

.panelTop{
    line-height: 60px;
}
.bottom-list-table{
    margin-top: 18px;
}
.bottom-list-table thead{
    background-color: rgba(23, 179, 236, 0.1);
}
.bottom-list-table td{
    border-bottom: none;
}

.bottom-list-table tbody>tr,td{
    border-bottom: none;
}
.bottom-list-table td,.bottom-list-table th{
    border: 1px solid #e1e1e1;;
}
.bottom-list-table th{
    font-weight: normal;
    color: #333;
}
.bottom-list-table {
    border-collapse:collapse;
}
.toJump:hover{
    color: #12b7f5;
    border-bottom: 1px solid #12b7f5;
    cursor: pointer;
}
.bottom-list-table tbody>tr:hover {
	background-color: #fff;
}
.bottom-list-table thead tr,.bottom-list-table tr{
    height: 50px;
    font-size: 16px;
}
.shadow {
    position: absolute;
    left:104px;
    top: 34px;
    background-color: rgba(50, 50, 50, 0.701961);
    border-color: rgb(51, 51, 51);
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: sans-serif;
    border-radius: 4px;
    padding: 5px;
    visibility: hidden;
    min-width: 310px;
    z-index: 99999;
    text-align: left;
}
.shadowTop{left: 88px;min-width: 300px;}
.panelTop .vam{
    vertical-align: top;
    margin: 10px 0 0 10px;
}