#top1 { position: relative; width: 100%; height: 23.333333rem; background: url(https://xiaoyidushu.oss-cn-zhangjiakou.aliyuncs.com/huiwen/banner.png) no-repeat center; background-size: contain; } #top1 h2 { position: absolute; left: 22.222222rem; top: 9.6875rem; font-size: 3.125rem; color: #fff; font-weight: 600; text-shadow: 0 0 30px #1c1a15; } #top1 h4 { position: absolute; left: 22.222222rem; top: 14.6875rem; font-size: 1.25rem; color: #333; font-weight: 400; } .tabs { height: 6.25rem; background-color: #fff; line-height: 6.25rem; box-shadow: 0 0.125rem 1.875rem 0 rgba(104, 104, 104, 0.07); color: #666; font-size: 1.875rem; font-weight: 400; } .tabs span:nth-child(1) { margin-right: 7.5rem; } .hover-class { color: #4190f6; } .one, .two { cursor: pointer; } .tabs-item { display: flex; justify-content: center; box-sizing: border-box; width: 66.666667rem; margin: 0 auto; padding-top: 5rem; height: 44.5625rem; background-color: #f8f9fc; } .tabs-item-container { position: relative; width: 23.75rem; height: 36.666667rem; background-color: #fff; margin-right: 1.875rem; border-radius: 0.375rem; overflow: hidden; } .tabs-item-container img { width: 100%; height: 18.333333rem; } .tabs-item-container-date { position: absolute; left: 1.875rem; top: 20.125rem; color: #333; font-size: 0.875rem; font-weight: 400; } .tabs-item-container-title { position: absolute; top: 21.0625rem; left: 1.875rem; color: #333; font-size: 1.25rem; font-weight: 400; margin-right: 1.875rem; margin-top: 0.9375rem; margin-bottom: 2rem; } .tabs-item-container-content { position: absolute; top: 27.6875rem; left: 1.875rem; font-size: 0.875rem; color: #888; font-weight: 400; margin: 0 1.875rem; margin-left: 0; } .tabs-item-container-detail { position: absolute; top: 34rem; left: 1.875rem; padding-bottom: 0.25rem; border-bottom: 0.0625rem solid #ccc; } .tabs-item-container-detail a { color: #333; } @media screen and (max-width: 750px) { html { font-size: 0.5rem; } #pc { display: none; } #mobile { display: block; } #top1 { height: 14.7rem; background: url(https://xiaoyidushu.oss-cn-zhangjiakou.aliyuncs.com/huiwen/banner2x.png) no-repeat; background-size: contain; } #top1 h2 { top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 24px; } .tabs { font-size: 1.5rem; } .tabs span:nth-child(1) { margin-right: 4.5rem; } .tabs-item { width: 100vw; flex-direction: column; align-items: center; height: auto; } .tabs-item-container { margin-right: 0; margin-bottom: 3rem; } }