* { box-sizing: border-box; } .row { display: flex; flex-wrap: wrap; } /* 清除浮动 */ .row:after { content: ""; clear: both; display: table; } /* 针对手机,放第一个手机网页加载快*/ [class*="col-"] { width: 100%; } .left-menu { display: none; } /* 针对桌面 */ @media only screen and (min-width: 768px) { .left-menu { display: block; } .row { max-width: 1000px; margin-left: auto; margin-right: auto; } .col-20 { width: 20%; } .col-33 { width: 33.33%; } .col-45 { width: 45%; } .col-50 { width: 50%; } .col-55 { width: 55%; } .col-66 { width: 66.66%; } .col-80 { width: 80%; } .p-l-20 { padding-left: 20px; } .m-l-20 { margin-left: 20px; } .m-b-20 { margin-bottom: 20px; } } .subMenu { width: 90%; margin: auto; height: 45px; line-height: 45px; font-size: 15px; text-align: center; /*padding-left: 25px;*/ border-bottom: dashed 1px #CCCCCC; } .subMenu a { text-decoration: none; color: #595757; cursor: pointer; } .nav a { text-decoration: none; } .banquan{ height:180px; background:#0080ff; color:#FFF; text-align:center} .editor-content-view-layout { border: solid 1px #CCCCCC; margin: 20px auto; padding: 25px 50px 30px 50px; min-height: 500px; width: 100%; } .editor-content-view-title { font-size: 30px; line-height: 60px; text-align: center; } .editor-content-view-title-sub { text-align: center; font-size: 15px; border-bottom: solid 1px #d9d9d9; padding: 15px 0 22px; } .editor-content-view-attachment { cursor: pointer; display: block; padding: 4px 0; } .editor-content-view { /*border: 1px solid #ccc;*/ /*border-radius: 5px;*/ padding: 0 10px; margin-top: 20px; overflow-x: auto; } /* 针对移动端 */ @media only screen and (max-width: 768px) { .editor-content-view-layout { padding: 10px; } .editor-content-view-title { font-size: 20px; line-height: 30px; } }