@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
page {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
}
.page {
  background: #FFFFFF !important;
}
/* 图片 */
image {
  display: block;
}
/* 容器 */
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
}
/* 部件列表和部件操作列表 */
.item-list,
.operate-list {
  width: 280rpx;
  height: 380rpx;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.item-list {
  overflow: hidden;
}
.item-text {
  font-family: '思源黑体 CN';
  /*font-family: 'PingFang SC Regular';*/
}
.item-box {
  position: absolute;
}
/* 删除、缩放、旋转操作按钮 */
.rotate,
.rotate-red,
.scale,
.close {
  width: 28px;
  height: 28px;
  position: absolute;
  z-index: 99;
  cursor: pointer;
}
.rotate {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHVQTFRFAAAA8p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p89OTl57QAAACd0Uk5TADBHQSsVEAlT//uNsJ6BoeKQdcMk7U6JwGRt0PHWIEa104/Xcj30Qr9WWgAAArxJREFUeJydV2uDoyAMrA9E26r42q2t5+na9v//xCPxRQC9uvNlLTiSSTLAnk4fwXE9x/EZYwHnnzFmhJGCs3uEelGp0fUINSbU5Ag1HTnikmVpmh9SO1GjojzCQlznWCtrir6+nU3qTbK+Baa3NmdzOexvUQtJcoIx7FyfvMNouEV9yEkpsz7DW9q6XzDYsC3qHznbyr9eY7RECUPNtlaQGcCDAy9Wrabl7G0ykTpW8y+EV6wzuUUCQRdF/fRYk1QxiCLdYZ7YT7YEmapZgR/i4+5iEH08Ppe7dTEBDjyPHZlR4fBhTxq7lba2cyGpGTzwRl80U2zdCNE/io7kEJZt+PQg1Jk6suBHfWOYFkv1vuxs1EjttGSqCMRL+h6kiFvxGETVrFS1YXyIeMzvQLLQg02WXwFrHaFRMWIHpcaEKrTwRruSBgeRd2zC2qAG+9Qnlgc+8CIvgkAyMNt1hScHOkwKDc+k9pNdF/iYoGrx04wxfboE8nmGvWCswcHMJpWqx88b1EDvLosEjlQjYGYU+vS2f37QdbRy4EGphvoSzXbTi+MbHjTVu9jEsd4Sjhy4WcJT8UTLPGffzhjLrcJUH6PrXtG62y1UUaq18A31A7YXf2td5s42ayoxPIpbdxW6+nLKW6dZvbQ6nUjIJ6vXupLURiWZnDcY3NbICfQseiGat8okjgZJuK1humghJ3C5Q/iO54UhPXiXzRQT+Mst/ODBwUW0nlDlWW0LluzfbkDfezF+ooZc7J96eOdTigk7yHSoc9NzKl5vLak+nvOYR4td1RfB3g1JOIZRwboWu65glaUaeCdoQptd9RWMixOmKsq4aVcFMGm5l+K60ZAYdlXhxtbeCZeuPXRXRvjDRN29zRi4Z1mS5OIX1ISYM/s/YQW9BFyOUMl/I0ccCOCcsbb0nZcbbt9QCf4BzB0zENjKVHsAAAAASUVORK5CYII=);
  background-size: 100%;
  right: 0;
  left: 0;
  margin: auto;
}
.rotate-red {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABXCAMAAABGFileAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAM9QTFRFAAAA8p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p898p89Yz+PbQAAAEV0Uk5TABUQCOD/8ee5NaD2IdCCK/PB2lGwSKrSIlB7MGF9Vaf5xZukPeHVoYNA1ML+uO3pDOiEn9itT1nvy5fujBz6qfLHnvAj95EubQAABHJJREFUeJzNmXl72jgQh31gDImDMQkEBzdkoUlD2Cw5aXO0Cc1+/8+0oBkZHz/JdkyfZ+cfbI/0ajSHLAvD+LSYpmnZtv15ABSr4aSl6bbaO+DuOXnZ9+pzDwDX6dTnZt3wR7l+fW4zhnWD4KDXcJtO77A+1uhurTwyd8CTkpy+298Z1t55wEgscm0MHmjrzuwEg3IxNQUt8AMJDixN4+ONDZoGWxkSzDDCfQYfK6MnsI5zUobri6atzdWxBCsMsoMKMRhRhol+R9IV2MdSXcrBZO+AbjoyeKilVEZlsEZftN3ju4j7flE1LIs1DtMuk+BcgZhutQQ/zbTm2brZpBhrPISkn533AAJOOVVKv63szfzOEiG2/yLEaaoVrabdCuvnKHB6KW/6VNSNpGnsnbA8FkiUi5DZlVVZS6iuEutAp0JBaMTPGGx1K6WYWiZksPTwCd2i9cg8jMLDfr89Gg6t4nWO/SlLq6c0t3PmpKTpNnoHQdA6mna+IK+RQ3t0wxUMzJk4OgGG0KrsfE30Hudb+VosBFPZTsQ1rQzgldrRQddylo8ILUfu5vIreQ54a1zATdeskTCyHVs1BVxa6JuTvenRWO5pUgLW1KlQbF5lVCVoC9RCGssaDkenTRWXFrDNe49yDiUvjTgEGo418AO9/7vyooc6B8oR2XloklQMntEWv3ugBW+dYZnRbh1ty6Y8k0jlKTk0XOoHSu4JB+5EOSPeOiMNp8oIaCiDJ2w3XCJF0Pcht6XsJTdCLXVwBBcVjC5VeEOom6zQnGu4yBqb8+u8gNuAqmN1qnCvppJLW+cLyNWkCnPV9poabtEszzUt4q0zEFcZUputuVBGgDIGrPcGp4qLNCb3GhdkIuaqXUS9vjEXVWS7iAtTkBbKyLjk37zMeGQgmlSR600oftFLvq/UsBOvkIrm32Z/oCbEvUSdPaGaI9UV54H9txCQ4pFQQK4vVNdoJkLzz/pqLgaYAa5QLGY3+XLtK0NKYduMeKmaLnmeZLFYXF3N59fj8bfLtSyU3E5Mo7Av9FwoyEU04nB7mXeE9wkuGXkrrseqSd0VcEGRXgvFXWKM7k2ukX2vxQJLqF7k3B8Sg2Smdfc4X8vDbTePvQOpSTN8SN0VnTtYluf5/mwWLqMwjEK0Upl0FvE9fYsMriZk4L6Zua97uuhl7eMHjzW5jxlz44xa1sIunZw7b36IRz9SoRsGT/elzpBIPGLcptKEazbItnsqzw3gnPnp8/bJ92SKFwvX0H3msffipHLPMJ4ruZyscF5yjmOvb0H3VewNs7238pxRVeFK7CtSyqNGPt2gbIRfLVmRH6a4AOyn1KjE/VmGy+mvOvr0LuS4Vmx+qdp+FU2flAefMfgllNxShfHz1waraepJVzhvFnHLHXzNgpc3rQVmfE78/l6BWyzZd8+OsGtZ/vozXMNfbbHvO+DNVo2D1Wr1+/fbR8z9qI+Fpzn4K6uSvCLu6v/L/Rdx3+pzjeUqh/3YwR+LSbHXYq73N5+vtv8AAfdf9bzUQFIAAAAASUVORK5CYII=);
  background-size: 100%;
  right: 0;
  left: 0;
  margin: auto;
}
.scale {
  background-image: url(data:image/png;base64,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);
  background-size: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.frame-left-top-wrap {
  position: absolute;
  z-index: 100;
  width: 60rpx;
  height: 60rpx;
  left: -30rpx;
  top: -30rpx;
  /*background-color: blue;*/
}
.frame-left-top {
  position: absolute;
  z-index: 100;
  width: 30rpx;
  height: 30rpx;
  left: 24rpx;
  top: 24rpx;
  border-left: 6rpx solid #F29F3D;
  border-top: 6rpx solid #F29F3D;
}
.frame-left-top::after,
.frame-right-top::after,
.frame-left-bottom::after,
.frame-right-bottom::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.frame-right-top-wrap {
  position: absolute;
  z-index: 100;
  width: 60rpx;
  height: 60rpx;
  right: -30rpx;
  top: -30rpx;
  /*background-color: blue;*/
}
.frame-right-top {
  position: absolute;
  z-index: 100;
  width: 30rpx;
  height: 30rpx;
  right: 24rpx;
  top: 24rpx;
  border-right: 6rpx solid #F29F3D;
  border-top: 6rpx solid #F29F3D;
}
.frame-left-bottom-wrap {
  position: absolute;
  z-index: 100;
  width: 60rpx;
  height: 60rpx;
  left: -30rpx;
  bottom: -30rpx;
  /*background-color: blue;*/
}
.frame-left-bottom {
  position: absolute;
  z-index: 100;
  width: 30rpx;
  height: 30rpx;
  left: 24rpx;
  bottom: 24rpx;
  border-left: 6rpx solid #F29F3D;
  border-bottom: 6rpx solid #F29F3D;
}
.frame-right-bottom-wrap {
  position: absolute;
  z-index: 100;
  width: 60rpx;
  height: 60rpx;
  right: -30rpx;
  bottom: -30rpx;
  /*background-color: blue;*/
}
.frame-right-bottom {
  position: absolute;
  z-index: 100;
  width: 30rpx;
  height: 30rpx;
  right: 24rpx;
  bottom: 24rpx;
  border-right: 6rpx solid #F29F3D;
  border-bottom: 6rpx solid #F29F3D;
}
.left_edge-wrap {
  position: absolute;
  z-index: 99;
  left: -30rpx;
  width: 40rpx;
  height: 100%;
  top: 0;
  background: transparent;
  /*background: red;*/
}
.left_edge {
  position: absolute;
  z-index: 99;
  left: 5rpx;
  /* width: 6upx; */
  height: 40rpx;
  /* 	background: #864BC3; */
  top: calc(50% - 20rpx);
}
.left_edge::after,
.rightedge::after,
.topedge::after,
.bottomedge::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: scale(2);
          transform: scale(2);
}
.rightedge-wrap {
  position: absolute;
  z-index: 99;
  right: -30rpx;
  width: 40rpx;
  height: 100%;
  background: transparent;
  top: 0;
  /*background: red;*/
}
.rightedge {
  position: absolute;
  z-index: 99;
  right: 4rpx;
  /* 	width: 6upx; */
  height: 40rpx;
  /* background: #864BC3; */
  top: calc(50% - 20rpx);
}
.topedge-wrap {
  position: absolute;
  z-index: 99;
  top: -30rpx;
  width: 100%;
  height: 40rpx;
  background: transparent;
  left: 0;
  right: 0;
  margin: auto;
  /*background: red;*/
}
.topedge {
  position: absolute;
  z-index: 99;
  top: 4rpx;
  width: 40rpx;
  /* height: 6upx; */
  /* 	background: #864BC3; */
  left: 0;
  right: 0;
  margin: auto;
}
.bottomedge-wrap {
  position: absolute;
  z-index: 99;
  bottom: -30rpx;
  width: 100%;
  height: 40rpx;
  background: transparent;
  left: 0;
  right: 0;
  margin: auto;
  /*background: red;*/
}
.bottomedge {
  position: absolute;
  z-index: 99;
  bottom: 4rpx;
  width: 40rpx;
  /* height: 6upx;
	background: #864BC3; */
  left: 0;
  right: 0;
  margin: auto;
}
.operation {
  display: flex;
  justify-items: center;
  align-items: center;
  z-index: 99;
  position: fixed;
  left: 40rpx;
  bottom: 100rpx;
}
.operation_top {
  overflow: hidden;
  width: 110rpx;
  height: 110rpx;
  border-radius: 50%;
}
.operation_bottom {
  overflow: hidden;
  width: 110rpx;
  height: 110rpx;
  border-radius: 50%;
}
.toolLeft {
  position: fixed;
  top: 400rpx;
  left: 0;
  width: 120rpx;
}
.toolLeft .tool_li {
  width: 100%;
  height: 100rpx;
}
.toolLeft .tool_li .tool_li_img {
  width: 50rpx;
  height: 50rpx;
  display: block;
  margin: auto;
}
.toolLeft .tool_li .tool_li_text {
  text-align: center;
  color: #000;
  font-size: 19rpx;
  margin-top: 10rpx;
}
.toolRight {
  position: fixed;
  top: 200rpx;
  right: 0;
  width: 120rpx;
  z-index: 999;
}
.toolRight .tool_li {
  width: 100%;
  height: 115rpx;
}
.toolRight .tool_li .tool_li_img {
  width: 46rpx;
  height: 40rpx;
  display: block;
  margin: auto;
}
.toolRight .tool_li .tool_li_text {
  text-align: center;
  color: #000;
  font-size: 19rpx;
  margin-top: 10rpx;
}
.toolBottom {
  position: fixed;
  bottom: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  height: 100rpx;
  right: 0;
}
.toolBottom .tool_li {
  width: 25%;
}
.toolBottom .tool_li .tool_li_img {
  width: 44rpx;
  height: 40rpx;
  display: block;
  margin: auto;
}
.toolBottom .tool_li .tool_li_text {
  text-align: center;
  color: #FFFFFF;
  font-size: 22rpx;
  margin-top: 10rpx;
}
.toolBottom .tool_add {
  width: 228rpx;
  background: #F29F3D;
  line-height: 100rpx;
  text-align: center;
  color: #FFFFFF;
  font-size: 36rpx;
  font-weight: 500;
  color: #FFFFFF;
  margin-left: auto;
  border-radius: 50rpx 45rpx 0 50rpx;
}
.toolBottom .grey {
  background: #8F8F94 !important;
}
.tooltext {
  position: fixed;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  display: flex;
  align-items: center;
  height: 160rpx;
  background: #292933;
}
.tooltext .tooltext_li {
  width: 25%;
}
.tooltext .tooltext_li .tooltext_li_image {
  width: 50rpx;
  height: 50rpx;
  display: block;
  margin: auto;
}
.tooltext .tooltext_li .tooltext_li_text {
  text-align: center;
  color: #FFFFFF;
  font-size: 22rpx;
  margin-top: 10rpx;
}
/* 底部分享 */
.uni-share {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 9999;
}
.scroll-container {
  box-sizing: border-box;
  white-space: nowrap;
}
.scroll-container .scroll-item {
  text-align: center;
  height: 80rpx;
}
.material-series-scroll-item {
  text-align: center;
  padding: 10rpx 20rpx;
  color: #FFFFFF;
  background: #000;
  border-radius: 25rpx;
  float: left;
  margin: 0 10rpx 5rpx;
  font-size: 21rpx;
}
.material-series-scroll-item-active {
  background: #864BC3;
}
.delete-wrap {
  width: 100%;
  height: 80px;
  text-align: center;
  font-size: 38rpx;
  background: red;
  color: #fff;
  position: fixed;
  bottom: -80px;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-wrap-active {
  box-shadow: 0 0 15px #FFFFFF;
}
.loginBtn-hover {
  background: #888888 !important;
}
.hover-class-text {
  color: #888888 !important;
}