@charset "utf-8";
/* CSS Document */
body{ background:url(../images/bg.jpg) center top no-repeat #262626;}
body,html{ overflow-x:hidden;}
.bg{width:100%; background:url(../images/apply_bg.jpg) center top no-repeat; padding-bottom:100px; padding-top:500px;}
.bg500{ padding-top:500px;}
.container{width:100%; }
.top_btn_wrap{ height:150px; width:100%;  margin-bottom:30px;}
.content{width:1000px; margin:0 auto; position:relative;}
.pop_default{ background:#030863;}
.menu-wrap{width: 100%;height: 180px;margin-bottom: 30px;}
.menu-wrap .content{display: flex;justify-content: space-between;align-items: center;height: 180px;}
.menu-wrap a{display: block;}
.menu-wrap a:hover{text-decoration: none;}
.city-cur{display: flex;flex-wrap: wrap;padding: 20px 0; justify-content: left;align-items: center; background: url(../images/city_cur.png) no-repeat;width: 170px;height: 80px;color: #313131;font-size: 32px;font-weight: bold;text-align: center;padding-left: 150px;margin-right: 20px;}
.city-cur p{width: 170px;line-height: 40px;}
.menu-33{background: url(../images/btn_33.png) no-repeat;width: 200px;height: 120px;margin-right: 20px;}
.menu-22{background: url(../images/btn_22.png) no-repeat;width: 200px;height: 120px;margin-right: 20px;}
.menu-friends{background: url(../images/btn_friends.png) no-repeat;width: 220px;height: 120px;}
.menu-33:hover,.menu-22:hover,.menu-friends:hover,.menu-33-cur,.menu-22-cur,.menu-friends-cur{background-position: 0 -120px;}

#gameID_wrap #info_wrap{padding-bottom:100px;}
.wrap{width:100%; margin:0 auto; background:#313131; clear:both; padding-bottom:50px;}
.wrap h1{ text-align:center; height:57px; line-height:57px; background:#1a1a1a; color:#fff; font-size:24px;}
.wrap h2{text-align: center;color: white;font-size: 18px;line-height: 80px;}
#info_wrap .intro{color:white; line-height:80px; margin:0 auto 25px;text-align: center;}

.form-style{ margin-bottom:30px;width:570px;margin:0 auto;}
.form-style li{ margin-bottom:15px; height:31px; line-height:31px;color:white;}
.form-style li span{ display:inline-block;width:100px; height:31px; text-align:right; margin-right:10px; }
.form-style li input,.form-style li select{width:310px; height:31px; vertical-align:top; padding-left:10px; color:#000; border:none;}
.form-style li select{width:320px; }
.form-style li input.yzm{width:158px; margin-right:15px;}
.form-style li a{ display:inline-block;width:137px; height:31px; text-align:center; line-height:31px; vertical-align:top; color:#000; background:#f2d81f;}
#btn_active{ display:block;width:167px; height:45px; text-align:center; line-height:45px; vertical-align:top; color:white; background:#cd3000;margin-left:325px;font-weight: bold;font-size: 16px;}
#info_wrap .match-rule{ background:white; padding-bottom:100px;padding-top: 36px;}
#info_wrap h1{margin-bottom:45px;}
#info_wrap .login-text{width:410px; height:25px; margin:0 auto; margin-bottom:25px; }
#info_wrap .login-text  p{ color:#fff;width:120px; position:relative;float: left;line-height: 25px;}
#info_wrap .login-text  span{ color:#fff;position:relative;float: left;line-height: 25px;display:block;}
#info_wrap .login-text input,#info_wrap .login-text select{width:260px; display:block;height:25px;float: left; border:none;color:#000;vertical-align: top;}
.text-content{display: block;float: left;width:225px;height:25px;padding-left: 5px;line-height: 25px;background: white;color: #000;}
#login_btn{display:block;width:167px; height:45px;color:white; background:#cd3000;margin:0 auto;border:none;font-size: 16px;font-weight: bold;}
.info_tips{width:410px;margin:0 auto 25px;line-height:25px;color:red;}


.match_btn{ position: relative; padding-top:30px;display:flex;justify-content:space-between;}
.match_btn a{display: block;width:240px;  height:120px; }
.match_btn a b{ display:block;height:78px;width:100%;text-align:center;line-height:78px;margin-bottom:4px;background:#313131;color:white;font-size:32px;}
.match_btn a p{height:38px;width:100%;text-align:center;line-height:38px;background:white;color:black;font-size:18px;}
.match_btn a:hover{text-decoration:none;}
.match_btn a.sel .match_btn_1{background-color:#de00db;color:black;}
.match_btn a.sel .match_btn_2{background-color:#eef600;color:black;}
.match_btn a.sel .match_btn_3{background-color:#00b7ff;color:black;}
.match_btn a.sel .match_btn_4{background-color:#00d87f;color:black;}
.match_btn a.sel b{background-image:url(../images/top_sel.png);background-position:left top;background-repeat:no-repeat;}


.city_current{ position:relative;width:185px; height:120px; background:#1ea1d8; margin-right:20px; margin-left:85px;}
.city_current b{width:110px; height:40px; text-align:center; line-height:40px; font-size:20px; color:black; font-weight:bold; display:block; position:absolute; left:0; top:0;}
.match_btn .city_current a{margin:0;text-align:center; color:white; font-size:38px; font-weight:bold; line-height:120px;width:100%;}
.match_btn .city_current a:hover{ text-decoration:none;}
.match_btn .city_current  span{font-size:16px;color:white;width:100%; line-height:30px; height:30px; left:0; top:85px; position:absolute; font-weight:bold; text-align:center; display:none;}
.match_btn .city_sel  span{ display:block;}


#menu_wrap{width:100%;height: 80px; margin-bottom:20px;}
#menu_wrap li{width:240px;height: 80px;margin-right: 10px;}
#menu_wrap li a{display: block;border: 4px solid #0d0d0d; height: 72px;line-height: 72px;padding-left:105px;font-size: 20px;color: white;font-weight: bold;position: relative;}
#menu_wrap li a.club_menu{line-height:25px;padding: 15px 0 15px 105px;height:50px;}
#menu_wrap li a span{display: block;position: absolute;background-repeat:no-repeat; background-position:0 0;}
#menu_wrap li.menu_1 a{background: url(../images/menu_1.png) 42px center no-repeat #0d0d0d;}
#menu_wrap li.menu_2 a{background: url(../images/menu_2.png) 42px center no-repeat #0d0d0d;}
#menu_wrap li.menu_3 a{background: url(../images/menu_3.png) 42px center no-repeat #0d0d0d;}
#menu_wrap li.menu_4 a{background: url(../images/menu_4.png) 42px center no-repeat #0d0d0d;}
#menu_wrap li a:hover,#menu_wrap li a.current{text-decoration: none;}
#menu_wrap li a:hover, #menu_wrap li a.current{border: 4px solid #ffea00; }

#match_team #menu_wrap li.menu_1 a span{ background-image:url(../images/menu_team_1.png);}
#match_team #menu_wrap li.menu_2 a span{ background-image:url(../images/menu_team_2.png);}
#match_team #menu_wrap li.menu_3 a span{ background-image:url(../images/menu_team_3.png);}
#match_team #menu_wrap li.menu_4 a span{ background-image:url(../images/menu_team_4.png);}
#match_team #menu_wrap li a:hover,#match_team #menu_wrap li a.current{ background-color:#66cc00; color:#000448;}


.search_wrap{ background:#1a1a1a; height:146px; overflow:hidden; margin:20px 0;width:1000px; clear:both;}
.search_terms{ padding-left:47px;padding-top:25px;}
.pro_needs{ height:40px; line-height:40px; font-size:14px; color:white;clear: both;}
.pro_needs span{ display:block; margin-right:20px; height:40px;}
.pro_needs span.label,.search_sel span.label{width:60px; margin-right:20px;}
.pro_needs input{ vertical-align:middle; margin-right:7px;}
.search_sel{ height:23px; line-height:23px; margin-bottom:12px; font-size:14px; clear:both;color:white;}
.search_sel span{ display:block;}
.search_sel input,.search_sel select{width:169px; height:23px;; border:none; vertical-align:middle;}
.search_btn,.search_btn input{width:160px; height:146px;}
.search_btn input{ cursor:pointer; background:#f2d81f; border:none;font-weight: bold;font-size: 36px;color: #000;}
.team_list{ clear:both;width:100%; background:white;}
.team_list li{ clear:both; height:55px; line-height:55px;}
.team_list li.list_header{background:#1a1a1a;}
.team_list li p{height:56px; text-align:center; font-size:14px; color:#2e2e2e;width: 140px;}
.team_list li.list_header p{color:#fff; font-size:18px; font-weight:bold;}
.team_list li p.team_name{width:160px;}
.match_style,.team_state,.good_lineup{width:90px;}
.match_city{width:143px;}
.team_pro,.good_position{width:210px;}
.team_list li div{width:230px; text-align:center;}
.team_list li div a{ display:inline-block; width:95px; height:33px; line-height:33px; font-size:16px; color:white; text-align:center;background:#c41b34; cursor:pointer; vertical-align:middle;}
.team_list li div a.detail_btn,.detail_btn{ background:#313131; color:white;}
.page{ clear:both; text-align:center; height:40px; line-height:40px; font-size:12px; color:#fff;background: #313131;padding-bottom:20px;}
.page span,.page a{ display:inline-block; margin:0 7px;color:#fff;}
.page input{ margin:0 7px; text-align:center;}
.page_go{ background:none; border:none; color:#ec6941; font-weight:bold;}
#apply_list{padding-top:25px;border-bottom: 1px solid #959595; background:white;}
#apply_list li{clear:both;  color:#535353; font-size:14px;height: 32px;line-height: 32px; position:relative;margin-bottom:15px;}
#apply_list li span.date{ display:block;  width:90px; margin-left: 45px; line-height:32px; float:left; }
#apply_list li p{ float:left;width:510px;  line-height: 32px; color:#999;}
#apply_list li p a{ text-decoration:underline; color:#535353; padding-right:3px;}
.btn_wrap{margin-right: 20px;}
.btn_wrap a{ display: block;float: right;width:98px;height: 30px; line-height: 30px;margin-left: 10px;text-align: center;}
.btn_wrap a:hover{text-decoration: none;}
.btn_wrap a.status_1{color: #c41b34;border:1px solid #c41b34;}
.btn_wrap a.status_2{color: #959595;border:1px solid #959595;}
.btn_wrap a.btn_1{color: #959595;border:1px solid #959595;color: white;background: #959595;}
.btn_wrap a.btn_2{color: #c41b34;border:1px solid #c41b34;color: white;background: #c41b34;}
#my_info,#player_info{ margin-top: 20px;padding-bottom:0;font-size: 14px;}
#my_info div.list_wrap,#player_info div.list_wrap{width:332px;float: left;height: 570px; overflow:hidden;}
#player_info div#game_list_wrap{width:334px;}
#game_list_wrap .login-text p{width:95px;}
#game_list_wrap .login-text .text-content{width:130px;}
#gameId_info a{ display:block;width:167px; height:45px; text-align:center; line-height:45px; color:white; background:#c41b34;font-size: 16px;font-weight: bold; margin:20px auto 0;}
#gameId_info a:hover{ background:#c41b34; text-decoration:none;}
.border-side{border-left: 1px solid #707070;border-right: 1px solid #707070;}
#my_info h1,#player_info h1{margin-bottom: 45px;}
.list_wrap .login-text{width:260px; height:25px; margin:0 auto; margin-bottom:25px; }
.list_wrap .login-text  p{ color:#fff;width:76px; position:relative;float: left;line-height: 25px;}
.list_wrap .text-content{width:179px; }
.tips{clear: both;text-align: center;width:100%; color: #fece00;font-size: 12px;line-height: 30px;}
.modify_btn{ display:block;width:167px; height:45px; text-align:center; line-height:45px; vertical-align:top; color:white; background:#c41b34;margin-left:112px;font-size: 16px;font-weight: bold;}
.del_btn{ display:block;width:167px; height:45px; text-align:center; line-height:45px; vertical-align:top; color:white; background:#959595;margin-left:112px;font-size: 16px;font-weight: bold;}
.login-text .status{display: block;float: left;width:179px;height:25px;padding-left: 5px;line-height: 25px;color: #959595;}
.status_1{color: #f2d81f;}
.status_2{color: #535353;}
#rule-wrap .wrap{padding-bottom: 0;}
.pop_content{ text-align:center;}
.list_wrap .btn_1{display:block;width:167px; height:45px; text-align:center; line-height:45px;color:white; background:#c41b34;margin:20px auto;font-size: 16px;font-weight: bold;}
.list_wrap .btn_2{display:block;width:167px; height:45px; text-align:center; line-height:45px;color:white; background:#535353;margin:20px auto;font-size: 16px;font-weight: bold;}
.list_wrap .btn_3{display:block;width:163px; height:41px; text-align:center; line-height:41px;color:#c41b34;margin:20px auto;font-size: 16px;font-weight: bold;border: 2px solid #c41b34;}
#nav-wrap{ height:60px; background:#1a1a1a;}
#nav-wrap li{width:25%; float:left; height:60px; text-align:center;}
#nav-wrap li a{ display:inline-block; height:60px; line-height:60px; font-size:18px; color:white; text-decoration:none;font-weight: bold;}
#nav-wrap li.cur a{color: #fff100;}
#match-address ul li{ padding:25px 0;  clear:both; color:white; font-size:16px;border-bottom:1px solid #666;}
#match-address ul li span{ display:block; text-align:right; width:24%; padding-right:2%;line-height:36px; border-right:1px solid #666; float:left;}
#match-address ul li div{ float:left;width:65%; margin-left:2%;}
#match-address ul li div p{line-height:36px; margin-bottom:2px; color:white;}
#match-award,#match-rule{ padding-top:.6rem; display:none;}
#match-award img{ display:block; margin:0 auto;width:90%;}
.match-rule p{width:910px; margin:0 auto 30px; color:#313131; line-height:30px; font-size:14px;}
.match-rule p b{font-size: 18px;}
.match-rule p strong{color: #e35a16;}

/** 基友团 **/
#search_friends{height: 73px;}
#search_friends .search_btn input{ height: 73px;font-size: 24px;}
#friends-wrap #my_info div.list_wrap,#friends-wrap  #player_info div.list_wrap{height: 310px;}

.apply-float{display: flex;position: fixed;right: 10px;top: 200px;width: 200px;}
.apply-float img{display: block;width: 100%;}