html,
body {
    width: 100%;
    height: 100%;
}

.bj {
    width: 100%;
    height: auto;
    padding: 3%;
    background: url('../image/login.png') no-repeat;
    background-size: 100% 100%;
}

.groove_dark {
    width: calc(100% / 9);
    float: left;
    text-align: center;
}

.mui-btn {
    width: 115px;
    height: 45px;
    margin-left: 50px;
    margin-top: 30px;
    border: none;
    border-radius: 5px;
}

.mui-btn2 {
    background-color: rgb(250, 85, 85);
    width: 115px;
    height: 45px;
    margin-left: 36px;
    margin-top: 10px;
    border: none;
    border-radius: 5px;
}

.mui-btn3 {
    background-color: rgb(240, 143, 46);
    width: 115px;
    height: 45px;
    margin-left: 36px;
    margin-top: 10px;
    border: none;
    border-radius: 5px;
}

.row {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-top: 10px;
}
.row>div{
    margin-top: 15px;
}

.cn_light {
    display: flex;
    align-items: center;
    padding-top: 5px;
    color: rgb(24, 24, 24);
    background-color: rgb(193, 196, 194);
    border: 2px solid rgb(253, 252, 252);
    height: 80px;
}

.btn {
    background-color: rgb(134, 155, 182);
    color: #fff;
    width: 115px;
    height: 45px;
    border-radius: 5px;
    margin-top: 10px;
    float: right;
    margin-right: 60px;
    border: none;
}

.batch {
    display: none;
    vertical-align: top;
    position: relative;
    top: 10px;
}

.stateImg {
    width: 30px;
    height: 10px;
}

.row_content {
    /* width: 130px; */
}

.font {
    background-image: linear-gradient(to right, red 50%, rgb(12, 247, 12) 50%);
    border: #fff 2px solid;
    border-bottom: 0;
    height: 40px;
}

.after {
    background-image: linear-gradient(to right, red 50%, rgb(12, 247, 12) 50%);
    border: #fff 2px solid;
    border-top: 0;
    height: 40px;
    /* margin-bottom: 30px; */
}

.hide {
    display: none;
}