/*=========content============*/
@charset "utf-8";
.mask-layer{
    position: fixed;
    background: rgba(9,9,9,.01);
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
}
.y_search_iptWrapper{
    width: 425px;
    height: 80px;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
    background: #2FA570;
    float: right;
}
.ipt_wrapper{
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    -ms-transform: skew(20deg);
    transform: skew(20deg);
    height: 50px;
    width: 380px;
    margin-left: 20px;
    margin-top: 15px;
}
.green-btn{
    display: inline-block;
    width: 165px;
    height: 40px;
    border-radius: 50px;
    line-height: 40px;
    text-align: center;
    background: #2FA570;
    color: #fff;
}
.grey-btn{
    display: inline-block;
    width: 165px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #999;
    border-radius: 50px;
    color: #fff;
}
.y_float_left{
    float: left;
}
.y_float_right{
    float: right;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.y_project .province li.active{
    background-color: #2fa570;
    color: white;
}
.y_project .city{
    max-width: 520px;
    /*padding: 10px 15px;*/
    background-color: #F5F9F8;
}
.province-width-520{
    max-width: 520px;
}
.y_project .city li{
    display: inline-block;
    font-size: 12px;
    margin: 5px 10px;
    color: #9A9A9A;
    cursor: pointer;
}
.y_project .city li.active{
    color: #2fa570;
}
.m_search_h .y_project .m_s_content{
    width: inherit !important;
}
.zindex_0{
    position: relative;
    z-index: 0;
}
.y_search_iptWrapper .y_search_select{
    display: block;
    width: 68px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    margin-top: 10px;
    text-align: center;
    position: relative;
}
.y_search_iptWrapper .y_search_select.active{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #fff;
    color: #2FA570;
}
.y_search_iptWrapper .y_search_select i{
    font-size: 16px;
    margin-left: 2px;
    font-weight: bold;
}
.y_search_iptWrapper .y_search_select:hover{
    cursor: pointer;
}
.y_search_iptWrapper .y_search_select .y_select_option_wrap{
    position: absolute;
    left:0;
    width: 110px;
    top: 100%;
    background: #fff;
    padding: 5px;
    border-radius: 3px;
    border-top-left-radius: 0;
    box-shadow: 1px 2px 2px #666;
    display: none;
}
.y_project{
    position: relative;
    z-index: 1;
}
.y_search_select .y_select_option_wrap li{
    width: 100px;
    height: 27px;
    text-align: left;
    line-height: 27px;
    color: #000;
    border-radius: 2px;
    padding:0 5px;
    box-sizing: border-box;
}
.y_select_option_wrap li:hover{
    background: #2FA570;
    color: #fff;
}
.y_search_iptWrapper .y_search_ipt{
    display: block;
    height:100%;
    border:none;
    outline:none;
    width: 220px;
    margin:0 10px;
    background: none;
    color: #fff;
    font-size: 14px;
}
.y_search_iptWrapper input:-ms-input-placeholder{
    color: #fff;
}
.y_search_iptWrapper input::-webkit-input-placeholder{
    color: #fff;
}
.y_search_iptWrapper input::-moz-input-placeholder{
    color: #fff;
}
.y_search_iptWrapper .y_search_icon{
    height:100%;
    line-height: 50px;
    font-size: 35px;
    color: #fff;
}
.y_search_iptWrapper .y_search_icon:hover{
    cursor: pointer;
}
.y_content{
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.y_content .time_line_top{
    border-top:1px solid #ccc;
    margin-top: 38px;
    position: relative;
}
.y_refresh{
    width: 38px;
    height:38px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    margin-top: -19px;
    left: 50%;
    margin-left: -19px;
    background: #000;
    z-index:11;
}
.y_refresh a{
    color: #fff;
    display: block;
    height:100%;
    width: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    line-height: 38px;
    background: url("/fonts/refresh.png") center center no-repeat;
    background-size: 20px 20px;
}
.y_news_li{
    height: 188px;
    padding-top: 85px;
    position: relative;
    list-style:none;
}
.y_news_li .y_news_wrap{
    width: 650px;
    height:105px;
    position: relative;
    bottom: 0;
    box-sizing: border-box;
}
.y_news_li .y_news_wrap:hover{
    cursor: pointer;
    box-shadow: 0 0 0 2px #2FA570 inset;
    z-index: 11;
}
.y_news_li .y_news_timeline{
    border-left: 1px solid #ccc;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 8;
}
.y_news_li .y_news_timeline i{
    position: absolute;
    display: block;
    height: 17px;
    width: 17px;
    border: 1px solid #ccc;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    z-index: 11;
    margin-left: -9px;
    bottom: 43px;
}
.y_news_date{
    position: relative;
}
.y_news_date .is_top{
    position: absolute;
    bottom: 100%;
    right: 34px;
    font-size: 12px;
    border: 1px solid #27a76d;
    border-radius: 5px;
    padding: 0 6px;
    color: #27a76d;
    line-height: 16px;
}
.y_news_date .y_year{
    font-size: 12px;
    color: #999;
}
.y_news_date .y_date{
    font-size: 16px;
    color: #999;
}
.y_news_date{
    margin-top: 30px;
    width: 105px;
    float: right;
    text-align: center;
}
.y_news_info{
    width: 540px;
    float: right;
}
.y_news_li:nth-child(2n+1) .y_news_wrap{
    float: right;
}
.y_news_li:nth-child(2n) .y_news_info,.y_news_li:nth-child(2n) .y_news_date{
    float: left;
}
.y_news_info .y_news_img,.y_news_info .y_news_info_con{
    float: left;
    margin-top: 7px;
}
.y_news_li:nth-child(2n) .y_news_info .y_news_img,.y_news_li:nth-child(2n) .y_news_info .y_news_info_con{
    float: right;
}
.y_news_img{
    width: 130px;
    height: 90px;
    float: left;
    margin: 0 18px;
    background: #eee;
}
.y_news_img img{
    display: block;
    height:100%;
    width: 100%;
}
.y_news_info_con{
    max-width: 340px;
}
.y_news_info_con h3{
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.y_news_info_con h3 span.y_red{
    color: #f00;
}
.y_news_info_con h3 span.y_green{
    color: green;
}
.y_news_info_con p{
    color: #999;
}
.y_news_info_con p a{
    color: inherit;
    font-size: 12px;
    margin: 0 4px;
}
.y_icon_arrow{
    font-size: 12px;
    text-align: center;
    line-height: 15px;
}
.y_news_li .y_news_wrap:hover + .y_news_timeline i{
    background: #2FA570;
    color: #fff;
}
.y_news_li .y_news_wrap:hover .y_date{
    color: #1d1d1d;
}
.y_news_li .y_news_wrap:hover .y_year{
    color: #1d1d1d;
}
.y_news_li .y_news_wrap:hover + .y_news_timeline i:before{
    content: "\e65f";
}
.y_news_li:nth-child(2n) .y_news_timeline i{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.y_loading{
    text-align: center;
}
.y_loading_img{
    position: relative;
}
.y_loading_img img{
    display: block;
    height:36px;
    width: 36px;
    position: relative;
    left:50%;
    margin-left: -18px;
    margin-top: 40px;
}
.y_news_info_con i{
    margin-right: 2px;
    font-size: 14px;
}
.y_loading_info{
    width: 200px;
    text-align: center;
    position: relative;
    left: 50%;
    margin-left: -100px;
    margin-top: 50px;
}
.y_top{
    width: 100%;
    position: relative;
}
.y_to_top{
    height: 50px;
    width: 50px;
    background: #000;
    position: fixed;
    right: 5px;
    bottom: 100px;
    color: #fff;
}
.y_to_top:hover{
    cursor: pointer;
}
.y_to_top div,.y_to_top p{
    width: 100%;
    text-align: center;
}
.y_to_top div{
    font-size: 20px;
}
.y_nothing{
    width: 100%;
    height: 300px;
    text-align: center;
    line-height: 300px;
}
/*========抽签==========*/
.draw{
    width: 100%;
    background: #f1f1f1;
}
.draw .y_sortilege_top{
    width: 1100px;
    margin: 0 auto;
    height: 673px;
    position: relative;
}
.draw .y_title{
    margin: 0 auto;
    height: 30px;
    font-size: 30px;
    color: #1d1d1d;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    max-width: 800px;
    display: inline-block;
}
.draw .y_title_wrapper{
    height:235px;
    position: relative;
    border-bottom: 1px solid #666;
}
.draw .y_title_wrapper .tips{
    position: fixed;
    width: 500px;
    height:50px;
    line-height: 50px;
    border-radius: 10px;
    background: #666;
    text-align: center;
    top: 120px;
    left: 50%;
    margin-left: -250px;
    z-index: 99;
    font-size: 20px;
    color: #fff;
    display: none;
}
.draw .y_title_wrapper .y_title_wrap{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height:30px;
}
.draw .y_title{
    padding: 2px 5px;
}
.draw .y_title_wrap i{
    display: inline-block;
    height: 30px;
    width: 90px;
    vertical-align: top;
}
.draw .y_title_left{
    background: url("/images/icons/league/title_left.png") center center no-repeat;
}
.draw .y_title_right{
    background: url("/images/icons/league/title_right.png") center center no-repeat;
}
.draw .y_choose_title i{
    display: inline-block;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    transform: skew(-25deg);
    height: 14px;
    vertical-align: middle;
    margin-right: 2px;
}
.draw .y_choose_title .y_skew_blue{
    width: 3px;
    background: #2FA570;
}
.draw .y_choose_title .y_skew_black{
    width: 2px;
    background: #1D1D1D;
}
.draw .y_choose_title span{
    font-size: 12px;
    font-weight: bold;
    margin-left: 4px;
}
.draw .y_choose_title{
    position: absolute;
    left: 0;
    bottom: 8px;
    text-align: left;
}
.draw .y_choose_cancel{
    font-size: 12px;
    color: #f00;
    position: absolute;
    right: 5px;
    bottom: 8px;
}
.draw .y_choose_cancel:hover{
    cursor: pointer;
}
.draw .y_choose_cancel i{
    display: inline-block;
    height:13px;
    width: 13px;
    background: url("/images/icons/league/cancel.png") center no-repeat;
    background-size: 100% 100%;
    vertical-align: text-top;
    margin-right: 2px;
}
.y_teams{
    height:279px;
    width: 100%;
    overflow: hidden;
    margin-top: 35px;
    padding-top: 5px;
    box-sizing: border-box;
}
.y_teams .y_team_ul{
    clear: both;
    height: 274px;
}
.y_teams li{
    width: 110px;
    height: 113px;
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
    color: #999;
    font-size: 12px;
    margin-bottom: 24px;
}
.y_teams li .team_img_wrapper{
    height:90px;
    width: 90px;
    margin-bottom: 6px;
    position: relative;
}
.y_teams li .team_img_wrap{
    height:90px;
    width: 90px;
    overflow: hidden;
    border-radius: 100%;
}
.y_teams li.active .team_img_wrap{
    box-shadow: 0 0 0 4px  #2FA570;
}
.y_teams li.active .team_name{
    color: #2FA570;
}
.y_teams li.active .team_img_wrapper:after{
    content: '';
    display: block;
    height:33px;
    width: 33px;
    background: url("/images/icons/league/draw_selected.png") center no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
}
.y_teams li img{
    width: 90px;
    height:90px;
    display: block;
    background: #ccc;
}
.y_teams li.isTrue:hover{
    cursor: pointer;
}
.y_teams li .team_name{
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.y_teams .team_cover{
    position: absolute;
    height:100%;
    width: 100%;
    text-align: center;
    line-height: 90px;
    z-index: 1;
    background: rgba(0,0,0,.3);
    left:0;
    top:0;
    border-radius: 100%;
    color: #fff;
    display: none;
}
.y_teams li.isFalse .team_cover{
    display: block;
}
.y_draw_btn{
    width: 500px;
    height: 68px;
    background: url("/images/icons/league/blue_bg.png") center no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -250px;
    bottom: -34px;
}
.y_draw_btn.finish{
    background: url("/images/icons/league/grey_bg.png") center no-repeat;
}
.y_draw_btn .selected_team{
    position: absolute;
    width: 443px;
    height: 349px;
    left: 50%;
    margin-left: -221px;
    top: 0;
    margin-top: -165px;
    background: url("/images/icons/league/get_team.png") center no-repeat;
    z-index: 99;
    display: none;
}

.y_draw_btn .selected_team .selected_title{
    height: 70px;
    text-align: center;
    position: absolute;
    top: 70px;
    width: 100%;
    color: #fff;
    font-size: 26px;
    line-height: 70px;
}
.selected_team .get_team_img{
    width: 70px;
    height: 70px;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: 70px;
    display: none;
}

.selected_team .get_team_img img{
    display: block;
    width: 100%;
    height:100%;
    background: #ccc;
}
.selected_team .draw_team_num{
    position: absolute;
    display: block;
    text-align: center;
    font-size: 86px;
    width: 100%;
    top: 175px;
    color: #1d1d1d;
    height: 67px;
    line-height: 67px;
    overflow: hidden;
}
.selected_team .draw_team_num span{
    position: relative;
    top: 0;
}
.y_draw_btn button{
    display: block;
    width: 186px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    height: 100%;
    line-height: 68px;
    float: left;
}
.y_draw_btn .y_draw_switch{
    width: 128px;
    height:148px;
    text-align: center;
    float: left;
    background: url("/images/icons/league/six.png");
    position: relative;
    bottom: 37px;
    color: #1d1d1d;
}
.y_draw_btn.finish .y_draw_switch{
    background: url("/images/icons/league/draw_grey.png") center no-repeat;
    color: #fff;
}
.y_draw_switch .icon{
    font-size: 40px;
}
.y_draw_switch p{
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
}
.y_draw_btn .y_draw_switch .y_draw_arrow{
    position: absolute;
    height:25px;
    width: 52px;
    bottom: -20px;
    left: 50%;
    margin-left: -26px;
    background: url("/images/icons/league/draw_arrow.png") center no-repeat;
}
.container.y_team_match,.container.y_league_match{
    width: 100% !important;
    background: #fff;
}
.y_team_match,.y_league_match{
    padding-top: 110px;
}
.y_team_match .team_match_wrap,.y_league_match .league_match_wrap,.schedule_content{
    width: 1100px !important;
    margin: 0 auto;
}
.y_team_match .team_match_wrap .team_match_list{
    float: left;
    width: 350px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 25px;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 15px;
}
.y_team_match .team_match_wrap .team_match_list:nth-child(3n){
    margin-right: 0;
}
.y_team_match .match_group{
    width: 143px;
    height:39px;
    margin: 0 auto;
    text-align: center;
    background: url("/images/icons/league/group.png") center no-repeat;
    line-height: 39px;
    color: #1d1d1d;
}
.y_team_match .match_group.finish{
    background: url("/images/icons/league/groupFinish.png") center no-repeat;
    color: #fff;
}
.wrapper-shadow{
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.15);
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.15);
    padding: 15px 0 15px 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}
.flex1{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flex2{
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
.flex3{
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}
.flex4{
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
}
.flex5{
    -webkit-box-flex: 5;
    -moz-box-flex: 5;
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
}
.flex6{
    -webkit-box-flex: 6;
    -moz-box-flex: 6;
    -webkit-flex: 6;
    -ms-flex: 6;
    flex: 6;
}
.el-clamp{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.el-clamp2{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.el-clamp3{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.el-hide-clamp{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.el-hide-clamp2{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.el-hide-clamp3{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.team_match_list li{
    width: 307px;
    height:61px;
    border-bottom: 1px dashed #999;
    color: #666;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    padding: 5px 0;
}
.team_match_list .match_team_logo{
    width: 50px;
    height:50px;
    border-radius: 100%;
    overflow: hidden;
}
.team_match_list .match_team_logo img{
    display: block;
    height:100%;
    width: 100%;
    background: url("/images/icons/league/team_no.png") center no-repeat;
}
.team_match_list .match_team_name{
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 50px;
    margin-left: 4px;
    font-size: 12px;
    color: #666;
}
.team_match_list .match_team_num{
    display: block;
    width: 20px;
    line-height: 50px;
}
.team_match_list .match_team_cancel{
    font-size: 18px;
    font-weight: bold;
    margin-top: 18px;
    width: 18px;
    height: 18px;
    color: #1d1d1d;
    transform: rotate(45deg);
    display: none;
}
.team_match_list li:hover{
    cursor: pointer;
}
.team_match_list li:hover .match_team_cancel{
    display: block;
}
/*.team_match_list li:hover .match_team_num{*/
    /*display: none;*/
/*}*/
.team_match_list li:hover .match_team_name{
    color: #1d1d1d;
    font-weight: bold;
}
.league_match_slide{
    width: 100%;
    height: 75px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
}
.league_match_slide .league_prev,.league_match_slide .league_next{
    font-size: 30px;
    display: block;
    height: 20px;
    width: 20px;
    margin-top: 24px;
    color: #666;
}
.league_match_slide .league_slide_wrap{
    flex:1;
    max-width: 1040px;
    overflow: hidden;
    position: relative;
}
.league_slide_wrap .league_timeline{
    width: 65px;
    height:75px;
    float: left;
    position: relative;
}
.league_slide_wrap .y_match_line{
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    top: 50%;
    left: 0;
}
.league_slide_wrap .league_timeline i.icon{
    color: #e0e0e0;
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    z-index: 1;
    left: 50%;
    margin-left: -7px;
    background: #e0e0e0;
    border-radius: 100%;
}
.league_slide_wrap .league_timeline.active i.icon{
    height: 20px;
    width: 20px;
    background: url("/images/icons/league/circle_14.png") center no-repeat;
    margin-top: -10px;
    margin-left: -10px;
    border: none;
}
.league_slide_wrap .league_timeline p{
    text-align: center;
    font-size: 14px;
    color: #999;
}
.league_timeline .y_league_total{
    position: absolute;
    width: 42px;
    height: 24px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    background: url("/images/icons/league/img_176bg.png") center no-repeat;
    left: -12px;
    bottom: -28px;
    font-weight: bolder;
    color: #fff;
    display: none;
}
.league_timeline.active .y_league_total{
    display: block;
}
.schedule_content{
    width: 100%;
}
.schedule_content .schedule_table{
    padding-bottom: 15px;
    width: 100%;
    text-align: center;
}
.schedule_content .schedule_table dd,.schedule_content .schedule_table dt{
    float: left;
    height: 48px;
    line-height: 48px;
}
.schedule_content .schedule_table .title{
    text-align: center;
    height: 48px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
}
.schedule_table dd{
    height:48px;
    font-size: 14px;
    color: #999;
}
.schedule_table .schedule_num{
    width: 160px;
}
.schedule_table .schedule_time{
    width: 200px;
}
.schedule_table .schedule_schedule{
    width: 510px;
}
.schedule_table .schedule_place{
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.schedule_table .schedule_team{
    width: 220px;
    color: #1d1d1d;
}
.schedule_table .match_team_num{
    color: #999;
}
.schedule_content .schedule_vs{
    width: 55px;
}
.schedule_team div{
    height: 100%;
    line-height: 48px;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.schedule_vs+.schedule_team div{
    float: left;
}
.schedule_team .match_team_logo{
    height: 38px;
    width: 38px;
    margin-top: 5px;
    margin-left: 5px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}
.schedule_vs+.schedule_team .match_team_logo{
    margin-right: 5px;
}
.schedule_team .match_team_logo img{
    display: block;
    width: 100%;
    height: 100%;
    background: #ccc;
}
.schedule_table li{
    background: #fff;
}
.schedule_table li:nth-child(2n+3){
    background: #fafafa;
}
.schedule_table .schedule-show{
    display: block;
}
.schedule_table .schedule-hide{
    display: none;
}
.sign-up-header{
    padding-top: 75px;
}
.sign-up-header .sign-header-list{
    margin-bottom: 15px;
}
.y_sign_up_tabs{
    min-height: 184px;
    padding-left: 40px;
    border-top: 1px solid #1d1d1d;
}
.sign-header-list img{
    margin-right: 10px;
}
#sign_up .rejected{
    background: #FEECEC !important;
    color: #D0021B !important;
}
#sign_up .rejected .team-status{
    background: #F8D3D7;
    width: 62px;
    border-radius: 3px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
}
#sign_up .grey{
    color: #999;
}
#sign_up .green{
    color: #2fa76d;
}
#sign_up .require-box .header{
    height: 50px;
    line-height: 50px;
    cursor: pointer;
}
#sign_up .require-box{
    padding: 0 15px;
    border: 1px solid #B3C0CC;
    margin-bottom: 20px;
}
#sign_up .require-box.active{
    border-color: #27A76D;
}
#sign_up .require-box.active .header{
    border-bottom: 1px solid #D5DADE;
}
#sign_up .require-box.active i.arrow:before{
    content: '\e660';
}
#sign_up .require-box .header button{
    width:60px;
    height:30px;
    background:rgba(39,167,109,1);
    border-radius:3px;
    font-size: 14px;
}
#sign_up .require-box .header i{
    line-height: 50px;
    font-size: 22px;
    margin-left: 15px;
}
#sign_up .require-box .require-name{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
#sign_up .require-box .require-name+div{
    color: #999;
}
#sign_up .role-box{
    width: 330px;
    height: 135px;
    background: #F9F9F9;
    padding: 15px 20px;
    box-sizing: border-box;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}
