main {
    box-sizing: border-box;
    padding-right: 4vw;

}

.summaryBar {
    /* display: flex; */
    width: 100%;
    overflow: auto;
    position: relative;
    height: calc(12vw + 1px);

}

.summaryBar > div {
    position: absolute;
    height: calc(12vw - 2px);
    text-align: center;
    line-height: calc(12vw - 2px);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    color: black;
}

.summaryRace_title {
    color: #333;
}

.summaryRace_all {
    color: #666;
}

.summaryRace_title, .summaryRace_all {
    display: flex;
    position: relative;
}

.summaryLink {
    position: absolute;
    top: 50%;
    right: -4vw;
    width: 1.5vw;
}

.summaryRace_title > div {
    font-weight: 600;
    text-align: center;
}

.summaryRace_all > div {
    text-align: center;
}

.summaryRace_title > div:nth-child(2),
.summaryRace_all > div:nth-child(2) {
    /*margin-left: auto;*/

    width: calc(25% + 2px);
    box-sizing: border-box;
    text-align: center;
    padding: 0 2.67vw 0 2.67vw;
}

.summaryRace_title > div:nth-child(1),
.summaryRace_all > div:nth-child(1) {
    border-right: 1px solid rgb(208, 208, 208);
    text-align: center;
    width: 75%;
    box-sizing: border-box;
    padding: 0 2.67vw 0 2.67vw;
}

.wrap {
    margin-bottom: 30vw;
}

.summaryBar img {
    width: 6vw;
    position: fixed;
    right: 0;
    z-index: 200000000;

}


.detilRace {
    display: flex;
    color: #666666;
    position: relative;
}

.detilRace > div:nth-child(2) {
    width: calc(25% + 2px);
    text-align: center;
    box-sizing: border-box;
    padding: 0 2.67vw 0 2.67vw;
}

.detilRace > div:nth-child(1) {
    text-align: left;
    width: 75%;
    /*border-left:1px solid rgb(208,208,208);*/
    border-right: 1px solid rgb(208, 208, 208);
    box-sizing: border-box;
    padding: 0 2.67vw 0 2.67vw;
}

.open {
    width: 3vw;
    position: absolute;
    top: 45%;
    right: -5vw;
    transition: 0.5s;
    transform-origin: center center;
}

.open.right {
    height: 3vw;
    width: auto;
    top: 40%;
}

.right_arrow {
    height: 3vw;
    position: absolute;
    top: 45%;
    right: -5vw;
    margin-top: -1.5vw;
}

/* .allRace > div {
    position: relative;
} */
.raceDetail {
    position: relative;
}

.raceShow {
    color: #777;
    display: none;
    /* height: 0;
    transition: 0.5s;
    overflow: hidden; */

}

.raceShow > div > div:nth-child(1), .raceShow > div > div:nth-child(2) {
    overflow: hidden;
}

.flootLeft > div {
    float: left;
}

.flootRight > div {
    float: right;
}

.address {
    max-width: 58.4vw;
}

.address1 {
    max-width: 66vw;
}

.raceTime {
    overflow: hidden;

}

.raceTime > div {
    float: left;
}

.raceTime > div:nth-child(1), .phone {
    width: calc(16% + 2px);
}

.group {
    max-width: 66vw;
}

.group > div:nth-child(n+2) {
    margin-top: 2.67vw;
}

.h10 {
    height: 2.67vw;
}

/*投票*/
.player {
    overflow: visible !important;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.player > div:nth-child(1) {
    flex: 1;
    position: relative;
}

.player .head {
    width: 25vw;
    height: 25vw;
    /*background-color: red;*/
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin-top: 5.34vw;
    margin: 0 auto;
    border: 3px solid #fff;
    /* position: absolute;
    top:0;
    left:0; */
    z-index: 8;
    background-color: #bbb;
}

.player .name {
    margin-top: 2.67vw;
    margin-bottom: 2.67vw;
    word-wrap: break-word;
}

.boderColor1 {
    border-color: #F6B42C !important;
}

.boderColor2 {
    border-color: #ddd !important;
}

.boderColor3 {
    border-color: #F19971 !important;
}

.sortImg {
    position: absolute;
    width: 8.4vw;
    height: 8.4vw;
    top: -4.33vw;
    right: 0;
    z-index: 7;
    transform-origin: center;
    transform: rotate(-10deg);
}

.sortImg img {
    width: 100%;
    height: 100%;
}

.downtime {
    color: #777;
    padding: 3vw 0;
}

.voteDom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.voteDom > div {
    float: none;
    width: calc(25vw + 6px);
}

.voteDom::after {
    content: " ";
    width: 25vw;
}

.voteDom div {
    text-align: center;
}

.yesVote {
    min-width: 10vw;
    margin: 0 auto;
    background: #999;
    text-align: center;
    padding: 3px 6px;
    font-size: 3.2vw;
    border-radius: 1.5vw;
    color: white;
}

.noVote {
    min-width: 10vw;
    margin: 0 auto;
    background: #999;
    text-align: center;
    padding: 3px 6px;
    font-size: 3.2vw;
    border-radius: 1.5vw;
    color: white;
}

.voteSubscribe {
    text-align: center;
    margin-bottom: 5vw;
}

.voteSubscribeBtn {
    padding: 2vw 3vw;
    border-radius: 1.333vw;
    font-size: 4.26vw;
    color: #333;
}

.voteRight {
    margin: 2vw 1vw 0 0;
    display: flex;
    justify-content: flex-end;
    font-size: 3.73vw;
    color: #666;
}

.right-arrow {
    background: url(/img/wechat/good/icon_arrow_right.png) no-repeat right center;
    background-size: 1.6vw;
    padding-right: 6vw;
    margin-right: -6vw;
}

.refereeBtn {
    text-align: center;
    margin-left: 6px;
    padding: 3px 6px;
    font-size: 3.2vw;
    border: 1px solid #999;
    border-radius: 1.5vw;
    color: #333;
}

/*
#vote_div13 {
    overflow: hidden;
}*/