/* 重置按钮 */
	.el-button.el-button--default{
	   
	 /* 按钮内字体颜色 */
	   color: #ff5722 !important;
	   /* 字体大小 */
	   font-size: 17px !important;
	   /* 字体加粗 */
	   font-weight: 600 !important;
	   /* 圆角 */
	   border-radius: 20px !important;
	   /* 背景图 */
	  /* background-image: url(../img/button_bg.png) !important; */
	   /* 背景图大小 */
	 /* background-size: 100% 100% !important; */
	   /* 边框 */
	  /* border: 0px solid #DCDFE6 !important; */
	   /* 背景颜色 */
	  background-color: #ffedb2 !important;
	}
	/* 删除按钮 */
	.el-button.float-right.el-button--danger{
	   
	 /* 按钮内字体颜色 */
	   color: #ff5722 !important;
	   /* 字体大小 */
	   font-size: 17px !important;
	   /* 字体加粗 */
	   font-weight: 600 !important;
	   /* 圆角 */
	   border-radius: 20px !important;
	   /* 背景图 */
	  /* background-image: url(../img/button_bg.png) !important; */
	   /* 背景图大小 */
	 /* background-size: 100% 100% !important; */
	   /* 边框 */
	  /* border: 0px solid #DCDFE6 !important; */
	   /* 背景颜色 */
	  background-color: #fec8d8 !important;
	}
	/* 添加按钮 */
	.el-button.el-button--default.el-button--primary{
		/* 按钮内字体颜色 */
		  color: #ff5722 !important;
		  /* 字体大小 */
		  font-size: 17px !important;
		  /* 字体加粗 */
		  font-weight: 600 !important;
		  /* 圆角 */
		  border-radius: 20px !important;
		  /* 背景图 */
		 /* background-image: url(../img/button_bg.png) !important; */
		  /* 背景图大小 */
		/* background-size: 100% 100% !important; */
		  /* 边框 */
		 /* border: 0px solid #DCDFE6 !important; */
		  /* 背景颜色 */
		 background-color: #5cc1b3 !important;
		/* margin-right: 0.5rem; */
	}
	
/* -----------------------------------------------------------------*/

/* 列表框内 操作 下 按钮样式 */

/* 按钮鼠标未移入样式 */

#app .el-button--primary.is-plain {
    /* 字体大小 */
    /* font-size: 12px; */
    /* 边框圆角 */
    border-radius: 20px;
    /* 字体样式 */
    /* color: #409EFF; */
    /* 背景颜色 */
   background-color: #c4eada !important;
    /* 边框颜色 */
    /* border-color: #b3d8ff; */
}

/* 按钮鼠标移入样式 */

#app .el-button--primary.is-plain:hover {
    /* 字体大小 */
    /* font-size: 12px; */
    /* 边框圆角 */
    /* border-radius: 50px; */
    /* 字体颜色 */
    /* color: #FFF; */
    /* 背景颜色 */
    background-color: #00adb5 !important;
    /* 边框颜色 */
    border-color: #409EFF;
}

/* 表单内文字 */
form label{
    font-size: 16px !important;
	color: #000000;
}

/* 输入框 */

article main form input{
    border-radius: 10px !important;
	background-color: #EEEEEE  ; 
}

/* 列表页外层 */

article main .el-table{
    border-radius: 20px !important;
}


/* 注册登陆忘记密码页 */
.sign_in {
    /* 界定盒子大小即为边框大小 */
    box-sizing: border-box;
    /* 高度为可视化 */
    height: 100vh;
    /* 内边框 */
    padding: .5rem;
    /* 宽度 */
    width: 100% !important;
    /* 背景图片 */
  background: url(../img/bg.jpg) no-repeat !important;
    /* 背景图大小 */
    background-size: 100%  100% !important;
}

/* 登录页  登录框 注册框 忘记密码框*/

