#tg-banner{position:relative;padding:40px 0}
#tg-banner .left{position:relative}
#tg-banner .right{position:absolute;top:20px;width:260px;right:77px;padding:5px 17px 5px 20px}
#tg-banner .right::before{position:absolute;top:5px;left:0;bottom:5px;content:' ';display:block;width:5px;background:#179cde;border-radius:5px;overflow:hidden;flex:0 0 auto}
#tg-banner .tg-logo-title{display:block;max-width:300px;margin:0 auto}
#tg-banner .tg-logo{display:block;width:144px;height:144px;margin:-8px auto;animation:.5s steps(30) both;background-repeat:no-repeat;background-size:cover;background-image:url(images/home/t_logo_sprite.svg)}
#tg-banner .tg-logo.play{animation-name:t-logo-play}
#tg-banner .module-title{font-size:32px;font-weight:700;text-align:center;color:#4d4d4d;margin:9px 0}
#tg-banner .module-desc{font-size:20px;font-weight:300;text-align:center;color:#8c8c8c}
#tg-banner .recent-title{display:block;color:#08c;font-weight:700;font-size:16px;margin-bottom:15px}
#tg-banner .recent-title h2{font-size:16px;font-weight:700}
#tg-banner .recent-item{display:block;margin:10px 0 0}
#tg-banner .recent-item:hover .recent-item-title{text-decoration:underline}
#tg-banner .recent-item-date{font-size:12px;color:#000;font-weight:700}
#tg-banner .recent-item-title{font-size:12px;color:#08c}
@-webkit-keyframes t-logo-play{
    from{background-position:0 0}
    to{background-position:100% 0}
}
@keyframes t-logo-play{
    from{background-position:0 0}
    to{background-position:100% 0}
}
@media screen and (max-width:1140px){
    #tg-banner .right{display:none}
}
@media screen and (max-width:769px){
    #tg-banner{padding:30px 0}
}
@media screen and (max-width:480px){
    #tg-banner .tg-logo{width:100px;height:100px;margin:-5px auto;}
}


#download-banner{position:relative;padding:40px 0}
#download-banner .container{display:flex;justify-content:center;align-items:end;flex-wrap:wrap;row-gap:60px}
#download-banner .download-tg-item{position:relative;display:block;text-align:center;color:#08c}
#download-banner .download-tg-item::after{content:"";position:absolute;display:block;height:3px;background:#179cde;left:4px;right:4px;bottom:-1px;border-radius:2px 2px 0 0;opacity:0;transform-origin:bottom;transform:scaleX(.3) scaleY(0);transition:all ease .2s}
#download-banner .download-tg-item:hover::after{opacity:1;transform:scaleX(1) scaleY(1)}
#download-banner .download-tg-item p{margin:0 0 15px}
#download-banner .download-tg-item img{height:auto}
#download-banner .download-for-android{width:28.2%;min-width:245px}
#download-banner .download-for-ios{width:43%;min-width:350px}
#download-banner .download-for-pc img{margin:0 0 20px}
#download-banner .icon-android{display:inline-block;vertical-align:text-top;width:25px;height:27px;background:0 0 no-repeat;margin-right:5px;margin-top:-6px;background-image:url(images/home/icon-android.svg)}
#download-banner .icon-apple{display:inline-block;vertical-align:text-top;width:25px;height:27px;background:0 0 no-repeat;margin-right:5px;margin-top:-6px;background-image:url(images/home/icon-apple.svg)}
#download-banner .icon-pc{display:inline-block;vertical-align:text-top;width:25px;height:27px;background:0 0 no-repeat;margin-right:5px;margin-top:-6px;background-image:url(images/home/icon-pc.svg)}
@media screen and (max-width:1140px){
    #download-banner .container{flex-direction:column;align-items:center}
    #download-banner .download-for-android,
    #download-banner .download-for-ios,
    #download-banner .download-for-pc{width:100%}
}
@media screen and (max-width:769px){
    #download-banner{padding:30px 0}
}


#why-banner{position:relative;padding:40px 0}
#why-banner .module-title{color:#222;font-size:23px;font-weight:500}
#why-banner .why-cards{display:flex;justify-content:center;align-items:end;flex-wrap:wrap;gap:30px;margin:30px 0 0}
#why-banner .why-card{max-width:290px;padding:0 15px;text-align:center}
#why-banner .why-card h3{margin:15px 0 6px;color:#08c;font-size:26px;font-weight:400}
@media screen and (max-width:769px){
    #why-banner{padding:30px 0}
}