@charset "UTF-8";
.layui-form .layui-card, .form-pack .layui-card {
  margin: 0; }
.layui-form .layui-card-body, .form-pack .layui-card-body {
  padding: 10px 0; }

.attr-board .layui-inline-block {
  margin-top: 10px;
  margin-left: 0px;
  clear: both; }

.attr-board-inline {
  clear: both;
  display: inline-block; }

.ns-screen .attr-board {
  clear: both;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
  margin-right: 10px; }
  .ns-screen .attr-board .layui-input-block {
    float: left;
    margin-left: 0px; }
  .ns-screen .attr-board .ns-len-long {
    width: auto !important; }

/* 多选框、单选框：开始 */
.attr-checkbox-root, .attr-radio-root {
  max-width: 1300px; }
  .attr-checkbox-root .checkbox-item, .attr-checkbox-root .radio-item, .attr-radio-root .checkbox-item, .attr-radio-root .radio-item {
    display: inline-block;
    padding-right: 10px; }
  .attr-checkbox-root .layui-form-radio, .attr-radio-root .layui-form-radio {
    padding-right: 0px; }
  .attr-checkbox-root .layui-form-checkbox[lay-skin=primary] span, .attr-checkbox-root .layui-form-ratio[lay-skin=primary] span, .attr-radio-root .layui-form-checkbox[lay-skin=primary] span, .attr-radio-root .layui-form-ratio[lay-skin=primary] span {
    padding-right: 0px; }
  .attr-checkbox-root .ns-prompt-block, .attr-radio-root .ns-prompt-block {
    display: inline-block;
    padding-right: 0px; }
    .attr-checkbox-root .ns-prompt-block .iconfont, .attr-radio-root .ns-prompt-block .iconfont {
      font-size: 15px; }
    .attr-checkbox-root .ns-prompt-block .ns-prompt, .attr-radio-root .ns-prompt-block .ns-prompt {
      margin-left: 0px; }

/* 多选框、单选框：结束 */
/* 视频上传：开始 */
.attr-video-root {
  display: flex;
  flex-direction: column; }
  .attr-video-root .video-thumb {
    display: block;
    float: left;
    width: 250px;
    height: 120px;
    position: relative; }
    .attr-video-root .video-thumb span {
      width: 10px;
      height: 10px;
      cursor: pointer;
      position: absolute;
      right: 10px;
      top: 10px;
      background-image: url("../img/video_thumb_close.png");
      background-size: 100%;
      z-index: 100; }
    .attr-video-root .video-thumb span.hide {
      display: none; }
    .attr-video-root .video-thumb > .video, .attr-video-root .video-thumb .video-thumb > .temp_video {
      width: 100% !important;
      height: 121px;
      background: #f1f1f1; }
    .attr-video-root .video-thumb > .temp_video {
      display: none; }
  .attr-video-root .upload-show {
    position: absolute;
    left: 0;
    width: 250px;
    height: 90px;
    opacity: 0;
    cursor: pointer;
    z-index: 10; }
  .attr-video-root .file-title {
    font-size: 12px; }
    .attr-video-root .file-title > div {
      margin-top: 10px; }
    .attr-video-root .file-title ul {
      color: #FF6600; }

/* 视频上传：结束 */
/* 相册选图：开始 */
.attr-album-root .album-box {
  margin-bottom: 10px;
  overflow: hidden; }
.attr-album-root .item {
  overflow: hidden;
  margin-bottom: 10px;
  margin-right: 10px;
  display: inline-block; }
  .attr-album-root .item .img-wrap {
    width: 80px;
    line-height: 80px; }
    .attr-album-root .item .img-wrap img {
      width: 100%;
      height: 100%; }
  .attr-album-root .item .operation {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    cursor: pointer;
    text-align: center;
    display: none; }
.attr-album-root .item:hover .operation {
  display: block; }
.attr-album-root .item, .attr-album-root .item.empty {
  display: block;
  float: left;
  width: 78px;
  height: 78px;
  position: relative;
  border: 1px solid #e5e5e5;
  text-align: center;
  transition: background-color 0.3s ease; }
.attr-album-root .item.empty {
  background: url("../img/goods_empty.gif");
  background-size: 100%; }
.attr-album-root .item.js-add-album-image {
  line-height: 78px;
  font-size: 30px;
  color: #bbbbbb;
  cursor: pointer; }

/* 相册选图：结束 */
/* 选择地址：开始 */
.attr-address-root .address-select-boxes {
  display: flex;
  flex-direction: row; }
.attr-address-root .address-select-box {
  width: 32%;
  display: inline-block; }
.attr-address-root .address-select-box-city,
.attr-address-root .address-select-box-district {
  margin-left: 10px; }
.attr-address-root .map_container {
  height: 500px; }
.attr-address-root .attr-address-address, .attr-address-root .attr-address-full-address {
  display: inline-block;
  vertical-align: top; }

/* 选择地址：结束 */
/* 可输入标签：开始 */
.attr-tag-root {
  max-width: 1300px; }
  .attr-tag-root .attr-tag-item {
    position: relative;
    margin-bottom: 10px; }
    .attr-tag-root .attr-tag-item .layui-icon-close {
      font-size: 12px;
      position: absolute;
      top: -8px;
      right: -8px;
      width: 16px;
      height: 16px;
      line-height: 16px;
      text-align: center;
      color: #fff;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      background: rgba(0, 0, 0, 0.3);
      cursor: pointer; }
    .attr-tag-root .attr-tag-item .view-link {
      position: absolute;
      top: 0px;
      right: -40px; }
  .attr-tag-root .attr-tag-item-define input, .attr-tag-root .attr-tag-define {
    color: #FF6A00;
    border: 1px solid #FF6A00; }
  .attr-tag-root .attr-tag-item-template {
    display: none; }
  .attr-tag-root .attr-tag-defines {
    margin: 25px 0px 10px 0px !important;
    position: relative; }
  .attr-tag-root .attr-tag-define-title {
    position: absolute;
    top: -18px;
    left: 20px;
    background-color: #fff;
    color: #666; }
  .attr-tag-root .attr-tag-define {
    padding: 5px;
    cursor: pointer;
    word-break: keep-all; }
  .attr-tag-root .attr-tag {
    background-color: #fcfcfc; }
  .attr-tag-root .tag-hint {
    color: #B2B2B2;
    font-size: 12px; }
  .attr-tag-root .attr-style-list {
    display: flex;
    flex-direction: row; }
    .attr-tag-root .attr-style-list .attr-tag {
      width: 450px !important; }
    .attr-tag-root .attr-style-list .attr-tags {
      width: 520px !important; }
    .attr-tag-root .attr-style-list .tag-hint {
      margin-top: 0px; }
    .attr-tag-root .attr-style-list .attr-tag-define-box {
      border: 1px dashed #eee;
      padding: 15px;
      max-height: 100px;
      overflow: auto; }
  .attr-tag-root .attr-style-grid {
    display: flex;
    flex-direction: column; }
    .attr-tag-root .attr-style-grid .attr-tag {
      width: 100px !important; }
    .attr-tag-root .attr-style-grid .tag-hint {
      margin-top: 10px; }
    .attr-tag-root .attr-style-grid .attr-tag-box {
      border: 1px solid #eee;
      padding: 15px;
      max-height: 200px;
      overflow: auto; }
    .attr-tag-root .attr-style-grid .attr-tag-define-box {
      border: 1px dashed #eee;
      padding: 15px;
      max-height: 100px;
      overflow: auto; }

/* 可输入标签：结束 */

/*# sourceMappingURL=form_pack.css.map */