.body-bg{ width:100%; height: 220px; } .body-bg-text{ position: absolute; width: 586px; height: 120px; z-index: 1; } .container-1{ display:flex; justify-content: center; align-items: center; width: 100%; height: 220px; position: relative; margin-top: 22px; margin-bottom: 20px; } .container-header{ font-size: 16px; margin-bottom: 38px; line-height: 56px; font-weight: normal; color: #9F9F9F; display: flex; align-items: center; } .position{ width: 16px; height: 16px; margin-right: 4px; } .header-right{ width: 5px; height: 7px; margin: 0 9px; } .row-title{ font-size: 24px; line-height: 40px; font-weight: 600; letter-spacing: 0.02em; color: #5E3D0F; margin-bottom: 59px; } .head-sculpture{ width: 300px; height: 400px; } .user-info{ margin-top: 100px; margin-left: 85px; margin-bottom: 45px; } .info-header{ border-bottom: 1px solid #EEE7DA; margin-bottom: 40px; } .information{ display: flex; } .info-header{ display: flex; align-items: baseline; gap: 10px; } .info-title,.info-unit,.info-additional{ color: #5E3D0F; } .info-title{ font-size: 40px; } .info-unit{ font-size: 20px; } .info-additional{ font-size: 16px; } .info-body{ font-size: 14px; letter-spacing: 0.02em; line-height: 28px; } .video-body{ position: relative; } .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: url('/static/images/play.png') no-repeat; cursor: pointer; } .video-introduction{ position: relative; } .body-row-right{ width: 100%; } .body-3-row{ display: flex; margin-bottom: 50px; } .train-img{ width: 28px; height: 28px; margin-right: 6px; } .header-3-left{ font-size: 24px; color: #7D342D; display: flex; align-items: center; } .train-right{ width: 54px; height: 40px; } .container-header-3{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #7D342D; margin-bottom: 28px; } .left-img{ width: 384px; height: 236px; margin-right: 60px; border-radius: 10px; } .title{ font-size: 20px; } .date{ font-size: 14px; line-height: 24px; color: #999999; margin:16px 0; } .content{ font-size: 14px; height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 24px; } .tips{ margin-top: 16px; font-size: 14px; line-height: 40px; font-weight: 600; color: #7D342D; display: flex; align-items: center; justify-content: end; cursor: pointer; } .tips img{ width: 12px; height: 12px; }