.order-main .backMyStudent span[data-v-7d704bc1] {
  font-size: 24px;
  color: #333;
}
.order-main .backMyStudent .backStudentName[data-v-7d704bc1] {
  color: #43d186;
}
.order-main .order-table[data-v-7d704bc1] {
  width: 65%;
  padding: 20px;
}
.order-main .order-table .reports-search[data-v-7d704bc1] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 20px 0;
}
.order-main .order-infoRight[data-v-7d704bc1] {
  -ms-flex: 1;
      flex: 1;
  border-left: 1px solid #eee;
  padding: 0 0 0 20px;
}
.order-main .order-info[data-v-7d704bc1] {
  width: 70%;
  color: #333;
  padding: 0 20px 0 0;
}
.order-main .order-code[data-v-7d704bc1] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 16px;
}
.order-main .order-name[data-v-7d704bc1] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.order-main .order-name p[data-v-7d704bc1] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.order-main .order-status[data-v-7d704bc1] {
  font-size: 16px;
  color: #999;
}
.order-main .order-status span[data-v-7d704bc1] {
  color: #333;
}
.order-main .order-title[data-v-7d704bc1] {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 16px;
  color: #333;
  margin-bottom: 16px;
}
.order-main .order-title p[data-v-7d704bc1] {
  margin-bottom: 0;
}
.order-main .order-title p[data-v-7d704bc1]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 6px 0 0;
  width: 3px;
  height: 16px;
  background-color: #41cc83;
  border-radius: 0px 2px 2px 0px;
}
.order-main .order-customer[data-v-7d704bc1] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  font-size: 16px;
  -ms-flex-align: center;
      align-items: center;
  color: #333;
  margin-bottom: 20px;
}
.order-main .order-customer img[data-v-7d704bc1] {
  width: 42px;
  height: 42px;
  margin-right: 20px;
}
.order-main .order-customer p[data-v-7d704bc1] {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 3px;
}
.order-main .order-customer p[data-v-7d704bc1]:hover {
  cursor: pointer;
}
.order-main .order-customer .order-customerPhone[data-v-7d704bc1] {
  color: #999;
  font-size: 14px;
  margin: 0;
}
.order-main .order-customer .order-customerPhone span[data-v-7d704bc1] {
  color: #009cff;
}
.order-main .order-item-title[data-v-7d704bc1] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.order-main .order-commodity[data-v-7d704bc1] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}
.order-main .order-commodity .num[data-v-7d704bc1] {
  width: 42px;
  height: 42px;
  text-align: center;
}
.order-main .order-commodity .num img[data-v-7d704bc1] {
  width: 100%;
  height: 100%;
}
.order-main .order-commodity .commodity-info[data-v-7d704bc1] {
  -ms-flex: 1;
      flex: 1;
  margin-left: 12px;
}
.order-main .order-commodity .commodity-info .title[data-v-7d704bc1] {
  font-size: 16px;
  font-weight: 600;
  margin-right: 10px;
  line-height: 22px;
}
.order-main .order-commodity .commodity-info p[data-v-7d704bc1] {
  margin-bottom: 0;
}
.order-main .order-commodity .commodity-info .commodity-suject[data-v-7d704bc1] {
  display: inline-block;
  font-size: 10px;
  padding: 2px 4px;
  border-radius: 6px;
  color: #ff5353;
  margin-right: 10px;
  background-color: rgba(255, 83, 83, 0.1);
  border: 1px solid #ff5353;
}
.order-main .order-commodity .commodity-info .commodity-new[data-v-7d704bc1] {
  display: inline-block;
  font-size: 10px;
  padding: 2px 4px;
  border-radius: 6px;
  margin-right: 10px;
  color: #43d186;
  border: 1px solid #43d186;
}
.order-main .order-commodity .commodity-info .price[data-v-7d704bc1] {
  font-size: 12px;
  color: #999;
  margin-top: 7px;
}
.order-main .order-commodity .commodity-info .actuallyPaid[data-v-7d704bc1] {
  color: #333;
}
.order-main .order-commodity .commodity-info .number[data-v-7d704bc1] {
  font-size: 14px;
  color: #666;
}
.order-main .order-commodity .commodity-info > div[data-v-7d704bc1] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.order-main .order-remark[data-v-7d704bc1] {
  border-top: 1px solid #eee;
  margin-top: 20px;
  padding-top: 20px;
}
.order-main .order-remark .total[data-v-7d704bc1] {
  font-size: 16px;
  color: #333;
  font-weight: 400;
  text-align: right;
  padding-right: 10px;
  margin-bottom: 16px;
}
.order-main .order-remark .total span[data-v-7d704bc1] {
  font-weight: 600;
}
.order-main .order-remark .all-price[data-v-7d704bc1] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 16px;
}
.order-main .order-remark .all-price p[data-v-7d704bc1] {
  display: inline-block;
  width: 33%;
  margin-bottom: 0;
}
.order-main .order-remark p[data-v-7d704bc1] {
  color: #999;
  font-size: 14px;
}
.order-main .order-remark span[data-v-7d704bc1] {
  color: #333;
}
.order-main .order-items[data-v-7d704bc1] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.order-main .order-items .skus[data-v-7d704bc1] {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.order-main .send-unit[data-v-7d704bc1] {
  width: 50%;
  font-size: 14px;
  color: #999;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
}
.order-main .send-unit img[data-v-7d704bc1] {
  width: 40px;
  height: 40px;
}
.order-main .send-address[data-v-7d704bc1] {
  width: 1000%;
}
.order-main .send-text[data-v-7d704bc1] {
  color: #333;
  margin-left: 10px;
  -ms-flex: 1;
      flex: 1;
}
.order-main .empty[data-v-7d704bc1] {
  font-size: 16px;
  color: #999;
  padding-top: 1%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 20px;
}
.header-top[data-v-7d704bc1] {
  padding: 18px 20px;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 16px;
}
.header-title[data-v-7d704bc1] {
  font-size: 16px;
  font-weight: 600;
}
.student-avtor[data-v-7d704bc1] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
.student-avtor img[data-v-7d704bc1] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.student-info[data-v-7d704bc1] {
  font-size: 16px;
  color: #333;
  margin-top: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.operator-btn[data-v-7d704bc1] {
  display: inline-block;
  color: #1f2d3d;
  font-size: 13px;
  padding: 5px 8px;
  padding: 0 8px;
  height: 24px;
  line-height: 22px;
  margin-left: 10px;
  border: 1px solid rgba(31, 45, 61, 0.18);
  border-radius: 2px;
  cursor: pointer;
}
.operator-btn[data-v-7d704bc1]:hover {
  border: 1px solid #00bf8a;
  color: #00bf8a;
}
.order-wrap[data-v-7d704bc1] {
  background-color: #fff;
  padding: 18px 20px 0;
  display: -ms-flexbox;
  display: flex;
}
.spin-wrap[data-v-7d704bc1] {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100vh - 64px);
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
  z-index: 100;
}
.right-wrap button[data-v-7d704bc1] {
  margin-left: 10px;
}
.explain[data-v-7d704bc1] {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  margin: 0 6px 0 0px;
}