.app-banner{position:relative}.app-banner .app-banner__main{background-color:#d7e4f9}.app-banner .app-banner__main .el-carousel__container{height:100%}.app-banner .app-banner__main .el-carousel__item{background-repeat:no-repeat}.app-banner .app-banner__main .banner-link{position:relative;display:block;width:100%;height:100%;z-index:10}.app-banner .app-banner__main .el-carousel__indicators--horizontal{bottom:42px}.app-banner .app-banner__main .el-carousel__indicator .el-carousel__button{width:18px;height:4px;background:hsla(0,0%,100%,.4);box-shadow:0 1px 3px 0 rgba(0,0,0,.1);border-radius:1px}.app-banner .app-banner__main .el-carousel__indicator.is-active .el-carousel__button{width:24px;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);border-radius:1px}.app-banner .banner-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-content:center;justify-content:center;margin:0 auto 50px;width:1124px;color:#333;z-index:1}.app-banner .banner-content .banner-title{margin-bottom:12px;font-size:38px;font-weight:700;line-height:44px}.app-banner .banner-content .banner-desc{width:570px;margin-bottom:12px;font-size:16px;line-height:24px}.c-recommend-item{display:flex;justify-content:flex-start;width:100%;height:146px;padding:24px 0;border-bottom:1px solid #f0f0f0}.c-recommend-item__img{flex:0 0 100px;width:100px;height:100px}.c-recommend-item__wrap{flex:1;width:100%;height:100%;padding-left:24px;box-sizing:border-box;overflow:hidden}.c-recommend-item__reason{font-size:18px;color:#333}.c-recommend-item__description,.c-recommend-item__reason{width:100%;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.c-recommend-item__description{font-size:14px;color:#3f3f3f;line-height:50px}.c-recommend-item__price{font-size:14px;color:#f86565;width:100%;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.c-recommend-item:first-child{height:118px;padding-top:0}.c-hot-item{flex:0 0 200px;width:200px;border:1px solid #e5e5e5;padding:14px;margin-bottom:10px}.c-hot-item__img{width:172px;height:172px}.c-hot-item__name{position:absolute;bottom:0;left:0;height:32px;background-color:rgba(0,0,0,.66);color:#fff;line-height:32px;padding:0 20px}.c-hot-item__description,.c-hot-item__name{font-size:14px;width:100%;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.c-hot-item__description{line-height:40px;color:#333}.c-hot-item__price{display:flex;justify-content:space-between;color:#666}.c-hot-item:hover{transform:scale(1.05)}.el-carousel__item{background-size:100%;background-repeat:no-repeat;background-position:50%}.m-banner[data-v-ab3d2730]{max-width:1046px;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:10;height:100%}.m-banner__title[data-v-ab3d2730]{font-size:45px;color:#fff;letter-spacing:2.7px;padding:100px 0 10px 0}.m-banner__subtitle[data-v-ab3d2730]{font-size:18px;color:#fff;opacity:.8;padding-bottom:50px}.m-banner__button[data-v-ab3d2730]{border:1px solid hsla(0,0%,100%,.6);border-radius:6px;display:inline-block;font-size:15px;color:hsla(0,0%,100%,.6);cursor:pointer;transition:all .2s;height:30px;width:180px;text-align:center;line-height:30px;margin-top:180px}.m-banner__button[data-v-ab3d2730]:hover{background-color:#fff;color:#007aff}.page-squere__banner[data-v-ab3d2730]{height:210px;background-size:auto 100%;background-position:50%;background-repeat:no-repeat;overflow:hidden}.page-squere__group[data-v-ab3d2730]{padding:40px 0 40px 0;background:#fff}.page-squere__group[data-v-ab3d2730]:nth-of-type(2n){background:#f3f4f7}.page-squere__head[data-v-ab3d2730]{background:#f3f4f7;padding:50px 0 0 0}.page-squere__title[data-v-ab3d2730]{font-size:22px;color:#333;letter-spacing:0;line-height:32px;max-width:1046px;margin:0 auto;background:#f3f4f7}.page-squere__subtitle[data-v-ab3d2730]{text-align:center;font-size:22px;color:#333;margin-bottom:20px}.hot-recommend[data-v-ab3d2730]{width:1046px;margin:auto;display:flex;justify-content:space-between;align-items:flex-start}.hot-recommend__title-wrap[data-v-ab3d2730]{width:100%;padding:24px 0;display:flex;align-items:flex-end;position:relative}.hot-recommend__title-right[data-v-ab3d2730]{position:absolute;bottom:24px;right:0;font-size:14px;color:#999}.hot-recommend__title[data-v-ab3d2730]{padding-right:62px;font-size:22px;color:#333;position:relative}.hot-recommend__title.active[data-v-ab3d2730]{color:#4a90e2}.hot-recommend__left[data-v-ab3d2730]{flex:1 1 60%}.hot-recommend__left-wrap[data-v-ab3d2730]{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.hot-recommend__right[data-v-ab3d2730]{flex:0 0 40%;padding-left:50px}.m-category[data-v-ab3d2730]{max-width:1046px;margin:0 auto}.m-category__item[data-v-ab3d2730]{height:334px;width:332px;float:left;padding:0 30px;margin-right:25px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.1);text-align:center;margin-bottom:25px;display:flex;flex-direction:column;align-items:center;cursor:pointer;box-sizing:border-box;transition:all .2s;overflow:hidden}.m-category__item[data-v-ab3d2730]:nth-child(3n){margin-right:0}.m-category__item[data-v-ab3d2730]:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(91,91,91,.5)}.m-category__name[data-v-ab3d2730]{font-size:20px;color:#333;text-align:center;padding:10px 0 20px 0;width:100%;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.m-category__img[data-v-ab3d2730]{height:140px;width:140px;margin-top:30px}.m-category__tips[data-v-ab3d2730]{width:200px}.m-category__tip[data-v-ab3d2730]{font-size:14px;color:#999;position:relative;margin-right:4px}.m-category__tip[data-v-ab3d2730]:after{content:"|";margin-left:4px}.m-category__tip[data-v-ab3d2730]:last-child:after{content:unset}.boxF[data-v-ab3d2730],.boxS[data-v-ab3d2730],.boxT[data-v-ab3d2730],.overlay[data-v-ab3d2730]{width:100px;height:150px;overflow:hidden}.boxF[data-v-ab3d2730],.boxS[data-v-ab3d2730]{visibility:hidden}.boxF[data-v-ab3d2730]{transform:rotate(120deg);-ms-transform:rotate(120deg);-moz-transform:rotate(120deg);-webkit-transform:rotate(120deg)}.boxS[data-v-ab3d2730],.boxT[data-v-ab3d2730]{transform:rotate(-60deg);-ms-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-webkit-transform:rotate(-60deg)}.boxT[data-v-ab3d2730]{background:no-repeat 50%;background-size:125% auto;visibility:visible}