/*=======================首页====================*/

.subnav_box {
  height: 1.8rem;
  background: #3179ff;
  overflow: hidden;
  position: relative;
}
.subnav_box a {
  float: left;
  width: auto;
  height: 1.8rem;
  font-size: 0.7rem;
  color: #fff;
  /* text-align: center; */
  line-height: 1.95rem;
  padding-left: 10px;
  padding-right: 10px;
}
.subnav_box a:last-child {
  margin-right: 1rem;
}
.subnav_box a:active {
  color: #fff;
  background: #0e5bea;
}
.subnav_box a.active {
  color: #fff;
  background: #0e5bea;
}
.subnav_box .slide_next,
.subnav_box .slide_prev {
  width: 1rem;
  height: 1.8rem;
  position: absolute;
  top: 0;
  background: #3179ff;
  z-index: 99;
  opacity: 0.95;
  transition: opacity 0.3s;
}
.subnav_box .slide_next {
  right: 0;
}
.subnav_box .slide_prev {
  left: 0;
}
.subnav_box .slide_prev s,
.subnav_box .slide_next s {
  display: inline-block;
  margin: 0.7rem 0 0 0.2rem;
  width: 0.36rem;
  height: 0.36rem;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
.subnav_box .slide_next s {
  transform: rotate(-45deg);
}
.subnav_box .slide_prev s {
  transform: rotate(135deg);
}
.subnav_box .swiper-button-disabled {
  opacity: 0;
}
    .downNav{
        width: 100%;
        height: 1.8rem;
        background: #fff;
    }
    .downAn,.downIos{
        width: 100%;
        height: 1.8rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 .5rem;
        box-sizing: border-box;
    }
    .downIos{
        background: #0E5BEA;
    }
    .down1 img{
        display: block;
        height: 1rem;
        object-fit: cover;
    }
    .down2 img{
        display: block;
        height: 1.8rem;
        object-fit: cover;
    }
    .down3 img{
        display: block;
        height: .8rem;
        object-fit: cover;
    }
footer{background:#fdfdfd;height:.94rem;border:1px #eee solid;position:fixed;left:0;bottom:0;z-index:999;width:100%;padding-top:.1rem}
.footernav li{width:20%;text-align:center}
.footernav li span{color:#666;font-size:.2rem;display:block;padding-top:.05rem;display:block}
.footernav li.dbnavhover span{color:#e60640}
.dbdhimg_sy{display:block;background:url(../img/nav_sy_b.png) no-repeat;background-position:top left;background-size:100%;width:.5rem;height:.45rem;margin:0 auto;background-position:0 0}
.dbdhimg_zb{display:block;background:url(../img/nav_zb_b.png) no-repeat;background-position:top left;background-size:100%;width:.5rem;height:.45rem;margin:0 auto;background-position:0 0}
.dbdhimg_sp{display:block;background:url(../img/nav_sp_b.png) no-repeat;background-position:top left;background-size:100%;width:.5rem;height:.45rem;margin:0 auto;background-position:0 0}
.dbdhimg_zx{display:block;background:url(../img/nav_zx_b.png) no-repeat;background-position:top left;background-size:100%;width:.5rem;height:.45rem;margin:0 auto;background-position:0 0}
.dbdhimg_wd{display:block;background:url(../img/nav_wd_b.png) no-repeat;background-position:top left;background-size:100%;width:.5rem;height:.45rem;margin:0 auto}
.footernav li.dbnavhover .dbdhimg_sy{display:block;background:url(../img/nav_sy_r.png) no-repeat;background-position:top left;background-size:auto .47rem;width:.5rem;height:.45rem;margin:0 auto;background-position:0 0}
.footernav li.dbnavhover .dbdhimg_zb{display:block;background:url(../img/nav_zb_r.png) no-repeat;background-position:top left;background-size:auto .47rem;width:.5rem;height:.45rem;margin:0 auto;background-position:0 0}
.footernav li.dbnavhover .dbdhimg_sp{display:block;background:url(../img/nav_sp_r.png) no-repeat;background-position:top left;background-size:auto .47rem;width:.5rem;height:.45rem;margin:0 auto;background-position:0 0}
.footernav li.dbnavhover .dbdhimg_zx{display:block;background:url(../img/nav_zx_r.png) no-repeat;background-position:top left;background-size:auto .47rem;width:.5rem;height:.45rem;margin:0 auto;background-position:0 0}
.footernav li.dbnavhover .dbdhimg_wd{display:block;background:url(../img/nav_wd_r.png) no-repeat;background-position:top left;background-size:auto .47rem;width:.5rem;height:.45rem;margin:0 auto;background-position:0 0}
/*头部*/
.wrap .fl{float:left;}
.wrap .fr{float:right;}
/*话题*/
.huatibox{padding: 10px;overflow: hidden;}
.huatilist {}
.huatilist li{width:31%;height: 39px; float: left;margin:0 1%;position: relative;}
.huatilist li img{width: 100%;position: absolute;bottom: 0;}
.huatilist li .txt{width: 100%;height: 33px;line-height: 33px;box-sizing: border-box;padding-right: 10px;text-align: right;font-size: 14px;color: #333;position: absolute;bottom: 0;}
.huatilist li.on .txt{font-weight: bold;}
.huatiitems dl {width:46%;overflow:hidden;float:left;border:1px solid #ddd;margin:1.6%}
.huatiitems dl dt {height: 100px;overflow: hidden;}
.huatiitems dl dt img {width: 100%;min-height: 100%;}
.huatiitems dl dd{color:#333;line-height: 24px;text-align: center;background: #f6f6f6;}


.zhuantibox{padding:0 10px;}
.zhuantibox .titlebox {border: 1px solid #eee;margin-top: 20px;}
.zhuantibox .titlebox .titlepic{width: 100%;background: #333;height: 210px;overflow: hidden;}
.zhuantibox .titlebox .titlepic img{width:100%;}
.zhuantibox .titlebox .titleinfo{width: 100%;position:relative;}
.zhuantibox .titlebox .titleinfo .toptit h1{margin: 0 10px;line-height: 40px;border-bottom: 1px solid #ddd;font-size: 20px;font-weight: bold;color: #333;}
.zhuantibox .titlebox .titleinfo .topinfo{margin:10px 10px 0;padding-bottom: 26px;font-size:14px}
.zhuantibox .titlebox .titleinfo .ztime{position:absolute;right:10px;bottom: 4px;font-size:14px}
.zhuantiselect{border-bottom: 1px solid #ddd;margin: 20px 10px 0;}
.zhuantiselect .title img{width:20px;height:20px}
.zhuantiselect .title h2{display:inline;font-size: 18px;font-weight: bold;vertical-align:middle;margin-left: 4px}
.zhuantiselect .type{margin-left: 10px;color: #51addf;background:#f5fbfe;border:1px solid #addcf4;border-radius:2px;padding: 0px 6px;}
.zhuantiselect .typetp{margin-left: 10px;color: #e35b5b;background:#fef8f8;border:1px solid #f4a8a8;border-radius:2px;padding: 0px 6px;}
.zhuantiselect .typesp{margin-left: 10px;color: #efbe39;background:#fdfbf7;border:1px solid #f9de94;border-radius:2px;padding: 0px 6px;}
.zhuantiselect .feeds-item h3{font-size:14px;}
.xgbox{margin-bottom:10px;margin-top: 10px;}
.xgbox .title{padding:0 calc(2% + 10px);font-weight:bold;}
.xgbox .title img{width:20px;height:20px}
.xgbox .title span{display:inline;font-size: 18px;font-weight: bold;vertical-align:middle;margin-left: 4px}
.xgbox .itemlist{padding:0 10px;}
.xgbox dl{width:46%;margin:1.6%;overflow:hidden;float:left;border:1px solid #ddd;}
.xgbox dl dt{height:160px;overflow:hidden;}
.xgbox dl dt img{width:100%;min-height:100%;}
.xgbox dl dd{font-size:12px;padding:5%;text-align: center;}
.xgbox dl dd .tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xgbox dl dd .info{text-align:right;}
.xgbox dl dd .see i{display: inline-block;width: 18px;height: 14px;background: url(/skin/images/see_icon.png) no-repeat;vertical-align: middle;}
.xgbox dl dd .see span{margin-left:10px;color:#999;vertical-align: middle;}









.feeds {
	position: relative;
	overflow: hidden
}
.feeds-item {
	border-top: 1px solid #eee;
	position: relative;
	padding: 12px 0
}
.feeds-item:first-child {
	border-top: 0
}
.feeds-item:hover {
	background: #f8f8f8
}
.feeds-item h3 {
	font-size: 16px;
	height: 42px;
	line-height: 22px;
	margin-bottom: 5px;
	overflow: hidden;
	font-weight: normal;
}
.feeds-item h3 a {
	color: #262627;
	font-weight: normal;
}
.feeds-item h3 a:hover {
	color: #3ba0f2;
	text-decoration: none
}
.feeds-item h2 {
	font-size: 16px;
	font-size: 1.6rem;
	height: 42px;
	line-height: 22px;
	margin-bottom: 5px;
	overflow: hidden;
	font-weight: normal;
}
.feeds-item h2 a {
	color: #262627;
	font-weight: normal;
}
.feeds-item h2 a:hover {
	color: #3ba0f2;
	text-decoration: none
}
.feeds-item .tw_icon{margin-left: 10px;color: #51addf;background:#f5fbfe;border:1px solid #addcf4;border-radius:2px;padding: 0px 6px;padding: 1px 6px;font-size: 12px;}
.feeds-item .tj_icon{margin-left: 10px;color: #e35b5b;background:#fef8f8;border:1px solid #f4a8a8;border-radius:2px;padding: 0px 6px;padding: 1px 6px;font-size: 12px;}
.feeds-item .sp_icon{margin-left: 10px;color: #efbe39;background:#fdfbf7;border:1px solid #f9de94;border-radius:2px;padding: 0px 6px;padding: 1px 6px;font-size: 12px;}
.feeds-item .littitle{
	font-size: 17px;
	font-size: 16px;
	height: 42px;
	line-height: 22px;
	margin-bottom: 5px;
	overflow: hidden}
.feeds-item .feeds-item-pic {
	position: absolute;
	left: 0;
	top: 12px;
	width: 96px;
	height: 66px;
	padding: 1px;
	border: 0px solid #ededed
}
.feeds-item .feeds-item-pic a {
	display: block;
	height: 100%;
	overflow: hidden
}
.feeds-item .feeds-item-pic img {
	width: 90px;
}
.feeds-item .feeds-item-info {
	height: 18px;
	line-height: 18px;
	color: #999;
	overflow: hidden;
	font-size: 12px;
	overflow: hidden
}
.feeds-item .feeds-item-info span {
	margin-right: 0px
}
.feeds-item .feeds-item-info a {
	color: #999
}
.feeds-item .feeds-item-info i {
	margin-right: 3px
}
.feeds-item .feeds-item-info .author i {
	color: #afafaf
}
.feeds-item .fa-heart-o {
	font-size: 13px;
	font-size: 1.3rem
}
.feeds .hasImg {
	padding-left: 103px;
	min-height: 60px
}
.loadmore {
	width: 100%;
	height: 35px;
	line-height: 35px;
	margin: 5px 0;
	background: #f7f8f9;
	font-size: 16px;
	font-size: 1.6rem;
	color: #213d7c;
	letter-spacing: 1px;
	text-align: center;
	cursor: pointer
}


.mod {
    position: relative;
    padding: 10px;
    background: #fff;
}



.mod .title {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 32px;
}

.mod .TitA {
    height: 38px;
    border-bottom: 1px solid #eee;
    margin-bottom: 6px;
}

.mod .TitA em {
    position: absolute;
    left: 0;
    top: 8px;
    display: inline-block;
    width: 3px;
    height: 20px;
    background: #213d7c;
}


.mod .title h2{
    float: left;
    color: #5c5c5c;
    font-size: 18px;
    font-size: 16px;
    line-height: 32px; padding-left:10px;
}










.ztswiper{width: 100%;height: 204px; overflow:hidden}
.ztswiper .swiper-container{width: 100%;height: 100%;}
.ztswiper .swiper-container img{width: 100%; }
.ztswiper .swiper-slide .btmwz{position: absolute;left: 0; bottom: 0;line-height: 42px;width: 100%;padding-left: 20px;padding-right: 84px;background: url(../img/ztimg/slidebg.png) no-repeat;color: #fff;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.ztswiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{text-align: right;left: auto;right: 12px;width: auto;}
.ztswiper .swiper-pagination-bullet{width: 11px;height: 4px;border-radius: 0;}
.ztswiper .swiper-pagination-bullet{background: #fff;opacity: 1;}
.ztswiper .swiper-pagination-bullet-active{background: #278996;}
.ztswiper .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 9px;}

.tabs-item .mip-tabs-label{width:23%;}
.mip-tabs-label{padding: 10px 0!important;background: #fff;height:auto!important;width:25%;}
.mip-tabs-label dl{text-align: center;margin-bottom:0;}
.mip-tabs-label dl.on dd{color: #1c98ae;}
.mzb .mip-tabs-label dl.on dd{color: #1c1c7f;}
.mip-tabs-label dl dt img{width: 50px;}
.mip-tabs-label dl dd{font-size: 12px;margin-top: 6px;}
mip-tabs .mip-tabs .mip-tabs-label-wrap .mip-tabs-line{background-color: #249cb2!important;}
mip-tabs .mip-tabs .mip-tabs-label-wrap .optionColor span{color:#249cb2!important;}

.itembox{margin-top: 5px;background: #fff;padding: 0 10px;overflow: hidden;}
.i-list ul{border-bottom: 1px solid #eee;overflow-x: scroll;white-space: nowrap;}
.i-list ul li{display: inline;width: 16.5555%;font-size: 12px;text-align: center;line-height: 36px;position: relative;}
.i-list ul li.on::after{content: '';position: absolute;width: 100%;height: 2px;background: #028da4;left: 0;bottom: -1px;}
.itembig{overflow: hidden;display: none;}
.itembig:nth-of-type(1){display: block;}
.itembig .i-box .i-item{display: none;}
.itembig .i-box .i-item:nth-of-type(1){display: block;}
.itembig .qdbox{padding: 20px 0;}
.itembig .qdimg{opacity: .7;display: block;margin: 0px auto 14px;width: 20%;}
.itembig .qdp{text-align: center;line-height: 26px;font-size: 14px;color: #999;}

.tseemore{text-align: center;width: 80%;display: block;margin: 10px auto;line-height: 40px;color: #fff;background: url(/skin/ztimg/morebg.png) no-repeat;background-size:cover; border-radius: 8px;}
.mzb .tseemore{background:#1c1c7f;}
/*tag*/
.yctj.rmbq {padding: 10px;}
.yctj.rmbq .title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    margin-top: 8px;
}
.yctj.rmbq .hottagitem{float:left;padding:2px 10px;}










.itemlist>dl dt{width: 60%;margin: 0 auto;}
.itemlist>dl dt img{width: 100%;}
.itemlist .itm{width: 25%;float: left;margin: 10px 0;}
.itemlist>dl dd{text-align: center;}
.itembox .mip-tabs .mip-tabs-content-wrap mip-tabs-item{padding-left: 0;padding: 0 10px;}

.seebox .mip-layout-container{display: inline-block;width: 15px;vertical-align: middle;}

.picin_cont .mip-fill-content{height:auto;}

.tuji-list {padding: 10px 0 0;}
.tuji-list li{float: left;width: 25%;text-align: center;font-size: 1.4rem;margin-bottom: .8rem;}


.copyright .xukeimg{width:18px;height:20px;display:inline-block;vertical-align: middle;}
.copyright p span{vertical-align:middle;margin-left: 8px;}
.mip-carousle-subtitle{white-space: nowrap;width: 90%;overflow: hidden;text-overflow: ellipsis;}

/*欧洲杯球队*/
.teamtop{margin: 0.5rem 1.3%;background: #fbfbfb;border: 1px solid #eee;padding: 1rem 0;}
.teamtop .fl{float: left;}
.teamtop .leftimg{width: 17%;border-right: 1px solid #eee;float: left;}
.teamtop .leftimg mip-img{width: 66.4%;margin: 0 auto;}
.teamtop .leftimg .xiaozu{color: #3ea6b5;font-size: 12px;margin-top: 1rem;text-align: center;}
.teamtop .abstract{width: 80%;padding-left: 1rem;}
.teamtop .abstract .name h1{color: #333;font-weight: bold;font-size: 18px;}
.teamtop .abstract .paiming{color: #666;font-size: 14px;margin-top: 2px;margin-left: 2rem;}
.teamzl {padding: 0 3%;margin-top: 1rem;background: #fff;padding-top: 1rem;}
.teamzl .title h2{font-size: 24px;color: #333;font-weight: bold;}
.teamzl .article{line-height: 30px;font-size: 18px;}
.teamzl .article p{margin:10px 0}
.teamjl {padding: 0 3%;margin-top: 1rem;background: #fff;padding-top: 1rem;}
.teamjl .title h2{font-size: 24px;color: #333;font-weight: bold;}
.teamjl .article{line-height: 30px;font-size: 18px;}

.oz_team{background:#f5f8fb;}
.oz_team .leftnews{margin: 1rem 3% 0;background: #fff;padding-top: 1rem;}
.oz_team .leftnews .title h3{font-size: 24px;color: #333;font-weight: bold;line-height: 5rem;border-bottom: 1px solid #eee;}

.oz_team .hotvideo{margin: 1rem 3% 0;background: #fff;padding-top: 1rem;}
.oz_team .hotvideo .hot_title h3{font-size: 24px;color: #333;font-weight: bold;line-height: 3.4rem;}
.oz_team .videoul li{ margin-top: 10px;}
.oz_team .video_top{position: relative;height: 175px;overflow: hidden;}
.oz_team .video_top .video_img{position: absolute;width: 100%;min-height: 100%;}
.oz_team .video_play{position: absolute;top: 50%;left: 50%;width: 44px;transform: translate(-50%,-50%);}
.oz_team .video_title{width:100%;height:76px;position: absolute;bottom: 0;padding-top:40px;font-size:16px;line-height: 36px;font-weight:bold;color:#eee;padding-left: 5%;background-size: 100%;background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 0, 0, 0)), color-stop(37%, rgba(0, 0, 0, 0.52)), color-stop(85%, rgba(0, 0, 0, 0.85)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.52) 37%, rgba(0, 0, 0, 0.85) 85%);background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.52) 37%, rgba(0, 0, 0, 0.85) 85%);  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.52) 37%, rgba(0, 0, 0, 0.85) 85%);}
.oz_team .video_title .tit{width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.oz_team .video_btm .tags{margin-top:10px;float:left;}
.oz_team .video_btm .tags>a{padding: 0 20px;background: #eee;line-height: 26px;border-radius: 20px;display: inline-block;margin:0 10px;float:left;}
.oz_team .video_btm .seebox{float:right;margin-top:13px;margin-top: 11px;margin-right: 10px;}
.oz_team .video_btm .time{float:right;margin-top:13px;margin-right:10px;}
.oz_team .video_btm .seebox span{margin-left:4px;vertical-align: middle;}
.oz_team .yctj{margin: 2rem 3% 0;}
.oz_team .yctj .title{font-size: 24px;color: #333;font-weight: bold;line-height: 3.4rem;}

.zu-name{width: 17%;float: left;height: 100%;border-right: 1px solid #eee;background: #1294aa;color: #fff;line-height: 80px;text-align: center;}
.zu-list{/* width: 83%; *//* float: left; *//* display: flex; */}
.oz-inbox{width: 50%;display: block;float:left; margin-bottom:10px;}
.zu-list dl{width: 100%;margin-bottom: 0;}
.zu-list dl dt{margin-top: 6px;}
.zu-list dl img{margin: 0 auto;display: block;}
.zu-list dl dd{text-align: center;}
.oz-zu{/* height: 80px; */border: 1px solid #eee;border-radius: 8px;margin-top: 30px;}
.itembox mip-tabs .mip-tabs .mip-tabs-label-wrap:after{display: none;}
.itembox .mip-tabs-line{display: none;}
.oz-box .mip-tabs-label{height: 24px!important;line-height: 24px!important;padding: 0!important;border: 1px solid #eee;border-radius: 4px;text-align: center;margin: 0 10px;}
.oz-box .mip-tabs-label.optionColor{background: #209aaf;}
.mzb .oz-box .mip-tabs-label.optionColor{background: #1c1c7f;}
.oz-box mip-tabs .mip-tabs .mip-tabs-label-wrap .optionColor span{color: #fff!important;}



.mtuji dl{width:46%;margin: 1.6%;overflow:hidden;float:left;border:1px solid #ddd;border-radius:5px;}
.mtuji dl dt{height:150px;overflow:hidden;}
.mtuji dl dt img{width:100%;min-height:100%;}
.mtuji dl dd{font-size:12px;padding:5%;}
.mtuji dl dd .tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mtuji dl dd .info{text-align:right;}
.mtuji dl dd .see i{display: inline-block;width: 18px;height: 14px;background: url(../img/see_icon.png) no-repeat;vertical-align: middle;}
.mtuji dl dd .see span{margin-left:10px;color:#999;vertical-align: middle;}
.mtuji dl dd .time.fl{float:left;color:#999;}
.mtuji dl dd .see.fr{float:right;}




.videolist{padding-top:10px;background:#fff;padding-bottom: 10px;}
.videoul li{ margin-top: 10px;width:100%}
.video_top{position: relative;height: 175px;overflow: hidden;}
.video_top .video_img{position: absolute;width: 100%;min-height: 100%;}
.video_play{position: absolute;top: 50%;left: 50%;width: 44px;transform: translate(-50%,-50%);}
.video_title{width:100%;height:76px;position: absolute;bottom: 0;padding-top:40px;font-size:16px;line-height: 36px;font-weight:bold;color:#eee;padding-left: 5%;background-size: 100%;background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 0, 0, 0)), color-stop(37%, rgba(0, 0, 0, 0.52)), color-stop(85%, rgba(0, 0, 0, 0.85)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.52) 37%, rgba(0, 0, 0, 0.85) 85%);background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.52) 37%, rgba(0, 0, 0, 0.85) 85%);  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.52) 37%, rgba(0, 0, 0, 0.85) 85%);}
.video_title .tit{width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.video_btm .tags{margin-top:10px;float:left;}
.video_btm .tags>a{padding: 0 20px;background: #eee;line-height: 26px;border-radius: 20px;display: inline-block;margin:0 10px;float:left;}
.video_btm .seebox{float:right;margin-top:13px;margin-top: 11px;margin-right: 10px;}
.video_btm .time{float:right;margin-top:13px;margin-right:10px;}
.video_btm .seebox span{margin-left:4px;vertical-align: middle;}