.renameBox {
  top: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5);
}
.renameBox.horizontal_screen {
  width: 960px;
  height: 540px;
}
.renameBox.vertical_screen {
  width: 349px;
  height: 622px;
}
.renameBox.not_fullscreen {
  position: absolute;
  z-index: 999;
}
.renameBox.fullscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.renameBox .tipbox {
  position: absolute;
  width: 280px;
  background: #FFFFFF;
  border-radius: 9px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.renameBox .tipbox::before {
  content: '';
  width: 238px;
  height: 4px;
  background: #FF730A;
  border-radius: 0px 0px 2px 2px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.renameBox .tipbox .top_dec {
  position: relative;
  width: 100%;
  height: 108px;
  margin-top: -82px;
  margin-bottom: 10px;
  background: url(//pic.cgyouxi.com/orange/upload/202203/7291276_d3f6d10fb7b6429a54a80e8bd7ac4a8d.png) bottom center no-repeat;
  background-size: 108px;
}
.renameBox .tipbox .tip_content {
  padding: 0 10px;
  font-size: 18px;
  color: #2C2C2C;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
  padding-bottom: 20px;
  font-weight: bold;
}
.renameBox .tipbox .tip_content span {
  color: #FF730A;
}
.renameBox .tipbox .plot_name {
  display: block;
  width: 88%;
  margin: 0 auto 20px;
  height: 38px;
  min-height: 38px;
  max-height: 90px;
  border: 1px solid #CBCBCB;
  border-radius: 7px;
  padding: 7px;
  box-sizing: border-box;
  color: #2C2C2C;
  resize: none;
}
.renameBox .tipbox .plot_name:focus-visible {
  border: 1px solid #b5b5b5;
}
.renameBox .tipbox .tip_bottom {
  user-select: none;
  width: 100%;
  height: 56px;
  position: relative;
  background: #FFFFFF;
  border-radius: 0px 0px 9px 9px;
  text-align: center;
}
.renameBox .tipbox .tip_bottom::before {
  content: '';
  width: 100%;
  height: 0.5px;
  background: #EBEBEB;
  position: absolute;
  top: 0;
  left: 0;
}
.renameBox .tipbox .tip_bottom span {
  display: inline-block;
  width: 49%;
  font-size: 17px;
  color: #999999;
  letter-spacing: 0;
  line-height: 56px;
  font-weight: bold;
  text-decoration: none;
  user-select: none;
}
.renameBox .tipbox .tip_bottom span.tipOk {
  color: #FF730A;
  position: relative;
}
.renameBox .tipbox .tip_bottom span.tipOk::before {
  content: '';
  width: 0.5px;
  height: 56px;
  background: #EBEBEB;
  position: absolute;
  top: 0;
  left: 0;
}
.renameBox .fullScreenX {
  left: 50%;
}
.renameBox .horizontalX {
  left: 43%;
}
.renameBox .verticalX {
  left: 50%;
}
/*# sourceMappingURL=renamebox.css.map */