.upload-outer[data-v-8f7d435a]{border:1px solid #c5c5c5;border-radius:6px;cursor:pointer}.avatar-upload[data-v-8f7d435a]{position:relative}.avatar-uploader-icon[data-v-8f7d435a]{font-size:28px;color:#d8d8d8;width:120px;height:120px;line-height:120px;text-align:center}.avatar-uploader-icon-audio[data-v-8f7d435a]{width:280px}.avatar-uploader-icon-audio .avatar[data-v-8f7d435a]{width:100%;height:46px}.avatar-uploader-icon-audio .avatar[data-v-8f7d435a]:hover{background:#fff}.icon-close[data-v-8f7d435a]{font-size:20px;position:absolute;top:-8px;right:-10px;color:rgba(60,57,57,.55)}.avatar[data-v-8f7d435a]{width:120px;height:120px;display:block}.avatar[data-v-8f7d435a]:hover{background:#eee}.upload-content[data-v-8f7d435a]{display:flex;align-items:center;margin-bottom:5px}.tip[data-v-8f7d435a]{font-size:12px;color:#888;line-height:15px;margin-left:10px}.play-icon[data-v-8f7d435a]{position:absolute;top:50%;width:30px;height:30px;line-height:30px;left:50%;transform:translate(-50%,-50%)}.image-span[data-v-8f7d435a]{width:56px;font-size:14px;color:#606060;position:absolute;left:50%;transform:translateX(-50%);bottom:8%}.card-poster[data-v-54135bb6]{width:100%;height:100%;display:flex;flex-direction:column}.card-poster.active-style[data-v-54135bb6]{flex-direction:row}.card-poster.active-style>div[data-v-54135bb6]{width:46%}.card-poster .card-header[data-v-54135bb6]{display:flex;padding-right:10px;flex-wrap:wrap}.card-poster .card-header .label[data-v-54135bb6]{width:60px;margin-top:7px}.card-poster .card-header .label.active-style[data-v-54135bb6]{width:137px;text-align:right;margin-right:12px;color:#222}.card-poster .card-header .tips[data-v-54135bb6]{font-size:12px;margin-top:58px}.card-poster .card-header .active[data-v-54135bb6]{border:2px solid #e95c5c;border-radius:8px}.card-poster .card-header span[data-v-54135bb6]{font-size:14px;color:#222;margin-right:16px}.card-poster .card-header .avatar[data-v-54135bb6]{width:100%;height:100%;display:block}.card-poster .card-header .avatar[data-v-54135bb6]:hover{background:#eee}.card-poster .line-sliders[data-v-54135bb6]{display:flex;margin-left:150px;width:calc(100% - 100px)}.card-poster .show-img[data-v-54135bb6]{margin:0 10px;width:80px;height:120px;position:relative}.card-poster .show-img .icon-close[data-v-54135bb6]{font-size:20px;position:absolute;top:-8px;right:-10px;color:rgba(60,57,57,.55)}.card-poster .slider-img[data-v-54135bb6]{width:24px;height:24px;margin:auto 10px}.card-poster .slider[data-v-54135bb6]{display:flex;flex:1;overflow:hidden;padding:8px 0 0;width:calc(100% - 88px)}.card-poster .phone-container[data-v-54135bb6]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:scale(.9)}.card-poster .phone-container.active-style[data-v-54135bb6]{align-items:flex-start;justify-content:flex-start;transform:none;height:434px}.card-poster .phone-container .label[data-v-54135bb6]{width:137px;text-align:right;margin-right:12px;color:#222}.card-poster .phone-container .content-container[data-v-54135bb6]{width:295px;height:583px;padding:62px 17px 69px;overflow-y:hidden;position:relative;background:url(../img/phone-img.26d85d18.png);background-size:100% 100%;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}.card-poster .phone-container .content-container[data-v-54135bb6]::-webkit-scrollbar{display:none}.card-poster .phone-container .content-container.active-style[data-v-54135bb6]{transform:scale(.7);transform-origin:0 0}.card-poster .phone-container .content-container .phone-avatar[data-v-54135bb6]{width:260px;height:450px;background:#fff;position:relative;margin:0 auto;box-sizing:border-box}.card-poster .phone-container .content-container .phone-user[data-v-54135bb6]{width:262px;height:75px;background:#fff;position:absolute;bottom:0;margin-bottom:69px;display:flex;justify-content:space-between;box-shadow:0 2px 10px 0 #ecedf0}.card-poster .phone-container .content-container .phone-user .user-info[data-v-54135bb6]{display:flex;margin:auto 0;padding-left:10px}.card-poster .phone-container .content-container .phone-user .user[data-v-54135bb6]{display:flex;flex-direction:column;margin:auto 0}.card-poster .phone-container .content-container .phone-user .user-qr[data-v-54135bb6]{margin:auto 0;display:flex;flex-direction:column;align-items:center}.card-poster .phone-container .content-container .phone-user .avatar[data-v-54135bb6]{width:37px;height:37px}.card-poster .phone-container .content-container .phone-user .qr-avatar[data-v-54135bb6]{width:46px;height:46px;border:1px dashed #4a3e3e}.card-poster .phone-container .content-container .phone-user .tiny-title[data-v-54135bb6]{font-size:12px;color:#606060;transform:scale(.8)}