@charset "utf-8";

.top-banner{position:relative;text-align:center;height:60px;display:none;align-items: center;justify-content: center;}
.top-banner-inner{z-index:100;margin:0 auto;padding:0 10px;position:absolute;top:0;left:0;right:0;bottom:0;}
.top-banner-btn-close{z-index:1000;position:absolute;top:10%;right:1%;background:transparent;border:0px;font-size:2.6rem;margin-top:13px; text-shadow: 0px 0px 0px #FFF;color:#FFFFFF;}
.top-banner.on{display:flex;}
.top-banner.belt-banner{height:60px;background:#7c47df;background:-webkit-gradient(linear, left top, right top, from(#7c47df), to(#c135bc));background: linear-gradient(90deg, #7c47df 0%, #c135bc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7c47df",endColorstr="#c135bc",GradientType=1);}
.top-banner.belt-banner .top-banner-inner{position:relative;display:flex;justify-content:center;align-items:center;top:0;right:0;bottom:0;left:0;color:#FFFFFF;}
.top-banner.belt-banner .top-banner-inner:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;}

.txt-top-banner {position: relative;width: 380px;height: 40px;letter-spacing: -1px;padding: 7px 15px;color:#FFFFFF;overflow: hidden;}

@media (max-width: 740px){.top-banner.belt-banner{height:60px;}}
@media (max-width: 980px){.top-banner{z-index:1;margin-top:0px;}.top-banner.belt-banner{height:60px;}}

.txt-top-scroll {height:66px;margin-bottom:-6px;overflow:hidden;position:relative}
.txt-top-scroll .txt-top-scroll_item {display:block;padding-bottom:6px;-webkit-animation: scroll 10s cubic-bezier(0, 0.84, 0, 1.23) infinite;animation: scroll 10s cubic-bezier(0, 0.84, 0, 1.23) infinite;color:#FFFFFF;-webkit-animation-delay:4500ms;animation-delay:4500ms;}


.txt-top-banner > .txt-top-scroll .txt-top-scroll_item a:link,.txt-top-banner > .txt-top-scroll .txt-top-scroll_item a:visited{color:#FFFFFF;}
@-webkit-keyframes scroll {
    0.0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    10.55554% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    15.55556% {
        -webkit-transform: translateY(-31px);
        transform: translateY(-31px)
    }
    74.55554% {
        -webkit-transform: translateY(-31px);
        transform: translateY(-31px)
    }
    100% {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px)
    }
}

@keyframes scroll {
    0.0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    10.55554% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    15.55556% {
        -webkit-transform: translateY(-31px);
        transform: translateY(-31px)
    }
    74.55554% {
        -webkit-transform: translateY(-31px);
        transform: translateY(-31px)
    }
    100% {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px)
    }
}