﻿/*colors*/
@v1bg: #3d699b;@v2bg: #5086c4;@v3bg: #c2dae5;@v4bg: #006699;@v5bg: #284c76;@v6bg: #00519e;@v7bg: #e4effb;@darkRed: #ea5128;/*imgs*/

@src_flag: url("/images/flag.png");@src_statusbg1: url("/images/ng/statusbg1.png");@src_staroff: url("/images/setTopOff.png");@src_staron: url("/images/setTopOn.png");@src_t: url("/images/ng/t.png");* {box-sizing: border-box;}
i {font-style: normal;color: #828282;}
input {vertical-align: middle;}
input[type="radio"] {margin-top: -3px;}
/* border-bottom:solid 3px yellow; line-height: 41px; */


.basketball #content .exbar span{text-align: left;}
.matchList {width: 100%;overflow: hidden;font-size: 12px;}
.matchList div {box-sizing: border-box;}
.matchList .item {
padding: 6px 0; width: 100%;border-bottom: solid 1px var(--border-1);background: var(--bg-color-1);overflow: hidden;position: relative;}
.matchList .item span {display: inline;text-align: center;}
.matchList .item i {font-style: normal;display: block;text-align: center;}
.matchList .item .odds i {overflow: hidden;min-height: 24px;position: relative;background-size: auto 100%;}
.matchList .item .score i {color: var(--text-hightlight-3);line-height: 24px;}
.matchList .item .score i.mit {display: inline-block;font-style: normal;}
.matchList .item .score i>img {margin-top: -5px;}
.matchList .item .odds i .HtScore {float: left;line-height: 24px; width:33.3%; text-align: center;}
.matchList .item .odds i .HtScore i {line-height: 20px;background: none;position: static;display: inline;padding-right: 2px;color: #888;}
.matchList .item .odds i .corner {float: left;
    width:33.3%;
    line-height: 24px;white-space: nowrap;margin-left: 7px;}
.matchList .item .odds i .corner i {background: @src_flag no-repeat center center;background-size: auto 60%;float: left;width: 20px;height: 20px;}
.matchList .item .odds i .corner span {display: inline;float: left;line-height: 24px;}
.matchList .item .odds i .corner i.hide {background: none;}
.matchList .item .team {width: 50%;float: left;padding-bottom:4px;}
.matchList .item .team .time {color: var(--text-color-1);}
.matchList .item .team .status {height: 24px;line-height: 24px;background-size: auto 100%;}
.matchList .item .team .status span {float: left;padding: 0 5px;height: 24px;line-height: 24px;}
.matchList .item .team .status .time {width: auto;padding: 0 10px 0 0;text-align: left;float: right;}
.matchList .item .team .status .gameName {width: 70%;text-align: left;overflow: hidden;white-space: nowrap;line-height: 24px;text-overflow: ellipsis;}
.matchList .item .team .status .gameName i {float: left;height: 12px;width: 3px;margin: 5px 5px 0 0;}
.matchList .item .team .homeTeam {overflow: hidden;min-height: 24px;line-height: 24px;}

.matchList .item .team .game{margin-left:50px;}


.matchList .item .team .name {float: left;vertical-align: middle;line-height: normal;font-weight: 500;text-align: left;line-height: 24px;height: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.matchList .item .team .name i {float: left;line-height: 24px;height: 24px;display: block;}
.matchList .item .team .data {position: relative;bottom: 2px;}
.matchList .item .team .data i {float: none;display: inline-block;}
.matchList .item .team .guestTeam {overflow: hidden;min-height: 24px;line-height: 24px;}
.matchList .item .score {width: 8%;float: left;}

.matchList .item.tob {}
.matchList .item.tob .score {display: none;}
.matchList .item.tob .team {width: 67%;}
.matchList .item.abd .score span {display: none;}
.matchList .item .score span {display: block;color: var(--text-hightlight-2);margin-right: 0px;height: 24px;line-height: 24px;font-weight: bold;}
.matchList .item.h .score span {color: #0972bf;}
.matchList .item.h .score i {color: #0972bf;}
.matchList .item.f .score span {color: #e00e0e;}
.matchList .item.f .score i {color: #e00e0e;}
.matchList .item .score.h span {color: #e00e0e;}
.matchList .item .score.h i {color: #e00e0e;}
.matchList .item .score.w span {display: none;}
.matchList .item .odds {width: 42%;float: left;}
.matchList .item .odds span {width: 30%;float: left;line-height: 24px;}
// .matchList .item .odds span:first-child {text-align: right;}
// .matchList .item .odds span:last-child {text-align: left;}
.matchList .item .odds span:nth-child(2) {width: 40%;}
/* .matchList .item .odds .hOdds span:nth-child(2) { color: #0ea922;} */

.matchList .item .setTop {
    text-align: center;
    width: 50px;
    // height: 48px;
    position: absolute;
    left: 0;
    top:38px;
    bottom: 5px;
    float: left;
    background-size: 14px auto;
    color: #b5b5b5;

}
    .matchList .item .setTop img{display: block; margin:0 auto;}


.matchList .item .setTop.on {position: absolute;top: 29px;right: 0;width: 35px;height: 48px;float: right;background-size: 14px auto;}
.matchList .item .tv {position: absolute;top: 4px;right: 0;background: url("/images/tv.png") no-repeat center center;width: 35px;height: 24px;background-size: 12px auto;}
.matchList .item .icon-ant {position: absolute;top: 1px;right: 13px;font-size: 17px;color: #2aaf2f;}
.cardPopup {border: solid 1px #95832f;background: #fffacc;height: 30px;line-height: 30px;border-radius: 4px;overflow: hidden;margin-bottom: 10px;color: #333;}
.cardPopup .redCard,.cardPopup .yellowCard {margin-left: 4px;}
.ballInBox {border: solid 1px #95832f;background: #fffacc;height: 62px;border-radius: 4px;overflow: hidden;margin-bottom: 10px;}
.ballInBox .timeBox {background: #f2edc2;float: left;height: 60px;line-height: 60px;color: red;text-align: center;width: 20%;}
.ballInBox .teamBox {height: 60px;float: left;width: 80%;color: red;}
.ballInBox .teamBox .team {height: 30px;float: left;line-height: 30px;width: 95%;margin-left: 5%;color: #333;box-sizing: border-box;text-align: left;}
.ballInBox .teamBox .team .name {width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;height: 30px;float: left;}
.ballInBox .teamBox .team span {float: right;display: block;width: 20%;text-align: center;}
.ballIn {background: #7de010;}
.titleMenu {display: flex;align-items: center;flex-direction: column;z-index: 9999;background: #fff;position: absolute;right: 0px;top: 124px;width: 20px;}
.titleMenu a {text-align: center;display: block;width: 100%;background: #fff;line-height: 18px;}
#matchList .title3 .stsc {display: table;float: left;}
#matchList .title3 .colorBlock {float: left;width: 0.3em;line-height: 22px;margin: 2px 2px;height: 22px;}
#matchList .title3 .LName {font-weight: bold;padding-right: 5px;padding-left: 5px;text-shadow: 0 1px 1px #ffffff;display: table-cell;vertical-align: middle;height: 26px;line-height: 26px;}
#matchList .title3 .time {padding-right: 5px;padding-left: 5px;color: #999;display: table-cell;vertical-align: middle;height: 26px;line-height: 26px;}
#matchList .title3 .state {padding-right: 5px;padding-left: 5px;display: table-cell;vertical-align: middle;height: 26px;line-height: 26px;}
#matchList .mMatch .title3 .halfScore {width: 10%;margin-right: 5%;}
#matchList .mMatch .title3 .halfScore {float: right;color: #0099d7;width: 12%;display: table-cell;vertical-align: middle;height: 22px;}
.matchList .fixh .homeS {margin-bottom: 14px;}
.matchList .fixh .hOdds span {margin-bottom: 10px;}
.matchList .fixh2 .homeS {margin-bottom: 36px;}
.matchList .fixh2 .hOdds span {margin-bottom: 32px;}
.pMsg {z-index: 100;margin: 0px auto;padding-bottom: 5px;text-align: center;border: none;background-color: #fffce1;max-width: 640px;}
.pMsg a {border: 1px solid #afafaf;border-radius: 4px;padding: 2px;color: #333;background-color: #ffffff;text-decoration: none;margin: 0px 5px;width: 30%;display: inline-block;}
.pMsg span,.pMsg p {display: block;padding: 5px;text-align: left;line-height: 22px;}
.pMsg p {margin-bottom: 15px;}
.matchList .item .team i {float: left;font-weight: normal;vertical-align: middle;height: 14px;line-height: 14px;}
.matchList .item .team i.yellowCard {padding: 0;height: auto;line-height: auto}
.matchList .item .team i.redCard {padding: 0;height: auto;line-height: auto}
.matchList .item .team .name {position: relative;text-overflow: clip;}
.matchList .item .team .ovf {height: 24px;overflow: hidden;display: block;float: left;white-space: nowrap;}
.matchList .item .team .ovf:after {content: "";position: absolute;right: 0;bottom: 0;width: 40px;height: 100%;background: url("/images/odd_bg.png") repeat-y right center;}
 // @media screen and (min-width:320px) and (max-width:320px) { .matchList .item.tob .team { width: 66%;} .matchList .item .odds { width: 34%;} .matchList .item .team { width: 58%;}}