.sign_in .form {
    /* 圆角边框 */
    border-radius: 100px 40px 100px 40px!important;
    /* 边框 */
    border: 3px dotted #ff5722 ;
    /* 边框阴影 */
   box-shadow: -10px -10px 20px #80d6ff !important;
    /* 外边距 */
    margin: 150px auto auto auto !important;
    /* 内边距 */
    /* padding: 10px 10px 10px 10px; */
    /* 内部字体颜色 */
    /* color: #00A4FF; */
    /* 盒子透明度 */
    opacity: 1;
    /* 背景颜色 */
    background-color: #00adb5 !important;
    /* 宽度 */
    width: 600px !important;
    /* 高度 */
    /* height: 400px !important; */
}

/* 登录页  登录框 注册框 忘记密码框 顶部标题*/

.sign_in .form h1 {
    /*文字摆放位置*/
    text-align: left !important;
    /* 文字大小 */
    font-size: 30px !important;
   font-weight: 600 !important;
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
    color: #303841;
    /* 外边距 */
   margin: 20px 0px;
   font-family: "Times New Roman", "Courier New", monospace !important;
}

/* 登录页  登录框 注册框 忘记密码框 input框左侧label字体样式*/

.sign_in .form label {
    /*文字摆放位置*/
    /* text-align: left !important; */
    /* 文字大小 */
    font-size: 16px !important;
    font-weight: 600;
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
    color: #303841;
}

/* 登录页  登录框 注册框 忘记密码框 input框样式*/

.sign_in .form input {
    /* 圆角边框 */
  border-radius: 10px !important;
/*  border: 1px solid #ff5722 ; */
    /* 边框阴影 */
    /* box-shadow: 0px 0px 20px 10px #ccc; */
    /* 外边距 */
    /* margin: 10px 10px 10px 10px; */
    /* 内边距 */
    /* padding: 10px 10px 10px 10px; */
    /* 内部字体颜色 */
    /* color: #edf798; */
    /* 盒子透明度 */
    /* opacity: 0.8; */
    /* 背景颜色 */
    background-color: #eeeeee !important;
    /* 宽度 */
    /* width: 100px; */
    /* 高度 */
    /* height: 100x; */
    /*文字摆放位置*/
    /* text-align: center !important; */
}
/* 登录 注册按钮 */
.sign_in .el-button{
	/* 按钮内字体颜色 */
		  color: #f06868 !important;
		  /* 字体大小 */
		  font-size: 18px !important;
		  /* 字体加粗 */
		  font-weight: 600 !important;
		  /* 圆角 */
		  border-radius: 10px !important;
		  /* 背景图 */
		background-image: none !important;
		  /* 背景图大小 */
		 background-size: 100% 100% !important;
		  /* 边框 */
		  border: 0px solid #DCDFE6 !important;
		  /* 背景颜色 */
		 background-color: #eeeeee !important;
		 margin-left: 25px;
}
/* 登录页  登录框内忘记密码字体样式*/

/* 需要在login.vue文件夹下的 ‘忘记密码’位置加上 class="forgetthepassword" 类名 方可生效 */

.sign_in .sign_in .btns {
    /*文字摆放位置*/
    text-align: right !important;
    /* 文字大小 */
    /* font-size: 50px !important; */
    /* font-weight: 600; */
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
  /* text-decoration:none !important; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
    color: #303841 ;
	
}

/* 登录页  忘记密码框内 取消 字体样式*/

/* 需要在forgot.vue文件夹下的 ‘取消’位置加上 class="countermand" 类名 方可生效 */

/* vue后台列表 外框背景色 ////////////////////////*/
.bg{
	background-color: #EEEEEE !important;
}
/* //////////////////// */
.sign_in .countermand {
   color: #f06868 !important;
     /* 字体大小 */
     font-size: 18px !important;
     /* 字体加粗 */
    font-weight: 400 !important;
     /* 圆角 */
 /*    border-radius: 10px !important; */
   
    /* border: 1px solid #DCDFE6 !important; */
     /* 背景颜色 */
   background-color: #eeeeee !important;
	
}

/* 登录页忘记密码 */

.sign_in .btns:last-child{
    /* 文字大小 */
    font-size: 20px !important;
    /* 字体加粗 */
    font-weight: 600;
    /* 下划线 */
    text-decoration:underline ;
    /* 下划线颜色 */
    text-decoration-color: #f06868 !important;
    /* 文字颜色 */
    color: #edf798;
}

/* 忘记密码页发送验证码按钮 */

.el-input-group__append, .el-input-group__prepend{
    /* 背景颜色 */
    background-color: #80d6ff !important;
    /* 边框 */
    border: 0px solid #DCDFE6 !important;
}

/* --------------------------------------------------------------- */



/* 右侧内容区 */

#app .page article{
    /* 背景颜色 */
    background-image: linear-gradient(to right, #e3eff3 , #cde3eb,#6e828a);
}


/* 左侧导航栏 选中后的样式 样式  */

#app .page .side .li {
    /* 背景颜色 */
    background-color: #80d6ff !important;
}

