@charset "utf-8";
/* CSS Document */
.wrap {background:url(../images/inner_bg.jpg) center 0 no-repeat #efefef; padding-bottom:50px;}
.menu_wrap{margin-bottom: 408px;}

.inner_wrap{width:100%;clear:both; padding-bottom:50px;}
.club_nav{ padding-top:20px;}
.club_nav ul{ margin-bottom:10px;}
.club_nav ul li{width:138px; border:5px solid #959595; margin:0 22px 20px 0;}
.club_nav ul li img{width:100%;}
.club_nav ul li.current,.club_top ul li:hover{ border-color:#da251c;}


.club_info{padding:20px 40px; background:#000;display: flex;justify-content: space-between;}
.club_info img{width:138px; margin-right:30px;height: 120px;}
.club_info p{ color:#999; font-size:16px; line-height:30px; font-weight:bold;width: 735px;}
.club_info p b{font-size: 22px;color: white;}

.player{ margin-bottom:20px; background:white; padding:25px 30px;display: flex;justify-content: space-between;}
.player_img{width:180px; height:240px;position: relative;}
.player_img img{width:180px; display:block;}
.player_img::after{display: block;content: "";position: absolute;left: 0;top: 0;background:url(../images/player_level_1.png) no-repeat;width:180px; height:240px;}
.player_style_2 .player_img::after{background:url(../images/player_level_2.png) no-repeat;}

.player_intro{width:725px; font-size:16px; color:#999; line-height:32px;}
.player_intro b{ font-size:24px; color:#000; line-height:50px;}

#schedule_rule{ padding-top:30px;}
#schedule_rule img{ display:block;}
#schedule_rule div{width:148px; height:387px; background:#fff; border:1px solid #b8b8b8;}
#schedule_rule div p{ text-align:center; height:44px; line-height:44px; background:#828282;border-bottom:1px solid #b8b8b8; color:white; font-size:16px; font-weight:bold;}
#schedule_rule div ul{ padding-top:10px;}
#schedule_rule div ul li{ text-align:center; line-height:25px; font-size:14px; font-weight:bold;}
#schedule_rule div ul li a{ color:#535353;}

.schedule_menu{height:59px; margin-top:40px; margin-bottom:40px;}
.schedule_menu ul{ text-align:center; padding:8px 0;display: flex;justify-content: space-between;}
.schedule_menu ul li{ text-align:center; font-size:18px; color:#4c4c4c;background:#a2a2a2; line-height:52px;width:124px; border-right:1px solid white; cursor:pointer; display:block;}
.schedule_menu ul li.current,.schedule_menu ul li:hover{ color:#f2f2f2;}
.match_date{ display:none;}
.date_wrap{width:495px;}
.date_title{ font-size:18px; color:white; text-align:center; font-weight:bold; height:44px; line-height:44px; background:#cd3240;}
.date_wrap ul li{ height:70px; font-size:14px; color:#000; padding:9px 20px; clear:both;}
.date_wrap ul li.even{ background:white;}
.date_wrap ul li.odd{ background:#e9e9e9;}
.date_wrap ul li div{ width:190px; }
.date_wrap ul li div p{ line-height:35px; padding-left:20px;}
.date_wrap ul li div.video{width:90px; line-height:70px; padding-left:25px; text-align:left; height:70px;}
.date_wrap ul li div.video a{ color:#000;}
.date_wrap ul li div.video_link{ background:url(../images/jj_icon.png) left center no-repeat;}

/** NEWS **/
.fspl_h2{ height:50px; width:100%; line-height:50px; background:white;}
.fspl_h2 p{ padding-left:8px; font-weight:normal; color:#ccc; font-size:14px;}
#news_list li{ height:60px; line-height:60px; padding-left:8px; border-bottom:1px solid #ccc; position:relative; font-size:14px;}
#news_list li a{ color:#333; text-decoration:none;}
#news_list li a:hover{ color:#e74c3c;}
#news_list li span{ display:block; position:absolute; width:100px; right:0; top:0; height:50px; color:#ccc;}
.pagination{width:100%; text-align:center; height:60px; padding-top:30px;}
.pagination a,.pagination span{ display:inline-block; text-decoration:none; height:30px; padding:0 20px; background:white; line-height:30px; border-radius:25px; border:1px solid #ccc; color:#ccc; margin:0 5px;}
.pagination span{ background:#3498db; color:white;}
.pagination a:hover{ border-color:#3498db;}
.news_title{ border-bottom:1px solid #ccc; text-align:center;}
.news_title b{ display:block; height:90px; line-height:90px; font-size:34px; color:white;}
.news_title p{ font-size:14px; color:#ccc; line-height:24px; padding:30px 0;}
.news_content{width:810px; margin:0 auto; padding-top:30px; padding-bottom:100px;font-size:14px; color:black;}
.news_content img{ margin:0 auto; max-width:800px; display:block; margin-bottom:30px;}
.news_content p{ font-size:14px; color:white; line-height:38px; }
.news_content a{color: white;text-decoration: underline;}

/* rule */
.rule_wrap{ background:white; margin-top:25px;padding-bottom: 30px;}
.rule_wrap h3{ height:60px; line-height:60px; text-align:center; font-size:24px; color:white; background:black;}
.rule_list{margin-left: 40px;margin-top: 35px;width: 925px;}
.rule_list li{line-height: 25px;padding-left: 25px;background: url(../images/star.png) left 7px no-repeat;font-size: 16px;color: #777;margin-bottom: 20px;}

.rule_wrap .photo_wrap,.rule_wrap .video_wrap{ padding-top:32px;}
.rule_wrap .photo_wrap ul,.rule_wrap .video_wrap ul{width:840px; margin:0 auto; position:relative;}
.rule_wrap .photo_wrap ul li,.rule_wrap .video_wrap ul li{width:240px; margin:0 20px 20px; float:left;}
.rule_wrap .photo_wrap ul li a,.rule_wrap .video_wrap ul li a{ display:block;}
.rule_wrap .photo_wrap ul li a img,.rule_wrap .video_wrap ul li a img{width:240px; height:180px;}
.rule_wrap .photo_wrap ul li p,.rule_wrap .video_wrap ul li p{ text-align:center; height:40px; line-height:40px; font-size:12px; color:#666;}


/* 排行榜 */
.ranking_wrap{width:100%;background:url(../images/rankingBg.jpg) center top no-repeat black;  clear:both; padding-bottom:100px;}
.ranking_content{ margin-top:240px; clear:both; background:#313131; padding-bottom:100px;}
.ranking_content h3{ height:60px; line-height:60px; text-align:center; font-size:24px; color:white; background:#dd1d00;}
.week_player .title{ background:url(../images/week_title.png) center no-repeat; height:60px; width:100%; margin-top:22px;}
.week_player div{width:180px; margin:0 auto; position:relative; height:240px; overflow:hidden;}
.week_player div img{width:180px; display:block;}
.week_player div span{ background:url(../images/week_wrap.png) no-repeat; width:180px; height:240px; position:absolute; left:0; top:0;}
.week_player_name{ text-align:center; line-height:45px; color:white; font-size:18px; font-weight:bold;}
.players_list{width:880px; margin:0 auto;}
.players_list li{width:180px; margin:0 20px 20px;}
.count{ height:40px; line-height:40px; text-align:center; background:#000; font-size:16px; color:white;}
.count span{ padding-right:5px;}
.players_list .player_img{ margin:0;}
.vote_btn{width:100%; height:22px; line-height:22px; background:#000; padding:9px 0;}
.vote_btn a{ display:block; color:white; font-size:14px;padding-left:45px;height:22px;}
.vote_btn .vote{  width:43px;  border-right:1px solid #313131; background:url(../images/vote_btn.png) 21px top no-repeat;}
.vote_btn .vote_2{ background-position:21px -22px;}
.vote_btn .share{width:45px; background:url(../images/rangking_share.png) 21px center no-repeat;}

/** 照片 **/
.rule_wrap .photo_list{width:996px; margin:0 auto; padding:20px 0;}
.rule_wrap .photo_list li{width:320px; margin:0 6px 10px;}

/** 新俱乐部 **/
.club_top{margin: 25px auto;}
.club_top ul{display: flex;flex-wrap: wrap;}
.club_top ul li{width: 148px;height: 130px;margin: 0 18.5px 20px 0;}
.club_top ul li a{display: block;width: 138px;height: 120px;border: 5px solid #959595;}
.club_top ul li a:hover,.club_top ul li a.current{border: 5px solid #f39800;}
.club_top ul li a img{width: 138px;height: 120px;}