*{
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;
}
*/
/*第一屏*/
.fp-controlArrow {
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
margin-top: -1.6145rem;
}
.fp-controlArrow.fp-prev {
left: 5%;
width: 3.229rem;
height: 3.229rem;
background: url("../images/fp-prev.png")/*tpa=http://www.jgik.cn/images/fp-prev.png*/ no-repeat center;
background-size: cover;
}
.fp-controlArrow.fp-next {
right: 5%;
width: 3.229rem;
height: 3.229rem;
background: url("../images/fp-next.png")/*tpa=http://www.jgik.cn/images/fp-next.png*/ no-repeat center;
background-size: cover;
}
.slide_banner{
/* background: url("../images/banner.jpg") no-repeat center;*/
background-repeat: no-repeat;
background-position:center;
background-size: cover;
}
.slide_banner .fp-tableCell{
display: inline-flex;
flex-direction: column;
justify-content: center;
text-align: left;
}
.banner_link{
width:100%; height:100%; position:absolute;
}
.slide_banner .slide_banner_l{
display: block; z-index:10; position:relative;
padding-left:12%;
}
.slide_banner .slide_banner_l .slide_banner_h{
display: inline-block;
font-size: 2.9rem;
padding-bottom: 1.14rem;
border-bottom: solid 0.15625rem #fff;
}
.index-zz{ padding-bottom: 4.3rem; }
.slide_banner .slide_banner_l .slide_banner_p{
padding: 1.14rem 0;
font-size: 1.5625rem;
}
.slide_banner .slide_banner_l .slide_banner_button{
height: 100%;
overflow: hidden;
position:relative; z-index:10;
}
.slide_banner .slide_banner_l .slide_banner_button a{
font-size: 1.40625rem;
padding: 0.78rem 0;
/*background: #46bdca;*/
border-radius: 30px;
float: left;
text-decoration: none;
color: #fff;
}
.slide_banner .slide_banner_l .slide_banner_button .slide_banner_pop{
/*background: #ffffff;*/
margin-left: 3.5rem;
color: #666666;
}
/*第二屏*/
.section .title{
display: inline;
padding: 0 6.45rem 1.35rem;
font-size: 2.6rem;
color: #333333;
text-align: center;
background: url("../images/index_title_bg.png")/*tpa=http://www.jgik.cn/images/index_title_bg.png*/ no-repeat center bottom;
background-size: 100%;
}
/*.section2 .fp-tableCell{
display: flex;
flex-direction: column;
justify-content: center;
}*/
.se2_con{
width: 77%;
height: 26rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
color: #333333;
position: relative;
}
.se2_con .se2_con_l{
width: 44.9%;
height:100%;
position: absolute;
left: -100%;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}
.se2_con_about{ padding-bottom: 3.4rem; }
.se2_con .se2_con_l .se2_con_tile{
font-size: 1.36rem;
padding-bottom: 1.5rem;
font-weight: bold;
}
.se2_con .se2_con_l p{
font-size: 0.9375rem;
line-height: 2rem;
}
.se2_con .se2_con_l p a, .se4_con .se4_list p a{
padding: 0 0.5rem;
margin-left: 1.2rem;
border-radius: 10px;
color: #ffffff;
text-decoration: none;
background: #f4a117;
}
.se2_con .se2_con_r{
width: 32.2%;
position: absolute;
right: -100%;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}
.active .se2_con .se2_con_l{
left: 0;
opacity: 1;
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
-ms-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.active .se2_con .se2_con_r{
right: 0;
opacity: 1;
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
-ms-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
transition-delay: 0.7s;
}
/*备用鼠标移上去效果*/
.hvr_shutter_in_vertical {
position: relative;
background-color: #0275d8 !important;
transition-property: color;
transition-duration: .3s;
}
.hvr_shutter_in_vertical:hover {
color: #fff
}
.hvr_shutter_in_vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e1e1e1;
transform: scaleY(1);
transform-origin: 50%;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: ease-out
}
.hvr_shutter_in_vertical:hover:before {
transform: scaleY(0)
}
/*第三屏*/
.section3{
position: relative;
background: url(../images/section3-bg.jpg)/*tpa=http://www.jgik.cn/images/section3-bg.jpg*/ center center;
background-size:cover;
}
.se3_con{ width:76.6rem; height:auto; margin:0 auto;}
.section3-box{ width:1472px; margin:0 auto; height:auto;}
.se3-kc{ width:19.11rem; height:16.56rem; float:left; position:relative; color:#f39800;}
.se3-kc .bg{ width:100%; height:100%; position:absolute; top:0; left:0; background-color:#fff; filter:alpha(opacity=90);-moz-opacity:0.9; opacity:0.9;}
.se3-kc .link{ color:#f39800; }
.se3-kc.color2{ color:#ffce00;}
.se3-kc.color3{ color:#ff6d37;}
.se3-kc.color4{ color:#6bc04b;}
.se3-kc.bgnone{ background:none; }
.se3-kc .thumb{ width:5.67rem; height:auto; position:absolute; left:50%; top:3.6rem; margin-left:-2.8rem; }
.se3-kc .nl{ width:100%; height:auto; position:absolute; left:0; top:10rem; font-size:0.93rem; text-align:center; }
.se3-kc .name{ width:100%; height:auto; position:absolute; left:0; top:11.4rem; font-size:1.25rem; text-align:center; font-weight:bold; }
.se3-kc .bk{ width:100%; height:100%; position:absolute; left:0; top:0; border:0.15rem solid #fb703d; display:none; box-sizing:border-box; }
.se3-kc:hover .bk{ display:block;}
.se3_list{
position: absolute;
width: 25%;
height: 100%;
bottom: -100%;
opacity: 0;
/*float: left;*/
}
.active .se3_list{
bottom: 0;
opacity: 1;
}
.se3_list:nth-child(1){
left: 0;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
.se3_list:nth-child(2){
left: 25%;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
.se3_list:nth-child(3){
left: 50%;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.se3_list:nth-child(4){
left: 75%;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.active .se3_list:nth-child(1){
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.active .se3_list:nth-child(2){
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.active .se3_list:nth-child(3){
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.active .se3_list:nth-child(4){
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-ms-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.se3_list_img{
width: 100%;
height: 100%;
}
.se3_list_content{
position: absolute;
width: 100%;
height: 100%;
left:0px;
top:0;
opacity: 0;
pointer-events: none;
background: rgba(0,0,0,0.7);
/*transition: all 0.3s ease-in-out;*/
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
display: flex;
flex-direction: column;
justify-content: center;
align-items:center;
color: #d7d6d6;
}
.se3_list:hover .se3_list_content{
opacity: 1;
pointer-events:auto;
}
.se3_list_content h4{
text-align: center;
font-size: 1.36rem;
font-weight: normal;
}
.se3_list_content h4 span{
display: block;
font-size: 16px;
margin-top: 1rem;
}
.se3_list_content p{
width: 75%;
font-size: 1.04rem;
line-height: 2.18rem;
text-align: left;
margin-top: 3rem;
margin-bottom: 5.2rem;
}
.se3_list_content .se3_more{
display: block;
position: relative;
width: 3.02rem;
height: 3.02rem;
border-radius: 50%;
border: solid #46bdca 2px;
}
.se3_list_content .se3_more:before{
position: absolute;
width: 30%;
height: 30%;
left: 20%;
top: 20%;
content: "";
border: solid #46bdca 2px;
border-top: transparent;
border-left: transparent;
}
.se3_list_content .se3_more:after{
position: absolute;
width: 30%;
height: 30%;
left: 50%;
top: 50%;
content: "";
border: solid #46bdca 2px;
border-bottom: transparent;
border-right: transparent;
}
/*第四屏*/
.se4_con{
width: 77%;
margin: 5.9375rem auto 0;
display: flex;
justify-content: space-between;
color: #333333;
}
.se4_list{
width: 27%;
}
.se4_list_img{
width: 7.8125rem;
height: 7.8125rem;
margin: 0 auto 3.48rem;
/*transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;*/
/*-moz-animation:rotate 21s infinite linear;
-webkit-animation:rotate 2s infinite linear;
animation:rotate 2s infinite linear;*/
}
/*.se4_list_img:hover {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}*/
.se4_list h4{
font-weight: normal;
font-size: 1.2rem;
text-align: center;
margin-bottom: 1.71875rem;
font-weight:bold;
}
.se4_list p{
font-size: 0.9375rem;
line-height: 2.1rem;
}
@-moz-keyframes rotate{
0%{
-moz-transform:rotate(0deg);
}
100%{
-moz-transform:rotate(360deg);
}
}
@-webkit-keyframes rotate{
0%{
-webkit-transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
}
}
@keyframes rotate{
0%{
transform:rotate(0deg);
}
100%{
transform:rotate(360deg);
}
}
/*第五屏*/
.section5 {
background: url("../images/section5_bg.jpg")/*tpa=http://www.jgik.cn/images/section5_bg.jpg*/ no-repeat center;
background-size: cover;
}
.se5_con{
width: 77%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-content: center;
color: #f4a117;
}
.se5_con .se5_con_hd ul{
width: 4.27rem;
margin-top: 2rem;
}
.se5_con .se5_con_hd li{
width: 4.27rem;
height: 4.27rem;
margin-bottom: 2.9rem;
cursor: pointer;
position:relative;
}
.se5_con .se5_con_hd li .name{
width:100%; height:auto; position:absolute; top:4.5rem; left:0;
text-align:center; color:#333; font-size:0.93rem;
}
.se5_con .se5_con_hd li.on .name{ color:#f4a117;}
.se5_con .se5_con_hd li:nth-child(1){
background: url("../images/section5_icon.png")/*tpa=http://www.jgik.cn/images/section5_icon.png*/ no-repeat center;
background-size: cover;
}
.se5_con .se5_con_hd li:nth-child(1).on{
background: url("../images/section5_icon_on.png")/*tpa=http://www.jgik.cn/images/section5_icon_on.png*/ no-repeat center;
background-size: cover;
}
.se5_con .se5_con_hd li:nth-child(2){
background: url("../images/section5_icon2.png")/*tpa=http://www.jgik.cn/images/section5_icon2.png*/ no-repeat center;
background-size: cover;
}
.se5_con .se5_con_hd li:nth-child(2).on{
background: url("../images/section5_icon2_on.png")/*tpa=http://www.jgik.cn/images/section5_icon2_on.png*/ no-repeat center;
background-size: cover;
}
.se5_con .se5_con_hd li:nth-child(3){
background: url("../images/section5_icon3.png")/*tpa=http://www.jgik.cn/images/section5_icon3.png*/ no-repeat center;
background-size: cover;
}
.se5_con .se5_con_hd li:nth-child(3).on{
background: url("../images/section5_icon3_on.png")/*tpa=http://www.jgik.cn/images/section5_icon3_on.png*/ no-repeat center;
background-size: cover;
}
.se5_con .se5_con_bd{
width: 82%;
}
.se5_con .bd .bd_con{
width: 100%;
display: flex;
justify-content: space-between;
}
.se5_con .se5_con_bd .bd_con .bd_l{
width: 40%;
margin-top: 2rem;
}
.se5_con .se5_con_bd .bd_con .bd_l h4{
font-size: 1.35rem;
font-weight: normal;
text-align: left;
/*padding-bottom: 1.71875rem;*/
padding: 0.4rem 0.88rem;
background: url("../images/section5_icon_h4.jpg")/*tpa=http://www.jgik.cn/images/section5_icon_h4.jpg*/ no-repeat left center;
}
.se5_con .se5_con_bd .bd_con .bd_l .bd_l_list{
font-size: 0.9375rem;
padding: 1.6rem 0 1.2rem;
/* padding-bottom: 1.2rem;
margin-bottom: 1.71875rem;*/
border-bottom: dashed 1px #f4a117;
}
.se5_con .se5_con_bd .bd_con .bd_l .bd_l_list a{
color:#333;
text-decoration: none;
}
.se5_con .se5_con_bd .bd_con .bd_r{
width: 29%;
font-size: 0;
}
.se5_more{
width:4.8rem;
height:1.35rem; line-height:1.35rem; text-align:center;
float: left;
font-size: 1rem;
font-weight: normal;
margin-top: 1.5rem;
border-radius: 12px;
color: #ffffff;
background-color:#f4a117;
text-decoration: none;
}
/*第六屏*/
/*.section6 .fp-tableCell{
display: block!important;
}*/
.se6_con{
width: 100%; height:17rem; position: relative;
font-size: 0;
display: flex;
justify-content: space-between;
background:url(../images/se6_bg.jpg)/*tpa=http://www.jgik.cn/images/se6_bg.jpg*/ center no-repeat;
background-size:cover;
}
.se6_con .button{
width:10rem; height:2.6rem; position: absolute; top:12.4rem; left:50%; margin-left: 15rem;
background-color: #f39800; border-radius: 0.5rem;
color: #fff; font-weight: bold; display: inline-block; line-height: 2.6rem; text-align: center;
font-size: 1rem; text-decoration: none; cursor: pointer;
}
.se6_con .se6_con_l,
.se6_con .se6_con_r{
position: relative;
width: 50%;
}
.se6_con .se6_con_l:before,
.se6_con .se6_con_r:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
background: rgba(0,0,0,0.2);
}
.se6_con_ltx{
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 2.24rem;
text-align: center;
}
.se6_con_ltx span{
font-size: 1.3rem;
}
.se6_con_ltop{
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 3.02rem;
line-height: 3.02rem;
background: rgba(255,255,255,0.8);
padding-right: 3.54rem;
font-size: 0.84rem;
text-align: right;
color: #333333;
}
.se6_con_rtop{
text-align: left;
padding-left:3.54rem;
}
.footer{
position: absolute;
width: 100%;
bottom: 0;
background: #2e2e2e;
}
.footer_min{
width: 77%;
margin: 0 auto;
padding-top: 2.4rem;
padding-bottom: 5.21rem;
display: flex;
justify-content: space-between;
align-content: center;
color: #727272;
}
.footer_list{
font-size: 0.84rem;
}
.footer_list h5{
font-size: 0.9rem;
font-weight: normal;
color: #ffffff;
padding-left: 2.2rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
font-weight:bold;
}
.footer_list:nth-child(1) h5{
background: url("../images/footer_icon.png")/*tpa=http://www.jgik.cn/images/footer_icon.png*/ no-repeat left center;
background-size: auto 100%;
}
.footer_list:nth-child(2) h5{
background: url("../images/footer_icon2.png")/*tpa=http://www.jgik.cn/images/footer_icon2.png*/ no-repeat left center;
background-size: auto 100%;
}
.footer_list:nth-child(3) h5{
background: url("../images/footer_icon3.png")/*tpa=http://www.jgik.cn/images/footer_icon3.png*/ no-repeat left center;
background-size: auto 100%;
}
.footer_list:nth-child(4) h5{
background: url("../images/footer_icon4.png")/*tpa=http://www.jgik.cn/images/footer_icon4.png*/ no-repeat left center;
background-size: auto 100%;
}
.footer_list ul{
padding-top: 1rem;
padding-left: 2.2rem;
}
.footer_list ul li{
font-size: 0.84rem;
line-height: 0.84rem;
padding: 0.5rem 0;
}
.footer_list ul li a{ color:#727272; text-decoration:none; }
.footer_logo{
width: auto;
}
.footer_logo_t{
font-size: 0;
height: 3.54rem;
}
.footer_logo_img{ margin-top:1.5rem;}
.footer_logo_m{
font-size: 0;
margin-top: 1.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;
}
/*.footer_logo_m img{
margin-left: 1.5625rem;
}*/
.footer_copyright{
padding-right: 6.92rem;
text-align: right;
font-size: 0.84rem;
height: 3.65rem;
line-height: 3rem;
border-top: solid #848484 1px;
color: #727272;
background: #2e2e2e;
}
.index_popup .index_popup_con{
width: 20.5rem;
max-width: 20.5rem;
font-size: 1rem;
background: rgba(255,255,255,0.33);
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{ width:30rem; height:40rem; position: relative; top:0rem; left:0; background:#fff; color:#555; border-radius: 0.8rem; display:none; }
.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;}
.city_box .title .form_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;}