/*文军辉*/ /*logo标识*/ .header{ margin: 0.5rem auto; text-align: center; } .header h1{ font-size: 2rem; font-weight: bold; } .header span{ font-size: 0.5rem; } /*main-content*/ .article-img img{ width: 100%; } .article-setion{ margin-top: 2rem; line-height: 2rem; } .article-setion hr{ margin-bottom: 24px; } .article-setion-header{ display: table; width:100%; } .article-setion-header h5{ float: left; } .article-setion-header>p{ float: right; font-size: 12px; line-height: 37px; } .article-setion-main{ display: table; border-top:1px solid #ccc; width:100%; padding:24px 0 30px 0; } .article-setion-main>div:nth-child(1){ float: left; width: 20%; } .article-setion-main>div img{ width: 100%; } .article-setion-main>div:nth-child(2){ float: right; width: 80%; } .selection-introduce{ padding-left: 40px; padding-top: 20px; } .selection-introduce >h5 a{ color: #333; } .selection-introduce>div{ margin:2.5% 0 3% ; } .selection-introduce>div>p{ margin: 0; font-weight: 400; color: #888; } .selection-introduce>p{ color: #666666; } .selection-more span:nth-child(1){ float: left; color: #999999; } .selection-more span:nth-child(2){ float: right; color: black; font-weight: bold; } /*查看更多的部分*/ .view-more{ clear: both; width: 100%; height: 2rem; padding-top: 3rem; margin-bottom: 10%; } .view-more>div{ height: 100%; background-color: #ebebeb; line-height: 2rem; text-align: center; font-size: smaller; cursor: pointer; } .view-more div a{ font-weight: bold; } .display-none{ display: none; } /*移动端媒体查询*/ @media screen and (max-width: 1200px){ } @media screen and (max-width: 450px) { .article-setion-main{ clear: both; } .article-setion-main>div:nth-child(1){ width: 100%; } .article-setion-main>div img{ width: 100%; } .article-setion-main>div:nth-child(2){ /*float: left;*/ width: 100%; } .selection-introduce{ padding-left: 3%; padding-top: 0%; } .selection-introduce h5{ margin-bottom: 0%; line-height: 1.3em; } .selection-introduce>p{ margin-bottom: 0.4rem; color: #666666; } .selection-more span:nth-child(1){ float: left; color: #999999; } .selection-more span:nth-child(2){ float: right; color: black; font-weight: bold; } }