/*  主题色样式 */
.color10A4D9 {
	color: #10A4D9 !important;
}
.colorF56C6C {
	color: #F56C6C !important;
}
.color666 {
	color: #666 !important;
}

.colorfff {
	color: #fff !important;
}

.color13CEB7 {
	color: #13CEB7 !important;
}

.radius4 {
	border-radius: 4px;
}

.radius10 {
	border-radius: 10px;
}

.bckfff {
	background: #fff !important;
}

.bck14CFB6 {
	background: linear-gradient(270deg, #14CFB6 0%, #0FA3D9 100%) !important;
}
.bckB4B4B4 {
	background: #B4B4B4   !important;
}

.bck13CEB7 {
	background: #13CEB7 !important;
}

.bck10A4D9 {
	background: #10A4D9 !important;
}

.bckF56C6C {
	background: #F56C6C !important;
}

.border666 {
	border: 1px solid #666666 !important;
}

.borderf4f4 {
	/* 表单边框 */
	border: 1px solid #f4f4f4 !important;
}

.border13CEB7 {
	border-color: #13CEB7 !important;
}

.border10A4D9 {
	border: #10A4D9 !important;
}

.borderF56C6C {
	border: #F56C6C !important;
}

.bordernone {
	border: none !important;
}

.btnUniversal {
	width: 80px !important;
	height: 30px !important;
	line-height: 30px !important;
}

/* 主题色样式结束 */

/* layui框架样式 */
.layui-tab-content {
	padding: 25px 15px !important;
}
.layui-layer-title{
	background: #fff !important;
	color: #333 !important;
	border-bottom: 1px solid #EAEDF4;
}
.layui-layer-fast .layui-layer-setwin > a:after{
	color: #333;
}

.layui-layer,
.layui-layer .layui-layer-iframe {
	border-radius: 10px !important;
}
.layui-layer.layui-layer-fast.layui-layer-iframe{
	overflow: hidden !important;
}
.layui-input {
	border-radius: 4px !important;
}
.layui-table-hover,
.layui-table-select {
	background: #F9F9F9 !important;
}
.layui-table, .layui-table-view{
	border: 1px solid #DDDFE6;
}

.label-content .xm-label-block {
	background: #E7F6FB !important;  
}
.label-content .xm-label-block>i,
.label-content .xm-label-block>span{
	color: #666666 !important; 
}
.xm-toolbar .toolbar-tag:hover,
.xm-body .selected i{
	color: #10A4D9 !important;
}
/* .xm-body .selected i */
.layui-input-block xm-select .xm-select-default,
xm-select > .xm-body .xm-option-icon{
	border-color: #10A4D9 !important;
}

.layui-table-view .layui-laypage .layui-laypage-curr .layui-laypage-em,
.layui-laypage .layui-laypage-curr .layui-laypage-em,
.layui-form-select dl dd.layui-this{
	background-color:  #10A4D9 !important;
}
.layui-laypage a:hover, 
.layui-laypage span a:hover,
.layui-laypage-prev,
.layui-laypage-next{
	color: #10A4D9 !important;
}
.layui-form-label{
	text-align: left !important;
}

.layui-table-tool .layui-table-tool-temp .layui-btn-container button[lay-event=add]{
	background-color: #10A4D9 !important;
}
.layui-table-page #layui-table-page1{
	text-align: right;
}
.layui-table-view .layui-table td{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom:1px solid #e6e6e6;   
}
.layui-table-header thead tr th{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom:1px solid #e6e6e6;   
}
/* layui框架样式结束 */

/* element框架样式  */
.el-table__header-wrapper .el-table__header,
.el-table__body-wrapper .el-table__body {
	font-size: 14px;
}

.el-dialog {
	border-radius: 10px !important;

}

.el-dialog__header {
	border-bottom: 1px solid #EAEDF4 !important;
	text-align: left;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
	/* 多选选中颜色 */
	background-color: #10A4D9;
	border-color: #10A4D9;
}

