.app-width {
	width: 1200px;
	margin: 0 auto;
}

.coverBox{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;top: 0;
	background: rgba(0,0,0,.4);
	z-index: 9;
}

.noImageTip{
    width: 100%;
    height: 100%;
    background: #F1F1F1;
    color: #A8A8A8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
}

/* 锁定屏幕 */
.lock-body {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* 设置这个属性页面数据绑定的时候不会闪一下看见变量名 */
[v-cloak] {
    display: none !important;
}

/* 缺省样式 */
.nodataBox{
	width: 100%;
	padding: 100px 0;
	text-align: center;
}
.nodataBox img{
	width: 200px;
}
.nodataBox div{
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #A8A8A8;
	margin-top: 20px;
}

body{
	margin: 0;
}

div a{
	text-decoration: none;
	color: #333;
}

input{
	border: none;
}
input:focus {
	outline: -webkit-focus-ring-color auto 0px;
	border: 0px solid cornflowerblue;
}
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input::placeholder {
	font-size: 18px;
	color: #A8A8A8;
}

.checkBox-model{
	display: flex;
	align-items: center;
	font-size: 14px;
	white-space: nowrap;
	transition: all ease .2s;
}
.checkBox-model-left{
	width: 15px;
	min-width: 15px;
	height: 15px;
	border: 1px solid #E1E1E1;
	border-radius: 2px;
	background: white;
	margin-right: 10px;
	transition: all ease .2s;
	margin-top: 1px;
}
.checkBox-model:hover .checkBox-model-left{
	border-color: var(--theme-color) !important;
}
.checkBox-model-icon{
	width: 100%;
	height: 100%;
	transform: scale(0);
	display: block;
	margin: 0 auto;
	transition: all ease .1s;
}
.checkBox-model-leftChecked{
	background: var(--theme-color) !important;
}
.checkBox-model-iconChecked{
	transform: scale(1) !important;
}
.checkBox-model-checked{
	color: var(--theme-color);
}


/*带背景的分页按钮背景色begin*/
.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: var(--theme-color);
	color: #FFF;
}
.el-pagination.is-background .el-pager li.active {
	color: #fff;
	cursor: default;
}
.el-pagination.is-background .el-pager li:hover {
	color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
	color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
	background-color: var(--theme-color);
	color: #FFF;
}
/*带背景的分页按钮背景色end*/
 
 
/*不带背景的分页按钮背景色begin*/
.el-pager li.active {
	color: var(--theme-color);
	cursor: default;
}
.el-pagination .el-pager li:hover {
	color: var(--theme-color);
}
.el-pagination .el-pager li:not(.disabled):hover {
	color: var(--theme-color);
}
/*不带背景的分页按钮背景色end*/

/* tabs标签栏改变颜色 */
.el-tabs__item{
	font-size: 18px !important;
}
.el-tabs__item:hover{
	color: var(--theme-color) !important;
}
.is-active{
	color: var(--theme-color) !important;
}
.el-tabs__active-bar{
	background-color: var(--theme-color) !important;
}
/* tabs标签栏改变颜色 */


@media screen and (max-width: 960px) {
    .app-width{
		width: 100%;
		min-width: 1200px;
	}
}