
img { /* max-width: 100%;*/
height: auto; width: auto\9; /* ie8 */ }
.video embed, .video object, .video iframe { width: 100%; height: auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 1700px) {
.logo, .leftsidebar_box dt { padding-left: 50%; }
.leftsidebar_box dd { padding-left: calc(50% + 30px); }
}
 @media screen and (max-width: 1366px) {
}
 @media screen and (max-width: 1200px) {
.logo, .leftsidebar_box dt { padding-left: 20%; }
.leftsidebar_box dd { padding-left: calc(20% + 30px); }
.leftsidebar_box { width: 20%; }
.right { width: calc(80% - 80px); }
.content { width: 100% }
.app { display: none; }
.right { float: none; width: calc(70% - 80px); }
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
 代码区!
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {
/* disable webkit text size adjust (for iPhone) */
html { -webkit-text-size-adjust: none;/*通过-webkit-text-size-adjust:none禁用iPhone中Safari的字号自动调整*/ }
 代码区!
}
