.bg-transparent{background-color:transparent!important}.-flex-center{display:flex;align-items:center;justify-content:center}.-flex-center-between{display:flex;align-items:center;justify-content:space-between}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsis-two{-webkit-line-clamp:2}.ellipsis-three,.ellipsis-two{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.ellipsis-three{-webkit-line-clamp:3}.submit-affirm-dialog{min-width:478px;max-width:500px;border-radius:4px;background:var(--color--,#fff);padding:40px;position:relative}.submit-affirm-dialog>div:first-child{font-size:16px;line-height:23px;color:#000;font-weight:700;text-align:left;min-height:23px;margin-bottom:17px;padding-right:10px}.submit-affirm-dialog>div:nth-child(2){font-size:14px;line-height:24px;color:#000;font-weight:400;text-align:left}.submit-affirm-dialog>div:nth-child(3){display:flex;justify-content:space-between}.submit-affirm-dialog>div:nth-child(3)>div{display:flex;align-items:center}.submit-affirm-dialog>div:last-child{top:24px;right:24px;position:absolute;cursor:pointer}.author-home-page{margin:0 auto}.writer-interview-swiper .swiper-slide>div:first-child{height:180px;width:100%;border-radius:4px}.writer-interview-swiper .swiper-slide>div:first-child img{width:100%;height:100%;border-radius:4px}.writer-interview-swiper .swiper-slide>div:nth-child(2){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;line-height:normal;color:#000;font-weight:400;text-align:left}.writer-interview-swiper .swiper-slide>div:nth-child(3){font-size:13px;line-height:normal;color:#666;font-weight:350;text-align:left}.not-author-tips{margin-top:64px;margin-bottom:24px;font-size:12px;line-height:22px;color:#000;font-weight:400;text-align:left}.begin-author-btn{display:flex;align-items:center;justify-content:center;padding-bottom:133px}.home-tip-dialog .MuiDialog-paper{max-width:320px!important;margin:35px!important;border-radius:10px}.home-tip-dialog .MuiDialog-paper .home-tip-dialog-con{width:100%;padding:30px 26px;background:#fff;display:flex;flex-flow:column;align-items:center}.home-tip-dialog .MuiDialog-paper .home-tip-dialog-con h3{margin-bottom:20px;font-size:14px;line-height:20px;color:#333;font-weight:700;text-align:center}.home-tip-dialog .MuiDialog-paper .home-tip-dialog-con p{margin-bottom:33px;font-size:12px;line-height:17px;color:#666;font-weight:400;text-align:left}.home-tip-dialog .MuiDialog-paper .home-tip-dialog-con span{cursor:pointer;margin-top:10px;font-size:12px;line-height:17px;color:#999;font-weight:400;text-align:center}.home-contests{display:flex;flex-flow:column;gap:60px;padding:60px 0}.home-news>div{margin:0 auto;width:1200px}.home-news>div .home-news-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.home-news>div .home-news-title h2{color:#1a1818;font-size:24px;font-style:normal;font-weight:700;line-height:35px}.home-news>div .home-news-title button{display:flex;align-items:center;border:none;background:none}.home-news>div .home-news-title button:hover span{color:#fd502a}.home-news>div .home-news-title button:hover *{stroke:#fd502a}.home-news>div .home-news-title button span{color:#666;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.home-news>div .home-news-list{display:flex;gap:20px}.home-news>div .home-news-list>div{width:50%;max-width:calc((100% - 20px)/2)}.home-news>div .home-news-list>div img{border-radius:4px}.x-creative-container{background:#f8f8f8;box-sizing:border-box}.x-creative-container *{box-sizing:border-box}.x-creative-container>div{margin:0 auto;width:1200px;padding:60px 0;display:flex;gap:20px}.x-creative-container>div .creative-container{flex:1;height:675px;background:#fff}.x-creative-container>div .creative-container .creative-title-container{border-bottom:1px solid #eee;padding:24px 24px 0;display:flex;gap:15px;height:60px}.x-creative-container>div .creative-container .creative-title-container .creative-title{color:#999;text-align:center;font-size:18px;font-style:normal;font-weight:700;line-height:22px;width:25%;position:relative;cursor:pointer}.x-creative-container>div .creative-container .creative-title-container .creative-title i{position:absolute;display:flex;height:4px;width:100%;background:#fd502a;bottom:0;visibility:hidden}.x-creative-container>div .creative-container .creative-title-container .creative-title.active{color:#000}.x-creative-container>div .creative-container .creative-title-container .creative-title.active i,.x-creative-container>div .creative-container .creative-title-container .creative-title:hover i{visibility:visible}.x-creative-container>div .creative-container .creative-item-list{padding-top:4px}.x-creative-container>div .creative-container .creative-item-list .creative-item{padding:20px 24px 0;display:flex;gap:20px}.x-creative-container>div .creative-container .creative-item-list .creative-item .creative-item-img{width:156px;height:87.75px}.x-creative-container>div .creative-container .creative-item-list .creative-item .creative-item-img>img{width:100%;height:100%;border-radius:4px;-o-object-fit:scale-down;object-fit:scale-down}.x-creative-container>div .creative-container .creative-item-list .creative-item .creative-item-content{flex:1;border-bottom:1px solid #eee}.x-creative-container>div .creative-container .creative-item-list .creative-item .creative-item-content .creative-item-title{word-break:break-all;color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:20px;margin-bottom:10px}.x-creative-container>div .creative-container .creative-item-list .creative-item .creative-item-content .creative-item-date{color:#666;font-size:12px;font-style:normal;font-weight:400;line-height:17px}.x-creative-container>div .creative-container .creative-more{padding:32px 24px 0;display:flex;justify-content:flex-end}.x-creative-container>div .creative-container .creative-more button{display:flex;align-items:center;border:none;background:unset}.x-creative-container>div .creative-container .creative-more button:hover span{color:#fd502a}.x-creative-container>div .creative-container .creative-more button:hover *{stroke:#fd502a}.x-creative-container>div .creative-container .creative-more button span{color:#666;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.x-creative-container>div .x-frame{border-radius:4px;background:#fff;height:675px;width:285px}