.flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.zan-wrap{
    background-color: #f7f7f7;
	border: solid 1px #ededed;
    margin-top: 20px;
    height: 40px;
    box-sizing: border-box;
    padding: 0 25px;
}
.zan-wrap .left{
    font-size: 16px;
    color: #333333;
}
.zan-wrap .right{
    display: inline-flex;
    align-items: center;
}
.zan-wrap .right img{
    margin-right: 11px;
}
.zan-wrap .right span{
    font-size: 14px;
    color: #777777;
}
.team-container {
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.team-left-content{
    width: 320px;
}
.team-left-content .team-head{
    box-sizing: border-box;
    background-color: #f7f7f7;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.team-left-content .team-head .imgbox{
    width: 150px;
	height: 120px;
	background-color: #e8eaee;
    display: flex;
    align-items: center;
    justify-content: center;

}
.team-left-content .team-head .imgbox img{
    display: block;
    max-width: 110px;
    max-height: 110px;
}
.team-left-content .team-head .details{
    width: 156px;
    box-sizing: border-box;
    padding: 21px 0  0 0;
}

.team-left-content .team-head select{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 8px;
    padding: 3px 5px;
    outline: none;
    border: none;
    border: solid #bbb 1px;
    
}


.team-left-content .team-head .ranking{
    font-size: 14px;
    color: #777777;
    display: inline-flex;
    align-items: center;
}
.team-left-content .team-head .ranking span{
    margin-left: 5px;
}
.team-left-content .team-head .row{
    display: flex;
    align-items: center;
    margin-top: 18px;
}
.team-left-content .team-head .row span{
    display: block;
    width: 20px;
	height: 20px;
    border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    margin-right: 6px;
    background-color: #a6b2be;
}
.team-left-content .team-head .row span.win{
    background-color: #f65e53;
}
.team-left-content .team-head .row span.lose{
    background-color: #2fcc87;
}
.team-left-info{
    margin-top: 10px;
}
.team-left-info .team-left-title{
    width: 100%;
	height: 40px;
	background-color: #e8eaee;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}
.team-left-info  .details{
    box-sizing: border-box;
    border: solid 1px #ededed;
    padding:0 20px ;
}
.team-left-info  .details .row{
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}
.team-left-info  .details .row .block{
    width: 118px;
    font-size: 14px;
    color: #333333;
}
.team-left-info  .details .row .block:nth-child(2){
    width: 163px;
}
.team-left-info  .details .row  .Jersey{
    cursor: pointer;
}
.team-left-info  .details .row .block .Jersey img{
    width: 25px;
    margin-right: 5px;
}
.team-left-info  .details .row .block span{
    font-size: 12px;
    color: #999999;
}
.team-left-info  .details .row .block  a{
    color: #0066c0;
    font-size: 14px;
}
.team-left-info  .details .row .court{
    display: flex;
    align-items: center;
}
.team-left-info  .details .row  .court img{
    width: 17px;
	height: 12px;
    display: block;
    margin-left: 4px;
}
.team-left-info  .details .row .social{
    display: flex;
    align-items: center;
}
.team-left-info  .details .row .social a{
    display: block;
    margin-right: 10px;
}
.team-left-info  .details .row .social a img{
    width: 20px;
}
.team-left-info  .details .addr{
    align-items: flex-start;
}
.team-left-info  .details .addr .block{
    line-height: 1.5;
}
.team-left-info  .details .row .league{
    display: flex;
    align-items: center;
}
.team-left-info  .details .row .league .imgbox{
    width: 24px;
	height: 24px;
	background-color: #ffffff;
	border: solid 1px #eeeeee;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 5px;
}
.team-left-info  .details .row .league .imgbox img{
    max-width: 24px;
    max-height: 24px;
    display: block;
}
.team-left-info  .details .row .block i{
    color: #0066c0;
    font-style:normal;
    margin: 0 3px;
}
.team-min-container{
    width: 848px;
}
.team-navtab{
    height: 44px;
	background-color: #22222e;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 3px solid #4a4a54;
}
.team-navtab .item{
    width: 36.6%;
    text-align: center;
    font-size: 16px;
    color: #dfdfe0;
    border-left: 1px solid #4a4a53;
    position: relative;
}
.team-navtab .item.on{
    color: #ffffff;
}
.team-navtab .item.on::after{
    content: '';
    width: 20px;
	height: 3px;
	background-color: #e70012;
   
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translate(-50%,0);
}
.model-team-wrap{
    margin-top: 20px;
    box-sizing: border-box;
    border: solid 1px #ededed;
    width: 100%;
}
.model-team-title{
    display: flex;
    align-items: center;
    padding: 16px 20px;
    font-size: 18px;
    color: #22222e;
    font-weight: bold;
    border-bottom: 1px solid #ededed;

}
.model-team-title::before{
    content: '';
    width: 4px;
	height: 16px;
	background-color: #e70012;
    display: block;
    margin-right: 8px;
    
}
.model-team-title .transfer{
    display: inline-flex;
    align-items: center;
    width: 80px;
	height: 20px;
	background-color: #e70012;
	border-radius: 10px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin-left: 17px;
}
.model-team-title .transfer2{
    background-color: #42cf2d;
}
.team-min-details{
    box-sizing: border-box;
    padding: 23px 19px;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
}
.honor-wrap{
    box-sizing: border-box;
    padding: 11px 13px;
}

.honor-wrap .row{
    display: flex;
    align-items: flex-start;
}
.honor-wrap .row .title{
    width: 200px;
	height: 50px;
	background-color: #f1ede3;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    padding: 6px 15px;
}
.honor-wrap .row .title img{
    width: 21px;
	height: 36px;
    
}
.honor-wrap .row .title .details{
    margin-left: 13px;
}

.honor-wrap .row .title .name{
    font-size: 14px;
    color: #333333;
    width: 130px;
    overflow: hidden;
    text-overflow:ellipsis; 
    white-space: nowrap;
}

.honor-wrap .row .title .number{
    font-size: 12px;
    color: #777777;
}
.honor-wrap .row .info{
    background-color: #f2f4f8;
    display: inline-flex;
    width: 650px;
    height: 50px;
    box-sizing: border-box;
    flex-wrap: wrap;
    padding: 9px 8px 4px 18px;
}
.honor-wrap .row .info .time{
    font-size: 12px;
    color: #333333;
    margin-right: 12px;
    margin-bottom: 3px;
}

.honor-wrap .row:nth-child(2n) .title{
    background-color: #fbf9f6;
}
.honor-wrap .row:nth-child(2n) .info{
    background: none;
}
.record-wrap .row{
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    padding:10px 19px;
    background-color: #f2f4f8;
}
.record-wrap .row:nth-child(2n){
    background: none;
}
.record-wrap .row .record-title{
    font-size: 12px;
    color: #333333;
    width: 142px;
    font-weight: bold;
}
.record-wrap .row .record-txt{
    font-size: 12px;
    color: #333333;
    width: 675px;
}



.qa{
    box-sizing: border-box;
    padding: 23px 20px 48px;
    position: relative;
}
.qa-wrap{
    display: flex; 
}
.qa-wrap .left{
    width: 64px;
}
.qa-wrap .left .q{
    height: 54px;
	background-color: #ffffff;
	border: solid 1px #f4f4f4;
    width: 100%;
    text-align: center;
    position: relative;
}
.qa-wrap .left .q::after{
    content: '';
    width: 17px;
	height: 16px;
    position: absolute;
    top: 1px;
    right: 1px;
    background: url(../img/recommend001.png) no-repeat center / 100% 100%;
}
.qa-wrap .left .q span{
    font-size: 16px;
    font-weight: bold;
    color: #7dc06d;
    margin-top: 8px;
    display: block;
}
.qa-wrap .left .q p{
    font-size: 12px;
    color: #999999;
    margin-top: 2px;
}
.qa-wrap .left .a{
    height: 54px;
	background-color: #f4f4f4;
    width: 100%;
    text-align: center;
    position: relative;
}
.qa-wrap .left .a span{
    font-size: 14px;
    color: #999;
    padding-top: 8px;
    display: block;
}
.qa-wrap .left .a p{
    font-size: 14px;
    color: #999;
    margin-top: 2px;
}
.qa-wrap .right{
    width: 724px;
    margin-left: 20px;
}
.qa-wrap .q-wrap{
    margin-top: 12px;
}
.qa-wrap .q-wrap .name{
    display: flex;
    align-items: center;
    font-size: 16px;

    font-weight: bold;
    color: #333;
}
.qa-wrap .q-wrap .name::before{
    content: '';
    width: 14px;
	height: 14px;
    display: block;
    background: url(../img/qa_icon00.png) no-repeat center / 100% 100%;
    margin-right: 9px;
}
.qa-wrap .q-wrap .qr-number{
    color: #8590a6;
    font-size: 12px;
    margin-top: 7px;
    margin-left: 23px;
}
.qa-wrap .a-wrap{
    display: flex;
    align-items: flex-start;
    margin-top: 18px;
}
.qa-wrap .a-wrap .txt{
    font-size: 14px;
    color: #999999;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.qa-wrap .a-wrap::before{
    content: '莽颅鈥�';
    color: #8590a6;
    font-size: 12px;
    margin-right: 9px;
}
.qa .swiper-pagination{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    bottom: 20px;
}
.qa .swiper-pagination span{
    opacity: 1;
    width: 16px;
	height: 4px;
	background-color: #e8eaee;
    border-radius: 0;
    margin: 0 5px;
    outline: none;
}
.qa .swiper-pagination span.swiper-pagination-bullet-active{
    background-color: #f3bb40;
}
.news-list{
    box-sizing: border-box;
    padding: 14px 15px 0;
}
.news-list .item{
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.news-list .item>img{
    width: 178px;
	height: 102px;
}
.news-list .item .details{
    width: 611px;
    margin-left: 20px;
}
.news-list .item .details .title{
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
}
.news-list .item .details .txt{
    height: 40px;
    font-size: 14px;
    line-height: 1.4;
    color: #777777;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 5px;
}
.news-list .item .details  .row{
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.news-list .item .details .row .time{
    font-size: 14px;
    color: #999999;
    margin-right: 25px;
}
.news-list .item .details .row .click{
    display: inline-flex;
    align-items: center;
}
.news-list .item .details .row .click span{
    font-size: 14px;
}
.news-list .item .details .row .click img{
    width: 14px;
    margin-right: 5px;
}
.lineup-wrap{
    background: #f7f7f7;
    padding: 20px;
}
.coach-wrap{
    border-top: 4px solid #00aded;
    background: #fff;
}
.coach-wrap .row{
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #999999;
    
    box-sizing: border-box;
    border-bottom: 1px solid #eeeeee;
}
.coach-wrap .row .item{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;

}
.coach-wrap .row .item:nth-child(1){
    width: 146px;
    box-sizing: border-box;
    padding-left: 16px;
    justify-content: flex-start;
}
.coach-wrap .row .item:nth-child(2){
    width: 105px;
}
.coach-wrap .row .item:nth-child(3){
    width: 102px;
}
.coach-wrap .row .item:nth-child(4){
    width: 103px;
}
.coach-wrap .row .item:nth-child(5){
    width: 104px;
}
.coach-wrap .row .item:nth-child(6){
    width: 100px;
}
.coach-wrap .row .item:nth-child(7){
    width: 143px;
}
.coach-wrap .row2 .item{
    color: #333333;
    border-right: 1px solid #eee;
}
.coach-wrap .row2 .item:last-child,
.coach-wrap .row2 {
    border: none;
}

.coach-wrap .row2 .item img{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
}

.member-wrap{
    margin-top: 13px;
    background: #fff;
}
.member-wrap .row{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
}
.member-wrap .row .item{
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.member-wrap .row:nth-child(1){
    border-top: 4px solid #0066c0;
    
}
.member-wrap .row:nth-child(1) .item{
    font-size: 12px;
    color: #999999;
    height: 36px;
}
.member-wrap .row .item:nth-child(1){
    width: 35px;
}
.member-wrap .row .item:nth-child(2){
    width: 144px;
    justify-content: flex-start;
    padding-left: 18px;
}
.member-wrap .row .item:nth-child(3){
    width: 95px;
}
.member-wrap .row .item:nth-child(4){
    width: 44px;
}
.member-wrap .row .item:nth-child(5){
    width: 45px;
}
.member-wrap .row .item:nth-child(6){
    width: 80px;
}
.member-wrap .row .item:nth-child(7){
    width: 89px;
}
.member-wrap .row .item:nth-child(8){
    width: 84px;
}
.member-wrap .row .item:nth-child(9){
    width: 86px;
}
.member-wrap .row .item:nth-child(10){
    width: 106px;
}
.member-wrap .row2 .item{
    color: #333333;
    height: 41px;
    border-right: 1px solid #eee;
}
.member-wrap .row2 .item:last-child,
.member-wrap .row:last-child{
    border: none;
}
.member-wrap .row2 img{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
}
.schedule-wrap{
    box-sizing: border-box;
    background: #f7f7f7;
    padding: 16px 20px;
}
.schedule-tab{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.schedule-tab .item-tba{
    display: inline-flex;
    align-items: center;
}
.schedule-tab .item-tba .item{
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    color: #999999;
    margin-right: 20px;
    cursor: pointer;
    padding-bottom: 3px;
}
.schedule-tab .item-tba .item img{
    width: 17px;
    margin-right: 5px;
}
.schedule-tab .item-tba .item.on{
    color: #00aded;
    border-bottom: 2px solid #00aded;
}
.year-wrap{
    display: inline-flex;
    align-items: center;
}
.year-wrap p{
    font-size: 14px;
    color: #333;
}
.year-wrap select{
    width: 80px;
    box-sizing: border-box;
    height: 23px;
    border-radius: 3px;
    padding: 0 10px;
    background: none;
    outline: none;
}
.schedule-container{
    margin-top: 16px;
}
.new_schedule-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.schedule-headlines{
    border: 1px  solid #eee;
    background: #fff;
    border-radius: 4px;
    display: inline-block;
}
.schedule-headlines .row{
    display: flex;
    align-items: center;
    
    border-bottom: 1px solid #eee;
}
.schedule-headlines .row .item{
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    
}
.schedule-headlines .row:nth-child(1){
    background-color: #e8eaee;
}
.schedule-headlines .row:nth-child(1) .item{
    height: 33px;
    font-size: 12px;
    color: #333333;
	opacity: 0.7;
}

.schedule-headlines .row .item:nth-child(1){
    width: 58px;
}
.schedule-headlines .row .item:nth-child(2){
    width: 38px;
}
.schedule-headlines .row .item:nth-child(3){
    width: 39px;
}
.schedule-headlines .row .item:nth-child(4){
    width: 39px;
}
.schedule-headlines .row .item:nth-child(5){
    width: 45px;
}
.schedule-headlines .row .item:nth-child(6){
    width: 44px;
}
.schedule-headlines .row .item:nth-child(7){
    width: 48px;
}
.schedule-headlines .row .item:nth-child(8){
    width: 94px;
}
.schedule-headlines .row .item:nth-child(9){
    width: 94px;
}
.schedule-headlines .row .item:nth-child(10){
    width: 74px;
}
.schedule-headlines .row .item:nth-child(11){
    width: 80px;
}
.schedule-headlines .row .item:nth-child(12){
    width: 77px;
}
.schedule-headlines .row .item:nth-child(13){
    width: 77px;
}
.schedule-headlines .row2 .item{
    height: 40px;
    font-size: 12px;
    color: #333333;
    border-right: 1px solid #eee;
}
.schedule-headlines .row2:last-child{
    border: none;
}
.schedule-headlines .row2 .item:last-child{
    border: none;
}
.screen-wrap{
    display: inline-flex;
    align-items: center;
}
.screen-wrap .item{
    display: inline-flex;
    align-items: center;
    margin-left: 16px;
}
.screen-wrap .item2{
    display: inline-flex;
    align-items: center;
    margin-left: 23px;
}
.screen-wrap .item2 select{
    width: 92px;
	height: 24px;
	background-color: #f7f7f7;
	border-radius: 2px;
	border: solid 1px #d6d6d6;
    outline: none;
    box-sizing: border-box;
    padding-left: 15px;
    margin-left: 7px;
}
.screen-wrap .item2 span{
    font-size: 12px;
    color: #333333;
}
.screen-wrap .item input{
    margin-right: 6px;
    width: 14px;
	height: 14px;
}
.screen-wrap .item span{
    font-size: 12px;
    color: #333333;
}
.schedule-details{
    margin-top: 10px;
    background: #fff;
    border-radius: 4px;
}
.schedule-details .row{
    display: flex;
    align-items: center;
    height: 33px;
    border-bottom: 1px solid #eee;
}
.schedule-details .row:nth-child(1){
    background: #e8eaee;
}
.schedule-details .row:nth-child(1) .item{
    font-size: 12px;
    color: #333333;
	opacity: 0.7;
}
.schedule-details .row .item{
    display: flex;
    align-items: center;
    justify-content: center;
}
.schedule-details .row .item:nth-child(1){
    width: 80px;
}
.schedule-details .row .item:nth-child(2){
    width: 101px;
}
.schedule-details .row .item:nth-child(3){
    width: 129px;
}
.schedule-details .row .item:nth-child(4){
    width: 48px;
}
.schedule-details .row .item:nth-child(5){
    width: 121px;
}
.schedule-details .row .item:nth-child(6){
    width: 86px;
}
.schedule-details .row .item:nth-child(7){
    width: 51px;
}
.schedule-details .row .item:nth-child(8){
    width: 50px;
}
.schedule-details .row .item:nth-child(9){
    width: 52px;
}
.schedule-details .row .item:nth-child(10){
    width: 86px;
}
.schedule-details .row2 .item{
    font-size: 14px;
    color: #333333;
    height: 36px;
    border-right: 1px solid #eee;
}
.schedule-details .row2 .item:last-child{
    border: none;
    color: #0066c0;
}
.schedule-details .row2:last-child{
    border: none;
    
}
.schedule-details .row2 .item:nth-child(1){
    color: #fff;
}
.bg-red{
    background: #ff3333;
}
.schedule-details .row2 .color-red{
    color: #f65e53;
}
.schedule-details .row2  .color-green{
    color: #2fcc87;
}
.schedule-details .row2  .color-grey{
    color: #a6b2be;
}
.schedule-page{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
}
.schedule-page div{
    cursor: pointer;
}
.schedule-page div,
.schedule-page span{
    display: block;
    float: left;
    font-size: 14px;
    padding: 0 16px;
    line-height: 30px;
    margin-left: 8px;
    border: 1px solid #d4e0e9;
    color: #333;
    border-radius: 2px;;
}
.schedule-page div:hover,
.schedule-page span{
    background: #000047;
    color: #fff;
}
.other-wrap{
    margin-top: 22px;
    border-top: 1px solid #eeeeee;
    padding-top: 24px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.other-wrap .other-item{
    width: 260px;
	background-color: #ffffff;
	border-radius: 4px ;
	border: solid 1px #dddddd;
}
.other-title{
    box-sizing: border-box;
    padding: 0 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 35px;
}
.other-title .title{
    font-size: 14px;
    color: #ff3333;
}
.other-title a{
    font-size: 12px;
    color: #0066c0;
}
.ranking-list .row{
    display: flex;
    align-items: center;
}
.ranking-list .row:nth-child(1){
    background: #929292;
    height: 20px;
   
}
.ranking-list .row .item{
    font-size: 12px;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ranking-list .row:nth-child(1) .item{
    color: #fff;
}
.ranking-list .row .item:nth-child(1){
    width: 43px;
}
.ranking-list .row .item:nth-child(2){
    width: 75px;
    justify-content: flex-start;
}
.ranking-list .row .item:nth-child(3){
    width: 30px;
}
.ranking-list .row .item:nth-child(4){
    width: 28px;
}
.ranking-list .row .item:nth-child(5){
    width: 30px;
}
.ranking-list .row .item:nth-child(6){
    width: 48px;
}
.ranking-list .row2{
    height: 20px;
}
.ranking-list .row:nth-child(3),
.ranking-list .row:nth-child(5),
.ranking-list .row:nth-child(7),
.ranking-list .row:nth-child(11),
.ranking-list .row:nth-child(9){
    background: #f0f0f0;
}


.ranking2-list .row{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 10px;
}
.ranking2-list .item{
    display: block;
}
.ranking2-list .row:nth-child(1) {
    background: #929292;
    height: 20px;
}
.ranking2-list .row .item:nth-child(1) {
    width: 95px;
}
.ranking2-list .row .item:nth-child(2){
    width: 55px;
    text-align: right;
}
.ranking2-list .row .item:nth-child(3){
    width: 33px;
    text-align: center;
}
.ranking2-list .row .item:nth-child(4){
    width: 66px;

}
.ranking2-list .row .item{
    font-size: 12px;
    color: #fff;
}
.ranking2-list .block-wrap{
    border-bottom: 1px dashed #dcdcdc;
}
.ranking2-list .block-wrap .row2{
    background: none;
    
}
.ranking2-list .block-wrap .row2 .item{
    color: #333333;
}
.ranking2-list .block-wrap{
    padding: 9px 0;
}
.ranking2-list .details{
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 10px;
    margin-top: 12px;
}
.ranking2-list .details a{
    font-size: 12px;
    color: #0066c0;
}
.ranking2-list .details p{
    color: #999999;
    font-size: 12px;
}
.ranking2-list .block-wrap:last-child{
    border: none;
}
.data-wrap{
    background-color: #f7f7f7;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 22px 20px 1px;
}
body{
    background: #fff;
}
.statistics{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 20px;
}
.statistics .statistics-wrap{
    background: #fff;
    border-radius: 4px;
	border: solid 1px #dddddd;
}
.statistics .statistics-wrap .row{
    display: flex;
    align-items: center;
    
    border-bottom: 1px solid #dddddd;
}
.statistics .statistics-wrap .row .item{
    box-sizing: border-box;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.statistics .statistics-wrap .row:nth-child(1){
    background-color: #e8eaee;
    height: 33px;
}
.statistics .statistics-wrap .row:nth-child(1) .item{
    font-size: 12px;
    color: #333333;
}
.statistics .statistics-wrap .row .item:nth-child(1){
    width: 49px;
}
.statistics .statistics-wrap .row .item:nth-child(6){
    width: 160px;
}
.statistics .statistics-wrap .row .item:nth-child(7){
    width: 62px;
}
.statistics .statistics-wrap .row:last-child{
   border: none;
}
.statistics .statistics-wrap .row2 .item{
    border-right: 1px solid #dddddd;
    height: 33px;
}
.statistics .statistics-wrap .row2 .item:last-child{
    border: none;
}
.statistics .statistics-wrap .row:nth-child(2){
    background-color: #f4f6fa;
    color: #333;
}
.statistics .statistics-wrap .row2 span{
    width: 20px;
	height: 20px;
	
	border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    margin-right: 5px;
}
.statistics .statistics-wrap .row2 span:last-child{
    margin-right: 0;
}
.statistics .statistics-wrap .row2 span.w{
    background-color: #f65e53;
}
.statistics .statistics-wrap .row2 span.d{
    background-color: #a6b2be;
}
.statistics .statistics-wrap .row2 span.l{
    background-color: #2fcc87;
}
.statistics .statistics-wrap .row2 p{
    width: 44px;
	height: 20px;
	background-color: #91bc80;
	border-radius: 2px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
}
.statistics .statistics-wrap .row:nth-child(3) p{
    background-color: #e5b05e;
}
.statistics .statistics-wrap .row:nth-child(4) p{
    background-color: #91bc80;
}
.statistics .statistics-wrap .row3{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 7px 12px;
    font-size: 12px;
}
.statistics .statistics-wrap .row3 p{
    color: #8d8d8d;
}
.statistics .statistics-wrap .row3 span{
    color: #f65e53;
    margin-left: 15px;
}
.statistics-wrap2{
    background-color: #fff;
	border-radius: 4px;
	border: solid 1px #dddddd;
    width: 390px;
}
.statistics-wrap2 .row{
    height: 33px;
	background-color: #e8eaee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
}
.statistics-wrap2 .row img{
    margin-left: 6px;
}

.statistics-wrap2 .row2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 15px 33px 22px;
}
.statistics-wrap2 .row2 .corner{
    width: 60px;
    text-align: center;
}
.statistics-wrap2 .row2 .corner span{
    font-weight: bold;
    font-size: 20px;
}
.statistics-wrap2 .row2 .corner p{
    font-size: 12px;
    color: #999999;
}
.progress-wrap{
    width: 110px;
}
.progress-wrap .progress-row{
    display: inline-flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}
.progress-wrap .progress-row:last-child{
    margin-bottom: 0;
}
.progress-wrap .progress-row span{
    font-size: 12px;
    color: #999999;
}
.progress-wrap .progress-row .progress{
    height: 12px;
	background-color: #0066c0;
    margin-left: 5px;
}
.number-wrap .number{
    font-size: 12px;
    color: #333333;
    margin-bottom: 10px;
}
.number-wrap .number:last-child{
    margin-bottom: 0;
}
.statistics-wrap2 .row3{
    border-top: solid 1px #dddddd;
    font-size: 12px;
    color: #8d8d8d;
    height: 27px;
    box-sizing: border-box;
    text-align: center;
    line-height: 27px;
}

.goal-wrap{
    background: #fff;
    border-radius: 4px;
    border: solid 1px #dddddd;
    width: 100%;
    margin-top: 20px;
}
.model2-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #e8eaee;
    box-sizing: border-box;
    padding: 7px 15px;
}
.model2-head .model2-title{
    display: inline-flex;
    align-items: center;
}
.model2-head .model2-title img{
    width: 20px;
    margin-right: 10px;
}
.model2-head .model2-title strong{
    font-size: 14px;
    color: #333333;
}
.model2-head p{
    font-size: 12px;
    color: #333333;
}
.goal-tab{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 17px;
}
.goal-tab .item{
    width: 80px;
	height: 24px;
    line-height: 24px;
	background-image: linear-gradient(0deg, 
		#f2f2f2 0%, 
		#fdfdfd 100%), 
	linear-gradient(
		#fbfbfb, 
		#fbfbfb);
	background-blend-mode: normal, 
		normal;
	border: solid 1px #d2d2d2;
    text-align: center;
    font-size: 12px;
    color: #333333;
    margin: 0 4px;
    cursor: pointer;
}
.goal-tab .item.on{
    background: none;
    background-color: #afafaf;
    color: #ffffff;
}
.goal-content{
    margin-top: 30px;
    display: none;
}
.goal-content.on{
    display: block;
}
.goal-content .row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 32px;
}
.goal-content .row .block{
    text-align: center;
}
.goal-content .row .block span{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}
.goal-content .row .block p{
    font-size: 12px;
    color: #999999;
}
.goal-content .row .block:nth-child(1){
    text-align: left;
}
.goal-content .row .block:nth-child(3){
    text-align: right;
}
.goal-content .row2{
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 743px;
    margin: 20px auto 0;
    border: 1px solid #626262;
}
.goal-content .row2 .item{
    width: 24px;
	height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #2a2d33;
    font-size: 14px;
    color: #ffffff;
}
.goal-content .row2 .item.color1{
    background-color: #81b292;
}
.goal-content .row2 .item.color2{
    background-color: #197238;
}
.goal-content .row2 .item.color3{
    background-color: #b32c22;
}
.goal-content .row2 .item.color4{
    background-color: #8a0a00;
}
.goal-content .row2 .scale{
    position: absolute;
    top: -7px;
}
.goal-content .row2 .scale i{
    display: block;
    width: 0px;
	height: 44px;
	border-left: dashed 1px #2a2d33;
    margin: 0 auto;
}
.goal-content .row2 .scale p{
    font-size: 12px;

    color: #333333;
}
.goal-content .row2 .scale1{
    left: 112px;
}
.goal-content .row2 .scale2{
    left: 231px;
}
.goal-content .row2 .scale3{
    left: 493px;
}
.goal-content .row2 .scale4{
    left: 614px;
}


.goal-content .row3{
    display: flex;
    align-items: center;
    padding: 0 35px;
    margin: 43px 0 32px;
}
.goal-content .row3 .info{
    display: inline-flex;
    align-items: center;
}
.goal-content .row3 .info .item{
    font-size: 12px;
    color: #999999;
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
}
.goal-content .row3 .info .item span{
    width: 10px;
	height: 10px;
    background-color: #8a0a00;
    margin-right: 3px;
}
.goal-content .row3 .info .item:nth-child(1) span{
    background-color: #81b292;
}
.goal-content .row3 .info .item:nth-child(2) span{
    background-color: #197238;
}
.goal-content .row3 .info .item:nth-child(3) span{
    background-color: #b32c22;
}
.goal-content .row3 .jie{
    font-size: 12px;
    color: #999999;
}

.distribution{
    background: #fff;
    border-radius: 4px;
    border: solid 1px #dddddd;
    width: 100%;
    margin-top: 20px;
}
.distribution-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 20px 23px;
}
.distribution-title .block{
    display: inline-flex;
    align-items: center;
}
.distribution-title .block p{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin-right: 5px;
}
.distribution-title .block span{
    font-size: 14px;
    color: #999999;
    margin-right: 5px;
}
.distribution-title  select{
    width: 96px;
	height: 24px;
	background-image: linear-gradient(0deg, 
		#f2f2f2 0%, 
		#fdfdfd 100%), 
	linear-gradient(
		#fbfbfb, 
		#fbfbfb);
	background-blend-mode: normal, 
		normal;
	border: solid 1px #d2d2d2;
    outline: none;
}
.distribution-details{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.distribution-details .item{
    font-size: 14px;
    display: flex;
    color: #999999;
    align-items: baseline;
    width: 166px;
    justify-content: center;
    margin-bottom: 20px;
}
.distribution-details .item span{
    color: #333333;
    font-size: 20px;
}
.distribution-tab{
    margin-top: 20px;
    border-top: 1px solid #eeeeee;
}
.distribution-tab .row{
    display: flex;
    align-items: center;
    height: 44px;
}
.distribution-tab .row .item{
    font-size: 12px;
    color: #333333;
}
.distribution-tab .row .item:nth-child(1){
    padding-left: 22px;
    width: 53px;
}
.distribution-tab .row .item:nth-child(2){
    width: 117px;
    text-align: right;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}
.distribution-tab .row .item:nth-child(3){
    width: 46px;
    text-align: center;
}
.distribution-tab .row .item:nth-child(4){
    width: 135px;
    display: inline-flex;
    align-items: center;
}
.distribution-tab .row .item:nth-child(5){
    width: 384px;
    display: flex;
    align-items: center;
}
.distribution-tab .row .item:nth-child(6){
    width: 43px;
    text-align: center;
}
.distribution-tab .row .item .team{
    display: inline-flex;
    align-items: center;
    color: #999999;
    margin-right: 20px;
}
.distribution-tab .row .item .team img{
    margin-right: 4px;
}
.distribution-tab .row2{
    height: 30px;
}
.distribution-tab .row2 .item{
    font-size: 12px;
    color: #333333;
}
.distribution-tab .row2 .item img{
    width: 20px;
    height: 20px;
}
.distribution-tab .row2 .item:nth-child(2) img{
    margin-left: 8px;
}
.distribution-tab .row2 .item:nth-child(4) img{
    margin-right: 8px;
}
.distribution-tab .row2 .item:nth-child(3){
    font-size: 14px;
    color: #f65e53;
    font-weight: bold;
}
.distribution-tab .row:nth-child(even){
    background: #f2f2f2;
}
.distribution-tab .row2 .item:nth-child(5){
    display: flex;
    align-items: center;
    background: #7f9075;
    box-sizing: border-box;
   
    height: 29px;
    position: relative;
}
.distribution-tab .row:nth-child(even) .item:nth-child(5){
    background: #587348;
}
.distribution-tab .row2 .item .scale{
    width: 22.58px;
    height: 29px;
    text-align: center;
    line-height: 29px;
    font-size: 14px;
    color: #ffffff;
    background: #2a2d33 ;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.distribution-tab .row2 .item .hit{
    width: 16px;
    height: 16px;
    position: absolute;
    top: 7px;
    background: url(../img/goal.png) no-repeat center / 16px 16px;
    transform: translate(-50%,0);
}
.distribution-tab .row2 .item .lose{
    width: 16px;
    height: 16px;
    background: url(../img/goal@2x.png) no-repeat center / 16px 16px;
    position: absolute;
    top: 7px;
    transform: translate(-50%,0);
}
.data-tabs{
   
    background-color: #f7f7f7;
    padding: 18px 0 0;
}

.data-tab{
    border-radius: 4px;
    margin-bottom:15px ;
	border: solid 1px #dddddd;
}
.data-tab .row2{
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    height: 33px;
    line-height: 33px;
}

.data-tab .row{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dddddd;
}
.data-tab .row:nth-child(2){
    background: #e8eaee;
   
}
.data-tab .row:last-child{
    border: none;
    
}
.data-tab .row .item{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #333333;
    height: 31px;
    border-right: 1px solid #dddddd;
    width: 43px;
    box-sizing: border-box;
}
.data-tab .row:last-child .item{
    height: 43px;
    color: #333333;
}
.data-tab .row .item:last-child{
    border: none;
}
.data-tab .row .item:nth-child(1){
    width: 58px;
}
.data-tab .row .item:nth-child(9),
.data-tab .row .item:nth-child(10),
.data-tab .row .item:nth-child(11),
.data-tab .row .item:nth-child(12),
.data-tab .row .item:nth-child(13),
.data-tab .row .item:nth-child(14){
    width: 85px;
}

.data-tab .row:last-child .item:nth-child(9){
    background: #fff7f5;
    color: #f65e53;
}
.data-tab .row:last-child .item:nth-child(10){
    background: #f8fbfd;
    color: #9dabb9;
}
.data-tab .row:last-child .item:nth-child(11){
    background: #f5fdfa;
    color: #2fcc87;
}
.data-tab .row:last-child .item:nth-child(14){
    font-weight: bold;
}
.data-tabs .data-tab:nth-child(1) .row2{
    background: #d26b5e;
}
.data-tabs .data-tab:nth-child(2) .row2{
    background: #dd958c;
}
.data-tabs .data-tab:nth-child(3) .row2{
    background: #f3bd43;
}
.data-tabs .data-tab:nth-child(4) .row2{
    background: #f4ce79;
}
.data-tabs .data-tab:nth-child(5) .row2{
    background: #57dff0;
}
.data-tabs .data-tab:nth-child(6) .row2{
    background: #87e6f2;
}
.video-wrap{
    margin-top: 19px;
}
.video-wrap .video-tit{
    font-size: 18px;
    color: #333333;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.video-wrap .video-tit span{
    color: #e70012;
}

.leftnews .newsul>li{border-bottom: 1px solid #eee;padding-bottom: 20px;}
.leftnews .newsul>li:nth-last-of-type(1){border: none;}
.leftnews .newsul>li .flimg{margin-top: 20px;width: 180px;height: 120px;}
.leftnews .newsul>li .news_r{width: 630px;margin-right: 16px;}
.leftnews .newsul>li .news_r .tit{font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;line-height: 42px;margin-top: 12px;}
.leftnews .newsul>li .news_r .tit a{color: #333;}
.leftnews .newsul>li .news_r .tit a:hover{text-decoration: underline;}
.leftnews .newsul>li .news_r .tit .tw_icon{color: #51addf;background: #f5fbfe;border: 1px solid #addcf4;border-radius: 2px;padding: 0px 6px;font-size:12px;float: left;height: 18px;line-height: 18px;margin-right: 4px;margin-top: 11px;}
.leftnews .newsul>li .news_r .tit .sp_icon{color: #efbe39;background: #fdfbf7;border: 1px solid #f9de94;border-radius: 2px;padding: 0px 6px;font-size:12px;float: left;height: 18px;line-height: 18px;margin-right: 4px;margin-top: 11px;}
.leftnews .newsul>li .news_r .tit .tj_icon{color: #e35b5b;background: #fef8f8;border: 1px solid #f4a8a8;border-radius: 2px;padding: 0px 6px;font-size:12px;float: left;height: 18px;line-height: 18px;margin-right: 4px;margin-top: 11px;}
.leftnews .newsul>li .news_r p{font-size: 14px;line-height: 22px;}
.leftnews .newsul>li .news_r p a:hover{text-decoration: underline;}
.leftnews .newsul>li .btm{margin-top: 22px;}
.leftnews .newsul>li .tags{width: 180px;white-space: nowrap;overflow: hidden;}
.leftnews .newsul>li .tags a{color: #7997b7;margin-right: 16px;}
.leftnews .newsul>li .time{padding-left: 16px;color: #999;}
.leftnews .newsul>li .share{margin-left: 54px;position: relative;}
.leftnews .newsul>li .share_hide{display: none;position: absolute;z-index: 20; background: url(/skin/images/sharebg.png) no-repeat;width: 107px;height: 200px;left: -75px;top: -11px;}
.leftnews .newsul>li .share_hide ul{margin-top: 54px;padding: 0 20px;}
.leftnews .newsul>li .share_hide ul li{line-height: 44px;font-size: 14px;border-bottom: 1px solid #eee;}
.leftnews .newsul>li .share_hide ul li a{color: #999;}
.leftnews .newsul>li .share_hide ul li a:hover{text-decoration: underline;}
.leftnews .newsul>li .share_hide ul li a span{margin-left: 10px;}
.leftnews .newsul>li .share_hide ul li:last-child{border: none;}
.leftnews .newsul>li .share:hover .share_hide{display: block;}
.leftnews .newsul>li .seebox{margin-left: 50px;color: #999;}
.leftnews .newsul>li .seebox span{margin-left: 10px;}


.transfer-row{
    display: flex;
    align-items: center;
    
    box-sizing: border-box;
    padding-left: 14px;
}
.transfer-row:nth-child(1){
    background-color: #22222e;
}

.transfer-row .item{
    font-size: 12px;
    color: #ffffff;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.transfer-row .item:nth-child(1){
    width: 157px;
}
.transfer-row .item:nth-child(2){
    width: 157px;
}
.transfer-row .item:nth-child(3){
    width: 157px;
}
.transfer-row .item:nth-child(4){
    width: 157px;
}
.transfer-row .item:nth-child(5){
    width: 157px;
}
.transfer-row .item:nth-child(6){
    width: 157px;
}
.transfer-row2 .item{
    font-size: 12px;
    color: #333333;
    height: 50px;
}
.transfer-row2 .item .pic{
    width: 25px;
	height: 32px;
    margin-right: 12px;
}
.transfer-row2 .item p{
    font-size: 12px;
    color: #333333;
}
.transfer-row2 .item .row{
    display: inline-flex;
    align-items: center;
}
.transfer-row2 .item .row img{
    width: 16px;
    margin-right: 5px;
}
.transfer-row2 .item .row span{
    font-size: 12px;
    color: #999999;
}
.transfer-row2 .item .pic2{
    width: 20px;
    margin-right: 10px;
}
.transfer-row:nth-child(2n){
    background: #f2f4f8;
}
.transfer-foot{
    height: 30px;
	background-color: #f2f4f8;
	border-bottom: solid 1px #ededed;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 0 25px;
}
.transfer-foot img{
    margin-right: 4px;
}
.transfer-foot span{
    color: #333333;
    font-size: 12px;
}
.transfer-foot:last-child{
    border: none;
}
.distribution-tab{
    position: relative;
}
.distribution-tab .row2 .item .hit,
.distribution-tab .row2 .item .lose{
    z-index: 2;
}

.line-container{
    position: absolute;
    width: 1px;
    height: calc(100% - 44px);
    background: none;
    width: 384px;
    top: 44px;
    right: 52px;
    z-index: 3;
}

.line{
    left:10px;
    position: absolute;
    width: 1px;
    height: 100%;
    background: black;
    float: left;
    /* z-index: 5; */
    
    display: none;
    top: 0;

}



.location{
    margin: 20px auto 0;
}
.court-wrap{
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 20px auto 0;
    align-items: flex-start;
}
.court-info{
    width: 320px;
}
.court-info .details{
    border: solid 1px #ededed;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}
.court-info .row{
    height: 40px;
	background-color: #e8eaee;
    line-height: 40px;
    text-align: center;
    width: 100%;
    font-size: 16px;
    color: #333333;
}
.court-info .details .row2{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eeeeee;
    padding: 15px 0;
}
.court-info .details .row2:last-child{
    border: none;
}
.court-info .details .row2 .item{
    font-size: 14px;
    color: #333333;
}
.court-info .details .row2 .item:nth-child(1){
    font-weight: bold;
    width: 116px;
}
.court-info .belonging{
    width: 320px;
	border: solid 1px #ededed;
    display: flex;
    align-items:center;
    box-sizing: border-box;
    padding: 26px 20px;
    margin-top: 16px;
}
.court-info .belonging .item{
    width: 72px;
    font-weight: bold;
    font-size: 14px;
}
.court-info .belonging-box{
    display: flex;
    align-items: center;
}
.court-info .belonging-box a{
    width: 61px;
	height: 61px;
	border: solid 1px #eeeeee;
    line-height: 61px;
    text-align: center;
    margin-right: 10px;
}
.court-info .belonging-box a:last-child{
    margin:0;
}
.court-info .belonging-box a img{
    max-width: 48px;
	max-height: 48px;
}
.court-img{
    width: 850px;
	background-color: #e8eaee;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
}
.court-img .court-mx-img{
    width: 630px;
	height: 381px;
    display: block;
}
.court-img .court-mx-img img{
    width: 100%;
    height: 100%;
    display: block;
}
.court-min-img{
    width: 170px;
    height: 381px;
    box-sizing: border-box;
    padding: 26px 0;
    position: relative;
}
.court-min-img .swiper-container{
    height: 100%;
}
.court-min-img .swiper-slide{
    height: 103px;
    margin-bottom: 10px;
}
.court-min-img .swiper-slide:last-child{
    margin-bottom: 0;
}
.court-min-img .swiper-slide img{
    width: 100%;
    height: 100%;
}
.court-min-img .swiper-button-next,
.court-min-img .swiper-button-prev{
    outline: none;
    width: 170px;
	height: 20px;
	background-color: #22222e;
}
.court-min-img .swiper-button-next::after,
.court-min-img .swiper-button-prev::after{
    color: #fff;
    font-size: 14px;
}
.court-min-img .swiper-button-next::after{
    transform: rotate(90deg);
}
.court-min-img .swiper-button-prev::after{
    transform: rotate(90deg);
}
    
.court-min-img .swiper-button-next{
    bottom:0;
    top: auto;
    right: 0;
}
.court-min-img .swiper-button-prev{
    left:0;
    top: 23px;
}
.court-brief{
    margin-top: 20px;
    border: 1px solid #ededed;
}
.court-brief-content{
    font-size: 14px;
    line-height: 21px;
    color: #333333;
    box-sizing: border-box;
    padding: 23px 20px;
}
.court-relevant{
    margin-top: 17px;
}
.court-relevant .model-team-title{
    border: none;
    padding: 16px 0;
}
.court-relevant-list{
    display: flex;
    align-items: flex-start;
    
}
.court-relevant-list .item{
    width: 224px;
    margin-right: 20px;

}
.court-relevant-list .item:last-child{
    margin: 0;
}
.court-relevant-list .item img{
    width: 224px;
	height: 138px;
    display: block;
    margin-bottom: 8px;
}
.court-relevant-list .item p{
    width: 100%;
    font-size: 14px;
    color: #333333;
    text-align: center;
}
.court-relevant-list .item span{
    display: block;
    text-align: center;
    font-size: 12px;
    color: #777777;
    margin-top: 5px;
}

.player-head{
    width: 100%;
    box-sizing: border-box;
    background: #f7f7f7;
    border: solid 1px #ededed;
    display: flex;
    
}
.pl-imgbxo{
    width: 150px;
	height: 160px;
    position: relative;
    display: flex;
    align-items: end;
    justify-content: center;
    background-color: #e8eaee;
}
.pl-img{
    max-width: 140px;
	max-height: 118px;
}
.pl-clothes{
    position: absolute;
    top: 6px;
    left: 9px;
    width: 44px;
	height: 44px;
	background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.pl-state{
    width: 170px;
    box-sizing: border-box;
    padding: 17px 0 0 0;
}
.pl-state-row{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 12px;
}
.pl-state-row span{
    font-size: 24px;
	font-weight: bold;
	color: #e70012;
}
.pl-state-row.hot span{
    color: #e70012;
}
.pl-state-row .pl-state-c{
    width: 65px;
	height: 18px;
	text-align: center;
    color: #ffffff;
    
    margin-left: 10px;
    position: relative;
    transform: skew(-30deg);
}
.pl-state-row .pl-state-c p{
    transform: skew(30deg);
    font-size: 12px;
}
.pl-state-row.hot .pl-state-c{
    background-color: #e70012;
}
.pl-state-ro2{
    padding-left: 12px;
    font-size: 12px;
    color: #777;
}
.plstate-t{
    padding-left: 12px;
    color: #777777;
    font-size: 12px;
    line-height: 18px;
    margin-top: 20px;
}
.pl-Worth{
    width: 100%;
    height: 32px;
	background-color: #22222e;
    text-align: center;
    line-height: 32px;
    margin-top: 8px;
    color: #fff;
    font-size: 12px;
}
.team-head-ti{
    font-size: 14px;
    color: #333333;
    margin-top: 15px;
    margin-bottom: 15px;
}
.team-left-info .details .team-head{
    background: none;
    align-items: center;
    justify-content: center;
    padding-bottom: 17px;
    border-bottom: 1px solid #eeeeee;
}
.team-left-info .details .team-head .imgbox img{
    max-width: 100%;
    max-height: 100px;
}
.team-left-info .details .team-head .imgbox{
    background: none;
    width: 90px;
    height: 90px;
    border-radius: 50px;
    
}

.team-left-info .details  .team-head .details{
    padding: 0;
    width: 150px;
    border: none;
    margin-left: 25px;
}
.team-left-info .details  .team-head .details p{
    font-size: 16px;
    color: #0066c0;
    display: flex;
    align-items: center;
}
.team-left-info .details  .team-head .row {
    padding: 12px 0 0 0;
    margin: 0;
    border: none;
}
.team-left-info .details  .team-head .details p img{
    width: 17px;
    height: 12px;
    display: block;
    margin-right: 5px;
}

.model-team-c-w .model-team-title{
    border-bottom: none;
}
.model-team-c-w{
    display: flex;
    align-items: center;
}
.model-team-c-w .model-team-tab{
    display: flex;
    align-items: center;
}
.model-team-c-w .model-team-tab .item{
    width: 63px;
	height: 28px;
	background-color: #e6e6e6;
	border-radius: 6px;
    margin: 0 1px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
}
.model-team-c-w .model-team-tab .item.on{
    background-color: #e70012;
    color: #ffffff;
}
.model-team-c{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ededed;
}
.model-team-c .more{
    margin-right: 25px;
    color: #0066c0;
    font-size: 12px;
}
.data2-tab .row{
    height: 28px;
	display: flex;
    align-items: center;
	border-bottom: solid 1px #ededed;
}
.data2-tab .row .item{
    font-size: 12px;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
}
.data2-tab .row:nth-child(odd){
    background: #f2f2f2;
}

.data2-tab .row:nth-child(1){
    background-color: #22222e;
}
.data2-tab .row:nth-child(1) .item{
    color: #fff;
}
.data2-tab .row .item:nth-child(1){
    width: 158px;
    margin-left: 18px;
    justify-content: flex-start;
}
.data2-tab .row .item:nth-child(2){
    width: 43px;
}
.data2-tab .row .item:nth-child(3){
    width: 70px;
}
.data2-tab .row .item:nth-child(4){
    width: 51px;
}
.data2-tab .row .item:nth-child(5){
    width: 51px;
}
.data2-tab .row .item:nth-child(6){
    width: 70px;
}
.data2-tab .row .item:nth-child(7){
    width: 108px;
}
.data2-tab .row .item:nth-child(8){
    width:61px;
}
.data2-tab .row .item:nth-child(9){
    width: 66px;
}
.data2-tab .row .item:nth-child(10){
    width: 75px;
}
.data2-tab .row .item:nth-child(11){
    width: 69px;
   
}
.data2-tab .row .item:last-child{
    color: #eb5b14;
}
.data2-tab .row:nth-child(1) .item:last-child{
    color: #fff;
}
.data2-tab .row2{
    display: flex;
    align-items: center;
    padding:10px 0 10px 20px;
}
.data2-tab .row2 p{
    color: #777777;
    font-size: 12px;
    margin-right: 22px;
}

.data2-tab{
    display: none;
}
.data2-tab.on{
    display: block;
}
.data2-tab .row span{
    width: 15px;
	height: 19px;
	background-color: #f0c729;
	border-radius: 2px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
}
.data2-tab .row span:nth-child(2){
    margin-left: 5px;
	background-color: #ca2027;
}
.data2-tab:nth-child(2) .row .item:nth-child(7){
    width: 70px;
}
.data2-tab:nth-child(3) .row .item:nth-child(7){
    width: 70px;
}
.data2-tab:nth-child(4) .row .item:nth-child(7){
    width: 70px;
}

.model-position-wrap{
    display: flex;
    
}
.model-position-canvas{
    width: 337px;
	height: 204px;
    background: url(../img/pitch6.png) no-repeat;
    position: relative;
}
.model-position-canvas .position{
    width: 36px;
	height: 36px;
	background-color: #67676d;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    line-height: 36px;
    text-align: center;
    position: absolute;
}
.model-position-canvas .position.on,
.model-position-canvas .position:hover{
    background-color: #00aded;
}
.model-position-canvas .position.GK {
	left: 1%;
	bottom: 41%;
}

.model-position-canvas .position.DL {
	left: 5%;
	bottom: 77%;
}

.model-position-canvas .position.DC {
	left: 5%;
	bottom: 41%;
}

.model-position-canvas .position.DR {
	left: 5%;
	bottom: 7%;
}

.model-position-canvas .position.DML {
	left: 20%;
	bottom: 77%;
}

.model-position-canvas .position.DMC {
	left: 20%;
	bottom: 41%;
}

.model-position-canvas .position.DMR {
	left: 20%;
	bottom: 7%;
}

.model-position-canvas .position.ML {
	left: 35%;
	bottom: 77%;
}

.model-position-canvas .position.MC {
	left: 35%;
	bottom: 41%;
}

.model-position-canvas .position.MR {
	left: 35%;
	bottom: 7%;
}

.model-position-canvas .position.AML {
	left: 55%;
	bottom: 77%;
}

.model-position-canvas .position.AMC {
	left: 55%;
	bottom: 41%;
}

.model-position-canvas .position.AMR {
	left: 55%;
	bottom: 7%;
}

.model-position-canvas .position.FWL {
	left: 75%;
	bottom: 77%;
}

.model-position-canvas .position.FW {
    left: 75%;
    bottom: 41%;

}

.model-position-canvas .position.FWR {
	left: 75%;
	bottom: 7%;
}
.model-position-tab{
    width: 512px;
}
.model-position-tab .row{
    display: flex;
    height: 28px;
    align-items: center;
    border-bottom: 1px solid #ededed;
}
.model-position-tab .row .item{
    font-size: 12px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
}
.model-position-tab .row .item:nth-child(1){
    width: 124px;
    margin-left: 22px;
    justify-content: flex-start;
}
.model-position-tab .row .item:nth-child(2){
    width: 93px;
}
.model-position-tab .row .item:nth-child(3){
    width: 64px;
}
.model-position-tab .row .item:nth-child(4){
    width: 70px;
}
.model-position-tab .row .item:nth-child(5){
    width: 137px;
    justify-content: flex-start;
    padding-left: 20px;
    box-sizing: border-box;
}
.model-position-tab .row:nth-child(odd){
    background: #f2f2f2;
}
.model-position-tab .row:nth-child(1){
    background-color: #22222e;
}
.model-position-tab .row:nth-child(1) .item{
    color: #fff;
}
.model-position-tab .row p{
    font-weight: bold;
    margin-right: 10px;
}
.model-position-tab .row .h p{
    color: #e70012;
}
.model-position-tab .row .p p{
    color: #ff9050;
}
.model-position-tab .row .state{
    transform: skew(-30deg);
    width: 65px;
	height: 18px;
    color: #ffffff;
    text-align: center;
}
.model-position-tab .row .h .state{
    background-color: #e70012;
}
.model-position-tab .row .p .state{
    background-color: #ff9050;
}
.model-position-tab .row .h .state span{
    transform: skew(30deg);
    display: block;
}
.model-position-tab .row.on{
    background: rgb(208, 208, 208);
}
.model-max-container{
    display: flex;
    justify-content: space-between;
}
.characteristic-wrap{
    width: 520px;
}
.characteristic-title{
    display: flex;
    align-items: center;
    
    border-bottom: 1px solid #e5e5e5;
}
.characteristic-title .item{
    text-align: center;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #777680;
    font-weight: bold;
    height: 41px;
    
}
.characteristic-title .item:nth-child(1){
    border-right: 1px solid #e5e5e5;
    color: #00a303;
}
.characteristic-title .item img{
    margin-left: 5px;
}
.characteristic-con{
    display: flex;
}
.advantage-wrap,
.shortcoming-wrap{
    width: 50%;
    box-sizing: border-box;
    padding: 20px 18px;
    height: 362px;
}
.characteristic-con .row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.characteristic-con .row .name{
    display: inline-flex;
    align-items: center;
}
.characteristic-con .row .name img{
    width: 12px;
	height: 12px;
    margin-right: 5px;
}
.characteristic-con .row .name p{
    font-size: 12px;
    color: #333333;
}
.characteristic-con .row2{
    display: inline-flex;
    align-items: center;
    
}
.characteristic-con .row2 span{
    font-size: 12px;
    color: #00a303;
}
.characteristic-con .row2 .line-con{
    display: inline-flex;
    align-items: center;
    margin-left: 7px;
}
.characteristic-con .row2 .line-con .line2{
    width: 3px;
	height: 11px;
    background: #c5cfc5;
    margin-left: 2px;
}
.characteristic-con .row2.d6 span{
    color: #79bf2e;
}
.characteristic-con .row2.d5 span{
    color: #79bf2e;
}
.characteristic-con .row2.d7 span{
    color: #00a303;
}
.characteristic-con .row2.d8 span{
    color: #00a303;
}
.characteristic-con .row2.d1 span{
    color: #e47a39;
}
.characteristic-con .row2.d2 span{
    color: #e47a39;
}
.characteristic-con .row2.d3 span{
    color: #e96d20;
}
.characteristic-con .row2.d4 span{
    color: #f7670d;
}
.characteristic-con .row2.d6 .line2:nth-child(-n+6) {
    background: #79bf2e;
}
.characteristic-con .row2.d7 .line2:nth-child(-n+7) {
    background: #00a303;
}
.characteristic-con .row2.d8 .line2:nth-child(-n+8) {
    background: #00a303;
}
.characteristic-con .row2.d5 .line2:nth-child(-n+5) {
    background: #79bf2e;
}
.characteristic-con .row2.d1 .line2:nth-child(-n+1) {
    background: #e47a39;
}
.characteristic-con .row2.d2 .line2:nth-child(-n+2) {
    background: #e47a39;
}
.characteristic-con .row2.d3 .line2:nth-child(-n+2) {
    background: #e96d20;
}
.characteristic-con .row2.d4 .line2:nth-child(-n+2) {
    background: #f7670d;
}
.shortcoming-wrap{
    border-left: 1px solid #e5e5e5;
    background: #f8fcfd;
}
.advantage-wrap{
    width: 49.9%;
}
.Competition-style{
    background: #f2f2f2;
    box-sizing: border-box;
    padding: 14px;
    box-sizing: border-box;
    
    /*height: 150px;*/

}
.Competition-style .title{
    display: flex;
    align-items: center;
}
.Competition-style .title p{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-left: 10px;
}
.competition-wrap .item{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.competition-wrap{
    margin-top: 15px;
}
.competition-wrap .item img{
    margin-right: 5px;
}
.competition-wrap .item p{
    font-size: 12px;
    color: #333333;
}
.technology-wrap{
    width: 320px;
    box-sizing: border-box;
    
}
.technology-con{
    padding: 15px 20px 0;
}
.technology-con .row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.technology-con .row .item{
   
    color: #333333;
}
.technology-con .row .item:nth-child(1){
    width: 75px;
}
.technology-con .row .item:nth-child(2){
    width: 41px;
}
.technology-con .row .item:nth-child(3){
    width: 49px;
}
.technology-con .row .item:nth-child(4){
    width: 63px;
}
.technology-con .row:nth-child(1) .item{
    color: #3d597c;
}
.technology-con .row span{
    width: 41px;
	height: 16px;
	background-color: #e70012;
	border-radius: 2px;
    display: block;
    font-size: 12px;
    text-align: center;
    color: #fff;
}
.technology-con .row p{
    width: 18px;
	height: 16px;
	background-color: #768295;
	border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
}
.technology-con .row2{
    color: #999999;
    font-size: 12px;
    margin-top: 5px;
}
.technology-wrap .row3{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #ededed;
    height: 29px;
}
.technology-wrap .row3 a{
    font-size: 12px;
    color: #0066c0;
}
.news-con .item{
    box-sizing: border-box;
    padding: 10px 15px;
    display: block;
    
}
.news-con .item:nth-child(2n + 1){
    background: #f2f2f2;
}
.news-con .item .row{
    display: flex;
    align-items: center;
    font-size: 12px;
}
.news-con .item .time{
    font-size: 12px;
    color: #e70012;
}
.news-con .item .tag{
    color: #777777;
    margin-left: 10px;
}
.news-con .item .name{
    font-weight: bold;
    color: #333333;
    margin-top: 5px;
}
.news-con .item2{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #0066c0;
    font-size: 12px;
    height: 28px;
    border-top: 1px solid #ededed;
}
.lately-tab .row{
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 20px;
}
.lately-tab .row .item{
    font-size: 12px;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lately-tab .row:nth-child(2n + 1){
    background-color: #f2f2f2;
}
.lately-tab .row:nth-child(1){
    background-color: #22222e;
}
.lately-tab .row:nth-child(1) .item{
    color: #ffffff;
}
.lately-tab .row .item:last-child{
    color: #eb5b14;
    font-weight: bold;
}
.lately-tab .row:nth-child(1) .item:last-child{
    color: #fff;
}
.lately-tab .row .item:nth-child(1){
    width: 109px;
    justify-content: flex-start;
}
.lately-tab .row .item:nth-child(2){
    width: 100px;
    justify-content: flex-start;
}
.lately-tab .row .item:nth-child(3){
    width: 331px;
}
.lately-tab .row .item:nth-child(4){
    width: 151px;
}
.lately-tab .row .item:nth-child(5){
    width: 66px;
}
.lately-tab .row .item:nth-child(6){
    width: 52px;
}
.lately-tab .row .item span{
    width: 106px;
    color: #333;
}
.lately-tab .row .item img{
    width: 20px;
	height: 20px;
    margin: 0 5px;
}
.lately-tab .row .item p{
    width: 50px;
	height: 19px;
	background-color: #6a6a6b;
	border-radius: 2px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
}
.lately-tab .row .item span:nth-child(1){
    text-align: right;
}
.lately-tab .row .item p.h{
    background-color: #f65e53;
}
.lately-tab .row .item p.l{
    background-color: #2fcc87;
}
.event-icon{
    height: 16px;
    width: 16px;
    display: inline-block;
    background-image: url(../img/event-icons.png);
    background-repeat: no-repeat;
    z-index: 1;
    margin: 0 3px;
}
.event-yellow {
	background-position: 0 0;
}

.event-sub-out {
	background-position: 0 -80px;
}

.event-sub-in {
	background-position: 0 -64px;
}

.event-assist {
	background-position: 0 -192px;
}

.event-last-man-tackle {
	background-position: 0 -112px;
}

.event-fatal {
	background-position: 0 -240px;
}

.event-shot-on-post {
	background-position: 0 -560px;
}

.event-penalty-saved {
	background-position: 0 -576px;
}

.event-clear-off-line {
	background-position: 0 -272px;
}

.event-error {
	background-position: 0 -608px;
}
.event-goal {
    background-position: 0 -48px;
}
.man-of-match {
	background-position: 0 -320px;
}
.event-penalty-goal {
    background-position: 0 -384px;
}
.event-penalty-miss {
    background-position: 0 -96px;
}
.event-yellow2 {
    background-position: 0 -16px;
}
.event-red {
    background-position: 0 -32px;
}
.event-owngoal {
    background-position: 0 -176px;
}
.chart-wrap{
    display: flex;
    justify-content: space-between;

}

.compare-chart {
	padding: 10px 12px;
	background-color: #747474;
}

.compare-chart .title {
	color: #FFF;
	text-indent: 1em;
	font-size: 1.3em;
	line-height: 2.5em;
	font-weight: bold;
	margin: 0px;
}

.compare-chart .title {
	color: #FFF !important;
}

.attack-direction-compare {
	height: 250px;
	background-size: 300px 250px!important;
}

.chart-wrap{
    background-color: #555555;
}
#leagueRateContainer,
#marketValueContainer{
    margin-top: 20px;
}
.jj-wrap{
    box-sizing: border-box;
    padding: 20px;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
}
.jj-wrap p{
    margin-bottom: 10px;
}
.jj-wrap a{
    color: #0066c0;
}
.teammate-wrap{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 26px 30px;
}
.teammate-wrap a{
    display: block;
    width: 67px;
}
.teammate-wrap a img{
    width: 67px;
	height: 80px;
}
.teammate-wrap a p{
    width: 67px;
	height: 26px;
	background-color: #22222e;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.teammate-wrap .swiper-button-next,.teammate-wrap .swiper-button-prev{
    width: 20px;
	height: 20px;
	background-color: #1b1b1b;
    border-radius: 50%;
}

.teammate-wrap .swiper-button-next:after,.teammate-wrap .swiper-button-prev:after{
    font-size: 12px;
	color: #ffffff;
    font-weight: bold;
}
.select-wrap{
    display: flex;
    align-items: center;
}
.select-wrap p{
    font-size: 12px;
    color: #333333;
}
.select-wrap select{
    border: none;
    background: #e6e6e6;
	border-radius: 6px;
    padding: 5px 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.season-title{
    display: flex;
    align-items: center;
    height: 30px;
	background-color: #d6d6d6;
    box-sizing: border-box;
    padding-left: 23px;
}
.season-title .season-tab{
    display: flex;
    align-items: center;
}
.season-title p{
    font-size: 12px;
}
.season-title .season-tab .item{
    font-size: 12px;
    color: #333333;
    padding: 3px 5px;
    cursor: pointer;
    margin-right: 10px;
}
.season-title .season-tab .item.on{
    background: #f3f3f3;
}
.bolck-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bolck-wrap .block{
    width: 410px;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}
.bolck-wrap .block .row{
    height: 25px;
    display: flex;
    align-items: center;
    border-bottom: solid 1px #ededed;
}

.bolck-wrap .block .row:nth-child(2n + 1) {
    background-color: #f2f2f2;
}

.bolck-wrap .block .row:nth-child(1){
    background-color: #22222e;
}
.bolck-wrap .block .row .item{
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bolck-wrap .block .row .item p{
    height: 16px;
	background-color: #22222e;
	border-radius: 2px;
    line-height: 16px;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 12px;
}
.bolck-wrap .block .row .item span{
    display: block;
    width: 18px;
	height: 16px;
	background-color: #768295;
	border-radius: 2px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
}
.bolck-wrap .block .row:nth-child(1) .item{
    font-size: 12px;
    color: #ffffff;
}


.bolck-wrap .block .row .item:nth-child(1){
    width: 160px;
    justify-content: flex-start;
    margin-left: 22px;
}
.bolck-wrap .block .row .item:nth-child(2){
    width: 54px;
}
.bolck-wrap .block .row .item:nth-child(3){
    width: 80px;
}
.bolck-wrap .block .row .item:nth-child(4){
    width: 83px;
}
.stripe-wrap{
    margin-top: 10px;
    box-sizing: border-box;
   
}
.stripe-wrap .row{
    display: flex;
    align-items: center;
    border-bottom: solid 1px #ededed;
    height: 25px;
   
}
.stripe-wrap .row .item{
    font-size: 12px;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stripe-wrap .row .item:nth-child(1){
    width: 131px;
    justify-content: flex-start;
    margin-left: 23px;
}
.stripe-wrap .row .item:nth-child(2){
    width: 422px;
    position: relative;
    background: #DDFDEE;
    justify-content: flex-end;
}
.stripe-wrap .row .item:nth-child(3){
    width: 40px;
    
}
.stripe-wrap .row .item:nth-child(4){
    width: 26px;
}
.stripe-wrap .row .item:nth-child(5){
    width: 80px;
}
.stripe-wrap .row .item:nth-child(6){
    width: 92px;
}
.stripe-wrap .row:nth-child(2n + 1) {
    background-color: #f2f2f2;
}

.stripe-wrap .row:nth-child(1){
    background: #22222e;
}
.stripe-wrap .row:nth-child(1) .item{
    color: #ffffff;
    font-size: 12px;
}

.stripe-wrap .row .item span:nth-child(2){
    margin-right: 5px;
    display: block;
        color: #666;
    height: 18px;
    position: relative;
    z-index: 2;
}
.stripe-wrap .row .item span:nth-child(1){
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    background-color: #00CC66;
    text-indent: 5px;
    z-index: 1;
    color: #fff;
}
.stripe-wrap .row .item i{
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url(../img/trends.png);
    background-size: 14px;
    display: inline-block;
    cursor: inherit !important;
}
.trend-hugerise {
	background-position: 0 0;
}

.trend-rise {
	background-position: 0 -14px;
}

.trend-fall {
	background-position: 0 -28px;
}

.trend-hugefall {
	background-position: 0 -42px;
}

.trend-flat {
	background-position: 0 -56px;
}
.stripe-wrap .row .item P{
    width: 18px;
	height: 16px;
	background-color: #666;
	border-radius: 2px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
}
.season-tab-content2{
    display: none;
}
.season-tab-content2.on{
    display: block;
}

.model-team-title-tips{
    font-size: 12px;
    margin-left: 15px;
}
.lately-tab .row .item .team-img{
    margin: 0 5px 0 0;
}



.data3-tab .row{
    height: 28px;
	display: flex;
    align-items: center;
	border-bottom: solid 1px #ededed;
}
.data3-tab .row .item{
    font-size: 12px;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
}
.data3-tab .row:nth-child(odd){
    background: #f2f2f2;
}

.data3-tab .row:nth-child(1){
    background-color: #22222e;
}
.data3-tab .row:nth-child(1) .item{
    color: #fff;
}
.data3-tab .row .item:nth-child(1){
    width: 40px;
    margin-left: 18px;
    justify-content: flex-start;
}
.data3-tab .row .item:nth-child(2){
    width: 85px;
}
.data3-tab .row .item:nth-child(3){
    width: 90px;
}
.data3-tab .row .item:nth-child(4){
    width: 61px;
}
.data3-tab .row .item:nth-child(5){
    width: 61px;
}
.data3-tab .row .item:nth-child(6){
    width: 60px;
}
.data3-tab .row .item:nth-child(7){
    width:61px;
}
.data3-tab .row .item:nth-child(8){
   
    width: 72px;
}
.data3-tab .row .item:nth-child(9){
    width: 44px;
}
.data3-tab .row .item:nth-child(10){
    width: 75px;
}
.data3-tab .row .item:nth-child(11){
    width: 69px;
   
}
.data3-tab .row .item:nth-child(12){
    width: 69px;
   
}
.data3-tab .row .item:last-child{
    color: #eb5b14;
}
.data3-tab .row:nth-child(1) .item:last-child{
    color: #fff;
}
.data3-tab .row2{
    display: flex;
    align-items: center;
    padding:10px 0 10px 20px;
}
.data3-tab .row2 p{
    color: #777777;
    font-size: 12px;
    margin-right: 22px;
}

.data3-tab{
    display: none;
}
.data3-tab.on{
    display: block;
}
.data3-tab .row span{
    width: 15px;
	height: 19px;
	background-color: #f0c729;
	border-radius: 2px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
}
.data3-tab .row span:nth-child(2){
    margin-left: 5px;
	background-color: #ca2027;
}
.data3-tab:nth-child(2) .row .item:nth-child(7),
.data3-tab:nth-child(2) .row .item:nth-child(10),
.data3-tab:nth-child(2) .row .item:nth-child(13),
.data3-tab:nth-child(2) .row .item:nth-child(11),
.data3-tab:nth-child(2) .row .item:nth-child(12),
.data3-tab:nth-child(2) .row .item:nth-child(8),
.data3-tab:nth-child(4) .row .item:nth-child(8),
.data3-tab:nth-child(4) .row .item:nth-child(10),
.data3-tab:nth-child(4) .row .item:nth-child(13),
.data3-tab:nth-child(4) .row .item:nth-child(11),
.data3-tab:nth-child(4) .row .item:nth-child(12),
.data3-tab:nth-child(4) .row .item:nth-child(7),
.data3-tab:nth-child(3) .row .item:nth-child(7),
.data3-tab:nth-child(3) .row .item:nth-child(10),
.data3-tab:nth-child(3) .row .item:nth-child(13),
.data3-tab:nth-child(3) .row .item:nth-child(11),
.data3-tab:nth-child(3) .row .item:nth-child(12),
.data3-tab:nth-child(3) .row .item:nth-child(8){
    width: 58px;
}

.model-team-wrap .chart-wrap .chaet-style#leagueRateContainer{
    margin-top: 20px;
}
.medical-wrap{
    background: #5d5d5d;
}
.medical-wrap .row {
    display: flex;
    align-items: center;
}
.medical-wrap .row p{
    width: 77px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    height: 28px;
    line-height: 28px;
}
.medical-wrap .row .row2{
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #ffffff;
}
.medical-wrap .row .row2 .item{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
}
.medical-wrap .row:nth-child(2n + 1){
    background-color: rgb(132, 132, 132);
}
.medical-wrap .row:nth-child(1){
    background-color: #22222e;
}


.medical-wrap .row .row2 .item:nth-child(1){
    width: 175px;
    justify-content: flex-start;
    text-indent: 10px;
}
.medical-wrap .row .row2 .item:nth-child(2) {
    width: 150px;
}
.medical-wrap .row .row2 .item:nth-child(3) {
    width: 150px;
}
.medical-wrap .row .row2 .item:nth-child(4) {
    width: 132px;
}
.medical-wrap .row .row2 .item:nth-child(5) {
    width: 132px;
    justify-content: flex-end;
}
.medical-wrap .row .block{
    border-left: 1px solid #fff;
}
.medical-wrap .row .row2 img{
    max-width: 23px;
    max-height: 23px;
    margin-left: 10px;
}

.transfer-wrap .row{
    display: flex;
    align-items: center;
    height: 30px;
}
.transfer-wrap .row:nth-child(odd){
    background: #f2f2f2;
}
.transfer-wrap .row:nth-child(1){
    background-color: #22222e;
}
.transfer-wrap .row .item{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #333333;
}
.transfer-wrap .row:nth-child(1) .item{
    color: #fff;
}
.transfer-wrap .row .item:nth-child(1){
    margin-left: 10px;
    width: 50px;
}
.transfer-wrap .row .item:nth-child(2){
    width: 101px;
}
.transfer-wrap .row .item:nth-child(3){
    width: 200px;
}
.transfer-wrap .row .item:nth-child(4){
    width: 206px;
}
.transfer-wrap .row .item:nth-child(5){
    width: 116px;
}
.transfer-wrap .row .item:nth-child(6){
    width: 50px;
}
.transfer-wrap .row .item:nth-child(7){
    width: 103px;
}
.transfer-wrap .row .item img{
    max-height: 20px;
    max-width: 25px;
    margin-right:5px ;
}
.location {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
}
.player-index-container{
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.player-index-content{
    width: 830px;
    background: #fff;
}
.player-index{
    background: #f2f5f9;
}
.player-search{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 37px 25px 30px;
    border-bottom: 1px solid #e4e4e4;
}
.player-search-l{
    display: flex;
    align-items: center;
    justify-content: center;
}
.player-search-l p{
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}
.player-search-l select{
    background: none;
    border-radius: 2px;
	border: solid 1px #e4e4e4;
    width: 169px;
	height: 28px;
    margin-left: 16px;
    outline: none;
    text-indent: 5px;
}
.player-search-btn{
    width: 91px;
	height: 29px;
	background-color: #e70012;
	border-radius: 2px;
	border: solid 1px #e4e4e4;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    line-height: 29px;
}


.model-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
}

.model-title::before {
    content: '';
    display: block;
    width: 5px;
    height: 20px;
    background: #e70012;
    position: absolute;
    top: 21px;
    left: 0;

}

.model-title h1,.model-title h2{
    font-size: 16px;
    color: #242424;

}
.player-index-min-con{
    padding: 0 32px;
}
.player-index-min-con ul{
    display: flex;
    flex-wrap: wrap;
}
.player-index-min-con ul li{
    width: 144px;
    height: 146px;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    margin: 0 10px 19px 0;
}
.player-index-min-con ul li:nth-child(5n){
    margin: 0 0 19px 0;
}
.player-index-min-con ul li a{
    display: block;
    text-align: center;
    padding-top: 10px;
}
.player-index-min-con ul li img{
    max-width: 120px;
    max-height: 103px;
}
.player-index-min-con ul li p{
    font-size: 12px;
    text-align: center;
    margin-top: 8px;
}

.player-index-side{
    width: 340px;
    margin-left: 30px;
}
.player-index-mode-btn{
    display: flex;
    align-items: center;
    background-color: #f6f6f6;
}
.player-index-mode-btn .item{
    width: 20%;
    height: 28px;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
}
.player-index-mode-btn .item.on{
    background-color: #e70012;
    color: #fff;
}
.player-index-mode-box .row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f6f6f6;
    height: 29px;
}
.player-index-mode-box .row .item{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaaaaa;
}
.player-index-mode-box .row .item:nth-child(1){
    width: 47px;
}
.player-index-mode-box .row .item:nth-child(2){
    width: 86px;
}
.player-index-mode-box .row .item:nth-child(3){
    width: 110px;
}
.player-index-mode-box .row .item:nth-child(4){
    width: 64px;
}
.player-index-mode-con .row{
    height: 33px;
}
.player-index-mode-con .row .item{
    color: #333333;
}

.player-index-mode-con .row:nth-child(odd){
    background: #f6f6f6;
}
.player-index-mode-con{
    display: none;
}
.player-index-mode-con.on{
    display: block;
}
.player-index-model{
   
    background-color: #ffffff;
}

.pagecode{    margin: 20px 0;text-align: center;}
.pagecode a{font-size: 14px;color: #999;margin: 0 14px;line-height: 26px;}
.pagecode .current{display: inline-block;width: 26px;height: 26px;color: #fff;background: #e60012;border-radius: 26px;line-height: 26px;text-align: center;}


.zh-root{
    width: 100%;
    background: #f9f9f9;
}
.zh-root .content{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 31px;
}

.zh-contanner{
    width: 830px;
}
.zh-match{
    width: 100%;
    background-color: #ffffff;
    border: solid 1px #eeeeee;
    box-sizing: border-box;
    
}
.zh-match-title{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 22px 20px;
    border-bottom: solid 1px #eeeeee;
}
.zh-match-title h2{
    font-size: 16px;
    color: #333333;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
}
.zh-match-title h2::after{
    content: '';
    background: url(../images/zh_icon1.png) no-repeat center/15px 16px;
    width: 15px;
    height: 16px;
    margin:0 12px 0 5px ;
}
.zh-match-title span{
    font-size: 12px;
    color: #999999;
}
.zh-match-content{
    padding: 35px 31px 1px 31px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.zh-match-content .item{
    width: 74px;
    margin-bottom: 32px;
    text-align: center;
    margin-right: 41px;
}
.zh-match-content .item:nth-child(7n){
    margin-right: 0;
}
.zh-match-content .item .picbox{
    width: 74px;
	height: 74px;
	margin-bottom: 12px;
    border: solid 1px #eeeeee;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zh-match-content .item .picbox img{
    max-width: 60px;
}
.zh-match-content .item .name{
    font-size: 14px;
    color: #333333;
    width: 100%;
}
.zh-tab{
    margin-top: 12px;
    width: 100%;
    background-color: #ffffff;
    border: solid 1px #eeeeee;
    box-sizing: border-box;
}
.zh-tab-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 36px;
    border-bottom: solid 1px #eeeeee;
}
.zh-tab-nav .item{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    cursor: pointer;
}
.zh-tab-nav .item.on{
    color: #ff0010;
    position: relative;
}
.zh-tab-nav .item.on::after{
    content: '';
    width: 40px;
	height: 3px;
	background-color: #ff0010;
    border-radius: 2px;
    display: block;
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translate(-50%,0);
}
.zh-tab-content{
    box-sizing: border-box;
    padding:20px 34px ;
}
.zh-tab-nav2{
    display: flex;
    align-items: center;
    justify-content: center;
}
.zh-tab-nav2 .item{
    width: 84px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #333333;
    background: #eee;
    border-radius: 0 15px 15px 0;
    cursor: pointer;
}
.zh-tab-nav2 .item:nth-child(1){
    border-radius: 15px 0 0 15px;
}
.zh-tab-nav2 .item.on{
    background: #ff0010;
    color: #fff;
}
.zh-tab-wrap{
    margin-top: 30px;
    display: none;
    flex-wrap: wrap;
}
.zh-tab-wrap.on{
    display: flex;
}
.zh-tab-wrap .item{
    display: inline-flex;
    position: relative;
    margin:0 15px 43px 0 ;
    width: 114px;
    display: flex;
    align-items: center;
}
.zh-tab-wrap .item img{
    width: 30px;
    /*height: 17px;*/
    cursor: pointer;
}
.zh-tab-wrap .item>p,
.zh-tab-wrap .item>a{
    font-size: 12px;
    color: #4c4c4c;
    margin-left: 5px;
    cursor: pointer;
}
.zh-tab-wrap .item:nth-child(6n){
    margin:0 0 43px 0 ;
}
.zh-tips{
    position: absolute;
    bottom:-52px;
    left: 0;
    width: 760px;
    background: #fff;
    border:1px solid #438cff;
    z-index: 2;
    box-sizing: border-box;
    padding: 13px 22px;
    display: none;
}
.zh-tips a{
    font-size: 13px;
    color: #333;
    margin-right: 20px;
        word-break: keep-all;
    margin-bottom: 9px;
    display: inline-block;
}
.zh-tips a:hover{
    color: #ff0010;
}
.zh-tab-wrap .item::after{
    content: '';
    display: none;
    position: absolute;
    bottom: -16px;
    left: 16px;
    width: 0;
    height: 0;
    border: 15px solid;
    border-color: transparent transparent #438cff;
}
.zh-tab-wrap .item:hover::after{
    display: block;
}
.zh-tab-wrap .item:hover .zh-tips{
    display: block;
}
.handleClick .zh-tab-wrap:nth-child(2) .item:hover::after{
    display: none;
}
.handleClick .zh-tab-wrap:nth-child(2) .item:hover::before{
    display: none;
}
.zh-tab-wrap .item:hover::before{
    content: '';
    bottom: -12px;
    position: absolute;
    width: 100%;
    height: 30px;
    display: block;
}

.zh-tab-box{
    display: none;
}
.zh-tab-box.on{
    display: block;
}



.zh-side{
    width: 340px;
}
.zh-side-box{
    width: 100%;
    background-color: #ffffff;
	border: solid 1px #eeeeee;
}
.zh-side-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 22px;
    border-bottom: solid 1px #eeeeee;
}
.zh-side-title h2{
    font-size: 16px;
    color: #333;
    display: inline-flex;
    align-items: center;
}
.zh-side-title h2::after{
    content: '';
    width: 17px;
    height: 16px;
    display: block;
    background: url(../images/zh_icon5.png);
    margin-left: 5px;
}
.zh-side-title a{
    font-size: 14px;
    color: #999;
}
.zh-side-box .sort{
    display: flex;
    align-items: center;
    background: #f9f9f9;
    padding: 17px;
    justify-content: space-between;
} 
.zh-side-box .sort p{
    font-size: 14px;
    color: #666666;
    text-align: center;
}
/* .zh-side-box .sort p:nth-child(1){
    width: 30px;
}
.zh-side-box .sort p:nth-child(2){
    width: 222px;
}
.zh-side-box .sort p:nth-child(3){
    width: 48px;
    text-align: right;
} */
.zh-side-box ul {
    padding: 0 17px;
}
.zh-side-box ul li{
    margin-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px #eaeaea dashed;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.zh-side-box ul li p{
    width: 18px;
	height: 18px;
	background-color: #e9e9e9;
    border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 18px;
}
.zh-side-box ul li:nth-child(1) p{
    background: #ff5757;
}
.zh-side-box ul li:nth-child(2) p{
    background: #ff8657;
}
.zh-side-box ul li:nth-child(3) p{
    background: #ffca57;
}
.zh-side-box ul li .name{
    font-size: 14px;
    color: #999999;
    display: inline-flex;
    align-items: center;
}
.zh-side-box ul li .name img{
    max-width: 18px;
    margin-right: 5px;
}
.zh-side-box ul li:nth-child(1) .name{
    color: #ff5757;
}
.zh-side-box ul li:nth-child(2) .name{
    color: #ff8657;
}
.zh-side-box ul li:nth-child(3) .name{
    color: #ffca57;
}
.zh-side-box ul li span{
    font-size: 14px;
    color: #999999;
}
.zh-side-box ul li:nth-child(1) span{
    color: #ff5757;
}
.zh-side-box ul li:nth-child(2) span{
    color: #ff8657;
}
.zh-side-box ul li:nth-child(3) span{
    color: #ffca57;
}

.zh-side-box:nth-child(2){
    margin-top: 13px;
}
.zh-side-box:nth-child(3) .zh-side-title h2::after{
    background: url(../images/zh_icon3.png);
    width: 18px;
	height: 16px;
}
.zh-side-box:nth-child(1) .zh-side-title h2::after{
    display: none;
}
.location{
    width: 1200px;
    margin: 0 auto;
    padding-top:20px ;
}
.location h1 {
    font-size: 12px;
    display: inline;
    font-weight: normal;
}
.newfooter{
    margin-top:0;
}
.zh-root{
    padding-bottom: 56px;
}


.player-tab{
    height: 33px;
	background-color: #f6f6f6;
	display: flex;
	align-items: center;
}

.player-tab p{
    font-size: 12px;
    color: #aaaaaa;
    margin-left: 22px;
}

.player-tab .item{
    width: 68px;
	height: 23px;
color: #333333;
	border-radius: 6px;
	line-height: 23px;
	text-align: center;
	margin-left: 5px;
cursor: pointer;
}
.player-tab .item.on{
    	background-color: #21222d;
    	color: #fff;
}
.player-box .row2{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 21px;
    border-bottom: 1px solid #f6f6f6;
    height: 55px;
}

.player-box .row2:nth-child(1){
    height: 30px;
}


.player-box .row2 .item{
    font-size: 12px;
    color: #aaaaaa;
    display: block;
}

.player-box .row2 .item:nth-child(1){
    width: 24px;
    color: #333333;
    text-align: center;
}
.player-box .row2 .item:nth-child(2){
    width: 158px;
    margin-left: 23px;
}
.player-box .row2 .item:nth-child(3){
    width: 44px;
    color: #333333;
    text-align: center;
}
.player-box .row2 .item:nth-child(4){
    width: 44px;
    color: #d71519;
    text-align: center;
}
.player-box .row2 .item .row3{
    display: flex;
    align-items: center;
}
.player-box .row2 .item .row3 img{
    width: 17px;
	height: 17px;
    margin-right: 5px;
}
.player-box .row2 .item p{
    color: #333333;
}
.player-box .row2:nth-child(1) .item{
    color: #aaaaaa;
}
.player-box{
    display: none;
}
.player-box.on{
    display: block;
}