.section{padding: 50px 0;}
.aside{background: #FFFFFF; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.27); float: left; margin-right: 18px; overflow: hidden;}
.aside h1, .content h1{background: url(/statics/images/zktd/step-order-box-title-bg_1452a46596.jpg) repeat-x; border-bottom: 1px solid #CFCFCF; border-radius: 8px 8px 0 0; box-shadow: 0 1px 8px rgba(0,0,0,0.12); font-size: 18px; line-height: 60px;}
.aside h1{padding-left: 30px; position: relative;} 
.aside li{border-bottom: 1px solid #CFCFCF; line-height: 50px; list-style: outside none none; width: 212px;}
.aside a{color: #000000; display: block; font-size: 16px; padding-left: 30px;}
.aside li a.active, .aside li a:hover{background: #6785d9; color: #FFFFFF;}
.aside li.last{border-bottom: none;}

.content{background: #FFFFFF; border-radius: 8px; overflow: hidden; padding-bottom: 30px;}
.section .content{box-shadow:0 1px 3px rgba(0, 0, 0, 0.27), 0 1px 0 #dcdcdc, 0 -1px 0 #ddd;}
.content h1{margin-bottom: 20px; position: relative; z-index: 5;} 
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{padding: 0 30px;}
.content h3{font-weight: bold; line-height: 30px; font-size: 15px; font-style: italic;}
.content h4{font-size: 14px; line-height: 30px; font-style: italic; color: #444;}
.content h1 + h2{margin-top: -20px;}
.content h2{background: #E6E7E8; font-size: 16px; font-weight: 400; line-height: 40px; margin-bottom: 20px; margin-top: 15px;}

.content dd, .content dt, .content li, .content p{line-height: 30px; padding: 0 30px; color: #777;}
.content ol li{margin-bottom: 5px;}



/****wap*****/
@media screen and (min-width:737px) and (max-width:1120px) and (max-device-width:1120px) {
		
}
@media screen and (min-width:737px) and (max-width:1024px) and (max-device-width:1024px) and (orientation:portrait) {
	
}

@media screen and (min-width:737px) and (max-width:1024px) and (max-device-width:1024px) {
	
}


@media screen and (max-width:736px) and (max-device-width:736px),
screen and (max-width:736px) /*and (-webkit-min-device-pixel-ratio:2.0) */{
	.main {padding-bottom: 15px;}
	.main .section{padding-bottom: 0px;}
	.main .aside{float: none; margin: 0; border-radius: 0;}
	.main .aside h1{display: none;}
	.main .aside li{float: left; width: 33.333333%; box-sizing: border-box; border: none; line-height: 40px;}
	.main .aside li:last-child{width:40%;}
	.main .aside li a{padding:0 5px; font-size: 12px; text-align: center;}
	.main .content{border-radius: 0; text-align: justify;}
	.main .content h1{display: none;}
	.main .content h1 + h2{margin-top: 0;}
	.main .content img{width: 100%; height: auto;} 
}

@media only screen and (min-height: 550px) and (max-height: 700px) {
	.section{padding: 18px 0;}
	.main-media .article{margin-bottom: 24px;}
}