.th-new-map{
  .templates{
    overflow: auto;
    height: 500px;
  }
  #style-upload-input {
    display: none;
  }
  span.error{
    text-align: left;
    max-width: 600px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.th-service-panel{
  padding: 10px;
  .label {
    font-size: 16px;
    line-height: 40px;
    word-break: break-all;
    .ivu-input-wrapper{
      margin-right: 20px;
    }
  }
}

.th-template-item{
  width: 253px;
  margin: 20px 25px;
  border-radius: 8px;
  cursor: pointer;
  color: #42381A;
  text-align: center;
  &.active{
    background-color: #3366FF;
    color: #ffffff;
  }
  .thumb{
    width: 243px;
    height: 246px;
    margin: 5px auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(./images/map-thumbnail.png);
  }
  .name{
    width: 100%;
    font-size: 14px;
    line-height: 32px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}