/*----------------共用初始化----------------*/
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
html{font-size:62.5%; background-color:#333; height:100%; }
body{font-family:font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Arial,sans-serif;background-color:#fff; max-width:720px; min-height:100%; margin:0 auto; font-size:1.4em;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;}
a,input{outline:none;}
ul{list-style:none;}
img{max-width:100%; border:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear{clear:both;}
.t-c{text-align:center;}
.t-l{text-align:left;}
.t-r{text-align:right;}
.hide{display:none;}
.o-h{overflow:hidden;}
.f-l{float:left;}
.f-r{float:right;}
.pos-rel{position:relative;}
.t-o-1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.t-o-2{display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.fenge1{height:1em; background-color:#f6f6f6;}
.fixed-center{position:fixed;max-width:720px; margin:0 auto;}
.hr10{height:0.5rem; background:#f3f3f3;}
.bg-f3{background:#f3f3f3;}
.border-radius{border-radius:5px;}
.swiper-container img{display:block;}
.over-hidden{overflow:hidden;}
.scroll-wrapper {  
    -webkit-overflow-scrolling: touch;  
    overflow-y: scroll;  
} 
/*----------------头部----------------*/
.header-h{
	min-height:5rem;
	border-bottom:1px #f0f0f0 solid;
}
.top-header{
	width:100%;
	height:5rem;
	background-color:#fff;
	padding: 0 1.5rem 0 1rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.fixed-top .top-header{
	position:fixed;
	top:0;
	max-width:720px;
	margin:0 auto;
	z-index:2;
}
.s-h-logo{
	width:8rem;
	flex-shrink: 0;
	margin-right: 1rem;
}
.s-h-logo img{
	display: block;
	height: 2rem;
}
.page-return{
	width:3.2rem;
	height:3.2rem;
	flex-shrink: 0;
	margin-right: 1rem;
}
.top-search{
	flex-grow:1;
	height: 3rem;
	display: flex;
	align-items: center;
	border-radius: 1.5rem;
	padding: 0 1.5rem;
	color:#666;
	border:1px #eee solid;
}
.top-header .title{
	text-align:center;
	color:#666;
}
.btn-search{
	width:2.8rem;
}


/*----------------搜索----------------*/
.search-btn-fixed{
	width: 3.6rem;
	height: 3.6rem;
	max-width:100%;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.8) url(http://m.1288.tv/images/search.png) center no-repeat;
	background-size: 1.8rem 1.8rem;
	position: fixed;
	z-index: 2;
	border: 1px #f0f0f0 solid;
	box-shadow: 0 0 4px 2px #bbb;
	top:18rem;
	right: 1.5rem;
	
}
.search-box{
	position: fixed;
	width: 100%;
	max-width:720px;
	height: 100%;
	background: #fff;
	top: 0;
	z-index: 12;
}
.search-area{
	width: 100%;
	height:5.2rem;
	z-index:2;
	background-color:#df3031;
	padding:1rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.search-area .sform{
	display: flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	margin:1rem 0;
	padding: 0 1.6rem;
	background-color: #fff;
	border-radius: 1.6rem;
	height: 3.2rem;
	line-height: 3.2rem;
	font-size: 1.6rem;
}
.search-area .sform .search-select{
	padding:0 0.5rem;
	border:none;
	margin-right: 1rem;
	height: 3.2rem;
	display:block;
	flex-shrink:0;
}
.search-area .sform .search-input{
	flex-grow:1;
	margin-top:0;
	height: 3rem;
	padding: 0 0.6rem;
	border:none;
	border-left:1px #f0f0f0 solid;
}
.search-area .sform .search-submit{
	border:none;
	line-height: 2.7rem;
	width: 5.5rem;
	text-align: center;
	color: #333;
	font-weight: normal;
	padding: 0;
	border-radius:5px;
	background-color:transparent;
	margin-left:1rem;
	flex-shrink:0;
}
.adFlex{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
}
.adFlex .link{
		display: block;
		width: 50%;
		margin-bottom: 1.5rem;
}
.adFlex .link:nth-child(odd){
		padding-right:0.5rem;
}
.adFlex .link:nth-child(even){
		padding-left:0.5rem;
}
.fast-search{
	margin-top: 1.5rem;
}
.fast-search .tip-tit{
	display: block;
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 1.5rem;
}
.fast-search .hot-item,.fast-search .f-s-item{
	display: flex;
	margin-left:1rem;
	flex-wrap: wrap;
}
.fast-search .hot-item li,.fast-search .f-s-item li{
	display: block;
	padding-right:1rem;
	width: 25%;
	margin-bottom: 1.5rem;
}
.fast-search .hot-item li a,.fast-search .f-s-item li a{
	display:block;
	height: 3rem;
	line-height: 3rem;
	border-radius: 1.5rem;
	text-align: center;
}
.fast-search .hot-item li a{
	color: #fff;
	background-color: #ff8400;
}
.fast-search .f-s-item li a{
	color: #333;
	border: 1px #dedede solid;
}
.closeBtn{
	display: block;
	width: 4rem;
	margin: 1rem auto 0;
}

/*----------------分类导航----------------*/
.dh-zs,.dh-zs .dh-box{
	height:7.5rem;
}
.dh-zp,.dh-zp .dh-box{
	height:5rem;
}
.dh-box{
	background:#fff;
	padding:0 1rem;
	position:relative;
}
.dh-box.fixed{
	position: fixed;
	width: 100%;
	max-width:720px;
	margin:0 auto;
	top: 0;
	z-index: 1;
}
.dh-swiper .swiper-slide{
	width:auto;
	height:4.5rem;
	line-height:4.5rem;
	color:#333;
	position: relative;
}
.dh-swiper .swiper-slide.clr-active{
	color:#06a65e;
}
.dh-swiper .swiper-slide.clr-active::after{
	content: "";
	display: block;
	width: 5rem;
	height: 3px;
	background: #06a65e;
	border-radius: 2px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 4px;
}
.dh-desc{
	width: 100%;
	height: 3rem;
	font-size: 1.2rem;
	color: #666;
	position: absolute;
	top: 4.5rem;
	z-index: 1;
}

/*----------------分享----------------*/
.shadow-box{
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0,0,0,.6);
	z-index: 999;
	top: 0;
	left: 0;
}
.share-box{
	position:absolute;
	width: 100%;
	bottom:-20rem;
	left: 0;
	background-color: #fff;
}
.boxShow{
	animation: boxShow 300ms linear 1 forwards;
}
.boxCacle{
	animation: boxCacle 300ms linear 1 forwards;
}
@keyframes boxShow {
	from{
		bottom:-20rem;
	}
	to{
		bottom:0; 
	}
}
@keyframes boxCacle {
	from{
		bottom:0;
	}
	to{
		bottom:-20rem; 
	}
}
.share-box .share-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 0 1.5rem;
}
.share-box .share-btn .button{
	width: 40%;
	text-align: center;
	color: #666;
	background-color: #fff;
}

.share-box .share-btn .button img{
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	margin: 0 auto;
}
.share-box .share-cacle{
	height: 5rem;
	line-height:5rem;
	background-color: #f0f0f0;
	text-align: center;
}
.share-public-btn{
	position: fixed;
	right: 1rem;
	bottom: 8rem;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 1.6rem;
	background: rgba(255,255,255,0.9);
	text-align: center;
	z-index: 2;
}
.share-public-btn img{
	display:inline-block;
	width: 2.4rem;
	height: 2.4rem;
	margin-top:4px;
}

/*----------------底部----------------*/
.footer-h{
	height:5rem;
}
.footer-h .footer{
	position: fixed;
	width: 100%;
	max-width:720px;
	margin:0 auto;
	height: 5rem;
	background: #fff;
	bottom: 0;
	border-top: 1px #dedede solid;
	z-index: 3;
	display: flex;
	align-items:stretch;
}
.footer-h .footer .f-item{
	flex-grow:1;
	text-align: center;
	font-size: 1.2rem;
	padding-bottom: 0.4rem;
}
.footer-h .footer .f-item{
	color:#777;
}
.footer-h .footer .f-item img{
	width: 2.4rem;
	margin: 0.5rem auto 0;
	display: block;
}
.footer-h .site-tab .f-item.tuchu{
	background: #fff;
	flex-grow: 0;
	border-radius: 3.2rem 3.2rem 0 0;
	box-shadow: inset 0 1px 0 #dedede;
	margin: 0 1.5rem;
	padding: 0.4rem;
}

.footer-h .footer .f-item.active{
	color: #06a65e;
}
.footer-h .footer .f-item2{
	display:flex;
	font-size: 1.6rem;
	color: #fff;
	align-items:center;
	justify-content:center;
}
.footer-h .footer .wycz{
	width: 30%;
	margin-left: 2%;
	background: #06a65e;
}
.footer-h .footer .dlzx{
	background-color:#fea501;
	width:40%;
	margin-left:10%;
}
.footer-h .footer .wycz{
	width: 30%;
	margin-left: 2%;
	background: #06a65e;
}
.footer-h .footer .lkzx{
	width: 25%;
	margin-left: 5%;
	background: #06a65e;
}
.footer-h .footer .dlcp{
	width: 25%;
	background: #fea501;
}
/*.foot{
	width: 100%;
	height: 100rpx;
	position: fixed;
	bottom: 0;
	z-index: 1;
	background-color: #fff;
	display: flex;
	align-items: center;
	text-align: center;
	border-top: 1px #dedede solid;
}
.foot .f1{
	flex-grow: 1;
	color: #777;
	font-size: 24rpx;
	line-height: 1;
}
.foot .f1.active{
	color: #06a65e;
}
.foot .f1 image{
	width: 48rpx;
	margin: 10rpx auto 6rpx;
}
.foot .f2{
	width: 30%;
	margin-left: 2%;
	background: #06a65e;
	font-size: 32rpx;
	color: #fff;
	line-height: 100rpx;
}
.foot .f2 .link{
	display: block;
	height: 100%;
}*/
.copyright{
	padding:1em 0;
	text-align:center;
	line-height:1.5;
}
.copyright .text1 a{
	font-size:1.2em;
	color:#333;
	margin:0 5px;
	vertical-align:middle;
}
.copyright .text2{
	font-size:1.0em;
	color:#999;
}
.to-top{text-align:left;}
#to-top,#to-liuyan{height: 40px;width: 40px;position: fixed;right:10px;z-index: 999;}
#to-liuyan{bottom: 130px;}
#to-top{bottom:85px;}
#to-liuyan i.icon,#to-top i.icon{display: inline-block;width: 20px;height: 20px;background-repeat: no-repeat;}
.hb1288_icon_up2top_80_80{background-size: 40px;background-image: url("/assets/images/yyt_icon_up2top_80_80_2.png");}
.hb1288_icon_liuyan_80_80{background-size: 40px;background-image: url("/assets/images/yyt_icon_liuyan_80_80_2.png");}

.page-load-status{display:none;padding-top:20px;border-top:1px solid #DDD;color:#777;text-align:center;}
.loading{margin:30px auto;color:#666;text-align:center;font-size:14px;}
.loading img{margin-right:5px;}