23fa45c.css 2.9 KB

1
  1. .spec-preview[data-v-5b247e95]{position:relative}.spec-preview img[data-v-5b247e95],.spec-preview[data-v-5b247e95]{height:100%;width:100%}.spec-preview .event[data-v-5b247e95]{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.spec-preview .mask[data-v-5b247e95]{background-color:rgba(100,149,237,.3);display:none;height:50%;left:0;position:absolute;top:0;width:50%}.spec-preview .big[data-v-5b247e95]{background:#fff;border:1px solid #aaa;display:none;height:100%;left:100%;overflow:hidden;position:absolute;top:-1px;width:100%;z-index:1}.spec-preview .big img[data-v-5b247e95]{height:200%;left:0;max-width:200%;position:absolute;top:0;width:200%}.spec-preview .event:hover~.big[data-v-5b247e95],.spec-preview .event:hover~.mask[data-v-5b247e95]{display:block}.product-left[data-v-2ff2d67f]{padding-right:20px}.product-left .media[data-v-2ff2d67f]{border:1px solid rgba(74,89,108,.2);height:578px;position:relative;width:578px}.product-left .media .banner[data-v-2ff2d67f]{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.product-left .media video[data-v-2ff2d67f]{-o-object-fit:contain;object-fit:contain}.product-left .media .design_list_img[data-v-2ff2d67f]{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);padding:10px}.product-left .media .design_list_img li[data-v-2ff2d67f]{cursor:pointer}.product-left .media .switch-wrap[data-v-2ff2d67f]{bottom:20px;font-family:ProximaNova-Regular;left:50%;position:absolute;transform:translate(-50%);z-index:2}.product-left .media .switch-btn[data-v-2ff2d67f]{text-align:center}.product-left .media .switch-btn[data-v-2ff2d67f]:first-child{margin-bottom:20px}.product-left .media .switch-btn .primary_button[data-v-2ff2d67f]{background:#fff;box-shadow:0 2px 4px 1px rgba(0,0,0,.2);color:#00213b;cursor:pointer;display:inline-block;padding:10px 0;transition:all .2s ease-out 0s;width:140px}.product-left .media .switch-btn .primary_checked[data-v-2ff2d67f]{background:#00213b!important;color:#fff!important}.product-left .smImgUl ul[data-v-2ff2d67f]{display:inline-grid;gap:5px;grid-template-columns:repeat(8,68px);margin-top:10px}.product-left .smImgUl ul li[data-v-2ff2d67f]{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #eee;box-sizing:border-box;cursor:pointer;height:68px;position:relative;width:100%}.product-left .smImgUl ul .slip[data-v-2ff2d67f]{border-color:#4a596c!important}.product-left .smImgUl ul .playMask[data-v-2ff2d67f]{align-items:center;background-color:rgba(0,0,0,.3);display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%}.big[data-v-2ff2d67f]{background:#fff;border:1px solid rgba(74,89,108,.2);height:100%;left:100%;overflow:hidden;top:-1px;width:100%;z-index:3}.big img[data-v-2ff2d67f],.big[data-v-2ff2d67f]{position:absolute}.big img[data-v-2ff2d67f]{height:200%;left:0;max-width:200%;-o-object-fit:cover;object-fit:cover;top:0;width:200%}