@media only screen and (max-width: 1024px) and (min-width: 320px){
	*{
		padding: 0;margin: 0;
	}
	html {
	    font-size: 10px ;
	}
	body{
		font-size: 100%;
		background-color: #F6F4F4;
	}
	li{
		list-style: none;
	}
	a{
		text-decoration: none;
		color: #666;
	}
	img{
		max-width: 100%;
		vertical-align: middle;
		display: block;
	}
	/* 搜索*/
	.nav_list .search{
	    width: 0.15rem;
	    height: 0.15rem;
	    margin-top: 0.15rem;
	}
	/*搜索*/
	#mob-search{
	    background-color: #fff;
	    padding: 0.08rem 0.15rem;
	    position: fixed;
	    top: 0;
	    width: 92%;
	    z-index: 999;
	}
	#mob-search .searchBox{
	    display: flex;
	}
	#mob-search .searchBox .back{
	    width: 0.09rem;
	    height: 0.16rem;
	    padding-top: 0.09rem;
	    margin-right: 0.15rem;
	}
	#mob-search .searchBox .inputs{
	    display: flex;
	    width: 100%;
	    position: relative;
	}
	#mob-search .searchBox .inputs input{
	    width: 100%;
	    border-radius: 0.3rem;
	    border: 1px solid #F2F2F2;
	    background-color: #F2F2F2;
	    height: 0.31rem;
	    line-height: 0.31rem;
	    padding-left: 0.15rem;
	}
	#mob-search .searchBox .inputs .search{
	    width: 0.14rem;
	    height: 0.14rem;
	    position: absolute;
	    right: 0.14rem;
	    top: 0.09rem;
	}
	/*搜索内容*/
	#searchContent{
	    width: 90%;
	    margin: 0.65rem auto 0;
	    background-color: #fff;
	}
	#searchContent .searchContent{
	    padding:0 0.15rem;
	}
	#searchContent .searchContent .searchLine{
	    border-bottom: 1px solid #F9F9F9;
	    padding: 0.15rem 0;
	}
	.searchContent .titles{
        display: flex;
    }
    .searchContent .titles .streaming{
        font-size: 0.08rem;
        background-color: #057BB9;
        padding: 0.01rem 0.07rem;
        height: 0.17rem;
        line-height: 0.17rem;
        color: #fff;
        font-style: italic;
        text-align: center;
        margin-right: 0.09rem;
        border: none;
    }
     .searchContent .titles .time{
         font-size: 0.08rem;
         color: #999;
         padding-top: 0.03rem;
     }
    #searchContent .searchContent .topic{
        font-size: 0.1rem;
        padding: 0.1rem 0 0;
    }
    .searchList{
        padding: 0 0.15rem;
    }
    .searchList .searchLists{
       	display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0.15rem 0;
		border-bottom: 1px solid #FBFBFB;
    }
    .searchList .searchLists dl {
        width: 48%;
		box-shadow: 0 0.03rem 0.03rem 0.03rem rgba(245, 246, 246, 0.8);
		border-radius: 0.05rem;
    }
    .searchList .searchLists dl dt{
		position: relative;
		width: 100%;
		height: 1.05rem;
	}
	.searchList .searchLists dl dt img{
		width: 100%;
		height: 1.05rem;
		border-radius: 0.05rem 0.05rem 0 0;
		object-fit: cover;
	}
	.searchList .searchLists dl dt span{
		display: block;
		background-color: #057BB9;
		color: #fff;
		padding:  0.025rem 0.055rem;
		border-radius: 0.01rem;
		font-size: 0.08rem;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.searchList .searchLists dl dd:nth-child(2){
		font-size: 0.09rem;
		padding: 0.175rem 0.13rem 0.23rem 0.13rem;
		color: #666;
	} 
	#searchContent .recom_lists{
	    display: flex;
		padding: 0 0 0.15rem;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 90%;
		margin: 0 auto;
	}
	#searchContent .recom_lists .recom_listsLine{
	    border-bottom: 1px solid #F9F9F9;
	    padding-bottom: 0.15rem;
	}
	#searchContent .recom_lists dl{
		margin-top: 0.17rem;
		display: flex;
		justify-content: space-between;
		position: relative;
		background-color: #F6F4F4;
		border-radius:0 0.05rem 0.05rem 0;
	}
	#searchContent .recom_lists dl dt{
		width: 55%;
		height: 1.1rem;
	}
	#searchContent .recom_lists dl dt img{
		position: relative;
		width: 100%;
		height: 1.1rem;
		border-radius: 0.05rem 0 0 0.05rem;
		object-fit: cover;
	}
	#searchContent .recom_lists .recom_list_dd{
		width: 45%;
		font-size: 0.1rem;
		color: #333;
		padding: 0.10rem 0.08rem 0 0.105rem;
		position: relative;
		margin: 0 auto 0.1rem;
	}
	#searchContent .recom_lists .recom_list_dd .one{
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2; 
		overflow: hidden;
	}
	#searchContent .recom_lists .recom_list_dd .position{
		color: #999;
		font-size: 0.09rem;
		position: absolute;
		left: 0.105rem;
		bottom: 0.02rem;
	}
	#searchContent .recom_lists dl dt span{
		display: block;
		background-color: #057BB9;
		color: #fff;
		padding: 0.01rem 0.07rem;
		font-size: 0.08rem;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 0;
		border-radius: 0 0 0 0.05rem;
	}
	
	
	
	
	header{
		display: flex;
		background-color: #fff;
		justify-content: space-around;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9;
		font-size: 0.12rem;
		height: 0.455rem;
		line-height: 0.455rem;
	}
	header .logo{
		width: 30%;
	}
	header .logo img{
		width: 0.845rem;
		height: 0.335rem;
		display: inline-block;
		padding-left: 0.15rem;
		object-fit: scale-down;
	}
	header .nav_list{
		width: 54%;
		display: flex;
		justify-content: space-between;
		height: 0.455rem;
		line-height: 0.455rem;
		margin: 0 auto;
		color: #666;
	}
	header .nav_list li a{
		font-size: 12px;
	}
	.nav_listFu{
		/* display: block; */
	}
	.nav_two{
		display: none;
		width: 100%;
		background-color: #fff;
		border-top: 1px solid #ccc;
		z-index: 9;
		line-height: 0.33rem;
		position: fixed;
		top:  0.455rem;
	}
	.nav_two{
		width: 100%;
		font-size: 0.1rem;
	}
	.nav_twos{
		width: 85%;
		margin: 0 auto;
	}
	/* banner */
	#banner #bans{
	    padding: 0.1rem;
	    background-color: #fff;
	}
	#banner,#newsFlash{
		padding-top: 0.48rem;
	}
	#banner,#container,#blue_shark,#host_recommend,#chanel_box,#newsFlash,#detail{
		width: 90%;
		margin: 0.165rem auto 0;
	}
	#banner img{
		width: 100%;
		height: 2.3rem;
		object-fit: cover;
	}
	.swiper-slide{
		position: relative;
	}
	#banner .fresh{
		position: absolute;
		bottom: 0;
		background-color: rgba(6,6,6,0.7);
		width: 100%;
		height: 0.375rem;
		color: #fff;
		text-align: center;
		line-height: 0.375rem;
		font-size: 0.1rem;
		background-size: 0.2rem;
		z-index: 999;
	}
	#banner .fresh span{
		background-color: #057BB9;
		color: #fff;
		padding: 0.01rem 0.07rem;
		border-radius: 0.03rem;
		font-size: 0.08rem;
		margin-right: 2%;
	}
	.swiper-container{
	    width: 90%;
	}
	.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{
		top: 97.5%;
	}
	.swiper-button-prev:after,.swiper-button-next:after{
		display: none;
	}
	.swiper-button-prev{
		background: url(../img/left_more.png) no-repeat;
		background-size: 0.2rem;
	}
	.swiper-button-next{
		background: url(../img/right_more.png) no-repeat;
		background-size: 0.2rem;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		right: 0.19rem!important;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
		left: 0.19rem!important;
	}
	/* 首页 快讯 */
	#container,#host_recommend{
		margin-bottom: 0.165rem;
	}
	#container,#blue_shark,#host_recommend,#chanel_box,#detail{
		background-color: #fff;
	}
	#container .flash_list,#blue_shark .flash_list,#host_recommend .flash_list{
		display: flex;
		line-height: 0.18rem;
		padding: 0.16rem 0.125rem 0 0.16rem;
	}
	#container .flash_list span,#blue_shark .flash_list span,#host_recommend .flash_list span{
		flex: 1;
		margin-left: 3%;
		font-size: 0.14rem;
	}
	#container .flash_list .index-more{
		width: 0.18rem;
		height: 0.18rem;
	}
	#container .flash_list_two{
		padding: 0 0.15rem 0.15rem 0.32rem;
	}
	#container .flash_list_two ul li{
		list-style-type: square;
		line-height: 1.6;
		color: #8D8C8C;
		padding-top: 4%;
		font-size: 0.13rem;
	}
	#container .flash_list_two span{
		display: block;
		font-size: 0.11rem;
		color: #ccc;
	}
	/* banner2 */
	#ban_two{
		width: 100%;
	}
	#ban_two img{
		width: 100%;
		height: 0.695rem;
		object-fit: cover;
	}
	/* 蓝鲨学堂 */
	#blue_shark .shark_list{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0 0.15rem 0.2rem;
	}
	#blue_shark .shark_list a{
		display: block;
	}
	#blue_shark .shark_list dl{
		width: 48%;
		margin-top: 0.15rem;
		box-shadow: 0 0.03rem 0.03rem 0.03rem rgba(245, 246, 246, 0.8);
		border-radius: 0.05rem;
	}
	#blue_shark .shark_list dl dt{
		position: relative;
		width: 100%;
		height: 1.05rem;
	}
	#blue_shark .shark_list dl dt img{
		width: 100%;
		height: 1.05rem;
		border-radius: 0.05rem 0.05rem 0 0;
		object-fit: cover;
	}
	#blue_shark .shark_list dl dt span{
		
		display: block;
		background-color: #057BB9;
		color: #fff;
		padding:  0.025rem 0.055rem;
		border-radius: 0.01rem;
		font-size: 0.08rem;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	#blue_shark .shark_list dl dd:nth-child(2){
		font-size: 0.09rem;
		padding: 0.175rem 0.13rem 0.23rem 0.13rem;
		/*text-align: center;*/
		color: #666;
	} 
	/* 首页 热门推荐 */
	#host_recommend .recom_list,#host_recommend .detail_recom_list{
		display: flex;
		padding: 0 0 0.15rem;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 90%;
		margin: 0 auto;
	}
	#host_recommend .recom_list dl{
		/*width: 3.075rem;*/
		width: 100%;
		margin-top: 0.17rem;
		display: flex;
		justify-content: space-between;
		position: relative;
		background-color: #F6F4F4;
		border-radius:0 0.05rem 0.05rem 0;
	}
	#host_recommend .recom_list dl dt{
		width: 55%;
		height: 1.1rem;
	}
	#host_recommend .recom_list dl dt img{
		position: relative;
		width: 100%;
		/*width: 1.6rem;*/
		height: 1.1rem;
		border-radius: 0.05rem 0 0 0.05rem;
		object-fit: cover;
	}
	#host_recommend .recom_list .recom_list_dd{
		width: 45%;
		font-size: 0.1rem;
		color: #333;
		padding: 0.10rem 0.08rem 0 0.105rem;
		position: relative;
		margin: 0 auto 0.1rem;
		
	}
	#host_recommend .recom_list .recom_list_dd .one{
		/* height: 0.26rem; */
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2; 
		overflow: hidden;
	}
	#host_recommend .recom_list .recom_list_dd .position{
		color: #999;
		font-size: 0.09rem;
		/*padding-top: 0.20rem;*/
		position: absolute;
		left: 0.105rem;
		bottom: 0.02rem;
	}
	#host_recommend .recom_list dl dt span{
		display: block;
		background-color: #057BB9;
		color: #fff;
		padding: 0.01rem 0.07rem;
		font-size: 0.08rem;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 0;
		border-radius: 0 0 0 0.05rem;
	}
	/* 点击查看更多 */
	.idx-btn{
		width: 2.3rem;
		display: flex;
		justify-content: center;
		background-color: #fff;
		margin: 0 auto;
	}
	.idx-btn button{
		border: 1px solid #E0DFDF;
		background-color: #fff; 
		width: 53%;
		height: 0.3rem;
		line-height: 0.3rem;
		border-radius: 0.3rem;
		margin-bottom: 0.15rem;
		color: #666;
		font-size: 0.09rem;
	}
	/* footer */
	footer{
	   
		width: 100%;
		background-color: #282828;
		margin-top: 0.2rem;
		color: #B2B2B2;
	}
	.footer{
		margin-top: 0;
	}
	footer #foot{
		font-size: 0.1rem;
	}
	#foot .foot-up{
		width: 80%;
		margin: 0 auto;
	}
	.foot-up .foot_top{
		padding: 0.15rem 0;
	}
	.foot-up .foot_top img{
		margin: 0 auto;
		object-fit: cover;
	}
	.foot_down .footList-one{
		display: flex;
		flex-wrap: wrap;
	}
	.foot_down .footList-one li{
		padding-right: 5%;
		line-height: 0.3rem;
	}
	.foot_down .footList-one li a{
		color: #B2B2B2;
	}
	#foot .foot-below{
		width: 100%;
		border-top: 1px solid #ccc;
		margin-top: 0.2rem;
	}
	#foot .foot-below p{
		width:80%;
		padding: 0.15rem 0;
		text-align: center;
		margin: 0 auto;
	}
	#foot .foot-below a{
	    color: #B2B2B2;
	}
	/* 频道 banner */
	#banner .bans{
		background-color: #fff;
	}
	/* 频道 快讯 */
	#container .flash_list .list-line,#host_recommend .flash_list .list-line{
		width: 0.02rem; 
		height: 0.17rem;
		background-color: #0179B8;
	}
	#container .flash_list .chanel-more,#host_recommend .flash_list .chanel-more{
		color: #999;
		font-size: 0.11rem;
	}
	#container .chanel_flash_list .chanel_flash_list_ul li{
		color: #067CBA;
		list-style: disc;
	}
	#container .channel_list{
		border-bottom: 1px solid #F6F4F4;
		padding-bottom: 0.15rem;
	}
	#host_recommend .flash_listTwo{
		border-bottom: 1px solid #F6F4F4;
		padding-bottom: 0.15rem;
	}
	/* 频道 蓝鲨学堂 */
	#host_recommend .recom_shark_list{
		padding-top: 0.15rem;
		width: 100%;
		margin: 0 auto;
	}
	#host_recommend .recom_shark_list dl{
		width: 88%;
		margin: 0 auto 0.2rem;
	}
	#host_recommend .recom_shark_list dl dt{
		width:100%;
	    height: 1.57rem;
		position: relative;
	}
	#host_recommend .recom_shark_list dl dt img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#host_recommend .recom_shark_list dl dt span{
		background-color: #057BB9;
		color: #fff;
		padding:  0.025rem 0.055rem;
		font-size: 0.1rem;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	#host_recommend .recom_shark_list dl dd{
		font-size: 0.12rem;
		color: #666;
		padding: 0.15rem 0;
	}
	/* 频道 热门推荐 */
	#chanel_box .chanel_box{
		padding: 0.15rem 0.15rem 0;
	}
	/*#chanel_box .chanel_box dl:last-child{*/
	/*    border: 1px solid  #f00;*/
	/*	padding-bottom: 15px;*/
	/*}*/
	#chanel_box .chanel_box dl{
		display: flex;
		justify-content: space-between;
		padding-bottom: 0.15rem;
	}
	#chanel_box .flash_list{
		display: flex;
		line-height: 0.18rem;
		padding: 0.16rem 0.125rem 0 0.16rem;
	}
	#chanel_box .flash_list span{
		flex: 1;
		margin-left: 3%;
		font-size: 0.14rem;
	}
	#chanel_box .chanel_box dl dt{
		width: 52%;
		height: auto;
		position: relative;
	}
	#chanel_box .chanel_box dl dt img{
		width: 100%;
		/*height: 100%;*/
		object-fit: cover;
	}
	#chanel_box .chanel_box dl dt span{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #057BB9;
		padding:  0.025rem 0.055rem;
		font-size: 0.1rem;
		text-align: center;
		color: #fff;
	}
	#chanel_box .chanel_box dl .left-two-dd{
		width: 48%;
		position: relative;
	}
	.left-two-dd .dd-one{
		font-size: 0.1rem;
		color: #000;
		padding: 0.05rem 0.08rem 0 0.105rem;
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2; 
		overflow: hidden;
	}
	.left-two-dd .dd-two{
		font-size: 0.09rem;
		color: #9A9A9A;
		position: absolute;
		left: 0.105rem;
		bottom: 0;
		/*padding: 0.11rem 0 0 0.105rem;*/
	}
	.left-two-dd .dd-two a{
		display: block;
		color: #999;
	}
	/* 快讯 */
	#newsFlash .newsFlash{
		width:100%;
		display: flex;
		justify-content: space-between;
	}
	.newsFlash .flash_left{
		width: 16%;
		display: flex;
		justify-content: space-around;
	}
	.flash_left .left_list{
		background-color: #057BB9;
		 width: 0.25rem;
		 height: 0.45rem;
		 padding: 0.1rem 0.15rem 0.1rem 0.15rem;
		 position: relative; 
		 color: #fff;
		 font-size: 0.12rem;
	}
	.left_list .day{
		position: absolute;
		 bottom: 0.1rem;
		 right: 0.15rem;
	}
	.left_list .flash_line{
		transform: rotate(130deg);
		 border-top: 0.02rem solid #fff;
		 position: absolute;
		 top: 0.32rem;
		 left:0;
		 right: 0;
	}
	.newsFlash .flash_right{
		width: 80%;
	}
	.flash_right .right_list{
		background-color: #fff;
		margin-bottom: 0.15rem;
		font-size: 0.12rem;
	} 
	.right_list .title{
		padding: 0.1rem 0.15rem;
		font-size: 0.14rem;
	}
	.right_list .title span{
        font-size: 0.08rem;
        background-color: #057BB9;
        padding: 0.025rem 0.07rem 0.025rem 0.05rem;
        font-style: italic;
        text-align: center;
        color: #fff;
        margin-right: 0.09rem;
        line-height: 0.24rem;
	}
	.right_list .time{
		display: flex;
		justify-content: space-between;
		line-height: 0.28rem;
		padding: 0 0.15rem;
		color: #999;
	}
	.right_list .time img{
		vertical-align: middle;
		padding: 0 0 0.05rem 0;
		display: inline;
		object-fit: cover;
		width: 0.20rem;
		height: 0.20rem;
	}
	.right_list .time .canvas{
		/*width: 50%;*/
		text-align: left;
		position: relative;
	}
	.right_list .time .canvas .canvased img{
		display: flex;
	}
	.wx-qrcode-wrapper .wx-qrcode{
		position: relative;
	}
	.wx-qrcode-wrapper .wx-qrcode #qrcode{
		position: absolute;
		left: 0.5rem;
	}
	.weixinShare .wxBox{
		position: relative;
	}
	.weixinShare .wxBox #qrcode{
		position: absolute;
		left: 0.5rem
	}
	.right_list .article{
		padding: 0 0.15rem;
		font-size: 0.12rem;
		color: #333;
		line-height: 0.24rem;
	}
	.right_list .article p{
		padding-top: 0.15rem;
	}
	.right_list .check{
		display: flex;
		justify-content:flex-end;
		padding: 0.15rem;
	}
	.right_list .check a{
		color: #2D86BE;
	}
	/* 快讯 点击查看更多 */
	.news_idx_btn{
		background-color: #F6F4F4;
	}
	.news_idx_btn button{
		background-color: #F6F4F4;
		margin: 0.125rem auto 0.225rem;
	}
	/* 快讯详情 */
	.newsFlash .flash_righted{
		width: 100%;
	}
	.flash_righted .title{
		font-size: 0.14rem;
	} 
	.flash_righted .article p:last-child{
		padding-bottom: 0.15rem;
	}
	/* 详情 作者 */
	.detail .writer{
		text-align: center;
		padding: 0.15rem 0;
		color: #333;
		font-size: 0.14rem;
	}
	.detail .writer span{
		background-color: #057BB9;
		/*padding: 0.025rem 0.095rem 0.025rem 0.065rem;*/
		display: inline-block;
		width: 0.4rem;
		height: 0.18rem;
		line-height: 0.18rem;
		text-align: center;
		color: #fff;
		margin-right: 0.07rem;
		font-style: italic;
		border-radius: 0.03rem;
		font-size: 0.12rem;
	}
	.detail .piece_list{
		display: flex;
		text-align: center;
		padding-bottom: 0.15rem;
	}
	.piece_list .piece{
		width:50%;
		line-height: 0.24rem;
		font-size: 0.14rem;
	}
	.piece_list .piece:first-child{
		border-right: 1px solid #ccc;
	}
	.piece_list .piece div:last-child{
		color: #666;
	}
	.detail_right .lead{
		padding: 0 0.15rem;
	}
	.lead .lead_title{
		padding: 0.1rem 0;
		line-height: 0.22rem;
		font-size: 0.13rem;
		background: url(../img/daoyu.png) no-repeat 3px 13px;
		display: flex;
	}
	.lead .lead_title .guide{
		text-align: center;
		color: #fff;
		line-height: 0.26rem;
	}
	.lead .lead_title p{
		line-height: 0.28rem;
	}
	.lead .lead_title p .one{
		padding: 0.05rem 0.05rem 0.05rem 0.17rem;
		color: #fff;
		line-height: 0.34rem;
	}
	.lead .lead_title p .two{
		padding-left: 0.38rem;
	}
	.lead .hint{
		padding-top: 0.15rem;
		color: #A3A3A3;
		display: flex;
		justify-content:
		space-between;
		font-size: 0.12rem;
	}
	.lead .hint span{
		padding-right: 0.1rem;
	}
	.detail_right .articles{
		color: #f00;
	}
	.detail_right .reprint{
		padding: 0 0.15rem 0.15rem;
		color: #666;
		text-indent: 2em;
		line-height: 0.2rem;
	}
}

