.crumbs{
    padding: 0;
    color: #afb0b2;
    background: none;
}
.crumbs a{
    color: #afb0b2;
}
.crumbs-wrap{
    background-color: #21222d;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.crumbs-wrap select{
    background: none;
    border: none;
    font-size: 1.4rem;
    color: #afb0b2;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    padding-left: 2.5rem;
    background: url(../images/switch.png) no-repeat left center /2rem 1.3rem;
}
.team-header{
    width: 100%;
    height: 18rem;
    border-top: 1px solid #343541;
    background: url(../images/team-header.png) no-repeat center center / 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
        padding-bottom: 2rem;
}
.team-header>img{
    border: solid 3px #86878d;
    width: 10rem;
	height: 10rem;
    border-radius: 50%;
}
.team-header .details{
    margin-left: 1.5rem;
    width: 22rem;
}
.team-header .details select{
    font-size: 2.3rem;
    color: #ffffff;
    margin-bottom: 5px;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    /* padding-left: 2.5rem;*/
    background: none;
    border: none;
    background: url(../images/switch.png) no-repeat left center /2rem 1.5rem;
    
}
.team-header .details .row1{
    display: inline-flex;
    align-items: center;
    font-size: 1.3rem;
    color: #9396a4;
}
.team-header .details .row1 span:nth-child(1){
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}
.team-header .details .row1 span:nth-child(1)::after{
    content: '';
    width: 1px;
	height: 12px;
	background-color: #9396a4;
	opacity: 0.2;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
}
.team-header .details  .row2{
    display: inline-flex;
    align-items: center;
    margin-top: 15px;
}
.team-header .details  .row2 .block:nth-child(1){
    margin-right: 20px;
}
.team-header .details  .row2 .row3{
    display: inline-flex;
    align-items: center;
    font-size: 1.6rem;
}
.team-header .details  .row2 .row3 span.win{
    color: #e2574f;
}
.team-header .details  .row2 .row3 span.pin{
    color: #a6b2be;
}
.team-header .details  .row2 .row3 span.lose{
    color: #2fcc87;
}
.team-header .details  .row2 p{
    color: #9396a4;
    font-size: 1.2rem;
    margin-top: 3px;
}
.team-nav{
    background: #fff;
    border-bottom: 2px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content:space-between;
    border-radius: 18px 18px 0 0;
    margin-top: -18px;
    box-sizing: border-box;
    padding:0 3rem;
}
.team-nav a{
    height: 40px;
    line-height: 40px;
    color: #333333;
    font-size: 16px;
    box-sizing: border-box;
}
.team-nav a.on{
    border-bottom: 2px solid #d71318;
}
.introduction-tab{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.introduction-tab .item{
    width: 10rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    border-radius: 1.5rem;
    background-color: #f3f3f3;
    margin: 0 10px;
    color: #999999;
    font-size: 14px;
}
.introduction-tab .item.on{
    background-color: #d71318;
    color: #fff;
}
.basic-wrap{
    margin-top: 15px;
}
.basic-title{
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
}
.basic-title::before{
    content: '';
    width: 5px;
    height: 14px;
    background: #d71318;
    margin-right: 5px;
}
.basic-wrap .basic{
    box-sizing: border-box;
    padding: 0 1.2rem;
}
.basic-wrap .basic .row1{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 1.5rem 0;
}
.basic-wrap .basic .row1 p{
    font-size: 14px;
    color: #a1a1a1;
    /* margin-right: 10px; */
    width: 80px;
}
.basic-wrap .basic .row1>span{
    flex: 1;
}
.basic-wrap .basic .row1 a{
    color: #0066c0;
}
.basic-wrap .basic .row1 .block{
    flex: 1;
}
.basic-wrap .basic .row2{
    align-items: flex-start;
}
.basic-wrap .basic .row1 .block a{
    display: inline-block;
    margin-right: 10px;
}
.basic-wrap .basic .row1 .block img{
    width: 100%;
    margin-top: 10px;
}
.basic-wrap .basic .row1:last-child{
    border: none;
}
.honor-wrap{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 5px solid #f2f4f8;
}
.honor-list{
    margin-top: 10px;
    box-sizing: border-box;
    padding: 0 1.2rem;
    display:flex;
    flex-wrap: wrap;
}
.honor-list .item{
    width: 17rem;
    height: 5.4rem;
	background-color: #f2f4f8;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 1rem;
    margin:0 1rem 1rem 0
}
.honor-list .item:nth-child(2n){
    margin:0 0 1rem 0
}
.honor-list .item img{
    width: 3.2rem;
	height: 4.1rem;
    margin-right: .8rem;
}
.honor-list .item .details{
    width: 100%;
}
.honor-list .item .title{
    font-size: 14px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    width: 12rem;
}
.honor-list .item .number{
    color: #777777;
    font-size: 12px;
}

.text-content,
.record-wrap,
.news-wrap{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 5px solid #f2f4f8;
    display: none;
}
.text-content{
    border: none;
    padding: 0;
}
.introduction-content{
    box-sizing: border-box;
    padding: 0 1.2rem;
    margin-top: 10px;
    font-size: 1.6rem;
    color: #333333;
    line-height: 1.8;
}
.introduction-content p{
    margin-bottom: 8px;
}
.record{
    box-sizing: border-box;
    padding: 0 1.2rem;
    margin-top: 10px;
    
}
.record .row1{
    display: flex;
    align-items: center;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    padding: 8px 0;
}
.record .row1 span{
    color: #a1a1a1;
}
.record .row1 p{
    flex: 1;
    color: #333333;
}
.feeds{
    padding: 0 10px;
    box-sizing: border-box;
}
.Schedule{
    margin-top: 13px;
}
.basic-title .block{
    font-size: 14px;
    color: #999999;
    margin-left: 15px;
    font-weight: normal;
}
.statistics-tab{
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content:center
}
.statistics-tab .item{
    width: 7.5rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    border-radius: 1.5rem;
    background-color: #f3f3f3;
    margin: 0 10px;
    color: #999999;
    font-size: 14px;
}
.statistics-tab .item.on{
    background-color: #d71318;
    color: #fff;
}

.chart-row{
    display: none;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    position: relative;
    padding-bottom: 8rem;
}
.chart-row.on{
    display: flex;
}
.chart-box{
    background: no-repeat 50%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
    font-size: 12px;
    color: #f65e53;
    width: 8rem;
    height: 8rem;
    /* background: #0066c0; */
    border-radius: 50%;
    margin:0 1.5rem;
}
.chart-box p{
    padding-top: 2rem;
    font-size: 16px;
    font-weight: bold;
}

.chart-box span{
    margin-top: .5rem;
    font-size: 12px;
    color: #cccccc;
}
.chart-box .chart {
    width: 8rem;
    height: 8rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 50%;
}
.chart-box .name{
    position: absolute;
    bottom: -2rem;
    left: 50%;
    transform: translate(-50%,0);
    font-size: 14px;
    color: #f65e53;
}
.chart-box.ping .name,
.chart-box.ping{
    color: #a6b2be;
}
.chart-box.loser .name,
.chart-box.loser{
    color: #2fcc86;

}
.fieldNumber{
    color: #333333;
    font-size: 14px;
    margin-top: 3.5rem;
    text-align: center;
    /* margin-bottom: 2rem; */
    position: absolute;
    left: 0;
    bottom: 2rem;
    width: 100%;
}
.schedule-list .time{
    height: 40px;
    line-height: 40px;
	background-color: #f5f6f8;
    text-align: center;
    font-size: 14px;
    color: #333333;
}
.schedule-list .item{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 10px 1.2rem;
    border-bottom: 1px solid #eee;
}
.schedule-list .item:last-child{
    border:none;
}
.schedule-list .item .block{
    width: 7.5rem;
    font-size: 12px;
}
.schedule-list .item .block p{
    color: #333333;
}
.schedule-list .item .block span{
    color: #aaaaaa;
}
.schedule-list .item .teamLogo{
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 .5rem;
}
.schedule-list .item .teamName{
    font-size: 12px;
    width:7rem;
    text-align: right;
}
.schedule-list .item .teamName2{
    text-align: left;
}
.schedule-list .item .score{
    padding: 0 5px;
    background: #a6b2be;
    color: #fff;
    
}
.schedule-list .item .score.w{
    background-color: #f65e53;
}
.schedule-list .item .score.l{
     background-color: #2dbb7d;
}
.schedule-list .item .state{
    display: inline-flex;
    align-items: center;
}
.schedule-list .item .state span{
    color: #fff;
    padding: 0 2px;
    margin-right: 5px;
    
}
.schedule-list .item .state span.win{
    background-color: #f65e53;
}
.schedule-list .item .state span.loser{
    background-color: #2dbb7d;
}
.schedule-list .item .state span.zou{
    background: #a6b2be;
}
.screen-wrap{
    display: flex;
    align-items: center;
    justify-content:space-between;
    background: #fff;
    line-height: 45px;
    position: fixed;
    bottom: 0;
    left:0;
    right: 0;
    box-shadow: 0rem -0.1rem 0rem 0rem#eeeeee;
    z-index:998;
}
.screen-wrap .item{
    width: 33.3%;
    position: relative;
}
.screen-wrap .item select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    margin: 0 auto;
    text-align: center;
    text-align-last: center;
    font-size: 14px;
    text-align: center;
    display: flex;
    align-items: center;

justify-content: center;
}
.screen-wrap .item:nth-child(2):after,
.screen-wrap .item:nth-child(1):after{
    content: '';
    width: 1.5rem;
    height: 1rem;
    display: block;
    position: absolute;
    top: 50%;
    right: 1.3rem;
    background: url(../images/switch2.png) no-repeat center;
    background-size:cover;
    transform: translate(0,-50%);
}
.screen-wrap .item:nth-child(3){
    border-left: 1px solid #eee;
   display: flex;
   align-items: center;
   justify-content: center
}
.screen-wrap .item:nth-child(3) img{
    width: 1.3rem;
    margin-right: .5rem;
}

