.container[data-v-e35e85d6]{background-color:#fff}.tc[data-v-e35e85d6]{text-align:center}.title[data-v-e35e85d6]{padding-top:32px}.title h2[data-v-e35e85d6]{margin-bottom:12px;font-size:36px;color:#333}.title p[data-v-e35e85d6]{font-size:20px;color:#666}.list[data-v-e35e85d6]{justify-content:space-between;margin:50px auto 28px;text-align:center;display:flex;width:798px}.list li[data-v-e35e85d6]{position:relative;cursor:pointer}.list li .img-box[data-v-e35e85d6]{box-shadow:0 2px 20px 0 #f4f5f7;background:#fff;line-height:114px;border-radius:4px;margin-bottom:12px;width:114px;height:114px;position:relative;overflow:hidden}.list li .img-box a[data-v-e35e85d6]{width:100%;height:100%;display:block}.list li:hover .down-name[data-v-e35e85d6]{opacity:0}.list li:hover .down-text[data-v-e35e85d6]{opacity:1;top:-22px}.list li:hover .qr-icon[data-v-e35e85d6]{transform:scale(0)}.list li:hover .qrcode-img[data-v-e35e85d6]{transform:translate(-50%,-50%) scale(1)}.list li:hover .corner-icon[data-v-e35e85d6]{top:-120px}.list li:hover .corner-qrcode[data-v-e35e85d6]{top:-22px}.list .corner-icon[data-v-e35e85d6]{position:absolute;top:-42px;right:-42px;width:84px;height:84px;transform:rotate(45deg);background-color:#0788fb;transition:all .2s ease}.list .corner-qrcode[data-v-e35e85d6]{position:absolute;right:7px;top:10px;font-size:24px;color:#fff;transition:all .2s ease}.list .qr-icon[data-v-e35e85d6]{transform:scale(1);transition:all .2s ease}.list .qrcode-img[data-v-e35e85d6]{position:absolute;width:78px;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .2s ease}.list .qrcode-down[data-v-e35e85d6]{width:31px}.list .down-name[data-v-e35e85d6]{opacity:1;transition:all .2s ease}.list .down-text[data-v-e35e85d6]{opacity:0;top:0;position:relative;transition:all .2s ease}