.c-fixed-proportion-box{height:0;padding-bottom:56.25%;position:relative;width:100%}.c-fixed-proportion-box>.content{height:100%;left:0;position:absolute;top:0;width:100%}.recommend-ad-space{display:grid;grid-template-columns:repeat(24,1fr);margin-top:16px;width:100%;grid-column-gap:12px}.recommend-ad-space .ad-box.left{grid-column:span 12}.recommend-ad-space .ad-box.middle{display:grid;grid-column:span 8;grid-template-rows:repeat(3,1fr);grid-row-gap:12px}.recommend-ad-space .ad-box.middle .middle-top{grid-row:span 2}.recommend-ad-space .ad-box.middle .middle-bottom{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:12px}.recommend-ad-space .ad-box.right{display:grid;grid-column:span 4;grid-template-rows:repeat(3,1fr);grid-row-gap:12px}.recommend-ad-space .c-fixed-proportion-box{transition:transform .2s ease-in-out}.recommend-ad-space .c-fixed-proportion-box:hover{transform:translateY(-4px)}.recommend-ad-space .c-fixed-proportion-box:hover .ad-swiper-button-next,.recommend-ad-space .c-fixed-proportion-box:hover .ad-swiper-button-prev{display:flex}.recommend-ad-space .c-fixed-proportion-box .swiper-pagination{bottom:16px;display:flex;justify-content:flex-end;left:auto;right:20px}.recommend-ad-space .c-fixed-proportion-box .ad-swiper-button-next,.recommend-ad-space .c-fixed-proportion-box .ad-swiper-button-prev{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-image:linear-gradient(0deg,#fcfcfcd9,#fcfcfcd9);border-radius:50%;cursor:pointer;display:none;height:32px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:32px;z-index:2}.recommend-ad-space .c-fixed-proportion-box .ad-swiper-button-next .g-icon,.recommend-ad-space .c-fixed-proportion-box .ad-swiper-button-prev .g-icon{color:#00000072;font-size:8px;line-height:normal;transform-origin:center center;transition:transform .1s linear}.recommend-ad-space .c-fixed-proportion-box .ad-swiper-button-next:hover .g-icon,.recommend-ad-space .c-fixed-proportion-box .ad-swiper-button-prev:hover .g-icon{color:#0000009b}.recommend-ad-space .c-fixed-proportion-box .ad-swiper-button-next:active .g-icon,.recommend-ad-space .c-fixed-proportion-box .ad-swiper-button-prev:active .g-icon{transform:scale(.88)}.recommend-ad-space .c-fixed-proportion-box .ad-swiper-button-prev{left:12px}.recommend-ad-space .c-fixed-proportion-box .ad-swiper-button-prev .g-icon{margin-right:1px}.recommend-ad-space .c-fixed-proportion-box .ad-swiper-button-next{right:12px}.recommend-ad-space .c-fixed-proportion-box .ad-swiper-button-next .g-icon{margin-left:1px}.recommend-ad-space .swiper{height:100%}.recommend-ad-space .swiper.init .swiper-wrapper{transform:translate(-100%)}.recommend-ad-space .swiper:active{opacity:.85}.recommend-ad-space .swiper .swiper-image-box{background-clip:border-box;border:1px solid #fafafa;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.recommend-ad-space .swiper .swiper-image-box:after,.recommend-ad-space .swiper .swiper-image-box:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.recommend-ad-space .swiper .swiper-image-box:before{border:1px solid var(--Main-New-group-stroke_pic);border-radius:8px}.recommend-ad-space .swiper .swiper-image-box:after{background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.5))}.recommend-ad-space .swiper .swiper-image-box .title{align-items:flex-end;box-sizing:border-box;color:#fff;display:flex;font-family:MiSans VF;font-weight:630;margin-bottom:12px;margin-top:auto;padding-left:24px;position:relative;width:100%;z-index:3}.recommend-ad-space .swiper .swiper-image-box .title .date-info{align-items:center;display:flex;flex-shrink:0}.recommend-ad-space .swiper .swiper-image-box .title .date-info .date{font-family:MiSans VF;font-size:38px;font-weight:600}.recommend-ad-space .swiper .swiper-image-box .title .date-info .year-month{font-family:MiSans VF;font-size:12px;line-height:14px}.recommend-ad-space .swiper .swiper-image-box .title .date-info .text{font-family:MiSans VF;font-size:27px;font-weight:630;margin-left:6px}.recommend-ad-space .swiper .swiper-image-box .title .date-info i{background-color:#fff;height:27px;margin:0 6px 0 4px;width:1px}.recommend-ad-space .swiper .swiper-image-box .title>p{align-items:center;display:flex;flex:1;font-size:14px;line-height:20px;overflow:hidden}.recommend-ad-space .swiper .swiper-image-box .title>p i{background-color:#fff;flex-shrink:0;height:13px;margin:0 6px 0 12px;width:1px}.recommend-ad-space .swiper .swiper-image-box .title.today-recommend{margin-bottom:8px;padding-left:12px}.recommend-ad-space .swiper .swiper-image-box .title.today-recommend>p{margin-bottom:6px}.recommend-ad-space .image-box{background-clip:border-box;border:1px solid var(--Main-New-group-stroke_pic);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .3s ease-in-out}.recommend-ad-space .image-box:hover{transform:translateY(-4px)}.recommend-ad-space .image-box:active .image{opacity:.85}.recommend-ad-space .image-box.no-image{background-clip:padding-box;background-color:#2832480d;border:1px solid rgba(40,50,72,.07)}.recommend-ad-space .image-box.no-image .image,.recommend-ad-space .image-box.no-image:after{display:none}.recommend-ad-space .image-box .image{background-size:cover;height:100%;transition:opacity .3s ease-in-out;width:100%}.recommend-ad-space .image-box:after{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.recommend-ad-space .image-box .title{bottom:0;box-sizing:border-box;color:#fff;font-size:14px;font-weight:630;left:0;line-height:20px;margin-bottom:12px;margin-top:auto;padding:0 16px;position:absolute;width:100%;z-index:2}.recommend-ad-space .image-box,.recommend-ad-space .ranking-entrance,.recommend-ad-space .swiper-image-box{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px}.recommend-ad-space .image-box .g-icon,.recommend-ad-space .ranking-entrance .g-icon,.recommend-ad-space .swiper-image-box .g-icon{height:100%;transition:transform .3s ease-in-out;width:100%}.recommend-ad-space .image-box:hover .g-icon,.recommend-ad-space .ranking-entrance:hover .g-icon,.recommend-ad-space .swiper-image-box:hover .g-icon{transform:translateY(-4px)}.recommend-ad-space .ranking-entrance{background-size:contain;transition:opacity .3s ease-in-out}.recommend-ad-space .ranking-entrance:active{opacity:.85}.recommend-ad-space .ranking-entrance.no-image{background-clip:padding-box;background-color:#2832480d;border:1px solid rgba(40,50,72,.07);position:relative}.recommend-ad-space .ranking-entrance.no-image:after{background-color:#fff6;border-radius:4px;content:"";height:20px;left:16px;position:absolute;top:16px;width:64px;z-index:1}@media only screen and (max-width:768px){.recommend-ad-space .swiper-image-box .title,.recommend-ad-space .swiper-image-box:after{display:none!important}.recommend-ad-space .middle-bottom .image-box .title,.recommend-ad-space .middle-bottom .image-box:after{display:none}.recommend-ad-space .ranking-entrance .g-icon{background-position:0 0;background-size:173.89% 175.44%}}.page-recommend-wallpaper-list{display:grid;grid-template-columns:repeat(4,1fr);width:100%;grid-column-gap:12px;grid-row-gap:12px}.page-recommend-wallpaper-list.initialized .wallpaper-wrapper{overflow:unset}.page-recommend-wallpaper-list.no-title{margin-top:16px}.page-recommend-wallpaper-list .wallpaper-wrapper{overflow:hidden}.page-recommend-empty-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 128px)}.page-recommend-list-title{align-items:center;display:flex;margin:24px 0 16px}.page-recommend-list-title.no-title{display:none}.page-recommend-list-title>p{color:#000000e4;font-size:20px;font-weight:630;line-height:28px;padding-left:8px}.page-recommend-list-title>span{align-items:center;background:var(--Accent-Colors-Accent-Light-3);border:1px solid #0000000f;border-radius:3px;color:var(--Font-primary_normal);cursor:pointer;display:flex;font-size:12px;line-height:16px;margin-left:12px;padding:4px 8px}.page-recommend-list-title>span .icon-question{margin-right:4px;fill:var(--Button-primary_normal)}.page-recommend-list-title>span .icon-arrow{margin-left:5px;fill:var(--Font-primary_normal)}.page-recommend-list-title>span:hover{background:var(--Accent-Colors-Accent-Light-2);color:var(--Font-primary_hover)}.page-recommend-list-title>span:hover .icon-question{fill:var(--Button-primary_hover)}.page-recommend-list-title>span:hover .icon-arrow{fill:var(--Font-primary_hover)}.page-recommend-list-title>span:active{color:var(--Button-tertiary_pressed)}.page-recommend-list-title>span:active .icon-question{fill:var(--Button-primary_pressed)}.page-recommend-list-title>span:active .icon-arrow{fill:var(--Button-tertiary_pressed)}.recommend-list-no-more{color:#0000005c;margin-top:24px;text-align:center}@media only screen and (max-width:768px){.page-recommend-wallpaper-list{grid-template-columns:repeat(3,1fr)}}