1 line
3.8 KiB
CSS
1 line
3.8 KiB
CSS
.header-bg{display:flex;width:100%;background:linear-gradient(to top,#f1f5fb,#f9fcff);flex-shrink:0;position:relative}.bg-content-img{background:url('https://api.ixiaowai.cn/gqapi/gqapi.php');height:100%;background-size:cover}.bg-content-img .bg-content h1{color:#fff !important;z-index:2}.bg-content-img .bg-content .article-info .article-author p,span a,.icon{color:#fff !important;z-index:4 !important;position:relative}.bg-content-img .bg-content .tag li{color:#fff;z-index:4 !important;background:#fff !important}.bg-content-img:before{content:'';background-image:url('../image/pattern.png');background-repeat:repeat;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.header-bg .bg-content{display:flex;margin:0 auto;padding:196px 40px 160px;flex-basis:721px;flex-direction:column}.header-bg .bg-content .tag{display:flex;list-style:none;flex-wrap:wrap}.header-bg .bg-content .tag li{display:flex;margin-top:20px;margin-right:16px;padding:4px 12px;border-radius:15px;background:rgba(18,24,58,.06);line-height:20px;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:ease-in-out;flex-grow:0}.header-bg .bg-content .tag li:hover{background:#bec8d3}.header-bg .bg-content .tag li a{color:#12183a;text-decoration:none;font-weight:600;font-size:12px}.header-bg .bg-content h1{margin:32px 0 24px;color:#12183a;font-weight:500;font-size:30px;line-height:1.6}.header-bg .bg-content .article-info{display:flex}.header-bg .bg-content .article-info .article-author{display:flex}.header-bg .bg-content .article-info .article-author span{margin-left:8px;color:#12183a;font-weight:500;font-size:15px}.header-bg .bg-content .article-info .article-author span a{color:#12183a;text-decoration:none;-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:ease-in-out}.header-bg .bg-content .article-info .article-author span a:hover{color:#006af7}.header-bg .bg-content .article-info .article-author p{margin-left:30px;color:#12183a;font-size:14px}.article-content img{display:flex;width:100%;height:100%}@media screen and (min-width:600px){.article-content .content{display:flex;padding:64px 40px;max-width:800px;font-size:18px;flex-direction:column}.article-content{display:flex;margin:0 auto;max-width:1160px;border-radius:10px;background:#fff;flex-direction:column;align-items:center;z-index:2;position:relative}}@media screen and (max-width:600px){.article-content{display:flex;margin:0 auto;padding:64px 16px;max-width:1160px;border-radius:10px;background:#fff;flex-direction:column;align-items:center}.article-content .content{display:flex;width:100%;font-size:1.1em;flex-direction:column}}.content-move{margin-top:-64px;transition:margin-top .8s ease-in-out}.Last-Next{display:flex;margin:0 auto;margin-bottom:2em;max-width:980px;background:rgba(255,255,255,.8)}.Last-Next a{display:flex;color:#12183a;text-decoration:none;flex-grow:1;flex-basis:0}.Last-Next a .last{display:flex;height:150px;border-radius:10px;background-size:100% 100%;opacity:.4;cursor:pointer;flex-grow:1;align-content:flex-start;justify-content:center;flex-direction:column;flex-basis:0;transition:all .5s ease-in-out}.Last-Next a .last:hover{margin-top:-10px;box-shadow:0 10px 40px 0 rgba(50,50,50,.1);opacity:.7}.Last-Next a .last span,p{margin-right:10px;margin-left:10px;font-size:90%;line-height:1.6}.Last-Next a .last p{font-size:16px}.Last-Next a .next{display:flex;height:150px;border-radius:10px;background-size:100% 100%;opacity:.4;cursor:pointer;align-content:flex-end;flex-grow:1;justify-content:center;flex-direction:column;align-items:flex-end;flex-basis:0;transition:all .5s ease-in-out}.Last-Next a .next:hover{margin-top:-10px;box-shadow:0 10px 40px 0 rgba(50,50,50,.1);opacity:.7}.Last-Next a .next span,p{margin-right:10px;margin-left:10px;font-size:90%;line-height:1.6}.Last-Next a .next p{font-size:16px} |