.el-table .warning-row { background:#f9f9f9}
.el-table th>.cell{font-weight: 800;color: #777;}
.el-table td,.el-table th{padding: 6px 0!important}
.btn-group{display: flex;align-items: center;justify-content: space-between;}
.el-checkbox__label{color: #888; padding-left: 3px;}
.el-checkbox__input.is-checked+.el-checkbox__label{color: #888;}
.el-button--mini, .el-button--mini.is-round {padding: 7px 10px;}
.el-button+.el-button{margin-left: 3px;}
body .el-table th.gutter{display: table-cell!important;}
.el-radio{margin-right:20px}
.el-radio__label{padding-left: 5px;}
.el-menu--horizontal>.el-menu-item{height: 25px; line-height: 15px;}
.el-menu-demo{margin-bottom: 10px;}
.el-table{font-size: 13px;}
.el-checkbox{margin-right:15px}
.el-table .rowLight{background:#ecf5ff !important;}
.el-table__expand-icon{margin-left:-4px}

.select .el-input--small .el-input__inner{
    height:30px; line-height: 30px;
}

.list_tab {margin-bottom:10px;}
.list_tab .el-tabs__header {
	margin:0 0 0 !important;
}
.list_tab .el-tabs__header {
	padding-left:15px;
}
.list_tab .el-tabs__item.is-active{
	background-color:#409EFF;
	color:#fff;
}
.table_list_pic {width:30px; height:30px; vertical-align: middle;}
table{
	cellpadding:0;
	cellspacing:0;
}
.table-bordered {
    border: 1px solid #EBEBEB;
}

.table > tbody > tr > td {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: middle;
}
.table .title{
    background-color:#F5F5F6; font-weight:bold; text-align:right
}
.el-image-viewer__wrapper{z-index:999999!important}
.vue-treeselect__control{font-size: 13px; padding-left: 10px; color:#606266}
.el-tabs__header{padding-left: 10px;}

.el-popover{padding: 5px;}
.el-input-number .el-input__inner {text-align: left;}
.tree-border {
    margin-top: 5px;
    border: 1px solid #e5e6e7;
    background: #fff none;
    border-radius: 4px;
}
.w-e-toolbar .w-e-menu{width:30px!important; height:30px!important;}

.upload-demo {
  display: inline-block;
  margin-right: 5px;
}
.el-upload--picture-card {
  width: 100px;
  height: 100px;
  line-height: 100px;
}
.el-upload-list--picture-card .el-upload-list__item {
  width: 100px;
  height: 100px;
}
.el-upload-list__item-name {
  padding-left: 0;
}
.el-upload-list__item {
  line-height: 1.1;
}
.image-list .image-wrap,
.image-item .image-wrap {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  margin: 0 10px 0 0;
  vertical-align: top;
}
.image-list .image-wrap:hover .icon-wrap,
.image-item .image-wrap:hover .icon-wrap {
  opacity: 1;
}
.image-list .image-wrap .imgStyle img,
.image-item .image-wrap .imgStyle img {
  width: 100px;
  height: 100px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.image-wrap {
    position: relative;
    display: inline-block;
    box-sizing: content-box;
    margin: 10px 15px 0 0;
    vertical-align: top;
}
.imgStyle img {
  width: 100px;
  height: 100px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.image-wrap label {
  font-size: 25px;
  cursor: pointer;
  position: absolute;
  top: -2px;
  right: 0px;
  z-index: 150;
}
.image-wrap label i {
  font-size: 15px;
  font-style: normal;
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  margin-top:-18px;
  color: #fff;
  vertical-align: middle;
}
.image-wrap input[type="checkbox"],
.image-wrap input[type="radio"] {
  display: none;
  outline: none;
}
.image-wrap input[type="radio"] + i {
  border-radius: 7px;
}
.image-wrap input[type="checkbox"]:checked + i,
.image-wrap input[type="radio"]:checked + i {
  background: #67c23a;
  color: #FFF;
}

.image-list .image-wrap .icon-wrap,
.image-item .image-wrap .icon-wrap {
  position: absolute;
  left: 0;
  top:0;
  border-radius: 6px;
  width: 102px;
  height: 102px;
  cursor: default;
  text-align: center;
  line-height: 100px;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity .3s;
}
.image-list .image-wrap .icon-wrap .el-icon-zoom-in,
.image-item .image-wrap .icon-wrap .el-icon-zoom-in {
  cursor: pointer;
  margin-right: 8px;
}
.image-list .image-wrap .icon-wrap .el-icon-delete,
.image-item .image-wrap .icon-wrap .el-icon-delete {
  cursor: pointer;
}
.image-item {
  display: inline-flex;
}
.image-uploader {
  display: inline-block;
}
.image-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
.image-uploader .el-upload [class^="el-icon"] {
  line-height: 100px;
  font-size: 24px;
  color: #8c939d;
  text-align: center;
}
.image-uploader .el-upload:hover {
  border-color: #409EFF;
}

.btn-group .vue-treeselect__control{height:32px;}
.btn-group .vue-treeselect__placeholder, .vue-treeselect__single-value{line-height:30px;}

.el-tag {
	margin-right: 5px;
}
.button-new-tag {
	margin-right: 5px;
	height: 32px;
	line-height: 30px;
	padding-top: 0;
	padding-bottom: 0;
}
.input-new-tag {
	width: 90px;
	margin-right: 10px;
	vertical-align: bottom;
}
.custom_input {
	width: 80px;
	height: 16px;
	outline: none;
	border: transparent;
	background-color: transparent;
	font-size: 12px;
	color: #B59059;
}
.map .el-textarea__inner{background-color:#eee;border-top-right-radius: 0; border-bottom-right-radius: 0;}   

#allmap{
	width: 100%;
	height: 400px;
	margin-top: 1px;
}

#mapContainer {
  width: 100%;
  margin-top:2px;
  height: 50vh;
}
.amap-sug-result{
    z-index: 99999; top:135px;
}
.tangram-suggestion-main {
    z-index: 9999999;
}
.amap-sug-result .auto-item{
	padding: 8px;
}

.content {
  width: 100%;
  background: rgba(252, 250, 250, 0.918);
  border: 1px solid #f1f1f1;
  border-top: none;
  font-size: 13px;
  color: #5a5a5a;
  max-height: 400px;
  overflow-y: auto;
}
.content p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 8px 10px;
  margin: 0;
  cursor: pointer;
}
.content p:hover {
  background: #eff6fd;
}
.content p .address {
  font-size: 12px;
  color: #b9b9b9;
  margin-left: 20px;
}
#map {
  height: 400px;
}


.el-dialog {
  margin-bottom: 0;
  margin-top: 4vh !important;
  display: flex;
  flex-direction: column;
  z-index: -999;
  max-height: 92vh;
  overflow: hidden;
  position:relative;
  left:-120px;
}
.el-dialog .el-dialog__header {
  padding-top: 14px;
}
.el-dialog .el-dialog__body {
  overflow: auto;
  padding: 30px 20px;
  margin: 0;
}

.el-message-box{
	position:relative;
	left:-120px;
}

.pagination-container {
  background: #fff;
  padding: 15px 0;
}
.el-pager li{min-width: 20px}
.pagination-container.hidden {
  display: none;
}

/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
::-webkit-scrollbar-track {
  width: 6px;
  background-color: #f2f6fc;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

/*滚动条的设置*/

::-webkit-scrollbar-thumb {
  background-color: #999;
  background-clip: padding-box;
  min-height: 1px;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
/*滚动条移上去的背景*/

::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.el-table ::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(0,0,0,.2);
    -webkit-border-radius: 6px;
}

.icon-ul{margin:0;padding:0;font-size:0}.icon-ul li{list-style-type:none;text-align:center;font-size:14px;display:inline-block;width:16.66%;box-sizing:border-box;height:108px;padding:15px 6px 6px 6px;cursor:pointer;overflow:hidden}.icon-ul li:hover{background:#f2f2f2}.icon-ul li.active-item{background:#e1f3fb;color:#7a6df0}.icon-ul li>i{font-size:30px;line-height:50px}


.body-bg{
position: absolute;
height: 100%;
width: 100%;
top:0;
left: 0;
overflow-y: auto;
background:url(../fonts/background.svg) top center;
align-items: center;
background-size: cover;

}

.login-main{
z-index: 1;
background-color: #FFF;
border-radius: 1em;
border: 1px solid #fff;
width: 320px;
margin: 150px auto;
padding: 10px 20px 30px 20px;
}

.site-title{
font-weight: bold;
font-size: 18px;
text-align: center;
color:#707070;
margin-bottom: 20px;
padding-top: 15px;
}

.navbar-header i{
	font-size:120%;color: rgb(96, 98, 102);cursor: pointer;
}

.iconbutton{display:inline; margin-left:30px; vertical-align:middle}

.menuCospan [data-toggle=cospan] .el-icon-s-fold::before{content: "\e7bc"}

@media only screen and (max-width:767px){.hidden-xs-only{display:none!important}}@media only screen and (min-width:768px){.hidden-sm-and-up{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.hidden-sm-only{display:none!important}}@media only screen and (max-width:991px){.hidden-sm-and-down{display:none!important}}@media only screen and (min-width:992px){.hidden-md-and-up{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hidden-md-only{display:none!important}}@media only screen and (max-width:1199px){.hidden-md-and-down{display:none!important}}@media only screen and (min-width:1200px){.hidden-lg-and-up{display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.hidden-lg-only{display:none!important}}@media only screen and (max-width:1919px){.hidden-lg-and-down{display:none!important}}@media only screen and (min-width:1920px){.hidden-xl-only{display:none!important}}


@media screen and (max-width: 480px) {
    .el-dialog__wrapper .el-dialog {
        width: 95% !important;
    }
    .el-dialog__wrapper .el-dialog .el-dialog__body {
        overflow: auto
    }
	.el-dialog {
	  left:0;
	}
}

@media screen and (max-width: 1200px) {
    .el-dialog__wrapper .el-dialog .el-dialog__body {
        overflow: auto
    }
	.el-dialog {
	  left:0;
	}
}

@media screen and (max-width: 500px) {
    .el-message {
      min-width: 300px !important;
	  
    }
}

@media screen and (max-width: 500px) {
    .el-message-box{
      width: 300px !important;
	  left:0;
    }
}

.vue-treeselect__control{height: 32px;}

.home .el-card{
  margin-bottom: 10px;
}
.cycle {
  width: 30px;
  height: 25px;
  line-height: 25px;
  float: right;
  border-radius: 3px;
  color: white;
  text-align: center;
  margin-top:-5px
}
.icon_title{margin-top:10px;color:#909399}

.tags-view-container {
  width: 100%;
}
.moretag {
  line-height: 30px;
  text-align: right;
  color: #808695;
  font-size: 14px;
}

.tags-view-container a{
	line-height:21px;
	margin-bottom:8px;
}

.tags-view-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  color: #808695;
  background: #fff;
  padding: 3px 12px;
  font-size: 14px;
  margin-right: 5px;
  border:1px solid #EBEEF5;
}

.tags-view-item.active {
  color: rgb(64, 158, 255);
  border:1px solid rgb(64, 158, 255)
}
.tags-view-item:hover {
  color: #606266;
}
.scroll-container {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.scroll-container ::v-deep .el-scrollbar__bar {
  bottom: 0px;
}

.drawer-container {
  padding: 10px 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.drawer-container .drawer-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 22px;
}
.drawer-container .drawer-item {
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  margin-top:25px;
}
.drawer-container .drawer-switch {
  float: right;
}

.search .el-form-item--mini.el-form-item,
.search .el-form-item--small.el-form-item {
  margin-bottom: 5px;
}

.el-dropdown-menu {
  top: 38px !important;
}
.el-dropdown-menu ul,li{list-style:none; padding:0}
.el-dropdown-menu li {
  line-height: 30px;
  padding-bottom: 5px;
  padding-top: 5px;
  color: #515a6e;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid #EBEEF5;
  cursor: pointer;
}
.el-dropdown-menu li i {
  font-weight: bold;
  color: #000;
}
.el-dropdown-menu a {
  color: #000;
}
.el-dropdown-menu li:hover {
  background: #f2f6fc;
}


.w-e-text-container {
	z-index: 1 !important;
}
.w-e-toolbar {
	flex-wrap: wrap;

}
.w-e-menu {
	z-index: auto !important;
}

.w-e-droplist {
	z-index: 2 !important;
}
.image-uploader .el-upload{
    border:0;
}

.box-card{
  margin-bottom: 10px;
}
.ls-card {
    border-radius: 8px;
    background-color: #fff;
    padding: 24px;
    flex: 1;
}
.ls-card .card-title {
    font-size: 20px;
    font-weight: 500;
}

.ls-card .ls-card-top {
    padding-bottom: 0;
}

.ls-card .ls-chart--turnover,.ls-chart--visitors {
    height: 460px;
    min-width: 500px;
 }
.ls-chart--visitors .chart {
     height: 400px;
}
.m-t-16 {
    margin-top: 16px;
}
.m-t-24 {
    margin-top: 24px;
}
.font-size-30 {
    font-size: 30px;
}
.m-b-8 {
    margin-bottom: 8px;
}
.lighter {
    color: #666;
}
.col-center {
    align-items: center;
}

.el-date-editor .el-range-separator {
  padding-left:0;
}

.specification .spec-item {
    background-color: #f5f8ff
}

.specification .spec-item.ls-del-wrap>.ls-icon-del {
    top: 10px;
    right: 10px
}

.specification .el-table .spec-image {
    width: 44px;
    height: 44px
}

.specification .el-table .add-spec-image {
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    border: 1px dashed hsla(0,0%,89.8%,.898039);
    cursor: pointer;
    border-radius: 4px
}

.specification .el-table .require-text {
    color: #f86056
}

.specification .el-table .spec-input {
    width: 100px
}


.p-0 {
    padding: 0
}

.m-l-0 {
    margin-left: 0
}

.p-l-0 {
    padding-left: 0
}

.m-t-0 {
    margin-top: 0
}

.p-t-0 {
    padding-top: 0
}

.m-r-0 {
    margin-right: 0
}

.p-r-0 {
    padding-right: 0
}

.m-b-0 {
    margin-bottom: 0
}

.p-b-0 {
    padding-bottom: 0
}

.m-2 {
    margin: 2px
}

.p-2 {
    padding: 2px
}

.m-l-2 {
    margin-left: 2px
}

.p-l-2 {
    padding-left: 2px
}

.m-t-2 {
    margin-top: 2px
}

.p-t-2 {
    padding-top: 2px
}

.m-r-2 {
    margin-right: 2px
}

.p-r-2 {
    padding-right: 2px
}

.m-b-2 {
    margin-bottom: 2px
}

.p-b-2 {
    padding-bottom: 2px
}

.m-4 {
    margin: 4px
}

.p-4 {
    padding: 4px
}

.m-l-4 {
    margin-left: 4px
}

.p-l-4 {
    padding-left: 4px
}

.m-t-4 {
    margin-top: 4px
}

.p-t-4 {
    padding-top: 4px
}

.m-r-4 {
    margin-right: 4px
}

.p-r-4 {
    padding-right: 4px
}

.m-b-4 {
    margin-bottom: 4px
}

.p-b-4 {
    padding-bottom: 4px
}

.m-5 {
    margin: 5px
}

.p-5 {
    padding: 5px
}

.m-l-5 {
    margin-left: 5px
}

.p-l-5 {
    padding-left: 5px
}

.m-t-5 {
    margin-top: 5px
}

.p-t-5 {
    padding-top: 5px
}

.m-r-5 {
    margin-right: 5px
}

.p-r-5 {
    padding-right: 5px
}

.m-b-5 {
    margin-bottom: 5px
}

.p-b-5 {
    padding-bottom: 5px
}

.m-6 {
    margin: 6px
}

.p-6 {
    padding: 6px
}

.m-l-6 {
    margin-left: 6px
}

.p-l-6 {
    padding-left: 6px
}

.m-t-6 {
    margin-top: 6px
}

.p-t-6 {
    padding-top: 6px
}

.m-r-6 {
    margin-right: 6px
}

.p-r-6 {
    padding-right: 6px
}

.m-b-6 {
    margin-bottom: 6px
}

.p-b-6 {
    padding-bottom: 6px
}

.m-8 {
    margin: 8px
}

.p-8 {
    padding: 8px
}

.m-l-8 {
    margin-left: 8px
}

.p-l-8 {
    padding-left: 8px
}

.m-t-8 {
    margin-top: 8px
}

.p-t-8 {
    padding-top: 8px
}

.m-r-8 {
    margin-right: 8px
}

.p-r-8 {
    padding-right: 8px
}

.m-b-8 {
    margin-bottom: 8px
}

.p-b-8 {
    padding-bottom: 8px
}

.m-10 {
    margin: 10px
}

.p-10 {
    padding: 10px
}

.m-l-10 {
    margin-left: 10px
}

.p-l-10 {
    padding-left: 10px
}

.m-t-10 {
    margin-top: 10px
}

.p-t-10 {
    padding-top: 10px
}

.m-r-10 {
    margin-right: 10px
}

.p-r-10 {
    padding-right: 10px
}

.m-b-10 {
    margin-bottom: 10px
}

.p-b-10 {
    padding-bottom: 10px
}

.m-12 {
    margin: 12px
}

.p-12 {
    padding: 12px
}

.m-l-12 {
    margin-left: 12px
}

.p-l-12 {
    padding-left: 12px
}

.m-t-12 {
    margin-top: 12px
}

.p-t-12 {
    padding-top: 12px
}

.m-r-12 {
    margin-right: 12px
}

.p-r-12 {
    padding-right: 12px
}

.m-b-12 {
    margin-bottom: 12px
}

.p-b-12 {
    padding-bottom: 12px
}

.m-14 {
    margin: 14px
}

.p-14 {
    padding: 14px
}

.m-l-14 {
    margin-left: 14px
}

.p-l-14 {
    padding-left: 14px
}

.m-t-14 {
    margin-top: 14px
}

.p-t-14 {
    padding-top: 14px
}

.m-r-14 {
    margin-right: 14px
}

.p-r-14 {
    padding-right: 14px
}

.m-b-14 {
    margin-bottom: 14px
}

.p-b-14 {
    padding-bottom: 14px
}

.m-15 {
    margin: 15px
}

.p-15 {
    padding: 15px
}

.m-l-15 {
    margin-left: 15px
}

.p-l-15 {
    padding-left: 15px
}

.m-t-15 {
    margin-top: 15px
}

.p-t-15 {
    padding-top: 15px
}

.m-r-15 {
    margin-right: 15px
}

.p-r-15 {
    padding-right: 15px
}

.m-b-15 {
    margin-bottom: 15px
}

.p-b-15 {
    padding-bottom: 15px
}

.m-16 {
    margin: 16px
}

.p-16 {
    padding: 16px
}

.m-l-16 {
    margin-left: 16px
}

.p-l-16 {
    padding-left: 16px
}

.m-t-16 {
    margin-top: 16px
}

.p-t-16 {
    padding-top: 16px
}

.m-r-16 {
    margin-right: 16px
}

.p-r-16 {
    padding-right: 16px
}

.m-b-16 {
    margin-bottom: 16px
}

.p-b-16 {
    padding-bottom: 16px
}

.m-18 {
    margin: 18px
}

.p-18 {
    padding: 18px
}

.m-l-18 {
    margin-left: 18px
}

.p-l-18 {
    padding-left: 18px
}

.m-t-18 {
    margin-top: 18px
}

.p-t-18 {
    padding-top: 18px
}

.m-r-18 {
    margin-right: 18px
}

.p-r-18 {
    padding-right: 18px
}

.m-b-18 {
    margin-bottom: 18px
}

.p-b-18 {
    padding-bottom: 18px
}

.m-20 {
    margin: 20px
}

.p-20 {
    padding: 20px
}

.m-l-20 {
    margin-left: 20px
}

.p-l-20 {
    padding-left: 20px
}

.m-t-20 {
    margin-top: 20px
}

.p-t-20 {
    padding-top: 20px
}

.m-r-20 {
    margin-right: 20px
}

.p-r-20 {
    padding-right: 20px
}

.m-b-20 {
    margin-bottom: 20px
}

.p-b-20 {
    padding-bottom: 20px
}

.m-22 {
    margin: 22px
}

.p-22 {
    padding: 22px
}

.m-l-22 {
    margin-left: 22px
}

.p-l-22 {
    padding-left: 22px
}

.m-t-22 {
    margin-top: 22px
}

.p-t-22 {
    padding-top: 22px
}

.m-r-22 {
    margin-right: 22px
}

.p-r-22 {
    padding-right: 22px
}

.m-b-22 {
    margin-bottom: 22px
}

.p-b-22 {
    padding-bottom: 22px
}

.m-24 {
    margin: 24px
}

.p-24 {
    padding: 24px
}

.m-l-24 {
    margin-left: 24px
}

.p-l-24 {
    padding-left: 24px
}

.m-t-24 {
    margin-top: 24px
}

.p-t-24 {
    padding-top: 24px
}

.m-r-24 {
    margin-right: 24px
}

.p-r-24 {
    padding-right: 24px
}

.m-b-24 {
    margin-bottom: 24px
}

.p-b-24 {
    padding-bottom: 24px
}

.m-25 {
    margin: 25px
}

.p-25 {
    padding: 25px
}

.m-l-25 {
    margin-left: 25px
}

.p-l-25 {
    padding-left: 25px
}

.m-t-25 {
    margin-top: 25px
}

.p-t-25 {
    padding-top: 25px
}

.m-r-25 {
    margin-right: 25px
}

.p-r-25 {
    padding-right: 25px
}

.m-b-25 {
    margin-bottom: 25px
}

.p-b-25 {
    padding-bottom: 25px
}

.m-26 {
    margin: 26px
}

.p-26 {
    padding: 26px
}

.m-l-26 {
    margin-left: 26px
}

.p-l-26 {
    padding-left: 26px
}

.m-t-26 {
    margin-top: 26px
}

.p-t-26 {
    padding-top: 26px
}

.m-r-26 {
    margin-right: 26px
}

.p-r-26 {
    padding-right: 26px
}

.m-b-26 {
    margin-bottom: 26px
}

.p-b-26 {
    padding-bottom: 26px
}

.m-28 {
    margin: 28px
}

.p-28 {
    padding: 28px
}

.m-l-28 {
    margin-left: 28px
}

.p-l-28 {
    padding-left: 28px
}

.m-t-28 {
    margin-top: 28px
}

.p-t-28 {
    padding-top: 28px
}

.m-r-28 {
    margin-right: 28px
}

.p-r-28 {
    padding-right: 28px
}

.m-b-28 {
    margin-bottom: 28px
}

.p-b-28 {
    padding-bottom: 28px
}

.m-30 {
    margin: 30px
}

.p-30 {
    padding: 30px
}

.m-l-30 {
    margin-left: 30px
}

.p-l-30 {
    padding-left: 30px
}

.m-t-30 {
    margin-top: 30px
}

.p-t-30 {
    padding-top: 30px
}

.m-r-30 {
    margin-right: 30px
}

.p-r-30 {
    padding-right: 30px
}

.m-b-30 {
    margin-bottom: 30px
}

.p-b-30 {
    padding-bottom: 30px
}

.m-32 {
    margin: 32px
}

.p-32 {
    padding: 32px
}

.m-l-32 {
    margin-left: 32px
}

.p-l-32 {
    padding-left: 32px
}

.m-t-32 {
    margin-top: 32px
}

.p-t-32 {
    padding-top: 32px
}

.m-r-32 {
    margin-right: 32px
}

.p-r-32 {
    padding-right: 32px
}

.m-b-32 {
    margin-bottom: 32px
}

.p-b-32 {
    padding-bottom: 32px
}

.m-34 {
    margin: 34px
}

.p-34 {
    padding: 34px
}

.m-l-34 {
    margin-left: 34px
}

.p-l-34 {
    padding-left: 34px
}

.m-t-34 {
    margin-top: 34px
}

.p-t-34 {
    padding-top: 34px
}

.m-r-34 {
    margin-right: 34px
}

.p-r-34 {
    padding-right: 34px
}

.m-b-34 {
    margin-bottom: 34px
}

.p-b-34 {
    padding-bottom: 34px
}

.m-35 {
    margin: 35px
}

.p-35 {
    padding: 35px
}

.m-l-35 {
    margin-left: 35px
}

.p-l-35 {
    padding-left: 35px
}

.m-t-35 {
    margin-top: 35px
}

.p-t-35 {
    padding-top: 35px
}

.m-r-35 {
    margin-right: 35px
}

.p-r-35 {
    padding-right: 35px
}

.m-b-35 {
    margin-bottom: 35px
}

.p-b-35 {
    padding-bottom: 35px
}

.m-36 {
    margin: 36px
}

.p-36 {
    padding: 36px
}

.m-l-36 {
    margin-left: 36px
}

.p-l-36 {
    padding-left: 36px
}

.m-t-36 {
    margin-top: 36px
}

.p-t-36 {
    padding-top: 36px
}

.m-r-36 {
    margin-right: 36px
}

.p-r-36 {
    padding-right: 36px
}

.m-b-36 {
    margin-bottom: 36px
}

.p-b-36 {
    padding-bottom: 36px
}

.m-38 {
    margin: 38px
}

.p-38 {
    padding: 38px
}

.m-l-38 {
    margin-left: 38px
}

.p-l-38 {
    padding-left: 38px
}

.m-t-38 {
    margin-top: 38px
}

.p-t-38 {
    padding-top: 38px
}

.m-r-38 {
    margin-right: 38px
}

.p-r-38 {
    padding-right: 38px
}

.m-b-38 {
    margin-bottom: 38px
}

.p-b-38 {
    padding-bottom: 38px
}

.m-40 {
    margin: 40px
}

.p-40 {
    padding: 40px
}

.m-l-40 {
    margin-left: 40px
}

.p-l-40 {
    padding-left: 40px
}

.m-t-40 {
    margin-top: 40px
}

.p-t-40 {
    padding-top: 40px
}

.m-r-40 {
    margin-right: 40px
}

.p-r-40 {
    padding-right: 40px
}

.m-b-40 {
    margin-bottom: 40px
}

.p-b-40 {
    padding-bottom: 40px
}

.m-42 {
    margin: 42px
}

.p-42 {
    padding: 42px
}

.m-l-42 {
    margin-left: 42px
}

.p-l-42 {
    padding-left: 42px
}

.m-t-42 {
    margin-top: 42px
}

.p-t-42 {
    padding-top: 42px
}

.m-r-42 {
    margin-right: 42px
}

.p-r-42 {
    padding-right: 42px
}

.m-b-42 {
    margin-bottom: 42px
}

.p-b-42 {
    padding-bottom: 42px
}

.m-44 {
    margin: 44px
}

.p-44 {
    padding: 44px
}

.m-l-44 {
    margin-left: 44px
}

.p-l-44 {
    padding-left: 44px
}

.m-t-44 {
    margin-top: 44px
}

.p-t-44 {
    padding-top: 44px
}

.m-r-44 {
    margin-right: 44px
}

.p-r-44 {
    padding-right: 44px
}

.m-b-44 {
    margin-bottom: 44px
}

.p-b-44 {
    padding-bottom: 44px
}

.m-45 {
    margin: 45px
}

.p-45 {
    padding: 45px
}

.m-l-45 {
    margin-left: 45px
}

.p-l-45 {
    padding-left: 45px
}

.m-t-45 {
    margin-top: 45px
}

.p-t-45 {
    padding-top: 45px
}

.m-r-45 {
    margin-right: 45px
}

.p-r-45 {
    padding-right: 45px
}

.m-b-45 {
    margin-bottom: 45px
}

.p-b-45 {
    padding-bottom: 45px
}

.m-46 {
    margin: 46px
}

.p-46 {
    padding: 46px
}

.m-l-46 {
    margin-left: 46px
}

.p-l-46 {
    padding-left: 46px
}

.m-t-46 {
    margin-top: 46px
}

.p-t-46 {
    padding-top: 46px
}

.m-r-46 {
    margin-right: 46px
}

.p-r-46 {
    padding-right: 46px
}

.m-b-46 {
    margin-bottom: 46px
}

.p-b-46 {
    padding-bottom: 46px
}

.m-48 {
    margin: 48px
}

.p-48 {
    padding: 48px
}

.m-l-48 {
    margin-left: 48px
}

.p-l-48 {
    padding-left: 48px
}

.m-t-48 {
    margin-top: 48px
}

.p-t-48 {
    padding-top: 48px
}

.m-r-48 {
    margin-right: 48px
}

.p-r-48 {
    padding-right: 48px
}

.m-b-48 {
    margin-bottom: 48px
}

.p-b-48 {
    padding-bottom: 48px
}

.m-50 {
    margin: 50px
}

.p-50 {
    padding: 50px
}

.m-l-50 {
    margin-left: 50px
}

.p-l-50 {
    padding-left: 50px
}

.m-t-50 {
    margin-top: 50px
}

.p-t-50 {
    padding-top: 50px
}

.m-r-50 {
    margin-right: 50px
}

.p-r-50 {
    padding-right: 50px
}

.m-b-50 {
    margin-bottom: 50px
}

.p-b-50 {
    padding-bottom: 50px
}

.m-52 {
    margin: 52px
}

.p-52 {
    padding: 52px
}

.m-l-52 {
    margin-left: 52px
}

.p-l-52 {
    padding-left: 52px
}

.m-t-52 {
    margin-top: 52px
}

.p-t-52 {
    padding-top: 52px
}

.m-r-52 {
    margin-right: 52px
}

.p-r-52 {
    padding-right: 52px
}

.m-b-52 {
    margin-bottom: 52px
}

.p-b-52 {
    padding-bottom: 52px
}

.m-54 {
    margin: 54px
}

.p-54 {
    padding: 54px
}

.m-l-54 {
    margin-left: 54px
}

.p-l-54 {
    padding-left: 54px
}

.m-t-54 {
    margin-top: 54px
}

.p-t-54 {
    padding-top: 54px
}

.m-r-54 {
    margin-right: 54px
}

.p-r-54 {
    padding-right: 54px
}

.m-b-54 {
    margin-bottom: 54px
}

.p-b-54 {
    padding-bottom: 54px
}

.m-55 {
    margin: 55px
}

.p-55 {
    padding: 55px
}

.m-l-55 {
    margin-left: 55px
}

.p-l-55 {
    padding-left: 55px
}

.m-t-55 {
    margin-top: 55px
}

.p-t-55 {
    padding-top: 55px
}

.m-r-55 {
    margin-right: 55px
}

.p-r-55 {
    padding-right: 55px
}

.m-b-55 {
    margin-bottom: 55px
}

.p-b-55 {
    padding-bottom: 55px
}

.m-56 {
    margin: 56px
}

.p-56 {
    padding: 56px
}

.m-l-56 {
    margin-left: 56px
}

.p-l-56 {
    padding-left: 56px
}

.m-t-56 {
    margin-top: 56px
}

.p-t-56 {
    padding-top: 56px
}

.m-r-56 {
    margin-right: 56px
}

.p-r-56 {
    padding-right: 56px
}

.m-b-56 {
    margin-bottom: 56px
}

.p-b-56 {
    padding-bottom: 56px
}

.m-58 {
    margin: 58px
}

.p-58 {
    padding: 58px
}

.m-l-58 {
    margin-left: 58px
}

.p-l-58 {
    padding-left: 58px
}

.m-t-58 {
    margin-top: 58px
}

.p-t-58 {
    padding-top: 58px
}

.m-r-58 {
    margin-right: 58px
}

.p-r-58 {
    padding-right: 58px
}

.m-b-58 {
    margin-bottom: 58px
}

.p-b-58 {
    padding-bottom: 58px
}

.m-60 {
    margin: 60px
}

.p-60 {
    padding: 60px
}

.m-l-60 {
    margin-left: 60px
}

.p-l-60 {
    padding-left: 60px
}

.m-t-60 {
    margin-top: 60px
}

.p-t-60 {
    padding-top: 60px
}

.m-r-60 {
    margin-right: 60px
}

.p-r-60 {
    padding-right: 60px
}

.m-b-60 {
    margin-bottom: 60px
}

.p-b-60 {
    padding-bottom: 60px
}

.inline {
    display: inline-block
}

.block {
    display: block
}

.pointer {
    cursor: pointer
}

.flex {
    display: flex;
    flex-direction: row;
    align-items: center
}

.inline-flex {
    display: inline-flex;
    flex-direction: row
}

.flex-col {
    display: flex;
    flex-direction: column
}

.flex-0 {
    flex: 0
}

.flex-1 {
    flex: 1
}

.flex-2 {
    flex: 2
}

.flex-3 {
    flex: 3
}

.flex-4 {
    flex: 4
}

.flex-5 {
    flex: 5
}

.flex-none {
    flex: none
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.col-baseline {
    align-items: baseline
}

.col-center {
    align-items: center
}

.col-top {
    align-items: flex-start
}

.col-bottom {
    align-items: flex-end
}

.col-stretch {
    align-items: stretch
}

.row-center {
    justify-content: center
}

.specification .spec-item{
  background-color: #f5f8ff;
}
.ls-icon-del {
    top: 10px;
    right: 10px;
}
.spec-image {
    width: 44px;
    height: 44px;
}
.add-spec-image {
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    border: 1px dashed #ccc;
    cursor: pointer;
    border-radius: 4px;
}
.require-text {
    color: #f86056;
}
.spec-input {
    width: 100px;
}
.dialog-body {
    white-space: pre-line;
}
.title-icon {
    font-size: 24px;
    color: #000
    margin-right: 5px;
}



.ls-card {
    border-radius: 8px;
    background-color: #fff;
    padding: 24px;
    flex: 1
}

.ls-fixed-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    padding-left: 150px;
    height: 60px;
    right: 0;
    z-index: 99
}

.ls-del-wrap {
    position: relative
}

.ls-del-wrap:hover>.el-icon-close.ls-icon-del {
    display: block
}

.ls-del-wrap .el-icon-close.ls-icon-del {
    display: none;
    position: absolute;
    top: -8px;
    right: -8px;
    line-height: 16px;
    width: 16px;
    height: 16px;
    background-color: rgba(0,0,0,.3);
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

.ls-edit-wrap .ls-edit {
    opacity: 0;
    margin-left: 5px
}

.ls-edit-wrap:hover .ls-edit {
    opacity: 1
}

.image-error {
    width: 100%;
    height: 100%;
    background: #fff
}
.material-upload {
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    color: #999;
    margin-right: 8px;
    margin-bottom: 8px;
    box-sizing: border-box;
    float: left
}

.material-upload.is-disabled {
    cursor: not-allowed
}
.material-upload .upload-btn {
    box-sizing: border-box;
    border: 1px dashed hsla(0,0%,89.8%,.898039);
}
.file-item {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    position: relative;
    
}
.file-item .image,.file-item .video {
    width: 100%;
    height: 100%;
}