.v-carousel{
  overflow:hidden;
  position:relative;
  width:100%
}

.v-carousel__controls{
  align-items:center;
  background:rgba(0,0,0,.3);
  bottom:0;
  display:flex;
  height:50px;
  justify-content:center;
  list-style-type:none;
  position:absolute;
  width:100%;
  z-index:1
}

.v-carousel__controls>.v-item-group{
  flex:0 1 auto
}

.v-carousel__controls__item{
  margin:0 8px
}

.v-carousel__controls__item .v-icon{
  opacity:.5
}

.v-carousel__controls__item--active .v-icon{
  opacity:1;
  vertical-align:middle
}

.v-carousel__controls__item:hover{
  background:none
}

.v-carousel__controls__item:hover .v-icon{
  opacity:.8
}

.v-carousel__progress{
  margin:0;
  position:absolute;
  bottom:0;
  left:0;
  right:0
}

.v-carousel .v-window-item{
  display:block;
  height:inherit;
  text-decoration:none
}

.v-carousel--hide-delimiter-background .v-carousel__controls{
  background:transparent
}

.v-carousel--vertical-delimiters .v-carousel__controls{
  height:100% !important;
  width:50px
}
@font-face{
  font-family:"iconfont";

  src:url("//at.alicdn.com/t/c/font_4262003_1phxo14srtq.woff2?t=1708506299794") format("woff2"),url("//at.alicdn.com/t/c/font_4262003_1phxo14srtq.woff?t=1708506299794") format("woff"),url("//at.alicdn.com/t/c/font_4262003_1phxo14srtq.ttf?t=1708506299794") format("truetype")
}
.iconfont[data-v-3a83bb76]{
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.icon-yxhh[data-v-3a83bb76]:before{
  content:""
}
.icon-jsfh[data-v-3a83bb76]:before{
  content:""
}
.icon-shbz[data-v-3a83bb76]:before{
  content:""
}
.icon-music[data-v-3a83bb76]:before{
  content:""
}
.icon-achange[data-v-3a83bb76]:before{
  content:""
}
.icon-zan[data-v-3a83bb76]:before{
  content:""
}
.icon-dianzan[data-v-3a83bb76]:before{
  content:""
}
.icon-yjt[data-v-3a83bb76]:before{
  content:""
}
.icon-jf[data-v-3a83bb76]:before{
  content:""
}
.icon-youjiantou1[data-v-3a83bb76]:before{
  content:""
}
.icon-duoyoujiantou[data-v-3a83bb76]:before{
  content:""
}
.icon-dianhua1[data-v-3a83bb76]:before{
  content:""
}
.icon-ditu[data-v-3a83bb76]:before{
  content:""
}
.icon-daishouhou[data-v-3a83bb76]:before{
  content:""
}
.icon-daizhifu[data-v-3a83bb76]:before{
  content:""
}
.icon-daishouhuo[data-v-3a83bb76]:before{
  content:""
}
.icon-daifahuo[data-v-3a83bb76]:before{
  content:""
}
.icon-daipingjia[data-v-3a83bb76]:before{
  content:""
}
.icon-yijian[data-v-3a83bb76]:before{
  content:""
}
.icon-yonghu[data-v-3a83bb76]:before{
  content:""
}
.icon-guanyu[data-v-3a83bb76]:before{
  content:""
}
.icon-genghuan[data-v-3a83bb76]:before{
  content:""
}
.icon-shangchuan[data-v-3a83bb76]:before{
  content:""
}
.icon-mingxi[data-v-3a83bb76]:before{
  content:""
}
.icon-xiajiantou[data-v-3a83bb76]:before{
  content:""
}
.icon-dianhua[data-v-3a83bb76]:before{
  content:""
}
.icon-daohang[data-v-3a83bb76]:before{
  content:""
}
.icon-shouchang[data-v-3a83bb76]:before{
  content:""
}
.icon-fenxiang[data-v-3a83bb76]:before{
  content:""
}
.icon-search[data-v-3a83bb76]:before{
  content:""
}
.icon-youjiantou[data-v-3a83bb76]:before{
  content:""
}
.icon-shaixuan[data-v-3a83bb76]:before{
  content:""
}
.icon-shangxiaqiehuan[data-v-3a83bb76]:before{
  content:""
}
.icon-xiangmu[data-v-3a83bb76]:before{
  content:""
}
.icon-huiyuanka[data-v-3a83bb76]:before{
  content:""
}
.icon-yuyue[data-v-3a83bb76]:before{
  content:""
}
.icon-pingjia[data-v-3a83bb76]:before{
  content:""
}
.icon-dianpu[data-v-3a83bb76]:before{
  content:""
}
.icon-xiadan[data-v-3a83bb76]:before{
  content:""
}
.text-main[data-v-3a83bb76]{
  color:#ff076e
}
.index-search-wrap[data-v-3a83bb76]{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:5px;
  margin:5px;
  box-sizing:border-box;
  background:#fff;
  border-radius:10px
}
.index-search-wrap .location-item[data-v-3a83bb76]{
  display:flex;
  align-items:center
}
.index-search-wrap .location-item .text[data-v-3a83bb76]{
  padding-left:5px;
  font-size:12px;
  max-width:100px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.index-search-wrap .search-item[data-v-3a83bb76]{
  border-radius:5px;
  background:#f4f4f4;
  display:flex;
  flex-direction:row;
  align-items:center;
  padding:5px 10px;
  width:calc(100% - 100px);
  box-sizing:border-box
}
.index-search-wrap .search-item .icon[data-v-3a83bb76]{
  width:20px;
  height:20px
}
.index-search-wrap .search-item .ipt[data-v-3a83bb76]{
  width:100%;
  font-size:12px;
  margin-left:5px
}
.index-search-wrap .cart-item[data-v-3a83bb76]{
  width:30px;
  text-align:center;
  font-size:16px
}
.banner-wrap[data-v-5b4d4528]{
  width:100%;
  height:auto
}
@font-face{
  font-family:"iconfont";

  src:url("//at.alicdn.com/t/c/font_4262003_1phxo14srtq.woff2?t=1708506299794") format("woff2"),url("//at.alicdn.com/t/c/font_4262003_1phxo14srtq.woff?t=1708506299794") format("woff"),url("//at.alicdn.com/t/c/font_4262003_1phxo14srtq.ttf?t=1708506299794") format("truetype")
}
.iconfont[data-v-690a448d]{
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.icon-yxhh[data-v-690a448d]:before{
  content:""
}
.icon-jsfh[data-v-690a448d]:before{
  content:""
}
.icon-shbz[data-v-690a448d]:before{
  content:""
}
.icon-music[data-v-690a448d]:before{
  content:""
}
.icon-achange[data-v-690a448d]:before{
  content:""
}
.icon-zan[data-v-690a448d]:before{
  content:""
}
.icon-dianzan[data-v-690a448d]:before{
  content:""
}
.icon-yjt[data-v-690a448d]:before{
  content:""
}
.icon-jf[data-v-690a448d]:before{
  content:""
}
.icon-youjiantou1[data-v-690a448d]:before{
  content:""
}
.icon-duoyoujiantou[data-v-690a448d]:before{
  content:""
}
.icon-dianhua1[data-v-690a448d]:before{
  content:""
}
.icon-ditu[data-v-690a448d]:before{
  content:""
}
.icon-daishouhou[data-v-690a448d]:before{
  content:""
}
.icon-daizhifu[data-v-690a448d]:before{
  content:""
}
.icon-daishouhuo[data-v-690a448d]:before{
  content:""
}
.icon-daifahuo[data-v-690a448d]:before{
  content:""
}
.icon-daipingjia[data-v-690a448d]:before{
  content:""
}
.icon-yijian[data-v-690a448d]:before{
  content:""
}
.icon-yonghu[data-v-690a448d]:before{
  content:""
}
.icon-guanyu[data-v-690a448d]:before{
  content:""
}
.icon-genghuan[data-v-690a448d]:before{
  content:""
}
.icon-shangchuan[data-v-690a448d]:before{
  content:""
}
.icon-mingxi[data-v-690a448d]:before{
  content:""
}
.icon-xiajiantou[data-v-690a448d]:before{
  content:""
}
.icon-dianhua[data-v-690a448d]:before{
  content:""
}
.icon-daohang[data-v-690a448d]:before{
  content:""
}
.icon-shouchang[data-v-690a448d]:before{
  content:""
}
.icon-fenxiang[data-v-690a448d]:before{
  content:""
}
.icon-search[data-v-690a448d]:before{
  content:""
}
.icon-youjiantou[data-v-690a448d]:before{
  content:""
}
.icon-shaixuan[data-v-690a448d]:before{
  content:""
}
.icon-shangxiaqiehuan[data-v-690a448d]:before{
  content:""
}
.icon-xiangmu[data-v-690a448d]:before{
  content:""
}
.icon-huiyuanka[data-v-690a448d]:before{
  content:""
}
.icon-yuyue[data-v-690a448d]:before{
  content:""
}
.icon-pingjia[data-v-690a448d]:before{
  content:""
}
.icon-dianpu[data-v-690a448d]:before{
  content:""
}
.icon-xiadan[data-v-690a448d]:before{
  content:""
}
.container-wrap[data-v-690a448d]{
  width:100%;
  border:1px solid #fff;
  position:relative;
  top:0px;
  background:linear-gradient(180deg, rgba(255, 255, 255, 0.56) 0%, #FFFFFF 68%, #F6F7FB 100%);
  border-radius:20px 20px 0 0;
  -webkit-backdrop-filter:blur(5px);
          backdrop-filter:blur(5px)
}
.nav-wrap[data-v-690a448d]{
  width:100%;
  margin-top:10px
}
.nav-list[data-v-690a448d]{
  display:flex;
  align-items:flex-end;
  gap:10px;
  overflow:auto
}
.nav-item[data-v-690a448d]{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:60px;
  height:60px
}
.nav-item .img[data-v-690a448d]{
  width:30px;
  height:30px;
  max-width:30px
}
.nav-item .txt[data-v-690a448d]{
  font:12px;
  margin-top:5px;
  white-space:nowrap
}
.checkin-points[data-v-690a448d]{
  height:42px;
  border-radius:10px;
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.checkin-points .qd-txt[data-v-690a448d]{
  color:var(--primary-100);
  font-weight:bold;
  transform:skew(-10deg)
}
.checkin-points .p-txt[data-v-690a448d]{
  font-size:12px
}
.checkin-points .qd-btn[data-v-690a448d]{
  width:91px;
  height:24px;
  border-radius:20px;
  color:var(--primary-100);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center
}
.tip-wrap[data-v-690a448d]{
  display:flex;
  justify-content:space-between;
  padding:10px 30px;
  margin-top:10px
}
.tip-wrap .item[data-v-690a448d]{
  display:flex;
  align-items:center;
  color:#757575;
  font-size:12px
}
.flex-space-between[data-v-dfd57480]{
  display:flex;
  justify-content:space-between
}
.response[data-v-dfd57480]{
  width:100%
}
.bg-img[data-v-dfd57480]{
  width:100%;
  -o-object-fit:cover;
     object-fit:cover
}
.flex-align[data-v-dfd57480]{
  display:flex;
  align-items:center
}
.zone-wrap[data-v-dfd57480]{
  margin-bottom:10px;
  box-sizing:border-box;
  width:100%
}
.pzone-bg[data-v-dfd57480]{
  background:url("https://fumeida.oss-cn-beijing.aliyuncs.com/image/5d5616ca143e1365ceecff8f164d403d.png");
  background-size:cover;
  width:100%;
  height:391px;
  padding:10px 20px;
  box-sizing:border-box
}
.plist[data-v-dfd57480]{
  display:flex;
  margin-top:5px;
  overflow:hidden
}
.pitem[data-v-dfd57480]{
  border-radius:10px;
  background:#fff;
  position:relative;
  margin-right:5px
}
.pitem[data-v-dfd57480]:first-child,.pitem[data-v-dfd57480]:last-child{
  margin-right:0
}
.pitem .img-box[data-v-dfd57480]{
  width:156px;
  height:100px;
  border-radius:5px;
  background:#999;
  background:url("https://fumeida.oss-cn-beijing.aliyuncs.com/image/df8b12ab94475855c6ba7b0ec0cdfcce.png");
  background-size:cover;
  position:relative
}
.pitem .img-box .img[data-v-dfd57480]{
  width:100%;
  height:100%;
  border-radius:5px
}
.pitem .img-box .title-mask[data-v-dfd57480]{
  position:absolute;
  bottom:0;
  color:#fff;
  opacity:.9;
  background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  width:100%;
  height:23px;
  padding:5px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:10px
}
.pitem .info-box[data-v-dfd57480]{
  padding:5px;
  box-sizing:border-box;
  display:flex;
  justify-content:center;
  align-items:center
}
.pitem-full[data-v-dfd57480]{
  position:relative
}
.pitem-full .img-box[data-v-dfd57480]{
  width:100%;
  height:212px;
  border-radius:10px;
  background:#999;
  background:url("https://fumeida.oss-cn-beijing.aliyuncs.com/image/df8b12ab94475855c6ba7b0ec0cdfcce.png");
  background-size:cover;
  position:relative
}
.pitem-full .img-box .img[data-v-dfd57480]{
  width:100%;
  height:100%;
  border-radius:10px;
  -o-object-fit:contain;
     object-fit:contain
}
.pitem-full .img-box .title-mask[data-v-dfd57480]{
  position:absolute;
  bottom:0;
  color:#fff;
  opacity:.9;
  background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  width:100%;
  height:23px;
  padding:5px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:10px
}
.price-m1[data-v-dfd57480]{
  font-weight:400;
  font-size:16px;
  color:#ff076e
}
.price-m1[data-v-dfd57480]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.price-m2[data-v-dfd57480]{
  font-weight:400;
  font-size:12px;
  color:#b5b7ba;
  margin-left:5px;
  text-decoration:line-through
}
.price-m2[data-v-dfd57480]::before{
  content:"¥";
  font-size:100%;
  margin-right:2px
}
@font-face{
  font-family:"iconfont";

  src:url("//at.alicdn.com/t/c/font_4262003_1phxo14srtq.woff2?t=1708506299794") format("woff2"),url("//at.alicdn.com/t/c/font_4262003_1phxo14srtq.woff?t=1708506299794") format("woff"),url("//at.alicdn.com/t/c/font_4262003_1phxo14srtq.ttf?t=1708506299794") format("truetype")
}
.iconfont[data-v-04ce9106]{
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.icon-yxhh[data-v-04ce9106]:before{
  content:""
}
.icon-jsfh[data-v-04ce9106]:before{
  content:""
}
.icon-shbz[data-v-04ce9106]:before{
  content:""
}
.icon-music[data-v-04ce9106]:before{
  content:""
}
.icon-achange[data-v-04ce9106]:before{
  content:""
}
.icon-zan[data-v-04ce9106]:before{
  content:""
}
.icon-dianzan[data-v-04ce9106]:before{
  content:""
}
.icon-yjt[data-v-04ce9106]:before{
  content:""
}
.icon-jf[data-v-04ce9106]:before{
  content:""
}
.icon-youjiantou1[data-v-04ce9106]:before{
  content:""
}
.icon-duoyoujiantou[data-v-04ce9106]:before{
  content:""
}
.icon-dianhua1[data-v-04ce9106]:before{
  content:""
}
.icon-ditu[data-v-04ce9106]:before{
  content:""
}
.icon-daishouhou[data-v-04ce9106]:before{
  content:""
}
.icon-daizhifu[data-v-04ce9106]:before{
  content:""
}
.icon-daishouhuo[data-v-04ce9106]:before{
  content:""
}
.icon-daifahuo[data-v-04ce9106]:before{
  content:""
}
.icon-daipingjia[data-v-04ce9106]:before{
  content:""
}
.icon-yijian[data-v-04ce9106]:before{
  content:""
}
.icon-yonghu[data-v-04ce9106]:before{
  content:""
}
.icon-guanyu[data-v-04ce9106]:before{
  content:""
}
.icon-genghuan[data-v-04ce9106]:before{
  content:""
}
.icon-shangchuan[data-v-04ce9106]:before{
  content:""
}
.icon-mingxi[data-v-04ce9106]:before{
  content:""
}
.icon-xiajiantou[data-v-04ce9106]:before{
  content:""
}
.icon-dianhua[data-v-04ce9106]:before{
  content:""
}
.icon-daohang[data-v-04ce9106]:before{
  content:""
}
.icon-shouchang[data-v-04ce9106]:before{
  content:""
}
.icon-fenxiang[data-v-04ce9106]:before{
  content:""
}
.icon-search[data-v-04ce9106]:before{
  content:""
}
.icon-youjiantou[data-v-04ce9106]:before{
  content:""
}
.icon-shaixuan[data-v-04ce9106]:before{
  content:""
}
.icon-shangxiaqiehuan[data-v-04ce9106]:before{
  content:""
}
.icon-xiangmu[data-v-04ce9106]:before{
  content:""
}
.icon-huiyuanka[data-v-04ce9106]:before{
  content:""
}
.icon-yuyue[data-v-04ce9106]:before{
  content:""
}
.icon-pingjia[data-v-04ce9106]:before{
  content:""
}
.icon-dianpu[data-v-04ce9106]:before{
  content:""
}
.icon-xiadan[data-v-04ce9106]:before{
  content:""
}
.card-box[data-v-04ce9106]{
  background:#fff;
  border-radius:10px;
  margin-top:10px;
  padding:10px;
  box-sizing:border-box;
  color:#1a1a1a
}
.flex-between[data-v-04ce9106]{
  display:flex;
  justify-content:space-between;
  align-items:center
}
.flex-center-column[data-v-04ce9106]{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
.flex-align[data-v-04ce9106]{
  display:flex;
  align-items:center
}
.zone-wrap[data-v-04ce9106]{
  width:100%;
  margin:5px;
  box-sizing:border-box
}
.title-m1[data-v-04ce9106]{
  font-size:14px;
  font-weight:900;
  color:#1e1e1e;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.title-m2[data-v-04ce9106]{
  color:#b5b7ba;
  font-size:12px;
  font-weight:300
}
.title-m3[data-v-04ce9106]{
  color:#9e9e9e;
  font-size:12px;
  font-weight:250;
  word-break:break-word
}
.tj-zone[data-v-04ce9106]{
  width:173px;
  height:257rpx;
  background:linear-gradient(135deg, #b4cbad 0%, #80b18a 83%);
  border-radius:10px
}
.tj-zone .img[data-v-04ce9106]{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}
.lck-zone[data-v-04ce9106]{
  background:#fff;
  border-radius:10px;
  padding:10px
}
.lck-zone .img-box[data-v-04ce9106]{
  margin-top:5px;
  width:156rpx;
  height:61px
}
.lck-zone .img-box .img[data-v-04ce9106]{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}
.cz-zone[data-v-04ce9106]{
  width:172px;
  height:125px;
  background:linear-gradient(180deg, #ffe1d1 0%, #ffffff 20%);
  border-radius:10px
}
.cz-zone .img[data-v-04ce9106]{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}
.gird-zone[data-v-04ce9106]{
  display:grid;
  grid-template-columns:1fr 1fr 1fr
}
.gird-zone .item[data-v-04ce9106]{
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative
}
.gird-zone .item[data-v-04ce9106]:not(:last-child)::after{
  content:"";
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  height:50%;
  border-right:5rpx solid #ebedf1;
  border-radius:10px
}
.gird-zone .img-box[data-v-04ce9106]{
  width:36px;
  height:36px
}
.gird-zone .img-box .img[data-v-04ce9106]{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}
.plist[data-v-04ce9106]{
  display:flex;
  margin-top:5px;
  overflow:hidden
}
.pitem[data-v-04ce9106]{
  border-radius:10px;
  background:#fff;
  position:relative;
  margin-right:5px
}
.pitem[data-v-04ce9106]:first-child,.pitem[data-v-04ce9106]:last-child{
  margin-right:0
}
.pitem .img-box[data-v-04ce9106]{
  width:156px;
  height:100px;
  border-radius:5px;
  background:#999;
  background:url("https://fumeida.oss-cn-beijing.aliyuncs.com/image/df8b12ab94475855c6ba7b0ec0cdfcce.png");
  background-size:cover;
  position:relative
}
.pitem .img-box .img[data-v-04ce9106]{
  width:100%;
  height:100%;
  border-radius:5px
}
.pitem .img-box .title-mask[data-v-04ce9106]{
  position:absolute;
  bottom:0;
  color:#fff;
  opacity:.9;
  background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  width:100%;
  height:23px;
  padding:5px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:10px
}
.pitem .info-box[data-v-04ce9106]{
  padding:5px;
  box-sizing:border-box;
  display:flex;
  justify-content:center;
  align-items:center
}
.u-tabs[data-v-6fe6fbfc]{
  position:relative;
  display:flex;
  align-items:center;
  font-size:15px
}
.u-tabs .u-tab[data-v-6fe6fbfc]{
  padding:5px 11px;
  color:#1a1a1a
}
.u-tabs .u-tab.active[data-v-6fe6fbfc]{
  font-weight:bold
}
.u-tabs .slt-right[data-v-6fe6fbfc]{
  position:absolute;
  right:0;
  display:flex;
  align-items:center;
  background:#f0eff6;
  z-index:2;
  padding:0 2px
}
.u-tabs .u-line[data-v-6fe6fbfc]{
  width:20px;
  transform:translate(16px);
  transition-duration:300ms;
  height:3px;
  background:#ff076e;
  background-size:cover;
  position:absolute;
  bottom:0;
  border-radius:100px
}
.flex-between[data-v-6fe6fbfc]{
  display:flex;
  justify-content:space-between;
  align-items:center
}
.flex-align[data-v-6fe6fbfc]{
  display:flex;
  align-items:center
}
.goods-wrap[data-v-6fe6fbfc]{
  width:100%;
  background:#f0eff6;
  box-shadow:1px -1px 10px #fcd3e2;
  border-radius:20px 20px 0 0;
  padding:5px;
  margin-top:10px
}
.list-wrap-columns[data-v-6fe6fbfc]{
  display:grid;
  grid-template-columns:repeat(auto-fill, 174px);
  grid-gap:5px;
  justify-content:center
}
.list-item-column1[data-v-6fe6fbfc]{
  border-radius:10px;
  background:#fff;
  width:174px;
  height:213px;
  border:1px solid #f3f3f3;
  position:relative
}
.list-item-column1 .img-box[data-v-6fe6fbfc]{
  width:100%;
  height:114px;
  border-radius:10px 10px 0 0
}
.list-item-column1 .img-box .img[data-v-6fe6fbfc]{
  width:100%;
  height:100%;
  border-radius:10px 10px 0 0
}
.list-item-column1 .info-box[data-v-6fe6fbfc]{
  width:100%;
  height:calc(100% - 114px);
  padding:8px;
  box-sizing:border-box
}
.onelist-hidden[data-v-6fe6fbfc]{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.title-m1[data-v-6fe6fbfc]{
  font-size:14px;
  font-weight:900;
  color:#1e1e1e;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.title-m2[data-v-6fe6fbfc]{
  color:#b5b7ba;
  font-size:12px;
  font-weight:300
}
.price-m1[data-v-6fe6fbfc]{
  font-weight:400;
  font-size:16px;
  color:#ff076e
}
.price-m1[data-v-6fe6fbfc]::before{
  content:"¥";
  font-size:80%;
  margin-right:1px
}
.price-m2[data-v-6fe6fbfc]{
  font-weight:400;
  font-size:12px;
  color:#b5b7ba;
  margin-left:5rpx;
  text-decoration:line-through
}
.price-m2[data-v-6fe6fbfc]::before{
  content:"¥";
  font-size:100%;
  margin-right:1px
}
.tip-bottom-left[data-v-6fe6fbfc]{
  position:absolute;
  bottom:0;
  left:0;
  width:42px;
  height:16rpx;
  line-height:20px;
  border-radius:0 10px 0 10px;
  background:#ffe6f0;
  color:#ff076e;
  font-size:10px;
  text-align:center
}
.wrapper-card[data-v-f94c8adc]{
  background:#fff;
  border-radius:10px;
  position:relative;
  margin:0 auto;
  width:100%
}
.card-header[data-v-f94c8adc]{
  padding:2px 10px;
  display:flex;
  align-items:center;
  position:sticky;
  top:-5px;
  min-height:50px;
  width:100%;
  background:#fff;
  z-index:3
}
.card-header .btns-panel[data-v-f94c8adc]{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  position:absolute;
  right:5px
}
.card-header .tip-txt[data-v-f94c8adc]{
  font-weight:bold
}
.card-body[data-v-f94c8adc]{
  padding:10px
}
.recycle[data-v-f94c8adc]{
  position:fixed;
  top:82%;
  left:306px
}
.recycle ul[data-v-f94c8adc]{
  position:relative
}
.recycle ul li.component-item-li[data-v-f94c8adc]{
  display:none
}
.recycle ul .layout-main[data-v-f94c8adc]{
  position:absolute;
  width:100%;
  height:30px;
  top:10px;
  left:0
}
.recycle ul .ghost[data-v-f94c8adc]{
  background:#fff;
  border:1px dashed #409eff;
  position:absolute;
  left:0;
  line-height:30px;
  height:30px;
  overflow:hidden;
  list-style:none;
  font-size:0
}
.recycle ul .ghost[data-v-f94c8adc]::after{
  content:"删除组件";
  display:block;
  background:#fff;
  position:absolute;
  text-align:center;
  top:0;
  left:0;
  right:0;
  font-size:12px;
  color:#000;
  z-index:2000
}
.recycle-content[data-v-f94c8adc]{
  width:55px;
  padding:3px 0;
  margin:5px;
  text-align:center;
  height:45px;
  text-align:center;
  background-color:#fff;
  border:1px solid #ddd;
  font-size:12px;
  color:#333;
  transition:all .5s;
  height:auto
}
.recycle-content .iconfont[data-v-f94c8adc]{
  font-size:16px !important;
  margin-right:0px !important;
  margin-bottom:3px
}
.recycle-content .text[data-v-f94c8adc]{
  margin-top:5px
}
.form-edit-wrapper[data-v-f94c8adc]{
  display:flex;
  width:100%;
  min-width:1200px;
  background:#fff;
  justify-content:space-between;
  align-items:flex-start
}
.edit-body[data-v-f94c8adc]{
  height:auto;
  width:calc(100% - 700px)
}
.center-container[data-v-f94c8adc]{
  width:375px;
  height:806px;
  border:1px solid #e9e9e9;
  box-shadow:0 3px 10px #dcdcdc;
  position:relative;
  background:#f0f0f0
}
.center-container .model-title[data-v-f94c8adc]{
  height:88px;
  width:100%;
  position:relative
}
.center-container .model-title img[data-v-f94c8adc]{
  width:100%;
  height:100%
}
.nav-aside[data-v-f94c8adc]{
  width:300px;
  height:auto;
  position:relative
}
.nav-aside .components-wrap[data-v-f94c8adc]{
  border:1px solid #e9e9e9;
  padding:10px;
  text-align:left;
  color:#666
}
.nav-aside .components-wrap .components-title[data-v-f94c8adc]{
  padding:5px;
  border-bottom:1px solid #f0f0f0
}
.nav-aside .components-wrap .components-title .text[data-v-f94c8adc]{
  padding:0 10px;
  border-left:4px solid #ff7159
}
.nav-aside .components-wrap .components-list[data-v-f94c8adc]{
  display:flex
}
.nav-aside .components-wrap .components-list .component-item[data-v-f94c8adc]{
  padding:10px
}
.nav-aside .components-wrap .components-list .component-item ul[data-v-f94c8adc]{
  position:relative;
  overflow:hidden;
  padding:0;
  margin:0
}
.nav-aside .components-wrap .components-list .component-item-title[data-v-f94c8adc]{
  font-size:12px;
  color:#999;
  margin:10px 0
}
.nav-aside .components-wrap .components-list .component-item-li[data-v-f94c8adc]{
  width:74px;
  float:left;
  padding:3px 0;
  margin:5px;
  text-align:center;
  height:50px;
  text-align:center;
  display:block;
  background-color:#f5f5f5;
  border:1px solid #ddd;
  font-size:12px;
  color:#333;
  cursor:pointer;
  transition:all .5s;
  height:auto
}
.nav-aside .components-wrap .components-list .component-item-li .iconfont[data-v-f94c8adc]{
  font-size:20px !important;
  margin-bottom:5px;
  margin-right:0 !important
}
.nav-aside .components-wrap .components-list .component-item-li .text[data-v-f94c8adc]{
  padding:0;
  margin-top:5px
}
.layout-list[data-v-f94c8adc]{
  height:710px;
  overflow-y:scroll
}
.layout-list .layout-main[data-v-f94c8adc]{
  position:relative
}
.layout-list .layout-main.npr[data-v-f94c8adc]{
  position:static !important
}
.layout-list .layout-main .drag[data-v-f94c8adc]{
  position:relative
}
.layout-list .layout-main .lay-item[data-v-f94c8adc]{
  display:flex
}
.layout-list .layout-main .lay-guide .line[data-v-f94c8adc]{
  width:100%;
  height:0px;
  border-top:1px solid #000
}
.layout-list .layout-main .lay-textarea textarea[data-v-f94c8adc]{
  display:block;
  width:100%;
  border:none
}
.layout-list .layout-main .lay-textarea .textare-c[data-v-f94c8adc]{
  position:relative;
  display:inline-block;
  width:100%;
  vertical-align:bottom;
  font-size:14px;
  word-break:brrak-all;
  word-wrap:break-word
}
.layout-list .layout-main .lay-navBar.row3 .item[data-v-f94c8adc]{
  width:33.3333%
}
.layout-list .layout-main .lay-navBar.row4 .item[data-v-f94c8adc]{
  width:25%
}
.layout-list .layout-main .lay-navBar.row5 .item[data-v-f94c8adc]{
  width:20%
}
.layout-list .layout-main .lay-navBar .item[data-v-f94c8adc]{
  float:left;
  text-align:center;
  padding:10px 0;
  display:flex;
  flex-direction:column;
  align-items:center
}
.layout-list .layout-main .lay-navBar .item-image[data-v-f94c8adc]{
  margin-bottom:4px;
  text-align:center
}
.layout-list .layout-main .lay-navBar .item-image img[data-v-f94c8adc]{
  height:44px;
  width:44px;
  -o-object-fit:cover;
     object-fit:cover
}
.layout-list .layout-main .lay-navBar .item-text[data-v-f94c8adc]{
  height:20px;
  line-height:20px;
  width:70px;
  margin:0 auto;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.layout-list .layout-main .lay-search-c[data-v-f94c8adc]{
  width:100%;
  height:100%;
  position:relative
}
.layout-list .layout-main .lay-imgSingle .img-wrap[data-v-f94c8adc]{
  display:block;
  margin:0;
  height:auto;
  flex:1;
  position:relative
}
.layout-list .layout-main .lay-imgSingle .img-wrap img[data-v-f94c8adc]{
  display:block;
  width:100%
}
.layout-list .layout-main .lay-imgSingle .img-wrap .img-btn[data-v-f94c8adc]{
  display:block;
  position:absolute;
  bottom:25px;
  left:40px;
  width:80px;
  height:30px;
  line-height:30px;
  text-align:center
}
.layout-list .layout-main .lay-imgSlide .v-carousel[data-v-f94c8adc]{
  overflow:hidden !important;
  width:100%;
  height:175px !important
}
.layout-list .layout-main .btn-clone[data-v-f94c8adc]{
  position:absolute;
  height:18px;
  line-height:18px;
  right:50px;
  bottom:2px;
  z-index:90;
  width:36px;
  text-align:center;
  font-size:10px;
  color:#fff;
  background:#409eff;
  cursor:pointer;
  z-index:3
}
.layout-list .layout-main .btn-delete[data-v-f94c8adc]{
  position:absolute;
  height:18px;
  line-height:18px;
  right:2px;
  bottom:2px;
  z-index:90;
  width:36px;
  text-align:center;
  font-size:10px;
  color:#fff;
  background:red;
  cursor:pointer;
  z-index:3
}
.layout-list .ghost[data-v-f94c8adc]{
  background:#fff;
  border:1px dashed #409eff
}
.layout-list .ghost[data-v-f94c8adc]::after{
  background:#fff
}
.layout-list li.ghost[data-v-f94c8adc]{
  position:relative;
  line-height:30px;
  list-style:none;
  font-size:0
}
.layout-list li.ghost[data-v-f94c8adc]::after{
  content:"放到这里";
  display:block;
  background:#fff;
  position:absolute;
  left:50%;
  margin-left:-32px;
  top:0;
  font-size:16px;
  color:#999;
  z-index:9
}
.layout-list .layout-main.active .drag[data-v-f94c8adc]:before,.layout-main:hover .drag[data-v-f94c8adc]:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border:2px dashed #ff7159;
  cursor:move;
  z-index:2
}
.reset-color[data-v-f94c8adc]{
  display:inline-block;
  padding:0 10px;
  border:1px solid #bdbdbd;
  text-align:center;
  height:20px;
  line-height:20px;
  vertical-align:middle;
  margin-left:5px
}
.main-body[data-v-f94c8adc]{
  padding:10px;
  border:1px solid #e9e9e9
}
.custom-item-t[data-v-f94c8adc]{
  padding:5px;
  border-bottom:1px solid #f0f0f0;
  margin-bottom:15px
}
.custom-item-t-c[data-v-f94c8adc]{
  padding:0 10px;
  border-left:4px solid #ff7159;
  text-align:left
}
.custom-item .layui-form-label[data-v-f94c8adc]{
  box-sizing:content-box
}
.custom-item .content[data-v-f94c8adc]{
  padding:10px
}
.custom-item .drag-block[data-v-f94c8adc]{
  height:30px;
  background:#f2f2f2;
  cursor:move;
  position:relative
}
.custom-item .drag-block .handle-icon[data-v-f94c8adc]{
  position:absolute;
  right:0px;
  top:0;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  cursor:pointer
}
.custom-item .drag-block .handle-icon .iconfont[data-v-f94c8adc]{
  font-size:16px !important;
  color:#999;
  margin:0 auto
}
.custom-item .drag-block .handle-icon .iconfont[data-v-f94c8adc]:hover{
  color:#ff7159
}
.custom-item .content-item[data-v-f94c8adc]{
  position:relative;
  display:flex;
  margin-bottom:5px
}
.custom-item .content-item .item-label[data-v-f94c8adc]{
  width:100px
}
.custom-item .content-item .item-value[data-v-f94c8adc]{
  width:calc(100% - 100px)
}
.custom-item .content-item .el-input[data-v-f94c8adc]{
  flex:1
}
.custom-item li[data-v-f94c8adc]{
  border:1px dashed #e9e9e9
}
.custom-item li.ghost[data-v-f94c8adc]{
  border-color:#ff7159
}
.custom-item .addImg[data-v-f94c8adc]{
  width:100%;
  height:32px;
  line-height:32px;
  display:flex;
  align-items:center;
  text-align:left;
  border:1px dashed #e9e9e9;
  margin-top:15px;
  cursor:pointer;
  padding-left:5px
}
.custom-item .addImg[data-v-f94c8adc]:hover{
  color:#ff7159
}
.clearfix[data-v-f94c8adc]:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  font-size:0
}
.lay-imgWindow[data-v-f94c8adc]{
  min-height:100px
}
.lay-imgWindow.row0 .display[data-v-f94c8adc]{
  height:0;
  width:100%;
  margin:0;
  padding-bottom:50%;
  position:relative
}
.lay-imgWindow.row2 .img-wrap[data-v-f94c8adc]{
  width:50%;
  height:150px
}
.lay-imgWindow.row3 .img-wrap[data-v-f94c8adc]{
  width:33%;
  height:150px
}
.lay-imgWindow.row4 .img-wrap[data-v-f94c8adc]{
  width:25%;
  height:150px
}
.lay-imgWindow .img-wrap[data-v-f94c8adc]{
  float:left;
  box-sizing:border-box
}
.lay-imgWindow .img-wrap img[data-v-f94c8adc]{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}
.display img[data-v-f94c8adc]{
  width:100%;
  height:100%
}
.display .display-left[data-v-f94c8adc]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right[data-v-f94c8adc]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:50%
}
.display .display-right .display-right1[data-v-f94c8adc]{
  width:100%;
  height:50%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right .display-right2[data-v-f94c8adc]{
  width:100%;
  height:50%;
  position:absolute;
  top:50%;
  left:0
}
.display .display-right .display-right2 .left[data-v-f94c8adc]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right .display-right2 .right[data-v-f94c8adc]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:50%
}
.tpl-block[data-v-f94c8adc]{
  flex:1;
  padding-left:20px
}
.tpl-item[data-v-f94c8adc]{
  width:75px;
  height:75px;
  display:inline-block;
  border:1px solid #e5e5e5;
  margin:0 10px 15px 0;
  padding-top:5px;
  background-color:#fff;
  text-align:center;
  cursor:pointer
}
.tpl-item.active[data-v-f94c8adc]{
  border:1px solid #ff7159
}
.tpl-item .tpl-item-image[data-v-f94c8adc]{
  height:40px
}
.tpl-item .tpl-item-image img[data-v-f94c8adc]{
  height:auto;
  width:60px;
  margin:0 auto;
  vertical-align:middle
}
.tpl-item .tpl-item-text[data-v-f94c8adc]{
  margin-top:10px;
  font-size:12px
}
.lay-video .video-wrap[data-v-f94c8adc]{
  width:100%;
  z-index:7
}
.lay-video .video-wrap video[data-v-f94c8adc]{
  display:block;
  width:100%
}
.lay-upload-list[data-v-f94c8adc]{
  margin:11px 0
}
.lay-upload-img[data-v-f94c8adc]{
  height:90px;
  max-height:90px;
  width:auto
}
.lay-topBar[data-v-f94c8adc]{
  padding:0 10px;
  height:50px;
  line-height:50px;
  background:#fff;
  font-weight:bold;
  font-size:16px
}
.form-item[data-v-f94c8adc]{
  width:100%;
  display:flex;
  align-items:center;
  margin-top:10px
}
.form-item .label[data-v-f94c8adc]{
  width:100px
}
.form-item .value[data-v-f94c8adc]{
  width:calc(100% - 100px)
}
ul[data-v-f94c8adc]{
  padding:0
}
.layout-tip[data-v-f94c8adc]{
  color:#838fa1;
  font-size:12px
}
.wrapper-card[data-v-2848ac3a]{
  background:#fff;
  border-radius:10px;
  position:relative;
  margin:0 auto;
  width:100%
}
.card-header[data-v-2848ac3a]{
  padding:2px 10px;
  display:flex;
  align-items:center;
  position:sticky;
  top:-5px;
  min-height:50px;
  width:100%;
  background:#fff;
  z-index:3
}
.card-header .btns-panel[data-v-2848ac3a]{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  position:absolute;
  right:5px
}
.card-header .tip-txt[data-v-2848ac3a]{
  font-weight:bold
}
.card-body[data-v-2848ac3a]{
  padding:10px
}
.recycle[data-v-2848ac3a]{
  position:fixed;
  top:82%;
  left:306px
}
.recycle ul[data-v-2848ac3a]{
  position:relative
}
.recycle ul li.component-item-li[data-v-2848ac3a]{
  display:none
}
.recycle ul .layout-main[data-v-2848ac3a]{
  position:absolute;
  width:100%;
  height:30px;
  top:10px;
  left:0
}
.recycle ul .ghost[data-v-2848ac3a]{
  background:#fff;
  border:1px dashed #409eff;
  position:absolute;
  left:0;
  line-height:30px;
  height:30px;
  overflow:hidden;
  list-style:none;
  font-size:0
}
.recycle ul .ghost[data-v-2848ac3a]::after{
  content:"删除组件";
  display:block;
  background:#fff;
  position:absolute;
  text-align:center;
  top:0;
  left:0;
  right:0;
  font-size:12px;
  color:#000;
  z-index:2000
}
.recycle-content[data-v-2848ac3a]{
  width:55px;
  padding:3px 0;
  margin:5px;
  text-align:center;
  height:45px;
  text-align:center;
  background-color:#fff;
  border:1px solid #ddd;
  font-size:12px;
  color:#333;
  transition:all .5s;
  height:auto
}
.recycle-content .iconfont[data-v-2848ac3a]{
  font-size:16px !important;
  margin-right:0px !important;
  margin-bottom:3px
}
.recycle-content .text[data-v-2848ac3a]{
  margin-top:5px
}
.form-edit-wrapper[data-v-2848ac3a]{
  display:flex;
  width:100%;
  min-width:1200px;
  background:#fff;
  justify-content:space-between;
  align-items:flex-start
}
.edit-body[data-v-2848ac3a]{
  height:auto;
  width:calc(100% - 700px)
}
.center-container[data-v-2848ac3a]{
  width:375px;
  height:806px;
  border:1px solid #e9e9e9;
  box-shadow:0 3px 10px #dcdcdc;
  position:relative;
  background:#f0f0f0
}
.center-container .model-title[data-v-2848ac3a]{
  height:88px;
  width:100%;
  position:relative
}
.center-container .model-title img[data-v-2848ac3a]{
  width:100%;
  height:100%
}
.nav-aside[data-v-2848ac3a]{
  width:300px;
  height:auto;
  position:relative
}
.nav-aside .components-wrap[data-v-2848ac3a]{
  border:1px solid #e9e9e9;
  padding:10px;
  text-align:left;
  color:#666
}
.nav-aside .components-wrap .components-title[data-v-2848ac3a]{
  padding:5px;
  border-bottom:1px solid #f0f0f0
}
.nav-aside .components-wrap .components-title .text[data-v-2848ac3a]{
  padding:0 10px;
  border-left:4px solid #ff7159
}
.nav-aside .components-wrap .components-list[data-v-2848ac3a]{
  display:flex
}
.nav-aside .components-wrap .components-list .component-item[data-v-2848ac3a]{
  padding:10px
}
.nav-aside .components-wrap .components-list .component-item ul[data-v-2848ac3a]{
  position:relative;
  overflow:hidden;
  padding:0;
  margin:0
}
.nav-aside .components-wrap .components-list .component-item-title[data-v-2848ac3a]{
  font-size:12px;
  color:#999;
  margin:10px 0
}
.nav-aside .components-wrap .components-list .component-item-li[data-v-2848ac3a]{
  width:74px;
  float:left;
  padding:3px 0;
  margin:5px;
  text-align:center;
  height:50px;
  text-align:center;
  display:block;
  background-color:#f5f5f5;
  border:1px solid #ddd;
  font-size:12px;
  color:#333;
  cursor:pointer;
  transition:all .5s;
  height:auto
}
.nav-aside .components-wrap .components-list .component-item-li .iconfont[data-v-2848ac3a]{
  font-size:20px !important;
  margin-bottom:5px;
  margin-right:0 !important
}
.nav-aside .components-wrap .components-list .component-item-li .text[data-v-2848ac3a]{
  padding:0;
  margin-top:5px
}
.layout-list[data-v-2848ac3a]{
  height:710px;
  overflow-y:scroll
}
.layout-list .layout-main[data-v-2848ac3a]{
  position:relative
}
.layout-list .layout-main.npr[data-v-2848ac3a]{
  position:static !important
}
.layout-list .layout-main .drag[data-v-2848ac3a]{
  position:relative
}
.layout-list .layout-main .lay-item[data-v-2848ac3a]{
  display:flex
}
.layout-list .layout-main .lay-guide .line[data-v-2848ac3a]{
  width:100%;
  height:0px;
  border-top:1px solid #000
}
.layout-list .layout-main .lay-textarea textarea[data-v-2848ac3a]{
  display:block;
  width:100%;
  border:none
}
.layout-list .layout-main .lay-textarea .textare-c[data-v-2848ac3a]{
  position:relative;
  display:inline-block;
  width:100%;
  vertical-align:bottom;
  font-size:14px;
  word-break:brrak-all;
  word-wrap:break-word
}
.layout-list .layout-main .lay-navBar.row3 .item[data-v-2848ac3a]{
  width:33.3333%
}
.layout-list .layout-main .lay-navBar.row4 .item[data-v-2848ac3a]{
  width:25%
}
.layout-list .layout-main .lay-navBar.row5 .item[data-v-2848ac3a]{
  width:20%
}
.layout-list .layout-main .lay-navBar .item[data-v-2848ac3a]{
  float:left;
  text-align:center;
  padding:10px 0;
  display:flex;
  flex-direction:column;
  align-items:center
}
.layout-list .layout-main .lay-navBar .item-image[data-v-2848ac3a]{
  margin-bottom:4px;
  text-align:center
}
.layout-list .layout-main .lay-navBar .item-image img[data-v-2848ac3a]{
  height:44px;
  width:44px;
  -o-object-fit:cover;
     object-fit:cover
}
.layout-list .layout-main .lay-navBar .item-text[data-v-2848ac3a]{
  height:20px;
  line-height:20px;
  width:70px;
  margin:0 auto;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.layout-list .layout-main .lay-search-c[data-v-2848ac3a]{
  width:100%;
  height:100%;
  position:relative
}
.layout-list .layout-main .lay-imgSingle .img-wrap[data-v-2848ac3a]{
  display:block;
  margin:0;
  height:auto;
  flex:1;
  position:relative
}
.layout-list .layout-main .lay-imgSingle .img-wrap img[data-v-2848ac3a]{
  display:block;
  width:100%
}
.layout-list .layout-main .lay-imgSingle .img-wrap .img-btn[data-v-2848ac3a]{
  display:block;
  position:absolute;
  bottom:25px;
  left:40px;
  width:80px;
  height:30px;
  line-height:30px;
  text-align:center
}
.layout-list .layout-main .lay-imgSlide .v-carousel[data-v-2848ac3a]{
  overflow:hidden !important;
  width:100%;
  height:175px !important
}
.layout-list .layout-main .btn-clone[data-v-2848ac3a]{
  position:absolute;
  height:18px;
  line-height:18px;
  right:50px;
  bottom:2px;
  z-index:90;
  width:36px;
  text-align:center;
  font-size:10px;
  color:#fff;
  background:#409eff;
  cursor:pointer;
  z-index:3
}
.layout-list .layout-main .btn-delete[data-v-2848ac3a]{
  position:absolute;
  height:18px;
  line-height:18px;
  right:2px;
  bottom:2px;
  z-index:90;
  width:36px;
  text-align:center;
  font-size:10px;
  color:#fff;
  background:red;
  cursor:pointer;
  z-index:3
}
.layout-list .ghost[data-v-2848ac3a]{
  background:#fff;
  border:1px dashed #409eff
}
.layout-list .ghost[data-v-2848ac3a]::after{
  background:#fff
}
.layout-list li.ghost[data-v-2848ac3a]{
  position:relative;
  line-height:30px;
  list-style:none;
  font-size:0
}
.layout-list li.ghost[data-v-2848ac3a]::after{
  content:"放到这里";
  display:block;
  background:#fff;
  position:absolute;
  left:50%;
  margin-left:-32px;
  top:0;
  font-size:16px;
  color:#999;
  z-index:9
}
.layout-list .layout-main.active .drag[data-v-2848ac3a]:before,.layout-main:hover .drag[data-v-2848ac3a]:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border:2px dashed #ff7159;
  cursor:move;
  z-index:2
}
.reset-color[data-v-2848ac3a]{
  display:inline-block;
  padding:0 10px;
  border:1px solid #bdbdbd;
  text-align:center;
  height:20px;
  line-height:20px;
  vertical-align:middle;
  margin-left:5px
}
.main-body[data-v-2848ac3a]{
  padding:10px;
  border:1px solid #e9e9e9
}
.custom-item-t[data-v-2848ac3a]{
  padding:5px;
  border-bottom:1px solid #f0f0f0;
  margin-bottom:15px
}
.custom-item-t-c[data-v-2848ac3a]{
  padding:0 10px;
  border-left:4px solid #ff7159;
  text-align:left
}
.custom-item .layui-form-label[data-v-2848ac3a]{
  box-sizing:content-box
}
.custom-item .content[data-v-2848ac3a]{
  padding:10px
}
.custom-item .drag-block[data-v-2848ac3a]{
  height:30px;
  background:#f2f2f2;
  cursor:move;
  position:relative
}
.custom-item .drag-block .handle-icon[data-v-2848ac3a]{
  position:absolute;
  right:0px;
  top:0;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  cursor:pointer
}
.custom-item .drag-block .handle-icon .iconfont[data-v-2848ac3a]{
  font-size:16px !important;
  color:#999;
  margin:0 auto
}
.custom-item .drag-block .handle-icon .iconfont[data-v-2848ac3a]:hover{
  color:#ff7159
}
.custom-item .content-item[data-v-2848ac3a]{
  position:relative;
  display:flex;
  margin-bottom:5px
}
.custom-item .content-item .item-label[data-v-2848ac3a]{
  width:100px
}
.custom-item .content-item .item-value[data-v-2848ac3a]{
  width:calc(100% - 100px)
}
.custom-item .content-item .el-input[data-v-2848ac3a]{
  flex:1
}
.custom-item li[data-v-2848ac3a]{
  border:1px dashed #e9e9e9
}
.custom-item li.ghost[data-v-2848ac3a]{
  border-color:#ff7159
}
.custom-item .addImg[data-v-2848ac3a]{
  width:100%;
  height:32px;
  line-height:32px;
  display:flex;
  align-items:center;
  text-align:left;
  border:1px dashed #e9e9e9;
  margin-top:15px;
  cursor:pointer;
  padding-left:5px
}
.custom-item .addImg[data-v-2848ac3a]:hover{
  color:#ff7159
}
.clearfix[data-v-2848ac3a]:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  font-size:0
}
.lay-imgWindow[data-v-2848ac3a]{
  min-height:100px
}
.lay-imgWindow.row0 .display[data-v-2848ac3a]{
  height:0;
  width:100%;
  margin:0;
  padding-bottom:50%;
  position:relative
}
.lay-imgWindow.row2 .img-wrap[data-v-2848ac3a]{
  width:50%;
  height:150px
}
.lay-imgWindow.row3 .img-wrap[data-v-2848ac3a]{
  width:33%;
  height:150px
}
.lay-imgWindow.row4 .img-wrap[data-v-2848ac3a]{
  width:25%;
  height:150px
}
.lay-imgWindow .img-wrap[data-v-2848ac3a]{
  float:left;
  box-sizing:border-box
}
.lay-imgWindow .img-wrap img[data-v-2848ac3a]{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}
.display img[data-v-2848ac3a]{
  width:100%;
  height:100%
}
.display .display-left[data-v-2848ac3a]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right[data-v-2848ac3a]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:50%
}
.display .display-right .display-right1[data-v-2848ac3a]{
  width:100%;
  height:50%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right .display-right2[data-v-2848ac3a]{
  width:100%;
  height:50%;
  position:absolute;
  top:50%;
  left:0
}
.display .display-right .display-right2 .left[data-v-2848ac3a]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right .display-right2 .right[data-v-2848ac3a]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:50%
}
.tpl-block[data-v-2848ac3a]{
  flex:1;
  padding-left:20px
}
.tpl-item[data-v-2848ac3a]{
  width:75px;
  height:75px;
  display:inline-block;
  border:1px solid #e5e5e5;
  margin:0 10px 15px 0;
  padding-top:5px;
  background-color:#fff;
  text-align:center;
  cursor:pointer
}
.tpl-item.active[data-v-2848ac3a]{
  border:1px solid #ff7159
}
.tpl-item .tpl-item-image[data-v-2848ac3a]{
  height:40px
}
.tpl-item .tpl-item-image img[data-v-2848ac3a]{
  height:auto;
  width:60px;
  margin:0 auto;
  vertical-align:middle
}
.tpl-item .tpl-item-text[data-v-2848ac3a]{
  margin-top:10px;
  font-size:12px
}
.lay-video .video-wrap[data-v-2848ac3a]{
  width:100%;
  z-index:7
}
.lay-video .video-wrap video[data-v-2848ac3a]{
  display:block;
  width:100%
}
.lay-upload-list[data-v-2848ac3a]{
  margin:11px 0
}
.lay-upload-img[data-v-2848ac3a]{
  height:90px;
  max-height:90px;
  width:auto
}
.lay-topBar[data-v-2848ac3a]{
  padding:0 10px;
  height:50px;
  line-height:50px;
  background:#fff;
  font-weight:bold;
  font-size:16px
}
.form-item[data-v-2848ac3a]{
  width:100%;
  display:flex;
  align-items:center;
  margin-top:10px
}
.form-item .label[data-v-2848ac3a]{
  width:100px
}
.form-item .value[data-v-2848ac3a]{
  width:calc(100% - 100px)
}
ul[data-v-2848ac3a]{
  padding:0
}
.layout-tip[data-v-2848ac3a]{
  color:#838fa1;
  font-size:12px
}
.sbtn[data-v-2848ac3a]{
  width:80px;
  height:30px;
  display:flex;
  justify-content:center;
  align-items:center
}
[data-v-2848ac3a] .copyright{
  display:none !important
}
[data-v-2848ac3a] .toolBox{
  background-repeat:repeat
}
.wrapper-card[data-v-7d91e318]{
  background:#fff;
  border-radius:10px;
  position:relative;
  margin:0 auto;
  width:100%
}
.card-header[data-v-7d91e318]{
  padding:2px 10px;
  display:flex;
  align-items:center;
  position:sticky;
  top:-5px;
  min-height:50px;
  width:100%;
  background:#fff;
  z-index:3
}
.card-header .btns-panel[data-v-7d91e318]{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  position:absolute;
  right:5px
}
.card-header .tip-txt[data-v-7d91e318]{
  font-weight:bold
}
.card-body[data-v-7d91e318]{
  padding:10px
}
.recycle[data-v-7d91e318]{
  position:fixed;
  top:82%;
  left:306px
}
.recycle ul[data-v-7d91e318]{
  position:relative
}
.recycle ul li.component-item-li[data-v-7d91e318]{
  display:none
}
.recycle ul .layout-main[data-v-7d91e318]{
  position:absolute;
  width:100%;
  height:30px;
  top:10px;
  left:0
}
.recycle ul .ghost[data-v-7d91e318]{
  background:#fff;
  border:1px dashed #409eff;
  position:absolute;
  left:0;
  line-height:30px;
  height:30px;
  overflow:hidden;
  list-style:none;
  font-size:0
}
.recycle ul .ghost[data-v-7d91e318]::after{
  content:"删除组件";
  display:block;
  background:#fff;
  position:absolute;
  text-align:center;
  top:0;
  left:0;
  right:0;
  font-size:12px;
  color:#000;
  z-index:2000
}
.recycle-content[data-v-7d91e318]{
  width:55px;
  padding:3px 0;
  margin:5px;
  text-align:center;
  height:45px;
  text-align:center;
  background-color:#fff;
  border:1px solid #ddd;
  font-size:12px;
  color:#333;
  transition:all .5s;
  height:auto
}
.recycle-content .iconfont[data-v-7d91e318]{
  font-size:16px !important;
  margin-right:0px !important;
  margin-bottom:3px
}
.recycle-content .text[data-v-7d91e318]{
  margin-top:5px
}
.form-edit-wrapper[data-v-7d91e318]{
  display:flex;
  width:100%;
  min-width:1200px;
  background:#fff;
  justify-content:space-between;
  align-items:flex-start
}
.edit-body[data-v-7d91e318]{
  height:auto;
  width:calc(100% - 700px)
}
.center-container[data-v-7d91e318]{
  width:375px;
  height:806px;
  border:1px solid #e9e9e9;
  box-shadow:0 3px 10px #dcdcdc;
  position:relative;
  background:#f0f0f0
}
.center-container .model-title[data-v-7d91e318]{
  height:88px;
  width:100%;
  position:relative
}
.center-container .model-title img[data-v-7d91e318]{
  width:100%;
  height:100%
}
.nav-aside[data-v-7d91e318]{
  width:300px;
  height:auto;
  position:relative
}
.nav-aside .components-wrap[data-v-7d91e318]{
  border:1px solid #e9e9e9;
  padding:10px;
  text-align:left;
  color:#666
}
.nav-aside .components-wrap .components-title[data-v-7d91e318]{
  padding:5px;
  border-bottom:1px solid #f0f0f0
}
.nav-aside .components-wrap .components-title .text[data-v-7d91e318]{
  padding:0 10px;
  border-left:4px solid #ff7159
}
.nav-aside .components-wrap .components-list[data-v-7d91e318]{
  display:flex
}
.nav-aside .components-wrap .components-list .component-item[data-v-7d91e318]{
  padding:10px
}
.nav-aside .components-wrap .components-list .component-item ul[data-v-7d91e318]{
  position:relative;
  overflow:hidden;
  padding:0;
  margin:0
}
.nav-aside .components-wrap .components-list .component-item-title[data-v-7d91e318]{
  font-size:12px;
  color:#999;
  margin:10px 0
}
.nav-aside .components-wrap .components-list .component-item-li[data-v-7d91e318]{
  width:74px;
  float:left;
  padding:3px 0;
  margin:5px;
  text-align:center;
  height:50px;
  text-align:center;
  display:block;
  background-color:#f5f5f5;
  border:1px solid #ddd;
  font-size:12px;
  color:#333;
  cursor:pointer;
  transition:all .5s;
  height:auto
}
.nav-aside .components-wrap .components-list .component-item-li .iconfont[data-v-7d91e318]{
  font-size:20px !important;
  margin-bottom:5px;
  margin-right:0 !important
}
.nav-aside .components-wrap .components-list .component-item-li .text[data-v-7d91e318]{
  padding:0;
  margin-top:5px
}
.layout-list[data-v-7d91e318]{
  height:710px;
  overflow-y:scroll
}
.layout-list .layout-main[data-v-7d91e318]{
  position:relative
}
.layout-list .layout-main.npr[data-v-7d91e318]{
  position:static !important
}
.layout-list .layout-main .drag[data-v-7d91e318]{
  position:relative
}
.layout-list .layout-main .lay-item[data-v-7d91e318]{
  display:flex
}
.layout-list .layout-main .lay-guide .line[data-v-7d91e318]{
  width:100%;
  height:0px;
  border-top:1px solid #000
}
.layout-list .layout-main .lay-textarea textarea[data-v-7d91e318]{
  display:block;
  width:100%;
  border:none
}
.layout-list .layout-main .lay-textarea .textare-c[data-v-7d91e318]{
  position:relative;
  display:inline-block;
  width:100%;
  vertical-align:bottom;
  font-size:14px;
  word-break:brrak-all;
  word-wrap:break-word
}
.layout-list .layout-main .lay-navBar.row3 .item[data-v-7d91e318]{
  width:33.3333%
}
.layout-list .layout-main .lay-navBar.row4 .item[data-v-7d91e318]{
  width:25%
}
.layout-list .layout-main .lay-navBar.row5 .item[data-v-7d91e318]{
  width:20%
}
.layout-list .layout-main .lay-navBar .item[data-v-7d91e318]{
  float:left;
  text-align:center;
  padding:10px 0;
  display:flex;
  flex-direction:column;
  align-items:center
}
.layout-list .layout-main .lay-navBar .item-image[data-v-7d91e318]{
  margin-bottom:4px;
  text-align:center
}
.layout-list .layout-main .lay-navBar .item-image img[data-v-7d91e318]{
  height:44px;
  width:44px;
  -o-object-fit:cover;
     object-fit:cover
}
.layout-list .layout-main .lay-navBar .item-text[data-v-7d91e318]{
  height:20px;
  line-height:20px;
  width:70px;
  margin:0 auto;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.layout-list .layout-main .lay-search-c[data-v-7d91e318]{
  width:100%;
  height:100%;
  position:relative
}
.layout-list .layout-main .lay-imgSingle .img-wrap[data-v-7d91e318]{
  display:block;
  margin:0;
  height:auto;
  flex:1;
  position:relative
}
.layout-list .layout-main .lay-imgSingle .img-wrap img[data-v-7d91e318]{
  display:block;
  width:100%
}
.layout-list .layout-main .lay-imgSingle .img-wrap .img-btn[data-v-7d91e318]{
  display:block;
  position:absolute;
  bottom:25px;
  left:40px;
  width:80px;
  height:30px;
  line-height:30px;
  text-align:center
}
.layout-list .layout-main .lay-imgSlide .v-carousel[data-v-7d91e318]{
  overflow:hidden !important;
  width:100%;
  height:175px !important
}
.layout-list .layout-main .btn-clone[data-v-7d91e318]{
  position:absolute;
  height:18px;
  line-height:18px;
  right:50px;
  bottom:2px;
  z-index:90;
  width:36px;
  text-align:center;
  font-size:10px;
  color:#fff;
  background:#409eff;
  cursor:pointer;
  z-index:3
}
.layout-list .layout-main .btn-delete[data-v-7d91e318]{
  position:absolute;
  height:18px;
  line-height:18px;
  right:2px;
  bottom:2px;
  z-index:90;
  width:36px;
  text-align:center;
  font-size:10px;
  color:#fff;
  background:red;
  cursor:pointer;
  z-index:3
}
.layout-list .ghost[data-v-7d91e318]{
  background:#fff;
  border:1px dashed #409eff
}
.layout-list .ghost[data-v-7d91e318]::after{
  background:#fff
}
.layout-list li.ghost[data-v-7d91e318]{
  position:relative;
  line-height:30px;
  list-style:none;
  font-size:0
}
.layout-list li.ghost[data-v-7d91e318]::after{
  content:"放到这里";
  display:block;
  background:#fff;
  position:absolute;
  left:50%;
  margin-left:-32px;
  top:0;
  font-size:16px;
  color:#999;
  z-index:9
}
.layout-list .layout-main.active .drag[data-v-7d91e318]:before,.layout-main:hover .drag[data-v-7d91e318]:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border:2px dashed #ff7159;
  cursor:move;
  z-index:2
}
.reset-color[data-v-7d91e318]{
  display:inline-block;
  padding:0 10px;
  border:1px solid #bdbdbd;
  text-align:center;
  height:20px;
  line-height:20px;
  vertical-align:middle;
  margin-left:5px
}
.main-body[data-v-7d91e318]{
  padding:10px;
  border:1px solid #e9e9e9
}
.custom-item-t[data-v-7d91e318]{
  padding:5px;
  border-bottom:1px solid #f0f0f0;
  margin-bottom:15px
}
.custom-item-t-c[data-v-7d91e318]{
  padding:0 10px;
  border-left:4px solid #ff7159;
  text-align:left
}
.custom-item .layui-form-label[data-v-7d91e318]{
  box-sizing:content-box
}
.custom-item .content[data-v-7d91e318]{
  padding:10px
}
.custom-item .drag-block[data-v-7d91e318]{
  height:30px;
  background:#f2f2f2;
  cursor:move;
  position:relative
}
.custom-item .drag-block .handle-icon[data-v-7d91e318]{
  position:absolute;
  right:0px;
  top:0;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  cursor:pointer
}
.custom-item .drag-block .handle-icon .iconfont[data-v-7d91e318]{
  font-size:16px !important;
  color:#999;
  margin:0 auto
}
.custom-item .drag-block .handle-icon .iconfont[data-v-7d91e318]:hover{
  color:#ff7159
}
.custom-item .content-item[data-v-7d91e318]{
  position:relative;
  display:flex;
  margin-bottom:5px
}
.custom-item .content-item .item-label[data-v-7d91e318]{
  width:100px
}
.custom-item .content-item .item-value[data-v-7d91e318]{
  width:calc(100% - 100px)
}
.custom-item .content-item .el-input[data-v-7d91e318]{
  flex:1
}
.custom-item li[data-v-7d91e318]{
  border:1px dashed #e9e9e9
}
.custom-item li.ghost[data-v-7d91e318]{
  border-color:#ff7159
}
.custom-item .addImg[data-v-7d91e318]{
  width:100%;
  height:32px;
  line-height:32px;
  display:flex;
  align-items:center;
  text-align:left;
  border:1px dashed #e9e9e9;
  margin-top:15px;
  cursor:pointer;
  padding-left:5px
}
.custom-item .addImg[data-v-7d91e318]:hover{
  color:#ff7159
}
.clearfix[data-v-7d91e318]:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  font-size:0
}
.lay-imgWindow[data-v-7d91e318]{
  min-height:100px
}
.lay-imgWindow.row0 .display[data-v-7d91e318]{
  height:0;
  width:100%;
  margin:0;
  padding-bottom:50%;
  position:relative
}
.lay-imgWindow.row2 .img-wrap[data-v-7d91e318]{
  width:50%;
  height:150px
}
.lay-imgWindow.row3 .img-wrap[data-v-7d91e318]{
  width:33%;
  height:150px
}
.lay-imgWindow.row4 .img-wrap[data-v-7d91e318]{
  width:25%;
  height:150px
}
.lay-imgWindow .img-wrap[data-v-7d91e318]{
  float:left;
  box-sizing:border-box
}
.lay-imgWindow .img-wrap img[data-v-7d91e318]{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}
.display img[data-v-7d91e318]{
  width:100%;
  height:100%
}
.display .display-left[data-v-7d91e318]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right[data-v-7d91e318]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:50%
}
.display .display-right .display-right1[data-v-7d91e318]{
  width:100%;
  height:50%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right .display-right2[data-v-7d91e318]{
  width:100%;
  height:50%;
  position:absolute;
  top:50%;
  left:0
}
.display .display-right .display-right2 .left[data-v-7d91e318]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right .display-right2 .right[data-v-7d91e318]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:50%
}
.tpl-block[data-v-7d91e318]{
  flex:1;
  padding-left:20px
}
.tpl-item[data-v-7d91e318]{
  width:75px;
  height:75px;
  display:inline-block;
  border:1px solid #e5e5e5;
  margin:0 10px 15px 0;
  padding-top:5px;
  background-color:#fff;
  text-align:center;
  cursor:pointer
}
.tpl-item.active[data-v-7d91e318]{
  border:1px solid #ff7159
}
.tpl-item .tpl-item-image[data-v-7d91e318]{
  height:40px
}
.tpl-item .tpl-item-image img[data-v-7d91e318]{
  height:auto;
  width:60px;
  margin:0 auto;
  vertical-align:middle
}
.tpl-item .tpl-item-text[data-v-7d91e318]{
  margin-top:10px;
  font-size:12px
}
.lay-video .video-wrap[data-v-7d91e318]{
  width:100%;
  z-index:7
}
.lay-video .video-wrap video[data-v-7d91e318]{
  display:block;
  width:100%
}
.lay-upload-list[data-v-7d91e318]{
  margin:11px 0
}
.lay-upload-img[data-v-7d91e318]{
  height:90px;
  max-height:90px;
  width:auto
}
.lay-topBar[data-v-7d91e318]{
  padding:0 10px;
  height:50px;
  line-height:50px;
  background:#fff;
  font-weight:bold;
  font-size:16px
}
.form-item[data-v-7d91e318]{
  width:100%;
  display:flex;
  align-items:center;
  margin-top:10px
}
.form-item .label[data-v-7d91e318]{
  width:100px
}
.form-item .value[data-v-7d91e318]{
  width:calc(100% - 100px)
}
ul[data-v-7d91e318]{
  padding:0
}
.layout-tip[data-v-7d91e318]{
  color:#838fa1;
  font-size:12px
}
.wrapper-card[data-v-2c4be74b]{
  background:#fff;
  border-radius:10px;
  position:relative;
  margin:0 auto;
  width:100%
}
.card-header[data-v-2c4be74b]{
  padding:2px 10px;
  display:flex;
  align-items:center;
  position:sticky;
  top:-5px;
  min-height:50px;
  width:100%;
  background:#fff;
  z-index:3
}
.card-header .btns-panel[data-v-2c4be74b]{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  position:absolute;
  right:5px
}
.card-header .tip-txt[data-v-2c4be74b]{
  font-weight:bold
}
.card-body[data-v-2c4be74b]{
  padding:10px
}
.recycle[data-v-2c4be74b]{
  position:fixed;
  top:82%;
  left:306px
}
.recycle ul[data-v-2c4be74b]{
  position:relative
}
.recycle ul li.component-item-li[data-v-2c4be74b]{
  display:none
}
.recycle ul .layout-main[data-v-2c4be74b]{
  position:absolute;
  width:100%;
  height:30px;
  top:10px;
  left:0
}
.recycle ul .ghost[data-v-2c4be74b]{
  background:#fff;
  border:1px dashed #409eff;
  position:absolute;
  left:0;
  line-height:30px;
  height:30px;
  overflow:hidden;
  list-style:none;
  font-size:0
}
.recycle ul .ghost[data-v-2c4be74b]::after{
  content:"删除组件";
  display:block;
  background:#fff;
  position:absolute;
  text-align:center;
  top:0;
  left:0;
  right:0;
  font-size:12px;
  color:#000;
  z-index:2000
}
.recycle-content[data-v-2c4be74b]{
  width:55px;
  padding:3px 0;
  margin:5px;
  text-align:center;
  height:45px;
  text-align:center;
  background-color:#fff;
  border:1px solid #ddd;
  font-size:12px;
  color:#333;
  transition:all .5s;
  height:auto
}
.recycle-content .iconfont[data-v-2c4be74b]{
  font-size:16px !important;
  margin-right:0px !important;
  margin-bottom:3px
}
.recycle-content .text[data-v-2c4be74b]{
  margin-top:5px
}
.form-edit-wrapper[data-v-2c4be74b]{
  display:flex;
  width:100%;
  min-width:1200px;
  background:#fff;
  justify-content:space-between;
  align-items:flex-start
}
.edit-body[data-v-2c4be74b]{
  height:auto;
  width:calc(100% - 700px)
}
.center-container[data-v-2c4be74b]{
  width:375px;
  height:806px;
  border:1px solid #e9e9e9;
  box-shadow:0 3px 10px #dcdcdc;
  position:relative;
  background:#f0f0f0
}
.center-container .model-title[data-v-2c4be74b]{
  height:88px;
  width:100%;
  position:relative
}
.center-container .model-title img[data-v-2c4be74b]{
  width:100%;
  height:100%
}
.nav-aside[data-v-2c4be74b]{
  width:300px;
  height:auto;
  position:relative
}
.nav-aside .components-wrap[data-v-2c4be74b]{
  border:1px solid #e9e9e9;
  padding:10px;
  text-align:left;
  color:#666
}
.nav-aside .components-wrap .components-title[data-v-2c4be74b]{
  padding:5px;
  border-bottom:1px solid #f0f0f0
}
.nav-aside .components-wrap .components-title .text[data-v-2c4be74b]{
  padding:0 10px;
  border-left:4px solid #ff7159
}
.nav-aside .components-wrap .components-list[data-v-2c4be74b]{
  display:flex
}
.nav-aside .components-wrap .components-list .component-item[data-v-2c4be74b]{
  padding:10px
}
.nav-aside .components-wrap .components-list .component-item ul[data-v-2c4be74b]{
  position:relative;
  overflow:hidden;
  padding:0;
  margin:0
}
.nav-aside .components-wrap .components-list .component-item-title[data-v-2c4be74b]{
  font-size:12px;
  color:#999;
  margin:10px 0
}
.nav-aside .components-wrap .components-list .component-item-li[data-v-2c4be74b]{
  width:74px;
  float:left;
  padding:3px 0;
  margin:5px;
  text-align:center;
  height:50px;
  text-align:center;
  display:block;
  background-color:#f5f5f5;
  border:1px solid #ddd;
  font-size:12px;
  color:#333;
  cursor:pointer;
  transition:all .5s;
  height:auto
}
.nav-aside .components-wrap .components-list .component-item-li .iconfont[data-v-2c4be74b]{
  font-size:20px !important;
  margin-bottom:5px;
  margin-right:0 !important
}
.nav-aside .components-wrap .components-list .component-item-li .text[data-v-2c4be74b]{
  padding:0;
  margin-top:5px
}
.layout-list[data-v-2c4be74b]{
  height:710px;
  overflow-y:scroll
}
.layout-list .layout-main[data-v-2c4be74b]{
  position:relative
}
.layout-list .layout-main.npr[data-v-2c4be74b]{
  position:static !important
}
.layout-list .layout-main .drag[data-v-2c4be74b]{
  position:relative
}
.layout-list .layout-main .lay-item[data-v-2c4be74b]{
  display:flex
}
.layout-list .layout-main .lay-guide .line[data-v-2c4be74b]{
  width:100%;
  height:0px;
  border-top:1px solid #000
}
.layout-list .layout-main .lay-textarea textarea[data-v-2c4be74b]{
  display:block;
  width:100%;
  border:none
}
.layout-list .layout-main .lay-textarea .textare-c[data-v-2c4be74b]{
  position:relative;
  display:inline-block;
  width:100%;
  vertical-align:bottom;
  font-size:14px;
  word-break:brrak-all;
  word-wrap:break-word
}
.layout-list .layout-main .lay-navBar.row3 .item[data-v-2c4be74b]{
  width:33.3333%
}
.layout-list .layout-main .lay-navBar.row4 .item[data-v-2c4be74b]{
  width:25%
}
.layout-list .layout-main .lay-navBar.row5 .item[data-v-2c4be74b]{
  width:20%
}
.layout-list .layout-main .lay-navBar .item[data-v-2c4be74b]{
  float:left;
  text-align:center;
  padding:10px 0;
  display:flex;
  flex-direction:column;
  align-items:center
}
.layout-list .layout-main .lay-navBar .item-image[data-v-2c4be74b]{
  margin-bottom:4px;
  text-align:center
}
.layout-list .layout-main .lay-navBar .item-image img[data-v-2c4be74b]{
  height:44px;
  width:44px;
  -o-object-fit:cover;
     object-fit:cover
}
.layout-list .layout-main .lay-navBar .item-text[data-v-2c4be74b]{
  height:20px;
  line-height:20px;
  width:70px;
  margin:0 auto;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.layout-list .layout-main .lay-search-c[data-v-2c4be74b]{
  width:100%;
  height:100%;
  position:relative
}
.layout-list .layout-main .lay-imgSingle .img-wrap[data-v-2c4be74b]{
  display:block;
  margin:0;
  height:auto;
  flex:1;
  position:relative
}
.layout-list .layout-main .lay-imgSingle .img-wrap img[data-v-2c4be74b]{
  display:block;
  width:100%
}
.layout-list .layout-main .lay-imgSingle .img-wrap .img-btn[data-v-2c4be74b]{
  display:block;
  position:absolute;
  bottom:25px;
  left:40px;
  width:80px;
  height:30px;
  line-height:30px;
  text-align:center
}
.layout-list .layout-main .lay-imgSlide .v-carousel[data-v-2c4be74b]{
  overflow:hidden !important;
  width:100%;
  height:175px !important
}
.layout-list .layout-main .btn-clone[data-v-2c4be74b]{
  position:absolute;
  height:18px;
  line-height:18px;
  right:50px;
  bottom:2px;
  z-index:90;
  width:36px;
  text-align:center;
  font-size:10px;
  color:#fff;
  background:#409eff;
  cursor:pointer;
  z-index:3
}
.layout-list .layout-main .btn-delete[data-v-2c4be74b]{
  position:absolute;
  height:18px;
  line-height:18px;
  right:2px;
  bottom:2px;
  z-index:90;
  width:36px;
  text-align:center;
  font-size:10px;
  color:#fff;
  background:red;
  cursor:pointer;
  z-index:3
}
.layout-list .ghost[data-v-2c4be74b]{
  background:#fff;
  border:1px dashed #409eff
}
.layout-list .ghost[data-v-2c4be74b]::after{
  background:#fff
}
.layout-list li.ghost[data-v-2c4be74b]{
  position:relative;
  line-height:30px;
  list-style:none;
  font-size:0
}
.layout-list li.ghost[data-v-2c4be74b]::after{
  content:"放到这里";
  display:block;
  background:#fff;
  position:absolute;
  left:50%;
  margin-left:-32px;
  top:0;
  font-size:16px;
  color:#999;
  z-index:9
}
.layout-list .layout-main.active .drag[data-v-2c4be74b]:before,.layout-main:hover .drag[data-v-2c4be74b]:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border:2px dashed #ff7159;
  cursor:move;
  z-index:2
}
.reset-color[data-v-2c4be74b]{
  display:inline-block;
  padding:0 10px;
  border:1px solid #bdbdbd;
  text-align:center;
  height:20px;
  line-height:20px;
  vertical-align:middle;
  margin-left:5px
}
.main-body[data-v-2c4be74b]{
  padding:10px;
  border:1px solid #e9e9e9
}
.custom-item-t[data-v-2c4be74b]{
  padding:5px;
  border-bottom:1px solid #f0f0f0;
  margin-bottom:15px
}
.custom-item-t-c[data-v-2c4be74b]{
  padding:0 10px;
  border-left:4px solid #ff7159;
  text-align:left
}
.custom-item .layui-form-label[data-v-2c4be74b]{
  box-sizing:content-box
}
.custom-item .content[data-v-2c4be74b]{
  padding:10px
}
.custom-item .drag-block[data-v-2c4be74b]{
  height:30px;
  background:#f2f2f2;
  cursor:move;
  position:relative
}
.custom-item .drag-block .handle-icon[data-v-2c4be74b]{
  position:absolute;
  right:0px;
  top:0;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  cursor:pointer
}
.custom-item .drag-block .handle-icon .iconfont[data-v-2c4be74b]{
  font-size:16px !important;
  color:#999;
  margin:0 auto
}
.custom-item .drag-block .handle-icon .iconfont[data-v-2c4be74b]:hover{
  color:#ff7159
}
.custom-item .content-item[data-v-2c4be74b]{
  position:relative;
  display:flex;
  margin-bottom:5px
}
.custom-item .content-item .item-label[data-v-2c4be74b]{
  width:100px
}
.custom-item .content-item .item-value[data-v-2c4be74b]{
  width:calc(100% - 100px)
}
.custom-item .content-item .el-input[data-v-2c4be74b]{
  flex:1
}
.custom-item li[data-v-2c4be74b]{
  border:1px dashed #e9e9e9
}
.custom-item li.ghost[data-v-2c4be74b]{
  border-color:#ff7159
}
.custom-item .addImg[data-v-2c4be74b]{
  width:100%;
  height:32px;
  line-height:32px;
  display:flex;
  align-items:center;
  text-align:left;
  border:1px dashed #e9e9e9;
  margin-top:15px;
  cursor:pointer;
  padding-left:5px
}
.custom-item .addImg[data-v-2c4be74b]:hover{
  color:#ff7159
}
.clearfix[data-v-2c4be74b]:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  font-size:0
}
.lay-imgWindow[data-v-2c4be74b]{
  min-height:100px
}
.lay-imgWindow.row0 .display[data-v-2c4be74b]{
  height:0;
  width:100%;
  margin:0;
  padding-bottom:50%;
  position:relative
}
.lay-imgWindow.row2 .img-wrap[data-v-2c4be74b]{
  width:50%;
  height:150px
}
.lay-imgWindow.row3 .img-wrap[data-v-2c4be74b]{
  width:33%;
  height:150px
}
.lay-imgWindow.row4 .img-wrap[data-v-2c4be74b]{
  width:25%;
  height:150px
}
.lay-imgWindow .img-wrap[data-v-2c4be74b]{
  float:left;
  box-sizing:border-box
}
.lay-imgWindow .img-wrap img[data-v-2c4be74b]{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}
.display img[data-v-2c4be74b]{
  width:100%;
  height:100%
}
.display .display-left[data-v-2c4be74b]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right[data-v-2c4be74b]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:50%
}
.display .display-right .display-right1[data-v-2c4be74b]{
  width:100%;
  height:50%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right .display-right2[data-v-2c4be74b]{
  width:100%;
  height:50%;
  position:absolute;
  top:50%;
  left:0
}
.display .display-right .display-right2 .left[data-v-2c4be74b]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right .display-right2 .right[data-v-2c4be74b]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:50%
}
.tpl-block[data-v-2c4be74b]{
  flex:1;
  padding-left:20px
}
.tpl-item[data-v-2c4be74b]{
  width:75px;
  height:75px;
  display:inline-block;
  border:1px solid #e5e5e5;
  margin:0 10px 15px 0;
  padding-top:5px;
  background-color:#fff;
  text-align:center;
  cursor:pointer
}
.tpl-item.active[data-v-2c4be74b]{
  border:1px solid #ff7159
}
.tpl-item .tpl-item-image[data-v-2c4be74b]{
  height:40px
}
.tpl-item .tpl-item-image img[data-v-2c4be74b]{
  height:auto;
  width:60px;
  margin:0 auto;
  vertical-align:middle
}
.tpl-item .tpl-item-text[data-v-2c4be74b]{
  margin-top:10px;
  font-size:12px
}
.lay-video .video-wrap[data-v-2c4be74b]{
  width:100%;
  z-index:7
}
.lay-video .video-wrap video[data-v-2c4be74b]{
  display:block;
  width:100%
}
.lay-upload-list[data-v-2c4be74b]{
  margin:11px 0
}
.lay-upload-img[data-v-2c4be74b]{
  height:90px;
  max-height:90px;
  width:auto
}
.lay-topBar[data-v-2c4be74b]{
  padding:0 10px;
  height:50px;
  line-height:50px;
  background:#fff;
  font-weight:bold;
  font-size:16px
}
.form-item[data-v-2c4be74b]{
  width:100%;
  display:flex;
  align-items:center;
  margin-top:10px
}
.form-item .label[data-v-2c4be74b]{
  width:100px
}
.form-item .value[data-v-2c4be74b]{
  width:calc(100% - 100px)
}
ul[data-v-2c4be74b]{
  padding:0
}
.layout-tip[data-v-2c4be74b]{
  color:#838fa1;
  font-size:12px
}
.vxe-input[data-v-2c4be74b]{
  width:inherit
}
.wrapper-card[data-v-5161dfae]{
  background:#fff;
  border-radius:10px;
  position:relative;
  margin:0 auto;
  width:100%
}
.card-header[data-v-5161dfae]{
  padding:2px 10px;
  display:flex;
  align-items:center;
  position:sticky;
  top:-5px;
  min-height:50px;
  width:100%;
  background:#fff;
  z-index:3
}
.card-header .btns-panel[data-v-5161dfae]{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  position:absolute;
  right:5px
}
.card-header .tip-txt[data-v-5161dfae]{
  font-weight:bold
}
.card-body[data-v-5161dfae]{
  padding:10px
}
.recycle[data-v-5161dfae]{
  position:fixed;
  top:82%;
  left:306px
}
.recycle ul[data-v-5161dfae]{
  position:relative
}
.recycle ul li.component-item-li[data-v-5161dfae]{
  display:none
}
.recycle ul .layout-main[data-v-5161dfae]{
  position:absolute;
  width:100%;
  height:30px;
  top:10px;
  left:0
}
.recycle ul .ghost[data-v-5161dfae]{
  background:#fff;
  border:1px dashed #409eff;
  position:absolute;
  left:0;
  line-height:30px;
  height:30px;
  overflow:hidden;
  list-style:none;
  font-size:0
}
.recycle ul .ghost[data-v-5161dfae]::after{
  content:"删除组件";
  display:block;
  background:#fff;
  position:absolute;
  text-align:center;
  top:0;
  left:0;
  right:0;
  font-size:12px;
  color:#000;
  z-index:2000
}
.recycle-content[data-v-5161dfae]{
  width:55px;
  padding:3px 0;
  margin:5px;
  text-align:center;
  height:45px;
  text-align:center;
  background-color:#fff;
  border:1px solid #ddd;
  font-size:12px;
  color:#333;
  transition:all .5s;
  height:auto
}
.recycle-content .iconfont[data-v-5161dfae]{
  font-size:16px !important;
  margin-right:0px !important;
  margin-bottom:3px
}
.recycle-content .text[data-v-5161dfae]{
  margin-top:5px
}
.form-edit-wrapper[data-v-5161dfae]{
  display:flex;
  width:100%;
  min-width:1200px;
  background:#fff;
  justify-content:space-between;
  align-items:flex-start
}
.edit-body[data-v-5161dfae]{
  height:auto;
  width:calc(100% - 700px)
}
.center-container[data-v-5161dfae]{
  width:375px;
  height:806px;
  border:1px solid #e9e9e9;
  box-shadow:0 3px 10px #dcdcdc;
  position:relative;
  background:#f0f0f0
}
.center-container .model-title[data-v-5161dfae]{
  height:88px;
  width:100%;
  position:relative
}
.center-container .model-title img[data-v-5161dfae]{
  width:100%;
  height:100%
}
.nav-aside[data-v-5161dfae]{
  width:300px;
  height:auto;
  position:relative
}
.nav-aside .components-wrap[data-v-5161dfae]{
  border:1px solid #e9e9e9;
  padding:10px;
  text-align:left;
  color:#666
}
.nav-aside .components-wrap .components-title[data-v-5161dfae]{
  padding:5px;
  border-bottom:1px solid #f0f0f0
}
.nav-aside .components-wrap .components-title .text[data-v-5161dfae]{
  padding:0 10px;
  border-left:4px solid #ff7159
}
.nav-aside .components-wrap .components-list[data-v-5161dfae]{
  display:flex
}
.nav-aside .components-wrap .components-list .component-item[data-v-5161dfae]{
  padding:10px
}
.nav-aside .components-wrap .components-list .component-item ul[data-v-5161dfae]{
  position:relative;
  overflow:hidden;
  padding:0;
  margin:0
}
.nav-aside .components-wrap .components-list .component-item-title[data-v-5161dfae]{
  font-size:12px;
  color:#999;
  margin:10px 0
}
.nav-aside .components-wrap .components-list .component-item-li[data-v-5161dfae]{
  width:74px;
  float:left;
  padding:3px 0;
  margin:5px;
  text-align:center;
  height:50px;
  text-align:center;
  display:block;
  background-color:#f5f5f5;
  border:1px solid #ddd;
  font-size:12px;
  color:#333;
  cursor:pointer;
  transition:all .5s;
  height:auto
}
.nav-aside .components-wrap .components-list .component-item-li .iconfont[data-v-5161dfae]{
  font-size:20px !important;
  margin-bottom:5px;
  margin-right:0 !important
}
.nav-aside .components-wrap .components-list .component-item-li .text[data-v-5161dfae]{
  padding:0;
  margin-top:5px
}
.layout-list[data-v-5161dfae]{
  height:710px;
  overflow-y:scroll
}
.layout-list .layout-main[data-v-5161dfae]{
  position:relative
}
.layout-list .layout-main.npr[data-v-5161dfae]{
  position:static !important
}
.layout-list .layout-main .drag[data-v-5161dfae]{
  position:relative
}
.layout-list .layout-main .lay-item[data-v-5161dfae]{
  display:flex
}
.layout-list .layout-main .lay-guide .line[data-v-5161dfae]{
  width:100%;
  height:0px;
  border-top:1px solid #000
}
.layout-list .layout-main .lay-textarea textarea[data-v-5161dfae]{
  display:block;
  width:100%;
  border:none
}
.layout-list .layout-main .lay-textarea .textare-c[data-v-5161dfae]{
  position:relative;
  display:inline-block;
  width:100%;
  vertical-align:bottom;
  font-size:14px;
  word-break:brrak-all;
  word-wrap:break-word
}
.layout-list .layout-main .lay-navBar.row3 .item[data-v-5161dfae]{
  width:33.3333%
}
.layout-list .layout-main .lay-navBar.row4 .item[data-v-5161dfae]{
  width:25%
}
.layout-list .layout-main .lay-navBar.row5 .item[data-v-5161dfae]{
  width:20%
}
.layout-list .layout-main .lay-navBar .item[data-v-5161dfae]{
  float:left;
  text-align:center;
  padding:10px 0;
  display:flex;
  flex-direction:column;
  align-items:center
}
.layout-list .layout-main .lay-navBar .item-image[data-v-5161dfae]{
  margin-bottom:4px;
  text-align:center
}
.layout-list .layout-main .lay-navBar .item-image img[data-v-5161dfae]{
  height:44px;
  width:44px;
  -o-object-fit:cover;
     object-fit:cover
}
.layout-list .layout-main .lay-navBar .item-text[data-v-5161dfae]{
  height:20px;
  line-height:20px;
  width:70px;
  margin:0 auto;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.layout-list .layout-main .lay-search-c[data-v-5161dfae]{
  width:100%;
  height:100%;
  position:relative
}
.layout-list .layout-main .lay-imgSingle .img-wrap[data-v-5161dfae]{
  display:block;
  margin:0;
  height:auto;
  flex:1;
  position:relative
}
.layout-list .layout-main .lay-imgSingle .img-wrap img[data-v-5161dfae]{
  display:block;
  width:100%
}
.layout-list .layout-main .lay-imgSingle .img-wrap .img-btn[data-v-5161dfae]{
  display:block;
  position:absolute;
  bottom:25px;
  left:40px;
  width:80px;
  height:30px;
  line-height:30px;
  text-align:center
}
.layout-list .layout-main .lay-imgSlide .v-carousel[data-v-5161dfae]{
  overflow:hidden !important;
  width:100%;
  height:175px !important
}
.layout-list .layout-main .btn-clone[data-v-5161dfae]{
  position:absolute;
  height:18px;
  line-height:18px;
  right:50px;
  bottom:2px;
  z-index:90;
  width:36px;
  text-align:center;
  font-size:10px;
  color:#fff;
  background:#409eff;
  cursor:pointer;
  z-index:3
}
.layout-list .layout-main .btn-delete[data-v-5161dfae]{
  position:absolute;
  height:18px;
  line-height:18px;
  right:2px;
  bottom:2px;
  z-index:90;
  width:36px;
  text-align:center;
  font-size:10px;
  color:#fff;
  background:red;
  cursor:pointer;
  z-index:3
}
.layout-list .ghost[data-v-5161dfae]{
  background:#fff;
  border:1px dashed #409eff
}
.layout-list .ghost[data-v-5161dfae]::after{
  background:#fff
}
.layout-list li.ghost[data-v-5161dfae]{
  position:relative;
  line-height:30px;
  list-style:none;
  font-size:0
}
.layout-list li.ghost[data-v-5161dfae]::after{
  content:"放到这里";
  display:block;
  background:#fff;
  position:absolute;
  left:50%;
  margin-left:-32px;
  top:0;
  font-size:16px;
  color:#999;
  z-index:9
}
.layout-list .layout-main.active .drag[data-v-5161dfae]:before,.layout-main:hover .drag[data-v-5161dfae]:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border:2px dashed #ff7159;
  cursor:move;
  z-index:2
}
.reset-color[data-v-5161dfae]{
  display:inline-block;
  padding:0 10px;
  border:1px solid #bdbdbd;
  text-align:center;
  height:20px;
  line-height:20px;
  vertical-align:middle;
  margin-left:5px
}
.main-body[data-v-5161dfae]{
  padding:10px;
  border:1px solid #e9e9e9
}
.custom-item-t[data-v-5161dfae]{
  padding:5px;
  border-bottom:1px solid #f0f0f0;
  margin-bottom:15px
}
.custom-item-t-c[data-v-5161dfae]{
  padding:0 10px;
  border-left:4px solid #ff7159;
  text-align:left
}
.custom-item .layui-form-label[data-v-5161dfae]{
  box-sizing:content-box
}
.custom-item .content[data-v-5161dfae]{
  padding:10px
}
.custom-item .drag-block[data-v-5161dfae]{
  height:30px;
  background:#f2f2f2;
  cursor:move;
  position:relative
}
.custom-item .drag-block .handle-icon[data-v-5161dfae]{
  position:absolute;
  right:0px;
  top:0;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  cursor:pointer
}
.custom-item .drag-block .handle-icon .iconfont[data-v-5161dfae]{
  font-size:16px !important;
  color:#999;
  margin:0 auto
}
.custom-item .drag-block .handle-icon .iconfont[data-v-5161dfae]:hover{
  color:#ff7159
}
.custom-item .content-item[data-v-5161dfae]{
  position:relative;
  display:flex;
  margin-bottom:5px
}
.custom-item .content-item .item-label[data-v-5161dfae]{
  width:100px
}
.custom-item .content-item .item-value[data-v-5161dfae]{
  width:calc(100% - 100px)
}
.custom-item .content-item .el-input[data-v-5161dfae]{
  flex:1
}
.custom-item li[data-v-5161dfae]{
  border:1px dashed #e9e9e9
}
.custom-item li.ghost[data-v-5161dfae]{
  border-color:#ff7159
}
.custom-item .addImg[data-v-5161dfae]{
  width:100%;
  height:32px;
  line-height:32px;
  display:flex;
  align-items:center;
  text-align:left;
  border:1px dashed #e9e9e9;
  margin-top:15px;
  cursor:pointer;
  padding-left:5px
}
.custom-item .addImg[data-v-5161dfae]:hover{
  color:#ff7159
}
.clearfix[data-v-5161dfae]:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  font-size:0
}
.lay-imgWindow[data-v-5161dfae]{
  min-height:100px
}
.lay-imgWindow.row0 .display[data-v-5161dfae]{
  height:0;
  width:100%;
  margin:0;
  padding-bottom:50%;
  position:relative
}
.lay-imgWindow.row2 .img-wrap[data-v-5161dfae]{
  width:50%;
  height:150px
}
.lay-imgWindow.row3 .img-wrap[data-v-5161dfae]{
  width:33%;
  height:150px
}
.lay-imgWindow.row4 .img-wrap[data-v-5161dfae]{
  width:25%;
  height:150px
}
.lay-imgWindow .img-wrap[data-v-5161dfae]{
  float:left;
  box-sizing:border-box
}
.lay-imgWindow .img-wrap img[data-v-5161dfae]{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}
.display img[data-v-5161dfae]{
  width:100%;
  height:100%
}
.display .display-left[data-v-5161dfae]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right[data-v-5161dfae]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:50%
}
.display .display-right .display-right1[data-v-5161dfae]{
  width:100%;
  height:50%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right .display-right2[data-v-5161dfae]{
  width:100%;
  height:50%;
  position:absolute;
  top:50%;
  left:0
}
.display .display-right .display-right2 .left[data-v-5161dfae]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right .display-right2 .right[data-v-5161dfae]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:50%
}
.tpl-block[data-v-5161dfae]{
  flex:1;
  padding-left:20px
}
.tpl-item[data-v-5161dfae]{
  width:75px;
  height:75px;
  display:inline-block;
  border:1px solid #e5e5e5;
  margin:0 10px 15px 0;
  padding-top:5px;
  background-color:#fff;
  text-align:center;
  cursor:pointer
}
.tpl-item.active[data-v-5161dfae]{
  border:1px solid #ff7159
}
.tpl-item .tpl-item-image[data-v-5161dfae]{
  height:40px
}
.tpl-item .tpl-item-image img[data-v-5161dfae]{
  height:auto;
  width:60px;
  margin:0 auto;
  vertical-align:middle
}
.tpl-item .tpl-item-text[data-v-5161dfae]{
  margin-top:10px;
  font-size:12px
}
.lay-video .video-wrap[data-v-5161dfae]{
  width:100%;
  z-index:7
}
.lay-video .video-wrap video[data-v-5161dfae]{
  display:block;
  width:100%
}
.lay-upload-list[data-v-5161dfae]{
  margin:11px 0
}
.lay-upload-img[data-v-5161dfae]{
  height:90px;
  max-height:90px;
  width:auto
}
.lay-topBar[data-v-5161dfae]{
  padding:0 10px;
  height:50px;
  line-height:50px;
  background:#fff;
  font-weight:bold;
  font-size:16px
}
.form-item[data-v-5161dfae]{
  width:100%;
  display:flex;
  align-items:center;
  margin-top:10px
}
.form-item .label[data-v-5161dfae]{
  width:100px
}
.form-item .value[data-v-5161dfae]{
  width:calc(100% - 100px)
}
ul[data-v-5161dfae]{
  padding:0
}
.layout-tip[data-v-5161dfae]{
  color:#838fa1;
  font-size:12px
}
.flex-align[data-v-5161dfae]{
  display:flex;
  align-items:center
}
.wrapper-card[data-v-d86109f6]{
  background:#fff;
  border-radius:10px;
  position:relative;
  margin:0 auto;
  width:100%
}
.card-header[data-v-d86109f6]{
  padding:2px 10px;
  display:flex;
  align-items:center;
  position:sticky;
  top:-5px;
  min-height:50px;
  width:100%;
  background:#fff;
  z-index:3
}
.card-header .btns-panel[data-v-d86109f6]{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  position:absolute;
  right:5px
}
.card-header .tip-txt[data-v-d86109f6]{
  font-weight:bold
}
.card-body[data-v-d86109f6]{
  padding:10px
}
.recycle[data-v-d86109f6]{
  position:fixed;
  top:82%;
  left:306px
}
.recycle ul[data-v-d86109f6]{
  position:relative
}
.recycle ul li.component-item-li[data-v-d86109f6]{
  display:none
}
.recycle ul .layout-main[data-v-d86109f6]{
  position:absolute;
  width:100%;
  height:30px;
  top:10px;
  left:0
}
.recycle ul .ghost[data-v-d86109f6]{
  background:#fff;
  border:1px dashed #409eff;
  position:absolute;
  left:0;
  line-height:30px;
  height:30px;
  overflow:hidden;
  list-style:none;
  font-size:0
}
.recycle ul .ghost[data-v-d86109f6]::after{
  content:"删除组件";
  display:block;
  background:#fff;
  position:absolute;
  text-align:center;
  top:0;
  left:0;
  right:0;
  font-size:12px;
  color:#000;
  z-index:2000
}
.recycle-content[data-v-d86109f6]{
  width:55px;
  padding:3px 0;
  margin:5px;
  text-align:center;
  height:45px;
  text-align:center;
  background-color:#fff;
  border:1px solid #ddd;
  font-size:12px;
  color:#333;
  transition:all .5s;
  height:auto
}
.recycle-content .iconfont[data-v-d86109f6]{
  font-size:16px !important;
  margin-right:0px !important;
  margin-bottom:3px
}
.recycle-content .text[data-v-d86109f6]{
  margin-top:5px
}
.form-edit-wrapper[data-v-d86109f6]{
  display:flex;
  width:100%;
  min-width:1200px;
  background:#fff;
  justify-content:space-between;
  align-items:flex-start
}
.edit-body[data-v-d86109f6]{
  height:auto;
  width:calc(100% - 700px)
}
.center-container[data-v-d86109f6]{
  width:375px;
  height:806px;
  border:1px solid #e9e9e9;
  box-shadow:0 3px 10px #dcdcdc;
  position:relative;
  background:#f0f0f0
}
.center-container .model-title[data-v-d86109f6]{
  height:88px;
  width:100%;
  position:relative
}
.center-container .model-title img[data-v-d86109f6]{
  width:100%;
  height:100%
}
.nav-aside[data-v-d86109f6]{
  width:300px;
  height:auto;
  position:relative
}
.nav-aside .components-wrap[data-v-d86109f6]{
  border:1px solid #e9e9e9;
  padding:10px;
  text-align:left;
  color:#666
}
.nav-aside .components-wrap .components-title[data-v-d86109f6]{
  padding:5px;
  border-bottom:1px solid #f0f0f0
}
.nav-aside .components-wrap .components-title .text[data-v-d86109f6]{
  padding:0 10px;
  border-left:4px solid #ff7159
}
.nav-aside .components-wrap .components-list[data-v-d86109f6]{
  display:flex
}
.nav-aside .components-wrap .components-list .component-item[data-v-d86109f6]{
  padding:10px
}
.nav-aside .components-wrap .components-list .component-item ul[data-v-d86109f6]{
  position:relative;
  overflow:hidden;
  padding:0;
  margin:0
}
.nav-aside .components-wrap .components-list .component-item-title[data-v-d86109f6]{
  font-size:12px;
  color:#999;
  margin:10px 0
}
.nav-aside .components-wrap .components-list .component-item-li[data-v-d86109f6]{
  width:74px;
  float:left;
  padding:3px 0;
  margin:5px;
  text-align:center;
  height:50px;
  text-align:center;
  display:block;
  background-color:#f5f5f5;
  border:1px solid #ddd;
  font-size:12px;
  color:#333;
  cursor:pointer;
  transition:all .5s;
  height:auto
}
.nav-aside .components-wrap .components-list .component-item-li .iconfont[data-v-d86109f6]{
  font-size:20px !important;
  margin-bottom:5px;
  margin-right:0 !important
}
.nav-aside .components-wrap .components-list .component-item-li .text[data-v-d86109f6]{
  padding:0;
  margin-top:5px
}
.layout-list[data-v-d86109f6]{
  height:710px;
  overflow-y:scroll
}
.layout-list .layout-main[data-v-d86109f6]{
  position:relative
}
.layout-list .layout-main.npr[data-v-d86109f6]{
  position:static !important
}
.layout-list .layout-main .drag[data-v-d86109f6]{
  position:relative
}
.layout-list .layout-main .lay-item[data-v-d86109f6]{
  display:flex
}
.layout-list .layout-main .lay-guide .line[data-v-d86109f6]{
  width:100%;
  height:0px;
  border-top:1px solid #000
}
.layout-list .layout-main .lay-textarea textarea[data-v-d86109f6]{
  display:block;
  width:100%;
  border:none
}
.layout-list .layout-main .lay-textarea .textare-c[data-v-d86109f6]{
  position:relative;
  display:inline-block;
  width:100%;
  vertical-align:bottom;
  font-size:14px;
  word-break:brrak-all;
  word-wrap:break-word
}
.layout-list .layout-main .lay-navBar.row3 .item[data-v-d86109f6]{
  width:33.3333%
}
.layout-list .layout-main .lay-navBar.row4 .item[data-v-d86109f6]{
  width:25%
}
.layout-list .layout-main .lay-navBar.row5 .item[data-v-d86109f6]{
  width:20%
}
.layout-list .layout-main .lay-navBar .item[data-v-d86109f6]{
  float:left;
  text-align:center;
  padding:10px 0;
  display:flex;
  flex-direction:column;
  align-items:center
}
.layout-list .layout-main .lay-navBar .item-image[data-v-d86109f6]{
  margin-bottom:4px;
  text-align:center
}
.layout-list .layout-main .lay-navBar .item-image img[data-v-d86109f6]{
  height:44px;
  width:44px;
  -o-object-fit:cover;
     object-fit:cover
}
.layout-list .layout-main .lay-navBar .item-text[data-v-d86109f6]{
  height:20px;
  line-height:20px;
  width:70px;
  margin:0 auto;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.layout-list .layout-main .lay-search-c[data-v-d86109f6]{
  width:100%;
  height:100%;
  position:relative
}
.layout-list .layout-main .lay-imgSingle .img-wrap[data-v-d86109f6]{
  display:block;
  margin:0;
  height:auto;
  flex:1;
  position:relative
}
.layout-list .layout-main .lay-imgSingle .img-wrap img[data-v-d86109f6]{
  display:block;
  width:100%
}
.layout-list .layout-main .lay-imgSingle .img-wrap .img-btn[data-v-d86109f6]{
  display:block;
  position:absolute;
  bottom:25px;
  left:40px;
  width:80px;
  height:30px;
  line-height:30px;
  text-align:center
}
.layout-list .layout-main .lay-imgSlide .v-carousel[data-v-d86109f6]{
  overflow:hidden !important;
  width:100%;
  height:175px !important
}
.layout-list .layout-main .btn-clone[data-v-d86109f6]{
  position:absolute;
  height:18px;
  line-height:18px;
  right:50px;
  bottom:2px;
  z-index:90;
  width:36px;
  text-align:center;
  font-size:10px;
  color:#fff;
  background:#409eff;
  cursor:pointer;
  z-index:3
}
.layout-list .layout-main .btn-delete[data-v-d86109f6]{
  position:absolute;
  height:18px;
  line-height:18px;
  right:2px;
  bottom:2px;
  z-index:90;
  width:36px;
  text-align:center;
  font-size:10px;
  color:#fff;
  background:red;
  cursor:pointer;
  z-index:3
}
.layout-list .ghost[data-v-d86109f6]{
  background:#fff;
  border:1px dashed #409eff
}
.layout-list .ghost[data-v-d86109f6]::after{
  background:#fff
}
.layout-list li.ghost[data-v-d86109f6]{
  position:relative;
  line-height:30px;
  list-style:none;
  font-size:0
}
.layout-list li.ghost[data-v-d86109f6]::after{
  content:"放到这里";
  display:block;
  background:#fff;
  position:absolute;
  left:50%;
  margin-left:-32px;
  top:0;
  font-size:16px;
  color:#999;
  z-index:9
}
.layout-list .layout-main.active .drag[data-v-d86109f6]:before,.layout-main:hover .drag[data-v-d86109f6]:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border:2px dashed #ff7159;
  cursor:move;
  z-index:2
}
.reset-color[data-v-d86109f6]{
  display:inline-block;
  padding:0 10px;
  border:1px solid #bdbdbd;
  text-align:center;
  height:20px;
  line-height:20px;
  vertical-align:middle;
  margin-left:5px
}
.main-body[data-v-d86109f6]{
  padding:10px;
  border:1px solid #e9e9e9
}
.custom-item-t[data-v-d86109f6]{
  padding:5px;
  border-bottom:1px solid #f0f0f0;
  margin-bottom:15px
}
.custom-item-t-c[data-v-d86109f6]{
  padding:0 10px;
  border-left:4px solid #ff7159;
  text-align:left
}
.custom-item .layui-form-label[data-v-d86109f6]{
  box-sizing:content-box
}
.custom-item .content[data-v-d86109f6]{
  padding:10px
}
.custom-item .drag-block[data-v-d86109f6]{
  height:30px;
  background:#f2f2f2;
  cursor:move;
  position:relative
}
.custom-item .drag-block .handle-icon[data-v-d86109f6]{
  position:absolute;
  right:0px;
  top:0;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  cursor:pointer
}
.custom-item .drag-block .handle-icon .iconfont[data-v-d86109f6]{
  font-size:16px !important;
  color:#999;
  margin:0 auto
}
.custom-item .drag-block .handle-icon .iconfont[data-v-d86109f6]:hover{
  color:#ff7159
}
.custom-item .content-item[data-v-d86109f6]{
  position:relative;
  display:flex;
  margin-bottom:5px
}
.custom-item .content-item .item-label[data-v-d86109f6]{
  width:100px
}
.custom-item .content-item .item-value[data-v-d86109f6]{
  width:calc(100% - 100px)
}
.custom-item .content-item .el-input[data-v-d86109f6]{
  flex:1
}
.custom-item li[data-v-d86109f6]{
  border:1px dashed #e9e9e9
}
.custom-item li.ghost[data-v-d86109f6]{
  border-color:#ff7159
}
.custom-item .addImg[data-v-d86109f6]{
  width:100%;
  height:32px;
  line-height:32px;
  display:flex;
  align-items:center;
  text-align:left;
  border:1px dashed #e9e9e9;
  margin-top:15px;
  cursor:pointer;
  padding-left:5px
}
.custom-item .addImg[data-v-d86109f6]:hover{
  color:#ff7159
}
.clearfix[data-v-d86109f6]:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  font-size:0
}
.lay-imgWindow[data-v-d86109f6]{
  min-height:100px
}
.lay-imgWindow.row0 .display[data-v-d86109f6]{
  height:0;
  width:100%;
  margin:0;
  padding-bottom:50%;
  position:relative
}
.lay-imgWindow.row2 .img-wrap[data-v-d86109f6]{
  width:50%;
  height:150px
}
.lay-imgWindow.row3 .img-wrap[data-v-d86109f6]{
  width:33%;
  height:150px
}
.lay-imgWindow.row4 .img-wrap[data-v-d86109f6]{
  width:25%;
  height:150px
}
.lay-imgWindow .img-wrap[data-v-d86109f6]{
  float:left;
  box-sizing:border-box
}
.lay-imgWindow .img-wrap img[data-v-d86109f6]{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}
.display img[data-v-d86109f6]{
  width:100%;
  height:100%
}
.display .display-left[data-v-d86109f6]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right[data-v-d86109f6]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:50%
}
.display .display-right .display-right1[data-v-d86109f6]{
  width:100%;
  height:50%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right .display-right2[data-v-d86109f6]{
  width:100%;
  height:50%;
  position:absolute;
  top:50%;
  left:0
}
.display .display-right .display-right2 .left[data-v-d86109f6]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right .display-right2 .right[data-v-d86109f6]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:50%
}
.tpl-block[data-v-d86109f6]{
  flex:1;
  padding-left:20px
}
.tpl-item[data-v-d86109f6]{
  width:75px;
  height:75px;
  display:inline-block;
  border:1px solid #e5e5e5;
  margin:0 10px 15px 0;
  padding-top:5px;
  background-color:#fff;
  text-align:center;
  cursor:pointer
}
.tpl-item.active[data-v-d86109f6]{
  border:1px solid #ff7159
}
.tpl-item .tpl-item-image[data-v-d86109f6]{
  height:40px
}
.tpl-item .tpl-item-image img[data-v-d86109f6]{
  height:auto;
  width:60px;
  margin:0 auto;
  vertical-align:middle
}
.tpl-item .tpl-item-text[data-v-d86109f6]{
  margin-top:10px;
  font-size:12px
}
.lay-video .video-wrap[data-v-d86109f6]{
  width:100%;
  z-index:7
}
.lay-video .video-wrap video[data-v-d86109f6]{
  display:block;
  width:100%
}
.lay-upload-list[data-v-d86109f6]{
  margin:11px 0
}
.lay-upload-img[data-v-d86109f6]{
  height:90px;
  max-height:90px;
  width:auto
}
.lay-topBar[data-v-d86109f6]{
  padding:0 10px;
  height:50px;
  line-height:50px;
  background:#fff;
  font-weight:bold;
  font-size:16px
}
.form-item[data-v-d86109f6]{
  width:100%;
  display:flex;
  align-items:center;
  margin-top:10px
}
.form-item .label[data-v-d86109f6]{
  width:100px
}
.form-item .value[data-v-d86109f6]{
  width:calc(100% - 100px)
}
ul[data-v-d86109f6]{
  padding:0
}
.layout-tip[data-v-d86109f6]{
  color:#838fa1;
  font-size:12px
}
.wrapper-card[data-v-12b473a6]{
  background:#fff;
  border-radius:10px;
  position:relative;
  margin:0 auto;
  width:100%
}
.card-header[data-v-12b473a6]{
  padding:2px 10px;
  display:flex;
  align-items:center;
  position:sticky;
  top:-5px;
  min-height:50px;
  width:100%;
  background:#fff;
  z-index:3
}
.card-header .btns-panel[data-v-12b473a6]{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  position:absolute;
  right:5px
}
.card-header .tip-txt[data-v-12b473a6]{
  font-weight:bold
}
.card-body[data-v-12b473a6]{
  padding:10px
}
.recycle[data-v-12b473a6]{
  position:fixed;
  top:82%;
  left:306px
}
.recycle ul[data-v-12b473a6]{
  position:relative
}
.recycle ul li.component-item-li[data-v-12b473a6]{
  display:none
}
.recycle ul .layout-main[data-v-12b473a6]{
  position:absolute;
  width:100%;
  height:30px;
  top:10px;
  left:0
}
.recycle ul .ghost[data-v-12b473a6]{
  background:#fff;
  border:1px dashed #409eff;
  position:absolute;
  left:0;
  line-height:30px;
  height:30px;
  overflow:hidden;
  list-style:none;
  font-size:0
}
.recycle ul .ghost[data-v-12b473a6]::after{
  content:"删除组件";
  display:block;
  background:#fff;
  position:absolute;
  text-align:center;
  top:0;
  left:0;
  right:0;
  font-size:12px;
  color:#000;
  z-index:2000
}
.recycle-content[data-v-12b473a6]{
  width:55px;
  padding:3px 0;
  margin:5px;
  text-align:center;
  height:45px;
  text-align:center;
  background-color:#fff;
  border:1px solid #ddd;
  font-size:12px;
  color:#333;
  transition:all .5s;
  height:auto
}
.recycle-content .iconfont[data-v-12b473a6]{
  font-size:16px !important;
  margin-right:0px !important;
  margin-bottom:3px
}
.recycle-content .text[data-v-12b473a6]{
  margin-top:5px
}
.form-edit-wrapper[data-v-12b473a6]{
  display:flex;
  width:100%;
  min-width:1200px;
  background:#fff;
  justify-content:space-between;
  align-items:flex-start
}
.edit-body[data-v-12b473a6]{
  height:auto;
  width:calc(100% - 700px)
}
.center-container[data-v-12b473a6]{
  width:375px;
  height:806px;
  border:1px solid #e9e9e9;
  box-shadow:0 3px 10px #dcdcdc;
  position:relative;
  background:#f0f0f0
}
.center-container .model-title[data-v-12b473a6]{
  height:88px;
  width:100%;
  position:relative
}
.center-container .model-title img[data-v-12b473a6]{
  width:100%;
  height:100%
}
.nav-aside[data-v-12b473a6]{
  width:300px;
  height:auto;
  position:relative
}
.nav-aside .components-wrap[data-v-12b473a6]{
  border:1px solid #e9e9e9;
  padding:10px;
  text-align:left;
  color:#666
}
.nav-aside .components-wrap .components-title[data-v-12b473a6]{
  padding:5px;
  border-bottom:1px solid #f0f0f0
}
.nav-aside .components-wrap .components-title .text[data-v-12b473a6]{
  padding:0 10px;
  border-left:4px solid #ff7159
}
.nav-aside .components-wrap .components-list[data-v-12b473a6]{
  display:flex
}
.nav-aside .components-wrap .components-list .component-item[data-v-12b473a6]{
  padding:10px
}
.nav-aside .components-wrap .components-list .component-item ul[data-v-12b473a6]{
  position:relative;
  overflow:hidden;
  padding:0;
  margin:0
}
.nav-aside .components-wrap .components-list .component-item-title[data-v-12b473a6]{
  font-size:12px;
  color:#999;
  margin:10px 0
}
.nav-aside .components-wrap .components-list .component-item-li[data-v-12b473a6]{
  width:74px;
  float:left;
  padding:3px 0;
  margin:5px;
  text-align:center;
  height:50px;
  text-align:center;
  display:block;
  background-color:#f5f5f5;
  border:1px solid #ddd;
  font-size:12px;
  color:#333;
  cursor:pointer;
  transition:all .5s;
  height:auto
}
.nav-aside .components-wrap .components-list .component-item-li .iconfont[data-v-12b473a6]{
  font-size:20px !important;
  margin-bottom:5px;
  margin-right:0 !important
}
.nav-aside .components-wrap .components-list .component-item-li .text[data-v-12b473a6]{
  padding:0;
  margin-top:5px
}
.layout-list[data-v-12b473a6]{
  height:710px;
  overflow-y:scroll
}
.layout-list .layout-main[data-v-12b473a6]{
  position:relative
}
.layout-list .layout-main.npr[data-v-12b473a6]{
  position:static !important
}
.layout-list .layout-main .drag[data-v-12b473a6]{
  position:relative
}
.layout-list .layout-main .lay-item[data-v-12b473a6]{
  display:flex
}
.layout-list .layout-main .lay-guide .line[data-v-12b473a6]{
  width:100%;
  height:0px;
  border-top:1px solid #000
}
.layout-list .layout-main .lay-textarea textarea[data-v-12b473a6]{
  display:block;
  width:100%;
  border:none
}
.layout-list .layout-main .lay-textarea .textare-c[data-v-12b473a6]{
  position:relative;
  display:inline-block;
  width:100%;
  vertical-align:bottom;
  font-size:14px;
  word-break:brrak-all;
  word-wrap:break-word
}
.layout-list .layout-main .lay-navBar.row3 .item[data-v-12b473a6]{
  width:33.3333%
}
.layout-list .layout-main .lay-navBar.row4 .item[data-v-12b473a6]{
  width:25%
}
.layout-list .layout-main .lay-navBar.row5 .item[data-v-12b473a6]{
  width:20%
}
.layout-list .layout-main .lay-navBar .item[data-v-12b473a6]{
  float:left;
  text-align:center;
  padding:10px 0;
  display:flex;
  flex-direction:column;
  align-items:center
}
.layout-list .layout-main .lay-navBar .item-image[data-v-12b473a6]{
  margin-bottom:4px;
  text-align:center
}
.layout-list .layout-main .lay-navBar .item-image img[data-v-12b473a6]{
  height:44px;
  width:44px;
  -o-object-fit:cover;
     object-fit:cover
}
.layout-list .layout-main .lay-navBar .item-text[data-v-12b473a6]{
  height:20px;
  line-height:20px;
  width:70px;
  margin:0 auto;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.layout-list .layout-main .lay-search-c[data-v-12b473a6]{
  width:100%;
  height:100%;
  position:relative
}
.layout-list .layout-main .lay-imgSingle .img-wrap[data-v-12b473a6]{
  display:block;
  margin:0;
  height:auto;
  flex:1;
  position:relative
}
.layout-list .layout-main .lay-imgSingle .img-wrap img[data-v-12b473a6]{
  display:block;
  width:100%
}
.layout-list .layout-main .lay-imgSingle .img-wrap .img-btn[data-v-12b473a6]{
  display:block;
  position:absolute;
  bottom:25px;
  left:40px;
  width:80px;
  height:30px;
  line-height:30px;
  text-align:center
}
.layout-list .layout-main .lay-imgSlide .v-carousel[data-v-12b473a6]{
  overflow:hidden !important;
  width:100%;
  height:175px !important
}
.layout-list .layout-main .btn-clone[data-v-12b473a6]{
  position:absolute;
  height:18px;
  line-height:18px;
  right:50px;
  bottom:2px;
  z-index:90;
  width:36px;
  text-align:center;
  font-size:10px;
  color:#fff;
  background:#409eff;
  cursor:pointer;
  z-index:3
}
.layout-list .layout-main .btn-delete[data-v-12b473a6]{
  position:absolute;
  height:18px;
  line-height:18px;
  right:2px;
  bottom:2px;
  z-index:90;
  width:36px;
  text-align:center;
  font-size:10px;
  color:#fff;
  background:red;
  cursor:pointer;
  z-index:3
}
.layout-list .ghost[data-v-12b473a6]{
  background:#fff;
  border:1px dashed #409eff
}
.layout-list .ghost[data-v-12b473a6]::after{
  background:#fff
}
.layout-list li.ghost[data-v-12b473a6]{
  position:relative;
  line-height:30px;
  list-style:none;
  font-size:0
}
.layout-list li.ghost[data-v-12b473a6]::after{
  content:"放到这里";
  display:block;
  background:#fff;
  position:absolute;
  left:50%;
  margin-left:-32px;
  top:0;
  font-size:16px;
  color:#999;
  z-index:9
}
.layout-list .layout-main.active .drag[data-v-12b473a6]:before,.layout-main:hover .drag[data-v-12b473a6]:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border:2px dashed #ff7159;
  cursor:move;
  z-index:2
}
.reset-color[data-v-12b473a6]{
  display:inline-block;
  padding:0 10px;
  border:1px solid #bdbdbd;
  text-align:center;
  height:20px;
  line-height:20px;
  vertical-align:middle;
  margin-left:5px
}
.main-body[data-v-12b473a6]{
  padding:10px;
  border:1px solid #e9e9e9
}
.custom-item-t[data-v-12b473a6]{
  padding:5px;
  border-bottom:1px solid #f0f0f0;
  margin-bottom:15px
}
.custom-item-t-c[data-v-12b473a6]{
  padding:0 10px;
  border-left:4px solid #ff7159;
  text-align:left
}
.custom-item .layui-form-label[data-v-12b473a6]{
  box-sizing:content-box
}
.custom-item .content[data-v-12b473a6]{
  padding:10px
}
.custom-item .drag-block[data-v-12b473a6]{
  height:30px;
  background:#f2f2f2;
  cursor:move;
  position:relative
}
.custom-item .drag-block .handle-icon[data-v-12b473a6]{
  position:absolute;
  right:0px;
  top:0;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  cursor:pointer
}
.custom-item .drag-block .handle-icon .iconfont[data-v-12b473a6]{
  font-size:16px !important;
  color:#999;
  margin:0 auto
}
.custom-item .drag-block .handle-icon .iconfont[data-v-12b473a6]:hover{
  color:#ff7159
}
.custom-item .content-item[data-v-12b473a6]{
  position:relative;
  display:flex;
  margin-bottom:5px
}
.custom-item .content-item .item-label[data-v-12b473a6]{
  width:100px
}
.custom-item .content-item .item-value[data-v-12b473a6]{
  width:calc(100% - 100px)
}
.custom-item .content-item .el-input[data-v-12b473a6]{
  flex:1
}
.custom-item li[data-v-12b473a6]{
  border:1px dashed #e9e9e9
}
.custom-item li.ghost[data-v-12b473a6]{
  border-color:#ff7159
}
.custom-item .addImg[data-v-12b473a6]{
  width:100%;
  height:32px;
  line-height:32px;
  display:flex;
  align-items:center;
  text-align:left;
  border:1px dashed #e9e9e9;
  margin-top:15px;
  cursor:pointer;
  padding-left:5px
}
.custom-item .addImg[data-v-12b473a6]:hover{
  color:#ff7159
}
.clearfix[data-v-12b473a6]:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  font-size:0
}
.lay-imgWindow[data-v-12b473a6]{
  min-height:100px
}
.lay-imgWindow.row0 .display[data-v-12b473a6]{
  height:0;
  width:100%;
  margin:0;
  padding-bottom:50%;
  position:relative
}
.lay-imgWindow.row2 .img-wrap[data-v-12b473a6]{
  width:50%;
  height:150px
}
.lay-imgWindow.row3 .img-wrap[data-v-12b473a6]{
  width:33%;
  height:150px
}
.lay-imgWindow.row4 .img-wrap[data-v-12b473a6]{
  width:25%;
  height:150px
}
.lay-imgWindow .img-wrap[data-v-12b473a6]{
  float:left;
  box-sizing:border-box
}
.lay-imgWindow .img-wrap img[data-v-12b473a6]{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}
.display img[data-v-12b473a6]{
  width:100%;
  height:100%
}
.display .display-left[data-v-12b473a6]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right[data-v-12b473a6]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:50%
}
.display .display-right .display-right1[data-v-12b473a6]{
  width:100%;
  height:50%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right .display-right2[data-v-12b473a6]{
  width:100%;
  height:50%;
  position:absolute;
  top:50%;
  left:0
}
.display .display-right .display-right2 .left[data-v-12b473a6]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.display .display-right .display-right2 .right[data-v-12b473a6]{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:50%
}
.tpl-block[data-v-12b473a6]{
  flex:1;
  padding-left:20px
}
.tpl-item[data-v-12b473a6]{
  width:75px;
  height:75px;
  display:inline-block;
  border:1px solid #e5e5e5;
  margin:0 10px 15px 0;
  padding-top:5px;
  background-color:#fff;
  text-align:center;
  cursor:pointer
}
.tpl-item.active[data-v-12b473a6]{
  border:1px solid #ff7159
}
.tpl-item .tpl-item-image[data-v-12b473a6]{
  height:40px
}
.tpl-item .tpl-item-image img[data-v-12b473a6]{
  height:auto;
  width:60px;
  margin:0 auto;
  vertical-align:middle
}
.tpl-item .tpl-item-text[data-v-12b473a6]{
  margin-top:10px;
  font-size:12px
}
.lay-video .video-wrap[data-v-12b473a6]{
  width:100%;
  z-index:7
}
.lay-video .video-wrap video[data-v-12b473a6]{
  display:block;
  width:100%
}
.lay-upload-list[data-v-12b473a6]{
  margin:11px 0
}
.lay-upload-img[data-v-12b473a6]{
  height:90px;
  max-height:90px;
  width:auto
}
.lay-topBar[data-v-12b473a6]{
  padding:0 10px;
  height:50px;
  line-height:50px;
  background:#fff;
  font-weight:bold;
  font-size:16px
}
.form-item[data-v-12b473a6]{
  width:100%;
  display:flex;
  align-items:center;
  margin-top:10px
}
.form-item .label[data-v-12b473a6]{
  width:100px
}
.form-item .value[data-v-12b473a6]{
  width:calc(100% - 100px)
}
ul[data-v-12b473a6]{
  padding:0
}
.layout-tip[data-v-12b473a6]{
  color:#838fa1;
  font-size:12px
}