/* 左侧导航栏 选中后文字及图标样式 样式  */

#app .page .side .el-icon-s-home {
    /*文字摆放位置*/
    /* text-align: left !important; */
    /* 文字大小 */
    /* font-size: 50px !important; */
    /* font-weight: 600; */
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
 /*   color: red !important; */
 /* background-color: #bbe9db !important; */
}
/* 左侧导航栏颜色 */
#app .page .side {
    /* 背景颜色 */
    background-color: #00adb5 !important;
    /* 边框 */
    border-right: 2px solid #00adb5;
}
/* 导航栏首页盒子 */
#app .page .side .el-menu-item{
	
background-color: #bbe9db !important;
color: #000000 !important;

	}

/* 导航栏主类背景色 */
#app .page .side .el-submenu__title{
background-color: #99CCCC !important;
	/* border-radius: 1.25rem; */
	
}
/* 导航栏主类文字样式 */
#app .page .side .el-submenu__title span{
	color: #303841 !important;
	font-size: 17px;
	/* font-weight: 600; */
	
}

/* 导航栏子类外框背景色 */
#app .page .side .el-submenu .el-menu {
	  background-color: #ffdd67 !important;
}

/* 左侧导航栏选中文字样式 */

#app .page .side .el-menu-item.is-active{
	display: block;
	background-color: #00ADB5 !important;
	color:  #FFFFFF  !important;
	font-size: 1.25rem;
	/* font-weight: 600; */
}



/* 左侧导航栏盒子内分支导航样式 */

#app .page .side .el-submenu li{
	color: #333333 !important;
 border-radius: 10px !important;
  /* 下外边距 */
 margin: 5px;

}

/* 左侧导航栏 首页图标 样式  */
#app .page .side .el-icon-s-home {
    /*文字摆放位置*/
  /*  text-align: left !important; */
    /* 文字大小 */
    /* font-size: 50px !important; */
    /* font-weight: 600; */
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
   color: #ffdd67 !important;
   /* display: none; */
}


/* 左侧导航栏 未选中时图标样式  样式  */
#app .page .side i {
    /*文字摆放位置*/
    /* text-align: left !important; */
    /* 文字大小 */
    /* font-size: 50px !important; */
    /* font-weight: 600; */
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
    color: #ffdd67;
	/* display: none; */
}
/* 左侧导航栏缩进 菜单外盒子 */
.el-menu--vertical {
    /* 背景颜色 */
    background-color: #ffdd67 !important;
}
/* 左侧导航栏缩进 菜单内盒子 */
.el-menu--vertical .el-menu{
background-color: #ffdd67 !important;	
}
/* 左侧导航栏缩进 菜单单条盒子 */
.el-menu--vertical .el-menu-item{
	/* 背景颜色 */
	background-color: #99CCCC  !important;
	   /* 下边框 */
	/*   border-bottom: 3px solid #f06868; */
	   /* 圆角 */
	 /* border-radius: 1.25rem; */
	   /* 下外边距 */
	color: #333333 !important;
	border-radius: 10px !important;
	 /* 下外边距 */
	margin: 5px;
	  /* 边框 */
	 
}
/* 鼠标点击以后样式 */
.el-menu--vertical .el-menu-item:hover{
  background-color: #00ADB5 !important;
  color:  #FFFFFF  !important;
  font-size: 1.25rem;
}


/*  顶部栏 样式 */

#app header {
    /* 背景颜色 */
    background-color: #00adb5 !important;
    /* 盒子透明度 */
    /* opacity: 0.8; */
}