.wd_popup {
    position: absolute;
    z-index: 1001;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.wd_popup.animate{
    opacity: 1;
    visibility: visible;
    transform: none;
}
.wd_popup .title44 {
    height: 50px;
    line-height: 50px;
    position: relative;
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid #eee ;
}

.wd_popup .close_btn_gray {
    left: 0;
    top: 3px;
}
.close_btn, .close_btn_gray, .close_btn_white {
    position: absolute;
    top: 30px;
    width: 44px;
    height: 44px;
    left: 0;
    background: url(../images/close_btn_gray.png) 0 0/cover no-repeat;
}

.close_btn_gray {
    top: 0;
    
}
.wd_popup .close_btn_gray {
    left: 0;
    top: 3px;
}


.wd_matchFilter {
    padding-top: 10px;
    padding-bottom: 10px;
}
.wd_matchFilter li {
    position: relative;
    padding-left: 65px;
    font-size: 15px;
    color: #464646;
}
.wd_matchFilter span {
    position: absolute;
    left: 0;
    top: 4px;
    width: 65px;
    text-align: center;
}
.wd_matchFilter div {
    font-size: 0;
}
.wd_matchFilter div a {
    display: inline-block;
    width: 80px;
    height: 32px;
    line-height: 32px;
    background: #f6f6f6;
    border-radius: 32px;
    text-align: center;
    font-size: 13px;
    color: #666;
    margin: 8px 8px 7px 0;
}

.wd_matchFilter div a:first-child {
    margin-left: 0;
}
.wd_matchFilter div a.active {
    background: #f1f7ff;
    color: #0f88eb;
}
.border {
    position: relative;
}
.wd_popup_btn_group {
    display: flex;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    border-top: 1px solid #eee ;
}
.orange {
    flex: 1;
    text-align: center;
    line-height: 50px;
    color: #333;
}
.orange {
    color: #d71318;
}
.shadow{
    display: none;
    background: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
}
.fadeInBottomBefore, .matchSelPopup, .popupPay, .wd_allReply_pop, .wd_popup, .wd_popup_auto, .wd_seasonSel.bottom {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all .3s ease;
}
.team-data-wrap{
    margin-top: 1.8rem;
}
.data-statistics-list{
    margin-top: 1.5rem;
    box-sizing: border-box;
    padding: 0 1.5rem;
}
.data-statistics-list .row1{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f5f6f8;
    height: 35px;
}
.data-statistics-list .row1:nth-child(2n){
    background: none;
}
.data-statistics-list .row1 .item:nth-child(1){
    width: 7.057em;
}
.data-statistics-list .row1 .item:nth-child(2){
    width: 5em;
}
.data-statistics-list .row1 .item:nth-child(3){
    width: 4.6em;
}
.data-statistics-list .row1 .item:nth-child(4){
    width: 4.6em;
}
.data-statistics-list .row1 .item:nth-child(5){
    width: 4.6em;
}
.data-statistics-list .row1 .item:nth-child(6){
    width: 12.68em;
}
.data-statistics-list .row1 .item:nth-child(7){
    width: 9.457em;
}
.data-statistics-list .row1 .item{
    font-size: 14px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
}
.data-statistics-list .row1 .item .win{
    background: #f65e53;
}
.data-statistics-list .row1 .item .ping{
    background: #2fcc87;
}
.data-statistics-list .row1 .item .loser{
    background: #a6b2be;
}
.data-statistics-list .row1 .item span{
    padding: 0 .2rem;
    color: #fff;
    margin-right: .28rem;
    font-size: 12px;
}
.data-statistics-list .row1 .item span:last-child{
    margin: 0;
}

.corner-data-wrap ,
.goal-wrap{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 5px solid #f2f4f8;
}


.corner-data-wrap .row2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0  3.214rem;
    margin-top: 10px;
}
.corner-data-wrap .row2 img{
    width: 5.286rem;
}
.corner-data-wrap .row2 .corner{
    width: 8.357rem;
    text-align: center;
}
.corner-data-wrap .row2 .corner span{
    font-weight: bold;
    font-size: 20px;
}
.corner-data-wrap .row2 .corner p{
    font-size: 12px;
    color: #999999;
}
.progress-wrap{
    width: 14rem;
}
.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:0 0 0 5px;
}
.number-wrap .number{
    font-size: 12px;
    color: #333333;
    margin-bottom: 10px;
}
.number-wrap .number:last-child{
    margin-bottom: 0;
}


