.my-canvas{display:-webkit-box;display:-webkit-flex;display:flex;position:fixed!important;background:#000;left:0;z-index:100000;width:100%}.my-avatar{width:150rpx;height:150rpx;-webkit-border-radius:100%;border-radius:100%}.oper-canvas{display:-webkit-box;display:-webkit-flex;display:flex;position:fixed!important;left:0;z-index:100001;width:100%}.prv-canvas{display:-webkit-box;display:-webkit-flex;display:flex;position:fixed!important;background:#000;left:0;z-index:200000;width:100%}.oper-wrapper{height:50px;position:fixed!important;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000;width:100%;left:0;bottom:0;z-index:100009;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.oper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-align-self:center;align-self:center}.btn-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.btn-wrapper view{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:28rpx}.btn-wrapper .cancel{color:#fff;font-weight:700;text-align:center}.btn-wrapper .upload{background:#31bb6d;color:#fff;font-weight:700;height:60rpx;line-height:60rpx;padding:0 30rpx;-webkit-border-radius:8rpx;border-radius:8rpx}.btn-wrapper .iconfont{color:#fff;font-size:18px}.hover{background:#f1f1f1;-webkit-border-radius:6%;border-radius:6%}.clr-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.clr-wrapper view{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:14px;color:#333;border:1px solid #f1f1f1;-webkit-border-radius:6%;border-radius:6%}.my-slider{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}