.TopicPageBanner220317{margin:auto;padding:88px 0 45px;width:1200px}.TopicPageBanner220317 .head{padding-bottom:22px;position:relative}.TopicPageBanner220317 .head .alphabet{color:rgba(11,50,115,.05);font-family:DIN;font-size:80px;font-style:normal;font-weight:700;position:absolute;text-align:center;top:-56px;width:100%}.TopicPageBanner220317 .head .title{color:#333;font-size:42px;font-weight:700;line-height:42px;text-align:center;width:100%}.TopicPageBanner220317 .tabs{border-bottom:2px solid #e6e9f0;display:flex;justify-content:space-between;position:relative;transition:color .3s cubic-bezier(.645,.045,.355,1)}.TopicPageBanner220317 .tabs .tab{color:#333;cursor:pointer;font-size:20px;font-weight:700;line-height:28px;margin:10px auto;text-align:center;width:200px}.TopicPageBanner220317 .tabs .active{color:#0d2c88}.TopicPageBanner220317 .tabs .tab-bar{background-color:#0d2c88;border-radius:8px;bottom:-3px;height:4px;left:0;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1),width .2s cubic-bezier(.645,.045,.355,1),left .3s cubic-bezier(.645,.045,.355,1);width:200px}.TopicPageBanner220317 .banner{display:flex;margin-top:60px;position:relative}.TopicPageBanner220317 .banner .none-class{display:none!important}.TopicPageBanner220317 .banner .block-class{display:block!important}.TopicPageBanner220317 .banner .flex-class{display:flex!important}.TopicPageBanner220317 .banner .left,.TopicPageBanner220317 .banner .right{background:#f4f5fc;border-radius:2px;box-sizing:border-box;height:368px;padding:6px 40px 26px;width:224px}.TopicPageBanner220317 .banner .left .number,.TopicPageBanner220317 .banner .right .number{color:#fff;font-family:DIN;font-size:100px;font-style:normal;font-weight:var(--bold);letter-spacing:-8.5px;line-height:121px}.TopicPageBanner220317 .banner .left .banner-title,.TopicPageBanner220317 .banner .right .banner-title{color:#333;font-size:20px;font-weight:700;line-height:28px;padding:3px 0 4px}.TopicPageBanner220317 .banner .left .desc,.TopicPageBanner220317 .banner .right .desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:14px;font-weight:700;line-height:24px;overflow:hidden;text-align:justify}.TopicPageBanner220317 .banner .left .line,.TopicPageBanner220317 .banner .right .line{border-top:1px solid #333;margin:16px 0;width:28px}.TopicPageBanner220317 .banner .left .detail,.TopicPageBanner220317 .banner .right .detail{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;font-weight:400;line-height:24px;overflow:hidden}.TopicPageBanner220317 .banner .left-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.16);border-radius:24px;box-shadow:inset 0 0 40px hsla(0,0%,100%,.05),inset 0 1px .5px hsla(0,0%,100%,.15);cursor:pointer;height:48px;left:200px;margin-top:-24px;position:absolute;top:50%;width:48px;z-index:9}.TopicPageBanner220317 .banner .left-btn:before{border-bottom:1px solid #000;border-left:1px solid #000;content:"";display:inline-block;height:12px;left:21px;position:absolute;top:16px;transform:rotate(45deg);width:12px}.TopicPageBanner220317 .banner .right-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.16);border-radius:24px;box-shadow:inset 0 0 40px hsla(0,0%,100%,.05),inset 0 1px .5px hsla(0,0%,100%,.15);cursor:pointer;height:48px;margin-top:-24px;position:absolute;right:200px;top:50%;width:48px;z-index:9}.TopicPageBanner220317 .banner .right-btn:before{border-bottom:1px solid #000;border-left:1px solid #000;content:"";display:inline-block;height:12px;position:absolute;right:21px;top:16px;transform:rotate(-135deg);width:12px}.TopicPageBanner220317 .banner .main{background:#0b3273;border-radius:2px;box-sizing:border-box;display:flex;height:368px;justify-content:flex-end;padding:44px 64px;position:relative;width:752px}.TopicPageBanner220317 .banner .main img{background:#0e474e;border-radius:8px;height:356px;left:64px;position:absolute;top:-34px;width:272px}.TopicPageBanner220317 .banner .main .content{display:flex;flex-direction:column;justify-content:space-between;width:300px}.TopicPageBanner220317 .banner .main .main-title{color:#fff;font-size:20px;font-weight:700;line-height:28px;padding-bottom:4px}.TopicPageBanner220317 .banner .main .desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:14px;font-weight:700;line-height:24px;overflow:hidden;text-align:justify}.TopicPageBanner220317 .banner .main .line{border-top:1px solid #f4f5fc;margin:16px 0;width:28px}.TopicPageBanner220317 .banner .main .detail{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:hsla(0,0%,100%,.7);display:-webkit-box;font-size:14px;font-weight:400;line-height:24px;overflow:hidden}.TopicPageBanner220317 .banner .main .btns{display:flex;justify-content:space-between}.TopicPageBanner220317 .banner .main .btns .btn1{background:#0459ff;border-radius:4px;cursor:pointer;height:42px;line-height:42px;text-align:center;width:144px}.TopicPageBanner220317 .banner .main .btns .btn1 a{color:#fff;display:block;font-size:16px;font-weight:var(--bold)}.TopicPageBanner220317 .banner .main .btns .btn2{background:hsla(0,0%,100%,.2);border:1px solid #fff;border-radius:4px;box-sizing:border-box;cursor:pointer;height:42px;line-height:42px;text-align:center;width:144px}.TopicPageBanner220317 .banner .main .btns .btn2 a{color:#fff;display:block;font-size:16px;font-weight:400}