.goal-tab{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.goal-tab .item{
    width: 10rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    border-radius: 1.5rem;
    background-color: #f3f3f3;
    margin: 0 10px;
    color: #999999;
    font-size: 14px;
}
.goal-tab .item.on{
    background-color: #d71318;
    color: #fff;
}





.goal-content{
    margin-top: 30px;
    display: none;
    padding: 0 1.7rem 2.5rem;
}
.goal-content.on{
    display: block;
}
.goal-content .row0{
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    
    margin: 0;
}
.goal-content .row0 .block{
    text-align: center;
}
.goal-content .row0 .block span{
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}
.goal-content .row0 .block p{
    font-size: 12px;
    color: #999999;
}
.goal-content .row0 .block:nth-child(1){
    text-align: left;
}
.goal-content .row0 .block:nth-child(3){
    text-align: right;
}
.goal-content .row2{
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 10px auto 0;
    border: 1px solid #626262;
    
}
.goal-content .row2 .item{
    width: 4.42%;
	height: 6.5rem;
    line-height: 6.5rem;
    text-align: center;
    background-color: #2a2d33;
    font-size: 12px;
    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: -2.8rem;
}
.goal-content .row2 .scale i{
    display: block;
    width: 0px;
	height: 11.357rem;
	border-left: dashed 1px #999999;
    margin: 0 auto;
}
.goal-content .row2 .scale p{
    font-size: 12px;

    color: #333333;
}
.goal-content .row2 .scale1{
    left: 13.6%;
}
.goal-content .row2 .scale2{
    
    left: 29.5%;

}
.goal-content .row2 .scale3{
    left: 65.5%;

}
.goal-content .row2 .scale4{
    left: 81.5%;
}


.goal-content .row3{
        display: flex;
    align-items: center;
   
    margin: 45px 0 0;
   
    
}
.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;
}


