body{background: #eee;font-size: 14px}
.section-top{background: #fff;min-width: 1200px}
.section-list{width: 1200px;margin: 0 auto}
.location{font-size: 12px;color: #6f6f6f;line-height: 70px}
.location a{color: #6f6f6f;}
.location a:hover{color: #fd5d2b;}
.content{background: #fff;border:1px solid #dfdfdf;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.content > .title{margin: 0 6px;border-bottom: 1px solid #e8e8e8;padding: 11px 0 11px 8px}
.content > .title span{line-height: 28px;margin: 11px 0;font-size: 16px;color: #6f6f6f;padding-left: 12px;border-left: 8px solid #fd5d2b}
.list-cont{padding:26px 0 0 34px}
.list-cont:after{content: '';display: table;;clear: both;}


.mobile-nav,.mobile-felid,.mobile-level{display: none;}
@media screen and (max-width: 640px){
	html{
		font-size: -moz-calc(100vw * 20 / 750);
		font-size: -webkit-calc(100vw * 20 / 750);
		font-size: calc(100vw * 20 / 750);
	}
	body{background: #f5f5f5}
	.dowmload-top,.top .nav,.top .logo em,.location,.content > .title,.section-footer,.step .box .level,.step .box .felid,.step .box .cont{display: none;}
	
	.section-top{min-width: 100%;height: 5rem;background: #f5f5f5;}
	.top{width: 100%;height: 100%;padding: 0 1rem;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.top .logo a{display: table;height: 100%}
	.top .logo span{background-size:2.4rem;line-height: normal;padding-left: 3.3rem}
	.top .logo strong{font-size: 1.1rem;color: #fd5d2b}
	.mobile-nav{display: block;float: right;height: 100%;line-height: 5rem}
	.mobile-nav a{float: left;padding-left: 1.5rem;font-size: 1.1rem}
	.mobile-nav a:first-child{margin-right: 1.2rem;background: url(../images/android-download.png) no-repeat left center;background-size: .8rem auto}
	.mobile-nav a:last-child{padding-left: 1.4rem;background: url(../images/ios-download.png) no-repeat left center;background-size: .5rem auto}
	.section-list{width: 100%}
	.content{background: transparent;border:0;padding: 0 1.5rem}
	.list-cont{padding: 0}
	.step .box{width: 48%;margin:4% 0 0 4%;padding: 1rem .8rem;font-size: 1.2rem;border-radius: .7rem}
	.step .box a{color: #959191;}
	.step .box:nth-child(1),.step .box:nth-child(2){margin-top: 0}
	.step .box:nth-child(2n-1){margin-left: 0}
	.step .box .title{font-size: 1.2rem;color: #3b3b3b;line-height: 2em;padding-left: 2.5rem;position: relative;}
	.step .box .author{border-top:0;margin-top:0;line-height: 2em;color: #959191;}
	.mobile-felid{display: block;line-height: 2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.mobile-level{display: block;font-size: .8rem;line-height: normal;padding: 0 .2rem;position: absolute;left: 0;top: 50%;background: #96e2f6;color: #fff;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
	.page-number{padding: 1rem 0 2rem}
	.page-number > span,.page-number input{display: none;}
	.page-number .prev,.page-number .next{display: inline-block;width: 3rem;height: 3rem}
	.page-number .sub span{width: 3rem;height: 3rem;line-height: 3rem;font-size: 1.6rem}

}