body{ background:#f1f1f1;}
.wp{max-width: 640px; min-width: 320px; margin: 0 auto !important;}
.artbox{margin: 20px 20px; background: #fff; padding-bottom: 20px;box-shadow:0 0 5px 1px #e8e8e8}
.artbox .imgbox{padding: 10px 10px; overflow: hidden;}
.artbox h2{ text-align: center; font-size: 28px; line-height: 1.2;}
.artbtn{margin:20px 10px; background: #fa604a; font-size: 40px; color: #fff; text-align: center; padding: 35px 0; display: block; border-radius: 5px;}
.artbtn:hover{ color: #fff;}
.artitem2{ width: 47.5%; overflow: hidden; margin-bottom: 20px;}
.artitem2 dd{ width: 100%; overflow: hidden;background: #e9e9e9; line-height: 1.7;}
.artbox .imgbox p{font-size: 14px;}
.artbox .imgbox p span{ color: #fa604a;}
.artitem2 span{ display: block; width: 40px; font-size: 14px; color: #fff; text-align: center; float: left; margin-right: 5px;}
.steptext{ width: 100%; overflow: hidden;}
.steptext span{ display: block; width: 24%; float: left; padding-top: 5px; font-size: 12px; margin-right: 1%;}
.at_b1{border-bottom: 1px dashed #c9c7c7;}
.apt10{padding-top: 20px}
.artitem2 span.at1{background: #ea452d; height: 25px; line-height: 25px;}
.artitem2 span.at2{background: #fa604a; height: 40px; line-height: 40px;}
.fang{background: url(../images/article/fang.jpg) no-repeat left center; color: #fa604a; font-size: 26px; margin-left: 34px; padding-left: 32px;margin-top: 30px}
.txt{font-size: 26px; color: #151515; padding-left: 66px;}
@media screen and (max-width: 480px){
	.apt10{padding-top: 10px}
	.artNav,.artbox{margin: 10px 10px;padding-bottom: 10px;}
	.artbox .imgbox{ padding: 5px;}
	.artbox h2{ font-size: 18px; line-height: 1.3;}
	.artNav a{ font-size: 16px;padding: 5px 0;margin-top: 10px;}
	.artbtn{margin:10px 5px; font-size: 20px; color: #fff; padding: 15px 0; }
	.artitem2 span.at2{background: #fa604a; height: 65px; line-height: 65px;}
	.artitem2{ margin-bottom: 10px;}
	.fang{background: url(../images/article/fang.jpg) no-repeat left center;  font-size: 16px; margin-left: 17px; padding-left: 16px;margin-top: 10px; background-size: 9px 9px;}
	.txt{font-size: 16px; color: #151515; padding-left: 33px;}
}
@media screen and (max-width: 400px){
	.artNav a{ font-size: 12px;padding: 5px 0;margin-top: 10px;}
	.artitem2 span.at1{height: 40px; line-height: 40px;}
	.artitem2 span.at2{background: #fa604a; height: 100px; line-height: 95px;}
}
@media screen and(max-width:320px){
	.artNav a{ font-size: 12px;padding: 5px 0;margin-top: 10px;}
}