@CHARSET "utf-8";
body{overflow-x: hidden;}
main.t2 div.container{margin-top: 0; }

main.t2 .ke-content section{display: flex; margin-top: 16px; position: relative; flex-direction: column; align-items: center;}
/* main.t2 .ke-content section>*{width: calc(50% - 32px); } */
main.t2 .ke-content section>*:first-child{margin-right: 0;}
main.t2 .ke-content section>img{display: none;}
main.t2 .ke-content section>span{display: flex; flex-direction: column; align-items: center; position: relative; order: 0;}
main.t2 .ke-content section>span img{ z-index: 1;min-height: 320px; object-fit: cover;}
/* main.t2 .ke-content section>span:after{content:""; border-left: 1px solid #FFAB91; position:absolute; left:50%; top: 320px; bottom: -272px; width: 1px;} */
main.t2 .ke-content section>div{margin-top: 0; order: 1;}

main.t2 .ke-content section>div.overlay{padding: 16px; margin-top: 0; align-self: center; background:#E64A19; z-index: 1;}
main.t2 .ke-content section>div.overlay:first-child{margin-left: 0;}
main.t2 .ke-content section>div.overlay p{color: #FFFFFF;}
main.t2 .ke-content section>div.overlay p.title{color: #ffffff;}

main.t2 .ke-content section:first-child{margin-top: 0;}
main.t2 .ke-content section:first-child>span{margin-top: 16px;}
main.t2 .ke-content section:first-child>div{display: flex; flex-direction: column; margin-top: 0;}
/* main.t2 .ke-content section:first-child>div:before{content:""; height: 170px; border-left: 1px solid #FFAB91; margin-bottom:40px; align-self:center;} */
main.t2 .ke-content section:first-child>div.overlay:before{display: none;}
main.t2 .ke-content section:last-child>span:after{display: none;}
main.t2 .ke-content section.last>span:after{display: none;}
main.t2 .ke-content section.last>div:before{display: none;}
main.t2 .ke-content section div>h1{color: #E64A19;border:none;padding: 0; margin-top: 24px;}
main.t2 .ke-content section div.overlay>h1{color: #FFFFFF;}
main.t2 .ke-content section div>p{margin-bottom: 8px;}
main.t2 .ke-content section div>a{margin-left: 0;}


main.t2 .ke-content section>span:before{content: '';width: 16px;height: 16px;background: #FF5722;display: block;position: absolute;z-index: 2;}
main.t2 .ke-content section:nth-child(2n+1)>span:before{left:32px;top: -8px;}
main.t2 .ke-content section:nth-child(2n)>span:before{left: -8px;top: 176px;}

div.sub-nav{background: #F0F5FF; padding: 0.43rem 0.43rem 0.69rem 0.43rem; width: calc(100% + 0.43rem);margin: 0.85rem 0 0 -0.43rem}
div.sub-nav h3{color:#1D39C4;font-size: 0.37rem;line-height: 0.75rem;font-weight: bold;margin: 0;margin-bottom: 0.21rem;}
div.sub-nav h3:after{display: inline-flex; content:'';background-image: url(../img/arrow.svg);width: 0.8rem;height: 0.35rem;margin-left: 0.21rem;background-repeat: no-repeat;background-size: 100%;}
div.sub-nav ul{padding: 0;}
div.sub-nav ul>li{width: 50%; padding-right: 0; list-style: none;}
div.sub-nav ul a{color:#2F54EB;padding: 0.21rem;display: inline-flex;align-items: flex-start; border-radius: 0.21rem;}
div.sub-nav ul a font{line-height: 0.64rem;font-size: 0.43rem;font-weight: bold;}
div.sub-nav ul a img{width: 0.53rem;height: 0.53rem;margin-right: 0.21rem;flex-shrink: 0;}
div.sub-nav ul a img:last-of-type{display: none;}


div.sub-nav ul a:hover{background: #2F54EB;color: #FFFFFF;}
div.sub-nav ul a:hover img:first-child{display: none;}
div.sub-nav ul a:hover img:last-of-type{display: block;}
div.sub-nav ul a:last-child{margin-right: 0;}


/**动画相关样式**/
main.t2 .ke-content {}
main.t2 .ke-content *{transition: all 0.5s ease-out;}
main.t2 .ke-content div.sub-nav ul a,
main.t2 .ke-content div.sub-nav ul a font{transition: all 0.0s ease-out;}
/* main.t2 .ke-content section>*{transform: translateY(60%); opacity: 0; transition: all 1s ease-out;} */
/* main.t2 .ke-content section>div.overlay:last-child{transform: translateY(0) translateX(60%);} */
/* main.t2 .ke-content section>div.overlay:first-child{transform: translateY(0) translateX(-60%);} */
/* main.t2 .ke-content section>span:after,
main.t2 .ke-content .streamer:after{transform:  translateY(-50%) scaleY(0); transition: all 1s ease-out;} */
/* main.t2 .ke-content section:first-child>div:not(.overlay){transform: translateY(0); opacity: 1;} */
/* main.t2 .ke-content section:first-child>div:not(.overlay)>*{transform: translateY(60%); opacity: 0;} */
/* main.t2 .ke-content section:first-child>div:before{transform:  translateY(-50%) scaleY(0);} */
/* main.t2 .ke-content>h2, 
main.t2 .ke-content>div.col, 
main.t2 .ke-content>div.sub-nav,
main.t2 .ke-content>newslist,
main.t2 .ke-content>table{transform: translateY(60%); opacity: 0;} */

main.t2 .ke-content section.show>span,
main.t2 .ke-content .streamer.show{transform: translateY(0); opacity: 1; transition: all 1s ease-out; transition-delay: 0.6s;}
main.t2 .ke-content section.show>div{transform: translateY(0); opacity: 1; transition: all 1.2s ease-out; transition-delay: 1s;}
main.t2 .ke-content section.show>div.overlay{transform: translateX(0);}
/* main.t2 .ke-content section.show-line>span:after,
main.t2 .ke-content .streamer.show-line:after{transform:  translateY(0) scaleY(1); transition:all 1.5s ease-out;} */ */

/* main.t2 .ke-content section:first-child.show>div:before{transform:  translateY(0) scaleY(1); transition:all 0.8s ease-out;} */
main.t2 .ke-content section:first-child.show>span{transition-delay: 0.4s;}
main.t2 .ke-content section:first-child.show>div.overlay{transition-delay: 1.2s; }
main.t2 .ke-content section:first-child.show>div:not(.overlay)>*{transform: translateY(0); opacity: 1; transition:all 1s ease-out; transition-delay: 1.2s; }

main.t2 .ke-content>h2.show{transform: translateY(0); opacity: 1; transition: all 0.4s ease-out;}
main.t2 .ke-content>div.col.show{transform: translateY(0); opacity: 1; transition: all 1s ease-out;}
main.t2 .ke-content>div.sub-nav.show{transform: translateY(0); opacity: 1; transition: all 0.6s ease-out;}
main.t2 .ke-content>newslist.show,
main.t2 .ke-content>table.show{transform: translateY(0); opacity: 1; transition: all 1s ease-out;}