*{ margin: 0; padding: 0;
 -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
 -moz-box-sizing: border-box; /*<=28 */
 box-sizing: border-box;
}
ul li{
 list-style-type: none;
}
img {
 border: 0;
}
.section { font: 16px "Microsoft Yahei"; color: #fff;}

/*头部*/
.header{
 position: fixed;
 /*display: flex;
 flex-direction: column;
 justify-content: center;*/
 width: 100%;
 height: 5rem;
 background: url("../images/header_bg.png")/*tpa=http://www.jgik.cn/images/header_bg.png*/ repeat-x left top\9;
 background: rgba(0,0,0,0.4);
 top: 0;
 z-index: 100;
 /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);*/
}
.nav-container{
 /* display: flex;
 justify-content: space-between;*/
 width: 95%;
 height: 5rem;
 margin: 0 auto;
}
.nav-l{
 float: left;
 margin-left:4rem;
 /*width: 10.8rem;*/
}
.nav-r{
 float: right;
}
.nav-r .search-citys{
 float: left;
}
.nav-r #city_name{
 margin-top: 1.5rem;
 height: 2rem;
 line-height: 2rem;
}
.nav-r .search-citys .search-citys-pop{
 top: 3.5rem;
}
.nav-l a{
 width: 15rem;
 height: 5rem;
 display: table-cell;
 vertical-align: middle;
}
.nav-l img{
 /*height: 3.54rem;*/
 width: 100%;
}
.nav-r-l{
 /* display: flex;*/
 font-size: 0.83rem;
 color: #ffffff;
 height: 5rem;
 float: right;
}
.nav-r-l li{
 float: left;
 height: 5rem;
}
.nav-r-l li a{
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 /* display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;*/
 height: 5rem;
 padding: 0 1rem;
 color: #ffffff;
 text-decoration: none;
}
.nav-r-l li:hover,.nav-r-l li{
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 -o-transition: all 0.5s;
 transition: all 0.5s;
}
.nav-r-l li.cur{
 background: #f39800;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 -o-transition: all 0.5s;
 transition: all 0.5s;
}

