diff --git a/leave-school-vue/src/assets/schoolCss/school.css b/leave-school-vue/src/assets/schoolCss/school.css
new file mode 100644
index 0000000..062c09e
--- /dev/null
+++ b/leave-school-vue/src/assets/schoolCss/school.css
@@ -0,0 +1,50 @@
+body{margin: 0;}
+a{text-decoration: none;}
+ul{list-style: none;margin: 0;padding: 0;}
+h1,h2,h3,h4,h5,h6{margin: 0;}
+
+.content-box{width: 100%;overflow: hidden;box-shadow: 1px 1px 6px #ccc;}
+.left{width: 29%;float: left;padding: 1%;padding-bottom: 30px;}
+
+.check h4{font-weight: 600;letter-spacing: 1px;font-size: 18px;height: 30px;}
+.textarea-box{position: relative;padding: 10px 0;}
+.textarea-box textarea{width: 100%;resize: none;padding: 10px;}
+.textarea-box span{position: absolute;right: 10%;bottom: 20px;}
+.btn-box{padding-top: 10px;}
+.content-box button{float: left;width: 70px;height: 30px;border:none;border-radius: 5px;}
+.affirm{background: #1789e7;color: white;margin-right: 20px;}
+.cancel{background: #eeeeee;color:black;}
+
+.statistics h4{font-weight: 600;font-size: 16px;height: 30px;}
+.statistics{width: 100%;float: left;overflow: hidden;padding-top: 50px;}
+.statistics table{width: 100%;border-collapse: collapse;}
+.statistics table thead{background: #ebebeb;}
+.statistics table thead td{font-weight: 700;}
+.statistics table tr:nth-child(even){background: #f9f9f9;}
+.statistics table td{border:1px solid #dadada;height: 42px;padding: 0 5px;}
+
+.right{float: left;width: 70%;border-left: 1px solid #dadada;}
+.perInfo table{float: left; width: 98%;margin:1%;border:1px solid #e0efff;background: #f9fcff;border-collapse: separate;padding: 10px 0;}
+
+.perInfo table td{height: 30px;line-height: 30px;}
+.perInfo table .title{color:#909090;padding-right:2px;}
+
+
+.record h5{float: left;width: 100%; height: 40px; background: #ededed;padding: 15px;font-size: 14px;}
+.record table{float: left;margin-top: 10px;}
+.record table td {vertical-align: top;position: relative;padding-bottom: 20px;}
+
+.record table td.line{background: url(../images/line.png) repeat-y left top;}
+.record table td i{color: #999;font-style: normal;}
+.record table td.line .circle.active{left:-20%; width: 15px;height: 15px;background: #f86a6a;border: 3px #fcc3c3 solid;	}
+.record table td.line .circle{width: 10px;height: 10px; position: absolute;top: 0;left: -14%;border-radius: 50%;background: #e0e0e0;
+}
+.text-danger{color:#f03030;}
+.text-success{color:#399c76;}
+.record table td .clear-1{height: 10px;line-height: 10px;clear: both;font-size: 1px;}
+.record table td .cause{line-height: 22px;}
+
+@media screen and (max-width: 1366px) {
+	.record table td.line .circle.active{left:-25%;}
+	.record table td.line .circle{left:-18%;}
+	}
\ No newline at end of file