div::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

aside::-webkit-scrollbar {
  width: 0px; 
}

::-webkit-scrollbar {
  width: 4px; 
  height: 1px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: #b4b5c3;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background: #f9fbfd;
}

.spinner-ui{display: inline-block;animation:spinner-border .75s linear infinite;}
.app-logo-add {border: 1px dashed #cacaca;padding: 10px;}
.app-logo-add.show {border: 1px dashed #cacaca;padding: 0px;}
.app-logo-state.n{filter:grayscale(100%);}

.avatar-hb{filter:grayscale(100%);}/* 黑白图片 */

td{
	word-break:keep-all;     /* 不换行 */
	white-space:nowrap;      /* 不换行 */
	overflow:hidden;         /* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;  /* 当对象内文本溢出时显示省略标记(...)；需与overflow:hidden;一起使用。*/
	text-align:center;
}
tr{
	word-break:keep-all;     /* 不换行 */
	white-space:nowrap;      /* 不换行 */
	overflow:hidden;         /* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;  /* 当对象内文本溢出时显示省略标记(...)；需与overflow:hidden;一起使用。*/
	text-align:center;
}
.table-responsive::-webkit-scrollbar{   /*滚动条基本样式，高度*/
	width:0px;height:8px;
}
.table-responsive::-webkit-scrollbar-thumb {/*滚动条上层颜色*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: rgb(133 141 137);
}
.table-responsive::-webkit-scrollbar-track {/*滚动条底层颜色*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgb(238 242 247);
}
.table-overflow{
	overflow-x:auto;
}
.table-overflow{
	overflow-x:auto;
}
.input-group.so input{
	background: url('../image/so.svg') no-repeat;
	background-position: 5px 5px;
	padding-left: 30px;
	background-size:20px;
}
.text-left{
	text-align:left;
}
.pic{
	width:40px;
	background-image:url('https://www.liot.cn/assets/avatars/user.png');
}
.icon{
	width:24px;
}
input[data-switch=primary]:checked+label{
	background-color:#727cf5;
}
input[data-switch=bool]+label{
	background-color:#fa5c7c;
}
.wd-20{width: 20px!important;}.wd-100{width: 100px!important;}.wd-200{width: 200px!important;}
.custom-control-input.success:checked~.custom-control-label::before{
	color:#fff;border-color:#0acf97;background-color:#0acf97;
}

.custom-switch .custom-control-label.success::after{
	background-color:#fff;
}
.custom-control-label.success::before{
	background-color:#f82f58;border:#f82f58 solid 1px;
}
.ali-icon {
  background: url('https://www.liot.cn/assets/images/alipay.png') no-repeat center;
  background-color: transparent;
  background-size: 20px 20px;
  margin-bottom:2px;
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align:middle
}
.wx-icon {
  background: url('https://www.liot.cn/assets/images/wxpay.png') no-repeat center;
  background-color: transparent;
  background-size: 20px 20px;
  margin-bottom:2px;
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align:middle
}

.badge-ali-lighten{font-weight:700!important;color:#1678ff;background-color:rgb(22 120 255 / 24%);}
.badge-wx-lighten{font-weight:700!important;color:#0fca8b;background-color:#3ad29f4d;}
.Tables-info{
	padding-top: 0.56em;
	white-space: nowrap;
}
@media screen and (max-width: 767px) {
  div.Tables-info {
    text-align: center;
	margin-bottom:0.56em;
  }
  ul.pagination {
    justify-content: center !important;
  }
}
.mt-2px{
	margin-top: 2px;
}

.cursor-default{
	cursor:default;/*默认指针*/
}

.cursor-pointer{
	cursor:pointer;/*默认小手*/
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important; }
  .float-sm-end {
    float: right !important; }
  .float-sm-none {
    float: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-grid {
    display: grid !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; }
  .d-sm-none {
    display: none !important; }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .gap-sm-0 {
    gap: 0 !important; }
  .gap-sm-1 {
    gap: 0.375rem !important; }
  .gap-sm-2 {
    gap: 0.75rem !important; }
  .gap-sm-3 {
    gap: 1.5rem !important; }
  .gap-sm-4 {
    gap: 2.25rem !important; }
  .gap-sm-5 {
    gap: 4.5rem !important; }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .justify-content-sm-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important; }
  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; }
  .order-sm-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important; }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important; }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important; }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important; }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important; }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important; }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important; }
  .order-sm-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important; }
  .m-sm-0 {
    margin: 0 !important; }
  .m-sm-1 {
    margin: 0.375rem !important; }
  .m-sm-2 {
    margin: 0.75rem !important; }
  .m-sm-3 {
    margin: 1.5rem !important; }
  .m-sm-4 {
    margin: 2.25rem !important; }
  .m-sm-5 {
    margin: 4.5rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-sm-1 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important; }
  .mx-sm-2 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important; }
  .mx-sm-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-sm-4 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important; }
  .mx-sm-5 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important; }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-sm-1 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important; }
  .my-sm-2 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important; }
  .my-sm-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-sm-4 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important; }
  .my-sm-5 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important; }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-sm-0 {
    margin-top: 0 !important; }
  .mt-sm-1 {
    margin-top: 0.375rem !important; }
  .mt-sm-2 {
    margin-top: 0.75rem !important; }
  .mt-sm-3 {
    margin-top: 1.5rem !important; }
  .mt-sm-4 {
    margin-top: 2.25rem !important; }
  .mt-sm-5 {
    margin-top: 4.5rem !important; }
  .mt-sm-auto {
    margin-top: auto !important; }
  .me-sm-0 {
    margin-right: 0 !important; }
  .me-sm-1 {
    margin-right: 0.375rem !important; }
  .me-sm-2 {
    margin-right: 0.75rem !important; }
  .me-sm-3 {
    margin-right: 1.5rem !important; }
  .me-sm-4 {
    margin-right: 2.25rem !important; }
  .me-sm-5 {
    margin-right: 4.5rem !important; }
  .me-sm-auto {
    margin-right: auto !important; }
  .mb-sm-0 {
    margin-bottom: 0 !important; }
  .mb-sm-1 {
    margin-bottom: 0.375rem !important; }
  .mb-sm-2 {
    margin-bottom: 0.75rem !important; }
  .mb-sm-3 {
    margin-bottom: 1.5rem !important; }
  .mb-sm-4 {
    margin-bottom: 2.25rem !important; }
  .mb-sm-5 {
    margin-bottom: 4.5rem !important; }
  .mb-sm-auto {
    margin-bottom: auto !important; }
  .ms-sm-0 {
    margin-left: 0 !important; }
  .ms-sm-1 {
    margin-left: 0.375rem !important; }
  .ms-sm-2 {
    margin-left: 0.75rem !important; }
  .ms-sm-3 {
    margin-left: 1.5rem !important; }
  .ms-sm-4 {
    margin-left: 2.25rem !important; }
  .ms-sm-5 {
    margin-left: 4.5rem !important; }
  .ms-sm-auto {
    margin-left: auto !important; }
  .m-sm-n1 {
    margin: -0.375rem !important; }
  .m-sm-n2 {
    margin: -0.75rem !important; }
  .m-sm-n3 {
    margin: -1.5rem !important; }
  .m-sm-n4 {
    margin: -2.25rem !important; }
  .m-sm-n5 {
    margin: -4.5rem !important; }
  .mx-sm-n1 {
    margin-right: -0.375rem !important;
    margin-left: -0.375rem !important; }
  .mx-sm-n2 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important; }
  .mx-sm-n3 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important; }
  .mx-sm-n4 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important; }
  .mx-sm-n5 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important; }
  .my-sm-n1 {
    margin-top: -0.375rem !important;
    margin-bottom: -0.375rem !important; }
  .my-sm-n2 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important; }
  .my-sm-n3 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important; }
  .my-sm-n4 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important; }
  .my-sm-n5 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important; }
  .mt-sm-n1 {
    margin-top: -0.375rem !important; }
  .mt-sm-n2 {
    margin-top: -0.75rem !important; }
  .mt-sm-n3 {
    margin-top: -1.5rem !important; }
  .mt-sm-n4 {
    margin-top: -2.25rem !important; }
  .mt-sm-n5 {
    margin-top: -4.5rem !important; }
  .me-sm-n1 {
    margin-right: -0.375rem !important; }
  .me-sm-n2 {
    margin-right: -0.75rem !important; }
  .me-sm-n3 {
    margin-right: -1.5rem !important; }
  .me-sm-n4 {
    margin-right: -2.25rem !important; }
  .me-sm-n5 {
    margin-right: -4.5rem !important; }
  .mb-sm-n1 {
    margin-bottom: -0.375rem !important; }
  .mb-sm-n2 {
    margin-bottom: -0.75rem !important; }
  .mb-sm-n3 {
    margin-bottom: -1.5rem !important; }
  .mb-sm-n4 {
    margin-bottom: -2.25rem !important; }
  .mb-sm-n5 {
    margin-bottom: -4.5rem !important; }
  .ms-sm-n1 {
    margin-left: -0.375rem !important; }
  .ms-sm-n2 {
    margin-left: -0.75rem !important; }
  .ms-sm-n3 {
    margin-left: -1.5rem !important; }
  .ms-sm-n4 {
    margin-left: -2.25rem !important; }
  .ms-sm-n5 {
    margin-left: -4.5rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .p-sm-1 {
    padding: 0.375rem !important; }
  .p-sm-2 {
    padding: 0.75rem !important; }
  .p-sm-3 {
    padding: 1.5rem !important; }
  .p-sm-4 {
    padding: 2.25rem !important; }
  .p-sm-5 {
    padding: 4.5rem !important; }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-sm-1 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important; }
  .px-sm-2 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important; }
  .px-sm-3 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-sm-4 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important; }
  .px-sm-5 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important; }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-sm-1 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important; }
  .py-sm-2 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important; }
  .py-sm-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-sm-4 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important; }
  .py-sm-5 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important; }
  .pt-sm-0 {
    padding-top: 0 !important; }
  .pt-sm-1 {
    padding-top: 0.375rem !important; }
  .pt-sm-2 {
    padding-top: 0.75rem !important; }
  .pt-sm-3 {
    padding-top: 1.5rem !important; }
  .pt-sm-4 {
    padding-top: 2.25rem !important; }
  .pt-sm-5 {
    padding-top: 4.5rem !important; }
  .pe-sm-0 {
    padding-right: 0 !important; }
  .pe-sm-1 {
    padding-right: 0.375rem !important; }
  .pe-sm-2 {
    padding-right: 0.75rem !important; }
  .pe-sm-3 {
    padding-right: 1.5rem !important; }
  .pe-sm-4 {
    padding-right: 2.25rem !important; }
  .pe-sm-5 {
    padding-right: 4.5rem !important; }
  .pb-sm-0 {
    padding-bottom: 0 !important; }
  .pb-sm-1 {
    padding-bottom: 0.375rem !important; }
  .pb-sm-2 {
    padding-bottom: 0.75rem !important; }
  .pb-sm-3 {
    padding-bottom: 1.5rem !important; }
  .pb-sm-4 {
    padding-bottom: 2.25rem !important; }
  .pb-sm-5 {
    padding-bottom: 4.5rem !important; }
  .ps-sm-0 {
    padding-left: 0 !important; }
  .ps-sm-1 {
    padding-left: 0.375rem !important; }
  .ps-sm-2 {
    padding-left: 0.75rem !important; }
  .ps-sm-3 {
    padding-left: 1.5rem !important; }
  .ps-sm-4 {
    padding-left: 2.25rem !important; }
  .ps-sm-5 {
    padding-left: 4.5rem !important; }
  .text-sm-start {
    text-align: left !important; }
  .text-sm-end {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; }
}
.bg-img-box{
    width: 100%;
    height: 400rpx;
    overflow: hidden;
}
.bg-img{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(100px);
    transform: scale(1.5);
    background-position: 50%;
}
.bg-img::after{
    content: " ";
    display: block;
    width: 100%;
    height: 400rpx;
    background: rgba(17,17,17,.2);
    z-index: 1;
}

input[type="file"]{
	padding:0;
	-webkit-appearance: none;
	text-align: left;
	line-height:2.2rem;
	padding-left:10px;
}
input[type="file"]::-webkit-file-upload-button{
	background:#42ba96;
	border:0;
	padding:.40rem .75rem;
	color:#fff;
	float: right;
	-webkit-appearance: none;
	margin: 0;
	line-height:1.4rem;
}