.upload-fileX {
  position: relative;
}
.upload-fileX .upload-area-item {
  position: relative;
  height: 228px;
  width: 185px;
}
.upload-fileX img {
  display: block;
}
.upload-fileX .upload-status {
  text-align: center;
  height: 7px;
  color: #7C7C7C;
}
.upload-fileX .upload-status .success {
  color: #3F6DFE;
}
.upload-fileX .upload-status .loading {
  color: #999;
}
.upload-fileX .shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  z-index: 10;
  cursor: pointer;
}
.upload-fileX .add-file {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAACwCAMAAACYaRRsAAAAPFBMVEVwdo0AAABwdo50eY5xd49wdo57e49xeI5wdo9xdo5xdo9wdY9xdo/5+fpxd491eJHh4ueLkaVxdo7////t6KtgAAAAE3RSTlOAAHYLOWAGIFpqTkhC9C4Y0o1vMn28pgAAA39JREFUeNrU2VuWqjAQheFtpXIjEGyc/1wPB+320mKDFlr1j+B72AlZC+zkCn3l0qTk80AADdmn1BSufdjJJQMOkUsaMNuQCkcBtgg4xNZjUb5di5YH9+wJKyLP/W5h8uC+EJ6IygKzPNhxxtNldrsHyYNDTXixVOf2LA8OTBCIeIYsDHYtQShqb5chD3aFIBiVS7I82DUQrzmTxcFM2CDi3ZQ4OGZsVI5S4Pk1iO9CGlwJm0ZVFOw8Ns87OXAkvCGKUuAWb6pdAlYxhxWzgI45nGfxKpjx5vgvsJL5nmtfATf4QM3T4JDwkVJ4BNZxPSy/LDDvzfhYeV4Mjd5JvBIcPD6aDyvBCR8uzYEV3WeLbjdo+V4s/YJAxff4frwUHKGkuAzsCEoitwjsoSZ/B6zzwM0fPKgd8MyMoXbAMzOG3gEf84/BFeqqN2DVg7gzCmh7Qvz1qIDiG+K7OAvOUFm+Aut78zx+BUH3ift97qD8xB1r7oEdxPrad93+C4K5O+Ai5+0OY52kuFyA5Re8P0ztN1kxNnhVdkdwB8HaW3AgiHU4BcEo3IAZusHga3Ag7WAKV+AK7WDUK7DXD06XYAf9YLgLMFsA8wU4WwDnM7iHBTD6H3CxAS4/YLIBpm9wDxtg9CcwWwHzCeytgP0RHMgKmMIEjrACRpzArR1wO4G9HbD/Dw6wA0YYwdESOI5gtgTmEVwsgcsITpbAaQQPlsDDDgEwBEZAD1gC96iAJXAFA5bAjAJYAhc0gCVwgwRYAid7YA9YAnvk1f9bDmI98ecmY1jnFeQ+9edmAK383yLcHusirKuTBndYmT3wv/buIAVAGAaiKFWKRaT3P67g3pUg80JvkEVqbTIzn2sJ7tBxnzXu4uCuZq5g7veS+4HnnkjcI5R75nODFG5U5Q0DuXErN9DmVgbcUoZbe3mLRW51yy3HOfmBJ/DgJDScSMmTgXFCO07K6IlFOTluG/kFD1tSzon2OVuEZzzhrD2eeYqzp3kGQM5i6ZlYOZuwZ8T2rO6Z5+6sFNfABWJ4kSNxTbHt1WJzvGCiqDbuNcO1ctr4qBoQF3Lwrsohh16MpBfUyUWhemGzXpyvF5jsRVKDod9erLoXXO+hATz4Aoi38AAiHqIFhOB4mCEQ5ASisjwYGYh7A4F6T8mzf74n5nu5CwpJYjdFsKmIjhXhvO1f/PENJ+6D6MesMKMAAAAASUVORK5CYII=);
  background-size: 100% 100%;
  width: 88px;
  height: 88px;
  position: absolute;
  z-index: 11;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.upload-fileX .succes-file {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAMAAABGS8AGAAAAsVBMVEVwdo0AAABycolvdY1udY1wdI1udYxvdo5vdo5udI5weI9wdY9udIxwcI96f5V0epCLkKRwdY9wdY1xdI5udY1xeI9ud4xvdItuc4z9/f739/mQlaf8/Pz19ffz8/Xx8vTu7vLl5uri4+iGi6CAhZv+/v/6+/vq7O/n6Ozf4ObZ2+Gusb6eo7PV1t7LzdbExtC9wMyztsOmq7mWnK35+fr4+Pnb3ePQ0tq3usa0t8X////QtZj2AAAAOnRSTlOAABV9d3FvZGFWPy4oEYSCjXZpT0pEPDcz+/CQ+O7r5+PX1IqI/vff29HKo5jEu7Wup52T8/HNwKmnIx9uOwAAAlpJREFUWMPN2YdyGjEQxvEPXW+YDgYXWmIbx0mcHt7/wbLIiQNGh8ppx/4/wG+YY+ZO2kVLnyhH/bQXdYOgG/XS/qgULX3QoeMsxFFhNhZN4CqPUVucV45wkUBTUjjAkxgGxRNLuIhgWFRYwCKFRakwhYcBrAqGRnCVwLqk0sNlCIfCUgfncCw/DQ/g3OAUnKFBWT1MrjcZx8/BvYEaztG4XAWX8FB5DFchPBRWR3ACLyUv4SE8NTyERQBPBeIATuGtdB8u4LFiD47gseg/PIHXJs9wDK/F/+ACniv+wgk8lzzBFbxXSTiHe4/T6b36LYdGf92v8+12qvz7CBZw7je5ShiC4LH7c9i57x6haExwBsfupfsZqjKCQwYXYQuCwwWxJZz6crGlPqGuEiMWl9g+i0tsCvs+SPcj6iO25+C+17rERiwusV2o6mw2nZPuT5yM2ACq5vQOmEHV128mLoIamH4VybXuA/Sw+lE8bKnLzrH73cwlNoKyO6U8k+4G+iL0oOxMyledQ3dq6hKbokZeSnm1715uqR8wKUUfpnLHwiV2hFp5sYOuVwfuHYwitoROXj+5V9I9g1klBOpr3z7LK+kuTV1iW6FWnq+xurZzQ93HtH0j5Zl0F8YuMvn518vnlq78/AtoZdltG+YJgyNWe27vxkaHwvVOvrFxkZsdY9eLi6WVi4rr4M12VeC63LBdx7gukGxXXq5LOttYgWsQwjW6YRs2cY3HuAZ6nCNI/qGpNznjGkxzjdK5hv9c6wqmBQvXSuj1l1g2a7e3syg0WW2+vWVsk/XxH/aESc1EZkZpAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  width: 88px;
  height: 88px;
  position: absolute;
  z-index: 11;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.upload-fileX .fail-file {
  background: url(../img/close.8e09748a.png);
  background-size: 100% 100%;
  width: 88px;
  height: 88px;
  position: absolute;
  z-index: 11;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.upload-fileX .full-back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 1;
}
.upload-fileX .bg-img {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background-size: 100% auto;
  z-index: 9;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}
.upload-fileX .bg-img.isVertical {
  top: 0;
  height: 100%;
  background-position: center top;
  background-size: auto 100%;
}
.upload-fileX .ivu-upload {
  width: 100%;
  position: relative;
}
.upload-fileX .ivu-upload img {
  display: block;
}
.upload-fileX .uploadMaxBox {
  width: 100%;
}
.upload-fileX .uploadMaxBox .ivu-row {
  margin-bottom: 20px;
}
.upload-fileX .uploadMaxBox .pxd.ivu-col-span-18 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload-fileX .uploadMaxBox .removeButton {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
  top: 2px;
  background: red;
  font-size: 14px;
  right: -8px;
  cursor: pointer;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #ffffff;
  -webkit-box-shadow: 2px 6px 15px 0 rgba(26, 39, 60, 0.04);
          box-shadow: 2px 6px 15px 0 rgba(26, 39, 60, 0.04);
  z-index: 13;
}
.upload-fileX .uploadMaxBox .mesageBox {
  position: fixed;
  width: 446px;
  height: 320px;
  top: 99px;
  background: #ecf1fb;
  font-size: 14px;
  left: 50%;
  padding: 20px 35px;
  color: #2C2E33;
  -webkit-box-shadow: 2px 6px 15px 0 rgba(26, 39, 60, 0.04);
          box-shadow: 2px 6px 15px 0 rgba(26, 39, 60, 0.04);
  z-index: 9999;
}
.upload-fileX .uploadMaxBox .isokBox {
  position: relative;
}
.upload-fileX .uploadMaxBox .isokBox p {
  display: inline-block;
  width: 180px;
  font-size: 18px!important;
  font-weight: bold!important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.upload-fileX .uploadMaxBox .midBox {
  float: left;
  width: 18%;
  margin-right: 25px;
  margin-bottom: 10px;
  height: 345px;
}
.upload-fileX .uploadMaxBox .midBox .item-detail {
  position: relative;
  padding: 5px 10px;
  background: #E8EDFE;
  color: #3F6DFE;
  font-size: 12px;
  vertical-align: super;
}
.upload-fileX .uploadMaxBox .midBox .sucessbox {
  position: relative;
  overflow: hidden;
  height: 220px;
}
.upload-fileX .uploadMaxBox .midBox .sucessbox .demo-spin-icon-load {
  -webkit-animation: ani-demo-spin 1s linear infinite;
          animation: ani-demo-spin 1s linear infinite;
}
.upload-fileX .uploadMaxBox .midBox .sucessbox .demo-spin-col {
  height: 100px;
  position: relative;
  border: 1px solid #eee;
}
.upload-fileX .uploadMaxBox .midBox .sucessbox img {
  width: 100%;
}
.upload-fileX .uploadMaxBox .upload-status p {
  width: 217px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uploadMaxBox::after {
  content: "";
  display: block;
  clear: both;
}
@-webkit-keyframes ani-demo-spin {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes ani-demo-spin {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.identity-upload-area > .upload-fileX {
  width: 236px!important;
}
.upload-fileX {
  position: relative;
  width: 100%;
}

.img-preview-list[data-v-653b0556] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.img-preview-list li[data-v-653b0556] {
  list-style: none;
}
.img-preview-list img[data-v-653b0556] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0px 10px;
  max-height: 280px;
  cursor: pointer;
  -o-object-fit: cover;
     object-fit: cover;
}

.radio-group-warp {
  width: 100%;
  text-align: center;
}
.mechanism-details {
  width: 100%;
}
.mechanism-details .item {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mechanism-details .lable {
  display: inline-block;
  width: 12%;
}
.mechanism-details .contenr {
  margin-left: 20px;
  width: 85%;
}