.pic{width:1.979167rem;height:2.447917rem;position:relative;overflow:hidden;display:inline-block;backface-visibility:hidden}.pic:hover{box-shadow:0 .026042rem .046875rem .010417rem hsla(0,0%,89.4%,.5)}.pic-image{width:100%;height:1.979167rem}.pic:hover .pic-image{transform:scale(1)}.pic-caption,.pic .pic-image,.pic:hover .pic-caption,.pic:hover img{transition:all .5s ease;cursor:pointer}.pic-caption{cursor:default;position:absolute;width:100%;height:1.979167rem;background:rgba(0,0,0,.62);color:#fff;padding:.260417rem;cursor:pointer}.pic-caption p{margin-bottom:.057292rem;font-size:.083333rem;letter-spacing:1px}.pic:hover .left-to-right,.pic:hover .right-to-left,.pic:hover .top-to-bottom{filter:alpha(opacity=100);opacity:1;user-select:none;touch-callout:none;tap-highlight-color:transparent}.left-to-right{top:0;right:100%}.pic:hover .left-to-right{right:0;top:0}.top-to-bottom{bottom:100%;left:0}.pic:hover .top-to-bottom{left:0;bottom:.46875rem}.right-to-left{top:0;left:100%}.pic:hover .right-to-left{left:0;top:0}@-webkit-keyframes anima{0%{margin-left:-.104167rem;filter:alpha(opacity=0);opacity:0}to{margin-left:.052083rem;filter:alpha(opacity=100);opacity:1}}.peripheral-office-wapper[data-v-38e4945a]{width:100%;height:100%;overflow:hidden}.peripheral-office-wapper .products-wapper[data-v-38e4945a]{width:100%;height:4.552083rem;background:#fff;display:flex;align-items:center;flex-direction:column;padding-top:.447917rem}.peripheral-office-wapper .products-wapper .title[data-v-38e4945a]{font-size:.239583rem;color:#333;letter-spacing:.005208rem}.peripheral-office-wapper .products-wapper .sub[data-v-38e4945a]{font-size:.125rem;color:#666;margin-top:.104167rem}.peripheral-office-wapper .per-card-wapper[data-v-38e4945a]{margin:.364583rem auto 0;display:flex;justify-content:space-around}.peripheral-office-wapper .per-card[data-v-38e4945a]{width:1.979167rem;height:2.447917rem;display:flex;flex-direction:column;cursor:pointer}.peripheral-office-wapper .per-card[data-v-38e4945a]:nth-child(2){margin:0 .15625rem}.peripheral-office-wapper .per-card .pic-title[data-v-38e4945a]{height:.46875rem;line-height:.46875rem;display:flex;align-items:center;justify-content:center;font-size:.114583rem;color:#333;font-weight:700}.peripheral-office-wapper .keyboard-wapper[data-v-38e4945a]{width:100%;height:4.026042rem;background:#f8f8f8;display:flex;align-items:center;justify-content:center}.peripheral-office-wapper .keyboard[data-v-38e4945a]{display:flex;flex-direction:column}.peripheral-office-wapper .keyboard .keyboard-title[data-v-38e4945a]{display:flex;align-items:baseline;margin-bottom:.260417rem}.peripheral-office-wapper .keyboard .keyboard-title .title[data-v-38e4945a]{font-size:.239583rem;color:#333;font-weight:700;display:flex}.peripheral-office-wapper .keyboard .keyboard-title span[data-v-38e4945a]{font-size:.125rem;color:#666;margin-left:.078125rem}.peripheral-office-wapper .keyboard .keyboard-sub[data-v-38e4945a]{width:2.729167rem;font-size:.09375rem;color:#666;line-height:.1875rem;margin-bottom:.625rem}.peripheral-office-wapper .keyboard .btn[data-v-38e4945a]{width:.9375rem;height:.239583rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.09375rem;border-radius:.010417rem}.peripheral-office-wapper .keyboard .btn .go-img[data-v-38e4945a]{width:.15625rem;height:.15625rem;margin-left:.020833rem}.peripheral-office-wapper .keyboard .btn .go-img img[data-v-38e4945a]{width:100%;height:100%}.peripheral-office-wapper .keyboard .btn-orange[data-v-38e4945a]{background:#f36d3c;color:#fff;border-color:#f36d3c}.peripheral-office-wapper .keyboard .btn-orange[data-v-38e4945a]:hover{background:#f8916b;border-color:#f8916b}.peripheral-office-wapper .keyboard-img[data-v-38e4945a]{width:3.052083rem;height:1.989583rem;margin-left:.46875rem}