.mob { display: none; } .pc { display: block; } .news-1 { width: 100%; padding: 4.89583vw 0 3.125vw; background-color: #f7f7f7; margin-bottom: 2.96875vw; } .new-title { font-size: 1.875vw; text-align: center; margin: 0; font-weight: normal; } .news-2-center { margin: 0 auto; width: 62.5vw; } .tabs-box { text-align: center; margin-bottom: 3.125vw; } .tabs { display: inline-flex; justify-content: center; align-items: center; border-bottom: 1px solid #eee; } .tabs .tab-item { font-size: 1.04167vw; height: 1.97917vw; position: relative; color: #666; cursor: pointer; } .tabs .tab-item:not(:last-child) { margin-right: 5.20833vw; } .tabs .tab-item::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 0.10417vw; background-color: #000; -webkit-transform: scaleX(0); transform: scaleX(0); } .tabs .tab-item.active { color: #000; } .tabs .tab-item.active::after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: .3s ease-out; transition: .3s ease-out; } .news-item-list { margin-bottom: 5.20833vw; } .news-item { display: flex; justify-content: space-between; padding: 3.125vw 2.08333vw; border-bottom: 1px solid #eee; box-sizing: border-box; } .news-item:hover { background-color: #f5f5f5; } .text-left { flex: 1; display: flex; flex-direction: column; justify-content: space-between; margin-right: 2.08333vw; } .text-left .title { font-size: 1.04167vw; margin-bottom: 1.04167vw; display: inline-block; } .text-left .content { font-size: 0.83333vw; line-height: 1.33333vw; margin-bottom: 0.9375vw; color: #666; } .text-left .date { font-size: 0.83333vw; margin-bottom: 1.97917vw; color: #999; } .news-img { display: block; width: 35.52083vw; height: 19.73958vw; object-fit: cover; } .link-btn { font-size: 0.83333vw; margin-bottom: 0; display: inline-block; } .page-box { display: flex; justify-content: center; margin-bottom: 5.20833vw; } .page-box .page-btn { width: 2.08333vw; height: 2.08333vw; font-size: 0.83333vw; border: 0.13889vw solid #eee; text-align: center; line-height: 1.77083vw; box-sizing: border-box; float: left; margin-right: 0.52083vw; color: #666; cursor: pointer; user-select: none; } .page-box .page-btn.active { color: #000; background-color: #eee; } .page-box .page-btn.disabled { color: #eee; cursor: not-allowed; } /* 视频界面 */ .video-box { display: none; margin-bottom: 5.20833vw; } .video-item:not(:last-child) { border-bottom: 0.052vw solid #eee; padding-bottom: 5.208vw; margin-bottom: 5.052vw; } .vided-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.042vw; } .vided-head .video-title { font-size: 1.042vw; } .vided-head .video-title .video-title-phone { font-size: 0.833vw; font-weight: bold; margin-right: 1.458vw; } .video-item .info-box { display: flex; } .video-item .info-img { width: 2.083vw; height: 2.083vw; margin-right: 0.521vw; } .video-item .info-text .name { display: block; font-size: 0.833vw; margin-bottom: 0.417vw; } .video-item .info-text .country { display: block; font-size: 0.625vw; color: #666; } .video-item .video { width: 100%; height: auto; cursor: pointer; }