@media only screen and (max-width: 320px){
 .swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{
  top: 98.5%;
 }
 #host_recommend .recom_list .recom_list_dd{
  width: 45%;
  font-size: 0.1rem;
  color: #333;
  padding: 0.05rem 0.08rem 0 0.105rem;
  position: relative;
 }
}
/* iphone 5 */
@media only screen and (max-width: 568px) and (min-width: 320px){
 /*#host_recommend .recom_list .recom_list_dd .position{*/
 /* padding-top: 0.4rem;*/
 /*}*/
 .left-two-dd .dd-two{
  /*padding-top: 0.2rem;*/
 }
 .swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{
	top: 97%;
 }
}
/* iphone 678 */
@media only screen and (max-width: 667px) and (min-width: 375px){
 /*#host_recommend .recom_list .recom_list_dd .position{*/
 /* padding-top: 0.35rem;*/
 /*}*/
}
/* ipad */
@media only screen and (max-width: 1024px) and (min-width: 768px){
 header .logo img{
  padding-left: 0.45rem;
 }
 #banner img{
  height: 4.4rem;
 }
 .swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{
  top: 98.5%;
 }
 
 #blue_shark .shark_list dl dt img{
     height: 1.76rem;
 }
 
 /* 首页 蓝鲨学堂 */
 #blue_shark .shark_list dl dt{
  height: auto;
 }
 /* 频道 蓝鲨学堂 */
 #host_recommend .recom_shark_list dl dt{
  height: auto;
 }
 
 #host_recommend .recom_list dl dt{
  height: auto;
 }
 #host_recommend .recom_list dl dt img{
  height: 100%;
 }
 /*#host_recommend .recom_list .recom_list_dd .position{*/
 /* padding-top: 1.35rem;*/
 /*}*/
 /* 频道 热门推荐 */
 #chanel_box .chanel_box dl dt{
  height: auto;
 }
 .left-two-dd .dd-two{
  padding-top: 1.2rem;
 }
}
/* 分页 */
.page_div{
	margin: 0 auto;
	/*margin-top: -1rem;*/
	/*margin-bottom: -0.2rem;*/
	font-family: "microsoft yahei";
	/*margin-right: 0.1rem;*/
	box-sizing: border-box;
	font-size: 0.14rem;
}
/* 分页页数按钮样式 */
.page_div a {
	min-width: 0.25rem;
	height: 0.25rem;
	border:0.01rem solid rgba(229,229,229,1)!important;
	text-align: center;
	margin: 0.1rem 0.07rem;
	cursor: pointer;
	line-height: 0.25rem;
	color: #646464;
	font-size: 0.12rem;
	display: inline-block;
	background:rgba(240,240,240,1);
	border-radius: 0.02rem;
}
#firstPage,#lastPage {
	width: 0.42rem;
	color: #646464;
	border:0.01rem solid rgba(229,229,229,1)!important;
}
#prePage{
	display: none;
}
#prePage,#nextPage {
	width: 0.7rem;
	color: #646464;
	border:0.01rem solid rgba(229,229,229,1)!important;
}
.page_div .current {
	background-color: #0073A9;
	border-color: #0073A9;
	color: #FFFFFF;
}
.totalPages {
	margin: 0 0.10rem;
}
.totalPages,.totalSize{
	display: none;
}
.totalPages span,.totalSize span {
	color: #0073A9;
	margin: 0 0.05rem;
}
/*圆点颜色改变*/
.other .bannerBox .swiper-pagination-bullet{
	background-color: #fff;
}
.other .bannerBox .swiper-pagination-bullet-active{
	background-color: #fff;
}
.channelList{
	display: flex;
	justify-content: space-between;
	margin-top: 0.2rem;
}
.chanPhoto{
	width: 2.4rem;
	position: relative;
}
.chanPhoto img{
	width: 2.4rem;
	height: 1.37rem;
}
.chanPhoto span{
	display: inline-block;
	padding: 3px 0;
	font-size: 14px ;
	width: 0.8rem;
	color: #fff;
	text-align: center;
	background-color: #057BB9;
	position: absolute;
	left: 0;
	top: 0;
}
.chanDec{
	width: 4.67rem;
}
.chanDec a{
	display: inline-block;
	margin: 20px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 0.24rem;
	font-size: 17px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #333333;
}
.chanDec span{
	font-size: 14px;
	color: #B5B5B5;
	display: block;
}
.page{
	/*margin: 0.4rem auto 0.3rem;*/
	width: 100%;
	text-align: center;
}
.pageing{
	display: flex;
	/* justify-content: space-between; */
	width: 65%;
	margin: 0 auto;
}
.pageing a{
	background-color: #F0F0F0;
	color: #646464;
	display: inline-block;
	font-size: 12px;
	border: 0.01rem solid #E5E5E5;
	padding: 0.03rem 0.05rem;
	border-radius: 0.03rem;
	margin-right: 0.2rem;
}
.pageing .active{
	background-color: #0179B8!important;
	color: #fff!important;
}
.pageing a{
	padding: 0.03rem 0.08rem;
}
.pageing .step{
	background-color: #fff;
	padding-right: 0.2rem;
}
.pageing .mo{
	margin-left: 0.06rem;
	padding: 0.03rem 0.1rem;
}