@media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){
    html,body{height: 100%; position: relative;}
    html { font-size:62.5%;}
    .main-body{width:100%;}
    .wrapper{width:100%!important;}
    .header {min-width: 100%;}
	.header .logo {
	    width: 100%;
	    min-width: 320px;
	    max-width: 480px;}
	.header img {
		width: 100px;
		height: auto;
		margin: 0 auto;}
	.path {
	    width: 100%;
	    height: 70px;
	    line-height: 70px;}
    .articleCon{padding:0 2% 0;}
    .search,
    .nav,
    #sh,
    .icons,
    .sharebox,
    .qrcode,
    .userControl,
    .link-main{display: none;}

	.relativeList{padding:10px 0;}
	.relativeList li{float:none;width:100%;}
	.relativeList .date{display: none;}


.footer{width:100%!important;min-width: 100%!important;}


}