@media(min-width:980px){.pannel-wrap[data-v-ef1a74a3]{background:#fff;border:2px dashed #b8d1e5;border-radius:8px;cursor:pointer;flex-shrink:0;min-height:320px;width:1068px}.pannel-wrap[data-v-ef1a74a3]:hover{border-color:var(--primary-dark)}.upload-box[data-v-ef1a74a3]{height:100%;padding:66px 0}.i-image[data-v-ef1a74a3]{height:auto;width:64px}.desc[data-v-ef1a74a3]{color:#1a1c1f;font-family:Manrope;font-size:16px;font-weight:400;line-height:24px;margin:24px 0;text-align:center}.upload-btn .icon[data-v-ef1a74a3]{height:20px;margin-right:8px;width:20px}.upload-btn[data-v-ef1a74a3]{background:var(--primary);border-radius:2px;color:#fff;font-family:Manrope;font-size:20px;font-weight:700;line-height:28px;min-width:246px;padding:16px 48px}.upload-btn[data-v-ef1a74a3]:hover{background:var(--primary-dark)}.list-wrap[data-v-ef1a74a3]{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:24px 0}.list-wrap .list-item .icon[data-v-ef1a74a3]{height:16px;margin-right:8px;width:16px}.list-wrap .list-item .text[data-v-ef1a74a3]{color:#8a9199;font-family:Manrope;font-size:14px;font-weight:400;line-height:22px}.google-drive[data-v-ef1a74a3]{align-items:center;display:flex}.google-drive .i-icon[data-v-ef1a74a3]{height:22px;width:22px}.google-drive .text[data-v-ef1a74a3]{color:#121920;font-size:14px;font-style:normal;font-weight:700;line-height:22px;margin-left:6px;text-align:left;text-decoration-line:underline}.google-drive .text[data-v-ef1a74a3]:hover{opacity:.7}.h5-upload[data-v-ef1a74a3]{display:none}}@media(max-width:980px){.pannel-wrap[data-v-ef1a74a3]{background:#fff;border:.04rem dashed #b8d1e5;border-radius:.24rem;box-sizing:border-box;min-height:4.37rem;width:100%}.pannel-wrap[data-v-ef1a74a3]:hover{border-color:var(--primary-dark)}.upload-box[data-v-ef1a74a3]{padding:.96rem}.upload-box .i-image[data-v-ef1a74a3]{height:auto;width:1.28rem}.upload-box .desc[data-v-ef1a74a3]{color:#121920;font-family:Manrope;font-size:.28rem;font-weight:400;line-height:.44rem;margin:.4rem 0 .48rem;text-align:center}.upload-box .upload-btn .icon[data-v-ef1a74a3]{height:.23rem;margin-right:.16rem;width:.23rem}.upload-box .upload-btn[data-v-ef1a74a3]{background:var(--primary);border-radius:.04rem;color:#fff;font-family:Manrope;font-size:.36rem;font-weight:400;line-height:.52rem;padding:.34rem;width:100%}.upload-box .list-wrap[data-v-ef1a74a3]{display:none}.upload-box .google-drive[data-v-ef1a74a3]{align-items:center;display:flex;margin-top:.32rem}.upload-box .google-drive .i-icon[data-v-ef1a74a3]{height:.4rem;width:.4rem}.upload-box .google-drive .text[data-v-ef1a74a3]{color:#121920;font-size:.28rem;font-style:normal;font-weight:400;line-height:.48rem;margin-left:.1rem;text-align:left;text-decoration-line:underline}.h5-upload[data-v-ef1a74a3]{background:#fff;bottom:0;box-shadow:0 -.04rem .04rem #0000000a;left:0;padding:.32rem;position:fixed;right:0;z-index:10}.h5-upload .container[data-v-ef1a74a3]{align-items:center;background:var(--primary);border-radius:.16rem;display:flex;height:1rem;justify-content:space-between;padding:.04rem}.h5-upload .container .icon-wrap[data-v-ef1a74a3]{background:#fff;border-radius:.12rem;padding:.2rem}.h5-upload .container .icon-wrap .icon[data-v-ef1a74a3]{height:.48rem;width:.48rem}.h5-upload .container .text[data-v-ef1a74a3]{color:#fff;flex:1;font-family:Manrope-Bold,Manrope;font-size:.32rem;font-style:normal;font-weight:600;line-height:.56rem;margin-left:.04rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}}.pannel-wrap.is-dragging[data-v-ef1a74a3]{border-color:var(--primary-dark)!important;transition:border-color .15s ease,background .15s ease}.pannel-wrap.is-dragging .upload-box[data-v-ef1a74a3]{pointer-events:none}
