@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.content{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:start;-webkit-justify-content:flex-start;justify-content:flex-start;width:100%;height:100%;background:#fff;font-family:"MicrosoftYaHei"}
.content .cameraField{position:relative;width:750rpx;height:760rpx;background:#6EAFF0;z-index:2}
.content .cameraField cover-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}
.content .cameraField .hint{position:absolute;top:45rpx;left:223rpx;width:301rpx;height:72rpx;color:#fff;font-size:32rpx;background:rgba(0,0,0,0.33);border-radius:36rpx;text-align:center;line-height:72rpx;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:4}
.content .cameraField .hint image{max-width:30rpx;max-height:30rpx;vertical-align:middle;margin-right:15rpx;margin-bottom:4rpx}
.content .cameraField .uploading{display:-webkit-box;display:-webkit-flex;display:flex;position:absolute;top:251rpx;left:244rpx;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;width:263rpx;height:296rpx;font-size:24rpx;border-radius:10rpx;background:rgba(0,0,0,0.33);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:4}
.content .cameraField .uploading image{max-width:60rpx;max-height:60rpx;text-align:center;margin-left:102rpx;margin-top:40rpx;-webkit-animation:myMove 2s linear infinite normal;animation:myMove 2s linear infinite normal}
@-webkit-keyframes myMove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes myMove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.content .cameraField .uploading text{margin-bottom:30rpx;color:#fff;text-align:center}
.content .cameraField .head{position:absolute;bottom:0rpx;left:50%;width:720rpx;height:620rpx;-webkit-transform:translateX(-363rpx);transform:translateX(-363rpx);z-index:5}
.content .controlField{width:750rpx;height:447rpx;color:#fff}
.content .controlField .control1{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:550rpx;height:150rpx;margin:0 auto;margin-top:130rpx}
.content .controlField .control1 .light,.content .controlField .control1 .change{max-height:70rpx;max-width:70rpx;margin-top:40rpx;text-align:center}
.content .controlField .control1 .take{max-height:150rpx;max-width:150rpx}
.content .controlField .control2{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:690rpx;height:80rpx;margin:0 auto;margin-top:130rpx}
.content .controlField .control2 view{width:170rpx;height:80rpx;background:#6EAFF0;font-size:32rpx;text-align:center;line-height:80rpx;border-radius:10rpx}