.lineup-wrap{
    margin-top: 15px;
    padding-bottom:2.5rem ;
}


.coach-wrap{
    margin-top: 10px;
    background: #fff;
}
.coach-wrap .row,
.member-wrap .row1{
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #999999;
    background: #f5f6f8;
    box-sizing: border-box;
    padding: 0 1.37rem;
    margin: 0;
}
.coach-wrap .row .item,
.member-wrap .row1{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;

}
.coach-wrap .row .item:nth-child(1){
    width: 8.93rem;
    box-sizing: border-box;
    
    justify-content: flex-start;
}
.coach-wrap .row .item:nth-child(2){
    width: 9.9rem;
}
.coach-wrap .row .item:nth-child(3){
    width: 6.8rem;
}
.coach-wrap .row .item:nth-child(4){
    width: 9.3rem;
}
.coach-wrap .row .item:nth-child(5){
    width: 8.5rem;
}

.coach-wrap .row2 .item{
    color: #333333;
    
}
.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;
}
.coach-wrap .row2{
    background: none;
}
.member-wrap{
    
}
.member-wrap .row2{
    background: none;
    border-bottom: 1px solid #eee;
}
.member-wrap .row1 .item:nth-child(1){
    width: 4.7rem;
}
.member-wrap .row1 .item:nth-child(2){
    width: 14.6rem;
}
.member-wrap .row1 .item:nth-child(3){
    width: 9.25rem;
}
.member-wrap .row1 .item:nth-child(4){
    width: 7.313rem;
}
.member-wrap .row1 .item:nth-child(5){
    width: 9rem;
}
.member-wrap .row1 .item{
    text-align: center;
}

