* {
    margin: 0;
    padding: 0;
}

#app,
body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgb(247, 247, 247);
    /* font-size: 16px; */
}

td,
th {
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


.p12 {
    font-size: 12px;
}

.p14 {
    font-size: 14px;
}

.p16 {
    font-size: 16px;
}

.p18 {
    font-size: 18px;
}

.fl {
    display: flex;
}

.fjc {
    justify-content: center;
}

.fjst {
    justify-content: space-between;
}

.fjsa {
    justify-content: space-around;
}

.fla {
    align-items: center;
}

input {
    outline: none;
    border: none;
}

a {
    text-decoration: none;
    color: #000
}

li {
    list-style: none;
}

img {
    vertical-align: top;
}

.el-carousel__item>img {
    width: 1200px;
    height: 100%;
}

/* 首页主体部分 */
.Home {
    width: 100%;
    background: rgb(247, 247, 247);

}

.home {
    /* width: 65%; */
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
    position: relative;
    padding-top: 10px;
    cursor: pointer;

}

.home .navtop {
    background-color: #fff;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
}

.navtop .nav_itm {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    border-radius: 4px;
    padding: 8px 10px;
    transition: all .3s;
    color: #fff;
    background-color: #409eff;
    font-size: 14px;
}

.navtop .nav_itm>img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.home .home_bom {
    display: flex;
    justify-content: space-between;
}

.home .home_bom .home_left {
    width: 20%;
    background-color: #fff;
    border-radius: 8px;
    min-height: 800px;
}

.left_sh {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #f2f2f2;
    color: #33335a;
    font-size: 14px;
}

.left_er {
    background-color: #f9fcfc;
    font-size: 14px;
}

.left_e_i {
    display: flex;
    align-items: center;
    padding: 15px;
}

.left_e_i>i {
    font-size: 16px;
    margin-right: 5px;

}

.left_s {
    background-color: #fff;
    font-size: 14px;
}

.left_s .left_s_i {
    display: flex;
    align-items: center;
    padding: 15px 0 15px 40px;
}

.left_s .left_s_i .sanimg {
    display: flex;
    align-items: center;
}

.left_s .left_s_i .sanimg>img {
    width: 26px;
    height: 26px;
    margin-right: 5px;
}

.t_sdact {
    color: #409eff !important;
    cursor: pointer;
}

.t_sd:hover {
    color: #409eff;
    cursor: pointer;
}

.home .home_bom .home_right {
    box-sizing: border-box;
    width: 79%;
    background-color: #fff;
    border-radius: 8px;

    padding: 20px;
}

.home .home_bom .home_right .tr_top {
    display: flex;
    align-items: center;
    justify-content: end;
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 10px;

}

.home .home_bom .home_right .tr_bom {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    padding: 20px 0 20px 0;
}

.home .home_bom .home_right .tr_bom .tr_b_i {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 20px;

}

.home .home_bom .home_right .tr_bom .tr_b_i .imglog {
    width: 61px;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #efefef;
    margin-bottom: 5px;
}

.home .home_bom .home_right .tr_bom .tr_b_i .imglog>img {
    width: 46px;
    height: 46px;
}

.home .home_bom .home_right .r_top {
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.home .home_bom .home_right .r_top .r_t_l {
    display: flex;
    align-items: center;

}

.home .home_bom .home_right .r_top .r_t_l .rtl_t {
    font-size: 14px;
}

.home .home_bom .home_right .r_top .r_t_l .rtl_t>div:nth-of-type(1) {
    font-weight: 600;
}

.home .home_bom .home_right .r_top .r_t_l>img {
    /* width: 140px; */
    height: 70px;
    margin-right: 5px;
}

.r_center {
    padding: 30px 0 0px 0;
    font-size: 14px;
    border-bottom: 2px solid #f2f2f2;

}

.r_center .c_tp {
    display: flex;
    align-items: center;
    margin-bottom: 10px;

}

.r_center .c_tp .shu {
    width: 1px;
    height: 10px;
    border-right: 1px solid #aaaaaa;
    margin: 0 20px;
    margin-bottom: 40px;

}

.r_center .gtype2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.r_center .gtype2 .gta {
    padding: 10px 30px 10px 30px;
    font-size: 16px;
}

.r_center .gtype2 .gtact {
    color: #409eff;
    border-bottom: 2px solid #409eff;
}

.r_bom {
    padding: 20px 0 0 0;
}

.r_bom .r_bom_t {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.r_bom .r_bom_ts {
    margin-bottom: 10px !important;
}

.r_bom .r_bom_t .gta {
    padding: 5px 20px;
    border: 1px solid #999999;
    margin-right: 10px;
    font-size: 12px;
    margin-bottom: 10px;
}

.r_bom .r_bom_t .gtact {
    color: #fff;
    border: 1px solid #409eff;
    background-color: #409eff;
}

.r_bom .r_bom_t .gtas {
    width: 60px;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #999999;
    margin-right: 10px;
    font-size: 12px;
    margin-bottom: 10px;
}

.r_bom .r_bom_t .gtacts {
    color: #fff;
    border: 1px solid #409eff;
    background-color: #409eff;
}

.r_bom .table {
    width: 100%;
    font-size: 14px;
    color: #909399;

}

.r_bom .table .tb_nav {
    width: 100%;
}

.r_bom .table .tb_nav .th_gs {
    padding: 8px 0;
    text-align: center;
    border-color: #ebeef5;
}

.r_bom .table .tb_nav .th_g {
    padding: 5px 0;
    text-align: center;
    border-color: #ebeef5;
    position: relative;
    font-size: 12px;
}

.tips {
    /* position: absolute; */
    color: #fff;

}

.th_g .t {}

.nulldata {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.th_g .t>img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.r_bom .table .tb_nav .tr_bg {
    background-color: #f9fff0;
}

.hvoer:hover {
    background-color: #f5f7fa;
}

.th_s .t {
    color: red;
}

.th_s .t1 {
    color: red;
    margin-bottom: 5px;
}

.th_s .t2 {
    color: #37af00;
}

.r_tr {
    display: flex;
    align-items: center;
}

.r_tr .r-r {
    padding: 5px 10px;
    background-color: #e0402d;
    color: #fff;
    border-radius: 6px;
}

.r_tr .r-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    margin-right: 30px;
}

.r_tr .r-left .jin {
    margin-bottom: 10px;
}

.r_tr .r-left .r-t1 {
    display: flex;
    align-items: center;
}

.r_tr .r-left .r-t1 .t {
    padding: 5px;
    color: #fff;
    margin-right: 10px;
    border-radius: 4px;
}

.r_tr .r-left .r-t1 .ts {
    background-color: #e0402d;

}

.r_tr .r-left .r-t1 .tp {
    background-color: #999999;

}

.r_tr .r-left .r-t1 .tf {
    background-color: #999999;

}

.item {
    margin: 10px 0;
}

.title {
    background-color: #fff;
    color: #333;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    position: relative;
    font-size: 15px;
    font-weight: bold;


}

.title ::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 7px;
    height: 16px;
    width: 3px;
    border-radius: 2px;
    /* background-color: $common-color; */
}

.msg {
    background-color: #fff;
    color: #333;
    font-size: 14px;
    padding: 0 10px;
    display: flex;
    flex-wrap: wrap;


}

.msg .t {
    border-top: 1px solid #eee;
    width: 50%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.introduce {
    padding: 10px;
    font-size: 15px;
    color: #333;
}





.sc-wrap .tab-wrap {
    padding: 10px;
}

.sc-wrap .item {
    display: flex;
    font-size: 14px;
    color: #333;
    padding: 10px 5px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;


}

.sc-wrap .item .l {
    width: 90px;
    text-align: center;

    .v2 {
        font-weight: 600;
    }
}

.sc-wrap .item .r {
    width: calc(100% - 90px);
    display: flex;
    align-items: center;

}

.sc-wrap .item .r .r1 {
    width: calc(50% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-wrap .item .r .r3 {
    width: calc(50% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-wrap .item .r .r1 {
    text-align: right;
}

.sc-wrap .item .r .r2 {
    width: 40px;
    text-align: center;


}

.sc-wrap .item .r .r2 .t1 {
    color: #fe5a5a;
}

.sc-wrap .item .r .r2 .t2 {
    color: #37af00;
}

/* // 阵容 */


.zr-wrap .item {
    margin: 10px 0;


}

.zr-wrap .item .tr {
    display: flex;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    border-bottom: 1px solid #eee;


}

.zr-wrap .item .tr .th {
    width: calc(calc(100% - 40px) / 3);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1;
    padding: 10px 0;
}

.zr-wrap .item .tr .td {
    width: calc(calc(100% - 40px) / 3);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1;
    padding: 10px 0;
}

.zr-wrap .item .tr .age {
    width: 50px;
    text-align: center;
    justify-content: center;
}

.zr-wrap .item .tr .th {
    color: #aaa;
}

.zr-wrap .item .tr .th:nth-child(1) {
    background-color: #fff;
    color: #333;
    padding-left: 5px;
    position: relative;
    font-size: 15px;
    font-weight: bold;


}

.zr-wrap .item .tr .th:nth-child(1) ::after {
    content: "";
    position: absolute;
    left: 0px;
    top: calc(50% - 8px);
    height: 16px;
    width: 3px;
    border-radius: 2px;
    background-color: #e0402d;
}

.zr-wrap .item .tr .td:nth-child(1) {
    padding-left: 5px;

}

.zr-wrap .item .tr .td {
    display: flex;
    align-items: center;



}

.zr-wrap .item .tr .td .num {
    margin-right: 3px;
    display: inline-block;
    border: 1px solid red;
    font-size: 14px;
    border-radius: 50%;
    border: 1px solid #333;
    min-width: 18px;
    min-height: 18px;
    line-height: 18px;
    text-align: center;
    background-color: #eee;
}

.zr-wrap .item .tr .th:nth-child(3) {
    text-align: center;
}

.zr-wrap .item .tr .td:nth-child(3) {
    justify-content: center;
}

.nodata {
    padding: 20px;
    color: #333;
    font-size: 12px;
    text-align: center;
}