.cmp__appearance-design{background:#f7f7f7;padding:calc(var(--rpx, 1px)*64) 0 calc(var(--rpx, 1px)*60)}@media screen and (max-width:767px){.cmp__appearance-design{height:auto;padding:calc(var(--rpx, 1px)*48) 0}}.cmp__appearance-design img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cmp__appearance-design-wrapper{overflow:hidden}@media screen and (max-width:767px){.cmp__appearance-design-wrapper{height:100%}}.cmp__appearance-design-swiper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}@media screen and (max-width:767px){.cmp__appearance-design-swiper{display:block}}.cmp__appearance-design-swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:767px){.cmp__appearance-design-swiper-wrapper{display:block}}.cmp__appearance-design-slide{overflow:hidden;width:calc(var(--rpx, 1px)*550)}@media screen and (max-width:767px){.cmp__appearance-design-slide{-webkit-box-orient:vertical;-webkit-box-direction:reverse;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%}}.cmp__appearance-design-slide:not(:last-child){margin-right:calc(var(--rpx, 1px)*20)}@media screen and (max-width:767px){.cmp__appearance-design-slide:not(:last-child){margin-bottom:6px;margin-right:0}}.cmp__appearance-design-slide.view img{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:scale(1);transform:scale(1)}.cmp__appearance-design-slide-content{margin-top:calc(var(--rpx, 1px)*28)}@media screen and (max-width:767px){.cmp__appearance-design-slide-content{background:#fff;border-top-left-radius:8px;border-top-right-radius:8px;margin:0;padding:calc(var(--rpx, 1px)*32) calc(var(--rpx, 1px)*16)}}.cmp__appearance-design-slide-content .title{color:rgba(0,0,0,.95);font-size:24px;font-weight:500;line-height:24px;margin-bottom:8px}@media screen and (max-width:767px){.cmp__appearance-design-slide-content .title{font-size:1pc;font-weight:500;letter-spacing:.5px;line-height:24px;margin-bottom:6px}}.cmp__appearance-design-slide-content .description{color:#7a7a7a;font-size:14px;font-weight:400;line-height:21px}@media screen and (max-width:767px){.cmp__appearance-design-slide-content .description{color:rgba(0,0,0,.5);font-size:13px;font-weight:400;line-height:20px}}.cmp__appearance-design-slide img{border-radius:calc(var(--rpx, 1px)*8);-webkit-clip-path:inset(0 0 calc(var(--rpx, 1px)*370) 0);clip-path:inset(0 0 calc(var(--rpx, 1px)*370) 0);height:calc(var(--rpx, 1px)*370);overflow:hidden;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all 1s cubic-bezier(.5,0,0,.75);transition:all 1s cubic-bezier(.5,0,0,.75);width:calc(var(--rpx, 1px)*550)}@media screen and (max-width:767px){.cmp__appearance-design-slide img{-webkit-box-ordinal-group:2;-ms-flex-order:1;border-radius:8px;border-top-left-radius:0;border-top-right-radius:0;-webkit-clip-path:none;clip-path:none;height:calc(var(--rpx, 1px)*202);order:1;-webkit-transform:scale(1);transform:scale(1);width:100%}}.cmp__appearance-design-swiper-controller{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-top:calc(var(--rpx, 1px)*50)}@media screen and (max-width:767px){.cmp__appearance-design-swiper-controller{display:none}}.cmp__appearance-design-swiper-controller .cmp__appearance-design-swiper-progressbar{background:rgba(0,0,0,.4);height:1px;position:relative;width:calc(var(--rpx, 1px)*640)}.cmp__appearance-design-swiper-controller .cmp__appearance-design-swiper-progressbar .swiper-pagination-progressbar-fill{background-color:rgba(0,0,0,.95);height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top;width:100%}.cmp__appearance-design-swiper-controller .cmp__appearance-design-swiper-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;gap:calc(var(--rpx, 1px)*8)}.cmp__appearance-design-swiper-controller .cmp__appearance-design-swiper-pagination .svg-icon{cursor:pointer;height:2pc;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:2pc}.cmp__appearance-design-swiper-controller .cmp__appearance-design-swiper-pagination .svg-icon.swiper-button-disabled{opacity:.5}.cmp__appearance-design-swiper-controller .cmp__appearance-design-swiper-pagination .cmp__appearance-design-swiper-prev{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.cmp2__appearance-design{padding:calc(var(--rpx, 1px)*80) 0}@media screen and (max-width:767px){.cmp2__appearance-design{padding:calc(var(--rpx, 1px)*48) 0}}.cmp2__appearance-design.reverse .cmp2__appearance-design-list{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.cmp2__appearance-design img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cmp2__appearance-design-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;height:auto}@media screen and (max-width:767px){.cmp2__appearance-design-list{display:block}}.cmp2__appearance-design-l{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width:767px){.cmp2__appearance-design-l{display:block}}.cmp2__appearance-design-l-item{-webkit-box-flex:1;-ms-flex:1;flex:1}.cmp2__appearance-design-l-item:last-child{margin-top:calc(var(--rpx, 1px)*45)}@media screen and (max-width:767px){.cmp2__appearance-design-l-item{-webkit-box-orient:vertical;-webkit-box-direction:reverse;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;overflow:hidden}.cmp2__appearance-design-l-item:last-child{margin-top:calc(var(--rpx, 1px)*8)}}.cmp2__appearance-design-l-item .img-wrapper{border-radius:6px;height:calc(var(--rpx, 1px)*366);overflow:hidden;width:100%}@media screen and (max-width:767px){.cmp2__appearance-design-l-item .img-wrapper{border-radius:unset;height:calc(var(--rpx, 1px)*202)}}.cmp2__appearance-design-r{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (max-width:767px){.cmp2__appearance-design-r{display:block}.cmp2__appearance-design-r-item{-webkit-box-orient:vertical;-webkit-box-direction:reverse;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;overflow:hidden}.cmp2__appearance-design-r-item:last-child{margin-top:calc(var(--rpx, 1px)*8)}}.cmp2__appearance-design-r-item .img-wrapper{border-radius:6px;height:calc(var(--rpx, 1px)*840);overflow:hidden;width:100%}@media screen and (max-width:767px){.cmp2__appearance-design-r-item .img-wrapper{border-radius:unset;height:calc(var(--rpx, 1px)*202)}}.cmp2__appearance-design .content-wrapper{margin-top:calc(var(--rpx, 1px)*12)}@media screen and (max-width:767px){.cmp2__appearance-design .content-wrapper{background:#f7f7f7;margin:0;padding:calc(var(--rpx, 1px)*24) calc(var(--rpx, 1px)*16)}}.cmp2__appearance-design .content-wrapper h4{color:rgba(0,0,0,.95);font-size:1pc;font-weight:500;letter-spacing:.5px;line-height:24px;padding-bottom:4px}@media screen and (max-width:767px){.cmp2__appearance-design .content-wrapper h4{font-size:1pc;font-weight:500;letter-spacing:.5px;line-height:24px;padding-bottom:6px}}.cmp2__appearance-design .content-wrapper p{color:rgba(0,0,0,.95);font-size:13px;font-weight:500;line-height:23px}@media screen and (max-width:767px){.cmp2__appearance-design .content-wrapper p{color:rgba(0,0,0,.55);font-size:13px;font-weight:400;line-height:20px}}