.member-wrap .row2 .item{
    color: #333333;
}
.transfer-selection{
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.transfer-selection::after{
    content: '';
    width: 1.5rem;
	height: 1.038rem;
    display: block;
    background: url(../images/switch4.png) no-repeat center;
    background-size: cover;
    
}
.transfer-selection select{
    outline: none;
    border: none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline: none;
    -webkit-appearance: none;
    background: none;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
.transfer-tab{
    margin-top: 15px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
}
.transfer-tab .item{
    width: 10rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    border-radius: 1.5rem;
    background-color: #f3f3f3;
    margin: 0 10px;
    color: #999999;
    font-size: 14px;
}
.transfer-tab .item.on{
    background-color: #d71318;
    color: #fff;
}
.transfer-box{
    margin-top: 15px;
    display: none;
}
.transfer-box.on{
    display: block;
}
.transfer-box .row1{
    background: #f5f6f8;
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
}
.transfer-box .row1 .item{
    color: #333333;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.transfer-box .row1 .item:nth-child(1){
    width: 18.6rem;
}
.transfer-box .row1 .item:nth-child(2){
    width: 15.3rem;
}
.transfer-box .row1 .item:nth-child(3){
    width: 13.8rem;
}
.transfer-box .row2{
    background: none;
    border-bottom: 1px solid #eee;
}
.transfer-box .row1 .pic{
    width: 3.125rem;
	height: 3.75rem;
    margin-right: .9rem;

}

.transfer-box .row1 .item p{
    font-size: 12px;
    color: #333;
    font-weight: bold;
    width: 9rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    padding-top: .5rem;
}
.transfer-box .row1 .row3{
    display: inline-flex;
    align-items: center;
}
.transfer-box .row1 .row3 img{
    width: 1.8rem;
	height: 1.588rem;
    margin-right: 5px;
}
.transfer-box .row1 .row3 span{
    font-size: 12px;
    color: #999999;
}
.transfer-box .row1 .item .pic2{
    width: 1.5rem;
    margin-right: 5px;
}
.transfer-foot{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    padding-right: 3.5rem;
    background-color: #f5f6f8;
    height: 40px;
}
.transfer-foot .block{
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
}
.transfer-foot .block img{
    margin-right: 5px;
}


.court-box{
    width: 100%;
    padding: 1.2rem 1.5rem;
}
.court-box img{
    width: 100%;
    height: 23.563rem;
}
.court-box .swiper-button-next,
.court-box .swiper-button-prev{
    width: 5rem;
	height: 5rem;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    outline: none;
}
.court-box .swiper-button-next::after,
.court-box .swiper-button-prev::after{
    color: #fff;
    font-size: 2.25rem;
}
.court-info{
    margin-top: 10px;
}
.court-info-wrap{
    box-sizing: border-box;
    padding: 1.5rem;
}
.court-info-wrap .row1{
    display: flex;
    align-items: center;
    padding: 1.5rem 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}
.court-info-wrap .row1 p{
    color: #a1a1a1;
    
    width: 8rem;
}
.court-info-wrap .row1 .item{
    display: inline-flex;
    align-items: center;
}
.court-info-wrap .row1 .item a{
    width: 5.5rem;
	height: 5.5rem;
	border: solid 1px #eeeeee;
    margin-right: .5rem;
    padding: .5rem ;
    box-sizing: border-box;
}
.court-info-wrap .row1 .item a:last-child{
    margin: 0;
}
.court-brief-content{
    font-size: 14px;
    color: #333333;
    box-sizing: border-box;
    padding: 0 1.5rem;
    margin-top: 10px;
    line-height: 1.8;
}
.court-brief-content p{
    margin-bottom: 8px;
}
.court-brief,
.court-other{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 5px solid #f2f4f8;
}
.court-othe-list{
    margin-top: 10px;
    box-sizing: border-box;
    padding: 0 1.5rem;
}

.court-othe-list .item{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}
.court-othe-list .item img{
    width: 13.375rem;
	height: 7.813rem;
}
.court-othe-list .item .title{
    width: 19.5rem;
    color: #333333;
    font-weight: bold;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    margin-bottom: 1.5rem;
}
.court-othe-list .item p,
.court-othe-list .item span{
    color: #777777;
    font-size: 12px;
}
.court-other{
    padding-bottom: 2.5rem;
}