@media only screen and (min-width: 320px) and (max-width: 740px) {
       .post{width: 100%;}
	   .slide{display: none;}
	    .post ul li{width: 100%;}
        			}					
        @media only screen and (min-width: 741px) and (max-width:1200px) {	
       .post{width: 100%;}
	   .slide{display: none;}
	    .post ul li{ width: 32%;}
        			}
        @media only screen and (min-width: 1200px)  {					
       .post{width: 71%;float: right;}
	   .post ul li{ width: 32%;}
        			}	
		.content{background: #f1f3f3;}
		.chanpin{border-top: 2px solid #b88c18;padding-bottom: 0.6rem;}
		.slide{float: left;width: 26%;background: #fff;box-shadow: 0px 0px 10px 5px #e3e3e3;padding-bottom: 55%;}
		.slide h3{font-size: 0.24rem;color: #b88c18;padding: 0.2rem;}
		.slide ul li:first-of-type{border-top: 1px solid #dedede;}
		.slide ul li{border-bottom: 1px solid #dedede;}
		.slide ul li a{font-size: 0.18rem;color: #333333;display: block;padding: 0.1rem 0.25rem;}
		.links{width: 83%;margin: 0 auto;}
		.links a{border:1px solid #b88c18;display: inline-block; line-height:50px; height:50px; font-size: 21px; text-align: center; width: 100%;  border-radius: 5px;}
		.links i{display: inline-block; margin-right: 10px; width: 42px; height: 42px; line-height: 42px; border-radius: 50%; font-weight: 100; font-size:32px; vertical-align: middle; margin-top: -5px;}
		.links a:hover{opacity: .9}
		.chat a{background: #b88c18;color: #fff; margin-top: 45px;}
		.chat i{color: #fff;}
		.send a{color: #b88c18; margin-top: 13px;}
		.send i{color: #b88c18;}
		.crumbs.qcfd {background: #f1f3f3;}
		.post .banner{position: relative;}
		.post .banner img{width: 100%;}
		.post .banner .title{position: absolute;left: 0;bottom: 4px;font-size: 0.24rem;color: #fff;font-weight: bold;background: url(../images/juxing.png) no-repeat;background-size: cover;padding: 0.1rem 0.4rem;}
		.post h3{font-size: 0.3rem;color: #333;border-top: 1px solid #dedede;margin-top: 0.24rem;padding: 0.1rem 0;}
		.post h3 span{display: inline-block;width: 0.15rem;height: 0.15rem;background: #b88c18;margin-right: 13px;}
		.post ul{display: flex;flex-wrap: wrap;border-collapse:collapse;justify-content: space-between;}
		.post ul li{background: #fff;border: 1px solid #dedede;border-collapse:collapse;margin-bottom:0.2rem;}
		.post ul li img{display: block;max-width: 100%;}
		.post ul li h6{width: 90%;margin: 0.15rem auto 0.15rem auto;text-align: center;font-size: 0.16rem;color: #5b5b5b;font-weight: 100;}
		.pagination{text-align:center;margin:3% 0;line-height:23px;}
		.pagination span, .pagination a{font-size:12px;margin:2px 6px 2px 0;background:#fff;border:1px solid #e5e5e5;color:#787878;padding:2px 5px 2px 5px;text-decoration:none;}
		.pagination a:hover{background:#8391A7;border:1px solid #fff;color:#fff;}
		.pagination .current{background:#fff;border:1px solid #8d8d8d;color:#393939;font-size:12px;padding:2px 5px 2px 5px;}