body{
    background-color: #fafafa;
}
.addGray {
  
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.eight_teams>li{
    width: 2.96rem;
}
.four_teams>li{
    width: 2.96rem;
}
.two_teams>li,.one_teams_34>li{
    width: 2.75rem;
}
.one_teams_34{
    margin-top: 0.2rem;
    margin-bottom: 0.44rem;
}
ul{
    width: 100%;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    align-items:center;
    align-content:center;
}
.line{
    width: 100%;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    align-items:center;
    align-content:center;
}
.eight_teams>li>div:nth-child(2){
    width: 1.37rem;
}
.four_teams>li>div:nth-child(2){
    width: 1.37rem;
}
.two_teams>li>div:nth-child(2),.one_teams_34>li>div:nth-child(2){
    width: 1.37rem;
}
ul>li{
    background:#062A5C;
    border-radius:0.1rem;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items:center;
    height: 0.68rem;
}
.one_teams>li{
    width: 4.8rem;
    background-size: 100% 100%;

}
ul>li>div:nth-child(1),ul>li>div:nth-child(3){
    width: 0.48rem;
    height: 0.48rem;
    overflow: hidden;
    border-radius: 50%;
}
#final>div:nth-child(3){
    width: 0.48rem !important;
    height: 0.48rem;
    line-height: 0.4rem !important;
    text-align: center;
    font-size: 32px;
}
#final li>div:nth-child(2){
	width:2.34rem;
	    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
#final li>div:nth-child(2)>img{
	width:1.06rem;
	height:0.92rem;
}
ul>li>div>img{
    width: 100%;
    height: 100%;
    float: left;
}
ul>li>div:nth-child(2){
    color:rgba(255,255,255,1);
    text-align: center;
}
.one_teams{
    margin-top:1.2rem;
    margin-bottom: 1.2rem;
}

.one_teams>li{
    width: 5.06rem;
    height: 1.04rem;
    position: relative;
}
.one_teams>li>div:nth-child(2){

    font-size: 0.48rem;
    font-family:Arial;
    color:rgba(255,255,255,1);
    text-align: center;
    width: 1.9rem;
}
.one_teams>li>div:nth-child(1),.one_teams>li>div:nth-child(3){
    width: 0.83rem;
    height: 0.83rem;
    overflow: hidden;
    border-radius: 50%;


}
.one_teams>li>img{
    margin-top: -0.37rem;
    margin-left: 0.15rem;
}
.content{
    width: 7.4rem;
    margin: 0 auto;
    margin-top: 1.5rem;
    position:relative;
}
.txt_{
    height: 0.5rem;
    width: 100%;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    align-items:center;
    align-content:center;
}
.txt_>div{
    height: 0.5rem;
    width: 2.55rem;
    color:rgba(255,255,255,1);
    line-height: 0.5rem;
}
.txt_>div>span{
    width: 1.5rem;
    text-align: center;
}
.txt_>div>span:nth-child(1){
    margin-left: -0.37rem;
}
.txt_>div>span:nth-child(2){
    margin-right: -0.37rem;
}
.txt_2{
    margin-top: 0rem !important;
}
body{
    padding-bottom: 1.5rem;
}
.comtxt{
    letter-spacing: 1px;
    font-family:Arial;
}
.line>img:nth-child(2){
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
.newName{
    position: absolute;
    color:#314567;
    width: 1.5rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    z-index: 9;
}
.newName-1>span,.newName-2>span,.newName-3>span,.newName-4>span{
	position: absolute;
	bottom:0px;
	    width: 100%;
    text-align: center;
    left: 0px;
}
.newName-1,.newName-2,.newName-3,.newName-4{
	top: -0.3rem;
	height: 0.7rem;
}
.newName-5,.newName-6,.newName-7,.newName-8{
	bottom: 0.07rem;
}
.newName-1,.newName-5{
        left: 0.15rem;
}
.newName-2,.newName-6{
     left: 2.05rem;
 }
.newName-3,.newName-7{
    right: 0.15rem;
}
.newName-4,.newName-8{
    right: 2.05rem;
}
.newName-win1,.newName-win2{
	top:5.25rem;
}
.newName-win1{
	left:1.35rem;
}
.newName-win2{
	right:1.32rem;
}
.btn_bgc {
    height: 1.04rem;
    width: 100%;
    position: fixed;
    top: 0rem;
    background-color: #2b2b2d;
    z-index: 3;
}
.add_defult {
    width: 1.2rem;
    color: rgba(255,255,255,0.25);
}
.add_current {
    background-color: #414144;
    border-radius: 0.23rem;
    -webkit-border-radius: 0.23rem;
    -o-border-radius: 0.23rem;
    -ms-border-radius: 0.23rem;
    width: 1.5rem;
    color: rgba(255,255,255,0.85) !important;
}
.btn i:nth-child(2) a, .btn i:nth-child(3) a {
    color: rgba(255,255,255,0.25);
}
.btn i:nth-child(2) a, .btn i:nth-child(3) a {
    color: rgba(255,255,255,0.25);
}
.btn i a {
    float: left;
}
.btn {
    width: 2.8rem;
    height: 0.46rem;
    border-radius: 0.23rem;
    -webkit-border-radius: 0.23rem;
    -o-border-radius: 0.23rem;
    -ms-border-radius: 0.23rem;
    margin: 0 auto;
    margin-top: 0.28rem;
    margin-bottom: 0.28rem;
    background-color: rgba(0,0,0,0.3);
    font-weight: 700;
    border: 1px solid rgba(0,0,0,0.3);
    text-align: center;
    line-height: 0.46rem;
}
.btn i:nth-child(2) {
    float: right;
    height: 0.46rem;
    line-height: 0.46rem;
    text-align: center;
}
.radius {
    border:1px solid rgba(15,61,126,1) !important;
    /* background-color:rgba(239,240,243,1)!important; */
}