.article {width: 100%;}
.article > h2 {text-align: center;font-size: 24px;margin: 15px 0px;}
.article > h3 {font-size: 16px;margin-top: 20px;margin-bottom: 10px;}
.article > img {width: 100%;display: block;margin: 15px 0}
.article p {font-size: 14px}
.article .swiper-container {margin-top: 15px;margin-bottom: 15px;}
.swiper-container .swiper-slide img {display: block;width: 100%;}
.swiper-pagination-bullet {opacity: 1;background-color: #fff;}
.swiper-pagination-bullet-active {background-color: #007aff;}
.swiper-button-next {top: 90%;right: 50%;}
.chat {width: 100%;margin: 20px auto 0;max-width: 500px;padding: 40px 0 0;position: relative;}
.chat #canvas {width: 100%;height: 200px;}
.clearfix:after {display: block;clear: both;content: " ";}
.lawcandoNewsDetails {width: 94%;padding: 10px 3%;height: 1030px;overflow: scroll;overflow-x: hidden;border: 1px solid #ddd;}
.load_more {margin-bottom: 20px;}
.nav_wrap_fix {position: fixed;bottom: 40px;}

@media only screen and (min-width: 320px) and (max-width: 768px) {
	body, html {min-width: 320px;}
	.newsDetailH h1 {font-size: 16px;text-align: center;padding: 10px 0;}
	.leftTime {text-align: center;}
	.artImg img {width: 100%;}
	.artContent {margin: 0 auto;width: 95%;}
	.mobile_comment_list li {margin-bottom: 0;}
	.comment_list li {margin-top: 0;}
	.comment_list {margin-top: 10px;}
	.comment_detail .bottom .reply {display: none;}
}