#sign_up .require-content .role-box:nth-child(3n){
    margin-right: 0;
}
#sign_up .require-content{
    display: none;
    padding-top: 20px;
}
#sign_up .role-info{
    width: 0;
    position: relative;
}
#sign_up .role-img{
    width: 80px;
    height: 105px;
    margin-right: 20px;
}
#sign_up .role-img img{
    display: block;
    width: 100%;
    height: 100%;
}
#sign_up .role-img img[src=""]{
    background: #eee;
}
#sign_up .role-name{
    font-size: 18px;
    color: #333 !important;
    font-weight: 500;
}
#sign_up .role-status{
    font-size: 14px;
    width:62px;
    height:26px;
    border-radius:3px;
    text-align: center;
    line-height: 26px;
    background: #eee;
    margin: 5px 0 10px;
}
#sign_up .role-reason{
    font-size: 12px;
}
#sign_up .rejected .role-status{
    background:rgba(208,2,27,0.1);
    cursor: pointer;
}
#sign_up .signing .role-status{
    color: #27A76D;
    background:rgba(39,167,109,0.1);
}
#sign_up .reviewing .role-status{
    color: #F5A623;
    background:rgba(245,166,35,0.1);
}
#sign_up .shirt .rejected,
#sign_up .attachment .rejected{
    color: #D0021B;
    background: none !important;
}
#sign_up .shirt .signing,
#sign_up .attachment .signing{
    color: #27A76D;
    background: none !important;
}
#sign_up .shirt .reviewing,
#sign_up .attachment .reviewing{
    color: #F5A623;
    background: none !important;
}
#sign_up .role-info .operate,#sign_up .role-info .return{
    position: absolute;
    font-size: 12px;
    color: #999;
    right: 0;
    top: 0;
}
#sign_up .reject-reason{
    background: #FEECEC;
    color: #D0021B;
    height: 34px;
    line-height: 34px;
    border-radius: 3px;
    text-indent: 20px;
}
#sign_up .shirt-wrapper{
    margin-top: 20px;
}
#sign_up .shirt-wrapper li{
    float: left;
    width: 50%;
    padding-left: 90px;
    margin-bottom: 50px;
}
#sign_up .shirt-wrapper .title{
    font-size: 14px;
    color: #333;
    margin-bottom: 15px;
}
#sign_up .shirts{
    margin-left: 20px;
}
#sign_up .shirts .fl{
    text-align: center;
    width: 110px;
    height: 64px;
    margin-right: 40px;
    background: #F5F5F5;
    position: relative;
}
#sign_up .shirts .fl:last-child{
    margin-right: 0;
}
#sign_up .shirts p{
    width: 64px;
    height: 64px;
    display: inline-block;
    background: url(/images/icons/shirt_colors.png) no-repeat;
}
#sign_up .shirts .s-clothes p{
    background-position-x: 0;
}
#sign_up .shirts .s-pants p{
    background-position-x: -64px;
}
#sign_up .shirts .s-socks p{
    background-position-x: -128px;
}
#sign_up .color-board{
    padding: 12px 12px 2px;
    position: absolute;
    top: 100%;
    background: #fff;
    box-shadow:0 0 4px 0 rgba(0,0,0,0.3);
    border-radius:3px 0 0 0;
    width: 150px;
    left: 50%;
    margin-left: -75px;
    z-index: 3;
    display: none;
}
#sign_up .color-board:before{
    font-family: "iconfont" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e614';
    font-size: 30px;
    display: block;
    position: absolute;
    line-height: 0;
    top: -3px;
    left: 50%;
    margin-left: -15px;
    color: #fff;
}
#sign_up .color-board li{
    float: left;
    width:14px;
    height:14px;
    background: #eee;
    margin-right: 14px;
    padding: 0;
    margin-bottom: 10px;
    cursor: pointer;
}
#sign_up .color-board li:nth-child(5n){
    margin-right: 0;
}
#sign_up .color-board li[value='0']{
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
#sign_up .color-board li[value='1']{
    background: #FE4848;
}
#sign_up .color-board li[value='2']{
    background: #FFD100;
}
#sign_up .color-board li[value='3']{
    background: #18D33B;
}
#sign_up .color-board li[value='4']{
    background: #06DFDF;
}
#sign_up .color-board li[value='5']{
    background: #0EACFF;
}
#sign_up .color-board li[value='6']{
    background: #FF9800;
}
#sign_up .color-board li[value='7']{
    background: #9013FE;
}
#sign_up .color-board li[value='8']{
    background: #FFACAC;
}
#sign_up .color-board li[value='9']{
    background: #000000;
}
#sign_up .shirts .fl:hover .color-board{
    display: block;
}
#sign_up .attachment .text-attach{
    margin-bottom: 30px;
}
#sign_up .attachment dd{
    padding: 5px 10px;
    margin-bottom: 10px;
}
#sign_up .attachment .require-content{
    padding-left: 30px;
}
#sign_up .attachment label{
    color: #333 !important;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    width: 100px;
    margin-right: 20px;
}
#sign_up .attachment input{
    width:320px;
    height:38px;
    background:rgba(255,255,255,1);
    border-radius:3px;
    border:1px solid rgba(213,218,222,1);
}
#sign_up .attachment dd.rejected{
    background: #FEECEC !important;
}
#sign_up .image-attach button{
    width:54px;
    height:26px;
    border-radius:3px;
    line-height: 26px;
    margin-left: 15px;
}
#sign_up .image-attach .attach-img{
    width: 214px;
    height: 214px;
    margin: 15px 0 15px 30px;
}
#sign_up .image-attach .attach-img img{
    height: 100%;
    width: 100%;
    background: #eee;
}
#sign_up .image-attach dd{
    padding: 10px;
    box-sizing: border-box;
    float: left;
    width: 286px;
}
#sign_up .image-attach dd p{
    font-size: 12px;
}
.popper .role-list li{
    position: relative;
}
.popper .role-list .checked-box{
    border-radius: 50%;
    position: absolute;
    bottom: 10px;
    display: inline-block;
    right: 10px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
}
.popper .role-list .player-num{
    width:62px;
    height:34px;
    background:rgba(255,255,255,1);
    border-radius:3px;
    border:1px solid rgba(179,192,204,1);
    margin-bottom: 5px;
    text-align: center;
    text-indent: 0;
}
#sign_up input{
    color: #333 !important;
}
#sign_up .roles-wrapper .rejected{
    background: #F9F9F9 !important;
}
.check-info-popper li{
    line-height: 24px;
    margin-bottom: 8px;
    color: #27A76D;
    font-size: 14px;
}
.check-info-popper li i{
    line-height: 22px;
    font-size: 16px;
}
.check-info-popper li i:before{
    content: '\e632';
}
.check-info-popper li.red{
    color: #D0021B;
}
.check-info-popper li.red i:before{
    content: '\e64c';
}
.check-info-popper .hr .prompt-title.red{
    color: #D0021B;
}
#sign_up .get-require-btn{
    color: #B3C0CC;
    margin-right: 24px;
}
#sign_up .get-require-btn em{
    text-decoration: underline;
}
#sign_up .get-require-btn i{
    margin-left: 0 !important;
    font-size: 18px !important;
}
#sign_up .get-require-btn:hover{
    color: #007BBC;
}
.get-require-popper{
    color: #333;
}
.get-require-popper .title{
    font-weight: bold;
    position: relative;
    margin-bottom: 8px;
}
.get-require-popper .title:before{
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #27A76d;
    top: 0;
    bottom: 0;
    left: -15px;
    margin: auto;
}
.get-require-popper p{
    margin-bottom: 8px;
    font-size: 12px;
}
    /*===================报名添加管理人员===================*/
