.c-d-design-mobile-ec {
  width: 100%;
  height: 100%;
  min-height: 770px;
  display: flex;
  flex-direction: row;
}

.c-d-design-mobile-ec-left {
  width: 120px;
  height: 100%;
}

.c-d-design-mobile-ec-left-menu {
  height: 100%;
}

.c-d-design-mobile-ec-right {
  flex: 1;
  padding: 0px 20px 20px 20px;
  position: relative;
}


.c-d-design-mobile-ec-mobile {
  position: absolute;
  top: 100px;
  left: 60px;
  width: 320px;
  height: 570px;
  display: flex;
  flex-direction: column;
  /*border: 1px solid #D8D9DA;*/
  padding: 3px 0px 0px 2px;
}

.c-d-design-mobile-ec-mobile-background-top {
  position: absolute;
  top: -80px;
  left: -40px;
  width: 402px;
  height: 287px;
  background: url('https://file.startup1688.com/upload/mobile-top.png');
  background-size: cover;
}

.c-d-design-mobile-ec-mobile-background-center {
  position: absolute;
  top: 0px;
  left: -40px;
  width: 402px;
  height: 100%;
  background: url('https://file.startup1688.com/upload/mobile-center.png') repeat-y;
  background-size: 100%;
}

.c-d-design-mobile-ec-mobile-background-bottom {
  position: absolute;
  bottom: -100px;
  left: -40px;
  width: 402px;
  height: 103px;
  background: url('https://file.startup1688.com/upload/mobile-bottom.png');
  background-size: cover;
}

.c-d-design-mobile-ec-mobile-form {
  position: absolute;
  top: 30px;
  left: 440px;
  right: 20px;
}

.c-d-design-mobile-ec-mobile-form-helper {
  position: absolute;
  z-index: 99;
  top: 72px;
  width: 320px;
  height: 570px;
  overflow-y: scroll;
  border: 1px solid #D8D9DA;
  padding: 20px 10px 0px 10px;
  background-color: #ffffff;
}

.c-d-design-mobile-ec-mobile-form-helper-bottom {
  padding: 20px 10px 10px 10px;
}

.c-d-design-mobile-ec-mobile-form-helper-list {
  position: relative;
  background-color: #f7f8fa;
  padding: 30px 10px 0px 0px;
  margin-bottom: 20px;
}

.c-d-design-mobile-ec-mobile-form-helper-add {
  width: 100%;
}

.c-d-design-mobile-ec-mobile-form-helper-close {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 12px;
  background-color: red;
  cursor: pointer;
  color: #ffffff;
  padding: 3px 6px;
}

.c-d-design-mobile-ec-mobile-form-helper-list-row {
  display: flex;
}

.c-d-design-mobile-ec-mobile-form-helper-list-row-col {
  width: 50px;
  height: 50px;
  border: 1px solid #D8D9DA;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-d-design-mobile-ec-mobile-custom {
  margin-top: 30px;
}

.c-d-design-mobile-ec-modal-list {
  display: flex;
}

.c-d-design-mobile-ec-modal-list-item {
  position: relative;
  display: flex;
  width: 70px;
  height: 70px;
  justify-content: center;
  align-items: center;
  border: 1px solid #D8D9DA;
  margin-right: 10px;
}

.c-d-design-mobile-ec-modal-list-item-active {
  border: 2px solid #2d8cf0;
}

.c-d-design-mobile-ec-modal-list-item-active-triangle {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 0;
  height: 0;
  border-width: 0 0 30px 30px;
  border-style: solid;
  border-color: transparent transparent #2d8cf0;
  pointer-events: none;
}

.c-d-modal-file-item-select-check {
  position: absolute;
  right: 2px;
  bottom: 2px;
  pointer-events: none;
}