diff --git a/public/wulw/static/css/global.css b/public/wulw/static/css/global.css
new file mode 100644
index 0000000..3416f74
--- /dev/null
+++ b/public/wulw/static/css/global.css
@@ -0,0 +1,1431 @@
+@charset "utf-8";
+/*
+* @Author: Larry
+* @Date:   2016-12-15 17:20:54
+* @Last Modified by:   qinsh
+* @Last Modified time: 2016-12-20 01:16:32
+* +----------------------------------------------------------------------
+* | LarryBlogCMS [ LarryCMS网站内容管理系统 ]
+* | Copyright (c) 2016-2017 http://www.larrycms.com All rights reserved.
+* | Licensed ( http://www.larrycms.com/licenses/ )
+* | Author: qinshouwei <313492783@qq.com>
+* +----------------------------------------------------------------------
+*/
+/* initialize css */
+*html {
+  padding: 0px;
+}
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+code,
+form,
+fieldset,
+legend,
+input,
+button,
+textarea,
+select,
+p,
+blockquote,
+th,
+td,
+span,
+a {
+  margin: 0;
+  padding: 0;
+}
+body {
+  font-size: 12px;
+  font-family: "微软雅黑", "Microsoft YaHei", "Microsoft YaHei UI", "Segoe UI",
+    Arial, Verdana, Sans-Serif, sans-serif;
+}
+em {
+  font-style: normal;
+}
+address,
+caption,
+cite,
+code,
+dfn,
+em,
+strong,
+th,
+var {
+  font-style: normal;
+  font-weight: normal;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+  display: block;
+}
+audio,
+canvas,
+video {
+  display: inline-block;
+}
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+[hidden] {
+  display: none;
+}
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+b,
+strong {
+  font-weight: bold;
+}
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+a {
+  text-decoration: none;
+  color: #333333;
+  font-family: "Microsoft YaHei";
+}
+a:hover {
+  text-decoration: none;
+}
+fieldset,
+img {
+  border: 0;
+}
+ol,
+ul,
+li {
+  list-style: none;
+}
+del,
+ins {
+  text-decoration: none;
+}
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sup {
+  top: -0.5em;
+}
+sub {
+  bottom: -0.25em;
+}
+
+address,
+button,
+caption,
+cite,
+code,
+dfn,
+em,
+input,
+optgroup,
+option,
+select,
+strong,
+textarea,
+th,
+var {
+  font: inherit;
+}
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+input,
+select {
+  height: 20px;
+  font-size: 12px;
+  line-height: 20px;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+textarea {
+  overflow: auto; /* 1 */
+  vertical-align: top; /* 2 */
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+caption,
+th {
+  text-align: left;
+}
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+a:active {
+  outline: none;
+  star: expression(this.onFocus=this.blur());
+}
+a,
+a:hover,
+a:focus {
+  text-decoration: none;
+  outline: none;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+}
+::selection {
+  background: #ff6c60;
+  color: #fff;
+}
+::-moz-selection {
+  background: #ff6c60;
+  color: #fff;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+a,
+p,
+span {
+  font-family: "微软雅黑", "Microsoft YaHei", "Microsoft YaHei UI",
+    "Hiragino Sans GB W3", "Segoe UI", Arial, Verdana, Sans-Serif, sans-serif;
+}
+
+/*自定义样式开始 */
+th {
+  text-align: center;
+  font-weight: bold;
+}
+/*自定义样式结束 */
+
+/* 清除浮动样式 */
+.clearfix:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+.clearfix {
+  *zoom: 1;
+}
+/* 清除定位属性 */
+.larry-position-clear {
+  position: static;
+}
+/* layui框架样式定义 */
+.layui-nav-item .layui-icon {
+  position: relative; /*font-size: 20px;*/
+}
+.layui-nav-item a cite {
+  padding: 0 10px;
+}
+.layui-larry-box {
+  display: block;
+  width: 100%;
+  height: auto;
+  padding: 7px;
+}
+/* 底部 */
+.footer {
+  padding: 30px 0;
+  line-height: 30px;
+  text-align: center;
+  background-color: #eee;
+  color: #666;
+  font-weight: 300;
+}
+.footer a {
+  padding: 0 5px;
+}
+body .layui-layout-admin .layui-body {
+  padding-bottom: 0px;
+}
+body .layui-layout-admin .layui-larry-foot {
+  height: 30px;
+  padding: 5px 0;
+  line-height: 30px;
+  text-align: center;
+  background-color: #eee;
+  color: #666;
+  font-weight: 300;
+  border-left: 2px solid #1aa094;
+  z-index: 998;
+}
+body .layui-layout-admin .layui-larry-foot a {
+  padding: 0 5px;
+}
+
+body .layui-layout-admin .larry-footer-left {
+  width: 300px;
+  height: 30px;
+  position: absolute;
+  left: 0px;
+  text-align: left;
+  padding-left: 15px;
+  font-size: 14px;
+}
+body .layui-layout-admin .larry-footer-left a {
+  line-height: 30px;
+}
+body .layui-layout-admin .layui-larry-foot .p-admin {
+  display: block;
+  width: auto;
+  text-align: center;
+  position: absolute;
+  left: 300px;
+  font-size: 14px;
+}
+body .layui-layout-admin .layui-larry-foot .p-admin a {
+  padding-right: 0px;
+}
+
+.layui-tab {
+  margin: 1px 0;
+}
+.layui-table td,
+.layui-table th {
+  padding: 8px 4px;
+}
+body #page {
+  margin-top: 10px;
+}
+.global-table {
+  margin-top: 10px;
+  width: 100%;
+  overflow: scroll;
+  position: relative;
+}
+.global-table .page {
+  margin-top: 10px;
+}
+.layui-table th {
+  min-width: 100px;
+}
+.layui-table thead th {
+  background: rgb(238, 241, 246);
+  text-align: center;
+}
+.layui-table td {
+  padding-top: 4px;
+  padding-bottom: 4px;
+  font-size: 12px;
+  border-color: #ebeef5;
+  color: #606266;
+  text-align: center;
+}
+.layui-table td .layui-btn-sm {
+  height: 24px;
+  line-height: 24px;
+}
+
+.global-table::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 0px; /*高宽分别对应横竖滚动条的尺寸*/
+  height: 10px;
+}
+.global-table::-webkit-scrollbar-thumb {
+  /*滚动条里面小方块*/
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  background: #e5e5e5;
+}
+.global-table::-webkit-scrollbar-track {
+  /*滚动条里面轨道*/
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  background: #ffffff;
+}
+
+.layui-laypage {
+  margin: 0px 0;
+}
+.layui-header {
+  height: 56px;
+}
+.header ul.larry-header-item {
+  height: 56px;
+}
+.a_color {
+  color: #2d8cf0;
+}
+/* ---------------------------------------------------------------------- */
+/**
+ * 字体css
+ */
+/* pxgridsicons字体 */
+@font-face {
+  font-family: "pxgridsicons";
+  src: url("../font/pxgridsicons.eot");
+  src: url("../font/pxgridsicons.eot") format("embedded-opentype"),
+    url("../font/pxgridsicons.woff") format("woff"),
+    url("../font/pxgridsicons.ttf") format("truetype"),
+    url("../font/pxgridsicons.svg") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+[class^="iconpx-"],
+[class*=" iconpx-"] {
+  font-family: "pxgridsicons";
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.iconpx-user:before {
+  content: "\e69d";
+}
+.iconpx-users:before {
+  content: "\e69e";
+}
+.iconpx-user-add:before {
+  content: "\e69f";
+}
+.iconpx-file-word-o:before {
+  content: "\f1c2";
+}
+.iconpx-check-circle:before {
+  content: "\f058";
+}
+.iconpx-chevron-down:before {
+  content: "\f078";
+}
+.iconpx-chevron-up:before {
+  content: "\f077";
+}
+/* bs字体 */
+@font-face {
+  font-family: "FontAwesome";
+  src: url("../font/fontawesome-webfont.eot?v=4.7.0");
+  src: url("../font/fontawesome-webfont.eot?#iefix&v=4.7.0")
+      format("embedded-opentype"),
+    url("../font/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
+    url("../font/fontawesome-webfont.woff?v=4.7.0") format("woff"),
+    url("../font/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),
+    url("../font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular")
+      format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+.fa {
+  display: inline-block;
+  font: normal normal normal 14px/1 FontAwesome;
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.fa-bars:before {
+  content: "\f0c9";
+}
+.fa-dashboard:before,
+.fa-tachometer:before {
+  content: "\f0e4";
+}
+.fa-icon-signal:before {
+  content: "\f012";
+}
+
+.fa-icon-star:before {
+  content: "\f005";
+}
+.fa-icon-star-empty:before {
+  content: "\f006";
+}
+.fa-icon-remove:before {
+  content: "\f00d";
+}
+.fa-search-plus:before {
+  content: "\f00e";
+}
+.fa-file-excel-o:before {
+  content: "\f1c3";
+}
+.fa-cny:before {
+  content: "\f157";
+}
+.fa-check:before {
+  content: "\f00c";
+}
+/* Larry字体图标 */
+
+@font-face {
+  font-family: "iconfont";
+  src: url("../font/iconfont.eot?t=1480736048214"); /* IE9*/
+  src: url("../font/iconfont.eot?t=1480736048214#iefix")
+      format("embedded-opentype"),
+    /* IE6-IE8 */ url("../font/iconfont.woff?t=1480736048214") format("woff"),
+    /* chrome, firefox */ url("../font/iconfont.ttf?t=1480736048214")
+      format("truetype"),
+    /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+      url("../font/iconfont.svg?t=1480736048214#iconfont") format("svg"); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.iconfont_welcome {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-wenzhang:before {
+  content: "\e600";
+}
+
+.icon-shuaxin:before {
+  content: "\e601";
+}
+
+.icon-caidan:before {
+  content: "\e645";
+}
+
+.icon-pinglun:before {
+  content: "\e602";
+}
+
+.icon-qingchuhuancun:before {
+  content: "\e603";
+}
+
+.icon-weixin:before {
+  content: "\e604";
+}
+
+.icon-tianjiayonghu:before {
+  content: "\e643";
+}
+
+.icon-tianjia:before {
+  content: "\e666";
+}
+
+.icon-caidan1:before {
+  content: "\e646";
+}
+
+.icon-sousuo:before {
+  content: "\e667";
+}
+
+.icon-exit:before {
+  content: "\e62c";
+}
+
+.icon-home:before {
+  content: "\e607";
+}
+
+.icon-QQ:before {
+  content: "\e608";
+}
+
+.icon-11:before {
+  content: "\e669";
+}
+
+.icon-shanchu:before {
+  content: "\e6d3";
+}
+
+.icon-chatlist:before {
+  content: "\e605";
+}
+
+.icon-mima:before {
+  content: "\e61b";
+}
+
+.icon-caidan2:before {
+  content: "\e6dc";
+}
+
+.icon-yonghu:before {
+  content: "\e620";
+}
+
+.icon-shezhi:before {
+  content: "\e64c";
+}
+
+.icon-iconfontzhuce:before {
+  content: "\e639";
+}
+
+.icon-shanchu1:before {
+  content: "\e692";
+}
+
+.icon-tags:before {
+  content: "\e66a";
+}
+
+.icon-shezhi1:before {
+  content: "\e64d";
+}
+
+.icon-daohang:before {
+  content: "\e606";
+}
+
+.icon-denglu:before {
+  content: "\e609";
+}
+
+.icon-sousuo1:before {
+  content: "\e6ab";
+}
+
+.icon-huishouzhan:before {
+  content: "\e656";
+}
+
+.icon-tianjia1:before {
+  content: "\e66b";
+}
+
+.icon-circularrefresh:before {
+  content: "\e6ad";
+}
+
+.icon-diannao:before {
+  content: "\e62b";
+}
+
+.icon-llalbumshopselectorcreate:before {
+  content: "\e66c";
+}
+
+.icon-daohang1:before {
+  content: "\e784";
+}
+
+.icon-iconfuzhi01:before {
+  content: "\e60a";
+}
+
+.icon-home1:before {
+  content: "\e6b1";
+}
+
+.icon-sousuo2:before {
+  content: "\e66d";
+}
+
+.icon-refurbish:before {
+  content: "\e754";
+}
+
+.icon-iconfontsousuo1:before {
+  content: "\e66e";
+}
+
+.icon-zhuceguanli:before {
+  content: "\e726";
+}
+
+.icon-shanchu2:before {
+  content: "\e66f";
+}
+
+.icon-shezhi2:before {
+  content: "\e64e";
+}
+
+.icon-shezhi3:before {
+  content: "\e64f";
+}
+
+.icon-liuyanicon:before {
+  content: "\e670";
+}
+
+.icon-jiahao:before {
+  content: "\e671";
+}
+
+.icon-weixin1:before {
+  content: "\e69f";
+}
+
+.icon-shezhi4:before {
+  content: "\e650";
+}
+
+.icon-chaxun:before {
+  content: "\e7b9";
+}
+
+.icon-iconfontqq:before {
+  content: "\e649";
+}
+
+.icon-diannao1:before {
+  content: "\e6db";
+}
+
+.icon-huanyuan:before {
+  content: "\e67e";
+}
+
+.icon-beifen:before {
+  content: "\e6a2";
+}
+
+.icon-shanchu3:before {
+  content: "\e672";
+}
+
+.icon-xinxicaiji:before {
+  content: "\e60b";
+}
+
+.icon-msnui-copy:before {
+  content: "\e778";
+}
+
+.icon-gengxin:before {
+  content: "\e65e";
+}
+
+.icon-gengxin1:before {
+  content: "\e616";
+}
+
+.icon-sms:before {
+  content: "\e673";
+}
+
+.icon-duanxin:before {
+  content: "\e674";
+}
+
+.icon-jian:before {
+  content: "\e675";
+}
+
+.icon-xitong:before {
+  content: "\e60f";
+}
+
+.icon-lanmudaohang:before {
+  content: "\e627";
+}
+
+.icon-shenhe:before {
+  content: "\e711";
+}
+
+.icon-duanxin1:before {
+  content: "\e698";
+}
+
+.icon-neirong:before {
+  content: "\e632";
+}
+
+.icon-zhucechenggong:before {
+  content: "\e615";
+}
+
+.icon-iconfontmokuai:before {
+  content: "\e657";
+}
+
+.icon-geren:before {
+  content: "\e624";
+}
+
+.icon-password:before {
+  content: "\e658";
+}
+
+.icon-pinglun01:before {
+  content: "\e617";
+}
+
+.icon-liuyan:before {
+  content: "\e6fc";
+}
+
+.icon-yonghu1:before {
+  content: "\e610";
+}
+
+.icon-denglu1:before {
+  content: "\e60c";
+}
+
+.icon-xitonghuancun:before {
+  content: "\e67b";
+}
+
+.icon-chat:before {
+  content: "\e611";
+}
+
+.icon-iconwendang:before {
+  content: "\e625";
+}
+
+.icon-qqdenglu:before {
+  content: "\e60d";
+}
+
+.icon-denglu2:before {
+  content: "\e67f";
+}
+
+.icon-shuaxin1:before {
+  content: "\e677";
+}
+
+.icon-quanxian:before {
+  content: "\e631";
+}
+
+.icon-neirong1:before {
+  content: "\e64a";
+}
+
+.icon-wangzhanguanli:before {
+  content: "\e659";
+}
+
+.icon-iconfonthuishouzhan:before {
+  content: "\e612";
+}
+
+.icon-pinglun1:before {
+  content: "\e628";
+}
+
+.icon-daohanglanmu:before {
+  content: "\e621";
+}
+
+.icon-quanxianxiugai:before {
+  content: "\e6e2";
+}
+
+.icon-jianhao:before {
+  content: "\e68d";
+}
+
+.icon-icon1:before {
+  content: "\e678";
+}
+
+.icon-zoomout:before {
+  content: "\e660";
+}
+
+.icon-piliangicon:before {
+  content: "\e613";
+}
+
+.icon-xitongguanli:before {
+  content: "\e69b";
+}
+
+.icon-comiisqqdenglu:before {
+  content: "\e62d";
+}
+
+.icon-youqinglianjie:before {
+  content: "\e694";
+}
+
+.icon-jiaoseguanli:before {
+  content: "\e89e";
+}
+
+.icon-database:before {
+  content: "\e779";
+}
+
+.icon-denglutubiao:before {
+  content: "\e6c3";
+}
+
+.icon-02:before {
+  content: "\e614";
+}
+
+.icon-30wangzhanguanli:before {
+  content: "\e65a";
+}
+
+.icon-o5:before {
+  content: "\e679";
+}
+
+.icon-yuncaiji:before {
+  content: "\e60e";
+}
+
+.icon-iconfontkucunchaxun01:before {
+  content: "\e67a";
+}
+
+.icon-zhifu:before {
+  content: "\e67c";
+}
+
+.icon-sql:before {
+  content: "\e6aa";
+}
+
+.icon-icon:before {
+  content: "\e622";
+}
+
+.icon-c-databackup:before {
+  content: "\e651";
+}
+
+.icon-3beifen:before {
+  content: "\e676";
+}
+
+.icon-m-members:before {
+  content: "\e6b8";
+}
+
+.icon-jiaoseguanli1:before {
+  content: "\e618";
+}
+
+.icon-a130:before {
+  content: "\e63f";
+}
+
+.icon-zhandianpeizhi:before {
+  content: "\e681";
+}
+
+.icon-huiyuan:before {
+  content: "\e619";
+}
+
+.icon-dianyuan01:before {
+  content: "\e652";
+}
+
+.icon-huanyuan2:before {
+  content: "\e6ac";
+}
+
+.icon-weibiaoti46:before {
+  content: "\e63c";
+}
+
+.icon-xiugai:before {
+  content: "\e682";
+}
+
+.icon-i:before {
+  content: "\e683";
+}
+
+.icon-yumingguanli:before {
+  content: "\e6d7";
+}
+
+.icon-useradd:before {
+  content: "\e8dc";
+}
+
+.icon-zhandianguanli:before {
+  content: "\e69e";
+}
+
+.icon-gongyingshangfuwu:before {
+  content: "\e61a";
+}
+
+.icon-weibiaoti1:before {
+  content: "\e6bd";
+}
+
+.icon-anquanshezhi:before {
+  content: "\e684";
+}
+
+.icon-odpssql:before {
+  content: "\e6f0";
+}
+
+.icon-ht_expand:before {
+  content: "\e65c";
+}
+
+.icon-gongzhonghao:before {
+  content: "\e65d";
+}
+
+.icon-beifenyuhuifu:before {
+  content: "\e7c7";
+}
+
+.icon-dengdaishenhe:before {
+  content: "\e686";
+}
+
+.icon-jiaoseguanli2:before {
+  content: "\ea62";
+}
+
+.icon-zixuntousu:before {
+  content: "\e685";
+}
+
+.icon-zhandianguanli1:before {
+  content: "\e687";
+}
+
+.icon-anquanshezhi1:before {
+  content: "\e688";
+}
+
+.icon-liuyan1:before {
+  content: "\e68a";
+}
+
+.icon-beifenguanli:before {
+  content: "\e68b";
+}
+
+.icon-icon56-copy:before {
+  content: "\e68c";
+}
+
+.icon-pinglunguanli:before {
+  content: "\e738";
+}
+
+.icon-chaxun1:before {
+  content: "\e68e";
+}
+
+.icon-quanxianwodequanxiancha:before {
+  content: "\e647";
+}
+
+.icon-quanxianwodequanxiangou:before {
+  content: "\e648";
+}
+
+.icon-anquanshezhi2:before {
+  content: "\e68f";
+}
+
+.icon-xiugai1:before {
+  content: "\e690";
+}
+
+.icon-tubiao3:before {
+  content: "\e691";
+}
+
+.icon-wangzhanpeizhiguanli:before {
+  content: "\e729";
+}
+
+.icon-neirong2:before {
+  content: "\e61c";
+}
+
+.icon-rizhi:before {
+  content: "\e61f";
+}
+
+.icon-anquanshezhi3:before {
+  content: "\e695";
+}
+
+.icon-pay:before {
+  content: "\e6a4";
+}
+
+.icon-guanlijiaose:before {
+  content: "\e626";
+}
+
+.icon-xitongguanli1:before {
+  content: "\e61d";
+}
+
+.icon-liuyan2:before {
+  content: "\e696";
+}
+
+.icon-zhuce-copy:before {
+  content: "\e61e";
+}
+
+.icon-lanmuguanli:before {
+  content: "\e654";
+}
+
+.icon-pingmusuoding:before {
+  content: "\e6a7";
+}
+
+.icon-word:before {
+  content: "\e653";
+}
+
+.icon-geren1:before {
+  content: "\e623";
+}
+
+.icon-zhifu1:before {
+  content: "\e72a";
+}
+
+.icon-sql1:before {
+  content: "\e697";
+}
+
+.icon-shujukuguanli:before {
+  content: "\e69c";
+}
+
+.icon-role:before {
+  content: "\e6bf";
+}
+
+.icon-zhandian:before {
+  content: "\e629";
+}
+
+.icon-30wangzhanguanli1:before {
+  content: "\e662";
+}
+
+.icon-xitong1:before {
+  content: "\e633";
+}
+
+.icon-neirongguanli:before {
+  content: "\e664";
+}
+
+.icon-shengchengbaogao:before {
+  content: "\e661";
+}
+
+.icon-zengjia:before {
+  content: "\e69d";
+}
+
+.icon-wenzhang1:before {
+  content: "\e62a";
+}
+
+.icon-kuozhan:before {
+  content: "\e706";
+}
+
+.icon-xitongguanli2:before {
+  content: "\e62e";
+}
+
+.icon-anquanshezhi4:before {
+  content: "\e6a0";
+}
+
+.icon-power:before {
+  content: "\e62f";
+}
+
+.icon-weizhuce:before {
+  content: "\e630";
+}
+
+.icon-jiaoseguanli3:before {
+  content: "\e64b";
+}
+
+.icon-zhifu2:before {
+  content: "\e6a5";
+}
+
+.icon-zengjia1:before {
+  content: "\e6a1";
+}
+
+.icon-zhuti:before {
+  content: "\e689";
+}
+
+.icon-jianhao1:before {
+  content: "\e6a3";
+}
+
+.icon-weixin3:before {
+  content: "\e6be";
+}
+
+.icon-shujuku:before {
+  content: "\e6a6";
+}
+
+.icon-gengxin-copy-copy:before {
+  content: "\e634";
+}
+
+.icon-icon114:before {
+  content: "\e635";
+}
+
+.icon-yuming:before {
+  content: "\e640";
+}
+
+.icon-gerenkuozhan:before {
+  content: "\e9a1";
+}
+
+.icon-gongnengkuozhan:before {
+  content: "\e693";
+}
+
+.icon-tianjiayonghu1:before {
+  content: "\e644";
+}
+
+.icon-gengxin2:before {
+  content: "\e65b";
+}
+
+.icon-SQLServershujuku:before {
+  content: "\e6a8";
+}
+
+.icon-suoping:before {
+  content: "\e776";
+}
+
+.icon-wenzhang2:before {
+  content: "\e636";
+}
+
+.icon-anquanshezhi5:before {
+  content: "\e6a9";
+}
+
+.icon-pinglunguanli1:before {
+  content: "\e637";
+}
+
+.icon-huishouzhan1:before {
+  content: "\e638";
+}
+
+.icon-16:before {
+  content: "\e63a";
+}
+
+.icon-gengxin3:before {
+  content: "\e63b";
+}
+
+.icon-quanxian1:before {
+  content: "\e699";
+}
+
+.icon-quanxian2:before {
+  content: "\e69a";
+}
+
+.icon-huishouzhan2:before {
+  content: "\e63d";
+}
+
+.icon-daishenhe:before {
+  content: "\e6ae";
+}
+
+.icon-anquanshezhi6:before {
+  content: "\e6af";
+}
+
+.icon-sousuo-sousuo:before {
+  content: "\e6b0";
+}
+
+.icon-shujuquanxian:before {
+  content: "\e668";
+}
+
+.icon-shengchengbaogao1:before {
+  content: "\e6c2";
+}
+
+.icon-weishengcheng:before {
+  content: "\e6c4";
+}
+
+.icon-duanxin2:before {
+  content: "\e6b2";
+}
+
+.icon-chajian:before {
+  content: "\e665";
+}
+
+.icon-liebiaoye_liebiao:before {
+  content: "\e63e";
+}
+
+.icon-jiaoseguanli4:before {
+  content: "\e663";
+}
+
+.icon-system:before {
+  content: "\e641";
+}
+
+.icon-shujucaiji:before {
+  content: "\e65f";
+}
+
+.icon-xitongguanli3:before {
+  content: "\e642";
+}
+
+.icon-neirong3:before {
+  content: "\e655";
+}
+
+.icon-tags1:before {
+  content: "\e6c5";
+}
+
+.icon-sousuo_sousuo:before {
+  content: "\e6b3";
+}
+
+.icon-sousuo-sousuo1:before {
+  content: "\e6d6";
+}
+
+.icon-sousuo_sousuo1:before {
+  content: "\e6b4";
+}
+
+.layui-inline {
+  margin-bottom: 10px;
+}
+
+body .layui-inline .layui-input-inline .layui-input,
+.layui-select,
+.layui-textarea {
+  height: 28px;
+  line-height: 28px;
+  -webkit-appearance: none;
+  background-color: #fff;
+  background-image: none;
+  /*border-radius: 4px;*/
+  border: 1px solid #dcdfe6;
+  box-sizing: border-box;
+  color: #606266;
+  display: inline-block;
+  font-size: 12px;
+  outline: none;
+  padding: 0 15px;
+  transition: border-color 0.2s;
+  width: 100%;
+}
+body .layui-inline .layui-input-inline .layui-input,
+.layui-select,
+.layui-textarea {
+  outline: none;
+  border-color: #dcdfe6;
+}
+body .layui-input-inline label {
+  width: 90px;
+  text-align: right;
+  margin-bottom: 0;
+  color: #2c3e50;
+  font-weight: normal;
+}
+body .layui-form-select .layui-input {
+  padding-right: 0;
+}
+
+body .layui-inline .layui-btn {
+  height: 30px;
+  line-height: 30px;
+  border-radius: 3px;
+  font-size: 12px;
+  cursor: pointer;
+  font-weight: 500;
+}
+
+body .label {
+  font-weight: unset;
+}
diff --git a/public/wulw/static/css/personal.css b/public/wulw/static/css/personal.css
new file mode 100644
index 0000000..e808042
--- /dev/null
+++ b/public/wulw/static/css/personal.css
@@ -0,0 +1,176 @@
+@charset "utf-8";
+/*
+* @Author: Larry
+* @Date:   2016-12-15 17:20:54
+* @Last Modified by:   qinsh
+* @Last Modified time: 2016-12-20 18:06:40
+* +----------------------------------------------------------------------
+* | LarryBlogCMS [ LarryCMS网站内容管理系统 ]
+* | Copyright (c) 2016-2017 http://www.larrycms.com All rights reserved.
+* | Licensed ( http://www.larrycms.com/licenses/ )
+* | Author: qinshouwei <313492783@qq.com>
+* +----------------------------------------------------------------------
+*/
+/* 公共样式 */
+body {
+  background: #f1f2f7;
+  /*overflow-x:hidden;*/
+  padding: 0px;
+}
+
+.larry-personal {
+  margin: 0 auto;
+  background: #ffffff;
+  border-radius: 3px;
+  padding-bottom: 0px;
+  border: none;
+}
+header.larry-personal-tit {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #eeeff1;
+  padding: 0 20px;
+  padding-left: 30px;
+}
+header.larry-personal-tit span {
+  line-height: 50px;
+  font-size: 14px;
+  color: #858585;
+  font-weight: 300;
+}
+.larry-personal-body {
+  padding: 8px 10px 8px 10px;
+}
+.layui-form {
+  padding: 0px;
+}
+/* 个人信息 */
+.layui-form .layui-form-item label.layui-form-label {
+  width: 180px;
+  font-family: "Microsoft YaHei";
+}
+.layui-input-block {
+  margin-left: 200px;
+}
+.layui-disabled {
+  background: #eeeeee;
+  color: #595963 !important;
+}
+.layui-disabled:hover {
+  color: #595963 !important;
+}
+.layui-input-block textarea {
+  height: 90px;
+}
+/* 修改密码 */
+.changepwd {
+  padding-bottom: 150px;
+}
+.change-submit {
+  margin-top: 20px;
+}
+/* 日志管理 */
+.layui-elem-quote {
+  background: #ffffff;
+  border-bottom: 1px solid #e2e2e2;
+  margin-bottom: 0px;
+}
+.larry-separate {
+  background: #f2f2f2;
+  width: 100%;
+  height: 10px;
+}
+.mylog-info-tit .layui-tab-title {
+  border: none;
+}
+.mylog-info-tit .layui-tab-title li {
+  color: #ffffff;
+  border-radius: 3px;
+  margin-right: 10px;
+}
+.mylog-info-tit .layui-tab-title li i {
+  padding-right: 5px;
+}
+.mylog-info-tit .layui-tab-title li.layui-this {
+  background: #ff5722;
+  border: none;
+  border-radius: 3px;
+}
+.larry-log-del {
+  display: inline-block;
+  width: 100px;
+  height: 38px;
+  float: right;
+  color: #ffffff;
+  line-height: 38px;
+  text-align: center;
+}
+.larry-log-del i {
+  display: inline-block;
+  font-size: 16px;
+}
+.mylog-info-box .layui-tab-content {
+  margin: 0px;
+  padding: 0px;
+}
+.mylog-info-box .layui-tab-content .layui-tab-item {
+  margin: 0px;
+  padding: 0px;
+  width: 100%;
+}
+.mylog-info-box {
+  padding-top: 15px;
+  padding-bottom: 20px;
+}
+.mylog-info-box .layui-tab-item {
+  /* 	border: 1px solid red; */
+}
+.layui-field-box .layui-table {
+  margin-top: 0px;
+  border: 1px solid #e2e2e2;
+}
+.layui-field-box .layui-table tr th,
+.layui-field-box .layui-table tr td {
+  text-align: center;
+  /* 	padding: 0px; */
+}
+.layui-field-box .layui-table tr th:first-child,
+.layui-field-box .layui-table tr td:first-child {
+  width: 40px;
+  padding: 0px;
+}
+.layui-field-box .layui-table tr th:nth-child(2) {
+  padding: 0px;
+  text-align: left;
+  text-indent: 5px;
+}
+.layui-field-box .layui-table tr td:nth-child(2) {
+  padding: 0px;
+  text-align: left;
+}
+.table-hover tbody tr:hover {
+  background-color: #eeeeee;
+}
+.layui-btn i {
+  padding-right: 5px;
+}
+.larry-table-page {
+  width: 100%;
+  height: 50px;
+  padding-top: 6px;
+}
+.larry-table-page .layui-btn {
+  display: block;
+  float: left;
+}
+.larry-table-page .page {
+  padding-left: 15px;
+  float: left;
+}
+.larry-table-page .page .layui-laypage {
+  padding: 0px;
+  margin: 0px;
+}
+.layui-table {
+  margin: 1px 0;
+}
diff --git a/public/wulw/static/layui/css/layui.css b/public/wulw/static/layui/css/layui.css
new file mode 100644
index 0000000..dc59467
--- /dev/null
+++ b/public/wulw/static/layui/css/layui.css
@@ -0,0 +1,4741 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+.layui-inline,
+img {
+  display: inline-block;
+  vertical-align: middle;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 400;
+}
+.layui-edge,
+.layui-header,
+.layui-inline,
+.layui-main {
+  position: relative;
+}
+.layui-body,
+.layui-edge,
+.layui-elip {
+  overflow: hidden;
+}
+.layui-btn,
+.layui-edge,
+.layui-inline,
+img {
+  vertical-align: middle;
+}
+.layui-btn,
+.layui-disabled,
+.layui-icon,
+.layui-unselect {
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+.layui-elip,
+.layui-form-checkbox span,
+.layui-form-pane .layui-form-label {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.layui-breadcrumb,
+.layui-tree-btnGroup {
+  visibility: hidden;
+}
+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 {
+  border: none;
+}
+li {
+  list-style: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+h4,
+h5,
+h6 {
+  font-size: 100%;
+}
+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;
+}
+body {
+  line-height: 24px;
+  font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
+}
+hr {
+  height: 1px;
+  margin: 10px 0;
+  border: 0;
+  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 {
+  *display: inline;
+  *zoom: 1;
+}
+.layui-edge {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  border-width: 6px;
+  border-style: dashed;
+  border-color: transparent;
+}
+.layui-edge-top {
+  top: -4px;
+  border-bottom-color: #999;
+  border-bottom-style: solid;
+}
+.layui-edge-right {
+  border-left-color: #999;
+  border-left-style: solid;
+}
+.layui-edge-bottom {
+  top: 2px;
+  border-top-color: #999;
+  border-top-style: solid;
+}
+.layui-edge-left {
+  border-right-color: #999;
+  border-right-style: solid;
+}
+.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;
+}
+@font-face {
+  font-family: layui-icon;
+  src: url(../font/iconfont.eot?v=256);
+  src: url(../font/iconfont.eot?v=256#iefix) format("embedded-opentype"),
+    url(../font/iconfont.woff2?v=256) format("woff2"),
+    url(../font/iconfont.woff?v=256) format("woff"),
+    url(../font/iconfont.ttf?v=256) format("truetype"),
+    url(../font/iconfont.svg?v=256#layui-icon) format("svg");
+}
+.layui-icon {
+  font-family: layui-icon !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.layui-icon-reply-fill:before {
+  content: "\e611";
+}
+.layui-icon-set-fill:before {
+  content: "\e614";
+}
+.layui-icon-menu-fill:before {
+  content: "\e60f";
+}
+.layui-icon-search:before {
+  content: "\e615";
+}
+.layui-icon-share:before {
+  content: "\e641";
+}
+.layui-icon-set-sm:before {
+  content: "\e620";
+}
+.layui-icon-engine:before {
+  content: "\e628";
+}
+.layui-icon-close:before {
+  content: "\1006";
+}
+.layui-icon-close-fill:before {
+  content: "\1007";
+}
+.layui-icon-chart-screen:before {
+  content: "\e629";
+}
+.layui-icon-star:before {
+  content: "\e600";
+}
+.layui-icon-circle-dot:before {
+  content: "\e617";
+}
+.layui-icon-chat:before {
+  content: "\e606";
+}
+.layui-icon-release:before {
+  content: "\e609";
+}
+.layui-icon-list:before {
+  content: "\e60a";
+}
+.layui-icon-chart:before {
+  content: "\e62c";
+}
+.layui-icon-ok-circle:before {
+  content: "\1005";
+}
+.layui-icon-layim-theme:before {
+  content: "\e61b";
+}
+.layui-icon-table:before {
+  content: "\e62d";
+}
+.layui-icon-right:before {
+  content: "\e602";
+}
+.layui-icon-left:before {
+  content: "\e603";
+}
+.layui-icon-cart-simple:before {
+  content: "\e698";
+}
+.layui-icon-face-cry:before {
+  content: "\e69c";
+}
+.layui-icon-face-smile:before {
+  content: "\e6af";
+}
+.layui-icon-survey:before {
+  content: "\e6b2";
+}
+.layui-icon-tree:before {
+  content: "\e62e";
+}
+.layui-icon-ie:before {
+  content: "\e7bb";
+}
+.layui-icon-upload-circle:before {
+  content: "\e62f";
+}
+.layui-icon-add-circle:before {
+  content: "\e61f";
+}
+.layui-icon-download-circle:before {
+  content: "\e601";
+}
+.layui-icon-templeate-1:before {
+  content: "\e630";
+}
+.layui-icon-util:before {
+  content: "\e631";
+}
+.layui-icon-face-surprised:before {
+  content: "\e664";
+}
+.layui-icon-edit:before {
+  content: "\e642";
+}
+.layui-icon-speaker:before {
+  content: "\e645";
+}
+.layui-icon-down:before {
+  content: "\e61a";
+}
+.layui-icon-file:before {
+  content: "\e621";
+}
+.layui-icon-layouts:before {
+  content: "\e632";
+}
+.layui-icon-rate-half:before {
+  content: "\e6c9";
+}
+.layui-icon-add-circle-fine:before {
+  content: "\e608";
+}
+.layui-icon-prev-circle:before {
+  content: "\e633";
+}
+.layui-icon-read:before {
+  content: "\e705";
+}
+.layui-icon-404:before {
+  content: "\e61c";
+}
+.layui-icon-carousel:before {
+  content: "\e634";
+}
+.layui-icon-help:before {
+  content: "\e607";
+}
+.layui-icon-code-circle:before {
+  content: "\e635";
+}
+.layui-icon-windows:before {
+  content: "\e67f";
+}
+.layui-icon-water:before {
+  content: "\e636";
+}
+.layui-icon-username:before {
+  content: "\e66f";
+}
+.layui-icon-find-fill:before {
+  content: "\e670";
+}
+.layui-icon-about:before {
+  content: "\e60b";
+}
+.layui-icon-location:before {
+  content: "\e715";
+}
+.layui-icon-up:before {
+  content: "\e619";
+}
+.layui-icon-pause:before {
+  content: "\e651";
+}
+.layui-icon-date:before {
+  content: "\e637";
+}
+.layui-icon-layim-uploadfile:before {
+  content: "\e61d";
+}
+.layui-icon-delete:before {
+  content: "\e640";
+}
+.layui-icon-play:before {
+  content: "\e652";
+}
+.layui-icon-top:before {
+  content: "\e604";
+}
+.layui-icon-firefox:before {
+  content: "\e686";
+}
+.layui-icon-friends:before {
+  content: "\e612";
+}
+.layui-icon-refresh-3:before {
+  content: "\e9aa";
+}
+.layui-icon-ok:before {
+  content: "\e605";
+}
+.layui-icon-layer:before {
+  content: "\e638";
+}
+.layui-icon-face-smile-fine:before {
+  content: "\e60c";
+}
+.layui-icon-dollar:before {
+  content: "\e659";
+}
+.layui-icon-group:before {
+  content: "\e613";
+}
+.layui-icon-layim-download:before {
+  content: "\e61e";
+}
+.layui-icon-picture-fine:before {
+  content: "\e60d";
+}
+.layui-icon-link:before {
+  content: "\e64c";
+}
+.layui-icon-diamond:before {
+  content: "\e735";
+}
+.layui-icon-log:before {
+  content: "\e60e";
+}
+.layui-icon-key:before {
+  content: "\e683";
+}
+.layui-icon-rate-solid:before {
+  content: "\e67a";
+}
+.layui-icon-fonts-del:before {
+  content: "\e64f";
+}
+.layui-icon-unlink:before {
+  content: "\e64d";
+}
+.layui-icon-fonts-clear:before {
+  content: "\e639";
+}
+.layui-icon-triangle-r:before {
+  content: "\e623";
+}
+.layui-icon-circle:before {
+  content: "\e63f";
+}
+.layui-icon-radio:before {
+  content: "\e643";
+}
+.layui-icon-align-center:before {
+  content: "\e647";
+}
+.layui-icon-align-right:before {
+  content: "\e648";
+}
+.layui-icon-align-left:before {
+  content: "\e649";
+}
+.layui-icon-loading-1:before {
+  content: "\e63e";
+}
+.layui-icon-return:before {
+  content: "\e65c";
+}
+.layui-icon-fonts-strong:before {
+  content: "\e62b";
+}
+.layui-icon-upload:before {
+  content: "\e67c";
+}
+.layui-icon-dialogue:before {
+  content: "\e63a";
+}
+.layui-icon-video:before {
+  content: "\e6ed";
+}
+.layui-icon-headset:before {
+  content: "\e6fc";
+}
+.layui-icon-cellphone-fine:before {
+  content: "\e63b";
+}
+.layui-icon-add-1:before {
+  content: "\e654";
+}
+.layui-icon-face-smile-b:before {
+  content: "\e650";
+}
+.layui-icon-fonts-html:before {
+  content: "\e64b";
+}
+.layui-icon-screen-full:before {
+  content: "\e622";
+}
+.layui-icon-form:before {
+  content: "\e63c";
+}
+.layui-icon-cart:before {
+  content: "\e657";
+}
+.layui-icon-camera-fill:before {
+  content: "\e65d";
+}
+.layui-icon-tabs:before {
+  content: "\e62a";
+}
+.layui-icon-heart-fill:before {
+  content: "\e68f";
+}
+.layui-icon-fonts-code:before {
+  content: "\e64e";
+}
+.layui-icon-ios:before {
+  content: "\e680";
+}
+.layui-icon-at:before {
+  content: "\e687";
+}
+.layui-icon-fire:before {
+  content: "\e756";
+}
+.layui-icon-set:before {
+  content: "\e716";
+}
+.layui-icon-fonts-u:before {
+  content: "\e646";
+}
+.layui-icon-triangle-d:before {
+  content: "\e625";
+}
+.layui-icon-tips:before {
+  content: "\e702";
+}
+.layui-icon-picture:before {
+  content: "\e64a";
+}
+.layui-icon-more-vertical:before {
+  content: "\e671";
+}
+.layui-icon-bluetooth:before {
+  content: "\e689";
+}
+.layui-icon-flag:before {
+  content: "\e66c";
+}
+.layui-icon-loading:before {
+  content: "\e63d";
+}
+.layui-icon-fonts-i:before {
+  content: "\e644";
+}
+.layui-icon-refresh-1:before {
+  content: "\e666";
+}
+.layui-icon-rmb:before {
+  content: "\e65e";
+}
+.layui-icon-addition:before {
+  content: "\e624";
+}
+.layui-icon-home:before {
+  content: "\e68e";
+}
+.layui-icon-time:before {
+  content: "\e68d";
+}
+.layui-icon-user:before {
+  content: "\e770";
+}
+.layui-icon-notice:before {
+  content: "\e667";
+}
+.layui-icon-chrome:before {
+  content: "\e68a";
+}
+.layui-icon-edge:before {
+  content: "\e68b";
+}
+.layui-icon-login-weibo:before {
+  content: "\e675";
+}
+.layui-icon-voice:before {
+  content: "\e688";
+}
+.layui-icon-upload-drag:before {
+  content: "\e681";
+}
+.layui-icon-login-qq:before {
+  content: "\e676";
+}
+.layui-icon-snowflake:before {
+  content: "\e6b1";
+}
+.layui-icon-heart:before {
+  content: "\e68c";
+}
+.layui-icon-logout:before {
+  content: "\e682";
+}
+.layui-icon-file-b:before {
+  content: "\e655";
+}
+.layui-icon-template:before {
+  content: "\e663";
+}
+.layui-icon-transfer:before {
+  content: "\e691";
+}
+.layui-icon-auz:before {
+  content: "\e672";
+}
+.layui-icon-console:before {
+  content: "\e665";
+}
+.layui-icon-app:before {
+  content: "\e653";
+}
+.layui-icon-prev:before {
+  content: "\e65a";
+}
+.layui-icon-website:before {
+  content: "\e7ae";
+}
+.layui-icon-next:before {
+  content: "\e65b";
+}
+.layui-icon-component:before {
+  content: "\e857";
+}
+.layui-icon-android:before {
+  content: "\e684";
+}
+.layui-icon-more:before {
+  content: "\e65f";
+}
+.layui-icon-login-wechat:before {
+  content: "\e677";
+}
+.layui-icon-shrink-right:before {
+  content: "\e668";
+}
+.layui-icon-spread-left:before {
+  content: "\e66b";
+}
+.layui-icon-camera:before {
+  content: "\e660";
+}
+.layui-icon-note:before {
+  content: "\e66e";
+}
+.layui-icon-refresh:before {
+  content: "\e669";
+}
+.layui-icon-female:before {
+  content: "\e661";
+}
+.layui-icon-male:before {
+  content: "\e662";
+}
+.layui-icon-screen-restore:before {
+  content: "\e758";
+}
+.layui-icon-password:before {
+  content: "\e673";
+}
+.layui-icon-senior:before {
+  content: "\e674";
+}
+.layui-icon-theme:before {
+  content: "\e66a";
+}
+.layui-icon-tread:before {
+  content: "\e6c5";
+}
+.layui-icon-praise:before {
+  content: "\e6c6";
+}
+.layui-icon-star-fill:before {
+  content: "\e658";
+}
+.layui-icon-rate:before {
+  content: "\e67b";
+}
+.layui-icon-template-1:before {
+  content: "\e656";
+}
+.layui-icon-vercode:before {
+  content: "\e679";
+}
+.layui-icon-service:before {
+  content: "\e626";
+}
+.layui-icon-cellphone:before {
+  content: "\e678";
+}
+.layui-icon-print:before {
+  content: "\e66d";
+}
+.layui-icon-cols:before {
+  content: "\e610";
+}
+.layui-icon-wifi:before {
+  content: "\e7e0";
+}
+.layui-icon-export:before {
+  content: "\e67d";
+}
+.layui-icon-rss:before {
+  content: "\e808";
+}
+.layui-icon-slider:before {
+  content: "\e714";
+}
+.layui-icon-email:before {
+  content: "\e618";
+}
+.layui-icon-subtraction:before {
+  content: "\e67e";
+}
+.layui-icon-mike:before {
+  content: "\e6dc";
+}
+.layui-icon-light:before {
+  content: "\e748";
+}
+.layui-icon-gift:before {
+  content: "\e627";
+}
+.layui-icon-mute:before {
+  content: "\e685";
+}
+.layui-icon-reduce-circle:before {
+  content: "\e616";
+}
+.layui-icon-music:before {
+  content: "\e690";
+}
+.layui-main {
+  width: 1140px;
+  margin: 0 auto;
+}
+.layui-header {
+  z-index: 1000;
+  height: 60px;
+}
+.layui-header a:hover {
+  transition: all 0.5s;
+  -webkit-transition: all 0.5s;
+}
+.layui-side {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 999;
+  width: 200px;
+  overflow-x: hidden;
+}
+.layui-side-scroll {
+  position: relative;
+  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-y: auto;
+  box-sizing: border-box;
+}
+.layui-layout-body {
+  overflow: hidden;
+}
+.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 {
+  position: fixed;
+  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: #2d8cf0;
+  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 (max-width: 768px) {
+  .layui-hide-xs {
+    display: none !important;
+  }
+  .layui-show-xs-block {
+    display: block !important;
+  }
+  .layui-show-xs-inline {
+    display: inline !important;
+  }
+  .layui-show-xs-inline-block {
+    display: inline-block !important;
+  }
+}
+@media screen and (min-width: 768px) {
+  .layui-container {
+    width: 750px;
+  }
+  .layui-hide-sm {
+    display: none !important;
+  }
+  .layui-show-sm-block {
+    display: block !important;
+  }
+  .layui-show-sm-inline {
+    display: inline !important;
+  }
+  .layui-show-sm-inline-block {
+    display: inline-block !important;
+  }
+  .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: 992px) {
+  .layui-container {
+    width: 970px;
+  }
+  .layui-hide-md {
+    display: none !important;
+  }
+  .layui-show-md-block {
+    display: block !important;
+  }
+  .layui-show-md-inline {
+    display: inline !important;
+  }
+  .layui-show-md-inline-block {
+    display: inline-block !important;
+  }
+  .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-hide-lg {
+    display: none !important;
+  }
+  .layui-show-lg-block {
+    display: block !important;
+  }
+  .layui-show-lg-inline {
+    display: inline !important;
+  }
+  .layui-show-lg-inline-block {
+    display: inline-block !important;
+  }
+  .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: -0.5px;
+}
+.layui-col-space1 > * {
+  padding: 0.5px;
+}
+.layui-col-space2 {
+  margin: -1px;
+}
+.layui-col-space2 > * {
+  padding: 1px;
+}
+.layui-col-space4 {
+  margin: -2px;
+}
+.layui-col-space4 > * {
+  padding: 2px;
+}
+.layui-col-space5 {
+  margin: -2.5px;
+}
+.layui-col-space5 > * {
+  padding: 2.5px;
+}
+.layui-col-space6 {
+  margin: -3px;
+}
+.layui-col-space6 > * {
+  padding: 3px;
+}
+.layui-col-space8 {
+  margin: -4px;
+}
+.layui-col-space8 > * {
+  padding: 4px;
+}
+.layui-col-space10 {
+  margin: -5px;
+}
+.layui-col-space10 > * {
+  padding: 5px;
+}
+.layui-col-space12 {
+  margin: -6px;
+}
+.layui-col-space12 > * {
+  padding: 6px;
+}
+.layui-col-space14 {
+  margin: -7px;
+}
+.layui-col-space14 > * {
+  padding: 7px;
+}
+.layui-col-space15 {
+  margin: -7.5px;
+}
+.layui-col-space15 > * {
+  padding: 7.5px;
+}
+.layui-col-space16 {
+  margin: -8px;
+}
+.layui-col-space16 > * {
+  padding: 8px;
+}
+.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-space24 {
+  margin: -12px;
+}
+.layui-col-space24 > * {
+  padding: 12px;
+}
+.layui-col-space25 {
+  margin: -12.5px;
+}
+.layui-col-space25 > * {
+  padding: 12.5px;
+}
+.layui-col-space26 {
+  margin: -13px;
+}
+.layui-col-space26 > * {
+  padding: 13px;
+}
+.layui-col-space28 {
+  margin: -14px;
+}
+.layui-col-space28 > * {
+  padding: 14px;
+}
+.layui-col-space30 {
+  margin: -15px;
+}
+.layui-col-space30 > * {
+  padding: 15px;
+}
+.layui-btn,
+.layui-input,
+.layui-select,
+.layui-textarea,
+.layui-upload-button {
+  outline: 0;
+  -webkit-appearance: none;
+  transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+  box-sizing: border-box;
+}
+.layui-elem-quote {
+  margin-bottom: 10px;
+  padding: 15px;
+  line-height: 22px;
+  border-left: 5px solid #2d8cf0;
+  border-radius: 0 2px 2px 0;
+  background-color: #f2f2f2;
+}
+.layui-quote-nm {
+  border-style: solid;
+  border-width: 1px 1px 1px 5px;
+  background: 0 0;
+}
+.layui-elem-field {
+  margin-bottom: 10px;
+  padding: 0;
+  border-width: 1px;
+  border-style: solid;
+}
+.layui-elem-field legend {
+  margin-left: 20px;
+  padding: 0 10px;
+  font-size: 20px;
+  font-weight: 300;
+}
+.layui-field-title {
+  margin: 10px 0 20px;
+  border-width: 1px 0 0;
+}
+.layui-field-box {
+  padding: 10px 15px;
+}
+.layui-field-title .layui-field-box {
+  padding: 10px 0;
+}
+.layui-progress {
+  position: relative;
+  height: 6px;
+  border-radius: 20px;
+  background-color: #e2e2e2;
+}
+.layui-progress-bar {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 0;
+  max-width: 100%;
+  height: 6px;
+  border-radius: 20px;
+  text-align: right;
+  background-color: #5fb878;
+  transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+}
+.layui-progress-big,
+.layui-progress-big .layui-progress-bar {
+  height: 18px;
+  line-height: 18px;
+}
+.layui-progress-text {
+  position: relative;
+  top: -20px;
+  line-height: 18px;
+  font-size: 12px;
+  color: #666;
+}
+.layui-progress-big .layui-progress-text {
+  position: static;
+  padding: 0 10px;
+  color: #fff;
+}
+.layui-collapse {
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 2px;
+}
+.layui-colla-content,
+.layui-colla-item {
+  border-top-width: 1px;
+  border-top-style: solid;
+}
+.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;
+  font-size: 14px;
+  overflow: hidden;
+}
+.layui-colla-content {
+  display: none;
+  padding: 10px 15px;
+  line-height: 22px;
+  color: #666;
+}
+.layui-colla-icon {
+  position: absolute;
+  left: 15px;
+  top: 0;
+  font-size: 14px;
+}
+.layui-card {
+  margin-bottom: 15px;
+  border-radius: 2px;
+  background-color: #fff;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+.layui-card:last-child {
+  margin-bottom: 0;
+}
+.layui-card-header {
+  position: relative;
+  height: 42px;
+  line-height: 42px;
+  padding: 0 15px;
+  border-bottom: 1px solid #f6f6f6;
+  color: #333;
+  border-radius: 2px 2px 0 0;
+  font-size: 14px;
+}
+.layui-bg-black,
+.layui-bg-blue,
+.layui-bg-cyan,
+.layui-bg-green,
+.layui-bg-orange,
+.layui-bg-red {
+  color: #fff !important;
+}
+.layui-card-body {
+  position: relative;
+  padding: 10px 15px;
+  line-height: 24px;
+}
+.layui-card-body[pad15] {
+  padding: 15px;
+}
+.layui-card-body[pad20] {
+  padding: 20px;
+}
+.layui-card-body .layui-table {
+  margin: 5px 0;
+}
+.layui-card .layui-tab {
+  margin: 0;
+}
+.layui-panel-window {
+  position: relative;
+  padding: 15px;
+  border-radius: 0;
+  border-top: 5px solid #e6e6e6;
+  background-color: #fff;
+}
+.layui-auxiliar-moving {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  background: 0 0;
+  z-index: 9999999999;
+}
+.layui-form-label,
+.layui-form-mid,
+.layui-form-select,
+.layui-input-block,
+.layui-input-inline,
+.layui-textarea {
+  position: relative;
+}
+.layui-bg-red {
+  background-color: #ff5722 !important;
+}
+.layui-bg-orange {
+  background-color: #ffb800 !important;
+}
+.layui-bg-green {
+  background-color: #2d8cf0 !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-badge-rim,
+.layui-colla-content,
+.layui-colla-item,
+.layui-collapse,
+.layui-elem-field,
+.layui-form-pane .layui-form-item[pane],
+.layui-form-pane .layui-form-label,
+.layui-input,
+.layui-layedit,
+.layui-layedit-tool,
+.layui-quote-nm,
+.layui-select,
+.layui-tab-bar,
+.layui-tab-card,
+.layui-tab-title,
+.layui-tab-title .layui-this:after,
+.layui-textarea {
+  border-color: #e6e6e6;
+}
+.layui-timeline-item:before,
+hr {
+  background-color: #e6e6e6;
+}
+.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:not(.layui-btn) {
+  color: #01aaed;
+}
+.layui-text a:not(.layui-btn):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: 30px;
+  line-height: 30px;
+  padding: 0 18px;
+  background-color: #2d8cf0;
+  color: #fff;
+  white-space: nowrap;
+  text-align: center;
+  font-size: 12px;
+  border: none;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.layui-btn:hover {
+  opacity: 0.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-container {
+  font-size: 0;
+}
+.layui-btn-container .layui-btn {
+  margin-right: 10px;
+  margin-bottom: 10px;
+}
+.layui-btn-container .layui-btn + .layui-btn {
+  margin-left: 0;
+}
+.layui-table .layui-btn-container .layui-btn {
+  margin-bottom: 9px;
+}
+.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: #2d8cf0;
+  color: #333;
+}
+.layui-btn-normal {
+  background-color: #2d8cf0;
+}
+.layui-btn-warm {
+  background-color: #ffb800;
+}
+.layui-btn-danger {
+  background-color: #f56c6c;
+}
+.layui-btn-checked {
+  background-color: #5fb878;
+}
+.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-lg {
+  height: 44px;
+  line-height: 44px;
+  padding: 0 25px;
+  font-size: 16px;
+}
+.layui-btn-sm {
+  height: 30px;
+  line-height: 30px;
+  padding: 0 10px;
+  font-size: 12px;
+}
+.layui-btn-sm i {
+  font-size: 16px !important;
+}
+.layui-btn-xs {
+  height: 22px;
+  line-height: 22px;
+  padding: 0 5px;
+  font-size: 12px;
+}
+.layui-btn-xs 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, 0.5);
+  border-radius: 0;
+}
+.layui-btn-group .layui-btn-primary {
+  border-left: none;
+}
+.layui-btn-group .layui-btn-primary:hover {
+  border-color: #c9c9c9;
+  color: #2d8cf0;
+}
+.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-btn-fluid {
+  width: 100%;
+}
+.layui-input,
+.layui-select,
+.layui-textarea {
+  height: 38px;
+  line-height: 1.3;
+  line-height: 38px\9;
+  border-width: 1px;
+  border-style: solid;
+  background-color: #fff;
+  border-radius: 2px;
+}
+.layui-input::-webkit-input-placeholder,
+.layui-select::-webkit-input-placeholder,
+.layui-textarea::-webkit-input-placeholder {
+  line-height: 1.3;
+}
+.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;
+  line-height: 20px;
+  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 [lay-ignore] {
+  display: initial;
+}
+.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: 9px 15px;
+  width: 80px;
+  font-weight: 400;
+  line-height: 20px;
+  text-align: right;
+}
+.layui-form-label-col {
+  display: block;
+  float: none;
+  padding: 9px 0;
+  line-height: 20px;
+  text-align: left;
+}
+.layui-form-item .layui-inline {
+  margin-bottom: 5px;
+  margin-right: 10px;
+}
+.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: 9px 0 !important;
+  line-height: 20px;
+  margin-right: 10px;
+}
+.layui-form-danger + .layui-form-select .layui-input,
+.layui-form-danger:focus {
+  border-color: #ff5722 !important;
+}
+.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 0.3s;
+  -webkit-transition: all 0.3s;
+}
+.layui-form-select dl {
+  display: none;
+  position: absolute;
+  left: 0;
+  top: 42px;
+  padding: 5px 0;
+  z-index: 899;
+  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, 0.12);
+  box-sizing: border-box;
+}
+.layui-form-select dl dd,
+.layui-form-select dl dt {
+  padding: 0 10px;
+  line-height: 36px;
+  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: #f2f2f2;
+  -webkit-transition: 0.5s all;
+  transition: 0.5s all;
+}
+.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: #2d8cf0;
+  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-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: 30px;
+  margin-right: 10px;
+  padding-right: 30px;
+  cursor: pointer;
+  font-size: 0;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
+  box-sizing: border-box;
+}
+.layui-form-checkbox span {
+  padding: 0 10px;
+  height: 100%;
+  font-size: 14px;
+  border-radius: 2px 0 0 2px;
+  background-color: #d2d2d2;
+  color: #fff;
+  overflow: hidden;
+}
+.layui-form-checkbox:hover span {
+  background-color: #c2c2c2;
+}
+.layui-form-checkbox i {
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 30px;
+  height: 28px;
+  border: 1px solid #d2d2d2;
+  border-left: none;
+  border-radius: 0 2px 2px 0;
+  color: #fff;
+  font-size: 20px;
+  text-align: center;
+}
+.layui-form-checkbox:hover i {
+  border-color: #c2c2c2;
+  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;
+  min-width: 18px;
+  min-height: 18px;
+  border: none !important;
+  margin-right: 0;
+  padding-left: 28px;
+  padding-right: 0;
+  background: 0 0;
+}
+.layui-form-checkbox[lay-skin="primary"] span {
+  padding-left: 0;
+  padding-right: 15px;
+  line-height: 18px;
+  background: 0 0;
+  color: #666;
+}
+.layui-form-checkbox[lay-skin="primary"] i {
+  right: auto;
+  left: 0;
+  width: 16px;
+  height: 16px;
+  line-height: 16px;
+  border: 1px solid #d2d2d2;
+  font-size: 12px;
+  border-radius: 2px;
+  background-color: #fff;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
+}
+.layui-form-checkbox[lay-skin="primary"]:hover i {
+  border-color: #5fb878;
+  color: #fff;
+}
+.layui-form-checked[lay-skin="primary"] i {
+  border-color: #5fb878 !important;
+  background-color: #5fb878;
+  color: #fff;
+}
+.layui-checkbox-disbaled[lay-skin="primary"] span {
+  background: 0 0 !important;
+  color: #c2c2c2;
+}
+.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;
+  min-width: 35px;
+  padding: 0 5px;
+  margin-top: 8px;
+  border: 1px solid #d2d2d2;
+  border-radius: 20px;
+  cursor: pointer;
+  background-color: #fff;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
+}
+.layui-form-switch i {
+  position: absolute;
+  left: 5px;
+  top: 3px;
+  width: 16px;
+  height: 16px;
+  border-radius: 20px;
+  background-color: #d2d2d2;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
+}
+.layui-form-switch em {
+  position: relative;
+  top: 0;
+  width: 25px;
+  margin-left: 21px;
+  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-checkbox-disbaled,
+.layui-checkbox-disbaled i {
+  border-color: #e2e2e2 !important;
+}
+.layui-form-onswitch i {
+  left: 100%;
+  margin-left: -21px;
+  background-color: #fff;
+}
+.layui-form-onswitch em {
+  margin-left: 5px;
+  margin-right: 21px;
+  color: #fff !important;
+}
+.layui-checkbox-disbaled span {
+  background-color: #e2e2e2 !important;
+}
+.layui-checkbox-disbaled:hover i {
+  color: #fff !important;
+}
+[lay-radio] {
+  display: none;
+}
+.layui-form-radio,
+.layui-form-radio * {
+  display: inline-block;
+  vertical-align: middle;
+}
+.layui-form-radio {
+  line-height: 28px;
+  margin: 6px 10px 0 0;
+  padding-right: 10px;
+  cursor: pointer;
+  font-size: 0;
+}
+.layui-form-radio * {
+  font-size: 12px;
+}
+.layui-form-radio > i {
+  margin-right: 8px;
+  font-size: 17px;
+  color: #c2c2c2;
+}
+.layui-form-radio > i:hover,
+.layui-form-radioed > i {
+  color: #5fb878;
+}
+.layui-radio-disbaled > i {
+  color: #e2e2e2 !important;
+}
+.layui-form-pane .layui-form-label {
+  width: 110px;
+  padding: 8px 15px;
+  height: 38px;
+  line-height: 20px;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 2px 0 0 2px;
+  text-align: center;
+  background-color: #fbfbfb;
+  overflow: hidden;
+  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-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-width: 1px;
+  border-style: solid;
+}
+.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-width: 1px;
+  border-style: solid;
+  border-radius: 2px;
+}
+.layui-layedit-tool {
+  padding: 3px 5px;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  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: 0.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-flow-more a *,
+.layui-laypage input,
+.layui-table-view select[lay-ignore] {
+  display: inline-block;
+}
+.layui-laypage a:hover {
+  color: #2d8cf0;
+}
+.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: #2d8cf0;
+}
+.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-refresh,
+.layui-laypage .layui-laypage-skip {
+  margin-left: 10px;
+  margin-right: 10px;
+  padding: 0;
+  border: none;
+}
+.layui-laypage .layui-laypage-limits,
+.layui-laypage .layui-laypage-refresh {
+  vertical-align: top;
+}
+.layui-laypage .layui-laypage-refresh i {
+  font-size: 18px;
+  cursor: pointer;
+}
+.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-radius: 2px;
+  vertical-align: top;
+  background-color: #fff;
+  box-sizing: border-box;
+}
+.layui-laypage input {
+  width: 40px;
+  margin: 0 10px;
+  padding: 0 3px;
+  text-align: center;
+}
+.layui-laypage input:focus,
+.layui-laypage select:focus {
+  border-color: #2d8cf0 !important;
+}
+.layui-laypage button {
+  margin-left: 10px;
+  padding: 0 10px;
+  cursor: pointer;
+}
+.layui-table,
+.layui-table-view {
+  margin: 10px 0;
+}
+.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 * {
+  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: 0.8;
+}
+.layui-flow-more a i {
+  font-size: 30px;
+  color: #737383;
+}
+.layui-table {
+  width: 100%;
+  background-color: #fff;
+  color: #666;
+}
+.layui-table tr {
+  transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+  height: 32px;
+}
+.layui-table th {
+  text-align: left;
+  font-weight: 400;
+}
+.layui-table tbody tr:hover,
+.layui-table thead tr,
+.layui-table-click,
+.layui-table-header,
+.layui-table-hover,
+.layui-table-mend,
+.layui-table-patch,
+.layui-table-tool,
+.layui-table-total,
+.layui-table-total tr,
+.layui-table[lay-even] tr:nth-child(even) {
+  background-color: #f2f2f2;
+}
+.layui-table td,
+.layui-table th,
+.layui-table-col-set,
+.layui-table-fixed-r,
+.layui-table-grid-down,
+.layui-table-header,
+.layui-table-page,
+.layui-table-tips-main,
+.layui-table-tool,
+.layui-table-total,
+.layui-table-view,
+.layui-table[lay-skin="line"],
+.layui-table[lay-skin="row"] {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #e6e6e6;
+}
+.layui-table td,
+.layui-table th {
+  position: relative;
+  padding: 9px 15px;
+  min-height: 20px;
+  line-height: 14px;
+  font-size: 12px;
+}
+.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-box {
+  position: relative;
+  overflow: hidden;
+}
+.layui-table-view .layui-table {
+  position: relative;
+  width: auto;
+  margin: 0;
+}
+.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 th.layui-unselect .layui-table-cell span {
+  cursor: pointer;
+}
+.layui-table-view .layui-table td {
+  cursor: default;
+}
+.layui-table-view .layui-table td[data-edit="text"] {
+  cursor: text;
+}
+.layui-table-view .layui-form-checkbox[lay-skin="primary"] i {
+  width: 18px;
+  height: 18px;
+}
+.layui-table-view .layui-form-radio {
+  line-height: 0;
+  padding: 0;
+}
+.layui-table-view .layui-form-radio > i {
+  margin: 0;
+  font-size: 20px;
+}
+.layui-table-init {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  z-index: 110;
+}
+.layui-table-init .layui-icon {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin: -15px 0 0 -15px;
+  font-size: 30px;
+  color: #c2c2c2;
+}
+.layui-table-header {
+  border-width: 0 0 1px;
+  overflow: hidden;
+}
+.layui-table-header .layui-table {
+  margin-bottom: -1px;
+}
+.layui-table-tool .layui-inline[lay-event] {
+  position: relative;
+  width: 26px;
+  height: 26px;
+  padding: 5px;
+  line-height: 16px;
+  margin-right: 10px;
+  text-align: center;
+  color: #333;
+  border: 1px solid #ccc;
+  cursor: pointer;
+  -webkit-transition: 0.5s all;
+  transition: 0.5s all;
+}
+.layui-table-tool .layui-inline[lay-event]:hover {
+  border: 1px solid #999;
+}
+.layui-table-tool-temp {
+  padding-right: 120px;
+}
+.layui-table-tool-self {
+  position: absolute;
+  right: 17px;
+  top: 10px;
+}
+.layui-table-tool .layui-table-tool-self .layui-inline[lay-event] {
+  margin: 0 0 0 10px;
+}
+.layui-table-tool-panel {
+  position: absolute;
+  top: 29px;
+  left: -1px;
+  padding: 5px 0;
+  min-width: 150px;
+  min-height: 40px;
+  border: 1px solid #d2d2d2;
+  text-align: left;
+  overflow-y: auto;
+  background-color: #fff;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
+}
+.layui-table-cell,
+.layui-table-tool-panel li {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.layui-table-tool-panel li {
+  padding: 0 10px;
+  line-height: 30px;
+  -webkit-transition: 0.5s all;
+  transition: 0.5s all;
+}
+.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"] {
+  width: 100%;
+  padding-left: 28px;
+}
+.layui-table-tool-panel li:hover {
+  background-color: #f2f2f2;
+}
+.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"] i {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"] span {
+  padding: 0;
+}
+.layui-table-tool .layui-table-tool-self .layui-table-tool-panel {
+  left: auto;
+  right: -1px;
+}
+.layui-table-col-set {
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 20px;
+  height: 100%;
+  border-width: 0 0 0 1px;
+  background-color: #fff;
+}
+.layui-table-sort {
+  width: 10px;
+  height: 20px;
+  margin-left: 5px;
+  cursor: pointer !important;
+}
+.layui-table-sort .layui-edge {
+  position: absolute;
+  left: 5px;
+  border-width: 5px;
+}
+.layui-table-sort .layui-table-sort-asc {
+  top: 3px;
+  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: 5px;
+  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;
+  box-sizing: border-box;
+}
+.layui-table-cell .layui-form-checkbox[lay-skin="primary"] {
+  top: -1px;
+  padding: 0;
+}
+.layui-table-cell .layui-table-link {
+  color: #01aaed;
+}
+.laytable-cell-checkbox,
+.laytable-cell-numbers,
+.laytable-cell-radio,
+.laytable-cell-space {
+  padding: 0;
+  text-align: center;
+}
+.layui-table-body {
+  position: relative;
+  overflow: auto;
+  margin-right: -1px;
+  margin-bottom: -1px;
+}
+.layui-table-body .layui-none {
+  line-height: 26px;
+  padding: 15px;
+  text-align: center;
+  color: #999;
+}
+.layui-table-fixed {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 101;
+}
+.layui-table-fixed .layui-table-body {
+  overflow: hidden;
+}
+.layui-table-fixed-l {
+  box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.08);
+}
+.layui-table-fixed-r {
+  left: auto;
+  right: -1px;
+  border-width: 0 0 0 1px;
+  box-shadow: -1px 0 8px rgba(0, 0, 0, 0.08);
+}
+.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;
+  z-index: 890;
+  width: 100%;
+  min-height: 50px;
+  line-height: 30px;
+  padding: 10px 15px;
+  border-width: 0 0 1px;
+}
+.layui-table-tool .layui-btn-container {
+  margin-bottom: -10px;
+}
+.layui-table-page,
+.layui-table-total {
+  border-width: 1px 0 0;
+  margin-bottom: -1px;
+  overflow: hidden;
+}
+.layui-table-page {
+  position: relative;
+  width: 100%;
+  padding: 7px 7px 0;
+  height: 41px;
+  font-size: 12px;
+  white-space: nowrap;
+}
+.layui-table-page > div {
+  height: 26px;
+}
+.layui-table-page .layui-laypage {
+  margin: 0;
+}
+.layui-table-page .layui-laypage a,
+.layui-table-page .layui-laypage span {
+  height: 26px;
+  line-height: 26px;
+  margin-bottom: 10px;
+  border: none;
+  background: 0 0;
+}
+.layui-table-page .layui-laypage a,
+.layui-table-page .layui-laypage span.layui-laypage-curr {
+  padding: 0 12px;
+}
+.layui-table-page .layui-laypage span {
+  margin-left: 0;
+  padding: 0;
+}
+.layui-table-page .layui-laypage .layui-laypage-prev {
+  margin-left: -7px !important;
+}
+.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
+  left: 0;
+  top: 0;
+  padding: 0;
+}
+.layui-table-page .layui-laypage button,
+.layui-table-page .layui-laypage input {
+  height: 26px;
+  line-height: 26px;
+}
+.layui-table-page .layui-laypage input {
+  width: 40px;
+}
+.layui-table-page .layui-laypage button {
+  padding: 0 10px;
+}
+.layui-table-page 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 14px 1px;
+  border-radius: 0;
+  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.15);
+}
+.layui-table-edit:focus {
+  border-color: #5fb878 !important;
+}
+select.layui-table-edit {
+  padding: 0 0 0 10px;
+  border-color: #c9c9c9;
+}
+.layui-table-view .layui-form-checkbox,
+.layui-table-view .layui-form-radio,
+.layui-table-view .layui-form-switch {
+  top: 0;
+  margin: 0;
+  box-sizing: content-box;
+}
+.layui-table-view .layui-form-checkbox {
+  top: -1px;
+  height: 26px;
+  line-height: 26px;
+}
+.layui-table-view .layui-form-checkbox i {
+  height: 26px;
+}
+.layui-table-grid .layui-table-cell {
+  overflow: visible;
+}
+.layui-table-grid-down {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 26px;
+  height: 100%;
+  padding: 5px 0;
+  border-width: 0 0 0 1px;
+  text-align: center;
+  background-color: #fff;
+  color: #999;
+  cursor: pointer;
+}
+.layui-table-grid-down .layui-icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -8px 0 0 -8px;
+}
+.layui-table-grid-down:hover {
+  background-color: #fbfbfb;
+}
+body .layui-table-tips .layui-layer-content {
+  background: 0 0;
+  padding: 0;
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
+}
+.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: #666;
+}
+.layui-table-tips-c {
+  position: absolute;
+  right: -3px;
+  top: -13px;
+  width: 20px;
+  height: 20px;
+  padding: 3px;
+  cursor: pointer;
+  background-color: #666;
+  border-radius: 50%;
+  color: #fff;
+}
+.layui-table-tips-c:hover {
+  background-color: #777;
+}
+.layui-table-tips-c:before {
+  position: relative;
+  right: -2px;
+}
+.layui-upload-file {
+  display: none !important;
+  opacity: 0.01;
+  filter: Alpha(opacity=1);
+}
+.layui-upload-drag,
+.layui-upload-form,
+.layui-upload-wrap {
+  display: inline-block;
+}
+.layui-upload-list {
+  margin: 10px 0;
+}
+.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: #2d8cf0;
+}
+.layui-upload-drag[lay-over] {
+  border-color: #2d8cf0;
+}
+.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: 0.01;
+  filter: Alpha(opacity=1);
+  cursor: pointer;
+}
+.layui-transfer-active,
+.layui-transfer-box {
+  display: inline-block;
+  vertical-align: middle;
+}
+.layui-transfer-box,
+.layui-transfer-header,
+.layui-transfer-search {
+  border-width: 0;
+  border-style: solid;
+  border-color: #e6e6e6;
+}
+.layui-transfer-box {
+  position: relative;
+  border-width: 1px;
+  width: 200px;
+  height: 360px;
+  border-radius: 2px;
+  background-color: #fff;
+}
+.layui-transfer-box .layui-form-checkbox {
+  width: 100%;
+  margin: 0 !important;
+}
+.layui-transfer-header {
+  height: 38px;
+  line-height: 38px;
+  padding: 0 10px;
+  border-bottom-width: 1px;
+}
+.layui-transfer-search {
+  position: relative;
+  padding: 10px;
+  border-bottom-width: 1px;
+}
+.layui-transfer-search .layui-input {
+  height: 32px;
+  padding-left: 30px;
+  font-size: 12px;
+}
+.layui-transfer-search .layui-icon-search {
+  position: absolute;
+  left: 20px;
+  top: 50%;
+  margin-top: -8px;
+  color: #666;
+}
+.layui-transfer-active {
+  margin: 0 15px;
+}
+.layui-transfer-active .layui-btn {
+  display: block;
+  margin: 0;
+  padding: 0 15px;
+  background-color: #5fb878;
+  border-color: #5fb878;
+  color: #fff;
+}
+.layui-transfer-active .layui-btn-disabled {
+  background-color: #fbfbfb;
+  border-color: #e6e6e6;
+  color: #c9c9c9;
+}
+.layui-transfer-active .layui-btn:first-child {
+  margin-bottom: 15px;
+}
+.layui-transfer-active .layui-btn .layui-icon {
+  margin: 0;
+  font-size: 14px !important;
+}
+.layui-transfer-data {
+  padding: 5px 0;
+  overflow: auto;
+}
+.layui-transfer-data li {
+  height: 32px;
+  line-height: 32px;
+  padding: 0 10px;
+}
+.layui-transfer-data li:hover {
+  background-color: #f2f2f2;
+  transition: 0.5s all;
+}
+.layui-transfer-data .layui-none {
+  padding: 15px 10px;
+  text-align: center;
+  color: #999;
+}
+.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: 12.5px;
+}
+.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;
+  color: rgba(255, 255, 255, 0.7);
+  transition: all 0.3s;
+  -webkit-transition: all 0.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 0.2s;
+  -webkit-transition: all 0.2s;
+}
+.layui-nav-bar {
+  z-index: 1000;
+}
+.layui-nav .layui-nav-item a:hover,
+.layui-nav .layui-this a {
+  color: #fff;
+}
+.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 0.2s;
+  -webkit-transition: all 0.2s;
+  position: absolute;
+  top: 50%;
+  right: 3px;
+  margin-top: -3px;
+  border-width: 6px;
+  border-top-color: rgba(255, 255, 255, 0.7);
+}
+.layui-nav .layui-nav-mored,
+.layui-nav-itemed > a .layui-nav-more {
+  margin-top: -9px;
+  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, 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;
+  color: #000;
+}
+.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 {
+  position: relative;
+  height: 45px;
+  line-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: #2d8cf0;
+}
+.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: #2d8cf0;
+  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: 35px;
+  line-height: 35px;
+  color: #fff;
+  color: rgba(255, 255, 255, 0.7);
+}
+.layui-nav-tree .layui-nav-child,
+.layui-nav-tree .layui-nav-child a:hover {
+  background: 0 0;
+  color: #fff;
+}
+.layui-nav-tree .layui-nav-more {
+  right: 10px;
+}
+.layui-nav-itemed > .layui-nav-child {
+  display: block;
+  padding: 0;
+  background-color: rgba(0, 0, 0, 0.3) !important;
+}
+.layui-nav-itemed > .layui-nav-child > .layui-this > .layui-nav-child {
+  display: block;
+}
+.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 {
+  font-size: 0;
+}
+.layui-breadcrumb > * {
+  font-size: 14px;
+}
+.layui-breadcrumb a {
+  color: #999 !important;
+}
+.layui-breadcrumb a:hover {
+  color: #5fb878 !important;
+}
+.layui-breadcrumb a cite {
+  color: #666;
+  font-style: normal;
+}
+.layui-breadcrumb span[lay-separator] {
+  margin: 0 10px;
+  color: #999;
+}
+.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-width: 1px;
+  border-bottom-style: solid;
+  transition: all 0.2s;
+  -webkit-transition: all 0.2s;
+}
+.layui-tab-title li {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+  vertical-align: middle;
+  font-size: 12px;
+  transition: all 0.2s;
+  -webkit-transition: all 0.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-width: 1px;
+  border-style: solid;
+  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-width: 1px;
+  border-style: solid;
+  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 0.3s;
+  -webkit-transition: all 0.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 0.2s;
+  -webkit-transition: all 0.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: #2d8cf0;
+}
+.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-width: 1px;
+  border-style: solid;
+  border-radius: 2px;
+  box-shadow: 0 2px 5px 0 rgba(0, 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%;
+}
+.layui-timeline-item:last-child:before {
+  display: none;
+}
+.layui-timeline-item:first-child:before {
+  display: block;
+}
+.layui-timeline-content {
+  padding-left: 25px;
+}
+.layui-timeline-title {
+  position: relative;
+  margin-bottom: 10px;
+}
+.layui-badge,
+.layui-badge-dot,
+.layui-badge-rim {
+  position: relative;
+  display: inline-block;
+  padding: 0 6px;
+  font-size: 12px;
+  text-align: center;
+  background-color: #ff5722;
+  color: #fff;
+  border-radius: 2px;
+}
+.layui-badge {
+  height: 18px;
+  line-height: 18px;
+}
+.layui-badge-dot {
+  width: 8px;
+  height: 8px;
+  padding: 0;
+  border-radius: 50%;
+}
+.layui-badge-rim {
+  height: 18px;
+  line-height: 18px;
+  border-width: 1px;
+  border-style: solid;
+  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: -8px 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: #f8f8f8;
+}
+.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: #c2c2c2;
+  font-family: layui-icon !important;
+  font-size: 30px;
+  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: #f8f8f8;
+  transition-duration: 0.3s;
+  -webkit-transition-duration: 0.3s;
+}
+.layui-carousel-updown > * {
+  -webkit-transition: 0.3s ease-in-out up;
+  transition: 0.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, 0.2);
+  color: #fff;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.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, 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, 0.5);
+}
+.layui-carousel[lay-indicator="none"] .layui-carousel-ind {
+  display: none;
+}
+.layui-carousel-ind ul {
+  display: inline-block;
+  padding: 5px;
+  background-color: rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.layui-carousel-ind li {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin: 0 3px;
+  font-size: 14px;
+  background-color: #e2e2e2;
+  background-color: rgba(255, 255, 255, 0.5);
+  border-radius: 50%;
+  cursor: pointer;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.layui-carousel-ind li:hover {
+  background-color: rgba(255, 255, 255, 0.7);
+}
+.layui-carousel-ind li.layui-this {
+  background-color: #fff;
+}
+.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: 999999;
+}
+.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: 0.95;
+}
+.layui-fixbar li:hover {
+  opacity: 0.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, 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-code {
+  position: relative;
+  margin: 10px 0;
+  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-rate,
+.layui-rate * {
+  display: inline-block;
+  vertical-align: middle;
+}
+.layui-rate {
+  padding: 10px 5px 10px 0;
+  font-size: 0;
+}
+.layui-rate li i.layui-icon {
+  font-size: 20px;
+  color: #ffb800;
+  margin-right: 5px;
+  transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+}
+.layui-rate li i:hover {
+  cursor: pointer;
+  transform: scale(1.12);
+  -webkit-transform: scale(1.12);
+}
+.layui-rate[readonly] li i:hover {
+  cursor: default;
+  transform: scale(1);
+}
+.layui-colorpicker {
+  width: 26px;
+  height: 26px;
+  border: 1px solid #e6e6e6;
+  padding: 5px;
+  border-radius: 2px;
+  line-height: 24px;
+  display: inline-block;
+  cursor: pointer;
+  transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+}
+.layui-colorpicker:hover {
+  border-color: #d2d2d2;
+}
+.layui-colorpicker.layui-colorpicker-lg {
+  width: 34px;
+  height: 34px;
+  line-height: 32px;
+}
+.layui-colorpicker.layui-colorpicker-sm {
+  width: 24px;
+  height: 24px;
+  line-height: 22px;
+}
+.layui-colorpicker.layui-colorpicker-xs {
+  width: 22px;
+  height: 22px;
+  line-height: 20px;
+}
+.layui-colorpicker-trigger-bgcolor {
+  display: block;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
+  border-radius: 2px;
+}
+.layui-colorpicker-trigger-span {
+  display: block;
+  height: 100%;
+  box-sizing: border-box;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 2px;
+  text-align: center;
+}
+.layui-colorpicker-trigger-i {
+  display: inline-block;
+  color: #fff;
+  font-size: 12px;
+}
+.layui-colorpicker-trigger-i.layui-icon-close {
+  color: #999;
+}
+.layui-colorpicker-main {
+  position: absolute;
+  z-index: 66666666;
+  width: 280px;
+  padding: 7px;
+  background: #fff;
+  border: 1px solid #d2d2d2;
+  border-radius: 2px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
+}
+.layui-colorpicker-main-wrapper {
+  height: 180px;
+  position: relative;
+}
+.layui-colorpicker-basis {
+  width: 260px;
+  height: 100%;
+  position: relative;
+}
+.layui-colorpicker-basis-white {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
+}
+.layui-colorpicker-basis-black {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: linear-gradient(0deg, #000, transparent);
+}
+.layui-colorpicker-basis-cursor {
+  width: 10px;
+  height: 10px;
+  border: 1px solid #fff;
+  border-radius: 50%;
+  position: absolute;
+  top: -3px;
+  right: -3px;
+  cursor: pointer;
+}
+.layui-colorpicker-side {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 12px;
+  height: 100%;
+  background: linear-gradient(red, #ff0, #0f0, #0ff, #00f, #f0f, red);
+}
+.layui-colorpicker-side-slider {
+  width: 100%;
+  height: 5px;
+  box-shadow: 0 0 1px #888;
+  box-sizing: border-box;
+  background: #fff;
+  border-radius: 1px;
+  border: 1px solid #f0f0f0;
+  cursor: pointer;
+  position: absolute;
+  left: 0;
+}
+.layui-colorpicker-main-alpha {
+  display: none;
+  height: 12px;
+  margin-top: 7px;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
+}
+.layui-colorpicker-alpha-bgcolor {
+  height: 100%;
+  position: relative;
+}
+.layui-colorpicker-alpha-slider {
+  width: 5px;
+  height: 100%;
+  box-shadow: 0 0 1px #888;
+  box-sizing: border-box;
+  background: #fff;
+  border-radius: 1px;
+  border: 1px solid #f0f0f0;
+  cursor: pointer;
+  position: absolute;
+  top: 0;
+}
+.layui-colorpicker-main-pre {
+  padding-top: 7px;
+  font-size: 0;
+}
+.layui-colorpicker-pre {
+  width: 20px;
+  height: 20px;
+  border-radius: 2px;
+  display: inline-block;
+  margin-left: 6px;
+  margin-bottom: 7px;
+  cursor: pointer;
+}
+.layui-colorpicker-pre:nth-child(11n + 1) {
+  margin-left: 0;
+}
+.layui-colorpicker-pre-isalpha {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
+}
+.layui-colorpicker-pre.layui-this {
+  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
+}
+.layui-colorpicker-pre > div {
+  height: 100%;
+  border-radius: 2px;
+}
+.layui-colorpicker-main-input {
+  text-align: right;
+  padding-top: 7px;
+}
+.layui-colorpicker-main-input .layui-btn-container .layui-btn {
+  margin: 0 0 0 10px;
+}
+.layui-colorpicker-main-input div.layui-inline {
+  float: left;
+  margin-right: 10px;
+  font-size: 14px;
+}
+.layui-colorpicker-main-input input.layui-input {
+  width: 150px;
+  height: 30px;
+  color: #666;
+}
+.layui-slider {
+  height: 4px;
+  background: #e2e2e2;
+  border-radius: 3px;
+  position: relative;
+  cursor: pointer;
+}
+.layui-slider-bar {
+  border-radius: 3px;
+  position: absolute;
+  height: 100%;
+}
+.layui-slider-step {
+  position: absolute;
+  top: 0;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background: #fff;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+.layui-slider-wrap {
+  width: 36px;
+  height: 36px;
+  position: absolute;
+  top: -16px;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+  z-index: 10;
+  text-align: center;
+}
+.layui-slider-wrap-btn {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: #fff;
+  display: inline-block;
+  vertical-align: middle;
+  cursor: pointer;
+  transition: 0.3s;
+}
+.layui-slider-wrap:after {
+  content: "";
+  height: 100%;
+  display: inline-block;
+  vertical-align: middle;
+}
+.layui-slider-wrap-btn.layui-slider-hover,
+.layui-slider-wrap-btn:hover {
+  transform: scale(1.2);
+}
+.layui-slider-wrap-btn.layui-disabled:hover {
+  transform: scale(1) !important;
+}
+.layui-slider-tips {
+  position: absolute;
+  top: -42px;
+  z-index: 66666666;
+  white-space: nowrap;
+  display: none;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+  color: #fff;
+  background: #000;
+  border-radius: 3px;
+  height: 25px;
+  line-height: 25px;
+  padding: 0 10px;
+}
+.layui-slider-tips:after {
+  content: "";
+  position: absolute;
+  bottom: -12px;
+  left: 50%;
+  margin-left: -6px;
+  width: 0;
+  height: 0;
+  border-width: 6px;
+  border-style: solid;
+  border-color: #000 transparent transparent;
+}
+.layui-slider-input {
+  width: 70px;
+  height: 32px;
+  border: 1px solid #e6e6e6;
+  border-radius: 3px;
+  font-size: 16px;
+  line-height: 32px;
+  position: absolute;
+  right: 0;
+  top: -15px;
+}
+.layui-slider-input-btn {
+  display: none;
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 20px;
+  height: 100%;
+  border-left: 1px solid #d2d2d2;
+}
+.layui-slider-input-btn i {
+  cursor: pointer;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 20px;
+  height: 50%;
+  font-size: 12px;
+  line-height: 16px;
+  text-align: center;
+  color: #999;
+}
+.layui-slider-input-btn i:first-child {
+  top: 0;
+  border-bottom: 1px solid #d2d2d2;
+}
+.layui-slider-input-txt {
+  height: 100%;
+  font-size: 14px;
+}
+.layui-slider-input-txt input {
+  height: 100%;
+  border: none;
+}
+.layui-slider-input-btn i:hover {
+  color: #2d8cf0;
+}
+.layui-slider-vertical {
+  width: 4px;
+  margin-left: 34px;
+}
+.layui-slider-vertical .layui-slider-bar {
+  width: 4px;
+}
+.layui-slider-vertical .layui-slider-step {
+  top: auto;
+  left: 0;
+  -webkit-transform: translateY(50%);
+  transform: translateY(50%);
+}
+.layui-slider-vertical .layui-slider-wrap {
+  top: auto;
+  left: -16px;
+  -webkit-transform: translateY(50%);
+  transform: translateY(50%);
+}
+.layui-slider-vertical .layui-slider-tips {
+  top: auto;
+  left: 2px;
+}
+@media \0screen {
+  .layui-slider-wrap-btn {
+    margin-left: -20px;
+  }
+  .layui-slider-vertical .layui-slider-wrap-btn {
+    margin-left: 0;
+    margin-bottom: -20px;
+  }
+  .layui-slider-vertical .layui-slider-tips {
+    margin-left: -8px;
+  }
+  .layui-slider > span {
+    margin-left: 8px;
+  }
+}
+.layui-tree {
+  line-height: 22px;
+}
+.layui-tree .layui-form-checkbox {
+  margin: 0 !important;
+}
+.layui-tree-set {
+  width: 100%;
+  position: relative;
+}
+.layui-tree-pack {
+  display: none;
+  padding-left: 20px;
+  position: relative;
+}
+.layui-tree-iconClick,
+.layui-tree-main {
+  display: inline-block;
+  vertical-align: middle;
+}
+.layui-tree-line .layui-tree-pack {
+  padding-left: 27px;
+}
+.layui-tree-line .layui-tree-set .layui-tree-set:after {
+  content: "";
+  position: absolute;
+  top: 14px;
+  left: -9px;
+  width: 17px;
+  height: 0;
+  border-top: 1px dotted #c0c4cc;
+}
+.layui-tree-entry {
+  position: relative;
+  padding: 3px 0;
+  height: 20px;
+  white-space: nowrap;
+}
+.layui-tree-entry:hover {
+  background-color: #eee;
+}
+.layui-tree-line .layui-tree-entry:hover {
+  background-color: rgba(0, 0, 0, 0);
+}
+.layui-tree-line .layui-tree-entry:hover .layui-tree-txt {
+  color: #999;
+  text-decoration: underline;
+  transition: 0.3s;
+}
+.layui-tree-main {
+  cursor: pointer;
+  padding-right: 10px;
+}
+.layui-tree-line .layui-tree-set:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -9px;
+  width: 0;
+  height: 100%;
+  border-left: 1px dotted #c0c4cc;
+}
+.layui-tree-line .layui-tree-set.layui-tree-setLineShort:before {
+  height: 13px;
+}
+.layui-tree-line .layui-tree-set.layui-tree-setHide:before {
+  height: 0;
+}
+.layui-tree-iconClick {
+  position: relative;
+  height: 20px;
+  line-height: 20px;
+  margin: 0 10px;
+  color: #c0c4cc;
+}
+.layui-tree-icon {
+  height: 12px;
+  line-height: 12px;
+  width: 12px;
+  text-align: center;
+  border: 1px solid #c0c4cc;
+}
+.layui-tree-iconClick .layui-icon {
+  font-size: 18px;
+}
+.layui-tree-icon .layui-icon {
+  font-size: 12px;
+  color: #666;
+}
+.layui-tree-iconArrow {
+  padding: 0 5px;
+}
+.layui-tree-iconArrow:after {
+  content: "";
+  position: absolute;
+  left: 4px;
+  top: 3px;
+  z-index: 100;
+  width: 0;
+  height: 0;
+  border-width: 5px;
+  border-style: solid;
+  border-color: transparent transparent transparent #c0c4cc;
+  transition: 0.5s;
+}
+.layui-tree-btnGroup,
+.layui-tree-editInput {
+  position: relative;
+  vertical-align: middle;
+  display: inline-block;
+}
+.layui-tree-spread
+  > .layui-tree-entry
+  > .layui-tree-iconClick
+  > .layui-tree-iconArrow:after {
+  transform: rotate(90deg) translate(3px, 4px);
+}
+.layui-tree-txt {
+  display: inline-block;
+  vertical-align: middle;
+  color: #555;
+}
+.layui-tree-search {
+  margin-bottom: 15px;
+  color: #666;
+}
+.layui-tree-btnGroup .layui-icon {
+  display: inline-block;
+  vertical-align: middle;
+  padding: 0 2px;
+  cursor: pointer;
+}
+.layui-tree-btnGroup .layui-icon:hover {
+  color: #999;
+  transition: 0.3s;
+}
+.layui-tree-entry:hover .layui-tree-btnGroup {
+  visibility: visible;
+}
+.layui-tree-editInput {
+  height: 20px;
+  line-height: 20px;
+  padding: 0 3px;
+  border: none;
+  background-color: rgba(0, 0, 0, 0.05);
+}
+.layui-tree-emptyText {
+  text-align: center;
+  color: #999;
+}
+.layui-anim {
+  -webkit-animation-duration: 0.3s;
+  animation-duration: 0.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;
+}
+.layui-trans,
+.layui-trans a {
+  transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+}
+@-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: 0.3;
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+@keyframes layui-up {
+  from {
+    transform: translate3d(0, 100%, 0);
+    opacity: 0.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: 0.3;
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+@keyframes layui-upbit {
+  from {
+    transform: translate3d(0, 30px, 0);
+    opacity: 0.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: 0.3;
+    -webkit-transform: scale(0.5);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+  }
+}
+@keyframes layui-scale {
+  0% {
+    opacity: 0.3;
+    -ms-transform: scale(0.5);
+    transform: scale(0.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: 0.5;
+    -webkit-transform: scale(0.5);
+  }
+  80% {
+    opacity: 0.8;
+    -webkit-transform: scale(1.1);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+  }
+}
+@keyframes layui-scale-spring {
+  0% {
+    opacity: 0.5;
+    transform: scale(0.5);
+  }
+  80% {
+    opacity: 0.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;
+}
diff --git a/src/utils/api/index.js b/src/utils/api/index.js
index 7db7190..d4da1d2 100644
--- a/src/utils/api/index.js
+++ b/src/utils/api/index.js
@@ -267,3 +267,20 @@ export function getPermissionTree(data) {
     params: data,
   });
 }
+
+//查询当前装置的iccid
+export function getSimcardApi(data) {
+  return request({
+    url: "/xymanager/terminal/getSimcard",
+    method: "get",
+    params: data,
+  });
+}
+//修改当前装置的iccic
+export function updateSimcardApi(data) {
+  return request({
+    url: "/xymanager/terminal/updateSimcard",
+    method: "post",
+    data,
+  });
+}
diff --git a/src/utils/request.js b/src/utils/request.js
index 037f189..1ea4378 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -8,7 +8,7 @@ const service = axios.create({
   // baseURL: '',
   // timeout: 5000
   baseURL: "api", //把原来的项目地址，改成api，解决跨域问题
-  timeout: 30000,
+  timeout: 60000,
 });
 
 service.interceptors.request.use((config) => {
diff --git a/src/views/homePage/components/editIccid.vue b/src/views/homePage/components/editIccid.vue
new file mode 100644
index 0000000..4c03544
--- /dev/null
+++ b/src/views/homePage/components/editIccid.vue
@@ -0,0 +1,189 @@
+<template>
+  <el-dialog
+    class="changeIccicDialog"
+    title="修改ICCID"
+    :visible.sync="isShow"
+    :close-on-click-modal="false"
+    width="680px"
+  >
+    <el-form
+      label-position="left"
+      label-width="92px"
+      ref="formLineInfo"
+      :model="formdata"
+    >
+      <div class="left">
+        <el-form-item label="网络类型：" prop="type1">
+          <el-select v-model="formdata.type1" placeholder="请选择">
+            <el-option
+              v-for="item in networkOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="ICCID1：" prop="iccid1">
+          <el-input placeholder="请输入iccid1" v-model="formdata.iccid1">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="imsi1：" prop="imsi1">
+          <el-input placeholder="请输入imsi1" v-model="formdata.imsi1">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="msisdn1：" prop="msisdn1">
+          <el-input placeholder="请输入msisdn1" v-model="formdata.msisdn1">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="sim1：" prop="sim1">
+          <el-input placeholder="请输入sim1" v-model="formdata.sim1">
+          </el-input>
+        </el-form-item>
+      </div>
+      <div class="right">
+        <el-form-item label="网络类型：" prop="type2">
+          <el-select v-model="formdata.type2" placeholder="请选择">
+            <el-option
+              v-for="item in networkOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="ICCID2：" prop="iccid2">
+          <el-input placeholder="请输入iccid2" v-model="formdata.iccid2">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="imsi2：" prop="imsi2">
+          <el-input placeholder="请输入imsi2" v-model="formdata.imsi2">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="msisdn2：" prop="msisdn2">
+          <el-input placeholder="请输入msisdn2" v-model="formdata.msisdn2">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="sim2：" prop="sim2">
+          <el-input placeholder="请输入sim2" v-model="formdata.sim2">
+          </el-input>
+        </el-form-item>
+      </div>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="isShow = false">取 消</el-button>
+      <el-button type="primary" @click="submitForm()">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import { getSimcardApi, updateSimcardApi } from "@/utils/api/index";
+
+export default {
+  props: {},
+
+  data() {
+    return {
+      isShow: false,
+      termInfo: "",
+      formdata: {},
+      networkOptions: [
+        {
+          id: -1,
+          name: "未绑定",
+        },
+        {
+          id: 1,
+          name: "大汉移动",
+        },
+        {
+          id: 2,
+          name: "公田移动rabchase",
+        },
+        {
+          id: 3,
+          name: "公田m2m10086",
+        },
+        {
+          id: 4,
+          name: "安徽",
+        },
+      ], //网络类型
+    };
+  },
+  computed: {},
+  methods: {
+    getsimCard() {
+      getSimcardApi({
+        termId: this.termInfo.id,
+      })
+        .then((res) => {
+          console.log(res);
+          if (res.code == 200 && res.data !== null) {
+            this.formdata = res.data;
+          } else {
+            this.formdata = {};
+          }
+        })
+        .catch((err) => {});
+    },
+    // 保存确定操作
+    submitForm() {
+      console.log(this.formdata);
+
+      this.$refs.formLineInfo.validate((valid) => {
+        if (valid) {
+          console.log(this.formdata);
+
+          this.formdata.termId = this.termInfo.id;
+
+          updateSimcardApi(this.formdata)
+            .then((res) => {
+              console.log(res);
+              if (res.code == 200) {
+                this.isShow = false;
+                this.$message({
+                  duration: 1500,
+                  showClose: true,
+                  message: "修改成功",
+                  type: "success",
+                });
+              } else {
+                this.$message({
+                  duration: 1500,
+                  showClose: true,
+                  message: res.msg,
+                  type: "error",
+                });
+              }
+            })
+            .catch((err) => {});
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    display(val) {
+      console.log(val);
+      this.termInfo = val;
+      this.isShow = true;
+      this.getsimCard();
+    },
+    hide() {
+      this.isShow = false;
+      this.formdata = {};
+    },
+  },
+};
+</script>
+<style lang="less">
+.changeIccicDialog {
+  .el-form {
+    display: flex;
+    justify-content: space-between;
+  }
+  .el-select {
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/views/homePage/components/msglist.vue b/src/views/homePage/components/msglist.vue
index 494ba1e..e24d15e 100644
--- a/src/views/homePage/components/msglist.vue
+++ b/src/views/homePage/components/msglist.vue
@@ -13,9 +13,9 @@
           <el-descriptions-item label="装置编号">{{
             termInfo.cmdid
           }}</el-descriptions-item>
-          <el-descriptions-item label="iccid">{{
+          <!-- <el-descriptions-item label="iccid">{{
             termInfo.iccid
-          }}</el-descriptions-item>
+          }}</el-descriptions-item> -->
           <el-descriptions-item label="运营商">{{
             msgCompany
           }}</el-descriptions-item>
@@ -122,10 +122,6 @@
             style="width: 100%; height: 380px; border: none"
             class="iframeBox"
           ></iframe>
-          <!-- <iframe
-            src="/wulw/message/history"
-            style="width: 100%; height: 500px; border: none"
-          ></iframe> -->
         </div>
       </div>
     </div>
@@ -154,6 +150,7 @@ export default {
       console.log(this.multipleSelection);
       this.msgisShow = true;
       this.termInfo = this.multipleSelection[0];
+      console.log("aaaaaaaa", this.msgtype);
       //安徽的短信平台
       if (this.msgtype == 4) {
         // 创建一个新的DOM解析器
@@ -161,10 +158,8 @@ export default {
         // 将HTML字符串解析为文档对象
         const doc = parser.parseFromString(this.msgListData, "text/html");
         console.log(doc);
-
         // 查找并删除指定的<div>元素
         const divToRemove = doc.getElementsByClassName("larry-personal");
-
         while (divToRemove.length > 0) {
           // elements[elements.length - 1] 获取最后一个元素
           // 因为我们从后往前删除，所以索引不会受到前面删除操作的影响
@@ -175,7 +170,7 @@ export default {
         // 返回修改后的HTML字符串
         console.log(doc.documentElement.outerHTML);
         //console.log(this.msgListData);
-        this.modifiedMsgListData = doc.documentElement.outerHTML
+        let modifiedHtml = doc.documentElement.outerHTML
           .replace(
             /\/wulw\/static\/layui\/css\/layui\.css\?v=26/g,
             "https://www.lwwlkj.com/wulw/static/layui/css/layui.css?v=26"
@@ -193,11 +188,15 @@ export default {
             "https://www.lwwlkj.com/wulw/static/css/global.css?v=26"
           );
         console.log(this.modifiedMsgListData);
+        this.$nextTick(() => {
+          this.modifiedMsgListData = modifiedHtml;
+        });
       }
     },
 
     handleclose() {
       this.msgisShow = false;
+      this.modifiedMsgListData = "";
     },
   },
 };
@@ -209,6 +208,7 @@ export default {
     .msgTbale {
       .msgHead {
         margin-bottom: 8px;
+        width: 50%;
       }
     }
     .tableBox {
@@ -220,7 +220,7 @@ export default {
       }
       .anhui {
         iframe {
-          background-color: #fcc;
+          //background-color: #fcc;
           .larry-personal {
             display: none;
           }
diff --git a/src/views/homePage/components/tableMain.vue b/src/views/homePage/components/tableMain.vue
index 630a967..2bd23e6 100644
--- a/src/views/homePage/components/tableMain.vue
+++ b/src/views/homePage/components/tableMain.vue
@@ -19,6 +19,9 @@
           <el-form-item>
             <el-button type="primary" @click="sendMsg">发送短信</el-button>
           </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="editIccid">修改ICCID</el-button>
+          </el-form-item>
         </el-form>
       </div>
       <div class="zzMsg">
@@ -704,6 +707,11 @@
           <span> {{ scope.row.mntnStatus.lastIp }}</span>
         </template>
       </u-table-column>
+      <u-table-column label="算法" width="120">
+        <template slot-scope="scope">
+          <span> {{ scope.row.mntnStatus.reportMap.night415 }}</span>
+        </template>
+      </u-table-column>
       <u-table-column
         label="备注"
         v-if="notecheck"
@@ -1218,6 +1226,11 @@
         <el-button type="primary" @click="handlemsgList">查询短信</el-button>
       </div>
     </el-dialog>
+    <!-- 修改ICCID -->
+    <editIccid
+      ref="iccidRef"
+      :multipleSelection="multipleSelection"
+    ></editIccid>
     <!-- 短信接收记录 -->
 
     <msgList
@@ -1277,6 +1290,7 @@ import {
   msglistApi,
 } from "@/utils/api/index";
 import rowMsgDialog from "./rowMsgDialog.vue";
+import editIccid from "./editIccid.vue";
 import msgList from "./msglist.vue";
 import config from "./setConfig/config";
 import htmlToExcel from "@/utils/htmlToExcel";
@@ -1296,6 +1310,7 @@ export default {
     rowMsgDialog,
     msgList,
     config,
+    editIccid,
   },
   data() {
     //判断ip
@@ -1792,6 +1807,8 @@ export default {
           desc: "系统日志目录",
         },
       ],
+      //iccid弹窗
+      iccidVisible: false,
     };
   },
   mounted() {
@@ -2385,6 +2402,21 @@ export default {
         return;
       }
     },
+    //editIccid修改ICCICD
+    editIccid() {
+      if (this.idArray.length == 1) {
+        console.log(this.multipleSelection[0]);
+        this.$refs.iccidRef.display(this.multipleSelection[0]);
+      } else {
+        this.$message({
+          duration: 1500,
+          showClose: true,
+          message: "最多选中一个设备",
+          type: "warning",
+        });
+        return;
+      }
+    },
     handleSend(item) {
       console.log(item);
       this.sendForm.msginfo = item.value;
@@ -2423,7 +2455,9 @@ export default {
               this.msgListData = res.data.data;
               this.msgCompany = this.companyMap[res.data.type];
               this.msgtype = res.data.type;
-              this.$refs.msglistRef.display();
+              this.$nextTick(() => {
+                this.$refs.msglistRef.display();
+              });
             } else {
               this.$message({
                 duration: 1500,