@charset "utf-8";
/* common */
.ban{position: relative;}
.ban .imged {padding-bottom: 33%;}
.ban .imged::after{width: 100%;height: 30%;background-size: 100% 100%;}
.ban .h3{position: absolute;bottom: 13%;left: 0;width: 100%;z-index: 10;}
.ban h3{font-size: 0.38rem;font-weight: bold;color: #FFFFFF;}

/*  */
.ejlm_pc{width: 100%;margin-top: -0.4rem;}
.ejlm_pc::after{width: 59%;background: linear-gradient(265deg, #006BC8 -4%, #0042A5 118%);border-radius: 0 .5rem .5rem 0;}
.ejlm_pc ul{width: 70%;align-items: center;}
.ejlm_pc ul li{position: relative;height: 0.8rem;display: flex;align-items: center;}
.ejlm_pc ul li>a{color: #fff;transition: 0.5s;font-size: .2rem;padding: 0 0.26rem;display: block;line-height: 1.1;border-right: 1px solid #fff;}
.ejlm_pc ul li:last-child>a{border-right: none;}


.ejlm_pc .sub {position: absolute;top: 100%;background: rgb(255, 255, 255);width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility: hidden;opacity: 0;transition: all 0.5s ease 0s;transform-origin: center top;box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;min-width: 1.6rem;padding: .1rem 0;}
.ejlm_pc ul li:hover .sub{transform: translateX(-50%) scaleY(1);visibility: visible;opacity: 1;}

.ejlm_pc .sub a{line-height: 0.35rem;font-size: 0.18rem;color: #333;display: block;text-align: center;padding-left: 0;}
.ejlm_pc .sub a:hover{background:#0D4BAD;color: #fff;}
.ejlm_pc ul li.active >a,.ejlm_pc ul li:hover>a{
    font-weight: bold;
}




/* 手机内页二级导航 */
.wrap_ph{/* padding-bottom: 0.3rem; */display: none;}
.wrap_ph h2{width:100%;color:#fff;height: 0.6rem;line-height: 0.6rem;font-size: 0.26rem;padding: 0 0.2rem;background: #0057A4;}
.wrap_ph h2::after{width: 0.32rem;height: 0.32rem;background: url(/xxgk/images/cd.svg) no-repeat right center/cover;left: auto;right: 0.2rem;top: 50%;transform: translateY(-50%);}
.wrap_ph ul{padding: 0.1rem 0.2rem 0.2rem;display: none;box-shadow: 0px 0.1rem 0.3rem 0px rgba(69, 10, 66, 0.11);}
.wrap_ph li{font-size: 0.18rem;line-height: 0.34rem;font-family: hel-bold;position: relative;}
.wrap_ph li a{transition:0.5s;display: block;color: #333;}
.wrap_ph li h3{position:relative;justify-content:space-between;width:100%}
.wrap_ph li.active a{color: #0D4BAD;}
.wrap_ph i{opacity: 1;display: inline-block;width: .34rem;height: .3rem;display: inline-block;background: url(/xxgk/images/arrow_down.svg) center no-repeat;background-size: 15px 15px !important;/* position: absolute; */display: block;/* right: 15px; */transition: 0.5s;}
.wrap_ph i.on{transform: rotate(-90deg);}
.wrap_ph .box{display: none;padding-left: 0.25rem;}
.wrap_ph .box a{font-size: 0.16rem;line-height: 0.3rem;color: #666 !important;display: block;}
.wrap_ph .box a:hover{color: #0D4BAD;}

.inner {padding: 0rem 0 .7rem;position: relative;/* background: #e2effa; */}
.inner .wp{align-items: flex-start;}
.inner_left {width: 2.8rem;z-index: 100;position: relative;margin-bottom: 0.4rem;position: sticky;top: 0;}
.inner_right { width: calc(100% - 2.8rem);padding-left: .7rem;}
.inner_left h2 {background: linear-gradient(270deg, #1079BE 2%, #1BA4BD 100%);text-align: center;height: 1.3rem;align-items: center;padding-left: 0.4rem;}
.inner_left h2 p{color: #fff;line-height: .34rem;font-weight: bold;font-size: 0.34rem;padding-right: 0.15rem;}

.inner_left ul {background: #f1f4f6;padding-bottom: 1rem;}
.inner_left ul li {position: relative;transition: .5s;padding: 0 0.2rem;}
.inner_left ul li p {padding: .2rem;height: 100%;border-bottom: 1px dashed #dde4e7;/* text-align: center; */}
.inner_left ul li p a {font-size: 0.18rem;display: block;cursor: pointer;width: 100%;color: #333;transition: .5s;position: relative;line-height: 1.4;}
.inner_left ul li:last-child p{border-bottom:none;}
.inner_left ul li p a::after{content: "";position: absolute;top: 50%;right: 0;width: .16rem;height: 0.12rem;transition: 0.5s;transform: translateY(-50%);opacity:0;}


.inner_left ul li:hover p a, .inner_left ul li.active p a {color: #0D4BAD;font-weight: bold;}
.inner_left ul li.active p a::after,.inner_left ul li:hover p a::after{opacity:1;}
.nysubnav {display: none;}
.inner_left ul li.active .nysubnav{display: block;padding-left: .3rem;}
.nysubnav a { padding: 0px 0.3rem; line-height: 0.4rem; display: block; font-size: 0.16rem; }
.nysubnav a:hover, .nysubnav a.on {color: #0D4BAD;}

.local {border-bottom: 1px solid #CCDCEF;margin: .5rem 0 .2rem;justify-content: space-between;align-items: center;padding-bottom: 0.11rem;}
.local h3{color: #035AB0;font-size: 0.24rem;}
.local h3 img{display: inline-block;margin-right: 0.2rem;width: 0.21rem;}
.local .adress{margin: 0;}
.adress {font-size: 0.16rem;position:relative;align-items: center;justify-content: flex-end;margin: -0.2rem 0 0.45rem;}
.adress p{padding-left: .2rem;line-height: 0.26rem;font-size: .16rem;color: #999;}
.adress a {font-size: 0.16rem;color: #999;transition: 0.5s;display: inline-block;padding: 0 .05rem;}



/* 新闻列表1 */
.content .left{width: 80%;}
.content .right{width: 16%;}

.newlist1 ul.list li a{padding:.2rem 0;}
ul.list li a{align-items: center;line-height: 1.6;justify-content: space-between;padding: .25rem 0;border-bottom: 1px dashed #ddd;}
ul.list li a::after{width: 0;background: #0061C0;height: auto;bottom: -1px;height: 0.03rem;}
ul.list h3{font-size: 0.2rem;color: #333;padding: 0 .2rem 0 0.25rem;transition: 0.5s;flex: 1;min-width: 0;}

ul.list li a span{width: 1.1rem;text-align: right;white-space: nowrap;font-size: 0.16rem;color: #666;}
ul.list li h3::after{width: 0.04rem;height: 0.18rem;background:#D8D8D8;top: 50%;transform: translateY(-50%);content:"";position:absolute;left: 0;bottom: auto;}

.page{margin: .6rem 0 0;}
.page img{display: block;margin: 0 auto;}
.content .navli li *{transition: 0.5s;}
.content .navli li h3{padding: 0.15rem 0.4rem;border-bottom: 1px solid #CCDCEF;display: flex;align-items: center;justify-content: space-between;}
.content .navli dt:last-child{border-bottom: none;}
.content .navli li a{font-size: 0.16rem;color: #333333;flex: 1;min-width: 0;padding-right: 0.2rem;display: block;line-height: 1.3;}
.content .navli li span{width: 0.1rem;height: 0.1rem;display: block;cursor: pointer;}
.content .navli li span::before{content: "";position: absolute;width: 100%;height: 0.02rem;background: #0050B1;left: 0;top: 50%;transform: translateY(-50%);z-index: -1;}
.content .navli li span::after{width: 0.03rem;left: 50%;transform: translateX(-50%);background: #0050B1;}

.content .navli li.on h3,.content .navli li:hover h3{background: #D8E9FC;}
.content .navli li.on h3 a,.content .navli li:hover h3 a{color: #0050B1;}
.content .navli li h3.active span::after{opacity: 0;}
.content .navli li.on dl{display: block;}

.content .navli dl{display: none;background: #F7F7F7;transition: 0s;}
.content .navli dt{padding: 0.12rem 0.45rem;font-size: 0.16rem;color: #737373;border-bottom: 1px dashed #ddd;}
.content .navli dt.on,.content .navli dt:hover{color: #0050B1;}



@media(min-width: 1025px){	
	ul.list li a:hover h3,ul.list li a:hover span{color: #0061C0;}
	ul.list li a:hover::after{width: 100%;}
  ul.list li a:hover h3{font-weight: bold;}
  ul.list li a:hover h3::after{background:#0061C0;}
}

@media screen and (max-width: 1024px) {
  .content .left{width: 100%;}
  .content .right{display: none;}

}

/* 买球推荐软件app排名新闻 */

.newlist li a{padding: .3rem 0;align-items: center;border-bottom: 1px solid #ddd;}
.newlist li a::after{left: -0.3rem;background: #0D4BAD;width: auto;right: -0.3rem;opacity: 0;}
.newlist li .scale{width: 3.3rem;}
.newlist li .con{padding-left: .3rem;flex: 1;min-width: 0;}

.newlist li span{font-size: 0.14rem;color: #999;line-height: 1.3;transition: 0.5s;padding-bottom: 0.15rem;align-items: baseline;}
.newlist li span i{color: #0D4BAD;font-size: 0.24rem;transition: 0.5s;display: block;margin-right: .05rem;font-family: sy;font-style: normal;}
.newlist li .span::after{width: 1.6rem;height: 0.07rem;background: url() no-repeat;background-size: 100% !important;left: -0.3rem;}

.newlist li h3{font-size: 0.2rem;color: #333;line-height: 0.32rem;margin: .15rem 0 .2rem;transition: 0.5s;}
.newlist li p{font-size: 0.16rem;color: 888;line-height: .3rem;max-height: 0.6rem\0;transition: 0.5s;}
.newlist li h4{justify-content: flex-end;opacity: 0;margin-top: 0.15rem;}


@media(min-width: 1024px){
  .newlist li a:hover::after{opacity: 1;}
  .newlist li a:hover h3,.newlist li a:hover p,.newlist li a:hover span,.newlist li a:hover span i,.tzgg li a:hover span,.tzgg li a:hover span i{color: #fff;}
  .newlist li a:hover span::after{}
  .newlist li a:hover h4{opacity: 1;}

}
@media screen and (max-width: 1024px) {
 .newlist li a{padding: .2rem 0;}
 .newlist li h4{display: none;}
}
@media screen and (max-width: 768px) {
  .newlist li a{padding: .2rem;}
  .newlist li .scale{width: 2.3rem;}
  .newlist li .con{padding-left: .2rem;}
  .newlist li h3{margin:.1rem 0;}
  .newlist li p{-webkit-line-clamp: 1;line-height: .28rem !important;}
  .newlist li span{padding-bottom: 0.1rem;}
}
@media screen and (max-width: 420px) {
  .newlist li .scale{width: 1.6rem;}
  .newlist li .con{width: calc(100% - 1.6rem);}
}

/* 通知公告 */
.mtsj li *{transition: 0.5s;}
.mtsj li a{height: 100%;align-items: center;padding: 0.3rem 0;border-bottom: 1px solid #eee;}
.mtsj li:first-child a{padding-top: 0;}
.mtsj li:last-child a{border-bottom: none;}
.mtsj li .mtdate{width: .9rem;flex-direction: column;justify-content: center;text-align: center;height: .9rem;
border: 1px solid #0D4BAD;white-space: nowrap;transition:0.5s;}
.mtsj li .mt-r{width: calc(100% - .9rem);padding: 0 0 0 0.3rem;height: 100%;}
.mtsj li .mtdate span{font-size: 0.3rem;color: #0D4BAD;}
.mtsj li .mtdate p{font-size: 0.14rem;color: #333;text-align: center;margin-top: .1rem;color: #0D4BAD;}
.mtsj li .mt-r h2{font-size: 0.2rem;color: #333;line-height: 0.3rem;margin-bottom: 0.15rem;width: 100%;}
.mtsj li .mt-r p{font-size: 0.15rem;color: #808080;width: 100%;line-height: .24rem;max-height: .48rem\0;}



@media(min-width: 1025px){	

.mtsj li a:hover .mtdate{background: #0D4BAD;}
.mtsj li a:hover .mtdate span,.mtsj li:hover .mtdate p{color: #fff;}
.mtsj li:hover h2,.mtsj li:hover .mt-r p{color:#0D4BAD;}
}


/*  内容页*/
.article .tit{font-size: 0.26rem;color: #222;line-height: 0.32rem;margin: 0rem 0 0.35rem;text-align: center;font-weight: bold;}

.article .conttime{padding: 0.2rem 0 0.2rem;margin-bottom: 0.35rem;text-align: center;display: flex;justify-content: center;align-items: center;background: #F7F7F7;}
.article .conttime span{font-size: 0.18rem;color: #666;padding:0 0.2rem;align-items: center;display: flex;}
.article .conttime span img{display: inline-block;margin-right: 0.1rem;}

.article .cont p{font-size: 0.18rem !important;color: #333 !important;line-height: 1.8 !important;text-align:justify;margin-bottom: .2rem;text-indent: 2em;}
.article .cont p span{font-size: 0.18rem !important;color: #333 !important;line-height: 1.8 !important;}
.article .cont p img,.article .cont p video{ height: auto !important;max-width: 100% !important;display: block;margin: 0 auto;}
.article .cont .picleft{display: inline-block;}


.article .cont img {
    max-width: 80% !important;
   width:auto !important;
   height:auto !important;
    display: block;
    margin: 20px auto;
}
.article .cont video {max-width: 80% !important;
   width:auto !important;
   height:auto !important;
    display: block;
    margin: 20px auto;}



.article .cont table {width:100% !important;   margin: 0 auto;}

.article .cont iframe {
    margin: 0 auto;
    display: block;
width:100%;
}


.article .cont table td{padding:0 5px;width:auto !important;height:auto !important;overflow:hidden; }







.new_miew{border-top: 1px solid #BBCAE2;padding-top: 0.2rem;margin-top:0.4rem;}
.new_miew p{font-size: 0.16rem;color: #222;line-height: 2;margin-bottom: 0.1rem;color: #2866C8;display: flex;}
.new_miew p a{transition: 0.5s;display: flex;align-items: center;color: #777;}
.new_miew p span{color: #777;}
.new_miew p:hover a{color: #0D4BAD;}
.new_miew p img{display: inline-block;margin-right: 0.1rem;width: 0.17rem;}


@media(max-width: 1024px){	
    .new_miew{margin-top: .3rem;}
    .cont p{margin-bottom: .1rem;}
}
/* 六盟联盟园风光 */
.xyfg ul{margin: 0 -0.18rem;}
.xyfg li{width: 33.3%;padding:0 0.18rem;margin-bottom: 0.4rem;}
.xyfg li a{display: block;position: relative;z-index: 1;padding: .15rem;}
.xyfg li a::after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #dcdcdc;background: #fff;z-index: -1;}
.xyfg li h3{font-size: 0.22rem;color: #333;line-height: 0.5rem;text-align: center;height: 50px;transition: 0.5s;padding-top: .05rem;}
.xyfg li .scale .imged{padding-bottom: 57%;}


@media(min-width: 1025px){	
	.xyfg li a:hover h3{color: #0D4BAD;}
}
@media(max-width: 1024px){	
	.xyfg .vde{margin-bottom: 0.3rem;}
	.xyfg ul{margin: 0 -0.1rem;}
	.xyfg li{padding: 0 0.1rem;margin-bottom: 0.3rem;}
	.xyfg li a::after{left: 0;right: 0;}
	.xyfg li h3{height: 0.4rem;line-height: 0.4rem;}
}

@media(max-width: 768px){	
	.xyfg li{width: 50%;}
	.xyfg li:last-child{display:none;}
}

/* 信息公开 */
.hlist li *{transition: 0.5s;}
.hlist li a{padding: 0.18rem 0rem;align-items: center;border-bottom: 1px dashed #ddd;}
.hlist li a::after{height: 1px;bottom: -1px;background: #004895;}
.hlist li h3{font-size: 0.2rem;color: #333;line-height: 0.28rem;flex: 1;padding:0  0.1rem 0 0.2rem;min-width: 0;}
.hlist li p{font-size: 0.16rem;line-height: 0.24rem;color: #666;width: 1.1rem;text-align: right;white-space: nowrap;}
.hlist li:first-child a{padding-top: 0;}
.xxgk .fl01{justify-content: space-between;padding-bottom: 0.65rem;}
.xxgk .fl01 .left{width: 48%;}
.xxgk .fl01 .right{width: 48%;}
.xxgk .f1-t a{display: block;position: relative;}
.xxgk .f1-t .scale{border-radius:0.37rem;}
.xxgk .f1-t .imged{border-radius: 0.37rem;}
.xxgk .f1-t span{position: absolute;right: 0.2rem;bottom: -0.4rem;z-index: 10;width: 0.8rem;}
.xxgk .fl01 .tit{margin: 0.3rem 0;}
.xxgk .fl01 .tit h3{font-size: 0.3rem;font-weight: bold;color: #0057A4;}
.xxgk .fl02{padding-bottom: 0.5rem;}
.xxgk .fl02 .left{width: 31%;border: 1px solid #C8C8C8;padding: 0.32rem 0.22rem; /*height: 4.5rem;*/}
.xxgk .fl02 .mid{width: 31%;border: 1px solid #C8C8C8;padding: 0.32rem 0.22rem; /*height: 4.5rem;*/}
.xxgk .fl02 .right{width: 31%;border: 1px solid #C8C8C8;padding: 0.32rem 0.22rem; /*height:4.5rem;*/}

.xxgk .fl02 .tit{margin-bottom: 0.2rem;}
.xxgk .fl02 .tit span{width: 0.35rem;height: 0.35rem;}
.xxgk .fl02 .tit h3{width: 100%;border-bottom: 1px dashed rgba(0, 87, 164, 0.1);display: flex;}
.xxgk .fl02 .tit p{font-size: 0.24rem;font-weight: bold;color: #3E3E3E;padding: 0.15rem 0;}
.xxgk .fl02 .tit p::after{width: 0.47rem;height: 0.03rem;background: #0042A5;left: 50%;transform: translateX(-50%);}


.xxgk .fl02 .con p{font-size: 0.18rem;line-height: 0.4rem;color: #696969;display: flex;}
.xxgk .fl02 .con p em{display: inline-block;width: 1.1rem;white-space: nowrap;font-style: normal;}
.xxgk .fl02 .con p strong{flex: 1;min-width: 0; font-weight:normal}
.xxgk .fl02 ul{padding-top: 0.3rem;}
.xxgk .fl02 li{margin-bottom: 0.5rem;}
.xxgk .fl02 li a{align-items: center;display: flex;}
.xxgk .fl02 li h3{font-size: 0.2rem;line-height: 0.26rem;color: #0057A4;padding-right: 0.35rem;}
.xxgk .fl02 li span{width:0.75rem;}

@media(min-width: 1025px){	
  .hlist li a:hover h3{color: #004895;}
  .hlist li a:hover p{color: #004895;}
  .hlist li a:hover::after{width: 100%;}
  .xxgk .fl02 li a:hover h3{font-weight: bold;}
}
@media(max-width: 1024px){	
	.xxgk .fl01 .left{width: 49%;}
  .xxgk .fl01 .right{width: 49%;}
  .xxgk .fl02 .left{width: 32%;}
  .xxgk .fl02 .mid{width: 32%;}
  .xxgk .fl02 .right{width: 32%;}
}

@media(max-width: 768px){	
  .xxgk .fl01 .left{width: 100%;}
  .xxgk .fl01 .right{width: 100%;margin-top: 0.3rem;}
  .xxgk .fl02 .left{width: 100%;}
  .xxgk .fl02 .mid{width: 100%;margin: 0.3rem 0;}
  .xxgk .fl02 .right{width: 100%;}
}



/* 三级栏目展开 */
.inner{min-height: 7rem;}

/* 翻页 */
.j_pages{margin:0.6rem auto 0;text-align: center;}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;}
.j_pages a{padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block;background: #fff;margin: 0 0.03rem;color: #919191;font-size: 0.14rem;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius: 0.04rem;border: 1px solid #dadbdd;margin-bottom: .15rem;}
.j_pages a font{ padding:0 0.1rem}
.j_pages .on{background: #0D4BAD;color: #fff;}
.j_pages a:hover{background: #0D4BAD;color:#fff!important;}
.j_pages span{color:#919191; padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block; font-size:0.14rem;}
.j_pages input{color:#919191;padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block;font-size:0.14rem;background:#f6f6f6;border:none;cursor:pointer;border-radius: 0;transition: 0.6s;}
.j_pages input[type="text"]{ width:0.4rem; padding:0; text-align:center}
.j_pages input[type="submit"]:hover{ background: #0D4BAD; color:#fff}
.j_pages .qd{background: #0D4BAD;color: #fff;border-radius: 0.05rem;height: 0.3rem;line-height: 0.3rem;}

@keyframes round_animate {
    to {
        transform: rotate(1turn);
       }
   }
/* 三级导航 */
.san-nav{width: 100%;background: #f7f7f7;margin-bottom: .3rem;display: none;}
.san-nav ul{display: flex;justify-content: center;align-items: flex-end;flex-wrap: wrap;}
.san-nav li{/* height: 0.8rem; */display: flex;align-items: flex-end;padding:0 .3rem;}
.san-nav a{display: inline-block;/* margin: 0 0.4rem; */font-size: 0.16rem;color: #a9a9a9;display: flex;align-items: center;height: 0.5rem;}
.san-nav a::after{height: 0.02rem;left: 0;background: rgba(0,0,0,0);width:100%}
.san-nav a.on::after{background: #0D4BAD;}
.san-nav a:hover,.san-nav a.on{color: #0D4BAD;}



@media screen and (max-width: 1200px) {
    .ban h3{font-size: 0.3rem;}
    .ejlm_pc::after{width:59%;}
}
@media screen and (max-width: 1024px) {
    .inner_left,.inner_right .lm_top .adress{display: none;}
	.inner_right{width: 100%;padding-left: 0;}
	.wrap_ph{display: block;/* background: #e2effa; */}
	.inner{padding: .3rem 0 .5rem;}
	.page{margin:.25rem 0 0;}
  .local h2,.ejlm_pc,.ban .h3 h3{display: none;}
  .san-nav{display: block;}
  .local{margin: 0.2rem 0;}
  .ban .h3 .wp{justify-content: flex-end;}
  .adress{padding: 0.1rem 0 0;color: #333;margin: .2rem 0 .2rem;}
  .adress a,.adress p{color: #333;}
  .ban .h3{position: relative;}
  .ban{padding-top: 70px;}
}
@media screen and (max-width: 768px) {
  .j_pages{margin:0.3rem auto 0;}


}