@charset "UTF-8";body{background:#FFF}.ellipsis,.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .text-list li,.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .show .text,.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list1 li>a span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-221118-icon{display:inline-block;background-image:url(//js.tusij.com/2022-11-18-new-home/icon/icons.png);background-repeat:no-repeat;background-size:460px 137px}.home-221118-icon.user-vip{width:26px;height:26px;background-position:-16px -14px}.home-221118-icon.team-vip{width:26px;height:26px;background-position:-51px -11px}.home-221118-icon.icon-0{width:64px;height:64px;background-position:-374px -64px}.home-221118-icon.icon-1{width:64px;height:64px;background-position:-159px 0px}.home-221118-icon.icon-2{width:64px;height:64px;background-position:-229px 0px}.home-221118-icon.icon-3{width:64px;height:64px;background-position:-299px 0px}.home-221118-icon.icon-4{width:64px;height:64px;background-position:-369px 0px}.home-221118-icon.icon-5{width:64px;height:64px;background-position:-7px -63px}.home-221118-icon.icon-6{width:64px;height:64px;background-position:-81px -63px}.home-221118-icon.icon-7{width:64px;height:64px;background-position:-158px -64px}.home-221118-icon.icon-8{width:64px;height:64px;background-position:-229px -65px}.home-221118-icon.icon-9{width:64px;height:64px;background-position:-303px -65px}.header-home{width:100%;height:510px;position:relative;min-width:1270px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   background-image:linear-gradient(180deg,rgba(0,87,255,.17) 0%,rgba(255,255,255,0) 100%),linear-gradient(to bottom,rgba(255,255,255,0) 70%,rgb(255,255,255) 100%);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-position:left top,left top,left top,right top;background-size:100% 100%,100% 100%,70% 100%,70% 100%
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               }.header-home .entry-wrapper{width:100%;position:relative;z-index:11;background:linear-gradient(180deg,rgba(255,255,255,.65) 0%,rgba(255,255,255,.5) 100%);box-shadow:inset 0 -1px #0057ff1a;display:flex;justify-content:space-between;padding:0 40px}.header-home .entry-wrapper .home-nav-brand{display:inline-flex;align-items:center}.header-home .entry-wrapper .home-nav-brand .home-nav-brand-logo{width:86px;height:auto}.header-home .quick-entry{height:70px;display:flex;align-items:center;font-size:15px;z-index:3}.header-home .quick-entry .line{height:15px;width:1px;background:#C4C4C4;opacity:.3}.header-home .quick-entry-item{cursor:pointer}.header-home .quick-entry-item>a{color:#333;font-size:14px;font-weight:500;display:inline-block;padding:15px}.header-home .quick-entry-item>a span{font-weight:500!important}.header-home .quick-entry-item>a:hover{color:#0057ff}.header-home .quick-entry-item.active,.header-home .quick-entry-item:hover{font-weight:700;color:#fff}.header-home .quick-entry-item .icon{transform:scale(1.2) translate(-2px)}.header-home .quick-entry-item.template-center,.header-home .quick-entry-item.tool,.header-home .quick-entry-item.more,.header-home .quick-entry-item.mobile{position:relative}.header-home .quick-entry-item.tool .icon,.header-home .quick-entry-item.more .icon{transform:scale(.8)}.header-home .quick-entry-item.tool:hover .icon,.header-home .quick-entry-item.more:hover .icon{transform:scale(.8) rotate(180deg)}.quick-entry-item.template-center .h-template-popover{transform:translate(-20%)}.quick-entry-item.tool .h-tool-popover,.quick-entry-item.more .h-more-popover{background:#FFF;right:0;left:50%;transform:translate(-50%,-4px);border-radius:4px;overflow:hidden}.quick-entry-item.mobile .h-mobile-popover{position:absolute;display:none;z-index:10;top:100%;right:0;border-radius:8px;padding:195px 5px 24px;width:192px;background:url(//js.tusij.com/custom/img/common/qr-code-app.png) no-repeat top 5px center/182px 182px #FFF;color:#171718;text-align:center;cursor:default;box-shadow:0 8px 15px #2f3f5f1a}.header-home .quick-entry-item.template-center:hover .h-template-popover,.header-home .quick-entry-item.tool:hover .h-tool-popover,.header-home .quick-entry-item.more:hover .h-more-popover,.header-home .quick-entry-item.mobile:hover .h-mobile-popover,.header-home .quick-entry-second .personal-vip:hover .h-personal-popover,.header-home .quick-entry-second .enterprise-vip:hover .h-enterprise-popover,.header-home .quick-entry-second .activity-gift:hover .h-gift-popover,.header-home .quick-entry-second .personal-info:hover .h-profile-box,.header-home .quick-entry-second .mobile-guide:hover .h-mobile-popover{display:block}.header-home .quick-entry-second{display:flex;justify-content:center;align-items:center;margin:0 10px;color:#333;font-size:14px}.header-home .quick-entry-second .activity-gift,.header-home .quick-entry-second .my-design,.header-home .quick-entry-second .personal-vip,.header-home .quick-entry-second .enterprise-vip,.header-home .quick-entry-second .pwa-button,.header-home .quick-entry-second .personal-info,.header-home .quick-entry-second .mobile-guide{cursor:pointer;position:relative;height:45px}.header-home .quick-entry-second .pwa-button{display:none}.header-home .quick-entry-second .activity-gift>a,.header-home .quick-entry-second .personal-vip>a,.header-home .quick-entry-second .enterprise-vip>a,.header-home .quick-entry-second .my-design>a,.header-home .quick-entry-second .pwa-button>a,.header-home .quick-entry-second .mobile-guide>a{color:#333;font-size:14px;font-weight:500;display:flex;justify-content:center;align-items:center;flex-direction:row!important;color:#171718d9}.header-home .quick-entry-second .mobile-guide>a>i{margin-right:4px}.header-home .quick-entry-second .activity-gift>a:hover,.header-home .quick-entry-second .personal-vip>a:hover,.header-home .quick-entry-second .enterprise-vip>a:hover,.header-home .quick-entry-second .my-design>a:hover,.header-home .quick-entry-second .pwa-button>a:hover,.header-home .quick-entry-second .mobile-guide>a:hover{color:#0057ff}.header-home .quick-entry-second .personal-vip .h-personal-popover,.header-home .quick-entry-second .enterprise-vip .h-enterprise-popover{margin-top:15px}.header-home .quick-entry-second .personal-vip .h-personal-popover:after,.header-home .quick-entry-second .enterprise-vip .h-enterprise-popover:after{content:"";position:absolute;width:100%;height:15px;bottom:100%;right:0}.header-home .quick-entry-second .workspace-btn{display:inline-block;font-size:14px;font-weight:500;line-height:21px;color:#fff;padding:8px 24px;background:linear-gradient(270deg,#74BCFF 0%,#0057FF 75%);border-radius:18px;margin:0 10px}.header-home .quick-entry-second .workspace-btn:hover{background:linear-gradient(90deg,#74BCFF 0%,#0057FF 75%)}.header-home .quick-entry-second .personal-info{width:40px;height:40px;margin:0 10px}.header-home .quick-entry-second .not-login>a{height:40px;width:124px;display:flex;justify-content:center;align-items:center;color:#333}.header-home .quick-entry-second .not-login>a:hover{color:#0057ff;font-weight:700}.header-home .quick-entry-second .not-login .text{width:60px;text-align:center}.header-home .quick-entry-second .personal-info .avatar-img,.header-home .quick-entry-second .not-login .avatar-img{width:100%;height:100%;border-radius:50%;vertical-align:top}.header-home .quick-entry-second .personal-info .avatar-img{box-shadow:0 0 0 1px #dfe0e3}.header-home .quick-entry-second .personal-info .login-flag{width:12px;height:12px;background:no-repeat center/cover;position:absolute;right:0;bottom:0}.header-home .quick-entry-second .personal-info .login-flag.wx{background-image:url(//js.tusij.com/custom/img/common/h_wx.svg)}.header-home .quick-entry-second .personal-info .login-flag.qq{background-image:url(//js.tusij.com/custom/img/common/h_qq.svg)}.header-home .home-quick-search-area{width:100%;margin-top: 40px}.header-home .home-quick-search-area .home-quick-search-container{margin:0 auto}.header-home .home-quick-search-area .home-quick-search-text{overflow:hidden;text-align:center}.header-home .home-quick-search-area .home-quick-search-text>h2{margin:48px 0 14px;font-size:36px;font-weight:600;color:#333;line-height:42px}.header-home .home-quick-search-area .home-quick-search-text>p{font-size:16px;font-weight:400;color:#666;line-height:19px;margin-bottom:48px}.header-home .home-quick-search-area .home-ai-search{position:relative}.header-home .home-quick-search-area .home-ai-search .ai-search-box{width:743px;margin:0 auto;border-radius:24px;background:linear-gradient(74deg,#F5F9FF 6.27%,#FFF 38.96%,#FFF 63.22%,#EDFEFF 97.05%);box-shadow:0 8px 25px #0057ff21;padding:21px 30px 21px 20px}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-search-bar{display:flex;align-items:center;padding-bottom:21px;border-style:solid;border-bottom-width:1px;border-image:linear-gradient(90.22deg,rgba(85,232,160,.5) .14%,rgba(21,121,233,.5) 50.01%,rgba(67,202,180,.5) 99.88%) 1}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-search-bar .ai-img>img{width:31px;height:auto}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-search-bar .ai-divider{height:32px;border:1px solid rgba(0,0,0,.14);margin-left:21px}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-search-bar .ai-search-form{flex:1;display:flex}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-search-bar .ai-search-form .ai-input{font-size:16px;color:#333;outline:none;flex:1;padding:8px 21px;background:transparent}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-search-bar .ai-search-form .ai-input::placeholder{color:#96999e;font-size:15px;font-weight:400}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-search-bar .ai-search-form .ai-send-btn{cursor:pointer;border-radius:109px;border:1px solid rgba(255,255,255,.31);box-shadow:0 4px 8px #50dfff3b;background:radial-gradient(155.87% 457.71% at 52.68% 61.9%,#0377FF 0%,#89FFB8 49.48%,#3686FF 100%),linear-gradient(97.19deg,rgba(255,255,255,.31) 6.24%,#FFFFFF 48.52%,rgba(255,255,255,.36) 94.48%);color:#fff;font-size:16px;font-style:normal;font-weight:500;padding:7px 32px}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-search-bar .ai-search-form .ai-send-btn:hover{background:radial-gradient(155.87% 457.71% at 52.68% 61.9%,#3686FF 0%,#89FFB8 49.48%,#0377FF 100%),linear-gradient(97.19deg,rgba(255,255,255,.31) 6.24%,#FFFFFF 48.52%,rgba(255,255,255,.36) 94.48%)}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-intro{padding:33px 20px}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-intro .ai-intro-title{display:flex;justify-content:center;margin-bottom:26px}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-intro .ai-intro-title .bot{width:20px;height:auto;align-items:self-start;margin-right:10px}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-intro .ai-intro-title .text{color:#1f1a1b;font-size:24px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:1.5px;background-image:linear-gradient(90deg,rgb(62,207,120),rgb(1,87,255),rgb(1,87,255),rgb(62,207,120),rgb(54,134,255),rgb(54,134,255));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-intro .ai-words{color:#1f1a1b;font-size:16px;font-style:normal;font-weight:500;line-height:24px;text-align:center;margin-bottom:60px}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-intro .ai-sample{display:flex;justify-content:center}.header-home .home-quick-search-area .home-ai-search .ai-search-box .ai-intro .ai-sample .ai-msg{width:523px;border-radius:16px;padding:17px 35px;background-image:url(https://js.tusij.com/2023-08-11-new-home/images/ai-border-dashed.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;cursor:pointer}.header-home .home-quick-search-area .home-ai-search .primary-search-box-wrapper{position:absolute;top:0;left:calc(50% + 372px)}.header-home .home-quick-search-area .home-ai-search .primary-search-box-wrapper .primary-search-box{display:flex;padding:20px}.header-home .home-quick-search-area .home-ai-search .primary-search-box-wrapper .primary-search-box .ai-or{margin-right:20px;padding:9px 0;color:#333;font-size:16px;font-weight:500;line-height:normal}.header-home .home-quick-search-area .home-ai-search .primary-search-box-wrapper .primary-search-box .search-tpl-btn{border-radius:109px;background:linear-gradient(270deg,#74BCFF .33%,#0057FF 77.38%);padding:9px 30px;color:#fff;font-size:16px;font-weight:500;line-height:normal;cursor:pointer}.header-home .home-quick-search-area .home-ai-search .primary-search-box-wrapper .primary-search-box .search-tpl-btn:hover{background:linear-gradient(90deg,#74BCFF .33%,#0057FF 77.38%)}.header-home .quick-search{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:12}.header-home .quick-search .logo{width:94px;height:44px;background:url(//js.tusij.com/custom/img/home/tusij_logo.png) no-repeat center/contain;position:absolute;right:100%;top:50%;transform:translate(-16px,-50%)}.header-home .search-input{width:900px;height:60px;background:#FFFFFF;box-shadow:0 4px 32px #0000001a;border-radius:34px;opacity:1;border:2px solid #E4EEFF;flex-grow:unset}.header-home .search-input.h-search .h-search-cata{padding-left:34px}.header-home .search-input.h-search .h-search-cata>span{font-size:15px;font-weight:500;color:#333;line-height:18px}.header-home .search-input.h-search .h-search-cata .search-input-header{display:flex;align-items:center;font-size:15px;font-weight:500;color:#333}.header-home .search-input.h-search .h-search-cata .search-input-header .select-show{margin-right:6px;font-weight:500}.header-home .search-input.h-search .h-search-cata .search-divider{border-right:1px solid #DEE1ED;display:inline-block;height:36px;margin-left:13px}.header-home .search-input .clear-input{color:#0000004d;top:24px;right:152px}.header-home .search-input input{border-radius:30px;background:#FFF;box-shadow:none;padding-right:180px}.header-home .search-input input:hover,.header-home .search-input input:focus{box-shadow:none}.header-home .search-input input{right:80px;transform:translateY(1px)}.header-home .search-input .search-button{height:60px;position:absolute;right:0;border-radius:30px;font-size:18px;font-weight:500;background:linear-gradient(270deg,#74BCFF 0%,#0057FF 75%);color:#fff;line-height:21px;width:158px}.header-home .search-input .search-button:hover{background:linear-gradient(90deg,#74BCFF 0%,#0057FF 75%);color:#fff;opacity:1}.header-home .search-input .search-button .icon{margin-right:6px;font-size:16px;margin-top:1px}.header-home .h-search-wrap{top:101%;border-radius:4px;box-shadow:0 0 10px #00000029}.header-home .quick-search .search-recommend-area{padding: 14px 0 0 0;width:1130px;display:flex}.header-home .quick-search .search-recommend-area .head-text{font-size:14px;font-weight:500;color:#1f1a1b;line-height:21px}.header-home .quick-search .search-recommend{display:flex;align-items:center;font-size:14px}.header-home .quick-search ul.search-recommend>li>a{font-size:14px;font-weight:400;color:#625f5f;line-height:21px}.header-home .quick-search ul.search-recommend>li>a .fire{display:inline-block;width:12px;height:12px;background-image:url(//js.tusij.com/2022-11-18-new-home/icon/fire.png);background-size:12px 12px}.header-home .quick-search ul.search-recommend>li:hover>a{color:#0057ff;text-decoration:underline;font-weight:400;cursor:pointer}.header-home .h-hot-list .h-hot-list-item{width:137px;height:40px}.header-home .h-topic-list .h-topic-list-item{width:137px;height:55px}.home-header-swiper.swiper-container{width:100%;height:100%;padding:0!important;overflow:visible;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 100%)}.home-header-swiper.swiper-container .swiper-slide{height:100%;background:no-repeat center/cover;cursor:not-allowed;width:auto}.home-header-swiper.swiper-container .swiper-button-prev,.home-header-swiper.swiper-container .swiper-button-next{width:34px;height:40px;display:none}.home-header-swiper.swiper-container:hover .swiper-button-prev,.home-header-swiper.swiper-container:hover .swiper-button-next{display:block}.home-header-swiper.swiper-container .swiper-button-prev{background-image:url(//js.tusij.com/custom/img/home/left_nor.png);left:50%;transform:translate(-600px)}.home-header-swiper.swiper-container .swiper-button-prev:hover{background-image:url(//js.tusij.com/custom/img/home/left_hover.png)}.home-header-swiper.swiper-container .swiper-button-next{background-image:url(//js.tusij.com/custom/img/home/right_nor.png);right:50%;transform:translate(600px)}.home-header-swiper.swiper-container .swiper-button-next:hover{background-image:url(//js.tusij.com/custom/img/home/right_hover.png)}.home-header-swiper.swiper-container .swiper-button-prev:focus,.home-header-swiper.swiper-container .swiper-button-next:focus{outline:none}.home-header-swiper.swiper-container .swiper-pagination{bottom:30px}.home-header-swiper.swiper-container .swiper-pagination .swiper-pagination-bullet{background:#FFFFFF;opacity:.5}.home-header-swiper.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFFFFF;opacity:.8}.home-header-swiper.swiper-container .swiper-item:hover{background-size:cover}.home-main .home-quick-links-area{width:100%}.home-main .home-quick-links-area .home-quick-link-container{width:1200px;margin:0 auto}.home-main .home-quick-links-area .home-quick-link-container .content{width:100%;overflow:hidden}.home-main .home-quick-links-area .home-quick-link-container .home-quick-link-list{display:flex}.home-main .home-nav-second{margin-bottom:24px}.home-main .home-nav,.home-main .home-nav-second,.home-main .main-content{width:calc(100% - 60px);margin-left:auto;margin-right:auto}.home-main .home-nav .pic-rec-section,.home-main .home-nav-second .pic-rec-section,.home-main .main-content .pic-rec-section{margin-bottom:50px}.home-main .home-nav .pic-rec-section .pic-rec-nav,.home-main .home-nav-second .pic-rec-section .pic-rec-nav,.home-main .main-content .pic-rec-section .pic-rec-nav{position:relative;overflow:hidden;height:50px;display:flex;align-items:center;margin-bottom:20px}.home-main .home-nav .pic-rec-section .pic-rec-nav .hidden,.home-main .home-nav-second .pic-rec-section .pic-rec-nav .hidden,.home-main .main-content .pic-rec-section .pic-rec-nav .hidden{display:none!important}.home-main .home-nav .pic-rec-section .pic-rec-nav .prev-btn,.home-main .home-nav .pic-rec-section .pic-rec-nav .next-btn,.home-main .home-nav-second .pic-rec-section .pic-rec-nav .prev-btn,.home-main .home-nav-second .pic-rec-section .pic-rec-nav .next-btn,.home-main .main-content .pic-rec-section .pic-rec-nav .prev-btn,.home-main .main-content .pic-rec-section .pic-rec-nav .next-btn{background-color:#797676;border:none;cursor:pointer;font-size:20px;width:40px;height:40px;position:absolute;display:flex;align-items:center;border-radius:50%}.home-main .home-nav .pic-rec-section .pic-rec-nav .prev-btn,.home-main .home-nav-second .pic-rec-section .pic-rec-nav .prev-btn,.home-main .main-content .pic-rec-section .pic-rec-nav .prev-btn{justify-content:right;left:0;top:50%;transform:translate(-50%,-50%)}.home-main .home-nav .pic-rec-section .pic-rec-nav .next-btn,.home-main .home-nav-second .pic-rec-section .pic-rec-nav .next-btn,.home-main .main-content .pic-rec-section .pic-rec-nav .next-btn{justify-content:left;right:0;top:50%;transform:translate(50%,-50%)}.home-main .home-nav .pic-rec-section .pic-rec-nav .nav-view,.home-main .home-nav-second .pic-rec-section .pic-rec-nav .nav-view,.home-main .main-content .pic-rec-section .pic-rec-nav .nav-view{overflow-x:hidden;width:100%}.home-main .home-nav .pic-rec-section .pic-rec-nav .nav-view .nav-list,.home-main .home-nav-second .pic-rec-section .pic-rec-nav .nav-view .nav-list,.home-main .main-content .pic-rec-section .pic-rec-nav .nav-view .nav-list{list-style:none;display:flex;align-items:center;padding:0;margin:0}.home-main .home-nav .pic-rec-section .pic-rec-nav .nav-view .nav-list .nav-item,.home-main .home-nav-second .pic-rec-section .pic-rec-nav .nav-view .nav-list .nav-item,.home-main .main-content .pic-rec-section .pic-rec-nav .nav-view .nav-list .nav-item{margin-right:24px;padding:8px 12px;color:#333;font-size:16px;flex-shrink:0;cursor:pointer}.home-main .home-nav .pic-rec-section .pic-rec-nav .nav-view .nav-list .nav-item.active,.home-main .home-nav-second .pic-rec-section .pic-rec-nav .nav-view .nav-list .nav-item.active,.home-main .main-content .pic-rec-section .pic-rec-nav .nav-view .nav-list .nav-item.active{font-weight:500;font-size:20px}.home-main .home-nav .pic-rec-section .pic-rec-nav .nav-view .nav-list :last-child,.home-main .home-nav-second .pic-rec-section .pic-rec-nav .nav-view .nav-list :last-child,.home-main .main-content .pic-rec-section .pic-rec-nav .nav-view .nav-list :last-child{margin-right:0}.home-main .home-nav .pic-rec-section .rec-section,.home-main .home-nav-second .pic-rec-section .rec-section,.home-main .main-content .pic-rec-section .rec-section{display:none}.home-main .home-nav .pic-rec-section .rec-section.active,.home-main .home-nav-second .pic-rec-section .rec-section.active,.home-main .main-content .pic-rec-section .rec-section.active{display:block}.home-main .home-nav .pic-rec-section .rec-more-button,.home-main .home-nav-second .pic-rec-section .rec-more-button,.home-main .main-content .pic-rec-section .rec-more-button{margin:0 auto 88px;display:inline-block;font-size:14px;font-weight:500;border-radius:109px;background:linear-gradient(270deg,#74BCFF .33%,#0057FF 77.38%);color:#fff;padding:10px 57px}.home-main .home-nav .pic-rec-section .rec-more-button:hover,.home-main .home-nav-second .pic-rec-section .rec-more-button:hover,.home-main .main-content .pic-rec-section .rec-more-button:hover{background:linear-gradient(90deg,#74BCFF 0%,#0057FF 75%)}.home-main .home-nav .home-section-1,.home-main .home-nav-second .home-section-1,.home-main .main-content .home-section-1{margin-bottom:152px}.home-main .home-nav .home-section-1 .hs-row,.home-main .home-nav-second .home-section-1 .hs-row,.home-main .main-content .home-section-1 .hs-row{display:flex;margin-bottom:130px}.home-main .home-nav .home-section-1 .hs-row .text-area,.home-main .home-nav-second .home-section-1 .hs-row .text-area,.home-main .main-content .home-section-1 .hs-row .text-area{width:50%}.home-main .home-nav .home-section-1 .hs-row .text-area.right,.home-main .home-nav-second .home-section-1 .hs-row .text-area.right,.home-main .main-content .home-section-1 .hs-row .text-area.right{padding-left:168px}.home-main .home-nav .home-section-1 .hs-row .text-area h2,.home-main .home-nav-second .home-section-1 .hs-row .text-area h2,.home-main .main-content .home-section-1 .hs-row .text-area h2{color:#000;font-size:24px;font-style:normal;font-weight:500;line-height:32px;margin-bottom:36px}.home-main .home-nav .home-section-1 .hs-row .text-area>p,.home-main .home-nav-second .home-section-1 .hs-row .text-area>p,.home-main .main-content .home-section-1 .hs-row .text-area>p{color:#666;font-size:16px;font-style:normal;font-weight:500;line-height:24px;margin-bottom:36px}.home-main .home-nav .home-section-1 .hs-row .text-area dt,.home-main .home-nav-second .home-section-1 .hs-row .text-area dt,.home-main .main-content .home-section-1 .hs-row .text-area dt{color:#000;font-size:16px;font-style:normal;font-weight:500;line-height:24px;margin-bottom:9px}.home-main .home-nav .home-section-1 .hs-row .text-area dt .lstyle,.home-main .home-nav-second .home-section-1 .hs-row .text-area dt .lstyle,.home-main .main-content .home-section-1 .hs-row .text-area dt .lstyle{display:inline-block;margin-right:6px;vertical-align:top}.home-main .home-nav .home-section-1 .hs-row .text-area dt .lstyle:after,.home-main .home-nav-second .home-section-1 .hs-row .text-area dt .lstyle:after,.home-main .main-content .home-section-1 .hs-row .text-area dt .lstyle:after{display:inline-block;content:"";width:10px;height:10px;transform:rotate(45deg);transform-origin:center;background:#E1EBFF}.home-main .home-nav .home-section-1 .hs-row .text-area dd,.home-main .home-nav-second .home-section-1 .hs-row .text-area dd,.home-main .main-content .home-section-1 .hs-row .text-area dd{color:#666;font-size:14px;font-style:normal;font-weight:400;line-height:22px;margin-bottom:24px}.home-main .home-nav .home-section-1 .hs-row .media-area,.home-main .home-nav-second .home-section-1 .hs-row .media-area,.home-main .main-content .home-section-1 .hs-row .media-area{width:50%}.home-main .home-nav .home-section-1 .hs-row .media-area img,.home-main .home-nav-second .home-section-1 .hs-row .media-area img,.home-main .main-content .home-section-1 .hs-row .media-area img{width:100%;height:auto}.home-main .home-nav .home-section-2,.home-main .home-nav-second .home-section-2,.home-main .main-content .home-section-2{box-sizing:border-box;margin-bottom:-100px}.home-main .home-nav .home-section-2>h2,.home-main .home-nav-second .home-section-2>h2,.home-main .main-content .home-section-2>h2{display:flex;justify-content:center;margin-bottom:100px}.home-main .home-nav .home-section-2>h2 span,.home-main .home-nav-second .home-section-2>h2 span,.home-main .main-content .home-section-2>h2 span{display:block;color:#000;font-size:26px;font-weight:500;padding:0 17px}.home-main .home-nav .home-section-2>h2 span:after,.home-main .home-nav-second .home-section-2>h2 span:after,.home-main .main-content .home-section-2>h2 span:after{content:"";display:block;width:calc(100% + 34px);height:50%;opacity:.2;background:#0057FF;transform:translate(-17px,-11px)}.home-main .home-nav .home-section-2 .hs-row,.home-main .home-nav-second .home-section-2 .hs-row,.home-main .main-content .home-section-2 .hs-row{display:flex;margin-bottom:130px}.home-main .home-nav .home-section-2 .hs-row .text-area,.home-main .home-nav-second .home-section-2 .hs-row .text-area,.home-main .main-content .home-section-2 .hs-row .text-area{width:55%}.home-main .home-nav .home-section-2 .hs-row .text-area.right,.home-main .home-nav-second .home-section-2 .hs-row .text-area.right,.home-main .main-content .home-section-2 .hs-row .text-area.right{padding-left:117px}.home-main .home-nav .home-section-2 .hs-row .text-area h2,.home-main .home-nav-second .home-section-2 .hs-row .text-area h2,.home-main .main-content .home-section-2 .hs-row .text-area h2{color:#000;font-size:24px;font-style:normal;font-weight:500;line-height:32px;margin-bottom:36px;margin-top:20px}.home-main .home-nav .home-section-2 .hs-row .text-area>p,.home-main .home-nav-second .home-section-2 .hs-row .text-area>p,.home-main .main-content .home-section-2 .hs-row .text-area>p{color:#666;font-size:16px;font-style:normal;font-weight:500;line-height:24px;margin-bottom:36px}.home-main .home-nav .home-section-2 .hs-row .text-area ol,.home-main .home-nav-second .home-section-2 .hs-row .text-area ol,.home-main .main-content .home-section-2 .hs-row .text-area ol{list-style:none;margin:0;padding:0}.home-main .home-nav .home-section-2 .hs-row .text-area ol li,.home-main .home-nav-second .home-section-2 .hs-row .text-area ol li,.home-main .main-content .home-section-2 .hs-row .text-area ol li{color:#666;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-bottom:24px}.home-main .home-nav .home-section-2 .hs-row .text-area ol li .lstyle,.home-main .home-nav-second .home-section-2 .hs-row .text-area ol li .lstyle,.home-main .main-content .home-section-2 .hs-row .text-area ol li .lstyle{color:#0057ff;font-size:14px;font-style:normal;font-weight:500;line-height:22px;margin-right:12px}.home-main .home-nav .home-section-2 .hs-row .media-area,.home-main .home-nav-second .home-section-2 .hs-row .media-area,.home-main .main-content .home-section-2 .hs-row .media-area{width:45%}.home-main .home-nav .home-section-2 .hs-row .media-area img,.home-main .home-nav-second .home-section-2 .hs-row .media-area img,.home-main .main-content .home-section-2 .hs-row .media-area img{width:100%;height:auto}.home-main{position:relative;top:-100px}.home-main .tools-section{width: calc(100% - 60px);margin:0 auto 36px}.home-main .tools-section .tools-row1{display:flex;margin-bottom:45px}.home-main .tools-section .tools-row1 .tool-ai-copy-card{width:50%;padding-right:14px}.home-main .tools-section .tools-row1 .tool-ai-copy-card .card-title{font-size:24px;font-weight:500;color:#333;margin-bottom:20px;background-image:url(https://js.tusij.com/2023-08-11-new-home/images/bg-star1.png);background-repeat:no-repeat;background-position:left center;background-size:136px}.home-main .tools-section .tools-row1 .tool-ai-copy-card .card-body{height:200px;display:block;border-radius:8px;background:url(https://js.tusij.com/2023-08-11-new-home/images/bg-ai-copy-3.png) no-repeat left top;background-size:cover;box-shadow:0 4px 32px #00000014;transition:all .3s ease}.home-main .tools-section .tools-row1 .tool-ai-copy-card .card-body:hover{transition:all .3s ease;box-shadow:0 9px 12px #0158ff36}.home-main .tools-section .tools-row1 .tool-calendar-card{width:50%;padding-left:14px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-title{font-size:24px;font-weight:500;color:#333;margin-bottom:20px;background-image:url(https://js.tusij.com/2023-08-11-new-home/images/bg-star2.png);background-repeat:no-repeat;background-position:left center;background-size:109px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-title .festival-text{font-size:20px;color:#999;display:flex;align-items:center}.home-main .tools-section .tools-row1 .tool-calendar-card .card-title .festival-text .festival-icon{display:inline-block;width:18px;height:18px;background:url(https://js.tusij.com/festival-subject/icon.png) no-repeat center;background-size:cover;margin-right:3px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-title .festival-text:hover{color:#0057ff}.home-main .tools-section .tools-row1 .tool-calendar-card .card-title .festival-text:hover .festival-icon{background:url(https://js.tusij.com/festival-subject/select-icon.png) no-repeat center;background-size:cover}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body{height:200px;display:block}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar{position:relative;height:100%}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view{display:flex;align-items:center;height:100%;background:linear-gradient(173deg,#F0F6FF -27.83%,#FFF 94.64%);border:2px solid #ffffff;box-sizing:border-box;box-shadow:0 4px 32px #00000014;border-radius:8px;padding:10px 20px 10px 0}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .today-date{text-align:center;width:160px;padding:20px;flex-shrink:0}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .today-date .today-day{display:flex;align-items:center;font-weight:500;justify-content:center;flex-direction:column;font-size:40px;line-height:60px;color:#333;margin-bottom:22px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .today-date .month-week{display:flex;align-items:center;justify-content:center;margin-top:10px;font-size:16px;line-height:22px;color:#333;font-weight:500}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .today-date .month-week .split-line-bar{height:16px;margin:0 10px;opacity:.16;border-left:1px solid #333333}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .today-date .lunar-date{margin-top:12px;font-size:14px;line-height:20px;color:#999}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list{flex:1;height:100%;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list .wait-list-item{height:100%;padding:9px 12px;border-radius:12px;border:1px solid transparent;background:linear-gradient(white,white) padding-box padding-box,linear-gradient(0deg,rgb(191,223,255),rgb(255,255,255)) border-box border-box}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list .wait-list-item .festival-card{height:100%;display:flex;flex-direction:column;overflow:hidden}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list .wait-list-item .festival-card:hover .festival-card-head .head-left .festival-name{color:#0158ff}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list .wait-list-item .festival-card .festival-card-head{padding:3px 0 5px;display:flex;justify-content:space-between}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list .wait-list-item .festival-card .festival-card-head .head-left{flex:1}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list .wait-list-item .festival-card .festival-card-head .head-left .festival-name{color:#1f1a1b;font-size:14px;font-weight:500;line-height:1.2em;margin-bottom:5px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list .wait-list-item .festival-card .festival-card-head .head-left .festival-date{color:#797676;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list .wait-list-item .festival-card .festival-card-head .head-right{display:flex;align-items:center}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list .wait-list-item .festival-card .festival-card-head .head-right .festival-day{border-radius:3px;background:#E6EEFF;color:#0158ff;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:20px;padding:0 8px;margin-left:3px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list .wait-list-item .festival-card .festival-card-body{flex:1;overflow:hidden}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list .wait-list-item .festival-card .festival-card-body img{height:112px;width:100%;object-fit:cover;border-radius:8px;border:1px solid #BFDFFF}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list1{display:flex;align-items:center;justify-content:center;flex-direction:column;width:334px;height:196px;background:linear-gradient(0deg,#f4f6f9,#f4f6f9),linear-gradient(269.55deg,#f3f5f8 -.75%,#ffffff 99.61%)}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list1 li{margin-top:4px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list1 li>a{position:relative;padding:9px 13px 9px 54px;display:flex;align-items:center;justify-content:space-between;width:210px;height:40px;border-radius:1000px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list1 li>a span{font-size:16px;color:#999}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list1 li>a span:last-child{width:80px;text-align:left}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list1 li>a:before{content:"";position:absolute;top:50%;left:24px;transform:translateY(-50%);background:#dee1ed;border-radius:1000px;width:10px;height:10px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list1 li:first-child{margin-top:0}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list1 li:first-child>a{background:linear-gradient(0deg,#ffffff,#ffffff),linear-gradient(90deg,#f3f5f8 0%,#ffffff 100%);box-shadow:0 8px 10px #e7eaf2}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list1 li:first-child>a span{color:#0057ff}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar .calendar-view .wait-list1 li:first-child>a:before{background:#0057ff}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main{display:none;align-items:flex-start;justify-content:center;position:absolute;right:0;width:658px;height:444px;background:#ffffff;box-shadow:0 8px 32px #00000014;border-radius:4px;z-index:100}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .left-view{padding:16px 25px;width:170px;height:100%;background:linear-gradient(8.88deg,#1e2f58 0%,#324e79 100%),linear-gradient(180deg,#f3f5f8 0%,#ffffff 100%);color:#fff;border-radius:4px 0 0 4px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .left-view .view-title{font-size:20px;line-height:28px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .left-view .sub-desc{margin-top:30px;font-size:16px;line-height:22px;opacity:.9;white-space:nowrap}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .left-view .viewer-scroller{margin-top:20px;height:126px;font-size:14px;line-height:20px;opacity:.9;overflow-y:auto}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .left-view .viewer-scroller li{margin-top:12px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .left-view .viewer-scroller li:first-child{margin-top:0}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view{padding:16px 20px;width:488px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .top{height:20px;position:relative;display:flex;align-items:center}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .top .year{font-size:18px;line-height:25px;color:#333}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .top .switch-month{width:74px;position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .top .switch-month .prev-month{transform:rotateY(180deg)}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .top .switch-month .prev-month,.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .top .switch-month .next-month{cursor:pointer}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .top .switch-month .prev-month[disabled=disabled],.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .top .switch-month .next-month[disabled=disabled]{cursor:not-allowed;color:#ccc}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .top .switch-month .current-month{text-align:center;width:42px;font-size:18px;line-height:25px;color:#333}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-header{margin-bottom:12px;width:448px;height:36px;display:flex;align-items:center;justify-content:space-between;margin-top:24px;background:#f4f6f9;border-radius:10000px;transform:scale(1)}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-header .calendar-header-item{width:61.7142857143px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#333}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body{width:448px;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,54px)}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;cursor:pointer}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .date{font-size:16px;color:#999;margin-bottom:4px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item.current .date{color:#333!important}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item.not-current .festival{background-color:#fff!important;box-shadow:none!important;color:#999!important}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item.active{border-radius:4px;border:2px solid #ccc}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .festival{position:relative;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#fff;width:50px;height:22px;font-size:12px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .festival.list,.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .festival.list .arrow-down{display:block}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .festival .arrow-down{display:none;margin-top:5px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .festival .arrow-down i{margin-top:4px;margin-left:2px;font-size:10px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .festival[data-type="0"]{background:#ff3a38;box-shadow:0 4px 10px #ffa2b2}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .festival[data-type="1"]{background:#ffc01d;box-shadow:0 4px 10px #ffdaa2}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .festival[data-type="2"]{background:#80d84b;box-shadow:0 4px 10px #bfffa2}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .show{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .show .text{width:38px}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .text-list{display:none;padding:8px 10px;width:120px;position:absolute;top:0;left:98%;background:#ffffff;box-shadow:0 0 10px #0000001a;border-radius:4px;transition:all .2s;overflow:hidden;z-index:33}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .text-list li{width:100%;text-align:left;font-size:12px;line-height:22px;height:22px;color:#333}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item .text-list:hover{display:block}.home-main .tools-section .tools-row1 .tool-calendar-card .card-body .marketing-calendar #calendar-main .calendar-main-right-view .calendar-body .calendar-day-item:hover .text-list{display:block!important}.home-main .tools-section .tools-row2{display:grid;gap:52px;grid-template-columns:repeat(4,minmax(0,1fr))}.home-main .tools-section .tools-row2 .tool-card{transition:all .3s ease}.home-main .tools-section .tools-row2 .tool-card:hover{transform:translateY(-12px);transition:all .3s ease;filter:drop-shadow(0px 9px 12px rgba(1,88,255,.21))}.home-main .tools-section .tools-row2 .tool-card .card-media img{width:100%;height:auto}.home-main .tools-section .tools-row2 .tool-card .card-body{padding:18px 21px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border:2px solid #FFF;border-top:none;background:linear-gradient(180deg,#F0F6FF 0%,#FFF 100%);box-shadow:0 4px 32px #00000014}.home-main .tools-section .tools-row2 .tool-card .card-title{color:#333;font-size:16px;font-style:normal;font-weight:500;margin-bottom:7px;display:flex;align-items:center}.home-main .tools-section .tools-row2 .tool-card .card-title .c-badge{display:inline-block;height:19px;width:72px;margin-left:8px}.home-main .tools-section .tools-row2 .tool-card .card-desc{color:#666;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.home-nav{margin-top:24px;display:flex;justify-content:flex-start;align-items:center}.home-nav .nav-list{display:flex;justify-content:flex-start;align-items:center;margin:0 -10px;font-weight:700;color:#171718;font-size:16px}.home-nav .nav-list .nav-item{flex-shrink:0;padding-top:92px;height:130px;width:102px;display:block;background:top 14px center/70px no-repeat #F6F9FD;text-align:center;margin:0 10px;border-radius:4px;transition:transform .4s}.home-nav .nav-list2{display:flex;justify-content:flex-start;align-items:center;font-weight:700;padding:18px 25px;background:url(//js.tusij.com/custom/img/common/small-bg-overlying.png) no-repeat right bottom/96px 91px,linear-gradient(0deg,#F6F9FD,#F6F9FD);border-radius:4px;margin-left:45px;position:relative}.home-nav .nav-list2:before{content:"";position:absolute;right:calc(100% + 22px);top:50%;transform:translateY(-50%);width:1px;height:48px;background:linear-gradient(0deg,#E8E8E8,#E8E8E8),linear-gradient(315.18deg,#223A89 0%,#34158B 100%)}.home-nav .nav-list2 .nav-item{height:93px;width:93px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#171718;font-size:13px;position:relative}.home-nav .nav-list2 .nav-item>img{width:40px;height:40px;margin-bottom:4px;transition:transform .4s}.home-nav .nav-list2 .nav-item:hover img{transform:translateY(-10px)}.home-nav .nav-list2 .nav-item .float-text{width:32px;height:18px;position:absolute;right:-8px;top:14px;background:#F00;border-radius:2px;display:flex;justify-content:center;align-items:center;color:#fff;animation:float-text-jump .8s linear infinite;transition:all .5s}.home-nav .nav-list2 .nav-item .float-dot{width:8px;height:8px;border-radius:50%;background:#F00;position:absolute;right:21px;top:14px}@keyframes float-text-jump{0%{transform:translateY(0)}50%{transform:translateY(3px)}}.home-nav ul.nav-list li:nth-child(8),.home-nav ul.nav-list li:nth-child(9){display:none}.home-nav .nav-list .nav-item.shou{background-image:url(//js.tusij.com/custom/img/home/icon_shou.png)}.home-nav .nav-list .nav-item.guang{background-image:url(//js.tusij.com/custom/img/home/icon_guang.png)}.home-nav .nav-list .nav-item.xin{background-image:url(//js.tusij.com/custom/img/home/icon_xin.png)}.home-nav .nav-list .nav-item.dian{background-image:url(//js.tusij.com/custom/img/home/icon_dian.png)}.home-nav .nav-list .nav-item.xiao{background-image:url(//js.tusij.com/custom/img/home/icon_xiao.png)}.home-nav .nav-list .nav-item.lou{background-image:url(//js.tusij.com/custom/img/home/icon_logo.png)}.home-nav .nav-list .nav-item.she{background-image:url(//js.tusij.com/custom/img/home/icon_she.png)}.home-nav .nav-list .nav-item.gi{background-image:url(//js.tusij.com/custom/img/home/icon_gif.png)}.home-nav .nav-list .nav-item.shi{background-image:url(//js.tusij.com/custom/img/home/icon_shi.png)}.home-nav .nav-list .nav-item.xiao{background-image:url(//js.tusij.com/custom/img/home/icon_xiao.png)}.home-nav .nav-list .nav-item.geng{background-image:url(//js.tusij.com/custom/img/home/icon_more.png)}.home-nav .nav-list .nav-item.ge{background:url(//js.tusij.com/custom/img/home/icon_ge.png) top 14px center/70px no-repeat,linear-gradient(331.67deg,#FFF9E9 -19.5%,#FAE6C0 122.83%),linear-gradient(331.67deg,#FFFDF8 -19.5%,#FFF1D5 122.83%),linear-gradient(274.47deg,#E2AD6C -21.84%,#FFECC7 100.42%),#C4C4C4}.home-nav .nav-list .nav-item.qi{color:#ffd0a9;background:url(//js.tusij.com/custom/img/home/icon_qi.png) top 14px center/70px no-repeat,linear-gradient(145.44deg,#161637 -2.35%,#343247 105.01%),#C4C4C4}.home-nav .nav-list .nav-item:hover{transform:translateY(-10px);background-color:#eef4fe}.home-nav ul.nav-list li .nav-item{transform:translate(0) translateZ(0)}.home-nav ul.nav-list li:hover .nav-item{transform:translateY(-10px) translateZ(0);background-color:#eef4fe}.home-nav-second{display:flex;justify-content:center;align-items:flex-start;margin-top:50px}.home-nav-second .featured-album{width:976px}.home-nav-second.new-hand .featured-album{width:732px}.home-nav-second .title-part{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px;position:relative}.home-nav-second .title-part .small-title{display:flex;justify-content:left;align-items:center;color:#2a2a2b;font-size:26px;font-weight:700}.home-nav-second .title-part .small-title .icon{font-size:24px;transform:translateY(2px);margin-left:3px}.home-nav-second .title-part .more,.home-nav-second .title-part .novice-second-title,.home-nav-second .title-part .see-more{display:flex;justify-content:left;align-items:center;color:#171718cc;font-size:14px;padding:4px 0 4px 22px}.home-nav-second .title-part .see-more{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center}.home-nav-second .title-part .more:hover,.home-nav-second .title-part .see-more:hover{color:#0057ff;cursor:pointer}.home-nav-second .title-part .more .icon,.home-nav-second .title-part .see-more .icon{font-size:9px;transform:translateY(1px);margin-left:3px}.home-nav-second .featured-album .feature-switch-part{position:absolute;top:50%;right:36px;transform:translateY(-50%);display:flex;justify-content:center;align-items:center}.home-nav-second .featured-album .change-button{display:flex;justify-content:center;align-items:center;color:#171718cc;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.home-nav-second .featured-album .change-button img{margin-right:6px;width:16px;height:16px;vertical-align:top}.home-nav-second .featured-album .change-button img:nth-child(2){display:none}.home-nav-second .featured-album .change-button:hover{color:#0057ff}.home-nav-second .featured-album .change-button:hover img:nth-child(2){display:block}.home-nav-second .featured-album .change-button:hover img:nth-child(1){display:none}.home-nav-second .title-part .button-wrapper .icon.left{transform:rotate(180deg)}.home-nav-second .featured-album-list{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;flex-grow:1;overflow:hidden}.home-nav-second.new-hand .featured-album-list{flex-wrap:wrap;max-height:370px}.home-nav-second ul.featured-album-list>li{cursor:pointer}.home-nav-second .featured-album-list .album-item{position:relative;margin:0 36px 20px 0;z-index:0}.home-nav-second .featured-album-list .album-image{border-radius:4px;box-shadow:inset 0 0 0 1px #f2f3f5;overflow:hidden;width:208px;height:117px}.home-nav-second .featured-album-list .album-image img{width:100%;height:100%;vertical-align:top;object-fit:cover;transition:transform .3s}.home-nav-second ul.featured-album-list>li:hover .album-image>img{transform:scale(1.2)}.home-nav-second .featured-album-list .album-item .shade1{width:206px;height:100px;background:#DFE1E5;border-radius:4px;position:absolute;top:11px;right:0;transform:translate(8px);z-index:-1}.home-nav-second .featured-album-list .album-item .shade2{width:192px;height:80px;background:#EFF1F8;border-radius:4px;position:absolute;top:21px;right:0;transform:translate(16px);z-index:-2}.home-nav-second .featured-album-list .album-item .album-title{font-size:15px;color:#000;font-weight:700;margin-top:8px}.home-nav-second .featured-album-list .album-item .album-description{font-size:13px;color:#000;opacity:.3;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-nav-second .personal-center{flex-grow:1}.home-nav-second.new-hand .personal-center{display:none}.home-nav-second .personal-center .small-title{cursor:pointer}.home-nav-second .personal-center .small-title:hover{color:#0057ff}.home-nav-second .personal-center .card{background:url(//js.tusij.com/custom/img/home/person-card-bg.png) center/cover no-repeat;border:1px solid #EEF1FB;border-radius:4px;padding:16px}.avatar-name-info{display:flex;justify-content:left;align-items:center}.avatar-name-info>a{width:40px;height:40px;border-radius:50%;position:relative}.avatar-name-info>a>img{width:100%;height:100%;border-radius:50%}.avatar-name-info .name{margin-left:10px}.avatar-name-info .name .user-name{font-weight:700;font-size:15px;color:#171718cc}.avatar-name-info .name .user-id{margin-top:4px;font-size:12px;color:#adb0b4}.home-nav-second .personal-center .card .button-wrapper{display:flex;justify-content:flex-start;align-items:center;padding-top:11px}.home-nav-second .personal-center .card .button-wrapper .my-design,.home-nav-second .personal-center .card .button-wrapper .my-team{height:32px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:3px;font-size:14px;cursor:pointer}.home-nav-second .personal-center .card .button-wrapper .my-design{margin-right:10px;color:#fff;background:linear-gradient(90deg,#0085FF 0%,#0047FF 100%)}.home-nav-second .personal-center .card .button-wrapper .my-design:hover{background:linear-gradient(90deg,#4CA9FF 0%,#2F5DFF 100%)}.home-nav-second .personal-center .card .button-wrapper .my-team{color:#0057ff;border:1px solid #0057FF}.home-nav-second .personal-center .card .button-wrapper .my-team:hover{background:#0057FF;color:#fff}.home-nav-second .novice-tutorial{display:none}.home-nav-second.new-hand .novice-tutorial{flex-grow:1;display:block}.home-nav-second.new-hand .novice-tutorial .tutorial-part{width:468px;height:302px;background:#DAE0EC;border-radius:4px;overflow:hidden;display:block;border:1px solid #F1F3F5}.home-nav-second.new-hand .novice-tutorial .tutorial-part>img,.home-nav-second.new-hand .novice-tutorial .tutorial-part>video{width:100%;object-fit:cover}.main-content .title-part{display:flex;justify-content:flex-start;align-items:center;margin-bottom:4px;position:relative}.main-content .content-part{margin-bottom:30px;position:relative;z-index:0}.main-content .content-part .left-button-wrapper,.main-content .content-part .right-button-wrapper{position:absolute;width:37px;top:50%;transform:translateY(-50%);display:flex;align-items:center;z-index:4}.main-content .content-part .left-button-wrapper{left:-10px;justify-content:flex-end}.main-content .content-part .right-button-wrapper{right:-10px;justify-content:flex-start}.main-content .content-part .left-button,.main-content .content-part .right-button{display:none;width:26px;height:36px;transform:translateY(-13px);cursor:pointer;vertical-align:top}.main-content .content-part .left-button img,.main-content .content-part .right-button img{width:100%;height:100%}.main-content .content-part .left-button:hover img:first-child,.main-content .content-part .right-button:hover img:first-child{display:none}.main-content .content-part .left-button img:nth-child(2),.main-content .content-part .right-button img:nth-child(2){display:none}.main-content .content-part .left-button:hover img:nth-child(2),.main-content .content-part .right-button:hover img:nth-child(2){display:block}.main-content .content-item .title-part .small-title{display:flex;justify-content:left;align-items:center;color:#2a2a2b;font-size:26px;font-weight:700;margin-right:7px}.main-content .content-item .title-part .small-title:hover{color:#0057ff}.main-content .content-item .title-part .subtitle-list{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;flex-grow:1;margin:0 auto;overflow:hidden;position:relative;height:43px}.main-content .content-item .title-part ul.subtitle-list li>a{margin:6px;color:#171718;font-size:13px;cursor:pointer;border-radius:2px;padding:4px 10px;background:#F1F3F5}.main-content .content-item .title-part ul.subtitle-list li:last-child:hover>a,.main-content .content-item .title-part ul.subtitle-list li.active>a{color:#0057ff;background:rgba(0,87,255,.1)}.main-content .content-item .title-part ul.subtitle-list li .icon{transform:scale(.7)}.box-list{display:grid;gap:5px;grid-template-columns:repeat(5,minmax(0,1fr))}.content-item .box-list:nth-child(n+2){display:none}ul.box-list li{transition:transform 1s}ul.box-list li.stop-animation{transition:transform 0s}ul.box-list li:nth-child(n+11){display:none}.box-list .box-item{position:relative;background:#FFFFFF;border-radius:4px;padding:10px;transition:transform .3s}.box-list .box-item:hover{cursor:pointer;box-shadow:0 0 28px -20px #000,inset 0 0 0 1px #dddee1;z-index:1}.box-list .box-item .item-media img{transition:all .5s}.box-list .box-item:hover .item-media img{transform:scale(1.1)}.box-list .box-item .item-media{border:1px solid #F1F3F5;border-radius:4px;display:flex;justify-content:center;align-items:flex-start;margin:0 auto;position:relative;overflow:hidden;max-height:560px}.box-list .box-item .item-media .gif-label,.box-list .box-item .item-media .video-label,.box-list .box-item .item-media .video-pro-label{position:absolute;top:10px;left:10px;color:#fff;border-radius:2px;padding:.2em .4em;font-size:12px;text-align:center}.box-list .box-item .item-media .gif-label{background:linear-gradient(284.04deg,#FF7C01 0%,#FF9E45 100%),linear-gradient(90deg,#FFD6B4 0%,#CB9364 100%),linear-gradient(93.86deg,#4A5671 -.84%,#12203A 100.34%)}.box-list .box-item .item-media .video-label{background:linear-gradient(104.04deg,#A46DFF 0%,#8067FF 100%)}.box-list .box-item .item-media .video-pro-label{background:linear-gradient(104.04deg,#711AFF 0%,#421DFF 100%)}.box-list .box-item:hover .item-media .gif-label,.box-list .box-item:hover .item-media .video-label,.box-list .box-item:hover .item-media .video-pro-label{display:none}.box-list .box-item .item-media>a{width:100%}.box-list .box-item .item-media>a>img,.box-list .box-item .item-media>a>video{object-fit:cover;vertical-align:top;width:100%}.box-list .box-item .item-media>a>img{height:auto;display:block}.box-list .box-item .item-media>a>video,.box-list .box-item .item-media>a>video.heng{object-fit:fill;height:126px;width:100%}.box-list .box-item .item-media>a>video.shu{object-fit:fill;width:100%;height:398px}.box-list .box-item .item-media>a>img.heng{height:126px}.box-list .box-item .item-media>a>img.shu{height:333px}.box-list .box-item .item-media>a>img.fang{height:222px}.box-list .box-item .item-media .top-shade{position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(rgba(0,0,0,.4),transparent 100%);display:none}.box-list .box-item:hover .item-media .top-shade{display:block}.box-list .box-item .item-media .button-wrapper{position:absolute;top:10px;left:10px;display:flex;justify-content:left;align-items:center}.box-list .box-item .item-media .button-wrapper .like-button{width:32px;height:32px;background:url(//js.tusij.com/custom/img/common/icon_collect_hover.svg) center/cover no-repeat;margin-right:10px;position:relative;display:none}.box-list .box-item:hover .item-media .button-wrapper .like-button{display:block;visibility:hidden}.box-list .box-item .item-media .button-wrapper .edit-button{background:#0057ff;width:162px;height:32px;line-height:32px;border-radius:4px;color:#fff;text-align:center;position:relative;display:none}.box-list .box-item:hover .item-media .button-wrapper .edit-button{display:block}.box-list .box-item .item-media .button-wrapper .like-button:hover:after,.box-list .box-item .item-media .button-wrapper .edit-button:hover:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,.2);border-radius:4px}.box-list .box-item .item-media .button-wrapper .edit-button .iconfont{margin-right:5px}.box-list .box-item .text-description{display:flex;justify-content:flex-start;align-items:center;margin-top:10px;width:224px}.box-list .box-item .text-description .business-icon{background:url(//js.tusij.com/custom/img/common/icon_shang.svg) center/cover no-repeat;width:16px;height:16px;margin-right:6px}.box-list .box-item .text-description .genuine-icon{display:flex;justify-content:center;align-items:center;background:linear-gradient(146.3deg,#FFE6B6 4%,#EEBE6B 97.5%);border-radius:1px;color:#6c4400;font-size:12px;margin-right:5px;position:relative;z-index:0;white-space:nowrap;padding:0 4px}.box-list .box-item .text-description .genuine-icon .genuine-tooltip{display:none;position:absolute;bottom:100%;padding:6px 5px 16px;white-space:nowrap;left:0;background:#FFF;color:#67676c;font-size:13px;justify-content:center;align-items:center}.box-list .box-item .text-description .genuine-icon:hover .genuine-tooltip{display:flex}.box-list .box-item .text-description .genuine-icon .genuine-tooltip .underline{text-decoration:underline}.box-list .box-item .text-description .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;color:#000;width:calc(100% - 22px)}.navigation-bar{display:none}.navigation-bar.active{display:flex}.home-nav-second .featured-album .content-wrapper{display:flex;justify-content:flex-start;align-items:center;cursor:pointer}.home-nav-second .featured-album .content-wrapper:hover .small-title,.home-nav-second .featured-album .content-wrapper:hover .more{color:#0057ff}.home-sort-works{color:#171718;margin-top:77px;margin-bottom:83px}.home-sort-works .small-title,.home-partner .small-title,.home-genuine .small-title{text-align:center;font-weight:700;font-size:24px}.home-sort-works .second-title,.home-partner .second-title,.home-genuine .second-title{margin-top:12px;text-align:center;color:#666;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.home-sort-works .list{display:flex;justify-content:center;align-items:center;margin-top:32px}.home-sort-works .list>li{margin:0 8px}.home-sort-works .list .img-wrapper{width:160px;height:120px;border-radius:6.133px;border:1px solid rgb(233,232,232);overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#e9e9e9 -40%,hsla(0,0%,100%,.531) 40.81%,#e2e2e2 150.1%)}.home-sort-works .list li:hover .img-wrapper{transform:translateY(-10px);transition:transform .4s}.home-sort-works .list .img-wrapper img{width:100%;height:auto;object-fit:cover}.home-sort-works .list .text1{font-size:14px;font-weight:700;text-align:center;margin-top:12px}.home-sort-works .list .text2{visibility:hidden;margin-top:6px;color:#17171899;text-align:center;font-size:14px;white-space:nowrap}.home-sort-works .list li:hover .text2{visibility:visible;transition:display .3s}.home-sort-works .design-button{width:200px;height:50px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;margin:32px auto 0;padding:11px 60px;border-radius:109px;background:linear-gradient(269.62deg,#74BCFF .33%,#0057FF 77.38%)}.home-sort-works .design-button:hover{background:linear-gradient(90deg,#74BCFF 0%,#0057FF 75%)}.home-genuine{color:#171718;padding-top:46px;padding-bottom:50px;background:rgb(246,247,250)}.home-genuine ul.img-display-list{margin-top:32px;display:flex;justify-content:center;align-items:center}.home-genuine ul.img-display-list>li{margin:0 16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.home-genuine ul.img-display-list .img-wrapper{width:211px;height:236px;border-radius:13px 13px 0 0;background:#D9D9D9;position:relative}.home-genuine ul.img-display-list .img-wrapper .b-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:39.653px;background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.34) 100%);-webkit-backdrop-filter:blur(1.6185036898px);backdrop-filter:blur(1.6185036898px);padding:4px 13px;color:#fff;font-weight:500}.home-genuine ul.img-display-list .img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:13px 13px 0 0}.home-genuine ul.img-display-list .text{color:#333;font-size:13px;width:100%;padding:17px 13px;font-weight:700;border-radius:0 0 13px 13px;background:#fff;display:flex;justify-content:space-between}.home-genuine ul.img-display-list .text .t-label{color:#eebe6b;text-align:center;font-size:12px;font-style:normal;font-weight:400;border-radius:4px;background:#FFF6E5;padding:0 4px}.home-genuine .authority-display-wrapper{margin:30px auto 0;width:1200px;border-radius:6px;padding:50px 0 24px}.home-genuine ul.authority-display-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px}.home-genuine ul.authority-display-list>li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:#fff;padding:27px 90px;border-radius:12px}.home-genuine ul.authority-display-list .img-wrapper{width:398px;height:292px}.home-genuine ul.authority-display-list .img-wrapper.w2{width:419px;height:292px}.home-genuine ul.authority-display-list .img-wrapper img{width:100%;height:100%}.home-genuine ul.authority-display-list .text{font-weight:700;margin-top:16px}.home-genuine .authority-explanation{margin-top:30px}.home-genuine .authority-explanation .text{text-align:center;font-size:14px;font-weight:400;color:#666;line-height:20px}.home-genuine .authority-button{display:flex;justify-content:center;align-items:center;font-size:20px;color:#fff;width:200px;height:50px;margin:32px auto 0;border-radius:109px;background:linear-gradient(269.62deg,#74BCFF .33%,#0057FF 77.38%)}.home-genuine .authority-button:hover{background:linear-gradient(90deg,#74BCFF 0%,#0057FF 75%)}.homt-content-introduce{width:100%;background:#F0F4FF;border-radius:0;display:flex;align-items:center;justify-content:center;font-family:Source Han Sans CN-Bold,Source Han Sans CN;font-weight:500;color:#000}.homt-content-introduce .container{box-sizing:border-box;width:1240px;height:690px;padding-top:42px}.homt-content-introduce h2{height:36px;line-height:36px;font-weight:700;font-size:24px;text-align:center}.homt-content-introduce section:first-child{margin-right:20px}.homt-content-introduce .content{margin-top:20px;width:unset;height:512px;display:flex;flex-direction:row;justify-content:center;align-items:center}.h_c_i_part{position:relative;box-sizing:border-box;width:590px;height:472px;padding-left:30px;padding-top:31px;background:#FFFFFF;box-shadow:0 4px 20px #4954ba40;border-radius:12px;opacity:1}.h_c_i_part h3{height:30px;font-size:20px;font-weight:700;color:#202020;line-height:30px}.h_c_i_part>p{width:518px;height:63px;margin-top:11px;font-size:14px;font-weight:400;color:#333;line-height:20px}.h_c_i_part ul{margin-top:30px;margin-bottom:34px}.h_c_i_part li{margin-bottom:30px}.h_c_i_part li:nth-last-child{margin-bottom:0}.h_c_i_part h4{font-size:16px;font-weight:700;color:#275bf6;line-height:24px;display:flex;flex-direction:row;align-items:center}.h_c_i_part i{display:inline-block;font-size:0;line-height:0;width:23px;height:22px;margin-right:4px;background-image:url(//js.tusij.com/img/home-content-introduce-list-icon.png);background-size:100% 100%;background-position:center 1px;background-repeat:no-repeat}.h_c_i_part li p{height:42px;width:530px;margin-top:5px;font-size:14px;font-weight:400;color:#333;line-height:21px}.homt-content-introduce .left li:nth-of-type(1) p{width:540px}.homt-content-introduce .right li:nth-of-type(1) p{width:550px}.homt-content-introduce .right li:nth-of-type(2) p{width:530px}.homt-content-introduce .right>p{width:522px}.home-partner{color:#1f1a1b;background:#fff;padding-top:100px}.home-partner .head-top{background:#fff;margin-bottom:50px}.home-partner .part-body{background:linear-gradient(103deg,#F5F9FF -5.82%,#FEFCFF 47.39%,#F5F9FF 104.04%);padding:92px 0}.home-partner .part-body .cards-view{width:100%;overflow-x:hidden}.home-partner .part-body .cards-view .cards{display:flex;justify-content:center;align-items:center;overflow-x:hidden}.home-partner .part-body .cards-view .cards>*+*{margin-left:40px}.home-partner .part-body .cards-view .cards .card{width:480px;padding:31px 28px;flex-shrink:0;border-radius:12px;background:#FFF;box-shadow:0 4px 11px #0000000f}.home-partner .part-body .cards-view .cards .card.active{width:520px;padding:58px 32px}.home-partner .part-body .cards-view .cards .card.active .card-head .u-avatar{width:58px;height:58px;margin-right:16px}.home-partner .part-body .cards-view .cards .card.active .card-head .u-info .u-name{font-size:20px}.home-partner .part-body .cards-view .cards .card.active .card-head .u-info .u-occupation{font-size:16px}.home-partner .part-body .cards-view .cards .card.active .card-body{font-size:18px;line-height:28px;letter-spacing:.18px}.home-partner .part-body .cards-view .cards .card .card-head{display:flex;margin-bottom:20px}.home-partner .part-body .cards-view .cards .card .card-head .u-avatar{width:50px;height:50px;border-radius:50%;margin-right:10px}.home-partner .part-body .cards-view .cards .card .card-head .u-avatar img{width:100%;border-radius:50%;height:auto}.home-partner .part-body .cards-view .cards .card .card-head .u-info .u-name{color:#1f1a1b;font-size:18px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.2px;margin-bottom:6px}.home-partner .part-body .cards-view .cards .card .card-head .u-info .u-occupation{color:#8f8c8d;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.16px}.home-partner .part-body .cards-view .cards .card .card-body{color:#1f1a1b;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.08px}.home-partner .part-body .cards-view .cards .card .card-body strong{color:#0057ff}.home-partner .brand-bg{margin:30px auto 0;width:1000px;height:300px;background:url(//js.tusij.com/custom/img/home/brand-bg.png) no-repeat center/contain}.home-partner .design-button{width:200px;height:50px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;margin:32px auto 0;padding:11px 60px;background:#0057FF;border-radius:4px}.home-partner .design-button:hover{opacity:.8}.home-brands{padding:80px 0}.home-brands .content-container{position:relative}.home-brands .content-container>.srow+.srow{margin-top:30px}.home-brands .mask-l{position:absolute;left:0;top:0;width:20%;height:100%;background:linear-gradient(270deg,rgba(255,255,255,0) 10%,#FFF 70%)}.home-brands .mask-r{position:absolute;right:0;top:0;width:20%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 10%,#FFF 70%)}.home-brands .mask-4{position:absolute;left:0;top:0;width:18%;height:100%;background:linear-gradient(270deg,rgba(255,255,255,0) .35%,#FFF 36.58%)}.home-brands .srow{display:flex;justify-content:center}.home-brands .srow:nth-child(2){transform:translate(-22px)}.home-brands .srow .brand-list{display:flex;align-items:center;justify-content:center}.home-brands .srow .brand-list>*+*{margin-left:30px}.home-brands .srow .brand-list .brand-item{width:200px;height:88px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#FFF;box-shadow:0 5px 16px #00000012;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);overflow:hidden}.home-brands .srow .brand-list .brand-item img{width:156px;height:65px;object-fit:contain}.content-container{width:1200px;margin:0 auto}@media (min-width: 1680px){.home-nav-second.new-hand .featured-album-list{flex-wrap:wrap;max-height:378px}.home-nav-second.new-hand .novice-tutorial .tutorial-part{height:310px;width:480px}.home-nav-second .personal-center .card .button-wrapper{padding-top:15px}.home-header-swiper.swiper-container .swiper-button-prev{transform:translate(-740px)}.home-header-swiper.swiper-container .swiper-button-next{transform:translate(740px)}.home-main .home-nav,.home-main .home-nav-second,.home-main .main-content,.home-main .tools-section{calc(100% - 60px)}.home-nav ul.nav-list li:nth-child(8),.home-nav ul.nav-list li:nth-child(9){display:block}.home-nav .nav-list .nav-item{width:105px}.home-nav-second .featured-album{width:1250px}.home-nav-second.new-hand .featured-album{width:1000px}.home-nav-second .featured-album-list .album-image{width:214px;height:120px}ul.box-list{grid-template-columns:repeat(6,minmax(0,1fr))}ul.box-list li:nth-child(-n+12){display:block}ul.box-list li:nth-child(n+13){display:none}.box-list .box-item .item-media>a>video{width:100%}.box-list .box-item .item-media>a>video.heng{height:129px}.box-list .box-item .item-media>a>video.shu{height:409px}.box-list .box-item .item-media>a>img.heng{height:129px}.box-list .box-item .item-media>a>img.shu{height:342px}.box-list .box-item .item-media>a>img.fang{height:228px}.content-container{width:1480px}}@media (max-width: 1400px){.header-home .quick-entry-second .pwa-button{display:none}.home-nav-second .personal-center .card .button-wrapper{padding-top:18px}.home-nav-second.new-hand .novice-tutorial .tutorial-part{height:316px;width:490px}.home-header-swiper.swiper-container .swiper-button-prev{transform:translate(-500px)}.home-header-swiper.swiper-container .swiper-button-next{transform:translate(500px)}.home-main .home-nav,.home-main .home-nav-second,.home-main .main-content,.home-main .tools-section{width:1000px}.home-nav .nav-list{font-size:15px}.home-nav .nav-list .nav-item,.home-nav .nav-list .nav-item.ge,.home-nav .nav-list .nav-item.qi{width:82px;height:110px;background-size:60px;padding-top:76px}.home-nav .nav-list2{padding:14px 18px}.home-nav .nav-list2 .nav-item{width:76px;height:76px}.home-nav .nav-list2 .nav-item>img{width:40px;height:40px}.home-nav .nav-list2 .nav-item .float-text{top:-1px;right:-13px}.home-nav .nav-list2 .nav-item .float-dot{right:12px;top:7px}.home-nav-second .featured-album{width:765px}.home-nav-second.new-hand .featured-album{width:510px}.home-nav-second .featured-album-list .album-image{width:219px;height:123px}ul.box-list li:nth-child(n+10){display:none}.box-list .box-item .item-media>a{display:block}.box-list .box-item .text-description{width:235px}.box-list .box-item .item-media>a>video.heng{height:132px}.box-list .box-item .item-media>a>video.shu{height:418px}.box-list .box-item .item-media>a>img.heng{height:132px}.box-list .box-item .item-media>a>img.shu{height:418px}.box-list .box-item .item-media>a>img.fang{height:250px}.content-container{width:1000px}}@media (max-width: 1380px){.header-home .quick-entry .quick-entry-item:nth-child(5){display:none}.home-sort-works .list .img-wrapper{width:111px}.home-genuine ul.img-display-list>li{margin:0 15px}.home-genuine ul.img-display-list .img-wrapper{width:176px;height:233px}.home-genuine .authority-display-wrapper{width:1000px}.home-genuine ul.authority-display-list>li{margin:0 57px}.home-genuine ul.authority-display-list .img-wrapper{width:332px;height:243px}.home-genuine ul.authority-display-list .img-wrapper.w2{width:350px;height:243px}}.ai-copy-link{font-weight:500;padding:0 15px;background-image:linear-gradient(90deg,rgb(62,207,120),rgb(1,87,255),rgb(1,87,255),rgb(62,207,120),rgb(54,134,255),rgb(54,134,255));-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.ai-copy-link .dot-tip{width:7px;height:7px;position:absolute;right:2px;top:2px;display:flex}.ai-copy-link .dot-tip .dot-fg{position:absolute;background:red;width:7px;height:7px;border-radius:100%;opacity:75%}.ai-copy-link .dot-tip .dot-bg{display:inline-block;position:relative;background:red;width:7px;height:7px;border-radius:100%}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}
.tools-card1-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 70px);
    gap: 10px;

    height: 172px;
    border-radius: 12px;
    /*margin: 20px auto;*/
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 2px solid #FFF;
    background: linear-gradient(173deg, #F0F6FF -27.83%, #FFF 94.64%);
    box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.06);
}
.card1-box {
    min-width: 170px;
    height: 72px;
    display: flex;

    justify-content: center;
    border-radius: 8px;
    flex-flow: column;
    border: 1px solid #E9E8E8;
    background: #FFF;
}
.card1-box-top{
    display: flex;
    align-items: center;
    margin-left: 20px;

}
.card1-box-top-icon{
   display: flex;align-items: center;
}
.card1-box-top-icon img{
    width: 16px;
    height: 16px;
}
.card1-box-top-title{
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin-left: 2px;
}
.card1-box-bottom{
    color: #797676;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-left: 20px;
    margin-top: 4px;
}

