body{background:url("/images/bg-img.png") no-repeat center top/cover;background-color:#48505a;color:#e6e6e6;font-size:14px;font-family:'Noto Serif SC', serif}.header-wrap{height:70px}.header-wrap .header-body{height:68px;background-color:#efefef;position:fixed;left:0;top:0;width:100%;z-index:10000}.header-wrap .header-body .nav>li>a{color:#343438}.header-wrap .header-body .nav>li>a i{margin-right:10px}.header-wrap .header-body .nav>li>a:hover{text-decoration:underline}.header-wrap .header-body .header-logo{height:50px}.header-wrap .header-body .btn-group{position:absolute;right:10px;top:7px}.header-wrap .header-body .dropdown-menu{left:unset;right:0}.header-wrap .header-body .dropdown-menu a{padding:20px 50px}.main-wrap{min-height:calc(100vh - 270px)}.footer-wrap{background-color:#2b3036;border-top:2px solid #fff;min-height:200px}.svg-icon{display:inline-block;height:24px;width:24px;fill:currentColor}.title-bar{margin:20px 0 10px}.title-bar .tb-body{display:flex}.title-bar .tb-body .tb-left,.title-bar .tb-body .tb-right{flex:1;display:flex;align-items:end;padding-bottom:4px}.title-bar .tb-body .tb-left .tb-bar,.title-bar .tb-body .tb-right .tb-bar{background-image:url("/images/bar/bar_center.png");background-repeat:repeat-x;flex:1;height:20px}.title-bar .tb-body .tb-left::before,.title-bar .tb-body .tb-left::after,.title-bar .tb-body .tb-right::before,.title-bar .tb-body .tb-right::after{content:"";height:20px;background-repeat:no-repeat}.title-bar .tb-body .tb-left::before{width:14px;background-image:url("/images/bar/bar_left.png")}.title-bar .tb-body .tb-left::after{width:33px;background-image:url("/images/bar/bar_right.png")}.title-bar .tb-body .tb-right::after{width:14px;background-image:url("/images/bar/bar_left.png");transform:scaleX(-1)}.title-bar .tb-body .tb-right::before{width:33px;background-image:url("/images/bar/bar_right.png");transform:scaleX(-1)}.title-bar .tb-body .tb-center{text-align:center;font-size:24px;color:#fff;padding:0 20px}.title-bar .tb-remark{font-size:12px;text-align:center;color:#ddd}.mouse-effects{position:fixed;pointer-events:none;background:url("/images/sakura.png") no-repeat;background-size:100%;animation-name:fade, rotate;animation-iteration-count:infinite}@keyframes fade{0%{opacity:0}25%{opacity:var(--fade-peak, 1)}50%{opacity:var(--fade-peak, 1)}100%{opacity:0}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(var(--rotate-peak, 360deg))}}@media (max-width: 600px){.title-bar .tb-body .tb-center{font-size:17px}}.slider{width:100%;max-width:100%}.slider .item{height:auto;max-width:100%;overflow:hidden}.slider .item img{max-width:100%}.slider .owl-dots{position:absolute;bottom:10px;left:0;right:0;margin:auto;text-align:center}.slider .owl-dots .owl-dot{line-height:24px;vertical-align:middle}.slider .owl-dots .owl-dot span{width:12px;height:12px;display:inline-block;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0.7;background:transparent;border:solid 1px #fff}.slider .owl-dots .owl-dot.active span{background:#fff}.mask{position:relative;z-index:-1}.mask::before{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.3;z-index:0;background:#000}.owl-fadeUp-in{-webkit-animation:scaleUpFrom 1.2s ease both;-o-animation:scaleUpFrom 1.2s ease both;animation:scaleUpFrom 1.2s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo 1.2s ease both;-o-animation:scaleUpTo 1.2s ease both;animation:scaleUpTo 1.2s ease both}@media (max-width: 1200px){.header-wrap{height:48px}.header-wrap .header-body{height:48px}.header-wrap .header-body .header-logo{height:30px}}
