1 line
7.6 KiB
CSS
1 line
7.6 KiB
CSS
|
header{box-shadow:0px 15px 10px -15px rgba(6,30,46,.15)}.news-nav{margin:36px auto 0;display:flex;align-items:center}.news-nav a{color:#282b42;font-size:16px;margin:0 5px}.news-nav a:hover{color:#333}.news-nav i{font-size:16px;color:#a5a5a5;margin-top:-2px;margin-right:5px}.news-nav i.iconxiangyou{font-size:var(--font-size);margin:2px 5px 0 8px}.news-nav .article-title{margin-left:10px;font-size:16px;color:#000}.news-shadow{padding:15px 20px;border-radius:4px;border:1px solid #e3eaf3;transition:all .3s ease-in-out}.news-shadow:hover{box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)}.news-box{padding:40px 0;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between}.news-box .news-cate-wrap{width:28%}.news-box .news-cate-box{padding:10px 20px;margin-bottom:25px;border-radius:4px;border:1px solid #e3eaf3;transition:all .3s ease-in-out}.news-box .news-cate-box:hover{box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)}.news-box .news-cate-box h3{font-size:22px}.news-box .news-list-box{flex:1;margin-left:2%;background-color:#fff}.news-box .news-list-box .news-list-header h3{margin-bottom:10px}.news-box .news-list-box .pagelist{margin-top:30px;margin-bottom:30px;display:flex;justify-content:center}.news-box .news-list-box .pagelist li{padding:0 8px;height:24px;line-height:24px;margin:0 1.5px;display:flex;align-items:center}.news-box .news-list-box .pagelist li a{color:#333}.news-box .news-list-box .pagelist li.active{background-color:#1881c9}.news-box .news-list-box .pagelist li.active a{color:#fff}.news-cate-box .news-cate-header{display:flex;justify-content:space-between;align-items:center;line-height:40px;border-bottom:1px solid #e3eaf3}.news-cate-box .news-cate-header img{height:24px}.news-cate-box .news-cate-header h3{font-size:16px;font-weight:bold;margin-left:8px;margin-right:auto}.news-cate-box .news-cate-header a{font-size:var(--font-size);color:#282b42;transition:all .15s ease-in-out}.news-cate-box .news-cate-header a:hover{color:#ef4030}.news-cate-box .news-cate-header a i{font-size:12px;font-weight:lighter}.news-cate-box .news-cate-hot{width:100%;margin:10px auto 0;display:flex;flex-wrap:wrap}.news-cate-box .news-cate-hot a{width:100%;font-size:var(--font-size);text-indent:-6px;line-height:1.7;padding-left:16px;margin:8px 0;color:#282b42;transition:all .1s ease-in-out}.news-cate-box .news-cate-hot a::before{content:"•";position:relative;left:-10px}.news-cate-box .news-cate-hot a:hover{color:#ef4030}.news-cate-box .news-cate-item{padding:20px 0}.news-cate-box .news-cate-item a{display:block;font-size:var(--font-size);width:-moz-fit-content;width:fit-content;padding:6px 12px;margin-bottom:5px;border-radius:4px;transition:all .3s ease-in-out}.news-cate-box .news-cate-item a.active{color:#1881c9}.news-cate-box .news-cate-item a:hover{color:#1881c9;transform:scale(1.1);transform:translateY(-6px);box-shadow:0 0 0 2px #fff,0 0 0 4px #6e7080}.news-cate-box .news-cate-tags{display:flex;flex-wrap:wrap;gap:6px 10px}.news-cate-box .news-cate-tags a{color:#fff;display:block;width:-moz-fit-content;width:fit-content;margin-bottom:0}.news-cate-box .news-cate-tags a:hover{color:#fff}.news-cate-box .news-cate-tags a:nth-child(8n-7){background-color:#8a9b0f}.news-cate-box .news-cate-tags a:nth-child(8n-6){background-color:#eb6841}.news-cate-box .news-cate-tags a:nth-child(8n-5){background-color:#3fb8af}.news-cate-box .news-cate-tags a:nth-child(8n-4){background-color:#fe4365}.news-cate-box .news-cate-tags a:nth-child(8n-3){background-color:#fc9d9a}.news-cate-box .news-cate-tags a:nth-child(8n-2){background-color:#edc951}.news-cate-box .news-cate-tags a:nth-child(8n-1){background-color:#c8c8a9}.news-cate-box .news-cate-tags a:nth-child(8n){background-color:#83af9b}.news-cate-box .news-cate-tags a:first-child{background-color:#036564}.news-cate-box .news-cate-tags a:last-child{background-color:#3299bb}.news-item{margin-bottom:20px;padding:25px 10px 25px 20px;display:flex;justify-content:space-between;animation-name:fadeInUp_qs20;animation-delay:.1s;transition:all .
|