diff --git a/src/api/user.js b/src/api/user.js
index 8ac64ad..73b369c 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -9,7 +9,6 @@ const Host1 = ethApi + '/';
 
 //登录
 export function signIn(data) {
-  debugger;
   return request({
     method: 'post',
     url: Host + 'login/password2',
diff --git a/src/api/yyyf.js b/src/api/yyyf.js
index edc0e3b..dbff564 100644
--- a/src/api/yyyf.js
+++ b/src/api/yyyf.js
@@ -15,3 +15,20 @@ export function signIn(data) {
     timeout: -1,
   });
 }
+
+export function getExamOverview(data) {
+  return request({
+    method: 'post',
+    url: Host + 'teachingGrade/getExamOverview',
+    params: data,
+  });
+}
+
+export function getExamDetails(data) {
+  return request({
+    method: 'get',
+    url: Host + 'teachingGrade/getExamDetails',
+    params: data,
+  });
+}
+
diff --git a/src/pages/css/general.css b/src/pages/css/general.css
new file mode 100644
index 0000000..b4f4623
--- /dev/null
+++ b/src/pages/css/general.css
@@ -0,0 +1,223 @@
+@charset "utf-8";
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,fieldset,input,textarea,blockquote,font{padding: 0px;margin: 0px; font-family:\5FAE\8F6F\96C5\9ED1;}
+input, textarea, keygen, select, button, isindex, meter, progress {-webkit-writing-mode: horizontal-tb;}
+input, textarea, keygen, select, button, isindex {
+	margin: 0em;
+	font: -webkit-small-control;
+	color: initial;
+	letter-spacing: normal;
+	word-spacing: normal;
+	text-transform: none;
+	text-indent: 0px;
+	text-shadow: none;
+	display: inline-block;
+	text-align: start;	
+}
+h1,h2,h3,h4,h5,h6,b,strong {font-weight:800 }
+table { border-collapse: collapse; border-spacing: 0; table-layout:fixed; } 
+fieldset,img{ border:0; } 
+select,input,select,label { vertical-align:middle }
+ul,ol{ list-style: none; } 
+
+/*link*/
+a {text-decoration:none; cursor:pointer;}
+a:hover {text-decoration:none;}
+.pointer {cursor:pointer;}
+
+/* 去a虚线框 cdl clear dotted line */
+
+.cdl, aactive { outline:none; blr:expression(this.onFocus=this.blur()) }
+focus { outline:none } /* for Firefox*/ 
+
+/*clear*/
+.clear {clear:both; margin:0px; padding:0px;}
+
+/* new clearfix */
+.clearfix:after {
+visibility: hidden;
+display: block;
+font-size: 0;
+content: " ";
+clear: both;
+height: 0;
+}
+* html .clearfix             { zoom: 1; } /* IE6 */
+*:first-child+html .clearfix { zoom: 1; } /* IE7 */
+
+/*float*/
+.fl { float:left; display:inline; }    /*  左浮动 */
+.fr { float:right; }     /* 右浮动 */
+
+/* text */
+.textl {text-align:left;}
+.textr {text-align:right;}
+.textc {text-align:center;}
+.bold {font-weight:800;}
+
+.overflow {overflow:hidden;}
+.fn{ font-style:normal; font-weight:normal;}
+.nowrap{ white-space:nowrap;}
+.indent {text-indent:2em;}
+.ellipsis{-o-text-overflow: ellipsis; text-overflow: ellipsis;			 
+    -icab-text-overflow: ellipsis;  
+    -khtml-text-overflow: ellipsis;  
+    -moz-text-overflow: ellipsis;  
+    -webkit-text-overflow: ellipsis; 
+white-space:nowrap; overflow:hidden; }
+
+/* display and position */
+.disb {display:block;}
+.hide {display:none;}
+.inlineBlock {display:inline-block; *zoom:1; *display:inline; vertical-align:middle;}
+.absolute { position:absolute}
+.relative { position:relative;}
+/*新增相对窗口定位*/
+.fixed { position:fixed;}
+
+/* margin  */
+.nomp {margin:0px; padding:0px;}
+.nomar{margin:0px;}
+.mar10 {margin:10px;}
+.mt10 {margin-top:10px;}
+.mb10 {margin-bottom:10px;}
+.ml10 {margin-left:10px;}
+.mr10 {margin-right:10px;}
+.mar20 {margin:20px;}
+.mt20 {margin-top:20px;}
+.mb20 {margin-bottom:20px;}
+.ml20 {margin-left:20px;}
+.mr20 {margin-right:20px;}
+.m0a { margin:0 auto; }     /*容器内水平居中*/ 
+/* padding  */
+.nopad {padding:0px;}
+.pad10 {padding:10px;}
+.pl10 {padding-left:10px;}
+.pr10 {padding-right:10px;}
+.pb10 {padding-bottom:10px;}
+.pt10 {padding-top:10px;}
+.pad20 {padding:20px;}
+.pl20 {padding-left:20px;}
+.pr20 {padding-right:20px;}
+.pb20 {padding-bottom:20px;}
+.pt20 {padding-top:20px;}
+
+/* font */
+font {font:12px normal;}
+.nofont {font-size:0px;}
+.font12 {font-size:12px;}
+.font14 {font-size:14px;}
+.font16 {font-size:16px;}
+.font18 {font-size:18px;}
+.font15 {font-size:15px;}
+.lh24{line-height:24px;}
+.lh18{line-height:18px;}
+
+/*CSS3.0*/
+.radius
+	{/* border radius *//*  (-moz-\-webkit-)border-top-left-radius:; \ -moz-border-radius-topleft:; */
+	-moz-border-radius: 3px;
+	-khtml-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+	}
+.radius50
+	{/* border radius *//*  (-moz-\-webkit-)border-top-left-radius:; \ -moz-border-radius-topleft:; */
+	-moz-border-radius: 50%;
+	-khtml-border-radius: 50%;
+	-webkit-border-radius: 50%;
+	border-radius: 50%;
+	}
+.shadow
+	{
+	/*box shadow*//*(-moz-\-webkit-)box-shadow:;*/
+	-moz-box-shadow: rgba(0,0,0,0.3) 0 4px 4px;
+	-webkit-box-shadow: rgba(0,0,0,0.3) 0 4px 4px;
+	-khtml-box-shadow: rgba(0,0,0,0.3) 0 4px 4px;
+	box-shadow: rgba(0,0,0,0.3) 0 4px 4px;	/*filter:progid:DXImageTransform.Microsoft.Shadow(enabled=Enabled,color=#000,Strength=4,Direction=135);*/
+	}
+
+/*隐藏文字*/
+.offScreen{
+	left: -9999px;
+    position: absolute;}
+	
+	
+.ofh { overflow:hidden; }    /*溢出隐藏 */
+.tal { text-align:left; }   /* 内容左对齐*/ 
+.tar { text-align:right; }  /*  内容右对齐 */
+.tac { text-align:center; }   /* 内容居中*/ 
+
+
+::-webkit-input-placeholder { /* WebKit browsers */
+    color:    #999;
+}
+:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+    color:    #999;
+}
+::-moz-placeholder { /* Mozilla Firefox 19+ */
+    color:    #999;
+}
+:-ms-input-placeholder { /* Internet Explorer 10+ */
+    color:    #999;
+}
+/* 输入框隐藏边框 */
+input,button,select,textarea{ outline:none;}
+textarea{resize:none;}
+
+/*新增*/
+.b1sd{ border:1px solid #dedede;}
+.w100{ width:100%;}
+.c333{ color:#333;}
+.c666{ color:#666;}
+.c999{ color:#999;}
+.bgfff{ background:#fff;}
+.cf00{ color:#f00;}
+a:visited{color:#333;}
+a:active{color:#004276;}
+a:link{color:#333;}
+a:hover{ color:#ec7443;}
+
+/*pre标签超出换行*/
+pre{ wite-space:pre-warp; word-wrap:break-word;}
+
+/*拆分字母*/
+.wordBreak{ table-layout:fixed; word-break:break-all; overflow:hidden;}
+
+/*透明度*/
+.opacity{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}
+.opacity50{opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;}
+
+/*去掉谷歌Input黄色背景*/
+input{-webkit-box-shadow:0 0 0px 1000px white inset;}
+
+
+
+.zj_offset {
+  width: 1px;
+  height: 1px;
+  display: none;
+}
+.borp{ position: fixed; z-index: 3;}
+ul.project-mana-ul{
+	margin-top: 0;
+	width: 735px;
+	margin-left: -34px;
+	overflow: hidden;
+}
+ul.project-mana-ul li{
+	padding-top: 40px;
+	margin: 0 34px;
+}
+ul.ppt-ul li{
+	cursor:pointer;
+}
+.pro-mana-img-all.bgColor {
+	border: 2px solid #f00;
+	box-sizing: border-box;
+	background-position: -2px -2px;
+}
+.pro-mana-img-all.bgColor .added-btn{
+	width: 66px;
+	height: 66px;
+	border: none;
+}
diff --git a/src/pages/css/layui.css b/src/pages/css/layui.css
new file mode 100644
index 0000000..17a1375
--- /dev/null
+++ b/src/pages/css/layui.css
@@ -0,0 +1,3582 @@
+/** layui-v2.0.1 MIT License By http://www.layui.com */
+.layui-btn, .layui-inline, img {
+	vertical-align: middle
+}
+
+.layui-btn, .layui-disabled, .layui-icon, .layui-unselect {
+	-webkit-user-select: none;
+	-ms-user-select: none;
+	-moz-user-select: none
+}
+
+blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6,
+	input, li, ol, p, pre, td, textarea, th, ul {
+	margin: 0;
+	padding: 0;
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
+}
+
+a:active, a:hover {
+	outline: 0
+}
+
+img {
+	display: inline-block;
+	border: none
+}
+.zoomimg{
+	width: auto;  
+    height: auto;  
+    max-width: 100%;  
+    max-height: 100%; 
+}
+li {
+	list-style: none
+}
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0
+}
+
+h1, h2, h3 {
+	font-size: 14px;
+	font-weight: 400
+}
+
+h4, h5, h6 {
+	font-size: 100%;
+	font-weight: 400
+}
+
+button, input, optgroup, option, select, textarea {
+	font-family: inherit;
+	font-size: inherit;
+	font-style: inherit;
+	font-weight: inherit;
+	outline: 0
+}
+
+pre {
+	white-space: pre-wrap;
+	white-space: -moz-pre-wrap;
+	white-space: -pre-wrap;
+	white-space: -o-pre-wrap;
+	word-wrap: break-word
+}
+/*
+@font-face {
+	font-family: layui-icon;
+	src: url(../font/iconfont.eot?v=2.0.0);
+	src: url(../font/iconfont.eot?v=2.0.0#iefix) format('embedded-opentype'),
+		url(../font/iconfont.svg?v=2.0.0#iconfont) format('svg'),
+		url(../font/iconfont.woff?v=2.0.0) format('woff'),
+		url(../font/iconfont.ttf?v=2.0.0) format('truetype')
+}*/
+
+.layui-icon {
+	font-family: layui-icon !important;
+	font-size: 16px;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale
+}
+
+body {
+	line-height: 24px;
+	font: 14px Helvetica Neue, Helvetica, PingFang SC, \5FAE\8F6F\96C5\9ED1,
+		Tahoma, Arial, sans-serif
+}
+
+hr {
+	height: 1px;
+	margin: 10px 0;
+	border: 0;
+	background-color: #e2e2e2;
+	clear: both
+}
+
+a {
+	color: #333;
+	text-decoration: none
+}
+
+a:hover {
+	color: #777
+}
+
+a cite {
+	font-style: normal;
+	*cursor: pointer
+}
+
+.layui-border-box, .layui-border-box * {
+	box-sizing: border-box
+}
+
+.layui-box, .layui-box * {
+	box-sizing: content-box
+}
+
+.layui-clear {
+	clear: both;
+	*zoom: 1
+}
+
+.layui-clear:after {
+	content: '\20';
+	clear: both;
+	*zoom: 1;
+	display: block;
+	height: 0
+}
+
+.layui-inline {
+	position: relative;
+	display: inline-block;
+	*display: inline;
+	*zoom: 1
+}
+
+.layui-edge {
+	position: absolute;
+	width: 0;
+	height: 0;
+	border-style: dashed;
+	border-color: transparent;
+	overflow: hidden
+}
+
+.layui-elip {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap
+}
+
+.layui-disabled, .layui-disabled:hover {
+	color: #d2d2d2 !important;
+	cursor: not-allowed !important
+}
+
+.layui-circle {
+	border-radius: 100%
+}
+
+.layui-show {
+	display: block !important
+}
+
+.layui-hide {
+	display: none !important
+}
+
+.layui-main {
+	position: relative;
+	width: 1140px;
+	margin: 0 auto
+}
+
+.layui-header {
+	position: relative;
+	z-index: 1000;
+	height: 60px
+}
+
+.layui-header a:hover {
+	transition: all .5s;
+	-webkit-transition: all .5s
+}
+
+.layui-side {
+	position: fixed;
+	top: 0;
+	bottom: 0;
+	z-index: 999;
+	width: 200px;
+	overflow-x: hidden
+}
+
+.layui-side-scroll {
+	width: 220px;
+	height: 100%;
+	overflow-x: hidden
+}
+
+.layui-body {
+	position: absolute;
+	left: 200px;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	z-index: 998;
+	width: auto;
+	overflow: hidden;
+	overflow-y: auto;
+	box-sizing: border-box
+}
+
+.layui-layout-admin .layui-header {
+	background-color: #23262E
+}
+
+.layui-layout-admin .layui-side {
+	top: 60px;
+	width: 200px;
+	overflow-x: hidden
+}
+
+.layui-layout-admin .layui-body {
+	top: 60px;
+	bottom: 44px
+}
+
+.layui-layout-admin .layui-main {
+	width: auto;
+	margin: 0 15px
+}
+
+.layui-layout-admin .layui-footer {
+	position: fixed;
+	left: 200px;
+	right: 0;
+	bottom: 0;
+	height: 44px;
+	line-height: 44px;
+	padding: 0 15px;
+	background-color: #eee
+}
+
+.layui-layout-admin .layui-logo {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 200px;
+	height: 100%;
+	line-height: 60px;
+	text-align: center;
+	color: #009688;
+	font-size: 16px
+}
+
+.layui-layout-admin .layui-header .layui-nav {
+	background: 0 0
+}
+
+.layui-layout-left {
+	position: absolute !important;
+	left: 200px;
+	top: 0
+}
+
+.layui-layout-right {
+	position: absolute !important;
+	right: 0;
+	top: 0
+}
+
+.layui-container {
+	position: relative;
+	margin: 0 auto;
+	padding: 0 15px;
+	box-sizing: border-box
+}
+
+.layui-fluid {
+	position: relative;
+	margin: 0 auto;
+	padding: 0 15px
+}
+
+.layui-row:after, .layui-row:before {
+	content: '';
+	display: block;
+	clear: both
+}
+
+.layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12,
+	.layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5,
+	.layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9,
+	.layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12,
+	.layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5,
+	.layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9,
+	.layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12,
+	.layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5,
+	.layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9,
+	.layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12,
+	.layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5,
+	.layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 {
+	position: relative;
+	display: block;
+	box-sizing: border-box
+}
+
+.layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12,
+	.layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5,
+	.layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 {
+	float: left
+}
+
+.layui-col-xs1 {
+	width: 8.33333333%
+}
+
+.layui-col-xs2 {
+	width: 16.66666667%
+}
+
+.layui-col-xs3 {
+	width: 25%
+}
+
+.layui-col-xs4 {
+	width: 33.33333333%
+}
+
+.layui-col-xs5 {
+	width: 41.66666667%
+}
+
+.layui-col-xs6 {
+	width: 50%
+}
+
+.layui-col-xs7 {
+	width: 58.33333333%
+}
+
+.layui-col-xs8 {
+	width: 66.66666667%
+}
+
+.layui-col-xs9 {
+	width: 75%
+}
+
+.layui-col-xs10 {
+	width: 83.33333333%
+}
+
+.layui-col-xs11 {
+	width: 91.66666667%
+}
+
+.layui-col-xs12 {
+	width: 100%
+}
+
+.layui-col-xs-offset1 {
+	margin-left: 8.33333333%
+}
+
+.layui-col-xs-offset2 {
+	margin-left: 16.66666667%
+}
+
+.layui-col-xs-offset3 {
+	margin-left: 25%
+}
+
+.layui-col-xs-offset4 {
+	margin-left: 33.33333333%
+}
+
+.layui-col-xs-offset5 {
+	margin-left: 41.66666667%
+}
+
+.layui-col-xs-offset6 {
+	margin-left: 50%
+}
+
+.layui-col-xs-offset7 {
+	margin-left: 58.33333333%
+}
+
+.layui-col-xs-offset8 {
+	margin-left: 66.66666667%
+}
+
+.layui-col-xs-offset9 {
+	margin-left: 75%
+}
+
+.layui-col-xs-offset10 {
+	margin-left: 83.33333333%
+}
+
+.layui-col-xs-offset11 {
+	margin-left: 91.66666667%
+}
+
+.layui-col-xs-offset12 {
+	margin-left: 100%
+}
+
+@media screen and (min-width:780px) {
+	.layui-container {
+		width: 750px
+	}
+	.layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12,
+		.layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5,
+		.layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9 {
+		float: left
+	}
+	.layui-col-sm1 {
+		width: 8.33333333%
+	}
+	.layui-col-sm2 {
+		width: 16.66666667%
+	}
+	.layui-col-sm3 {
+		width: 25%
+	}
+	.layui-col-sm4 {
+		width: 33.33333333%
+	}
+	.layui-col-sm5 {
+		width: 41.66666667%
+	}
+	.layui-col-sm6 {
+		width: 50%
+	}
+	.layui-col-sm7 {
+		width: 58.33333333%
+	}
+	.layui-col-sm8 {
+		width: 66.66666667%
+	}
+	.layui-col-sm9 {
+		width: 75%
+	}
+	.layui-col-sm10 {
+		width: 83.33333333%
+	}
+	.layui-col-sm11 {
+		width: 91.66666667%
+	}
+	.layui-col-sm12 {
+		width: 100%
+	}
+	.layui-col-sm-offset1 {
+		margin-left: 8.33333333%
+	}
+	.layui-col-sm-offset2 {
+		margin-left: 16.66666667%
+	}
+	.layui-col-sm-offset3 {
+		margin-left: 25%
+	}
+	.layui-col-sm-offset4 {
+		margin-left: 33.33333333%
+	}
+	.layui-col-sm-offset5 {
+		margin-left: 41.66666667%
+	}
+	.layui-col-sm-offset6 {
+		margin-left: 50%
+	}
+	.layui-col-sm-offset7 {
+		margin-left: 58.33333333%
+	}
+	.layui-col-sm-offset8 {
+		margin-left: 66.66666667%
+	}
+	.layui-col-sm-offset9 {
+		margin-left: 75%
+	}
+	.layui-col-sm-offset10 {
+		margin-left: 83.33333333%
+	}
+	.layui-col-sm-offset11 {
+		margin-left: 91.66666667%
+	}
+	.layui-col-sm-offset12 {
+		margin-left: 100%
+	}
+}
+
+@media screen and (min-width:1000px) {
+	.layui-container {
+		width: 970px
+	}
+	.layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12,
+		.layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5,
+		.layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9 {
+		float: left
+	}
+	.layui-col-md1 {
+		width: 8.33333333%
+	}
+	.layui-col-md2 {
+		width: 16.66666667%
+	}
+	.layui-col-md3 {
+		width: 25%
+	}
+	.layui-col-md4 {
+		width: 33.33333333%
+	}
+	.layui-col-md5 {
+		width: 41.66666667%
+	}
+	.layui-col-md6 {
+		width: 50%
+	}
+	.layui-col-md7 {
+		width: 58.33333333%
+	}
+	.layui-col-md8 {
+		width: 66.66666667%
+	}
+	.layui-col-md9 {
+		width: 75%
+	}
+	.layui-col-md10 {
+		width: 83.33333333%
+	}
+	.layui-col-md11 {
+		width: 91.66666667%
+	}
+	.layui-col-md12 {
+		width: 100%
+	}
+	.layui-col-md-offset1 {
+		margin-left: 8.33333333%
+	}
+	.layui-col-md-offset2 {
+		margin-left: 16.66666667%
+	}
+	.layui-col-md-offset3 {
+		margin-left: 25%
+	}
+	.layui-col-md-offset4 {
+		margin-left: 33.33333333%
+	}
+	.layui-col-md-offset5 {
+		margin-left: 41.66666667%
+	}
+	.layui-col-md-offset6 {
+		margin-left: 50%
+	}
+	.layui-col-md-offset7 {
+		margin-left: 58.33333333%
+	}
+	.layui-col-md-offset8 {
+		margin-left: 66.66666667%
+	}
+	.layui-col-md-offset9 {
+		margin-left: 75%
+	}
+	.layui-col-md-offset10 {
+		margin-left: 83.33333333%
+	}
+	.layui-col-md-offset11 {
+		margin-left: 91.66666667%
+	}
+	.layui-col-md-offset12 {
+		margin-left: 100%
+	}
+}
+
+@media screen and (min-width:1200px) {
+	.layui-container {
+		width: 1170px
+	}
+	.layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12,
+		.layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5,
+		.layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9 {
+		float: left
+	}
+	.layui-col-lg1 {
+		width: 8.33333333%
+	}
+	.layui-col-lg2 {
+		width: 16.66666667%
+	}
+	.layui-col-lg3 {
+		width: 25%
+	}
+	.layui-col-lg4 {
+		width: 33.33333333%
+	}
+	.layui-col-lg5 {
+		width: 41.66666667%
+	}
+	.layui-col-lg6 {
+		width: 50%
+	}
+	.layui-col-lg7 {
+		width: 58.33333333%
+	}
+	.layui-col-lg8 {
+		width: 66.66666667%
+	}
+	.layui-col-lg9 {
+		width: 75%
+	}
+	.layui-col-lg10 {
+		width: 83.33333333%
+	}
+	.layui-col-lg11 {
+		width: 91.66666667%
+	}
+	.layui-col-lg12 {
+		width: 100%
+	}
+	.layui-col-lg-offset1 {
+		margin-left: 8.33333333%
+	}
+	.layui-col-lg-offset2 {
+		margin-left: 16.66666667%
+	}
+	.layui-col-lg-offset3 {
+		margin-left: 25%
+	}
+	.layui-col-lg-offset4 {
+		margin-left: 33.33333333%
+	}
+	.layui-col-lg-offset5 {
+		margin-left: 41.66666667%
+	}
+	.layui-col-lg-offset6 {
+		margin-left: 50%
+	}
+	.layui-col-lg-offset7 {
+		margin-left: 58.33333333%
+	}
+	.layui-col-lg-offset8 {
+		margin-left: 66.66666667%
+	}
+	.layui-col-lg-offset9 {
+		margin-left: 75%
+	}
+	.layui-col-lg-offset10 {
+		margin-left: 83.33333333%
+	}
+	.layui-col-lg-offset11 {
+		margin-left: 91.66666667%
+	}
+	.layui-col-lg-offset12 {
+		margin-left: 100%
+	}
+}
+
+.layui-col-space1 {
+	margin: -.5px
+}
+
+.layui-col-space1>* {
+	padding: .5px
+}
+
+.layui-col-space3 {
+	margin: -1.5px
+}
+
+.layui-col-space3>* {
+	padding: 1.5px
+}
+
+.layui-col-space5 {
+	margin: -2.5px
+}
+
+.layui-col-space5>* {
+	padding: 2.5px
+}
+
+.layui-col-space8 {
+	margin: -3.5px
+}
+
+.layui-col-space8>* {
+	padding: 3.5px
+}
+
+.layui-col-space10 {
+	margin: -5px
+}
+
+.layui-col-space10>* {
+	padding: 5px
+}
+
+.layui-col-space12 {
+	margin: -6px
+}
+
+.layui-col-space12>* {
+	padding: 6px
+}
+
+.layui-col-space15 {
+	margin: -7.5px
+}
+
+.layui-col-space15>* {
+	padding: 7.5px
+}
+
+.layui-col-space18 {
+	margin: -9px
+}
+
+.layui-col-space18>* {
+	padding: 9px
+}
+
+.layui-col-space20 {
+	margin: -10px
+}
+
+.layui-col-space20>* {
+	padding: 10px
+}
+
+.layui-col-space22 {
+	margin: -11px
+}
+
+.layui-col-space22>* {
+	padding: 11px
+}
+
+.layui-col-space25 {
+	margin: -12.5px
+}
+
+.layui-col-space25>* {
+	padding: 12.5px
+}
+
+.layui-col-space30 {
+	margin: -15px
+}
+
+.layui-col-space30>* {
+	padding: 15px
+}
+
+.layui-btn, .layui-input, .layui-select, .layui-textarea,
+	.layui-upload-button {
+	outline: 0;
+	-webkit-transition: border-color .3s cubic-bezier(.65, .05, .35, .5);
+	transition: border-color .3s cubic-bezier(.65, .05, .35, .5);
+	box-sizing: border-box
+}
+
+.layui-elem-quote {
+	margin-bottom: 10px;
+	padding: 15px;
+	line-height: 22px;
+	border-left: 5px solid #009688;
+	border-radius: 0 2px 2px 0;
+	background-color: #f2f2f2
+}
+
+.layui-quote-nm {
+	border-color: #e2e2e2;
+	border-style: solid;
+	border-width: 1px 1px 1px 5px;
+	background: 0 0
+}
+
+.layui-elem-field {
+	margin-bottom: 10px;
+	padding: 0;
+	border: 1px solid #e2e2e2
+}
+
+.layui-elem-field legend {
+	margin-left: 20px;
+	padding: 0 10px;
+	font-size: 20px;
+	font-weight: 300
+}
+
+.layui-field-title {
+	margin: 10px 0 20px;
+	border: none;
+	border-top: 1px solid #e2e2e2
+}
+
+.layui-field-box {
+	padding: 10px 15px
+}
+
+.layui-field-title .layui-field-box {
+	padding: 10px 0
+}
+
+.layui-progress {
+	position: relative;
+	border-radius: 20px;
+	background: #fff;
+	height: 10px;
+}
+
+.layui-progress-bar {
+	position: absolute;
+	width: 0;
+	max-width: 100%;
+	border-radius: 20px;
+	text-align: right;
+	transition: all .3s;
+	-webkit-transition: all .3s;
+	height: 10px;
+	background:linear-gradient(to right,#eff9e2,#b5ebcb) ;
+	animation:progress 3s linear;
+}
+
+
+.layui-progress{}
+	.layui-progress-bar{
+		
+	}
+
+
+.layui-progress-big, .layui-progress-big .layui-progress-bar {
+	height: 18px;
+	line-height: 18px
+}
+
+.layui-progress-text {
+	position: relative;
+	top: -18px;
+	line-height: 18px;
+	font-size: 12px;
+	color: #666
+}
+
+.layui-progress-big .layui-progress-text {
+	position: static;
+	padding: 0 10px;
+	color: #fff
+}
+
+.layui-collapse {
+	border: 1px solid #e2e2e2;
+	border-radius: 2px
+}
+
+.layui-colla-item {
+	border-top: 1px solid #e2e2e2
+}
+
+.layui-colla-item:first-child {
+	border-top: none
+}
+
+.layui-colla-title {
+	position: relative;
+	height: 42px;
+	line-height: 42px;
+	padding: 0 15px 0 35px;
+	color: #333;
+	background-color: #f2f2f2;
+	cursor: pointer
+}
+
+.layui-colla-content {
+	display: none;
+	padding: 10px 15px;
+	line-height: 22px;
+	border-top: 1px solid #e2e2e2;
+	color: #666
+}
+
+.layui-bg-black, .layui-bg-blue, .layui-bg-cyan, .layui-bg-green,
+	.layui-bg-orange, .layui-bg-red {
+	color: #fff !important
+}
+
+.layui-colla-icon {
+	position: absolute;
+	left: 15px;
+	top: 0;
+	font-size: 14px
+}
+
+.layui-bg-red {
+	background-color: #FF5722 !important
+}
+
+.layui-bg-orange {
+	background-color: #FFB800 !important
+}
+
+.layui-bg-green {
+	background-color: #009688 !important
+}
+
+.layui-bg-cyan {
+	background-color: #2F4056 !important
+}
+
+.layui-bg-blue {
+	background-color: #1E9FFF !important
+}
+
+.layui-bg-black {
+	background-color: #393D49 !important
+}
+
+.layui-bg-gray {
+	background-color: #eee !important;
+	color: #666 !important
+}
+
+.layui-text {
+	line-height: 22px;
+	font-size: 14px;
+	color: #666
+}
+
+.layui-text h1, .layui-text h2, .layui-text h3 {
+	font-weight: 500;
+	color: #333
+}
+
+.layui-text h1 {
+	font-size: 30px
+}
+
+.layui-text h2 {
+	font-size: 24px
+}
+
+.layui-text h3 {
+	font-size: 18px
+}
+
+.layui-text a {
+	color: #01AAED
+}
+
+.layui-text a:hover {
+	text-decoration: underline
+}
+
+.layui-text ul {
+	padding: 5px 0 5px 15px
+}
+
+.layui-text ul li {
+	margin-top: 5px;
+	list-style-type: disc
+}
+
+.layui-text em, .layui-word-aux {
+	color: #999 !important;
+	padding: 0 5px !important
+}
+
+.layui-btn {
+	display: inline-block;
+	height: 38px;
+	line-height: 38px;
+	padding: 0 18px;
+	background-color: #009688;
+	color: #fff;
+	white-space: nowrap;
+	text-align: center;
+	font-size: 14px;
+	border: none;
+	border-radius: 2px;
+	cursor: pointer;
+	opacity: .9;
+	filter: alpha(opacity = 90)
+}
+
+.layui-btn:hover {
+	opacity: .8;
+	filter: alpha(opacity = 80);
+	color: #fff
+}
+
+.layui-btn:active {
+	opacity: 1;
+	filter: alpha(opacity = 100)
+}
+
+.layui-btn+.layui-btn {
+	margin-left: 10px
+}
+
+.layui-btn-radius {
+	border-radius: 100px
+}
+
+.layui-btn .layui-icon {
+	margin-right: 3px;
+	font-size: 18px;
+	vertical-align: bottom;
+	vertical-align: middle\9
+}
+
+.layui-btn-primary {
+	border: 1px solid #C9C9C9;
+	background-color: #fff;
+	color: #555
+}
+
+.layui-btn-primary:hover {
+	border-color: #009688;
+	color: #333
+}
+
+.layui-btn-normal {
+	background-color: #1E9FFF
+}
+
+.layui-btn-warm {
+	background-color: #FFB800
+}
+
+.layui-btn-danger {
+	background-color: #FF5722
+}
+
+.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover
+	{
+	border: 1px solid #e6e6e6;
+	background-color: #FBFBFB;
+	color: #C9C9C9;
+	cursor: not-allowed;
+	opacity: 1
+}
+
+.layui-btn-big {
+	height: 44px;
+	line-height: 44px;
+	padding: 0 25px;
+	font-size: 16px
+}
+
+.layui-btn-small {
+	height: 30px;
+	line-height: 30px;
+	padding: 0 10px;
+	font-size: 12px
+}
+
+.layui-btn-small i {
+	font-size: 16px !important
+}
+
+.layui-btn-mini {
+	height: 22px;
+	line-height: 22px;
+	padding: 0 5px;
+	font-size: 12px
+}
+
+.layui-btn-mini i {
+	font-size: 14px !important
+}
+
+.layui-btn-group {
+	display: inline-block;
+	vertical-align: middle;
+	font-size: 0
+}
+
+.layui-btn-group .layui-btn {
+	margin-left: 0 !important;
+	margin-right: 0 !important;
+	border-left: 1px solid rgba(255, 255, 255, .5);
+	border-radius: 0
+}
+
+.layui-btn-group .layui-btn-primary {
+	border-left: none
+}
+
+.layui-btn-group .layui-btn-primary:hover {
+	border-color: #C9C9C9;
+	color: #009688
+}
+
+.layui-btn-group .layui-btn:first-child {
+	border-left: none;
+	border-radius: 2px 0 0 2px
+}
+
+.layui-btn-group .layui-btn-primary:first-child {
+	border-left: 1px solid #c9c9c9
+}
+
+.layui-btn-group .layui-btn:last-child {
+	border-radius: 0 2px 2px 0
+}
+
+.layui-btn-group .layui-btn+.layui-btn {
+	margin-left: 0
+}
+
+.layui-btn-group+.layui-btn-group {
+	margin-left: 10px
+}
+
+.layui-input, .layui-select, .layui-textarea {
+	height: 38px;
+	line-height: 38px;
+	line-height: 36px\9;
+	border: 1px solid #e6e6e6;
+	background-color: #fafafb;
+	border-radius: 2px
+}
+
+.layui-form-label, .layui-form-mid, .layui-textarea {
+	line-height: 20px;
+	position: relative
+}
+
+.layui-input, .layui-textarea {
+	display: block;
+	width: 100%;
+	padding-left: 10px
+}
+
+.layui-input:hover, .layui-textarea:hover {
+	border-color: #D2D2D2 !important
+}
+
+.layui-input:focus, .layui-textarea:focus {
+	border-color: #C9C9C9 !important
+}
+
+.layui-textarea {
+	min-height: 100px;
+	height: auto;
+	padding: 6px 10px;
+	resize: vertical
+}
+
+.layui-select {
+	padding: 0 10px
+}
+
+.layui-form input[type=checkbox], .layui-form input[type=radio],
+	.layui-form select {
+	display: none
+}
+
+.layui-form-item {
+	margin-bottom: 15px;
+	clear: both;
+	*zoom: 1
+}
+
+.layui-form-item:after {
+	content: '\20';
+	clear: both;
+	*zoom: 1;
+	display: block;
+	height: 0
+}
+
+.layui-form-label {
+	float: left;
+	display: block;
+	padding: 5px 15px;
+	width: 80px;
+	font-weight: 400;
+	text-align: right
+}
+
+.layui-form-item .layui-inline {
+	margin-bottom: 5px;
+	margin-right: 10px
+}
+
+.layui-input-block, .layui-input-inline {
+	position: relative
+}
+
+.layui-input-block {
+	margin-left: 110px;
+	min-height: 36px
+}
+
+.layui-input-inline {
+	display: inline-block;
+	vertical-align: middle
+}
+
+.layui-form-item .layui-input-inline {
+	float: left;
+	width: 190px;
+	margin-right: 10px
+}
+
+.layui-form-text .layui-input-inline {
+	width: auto
+}
+
+.layui-form-mid {
+	float: left;
+	display: block;
+	padding: 8px 0 !important;
+	margin-right: 10px
+}
+
+.layui-form-danger+.layui-form-select .layui-input, .layui-form-danger:focus
+	{
+	border: 1px solid #FF5722 !important
+}
+
+.layui-form-select {
+	position: relative
+}
+
+.layui-form-select .layui-input {
+	padding-right: 30px;
+	cursor: pointer
+}
+
+.layui-form-select .layui-edge {
+	position: absolute;
+	right: 10px;
+	top: 50%;
+	margin-top: -3px;
+	cursor: pointer;
+	border-width: 6px;
+	border-top-color: #c2c2c2;
+	border-top-style: solid;
+	transition: all .3s;
+	-webkit-transition: all .3s
+}
+
+.layui-form-select dl {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: 32px;
+	padding: 5px 0;
+	z-index: 999;
+	min-width: 100%;
+	border: 1px solid #d2d2d2;
+	max-height: 300px;
+	overflow-y: auto;
+	background-color: #fff;
+	border-radius: 2px;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
+	box-sizing: border-box
+}
+
+.layui-form-select dl dd, .layui-form-select dl dt {
+	padding: 0 10px;
+	line-height: 30px;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis
+}
+
+.layui-form-select dl dt {
+	font-size: 12px;
+	color: #999
+}
+
+.layui-form-select dl dd {
+	cursor: pointer
+}
+
+.layui-form-select dl dd:hover {
+	background-color: #dbe2fe
+}
+
+.layui-form-select .layui-select-group dd {
+	padding-left: 20px
+}
+
+.layui-form-select dl dd.layui-select-tips {
+	padding-left: 10px !important;
+	color: #999
+}
+
+.layui-form-select dl dd.layui-this {
+	background-color: #c6d1fa;
+	color: #fff
+}
+
+.layui-form-checkbox, .layui-form-select dl dd.layui-disabled {
+	background-color: #fff
+}
+
+.layui-form-selected dl {
+	display: block
+}
+
+.layui-form-checkbox, .layui-form-checkbox *, .layui-form-radio,
+	.layui-form-radio *, .layui-form-switch {
+	display: inline-block;
+	vertical-align: middle
+}
+
+.layui-form-selected .layui-edge {
+	margin-top: -9px;
+	-webkit-transform: rotate(180deg);
+	transform: rotate(180deg);
+	margin-top: -3px\9
+}
+
+:root .layui-form-selected .layui-edge {
+	margin-top: -9px\0/IE9
+}
+
+.layui-form-selectup dl {
+	top: auto;
+	bottom: 42px
+}
+
+.layui-select-none {
+	margin: 5px 0;
+	text-align: center;
+	color: #999
+}
+
+.layui-select-disabled .layui-disabled {
+	border-color: #eee !important
+}
+
+.layui-select-disabled .layui-edge {
+	border-top-color: #d2d2d2
+}
+
+.layui-form-checkbox {
+	position: relative;
+	height: 30px;
+	line-height: 28px;
+	margin-right: 10px;
+	padding-right: 30px;
+	border: 1px solid #d2d2d2;
+	cursor: pointer;
+	font-size: 0;
+	border-radius: 2px;
+	-webkit-transition: .1s linear;
+	transition: .1s linear;
+	box-sizing: border-box
+}
+
+.layui-form-checkbox:hover {
+	border: 1px solid #c2c2c2
+}
+
+.layui-form-checkbox span {
+	padding: 0 10px;
+	height: 100%;
+	font-size: 14px;
+	background-color: #d2d2d2;
+	color: #fff;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis
+}
+
+.layui-form-checkbox:hover span {
+	background-color: #c2c2c2
+}
+
+.layui-form-checkbox i {
+	position: absolute;
+	right: 0;
+	width: 30px;
+	color: #fff;
+	font-size: 20px;
+	text-align: center
+}
+
+.layui-form-checkbox:hover i {
+	color: #c2c2c2
+}
+
+.layui-form-checked, .layui-form-checked:hover {
+	border-color: #5FB878
+}
+
+.layui-form-checked span, .layui-form-checked:hover span {
+	background-color: #5FB878
+}
+
+.layui-form-checked i, .layui-form-checked:hover i {
+	color: #5FB878
+}
+
+.layui-form-item .layui-form-checkbox {
+	margin-top: 4px
+}
+
+.layui-form-checkbox[lay-skin=primary] {
+	height: auto !important;
+	line-height: normal !important;
+	border: none !important;
+	margin-right: 0;
+	padding-right: 0;
+	background: 0 0
+}
+
+.layui-form-checkbox[lay-skin=primary] span {
+	float: right;
+	padding-right: 15px;
+	line-height: 18px;
+	background: 0 0;
+	color: #6f7eb6
+}
+
+.layui-form-checkbox[lay-skin=primary] i {
+	position: relative;
+	top: 0;
+	width: 16px;
+	height: 16px;
+	line-height: 16px;
+	border: 1px solid #d2d2d2;
+	font-size: 12px;
+	border-radius: 2px;
+	background-color: #fff;
+	-webkit-transition: .1s linear;
+	transition: .1s linear
+}
+
+.layui-form-checkbox[lay-skin=primary]:hover i {
+	border-color: #7b7de5;
+	color: #fff
+}
+
+.layui-form-checked[lay-skin=primary] i {
+	border-color: #7b7de5;
+	background-color: #7b7de5;
+	color: #fff
+}
+
+.layui-checkbox-disbaled[lay-skin=primary] span {
+	background: 0 0 !important
+}
+
+.layui-checkbox-disbaled[lay-skin=primary]:hover i {
+	border-color: #d2d2d2
+}
+
+.layui-form-item .layui-form-checkbox[lay-skin=primary] {
+	margin-top: 10px
+}
+
+.layui-form-switch {
+	position: relative;
+	height: 22px;
+	line-height: 22px;
+	width: 42px;
+	padding: 0 5px;
+	margin-top: 8px;
+	border: 1px solid #d2d2d2;
+	border-radius: 20px;
+	cursor: pointer;
+	background-color: #fff;
+	-webkit-transition: .1s linear;
+	transition: .1s linear
+}
+
+.layui-form-switch i {
+	position: absolute;
+	left: 5px;
+	top: 3px;
+	width: 16px;
+	height: 16px;
+	border-radius: 20px;
+	background-color: #d2d2d2;
+	-webkit-transition: .1s linear;
+	transition: .1s linear
+}
+
+.layui-form-switch em {
+	position: absolute;
+	right: 5px;
+	top: 0;
+	width: 25px;
+	padding: 0 !important;
+	text-align: center !important;
+	color: #999 !important;
+	font-style: normal !important;
+	font-size: 12px
+}
+
+.layui-form-onswitch {
+	border-color: #5FB878;
+	background-color: #5FB878
+}
+
+.layui-form-onswitch i {
+	left: 32px;
+	background-color: #fff
+}
+
+.layui-form-onswitch em {
+	left: 5px;
+	right: auto;
+	color: #fff !important
+}
+
+.layui-checkbox-disbaled {
+	border-color: #e2e2e2 !important
+}
+
+.layui-checkbox-disbaled span {
+	background-color: #e2e2e2 !important
+}
+
+.layui-checkbox-disbaled:hover i {
+	color: #fff !important
+}
+
+.layui-form-radio {
+	line-height: 28px;
+	margin: 6px 10px 0 0;
+	padding-right: 10px;
+	cursor: pointer;
+	font-size: 0
+}
+
+.layui-form-radio i {
+	margin-right: 8px;
+	font-size: 16px;
+	color: #c2c2c2
+}
+
+.layui-form-radio span {
+	font-size: 14px
+}
+
+.layui-form-radio i:hover, .layui-form-radioed i {
+	color: #7b7de5
+}
+
+.layui-radio-disbaled i {
+	color: #e2e2e2 !important
+}
+
+.layui-form-pane .layui-form-label {
+	width: 110px;
+	padding: 8px 15px;
+	height: 38px;
+	line-height: 20px;
+	border: 1px solid #e6e6e6;
+	border-radius: 2px 0 0 2px;
+	text-align: center;
+	background-color: #FBFBFB;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	box-sizing: border-box
+}
+
+.layui-form-pane .layui-input-inline {
+	margin-left: -1px
+}
+
+.layui-form-pane .layui-input-block {
+	margin-left: 110px;
+	left: -1px
+}
+
+.layui-form-pane .layui-input {
+	border-radius: 0 2px 2px 0
+}
+
+.layui-form-pane .layui-form-text .layui-form-label {
+	float: none;
+	width: 100%;
+	border-right: 1px solid #e6e6e6;
+	border-radius: 2px;
+	box-sizing: border-box;
+	text-align: left
+}
+
+.layui-form-pane .layui-form-text .layui-input-inline {
+	display: block;
+	margin: 0;
+	top: -1px;
+	clear: both
+}
+
+.layui-form-pane .layui-form-text .layui-input-block {
+	margin: 0;
+	left: 0;
+	top: -1px
+}
+
+.layui-form-pane .layui-form-text .layui-textarea {
+	min-height: 100px;
+	border-radius: 0 0 2px 2px
+}
+
+.layui-form-pane .layui-form-checkbox {
+	margin: 4px 0 4px 10px
+}
+
+.layui-form-pane .layui-form-radio, .layui-form-pane .layui-form-switch
+	{
+	margin-top: 6px;
+	margin-left: 10px
+}
+
+.layui-form-pane .layui-form-item[pane] {
+	position: relative;
+	border: 1px solid #e6e6e6
+}
+
+.layui-form-pane .layui-form-item[pane] .layui-form-label {
+	position: absolute;
+	left: 0;
+	top: 0;
+	height: 100%;
+	border-width: 0 1px 0 0
+}
+
+.layui-form-pane .layui-form-item[pane] .layui-input-inline {
+	margin-left: 110px
+}
+
+@media screen and (max-width:450px) {
+	.layui-form-item .layui-form-label {
+		text-overflow: ellipsis;
+		overflow: hidden;
+		white-space: nowrap
+	}
+	.layui-form-item .layui-inline {
+		display: block;
+		margin-right: 0;
+		margin-bottom: 20px;
+		clear: both
+	}
+	.layui-form-item .layui-inline:after {
+		content: '\20';
+		clear: both;
+		display: block;
+		height: 0
+	}
+	.layui-form-item .layui-input-inline {
+		display: block;
+		float: none;
+		left: -3px;
+		width: auto;
+		margin: 0 0 10px 112px
+	}
+	.layui-form-item .layui-input-inline+.layui-form-mid {
+		margin-left: 110px;
+		top: -5px;
+		padding: 0
+	}
+	.layui-form-item .layui-form-checkbox {
+		margin-right: 5px;
+		margin-bottom: 5px
+	}
+}
+
+.layui-layedit {
+	border: 1px solid #d2d2d2;
+	border-radius: 2px
+}
+
+.layui-layedit-tool {
+	padding: 3px 5px;
+	border-bottom: 1px solid #e2e2e2;
+	font-size: 0
+}
+
+.layedit-tool-fixed {
+	position: fixed;
+	top: 0;
+	border-top: 1px solid #e2e2e2
+}
+
+.layui-layedit-tool .layedit-tool-mid, .layui-layedit-tool .layui-icon {
+	display: inline-block;
+	vertical-align: middle;
+	text-align: center;
+	font-size: 14px
+}
+
+.layui-layedit-tool .layui-icon {
+	position: relative;
+	width: 32px;
+	height: 30px;
+	line-height: 30px;
+	margin: 3px 5px;
+	color: #777;
+	cursor: pointer;
+	border-radius: 2px
+}
+
+.layui-layedit-tool .layui-icon:hover {
+	color: #393D49
+}
+
+.layui-layedit-tool .layui-icon:active {
+	color: #000
+}
+
+.layui-layedit-tool .layedit-tool-active {
+	background-color: #e2e2e2;
+	color: #000
+}
+
+.layui-layedit-tool .layui-disabled, .layui-layedit-tool .layui-disabled:hover
+	{
+	color: #d2d2d2;
+	cursor: not-allowed
+}
+
+.layui-layedit-tool .layedit-tool-mid {
+	width: 1px;
+	height: 18px;
+	margin: 0 10px;
+	background-color: #d2d2d2
+}
+
+.layedit-tool-html {
+	width: 50px !important;
+	font-size: 30px !important
+}
+
+.layedit-tool-b, .layedit-tool-code, .layedit-tool-help {
+	font-size: 16px !important
+}
+
+.layedit-tool-d, .layedit-tool-face, .layedit-tool-image,
+	.layedit-tool-unlink {
+	font-size: 18px !important
+}
+
+.layedit-tool-image input {
+	position: absolute;
+	font-size: 0;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	opacity: .01;
+	filter: Alpha(opacity = 1);
+	cursor: pointer
+}
+
+.layui-layedit-iframe iframe {
+	display: block;
+	width: 100%
+}
+
+#LAY_layedit_code {
+	overflow: hidden
+}
+
+.layui-laypage {
+	display: inline-block;
+	*display: inline;
+	*zoom: 1;
+	vertical-align: middle;
+	margin: 10px 0;
+	font-size: 0
+}
+
+.layui-laypage>a:first-child, .layui-laypage>a:first-child em {
+	border-radius: 2px 0 0 2px
+}
+
+.layui-laypage>a:last-child, .layui-laypage>a:last-child em {
+	border-radius: 0 2px 2px 0
+}
+
+.layui-laypage>:first-child {
+	margin-left: 0 !important
+}
+
+.layui-laypage>:last-child {
+	margin-right: 0 !important
+}
+
+.layui-laypage a, .layui-laypage button, .layui-laypage input,
+	.layui-laypage select, .layui-laypage span {
+	border: 1px solid #e2e2e2
+}
+
+.layui-laypage a, .layui-laypage span {
+	display: inline-block;
+	*display: inline;
+	*zoom: 1;
+	vertical-align: middle;
+	padding: 0 15px;
+	height: 28px;
+	line-height: 28px;
+	margin: 0 -1px 5px 0;
+	background-color: #fff;
+	color: #333;
+	font-size: 12px
+}
+
+.layui-laypage a:hover {
+	color: #009688
+}
+
+.layui-laypage em {
+	font-style: normal
+}
+
+.layui-laypage .layui-laypage-spr {
+	color: #999;
+	font-weight: 700
+}
+
+.layui-laypage a {
+	text-decoration: none
+}
+
+.layui-laypage .layui-laypage-curr {
+	position: relative
+}
+
+.layui-laypage .layui-laypage-curr em {
+	position: relative;
+	color: #fff
+}
+
+.layui-laypage .layui-laypage-curr .layui-laypage-em {
+	position: absolute;
+	left: -1px;
+	top: -1px;
+	padding: 1px;
+	width: 100%;
+	height: 100%;
+	background-color: #009688
+}
+
+.layui-laypage-em {
+	border-radius: 2px
+}
+
+.layui-laypage-next em, .layui-laypage-prev em {
+	font-family: Sim sun;
+	font-size: 16px
+}
+
+.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits,
+	.layui-laypage .layui-laypage-skip {
+	margin-left: 10px;
+	margin-right: 10px;
+	padding: 0;
+	border: none
+}
+
+.layui-laypage .layui-laypage-limits {
+	vertical-align: top
+}
+
+.layui-laypage select {
+	height: 22px;
+	padding: 3px;
+	border-radius: 2px;
+	cursor: pointer
+}
+
+.layui-laypage .layui-laypage-skip {
+	height: 30px;
+	line-height: 30px;
+	color: #999
+}
+
+.layui-laypage button, .layui-laypage input {
+	height: 30px;
+	line-height: 30px;
+	border: 1px solid #e2e2e2;
+	border-radius: 2px;
+	vertical-align: top;
+	background-color: #fff;
+	box-sizing: border-box
+}
+
+.layui-laypage input {
+	display: inline-block;
+	width: 40px;
+	margin: 0 10px;
+	padding: 0 3px;
+	text-align: center
+}
+
+.layui-laypage input:focus, .layui-laypage select:focus {
+	border-color: #009688 !important
+}
+
+.layui-laypage button {
+	margin-left: 10px;
+	padding: 0 10px;
+	cursor: pointer
+}
+
+.layui-flow-more {
+	margin: 10px 0;
+	text-align: center;
+	color: #999;
+	font-size: 14px
+}
+
+.layui-flow-more a {
+	height: 32px;
+	line-height: 32px
+}
+
+.layui-flow-more a * {
+	display: inline-block;
+	vertical-align: top
+}
+
+.layui-flow-more a cite {
+	padding: 0 20px;
+	border-radius: 3px;
+	background-color: #eee;
+	color: #333;
+	font-style: normal
+}
+
+.layui-flow-more a cite:hover {
+	opacity: .8
+}
+
+.layui-flow-more a i {
+	font-size: 30px;
+	color: #737383
+}
+
+.layui-table {
+	width: 100%;
+	margin: 10px 0;
+	background-color: #fff
+}
+
+.layui-table tr {
+	transition: all .3s;
+	-webkit-transition: all .3s
+}
+
+.layui-table thead tr, .layui-table-fixed-l tr, .layui-table-header,
+	.layui-table-mend, .layui-table-patch, .layui-table-tool {
+	background-color: #f2f2f2
+}
+
+.layui-table th {
+	text-align: left;
+	font-weight: 400
+}
+
+.layui-table td, .layui-table th, .layui-table-header, .layui-table-tool,
+	.layui-table-view, .layui-table[lay-skin=row], .layui-table[lay-skin=line]
+	{
+	border: 1px solid #e2e2e2
+}
+
+.layui-table td, .layui-table th {
+	position: relative;
+	padding: 9px 15px;
+	min-height: 20px;
+	line-height: 20px;
+	font-size: 14px
+}
+
+.layui-table[lay-even] tr:nth-child(even) {
+	background-color: #f8f8f8
+}
+
+.layui-table tbody tr:hover, .layui-table-hover {
+	background-color: #f2f2f2 !important
+}
+
+.layui-table-click {
+	background-color: #FFEEE8 !important
+}
+
+.layui-table[lay-skin=line] td, .layui-table[lay-skin=line] th {
+	border-width: 0 0 1px
+}
+
+.layui-table[lay-skin=row] td, .layui-table[lay-skin=row] th {
+	border-width: 0 1px 0 0
+}
+
+.layui-table[lay-skin=nob] td, .layui-table[lay-skin=nob] th {
+	border: none
+}
+
+.layui-table img {
+	max-width: 100px
+}
+
+.layui-table[lay-size=lg] td, .layui-table[lay-size=lg] th {
+	padding: 15px 30px
+}
+
+.layui-table-view .layui-table[lay-size=lg] .layui-table-cell {
+	height: 40px;
+	line-height: 40px
+}
+
+.layui-table[lay-size=sm] td, .layui-table[lay-size=sm] th {
+	font-size: 12px;
+	padding: 5px 10px
+}
+
+.layui-table-view .layui-table[lay-size=sm] .layui-table-cell {
+	height: 20px;
+	line-height: 20px
+}
+
+.layui-table[lay-data] {
+	display: none
+}
+
+.layui-table-view {
+	position: relative;
+	margin: 10px 0;
+	overflow: hidden
+}
+
+.layui-table-view .layui-table {
+	position: relative;
+	width: auto;
+	margin: 0
+}
+
+.layui-table-body, .layui-table-header .layui-table {
+	margin-bottom: -1px
+}
+
+.layui-table-view .layui-table[lay-skin=line] {
+	border-width: 0 1px 0 0
+}
+
+.layui-table-view .layui-table[lay-skin=row] {
+	border-width: 0 0 1px
+}
+
+.layui-table-view .layui-table td, .layui-table-view .layui-table th {
+	padding: 5px 0;
+	border-top: none;
+	border-left: none
+}
+
+.layui-table-view .layui-table td {
+	cursor: default
+}
+
+.layui-table-view .layui-form-checkbox[lay-skin=primary] i {
+	width: 18px;
+	height: 18px
+}
+
+.layui-table-header {
+	border-width: 0 0 1px;
+	overflow: hidden
+}
+
+.layui-table-sort {
+	width: 20px;
+	height: 20px;
+	margin-left: 5px;
+	cursor: pointer !important
+}
+
+.layui-table-sort .layui-edge {
+	left: 5px;
+	border-width: 5px
+}
+
+.layui-table-sort .layui-table-sort-asc {
+	top: 4px;
+	border-top: none;
+	border-bottom-style: solid;
+	border-bottom-color: #b2b2b2
+}
+
+.layui-table-sort .layui-table-sort-asc:hover {
+	border-bottom-color: #666
+}
+
+.layui-table-sort .layui-table-sort-desc {
+	bottom: 4px;
+	border-bottom: none;
+	border-top-style: solid;
+	border-top-color: #b2b2b2
+}
+
+.layui-table-sort .layui-table-sort-desc:hover {
+	border-top-color: #666
+}
+
+.layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
+	border-bottom-color: #000
+}
+
+.layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
+	border-top-color: #000
+}
+
+.layui-table-cell {
+	height: 28px;
+	line-height: 28px;
+	padding: 0 15px;
+	position: relative;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	box-sizing: border-box
+}
+
+.layui-table-cell .layui-form-checkbox {
+	top: -1px
+}
+
+.layui-table-cell .layui-table-link {
+	color: #01AAED
+}
+
+.layui-table-body {
+	position: relative;
+	overflow: auto;
+	margin-right: -1px
+}
+
+.layui-table-body .layui-none {
+	line-height: 40px;
+	text-align: center;
+	color: #999
+}
+
+.layui-table-fixed {
+	position: absolute;
+	left: 0;
+	top: 0
+}
+
+.layui-table-fixed .layui-table-body {
+	overflow: hidden
+}
+
+.layui-table-fixed-r {
+	left: auto;
+	right: -1px;
+	box-shadow: -1px 0 8px rgba(0, 0, 0, .1)
+}
+
+.layui-table-fixed-r td, .layui-table-fixed-r th {
+	border-left: 1px solid #e2e2e2 !important
+}
+
+.layui-table-fixed-r .layui-table-header {
+	position: relative;
+	overflow: visible
+}
+
+.layui-table-mend {
+	position: absolute;
+	right: -49px;
+	top: 0;
+	height: 100%;
+	width: 50px
+}
+
+.layui-table-tool {
+	position: relative;
+	top: 1px;
+	width: 100%;
+	padding: 7px 10px 0 0;
+	border-width: 1px 0 0;
+	height: 41px;
+	font-size: 12px;
+	white-space: nowrap
+}
+
+.layui-table-tool:hover {
+	overflow-x: auto
+}
+
+.layui-table-page {
+	height: 26px
+}
+
+.layui-table-tool .layui-laypage {
+	margin: 0
+}
+
+.layui-table-tool .layui-laypage a, .layui-table-tool .layui-laypage span
+	{
+	height: 26px;
+	line-height: 26px;
+	border: none;
+	background: 0 0;
+	padding: 0 12px
+}
+
+.layui-table-tool .layui-laypage .layui-laypage-count, .layui-table-tool .layui-laypage .layui-laypage-limits,
+	.layui-table-tool .layui-laypage .layui-laypage-skip {
+	margin-left: 0;
+	padding: 0
+}
+
+.layui-table-tool .layui-laypage .layui-laypage-total {
+	padding: 0 10px
+}
+
+.layui-table-tool .layui-laypage .layui-laypage-spr {
+	padding: 0
+}
+
+.layui-table-tool .layui-laypage button, .layui-table-tool .layui-laypage input
+	{
+	height: 26px;
+	line-height: 26px
+}
+
+.layui-table-tool .layui-laypage input {
+	width: 40px
+}
+
+.layui-table-tool .layui-laypage button {
+	padding: 0 10px
+}
+
+.layui-table-view select[lay-ignore] {
+	display: inline-block
+}
+
+.layui-table-tool select {
+	height: 18px
+}
+
+.layui-table-patch .layui-table-cell {
+	padding: 0;
+	width: 30px
+}
+
+.layui-table-edit {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	padding: 0 15px 1px;
+	border: none
+}
+
+.layui-table-edit:focus {
+	background-color: #F0F9F2
+}
+
+body .layui-table-tips .layui-layer-content {
+	background: 0 0;
+	padding: 0;
+	box-shadow: 0 1px 6px rgba(0, 0, 0, .1)
+}
+
+.layui-table-tips-main {
+	margin: -44px 0 0 -1px;
+	max-height: 150px;
+	padding: 8px 15px;
+	font-size: 14px;
+	overflow-y: scroll;
+	background-color: #fff;
+	color: #333;
+	border: 1px solid #e2e2e2
+}
+
+.layui-code, .layui-upload-list {
+	margin: 10px 0
+}
+
+.layui-table-tips-c {
+	position: absolute;
+	right: -3px;
+	top: -12px;
+	width: 18px;
+	height: 18px;
+	padding: 3px;
+	text-align: center;
+	font-weight: 700;
+	border-radius: 100%;
+	font-size: 16px;
+	cursor: pointer;
+	background-color: #666
+}
+
+.layui-table-tips-c:hover {
+	background-color: #999
+}
+
+.layui-upload-file {
+	display: none !important;
+	opacity: .01;
+	filter: Alpha(opacity = 1)
+}
+
+.layui-upload-drag, .layui-upload-form, .layui-upload-wrap {
+	display: inline-block
+}
+
+.layui-upload-choose {
+	padding: 0 10px;
+	color: #999
+}
+
+.layui-upload-drag {
+	position: relative;
+	padding: 30px;
+	border: 1px dashed #e2e2e2;
+	background-color: #fff;
+	text-align: center;
+	cursor: pointer;
+	color: #999
+}
+
+.layui-upload-drag .layui-icon {
+	font-size: 50px;
+	color: #009688
+}
+
+.layui-upload-drag[lay-over] {
+	border-color: #009688
+}
+
+.layui-upload-iframe {
+	position: absolute;
+	width: 0;
+	height: 0;
+	border: 0;
+	visibility: hidden
+}
+
+.layui-upload-wrap {
+	position: relative;
+	vertical-align: middle
+}
+
+.layui-upload-wrap .layui-upload-file {
+	display: block !important;
+	position: absolute;
+	left: 0;
+	top: 0;
+	z-index: 10;
+	font-size: 100px;
+	width: 100%;
+	height: 100%;
+	opacity: .01;
+	filter: Alpha(opacity = 1);
+	cursor: pointer
+}
+
+.layui-code {
+	position: relative;
+	padding: 15px;
+	line-height: 20px;
+	border: 1px solid #ddd;
+	border-left-width: 6px;
+	background-color: #F2F2F2;
+	color: #333;
+	font-family: Courier New;
+	font-size: 12px
+}
+
+.layui-tree {
+	line-height: 26px
+}
+
+.layui-tree li {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap
+}
+
+.layui-tree li .layui-tree-spread, .layui-tree li a {
+	display: inline-block;
+	vertical-align: top;
+	height: 26px;
+	*display: inline;
+	*zoom: 1;
+	cursor: pointer
+}
+
+.layui-tree li a {
+	font-size: 0
+}
+
+.layui-tree li a i {
+	font-size: 16px
+}
+
+.layui-tree li a cite {
+	padding: 0 6px;
+	font-size: 14px;
+	font-style: normal
+}
+
+.layui-tree li i {
+	padding-left: 6px;
+	color: #333;
+	-moz-user-select: none
+}
+
+.layui-tree li .layui-tree-check {
+	font-size: 13px
+}
+
+.layui-tree li .layui-tree-check:hover {
+	color: #009E94
+}
+
+.layui-tree li ul {
+	display: none;
+	margin-left: 20px
+}
+
+.layui-tree li .layui-tree-enter {
+	line-height: 24px;
+	border: 1px dotted #000
+}
+
+.layui-tree-drag {
+	display: none;
+	position: absolute;
+	left: -666px;
+	top: -666px;
+	background-color: #f2f2f2;
+	padding: 5px 10px;
+	border: 1px dotted #000;
+	white-space: nowrap
+}
+
+.layui-tree-drag i {
+	padding-right: 5px
+}
+
+.layui-nav {
+	position: relative;
+	padding: 0 20px;
+	background-color: #393D49;
+	color: #fff;
+	border-radius: 2px;
+	font-size: 0;
+	box-sizing: border-box
+}
+
+.layui-nav * {
+	font-size: 14px
+}
+
+.layui-nav .layui-nav-item {
+	position: relative;
+	display: inline-block;
+	*display: inline;
+	*zoom: 1;
+	vertical-align: middle;
+	line-height: 60px
+}
+
+.layui-nav .layui-nav-item a {
+	display: block;
+	padding: 0 20px;
+	color: #fff;
+	opacity: .8;
+	transition: all .3s;
+	-webkit-transition: all .3s
+}
+
+.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after
+	{
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 0;
+	height: 5px;
+	background-color: #5FB878;
+	transition: all .2s;
+	-webkit-transition: all .2s
+}
+
+.layui-nav-bar {
+	z-index: 1000
+}
+
+.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
+	opacity: 1
+}
+
+.layui-nav .layui-this:after {
+	content: '';
+	top: auto;
+	bottom: 0;
+	width: 100%
+}
+
+.layui-nav-img {
+	width: 30px;
+	height: 30px;
+	margin-right: 10px;
+	border-radius: 50%
+}
+
+.layui-nav .layui-nav-more {
+	content: '';
+	width: 0;
+	height: 0;
+	border-style: solid dashed dashed;
+	border-color: #fff transparent transparent;
+	overflow: hidden;
+	cursor: pointer;
+	transition: all .2s;
+	-webkit-transition: all .2s;
+	position: absolute;
+	top: 28px;
+	right: 3px;
+	border-width: 6px;
+	opacity: .8
+}
+
+.layui-nav .layui-nav-mored, .layui-nav-itemed .layui-nav-more {
+	top: 22px;
+	border-style: dashed dashed solid;
+	border-color: transparent transparent #fff
+}
+
+.layui-nav-child {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: 65px;
+	min-width: 100%;
+	line-height: 36px;
+	padding: 5px 0;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
+	border: 1px solid #d2d2d2;
+	background-color: #fff;
+	z-index: 100;
+	border-radius: 2px;
+	white-space: nowrap
+}
+
+.layui-nav .layui-nav-child a {
+	color: #333
+}
+
+.layui-nav .layui-nav-child a:hover {
+	background-color: #f2f2f2
+}
+
+.layui-nav-child dd {
+	position: relative
+}
+
+.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this
+	{
+	background-color: #5FB878;
+	color: #fff
+}
+
+.layui-nav-child dd.layui-this:after {
+	display: none
+}
+
+.layui-nav-tree {
+	width: 200px;
+	padding: 0
+}
+
+.layui-nav-tree .layui-nav-item {
+	display: block;
+	width: 100%;
+	line-height: 45px
+}
+
+.layui-nav-tree .layui-nav-item a {
+	height: 45px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap
+}
+
+.layui-nav-tree .layui-nav-item a:hover {
+	background-color: #4E5465
+}
+
+.layui-nav-tree .layui-nav-bar {
+	width: 5px;
+	height: 0;
+	background-color: #009688
+}
+
+.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a,
+	.layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a,
+	.layui-nav-tree .layui-this>a:hover {
+	background-color: #009688;
+	color: #fff
+}
+
+.layui-nav-tree .layui-this:after {
+	display: none
+}
+
+.layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover
+	{
+	color: #fff !important
+}
+
+.layui-nav-tree .layui-nav-child {
+	position: relative;
+	z-index: 0;
+	top: 0;
+	border: none;
+	box-shadow: none
+}
+
+.layui-nav-tree .layui-nav-child a {
+	height: 40px;
+	line-height: 40px;
+	color: #fff;
+	opacity: .8
+}
+
+.layui-nav-tree .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover
+	{
+	background: 0 0;
+	opacity: 1
+}
+
+.layui-nav-tree .layui-nav-more {
+	top: 20px;
+	right: 10px
+}
+
+.layui-nav-itemed .layui-nav-more {
+	top: 14px
+}
+
+.layui-nav-itemed .layui-nav-child {
+	display: block;
+	padding: 0;
+	background-color: rgba(0, 0, 0, .3) !important
+}
+
+.layui-nav-side {
+	position: fixed;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	overflow-x: hidden;
+	z-index: 999
+}
+
+.layui-bg-blue .layui-nav-bar, .layui-bg-blue .layui-nav-itemed:after,
+	.layui-bg-blue .layui-this:after {
+	background-color: #93D1FF
+}
+
+.layui-bg-blue .layui-nav-child dd.layui-this {
+	background-color: #1E9FFF
+}
+
+.layui-bg-blue .layui-nav-itemed>a, .layui-nav-tree.layui-bg-blue .layui-nav-title a,
+	.layui-nav-tree.layui-bg-blue .layui-nav-title a:hover {
+	background-color: #007DDB !important
+}
+
+.layui-breadcrumb {
+	visibility: hidden;
+	font-size: 0
+}
+
+.layui-breadcrumb a {
+	padding-right: 8px;
+	line-height: 22px;
+	font-size: 14px;
+	color: #333 !important
+}
+
+.layui-breadcrumb a:hover {
+	color: #01AAED !important
+}
+
+.layui-breadcrumb a cite, .layui-breadcrumb a span {
+	color: #666;
+	cursor: text;
+	font-style: normal
+}
+
+.layui-breadcrumb a span {
+	padding-left: 8px;
+	font-family: Sim sun
+}
+
+.layui-tab {
+	margin: 10px 0;
+	text-align: left !important
+}
+
+.layui-tab[overflow]>.layui-tab-title {
+	overflow: hidden
+}
+
+.layui-tab-title {
+	position: relative;
+	left: 0;
+	height: 40px;
+	white-space: nowrap;
+	font-size: 0;
+	border-bottom: 1px solid #e2e2e2;
+	transition: all .2s;
+	-webkit-transition: all .2s
+}
+
+.layui-tab-title li {
+	display: inline-block;
+	*display: inline;
+	*zoom: 1;
+	vertical-align: middle;
+	font-size: 14px;
+	transition: all .2s;
+	-webkit-transition: all .2s;
+	position: relative;
+	line-height: 40px;
+	min-width: 65px;
+	padding: 0 15px;
+	text-align: center;
+	cursor: pointer
+}
+
+.layui-tab-title li a {
+	display: block
+}
+
+.layui-tab-title .layui-this {
+	color: #000
+}
+
+.layui-tab-title .layui-this:after {
+	position: absolute;
+	left: 0;
+	top: 0;
+	content: '';
+	width: 100%;
+	height: 41px;
+	border: 1px solid #e2e2e2;
+	border-bottom-color: #fff;
+	border-radius: 2px 2px 0 0;
+	box-sizing: border-box;
+	pointer-events: none
+}
+
+.layui-tab-bar {
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 10;
+	width: 30px;
+	height: 39px;
+	line-height: 39px;
+	border: 1px solid #e2e2e2;
+	border-radius: 2px;
+	text-align: center;
+	background-color: #fff;
+	cursor: pointer
+}
+
+.layui-tab-bar .layui-icon {
+	position: relative;
+	display: inline-block;
+	top: 3px;
+	transition: all .3s;
+	-webkit-transition: all .3s
+}
+
+.layui-tab-item {
+	display: none
+}
+
+.layui-tab-more {
+	padding-right: 30px;
+	height: auto !important;
+	white-space: normal !important
+}
+
+.layui-tab-more li.layui-this:after {
+	border-bottom-color: #e2e2e2;
+	border-radius: 2px
+}
+
+.layui-tab-more .layui-tab-bar .layui-icon {
+	top: -2px;
+	top: 3px\9;
+	-webkit-transform: rotate(180deg);
+	transform: rotate(180deg)
+}
+
+:root .layui-tab-more .layui-tab-bar .layui-icon {
+	top: -2px\0/IE9
+}
+
+.layui-tab-content {
+	padding: 10px
+}
+
+.layui-tab-title li .layui-tab-close {
+	position: relative;
+	display: inline-block;
+	width: 18px;
+	height: 18px;
+	line-height: 20px;
+	margin-left: 8px;
+	top: 1px;
+	text-align: center;
+	font-size: 14px;
+	color: #c2c2c2;
+	transition: all .2s;
+	-webkit-transition: all .2s
+}
+
+.layui-tab-title li .layui-tab-close:hover {
+	border-radius: 2px;
+	background-color: #FF5722;
+	color: #fff
+}
+
+.layui-tab-brief>.layui-tab-title .layui-this {
+	color: #009688
+}
+
+.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after
+	{
+	border: none;
+	border-radius: 0;
+	border-bottom: 2px solid #5FB878
+}
+
+.layui-tab-brief[overflow]>.layui-tab-title .layui-this:after {
+	top: -1px
+}
+
+.layui-tab-card {
+	border: 1px solid #e2e2e2;
+	border-radius: 2px;
+	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1)
+}
+
+.layui-tab-card>.layui-tab-title {
+	background-color: #f2f2f2
+}
+
+.layui-tab-card>.layui-tab-title li {
+	margin-right: -1px;
+	margin-left: -1px
+}
+
+.layui-tab-card>.layui-tab-title .layui-this {
+	background-color: #fff
+}
+
+.layui-tab-card>.layui-tab-title .layui-this:after {
+	border-top: none;
+	border-width: 1px;
+	border-bottom-color: #fff
+}
+
+.layui-tab-card>.layui-tab-title .layui-tab-bar {
+	height: 40px;
+	line-height: 40px;
+	border-radius: 0;
+	border-top: none;
+	border-right: none
+}
+
+.layui-tab-card>.layui-tab-more .layui-this {
+	background: 0 0;
+	color: #5FB878
+}
+
+.layui-tab-card>.layui-tab-more .layui-this:after {
+	border: none
+}
+
+.layui-timeline {
+	padding-left: 5px
+}
+
+.layui-timeline-item {
+	position: relative;
+	padding-bottom: 20px
+}
+
+.layui-timeline-axis {
+	position: absolute;
+	left: -5px;
+	top: 0;
+	z-index: 10;
+	width: 20px;
+	height: 20px;
+	line-height: 20px;
+	background-color: #fff;
+	color: #5FB878;
+	border-radius: 50%;
+	text-align: center;
+	cursor: pointer
+}
+
+.layui-timeline-axis:hover {
+	color: #FF5722
+}
+
+.layui-timeline-item:before {
+	content: '';
+	position: absolute;
+	left: 5px;
+	top: 0;
+	z-index: 0;
+	width: 1px;
+	height: 100%;
+	background-color: #e2e2e2
+}
+
+.layui-timeline-item:last-child:before {
+	display: none
+}
+
+.layui-timeline-item:first-child:before {
+	display: block
+}
+
+.layui-timeline-content {
+	padding-left: 25px
+}
+
+.layui-badge, .layui-badge-rim {
+	line-height: 18px;
+	padding: 0 5px
+}
+
+.layui-timeline-title {
+	position: relative;
+	margin-bottom: 10px
+}
+
+.layui-badge, .layui-badge-dot, .layui-badge-rim {
+	position: relative;
+	display: inline-block;
+	font-size: 12px;
+	background-color: #FF5722;
+	color: #fff
+}
+
+.layui-badge {
+	min-width: 8px;
+	height: 18px;
+	text-align: center;
+	border-radius: 9px
+}
+
+.layui-badge-dot {
+	width: 8px;
+	height: 8px;
+	border-radius: 50%
+}
+
+.layui-badge-rim {
+	height: 18px;
+	border: 1px solid #e2e2e2;
+	border-radius: 3px;
+	background-color: #fff;
+	color: #666
+}
+
+.layui-btn .layui-badge, .layui-btn .layui-badge-dot {
+	margin-left: 5px
+}
+
+.layui-nav .layui-badge, .layui-nav .layui-badge-dot {
+	position: absolute;
+	top: 50%;
+	margin: -10px 6px 0
+}
+
+.layui-tab-title .layui-badge, .layui-tab-title .layui-badge-dot {
+	left: 5px;
+	top: -2px
+}
+
+.layui-carousel {
+	position: relative;
+	left: 0;
+	top: 0;
+	/* background-color: #f2f2f2 */
+}
+
+.layui-carousel>[carousel-item] {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	overflow: hidden
+}
+
+.layui-carousel>[carousel-item]:before {
+	position: absolute;
+	content: '\e63d';
+	left: 50%;
+	top: 50%;
+	width: 100px;
+	line-height: 20px;
+	margin: -10px 0 0 -50px;
+	text-align: center;
+	color: #999;
+	font-family: layui-icon !important;
+	font-size: 20px;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale
+}
+
+.layui-carousel>[carousel-item]>* {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	background-color: #f2f2f2;
+	transition-duration: .3s;
+	-webkit-transition-duration: .3s
+}
+
+.layui-carousel-updown>* {
+	-webkit-transition: .3s ease-in-out up;
+	transition: .3s ease-in-out up
+}
+
+.layui-carousel-arrow {
+	display: none\9;
+	opacity: 0;
+	position: absolute;
+	left: 10px;
+	top: 50%;
+	margin-top: -18px;
+	width: 36px;
+	height: 36px;
+	line-height: 36px;
+	text-align: center;
+	font-size: 20px;
+	border: 0;
+	border-radius: 50%;
+	background-color: rgba(0, 0, 0, .2);
+	color: #fff;
+	-webkit-transition-duration: .3s;
+	transition-duration: .3s;
+	cursor: pointer
+}
+
+.layui-carousel-arrow[lay-type=add] {
+	left: auto !important;
+	right: 10px
+}
+
+.layui-carousel:hover .layui-carousel-arrow[lay-type=add],
+	.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
+	right: 20px
+}
+
+.layui-carousel[lay-arrow=always] .layui-carousel-arrow {
+	opacity: 1;
+	left: 20px
+}
+
+.layui-carousel[lay-arrow=none] .layui-carousel-arrow {
+	display: none
+}
+
+.layui-carousel-arrow:hover, .layui-carousel-ind ul:hover {
+	/* background-color: rgba(0, 0, 0, .35) */
+}
+
+.layui-carousel:hover .layui-carousel-arrow {
+	display: block\9;
+	opacity: 1;
+	left: 20px
+}
+
+.layui-carousel-ind {
+	position: relative;
+	top: -35px;
+	width: 100%;
+	line-height: 0 !important;
+	text-align: center;
+	font-size: 0
+}
+
+.layui-carousel[lay-indicator=outside] {
+	margin-bottom: 30px
+}
+
+.layui-carousel[lay-indicator=outside] .layui-carousel-ind {
+	top: 10px
+}
+
+.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul {
+	background-color: rgba(0, 0, 0, .5)
+}
+
+.layui-carousel[lay-indicator=none] .layui-carousel-ind {
+	display: none
+}
+
+.layui-carousel-ind ul {
+	display: inline-block;
+	padding: 5px;
+	border-radius: 10px;
+	-webkit-transition-duration: .3s;
+	transition-duration: .3s
+}
+
+.layui-carousel-ind li {
+	display: inline-block;
+	width: 10px;
+	height: 10px;
+	margin: 0 3px;
+	font-size: 14px;
+	background-color: #e2e2e2;
+	background-color: #cdbdf1;
+	border-radius: 50%;
+	cursor: pointer;
+	-webkit-transition-duration: .3s;
+	transition-duration: .3s
+}
+
+.layui-carousel-ind li:hover {
+	background-color: rgba(255, 255, 255, .7)
+}
+
+.layui-carousel-ind li.layui-this {
+	background-color: #825add
+}
+
+.layui-carousel>[carousel-item]>.layui-carousel-next, .layui-carousel>[carousel-item]>.layui-carousel-prev,
+	.layui-carousel>[carousel-item]>.layui-this {
+	display: block
+}
+
+.layui-carousel>[carousel-item]>.layui-this {
+	left: 0
+}
+
+.layui-carousel>[carousel-item]>.layui-carousel-prev {
+	left: -100%
+}
+
+.layui-carousel>[carousel-item]>.layui-carousel-next {
+	left: 100%
+}
+
+.layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left,
+	.layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right
+	{
+	left: 0
+}
+
+.layui-carousel>[carousel-item]>.layui-this.layui-carousel-left {
+	left: -100%
+}
+
+.layui-carousel>[carousel-item]>.layui-this.layui-carousel-right {
+	left: 100%
+}
+
+.layui-carousel[lay-anim=updown] .layui-carousel-arrow {
+	left: 50% !important;
+	top: 20px;
+	margin: 0 0 0 -18px
+}
+
+.layui-carousel[lay-anim=updown]>[carousel-item]>*, .layui-carousel[lay-anim=fade]>[carousel-item]>*
+	{
+	left: 0 !important
+}
+
+.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add] {
+	top: auto !important;
+	bottom: 20px
+}
+
+.layui-carousel[lay-anim=updown] .layui-carousel-ind {
+	position: absolute;
+	top: 50%;
+	right: 20px;
+	width: auto;
+	height: auto
+}
+
+.layui-carousel[lay-anim=updown] .layui-carousel-ind ul {
+	padding: 3px 5px
+}
+
+.layui-carousel[lay-anim=updown] .layui-carousel-ind li {
+	display: block;
+	margin: 6px 0
+}
+
+.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this {
+	top: 0
+}
+
+.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev {
+	top: -100%
+}
+
+.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next {
+	top: 100%
+}
+
+.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left,
+	.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right
+	{
+	top: 0
+}
+
+.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left
+	{
+	top: -100%
+}
+
+.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right
+	{
+	top: 100%
+}
+
+.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next,
+	.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev {
+	opacity: 0
+}
+
+.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left,
+	.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right
+	{
+	opacity: 1
+}
+
+.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left,
+	.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right
+	{
+	opacity: 0
+}
+
+.layui-fixbar {
+	position: fixed;
+	right: 15px;
+	bottom: 15px;
+	z-index: 9999
+}
+
+.layui-fixbar li {
+	width: 50px;
+	height: 50px;
+	line-height: 50px;
+	margin-bottom: 1px;
+	text-align: center;
+	cursor: pointer;
+	font-size: 30px;
+	background-color: #9F9F9F;
+	color: #fff;
+	border-radius: 2px;
+	opacity: .95
+}
+
+.layui-fixbar li:hover {
+	opacity: .85
+}
+
+.layui-fixbar li:active {
+	opacity: 1
+}
+
+.layui-fixbar .layui-fixbar-top {
+	display: none;
+	font-size: 40px
+}
+
+body .layui-util-face {
+	border: none;
+	background: 0 0
+}
+
+body .layui-util-face .layui-layer-content {
+	padding: 0;
+	background-color: #fff;
+	color: #666;
+	box-shadow: none
+}
+
+.layui-util-face .layui-layer-TipsG {
+	display: none
+}
+
+.layui-util-face ul {
+	position: relative;
+	width: 372px;
+	padding: 10px;
+	border: 1px solid #D9D9D9;
+	background-color: #fff;
+	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
+}
+
+.layui-util-face ul li {
+	cursor: pointer;
+	float: left;
+	border: 1px solid #e8e8e8;
+	height: 22px;
+	width: 26px;
+	overflow: hidden;
+	margin: -1px 0 0 -1px;
+	padding: 4px 2px;
+	text-align: center
+}
+
+.layui-util-face ul li:hover {
+	position: relative;
+	z-index: 2;
+	border: 1px solid #eb7350;
+	background: #fff9ec
+}
+
+.layui-anim {
+	-webkit-animation-duration: .3s;
+	animation-duration: .3s;
+	-webkit-animation-fill-mode: both;
+	animation-fill-mode: both
+}
+
+.layui-anim.layui-icon {
+	display: inline-block
+}
+
+.layui-anim-loop {
+	-webkit-animation-iteration-count: infinite;
+	animation-iteration-count: infinite
+}
+
+@-webkit-keyframes layui-rotate {
+	from {-webkit-transform: rotate(0)
+}
+
+to {
+	-webkit-transform: rotate(360deg)
+}
+
+}
+@keyframes layui-rotate {
+	from {transform: rotate(0)
+}
+
+to {
+	transform: rotate(360deg)
+}
+
+}
+.layui-anim-rotate {
+	-webkit-animation-name: layui-rotate;
+	animation-name: layui-rotate;
+	-webkit-animation-duration: 1s;
+	animation-duration: 1s;
+	-webkit-animation-timing-function: linear;
+	animation-timing-function: linear
+}
+
+@-webkit-keyframes layui-up {
+	from {-webkit-transform: translate3d(0, 100%, 0);
+	opacity: .3
+}
+
+to {
+	-webkit-transform: translate3d(0, 0, 0);
+	opacity: 1
+}
+
+}
+@keyframes layui-up {
+	from {transform: translate3d(0, 100%, 0);
+	opacity: .3
+}
+
+to {
+	transform: translate3d(0, 0, 0);
+	opacity: 1
+}
+
+}
+.layui-anim-up {
+	-webkit-animation-name: layui-up;
+	animation-name: layui-up
+}
+
+@-webkit-keyframes layui-upbit {
+	from {-webkit-transform: translate3d(0, 30px, 0);
+	opacity: .3
+}
+
+to {
+	-webkit-transform: translate3d(0, 0, 0);
+	opacity: 1
+}
+
+}
+@keyframes layui-upbit {
+	from {transform: translate3d(0, 30px, 0);
+	opacity: .3
+}
+
+to {
+	transform: translate3d(0, 0, 0);
+	opacity: 1
+}
+
+}
+.layui-anim-upbit {
+	-webkit-animation-name: layui-upbit;
+	animation-name: layui-upbit
+}
+
+@-webkit-keyframes layui-scale { 0%{
+	opacity: .3;
+	-webkit-transform: scale(.5)
+}
+
+100%{
+opacity
+:
+1;-webkit-transform
+:scale(1)
+}
+}
+@keyframes layui-scale { 0%{
+	opacity: .3;
+	-ms-transform: scale(.5);
+	transform: scale(.5)
+}
+
+100%{
+opacity
+:
+1;-ms-transform
+:scale(1)
+;transform
+:scale(1)
+}
+}
+.layui-anim-scale {
+	-webkit-animation-name: layui-scale;
+	animation-name: layui-scale
+}
+
+@-webkit-keyframes layui-scale-spring { 0%{
+	opacity: .5;
+	-webkit-transform: scale(.5)
+}
+
+80%{
+opacity
+:
+.8
+;-webkit-transform
+:scale(1.1)
+}
+100%{
+opacity
+:
+1;-webkit-transform
+:scale(1)
+}
+}
+@keyframes layui-scale-spring { 0%{
+	opacity: .5;
+	transform: scale(.5)
+}
+
+80%{
+opacity
+:
+.8
+;transform
+:scale(1.1)
+}
+100%{
+opacity
+:
+1;transform
+:scale(1)
+}
+}
+.layui-anim-scaleSpring {
+	-webkit-animation-name: layui-scale-spring;
+	animation-name: layui-scale-spring
+}
+
+@-webkit-keyframes layui-fadein { 0%{
+	opacity: 0
+}
+
+100%{
+opacity
+:
+1
+}
+}
+@keyframes layui-fadein { 0%{
+	opacity: 0
+}
+
+100%{
+opacity
+:
+1
+}
+}
+.layui-anim-fadein {
+	-webkit-animation-name: layui-fadein;
+	animation-name: layui-fadein
+}
+
+@-webkit-keyframes layui-fadeout { 0%{
+	opacity: 1
+}
+
+100%{
+opacity
+:
+0
+}
+}
+@keyframes layui-fadeout { 0%{
+	opacity: 1
+}
+
+100%{
+opacity
+:
+0
+}
+}
+.layui-anim-fadeout {
+	-webkit-animation-name: layui-fadeout;
+	animation-name: layui-fadeout
+}
+
+.layui-chat {
+	width: 250px;
+	margin-top: 3px;
+	position: absolute;
+}
+
+@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
+	/*兼容IE11*/
+	.layui-chat {
+		width: 250px;
+		position: absolute;
+		margin-left:3px;
+		display:block;
+	}
+}
diff --git a/src/pages/css/style.css b/src/pages/css/style.css
new file mode 100644
index 0000000..072325f
--- /dev/null
+++ b/src/pages/css/style.css
@@ -0,0 +1,205 @@
+@charset "utf-8";
+html,body{width:100%;height: 100%;cursor:default;}
+.col-646{color:#646d8c;}
+.logo {
+  width: 126px;
+  height: 30px;
+  margin-top: 16px;
+}
+.logo img {
+  width: 100%;
+  height: 100%;
+}
+.head-wrap {
+  width: 100%;
+  min-width: 1250px;
+  height: 62px;
+}
+.the-bg, .menu-level-2.active {
+  background: #7b7de5;
+}
+.wid-fixed {
+  width: 100%;
+  height: 100%;
+}
+.marl-20 {
+  margin-left: 20px;
+}
+.mask {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: #000000;
+  opacity: 0.5;
+  z-index: 99;
+}
+.padb20 {
+  padding-bottom: 20px;
+}
+.padlr50 {
+  padding: 0 50px;
+}
+.bg-f0f1 {
+  background-color: #f0f1f4;
+}
+.col-646 {
+  color: #646d8c;
+}
+.nav-icon {
+  width: 8px;
+  height: 10px;
+  background-position: -46px -213px;
+  margin: 5px 14px 0 14px;
+}
+.col-646 {
+  color: #646d8c;
+}
+.hei70 {
+  height: 70px;
+}
+.bor-radi4 {
+  border-radius: 4px;
+}
+.min-wid-1150 {
+  min-width: 1150px;
+}
+.bg-ff {
+  background-color: #ffffff;
+}
+.btn-84-34 {
+  width: 84px;
+  height: 30px;
+  line-height: 30px;
+  color: #ffffff;
+  text-align: center;
+  border-radius: 4px;
+}
+.marl-10 {
+  margin-left: 10px;
+}
+.the-bg, .menu-level-2.active {
+  background: #7b7de5;
+}
+.mar-auto {
+  margin: 0 auto;
+}
+.minwid-800 {
+  min-width: 800px;
+}
+.hei70 {
+  height: 70px;
+}
+.box {
+  width: 100%;
+  margin-top: 10px;
+  margin-bottom: 20px;
+  padding: 25px 30px;
+  background: #fff;
+  font-size: 12px;
+  color: #fff;
+  box-shadow: 0 1px 4px 2px #e9ecf4;
+  box-sizing: border-box;
+}
+.box__tit {
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  color: #333;
+}
+.box__table {
+  width: 100%;
+  margin-top: 18px;
+  margin-bottom: 25px;
+  border: 1px solid #e5e5f3;
+}
+
+.deta-minwid-name {
+  min-width: 150px;
+  width: 25%;
+}
+
+.bor-radi4 {
+  border-radius: 4px;
+}
+.min-wid-1150 {
+  min-width: 1150px;
+}
+.bg-ff {
+  background-color: #ffffff;
+}
+.the-col, .menu-level.active {
+  color: #6f7eb6;
+}
+.linehei-70 {
+  line-height: 70px;
+}
+.col-878 {
+  color: #878dac;
+}
+.col-f57 {
+  color: #f57c7c;
+}
+
+.deta-minwid-usetime {
+  min-width: 100px;
+  width: 12%;
+}
+.deta-minwid-date {
+  min-width: 130px;
+  width: 16%;
+}
+.deta-minwid-class {
+  min-width: 170px;
+  width: 14%;
+}
+.deta-minwid-stuid {
+  min-width: 150px;
+  width: 12%;
+}
+
+.deta-minwid-achie {
+  min-width: 100px;
+  width: 12%;
+}
+.box__data p {
+  line-height: 20px;
+  font-size: 14px;
+  color: #646d8c;
+  text-indent: 2em;
+}
+.box__tit span {
+  font-size: 14px;
+}
+.box .red {
+  color: #ff386c;
+  font-style: normal;
+}
+.box__table th {
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  font-size: 14px;
+  font-weight: normal;
+  color: #646d8c;
+  background: #f2f2fc;
+}
+table tr:hover {
+  background: #eceffa;
+}
+.box__table td {
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #7f8099;
+  font-size: 14px;
+}
+.nav-icon{
+  width:8px;height:10px;
+  background-position: -46px -213px;
+  margin: 5px 14px 0 14px;
+}
+
+
diff --git a/src/pages/studyGrade.app.js b/src/pages/studyGrade.app.js
new file mode 100644
index 0000000..f8756f7
--- /dev/null
+++ b/src/pages/studyGrade.app.js
@@ -0,0 +1,6 @@
+import pageCommon from '@/common/page-common';
+import App from './studyGrade';
+
+pageCommon.createPageInstance({
+  render: h => h(App),
+});
diff --git a/src/pages/studyGrade.vue b/src/pages/studyGrade.vue
new file mode 100644
index 0000000..7ad6175
--- /dev/null
+++ b/src/pages/studyGrade.vue
@@ -0,0 +1,286 @@
+<template>
+  <div class="main-class">
+    <!--头部开始-->
+    <div class="head-wrap the-bg">
+      <div class="wid-fixed">
+        <div class="fl marl-20">
+          <div class="logo fl" style="margin-right:20px;">
+            <span></span>
+          </div>
+        </div>
+        <div class="clear"></div>
+      </div>
+    </div>
+    <!--头部结束-->
+    <div id="updata_pass"></div>
+
+    <div class="bg-f0f1 padlr50 padb20 ">
+      <div>
+        <div class="fl" style="padding: 26px 0;">
+          <div class="fl col-646 font12 ">
+            我的成绩
+          </div>
+          <div class="nav-icon fl"></div>
+          <div class="fl col-646 font12 ">区块链</div>
+
+        </div>
+        <div class="fr" style="padding: 16px;">
+          <div class="btn-84-34 the-bg  fr marl-10 pointer" @click="closeWindow">返回</div>
+        </div>
+        <div class="clear"></div>
+      </div>
+      <div class="hei70 bg-ff bor-radi4 min-wid-1150">
+        <div class="minwid-800 mar-auto hei70" style="width:calc(100% - 200px);">
+          <div class="deta-minwid-name fl">
+            <div class="fl linehei-70 the-col">学生姓名：</div>
+            <div class="fl linehei-70 col-878 ellipsis" style="width:110px" :title="userName">{{userName}}</div>
+            <div class="clear"></div>
+          </div>
+          <div class="deta-minwid-class fl">
+            <div class="fl linehei-70 the-col">班级：</div>
+            <div class="fl linehei-70 col-878 ellipsis" style="width:120px" :title="className">{{className}}</div>
+            <div class="clear"></div>
+          </div>
+          <div class="deta-minwid-stuid fl">
+            <div class="fl linehei-70 the-col">学号：</div>
+            <div class="fl linehei-70 col-878 ellipsis" style="width:90px" :title="stuNo">{{stuNo}}</div>
+            <div class="clear"></div>
+          </div>
+          <div class="deta-minwid-achie fl">
+            <div class="fl linehei-70 the-col">成绩：</div>
+            <div class="fl linehei-70 col-f57 ellipsis" style="width:60px" id="totalScore" :title="totalScore">
+              {{totalScore}} 分
+            </div>
+            <div class="clear"></div>
+          </div>
+          <div class="deta-minwid-usetime fl">
+            <div class="fl linehei-70 the-col">用时：</div>
+            <div class="fl linehei-70 col-878 ellipsis" style="width:60px" id="useTime" :title="useTime">{{useTime}}
+            </div>
+            <div class=" clear"></div>
+          </div>
+          <div class="deta-minwid-date fl">
+            <div class="fl linehei-70 the-col">日期：</div>
+            <div class="fl linehei-70 col-878 ellipsis" style="width:90px" id="examDate" title="examDate">{{examDate}}
+            </div>
+            <div class="clear"></div>
+          </div>
+          <div class="clear"></div>
+        </div>
+
+      </div>
+      <div>
+
+        <h1>成绩解析</h1>
+        <div class="box" id="exam_mesaage_details">
+
+          <div>
+            <table class="box__table">
+              <thead>
+              <tr>
+                <th width="50px">序号</th>
+                <th>考核点</th>
+                <th>得分点</th>
+                <th>学生答案</th>
+                <th>考核点分值</th>
+                <th>得分</th>
+              </tr>
+              </thead>
+              <tbody v-if="assessUserTargetList.length > 0 ">
+              <tr v-for="(target, taskKey) in assessUserTargetList ">
+                <td>{{ taskKey +1 }}</td>
+                <td >{{target.targetName}}</td>
+                <td v-if="target.taskOperate==1">>{{target.taskRate}}</td>
+                <td v-else-if="target.taskOperate==-1"><{{target.taskRate}}</td>
+                <td v-else>={{target.taskRate}}</td>
+
+                <td v-if="target.studentRate !=null ">{{target.studentRate}}</td>
+                <td v-else>-</td>
+                <td>{{target.taskScore}}</td>
+                <td v-if="target.answer==0">{{target.taskScore}}</td>
+                <td v-else>0</td>
+              </tr>
+              </tbody>
+              <tbody v-else>
+              <tr>
+                <td>-</td>
+                <td>-</td>
+                <td>-</td>
+                <td>-</td>
+                <td>-</td>
+                <td>-</td>
+              </tr>
+              </tbody>
+            </table>
+          </div>
+
+
+        </div>
+      </div>
+
+      <div class="fr" style="padding-right: 45%;padding-bottom: 20px;" v-if="assessUserIdsList.length > 1">
+        <div class="btn-84-34 the-bg fl pointer" v-if="assessUserIndex == assessUserIdsList.length-1 "
+             style="background:grey;cursor:default;">上一次
+        </div>
+        <div class="btn-84-34 the-bg fl pointer" v-else style="cursor:default;" @click="go(0)">上一次</div>
+        <div class="btn-84-34 the-bg  fr marl-10 pointer" v-if="assessUserIndex==0 "
+             style="background:grey;cursor:default;">下一次
+        </div>
+        <div class="btn-84-34 the-bg  fr marl-10 pointer" v-else style="cursor:default;" @click="go(1)">下一次</div>
+      </div>
+
+    </div>
+  </div>
+</template>
+
+<script>
+  import {getExamOverview, getExamDetails} from '@/api/yyyf';
+
+  export default {
+    name: "studyGrade",
+    data() {
+      return {
+        userName: null,
+        className: null,
+        stuNo: null,
+        totalScore: null,
+        useTime: null,
+        examDate: null,
+        issueId: null,
+        userId: null,
+        assessUserIdsList: [],
+        assessUserIndex: 0,
+        reqType: null,
+        caseInfo: null,
+        isFirst: 0,
+        assessUserTargetList: [],
+      };
+    },
+    computed: {},
+    methods: {
+      parseUrl: function () {
+        let params = {}; //定义数组
+        let url = decodeURIComponent(location.href);
+        let paramsIndex = url.indexOf('?');
+        if (paramsIndex != -1) {
+          paramsIndex = paramsIndex + 1;
+          let paramsStr = url.substring(paramsIndex);
+          let paramsAttr = paramsStr.split('&');
+          for (let x in paramsAttr) {
+            let y = paramsAttr[x].split('=');
+            if (y[0] == undefined || y[0] == '') {
+              continue;
+            }
+            if (y[1] != undefined) {
+              let value = '';
+              let len = y.length;
+              for (let j = 1; j < len; j++) {
+                value +=
+                  y[j] == '' &&
+                  paramsAttr[x].charAt(value.length + y[0].length + 1) != ''
+                    ? '='
+                    : y[j];
+              }
+              params[y[0]] = value;
+            }
+          }
+        }
+        return params;
+      },
+      init: function () {
+        let params = this.parseUrl();
+        this.userId = params.userId;
+        this.reqType = params.reqType;
+
+        getExamOverview(params).then(res => {
+          if (res.data.code === 200) {
+            if (this.reqType == 0) {
+              this.assessUserIdsList = res.data.data.assessUserIdsList;
+            }
+            this.useTime = res.data.data.useTime;
+            this.examDate = res.data.data.examDate;
+            this.userName = res.data.data.userName;
+            this.className = res.data.data.className;
+            this.totalScore = res.data.data.totalScore;
+            this.caseInfo = res.data.data.caseInfo;
+            this.stuNo = params.stuNo;
+            let examDetailsParams={};
+            examDetailsParams['assessUserId']=res.data.data.assessUserId;
+            examDetailsParams['isFirst']=this.isFirst;
+            this.isFirst = 1;
+            this.getExamDetails(examDetailsParams);
+          } else {
+            let self=this;
+            this.$message.warning({
+              message: res.data.msg,
+              onClose: function () {
+                self.closeWindow();
+              }
+            });
+          }
+        });
+      },
+      go: function (type) {
+        let params={};
+
+        if (type == 0) { //上一次
+          this.assessUserIndex = this.assessUserIndex + 1;
+        } else {
+          this.assessUserIndex = this.assessUserIndex - 1;
+        }
+        params['assessUserId']=this.assessUserIdsList[this.assessUserIndex];
+        params['isFirst']=this.isFirst;
+
+        this.getExamDetails(params)
+      },
+      getExamDetails: function (params) {
+
+        getExamDetails(params).then(res => {
+          if (res.data.code === 200) {
+            if (res.data.data.isFirst != 0) {
+            this.useTime = res.data.data.useTime;
+            this.examDate = res.data.data.examDate;
+            this.totalScore = res.data.data.totalScore;
+          }
+            this.assessUserTargetList = res.data.data.assessUserTargetList;
+          } else {
+            this.$message.warning({
+              message: res.data.msg,
+              onClose: function () {
+                this.closeWindow();
+              }
+            });
+          }
+        });
+      },
+      closeWindow: function () {
+        let self = this;
+        if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Chrome") != -1) {
+          window.location.href = "about:blank";
+          window.close();
+        } else {
+          window.opener = null;
+          window.open("", "_self");
+          window.close();
+        }
+      },
+    },
+    mounted() {
+      this.init();
+    },
+    //更新钩子事件
+    updated() {
+    }
+  };
+  $(function () {
+    $(".fix-btn").click(function () {
+      $(this).siblings('.fix-con').toggle();
+      $(this).toggleClass("active");
+    })
+  });
+</script>
+<style scoped>
+  @import "./css/general.css";
+  @import "./css/layui.css";
+  @import "./css/style.css";
+</style>
diff --git a/src/pages/yyyfLogin.app.js b/src/pages/yyyflogin.app.js
similarity index 77%
rename from src/pages/yyyfLogin.app.js
rename to src/pages/yyyflogin.app.js
index ffe5efb..cf099c1 100644
--- a/src/pages/yyyfLogin.app.js
+++ b/src/pages/yyyflogin.app.js
@@ -1,5 +1,5 @@
 import pageCommon from '@/common/page-common';
-import App from './yyyfLogin';
+import App from './yyyflogin';
 
 pageCommon.createPageInstance({
   render: h => h(App),
diff --git a/src/pages/yyyfLogin.vue b/src/pages/yyyflogin.vue
similarity index 99%
rename from src/pages/yyyfLogin.vue
rename to src/pages/yyyflogin.vue
index 89bc795..f4df2bf 100644
--- a/src/pages/yyyfLogin.vue
+++ b/src/pages/yyyflogin.vue
@@ -12,7 +12,7 @@
   import {Loading} from 'element-ui';
 
   export default {
-    name: 'yyyfLogin',
+    name: 'yyyflogin',
     props: {},
 
     data() {