button {
  cursor: pointer;
}
.cangqiongBox--2W9NM {
  width: 100%;
  height: 100%;
  min-height: 650px;
  min-width: 965px;
  background-color: #e2e7ef;
}
.subject--2PqVr {
  height: 100%;
  position: relative;
  min-height: 650px;
  width: 100%;
  padding: 10px 10px 10px 10px;
  background-color: #e2e7ef;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.rotateImage--1MJUd {
  width: 100%;
  height: 97%;
  position: absolute;
  background-color: white;
  border: red;
  display: none;
  z-index: 10000;
}
.rotateImageCanvas--2kSWl {
  width: 100%;
  height: 90%;
}
.rotateImageFooter--3i0nP {
  width: 100%;
  height: 10%;
  padding: 15px 20px 0px 0px;
}
.rotateImageSaveButton--1BsRw {
  float: right;
  border: 1px solid #5582f3;
  background-color: #5582f3;
  color: WHITE;
  width: 90px;
  height: 30px;
  margin-right: 25px;
  border-radius: 2px;
  animation-name: glowing-primary--3JqKC--2m1BF;
}
.rotateImageSaveButton--1BsRw:hover {
  background-color: #87a9ff !important;
  color: rgba(255, 255, 255, 0.9);
}
.rotateDeg--C2OBP {
  margin-left: 100px;
  font-size: 16px;
}
@keyframes glowing-primary--3JqKC {
  0% {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
    box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
  }
  100% {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
}
.referenceDataCanvasBox--2sJxv {
  width: 75%;
  height: 100%;
  background-color: #f3f3f3;
  /*display: none;*/
  display: flex;
  position: relative;
  margin-right: 10px;
}
.referenceDataNav--3-ez3 {
  width: 70px;
  height: 100%;
  min-height: 650px;
  background-color: #ffffff;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
  align-content: flex-start;
}
.referenceDataNav--3-ez3 .buttomBox--30Ijr {
  width: 70px;
  height: 85px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -moz-user-select: none;
  user-select: none;
}
.referenceDataNav--3-ez3 .buttomBox--30Ijr > span {
  display: block;
  margin-top: 8px;
  user-select: none;
  -moz-user-select: none;
  font-size: 12px;
}
.referenceDataNav--3-ez3 .buttomBox--30Ijr > img {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
}
.referenceDataNav--3-ez3 .buttomBox--30Ijr:hover {
  cursor: pointer;
  background-color: rgba(85, 130, 243, 0.1);
}
.helper--VCJa_ {
  position: absolute;
  display: block;
  /* align-self: flex-end; */
  bottom: 0;
  margin-bottom: 15px;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}
.helper--VCJa_:hover {
  cursor: pointer;
}
.dividingLine--A5O08 {
  width: 70px;
  height: 1px;
  background: #e6e8ee;
  float: left;
}
.referenceCanvasBox--1g_lC {
  width: 1322px;
  height: 100%;
  min-height: 650px;
  /* margin: 0; */
  background-color: #f3f3f3;
  /* float: left; */
  position: relative;
  overflow: hidden;
}
.referencecanvasContainer--GFPI8 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
::-webkit-scrollbar-thumb {
  min-height: 28px;
  height: 5px;
  min-width: 2px;
  width: 5px;
  border-radius: 4px;
  border: dashed transparent;
  padding: 100px 0 0;
  border-width: 1px;
  background-color: #b2b2b2;
  background-clip: padding-box;
}
::-webkit-scrollbar {
  width: 8px!important;
  height: 8px!important;
  overflow: visible;
}

.helperBox--eNnuN {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.4);
}
.helperMessage--2Puhl {
  width: 866px;
  height: 440px;
  background: #ffffff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-wrap: wrap;
}
.helperMessage--2Puhl .helperImg--3thw6 {
  width: 340px;
  height: 240px;
}
.helperHeader--1tdit {
  width: 100%;
  height: 44px;
  font-size: 18px;
  color: #333333;
  line-height: 26px;
  display: flex;
}
.helperHeader--1tdit .helperNav--3LeBC {
  width: 50%;
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.helperHeader--1tdit .helperNavBlueDot--1930B {
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 4px;
  float: left;
  background-color: #4b81ef;
}
.helperHeader--1tdit .helperNavText--2oUTV {
  font-size: 18px;
  line-height: 26px;
}
.helperBody--1PTzF {
  width: 100%;
  height: 365px;
  display: flex;
  flex-direction: column;
}
.helperBody--1PTzF .helperNavMessage--Hu9Yp {
  width: 100%;
  height: 30px;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.helperBody--1PTzF .helperNavMessage--Hu9Yp > span {
  display: inline-block;
  margin-left: 60px;
}
.helperBody--1PTzF .helperPicAndMeg--1YSIJ {
  width: 100%;
  height: 330px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.helperContentBox--3PWx- {
  width: 45%;
  font-size: 14px;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.helperContentBox--3PWx- .helperContentWrapper--3CoEt {
  display: flex;
  flex-direction: column;
  height: 230px;
  justify-content: space-evenly;
}
.helperContentBox--3PWx- .helperContentWrapper--3CoEt > div {
  line-height: 22px;
}
.helperContentBox--3PWx- .checkedout--1Ssz5 {
  width: 370px;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.helperContentBox--3PWx- .checkedout--1Ssz5 .isShow--Mfcaa {
  display: flex;
  align-items: center;
}
.helperContentBox--3PWx- .checkedout--1Ssz5 .isShow--Mfcaa .checkoutRadio--LMgEV {
  width: 14px;
  height: 14px;
  float: left;
  margin: 0;
}
.helperContentBox--3PWx- .checkedout--1Ssz5 .isShow--Mfcaa > span {
  display: inline-block;
  font-size: 12px;
  color: #666666;
  line-height: 20px;
  margin-left: 10px;
}
.helperContentBox--3PWx- .checkedout--1Ssz5 .buttons--2sHiu .helperIKnow--2g1JP {
  padding: 5px 15px 5px 15px;
  outline: none;
  color: #5e80eb;
  font-size: 12px;
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid #5e80eb;
}
.helperContentBox--3PWx- .checkedout--1Ssz5 .buttons--2sHiu .helperNext--2Mq-V {
  margin-left: 10px;
  padding: 5px 15px 5px 15px;
  outline: none;
  color: #ffffff;
  font-size: 12px;
  background: #5582f3;
  border-radius: 2px;
  border: 1px solid #5e80eb;
}
.helperFooter--1wRsr {
  width: 100%;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.helperFooter--1wRsr .helperDotBox--yZLlv > div {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  float: left;
  margin-right: 8px;
  background-color: #e2e7ef;
}
.helperFooter--1wRsr .helperDotBox--yZLlv > div:hover {
  cursor: pointer;
}

.referenceDataListBox--1G_qI {
  width: 25%;
  height: 100%;
  position: relative;
  min-height: 650px;
  background-color: #ffffff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
}
.referenceListNav--3J5rQ {
  width: 100%;
  height: 50px;
  background-color: rgba(248, 248, 248, 0.1);
  display: flex;
  align-items: center;
}
.referenceListBody--DMs2Q {
  width: 100%;
  height: 0;
  flex: 1;
  flex-shrink: 0;
  position: relative;
  background-color: rgba(248, 248, 248, 0.1);
  display: flex;
  align-items: center;
}
.referenceListFooter--1e9x8 {
  width: 100%;
  height: 50px;
  background-color: rgba(248, 248, 248, 0.1);
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.referenceText--27USY {
  width: 100%;
  height: 26px;
  margin-left: 29px;
  margin-right: 29px;
  color: #333333;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.tipsNavStatusBox--F2W5n {
  width: auto;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}
.tipsNavStatus--f-Xej {
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}
.referenceDataField--3mYhA {
  width: 100%;
  height: 100%;
  overflow: scroll;
  position: absolute;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* justify-content: flex-start; */
  align-content: flex-start;
  justify-content: center;
}
.cueMap--15hUI {
  width: 100%;
  height: auto;
  font-size: 12px;
  color: #999999;
  line-height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  flex-direction: column;
  align-items: center;
}
.field--3wETw {
  width: 100%;
  height: 40px;
  font-size: 13px;
  padding: 4px;
  background-color: #ffffff;
  display: flex;
  box-sizing: border-box;
}
.field--3wETw .fieldIndex--2Gyry {
  height: 100%;
  width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.field--3wETw .fieldInput--3YSdT {
  height: 100%;
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.field--3wETw .fieldInput--3YSdT > input {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  outline: none;
  padding: 0px 7px;
}
.field--3wETw .fieldInput--3YSdT > input:focus {
  border: 1px solid #5582f3 !important;
  border-radius: 2px;
}
.field--3wETw .fieldInput--3YSdT > input:hover {
  border: 1px solid #5582f3 !important;
  border-radius: 2px;
}
.field--3wETw .fieldDelete--1JjKK {
  height: 100%;
  width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.field--3wETw .deleteFieldPic--2l2Vq {
  width: 16px;
  height: 16px;
  -webkit-user-drag: none;
  -moz-user-select: none;
  user-select: none;
}
.field--3wETw .deleteFieldPic--2l2Vq:hover {
  cursor: pointer;
}
.remarks--3uYrc {
  width: 87%;
  height: 25px;
  font-size: 13px;
  color: #999999;
  padding: 5px 0px 5px 0px;
  background-color: #ffffff;
  display: flex;
}

.refNavBox--vKIRc {
  padding: 10px;
  width: 227px;
  height: 85px;
  left: -4px;
  bottom: -96px;
  position: absolute;
  border: dashed transparent;
  filter: drop-shadow(0 0 2px #999);
  background-color: white;
  z-index: 1;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 2px;
}
.refNavBox--vKIRc:before {
  content: "";
  border: 7px solid transparent;
  border-bottom-color: white;
  position: absolute;
  left: 5px;
  bottom: 83px;
}