.add-manage-wrapper,.choose-team-wrapper{
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.4);
    top: 0;
    left: 0;
    z-index: 444;
    display: none;
}
.choose-team-wrapper .choose-team-wrap{
    width: 707px;
    height: 475px;
    border-radius: 8px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -353px;
    top: 50%;
    margin-top: -217px;
    padding: 30px;
}
.add-manage-wrapper .add-manage-wrap{
    width: 820px;
    height: 435px;
    border-radius: 8px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -410px;
    top: 40%;
    margin-top: -217px;
    padding: 30px;
}
.add-manage-wrap .notice-cancel:hover,.choose-team-wrap .notice-cancel{
    cursor: pointer;
}
.add-manage-wrapper .hr,.choose-team-wrapper .hr{
    border-bottom: 1px solid #ccc;
    position: relative;
    margin-top: 15px;
}
.add-manage-wrapper .hr .prompt-title,.choose-team-wrapper .hr .prompt-title{
    position: absolute;
    width: 140px;
    height:38px;
    line-height: 38px;
    text-align: center;
    z-index: 1;
    background: #fff;
    top: -18px;
    left: 50%;
    margin-left: -70px;
    font-size: 16px;
    color: #2FA570;
    font-weight: bold;
}
.add-manage-wrap .job-type{
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
.add-manage-wrap .job-type button{
    display: inline-block;
    width: 95px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
}
.add-manage-wrap .job-type button.active{
    background: #2FA570;
    color: #fff;
}
.add-manage-wrap .player-list{
    height: 200px;
    width: 100%;
    overflow: hidden;
    padding-right: 5px;
}
.add-manage-wrap .player-list li{
    width: 46px;
    margin-right: 32px;
    height: 100px;
    float: left;
    padding: 12px 3px;
}
.add-manage-wrap .player-list li:hover{
    cursor: pointer;
}
.add-manage-wrap .player-list li:nth-child(10n+10){
    margin-right: 0;
}
.add-manage-wrap .player-list .player-pic{
    width: 40px;
    height: 50px;
    margin-bottom: 5px;
    border-radius: 4px;
    position: relative;
    padding: 3px;
}
.add-manage-wrap .player-pic img{
    height: 100%;
    width: 100%;
    display: block;
}
.add-manage-wrap .player-list .player-pic:hover{
    box-shadow: 0 0 0 3px #2FA570 inset;
}
.add-manage-wrap .player-list .player-pic.active{
    box-shadow: 0 0 0 3px #2FA570 inset;
}
.add-manage-wrap .player-list .player-name{
    width: 44px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.add-manage-wrap .player-check-box{
    display: none;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid #2FA570;
    position: absolute;
    bottom: 0;
    right: -10px;
}
.add-manage-wrap .player-pic.active .player-check-box{
    display: block;
}
.add-manage-wrap .player-pic.active .player-check-box:before{
    content: '\e612';
}
.add-manage-wrap .player-pic.active .player-check-box{
    color: #2FA570;
    background: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
}
.add-manage-wrap .manage-btn,.choose-team-wrap .manage-btn{
    width: 165px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    background: #2FA570;
    position: absolute;
    left: 50%;
    margin-left: -83px;
    margin-top: 20px;
}
.choose-team-wrap .team-list{
    width: 100%;
    height: 300px;
    margin-top: 40px;
    overflow: hidden;
}
.choose-team-wrap .team-list .choose-team-list{
    height: 138px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    position: relative;
    margin-bottom: 20px;
    margin-right: 10px;
}
.choose-team-wrap .team-list .team-pic{
    height: 100px;
    width: 100px;
    border-radius: 100%;
    overflow: hidden;
    margin: 20px;
    float: left;
}
.choose-team-wrap .team-pic img{
    width: 100%;
    height: 100%;
    display: block;
    background: #ccc;
}
.choose-team-wrap .choose-team-list .team-info{
    height: 100%;
    font-size: 12px;
    color: #999;
    width: 330px;
    float: left;
}
.choose-team-wrap .choose-team-list .team-power{
    color: #f00;
    height: 60px;
    margin-top: 40px;
    text-align: center;
    margin-right: 80px;
    float: right;
}
.choose-team-wrap .team-info .team-name{
    font-size: 14px;
    color: #1d1d1d;
    margin: 25px 0 15px;
}
.choose-team-wrap .team-info p{
    margin-bottom: 5px;
}
.choose-team-wrap .choose-team-list.active{
    border-color: #2FA570;
}
.choose-team-wrap .choose-team-list .sign-check-box{
    width: 28px;
    height:28px;
    border-radius: 100%;
    border: 1px solid #ddd;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.choose-team-wrap .choose-team-list .sign-check-box:hover{
    cursor: pointer;
}
.choose-team-wrap .choose-team-list.active .sign-check-box:before{
    content: '\e612';
}
.choose-team-wrap .choose-team-list.active .sign-check-box{
    color: #fff;
    background: #2FA570;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
}
.attachment-content{
    float: left;
    margin-right: 10px;
    margin-top: 20px;
}
.attachment-content img{
    width: 80px;
    margin: 0 5px;
}
.add-attachment-btn{
    float: left;
    height: 32px;
    width: 70px;
    background: #666;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    margin-top: 148px;
}
.add-attachment-btn:hover{
    cursor: pointer;
}
.attachment-rejected{
    color: #f00;
    margin-left: 5px;
    line-height: 18px;
}
.attachment-content .attachment-wrap img{
    float: left;
    height: 180px;
    width: 180px;
    margin-right: 20px;
}
.manage-people .manage-people-ul li:hover .delete-manage{
    display: block;
}
.manage-people .delete-manage{
    position: absolute;
    bottom: 25px;
    right: 15px;
    font-size: 22px;
    color: #666;
    display: none;
}
/*============================赛事直播================================*/
.y-float-left{
    float: left;
}
.match-top-bg{
    width: 100%;
    min-width: 1100px;
    height: 568px;
    background: url(/images/icons/league/y-match-banner.png) center top no-repeat;
    color: white;
    padding-bottom: 45px;
    margin-bottom: 50px;
}
.m-match-teams{
    position: absolute;
    width: 720px;
    height: 170px;
    left: 50%;
    margin-left: -360px;
}
.m-match-teams .team-left-wrap,.m-match-teams .team-right-wrap{
    width: 281px;
    height: 200px;
    position: relative;
}
.m-match-teams .team-left-wrap .team-logo{
    height: 166px;
    width: 166px;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 0 0 2px #1995F1;
    position: absolute;
    z-index: 1;
    left: 0;
}
.m-match-teams .team-left-wrap .team-praise{
    width: 156px;
    height: 82px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -45px;
    background: url("/images/icons/league/y-match-six-blue.png") no-repeat;
    text-indent: 30px;
}
.m-match-teams .team-name{
    position: absolute;
    min-width: 166px;
    bottom: 0;
    left: 0;
    text-align: center;
}
.m-match-teams .team-right-wrap .team-logo{
    height: 166px;
    width: 166px;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 0 0 2px #FC381E;
    position: absolute;
    z-index: 1;
    right: 0;
}
.m-match-teams .team-right-wrap .team-name{
    right:  0;
    left: auto;
}
.m-match-teams .team-logo img{
    display: block;
    height: 100%;
    width: 100%;
    background: url("/images/icons/unknown-team.png") no-repeat;
    background-size: 100% 100%;
}
.m-match-teams .team-right-wrap .team-praise{
    width: 156px;
    height: 82px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -45px;
    background: url("/images/icons/league/y-match-six-red.png") no-repeat;
    text-indent: -30px;
}
.m-match-teams .team-praise p:nth-child(1){
    font-size: 22px;
    margin-top: 20px;
}
.m-match-teams .team-praise.active p:nth-child(1){
    color: yellow;
}
.m-match-teams .team-praise:hover{
    cursor: pointer;
}
.m-match-teams .team-score-wrap{
    font-size: 60px;
    color: #2ec680;
    font-weight: bold;
    line-height: 60px;
    margin-top: 55px;
    text-align: center;
}
.m-match-teams .team-score-wrap p{
    margin-top: 15px;
}
.m-team-wrap .m-content-title{
    height: 38px;
    padding-left: 25px;
    line-height: 40px;
    font-weight: bold;
    border-bottom: 1px solid #B3B3B3;
    box-shadow: 0 2px 0 #ddd;
    background: url(/images/new_site/news-header-bg.png) 0 13px no-repeat;
    position: relative;
    margin-bottom: 15px;
}
.m-team-wrap .m-content-title .m-team-tabs{
    position: absolute;
    right: 0;
    top: 0;
}
.m-team-wrap .m-team-tabs li{
    float: left;
    height: 40px;
    padding: 0 15px;
}
.m-team-wrap .m-team-tabs li:hover{
    cursor: pointer;
}
.m-team-wrap .m-team-tabs li.active{
    border-bottom: 3px solid #2FA570;
}
.m-team-tabs-content{
    position: relative;
}
.m-team-tabs-content .m-show-tab{
    display: none;
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.m-team-tabs-content .m-show-tab.active{
    display: block;
}
.team-location-allocation{
    position: relative;
    width: 802px;
    height: 642px;
    margin: 5px auto 0;
    background: url(/images/new_site/court.png) no-repeat;
}
.team-player-wrap{
    position: absolute;
    width: 675px;
    height: 512px;
    top: 44px;
    left: 0;
    right: 0;
    margin: auto;
}
.team-player-wrap .m-player{
    width: 55px;
    color: #fff;
    position: absolute;
}
.team-player-wrap .m-player:hover{
    cursor: pointer;
}
.team-player-wrap .m-player .m-player-pic{
    width: 55px;
    height: 55px;
    border-radius: 100%;
    overflow: hidden;
}
.team-player-wrap .m-player-pic img,.supplement-player-list .m-player-pic img{
    display: block;
    height: 100%;
    width: 100%;
    background: url("/images/icons/league/unknow_player.png") no-repeat;
    background-size: 100% 100%;
}
.player-pic-wrap{
    position: relative;
}
.m-player .player-num{
    position: absolute;
    bottom: -3px;
    left: 10px;
    width: 37px;
    height: 20px;
    background: url(/images/new_site/player-num-type2.png) no-repeat;
    text-align: center;
    color: white;
    font-size: 12px;
    line-height: 20px;
}
.team-player-wrap .m-player .player-num{
    color: #2FA570;
    background: url(/images/new_site/player-num-type1.png) no-repeat;
}
.m-player .player-num.leader{
    background: url(/images/icons/league/player-num-type3.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
}
.team-player-wrap .m-player-name{
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    line-height: 24px;
}
.supplement-player-list{
    height: auto;
    margin-top: 15px;
    margin-bottom: 55px;
    overflow: hidden;
}

.supplement-player-list li{
    float: left;
    width: 55px;
    height: 78px;
    margin: 0 9px 25px;
}
.supplement-player-list .m-player-pic{
    width: 55px;
    height: 55px;
    border-radius: 100%;
    overflow: hidden;
}
.supplement-player-list .m-player-pic img{
    height: 100%;
    width: 100%;
    display: block;
    background: url("/images/icons/league/unknow_player.png") no-repeat;
    background-size: 100% 100%;
}
.supplement-player-list .m-player-name{
    color: #999;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
}
.m-team-wrap .red-circle{
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: #f00;
    display: inline-block;
    margin-bottom: 10px;
}
.m-matchLive-timeLine{
    height: 397px;
    border-bottom: 1px solid #1d1d1d;
}
.m-match-situation{
    margin-bottom: 83px;
}
.m-match-situation li{
    float: left;
    margin-right: 22px;
    font-size: 14px;
    color: #999;
}
.m-player-situation li i{
    font-size: 20px;
    vertical-align: bottom;
}
.m-player-situation .icon-uniE643{
    color: #2fa570;
}
.m-player-situation .icon-uniE64D{
    color: #22C1FC;
}
.m-player-situation .yellow-card{
    color: #FEC52E;
}
.m-player-situation .red-card{
    color: #f00;
}
.m-player-situation .icon-uniE672{
    color: #f00;
}
.m-player-situation .change-in{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/images/icons/league/group-32.png") no-repeat;
    background-size: 20px auto;
    background-position-y: -204px;
}
.m-player-situation .change-out{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/images/icons/league/group-32.png") no-repeat;
    background-size: 20px auto;
    background-position-y: -229px;
}
.m-player-situation .icon-uniE643.wulong{
    color: #999;
}
.m-player-situation .penalty-kick-in{
    font-size: 16px;
    color: #2fa570;
    border:1px solid #2FA570;
    border-radius: 100%;
    display: inline-block;
    padding: 2px;
    box-sizing: border-box;
}
.m-player-situation .penalty-kick-out{
    font-size: 16px;
    border:1px solid #ccc;
    border-radius: 100%;
    display: inline-block;
    padding: 2px;
    box-sizing: border-box;
    position: relative;
}
.m-player-situation .penalty-kick-out:after{
    content: '\e624';
    position: absolute;
    font-size: 12px;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -6px;
    color: #f00;
    font-weight: bold;
}
.m-match-situation-timeLine{
    height: 180px;
    position: relative;
}
.m-situation-timeLine-con{
    width: 1040px;
    height: 100%;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    margin: 0;
}
.m-situation-timeLine-con li{
    height: 180px;
    width: 208px;
    position: relative;
    float: left;
}
.m-time-line-hr{
    position: absolute;
    width: 1050px;
    top: 50%;
    left: 25px;
    margin-top: -4px;
}
.m-situation-timeLine-con .m-live-time{
    border: 1px solid #ccc;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    background: #fff;
    left: 40px;
}
.m-player-situation .m-live-stage span{
    display: block;
    position: absolute;
    top: 50%;
    border: 1px solid #cecece;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    border-radius: 50px;
    margin-top: -20px;
    background: #fff;
    color: #999;
    max-width: 180px;
}
.m-situation-timeLine-con li .m-live-situation-content{
    height: 100%;
}
.m-situation-timeLine-con li .m-live-player{
    font-size: 12px;
    font-weight: bold;
}
.m-situation-timeLine-con li.home-team .m-live-situation{
    width: 162px;
    height: 55px;
    background: url("/images/icons/league/qipao.png") no-repeat;
    position: absolute;
    top: 0;
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    left: 32px;
}
.m-situation-timeLine-con li.home-team .m-live-situation-content{
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
}
.m-situation-timeLine-con li.away-team .m-live-situation{
    width: 162px;
    height: 55px;
    background: url("/images/icons/league/qipao.png") no-repeat;
    position: absolute;
    bottom: 0;
    left: 32px;
}
.m-match-situation-timeLine .timeline-prev,.m-match-situation-timeLine .timeline-next{
    font-size: 24px;
    width: 25px;
    margin: 0;
}
.m-live-situation-content .m-live-player div{
    float: left;
    margin-left: 5px;
    height: 100%;
    line-height: 60px;
}
.m-situation-timeLine-con li.home-team .m-live-player div{
    line-height: 55px;
}
.m-situation-timeLine-con .m-live-player .m-player-name{
    width: 48px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.m-situation-timeLine-con li.home-team .m-team-logo{
    margin-top: 5px;
}
.m-situation-timeLine-con li .m-live-time{
    color: #999;
}
.m-live-situation-content .m-live-player .m-team-logo{
    height: 40px;
    width: 40px;
    border-radius: 100%;
    overflow: hidden;
    margin-top: 9px;
}
.m-live-situation-content .m-team-logo img{
    display: block;
    height: 100%;
    width: 100%;
    background: url("/images/icons/unknown-team.png") no-repeat;
    background-size: 100% 100%;
}
.m-live-situation-content .m-player-score i{
    vertical-align: middle;
}
.m-match-situation-timeLine .live-now{
    position: absolute;
    top: 50%;
    margin-top: -22px;
    width: 40px;
    right: 25px;
}
.m-match-situation-timeLine .live-now:hover{
    cursor: pointer;
}
.live-now .m-live-time{
    border: 1px solid #ccc;
    height: 36px;
    width: 36px;
    border-radius: 100%;
    line-height: 36px;
    text-align: center;
    background: #fff;
    color: #999;
}
.login-to-comment{
    margin: 55px auto 35px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.comment-wrapper{
    padding-bottom: 30px;
    border-bottom: 1px solid #cecece;
    margin-top: 30px;
}
.comment-wrapper .user-pic{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}
.comment-wrapper .user-pic img{
    display: block;
    height: 100%;
    width: 100%;
    background: url("/images/icons/league/unknow_player.png") no-repeat;
    background-size: 100% 100%;
}
.comment-wrapper .comment-wrap{
    float: left;
    width: 1020px;
    position: relative;
    height: 115px;
}
.comment-wrapper .comment-ipt{
    width: 100%;
    height: 78px;
    outline: none;
    border: 1px solid #cecece;
    text-indent: 8px;
    margin-bottom: 7px;
    overflow: auto;
}
.comment-wrapper .comment-btn{
    width: 110px;
    height: 30px;
    background: url("/images/icons/league/parallelogram-green.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 0;
    position: absolute;
    right: 0;
    bottom: 0;
}
.m-comment-list{
    padding: 25px 0;
    border-bottom: 1px solid #cecece;
}
.m-comment-list .user-pic{
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 20px;
}
.m-comment-list .user-pic img{
    display: block;
    height: 100%;
    width: 100%;
    background: url("/images/icons/league/unknow_player.png") no-repeat;
    background-size: 100% 100%;
}
.m-comment-list .user-commented{
    float: left;
    width: 1020px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #999;
}
.m-comment-list .user-name{
    margin-bottom: 5px;
    font-size: 14px;
}
.m-comment-list .user-name span{
    margin-right: 15px;
}
.m-comment-list .user-name span:nth-child(1){
    font-weight: bold;
    color: #1d1d1d;
}
.m-comment-list .operation{
    font-size: 20px;
    text-align: right;
    margin-bottom: 10px;
}
.m-comment-list .operation a{
    margin-right: 5px;
}
.m-comment-list .operation a.active{
    color: #2FA570;
}
.m-comment-list .operation span{
    font-size: 12px;
    font-weight: bold;
}
.m-comment-list .reply-content{
    background: #F3F7F6;
    color: #999;
    font-size: 12px;
    padding: 10px;
}
.m-comment-list .reply-content .reply-person-name{
    color: #1d1d1d;
    font-size: 14px;
}
.m-comment-list .reply-wrap{
    float: left;
    width: 1020px;
    position: relative;
    margin-top: 5px;
    height: 75px;
    display: none;
}
.m-comment-list .reply-wrap.active{
    display: block;
}
.reply-wrap .reply-ipt{
    width: 100%;
    height: 38px;
    outline: none;
    border: 1px solid #cecece;
    text-indent: 8px;
    margin-bottom: 7px;
}
.reply-wrap .reply-ipt::placeholder{
    color: #999;
}
.reply-wrap .reply-btn{
    width: 110px;
    height: 30px;
    background: url("/images/icons/league/parallelogram-black.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 0;
    position: absolute;
    right: 0;
}
.team-location-allocation .save-lineup{
    position: absolute;
    bottom: 60px;
    right: -100px;
    width: 110px;
    height: 30px;
    background: url("/images/icons/league/parallelogram-green.png") no-repeat;
    background-size: 100% 100%;
    border-radius: 0;
    color: #fff;
}
.loading-gif{
    text-align: center;
    color: #999;
}
.loading-gif img{
    height: 34px;
    width: 34px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.no-more-comment{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #999;
    display: none;
}
/*====================账号管理=====================*/
.account-manage-wrap,.account-edit-wrap{
    position: relative;
}
.account-manage-wrap .add-manager{
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #27a76d;
    font-size: 12px;
    position: absolute;
    right: 0;
}
.account-manage-wrap .manager-list{
    width: 100%;
    border: 1px solid #ddd;
    display: table;
    height:512px;
    margin-bottom: 40px;
}
.account-manage-wrap .add-manager i{
    font-size: 16px;
    margin-right: 5px;
}
.account-manage-wrap .list-header{
    border-bottom: 1px solid #ddd;
}
.account-manage-wrap .list-header p,.account-manage-wrap li p{
    width: 150px;
    height: 40px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.account-manage-wrap .list-header p:nth-child(2),.account-manage-wrap li p:nth-child(2){
    width: 538px;
    height: 40px;
}
.account-manage-wrap li:nth-child(2n+1){
    background: #f5f5f5;
}
.account-manage-wrap li a{
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: #999;
    color: #fff;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
}
.account-manage-wrap li a:nth-child(1){
    margin-left: 40px;
    margin-right: 12px;
}
.account-manage-wrap li a:nth-child(1):hover{
    background: #27a76d;
}
.account-manage-wrap li a:nth-child(2):hover{
    background: #1d1d1d;
}
.account-edit-wrap .title a{
    width: 95px;
    height: 30px;
    display: block;
    position: absolute;
    right: 0;
    background: #1d1d1d;
    color: #fff;
    text-align: center;
    line-height: 30px;
    top: 0;
}
.account-edit-wrap .title i{
    margin-right: 7px;
}
.account-edit-wrap .title span{
    line-height: 30px;
    font-size: 16px;
}
.account-edit-wrap label{
    width: 90px;
    margin-left: 15px;
    color: #1d1d1d;
}
.account-edit-wrap input{
    background:#ffffff;
    border:1px solid #cccccc;
    width:248px;
    height:28px;
    text-indent: 10px;
    margin-bottom: 15px;
    color: #555;
}
.account-edit-wrap span.tips{
    font-size: 12px;
    color: #ccc;
}
.account-edit-wrap .power-get label{
    float: left;
    margin-right: 4px;
}
.account-edit-wrap .power-get dl{
    float: left;
}
.checked-box{
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    vertical-align: text-bottom;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    margin-right: 5px;
    cursor: pointer;
    text-indent: 0;
    position: relative;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checked-box.checked,
.radio-check .checked-box.checked
{
    border-color: #27a76d;
    color: #27a76d;
}
.checked-box.checked:before{
    content: '\e612';
}
.radio-check .checked-box.checked:before{
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    background: #27a76d;
    position: absolute;
    left: 2px;
    top: 2px;
}
.checked-box.disable{
    color: #999;
    border-color: #ccc;
}
.power-get{
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
.power-get .power-box-wrap{
    width: 322px;
    padding: 6px 0 6px 20px;
    background: #fbfbfb;
    box-shadow:0 0 1px 0 rgba(137,137,137,0.50);
    margin-top: 7px;
    display: none;
}
.power-get .power-box-wrap:before{
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background: #fbfbfb;
    border: 1px solid #f1f1f1;
    margin-top: -11px;
    border-right: none;
    border-bottom: none;
}
.power-get .power-box-wrap li{
    float: left;
    width: 97px;
}
.power-get dt{
    margin-bottom: 10px;
}
.power-get dt.active .power-box-wrap{
    display: block;
}
.save-btn{
    width: 110px;
    height: 30px;
    background: #27A76d;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 0;
    margin-top: 60px;
    margin-left: 110px;
    border-radius: 3px;
}
.manage-form .manager-search-wrap{
    position: absolute;
    width: 248px;
    background: #fff;
    left: 109px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    top: 30px;
    display: none;
    z-index: 11;
    font-size: 12px;
    height: 220px;
    overflow: auto;
}
.manage-form .manager-search-wrap li{
    padding: 5px;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
.manage-form .manager-search-wrap li:hover{
    cursor: pointer;
    background: #efefef;
}
.tips-right{
    color: #2FA570;
    font-size: 16px;
    margin-left: 10px;
}
.tips-right:before{
    content: '\e612';
}
.tips-wrong{
    color: #ff2020;
    font-size: 16px;
    margin-left: 10px;
}
.tips-wrong span{
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    height: 28px;
    line-height: 30px;
}
.tips-wrong:before{
    content: '\e64c';
}
.manager-search-wrap li{
    display: flex;
    display: -webkit-flex;
}
.manager-search-wrap .user-pic{
    height: 34px;
    width: 34px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 15px;
}
.manager-search-wrap img{
    display: block;
    height: 100%;
    width: 100%;
    background: url("/images/icons/league/unknow_player.png") no-repeat;
    background-size: 100% 100%;
}
.manager-search-wrap .user-name{
    flex: 1;
}
/*====================俱乐部添加管理人员==========================*/
.club-add-manager{
    width: 100%;
}
.club-manager-ul{
    padding: 10px;
}
.club-manager-ul li{
    padding: 10px;
    display: flex;
    display: -webkit-flex;
    border: 1px solid #555;
    margin-bottom: 10px;
}
.manager-pic{
    width: 80px;
    height: 100px;
    margin-right: 10px;
}
.manager-pic img{
    width: 100%;
    height: 100%;
    background: #eee;
}
.manager-info{
    flex: 1;
}
.club-manager-ul .operation{
    border-left: 1px solid #ccc;
    line-height: 100px;
    width: 120px;
    text-align: center;
}
.club-manager-ul .operation a{
    margin: 0 10px;
    font-size: 14px;
    text-decoration: underline;
}
.manager-info p{
    margin-bottom: 15px;
    font-size: 14px;
}
.manager-info h4{
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.notice-cancel {
    position: absolute;
    height: 36px;
    width: 36px;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    line-height: 34px;
    right: -18px;
    top: -18px;
    z-index: 445;
    color: #f00;
    font-size: 20px;
    box-shadow: 0 0 3px 0 #ccc;
    -o-box-shadow: 0 0 3px 0 #ccc;
    -moz-box-shadow: 0 0 3px 0 #ccc;
    -webkit-box-shadow: 0 0 3px 0 #ccc;
    cursor: pointer;
}
.notice-cancel i{
    vertical-align: middle !important;
}
.club.add-manage-wrap{
    width: 594px;
    left: 50%;
    top: 50%;
    margin-left: -250px;
}
.club .player-list{
    height: 270px;
    overflow: auto;
}
.club .player-list li{
    width: 80px;
    height: 135px;
    box-sizing: border-box;
}
.club .player-list .player-pic{
    height: 100px;
    width: 100%;
}
.club .player-list .player-name{
    width: 100%;
    color: #1d1d1d;
}
.club .player-list li:nth-child(5n){
    margin-right: 0;
}
.club .btn{
    height: 32px;
    line-height: 32px;
    width: 100px;
    text-align: center;
    margin-right: 20px;
}
.manage-confirm{
    width: 100px;
    background: #2FA570;
    color: #fff;
}
.manage-cancel{
    background: #bababa;
    color: #fff;
}
.club img{
    background: #eee;
}
.club .job-type button{
    width: 70px;
}
/*=========注册管理=========*/
.color-green{
    color: #2FA570;
}
.cancel-button{
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: block;
    position: absolute;
    right: -18px;
    top: -18px;
    color: #f00;
    font-size: 24px;
    background: #fff;
    text-align: center;
    line-height: 36px;
    box-shadow: 0 0 3px 0 #ccc;
    -o-box-shadow: 0 0 3px 0 #ccc;
    -moz-box-shadow: 0 0 3px 0 #ccc;
    -webkit-box-shadow: 0 0 3px 0 #ccc;
    cursor: pointer;
}
.button-grey{
    width: 165px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #999;
    border-radius: 50px;
    color: #fff;
}
.button-green{
    width: 165px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #2FA570;
    border-radius: 50px;
    color: #fff;
}
.btn-grey{
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #999;
    color: #fff;
    font-size: 12px;
}
.btn-green{
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #2FA570;
    color: #fff;
    font-size: 12px;
}
.search-wrapper{
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 10px;
}
.selection{
    position: relative;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    box-shadow: 0 0 0 1px #ccc inset;
    box-sizing: border-box;
    padding: 0 10px;
}
.selection .select-default{
    height: 100%;
}
.selection .select-default i{
    float: right;
    margin-top: 3px;
    font-size: 24px;
    margin-right: -10px;
}
.register .title{
    font-size: 16px;
}
.down-load-info a{
    display: block;
    background:#27a76d;
    width:95px;
    height:30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}
.down-load-info i{
    font-size: 16px;
    margin-right: 5px;
}
.search-wrapper .search-year{
    width: 100px;
}
.search-wrapper .search-school{
    width: 100px;
}
.search-wrapper .search-ageGroup{
    width: 140px;
}
.search-wrapper .search-name{
    width: 190px;
}
.search-wrapper .search-level{
    width: 210px;
}
.search-wrapper .search-keyword{
    width: 240px;
}
.search-wrapper .select-options{
    width: 100%;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    background: #fff;
    z-index: 2;
    max-height: 210px;
    overflow: auto;
    border-top: none;
}

.select-options .select-option{
    height: 30px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0;
    border: none;
}
.select-options .select-option:hover{
    background: #dedede;
}
.select-option{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-keyword input{
    display: block;
    width: 100%;
    font-size: 12px;
    color: #666;
    border:none;
    outline: none;
    background: none;
    /*margin-top: -1px;*/
    line-height: 32px;
    height: 100%;
}
.search-keyword i{
    position: absolute;
    right: 5px;
    font-size: 18px;
    top: 7px;
    color: #ccc;
}
.register-list{
    padding:0 0 15px;
    margin-top: 15px;
}
.register-list li{
    width: 100%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.register-list .team-list{
    position: relative;
}
.register-list li .team-header{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 20px;
    cursor: pointer;
}
.register-list .team-name{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.register-list .team-header i{
    display: block;
    font-size: 22px;
    color: #666;
    margin-top: 10px;
    float: right;
}
.register-list li.active .team-header i:before{
    content: '\e661';
}
.register-list li .team-information{
    display: none;
}
.register-list li .team-info-wrap{
    width: 100%;
    height: 275px;
    border-bottom: 1px solid #ccc;
}
.register-list li .team-info{
    text-align: center;
}
.register-list li.active{
    border-color: #2FA570;
}
.register-list li.active .team-header{
    border-bottom: 1px solid #2FA570;
}
.register-list li.active .team-information{
    display: block;
}
.register .team-logo{
    width: 120px;
    height: 120px;
    border-radius: 100%;
    overflow: hidden;
    margin: 30px auto 15px;
}
.register .team-logo img{
    display: block;
    width: 100%;
    height: 100%;
    background: url("/images/icons/unknown-team.png") no-repeat;
    background-size: 100%;
}
.register-list li .register-tips{
    float: right;
    margin: 40px 15px 0;
    font-size: 12px;
    color: #666;
}
.register-tips span{
    font-size: 22px;
    vertical-align: middle;
}
.register-list .player-pic{
    position: relative;
    height: 84px;
    width: 64px;
    overflow: hidden;
    cursor: pointer;
}
.register-list .player-pic img{
    display: block;
    width: 100%;
    height: 100%;
    background: #eee;
}
.register-list .player-pic .repeat{
    position: absolute;
    font-size: 12px;
    right: 0;
    top: 0;
    height: 23px;
    width: 23px;
    background: url("/images/icons/triangle_yellow.png") no-repeat;
    text-align: right;
    color: #fff;
}
.register-list .player-pic .many{
    position: absolute;
    font-size: 12px;
    left: 0;
    top: 0;
    height: 23px;
    width: 23px;
    background: url("/images/icons/triangle_green.png") no-repeat;
    color: #fff;
}
.register-list .repeat span,.register-list .many span{
    display: block;
    -webkit-transform:scale(0.8);
    margin-right: -1px;
}
.register-list .player-list{
    border: none;
    float: left;
    width: 64px;
    margin-right: 18px;
    margin-bottom: 18px;
}
.register-list .player-list:nth-child(10n){
    margin-right: 0;
}
.register-list .player-list p{
    width: 100%;
    text-align: center;
    font-size: 12px;
    margin: 5px 0;
}
.player-info-popper{
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(1,1,1,.4);
    overflow: auto;
    z-index: 555;
    display: none;
}
.player-info-pop{
    position: absolute;
    top: 10%;
    left: 50%;
    width: 570px;
    margin-left: -285px;
    min-height: 450px;
    background: #fff;
    padding: 25px;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    border-radius: 5px;
}
.pop-header{
    width: 100%;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
    word-break: break-all;
    word-wrap: break-word;
}
.player-info-pop .pop-header .player-info{
    width: 420px;
    float: left;
}
.pop-header .player-pic{
    float: left;
}
.pop-header .player-info h3{
    margin-bottom: 10px;
    font-size: 20px;
}
.player-info h3 span{
    font-size: 14px;
    color: #1d1d1d;
    margin-left: 10px;
    font-weight: 100;
}
.pop-header .player-info div{
    line-height: 24px;
}
.register-date{
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}
.register .card-img-wrap{
    width: 100%;
    padding: 25px 20px 15px;
    border-bottom: 1px solid #ccc;
}
.register .card-img-wrap p{
    margin-top: 5px;
}
.register .registered-fa{
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    line-height: 60px;
    cursor: pointer;
}
.card-img-wrap .card-img{
    width: 240px;
    float: left;
    text-align: center;
}
.card-img-wrap .card-img img{
    width: 223px;
    height: 141px;
    display: inline-block;
    background: #eee;
}
.player-info-pop .img-info li{
    width: 50%;
    border: none;
    margin-bottom: 0;
    text-align: center;
}
.img-info{
    padding: 10px 20px 5px;
}
.img-info li img{
    display: inline-block;
    width: 224px;
    height:224px;
    background: #eee;
}
.img-info li img,
.card-img-wrap .card-img img{
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.img-info p{
    text-align: center;
}
.register .registered-fa img{
    background: url("/images/icons/unknow_fa.png") no-repeat;
    background-size: 100%;
    height: 60px;
    width: 60px;
    display: block;
    float: left;
    margin-right: 10px;
}
.certificate{
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.certificate .cer-class{
    width: 240px;
    float: left;
    text-align: left;
}
.certificate .cer-class:last-child{
    float: right;
}
.certificate .cer-class p{
    text-align: inherit;
    font-size: 14px;
}
.certificate .cer-class img{
    display: block;
    width: 100%;
    height: 160px;
}
.certificate .ref-color{
    color: #ffc000;
}
.certificate .coa-color{
    color: #3FA1E2;
}
.reject-reason-wrap{
    display: none;
    background: #fff;
}
.register .reject-reason{
    display: flex;
    display: -webkit-flex;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    line-height: 35px;
}
.register .reject-reason input{
    flex: 1;
    border: 1px solid #ddd;
    height: 35px;
    text-indent: 5px;
}
.player-info-pop .next{
    display: block;
    position: absolute;
    right: -90px;
    height: 65px;
    width: 65px;
    border-radius: 100%;
    background: rgba(1,1,1,.4);
    text-align: center;
    line-height: 65px;
    font-size: 30px;
    top: 250px;
    color: #fff;
}
.player-info-pop .prev{
    display: block;
    position: absolute;
    left: -90px;
    height: 65px;
    width: 65px;
    border-radius: 100%;
    background: rgba(1,1,1,.4);
    text-align: center;
    line-height: 65px;
    font-size: 30px;
    top: 250px;
    color: #fff;
}
.player-info-pop .prev:hover,.player-info-pop .next:hover{
    color: #2FA570;
}
.register-requirement{
    display: flex;
    display: -webkit-flex;
}
.requirement-table{
    display: table;
}
.requirement-table.other-requirement{
    width: 0;
}
.requirement-table .table-tr{
    margin-bottom: 10px;
}
.requirement-table .table-tr .table-cell{
    display: table-cell;
    width: 200px;
    padding-left: 20px;
}
.register-requirement-wrap .title span{
    display: inline-block;
    text-align: center;
}
.require-ipt{
    width: 150px;
    height: 30px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 12px;
    display: inline-block;
}
.require-ipt input{
    text-indent: 10px;
    width: 110px;
    height: 100%;
}
.table-cell i.delete{
    font-size: 16px;
    color: #ccc;
    margin-left: 5px;
}
.table-cell i.delete:hover{
    color: #666;
    cursor: pointer;
}
.require-ipt span{
    display: inline-block;
    width: 30px;
    line-height: 20px;
    border-left: 1px solid #999;
    height: 20px;
    margin-top: 4px;
    color: #999;
    box-sizing: border-box;
    text-align: right;
}
.add-btn span{
    display: block;
    border: 1px dashed #27a76d;
    width: 148px;
    height: 28px;
    cursor: pointer;
    padding: 0 10px;
    color: #27a76d;
    box-sizing: border-box;
    line-height: 26px;
}
.requirement-table .add-btn .table-cell{
    display: table-cell;
    width: 200px;
    padding-left: 20px;
}
.add-btn span a{
    text-decoration: underline;
    margin-left: 5px;
    color: #27a76d;
}
.f_m_left_tab ul{
    margin-bottom: 15px;
}
.register-left-tab div.active p span{
    display: block;
    width: 100%;
    height: 34px;
    border-left: 5px solid #2fa570;
}
.register-left-tab ul{
    display: none;
}
.register-left-tab .title{
    cursor: pointer;
}
.register-left-tab div.active ul{
    display: block;
}
.person-list .team-list{
    height: 150px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 12px;
}
.person-list .player-pic{
    width: 80px;
    height:auto;
    overflow: inherit;
    float: left;
}
.person-list .player-info{
    width: 615px;
    float: left;
}
.person-list .player-pic img{
    width: 80px;
    height: 105px;
}
.person-list .player-pic p{
    text-align: center;
    line-height: 30px;
}
.person-list .operation{
    border-left: 1px solid #ccc;
    line-height: 128px;
    color: #aaa;
    float: right;
}
.person-list .operation a{
    margin: 0 15px;
    text-decoration: underline;
    font-size: 12px;
    color: #aaa;
}
.person-list .operation a:first-child:hover{
    color: #27a76d;
}
.person-list .operation a:last-child:hover{
    color: #1d1d1d;
}
.register-list .player-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pagination{
    width: 100%;
}
.pagination a{
    color: #999999;
}
.pagination input{
    background: #fff;
    border:1px solid #999999;
    width:30px;
    height:20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}
.page-num{
    border:1px solid #999999;
    min-width:23px;
    height:20px;
    text-align: center;
    line-height: 19px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}
.page-num.active{
    background: #27a76d;
    color: #fff;
    border-color: #27a76d;
}
.page-button{
    border:1px solid #27a76d;
    width:38px;
    height:20px;
    text-align: center;
    line-height: 19px;
    color: #27a76d;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}
.page-button.active{
    background: #27a76d;
    color: #fff;
}
.text-right .pagination{
    width: auto;
}
.prompt-style5{
    top: 30%;
}
.page-box input{
    text-indent: 0;
}
.download-header{
    margin-top: 20px;
    line-height: 30px;
}
.download-data .fa-list{
    display: table;
    width: 100%;
}
.download-data .fa-list li{
    display: table-row;
    height: 40px;
}
.fa-list li div{
    display: table-cell;
    text-align: center;
    height: 40px;
    width: 290px;
    vertical-align: middle;
}
.fa-list li div:first-child{
    width: 100px;
    text-align: left;
    text-indent: 20px;
}
.download-data .fa-list li:nth-child(2n){
    background: #f5f5f5;
}
.dl-table-header div{
    float: left;
    width: 285px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.young-player-info{
    cursor: pointer;
}
.young-player-info .arrow-right{
    display: inline-block;
    margin-left: 10px;
    color: #aaa;
}
.young-player-info .arrow-right i{
    display: inline-block;
    width: 1px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    font-size: 26px;
    margin-top: 20px;
    vertical-align: middle;
}
.young-player-info.active .arrow-right{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.young-player-info .title{
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
}
.young-player-info.active .title{
    border-bottom: 1px dashed #ccc;
}
.young-player-info .info-wrap{
    display: none;
    padding-top: 15px;
}
.registered-fa img.active{
    border-radius: 100%;
    box-shadow: 0 0 0 2px #2FA570;
    -webkit-box-shadow: 0 0 0 2px #2FA570;
    -moz-box-shadow: 0 0 0 2px #2FA570;
    -o-box-shadow: 0 0 0 2px #2FA570;
}
.reg-club li{
    display: none;
    border-left: none;
    border-right: none;
    border-top: none;
    line-height: 48px;
}
.reg-club li.active{
    display: block;
    border-color: #ccc;
}
.reg-club li div:nth-child(n+2){
    margin-right: 5px;
    max-width: 410px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.5;
    height: 48px;
}
.player-info-pop .attachment{
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #ccc;
}
.player-info-pop .attachment i{
    color: #F4A638;
    font-size: 28px;
    vertical-align: middle;
}
.player-info-pop .attachment button{
    width: 70px;
    height: 30px;
    background: #fff;
    border: 1px solid #ccc;
    vertical-align: middle;
    line-height: 0;
    border-radius: 5px;
}
.reg-popper{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(1,1,1,.4);
    z-index: 555;
    display: none;
}
.reg-popper2{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(1,1,1,.4);
    z-index: 555;
    display: none;
}
.reg-pop{
    position: absolute;
    width: 460px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -230px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 25px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5;
}
.reg-pop .title{
    font-size: 26px;
    width: 200px;
    position: absolute;
    height: 50px;
    background: #fff;
    left: 50%;
    margin-left: -105px;
    top: 50%;
    margin-top: -25px;
    line-height: 50px;
    color: #00A966;
}
.reg-pop span{
    color: #00A966;
    font-size: 12px;
}
/*===============文章推送============*/
.article-push{
    color: #1d1d1d;
    font-size: 14px;
}
.article-push label{
    width: 70px;
    margin-right: 20px;
    float: left;
}
.article-push .push-inner li{
    margin-bottom: 20px;
}
.push-inner .table-cell{
    width: 132px;
}
.push-inner .table-cell:last-child{
    width: auto;
}
.cut-line{
    background:#f2f5f7;
    width: 100%;
    height: 10px;
    margin-bottom: 20px;
}
.push-list .table-tr{
    font-size: 12px;
    color: #666;
}
.push-list .table-tr span{
    height: 40px;
    display: table-cell;
    width: 120px;
    vertical-align: middle;
    text-align: center;
}
.push-list .table-tr span:first-child{
    width: 60px;
}
.push-list .table-tr span:last-child{
    width: 178px;
}
.push-list .table-tr:nth-child(2n){
    background: #f5f5f5;
}
/*========================弹出框相关======================*/
.popper,.filter-wrapper{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(1,1,1,.4);
    z-index: 555;
    overflow: auto;
    display: none;
}
.popper .pop-inner{
    position: absolute;
    top: 20%;
    left: 50%;
    width: 430px;
    margin-left: -215px;
    min-height: 270px;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.filter-wrapper .filter-inner{
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    margin: auto;
    width: 430px;
    min-height: 270px;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    border-radius: 5px;
}
.filter-wrapper .cancel{
    position: absolute;
    top: 15px;
    right: 15px;
    font-weight: bolder;
}
.filter-wrapper .filter-inner .title{
    font-size: 30px;
    color:#00ab67;
    /*font-family:'MicrosoftYaHei';*/
    font-family: PingFangSC-Light;
    text-align: center;
    margin: 20px 0;
}
.filter-wrapper .content{
    padding-left: 20px;
    box-sizing: border-box;
}
.filter-wrapper .fa-list li{
    width: 50%;
    float: left;
    margin-bottom: 20px;
    color: #ccc;
}
.btn-box{
    text-align: center;
}
.filter-wrapper .btn-box{
    margin: 20px 0;
}
.filter-wrapper .btn-box button{
    width: 110px;
    margin-right: 40px;
}
.filter-wrapper .btn-box button:last-child{
    margin-right: 0 !important;
}
.filter-wrapper .fa-list input{
    border:1px solid #dbdbdb;
    width:58px;
    height:26px;
    text-indent: 5px;
    color: #666;
}
.filter-wrapper .fa-list label{
    width: 80px;
    color: #666;
}
.popper .hr{
    position: relative;
    border-bottom: 1px solid #ccc;
    margin-top: 15px;
}
.el-text-middle{
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -o-box;
    -o-box-orient: horizontal;
    -o-box-pack: center;
    -o-box-align: center;
    display: -ms-box;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -ms-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}
.popper .hr .prompt-title{
    position: absolute;
    width: 150px;
    height: 40px;
    top: 0;
    /* margin-top: -20px; */
    left: 0;
    right: 0;
    bottom: 0;
    /* margin-left: -75px; */
    color: #27a76d;
    text-align: center;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: auto;
}
.popper .jobs{
    margin-top: 30px;
}
.popper .jobs li{
    float: left;
    padding: 0 20px;
    background:#ffffff;
    border:1px solid #e0e0e0;
    border-radius:5px;
    height: 30px;
    box-sizing: border-box;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}
.popper .jobs li.active{
    border-color: #27a76d;
    background: #27a76d;
    color: #fff;
}
.popper .manager-list{
    height: 185px;
    overflow: hidden;
    width: 735px;
    margin: 20px auto 0;
}
.popper .manager-list li{
    float: left;
    margin-right: 36px;
    width: 40px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    margin-bottom: 20px;
}
.popper .manager-list li:nth-child(10n){
    margin-right: 0;
}
.popper .manager-list li .img-wrapper{
    height: 50px;
    margin-bottom: 10px;
    position: relative;
    box-sizing: border-box;
}
.popper .img-wrapper img{
    background: #eee;
    position: absolute;
    width: 36px;
    height: 46px;
    left: 2px;
    top: 2px;
}
.popper .manager-list li.active .img-wrapper{
    box-shadow: 0 0 0 2px #27a76d inset;
}
.popper .manager-list li.active .img-wrapper:after{
    content: '\e612';
    display: block;
    position: absolute;
    color: #27a76d;
    height: 18px;
    width: 18px;
    bottom: -4px;
    right: -6px;
    border: 2px solid;
    border-radius: 50%;
    text-align: center;
    line-height: 13px;
    background: #fff;
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    -ms-transform: scale(.8);
}
.popper .manager-list li p{
    height: 20px;
}
.push-pop-list,
.push-select-list{
    width: 390px;
    height: 180px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 5px;
}
.push-pop-list ul,
.push-select-list ul{
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.push-pop-list li,
.push-select-list li{
    height: 28px;
    line-height: 28px;
    margin-bottom: 5px;
    cursor: pointer;
}
.push-pop-list{
    text-indent: 15px;
}
.file-icon{
    font-size: 20px;
    color: #f5a623;
    cursor: pointer;
}
.push-select-list .scope-box{
    display: inline-block;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    text-indent: 15px;
    padding-right: 5px;
    font-size: 12px;
}
.push-select-list .scope-box span{
    margin-right: 10px;
}
.push-select-list .scope-box i{
    margin-left: 20px;
    font-size: 14px;
    color: #666;
    display: none;
}
.push-select-list li:hover .scope-box i{
    display: inline;
}
.push-select-list li:hover .scope-box{
    background: #f2f5f7;
}
.isSelect{
    background-image: linear-gradient(-180deg, #ffffff 0%, #f2f2f2 100%);
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    width: 73px;
    height: 28px;
    margin-top: -5px;
    margin-left: 30px;
    display: none;
}
.sponsor-list .s-li{
    border: 1px solid #ddd;
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
    margin-bottom: 15px;
}
.sponsor-list .s-header{
    height: 40px;
    width: 100%;
    line-height: 40px;
}
.s-header i{
    float: left;
    display: inline-block;
    height: 100%;
    line-height: 40px;
    font-size: 20px;
    color: #c6c6c6;
    margin: 0 10px 0 5px;
    cursor: pointer;
}
.s-header .cz{
    color: #aaa;
    font-size: 12px;
}
.s-header .cz span{
    margin-right: 5px;
    text-decoration: underline;
}
.s-header .cz span:hover{
    color: #1d1d1d;
}
.s-header .cz span:first-child:hover{
    color: #27a76d;
}
.s-content{
    padding: 0 0 20px;
    margin-top: 15px;
    display: none;
}
.s-content label{
    width: 105px;
    text-align: right;
}
.s-content label span{
    color: #d0021b;
    margin-right: 5px;
}
.s-content input{
    width: 380px;
    height: 30px;
    vertical-align: middle;
    border:1px solid #cccccc;
    box-sizing: border-box;
    text-indent: 10px;
}
.s-content li{
    margin-bottom: 15px;
}
.logo-img{
    width: 180px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    background: #eee;
}
.logo-img img{
    width: 100%;
    height: 100%;
}
.s-li.active{
    border-color: #27a76d;
}
.s-li.active .s-header{
    border-bottom: 1px solid #27a76d;
}
.search-opts{
    width: 100%;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    background: #fff;
    z-index: 2;
    max-height: 210px;
    overflow: auto;
    border-top: none;
}
.search-opts .select-option{
    height: 30px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0;
    border: none;
}
.search-opts .select-option:hover{
    background: #dedede;
}
.chat-list-wrapper li{
    box-sizing: border-box;
    padding: 25px 10px;
    height: 120px;
    border-bottom: 1px solid #e0e0e0;
}
.chat-list-wrapper li:hover{
    background: #f5f5f5;
    border: none;
}
.chat-list-wrapper li i.icon{
    display: none;
    cursor: pointer;
    margin-right: 5px;
}
.chat-list-wrapper li:hover i.icon{
    display: block;
}
.chat-pic{
    width: 55px;
    height: 55px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 25px;
}
.chat-pic img{
    display: block;
    width: 100%;
    height: 100%;
    background: #efefef;
}
.new-msg{
    display: inline-block;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: #fe3603;
    color: #fff;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    vertical-align: top;
    margin-left: 5px;
}
.back-list{
    display: inline-block;
    float: right;
    background:#212121;
    width:95px;
    height:30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}
.back-list i{
    font-size: 18px;
    vertical-align: middle;
    margin-right: 5px;
}
.chat-box{
    height: 426px;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
}
.chat-box .msg-txt{
    display: table-cell;
    max-width: 555px;
    margin-right: 20px;
    color: #333333;
    vertical-align: middle;
}
.chat-box .send-time{
    color: #bbb;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 0 5px;
}
.chat-box .chat-pic{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.chat-box li{
    min-height: 55px;
    margin-bottom: 30px;
    padding: 0 10px;
}
.chat-box .chat-bubble{
    background:#fafafa;
    border:1px solid #d5dade;
    border-radius:5px;
    padding: 5px 20px;
    font-size: 12px;
    position: relative;
}
.chat-box .mine-msg{
    justify-content: flex-end;
}
.chat-box .mine-msg .chat-pic{
    left: auto;
    right: 0;
}
.chat-box .mine-msg .chat-bubble{
    background: #27a76d;
    border: none;
}
.chat-box .mine-msg .msg-txt{
    color: #fff;
}
.others-msg .chat-bubble:before{
    content: '';
    display: block;
    position: absolute;
    height: 8px;
    width: 8px;
    background:#fafafa;
    border:1px solid #d5dade;
    left: -4px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    border-top: none;
    border-right: none;
}
.mine-msg .chat-bubble:after{
    content: '';
    display: block;
    position: absolute;
    height: 8px;
    width: 8px;
    background:#27a76d;
    right: -4px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.chat-input-wrapper{
    padding: 15px;
}
.chat-input-inner{
    width: 800px;
    background:#edf1f1;
    border-radius:5px;
    position: relative;
    min-height: 50px;
}
.chat-input{
    width: 750px;
    vertical-align: middle;
    display: table-cell;
    padding: 15px;
    box-sizing: border-box;
    color: #333;
}
.chat-input-inner .word-limit{
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #999;
    font-size: 12px;
}
.chat-box .loading{
    display: none;
}
.chat-box .send-date{
    color: #bbb;
    height:30px;
    line-height: 30px;
    text-align: center;
}
/*===============球队管理============*/
.team-manage li{
    margin-bottom: 15px;
}
.team-manage li .list-header{
    width: 840px;
    height: 135px;
    background:#fafafa;
    border:1px solid #dddddd;
    box-sizing: border-box;
    padding: 15px;
}
.team-manage li .pic-wrapper{
    width: 80px;
    height: 105px;
    margin-right: 30px;
}
.team-manage li img{
    display: block;
    width: 100%;
    height: 100%;
    background: #eee;
}
.team-manage li img.hide{
    display: none;
}
.team-manage .operation{
    width: 130px;
    border-left: 1px solid #ccc;
    height: 100px;
    line-height: 100px;
    text-align: center;
    color: #aaa;
}
.team-manage .operation a{
    margin: 0 10px;
    text-decoration: underline;
    color: #aaa;
}
.operation a:hover{
    color: #1d1d1d;
}
.operation a:first-child:hover{
    color: #27a76d;
}
.team-manage dd{
    float: left;
    width: 50%;
    margin-bottom: 25px;
}
.team-manage dd input{
    display: inline-block;
    border:1px solid #979797;
    width:58px;
    height:20px;
    background: none;
    text-align: center;
    color: #666;
}
.team-manage dd input:focus{
    color: #1d1d1d;
}
.pl-info-wrapper{
    background:#ffffff;
    border:1px solid #ddd;
    border-top: none;
    display: none;
}
.pl-info-wrapper .is-foreigner{
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    border-bottom: 1px solid #e0e0e0;
}
.is-foreigner .checked-box{
    width: 17px;
    height: 17px;
    margin-left: 20px;
    margin-right: 15px;
}
.pl-info-wrapper  .requirements{
    padding: 15px 20px;
    box-sizing: border-box;
}
.pl-info-wrapper .tips{
    font-size: 12px;
}
.pl-info-wrapper .tips i{
    display: inline-block;
    font-size: 18px;
    color: #f5a623;
    vertical-align: bottom;
    margin-right: 5px;
}
.pl-info-wrapper .player-img{
    margin-top: 15px;
    margin-bottom: 20px;
    cursor: pointer;
}
.pl-info-wrapper .player-img p{
    text-align: center;
}
.pl-info-wrapper .player-img img{
    width: 80px;
    height: 105px;
    background: #eee;
    margin-bottom: 5px;
}
.pl-info-wrapper .example-img{
    margin-left: 292px;
    margin-right: 55px;
}
.pl-info-wrapper .current-img{
    margin-left: 292px;
    margin-right: 55px;
    position: relative;
}
.pl-info-wrapper .current-img i{
    position: absolute;
    left: 0;
    top: 0;
}
.pl-info-wrapper .current-img span{
    position: absolute;
    right: -13px;
    color: #f00;
    display: none;
    cursor: pointer;
}
.pl-info-wrapper .current-img:hover span{
    display: block;
}
.pl-info-wrapper .example-img img{
    background: url("/images/icons/exBigHead.jpg");
    background-size: 100% 100%;
    margin-bottom: 5px;
}
.pl-info-wrapper .upload-img .upload-btn,.pl-info-wrapper .upload-img .upload-btn1{
    width: 80px;
    height: 105px;
    background: url("/images/icons/upload_img.jpg");
    background-size: 100% 100%;
    margin-bottom: 5px;
}
.requirements ul label{
    width: 200px;
    text-align: right;
}
.requirements ul li{
    margin-bottom: 15px;
}
.requirements .pl-requirement .disable{
    border-color: #ccc !important;
    cursor: no-drop;
}
.requirements .pl-requirement input[disabled='disabled']{
    color: #ccc !important;
    cursor: no-drop;
}
.pl-requirement .disable:before{
    background: #ccc !important;
}
.requirements input{
    background:#ffffff;
    border:1px solid #cccccc;
    width:248px;
    height: 30px;
    text-indent: 10px;
    font-size: 12px;
}
.requirements input[readonly]{
    color: #999;
}
.requirements .upload-cert,.requirements .upload-img-wrapper{
    padding-left: 176px;
    margin: 20px 0;
}
.requirements .upload-cert .y_float_left,.requirements .upload-img-wrapper .y_float_left{
    margin-right: 20px;
    width: 214px;
    text-align: center;
}
.requirements .upload-cert img{
    height: 135px;
    width: 100%;
    background: #eee;
}
.requirements .upload-img-wrapper img{
    height: 214px;
    width: 100%;
    background: #eee;
}
.requirements .upload-cert p,.requirements .upload-img-wrapper p{
    line-height: 30px;
}
.requirements .btn-green{
    border-radius: 3px;
    width: 60px;
}
.checkBoxWrapper{
    font-size: 12px;
    margin-left: 8px;
    line-height: 30px;
    width: 182px;
}
.upload-cert-wrapper div,.upload-img-wrapper div{
    position: relative;
}
.upload-cert-wrapper div .cert-upload-btn{
    background: url("/images/icons/upload_cert.png");
    background-size: 100% auto;
    width: 100%;
    height: 135px;
}
.upload-img-wrapper div .img-upload-btn{
    background: url("/images/icons/upload_cert.png");
    background-size: 100% 100%;
    width: 100%;
    height: 214px;
}
.upload-cert-wrapper div .lock,.upload-img-wrapper div .lock{
    position: absolute;
    left: 0;
    top: 0;
}
.upload-cert-wrapper .y_float_left,.upload-img-wrapper .y_float_left{
    position: relative;
}
.upload-cert-wrapper .delete,.upload-img-wrapper .delete{
    display: none;
    position: absolute;
    right: -13px;
    color: #f00;
    cursor: pointer;
}
.upload-cert-wrapper div:hover .delete,.upload-img-wrapper div:hover .delete{
    display: block;
}
.title .add-manager{
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #27a76d;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
}
.team-reg-fa-list li{
    height: 40px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    line-height: 40px;
    padding: 0 15px;
    box-sizing: border-box;
    cursor: pointer;
}
.team-reg-fa-list li .delete{
    font-size: 20px;
    height: 38px;
    line-height: 40px;
    position: absolute;
    right: 0;
    background: #fff;
    display: none;
}
.team-reg-fa-list li:hover .delete{
    display: inline-block;
}
.team-reg-fa .team-logo-inner{
    width: 120px;
    height: 120px;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin: 0 auto 20px;
    overflow: hidden;
}
.team-reg-fa .team-logo-inner img{
    width: 100%;
    height: 100%;
}
.team-reg-fa .team-wrapper{
    text-align: center;
}
.team-reg-fa .choose-fa label{
    margin-right: 20px;
}
.team-reg-fa .choose-fa input{
    background:#ffffff;
    border:1px solid #e0e0e0;
    width:118px;
    height:28px;
    text-indent: 10px;
}
.team-reg-fa .choose-fa input[readonly]{
    color: #999;
}
.team-reg-fa .choose-fa label{
    margin-bottom: 15px;
}
.reg-pl-info-wrapper .pl-list{
    padding: 10px 2px;
}
.reg-pl-info-wrapper .pl-wrapper{
    float: left;
    position: relative;
    width: 82px;
    height: 108px;
    margin-bottom: 18px;
}
.pl-wrapper .head-wrapper{
    position: relative;
    height: 84px;
    width: 64px;
    margin-left: 9px;
    padding: 2px;
    box-sizing: border-box;
    cursor: pointer;
}
.pl-wrapper .head-wrapper img{
    height: 80px;
    width: 60px;
    background: #eee;
}
.pl-wrapper .head-wrapper span{
    position: absolute;
    display: inline-block;
    width: 60px;
    height: 20px;
    color: #fff;
    bottom: 2px;
    left: 2px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
}
.pl-wrapper .head-wrapper span.state1{
    opacity:0.7;
    background:#9b9b9b;
}
.pl-wrapper .head-wrapper span.state2{
    opacity:0.7;
    background:#f5a623;
}
.pl-wrapper .head-wrapper span.state3{
    opacity:0.7;
    background:#27a76d;
}
.pl-wrapper .head-wrapper span.state4{
    opacity:0.7;
    background:#ea3d34;
}
.pl-wrapper p{
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
}
.pl-wrapper.active .head-wrapper{
    box-shadow: 0 0 0 2px #2fa570 inset;
}
.other-filter-wrapper{
    display: block;
    height: 30px;
    width: 100px;
    text-align: center;
    line-height: 30px;
    position: relative;
    border: 1px solid #ccc;
}
.other-filter-wrapper .other-filter{
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #ccc;
    background: #fff;
    width: 300px;
    height: 120px;
    z-index: 1;
    margin-top: 10px;
    padding: 15px 10px;
    box-sizing: border-box;
    display: none;
}
.other-filter-wrapper .other-filter .radio-check{
    border-bottom: 1px solid #e0e0e0;
}
.other-filter-wrapper .other-filter .table-cell{
    width: 130px;
    text-align: left;
    padding: 0 10px;
}
.lock{
    color: #ff8400;
    font-size: 18px;
}
.certificate-wrapper .certificates{
    padding: 20px;
}
.certificate-wrapper .certificates .certificate-one{
    width: 450px;
    background: #FAFAFA;
    border: 1px solid #ccc;
    position: relative;
    padding: 20px 30px;
    text-align: center;
    border-radius: 4px;
    margin-left: 75px;
}
.certificate-wrapper .certificate-one .delete-li{
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 18px;
    color: #ccc;
    display: none;
    cursor: pointer;
}
.certificate-wrapper .certificate-one:hover .delete-li{
    display: block;
}
.certificate-wrapper .certificate-one dd{
    margin-bottom: 10px;
}
.certificate-wrapper img{
    width: 250px;
    height: 164px;
    background: #eee;
}
.certificate-wrapper .cert-pic{
    display: inline-block;
    position: relative;
}
.certificate-wrapper .cert-pic .delete{
    position: absolute;
    right: -16px;
    top: 0;
    color: #f00;
    cursor: pointer;
    display: none;
    font-size: 16px;
}
.certificate-wrapper .cert-pic+p{
    font-size: 12px;
    color: #666;
    margin-top: 5px;
    margin-bottom: 20px;
}
.certificate-wrapper .selection{
    background: #fff;
}
.certificate-wrapper .cert-upload-btn{
    width: 250px;
    height: 164px;
    background: #fff url(/images/icons/upload_cert.png);
    background-size: 100% 100%;
}
.certificate-wrapper .cert-pic:hover .delete{
    display: block;
}
.certificate-wrapper dd label{
    width: 100px;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 15px;
}
.add-certificate-btn{
    width: 150px;
    height: 30px;
    line-height: 30px;
    border: 1px dashed #27A76d;
    color: #27A76d;
    text-align: center;
    margin-left: 95px;
}
.add-certificate-btn a{
    text-decoration: underline;
}
.club-coach-manage .coach-list dd{
    float: none;
    width: 100%;
    margin-bottom: 15px;
}
.club-coach-manage .coach-list dd div{
    width: 280px;
    float: left;
}
.club-coach-system li{
    width: 80px;
    height: 135px;
    float: left;
    margin-right: 25px;
    position: relative;
}
.club-coach-system li dl{
    position: absolute;
    width: 100%;
    top: 105px;
    left: 0;
    background: #fff;
    z-index: 11;
    text-align: center;
    box-shadow: 0 0 3px 0 #efefef;
    -o-box-shadow: 0 0 3px 0 #efefef;
    -moz-box-shadow: 0 0 3px 0 #efefef;
    -webkit-box-shadow: 0 0 3px 0 #efefef;
    font-size: 12px;
    display: none;
}
.club-coach-system dl dd{
    height:30px;
    line-height: 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #efefef;
    cursor: pointer;
}
.club-coach-system dl dd:hover{
    background: #eee;
}
.club-coach-system li .user-pic{
    height: 105px;
    position: relative;
    cursor: pointer;
}
.club-coach-system li img{
    background: #eee;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.club-coach-system li p{
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}
.club-coach-system .user-job{
    position: absolute;
    display: block;
    height: 25px;
    width: 100%;
    text-align: center;
    line-height: 25px;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
}
.club-coach-system .user-job[type='0']{
    opacity:0.7;
    background:#9b9b9b;
    width:80px;
}
.club-coach-system .user-job[type='1']{
    opacity:0.7;
    background:#27a76d;
    width:80px;
}
.club-coach-system .user-job[type='2']{
    opacity:0.7;
    background:#4a90e2;
    width:80px;
}
.club-coach-system .user-job[type='3']{
    opacity:0.7;
    background:#f5a623;
    width:80px;
}
.club-coach-system .user-job[type='4']{
    opacity:0.7;
    background:#ff6600;
    width:80px;
}
.club-coach-system .user-job[type='5']{
    opacity:0.7;
    background:#417505;
    width:80px;
}
.club-coach-system .user-job[type='6']{
    opacity:0.7;
    background:#8b572a;
    width:80px;
}
.login-types li{
    float: left;
    width: 60px;
    font-size: 12px;
    color: #555;
}
.login-types li div{
    display: inline-block;
    width: 100%;
    height: 24px;
}
.login-types li div.tel{
    background: url("/images/icons/login-type-icon.png") center 0 no-repeat;
}
.login-types li div.weChat{
    background: url("/images/icons/login-type-icon.png") center -24px no-repeat;
}
.login-types li div.qq{
    background: url("/images/icons/login-type-icon.png") center -47px no-repeat;
}
.login-types li div.sina{
    background: url("/images/icons/login-type-icon.png") center -71px no-repeat;
}
.search-header{
    border-bottom: 1px solid #e5e9ed;
    padding-left: 10px;
}
.add-list-header{
    border-bottom: 1px solid #e5e9ed;
    padding-left: 10px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    background:#f2f5f7;
}
.search-header li{
    float: left;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    width: 15px;
    text-align: center;
}
.search-header li.active{
    color: #27a76d;
}
.players-wrapper .player-list{
    width: 442px;
    margin-right: 10px;
    height: 280px;
    background:#f2f5f7;
}
.players-wrapper .players{
    height: 240px;
    overflow: hidden;
}
.players-wrapper .players li{
    float: left;
    width: 50%;
    padding: 5px 0 10px 20px;
    box-sizing: border-box;
    font-size: 12px;
}
.players-wrapper .players .checked-box{
    width: 15px;
    height: 15px;
    margin-right: 10px;
}
.players-wrapper .players .user-id{
    margin-left: 25px;
    color: #777;
}
.players-wrapper .add-list{
    width: 258px;
    height: 280px;
}
.players-wrapper .add-players{
    height: 240px;
    overflow: hidden;
    padding: 0 9px;
}
.players-wrapper .add-players li{
    float: left;
    min-width: 85px;
    height: 30px;
    line-height: 30px;
    background: #f2f5f7;
    margin: 20px 15px 0 15px;
    text-indent: 8px;
    font-size: 12px;
}
.players-wrapper .add-players i{
    float: right;
    margin-right: 4px;
    margin-top: 8px;
    display: inline-block;
    height: 14px;
    color: #aaa;
    cursor: pointer;
    font-size: 15px;
}
.club-student-info li.student-list.active .list-header,
.club-student-info li.student-list.active .pl-info-wrapper{
    border-color: #2fa76d;
}
.club-student-info label span{
    color: #d80000;
}
/*============赛事单独报名页============*/
.footer .c-logo{
    text-align: center;
    margin-bottom: 20px;
}
.footer .c-logo img{
    width: 150px;
    height: 50px;
    margin-right: 30px;
}
.footer .c-logo img[src='']{
    border: 1px dashed;
}
.header.c-title img{
    width: 100%;
    min-height: 50px;
    background: #eee;
}
.c-index{
    position: relative;
    padding: 40px 0;
}
.c-index .search-wrapper dd{
    margin-bottom: 15px;
}
.c-index .search-wrapper label{
    font-size:16px;
    color:#1d1d1d;
    height: 30px;
    margin-bottom: 0;
    line-height: 30px;
    margin-right: 20px;
}
.c-index .login-status a{
    font-size: 16px;
    text-decoration: underline;
    height: 30px;
    line-height: 30px;
}
.c-index .c-list{
    border-top: 1px solid #1d1d1d;
    padding-top: 20px;
    min-height: 500px;
}
.c-index .c-list li{
    float: left;
    width: 540px;
    height: 265px;
    border:1px solid #e0e0e0;
    padding: 15px;
    box-sizing: border-box;
    margin-right: 20px;
    margin-bottom: 20px;
}
.c-index .c-list li:nth-child(2n){
    margin-right: 0;
}
.c-index .c-list li:hover{
    border-color: #27a76d;
}
.c-index .c-list .competition-banner img{
    width: 100%;
    height: 155px;
    background: #eee;
}
.c-index .c-list .competition-name{
    text-align: center;
    margin: 15px 0;
}
.popper .login-wrapper{
    padding: 20px 40px;
    box-sizing: border-box;
}
.popper .login-tab{
    border-bottom: 1px solid #aeaeae;
    height: 44px;
}
.popper .login-tab li{
    float: left;
    color: #1d1d1d;
    height: 100%;
    position: relative;
    line-height: 44px;
    text-align: center;
    width: 50%;
    font-size: 16px;
    cursor: pointer;
}
.popper .login-tab li.active{
    color: #27a76d;
}
.popper .login-tab li.active:after{
    content: '';
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #27a76d;
    bottom: -1px;
}
.popper.c-register .login-tab li{
    width: 100%;
    display: block;
}
.popper .login-tab-content li{
    display: none;
    padding: 10px 0 0;
}
.popper .login-tab-content li.active{
    display: block;
}
.popper .login-wrapper .to-register,.popper .login-wrapper .to-login{
    text-align: right;
    margin-bottom: 15px;
    color: #666;
}
.popper .login-wrapper .login-input input{
    padding: 0;
    text-indent: 10px;
    width: 100%;
    height: 45px;
    margin-bottom: 15px;
    line-height: 45px;
    background-color: #EFF1F0;
}
.popper .login-wrapper .login-input input:focus{
    -moz-box-shadow: 0 0 0 1px #27a76d inset;
    -webkit-box-shadow: 0 0 0 1px #27a76d inset;
    box-shadow: 0 0 0 1px #27a76d inset;
}
.c-user-list li{
    float: left;
    width: 540px;
    margin-right: 20px;
    border:1px solid #e0e0e0;
    height: 145px;
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 0;
    position: relative;
}
.c-user-list li:nth-child(2n){
    margin-right: 0;
}
.c-user-list li:hover{
    border-color: #27a76d;
}
.c-user-list .edit-box{
    position: absolute;
    right: 5px;
    bottom: 10px;
    font-size: 16px;
    color: #666;
    cursor: pointer;
}
.c-user-list .edit-box .edit{
    margin-left: 5px;
}
.c-user-list .pl-pic{
    margin-right: 35px;
}
.c-user-list .pl-pic img{
    width: 80px;
    height: 105px;
    background: #eee;
}
.c-user-list .pl-info p{
    font-size: 12px;
    line-height: 22px;
}
.c-user-list .pl-info p.submitted{
    color:#04c3ef;
}
.c-user-list .pl-info p.rejected{
    color:#ff3600;
}
.c-user-list .pl-info p.approved{
    color:#27a76d;
}
.content .c-header{
    border-bottom: 1px solid #d5dade;
    height: 30px;
}
.c-pl-info dd{
    float: left;
    width: 50%;
}
.c-pl-info .title{
    border-left: 2px solid #27a76d;
    margin: 20px 0;
    text-indent: 10px;
}
.c-pl-info li label{
    width: auto;
    margin-left: 10px;
}
.c-pl-info .requirements{
    padding: 0;
}
.c-pl-info .requirements .current-img{
    margin-left: 152px;
}
.c-pl-info .requirements .example-img{
    margin-left: 102px;
}
.c-pl-info .requirements label span{
    color: #f00;
}
/*===============学员注册==============*/
.reg-pl-info-wrapper .title{
    cursor: pointer;
}
.reg-pl-info-wrapper .arrow-right{
    display: inline-block;
    margin-left: 10px;
    color: #aaa;
}
.reg-pl-info-wrapper .arrow-right i{
    display: inline-block;
    width: 1px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    font-size: 26px;
    margin-top: 20px;
    vertical-align: middle;
}
.reg-pl-info-wrapper dd.active .arrow-right{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.reg-pl-info-wrapper .stu-list{
    display: none;
    padding: 10px 2px;
}
.reg-pl-info-wrapper dd.active .stu-list{
    display: block;
}
.reg-files .file-upload-btn{
    background:#27a76d;
    width:60px;
    height:25px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    margin-left: 4px;
    font-size: 12px;
}
.reg-files .file-icon{
    font-size: 16px;
    margin: 0 5px;
}
.reg-files .clear-file{
    display: inline-block;
    opacity: 0.5;
    background: #1d1d1d;
    font-size: 10px;
    border-radius: 50%;
    color: #fff;
    -webkit-transform: scale(0.8);
    line-height: 20px;
    vertical-align: middle;
    cursor: pointer;
    height: 20px;
    width: 20px;
    text-align: center;
}
.reg-files .reg-file-info{
    vertical-align: middle;
}
.file-progress-bar{
    display: inline-block;
    background:#f5f5f5;
    width:90px;
    height:3px;
    position: relative;
    vertical-align: middle;
    margin: 0 25px 0 5px;
}
.file-progress-bar .pro-bar-bg{
    display: inline-block;
    background:#2fa76d;
    width: 10%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.file-progress-bar .progress-percent{
    position: absolute;
    top: -6px;
    left: 100%;
    font-size: 12px;
    width: 32px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    text-align: right;
}
.title-filter .filters li{
    float: left;
    height: 30px;
    width: 30px;
    border: 1px solid #e1e1e1;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
}
.statistics-list{
    font-size: 12px;
    text-align: center;
    color: #666;
}
.statistics-list th{
    height: 50px;
    text-align: center;
}
.statistics-list td{
    height: 40px;
    padding: 0 3px;
    box-sizing: border-box;
    max-width: 120px;
    cursor: pointer;
    min-width: 80px;
}
.statistics-list tr:nth-child(2n){
    background:#f5f5f5;
}
.statistics-list td .edit{
    display: inline-block;
    background:#27a76d;
    width:28px;
    height:27px;
    border-radius:100%;
    text-align: center;
    line-height: 27px;
    color: #fff;
    font-size: 16px;
}
.statistics-list td .delete{
    display: inline-block;
    background:#999;
    width:28px;
    height:27px;
    border-radius:100%;
    text-align: center;
    line-height: 27px;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
}
.marketer-filter .content li{
    float: left;
    width: 100px;
    margin-bottom: 20px;
}
.warning-set .content input{
    background: #ffffff;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    width: 138px;
    height: 38px;
}
.track-list-filter .track-list dd{
    float: left;
    width: 100px;
}
.track-list-filter .track-list .list-title{
    font-weight: bold;
    color: #666;
    margin-bottom: 30px;
}
.track-list-filter .track-list li{
    margin-bottom: 12px;
}
.filter-wrapper.begin-time .btn-box button{
    width: 80px;
    margin-right: 30px;
}
.filter-wrapper.begin-time .content input{
     background:#ffffff;
     border:1px solid #dbdbdb;
     width:118px;
     height:28px;
}
.main-wrapper .contact-us{
    position: absolute;
    right: 10px;
    top: 50px;
    width: 259px;
    box-shadow: 0 0 4px 1px #a9a9a9;
    padding: 20px;
    box-sizing: border-box;
    z-index: 22;
}
.main-wrapper .contact-us .header{
    border-bottom:1px dashed rgba(222,222,222,1);
    padding-bottom: 20px;
}
.main-wrapper .contact-us .header a{
    text-decoration: underline;
}
.main-wrapper .contact-us i.title-icon{
    display: inline-block;
    vertical-align: middle;
    height: 7px;
    width: 7px;
    margin-right: 3px;
    background: #27A76D;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.main-wrapper .contact-us .contact .title-icon{
    background: #F5A623;
}
.main-wrapper .contact-us .contact{
    line-height: 30px;
}
.main-wrapper .contact-us .contact p{
    font-size: 12px;
    text-indent: 10px;
}
.main-wrapper .contact-us img{
    width: 80%;
    margin-top: 30px;
}
.main-wrapper .login-status .login-state{
    width:55px;
    height:22px;
    background:rgba(216,216,216,1);
    border-radius:3px;
    line-height: 22px;
    color: #fff;
    font-size: 12px;
}
.main-wrapper .login-status .state1{
    background: #F5A623;
}
.main-wrapper .login-status .state2{
    background: #27A76D;
}
.readRule{
    position: fixed;
    height: 159px;
    width: 254px;
    background: #fff;
    z-index: 111;
    left:0;
    right: 0;
    top: 35%;
    bottom: auto;
    margin: auto;
    text-align: center;
    -webkit-box-shadow: 0 0 5px 1px #ccc;
    -moz-box-shadow: 0 0 5px 1px #ccc;
    box-shadow: 0 0 5px 1px #ccc;
}
.readRule h3{
    font-size: 14px;
    margin: 50px auto 40px;
}
.readRule a{
    color: red;
}
.readRule .btn-box{
    padding: 0 30px;
    box-sizing: border-box;
}
.readRule button{
    width: 60px;
    height: 24px;
    line-height: 24px;
    border-radius: 50px;
    border: 1px solid #ccc;
}
.readRule button:first-child{
    color: #2FA570;
    border: 1px solid #2FA570;
}
.download-tab a{
    display: block;
    width: 100%;
    text-align: center;
    line-height: 30px;
    color: #B3C0CC;
    font-size: 14px;
    border: 1px solid #B3C0CC;
    border-radius: 1px;
    height: 30px;
    box-sizing: border-box;
}
.download-tab button.active a{
    background: #1F2A35;
    color: #fff;
    border: none;
}
.download-content{
    font-size: 12px;
}
.download-content label{
    color: #677A8E;
    margin-right: 20px;
    width: 78px;
}
.download-content .box{
    margin-bottom: 30px;
}
.download-content .checked-box{
    width: 14px;
    height: 14px;
}
.download-content .requirement-wrapper{
    width: 740px;
    background: rgba(250,250,250,1);
    border-radius: 4px;
    padding: 10px 10px 0;
}
.download-content .requirement-wrapper li{
    float: left;
    margin-bottom: 16px;
    width: 240px;
}
.download-content .select-all{
    margin-bottom: 16px;
}
.option-require-popper .content{
    font-size: 12px;
}
.option-require-popper .content .option-list{
    background: #FAFAFA;
    padding: 10px 10px 0;
}
.option-require-popper .option-list div.fl{
    margin-bottom: 16px;
    width: 50%;
}
.option-require-popper .checked-box{
    width: 14px;
    height: 14px;
}
.option-require-popper .select-all{
    margin-bottom: 15px;
}
.download-content .flex1{
    text-align: center;
}
.download-content .head .flex1{
    color: #3F4E5D;
    font-weight: bold;
}
.download-content .fa-list{
    overflow: hidden;
    padding: 0 16px;
    background: #FAFAFA;
    height: 300px;
}
.download-content .fa-box .checked-box{
    margin-right: 18px;
    margin-top: 23px;
}
.download-content .fa-box {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #F5F5F5;
}
.download-content em{
    color: #27A76D;
}
.download-content .fa-box:last-child{
    border-bottom: none;
}
.download-content .coach-level-list{
    background: #FAFAFA;
    padding: 16px 16px 0;
    overflow: hidden;
    width: 740px;
    max-height: 173px;
}
.download-content .coach-level-list li{
    float: left;
    width: 214px;
    margin-bottom: 16px;
}
.select-level-popper .content{
    margin-top: 35px;
    font-size: 12px;
}
.select-level-popper .content .checked-box{
    width: 14px;
    height: 14px;
}
.select-level-popper label{
    color: #677A8E;
    margin-left: 16px;
    margin-right: 40px;
}
.select-level-popper .content .checkBox-list{
    width: 464px;
    height: 173px;
    overflow: hidden;
    padding: 10px 16px 0;
    background: #fafafa;
    border-radius: 4px;
    margin-top: 15px;
}
.select-level-popper .checkBox-list li{
    margin-bottom: 16px;
    width: 50%;
    float: left;
}
.search-dropdown{
    position: relative;
    height: 30px;
    min-width: 120px;
    width: 120px;
    border: 1px solid rgba(179,192,204,1);
    border-radius: 3px;
    background: transparent;
}
.search-dropdown .arrow-down{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: -1px;
    text-align: center;
    line-height: 30px;
    border-left: 1px solid rgba(179,192,204,1);
    cursor: pointer;
}
.search-dropdown .arrow-down:after{
    font-family: "iconfont" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.search-dropdown .arrow-down:after{
    display: block;
    content: '\e661';
    font-size: 16px;
}
.search-dropdown input{
    width: calc(100% - 30px);
    height: calc(100% - 1px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border: none;
}
.search-dropdown .options1,
.search-dropdown .options2{
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(100% + 1px);
    background: #fff;
    z-index: 9;
    max-height: 210px;
    overflow: auto;
    border-top: none;
    -webkit-box-shadow: 0 2px 4px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 2px 4px 1px rgba(0,0,0,0.15);
    box-shadow: 0 2px 4px 1px rgba(0,0,0,0.15);
    border-radius: 3px;
    display: none;
    font-size: 12px;
}
.search-dropdown .option{
    height: 30px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    margin: 0;
    border: none;
    line-height: 30px;
    cursor: pointer;
}
.search-dropdown .option:hover{
    background: #E5E9ED;
}
.search-dropdown .option.hide{
    display: none !important;
}
.colorA{
    color: #aaa;
}
.player-info-popper .player-info-pop p{
    text-align: left;
}