.tools-card2-container{
    display: flex;

    /*min-width: 628px;*/
    margin-left: 28px;
    overflow: hidden;
    position: relative;
}

.card2-img  {
    gap: 4px;
    /* justify-content: center; */
    height: 100%;
    padding-top: 14px;
    /* overflow: hidden; */
    width: 142px;
    margin: 0 auto;
    align-items: flex-start;
    display: grid;
    grid: "content" auto / auto;
}
.card2-img-box {
    grid-area: content;
    display: grid
;
    /* gap: 4px; */
    /* align-content: start; */
    width: 88px;
    border-radius: 6px;
    box-shadow: 0 12px 48px 2px #00000014, 0 2px 8px #0000000a;
    z-index: 2;
}
.card2-img-box:nth-child(2n){
    margin-top: 20px;
    justify-self: flex-end;
    z-index: 1;
}
/*.card2-img img{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

.card2-bottom{
    position: relative;
    display: flex;
    flex-direction: column;
    grid-area: footer;
    gap: 4px;
    align-items: flex-start;
    justify-content: space-between;
    padding: 12px 20px;
    background-color: rgba(255, 255, 255, 0.5); /* 半透明背景 */
    -webkit-backdrop-filter: blur(17px); /* 使用模糊背景 */
    backdrop-filter: blur(14px); /* 背景模糊效果 */
    border-radius: 8px; /* 可选，圆角效果 */
    z-index: 3;
}
.card2-bottom:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    /*background: rgba(241, 242, 244, 0.8); !* 半透明背景 *!*/
    content: "";
    border-radius: 8px; /* 可选，确保圆角效果 */
}
.card2-img-box img{
    width: 95px;
    /*height: 135px;*/
    border-radius: 6px;
}
.card2-box{
    /*margin-left: 24px;*/
    display: grid
;
    grid:
        "content" 110px
        "footer" 60px / 100%;
    overflow: hidden;
    width: 202px;
    height: 169px;
    flex-shrink: 0;
    border-radius: 12px;
    border: 2px solid #FFF;
    background: linear-gradient(180deg, #FDF7F8 0%, #F9E1E1 100%);
    /*box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.08);*/
    position: relative;
}
.card2-bottom-title1{
    color:#1F1A1B;

    font-size: 14px;
    font-style: normal;
    font-weight: 500;

}
.card2-bottom-title2{
    color:  #4C4849;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;

}
/*img/mouse_hover_compressed.png*/
/* 统一按钮样式 */
.swiper-container-tools-box .swiper-button-next,
.swiper-container-tools-box .swiper-button-prev {
    width: 40px;  /* 设置按钮宽度 */
    height: 40px;  /* 设置按钮高度 */
    background-color:rgba(255, 255, 255, 1);  /* 按钮背景 */
    border-radius: 50%;  /* 圆形按钮 */
    display: flex;
    color: rgba(165, 163, 164, 1); /* 设置图标为白色 */
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    position: absolute;  /* 使按钮脱离文档流 */
    top: 50%;  /* 垂直居中 */
    transform: translateY(-50%);  /* 使按钮垂直居中 */
    z-index: 10;  /* 确保按钮显示在容器上层 */
    border:1px solid rgba(255, 255, 255, 1);

}
/* 按钮的箭头图标大小调整 */
.swiper-container-tools-box .swiper-button-next::after,
.swiper-container-tools-box .swiper-button-prev::after {
    font-size: 18px; /* 调整箭头的大小 */

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
/* 下一页按钮的位置调整 */
.swiper-container-tools-box .swiper-button-next {
    right: -20px;
    /* bottom: 51px; */
    top: 50%;
    transform: translate(0, 0);
}

/* 上一页按钮的位置调整 */
.swiper-container-tools-box .swiper-button-prev {
    left: 10px; /* 距离左边 10px */
    transform: translate(0, 0);
}

/* 第 1、7、13... 组使用 color-1 */
.card2-box:nth-child(6n+1) { background: linear-gradient(180deg, #FDF7F8 0%, #F9E1E1 100%);
} /* 红 */

/* 第 2、8、14... 组使用 color-2 */
.card2-box:nth-child(6n+2) { background: linear-gradient(180deg, #FEFBF1 0%, #F9EFDF 100%);
} /* 绿 */

/* 第 3、9、15... 组使用 color-3 */
.card2-box:nth-child(6n+3) { background: linear-gradient(180deg, #F9FEF7 0%, #E4F2E0 100%);
} /* 蓝 */

/* 第 4、10、16... 组使用 color-4 */
.card2-box:nth-child(6n+4) { background: linear-gradient(180deg, #F1F2FE 0%, #DFE3F9 100%);
 } /* 黄 */

/* 第 5、11、17... 组使用 color-5 */
.card2-box:nth-child(6n+5) { background: linear-gradient(180deg, #FEFCF1 0%, #F9F4DF 100%);
} /* 粉 */

/* 第 6、12、18... 组使用 color-6 */
.card2-box:nth-child(6n) { background: linear-gradient(180deg, #F1FBFE 0%, #DFEEF9 100%);
} /* 青 */

.card2-img:hover img{
    transform: scale(1.1);
    transition: all .5s;

}
.home-main .tools-section .tools-row1{
    display: grid;
    margin-bottom: 45px;

    grid-template-columns: repeat(2, minmax(0, 1fr));
}
/*.card1-box:hover,.card2-box:hover {*/
/*    cursor: url("https://js.tusij.com/img/mouse_hover2.png") 16 16 , auto;*/

/*}*/
.card1-box:hover .card1-box-top-title{
    color: rgba(1, 87, 255, 1);

}
.swiper-container-tools-box{
    position: relative
}
.swiper-container-tools-box .swiper-button-next:hover , .swiper-container-tools-box .swiper-button-prev:hover {
    color: rgba(1, 87, 255, 1) !important;
}
.card2-box:hover .card2-bottom-title1{
    color: rgba(0, 87, 255, 1);

}
.search-input-box{
    display: flex;align-items: center;
}
.search-create-editor{
    display: flex ;align-items: center
}
.search-create-tit{

    font-weight: 500;
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
    padding: 0 23px 0 8px;

}
.search-create-editor .search-button:hover {
    background: linear-gradient(90deg, #74BCFF 0%, #0057FF 75%);
    color: #fff;
    opacity: 1;
}

.search-create-editor  .search-button {
    width: 128px;
    height: 54px;
    text-align: center;
    line-height: 54px;
    opacity: 1;
    border-radius: 109px;
    background: linear-gradient(270deg, #74BCFF 0%, #0057FF 75%);
    color: #fff;
    cursor: pointer;

}
.search-recommend-li{
    border: 1px solid rgba(233, 232, 232, 1);
    background: rgba(255, 255, 255, 1);
    border-radius: 8px;
    padding: 6px 12px 6px 12px;
}
.search-recommend-li:nth-child(n+2){
    margin-left: 14px;
}
.search-recommend{
    width: 1120px;
}
.bak-box{
    /*width: calc(100% - 900px);*/
}
.contents-design-tools{
    /*display: grid;*/
    /*grid-template-columns: repeat(8, 1fr);*/
    /*gap: 10px;*/
    /*width: calc(100% - 60px);*/
    position: relative;
    z-index: 1;

    /*display: flex;*/
    /*justify-content: space-between;*/
    /*line-height: 1;*/

    /*margin: 0 auto;*/
    /*overflow: hidden;*/
}
.swiper-contents-design-tools{
    overflow: hidden;
    position: relative;
    width: calc(100% - 60px);
    margin: 0 auto;
    /*padding-top: 38px;*/
}
.contents-design-tools-item{
    position: relative;
    width: 205px ;
    box-sizing: border-box;
    height: 73px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid rgba(233, 232, 232, 1);
    background: rgba(255, 255, 255, 1);
    /*margin-right: 24px;*/
    flex-grow: 1;
    padding: 12px 13px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    flex-flow: column;
}
/*.contents-design-tools-item:nth-child(n+2){*/
/*    margin-left: 24px;*/
/*}*/
.contents-design-tools-item-title{
    display: flex;
    align-items: center;
    transition: all .3s ease-in-out;

}
.contents-design-tools-item-title-img{
    transition: all .3s ease-in-out;
    margin-right: 8px;
}
.contents-design-tools-item-title-font{
    font-weight: 500;
    font-size: 16px;
    color: rgba(31, 26, 27, 1);
    transition: all .3s ease-in-out;


}
.contents-design-tools-item-subtitle{
    margin-top: 6px;
    display: flex;
    position: relative;
    height: 20px;
}
.contents-design-tools-item-subtitle-font{
    font-weight: 400;
    font-size: 14px;
    color: rgba(121, 118, 118, 1);
    transition: all .3s ease-in-out;
    /*position: absolute;*/
}


.contents-design-tools-item-subtitle .icon2-shouye-qianwangjiantou{
    color: rgba(0, 87, 255, 1);
    width: 0;
    opacity: 0;
    transition: all .3s ease-in-out;
    position: absolute;
}
.contents-design-tools-item:hover .contents-design-tools-item-subtitle .icon2-shouye-qianwangjiantou
{
    width: 16px;
    opacity: 1;

}
.contents-design-tools-item:hover .contents-design-tools-item-subtitle-font{
    opacity: 0;
    display: none;

}

.contents-design-tools-item:hover .contents-design-tools-item-title-img{
    opacity: 0;
    width: 0;
    height: 0;
    margin-right: 0;
    /*display: none;*/

}
.contents-design-tools-item-left{
    display: flex;
    flex-flow: column;
}
.contents-design-tools-item-right{
    position: absolute;
    right: 0;
    opacity: 0;
    bottom: 0;
    width: 62px;
    height: 71px;
    overflow: hidden;
    border-radius: 6px;
    transform: translate(20px, 20px);
    transition:
            cubic-bezier(.2, 0, 0, 1) .3s
}
.contents-design-tools-item-right-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.contents-design-tools-item:hover .contents-design-tools-item-right{
    transform: translate(0);
    opacity: 1;
}
.swiper-button-prev-tools{
    position: absolute;
    left: 0;
}
.swiper-button-next-tools{
    position: absolute;
    right: 0;
}
.swiper-button-next-tools, .swiper-button-prev-tools{
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    display: flex
;
    color: rgba(165, 163, 164, 1);
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s
    ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    border: 1px solid rgba(255, 255, 255, 1);
}
.contents-design-tools-box{
    margin-top: 38px;
    position: relative;
}
/*img/mouse_hover_compressed.png*/
/* 统一按钮样式 */
.contents-design-tools-box .swiper-button-next,
.contents-design-tools-box .swiper-button-prev {
    width: 40px;  /* 设置按钮宽度 */
    height: 40px;  /* 设置按钮高度 */
    background-color:rgba(255, 255, 255, 1);  /* 按钮背景 */
    border-radius: 50%;  /* 圆形按钮 */
    display: flex;
    color: rgba(165, 163, 164, 1); /* 设置图标为白色 */
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    position: absolute;  /* 使按钮脱离文档流 */
    top: 50%;  /* 垂直居中 */
    transform: translateY(-50%);  /* 使按钮垂直居中 */
    z-index: 10;  /* 确保按钮显示在容器上层 */
    border:1px solid rgba(255, 255, 255, 1);

}
/* 按钮的箭头图标大小调整 */
.contents-design-tools-box .swiper-button-prev::after,
.contents-design-tools-box .swiper-button-next::after {
    font-size: 18px; /* 调整箭头的大小 */

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
/* 下一页按钮的位置调整 */
.contents-design-tools-box .swiper-button-next {
    /*right: -20px;*/
    /* bottom: 51px; */
    top: 50%;
    transform: translate(0, 0);
}

/* 上一页按钮的位置调整 */
.contents-design-tools-box .swiper-button-prev {
    left: 10px; /* 距离左边 10px */
    transform: translate(0, 0);
}
.contents-design-tools-box  .swiper-button-next:hover, .contents-design-tools-box .swiper-button-prev:hover {
    color: rgba(1, 87, 255, 1) !important;
}
.contents-design-tools-box .swiper-button-next.swiper-button-disabled, .contents-design-tools-box .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}
.contents-design-ai{
    display: flex;align-items: center;
    justify-content: center;
    margin-top: 30px;

}
.contents-design-ai-item{
    border-radius: 100px;
    padding: 8px 24px;
    color: rgba(31, 26, 27, 1);
    display: flex;
    align-items: center;
    font-weight: 500;
    background: linear-gradient(90deg, #F1EFFF 0%, #D4E5FF 100%);

    font-size: 16px;

}
.contents-design-ai-item:nth-child(n+2){
    margin-left: 32px;
}

.home-recommended-box{
    position: relative;
    width: calc(100% - 60px);
    margin: 0px auto 0;
}
.home-recommended-box-title{
    font-weight: 500;
    font-size: 18px;
    color: rgba(31, 26, 27, 1);
}
.home-my-design-box{
    position: relative;
    width: calc(100% - 60px);
    margin: 30px auto 0;
}
.home-my-design-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.home-my-design-box-title{
    font-weight: 500;
    font-size: 18px;
    color: rgba(31, 26, 27, 1);
}
.home-my-design-more{
    color: rgba(31, 26, 27, 1);
    font-weight: 400;
    font-size: 16px;
}

.home-my-design-list {
    margin-top: 24px;
    --grid-gap-size: 16px;
    --grid-column-count: 6;
    --grid-column-width: calc((100% - var(--grid-gap-size) * (var(--grid-column-count) - 1)) / var(--grid-column-count));
    grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
    display: grid
;
    gap: var(--grid-gap-size, 16px);
    position: relative;
    grid-gap: 24px 16px;
    width: 100%;
    overflow: hidden;
}

.home-my-design-grid-item {

    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.my-design-preview{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    overflow: hidden;
    background: rgba(247, 247, 247, 1);
    border-radius: 12px;
    border: 1px solid rgba(233, 232, 232, 1)
}
.my-design-preview img{
    width: unset;
    max-width: 100%;
    height: unset;
    max-height: 100%;
    overflow: hidden;
    object-fit: unset;
    border-radius: 2px;
}
/* 响应式设计 */
@media (max-width: 1200px) {
    .home-my-design-list {
        grid-template-columns: repeat(4, 1fr); /* 中等屏幕4列 */
        grid-template-rows: repeat(3, auto); /* 3行 */
    }
}

@media (max-width: 768px) {
    .home-my-design-list {
        grid-template-columns: repeat(3, 1fr); /* 平板3列 */
        grid-template-rows: repeat(4, auto); /* 4行 */
        gap: 20px 15px; /* 移动端调整间距 */
    }
}

@media (max-width: 480px) {
    .home-my-design-list {
        grid-template-columns: repeat(2, 1fr); /* 手机2列 */
        grid-template-rows: repeat(6, auto); /* 6行 */
        gap: 15px 10px;
    }
}
.aspect-ratio{
    position: relative;
    width: 100%;
    padding-top: 100%;
}
.aspect-ratio__container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-my-design-info{
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
}
.my-design-title{
    font-weight: 400;
    color: rgba(31, 26, 27, 1);
    font-size: 16px;
    max-width: 100%;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.my-design-time{
    margin-top: 8px;
    display: flex;
    width: 100%;
    color: rgba(76, 72, 73, 1);
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
}
.home-recommended-album-box{
    display: flex
;
    flex-direction: row;
    align-items:center;
    height: 34px;

}
.recommended-album-item{
    border-radius: 8px;
    cursor: pointer;
    padding: 8px 10px;
    color: rgba(31, 26, 27, 1);
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    border: 1px solid rgba(233, 232, 232, 1)
}
.recommended-album-item.active{
    border: 1px solid rgba(0, 87, 255, 1);
    color: rgba(0, 87, 255, 1);
}
.recommended-album-item:nth-child(n+2){
    margin-left: 18px;
}
.home-recommended-album-content-box{
    margin-top: 15px;
    position: relative;
}
.home-recommended-album-content{
    display: flex;
    overflow: hidden;
    width: 100%;
}
.home-recommended-album-content-item{
    width: 209px;
    height: 400px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    /*border: 1px solid rgba(233, 232, 232, 1)*/
}
.home-recommended-album-content-item .home-recommended-album-img{
    object-fit: contain;
    object-position: center;
    border-radius: 12px;
    height: 100%;
    width: 100%;
    position: relative;
}
/* 统一按钮样式 */
.home-recommended-album-content-box .swiper-button-next,
.home-recommended-album-content-box .swiper-button-prev {
    width: 40px;  /* 设置按钮宽度 */
    height: 40px;  /* 设置按钮高度 */
    background-color:rgba(255, 255, 255, 1);  /* 按钮背景 */
    border-radius: 50%;  /* 圆形按钮 */
    display: flex;
    color: rgba(165, 163, 164, 1); /* 设置图标为白色 */
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    position: absolute;  /* 使按钮脱离文档流 */
    top: 50%;  /* 垂直居中 */
    transform: translateY(-50%);  /* 使按钮垂直居中 */
    z-index: 10;  /* 确保按钮显示在容器上层 */
    border:1px solid rgba(255, 255, 255, 1);

}
/* 按钮的箭头图标大小调整 */
.home-recommended-album-content-box .swiper-button-next::after,
.home-recommended-album-content-box .swiper-button-prev::after {
    font-size: 18px; /* 调整箭头的大小 */

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
/* 下一页按钮的位置调整 */
.home-recommended-album-content-box .swiper-button-next {
    right: -20px;
    /* bottom: 51px; */
    top: 50%;
    transform: translate(0, 0);
}

/* 上一页按钮的位置调整 */
.home-recommended-album-content-box .swiper-button-prev {
    left: -22px; /* 距离左边 10px */
    transform: translate(0, 0);
}
.home-recommended-album-content-item2{
    width: 209px;
    height: 400px;
    background: rgba(247, 247, 247, 1);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid rgba(233, 232, 232, 1)

}
.home-recommended-album-content-item2-text{
    text-align: center;
    color: rgba(121, 118, 118, 1);
    font-weight: 500;
    font-size: 14px;

    display: flex;
    flex-flow: column;
    align-items: center;
}
.album-content-item2-more-text{
    margin-top: 10px;
}
 /* 添加标签切换动画 */
 .recommended-album-item {
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}


.recommended-album-item.active {
    color: #2878ff;
}

.home-recommended-album-content-box .swiper-button-next.swiper-button-disabled, .home-recommended-album-content-box .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}
.search-create{
    height: 60px;
    /* position: absolute; */
    right: 0;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 500;
    background: linear-gradient(270deg, #74BCFF 0%, #0057FF 75%);
    color: #fff;

    text-align: center;
    width: 158px;
    line-height: 60px;
}
.home-recommended-album-content-item-img{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.home-recommended-album-hidden-box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.online-edit{
    position: absolute;
    display: inline-block;
    top: 10px;
    right: 10px;
    width: 130px;
    height: 32px;
    line-height: 32px;
    margin: 0;
    z-index: 2;
    background: #0057ff;
    max-width: 195px;
    color: #FFFFFF;
    border-radius: 4px;
    text-align: center;
}
.home-recommended-album-hidden-box-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;


}
.home-recommended-album-hidden-box-bottom-title{
    position: absolute;
    bottom: 5px;
    left: -60%;
    width: 49%;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    transition: left .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
}
.home-recommended-album-hidden-box-bottom-level{
    position: absolute;
    bottom: 5px;
    right: -60%;
    font-style: normal;
    font-weight: 500;
    transition: right .3s;
    display: flex;
    align-items: center;
    color: #ffefc3;
    font-size: 12px;
    line-height: 24px;
    background: rgba(0, 0, 0, .47);
    padding: 0 6px;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 4px;
    cursor: default;
    height: 22px;
}
.HotTopicRecommend_vip_icon__DnrKf{
    width: 12px;
    height: 12px;
}
.home-recommended-album-content-item:hover .home-recommended-album-hidden-box{
    opacity:1;
}
.home-recommended-album-content-item:hover .home-recommended-album-hidden-box-bottom-title{
    left:2%
}
.home-recommended-album-content-item:hover .home-recommended-album-hidden-box-bottom-level{
    right:2%
}
 .my-design-more-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 6px;
     display: none;
    cursor: pointer;
    z-index: 2;
}
.home-my-design-grid-item:hover .my-design-more-btn{
    display: block;
}
.my-design-more-btn-box{
    position: absolute;
    top: 30px;
    left: -70px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    border-radius: 8px;
    pointer-events: auto;
    background: #ffffff;
    width: 114px;
    padding: 10px ;
    display: none;
    opacity: 0;
}
.my-design-more-btn-box-item{
    font-size: 16px;
    color: #0f0f0f;
    /*font-weight: 500;*/
    padding: 8px 20px 8px 4px;
    cursor: pointer;
}
.my-design-more-btn-box-item:hover {
    color: rgb(239 68 68);
}

.my-design-more-btn:hover .my-design-more-btn-box,
.my-design-more-btn-box:hover{
    display: block;
    opacity: 1;
}
.recommended-album-item2{
    color: rgba(31, 26, 27, 1);
    font-weight: 400;
    font-size: 16px;
}
.home-recommended-album-title-box{
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.HotTopicRecommend_filter__Iwz97{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, .2);
}
.HotTopicRecommend_imgBox__nlY79{
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    transition: transform .3s
    ease-in-out;
}
.HotTopicRecommend_rect__KMwNN{
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: -moz-fit-content;
    height: fit-content;
}