/*  顶部栏内 左边图标样式 */

#app header .action_left .el-icon-menu {
    /*文字摆放位置*/
    /* text-align: left !important; */
    /* 文字大小 */
    /* font-size: 50px !important; */
    /* font-weight: 600; */
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
  /*  color: #0000FF; */
}
/*  顶部栏内 左边图标样式  点击后样式*/
/* #app header .action_left .el-icon-s-grid{
	 color: #FF6666;
} */
/*  顶部栏内 右边头像样式 */

#app header .action_right .el-dropdown .el-avatar {
    /* 圆角边框 */
    border-radius: 20% !important;
    /* 边框阴影 */
    /* box-shadow: 0px 0px 20px 10px #ccc; */
    /* 外边距 */
    /* margin: 10px 10px 10px 10px; */
    /* 内边距 */
    /* padding: 10px 10px 10px 10px; */
    /* 内部字体颜色 */
    /* color: #00A4FF; */
    /* 盒子透明度 */
    /* opacity: 0.8; */
    /* 背景颜色 */
    /* background-color: #000000 !important; */
    /* 宽度 */
    /* width: 100px; */
    /* 高度 */
    /* height: 100x; */
}

/*  顶部栏内 右边用户id字体样式 */

#app header .action_right .el-dropdown span:nth-child(2) {
    /*文字摆放位置*/
    /* text-align: left !important; */
    /* 文字大小 */
    /* font-size: 50px !important; */
    /* font-weight: 600; */
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
    color: #303841;
}

/* ---------------------------------- */

/* 首页 ‘欢迎使用后台管理系统’ 字体样式 */

#root_index .container-fluid .root_index_title {
    /*文字摆放位置*/
    /* text-align: left !important; */
    /* 文字大小 */
  /*  font-size: 100px !important; */
    /* font-weight: 600; */
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
    /* color: #0000FF; */
}

/* 首页 订单展示框 样式 */

#root_index .container-fluid .card {
    /* 圆角边框 */
    border-radius: 20px !important;
    /* 边框阴影 */
    /* box-shadow: 0px 0px 20px 10px #ccc; */
    /* 外边距 */
    /* margin: 10px 10px 10px 10px; */
    /* 内边距 */
    /* padding: 10px 10px 10px 10px; */
    /* 内部字体颜色 */
    /* color: #00A4FF; */
    /* 盒子透明度 */
    /* opacity: 0.8; */
    /* 背景颜色 */
    background-color: #EEEEEE !important;
	border: 1px solid #00adb5;
    /* 宽度 */
    /* width: 100px; */
    /* 高度 */
    /* height: 100x; */
}

/* 首页 订单展示框 字体样式 */

#root_index .container-fluid .card div {
    /*文字摆放位置*/
    /* text-align: left !important; */
    /* 文字大小 */
    /* font-size: 50px !important; */
    /* font-weight: 600; */
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
    /* color: #0000FF; */
}

/*----------------------------------------------------------------------  */
/* 列表页  查询字段名称 文字样式*/
.el-form-item__label{
	/* 颜色 */
	color: #303841 !important;
	/* 字体大小 */
	font-size: 16px !important;
	
	}
	/* 查询按钮*/
	.el-button.el-button--primary{
	   
	    /* 按钮内字体颜色 */
	    color: #ff5722 !important;
	    /* 字体大小 */
	    font-size: 17px !important;
	    /* 字体加粗 */
	    font-weight: 600 !important;
	    /* 圆角 */
	    border-radius: 20px !important;
	    /* 背景图 */
	   /* background-image: url(../img/button_bg.png) !important; */
	    /* 背景图大小 */
	  /* background-size: 100% 100% !important; */
	    /* 边框 */
	   /* border: 0px solid #DCDFE6 !important; */
	    /* 背景颜色 */
	   background-color: #80d6ff !important;
	}
	
	/* 测试 */
	/* .dome_but button{
		background-color: #f2ff9b !important;
	}
	 */.el-main .el-image{
	 width: 100%;
	 height: 100%;
 }
 .el-avatar.el-avatar--circle img{
	 width: 100%;
	 height: 100%;
 }
	
