:root {
    --main-background: rgba(188,232,241,.3);
    --content-background: rgba(168,228,190,.3);
}
body,p{margin: 0;padding: 0;}
*, *::before, *::after {box-sizing: border-box;font-family: "QiuHongKai";}
a{text-decoration:none;}
.cycle_switch{background: -webkit-linear-gradient(45deg, #0f77ea,#70f7fe 20%, #FF2525 40%, #FFE53B 60%, #FF5ACD 80%, #bed5f5);-webkit-text-fill-color: transparent;-webkit-background-clip: text;-webkit-background-size: 200% 100%;-webkit-animation: maskedAnimation 2s infinite linear;}
@-webkit-keyframes maskedAnimation{ 0%{background-position:0 0} 100%{background-position:-100% 0} }
.linze_svg_mask{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));}
.linze_svg_graph{animation: linzeAnimat5 5s infinite alternate ease-in-out forwards;}
.linze_svg_graph2{animation: linzeAnimat6 5s infinite alternate ease-in-out forwards;}
.linze_svg_graph3{animation: linzeAnimat 5s infinite alternate ease-in-out forwards;}
.linze_svg_graph4{animation: linzeAnimat2 5s infinite alternate ease-in-out forwards;}
.linze_svg_font{animation: linzeAnimat 8s infinite alternate ease-in-out forwards;}
.linze_svg_font2{animation: linzeAnimat2 8s infinite alternate ease-in-out forwards;}
.linze_svg_font3{animation: linzeAnimat3 8s infinite alternate ease-in-out forwards;}
.linze_svg_font4{animation: linzeAnimat4 8s infinite alternate ease-in-out forwards;}
@keyframes linzeAnimat{ 0% {fill:hsl(180, 100%, 50%)} 20% {fill:hsl(240, 100%, 50%)} 40% {fill:hsl(300, 100%, 50%)} 60% {fill:hsl(0, 100%, 50%);} 80% {fill:hsl(60, 100%, 50%)} 100% {fill:hsl(120, 100%, 50%)} }
@keyframes linzeAnimat2 { 0% {fill:hsl(240, 100%, 50%)} 20% {fill:hsl(300, 100%, 50%)} 40% {fill:hsl(0, 100%, 50%);} 60% {fill:hsl(60, 100%, 50%)} 80% {fill:hsl(120, 100%, 50%)} 100% {fill:hsl(180, 100%, 50%)} }
@keyframes linzeAnimat3 { 0% {fill:hsl(300, 100%, 50%)} 20% {fill:hsl(0, 100%, 50%);} 40% {fill:hsl(60, 100%, 50%)} 60% {fill:hsl(120, 100%, 50%)} 80% {fill:hsl(180, 100%, 50%)} 100% {fill:hsl(240, 100%, 50%)} }
@keyframes linzeAnimat4 { 0% {fill:hsl(0, 100%, 50%);} 20% {fill:hsl(60, 100%, 50%)} 40% {fill:hsl(120, 100%, 50%)} 60% {fill:hsl(180, 100%, 50%)} 80% {fill:hsl(240, 100%, 50%)} 100% {fill:hsl(300, 100%, 50%)} }
@keyframes linzeAnimat5 { 0% {fill:hsl(60, 100%, 50%)} 20% {fill:hsl(120, 100%, 50%)} 40% {fill:hsl(180, 100%, 50%)} 60% {fill:hsl(240, 100%, 50%);} 80% {fill:hsl(300, 100%, 50%)} 100% {fill:hsl(0, 100%, 50%)} }
@keyframes linzeAnimat6 { 0% {fill:hsl(120, 100%, 50%)} 20% {fill:hsl(180, 100%, 50%)} 40% {fill:hsl(240, 100%, 50%);} 60% {fill:hsl(300, 100%, 50%)} 80% {fill:hsl(0, 100%, 50%)} 100% {fill:hsl(60, 100%, 50%)} }
.linze_svg_heart{fill:red;}
/* 导航栏 */
header{width:100%;position:-webkit-sticky;position:sticky;top:0;z-index:333;}
.header-nav{width:100%;background-color:#f9f9f9;}
.navs{min-width:270px;max-width:1200px;padding:0 22px;margin:0 auto;}
.nav-ul-normal{display:block;}
.nav-ul{height:68px;line-height:68px;text-align:justify;list-style-type:none;padding:0;margin:auto;overflow:visible;}
.nav-ul:after{width:100%;height:0;margin:0;display:inline-block;content:'';}
.nav-li,.mb-nav-li{display:inline-block;white-space:nowrap;position: relative;}
.nav-a{display:inline-block;color:#333;padding:0 10px;cursor:pointer;font-size:12px;text-decoration: none;}
.nav-logout{display:none;position: absolute;left:10px;padding:3px 0;border-radius: 0 0 10px 10px;background-color: #fff;}
.nav-login,.nav-register{color:#333;padding:5px 0;}
/* 聚焦、图标 */
@keyframes search_open{ 0%,100%{right:30px; opacity:1;} 50%{right:50px; opacity:.8} }
.nav-login-btns{position: absolute;top:78px;padding:6px 12px;background:#fff;font-size:12px;cursor:pointer;box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);border-radius: 50%;animation: search_open 3s cubic-bezier(0.5,0,0.1,1) infinite;}
.nav-login-btns a:hover{color:#0f77ea;}
.nav-a:hover,.nav-active{color:#0f77ea;text-decoration: none;}
.nav-logo-img:hover{opacity:1;}
.nav-logo-img{height:49px;vertical-align: middle;opacity:0.8;}
.nav-search-img{display: block;height: 18px;}
/* 移动导航 - 菜单按钮 */
.nav-ul-moblie{display:none;}
.mb-menu-btns{width:30px;}
.mb-menu-btn{position: absolute;top:-20px;height:30px;width:40px;cursor:pointer;}
.mb-menu-top,.mb-menu-middle,.mb-menu-bottom{position:absolute;left:10px;height:1px;width:20px;background-color:#333;}
.mb-menu-close .mb-menu-top{top:10px;}
.mb-menu-close:hover{opacity:0.68;}
.mb-menu-close .mb-menu-middle{top:16px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);-moz-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);-ms-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);-o-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);}
.mb-menu-close .mb-menu-bottom{top:22px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);-moz-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);-ms-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);-o-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);}
.mb-menu-open .mb-menu-middle{top:16px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);-moz-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);-ms-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);-o-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);}
.mb-menu-open .mb-menu-bottom{top:16px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);-moz-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);-ms-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);-o-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);}
.mb-mask-menu{display:none;width:100%;height:100%;position:fixed;background-color:#000;z-index:3333;}
.mb-mask-menu .mb-mask-menu-mr{height:100%;background-color:#fff;padding:20px 48px;}
.mb-mask-menu-ul{text-align:left;padding:0;margin:auto;}
.mb-nav-a{display:block;height:48px;line-height:48px;color:#333;border-bottom:1px solid #787878;padding:0;}
.mb-nav-a:hover{color: #000;background:#ddd;}
/* 滚动条 */
body::-webkit-scrollbar{width: 3px;height: 6px}
body::-webkit-scrollbar-thumb {border-radius: 5px;background: #aaa;}
body::-webkit-scrollbar-track {background: #ddd;}
.main_tay{background:var(--main-background);}
.limit_content{max-width: 1200px;padding:30px 20px;margin: auto;background:var(--content-background);font-family: cursive;}

.footer_copy_right{position: relative;padding:20px 25px 30px;background:#fff;}
.footer_copy_right a{color:#555;text-decoration: none;}
.footer_copy_right a:hover{color:#ee3333;}

@media only screen and (max-width:1280px){
    .limit_content{margin: 0 20px;}
}
@media only screen and (max-width:780px){
    .navs .nav-ul-normal{display:none;}
    .navs .nav-ul-moblie{display:block;}
    .limit_content{margin: 0 10px;}
}
@font-face{
    font-family:'QiuHongKai';
    src:url('/static/fonts/qiuHongKai-2.ttf') format("ttf");
    font-weight:normal;
    font-style:normal;
}