.newsdetail { padding: 0.22rem 0 1.17rem; background-color: #fff; } .newsdetail .title { width: calc(100% - 3.42rem); margin: 0 auto; display: flex; } .newsdetail .title a, .newsdetail .title p { font-size: 0.14rem; color: #D2D2D2; } .newsdetail .title p { margin: 0 0.05rem; } .newsdetail .title .title_a { color: #888888; } .newsdetail .news { margin: 0.94rem auto 0 auto; width: 9.6rem; } .newsdetail .news .newstitle { text-align: center; width: 100%; color: #1CB0F7; font-size: 0.18rem; font-weight: bold; padding-bottom: 0.3rem; border-bottom: 1px solid #EEEEEE; margin-bottom: 0.29rem; } .newsdetail .news .content p { font-size: 0.14rem; line-height: 0.24rem; color: #666666; margin-bottom: 0.3rem; } .newsdetail .news .content img { max-width: 100%; /* margin-bottom: 0.39rem; */ } .newsdetail .news .pagenum { display: flex; flex-direction: column; } .newsdetail .news .pagenum a { margin-bottom: 0.24rem; font-size: 0.14rem; color: #666666; } .newsdetail .news .pagenum a:last-child { margin-bottom: 0; } .newsdetail .news .pagenum a:hover { color: #1CB0F7; } @media screen and (max-width: 768px) { .header .logo { width: 2.57rem; } .newsdetail { padding: 0.25rem; width: calc(100% - 0.5rem); } .newsdetail .title { width: 100% !important; display: flex; flex-wrap: wrap; line-height: 0.18rem; } .newsdetail .title p { line-height: 0.18rem; } .newsdetail .title .title_a { line-height: 0.18rem; width: 62%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .newsdetail .news { margin-top: 0.2rem !important; width: auto !important; } .newsdetail .news .newstitle { text-align: left; } }