.mat-content-wrap .el-pagination.is-background .el-pager li:not(.disabled).active,
.el-pagination.is-background .el-pager li:not(.disabled).active {
	/* 分页选中颜色 */
	background-color: #10A4D9;
	color: #FFF;
}

.el-table thead tr th {
	background: #F9F9F9 !important;
	color: #333 !important;
	line-height: 40px !important;
	height: 40px !important;
	padding: 0 !important;

}

.el-table th,
.el-table tr {
	color: #333 !important;
}

.mat-content-wrap .imag-main-right-imag-item-btn,
.el-tabs__item:hover,
.el-tabs__item.is-active {
	color: #10A4D9;
}

.el-tabs__active-bar {
	background-color: #10A4D9 !important;
}

.el-tabs__item.is-active {
	color: #10A4D9 !important;
}

.el-message-box {
	border-radius: 10px !important;
}


/* element框架样式结束  */

/* fastadmin ui框架样式 */
.el-table--border td,
.el-table--border th,
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
	border-right: none;
}

.bootstrap-select>.dropdown-toggle,
.form-control {
	border-radius: 4px !important;
}

.bootstrap-table .table {
	border-bottom: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>.dropdown-toggle:focus {
	outline: 1px #fff !important;
	outline: none !important;
}

.bootstrap-table .pagination>.active>a,
.bootstrap-table .pagination>.active>span,
.bootstrap-table .pagination>.active>a:hover,
.bootstrap-table .pagination>.active>span:hover,
.bootstrap-table .pagination>.active>a:focus,
.bootstrap-table .pagination>.active>span:focus {
	background-color: #10A4D9;
	border-color: #10A4D9;
}

.pull-left.pagination-detail .dropdown-menu>.active>a,
.pull-left.pagination-detail .dropdown-menu>.active>a:hover,
.pull-left.pagination-detail .dropdown-menu>.active>a:focus {
	background-color: #10A4D9;
}

.layui-layer-fast .layui-layer-title {
	background: #fff !important;
	color: #333 !important;
	border-bottom: 1px solid #EAEDF4;
}

.layui-layer-fast .layui-layer-footer {
	background-color: #fff !important;
}

.ns-tips {
	border: 1px dashed #10A4D9 !important;
}

.draggable-element.selected,
.draggable-element:hover {
	border-color: #10A4D9 !important;
}

.ns-text-color {
	color: #10A4D9 !important;
}

/* #toolbar .btn-refresh, 
.btn-refresh,
#toolbar .btn-primary, 
.btn-primary,
#toolbar .btn-refresh:hover, 
.btn-refresh:hover,
#toolbar .btn-primary:hover,
 .btn-primary:hover,*/
.btn-refresh,
.btn-refresh:hover,
.btn-primary,
.btn-refresh:hover {
	color: #fff;
	background-color: #68C23C;
	border-color: #68C23C;
	border-radius: 4px;
	opacity: 1;
}

#toolbar .btn-edit:hover,
.btn-edit:hover,
.bootstrap-table .btn-success:hover,
.btn-success:hover,
#toolbar .btn-edit,
.btn-edit,
.btn-success,
.bootstrap-table .btn-success {
	color: #fff;
	background-color: #13CEB7;
	border-color: #13CEB7;
	border-radius: 4px;
	opacity: 1;
}

/* #toolbar .btn-more:hover, 
.btn-more:hover,
#toolbar .btn-more, */
.btn-more {
	color: #fff;
	background-color: #5964FD;
	border-color: #5964FD;
	border-radius: 4px;
	opacity: 1;
}

#toolbar .btn-add:hover,
.btn-add:hover,
#toolbar .btn-add,
.btn-add {
	color: #fff;
	background-color: #10A4D9;
	border-color: #10A4D9;
	border-radius: 4px;
	opacity: 1;
}

#toolbar .btn-del:hover,
.btn-del:hover,
#toolbar .btn-danger:hover,
.btn-danger:hover,
.bootstrap-table .btn-danger:hover,
#toolbar .btn-del,
.btn-del,
#toolbar .btn-danger,
.btn-danger,
.bootstrap-table .btn-danger {
	color: #fff;
	background: #FC6868;
	border-color: #FC6868;
	border-radius: 4px;
	/* opacity: 1; */
}

.layui-layer-fast .layui-layer-btn.layui-layer-footer .row div {
	text-align: center;
}

.bootstrap-table .text-success {
	color: #13CEB7;
}

.bootstrap-table .label-info {
	background-color: transparent;
	color: #10A4D9;
}

.btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.dropdown-toggle:focus {
	outline: none !important;
	outline: none !important;
}

.btn-success:focus,
.btn-success.focus {
	border-color: none !important;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
	background-color: #10A4D9 !important;
}

/* fastadmin ui框架样式结束 */



/* 基础页面样式 */
.mall-container-box {
	padding: 12px;
	overflow: hidden;
}

.mall-container-box .mall-container-isStore {
	background: #FFFFFF;
	padding: 10px 18px;
}

.mall-container-isStore .active-isStore-title {
	font-size: 16px;
	font-weight: 500;
	color: #333333;
}

.mall-container-isStore .active-isStore {
	font-size: 20px;
	font-weight: 500;
	color: #E6A23C;
}

.mall-container-isStore .isStore-switch {
	font-size: 14px;
	margin-left: 35px;
	color: #10A4D9;
	cursor: pointer;
}

.mall-container-mian {
	background: #FFFFFF;
	margin-top: 12px;
	padding: 18px;
	min-height: calc(100vh - 105px);
}

.mall-container-mian .layui-tab-content {
	height: auto !important;
}

.mall-container-mian .layui-tab-card {
	border-radius: 0px !important;
	box-shadow: none !important;
}

.mall-container-mian .layui-tab-card>.layui-tab-title {
	background-color: #F9F9F9 !important;
}

.mall-container-mian .layui-tab-card>.layui-tab-title .layui-this,
.mall-container-mian .layui-tab-title {
	border: none !important;
}
.mall-container-mian .layui-tab-title li{
	padding: 0;
}
.mall-container-mian .layui-tab-title li a {
	font-size: 16px;
	font-weight: 500;
	color: #666666;
	padding: 0 15px;
}

.mall-container-maxbox .left-meun {
	border-right: 1px solid #DDDFE6;
}

.mall-container-maxbox .horizontal-menu {
	overflow: hidden;
}

.mall-container-maxbox .horizontal-menu li a,
.mall-container-maxbox .left-meun li a {
	color: #666666;
}

.mall-container-maxbox .horizontal-menu li,
.mall-container-maxbox .left-meun li {
	line-height: 24px;
	font-size: 16px;
	margin: 8px 0;
}

.mall-container-maxbox .left-meun li.activeMenu {
	color: #10A4D9;
	border-right: 2px solid #10A4D9;
}

.mall-container-mian .layui-tab-title .layui-this a,
.mall-container-maxbox .horizontal-menu li.activeMenu,
.mall-container-maxbox .horizontal-menu li.activeMenu a,
.mall-container-maxbox .left-meun li.activeMenu a {
	color: #10A4D9;

}

.mall-container-maxbox .horizontal-menu li a {
	padding: 0 23px;
}

.mall-container-maxbox .left-meun li {
	padding-right: 15px;
}

.mall-container-maxbox .horizontal-menu li {
	float: left;
}

.mall-container-maxbox .horizontal-menu li::after {
	content: ' ';
}

.mall-container-maxbox .horizontal-menu li:not(:last-child)::after {
	content: '|';
}

/* 基础页面样式 结束*/

/* 其他通用样式 */
.popup-qrcode-wrap {
	box-shadow: 0px 0px 4px 2px #eaedf4 !important;
	border-radius: 10px !important;
	padding: 15px 35px !important;
	width: auto !important;
	height: auto !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #fff !important;
}

.tab-pane .table-bordered>tbody>tr>td,
.table-striped>tbody>tr>td {
	border-top: none !important;
	border-bottom: 1px solid #f5f5f5 !important;
	border-left: none !important;
	border-right: none !important;
}

.tab-pane .table-bordered thead>tr>th,
.table-striped thead>tr>th {
	background: #F9F9F9 !important;
	border: none !important;
}

.panel-body .iconfont,
.panel-body .layui-icon {
	font-size: inherit !important;
}

.tab-pane .pull-right.search .form-control {
	border-radius: 4px;
}

.el-tabs__nav-wrap::after {
	background-color: transparent;
}

/* 选中左右tabs切换 */
.nav-self {
	border: none !important;
	padding: 20px 0;
}

.nav-self li {
	padding: 0 10px;
	display: flex;
	border: none !important;
}

.nav-self li a:first-child,
.nav-self li:first-child {
	padding: 0 10px 0 0;
	border: none !important;
}

.nav-self li a {
	color: #666;
	display: inline-block;
	border: none;
	padding: 0 10px;
	border: none !important;
}

.nav-self li::after {
	content: '|';
}

.nav-self li:last-child::after {
	content: ' ';
}

.nav-self>li.active>a,
.nav-self>li.active>a:hover,
.nav-self li.active,
.nav-self li:hover,
.nav-self a.active,
.nav-self a:hover {
	border: none !important;
	color: #10A4D9 !important;
	background-color: #fff !important;
}

/* 选中下划线tabs切换 */
.nav-auto li a,
.nav-auto li {
	color: #555555 !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 2px solid #fff;
}

.nav-auto li:hover a {
	background-color: #fff;
	color: #10A4D9 !important;
	border: none !important;
}

.nav-auto li:hover {
	background-color: #fff !important;
	color: #10A4D9 !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 2px solid #10A4D9;
}

.nav-auto li.active {
	background-color: #fff !important;
	color: #10A4D9 !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 2px solid #10A4D9;
}

.nav-auto li.active a {
	border: none !important;
	color: #10A4D9 !important;
	background-color: #fff !important;
}

.nav-auto li.pull-right:hover {
	background-color: #fff !important;
	border-bottom: none !important;
}

/*其他通用样式结束  */

/* from通用样式 */

.uidesign-title,
.uidesign-style .uidesign-title {
	font-weight: 500;
	color: #333333;
	line-height: 24px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 26px;
}

.bootstrap-select>.dropdown-toggle,
.uidesign-style .bootstrap-select>.dropdown-toggle,
.uidesign-style input,
.uidesign-style textarea {
	border-radius: 4px !important;
	border: 1px solid #DDDFE6 !important;
	background-color: #fff !important;
}

.btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.is-dialog {
	background-color: #fff !important;
}

/* 图片上传按钮 */
.pluploadboxzd .pluploadboxzdbtn .input-group span:nth-child(1) button {
	border: none;
	background-color: #10A4D9;
	margin-left: 10px;
}

.pluploadboxzd .pluploadboxzdbtn .input-group span:nth-child(2) button {
	border: none;
	background-color: #13CEB7;
}

.pluploadboxzd .pluploadboxzdbtn ul li a:nth-child(2) {
	border: none;
	background-color: #F56C6C;
}


/* 弹窗按钮修改 */
.layui-layer-btn.layui-layer-footer div.row div button[type=submit] {
	background: linear-gradient(270deg, #14CFB6 0%, #0FA3D9 100%) !important;
	border: none !important;
}

.layui-layer-btn.layui-layer-footer div.row div button[type=reset] {
	background: #fff !important;
}

/* 提示备注修改 */
.form-group div .help-block {
	color: #F56C6C;
}

.el-message-box .el-message-box__btns button:nth-child(2) {
	background: linear-gradient(270deg, #14CFB6 0%, #0FA3D9 100%) !important;
	border: none !important;
}

.el-table__header-wrapper .el-table__header,
.el-table__body-wrapper .el-table__body {
	font-size: 14px;
}