court-mobile1/pages/match/info.wxss

.main {
    position: relative;
    width: 100%;
}

.main .one .image {
    width: 100%;
    height: 240px;
    background-color: #eeeeee;
}

.main .two {
    position: relative;
    margin: -75px 0 0 10px;
    width: 95%;
    width: 95%;
}

.main .two .list {
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 8px;
    padding-top: 5px;
}

.main .two .list .listtou .name {
    float: left;
    margin: 6px;
    margin-left: 10px;
    font-size: 16px;
    color: #0034cf;
    font-weight: bold;
}

.main .two .list .listtou .listbut .color0 {
    background: rgb(238, 147, 28);
}

.main .two .list .listtou .listbut .color1 {
    background: rgb(54, 233, 48);
}

.main .two .list .listtou .listbut .color2 {
    background: rgb(238, 88, 28);
}

.main .two .list .listtou .listbut .color3 {
    background: rgb(238, 147, 28);
}

.main .two .list .listtou .listbut .color4 {
    background: rgb(136, 136, 136);
}

.main .two .list .listtou button {
    margin-top: 4px;
    border-radius: 15px;
    font-size: 13px !important;
    color: #fff;
}

.main .two .list .left1 {
    margin: 5px;
    border-radius: 25px;
}

.main .two .list .left1 .otherInfos {
    padding: 0 0 0px 5px;
}

.main .two .list .left1 .otherInfos .text1 {
    margin-right: 3px;
    font-size: 14px;
    color: #5e5e5e;
}

.main .two .list .left1 .otherInfoq .text3 {
    font-size: 13px;
    color: #adadad;
    margin-left: 1%;
}

.main .two .list .left1 .otherInfo .text3 {
    font-size: 13px;
    color: #adadad;
    margin-left: 1%;
}

.main .two .list .right1 {
    border-radius: 5px;
    position: relative;
    width: 100%;
    height: 80px;
    background-color: #e9e9e9;
}

.main .two .list .right1 .right1_1 {
    text-align: center;
}

.main .two .list .right1 .right1_1 .text4 {
    font-size: 14px;
    margin: 5px;
    color: #868686;
    font-weight: 600;
}

.main .two .list .right1 .right1_2 {
    float: left;
    width: 101%
}

.main .two .list .right1 .right1_2 .right1_2o {
    float: left;
    width: 11%;
    height: 40px;
    overflow: hidden;
}

.main .two .list .right1 .right1_2 .right1_2o .head1 {
    float: left;
    width: 20%;
    font-size: 14px;
    margin-left: 19px;
    margin-top: 6px;
}

.main .two .list .right1 .right1_2 .right1_2o .head2 {
    float: left;
    width: 26%;
    font-size: 13px;
    margin-left: 5px;
    margin-top: 6px;
}

.main .two .list .right1 .right1_2 .right1_2t {
    float: left;
    width: 33%;
    text-align: center;
    padding: 10px 0;
}

.main .two .list .right1 .right1_2 .right1_2t text {
    font-size: 14px;
}

.main .two .list .right1 .right1_2 .right1_2i {
    float: left;
    width: 10%;
    text-align: center;
    padding: 6px 0;
}

.main .two .list .right1 .right1_2 .right1_2i .text6 {
    font-size: 23px;
    color: rgb(46, 46, 245);
    font-weight: 500;
}

.main .two .list .right1 .right1_2 .right1_2i .text7 {
    font-size: 23px;
    color: rgb(243, 19, 19);
    font-weight: 500;
}

.main .two .list .right1 .right1_2 .right1_2i .text8 {
    font-size: 23px;
    font-weight: 500;
    margin-right: 5px;
    margin-left: 5px;
}

.main .thr .thrsss {
    float: left;
    width: 100%;
    padding-top: 3%;
}

.main .thr .thrsss .thr-1 {
    margin-left: 2%;
    margin-bottom: 2%;
    padding-top: 15px;
    padding-bottom: 5px;
    float: left;
    width: 23%;
    background-color: #ffffff;
}

.main .thr .thrsss .thr-1 .thr1 {
    display: flex;
    flex-direction: column;
}

.main .thr .thrsss .thr-1 .thr1 .thr-left {
    margin: auto;
    width: 70%;
}


.main .thr .thrsss .thr-1 .thr1 .thr-left .img {
    width: 100%;
    height: 57.38px;
    border-radius: 90px;
}

.main .thr .thrsss .thr-1 .thr1 .thr-right {
    margin: auto;
    text-align: center;
}

.main .thr .thrsss .thr-1 .thr1 .thr-right .thrname {
    text-align: center;
    font-size: 12px;
    color: #727272;
}

.main .thr .thrsss .thr-1 .thr1 .thr-right .thrperson {
    font-size: 12px;
    color: #727272;
}

.main .thr .root {
    float: left;
    width: 96%;
    margin-left: 2%;
    padding-top: 5%;
}

.main .thr .root .background-image {
    position: relative;
    width: 100%;
    height: 70px;
    border-radius: 10px;
}

.main .thr .root .content {
    position: absolute;
    padding-top: 5%;
    width: 100%;
    margin-top: -28%;
    margin-left: -2%;
}

