1 line
23 KiB
CSS
1 line
23 KiB
CSS
|
header{box-shadow:0px 15px 10px -15px rgba(6,30,46,.15)}.source-head-wrap{width:100%;height:420px;display:flex;align-items:center;position:relative;background:url("../image/source_banner.png") no-repeat center center/cover}.source-head-wrap .source-head-text{width:100%;display:flex;flex-direction:column;justify-content:center;margin-bottom:50px}.source-head-wrap .source-head-text h3{font-size:30px;font-weight:bold;margin-bottom:15px}.source-head-wrap .source-head-text .source-head-text-line{width:44px;height:2px;background:#31384b}.source-head-wrap .source-head-text p{font-size:16px;margin-top:10px;color:#282b42}.source-head-link{width:1200px;height:64px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;opacity:.9;color:#c6c6c6;background-color:#fff}.source-head-link a{display:block;box-sizing:border-box;height:64px;line-height:60px;width:25%;color:#333;text-align:center;border-top:4px solid rgba(0,0,0,0);transition:all .4s ease-in-out}.source-head-link a:first-child{color:#6bb5b1;border-top:4px solid #6bb5b1}.source-head-link a:nth-child(2){color:#4d8bc5;border-top:4px solid #4d8bc5}.source-head-link a:nth-child(3){color:#dd422e;border-top:4px solid #dd422e}.source-head-link a:nth-child(4){color:#e1733c;border-top:4px solid #e1733c}.source-head-link a:last-child{color:#f736d2;border-top:4px solid #f736d2}.source-head-link a:hover{color:#ef4030}.source-head-link a:after{content:"|";color:#282b42;float:right}.source-head-link a:last-child:after{content:""}.source-head-link a.active{color:#ef4030;border-top:4px solid #ef4030}.source-down-nav{margin:36px auto 0;display:flex;align-items:center}.source-down-nav a{color:#282b42;font-size:16px;margin:0 5px}.source-down-nav a:hover{color:#333}.source-down-nav i{font-size:16px;color:#a5a5a5;margin-top:-2px;margin-right:5px}.source-down-nav i.iconxiangyou{font-size:var(--font-size);margin:2px 5px 0 8px}.source-down-nav .article-title{margin-left:10px;font-size:16px;color:#000}.source-news-wrap{padding-top:25px}.source-news-wrap .source-down-nav{margin-top:0}.source-wrap{padding:25px 0 40px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap}.source-wrap .source-left{width:68%}.source-wrap .source-left .pagelist{margin-top:30px;margin-bottom:30px;display:flex;justify-content:center}.source-wrap .source-left .pagelist li{padding:0 8px;height:24px;line-height:24px;margin:0 1.5px;display:flex;align-items:center}.source-wrap .source-left .pagelist li a{color:#333}.source-wrap .source-left .pagelist li.active{background-color:#1881c9}.source-wrap .source-left .pagelist li.active a{color:#fff}.source-wrap .source-left .article-tag-box{display:flex;gap:15px;margin:25px 0;flex-wrap:wrap}.source-wrap .source-left .article-tag-box a{display:block;font-size:13px;color:#6ca6f0;border:1.5px solid #6ca6f0;width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:4px;transition:all .3s ease-in-out}.source-wrap .source-left .article-tag-box a:hover{transform:scale(1.2);transform:translateY(-5px);box-shadow:0 0 0 2px #fff,0 0 0 4px #6ca6f0}.source-wrap .source-left .article-relate-wrap{width:100%;margin-top:30px}.source-wrap .source-left .article-relate-wrap h4{font-weight:bold}.source-wrap .source-left .article-relate-wrap .article-relate-box{margin-top:20px;justify-content:space-between}.source-wrap .source-left .article-relate-wrap .article-relate{width:18%;display:block;transition:all .3s ease-in-out}.source-wrap .source-left .article-relate-wrap .article-relate:hover{transform:translateY(-5px)}.source-wrap .source-left .article-relate-wrap .article-relate:hover p{color:#1881c9}.source-wrap .source-left .article-relate-wrap .article-relate img{width:100%;aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover;margin-bottom:10px}.source-wrap .source-left .article-relate-wrap .article-relate p{font-size:13px;line-height:1.7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;transition:all .3s ease-in-out;-webkit-line-clamp:2;-webkit-box-orient:vertical}.source-wrap .source-right{width:30%}.source-wrap .source-ri
|