.ExportPage .topToolBar {
  width: 500px;
  height: 40px;
  background: #232629;
  border-radius: 2px 2px 0px 0px;
  position: relative;
}
.ExportPage .topToolBar .text1 {
  position: absolute;
  left: 8px;
  top: 12px;
  font-size: 12px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
}
.ExportPage .topToolBar .btn1 {
  position: absolute;
  left: 196px;
  top: 10px;
  width: 50px;
  height: 20px;
  background: #2d3036;
  border-radius: 2px 2px 2px 2px;
  font-size: 12px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ExportPage .topToolBar .btn1.is-selected {
  color: #2991f1;
}
.ExportPage .topToolBar .btn2 {
  position: absolute;
  left: 256px;
  top: 10px;
  width: 50px;
  height: 20px;
  background: #2d3036;
  border-radius: 2px 2px 2px 2px;
  font-size: 12px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ExportPage .topToolBar .btn2.is-selected {
  color: #2991f1;
}
.ExportPage .bottomContainterVideo {
  width: 500px;
  height: 680px;
  background: #181818;
  border-radius: 0px 0px 2px 2px;
  position: relative;
}
.ExportPage .bottomContainterVideo .fengMianImage {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 460px;
  height: 282px;
  border-radius: 2px 2px 2px 2px;
  text-align: center;
  overflow: hidden;
}
.ExportPage .bottomContainterVideo .frameRate {
  position: absolute;
  left: 101px;
  top: 422px;
  width: 380px;
  height: 30px;
  background: #282828;
  border-radius: 2px 2px 2px 2px;
  font-size: 12px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ExportPage .bottomContainterVideo .fenbianlv {
  position: absolute;
  left: 101px;
  top: 372px;
  width: 380px;
  height: 30px;
  background: #282828;
  border-radius: 2px 2px 2px 2px;
  font-size: 12px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ExportPage .bottomContainterVideo .projName {
  position: absolute;
  left: 101px;
  top: 322px;
  background: #282828;
  border-radius: 2px 2px 2px 2px;
  height: 30px;
  width: 380px;
  font-size: 12px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ExportPage .bottomContainterVideo .text1,
.ExportPage .bottomContainterVideo .text2,
.ExportPage .bottomContainterVideo .text3,
.ExportPage .bottomContainterVideo .text4,
.ExportPage .bottomContainterVideo .text5,
.ExportPage .bottomContainterVideo .text6,
.ExportPage .bottomContainterVideo .text7,
.ExportPage .bottomContainterVideo .text8,
.ExportPage .bottomContainterVideo .text9 {
  font-size: 12px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #999999;
  line-height: 14px;
  position: absolute;
}
.ExportPage .bottomContainterVideo .text1 {
  left: 20px;
  top: 330px;
}
.ExportPage .bottomContainterVideo .text2 {
  left: 20px;
  top: 380px;
}
.ExportPage .bottomContainterVideo .text3 {
  left: 20px;
  top: 430px;
}
.ExportPage .bottomContainterVideo .text4 {
  left: 20px;
  top: 472px;
}
.ExportPage .bottomContainterVideo .text5 {
  left: 20px;
  top: 507px;
}
.ExportPage .bottomContainterVideo .text6 {
  left: 20px;
  top: 542px;
}
.ExportPage .bottomContainterVideo .text7 {
  left: 101px;
  top: 472px;
}
.ExportPage .bottomContainterVideo .text8 {
  left: 101px;
  top: 507px;
}
.ExportPage .bottomContainterVideo .text9 {
  left: 101px;
  top: 542px;
}
.ExportPage .bottomContainterVideo .btn1,
.ExportPage .bottomContainterVideo .btn2 {
  position: absolute;
  font-size: 12px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #ffffff;
  line-height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
.ExportPage .bottomContainterVideo .btn1 {
  left: 160px;
  top: 610px;
  width: 80px;
  height: 30px;
  background: #2991f1;
  border-radius: 2px 2px 2px 2px;
}
.ExportPage .bottomContainterVideo .btn2 {
  left: 260px;
  top: 610px;
  width: 80px;
  height: 30px;
  background: #606060;
  border-radius: 2px 2px 2px 2px;
}
.ExportPage .bottomContainterTexture {
  width: 500px;
  height: 680px;
  background: #181818;
  border-radius: 0px 0px 2px 2px;
  position: relative;
}
.ExportPage .bottomContainterTexture .fengMianImage {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 460px;
  height: 282px;
  border-radius: 2px 2px 2px 2px;
  text-align: center;
  overflow: hidden;
}
.ExportPage .bottomContainterTexture .fenbianlv {
  position: absolute;
  left: 101px;
  top: 372px;
  width: 380px;
  height: 30px;
  background: #282828;
  border-radius: 2px 2px 2px 2px;
  font-size: 12px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #999999;
}
.ExportPage .bottomContainterTexture .projName {
  position: absolute;
  left: 101px;
  top: 322px;
  background: #282828;
  border-radius: 2px 2px 2px 2px;
  height: 30px;
  width: 380px;
  font-size: 12px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ExportPage .bottomContainterTexture .text1,
.ExportPage .bottomContainterTexture .text2,
.ExportPage .bottomContainterTexture .text3,
.ExportPage .bottomContainterTexture .text4,
.ExportPage .bottomContainterTexture .text5,
.ExportPage .bottomContainterTexture .text6,
.ExportPage .bottomContainterTexture .text7,
.ExportPage .bottomContainterTexture .bgtouming {
  font-size: 12px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #999999;
  line-height: 14px;
  position: absolute;
}
.ExportPage .bottomContainterTexture .text7 {
  left: 20px;
  top: 488px;
}
.ExportPage .bottomContainterTexture .bgtouming {
  top: 488px;
  left: 100px;
}
.ExportPage .bottomContainterTexture .text1 {
  left: 20px;
  top: 330px;
}
.ExportPage .bottomContainterTexture .text2 {
  left: 20px;
  top: 380px;
}
.ExportPage .bottomContainterTexture .text3 {
  left: 20px;
  top: 422px;
}
.ExportPage .bottomContainterTexture .text4 {
  left: 20px;
  top: 457px;
}
.ExportPage .bottomContainterTexture .text5 {
  left: 101px;
  top: 422px;
}
.ExportPage .bottomContainterTexture .text6 {
  left: 101px;
  top: 457px;
}
.ExportPage .bottomContainterTexture .btn1,
.ExportPage .bottomContainterTexture .btn2 {
  position: absolute;
  font-size: 12px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #ffffff;
  line-height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
.ExportPage .bottomContainterTexture .btn1 {
  left: 160px;
  top: 610px;
  width: 80px;
  height: 30px;
  background: #2991f1;
  border-radius: 2px 2px 2px 2px;
}
.ExportPage .bottomContainterTexture .btn2 {
  left: 260px;
  top: 610px;
  width: 80px;
  height: 30px;
  background: #606060;
  border-radius: 2px 2px 2px 2px;
}
.ExportPage .render-tips {
  position: absolute;
  top: 272px;
  left: 30px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.3);
  padding: 5px;
}
.g-loding {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2991f1;
  font-size: 14px;
}

.PublishPage[data-v-40cdbb2c] {
  width: 100% !important;
  height: 100% !important;
  background-color: #0008 !important;
}
.PublishPage .topToolBar[data-v-40cdbb2c] {
  width: 500px;
  height: 40px;
  background: #232629;
  border-radius: 2px 2px 0px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.PublishPage .topToolBar .text1[data-v-40cdbb2c] {
  width: 84px;
  height: 15px;
  font-size: 12px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #ffffff;
  line-height: 14px;
  -webkit-background-clip: text;
}
.PublishPage .topToolBar .close[data-v-40cdbb2c] {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.PublishPage .topToolBar .close img[data-v-40cdbb2c] {
  width: 100%;
  height: 100%;
}
.PublishPage .bottomContainter[data-v-40cdbb2c] {
  width: 500px;
  min-height: 510px;
  background: #181818;
  border-radius: 0px 0px 2px 2px;
  position: relative;
}
.PublishPage .bottomContainter .fengMianImage[data-v-40cdbb2c] {
  box-sizing: border-box;
  padding: 10px 20px 0 20px;
  width: 500px;
  height: 292px;
  border-radius: 2px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.PublishPage .bottomContainter .fengMianImage .fengMianImage-item[data-v-40cdbb2c] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.PublishPage .bottomContainter .fengMianImage .fengMianImage-item .fengMianImage-tips[data-v-40cdbb2c] {
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  bottom: 0px;
  left: 0px;
  font-size: 14px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
}
.PublishPage .bottomContainter .fengMianImage .render-tips[data-v-40cdbb2c] {
  position: absolute;
  bottom: 10px;
  left: 30px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.3);
  padding: 5px;
}
.PublishPage .bottomContainter .versionBox[data-v-40cdbb2c] {
  padding: 10px 0;
}
.PublishPage .bottomContainter .versionBox .version[data-v-40cdbb2c] {
  width: 460px;
  height: 200px;
  background-color: #292929;
  border-radius: 2px;
  position: relative;
  padding: 55px 50px 0;
  margin: 0 auto;
}
.PublishPage .bottomContainter .versionBox .version .title[data-v-40cdbb2c] {
  width: 136px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
}
.PublishPage .bottomContainter .versionBox .version .content[data-v-40cdbb2c] {
  font-size: 12px;
  color: #666666;
  line-height: 20px;
}
.PublishPage .bottomContainter .versionBox .version .content strong[data-v-40cdbb2c] {
  font-size: 16px;
}
.PublishPage .bottomContainter .versionBox .version .versionBtnBox[data-v-40cdbb2c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}
.PublishPage .bottomContainter .versionBox .version .versionBtnBox.isVip[data-v-40cdbb2c] {
  justify-content: center;
}
.PublishPage .bottomContainter .versionBox .version .versionBtnBox .versionBtn[data-v-40cdbb2c] {
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  border-radius: 2px;
  cursor: pointer;
}
.PublishPage .bottomContainter .versionBox .version.version1[data-v-40cdbb2c] {
  margin-bottom: 10px;
}
.PublishPage .bottomContainter .versionBox .version.version1 .title[data-v-40cdbb2c] {
  background: url("../assets/images/Group 1177@2x.27e506c4cdbffe3cd81fae6deb65c2e8.png") no-repeat;
  background-size: 100% 100%;
}
.PublishPage .bottomContainter .versionBox .version.version1 .versionBtnBox .versionBtn[data-v-40cdbb2c] {
  width: 164px;
}
.PublishPage .bottomContainter .versionBox .version.version1 .versionBtnBox .versionBtn.versionBtn1[data-v-40cdbb2c] {
  background-color: #b0f59f;
  color: #2a6110;
}
.PublishPage .bottomContainter .versionBox .version.version1 .versionBtnBox .versionBtn.versionBtn2[data-v-40cdbb2c] {
  background-color: #ffe8ad;
  color: #6d520c;
}
.PublishPage .bottomContainter .versionBox .version.version2[data-v-40cdbb2c] {
  background: url("../assets/images/Vector@2x(3).1ea6e5cb80fb320459470bf697e48342.png") no-repeat #292929;
  background-position: 90% 0%;
  background-size: 50%;
}
.PublishPage .bottomContainter .versionBox .version.version2 .title[data-v-40cdbb2c] {
  background: url("../assets/images/Group 1178@2x.42ee7e2536237061ccd8da22496afd4b.png") no-repeat;
  background-size: 100% 100%;
}
.PublishPage .bottomContainter .versionBox .version.version2 .tips[data-v-40cdbb2c] {
  width: 132px;
  height: 13px;
  background: url(../assets/images/tips@2x.1cfa60a9d22ef86e924830529e149df6.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 15px;
  right: 50px;
}
.PublishPage .bottomContainter .versionBox .version.version2 .versionBtnBox[data-v-40cdbb2c] {
  justify-content: center;
}
.PublishPage .bottomContainter .versionBox .version.version2 .versionBtnBox .versionBtn[data-v-40cdbb2c] {
  width: 344px;
  background-color: #ffe8ad;
  color: #6d520c;
}
.PublishPage .bottomContainter .versionBox .version.version2 .versionBtnBox .versionBtn.versionBtn1[data-v-40cdbb2c] {
  width: 164px;
  background-color: #b0f59f;
  color: #2a6110;
}
[data-v-40cdbb2c] .ivu-checkbox-checked .ivu-checkbox-inner {
  border-color: #fff;
  background-color: #fff;
}
[data-v-40cdbb2c] .ivu-checkbox-checked .ivu-checkbox-inner::after {
  border-color: #000;
}
@media screen and (max-height: 800px) {
.selectVersion[data-v-40cdbb2c] {
    transform: scale(0.8);
}
}

.m-buyMap-item[data-v-7d69819c] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0008;
}
.m-buyMap-item .u-startAnalysis-item[data-v-7d69819c] {
  position: absolute;
  width: 500px;
  height: 320px;
  background: #181818;
}
.m-buyMap-item .u-startAnalysis-item .startAnalysis-item-tit[data-v-7d69819c] {
  width: 100%;
  height: 40px;
  background: #232629;
  text-align: center;
  line-height: 40px;
  font-size: 12px;
  color: #ffffff;
  position: relative;
}
.m-buyMap-item .u-startAnalysis-item .startAnalysis-item-tit .item-tit-close[data-v-7d69819c] {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.m-buyMap-item .u-startAnalysis-item .startAnalysis-item-tit .item-tit-close .closePic[data-v-7d69819c] {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.m-buyMap-item .u-startAnalysis-item .startAnalysis-item-contont[data-v-7d69819c] {
  width: 100%;
  height: 280px;
  text-align: center;
  color: #999999;
  font-size: 12px;
}
.m-buyMap-item .u-startAnalysis-item .startAnalysis-item-contont .item-contont-pic[data-v-7d69819c] {
  width: 24px;
  height: 24px;
  margin-top: 45px;
}
.m-buyMap-item .addCustomerService[data-v-7d69819c] {
  padding: 40px 65px;
}
.m-buyMap-item .image-box[data-v-7d69819c] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.m-buyMap-item .image-box .img img[data-v-7d69819c] {
  width: 130px;
  height: 130px;
  margin-bottom: 10px;
}
.m-buyMap-item .image-box .txt[data-v-7d69819c] {
  text-align: center;
  color: #fff;
}