body{font:14px Microsoft YaHei,tahoma,arial,Simsun;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0;}
img{border:none;}
a { color:#333; text-decoration:none;}

/*a:hover{color: #e4393c;text-decoration:none;}*/
ul,li{ list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
input::focus-inner{padding:0;border:0;}
input{outline:0;}
body{width:100%;overflow-x: hidden;}
.fl{float:left;}
.fr{float:right;}
.clear{ height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.hide{display:none;}
.pointer{cursor:pointer;}
.commonWidth{
	width:1280px;
	margin:0 auto;
}
/*头部样式*/
.ht_top {width: 100%;background: #fafafa url(http://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;line-height: 41px;overflow: hidden;}
.ht_top .zt_top {width: 1000px;height: 41px;margin: 0 auto;}
.ht_top h1 a {float: left;width: 131px;height: 40px;overflow: hidden;text-indent: -100em;background: url(http://www.huatu.com/z/topfooter/images/logo.gif) no-repeat; font-size:12px;}
.ht_top .topnav {float: right; color:#333; font-size:12px;}
.ht_top .topnav a {padding:0 8px;}
.ht_top .topnav a:hover { color:#e4393c; text-decoration:underline;}
.banner{
	height: 660px;
	padding-top:100px;
	background: url(../images/banner.jpg) left top no-repeat;
	color:#fff;
}
.banner .year{
	font-size:27px;
	height:36px;
	line-height: 36px;
	width:230px;
	border-radius: 30px;
	border:1px solid #fff;
	margin:0 auto 55px;
	text-align: center;

}
.banner h2{
	font-size:90px;
	text-align: center;
	font-weight:normal;
	letter-spacing: 5px;
	margin-bottom:25px;
	color:rgb(251,225,7)
}
.banner .banner-text {
	overflow: hidden;
}
.banner .banner-text>div{
	float:left;
	padding-top: 74px;
	color:#333;
	font-size:16px;
	height:264px;
}
.banner-text h3{
	font-size: 18px;

}
.banner .banner-text .list-text01,.banner .banner-text .list-text03{
	width:50%;
	background: url(../images/tbg01.jpg) left top no-repeat;
	background-size:100%;
}
.banner .banner-text .list-text03{
	background: url(../images/tbg03.jpg) left top no-repeat;
	background-size:100%;
}
.banner-text h3{
	width:235px;
	height:40px;
	line-height: 40px;
	text-align: center;
	color:#fff;
	border-radius: 30px;
	margin:0 auto 30px;
	background: #fe8f80;
	background: linear-gradient(90deg,#fe8f80,#fe3f44);
}
.banner-text .list-text03 h3{
	background: #44aafe;
	background: linear-gradient(90deg,#44aafe,#be4ad6);
}
.banner-text .list-text01 p{
	line-height: 34px;
	padding:0 145px;
}
.banner .daoyu-box{
	overflow: hidden;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	width:100%;
}
.banner .daoyu-box p{
	font-size:16px;
	line-height: 30px;
	float:left;
	width:1160px;
}
.banner .daoyu-box .daoyu{
	float:left;
	font-size:58px;
	width:120px;

}
.banner .select-box {
	height:35px;
}
.banner .select-box select{
	width:180px;
	padding-left:20px;
	padding-right:16px; 
	height:35px;
	float:right;
	border:none;
	outline: none;
	border-radius:5px;
	font-size:20px;
	color:#fd6b72;
	margin-bottom: 24px;
	background:#fff url(../images/yy.png) 146px center no-repeat;
	position: relative;
	cursor: pointer;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	box-shadow: 0px 0px 40px #ef3d7b;
}
.banner .select-box select option{
	text-indent: 20px;
}
.banner-text .list-text03 p{
	padding:0 68px;
	line-height: 36px;
	position: relative;
}
.banner-text .list-text03 p span{
	display: inline-block;
	width:16px;
	position: absolute;
	left:45px;
	top:0px;
}
.news-hot-word .title-body,.recommend-body .title-body{
	padding-top:88px;
	padding-bottom:58px;
	color:#3d3d3d;
	width:485px;
	margin:0 auto;
	background: url(../images/n.png) left 88px no-repeat;
}
.recommend-body .title-body{
	padding-top: 100px;
	padding-bottom:35px;
	width:520px;
	background: url(../images/r.png) left 88px no-repeat;
}
.news-hot-word .title-body p,.recommend-body .title-body p{
	font-size: 60px;
	padding-left:150px;
	line-height:60px;
	padding-top:54px;
}
.news-hot-word .title-body span,.recommend-body .title-body span{
	font-size: 30px;
	padding-top: 5px;
	padding-left:145px;
}
.hot-cont{
	padding-bottom: 78px;
	overflow: hidden;
}
.hot-cont>div{
	float:left;
}
.hot-cont>div.left-cont>div,.hot-cont>div.right-cont>div{
	overflow:hidden;
}
.hot-cont a{
	display: inline-block;
	font-size:24px;
	color:#fdfdfd;
	text-align: center;
	float: left;
	padding:44px 0 40px;
}
.hot-cont .middle-cont a.alink{
	padding:0;
	width:219px;
	height:292px;
	background: url(../images/alink.jpg) left top no-repeat;
	background-size:100% 100%;

}
.hot-cont .middle-cont a.alink p.first-p{
	padding-top:90px;
}

.hot-cont .middle-cont a img{
	width:100%;
	height:100%;
}
.left-top-cont .first-a{
	width:100%;
	background:#fe4e52;
	background:linear-gradient(90deg,#fe4e52,#fe9868);
	padding:44px 0 40px;
}
.left-top-cont>div,.left-bottom-cont>div,.right-top-cont>div,.right-bottom-cont>div{
	float:left;
}
.left-top-cont .list-cont1,.left-top-cont .list-cont2,.left-bottom-cont .list-cont1,
.left-bottom-cont .list-cont2,.left-bottom-cont .list-cont3,.right-top-cont>div,.right-bottom-cont>div,.hot-cont .middle-cont>div{
	width:294px;
	height:146px;
	position: relative;
	overflow: hidden;
}
.hot-cont .middle-cont>div{
	width: 219px;
	height:292px;
}

.left-top-cont .list-cont1 .first-aimg,.left-top-cont .list-cont2 .second-aimg,
.left-bottom-cont .list-cont1 .hide-aimg,.left-bottom-cont .list-cont2 .hide-aimg
,.left-bottom-cont .list-cont3 .hide-aimg,.right-top-cont>div .hide-aimg,.right-bottom-cont>div .hide-aimg,.hot-cont .middle-cont>div .hide-aimg{
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:146px;
	padding:0;
	z-index:9;
}
.hot-cont .middle-cont>div .hide-aimg{
	top:292px;
}
.left-top-cont .list-cont1 .first-aimg img,.left-top-cont .list-cont2 .second-aimg img,.left-bottom-cont .hide-aimg img
,.right-top-cont>div .hide-aimg img,.right-bottom-cont>div .hide-aimg img,.hot-cont .middle-cont>div .hide-aimg img{
	width:100%;
	height:100%;

}
.left-top-cont .list-cont2{
	width:220px;
}
.left-top-cont>div:hover .hide-aimg,.left-bottom-cont>div:hover .hide-aimg,.right-top-cont>div:hover .hide-aimg,
.right-bottom-cont>div:hover .hide-aimg,.hot-cont .middle-cont>div:hover .hide-aimg{
	top:0px;
	transition: all ease-out .3s;
   
}
.left-top-cont .second-a,.left-bottom-cont .five-a{

	width:220px;
	background:#9a82f7;
	background:linear-gradient(90deg,#9a82f7,#d26bff);
	
}
.left-bottom-cont .five-a{
	background:#fd71a8;
	background:linear-gradient(90deg,#fd71a8,#ff96ae);
}
.left-top-cont .second-a{

	width:220px;
	background:#9a82f7;
	background:linear-gradient(90deg,#9a82f7,#d26bff);
	
}
.left-bottom-cont .list-cont1,.left-bottom-cont .list-cont2{
	width:147px;
}
.left-bottom-cont .list-cont3{
	width:220px;
}
.left-bottom-cont .list-cont1 .hide-aimg img,.left-bottom-cont .list-cont2 .hide-aimg img,.left-bottom-cont .list-cont3 img{
	width:100%;
	height:100%;
}
.left-bottom-cont .three-a,.left-bottom-cont .four-a{

	width:147px;
	background:#00c5f6;
	background:linear-gradient(90deg,#00c5f6,#73cbfc);
	
}
.left-bottom-cont .four-a{
	background:#ffba00;
	background:linear-gradient(90deg,#ffba00,#ffce00);
	
}

.right-top-cont>div.list-cont1{
	width:255px;
}

.right-top-cont>div.list-cont2{
	width:292px;
}
.right-bottom-cont>div.list-cont1{
	width:255px;
}
.right-bottom-cont>div.list-cont2,.right-bottom-cont>div.list-cont3{
	width:146px;
}
.right-top-cont .first-a{
	width:255px;
	background:#fc9cb1;
	background:linear-gradient(90deg,#fc9cb1,#fd6fa7);
	
}
.right-top-cont .second-a{
	width:292px;
	background:#ffa2a2;
	background:linear-gradient(90deg,#ffa2a2,#ffca95);
	
}
.right-bottom-cont .three-a{
	width:255px;
	background:#ffba00;
	background:linear-gradient(90deg,#ffba00,#ffcf00);
	
}
.right-bottom-cont .four-a{
	width:146px;
	background:#d56aff;
	background:linear-gradient(90deg,#d56aff,#9684f6);
	
}
.right-bottom-cont .five-a{
	width:146px;
	background:#f5679b;
	background:linear-gradient(90deg,#f5679b,#ff8cc9);
	
}
.pannel-body{
	padding-bottom:87px;
	padding-top:14px;
	background: url(../images/bg.jpg) left top no-repeat;
	overflow:hidden;
}
.left-pannel-body{
	width:857px;

}
.hot-news-body .news{
	padding-top:36px;
	padding-bottom: 10px;
	background: #fff;
	overflow: hidden;
}
.right-pannel-body{
	width:346px;
	
}
.left-pannel-body h4,.right-pannel-body h4{
	font-size:30px;
	color:#fefefd;
	padding-top:68px;
	padding-bottom: 35px;
	font-weight:normal;
}
.left-pannel-body h4 a{
	font-size:18px;
	color:#fefefd;
	width:84px;
	height:30px;
	line-height: 30px;
	border-radius: 25px;
	background:#fdb798;
	background:linear-gradient(90deg,#fdb798,#fd9aa0);
	float: right;
	text-align: center;

}
.left-pannel-body h4 span,.right-pannel-body h4 span{
	padding-right:120px;
	background: url(../images/line.png) right 20px no-repeat;
}
.hot-news-body>div a{
	display: block;
	float:left;
	width:235px;
	margin-left:38px;
	margin-bottom: 5px;
}
.hot-news-body>div a.active{
	-webkit-box-shadow:-3px 3px 30px #e7e7e7;
	box-shadow:-3px 3px 30px #e7e7e7;
	-webkit-transform:translateY(-2px);
	transform:translateY(-2px);

}
.hot-news-body dd{
	height: 144px;
	box-shadow: 0px 0px 35px #ddd;
}
.hot-news-body dt{
	text-align: center;
	font-size: 14px;
	padding:18px 0 25px 0;
	
}
.hot-news-body dt p{
	color:#3d3d3d;
}
.hot-news-body dd img{
	width:100%;
	height:144px;

}
.hot-news-body>div a:hover dt p{
	color:#f00a36;
}
.hot-materil-cont{
	background: #fff;
	padding:40px 40px 4px;
}
.hot-materil-cont dl{
	height:160px;
	margin-bottom:14px;
}
.hot-materil-cont dl dt{
	float:right;
	width:546px;
}
.hot-materil-cont dl dt .title{
	font-size:24px;
	padding-bottom: 18px;
}
.hot-materil-cont dl dt .title:hover,.hot-materil-cont dl dt .title a:hover{
	color:#fa142c;
}
.hot-materil-cont dl dt .title a{
	margin-right:10px;
}
.hot-materil-cont dl dd{
	float:left;
	height:138px;
	
}
.hot-materil-cont dl dd a{
	display: block;
}
.hot-materil-cont dl dd.active{
	-webkit-box-shadow:0px 0px 50px #ddd;
	box-shadow:0px 0px 50px #ddd;
	-webkit-transform:translateY(-2px);
	transform:translateY(-2px);
	transition:all ease-out .3s;
}
.hot-materil-cont dl dd img{
	width:190px;
	height:138px;

}

.hot-materil-cont dl dt p{
	font-size: 14px;
	color:#3d3d3d;
	line-height: 24px;
	padding-bottom: 28px;
}
.hot-materil-cont dl dt .massage span{
	color:#e4393c;
	margin-right:15px;
}
.hot-artical-cont{
	height:500px;
	overflow:hidden;
}
.hot-artical-cont>div{
	background: #fff;
	width:345px;
	padding:0px 30px 0px;
	height:100%;
	
}

.hot-artical-cont .sm-title:hover a,.hot-artical-cont li a:hover{
	color:#fa142c;
}

.hot-artical-cont ul{
	padding-bottom: 35px;
	padding-top:48px;

}
.hot-artical-cont li{
	font-size:16px;
	line-height: 44px;
}
.hot-artical-cont li p{
	font-size:14px;
	color:#3d3d3d;
	line-height: 26px;
	padding-left:8px;
	width:100%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	display: none;
	color: #c6c6c6;
}
.hot-artical-cont li.active p{
	display: block;
	
}

.hot-artical-cont li a{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.hot-ranking-cont {
	background: #fff;
	padding:11px 0;
}
.hot-ranking-cont li{
	width:284px;
	margin:0 auto;
	border-bottom:1px solid #e8e8e8;
	line-height: 30px;
	padding:18px 0;
	position: relative;
}
.hot-ranking-cont li:last-child{
	border-bottom:none;
}
.hot-ranking-cont li a{
	display: block;
	color: #101010;
	font-size: 18px;
}
.hot-ranking-cont li a:hover{
	color:#fc333f;
}
.hot-ranking-cont li span.num{
	display: inline-block;
	width:36px;
	height:36px;
	border-radius:50%;
	line-height: 38px;
	text-align: center;
	border:1px solid #ddd;
	
	position: absolute;
	top:50%;
	margin-top:-19px;
	color:#bebdbd;
}
.hot-ranking-cont li a:hover span.num{
	color:#fff;
	background: #fc323f;
	background: linear-gradient(90deg,#fc323f,#fe5d4d);
	border:1px solid #fc323f;
}
.hot-ranking-cont li span.news{
	display: inline-block;
	width:226px;
	margin-left:48px;
}

.shenlun-cont{
	width:100%;
	padding-bottom: 50px;
	background: #fff;

}
.shenlun-cont ul{
	width:284px;
	margin:0 auto;
}
.shenlun-cont ul li{
	padding-bottom:25px;
	border-bottom: 1px dashed #dcdcdc;
}
.shenlun-cont ul li:last-child{
	border-bottom: none;
}
.shenlun-cont ul .title{
	padding:28px 0 16px;
}
.shenlun-cont ul .title a:hover{
	
	color:#fa142c;
}
.shenlun-cont ul .title{
	font-size:24px;
	color:#3d3d3d;
}
.shenlun-cont ul p.text{
	line-height: 24px;
	font-size:14px;
	color: #3d3d3d;

}
.recommend-body ul{
	width:1320px;
	margin-bottom: 10px;
	overflow: hidden;
	margin-left: -20px;
}
.recommend-body ul li{
	float:left;
	width:224px;
	height:224px;
	text-align: center;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0px 0px 30px #ddd;
	margin:20px;
}
.recommend-body ul li.active{
	background: #fe951c;
	background: linear-gradient(to bottom,#fe951c,#fdc346);
	color:#fff;
}
.recommend-body ul li.active a,.recommend-body ul li.active p{
	color:#fff;
}
.recommend-body ul li p{
	font-size: 24px;
}
.recommend-body ul li .number{
	color:#3d3d3d;
	font-size:24px;
	padding-top:58px;
	padding-bottom:22px;
	font-size: 29px;
}
.recommend-body .more{
	height:30px;
	margin-bottom: 90px;
}
.recommend-body .more a{
	float:right;
	font-size:14px;
	width:96px;
	border:1px solid #dcdcdc;
	color:#dcdcdc;
	text-align: center;
	height:28px;
	line-height:28px;
	border-radius: 25px;
	display: block;

}
/*底部*/		
.footer{text-align: center;padding:50px 0;position: relative;background:url(../images/footer.jpg) left top no-repeat;}
.footer p {line-height: 26px; color:#fff;font-size:14px;position: relative;z-index: 2;}
.footer p a {color: #fff; font-size:14px;}
.footer p span {padding-bottom: 0px; padding-left: 5px; padding-right: 5px; padding-top: 0px}
.mobile,.footer-m{
	display:none;
}

@media screen and (max-width:1080px){
	html,body{
		font-size:20px;
	}

	.commonWidth{
		width:96%;
	}
	.banner .daoyu-box{
		border:1px dashed #fbe107;
		box-sizing: border-box;
		padding:.5rem;
	}
	.banner .daoyu-box .daoyu{
		font-size: 1.2rem;
		width:2rem;
		float:none;
		color:#fbe107;
	}
	.banner .daoyu-box p{
		font-size:.75rem;
		line-height: 1rem;
		width:100%;
		float:none;
	}
	.banner .select-box select{
		width:6.5rem;
		font-size:14px;
		background: #fff url(../images/yy.png) 5rem center no-repeat;
	}

	.banner{
		height:auto;
		padding-top:2rem;
		background: url(../images/mbanner.jpg) left top no-repeat;
		padding-bottom: .5rem;
	}
	.banner .year{
		width:7rem;
		font-size:0.8rem;
		height:1.2rem;
		line-height: 1.2rem;
		margin-bottom: 1rem;
	}
	.banner h2{
		font-size:1rem;
		letter-spacing: 3px;
		margin-bottom:2rem;
	}
	.banner .banner-text .list-text01,.footer,.topnav, .banner .banner-text .list-text03,.right-pannel-body
	,.hot-cont .middle-cont{
		display:none;
	}
	.banner .banner-text>div{
		height:auto;
		padding:1rem 0;
	}
	.banner-text .list-text02{
		width: 100%;
		float:none;
	}
	.banner-text .list-text02 .daoyu{
		width:90%;
		font-size:1.2rem;
		line-height:1.2rem;
		padding-bottom:.35rem;
	}
	.banner-text .list-text02 p{
		width:90%;
		font-size:.7rem;
		line-height: 1rem;
	}
	.news-hot-word .title-body, .recommend-body .title-body{
		padding:1rem 0;
   		width:50%;
	    background: url(../images/n.png) left 1rem no-repeat;
	    background-size:3rem 2.8rem;
	}
	.news-hot-word .title-body p, .recommend-body .title-body p{
		font-size:1rem;
		padding-left:3.2rem;
    	line-height:1rem;
    	padding-top:0.5rem;
	}
	.news-hot-word .title-body span, .recommend-body .title-body span{
		font-size:.75rem;
		padding-left:3rem;
		padding-top: 0;
		line-height: .75rem;
	}
	.hot-cont{
		padding-bottom: 1.5rem;
	}
	.hot-cont>div{
		float:none;
	}
	.hot-cont .left-top-cont,.hot-cont .left-bottom-cont{
		overflow: hidden;
	}
	.left-top-cont .first-a,.left-top-cont .second-a,.left-bottom-cont>div a
	,.right-bottom-cont>div a,.right-top-cont>div a{
		padding:1.25rem 0 1.5rem;
	}
	.left-top-cont .list-cont1,.left-top-cont .list-cont2,.left-bottom-cont .list-cont1,
	.left-bottom-cont .list-cont2,.left-bottom-cont .list-cont3,.right-bottom-cont>div,.right-top-cont>div{
		height:4.5rem;
	}
	.left-top-cont .list-cont1 .first-aimg, .left-top-cont .list-cont2 .second-aimg, 
	.left-bottom-cont .list-cont1 .hide-aimg, .left-bottom-cont .list-cont2 .hide-aimg, 
	.left-bottom-cont .list-cont3 .hide-aimg, .right-top-cont>div .hide-aimg, .right-bottom-cont>div .hide-aimg{
		top:4.5rem;
	}
	.left-top-cont .list-cont1{
		width:60%;
	}
	.left-top-cont .list-cont2{
		width:40%;
	}
	.left-bottom-cont .list-cont1,.left-bottom-cont .list-cont2{
		width:30%;
	}
	.left-bottom-cont .list-cont3{
		width:40%;
	}
	.left-top-cont .first-a,.left-top-cont .second-a,.left-bottom-cont>div a,.right-bottom-cont>div a,.right-top-cont>div a{
		width:100%;
		height:100%;
		box-sizing: border-box;
	}
	
	.hot-cont a{
		font-size:.75rem;
		/*padding:1.5rem 0 2rem;*/
	}
	.left-bottom-cont .three-a,.left-bottom-cont .four-a,.right-bottom-cont .four-a,.right-bottom-cont .five-a{
		width:100%;
	}
	.left-bottom-cont .five-a,.right-bottom-cont .three-a{
		width:100%;
	}
	.hot-cont .left-cont{
		margin-bottom: 1rem;
	}
	.right-top-cont>div.list-cont1,.right-top-cont>div.list-cont2{
		width:50%;
	}
	.right-top-cont .first-a,.right-top-cont .second-a{
		width:100%;
	}
	.right-bottom-cont>div.list-cont1{
		width:40%;
	}
	.right-bottom-cont>div.list-cont2,.right-bottom-cont>div.list-cont3{
		width:30%;
	}
	.left-top-cont .list-cont1 .first-aimg img,.left-top-cont .list-cont2 .second-aimg img,.left-bottom-cont .hide-aimg img
		,.right-top-cont>div .hide-aimg img,.right-bottom-cont>div .hide-aimg img{
			width:100%;
			height:100%;
		display: none;
	}
	
	.pannel-body{
		padding:0;
		background: url(../images/bg.jpg) left top no-repeat;
		background-size:100% 100%;
	}
	.left-pannel-body{
		float:none;
		width:100%;
	}
	.hot-news-body .news{
		padding:1rem 0;
	}

	.left-pannel-body h4, .right-pannel-body h4{
		font-size:1rem;
		padding:1rem 0;
	}
	.left-pannel-body h4 span, .right-pannel-body h4 span{
		padding-right:31%;
    	background: url(../images/line.png) right 0.5rem no-repeat;
    	background-size:55%;
	}
	.left-pannel-body h4 a{
		font-size:14px;
	}
	.hot-news-body>div a{
		width:45%;
		margin:0 2.5%;
	}

	.hot-news-body dd{
		height:5.5rem;
	}
	.hot-news-body dd img{
		height: 5.5rem;
	}
	.hot-news-body dt{
		font-size:.7rem;
		padding:.5rem 0;
	}
	.hot-news-body dt p{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.hot-materil-cont{
		padding:0.5rem;
	}
	.hot-materil-cont dl{
		height:auto;
		margin-bottom: 1rem;
		display: flex;
   		 align-items: center;
	}
	.hot-materil-cont dl dd{
		width:40%;
		height:auto;
	}
	.hot-materil-cont dl dd img{
		width:100%;
		height:auto;
	}
	.hot-materil-cont dl dt{
		width:58%;
		margin-left:2%;
	}
	.hot-materil-cont dl dt .title{
		font-size:.8rem;
		white-space: nowrap;
		text-overflow:ellipsis;
		overflow: hidden;
		padding-bottom:0.3rem;
	}
	.hot-materil-cont dl dt p{
		font-size:.7rem;
		line-height: .8rem;
		padding-bottom:0rem;
	}
	.hot-materil-cont dl dt .massage {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.hot-materil-cont dl dt .massage span{
		font-size:.7rem;
		margin-right:3px;

	}
	.hot-artical-cont{
		height:auto;
	}
	.hot-artical-cont>div{
		width:100%;
		padding:0.7rem 0.5rem 0;
		box-sizing: border-box;
		margin-bottom:1rem;
		height: 15.25rem;
	}
	
	.hot-artical-cont .sm-title{
		font-size: .8rem;
		padding:1rem 0;
	}
	.hot-artical-cont .tips {
	    font-size: .75rem;
	    line-height:1.2rem;
	    padding-bottom:.5rem;
	    margin-bottom:1rem;
	}
	.hot-artical-cont li{
		font-size: .75rem;
		line-height: 1.4rem;

	}
	.hot-artical-cont ul{
		padding-bottom:1rem;
		padding-top:0.25rem;
	}
	.recommend-body ul li{
		width:18%;
		margin:1%;
		height:auto;
		box-shadow: 0px 0px 5px #ddd;
		padding:.5rem 0;
	}
	.recommend-body ul{
		width:100%;
		margin-left:0;
	}
	.recommend-body ul li .number{
		font-size:.75rem;
		padding:.5rem .2rem .2rem;
	}
	.recommend-body ul li p{
		font-size: .7rem;
	}
	.recommend-body .more{
		margin-bottom: 1rem;
	}

	.footer-m {
		display: block;
	    background: #000;
	    padding: .6rem 0;
	    text-align: center;
	    color: #fff;
	    font-size: .7rem;
	}
}