.main .thr .root .content .four .four-1 .fourleft3 .fourtext5 {
    position: absolute;
    padding-top: 3px;
    padding-left: 20px;
    color: #fff;
    font-size: 13px;
}

.main .thr .root .content .four .four-1 .fourleft3 .fourtext6 {
    padding-left: 225px;
    color: #fff;
    font-size: 13px;
}

.main .thr .root .content .four .four-1 .fourright4 .fourright1_2 {
    float: left;
    width: 100%;
    margin-top: 1%;
}

.main .thr .root .content .four .four-1 .fourright4 .fourright1_2 .fourright1_2o {
    float: left;
    width: 15%;
}

.main .thr .root .content .four .four-1 .fourright4 .fourright1_2 .fourright1_2o .fourhead1 {
    margin-left: 25%;
    width: 75%;
    height: 40.09px;
    overflow: hidden;
    border-radius: 90px;
}

.main .thr .root .content .four .four-1 .fourright4 .fourright1_2 .fourright1_2t {
    float: left;
    width: 26%;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
}

.main .thr .root .content .four .four-1 .fourright4 .fourright1_2 .fourright1_2i {
    float: left;
    width: 14%;
    text-align: center;
    padding: 6px 0;
}

.main .thr .root .content .four .four-1 .fourright4 .fourright1_2 .fourright1_2i .fourtext6-1 {
    background-color: rgb(228, 226, 226);
    text-align: center;
    color: #00427b;
    font-size: 20px;
    font-weight: bold;
    text-decoration: line-through;
    text-decoration-color: #fff;
}

.main .thr .root .content .four .four-1 .fourright4 .fourright1_2 .fourright1_2i .fourtext7-1 {
    background-color: rgb(228, 226, 226);
    text-align: center;
    color: #e70000;
    font-size: 20px;
    font-weight: bold;
    text-decoration-color: #fff;
}

.main .thr .root .content .four .four-1 .fourright4 .fourright1_2 .fourright1_2i .fourtext8-1 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 5px;
}

.main .thr .root .content .four .four-1 .fourright4 .fourright1_2 .fourright1_2oi {
    float: left;
    width: 15%;
}

.main .thr .root .content .four .four-1 .fourright4 .fourright1_2 .fourright1_2oi .fourhead2 {
    margin-left: 10%;
    width: 75%;
    height: 40.09px;
    overflow: hidden;
    border-radius: 90px;
}

.main .thr .head {
    background-color: rgb(43, 43, 43);
    color: white;
    width: 87.8%;
    margin-left: 22px;
    margin-bottom: -1px;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0em;
    border-bottom-left-radius: 0em;
    padding: 0 0 32px 3.5px;
    margin-top: 2%;
}

.main .thr .head .head1 {
    float: left;
    width: 20%;
    font-size: 14px;
    margin-left: 19px;
    margin-top: 6px;
}

.main .thr .head .head2 {
    float: left;
    width: 26%;
    font-size: 13px;
    margin-left: 5px;
    margin-top: 6px;
}

.main .thr .head .head3 {
    float: left;
    width: 16%;
    font-size: 14px;
    margin-left: 29px;
    margin-top: 6px;
}

.main .thr .head .head4 {
    float: left;
    width: 9%;
    font-size: 14px;
    margin-left: 29px;
    margin-top: 6px;
}

.main .thr .headList {
    width: 95%;
    margin-left: 2.5%;
    margin-bottom: 0.2%;
}

.main .thr .headList .item:nth-child(1) {
    background-color: rgb(255, 21, 60);
}

.main .thr .headList .item:nth-child(2) {
    background-color: rgb(253, 83, 111);
}

.main .thr .headList .item:nth-child(3) {
    background-color: rgb(255, 151, 168);
}


.main .thr .headList .select-item {
    color: #ffff;
}

.main .thr .headList .dis-select-item {
    margin-top: 3px;
    background-color: white;
    color: #000;
}

.main .thr .sortContent {
    width: 88%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 3.5%;
    margin-bottom: 0.2%;
    padding: 5px 10px 10px 10px;
}

.main .thr .headList .item .pai {
    margin-left: 5px;
}

.main .thr .headList .item .pai .pai1 {
    font-size: 20px;
    font-style: italic;
}

.main .thr .headList .item .headtou {
    float: left;
    margin-left: 20px;
    width: 55px;
    height: 33px;
    overflow: hidden;
    border-radius: 90px;
}

.main .thr .headList .item .dui {
    float: left;
    width: 68%;
    font-size: 14px;
    margin-left: 5px;
}

.main .thr .headList .item .fen {
    float: left;
    width: 54%;
    font-weight: 500;
}

.main .thr .headList .item .fens {
    float: left;
    width: 9%;
    font-weight: 500;
}

.main .thr .headList .item .fen .score .scorea {
    color: white;

}

.main .thr .headList .item .fen .scoreb {
    color: red;
}

.main .thr .headList .item .fens .score .scorea {
    color: white;
}

.main .thr .headList .item .fens .scorec {
    color: black;
}