.evan-big-banner{position:relative;width:100%;height:calc(45vh + 45px);display:flex;margin-top:-4rem;justify-content:center;align-items:center;flex-direction:column;background-color:transparent;background-position:center;background-size:cover;overflow:hidden;transition:height 1.6s ease-in-out;background-image:url("https://api.50dg.cn")}
.evan-big-banner::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-520;pointer-events:none;background:linear-gradient( 90deg,rgba(247,149,51,0.1),rgba(243,112,85,0.1) 15%,rgba(239,78,123,0.1) 30%,rgba(161,102,171,0.1) 44%,rgba(80,115,184,0.1) 58%,rgba(16,152,173,0.1) 72%,rgba(7,179,155,0.1) 86%,rgba(109,186,130,0.1) );background-position:center 0;background-repeat:no-repeat;background-size:cover}
.evan-big-banner img{-o-object-fit:cover;object-fit:cover}
.evan-big-banner .infomation{position:absolute;line-height:2}
.evan-big-banner .infomation .title{font-size:2rem;font-weight:700;color:#fff;text-align:center;text-shadow:0 0.1875rem 0.3125rem #1c1f21;letter-spacing:0.3rem}
.evan-big-banner .infomation .desctitle{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#f3f3f3;font-size:1rem;padding:0 1rem;text-shadow:0 0.1875rem 0.3125rem #1c1f21}
.evan-big-banner .hitokoto_text{text-shadow:none}
.evan-big-banner .hitokoto_form{font-size:14px;text-shadow:none}
.evan-big-banner .evan-tiktok-text{animation:uk-text-shadow-glitch 0.65s cubic-bezier(1,-1.91,0,2.79) 0s infinite normal both running}
@keyframes uk-text-shadow-glitch{0%{text-shadow:none;}25%{text-shadow:-2px -2px 0 #ff004f,2px 2px 0 #00f7ef;}50%{text-shadow:2px -2px 0 #ff004f,-2px 2px 0 #00f7ef;}75%{text-shadow:-2px 2px 0 #ff004f,2px -2px 0 #00f7ef;}100%{text-shadow:2px 2px 0 #ff004f,-2px -2px 0 #00f7ef;}}
@keyframes uk-flicker{0%{opacity:0;}10%{opacity:0.6;transform:scale(0.8);}20%{opacity:0;}40%{opacity:1;}50%{opacity:0.2;transform:scale(1.1);}100%{opacity:1;transform:scale(1);}}
.evan-big-banner .evan-big-banner_bottom{width:100%;position:absolute;left:0;bottom:-5px}
.evan-big-banner .evan-big-banner_bottom .waves-svg{width:100%;height:3rem;fill:#fff}
.evan-big-banner .evan-big-banner_bottom .waves-svg .parallax > use{-webkit-animation:move-forever 25s cubic-bezier(0.55,0.5,0.45,0.5) infinite;animation:move-forever 25s cubic-bezier(0.55,0.5,0.45,0.5) infinite}
.evan-big-banner .evan-big-banner_bottom .waves-svg .parallax > use:first-child{-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:7s;animation-duration:7s;opacity:0.9}
.evan-big-banner .evan-big-banner_bottom .waves-svg .parallax > use:nth-child(2){-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-animation-duration:10s;animation-duration:10s;opacity:0.8}
.evan-big-banner .evan-big-banner_bottom .waves-svg .parallax > use:nth-child(3){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:13s;animation-duration:13s;opacity:0.9}
.evan-big-banner .evan-big-banner_bottom .waves-svg .parallax > use:nth-child(4){-webkit-animation-delay:-5s;animation-delay:-5s;-webkit-animation-duration:20s;animation-duration:20s}
@-webkit-keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}
@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}
@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}
.evan-big-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.15)}
@media(max-width:768px){.evan-big-banner{height:15rem;margin-top:0;height:calc(45vh + 45px)}
.evan-big-banner.minImg{width:100%;height:15rem}
.evan-big-banner .infomation .title{font-size:1.5rem}
.evan-big-banner .infomation .desctitle{font-size:0.9rem}
.evan-big-banner .HeaderImg_bottom .waves-svg{height:3rem}}
.evan-big-banner_goto{position:absolute;left:50%;transform:translateX(-50%);bottom:100px}
.index-goto-icon{font-size:24px;color:#fff;animation:aniIndexGotoIcon 2s ease-in-out infinite;display:inline-block}
@keyframes aniIndexGotoIcon{0%{transform:translateY(0)}50%{transform:translateY(15px)}100%{transform:translateY(0)}}
/* 分割 */
.HeaderImg{position:relative;width:100%;display:flex;margin-top:-60px;justify-content:center;align-items:center;flex-direction:column;height:25rem;padding-bottom:0px;}
.HeaderImg.minImg{max-width:83rem;height:25rem;margin:auto}
.HeaderImg.minImg .infomation .desctitle{font-size:1.5rem}
.HeaderImg .infomation{position:absolute;margin-top: 1rem;}
.HeaderImg .infomation .title{font-size:2.2rem;font-weight:700;color:#fff;text-align:center;text-shadow:0 .1875rem .3125rem #1c1f21;padding:0 10px;letter-spacing:.25rem}
.HeaderImg .infomation .desctitle{display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:16px;padding:0 1rem;text-shadow:0 .1875rem .3125rem #1c1f21;margin-top:1.2rem;letter-spacing:.05rem}
.HeaderImg .HeaderImg_bottom{width:100%;position:absolute;left:0;bottom:0}
.HeaderImg .HeaderImg_bottom .waves-svg{width:100%;height:3rem}
.HeaderImg .HeaderImg_bottom .waves-svg .parallax>use{-webkit-animation:move-forever 25s cubic-bezier(0.55,0.5,0.45,0.5) infinite;animation:move-forever 25s cubic-bezier(0.55,0.5,0.45,0.5) infinite}
.HeaderImg .HeaderImg_bottom .waves-svg .parallax>use:first-child{-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:7s;animation-duration:7s;fill:var(--background);opacity:.9}
.HeaderImg .HeaderImg_bottom .waves-svg .parallax>use:nth-child(2){-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-animation-duration:10s;animation-duration:10s;fill:var(--background);opacity:.8}
.HeaderImg .HeaderImg_bottom .waves-svg .parallax>use:nth-child(3){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:13s;animation-duration:13s;fill:var(--background);opacity:.9}
.HeaderImg .HeaderImg_bottom .waves-svg .parallax>use:nth-child(4){-webkit-animation-delay:-5s;animation-delay:-5s;-webkit-animation-duration:20s;animation-duration:20s;fill:var(--background)}
@-webkit-keyframes move-forever{0%{transform:translate3d(-90px,0,0)}
to{transform:translate3d(85px,0,0)}}
@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}
to{transform:translate3d(85px,0,0)}}
.HeaderImg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.15)}
@media(max-width:768px){
.HeaderImg.top_img_post{height:15rem !important;margin-top:0;height:calc(40vh - 40px)}
.HeaderImg .dz{display:none}
.HeaderImg.minImg{width:100%;height:15rem}
.HeaderImg .infomation .title{font-size:1.3rem !important;letter-spacing:1px !important}
.HeaderImg .infomation .desctitle{font-size:0.875rem !important}
.HeaderImg .HeaderImg_bottom .waves-svg{height:3rem}}
.icon2{width:1rem;height:1rem;margin-right:2px;fill:currentColor;overflow:hidden;flex-shrink:0}