.nav-r-l li img{
 display: block;
 width: 2.4rem;
 margin: 0 auto 0.2rem;
 /*height:2.34375rem;
 margin-bottom: 0.2rem;*/
}
.nav-r-l li .navitem_league_icon{ width:3.2rem; height:2.4rem; display:blick; margin:0 auto 0.2rem; background:url("../images/nav-league-icon.png-201908201502.png")/*tpa=http://www.jgik.cn/images/nav-league-icon.png?201908201502*/ center no-repeat; background-size:100% auto; }
.nav-r-l li .navitem_league_icon:hover,.nav-r-l li.cur .navitem_league_icon{ background:url("../images/nav-league-icon-on.png-201908201502.png")/*tpa=http://www.jgik.cn/images/nav-league-icon-on.png?201908201502*/ center no-repeat; background-size:100% auto; }
.nav-r-l li .navitem_league{ color:#f39800; }
.nav-r-l li.cur .navitem_league{ color:#fff; }
.subdiv{
 display: none;
 position: absolute;
 width: 100%;
 height: 4rem;
 top: 5rem;
 left: 0;
 background: url("../images/header_bg_sub.png")/*tpa=http://www.jgik.cn/images/header_bg_sub.png*/ repeat-x left top\9;
 background:rgba(0,0,0,0.55);
 z-index: 99;
 font-size: 0;
 text-align: center;
}
.subdiv_course{
 display: block;
 position: absolute;
 width: 100%;
 height: 4rem;
 top: 5rem;
 left: 0;
 background: url("../images/header_bg_sub.png")/*tpa=http://www.jgik.cn/images/header_bg_sub.png*/ repeat-x left top\9;
 background:rgba(0,0,0,0.55);
 z-index: 99;
 font-size: 0;
 text-align: center;
}

.subdiv_recruit{ display: block; position: absolute; width: 100%; height: 4rem; top: 5rem; left: 0; background: url("../images/header_bg_sub.png")/*tpa=http://www.jgik.cn/images/header_bg_sub.png*/ repeat-x left top\9;
 background:rgba(0,0,0,0.55); z-index: 99; font-size: 0; text-align: center; }

.sub{
 zoom:1;
 position: relative;
 left: 50%;
 float: left;
}
.sub li{
 float: left;
 /*display: inline-block;*/
 position: relative;
 left: -50%;
 height: 4rem;
 line-height: 4rem;
 font-size: 0.83rem;
}
.sub li a{
 height: 4rem;
}
.sub li:hover, .sub li.on{
 background: none;
 border-bottom: solid 3px #f39800;
}
.sub li:hover a, .sub li.on a{
 background: none;
 color:#f39800 ;
}
.nav-r{
 /*display: flex;
 flex-direction: row;
 align-items: center;*/
 float: right;
}
.nav-r-r{
 height: 2.8125rem;
 margin-left: 2.34375rem;
 margin-top: 1.09375rem;
 float: right;
 font-size: 0;
 /*display: flex;
 justify-content: space-between;*/
}
.nav-r-r b{
 display: inline-block;
 width: 1px;
 height: 100%;
 /* float: right;*/
 background: #dddddd;
 margin-left: 0.625rem;
 margin-right: 0.625rem;
}
.nav-r-r a{
 display: inline-block;
 /*float: right;*/
}
.nav-r-r a img{
 height: 2.8125rem;
}
/*右边小圈*/
/*
#fp-nav span,
.fp-slidesNav span {
 border: 1px solid #999!important;
}
#fp-nav li .active span,
.fp-slidesNav.active span {
 background-color: #4ec200!important;
}
*/


.index_popup .index_popup_con{
 width: 20.5rem;
 max-width: 20.5rem;
 font-size: 1rem;
 /*background: rgba(255,255,255,0.33);*/
 background: rgb(255,255,255);
 border: none;
 border-radius: 12px;
}
.index_popup .index_popup_con .cd-popup-close:before,
.index_popup .index_popup_con .cd-popup-close:after {
 background: #fff;
}
.index_popup_con .league_ft{
 height: 3.4rem;
 line-height: 3.4rem;
}
.index_popup_con .league_fm{
 padding: 1.7rem 2rem 1.7rem;
}
.index_popup_con .league_fm p{
 padding-bottom: 0.72rem;
}
.index_popup_con .league_fm input,.index_popup_con .league_fm select{
 height: 2.4rem;
}
.index_popup_con .league_fm .city_item{ background:none; position: absolute; top:0; left:0; pointer-events: none; }
.index_popup_con .league_fm input.league_fm_bt{
 margin-top: 0.7rem;
}

/* 城市选择弹窗 */
.city_box_bg{ width:100%; height:100%; position: fixed; top:0; left:0; z-index: 10000; background:rgba(0,0,0,0.7); display:none; }
.city_box{ width:30rem; height:40rem; position: relative; top:4rem; left:50%; margin-left:-15rem; background:#fff; color:#555; border-radius: 0.8rem; }
.city_box .title{ width:100%; height:4rem; position:absolute; top:0; left:0; box-sizing:border-box; border-bottom:1px solid #fff; color:#fff; background-color: #ebb347; border-top-left-radius: 0.8rem; border-top-right-radius: 0.8rem;}
.city_box .title .name{ width:100%; height:4rem; position:absolute; top:0; left:0; text-align:center; line-height:4rem; font-size:1.5rem; font-weight:bold; letter-spacing:1px; }
.city_box .city_box_close{ width:4rem; height:4rem; position:absolute; top:0; right:0; background:url(../images/city_close_btn.png-20181022.png)/*tpa=http://www.jgik.cn/images/city_close_btn.png?20181022*/ 0.3rem center no-repeat; background-size:2rem; }
.city_list{ width:100%; position:absolute; top: 4rem; bottom:1rem; left:0; font-size:1.2rem; }
.city_list .box{ width: 100%; height: 100%; overflow-y: auto; position: absolute; top: 0; }
.city_list .search_city{ width: 100%; background: #fff; padding: .3rem 0; }
.city_list .search_city p { width: 26rem; margin: 0 auto; padding:1rem 0; }
.search_city table { width: 26rem; margin: 0 auto 1rem; text-align: center; border: 1px solid #e8e8e8; border-collapse: collapse; border-spacing: 0; }
.search_city table tr{ display: flex; flex-wrap: wrap;}
.search_city table td { border: 1px solid #e8e8e8; height: 2rem; width:21%; flex-grow:1; line-height:2rem; box-sizing: border-box; }
.city_list .city{ width:100%; }
.city_list .city .char{ padding-left: 1.6rem; background: #ebb347; color: #fff; line-height: 2.1rem}
.city_list .city .name{ width: 26rem; display: block; margin: 0 auto; color: #4a4a4a; line-height: 4rem; border-bottom: 1px solid #e8e8e8; }
.city_list .city .name:last-child{ border-bottom: 0; }

.clear{
 clear: both;
}
.sun_banner{
 position: relative;
 font-size: 0;
}
.sun_con{
 width: 75%;
 margin:0 auto 8.96rem;
}
/*
.sun_banner:before{
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 top:0;
 left: 0;
 background: rgba(0,0,0,0.5);
}*/
/*
城市选择小下标
*/
#city_name{
 position: relative;
 padding-right: 1.4rem;
}
.city_name_icon{
 position: absolute;
 right: 10%;
 top: 50%;
 margin-top: -0.2rem;
 content: '';
 border-top: solid 0.4rem #fff;
 border-right: solid 0.4rem transparent;
 border-left: solid 0.4rem transparent;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 -ms-transition: all 0.2s ease-out;
 -o-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
}
/*
表单验证
*/
.league_fm p .onShow{
 display: none!important;
}
#nameTip,#shoujiTip{
 font-size: 0.7rem;
 text-align: left;
 color: red;
}
.index_popup_con #nameTip, .index_popup_con #shoujiTip{
 color: #ebb347;
}

/*
头部微信
*/
.header-wechat{
 display: inline-block;
 width: 2.8125rem;
 position: relative;
 cursor: pointer;
 font-size: 0;
 /*float: right;*/
}
/*width: 100px\0;ie8支持
width: 100px\9;所有IE浏览器(ie6+)支持
*/
.header-wechat i{
 display: block;
 width: 12rem;
 position: absolute;
 /*height: 13.5rem;*/
 left: 50%;
 margin-left: -6rem;
 top: 5.4rem;
 opacity:0;
 /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
 pointer-events: none;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 z-index: 1001;
}
.header-wechat i:before,
.header-wechat i:after
{
 content: '';
 position: absolute;
 top: -0.5rem;
 left: 50%;
 margin-left: -0.5rem;
 width: 0;
 height: 0;
 border-left: 0.5rem solid transparent;
 border-right: 0.5rem solid transparent;
 border-bottom: 0.5rem solid rgba(255,255,255,1);
}
.header-wechat:hover i{ opacity: 1; /*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/
 top: 3.4rem; }


/*
头部微博
*/
.header-sina{
 display: inline-block;
 width: 2.8125rem;
 position: relative;
 cursor: pointer;
 font-size: 0;
 /*float: right;*/
}
/*width: 100px\0;ie8支持
width: 100px\9;所有IE浏览器(ie6+)支持
*/
.header-sina i{
 display: block;
 width: 12rem;
 position: absolute;
 /*height: 13.5rem;*/
 left: 50%;
 margin-left: -6rem;
 top: 5.4rem;
 opacity:0;
 /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
 pointer-events: none;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 z-index: 1001;
}
.header-sina i:before,
.header-sina i:after
{
 content: '';
 position: absolute;
 top: -0.5rem;
 left: 50%;
 margin-left: -0.5rem;
 width: 0;
 height: 0;
 border-left: 0.5rem solid transparent;
 border-right: 0.5rem solid transparent;
 border-bottom: 0.5rem solid rgba(255,255,255,1);
}
.header-sina:hover i{ opacity: 1; /*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/
 top: 3.4rem; }


/* 公用的底部 */
.common_footer{ width:100%; background:#2e2e2e;position: relative;}
.common_footer .center{ width:70%; margin: 0 auto; padding-top: 2.6rem; padding-bottom: 1.2rem;
 justify-content: space-between; color: #727272;}
.common_footer .item{ margin-bottom:1.2rem; font-size:1.2rem; line-height:2rem; }
.common_footer .item2{padding: 100px 0 5px;display:flex; justify-content: center; }
.clear,.clearfix {zoom: 2; color:#707070; display:flex; justify-content: center; }
.phone-view .phone-right-view{float: left;display: flex;align-items: center;}
.common_footer .item .link{ font-size:1.2rem; color:#727272; text-decoration:none; }
.common_footer .copyright{ width:100%; height:3.8rem; text-align:center; font-size:0.8rem; color:#707070; line-height:3.8rem; border-top:1px solid #535353; display:flex; justify-content: center;}
.footer_logo{ width: auto; margin-top:-0.4rem; }
.footer_logo_t{
 display: inline-block;
 position: absolute;
 width: 200px;
 height: 200px;
 left: 50%;
 transform: translate(-50%);
 top: -100px;}
.footer_logo_img{ margin-top:1.5rem;}
.footer_logo_m{ font-size: 0; margin-top: .6rem; height: 2.71rem; text-align: center; }
.footer_logo_m .header-wechat{ margin-right: 1.6rem; }
.footer_logo_m .header-wechat i{top: inherit; bottom: 5.4rem;}
.footer_logo_m .header-wechat i:before,
.footer_logo_m .header-wechat i:after{ top:inherit; bottom: -0.5rem; border-bottom: inherit; border-top:0.5rem solid rgba(255,255,255,1);}
.footer_logo_m .header-wechat:hover i{ top: inherit; bottom: 3.4rem;}