初始化

public/assets/static/css/bootstrap-editable.css

@@ -0,0 +1,706 @@
+/*! X-editable - v1.5.3 
+* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
+* http://github.com/vitalets/x-editable
+* Copyright (c) 2019 Vitaliy Potapov; Licensed MIT */
+.editableform {
+    margin-bottom: 0; /* overwrites bootstrap margin */
+}
+
+.editableform .control-group {
+    margin-bottom: 0; /* overwrites bootstrap margin */
+    white-space: nowrap; /* prevent wrapping buttons on new line */
+    line-height: 20px; /* overwriting bootstrap line-height. See #133 */
+}
+
+/*
+    BS3 fix: stop css from breaking when the form is inside a popup and inside a form with the class .form-horizontal
+    See: https://github.com/vitalets/x-editable/issues/682
+*/
+.form-horizontal .editable-popup .editableform .form-group {
+    margin-left:0;
+    margin-right:0;
+}
+
+
+/* 
+  BS3 width:1005 for inputs breaks editable form in popup 
+  See: https://github.com/vitalets/x-editable/issues/393
+*/
+.editableform .form-control {
+    width: auto;
+}
+
+.editable-buttons {
+   display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
+   vertical-align: top;
+   margin-left: 7px;
+   /* inline-block emulation for IE7*/
+   zoom: 1; 
+   *display: inline;
+}
+
+.editable-button {
+  width: 24px;
+  height: 1px;
+  display: inline-block;
+  vertical-align: middle;
+  margin: 8px 2px 8px 5px;
+  cursor: pointer;
+  position: relative;
+}
+
+.editable-button .icon{
+  position: absolute;
+  color: #09AAFF;
+}
+
+.editable-button .icon1 {
+  top: 0;
+  left: 0;
+  font-size: 24px;
+  filter: alpha(opacity=30);
+  -moz-opacity: .3;
+  opacity: .3;
+}
+
+.editable-button .icon2 {
+  position: absolute;
+  top: 6px;
+  left: 5px;
+  font-size: 12px;
+}
+
+.editable-buttons.editable-buttons-bottom {
+   display: block; 
+   margin-top: 7px;
+   margin-left: 0;
+}
+
+.editable-input {
+    margin: 9px 0;
+    vertical-align: top; 
+    display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
+    width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
+    white-space: normal; /* reset white-space decalred in parent*/
+   /* display-inline emulation for IE7*/
+   zoom: 1; 
+   *display: inline;   
+}
+
+.editable-buttons .editable-cancel {
+   margin-left: 7px; 
+}
+
+/*for jquery-ui buttons need set height to look more pretty*/
+.editable-buttons button.ui-button-icon-only {
+   height: 24px; 
+   width: 30px;
+}
+
+.editableform-loading {
+    background: url('./img/loading.gif') center center no-repeat;  
+    height: 25px;
+    width: auto; 
+    min-width: 25px; 
+}
+
+.editable-inline .editableform-loading {
+    background-position: left 5px;      
+}
+
+ .editable-error-block {
+    max-width: 300px;
+    margin: 5px 0 0 0;
+    width: auto;
+    white-space: normal;
+}
+
+/*add padding for jquery ui*/
+.editable-error-block.ui-state-error {
+    padding: 3px;  
+}  
+
+.editable-error {
+   color: red;  
+}
+
+/* ---- For specific types ---- */
+
+.editableform .editable-date {
+    padding: 0; 
+    margin: 0;
+    float: left;
+}
+
+/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
+.editable-inline .add-on .icon-th {
+   margin-top: 3px;
+   margin-left: 1px; 
+}
+
+
+/* checklist vertical alignment */
+.editable-checklist label input[type="checkbox"], 
+.editable-checklist label span {
+    vertical-align: middle;
+    margin: 0;
+}
+
+.editable-checklist label {
+    white-space: nowrap; 
+}
+
+/* set exact width of textarea to fit buttons toolbar */
+.editable-wysihtml5 {
+    width: 566px; 
+    height: 250px; 
+}
+
+/* clear button shown as link in date inputs */
+.editable-clear {
+   clear: both;
+   font-size: 0.9em;
+   text-decoration: none;
+   text-align: right;
+}
+
+/* IOS-style clear button for text inputs */
+.editable-clear-x {
+   background: url('./img/clear.png') center center no-repeat;
+   display: block;
+   width: 13px;    
+   height: 13px;
+   position: absolute;
+   opacity: 0.6;
+   z-index: 100;
+   
+   top: 50%;
+   right: 6px;
+   margin-top: -6px;
+   
+}
+
+.editable-clear-x:hover {
+   opacity: 1;
+}
+
+.editable-pre-wrapped {
+   white-space: pre-wrap;
+}
+
+.editable-container.editable-popup {
+    max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
+}  
+
+.editable-container.popover {
+    width: auto; /* without this rule popover does not stretch */
+}
+
+.editable-container.editable-inline {
+    display: inline-block; 
+    vertical-align: middle;
+    width: auto;
+    /* inline-block emulation for IE7*/
+    zoom: 1; 
+    *display: inline;    
+}
+
+.editable-container.ui-widget {
+   font-size: inherit;  /* jqueryui widget font 1.1em too big, overwrite it */
+   z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */
+}
+.editable-click, 
+a.editable-click, 
+a.editable-click:hover {
+    text-decoration: none;
+    border-bottom: dashed 1px #0088cc;
+}
+
+.editable-click.editable-disabled, 
+a.editable-click.editable-disabled, 
+a.editable-click.editable-disabled:hover {
+   color: #585858;  
+   cursor: default;
+   border-bottom: none;
+}
+
+.editable-empty, .editable-empty:hover, .editable-empty:focus{
+  font-style: italic; 
+  color: #DD1144;  
+  /* border-bottom: none; */
+  text-decoration: none;
+}
+
+.editable-unsaved {
+  font-weight: bold; 
+}
+
+.editable-unsaved:after {
+/*    content: '*'*/
+}
+
+.editable-bg-transition {
+  -webkit-transition: background-color 1400ms ease-out;
+  -moz-transition: background-color 1400ms ease-out;
+  -o-transition: background-color 1400ms ease-out;
+  -ms-transition: background-color 1400ms ease-out;
+  transition: background-color 1400ms ease-out;  
+}
+
+/*see https://github.com/vitalets/x-editable/issues/139 */
+.form-horizontal .editable
+{ 
+    padding-top: 5px;
+    display:inline-block;
+}
+
+
+/*!
+ * Datepicker for Bootstrap
+ *
+ * Copyright 2012 Stefan Petre
+ * Improvements by Andrew Rowls
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ */
+.datepicker {
+  padding: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  direction: ltr;
+  /*.dow {
+		border-top: 1px solid #ddd !important;
+	}*/
+
+}
+.datepicker-inline {
+  width: 220px;
+}
+.datepicker.datepicker-rtl {
+  direction: rtl;
+}
+.datepicker.datepicker-rtl table tr td span {
+  float: right;
+}
+.datepicker-dropdown {
+  top: 0;
+  left: 0;
+}
+.datepicker-dropdown:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  left: 6px;
+}
+.datepicker-dropdown:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #ffffff;
+  position: absolute;
+  top: -6px;
+  left: 7px;
+}
+.datepicker > div {
+  display: none;
+}
+.datepicker.days div.datepicker-days {
+  display: block;
+}
+.datepicker.months div.datepicker-months {
+  display: block;
+}
+.datepicker.years div.datepicker-years {
+  display: block;
+}
+.datepicker table {
+  margin: 0;
+}
+.datepicker td,
+.datepicker th {
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  border: none;
+}
+.table-striped .datepicker table tr td,
+.table-striped .datepicker table tr th {
+  background-color: transparent;
+}
+.datepicker table tr td.day:hover {
+  background: #eeeeee;
+  cursor: pointer;
+}
+.datepicker table tr td.old,
+.datepicker table tr td.new {
+  color: #999999;
+}
+.datepicker table tr td.disabled,
+.datepicker table tr td.disabled:hover {
+  background: none;
+  color: #999999;
+  cursor: default;
+}
+.datepicker table tr td.today,
+.datepicker table tr td.today:hover,
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today.disabled:hover {
+  background-color: #fde19a;
+  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
+  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
+  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
+  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
+  background-image: linear-gradient(top, #fdd49a, #fdf59a);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
+  border-color: #fdf59a #fdf59a #fbed50;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  color: #000;
+}
+.datepicker table tr td.today:hover,
+.datepicker table tr td.today:hover:hover,
+.datepicker table tr td.today.disabled:hover,
+.datepicker table tr td.today.disabled:hover:hover,
+.datepicker table tr td.today:active,
+.datepicker table tr td.today:hover:active,
+.datepicker table tr td.today.disabled:active,
+.datepicker table tr td.today.disabled:hover:active,
+.datepicker table tr td.today.active,
+.datepicker table tr td.today:hover.active,
+.datepicker table tr td.today.disabled.active,
+.datepicker table tr td.today.disabled:hover.active,
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today:hover.disabled,
+.datepicker table tr td.today.disabled.disabled,
+.datepicker table tr td.today.disabled:hover.disabled,
+.datepicker table tr td.today[disabled],
+.datepicker table tr td.today:hover[disabled],
+.datepicker table tr td.today.disabled[disabled],
+.datepicker table tr td.today.disabled:hover[disabled] {
+  background-color: #fdf59a;
+}
+.datepicker table tr td.today:active,
+.datepicker table tr td.today:hover:active,
+.datepicker table tr td.today.disabled:active,
+.datepicker table tr td.today.disabled:hover:active,
+.datepicker table tr td.today.active,
+.datepicker table tr td.today:hover.active,
+.datepicker table tr td.today.disabled.active,
+.datepicker table tr td.today.disabled:hover.active {
+  background-color: #fbf069 \9;
+}
+.datepicker table tr td.today:hover:hover {
+  color: #000;
+}
+.datepicker table tr td.today.active:hover {
+  color: #fff;
+}
+.datepicker table tr td.range,
+.datepicker table tr td.range:hover,
+.datepicker table tr td.range.disabled,
+.datepicker table tr td.range.disabled:hover {
+  background: #eeeeee;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.datepicker table tr td.range.today,
+.datepicker table tr td.range.today:hover,
+.datepicker table tr td.range.today.disabled,
+.datepicker table tr td.range.today.disabled:hover {
+  background-color: #f3d17a;
+  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
+  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
+  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
+  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
+  background-image: linear-gradient(top, #f3c17a, #f3e97a);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
+  border-color: #f3e97a #f3e97a #edde34;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.datepicker table tr td.range.today:hover,
+.datepicker table tr td.range.today:hover:hover,
+.datepicker table tr td.range.today.disabled:hover,
+.datepicker table tr td.range.today.disabled:hover:hover,
+.datepicker table tr td.range.today:active,
+.datepicker table tr td.range.today:hover:active,
+.datepicker table tr td.range.today.disabled:active,
+.datepicker table tr td.range.today.disabled:hover:active,
+.datepicker table tr td.range.today.active,
+.datepicker table tr td.range.today:hover.active,
+.datepicker table tr td.range.today.disabled.active,
+.datepicker table tr td.range.today.disabled:hover.active,
+.datepicker table tr td.range.today.disabled,
+.datepicker table tr td.range.today:hover.disabled,
+.datepicker table tr td.range.today.disabled.disabled,
+.datepicker table tr td.range.today.disabled:hover.disabled,
+.datepicker table tr td.range.today[disabled],
+.datepicker table tr td.range.today:hover[disabled],
+.datepicker table tr td.range.today.disabled[disabled],
+.datepicker table tr td.range.today.disabled:hover[disabled] {
+  background-color: #f3e97a;
+}
+.datepicker table tr td.range.today:active,
+.datepicker table tr td.range.today:hover:active,
+.datepicker table tr td.range.today.disabled:active,
+.datepicker table tr td.range.today.disabled:hover:active,
+.datepicker table tr td.range.today.active,
+.datepicker table tr td.range.today:hover.active,
+.datepicker table tr td.range.today.disabled.active,
+.datepicker table tr td.range.today.disabled:hover.active {
+  background-color: #efe24b \9;
+}
+.datepicker table tr td.selected,
+.datepicker table tr td.selected:hover,
+.datepicker table tr td.selected.disabled,
+.datepicker table tr td.selected.disabled:hover {
+  background-color: #9e9e9e;
+  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
+  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
+  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
+  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
+  background-image: linear-gradient(top, #b3b3b3, #808080);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
+  border-color: #808080 #808080 #595959;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td.selected:hover,
+.datepicker table tr td.selected:hover:hover,
+.datepicker table tr td.selected.disabled:hover,
+.datepicker table tr td.selected.disabled:hover:hover,
+.datepicker table tr td.selected:active,
+.datepicker table tr td.selected:hover:active,
+.datepicker table tr td.selected.disabled:active,
+.datepicker table tr td.selected.disabled:hover:active,
+.datepicker table tr td.selected.active,
+.datepicker table tr td.selected:hover.active,
+.datepicker table tr td.selected.disabled.active,
+.datepicker table tr td.selected.disabled:hover.active,
+.datepicker table tr td.selected.disabled,
+.datepicker table tr td.selected:hover.disabled,
+.datepicker table tr td.selected.disabled.disabled,
+.datepicker table tr td.selected.disabled:hover.disabled,
+.datepicker table tr td.selected[disabled],
+.datepicker table tr td.selected:hover[disabled],
+.datepicker table tr td.selected.disabled[disabled],
+.datepicker table tr td.selected.disabled:hover[disabled] {
+  background-color: #808080;
+}
+.datepicker table tr td.selected:active,
+.datepicker table tr td.selected:hover:active,
+.datepicker table tr td.selected.disabled:active,
+.datepicker table tr td.selected.disabled:hover:active,
+.datepicker table tr td.selected.active,
+.datepicker table tr td.selected:hover.active,
+.datepicker table tr td.selected.disabled.active,
+.datepicker table tr td.selected.disabled:hover.active {
+  background-color: #666666 \9;
+}
+.datepicker table tr td.active,
+.datepicker table tr td.active:hover,
+.datepicker table tr td.active.disabled,
+.datepicker table tr td.active.disabled:hover {
+  background-color: #006dcc;
+  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
+  background-image: linear-gradient(top, #0088cc, #0044cc);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
+  border-color: #0044cc #0044cc #002a80;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td.active:hover,
+.datepicker table tr td.active:hover:hover,
+.datepicker table tr td.active.disabled:hover,
+.datepicker table tr td.active.disabled:hover:hover,
+.datepicker table tr td.active:active,
+.datepicker table tr td.active:hover:active,
+.datepicker table tr td.active.disabled:active,
+.datepicker table tr td.active.disabled:hover:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active:hover.active,
+.datepicker table tr td.active.disabled.active,
+.datepicker table tr td.active.disabled:hover.active,
+.datepicker table tr td.active.disabled,
+.datepicker table tr td.active:hover.disabled,
+.datepicker table tr td.active.disabled.disabled,
+.datepicker table tr td.active.disabled:hover.disabled,
+.datepicker table tr td.active[disabled],
+.datepicker table tr td.active:hover[disabled],
+.datepicker table tr td.active.disabled[disabled],
+.datepicker table tr td.active.disabled:hover[disabled] {
+  background-color: #0044cc;
+}
+.datepicker table tr td.active:active,
+.datepicker table tr td.active:hover:active,
+.datepicker table tr td.active.disabled:active,
+.datepicker table tr td.active.disabled:hover:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active:hover.active,
+.datepicker table tr td.active.disabled.active,
+.datepicker table tr td.active.disabled:hover.active {
+  background-color: #003399 \9;
+}
+.datepicker table tr td span {
+  display: block;
+  width: 23%;
+  height: 54px;
+  line-height: 54px;
+  float: left;
+  margin: 1%;
+  cursor: pointer;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.datepicker table tr td span:hover {
+  background: #eeeeee;
+}
+.datepicker table tr td span.disabled,
+.datepicker table tr td span.disabled:hover {
+  background: none;
+  color: #999999;
+  cursor: default;
+}
+.datepicker table tr td span.active,
+.datepicker table tr td span.active:hover,
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active.disabled:hover {
+  background-color: #006dcc;
+  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
+  background-image: linear-gradient(top, #0088cc, #0044cc);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
+  border-color: #0044cc #0044cc #002a80;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td span.active:hover,
+.datepicker table tr td span.active:hover:hover,
+.datepicker table tr td span.active.disabled:hover,
+.datepicker table tr td span.active.disabled:hover:hover,
+.datepicker table tr td span.active:active,
+.datepicker table tr td span.active:hover:active,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.active:hover.active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active.disabled:hover.active,
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active:hover.disabled,
+.datepicker table tr td span.active.disabled.disabled,
+.datepicker table tr td span.active.disabled:hover.disabled,
+.datepicker table tr td span.active[disabled],
+.datepicker table tr td span.active:hover[disabled],
+.datepicker table tr td span.active.disabled[disabled],
+.datepicker table tr td span.active.disabled:hover[disabled] {
+  background-color: #0044cc;
+}
+.datepicker table tr td span.active:active,
+.datepicker table tr td span.active:hover:active,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.active:hover.active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active.disabled:hover.active {
+  background-color: #003399 \9;
+}
+.datepicker table tr td span.old,
+.datepicker table tr td span.new {
+  color: #999999;
+}
+.datepicker th.datepicker-switch {
+  width: 145px;
+}
+.datepicker thead tr:first-child th,
+.datepicker tfoot tr th {
+  cursor: pointer;
+}
+.datepicker thead tr:first-child th:hover,
+.datepicker tfoot tr th:hover {
+  background: #eeeeee;
+}
+.datepicker .cw {
+  font-size: 10px;
+  width: 12px;
+  padding: 0 2px 0 5px;
+  vertical-align: middle;
+}
+.datepicker thead tr:first-child th.cw {
+  cursor: default;
+  background-color: transparent;
+}
+.input-append.date .add-on i,
+.input-prepend.date .add-on i {
+  display: block;
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+}
+.input-daterange input {
+  text-align: center;
+}
+.input-daterange input:first-child {
+  -webkit-border-radius: 3px 0 0 3px;
+  -moz-border-radius: 3px 0 0 3px;
+  border-radius: 3px 0 0 3px;
+}
+.input-daterange input:last-child {
+  -webkit-border-radius: 0 3px 3px 0;
+  -moz-border-radius: 0 3px 3px 0;
+  border-radius: 0 3px 3px 0;
+}
+.input-daterange .add-on {
+  display: inline-block;
+  width: auto;
+  min-width: 16px;
+  height: 18px;
+  padding: 4px 5px;
+  font-weight: normal;
+  line-height: 18px;
+  text-align: center;
+  text-shadow: 0 1px 0 #ffffff;
+  vertical-align: middle;
+  background-color: #eeeeee;
+  border: 1px solid #ccc;
+  margin-left: -5px;
+  margin-right: -5px;
+}

public/assets/static/css/bootstrap-table-fixed-columns.css

@@ -0,0 +1,27 @@
+.fixed-table-header-columns,
+.fixed-table-body-columns {
+    position: absolute;
+    background-color: #fff;
+    display: none;
+    box-sizing: border-box;
+    overflow: hidden;
+}
+
+.fixed-table-header-columns .table,
+.fixed-table-body-columns .table {
+    border-right: 1px solid #ddd;
+}
+
+.fixed-table-header-columns .table.table-no-bordered,
+.fixed-table-body-columns .table.table-no-bordered {
+    border-right: 1px solid transparent;
+}
+
+.fixed-table-body-columns table {
+    position: absolute;
+    animation: none;
+}
+
+.bootstrap-table .table-hover > tbody > tr.hover > td{
+    background-color: #f5f5f5;
+}

public/assets/static/icon/icon.css

@@ -0,0 +1,499 @@
+@font-face {
+	font-family:yunfont;
+	src:url(./font/yunfont.eot?t=1610419101922?de437c);
+	src:url(./font/yunfont.eot?t=1610419101922?de437c#iefix) 
+	format('embedded-opentype'),url(./font/yunfont.ttf?t=1610419101922?de437c) 
+	format('truetype'),url(./font/yunfont.woff?t=1610419101922?de437c) 
+	format('woff'),url(./font/yunfont.svg?t=1610419101922?de437c#yunfont) format('svg');
+	font-weight:400;
+	font-style:normal;
+}
+
+
+.g-button-right{
+	padding-left: 20px;
+	color: #666;
+	background-color: rgb(247, 247, 247);
+}
+
+.g-button-right .icon{
+	height: 38px;
+	width: 23px;
+	line-height: 38px;
+	margin-left: 5px;
+	margin-top: -2px;
+	font-size: 16px;
+	display: inline-block;
+}
+
+.icon {
+	font-family: yunfont!important;
+	speak: never;
+	font-style: normal;
+	font-weight: 400;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale
+}
+
+.icon-my-share:before {
+	content: "\e900"
+}
+
+.icon-disk:before {
+	content: "\e901"
+}
+
+.icon-share:before {
+	content: "\e902"
+}
+
+.icon-delete:before {
+	content: "\e903"
+}
+
+.icon-theme:before {
+	content: "\e904"
+}
+
+.icon-search:before {
+	content: "\e905"
+}
+
+.icon-newfolder:before {
+	content: "\e906"
+}
+
+.icon-download:before {
+	content: "\e907"
+}
+
+.icon-border:before {
+	content: "\e908"
+}
+
+.icon-face:before {
+	content: "\e909"
+}
+
+.icon-android:before {
+	content: "\e90a"
+}
+
+.icon-apple:before {
+	content: "\e90b"
+}
+
+.icon-device:before {
+	content: "\e90c"
+}
+
+.icon-check:before {
+	content: "\e90d"
+}
+
+.icon-cancel:before {
+	content: "\e90e"
+}
+
+.icon-print:before {
+	content: "\e90f"
+}
+
+.icon-order:before {
+	content: "\e910"
+}
+
+.icon-grid:before {
+	content: "\e911"
+}
+
+.icon-right:before {
+	content: "\e912"
+}
+
+.icon-more:before {
+	content: "\e913"
+}
+
+.icon-copy:before {
+	content: "\e914"
+}
+
+.icon-upload:before {
+	content: "\e915"
+}
+
+.icon-yunguanjia:before {
+	content: "\e916"
+}
+
+.icon-iPad:before {
+	content: "\e917"
+}
+
+.icon-win:before {
+	content: "\e918"
+}
+
+.icon-mail:before {
+	content: "\e919"
+}
+
+.icon-sync:before {
+	content: "\e91a"
+}
+
+.icon-share-cancel:before {
+	content: "\e91b"
+}
+
+.icon-qrcode:before {
+	content: "\e91c"
+}
+
+.icon-beauty:before {
+	content: "\e91d"
+}
+
+.icon-edit:before {
+	content: "\e91e"
+}
+
+.icon-save-disk:before {
+	content: "\e91f"
+}
+
+.icon-list:before {
+	content: "\e920"
+}
+
+.icon-history:before {
+	content: "\e921"
+}
+
+.icon-notice:before {
+	content: "\e922"
+}
+
+.icon-recovery:before {
+	content: "\e923"
+}
+
+.icon-mosaic:before {
+	content: "\e924"
+}
+
+.icon-speed:before {
+	content: "\e925"
+}
+
+.icon-play:before {
+	content: "\e926"
+}
+
+.icon-poly:before {
+	content: "\e927"
+}
+
+.icon-feedback:before {
+	content: "\e928"
+}
+
+.icon-search-del:before {
+	content: "\e929"
+}
+
+.icon-small-lock:before {
+	content: "\e92a"
+}
+
+.icon-close:before {
+	content: "\e92b"
+}
+
+.icon-minimize:before {
+	content: "\e92c"
+}
+
+.icon-maximizing:before {
+	content: "\e92d"
+}
+
+.icon-share-community:before {
+	content: "\e92e"
+}
+
+.icon-share-email:before {
+	content: "\e92f"
+}
+
+.icon-share-link:before {
+	content: "\e930"
+}
+
+.icon-share-friend:before {
+	content: "\e931"
+}
+
+.icon-sort-select:before {
+	content: "\e932"
+}
+
+.icon-dropdown-arrow:before {
+	content: "\e933"
+}
+
+.icon-friendlist:before {
+	content: "\e934"
+}
+
+.icon-checkgridsmall:before {
+	content: "\e935"
+}
+
+.icon-mboxchate:before {
+	content: "\e936"
+}
+
+.icon-checksmall:before {
+	content: "\e937"
+}
+
+.icon-downtitle:before {
+	content: "\e938"
+}
+
+.icon-up:before {
+	content: "\e939"
+}
+
+.icon-rename-cancel:before {
+	content: "\e93a"
+}
+
+.icon-circle:before {
+	content: "\e93b"
+}
+
+.icon-mac:before {
+	content: "\e93c"
+}
+
+.icon-musicpause:before {
+	content: "\e93d"
+}
+
+.icon-musicloop:before {
+	content: "\e93e"
+}
+
+.icon-musicprev:before {
+	content: "\e93f"
+}
+
+.icon-musicrandom:before {
+	content: "\e940"
+}
+
+.icon-musicloop2:before {
+	content: "\e941"
+}
+
+.icon-musicnext:before {
+	content: "\e942"
+}
+
+.icon-musicplay:before {
+	content: "\e943"
+}
+
+.icon-musicvolume:before {
+	content: "\e944"
+}
+
+.icon-arrow-up:before {
+	content: "\e945"
+}
+
+.icon-arrow-down:before {
+	content: "\e946"
+}
+
+.icon-arrow-right:before {
+	content: "\e947"
+}
+
+.icon-arrow-left:before {
+	content: "\e948"
+}
+
+.icon-appeal:before {
+	content: "\e949"
+}
+
+.icon-radio-checked:before {
+	content: "\e94a"
+}
+
+.icon-radio-non:before {
+	content: "\e94b"
+}
+
+.icon-director:before {
+	content: "\e94c"
+}
+
+.icon-dropdown-select:before {
+	content: "\e94d"
+}
+
+.icon-tips-detail:before {
+	content: "\e94e"
+}
+
+.icon-tips-success:before {
+	content: "\e94f"
+}
+
+.icon-tips-close:before {
+	content: "\e950"
+}
+
+.icon-tips-caution:before {
+	content: "\e951"
+}
+
+.icon-imageEnlarge:before {
+	content: "\e952"
+}
+
+.icon-hollowCircle:before {
+	content: "\e953"
+}
+
+.icon-picpre-enlarge:before {
+	content: "\e954"
+}
+
+.icon-picpre-close:before {
+	content: "\e955"
+}
+
+.icon-picpre-beautify:before {
+	content: "\e956"
+}
+
+.icon-picpre-delete:before {
+	content: "\e957"
+}
+
+.icon-picpre-before:before {
+	content: "\e958"
+}
+
+.icon-picpre-pulldown2:before {
+	content: "\e959"
+}
+
+.icon-picpre-next:before {
+	content: "\e95a"
+}
+
+.icon-picpre-download:before {
+	content: "\e95b"
+}
+
+.icon-picpre-detail:before {
+	content: "\e95c"
+}
+
+.icon-picpre-pullup:before {
+	content: "\e95d"
+}
+
+.icon-picpre-rotate:before {
+	content: "\e95e"
+}
+
+.icon-picpre-phone:before {
+	content: "\e95f"
+}
+
+.icon-picpre-cloudprint:before {
+	content: "\e960"
+}
+
+.icon-picpre-facesearch:before {
+	content: "\e961"
+}
+
+.icon-remark-edit:before {
+	content: "\e962"
+}
+
+.icon-remark-remove:before {
+	content: "\e963"
+}
+
+.icon-camera:before {
+	content: "\e964"
+}
+
+.icon-sharedir:before {
+	content: "\e965"
+}
+
+.icon-sharedir-info:before {
+	content: "\e966"
+}
+
+.icon-classify-modify-remove:before {
+	content: "\e967"
+}
+
+.icon-setting:before {
+	content: "\e968"
+}
+
+.icon-share-sellmall:before {
+	content: "\e969"
+}
+
+.icon-pdf2word:before {
+	content: "\e96a"
+}
+
+.icon-uniE96D:before {
+	content: "\e96b"
+}
+
+.icon-uniE96E:before {
+	content: "\e96c"
+}
+
+.icon-uniE96F:before {
+	content: "\e96d"
+}
+
+.icon-sjck:before {
+	content: "\e96e"
+}
+
+.icon-addwp:before {
+	content: "\e96f"
+}
+
+.icon-wpedit:before {
+	content: "\e970"
+}
+
+.icon-share-lock:before {
+	content: "\e971"
+}
+
+.icon-svg-s-close:before {
+	content: "\e972"
+}

public/assets/static/index/css/index.css

@@ -0,0 +1,623 @@
+body {
+    font-size: 14px;
+    font-family: arial, \5FAE\8F6F\96C5\9ED1, sans-serif;
+    margin: auto;
+    color: #3f3f3f
+}
+
+a:link {
+    text-decoration: none;
+    color: #09f
+}
+
+a:visited {
+    text-decoration: none;
+    color: #09f
+}
+
+a:hover {
+    text-decoration: none;
+    color: #f32
+}
+
+a:active {
+    text-decoration: none;
+    color: #ff0
+}
+
+.dx:link {
+    color: #fff;
+    background-color: #09f
+}
+
+.dx:hover {
+    color: #fff;
+    background-color: #5bf
+}
+
+.d1 {
+    background: #fff0df;
+    box-shadow: 0 0 5px #b1b1b1;
+    position: fixed;
+    top: 0;
+    filter: alpha(opacity=70);
+    -moz-opacity: .7;
+    -khtml-opacity: .7;
+    opacity: .7;
+    z-index: 100;
+    width: 100%;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: #fc6;
+    height: 49px
+}
+
+.d1 a:link {
+    color: #999;
+    text-decoration: none
+}
+
+.d1 a:visited {
+    color: #ccc;
+    text-decoration: none
+}
+
+.d1 a:hover {
+    color: #333;
+    text-decoration: none
+}
+
+.d1 a:active {
+    text-decoration: none
+}
+
+.d11 {
+    float: left;
+    background-image: url(../img/logo3.gif);
+    background-repeat: no-repeat;
+    background-position: 17px 14px;
+    padding-top: 18px;
+    height: 29px
+}
+
+.d12 {
+    float: right;
+    padding-right: 30px;
+    padding-top: 18px;
+    height: 29px
+}
+
+.d7 {
+    display: block;
+    text-align: right;
+    width: 230px
+}
+
+.pc {
+    background-color: #09f;
+    height: 15px;
+    background-image: url(../img/logo3.gif);
+    background-repeat: no-repeat;
+    background-position: 90% bottom;
+    margin-top: 45px;
+    _margin-top: 0;
+    width: 100%
+}
+
+.li {
+    text-align: center;
+    padding-top: 17px;
+    padding-bottom: 7px;
+    font-size: 20px;
+    color: #bbb;
+    font-family: MingLiU, PMingLiU
+}
+
+.q7 {
+    background-color: #fc3;
+    width: 100%;
+    margin-right: auto;
+    margin-left: auto
+}
+
+.q1 {
+    font-size: 37px;
+    font-weight: bold;
+    text-align: center;
+    padding-top: 70px;
+    padding-left: 150px
+}
+
+.q1 span {
+    font-family: \9ED1\4F53
+}
+
+.q2 {
+    font-size: 20px;
+    color: #ff9;
+    text-align: center;
+    margin-top: 27px;
+    margin-bottom: 13px;
+    padding-left: 150px;
+    font-family: MingLiU, PMingLiU
+}
+
+.q3 {
+    text-align: center;
+    padding-left: 150px;
+    padding-top: 20px;
+    font-size: 16px
+}
+
+.q5 {
+    background-image: url(../img/q2.gif);
+    background-repeat: no-repeat;
+    background-position: 0 30px;
+    height: 300px;
+    float: left;
+    width: 700px
+}
+
+.q9 {
+    height: 306px;
+    width: 998px;
+    margin-right: auto;
+    margin-left: auto;
+    background-image: url(../img/q9.gif);
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    padding-top: 23px;
+    padding-bottom: 23px
+}
+
+.y0 {
+    background-color: #fff;
+    padding: 23px;
+    filter: alpha(opacity=70);
+    -moz-opacity: .7;
+    -khtml-opacity: .7;
+    opacity: .7;
+    z-index: 100;
+    width: 220px;
+    border-radius: 5px;
+    float: right
+}
+
+.y1 {
+    font-size: 26px;
+    text-align: center;
+    padding-top: 17px
+}
+
+.y2 {
+    width: 170px;
+    margin-right: auto;
+    margin-left: auto;
+    line-height: 37px;
+    margin-top: 11px;
+    margin-bottom: 11px;
+    color: #f60;
+    text-align: center
+}
+
+.y3 {
+    text-align: center;
+    color: #777
+}
+
+.y6 {
+    border: 1px solid #D5D5D5;
+    background-image: linear-gradient(#FCFCFC, #EEE);
+    background-color: #f7f7f7;
+    text-shadow: 0 2px 0 rgba(255, 255, 255, 0.9);
+    text-align: center;
+    margin-right: auto;
+    margin-left: auto;
+    width: 130px;
+    margin-top: 7px;
+    display: block;
+    padding: 7px;
+    border-radius: 5px;
+    color: #000
+}
+
+.y6:link {
+    color: #000
+}
+
+.y6:hover {
+    border: 1px solid #fc3;
+    color: #999;
+}
+
+.y6:visited {
+    color: #333
+}
+
+.y6:active {
+    background-color: #ffc;
+    background-image: linear-gradient(#dcdcdc, #d8d8d8);
+    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15)
+}
+
+.v1 {
+    font-family: "Raleway", "Open Sans", "Helvetica Neue", Microsoft JhengHei, arial, sans-serif, \5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
+    font-size: 26px;
+    margin-top: 7px;
+    margin-bottom: 7px;
+    text-align: center;
+    color: #333
+}
+
+.v2 {
+    text-align: center;
+    margin-top: 17px
+}
+
+.v3 {
+    height: 210px;
+    background-color: #3c61d6;
+    padding-top: 39px;
+    width: 100%
+}
+
+.v4 {
+    font-family: "Raleway", "Open Sans", "Helvetica Neue", Microsoft JhengHei, arial, sans-serif, \5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
+    font-size: 30px;
+    color: #fff;
+    padding: 7px
+}
+
+.v5 {
+    color: #fff;
+    padding: 7px;
+    font-size: 13px
+}
+
+.v6 {
+    font-size: 17px;
+    color: #adf;
+    padding: 7px
+}
+
+.v7 {
+    height: 33px;
+    width: 118px;
+    background-color: #6b0;
+    text-align: center;
+    margin-left: 7px;
+    border-radius: 5px;
+    display: block;
+    line-height: 33px
+}
+
+.v7:link {
+    color: #fff;
+    text-decoration: none
+}
+
+.v7:hover {
+    background-color: #81d658;
+    color: #fff;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
+}
+
+.v7:visited {
+    color: #fff
+}
+
+.v7:active {
+    background-color: #509100;
+    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15)
+}
+
+.p8 {
+    float: left;
+    width: 220px;
+    margin-left: 3px;
+    padding-top: 160px;
+    border: 1px solid #fff;
+    padding-bottom: 30px
+}
+
+.p8:hover {
+    background-image: url(../img/i1.gif);
+    background-repeat: no-repeat;
+    background-position: -820px 22px;
+    color: #000;
+    border: 1px solid #eee
+}
+
+.p7 {
+    float: left;
+    width: 220px;
+    margin-left: 3px;
+    padding-top: 160px;
+    border: 1px solid #fff;
+    padding-bottom: 30px
+}
+
+.p7:hover {
+    background-image: url(../img/i1.gif);
+    background-repeat: no-repeat;
+    background-position: -1046px 22px;
+    color: #000;
+    border: 1px solid #eee
+}
+
+.p6 {
+    float: left;
+    width: 220px;
+    margin-left: 3px;
+    padding-top: 160px;
+    border: 1px solid #fff;
+    padding-bottom: 30px
+}
+
+.p6:hover {
+    background-image: url(../img/i1.gif);
+    background-repeat: no-repeat;
+    background-position: -1270px 22px;
+    color: #000;
+    border: 1px solid #eee
+}
+
+.p5 {
+    float: left;
+    width: 220px;
+    margin-left: 3px;
+    padding-top: 160px;
+    border: 1px solid #fff;
+    padding-bottom: 30px
+}
+
+.p5:hover {
+    background-image: url(../img/i1.gif);
+    background-repeat: no-repeat;
+    background-position: -1496px 22px;
+    color: #000;
+    border: 1px solid #eee
+}
+
+.p9 {
+    width: 927px;
+    height: 273px;
+    background-image: url(../img/i1.gif);
+    background-repeat: no-repeat;
+    margin-right: auto;
+    margin-left: auto;
+    background-position: 59px 23px;
+    color: #999
+}
+
+.c {
+    clear: both;
+    height: 70px
+}
+
+.h1 {
+    width: 600px;
+    padding-top: 100px;
+    padding-right: 398px;
+    padding-bottom: 100px;
+    margin-right: auto;
+    margin-left: auto;
+    background-image: url(../img/i18.gif);
+    background-repeat: no-repeat;
+    background-position: 682px -719px
+}
+
+.h1:hover {
+    background-image: url(../img/i18.gif);
+    background-repeat: no-repeat;
+    background-position: 683px -719px
+}
+
+.h2 {
+    width: 460px;
+    margin-right: auto;
+    margin-left: auto;
+    padding-top: 20px;
+    padding-bottom: 20px;
+    padding-left: 538px;
+    background-image: url(../img/i18.gif);
+    background-repeat: no-repeat;
+    background-position: 0 -460px
+}
+
+.h3 {
+    height: 180px;
+    width: 640px;
+    margin-right: auto;
+    margin-left: auto;
+    padding-top: 7px;
+    padding-right: 358px;
+    padding-bottom: 7px;
+    background-image: url(../img/i18.gif);
+    background-repeat: no-repeat;
+    background-position: 718px -218px
+}
+
+.u {
+    width: 998px;
+    margin-right: auto;
+    margin-left: auto;
+    height: 200px
+}
+
+.u1 {
+    width: 998px;
+    margin-top: 27px;
+    border-top: 1px solid #e1e1e1;
+    margin-right: auto;
+    margin-left: auto;
+    margin-bottom: 70px
+}
+
+.u2 {
+    width: 365px;
+    float: right;
+    background-image: url(../img/i9.png);
+    background-repeat: repeat;
+    height: 197px
+}
+
+.u2:hover {
+    border-right-width: 1px;
+    border-right-style: solid;
+    border-right-color: #fff
+}
+
+.u3 {
+    height: 100px;
+    width: 500px;
+    padding-top: 50px;
+    padding-bottom: 50px;
+    float: left
+}
+
+.u5 {
+    height: 193px;
+    width: 362px;
+    background-image: url(../img/i18.gif);
+    background-repeat: no-repeat
+}
+
+.m1 {
+    font-family: "Raleway", "Open Sans", "Helvetica Neue", Microsoft JhengHei, arial, sans-serif, \5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
+    font-size: 26px;
+    padding: 7px
+}
+
+.m2 {
+    color: #999;
+    padding: 7px;
+    line-height: 1.5em
+}
+
+.foot {
+    width: 100%;
+    padding-top: 39px;
+    padding-bottom: 30px;
+    color: #aaa;
+    font-size: 12px;
+    line-height: 30px;
+    border-top-width: 1px;
+    border-top-style: solid;
+    border-top-color: #ddd
+}
+
+.foot a:link {
+    color: #19a9e5
+}
+
+.foot a:visited {
+    text-decoration: none;
+    color: #19a9e5
+}
+
+.foot a:hover {
+    color: #f32
+}
+
+.f0 {
+    font-size: 14px;
+    border-radius: 5px;
+    margin-bottom: 17px;
+    line-height: normal;
+    color: #333
+}
+
+.f1 {
+    font-size: 12px;
+    text-align: center;
+    word-spacing: 7px;
+    width: 100%;
+    margin-right: auto;
+    margin-left: auto;
+    margin-top: 50px;
+    padding-bottom: 98px;
+    padding-top: 8px
+}
+
+.f3 {
+    float: left;
+    width: 198px
+}
+
+.f5 {
+    clear: both;
+    width: 998px;
+    height: 1px
+}
+
+.f6 {
+    width: 998px;
+    margin-right: auto;
+    margin-left: auto
+}
+
+.f7 {
+    display: block;
+    height: 41px;
+    width: 130px;
+    background-image: url(../index/img/y3.gif);
+    margin-right: auto;
+    margin-left: auto;
+    border: 1px solid #000
+}
+
+.f7:hover {
+    background-image: url(../img/y3.gif);
+    border: 1px solid #ccc;
+    background-position: 0 95px
+}
+
+.f9 {
+    height: 50px;
+    width: 130px;
+    background-image: url(../img/y3.gif);
+    background-position: 0 50px
+}
+
+.up {
+    width: 50px;
+    height: 50px;
+    background: url(../img/top.gif) no-repeat 0 0
+}
+
+.up:hover {
+    background: url(../img/top.gif) no-repeat 0 -50px
+}
+
+.up:active {
+    box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.15)
+}
+
+::-moz-selection {
+    background: #000;
+    color: #fff
+}
+
+::selection {
+    background: #000;
+    color: #fff
+}
+
+::-webkit-scrollbar {
+    background: rgba(0, 0, 0, 0.1);
+    height: 9px;
+    width: 9px
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.2)
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.3);
+}
+
+::-webkit-scrollbar-thumb:active {
+    background: rgba(0, 0, 0, 0.5);
+}

public/assets/static/index/css/login.css

@@ -0,0 +1,925 @@
+.svg-icon {
+	width: 20px;
+	height: 20px;
+	vertical-align: -.15em;
+	fill: currentColor;
+	overflow: hidden
+}
+
+.dialog-web-alert {
+	position: fixed;
+	display: block;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	background-color: rgba(0,0,0,.5)
+}
+
+.dialog-web-alert .dialog-content {
+	position: absolute;
+	width: 720px;
+	height: 560px;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%,-50%)
+}
+
+.dialog-web-alert .web-alert-content {
+	position: absolute;
+	z-index: 1000;
+	display: block;
+	width: 100%;
+	height: 100%;
+	cursor: pointer;
+	background-position: 50% 50%;
+	background-repeat: no-repeat;
+	background-size: 100%
+}
+
+.dialog-web-alert .web-alert-close {
+	display: block;
+	position: absolute;
+	width: 36px;
+	height: 36px;
+	top: 0;
+	right: 0;
+	cursor: pointer;
+	z-index: 1001;
+	background-image: url(../img/close.182164b73dff03b3d14b8761e9fe792f.png);
+	background-size: contain
+}
+
+html {
+	overflow-y: auto
+}
+
+.left-login {
+	display: none;
+	position: absolute;
+	top: 50%;
+	width: 542px;
+	height: 380px;
+	margin-top: -120px;
+	color: #fff
+}
+
+.left-login .title {
+	font-size: 3.7vh;
+	letter-spacing: .74vh;
+	line-height: 8.3vh
+}
+
+.left-login .title span {
+	font-size: 5.55vh
+}
+
+.left-login .subtitle {
+	line-height: 5.55vh;
+	font-size: 2.78vh;
+	word-spacing: .92vh
+}
+
+.wrapper-login {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	background: #f8f8f8
+}
+
+.wrapper-login:before {
+	content: "";
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 730px;
+	background: url(../img/login-body-default-bg-2k.b2afe0edb64ee536d3d32c395e23779f.jpg) top no-repeat;
+	background-color: #f1f5f8;
+	background-size: cover
+}
+
+.wrapper-login .main-login {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	background-size: cover;
+	overflow: hidden
+}
+
+.wrapper-login .main-login.theme-festival {
+	background: url(../img/login-bg-new.4af033ef6c3bfa7419524d1446ce90fc.jpg) top no-repeat
+}
+
+.wrapper-login.login-st .main-login {
+	background: url(../img/login-st-bg.662fa5c5d720e9e2f2a411fdd71c084b.jpg) center 50% no-repeat;
+	background-size: cover
+}
+
+.wrapper-login .wrap-inset {
+	position: static
+}
+
+.wrapper-login .link-wrap {
+	padding-top: 14px
+}
+
+.wrapper-login .link-wrap a.text {
+	margin-left: 30px;
+	display: inline-block;
+	height: 34px;
+	line-height: 32px;
+	color: #edf2f6;
+	font-size: 14px;
+	transition: all .1s
+}
+
+.wrapper-login .link-wrap a.text.default .icon {
+	vertical-align: -5px
+}
+
+.wrapper-login .link-wrap a.text i {
+	margin-right: 4px;
+	vertical-align: -3px
+}
+
+.wrapper-login .link-wrap .line+.line {
+	margin-left: 20px
+}
+
+.wrapper-login .link-wrap .link {
+	font-size: 14px
+}
+
+.wrapper-login .link-wrap .link:hover {
+	text-decoration: underline
+}
+
+.wrapper-login .copyright {
+	position: absolute;
+	bottom: 0;
+	z-index: 99;
+	color: #b5d7ff
+}
+
+.wrapper-login .copyright .copyright-link,.wrapper-login .copyright .copyright-link a {
+	color: #b5d7ff
+}
+
+.box {
+	position: absolute;
+	top: 50%;
+	width: 352px;
+	height: 380px;
+	margin-left: 787px;
+	margin-top: -190px;
+	padding: 0 34px;
+	background-color: #fff;
+	border-radius: 2px
+}
+
+.box:before {
+	width: 61px;
+	height: 123px;
+	left: -38px;
+	top: 18px;
+	background: url(../img/login-box-bg-1.3198186e580f0a0aa21e1c14997b8e39.png)
+}
+
+.box:after,.box:before {
+	content: "";
+	display: block;
+	position: absolute
+}
+
+.box:after {
+	width: 42px;
+	height: 63px;
+	right: -24px;
+	bottom: 18px;
+	background: url(../img/login-box-bg-2.c30fb5f95bfa68d5f3e88f9595180440.png)
+}
+
+.box .box-tips {
+	height: 24px;
+	line-height: 24px
+}
+
+.box a {
+	color: #0574ff;
+	font-size: 12px;
+	cursor: pointer
+}
+
+.box a.signup {
+	color: #f5464c
+}
+
+.box a.tab-trigger {
+	font-size: 14px;
+	color: #333
+}
+
+.box .qrcode-entry {
+	position: absolute;
+	right: 6px;
+	top: 6px
+}
+
+.box .qrcode-entry .entry {
+	position: absolute;
+	right: 0;
+	top: 0;
+	display: block;
+	width: 59px;
+	height: 59px
+}
+
+.box .qrcode-entry .entry.entry-qrcode {
+	background-image: url(data:image/png;
+	base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAAAXNSR0IArs4c6QAAAghJREFUaAXl211SgzAQB3DC6AHsKfQ4PU0fxcdexh6nnqIXqBbzdya1hIV8kA2bsC8tsWTzgxI2ZVS707Xr++a9yRCX/dMoy+70PWrjamgv++dOqeaDK4GkflsMZivgP+xWwHfsFsCjGQNf6V7PWDoWT1oxkw81iWEwoUHlHpxZ06FSqtPvq5u0SCzQNYInsTWCR9cskI+BM6wLj8ZVeKS61h5zm/fU9Wf+Zl598s+e2f+O6ig8vLBA11B4eGNrAAdhSwcHY0sGR2FLBUdjSwQvwpYGdhYVALkCtyVUHToWLx6oXD4FA7Wf3bb4zJoOS6ilk2GBlg5OipUOTo6VDE4yQQFoh+9qyd7PZ4Vj7+O7zXJmTXJpiwdWLNCSwOxYaWDzrWN/1b9a4pfL1YIdaCfQ0tXA9liybK8FzoKjkqwBpsaRrS03WGWTTSSKeT58eGubw+v8jeT4dWuO59sg6/weg4/ybOS8D6+OxSHMBRaBzQUWg80BFoXlBovDcoJFYrnAYrEc4NWLCqBcEVN4UH0WgcXAU4CLwaYAF4VdCi4OC/Dx/NPphy0sj1rQv7iIWR6KQ4QMKBQc0rfIz4aARQJCB+ULLnKCog4GwLr9PmlRj1FEl4sUaqrN53FpNVgcBBe4KqwLXB3WgKl/8qhmggLSDnvxUDUWeBtsH5DqtgF++bzqcnojAfAv1GqnmhtC9wMAAAAASUVORK5CYII=)
+}
+
+.box .qrcode-entry .entry.entry-pc {
+	background-image: url(data:image/png;
+	base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAAAXNSR0IArs4c6QAAAvZJREFUaAXdmb9rFEEUx9/s5YciREhOEhQLmzSKsZEIdoJFSJWAtX+FVQpXsJM01jbWFqlSCVYRTJkQLJJSEIIxkEAISbzbzDPZvbm9mcvbmZ3Jm3uw7Ozcmzffz83szOyMyLIsBYC38iLZ7glAutWGb7sZ/DnJSGWuw+nOqIAXkwLSRwlMjl4oEHijAv/4C/B6vcUasvzHIvTn2QY8mwD4D0sBPmoBzH5twe9jvq1ZBs2f794UsP6yAUmeIYRIZfpd/ly+f9xuRwmKHNhAqH9IhUJg2aUxq+cdXtvrtOir+wl8mElgbFgtzSd9eAbwZqMNX361C1Hfpf6iGxe5MqF7hx+stuDg9AJ4Z34IJkbUEvzSe6cA06v/CmG3R0SnGxe5MqHr0jko+nEHRY3NUmOg/uKdRQfVdMDq7zGmjbAIM2jAfWEHDfhK2BxYCPO0hD4xGAkWQfYXhtPYgcmwgwBcCTYHlnfjSgt9uFplWASJdZS2go0V2Bo2RmAn2NiAnWFjAq4FNhbg2mBjAK4Vljuw9uMdRbva+MqZ3PXo3fFwjetS3hssiuIG7BWWG7B3WE7AQWARWLeJh/k+bXyls+GG9dQ+GpvEc/h4CAaLf8J1AweFDQmM+8aqGfeNVScfad8tjCcCS5ud0wBkeDgG3ccfPsBMMRFYzsNy4Aqz8HjeFPrjD5NAH/khFh49p3g+QCgxfe9a4vnsp6cNuNWQAyRFUAifulvYePIeAoZSh7rwUBcE+wtdJ6uUUFqf4FOPVsVlpu9RmhUsMvsEZgebA/s4amEzQF325K5bv0ELV0TLTxJYvEdHoHt2yQj30A946oaAn3NyTiEay26saq9zHmYPi+A6YOzG7x9HIV9tO3oa52F5WRu9JiaektQamAlCNRm2wNVqYeRtA8xIfnUpVYGr18CsRBVgZtLt5FCB7aIzLEUBZijbXtJVwPaRmZbsB8xUspssE7BbVMaldcCM5bpLKwO7R2QeQQVmLrUeeTlwPdEiiILA53071L4Ij7wwAAAAAElFTkSuQmCC)
+}
+
+.box .qrcode-entry .entry-tip {
+	position: absolute;
+	display: block;
+	right: 45px;
+	top: 16px;
+	color: #f6aa3e;
+	padding: 4px 6px;
+	border: 1px solid #f6aa3e;
+	border-radius: 4px;
+	white-space: nowrap;
+	background: #ffe8c7
+}
+
+.box .qrcode-entry .entry-tip:before {
+	position: absolute;
+	display: block;
+	content: "";
+	right: -8px;
+	width: 8px;
+	height: 16px;
+	background: url(data:image/png;
+	base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAYAAAArij59AAAAAXNSR0IArs4c6QAAAR1JREFUKBVjuH37Nh8DPvB+S9LhZ8+eceFSw8TIKWzDealpA9AkdmyKmPi0AhiYmDldBe9OXvn//38WdEVMjIxMDLw6IQwsjH/83+4pWwhUxISsCMyBKIpkYP3zPurN3rrpGApAAkzMLAw8enEMbD8fpb080NILU4RqHDMrA7deIgPH5+tFzw91NYIUMf5/cfw/TDWM/vrmPgPztdl/X2nX6qOYAFLw/cMzBoZby3+/lU+JlNd2uorirW9vHzL8v7Hox3u5pGBZ05BtIA1wBV9f32H4f2vFlzdKmb6Khr4HQJJgAHLDlwvz/n9e7/3u8YUdZjBxOP3pzIz/Xzb4vXh8+ZAeXBCZ8WVDwKO7106oIouhsO9ePSOHIoDGAQCE8W7lTpQyKAAAAABJRU5ErkJggg==)
+}
+
+.theme-festival .box:after,.theme-festival .box:before {
+	display: none
+}
+
+.theme-festival .box .box-logo {
+	border: none
+}
+
+.theme-festival .box .btn-default {
+	background-color: #fd4c3e;
+	border-color: #fd4c3e
+}
+
+.theme-festival .box .qrcode-entry .entry.entry-qrcode {
+	background-image: url(data:image/png;
+	base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA5LTE3VDEyOjMxOjIwKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wOS0xN1QxMjozNToxMyswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wOS0xN1QxMjozNToxMyswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3YjJjZTQ4NC00M2RjLTQ0YzEtOGMwNi02ZmE1OWFmMTJjNjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N2IyY2U0ODQtNDNkYy00NGMxLThjMDYtNmZhNTlhZjEyYzY3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6N2IyY2U0ODQtNDNkYy00NGMxLThjMDYtNmZhNTlhZjEyYzY3Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3YjJjZTQ4NC00M2RjLTQ0YzEtOGMwNi02ZmE1OWFmMTJjNjciIHN0RXZ0OndoZW49IjIwMTktMDktMTdUMTI6MzE6MjArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7pSX7nAAACQElEQVRogeXZT07jMByG4deeWSDKmegBaLeINZdgVkNmN1yCdcUWOABnokUshphF2yGlbuL4v91PqkRTEedRHPtnR/ybTVuBEkSIXDzD5OzrwGpJe3URo+l1+wIlFUJFazFhJMCxgOX2j2MAy+6X2sE/vx8QKCnvH/5yOrlxPbnN4CMXz67NHmx7DwvQXl/+ko8v78CtdWurpfW/7ozYHtuW2qNAO582wB+3VvOK9s5u086njXx8gdXS7A673hFdxvSQgfZ7sbAGK8TvocLD17OmvQaDZ9+k/YPduJtaRmkjLNQBNsZC+eBRWCgbPBoL5YKtsFAm2BoL5YGdsFAWeLCoMIlASSZnDS61dE98FSxesNApLX2DPZagzt24m9wXD16xkDfYWzfupp1PG3n/cALYbQC4rIV7Ij5m50FODKAQO9u0ybdSQ548t2kpKBbyAgfHQj7gKK89tlFKNXTn4UADUTZRSjUqUY4KnASbChz1mdWBjbdpv2eoZtaMB0mxADbvh/eKE100BUuUqacvMael5FiIB84CC3HA2WAhPDgrLIQFZ4eFcOAssRAGHGSnwlc2YP08bLGISF5UmOyUHASPTLbduBtfXboILPgBF4MFd3DWA5QuPxZPEki+xRMlavm6/lish1Nfu1PGglNfr3PGgJPPsz6iDHctixugdBFCNJte+h+se61S1NTTFyFEw8Dbw2qwMAyuCgsb8NvqTvtb7IuJkY/ZuXbxUN2d3UZXWlaLhX1w1VjYBVePhS/wJy/f0ZhiKXC7AAAAAElFTkSuQmCC)
+}
+
+.theme-festival .box .qrcode-entry .entry.entry-pc {
+	background-image: url(../img/entry-pc-red-si.ebdb6320385d673b12a75eb81d43b460.png)
+}
+
+.box-hd {
+	line-height: 18px;
+	*zoom: 1
+}
+
+.box-hd:after,.box-hd:before {
+	content: " ";
+	display: table
+}
+
+.box-hd:after {
+	clear: both
+}
+
+.box-hd .box-title {
+	font-size: 14px;
+	color: #333
+}
+
+.box-hd .box-title-highlight {
+	font-size: 18px;
+	color: #0574ff
+}
+
+.theme-festival .box-hd .box-title-highlight {
+	color: #fd4c3e
+}
+
+.box.box-signup {
+	height: 460px;
+	margin-top: -230px;
+	padding: 48px 26px
+}
+
+.box.box-bind {
+	height: 308px;
+	padding-top: 24px
+}
+
+.box-logo {
+	margin: 20px auto 24px 0;
+	height: 42px;
+	font-size: 24px;
+	color: #333;
+	text-align: left;
+	border-bottom: 2px solid #0574ff
+}
+
+.box-bd .info {
+	height: 100px
+}
+
+.box-bd p {
+	font-size: 12px
+}
+
+.box-block p {
+	color: #333
+}
+
+.box-loading {
+	display: table;
+	width: 100%;
+	height: 100%;
+	font-size: 14px
+}
+
+.box-loading-container {
+	display: table-cell;
+	text-align: center;
+	vertical-align: middle
+}
+
+.box-loading .icon {
+	display: inline-block;
+	*display: inline;
+	*zoom: 1;
+	width: 48px;
+	height: 48px;
+	background: url(../img/loading-sign.24388114b88f254d6635197b252da680.gif) no-repeat;
+	margin-right: 10px
+}
+
+.box label {
+	display: block
+}
+
+.box label>* {
+	vertical-align: middle
+}
+
+.box label span {
+	margin-left: 10px;
+	color: #999;
+	font-size: 12px
+}
+
+.box .input-sign {
+	position: relative
+}
+
+.box .input-sign-empty {
+	height: 52px
+}
+
+.box .input-eye {
+	position: absolute;
+	top: 1px;
+	right: 12px;
+	cursor: pointer;
+	width: 18px;
+	height: 32px;
+	line-height: 28px;
+	display: block
+}
+
+.box .input-eye.text {
+	cursor: inherit
+}
+
+.box .btn-hg {
+	position: relative
+}
+
+.box .icon-loading-white {
+	position: absolute;
+	display: block;
+	left: 60%;
+	top: 11px;
+	width: 16px;
+	height: 17px
+}
+
+.box.box-qrcode .box-hd {
+	padding: 64px 0 16px;
+	text-align: center
+}
+
+.box.box-qrcode .box-hd .title {
+	color: #333;
+	font-size: 24px;
+	line-height: 24px
+}
+
+.box.box-qrcode .box-hd .desc {
+	margin-top: 12px;
+	font-size: 16px
+}
+
+.box.box-qrcode .box-hd .desc a {
+	font-size: 16px
+}
+
+.box.box-qrcode .box-bd .box-block {
+	position: relative;
+	height: 182px
+}
+
+.box.box-qrcode .box-bd .box-block .qrcode {
+	position: absolute;
+	width: 140px;
+	height: 140px;
+	left: 72px;
+	top: 21px;
+	padding: 7px;
+	border: 1px solid #ccc;
+	-webkit-transition: left .3s .1s;
+	-moz-transition: left .3s .1s;
+	-o-transition: left .3s .1s;
+	transition: left .3s .1s
+}
+
+.box.box-qrcode .box-bd .box-block .qrcode-help {
+	position: absolute;
+	right: 0;
+	width: 120px;
+	height: 182px;
+	background: url(../img/qrcode-help.f4bce51b181f9bfb7b7ec84ab3fad289.png) 50% 50% no-repeat;
+	opacity: 0;
+	-webkit-transition: opacity .3s;
+	-moz-transition: opacity .3s;
+	-o-transition: opacity .3s;
+	transition: opacity .3s
+}
+
+.box.box-qrcode .box-bd .box-block .scum {
+	display: block;
+	position: absolute;
+	width: 140px;
+	height: 140px;
+	left: 72px;
+	top: 21px;
+	background: hsla(0,0%,100%,.9);
+	border: 1px solid #ccc;
+	z-index: 100;
+	text-align: center
+}
+
+.box.box-qrcode .box-bd .box-block .scum.js-refresh {
+	cursor: pointer
+}
+
+.box.box-qrcode .box-bd .box-block .scum .icon {
+	display: inline-block;
+	width: 36px;
+	height: 36px;
+	margin: 22px 0 14px
+}
+
+.box.box-qrcode .box-bd .box-block .scum p {
+	text-align: center;
+	color: #333;
+	font-size: 14px;
+	line-height: 20px
+}
+
+.box.box-qrcode .box-bd .box-block.normal .scum {
+	display: none
+}
+
+.box.box-qrcode .box-bd .box-block.normal:hover .qrcode {
+	left: 0;
+	-webkit-transition: left .3s;
+	-moz-transition: left .3s;
+	-o-transition: left .3s;
+	transition: left .3s
+}
+
+.box.box-qrcode .box-bd .box-block.normal:hover .qrcode-help {
+	opacity: 1;
+	-webkit-transition: opacity .3s .1s;
+	-moz-transition: opacity .3s .1s;
+	-o-transition: opacity .3s .1s;
+	transition: opacity .3s .1s
+}
+
+.box.box-qrcode .box-ft {
+	margin-top: 16px
+}
+
+.box.box-qrcode .box-ft a {
+	font-size: 14px
+}
+
+.body-login {
+	height: auto;
+	overflow-y: auto;
+	max-width: 1920px;
+	margin: 0 auto;
+	position: relative
+}
+
+.body-login .main-login {
+	height: auto
+}
+
+.body-login .wrap-inset {
+	position: relative;
+	height: 640px
+}
+
+.body-login .box {
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 352px;
+	height: 428px;
+	margin-left: 0;
+	margin-top: 178px;
+	padding: 0 34px;
+	background-color: #fff;
+	border-radius: 2px
+}
+
+.body-login .box.box-signup {
+	margin-top: 178px;
+	height: 428px;
+	padding: 24px 34px
+}
+
+.body-login .box.box-signup .box-title {
+	font-size: 24px;
+	line-height: 24px
+}
+
+.body-login .box.box-signup .third-login {
+	margin-top: 17px
+}
+
+.body-login .box.box-bind {
+	height: 308px;
+	padding-top: 24px
+}
+
+.body-login .box:after,.body-login .box:before {
+	display: none
+}
+
+.body-login .wrap-download {
+	padding: 0;
+	*zoom: 1
+}
+
+.body-login .wrap-download:after,.body-login .wrap-download:before {
+	content: " ";
+	display: table
+}
+
+.body-login .wrap-download:after {
+	clear: both
+}
+
+.body-login .wrap-download .icon {
+	margin-right: 20px;
+	width: 46px;
+	height: 46px
+}
+
+.body-login .wrap-download .download-item {
+	position: relative;
+	float: left;
+	width: 285px;
+	height: 90px;
+	line-height: 90px;
+	text-align: center
+}
+
+.body-login .wrap-download .download-item>* {
+	vertical-align: middle
+}
+
+.body-login .wrap-download .download-item:hover {
+	background: #2657e4
+}
+
+.body-login .wrap-download .download-item.disable {
+	cursor: default
+}
+
+.body-login .wrap-download .download-item span {
+	color: #fff;
+	font-size: 20px
+}
+
+.body-login .wrap-download .download-item .qrcode {
+	position: absolute;
+	width: 190px;
+	height: 190px;
+	padding: 25px;
+	top: -205px;
+	left: 48px;
+	background: #fff;
+	border-radius: 4px
+}
+
+.body-login .wrap-download .download-item .qrcode:before {
+	position: absolute;
+	content: "";
+	bottom: -15px;
+	left: 85px;
+	width: 20px;
+	height: 15px;
+	background: url(data:image/png;
+	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAAXNSR0IArs4c6QAAAL5JREFUOBGt070NgzAQhmFTkToSK6BIbMEedCwQZQAGoWMPqiwBM0TpoxRx3ouMBAQbG7D0yX93j1yA0lrX5KhRR0hnpVRHErJnPGi+/ADQ4oAnFpPXALY70HaCyQYsJa8NqPSkf6BBqw1gtYgZMAbsA1Cpja2gQfMAMHdiwyVg44E2Q/3qDJaQpwOVu7DvlobSAZarr5oXgMlfdF9A5Sya13vtaczIe4TKOvNqthUBXA34Yb7Z6oLOgU4Sn6YvH01mmqLX4j8AAAAASUVORK5CYII=)
+}
+
+.body-login .wrap-download .download-item .qrcode .desc {
+	position: absolute;
+	bottom: 8px;
+	width: 100%;
+	line-height: 20px;
+	vertical-align: middle;
+	text-align: center;
+	left: 0;
+	font-size: 14px
+}
+
+.body-login .wrap-download .download-item .qrcode .highlight {
+	font-weight: 700;
+	color: #548ded;
+	font-size: 14px
+}
+
+.body-login .wrap-intro {
+	width: 1500px;
+	height: 390px;
+	border-radius: 20px;
+	padding: 21px 60px;
+	*zoom: 1
+}
+
+.body-login .wrap-intro:after,.body-login .wrap-intro:before {
+	content: " ";
+	display: table
+}
+
+.body-login .wrap-intro:after {
+	clear: both
+}
+
+@media (max-width:1500px) {
+	.body-login .wrap-intro {
+		width: 1140px;
+		height: 304px;
+		padding: 18px 30px;
+		margin-left: 0
+	}
+}
+
+.body-login .wrap-intro li {
+	float: left;
+	width: 276px;
+	text-align: center
+}
+
+@media (max-width:1500px) {
+	.body-login .wrap-intro li {
+		width: 212px
+	}
+}
+
+.body-login .wrap-intro li .pic {
+	margin: 0 auto;
+	width: 210px;
+	height: 212px;
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: 50% 50%
+}
+
+@media (max-width:1500px) {
+	.body-login .wrap-intro li .pic {
+		width: 160px;
+		height: 158px
+	}
+}
+
+.body-login .wrap-intro li .pic.pic-intro-1 {
+	background-image: url(../img/index-intro-pic-red-1.346411cf440a1c2d15a1e9a914fcd54f.png)
+}
+
+.body-login .wrap-intro li .pic.pic-intro-2 {
+	background-image: url(../img/index-intro-pic-red-2.87ea17e60b3a18447144acf1dd3a6e73.png)
+}
+
+.body-login .wrap-intro li .pic.pic-intro-3 {
+	background-image: url(../img/index-intro-pic-red-3.80930fe5e2664421aa960fcbb9dc1e29.png)
+}
+
+.body-login .wrap-intro li .pic.pic-intro-4 {
+	background-image: url(../img/index-intro-pic-red-4.6cf74db55b75b77436f8944b9891dfd8.png)
+}
+
+.body-login .wrap-intro li .pic.pic-intro-5 {
+	background-image: url(../img/index-intro-pic-red-5.9499eef7c5c7802f2a2e4e42415c6732.png)
+}
+
+.body-login .wrap-intro li .title {
+	font-size: 24px;
+	color: #000;
+	line-height: 33px;
+	font-weight: 500
+}
+
+@media (max-width:1500px) {
+	.body-login .wrap-intro li .title {
+		font-size: 18px;
+		line-height: 24px
+	}
+}
+
+.body-login .wrap-intro li .desc {
+	margin-top: 30px;
+	padding: 0 36px;
+	font-size: 16px;
+	color: #666
+}
+
+@media (max-width:1500px) {
+	.body-login .wrap-intro li .desc {
+		margin-top: 20px;
+		padding: 0 30px;
+		font-size: 12px;
+		line-height: 18px
+	}
+}
+
+.body-login .copyright {
+	position: relative;
+	background: #fff;
+	color: #878787
+}
+
+.body-login .copyright .copyright-link,.body-login .copyright .copyright-link a {
+	color: #0574ff
+}
+
+.body-login .third-login {
+	margin-top: 4px
+}
+
+.body-login .third-login .third-login-title {
+	position: relative;
+	height: 20px;
+	line-height: 20px;
+	text-align: center;
+	font-size: 14px;
+	color: #333
+}
+
+.body-login .third-login .third-login-title:after,.body-login .third-login .third-login-title:before {
+	content: "";
+	display: block;
+	position: absolute;
+	width: 77px;
+	height: 1px;
+	top: 50%;
+	background: #d8d8d8
+}
+
+.body-login .third-login .third-login-title:after {
+	left: 0
+}
+
+.body-login .third-login .third-login-title:before {
+	right: 0
+}
+
+.body-login .third-login .third-login-content {
+	margin: 0 -34px;
+	line-height: 54px
+}
+
+.body-login .third-login .third-login-content-other a {
+	display: inline-block;
+	*display: inline;
+	*zoom: 1
+}
+
+.body-login .third-login .third-login-content-other a+a {
+	margin-left: 36px
+}
+
+.body-login .third-login .swiper-container {
+	width: 100%;
+	overflow: hidden
+}
+
+.body-login .third-login .swiper-button-next,.body-login .third-login .swiper-button-prev {
+	width: 30px;
+	height: 40px;
+	position: absolute;
+	top: 10px;
+	z-index: 10;
+	cursor: pointer
+}
+
+.body-login .third-login .swiper-button-prev {
+	background-image: url(data:image/png;
+	base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAKAAAAADkIHojAAABj0lEQVRYCe2Yv0oDQRDGv90cKWIZm6igXWxEsdLOykLBJxB8ACs5tbARBCs9LHwCUUgv+KdMJxaCiIXpElDPQu1iIbk9ZxKuPuZy7jU7zRZ7u7/9vp1ljlGdbhzDToRKoamB3YmKelUWwX15CvjWCrPWwUwn5Q1Sbj/ocpcKAZPUWlFgOLC1THNWO6v/zYGhk+smjLHcjHD7ISty3jCSLjoxjl8MbRHjN5LtlBl80jI4azNUwa+XsDZOBU8QYnCPHN1/Nrh6N/Covh3MaKzUZFA+nwj8Q3b6jwZ3nwYjnkIwp7FQlUMZLEqugOxlKMdOPTuU14vAPsEWRwdLjugQ91+yTGZgEiJwpQSczmusjml06bI3Hwyu6TllCRGYAXS1OKSE2pjS6NE/zN6TwXlbDheDE3VbZPv2NFlAEbQiXL7J4KKsTqDJuD6pUC1r8JsuD86QTKWOhfze8qkyW50qKeUDB04xKL9pZ3V+Xqbs5KxOMSi/6aKsDgsBcxPGepGgct5vvthUzO2mBnd8uN30B9+2bJwkiuaLAAAAAElFTkSuQmCC);left: 0;
+	right: auto
+}
+
+.body-login .third-login .swiper-button-next {
+	background-image: url(data:image/png;
+	base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAKAAAAADkIHojAAABqUlEQVRYCe2YvUoDQRDH/7OXEBGj0SIqpLNTMIn6APEd7NXOJoWdoJ0gRLAQsfAJrHwGtfMDzAdoZyEG/CqMRsUQ79bdoBBMLu7eJZfmprqbnZnf7H/32OUIwoofPGYBm5wjJV5Hpa/TRjUoR54DQ52G1ddntZl6DJUNsB9565vx5JkJiidr+nc2EtwV88Geye5L7UvdMQW0N1f6wsLCqYmHiruetMHlL45ciWP+xMT1m3O4NngnaSAxSLj/5Fg8M5EtOYNrg8NBYG/GwGyU4bXKsXRu4vhJnOaapg2W9UMiayvJMBdjqFgcy2LdD2714I7AEi4T1yYYEhGCBY71KxOFFzmiZgG1sMYocXPBxqVV22gMhNVxhsmBxjg7jyNwRVBX8hYOHy0hOyETZ0hFyY7R1K8NLleBdNZE7pmjP0jYnjKQjDSt3dKpDf6FjvQQdqcNjPW1rG87qA0OB0hsKCCTMDAcsq377wDdvIt7ZhfM8efktlcf7FZB5XxfamWp3Ab6UrtVUDlfSn2nHN3GQEaEozbWUy7VvZ8vsV4qiktEXMx8X7Trmezf/mtw+3/vmbkAAAAASUVORK5CYII=);right: 0;
+	left: auto
+}
+
+.body-login .third-login .swiper-slide {
+	float: left;
+	position: relative;
+	text-align: center
+}
+
+.body-login .third-login .swiper-slide a {
+	display: inline-block;
+	*display: inline;
+	*zoom: 1
+}
+
+.body-login .third-login .swiper-slide a+a {
+	margin-left: 36px
+}
+
+.body-login .third-login .third-login-agt {
+	margin-top: 6px;
+	font-size: 12px;
+	color: #84919d;
+	text-align: center;
+	line-height: 12px
+}
+
+.body-login .third-login .third-login-agt a {
+	color: #0574ff
+}
+
+.theme-festival .copyright * {
+	color: #fff!important
+}
+
+.theme-festival .box.box-qrcode .box-bd .box-block .qrcode-help {
+	background-image: url(../img/)
+}
+
+.body-login.body-login-activity .main-activity-twelve .wrap-activity-in {
+	margin-top: 76px;
+	position: relative;
+	height: 97px
+}
+
+.body-login.body-login-activity .main-activity-twelve .wrap-activity-in .activity-in-login {
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 352px;
+	height: 95px;
+	display: inline-block;
+	*display: inline;
+	*zoom: 1;
+	background-repeat: no-repeat;
+	background-position: 0 0;
+	background-size: 100%
+}
+
+.body-login.body-login-activity .main-activity-twelve .box {
+	margin-top: 8px
+}
+
+.body-login.body-login-activity .main-activity-twelve .wrap-inset {
+	height: 467px
+}

public/assets/static/index/img/top.js

@@ -0,0 +1,57 @@
+var scrolltotop={
+	setting:{
+		startline:100, //起始行
+		scrollto:0, //滚动到指定位置
+		scrollduration:400, //滚动过渡时间
+		fadeduration:[500,100] //淡出淡现消失
+	},
+	controlHTML:'<div class="up"></div>', //返回顶部按钮
+	controlattrs:{offsetx:30,offsety:80},//返回按钮固定位置
+	anchorkeyword:"#top",
+	state:{
+		isvisible:false,
+		shouldvisible:false
+	},scrollup:function(){
+		if(!this.cssfixedsupport){
+			this.$control.css({opacity:0});
+		}
+		var dest=isNaN(this.setting.scrollto)?this.setting.scrollto:parseInt(this.setting.scrollto);
+		if(typeof dest=="string"&&jQuery("#"+dest).length==1){
+			dest=jQuery("#"+dest).offset().top;
+		}else{
+			dest=0;
+		}
+		this.$body.animate({scrollTop:dest},this.setting.scrollduration);
+	},keepfixed:function(){
+		var $window=jQuery(window);
+		var controlx=$window.scrollLeft()+$window.width()-this.$control.width()-this.controlattrs.offsetx;
+		var controly=$window.scrollTop()+$window.height()-this.$control.height()-this.controlattrs.offsety;
+		this.$control.css({left:controlx+"px",top:controly+"px"});
+	},togglecontrol:function(){
+		var scrolltop=jQuery(window).scrollTop();
+		if(!this.cssfixedsupport){
+			this.keepfixed();
+		}
+		this.state.shouldvisible=(scrolltop>=this.setting.startline)?true:false;
+		if(this.state.shouldvisible&&!this.state.isvisible){
+			this.$control.stop().animate({opacity:1},this.setting.fadeduration[0]);
+			this.state.isvisible=true;
+		}else{
+			if(this.state.shouldvisible==false&&this.state.isvisible){
+				this.$control.stop().animate({opacity:0},this.setting.fadeduration[1]);
+				this.state.isvisible=false;
+			}
+		}
+	},init:function(){
+		jQuery(document).ready(function($){
+			var mainobj=scrolltotop;
+			var iebrws=document.all;
+			mainobj.cssfixedsupport=!iebrws||iebrws&&document.compatMode=="CSS1Compat"&&window.XMLHttpRequest;
+			mainobj.$body=(window.opera)?(document.compatMode=="CSS1Compat"?$("html"):$("body")):$("html,body");
+			mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+"</div>").css({position:mainobj.cssfixedsupport?"fixed":"absolute",bottom:mainobj.controlattrs.offsety,right:mainobj.controlattrs.offsetx,opacity:0,cursor:"pointer"}).attr({title:"返回顶部"}).click(function(){mainobj.scrollup();return false;}).appendTo("body");if(document.all&&!window.XMLHttpRequest&&mainobj.$control.text()!=""){mainobj.$control.css({width:mainobj.$control.width()});}mainobj.togglecontrol();
+			$('a[href="'+mainobj.anchorkeyword+'"]').click(function(){mainobj.scrollup();return false;});
+			$(window).bind("scroll resize",function(e){mainobj.togglecontrol();});
+		});
+	}
+};
+scrolltotop.init();

public/assets/static/index/js/common-style.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{102:function(n,o,c){},135:function(n,o,c){},320:function(n,o,c){},338:function(n,o,c){},651:function(n,o,c){},709:function(n,o,c){},712:function(n,o,c){},722:function(n,o,c){},723:function(n,o,c){},728:function(n,o,c){},731:function(n,o,c){}}]);

public/assets/static/index/js/icon-style.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{718:function(n,w,o){}}]);

public/assets/static/index/js/share-style.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{1092:function(n,t,c){},1093:function(n,t,c){},1094:function(n,t,c){},1095:function(n,t,c){},1096:function(n,t,c){},1097:function(n,t,c){},1098:function(n,t,c){},112:function(n,t,c){},1658:function(n,t,c){},1662:function(n,t,c){},732:function(n,t,c){},733:function(n,t,c){},734:function(n,t,c){},735:function(n,t,c){},736:function(n,t,c){},738:function(n,t,c){},739:function(n,t,c){},740:function(n,t,c){"use strict";var i=c(1092);c.n(i).a},745:function(n,t,c){},746:function(n,t,c){},747:function(n,t,c){},749:function(n,t,c){},750:function(n,t,c){},751:function(n,t,c){"use strict";var i=c(1093);c.n(i).a},752:function(n,t,c){},753:function(n,t,c){"use strict";var i=c(1094);c.n(i).a},754:function(n,t,c){"use strict";var i=c(1095);c.n(i).a},755:function(n,t,c){"use strict";var i=c(1096);c.n(i).a},756:function(n,t,c){"use strict";var i=c(1097);c.n(i).a},757:function(n,t,c){"use strict";var i=c(1098);c.n(i).a},758:function(n,t,c){},759:function(n,t,c){},760:function(n,t,c){},761:function(n,t,c){},762:function(n,t,c){},763:function(n,t,c){},764:function(n,t,c){},765:function(n,t,c){},766:function(n,t,c){},767:function(n,t,c){},768:function(n,t,c){},769:function(n,t,c){},770:function(n,t,c){},771:function(n,t,c){},772:function(n,t,c){},773:function(n,t,c){},774:function(n,t,c){},776:function(n,t,c){},781:function(n,t,c){},824:function(n,t,c){},830:function(n,t,c){},841:function(n,t,c){},852:function(n,t,c){},898:function(n,t,c){},899:function(n,t,c){},922:function(n,t,c){},963:function(n,t,c){}}]);

public/assets/static/js/artDialog/skins/default.css

@@ -0,0 +1,67 @@
+@charset "utf-8";
+/*
+ * artDialog skin
+ * http://code.google.com/p/artdialog/
+ * (c) 2009-2011 TangBin, http://www.planeArt.cn
+ *
+ * This is licensed under the GNU LGPL, version 2.1 or later.
+ * For details, see: http://creativecommons.org/licenses/LGPL/2.1/
+ */
+ 
+/* common start */
+body { _margin:0; _height:100%; /*IE6 BUG*/ }
+.aui_outer { text-align:left; }
+table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; }
+.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; }
+.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; }
+.aui_title { overflow:hidden; text-overflow: ellipsis; }
+.aui_state_noTitle .aui_title { display:none; }
+.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; }
+.aui_close:hover { text-decoration:none; }
+.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; }
+.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; }
+.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
+.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; }
+.aui_icon { vertical-align: middle; }
+.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; }
+.aui_buttons { padding:8px; text-align:right; white-space:nowrap; }
+.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7),  0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; }
+.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; }
+.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); }
+.aui_buttons button:hover { color:#000; border-color:#666; }
+.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); }
+.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
+button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; }
+button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; }
+button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); }
+/* common end */
+
+.aui_inner { background:#FFF; }
+/*.aui_outer, .aui_inner { border:1px solid rgba(0, 0, 0, .7); border:1px solid #333\9; }*/
+.aui_border { box-shadow: inset 0 0 1px rgba(255, 255, 255, .9); }
+.aui_nw, .aui_ne, .aui_sw, .aui_se { width:1px; height:1px; }
+.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:rgba(0, 0, 0, .4); background:#000\9!important; filter:alpha(opacity=40); }
+.aui_state_lock .aui_nw, .aui_state_lock .aui_n, .aui_state_lock .aui_ne, .aui_state_lock .aui_w, .aui_state_lock .aui_e, .aui_state_lock .aui_sw, .aui_state_lock .aui_s, .aui_state_lock .aui_se { background:rgba(0, 0, 0, .5); background:#000\9!important; filter:alpha(opacity=50); }
+.aui_state_focus .aui_dialog { box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); }
+.aui_state_focus .aui_outer { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }
+.aui_state_lock .aui_border { box-shadow:0 3px 26px rgba(0, 0, 0, .9); }
+.aui_state_drag .aui_outer, .aui_outer:active { box-shadow:none; }
+.aui_titleBar { position:relative; height:100%; }
+.aui_title { font-size: 14px;height:38px; line-height:38px; padding:0 28px 0 10px; text-shadow:0 1px 0 rgba(255, 255, 255, .7); background-color:#F6F6F6; font-weight:bold; color:#95a7ae; font-family: Tahoma, Arial/9!important; background-color:#F6F6F6; background: linear-gradient(top, #edf5f8, #bdc6cd); background: -moz-linear-gradient(top, #F6F6F6, #F6F6F6); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6F6F6), to(#F6F6F6));  border-top:1px solid #edf5f8; border-bottom:1px solid #b6bec5; }
+.aui_state_focus .aui_title { color:#4c5a5f; }
+.aui_state_drag .aui_title { background: linear-gradient(top, #bdc6cd, #edf5f8); background: -moz-linear-gradient(top, #bdc6cd, #edf5f8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdc6cd), to(#edf5f8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdc6cd', endColorstr='#edf5f8'); box-shadow:none; }
+.aui_state_drag .aui_titleBar { box-shadow:none; }
+.aui_close { padding:0; top:4px; right:4px; width:21px; height:21px; line-height:21px; font-size:18px; color:#68767b; text-align:center; font-family: Helvetica, STHeiti; _font-family: Tahoma, '\u9ed1\u4f53', 'Book Antiqua', Palatino; text-shadow:0 1px 0 rgba(255, 255, 255, .9); }
+.aui_close:hover { background:#C72015; color:#FFF; }
+.aui_close:active { box-shadow: none; }
+.aui_content { color:#666; }
+.aui_state_focus .aui_content { color:#000; }
+.aui_buttons { background-color:#F6F6F6; border-top:solid 1px #DADEE5; }
+.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se { width:3px; height:3px; }
+.aui_state_noTitle .aui_inner { border:1px solid #666; background:#FFF; }
+.aui_state_noTitle .aui_outer { border:none 0; box-shadow:none; }
+.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_w, .aui_state_noTitle .aui_e, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5)!important; }
+.aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; }
+.aui_state_noTitle .aui_close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; }
+.aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active { text-decoration:none; color:#900; }
+.aui_state_noTitle .aui_dialog { box-shadow: none; }

public/assets/static/js/bootstrap-table-fixed-columns.js

@@ -0,0 +1,242 @@
+/**
+ * @author zhixin wen <wenzhixin2010@gmail.com>
+ * @version: v1.0.1
+ * Modificated 16.08.16 by Aleksej Tokarev (Loecha)
+ *  - Sorting Problem solved
+ *  - Recalculated Size of fixed Columns
+ */
+
+(function ($) {
+    'use strict';
+
+    $.extend($.fn.bootstrapTable.defaults, {
+        fixedColumns: false,
+        fixedNumber: 1
+    });
+
+    var BootstrapTable  = $.fn.bootstrapTable.Constructor,
+        _initHeader     = BootstrapTable.prototype.initHeader,
+        _initBody       = BootstrapTable.prototype.initBody,
+        _resetView      = BootstrapTable.prototype.resetView,
+        _getCaret       = BootstrapTable.prototype.getCaret;  // Add: Aleksej
+
+    BootstrapTable.prototype.initFixedColumns = function () {
+        this.$fixedHeader = $([
+            '<div class="fixed-table-header-columns">',
+            '<table>',
+            '<thead></thead>',
+            '</table>',
+            '</div>'].join(''));
+
+        this.timeoutHeaderColumns_ = 0;
+        this.$fixedHeader.find('table').attr('class', this.$el.attr('class'));
+        this.$fixedHeaderColumns = this.$fixedHeader.find('thead');
+        this.$tableHeader.before(this.$fixedHeader);
+
+        this.$fixedBody = $([
+            '<div class="fixed-table-body-columns">',
+            '<table>',
+            '<tbody></tbody>',
+            '</table>',
+            '</div>'].join(''));
+
+        this.timeoutBodyColumns_ = 0;
+        this.$fixedBody.find('table').attr('class', this.$el.attr('class'));
+        this.$fixedBodyColumns = this.$fixedBody.find('tbody');
+        this.$tableBody.before(this.$fixedBody);
+    };
+
+    BootstrapTable.prototype.initHeader = function () {
+        _initHeader.apply(this, Array.prototype.slice.apply(arguments));
+
+        if (!this.options.fixedColumns) {
+            return;
+        }
+
+        this.initFixedColumns();
+
+        var that = this, $trs = this.$header.find('tr').clone(true); //Fix: Aleksej "clone()" mit "clone(true)" ersetzt
+        $trs.each(function () {
+            // This causes layout problems:
+            //$(this).find('th:gt(' + (that.options.fixedNumber -1) + ')').remove(); // Fix: Aleksej "-1" hinnzugef�gt. Denn immer eine Spalte Mehr geblieben ist
+            $(this).find('th:gt(' + that.options.fixedNumber + ')').remove();
+        });
+        this.$fixedHeaderColumns.html('').append($trs); 
+    };
+
+    BootstrapTable.prototype.initBody = function () {
+        _initBody.apply(this, Array.prototype.slice.apply(arguments));
+
+        if (!this.options.fixedColumns) {
+            return;
+        }
+
+        var that = this,
+            rowspan = 0;
+
+        this.$fixedBodyColumns.html('');
+        this.$body.find('> tr[data-index]').each(function () {
+            var $tr = $(this).clone(),
+                $tds = $tr.find('td');
+
+            var dataIndex = $tr.attr("data-index");
+            $tr = $("<tr></tr>");
+            $tr.attr("data-index", dataIndex);
+
+            var end = that.options.fixedNumber;
+            if (rowspan > 0) {
+                --end;
+                --rowspan;
+            }
+            for (var i = 0; i < end; i++) {
+                $tr.append($tds.eq(i).clone());
+            }
+            that.$fixedBodyColumns.append($tr);
+            
+            if ($tds.eq(0).attr('rowspan')){
+                rowspan = $tds.eq(0).attr('rowspan') - 1;
+            }
+        });
+    };
+
+    BootstrapTable.prototype.resetView = function () {
+        _resetView.apply(this, Array.prototype.slice.apply(arguments));
+
+        if (!this.options.fixedColumns) {
+            return;
+        }
+
+        clearTimeout(this.timeoutHeaderColumns_);
+        this.timeoutHeaderColumns_ = setTimeout($.proxy(this.fitHeaderColumns, this), this.$el.is(':hidden') ? 100 : 0);
+
+        clearTimeout(this.timeoutBodyColumns_);
+        this.timeoutBodyColumns_ = setTimeout($.proxy(this.fitBodyColumns, this), this.$el.is(':hidden') ? 100 : 0);
+    };
+
+    BootstrapTable.prototype.fitHeaderColumns = function () {
+        var that = this,
+            visibleFields = this.getVisibleFields(),
+            headerWidth = 0;
+
+        this.$body.find('tr:first-child:not(.no-records-found) > *').each(function (i) {
+            var $this = $(this),
+                index = i;
+
+            if (i >= that.options.fixedNumber) {
+                return false;
+            }
+
+            if (that.options.detailView && !that.options.cardView) {
+                index = i - 1;
+            }
+
+            var $th = that.$fixedHeader.find('th[data-field="' + visibleFields[index] + '"]');
+            $th.find('.fht-cell').width($this.innerWidth());
+            headerWidth += $this.outerWidth();
+
+            $th.data('fix-pos', index);
+        });
+        this.$fixedHeader.width(headerWidth + 1).show();
+
+        // fix click event
+        this.$fixedHeader.delegate("tr th", 'click', function() {
+            $(this).parents(".fixed-table-container").find(".fixed-table-body table thead tr th:eq("+$(this).data("fix-pos")+") .sortable").click();
+        })
+    };
+
+    /**
+    * Add: Aleksej
+    * Hook f�r getCaret. Aktualisieren Header bei Fixed-Columns wenn diese sortiert wurden
+    * @method getCaret
+    * @for BootstrapTable
+    */
+    BootstrapTable.prototype.getCaret = function () {
+        var result = _getCaret.apply(this, arguments);
+
+        if (this.options.fixedColumns && this.$fixedHeaderColumns instanceof jQuery) {
+            var that = this, $th;
+
+            $.each(this.$fixedHeaderColumns.find('th'), function (i, th) {
+                $th = $(th);
+                $th.find('.sortable').removeClass('desc asc').addClass($th.data('field') === that.options.sortName ? that.options.sortOrder : 'both');
+            });
+        }
+
+     return result;
+    };
+
+    /**
+     * Add: Aleksej, zum berechnen von Scrollbar-Gr��e
+     * @method calcScrollBarSize
+     * @return Number
+     */
+    BootstrapTable.prototype.calcScrollBarSize = function () {
+        // Es ist egal, ob H�he oder Breite
+        var tmpWidth        = 100,
+            $container      = $('<div>').css({
+                width       : tmpWidth, 
+                overflow    : 'scroll', 
+                visibility  : 'hidden'}
+            ).appendTo('body'),
+            widthWithScroll = $('<div>').css({
+                width: '100%'
+            }).appendTo($container).outerWidth();
+
+        $container.remove();
+        return tmpWidth - widthWithScroll;
+    };
+
+    BootstrapTable.prototype.fitBodyColumns = function () {
+        var that            = this,
+            borderHeight    = (parseInt(this.$el.css('border-bottom-width')) + parseInt(this.$el.css('border-top-width'))), // Add. Aleksej
+            top             = this.$fixedHeader.outerHeight() + borderHeight, // Fix. Aleksej "-2" mit "+ borderHeight" ersetzt
+            // the fixed height should reduce the scorll-x height
+            height          = this.$tableBody.height() - this.calcScrollBarSize(); // Fix. Aleksej "-14" mit "- this.calcScrollBarSize()" ersetzt
+            
+        if (!this.$body.find('> tr[data-index]').length) {
+            this.$fixedBody.hide();
+            return;
+        }
+
+        if (!this.options.height) {
+            top = this.$fixedHeader.height();
+            height = height - top;
+        }
+
+        this.$fixedBody.css({
+            width: this.$fixedHeader.width(),
+            height: height,
+            top: top
+        }).show();
+
+        this.$body.find('> tr').each(function (i) {
+            that.$fixedBody.find('tr:eq(' + i + ')').height($(this).height() - 1);
+        });
+
+        // events
+        this.$tableBody.on('scroll', function () {
+            that.$fixedBody.find('table').css('top', -$(this).scrollTop());
+        });
+        this.$body.find('> tr[data-index]').off('hover').hover(function () {
+            var index = $(this).data('index');
+            that.$fixedBody.find('tr[data-index="' + index + '"]').addClass('hover');
+        }, function () {
+            var index = $(this).data('index');
+            that.$fixedBody.find('tr[data-index="' + index + '"]').removeClass('hover');
+        });
+        this.$fixedBody.find('tr[data-index]').off('hover').hover(function () {
+            var index = $(this).data('index');
+            that.$body.find('tr[data-index="' + index + '"]').addClass('hover');
+        }, function () {
+            var index = $(this).data('index');
+            that.$body.find('> tr[data-index="' + index + '"]').removeClass('hover');
+        });
+
+        // fix td width bug
+        var $first_tr = that.$body.find('tr:eq(0)');
+        that.$fixedBody.find('tr:eq(0)').find("td").each(function(index) {
+            $(this).width($first_tr.find("td:eq("+index+")").width())
+        });
+    };
+
+})(jQuery);

public/assets/static/user/app.css

@@ -0,0 +1,417 @@
+.child-view {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    -webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
+    transition: all .5s cubic-bezier(.55, 0, .1, 1)
+}
+
+.slide-left-enter,
+.slide-right-leave-active {
+    opacity: 0;
+    -webkit-transform: translate(30px);
+    transform: translate(30px)
+}
+
+.slide-left-leave-active,
+.slide-right-enter {
+    opacity: 0;
+    -webkit-transform: translate(-30px);
+    transform: translate(-30px)
+}
+
+.content {
+    width: 1100px;
+    margin: 0 auto
+}
+
+.flex {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex
+}
+
+.flex-box {
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center
+}
+
+.align-center,
+.flex-box,
+.space-between {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center
+}
+
+.space-between {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between
+}
+
+.text-overflow {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+input:focus {
+    outline: none
+}
+
+.dis-btn1 {
+    cursor: pointer
+}
+
+html {
+    line-height: 1.15;
+    -webkit-text-size-adjust: 100%
+}
+
+body {
+    margin: 0
+}
+
+h1 {
+    font-size: 2em;
+    margin: .67em 0
+}
+
+hr {
+    -webkit-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+    overflow: visible
+}
+
+pre {
+    font-family: monospace, monospace;
+    font-size: 1em
+}
+
+a {
+    background-color: transparent
+}
+
+abbr[title] {
+    border-bottom: none;
+    text-decoration: underline;
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted
+}
+
+b,
+strong {
+    font-weight: bolder
+}
+
+code,
+kbd,
+samp {
+    font-family: monospace, monospace;
+    font-size: 1em
+}
+
+small {
+    font-size: 80%
+}
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline
+}
+
+sub {
+    bottom: -.25em
+}
+
+sup {
+    top: -.5em
+}
+
+img {
+    border-style: none
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+    font-family: inherit;
+    font-size: 100%;
+    line-height: 1.15;
+    margin: 0
+}
+
+button,
+input {
+    overflow: visible
+}
+
+button,
+select {
+    text-transform: none
+}
+
+[type=button],
+[type=reset],
+[type=submit],
+button {
+    -webkit-appearance: button
+}
+
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner,
+button::-moz-focus-inner {
+    border-style: none;
+    padding: 0
+}
+
+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring,
+button:-moz-focusring {
+    outline: 1px dotted ButtonText
+}
+
+fieldset {
+    padding: .35em .75em .625em
+}
+
+legend {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    color: inherit;
+    display: table;
+    max-width: 100%;
+    padding: 0;
+    white-space: normal
+}
+
+progress {
+    vertical-align: baseline
+}
+
+textarea {
+    overflow: auto
+}
+
+[type=checkbox],
+[type=radio] {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    padding: 0
+}
+
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+    height: auto
+}
+
+[type=search] {
+    -webkit-appearance: textfield;
+    outline-offset: -2px
+}
+
+[type=search]::-webkit-search-decoration {
+    -webkit-appearance: none
+}
+
+::-webkit-file-upload-button {
+    -webkit-appearance: button;
+    font: inherit
+}
+
+details {
+    display: block
+}
+
+summary {
+    display: list-item
+}
+
+[hidden],
+template {
+    display: none
+}
+
+a,
+abbr,
+acronym,
+address,
+applet,
+article,
+aside,
+audio,
+b,
+big,
+blockquote,
+body,
+canvas,
+caption,
+center,
+cite,
+code,
+dd,
+del,
+details,
+dfn,
+div,
+dl,
+dt,
+em,
+embed,
+fieldset,
+figcaption,
+figure,
+footer,
+form,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+header,
+html,
+i,
+iframe,
+img,
+input,
+ins,
+kbd,
+label,
+legend,
+li,
+mark,
+menu,
+nav,
+object,
+ol,
+output,
+p,
+pre,
+q,
+ruby,
+s,
+samp,
+section,
+small,
+span,
+strike,
+strong,
+sub,
+summary,
+sup,
+table,
+tbody,
+td,
+tfoot,
+th,
+thead,
+time,
+tr,
+tt,
+u,
+ul,
+var,
+video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font-weight: 400;
+    vertical-align: baseline
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+menu,
+nav,
+section {
+    display: block
+}
+
+body {
+    line-height: 1
+}
+
+blockquote,
+q {
+    quotes: none
+}
+
+blockquote:after,
+blockquote:before,
+q:after,
+q:before {
+    content: none
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0
+}
+
+a {
+    color: #7e8c8d;
+    -webkit-backface-visibility: hidden;
+    text-decoration: none
+}
+
+li {
+    list-style: none
+}
+
+body {
+    -webkit-text-size-adjust: none;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
+}
+
+body,
+html {
+    font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif, Droid Sans Fallback;
+    -webkit-tap-highlight-color: transparent;
+    background: #f4f4f4;
+}
+
+* {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+img {
+    display: block;
+    max-width: 100%
+}
+
+.app,
+body,
+html {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    background: #fff
+}

public/assets/static/user/common.js

@@ -0,0 +1,280 @@
+/**
+ * 回收站和文件管理通用函数
+ */
+
+if (!!window.ActiveXObject || "ActiveXObject" in window){
+  alert("您的浏览器版本太过久了，可能无法正常访问，请使用360极速浏览器或者Chrome浏览器再来~");
+}
+
+//弹框
+function noty_msg(type,msg,url,time){
+    var msg = msg || "";
+    var time = time || 800;
+    if(type){
+        type = "success";
+    }else{
+        type = "error";
+    }
+    if(url){
+        var modal = true;
+    }else{
+        var modal = false;
+    }
+    Wind.use('noty', function () {
+        noty({
+            text: msg,
+            type: type,
+            layout: 'topCenter',
+            modal: modal,
+            timeout: time,
+            callback: {
+                afterClose: function () {
+                    if(url){
+                        window.location.href = url;
+                    }
+                }
+            }
+        }).show();
+    });
+}
+
+
+
+//阻止事件 冒泡传播
+function stopBubbling(e) {
+    e = window.event || e;
+    if (e.stopPropagation) {
+        e.stopPropagation();      //阻止事件 冒泡传播
+    } else {
+        e.cancelBubble = true;   //ie兼容
+    }
+}
+
+
+/*   右键菜单 -------开始   */
+
+
+//点击悬浮更多按钮打开右键菜单
+function clickGengduo(e,id) { 
+    //清空事件 防止冲突
+    window.onclick=function(e){
+    }
+    openList(1,$("#t"+id),e.pageX,e.pageY);
+}
+
+//鼠标悬浮显示更多按钮
+function HoverGengduo()
+{
+    //悬浮事件
+    $('#table tbody tr').hover(function(){
+        $(this).find(".gengduo").show();   //第一个div显示
+    },function(){
+        $(this).find(".gengduo").hide();
+    });
+}
+
+
+//清空右键菜单数据
+function openListEmpty(obj)
+{
+    obj.attr("data-id","");    //清空
+    obj.attr("data-filename",""); //清空
+    obj.attr("data-folder",""); //清空
+}
+
+//打开右键菜单
+function openList(isFile,obj,x,y)
+{
+    //判断是不是空白处右键
+    if(isFile){
+        var _jq = "#list1";
+        var _jq2 = "#list2";
+        
+        openListEmpty($(_jq)); //清空以前的设置
+
+        $(_jq).attr("data-id", obj.attr("data-id")); //设置ID
+        $(_jq).attr("data-filename",obj.attr("data-filename")); //设置文件名
+        $(_jq).attr("data-folder",obj.attr("data-folder")); //设置是不是文件夹
+
+    }else{
+        var _jq = "#list2";
+        var _jq2 = "#list1";
+    }
+    
+    $(_jq2).hide();
+    $(_jq).show();
+    //改变菜单的位置到事件发生的位置
+    $(_jq).css('left', x);
+    $(_jq).css('top', y);
+    
+    //延迟安装 防止更多按钮的点击冲突
+    setTimeout(
+        function(){
+            window.onclick=function(e){
+                //用户触发click事件就可以关闭了，因为绑定在window上，按事件冒泡处理，不会影响菜单的功能
+                $(_jq).hide();
+
+                if(isFile){
+                    openListEmpty($(_jq));
+                }
+            }
+        }
+    , 1);
+}
+
+//安装右键事件
+function clickList()
+{
+    var name = $("#menubar .select").attr("data");
+    if(name == "shouyi")
+    {
+        $('.el-main').unbind("mousedown");
+        $('.el-main').unbind("contextmenu");
+        return;
+    }
+    
+    //禁用默认右键事件
+    $('.el-main').on('contextmenu', function () {
+        if(!window.getSelection().toString()) {  //判断用户是否选中了文字
+            return false;
+        }
+    });
+
+    //右键菜单
+    $('#table tbody tr').mousedown(function(e){
+        if(window.getSelection().toString())    //判断用户是否选中了文字
+        {
+            return;
+        }
+        if(3 == e.which){   //鼠标右键
+            openList(1,$(this).find('text'),e.pageX,e.pageY);
+        }
+        stopBubbling(e);    //防止重叠
+    });
+
+    //右键菜单
+    $('.el-main').mousedown(function(e){
+        if(window.getSelection().toString())    //判断用户是否选中了文字
+        {
+            return;
+        }
+        if(3 == e.which){   //鼠标右键
+            openList(0,$(this).find('text'),e.pageX,e.pageY);
+
+        }
+    });
+}
+/*   右键菜单 -------结束   */
+
+
+
+//复选框批量操作
+function CilckCheck()
+{
+    var data = $('#table').bootstrapTable('getSelections');
+    if(data.length)
+    {
+        $('th[data-field="file_name"] div:first').html("已选中 "+data.length+" 个文件(夹)");
+        $("#CilckCheck").show();
+        $("#CilckCheck2").hide();
+    }else{
+        $('th[data-field="file_name"] div:first').html("文件名");
+        $("#CilckCheck").hide();
+        $("#CilckCheck2").show();
+    }
+}
+//获取复选框选中的ID
+function getCheckIds(ids,idFs)
+{
+    var ids = ids || "";
+    var idFs = idFs || "";
+
+    var data = $('#table').bootstrapTable('getSelections');
+    for(var i=0;i<data.length;i++)
+    {
+        $("#CheckTmp").html(data[i]['file_name']);
+        var obj = $("#CheckTmp").find("text");
+        var id = obj.attr("data-id");
+        var isFolder = obj.attr("data-folder");
+
+        if(isFolder=="1"){
+            idFs += id+",";
+        }else{
+            ids += id+",";
+        }
+    }
+    ids = ids.replace(new RegExp('\\,+$', 'g'), '');        //去掉某位ids
+    idFs = idFs.replace(new RegExp('\\,+$', 'g'), '');
+    return {'ids':ids,idFs:idFs};
+}
+
+/**
+ * 操控剪切板
+ */
+function CopyText(text,msg)
+{
+    var oInput = document.createElement('textarea');
+    oInput.value = text;
+    document.body.appendChild(oInput);
+    oInput.select(); // 选择对象
+    document.execCommand("Copy"); // 执行浏览器复制命令
+    oInput.className = 'oInput';
+    oInput.style.display='none';
+    if(window.screen.width < 768){
+        layer.msg(msg, {time:1200});
+    }
+    else{
+        layer.msg(msg, {time:1200, icon:1, shift:4});
+    }
+}
+
+
+/**
+ * 修改文件路径导航
+ * @param {路径导航数据} data 
+ * @param {数据总数} total 
+ * @param {是否搜索} sousuo 
+ */
+function daohang(data,total,sousuo)
+{
+    $(".daohang-count").html(total);
+    if(sousuo == ""){
+        if(data)
+        {
+            var html = "";
+            for(var i=0;i<data.length;i++)
+            {
+                info = data[i];
+                if(info['isMy']){
+                    //当前文件夹
+                    html += '<span style="cursor:pointer;" onclick="getTable(\'当前文件夹\')">'+info['folder_name']+'</span>';
+
+                    if(i != 0){
+                        var shangyji = data[i-1]['id'];
+                        $("#daohang-shangyiji").attr("onclick","getTable("+shangyji+")");
+                    }else{
+                        $("#daohang-shangyiji").attr("onclick","getTable()");
+                    }
+                }else{
+                    html += '<a href="javascript:;" onclick="getTable('+info['id']+')">'+info['folder_name']+'</a>';
+                    html += '<span class="fuhao">&gt;</span>';
+                }
+            }
+            $("#daohang").html(html);
+    
+            $(".daohang-path").show();
+            $(".daohang-all").hide();
+        }else{
+            $(".daohang-all").show();
+            $(".daohang-path").hide();
+        }
+    }else{
+        var html = "";
+        html += '<span">搜索 "'+sousuo+'"</span>';
+
+        $("#daohang").html(html);
+
+        $(".daohang-path").show();
+        $(".daohang-all").hide();
+    }
+}

public/assets/static/user/file.css

@@ -0,0 +1,262 @@
+/* 文件列表图标 关于母猪的产后护养研究 */
+.file-icon{
+    cursor: default;
+    display: inline-block;  /* 一行显示 */
+    height: 26px;
+    width: 26px;
+    left: 43px;
+    top: 10px;
+    margin-right: 5px;
+    vertical-align:middle; /* 对齐 */
+}
+
+.filename{
+    vertical-align:middle;
+    font-size:13px;
+}
+
+
+.viewer{
+    
+    cursor:pointer; /* 鼠标样式 */
+}
+
+.folder{
+    cursor:pointer; /* 鼠标样式 */
+}
+
+.icon-search:hover{
+    color: #09AAFF;
+}
+
+/* 鼠标悬浮显示更多按钮 */
+.gengduo {
+    z-index: 3;
+    float:right;
+    margin-top: 5px;
+    cursor:pointer;
+    display: none;
+}
+
+
+/* 图标 */
+.icon-color {
+    color: #09AAFF;
+}
+
+
+/* 路劲导航  */
+.daohang {
+    background-color: #fff;
+    height: 16px;
+    line-height: 16px;
+    margin-bottom: 15px;
+    position: relative;
+    font-size: 13px;
+    display: block;
+    padding: 15px 0 7px 9px;
+    margin-top: 0px;
+    color: #666;
+}
+
+.daohang-path {
+    line-height: 16px;
+    background: #fff;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+.daohang-path li {
+    float: left;
+}
+
+.daohang-path a {
+    color: #09aaff;
+}
+
+.daohang-path .fuhao {
+    padding: 0 5px;
+    color: #c5d8f3;
+    padding: 0 3px;
+}
+
+
+
+
+/* 空文件样式 */
+.emptyFile {
+    top: 20px;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    line-height: 30px;
+}
+
+.emptyFile p {
+    color: #424e67;
+    margin: 20px 0;
+    font-weight: 200;
+    display: block;
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    font-size: 14px;
+}
+
+.emptyFile2 {
+    margin: 0;
+    display: block;
+    text-align: left;
+    position: relative;
+    overflow-x: hidden;
+    overflow-y: auto;
+    height: 100%;
+    min-height: 400px;
+}
+.emptyFile2 .img {
+    background: url(img/emptyfile.png) no-repeat scroll center 0 transparent;
+    padding-top: 150px;
+    width: 488px;
+    position: absolute;
+    left: 50%;  /* 左边距实现居中 */
+    top: 90%;
+    text-align: center;
+    margin: -190px 0 0 -244px;
+}
+
+/* 空回收站样式 */
+.emptyRecyclebin .img {
+    background: url(img/emptyRecyclebin.png) no-repeat scroll center 0 transparent;
+    padding-top: 80px;
+}
+
+.emptyRecyclebin-p {
+    font-size: 16px;
+    font-weight: 700;
+    color: #03081a;
+}
+
+/* 搜索未找到时 */
+.emptySousuo .img {
+    background: url(img/emptySousuo.png) no-repeat scroll center 0 transparent;
+    padding-top: 110px;
+}
+
+
+
+/*  开关按钮   */
+.switch {
+    position: relative;
+    display: inline-block;
+    width: 60px;
+    height: 34px;
+  }
+  
+  .switch input {display:none;}
+  
+  .slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #ccc;
+    -webkit-transition: .4s;
+    transition: .4s;
+  }
+  
+  .slider:before {
+    position: absolute;
+    content: "";
+    height: 26px;
+    width: 26px;
+    left: 4px;
+    bottom: 4px;
+    background-color: white;
+    -webkit-transition: .4s;
+    transition: .4s;
+  }
+  
+  input:checked + .slider {
+    background-color: #2196F3;
+  }
+  
+  input:focus + .slider {
+    box-shadow: 0 0 1px #2196F3;
+  }
+  
+  input:checked + .slider:before {
+    -webkit-transform: translateX(26px);
+    -ms-transform: translateX(26px);
+    transform: translateX(26px);
+  }
+  
+  /* Rounded sliders */
+  .slider.round {
+    border-radius: 34px;
+  }
+  
+  .slider.round:before {
+    border-radius: 50%;
+  }
+
+
+/*  右键菜单   */
+.context-menu .list {
+    border: 1px solid #dde0e4;
+    border-radius: 5px;
+    box-shadow: 0 0 8px #ccc;
+}
+
+.context-menu .list {
+    min-height: 23px;
+    padding: 2px 0;
+    position: absolute;
+    background-color: #FFF;
+    color: #000;
+}
+
+.context-menu .list li {
+    display: list-item;
+    cursor: default;
+    width: 110px;
+    height: 23px;
+    line-height: 23px;
+    white-space: nowrap;
+    position: relative;
+    z-index: 1;
+    box-sizing: border-box;
+    padding: 0 27px 0 20px;
+}
+@media (max-width:767px) {
+    .context-menu .list li {
+        width: 120px;
+        height: 30px;
+        line-height: 30px;
+    }
+}
+
+.context-menu .list .separate,
+.context-menu .list .separate.list-hover {
+    padding: 0;
+    margin: 5px 0;
+    height: 1px;
+    line-height: 0;
+    font-size: 0 !important;
+    background-color: #e9e9e9;
+    cursor: default;
+}
+.context-menu .list li:hover {
+    background-color: #4281F4;
+    color: #FFF!important;
+}
+
+.context-menu ul, .context-menu li {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    font-size: 13px!important;
+    color: #5b667b!important;
+}

public/assets/static/user/file.js

@@ -0,0 +1,465 @@
+//获取文件图标 《关于母猪的产后护养研究》
+function getIcon(ext){
+
+    ext = ext.toLowerCase();
+
+    var d = new Array();
+    d['video'] = ['mp4','avi','mov','rmvb','rm','asf','divx','mpg','mpeg','mpe','wmv','mp4','mkv','vob','swf','flv'];
+    d['music'] = ['cd','mp3','flac','ape','wma','mid','midi','mmf','ncm','wav','dts','dsf'];
+    d['code']  = ['c','php','py','py3','cpp','h','jar','html','hta','chm','css','js','htm','asp','aspx','jsp','dll','cs','go','sql',
+    'xml','vb','java','lib','e','ec','db','bat','vbs','cmd','json','vbe','ocx','conf','sh','dat'];
+    d['zip']   = ['zip','tar','gz','rar','7z','arj','z','iso','gho'];
+    d['ps']    = ['ps','psd','pdd','eps','iff','tdi','pcx','raw'];
+    d['img']   = ['png','bmp','rle','dib','gif','ico','jpeg','jpe','jff','jps','jpg','psb','svg','pbm','mp0'];
+    d['fonts'] = ['ttf','eot','woff','otf','woff2'];
+    d['text']  = ['txt','md','rtf','ini'];
+    d['word']  = ['doc','docx','docm'];
+    d['excel'] = ['xls','xlsx','xlsm'];
+    d['ppt']   = ['ppt','pptx'];
+    d['links'] = ['url','lnk'];
+    d['pdf']   = ['pdf','pdp'];
+    d['exe']   = ['exe','msi'];
+    d['ipa']   = ['ipa'];
+    d['apk']   = ['apk'];
+
+    var extName = "file";
+    var extName2 = extName;
+    for (var index in d){
+        //console.log("d["+index+"]  " + d[index]);
+
+        for(var i=0;i<d[index].length;i++){
+            
+            if(d[index][i] == ext){
+                extName = index;
+                break;
+            }
+        }
+        if(extName != extName2){
+            break;
+        }
+    }
+    return extName;
+}
+
+
+//打开上传窗口
+function upload(){
+        
+    if(window.screen.width < 768){
+        var area = ['99.5%','413px'];
+        var offset = '';
+    }
+    else{
+        var area = ['520px','413px'];
+        var offset = ['15%','13%'];
+    }
+    layer.open({
+        type: 2,
+        title: '文件上传',
+        area: area,
+        offset: offset,
+       // shadeClose: true,   // 是否点击遮罩关闭
+        content: '/user/upload.html',
+        end:function () {
+            getTable('当前文件夹'); //刷新数据
+        }
+    });
+}
+
+
+//打开移动到
+function moveFiles(ids="",idFs=""){
+    
+    if(ids =="" && idFs==""){
+        var data = getCheckIds();
+        ids = data['ids'];
+        idFs = data['idFs'];
+    }
+    if(window.screen.width < 768){
+        var area = ['99.5%','355px'];
+        var offset = '';
+    }
+    else{
+        var area = ['520px','355px'];
+        var offset = ['15%','13%'];
+    }
+
+    layer.open({
+        type: 2,
+        title: '移动到',
+        area: area,
+        offset: offset,
+        shadeClose: true,   // 是否点击遮罩关闭
+        content: '/user/files/moveFiles.html?ids='+ids+"&idFs="+idFs,
+        end:function () {
+            //getTable(); //刷新数据
+        }
+    });
+}
+
+
+//重命名编辑框
+function rename(){
+    $(".filename").editable({
+        toggle: 'manual',
+        validate: function (v) {
+            if (!v) return '文件名不能为空';
+
+            var obj = $(this);
+            var id = obj.attr("data-id");
+            var filename = obj.attr("data-filename");
+            var is_folder = obj.attr("data-folder");
+
+            if (filename != v) {
+                $.ajax({
+                    type: "get",
+                    url: '/user/files/toReanme.html?id=' + id + "&file_name=" + v + "&is_folder="+is_folder,
+                    dataType: "json",
+                    success: function (data) {
+                        
+                        if(data.status)
+                        {
+                            obj.attr("data-filename", v);
+                            layer.msg(data.msg, {time:1000, icon:1, shift:4});
+                        }else{
+                            layer.alert(data.msg,{icon:2});
+                        }
+
+                    },
+                    error: function (error) {
+                        layer.alert("API请求失败，请联系客服",{icon:2});
+                    }
+                });
+            }
+
+        },
+        mode: "inline", //编辑框的模式：支持popup和inline两种模式，默认是popup
+        type: 'tel'
+    });
+}
+
+
+/*   新建文件夹 -------开始   */
+var setPassHtml = $("#setPass").html();
+$("#setPass").html("");
+
+//新建文件夹窗口
+function mkdir() {
+    layer.open({
+        type: 2,
+        title: '新建文件夹',
+        area: ['342px', '350px'],
+        fixed: false, //不固定
+        shadeClose: true,   //遮罩层关闭
+        content: '/user/folder/addFolder.html',
+        end:function () {
+            //location.reload()
+        }
+    });
+}
+/*   新建文件夹 -------end   */
+
+
+//菜单栏删除批量删除
+function CheckDelete()
+{
+    var data = $('#table').bootstrapTable('getSelections');
+    layer.confirm('确定要删除所选的 '+data.length+' 个文件(夹)吗？', 
+    {
+        shadeClose: true,
+        icon: 3,
+        btn: ['确定','取消'] //按钮
+    },
+    function(index){
+        var data = getCheckIds();
+        var ids = data['ids'];
+        var idFs = data['idFs'];
+
+        //console.log(ids,idFs);
+
+        
+        var url = "/user/files/toDeleteAll.html?ids="+ids+"&idFs="+idFs;
+        $.ajax({
+            type: "get",
+            url: url,
+            dataType: "json",
+            success: function (data2) {
+                if(data2.status)
+                {
+                    data = data2.data;
+                    for(var i=0;i<data.length;i++)
+                    {
+                        $("text[data-id='"+data[i]+"']").parent().parent().remove();
+                    }
+
+                    layer.msg(data2.msg, {time:1500, icon:1, shift:4});
+                }else{
+                    layer.alert(data2.msg,{icon:2});
+                }
+            },
+            error: function (error) {
+                layer.alert("API请求失败，请联系客服",{icon:2});
+            }
+        });
+    },
+    function(){
+    });
+}
+
+
+//设置提取码窗口
+function setPass(id,filename)
+{
+    var idU = "#"+id+"-url";
+    var idP = "#"+id+"-pass";
+    var Url2= $(idU).html();
+    var urlId= $(idU).attr("data-id");
+    var Pass = $(idU).attr("data-pass");
+    var PassStatus = $(idU).attr("data-pass-status");
+    
+    var Url = "链接："+Url2;
+    
+    if(window.screen.width < 768){
+        var area = ['342px','380px'];
+    }
+    else{
+        var area = ['325px','270px'];
+    }
+
+    layer.open({
+        title: "分享设置："+filename,
+        area: area,
+        type: 1,
+        shift: 7,
+        resize: false, // 是否允许拉伸
+        shadeClose: true,   //遮罩层关闭
+        content: setPassHtml,
+    });
+
+    var data = Url;
+    if(PassStatus == "1")  //密码开关
+    {
+        data = Url+"\n提取码："+Pass;
+        $("#setPassClick").attr("checked","");
+    }else{
+        $("#setPassPass").attr("disabled","disabled");
+
+    }
+    
+    $("#setPassUrl").val(data);
+    $("#setPassPass").val(Pass);
+
+    //密码开关冒泡
+    $("#setPassClick").click(function(){
+        if($("#setPassPass").attr("disabled"))  //是否禁用
+        {
+            var tmp = Url+"\n提取码："+$("#setPassPass").val();
+            $("#setPassUrl").val(tmp);
+            $("#setPassPass").removeAttr("disabled");
+        }else{
+            $("#setPassUrl").val(Url);
+            $("#setPassPass").attr("disabled","disabled");
+        }
+    });
+
+    //密码修改冒泡
+    $("#setPassPass").bind("input propertychange", function() {
+        var data = "链接："+Url2+"\n提取码："+$("#setPassPass").val();
+        $("#setPassUrl").val(data);
+    });
+
+    if(window.screen.width < 768){
+        //文本框击冒泡
+        $('#setPassUrl').click(function () {
+            CopyText($('#setPassUrl').val(),"复制分享链接成功~");
+        });
+    }
+    else{
+        //文本框双击冒泡
+        $('#setPassUrl').dblclick(function () {
+            CopyText($('#setPassUrl').val(),"复制分享链接成功~");
+        });
+    }
+
+    //保存密码
+    $("#setPassBtn").click(function(){
+        var pass = $("#setPassPass").val();
+        if(pass.length == 0)
+        {
+            $('#setPassPass').focus();
+            return layer.msg('请填写提取码！', {time: 700});
+        }
+        if(pass.length < 2 || pass.length > 6)
+        {
+            return layer.alert("提取码长度最短为2，最长为6，请重新填写",{icon:2});
+        }
+
+        var passStatus = $("#setPassPass").attr("disabled") ? 0 : 1;
+        var url = "/user/files/toSetPass.html?id="+urlId+"&pass="+pass+"&pass_status="+passStatus;
+        $.ajax({
+            type: "get",
+            url: url,
+            dataType: "json",
+            success: function (data2) {
+                if(data2.status)
+                {
+                    if(passStatus){
+                        $(idP).html(pass);
+                    }else{
+                        $(idP).html("-");
+                    }
+                    $(idU).attr("data-pass",pass);
+                    $(idU).attr("data-pass-status",passStatus);
+                    layer.closeAll();
+                    layer.msg(data2.msg, {time:1000, icon:1, shift:4});
+                }else{
+                    layer.alert(data2.msg,{icon:2});
+                }
+            },
+            error: function (error) {
+                layer.alert("API请求失败，请联系客服",{icon:2});
+            }
+        });
+    });
+    
+}
+
+
+/*   右键菜单 -------开始   */
+$(".context-menu .list li").click(function(){
+    var ac = $(this).html();
+    var id = $('.context-menu .list').attr("data-id");
+    var filename = $('.context-menu .list').attr("data-filename");
+    var is_folder = $('.context-menu .list').attr("data-folder");
+
+    //if(!id){
+    //    return layer.msg('请选择文件~', {time: 700});;
+    //}
+    switch(ac) {
+        case "刷新数据":{
+            getTable("当前文件夹",$('#sousuo').val());
+            break;
+        }
+        case "重新加载页面":{
+            location.reload();
+            break;
+        }
+        case "设置提取码":{
+            setPass(id,filename);
+            break;
+        }
+        case "新建文件夹":{
+            mkdir();
+            break;
+        }
+        case "移动到":{
+            if(is_folder=="1"){
+                moveFiles("",id);
+            }else{
+                moveFiles(id);
+            }
+            break;
+        }
+        case "下载":{
+            if(is_folder=="1"){
+                var Url2= $("#"+id+"-url").html();
+                window.open(Url2);
+            }
+            window.open("/user/file/toDown.html?id="+id);
+            break;
+        }
+        case "重命名":{
+            setTimeout(function (){
+                $("text[data-id='"+id+"'][data-folder="+is_folder+"]").editable('toggle');
+            },1);
+            break;
+        }
+        case "复制链接":{
+            var Url2= $("#"+id+"-url").html();
+            var Pass = $("#"+id+"-url").attr("data-pass");
+            var PassStatus = $("#"+id+"-url").attr("data-pass-status");
+
+            
+            if(PassStatus == "1")  //密码开关
+            {
+                Url2 = "链接："+Url2+"\n提取码："+Pass;
+            }
+            
+            CopyText(Url2,"复制分享链接成功~");
+            break;
+        }
+        case "编辑文件":{
+
+
+            if(is_folder=="1"){
+                var title = "编辑文件夹";
+                var url = '/user/folder/editFolder.html?id='+id;
+                var area = ['342px', '350px'];
+            }else{
+                
+                var title = "编辑文件";
+                var url = '/user/file/editFile.html?id='+id;
+                var area = ['450px', '460px'];
+            }
+
+            layer.open({
+                type: 2,
+                title:  title,
+                area: area,
+                fixed: false, //不固定
+                shadeClose: true,   //遮罩层关闭
+                content: url,
+                end:function () {
+                    //location.reload()
+                }
+            });
+            break;
+        }
+        case "删除":{
+                
+            var url = "/user/files/toDelete.html?id="+id+"&isFolder="+is_folder;
+            layer.confirm('确定要删除（'+filename+"）吗？", 
+            {
+                shadeClose: true,
+                icon: 3,
+                btn: ['确定','取消'] //按钮
+            },
+            function(index){
+                $.ajax({
+                    type: "get",
+                    url: url,
+                    dataType: "json",
+                    success: function (data) {
+                        if(data.status)
+                        {
+                            $("text[data-id='"+id+"']").parent().parent().remove();
+                            layer.msg(data.msg, {time:1000, icon:1, shift:4});
+                        }else{
+                            layer.alert(data.msg,{icon:2});
+                        }
+                    },
+                    error: function (error) {
+                        layer.alert("API请求失败，请联系客服",{icon:2});
+                    }
+                });
+                layer.close(index);
+            },
+            function(){
+            });
+            break;
+        }
+        default:{
+            break;
+        }
+    } 
+});
+/*   右键菜单 -------结束   */
+
+
+//安装文件夹点击事件
+function clickFolder()
+{
+    $(".folder").click(function(){
+        getTable($(this).attr("data-id"));
+    });
+}

public/assets/static/user/home.css

@@ -0,0 +1,291 @@
+
+
+.brdCom {
+    content: " ";
+    position: absolute;
+    width: 100%;
+    -webkit-transform: scaleY(.5);
+    transform: scaleY(.5)
+}
+
+.header {
+    height: 100%
+}
+
+.pub-right {
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center
+}
+
+.pub-header {
+    width: 100%;
+    height: 100%
+}
+
+.pub-header .logo {
+    cursor: pointer
+}
+
+.pub-header .head-box {
+    cursor: pointer
+}
+
+.pub-header .head-box .head-img {
+    width: 34px;
+    height: 34px;
+    border-radius: 50%;
+    margin-right: 8px
+}
+
+.pub-header .head-box .text {
+    font-size: 18px;
+    color: #434343;
+    margin-right: 14px
+}
+
+.pub-header .head-box .down {
+    width: 14px;
+    height: 9px;
+    margin-right: 30px
+}
+
+.pub-header .head-box .line {
+    width: 2px;
+    height: 20px;
+    background: #dcdcdc
+}
+
+.pub-header .pub-header1 {
+    margin-left: 30px;
+    cursor: pointer
+}
+
+.pub-header .pub-header1 .yq {
+    width: 17px;
+    height: 17px
+}
+
+.pub-header .pub-header1 .xgmm {
+    width: 13px;
+    height: 17px
+}
+
+.pub-header .pub-header1 .tc {
+    width: 15px;
+    height: 16px
+}
+
+.pub-header .pub-header1 .text {
+    font-size: 14px;
+    color: #313131;
+    margin-left: 8px
+}
+
+.pop-box {
+    padding-bottom: 20px
+}
+
+.pop-box .pop-top {
+    width: 100%;
+    height: 90px;
+    background-image: -webkit-gradient(linear, right top, left top, from(#5a84f0), to(#6aafef));
+    background-image: -webkit-linear-gradient(right, #5a84f0, #6aafef);
+    background-image: linear-gradient(-90deg, #5a84f0, #6aafef);
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    padding: 20px 15px 0 15px
+}
+
+.pop-box .pop-top .text {
+    font-size: 12px;
+    color: #fff
+}
+
+.pop-box .pop-top .pro {
+    width: 230px;
+    height: 6px;
+    background-color: #fff;
+    border-radius: 3px;
+    margin: 15px 0
+}
+
+.pop-box .pop-top .pro p {
+    height: 100%;
+    width: 65px;
+    border-radius: 3px;
+    background-color: #fdd30d
+}
+
+.pop-box .pop-bottom {
+    padding: 0 14px
+}
+
+.pop-box .pop-bottom .text-box {
+    margin-top: 20px;
+    font-size: 14px;
+    color: #313131
+}
+
+.pop-box .pop-bottom .text-box .text {
+    font-size: 14px;
+    color: #313131
+}
+
+.pop-box .pop-bottom .text-box .btn {
+    border-radius: 3px;
+    width: 47px;
+    height: 22px;
+    background-color: #bcbcbc;
+    font-size: 14px;
+    color: #fff;
+    cursor: pointer
+}
+
+.yq-box {
+    margin-top: 14px
+}
+
+.yq-box .text {
+    font-size: 14px
+}
+
+.yq-box .text1 {
+    width: 214px;
+    height: 22px;
+    border-radius: 4px;
+    border: 1px solid #dcdcdc;
+    margin-left: 8px;
+    font-size: 12px;
+    color: #fff;
+    padding: 0 5px
+}
+
+.yq-box .text1 .text2 {
+    width: 100%;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden
+}
+
+.yq-box .btn {
+    width: 47px;
+    height: 22px;
+    background-color: #fdd30d;
+    border-radius: 4px;
+    font-size: 12px;
+    color: #fff;
+    cursor: pointer
+}
+
+.el-dialog__header {
+    background: #f6f6f6;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px
+}
+
+.el-header {
+    width: 100%;
+    height: 70px;
+    background-color: #fff;
+    -webkit-box-shadow: 0 3px 15px 0 hsla(0, 0%, 71%, .2);
+    box-shadow: 0 3px 15px 0 hsla(0, 0%, 71%, .2);
+    padding: 0 42px 0 25px
+}
+
+.el-aside {
+    background: #f7f7f7;
+    overflow: hidden
+}
+
+.el-col {
+    width: 100%
+}
+
+.el-dialog {
+    border-radius: 4px
+}
+
+.el-popover {
+    padding: 0;
+    background-color: #fff;
+    -webkit-box-shadow: 0 3px 15px 0 hsla(0, 0%, 71%, .2);
+    box-shadow: 0 3px 15px 0 hsla(0, 0%, 71%, .2);
+    border-radius: 10px
+}
+
+.el-popper .popper__arrow,
+.el-popper .popper__arrow:after {
+    border-color: transparent transparent #5c89f0 transparent
+}
+
+.el-popper[x-placement^=bottom] .popper__arrow:after {
+    border-bottom-color: #5c89f0
+}
+
+.el-dialog .text {
+    font-size: 12px;
+    color: #4f7cec;
+    text-align: center;
+    padding-bottom: 10px
+}
+
+.el-dialog .input {
+    width: 322px;
+    height: 32px;
+    border-radius: 2px;
+    border: 1px solid #dcdcdc;
+    padding-left: 12px;
+    font-size: 12px;
+    display: block;
+    margin: 20px auto 0 auto
+}
+
+.el-dialog .dis-btn {
+    width: 322px;
+    height: 34px;
+    background-color: #4f7cec;
+    border-radius: 4px;
+    font-size: 14px;
+    color: #fff;
+    margin: 40px auto 0 auto;
+    cursor: pointer
+}
+
+.el-dialog .code-box {
+    margin-top: 20px;
+    margin-left: 21px
+}
+
+.el-dialog .code-box .input1 {
+    width: 222px;
+    height: 32px;
+    border-radius: 2px;
+    border: 1px solid #dcdcdc;
+    padding-left: 12px;
+    font-size: 12px
+}
+
+.el-dialog .code-box .dis-btn1 {
+    width: 86px;
+    height: 32px;
+    background-color: #4f7cec;
+    border-radius: 2px;
+    margin-left: 14px;
+    font-size: 12px;
+    color: #fff;
+    cursor: pointer
+}
+
+.el-aside {
+    width: 195px;
+}
+@media (max-width:576px) {
+    .el-aside {
+        width: 100px;
+    }
+    .el-menu-item{
+        padding: 0 0px;
+    }
+}

public/assets/static/user/list.css

@@ -0,0 +1,298 @@
+/*  滚动条样式 */
+::-webkit-scrollbar {
+	width: 12px;
+	height: 10px;
+}
+::-webkit-scrollbar-thumb {
+	height: 30px;
+	background-color: #999;
+	-webkit-border-radius: 7px;
+	outline: 2px solid #fff;
+	outline-offset: -2px;
+	border: 2px solid #fff;
+}
+::-webkit-scrollbar-track-piece {
+	background-color: #fff;
+	-webkit-border-radius: 3px;
+}
+		
+.g-button-right {
+	color: #666;
+}
+
+.select {
+	color: #09AAFF;
+	background: rgba(0,0,0,.05);
+}
+
+.brdCom{
+	content: " ";
+	position: absolute;
+	width: 100%;
+	-webkit-transform: scaleY(.5);
+	transform: scaleY(.5)
+}
+
+.top-item{
+	color: #409eff;
+	height: 34px;
+	border-radius: 4px;
+	border: 1px solid #C3EAFF;
+	padding: 0 18px 0 15px;
+	cursor: pointer;
+	margin-right: 10px;
+	position: relative
+}
+
+
+.top-item .text{
+	color: #409eff;
+	font-size: 14px;
+	margin-left: 10px
+}
+
+.top-item:hover .text {
+	border: none;
+	color: #2f6aff
+}
+
+.icon-box{
+	border: 1px solid #4f7cec;
+	border-radius: 4px
+}
+
+.icon-box .top-item{
+	border: none;
+	border-radius: 0;
+	margin-right: 0;
+	border-right: 1px solid #4f7cec
+}
+
+.icon-box .top-item:last-child {
+	border-right: none
+}
+
+.top-right{
+	width: 316px;
+	height: 32px;
+	background-color: #f1f2f4;
+	border-radius: 16px;
+	padding: 0 15px
+}
+
+.top-right input{
+	font-size: 14px;
+	background: none;
+	border: none;
+	width: 250px
+}
+
+.top-right .icon{
+	color: #434343;
+	cursor: pointer
+}
+
+.all-box1{
+	margin-top: 14px
+}
+
+.all-box1 .text{
+	font-size: 12px;
+	color: #535353
+}
+
+.all-box1 .text1{
+	font-size: 12px;
+	color: #626262
+}
+
+.cz-box .icon,.cz-box img{
+	cursor: pointer;
+	margin-right: 15px
+}
+
+.cz-box .icon{
+	color: #4f7cec
+}
+
+.scop-text{
+	cursor: pointer;
+	color: #313131;
+	width: 100%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap
+}
+
+.dis-form{
+	display: -webkit-box;
+	display: -webkit-flex;
+	display: -ms-flexbox;
+	display: flex;
+	padding-left: 20px;
+	-webkit-box-align: center;
+	-webkit-align-items: center;
+	-ms-flex-align: center;
+	align-items: center
+}
+
+.dis-form.from1{
+	margin-top: 35px
+}
+
+.dis-form .text1{
+	width: 85px;
+	font-size: 14px;
+	color: #a0a0a0
+}
+
+.dis-form .text2{
+	font-size: 14px;
+	color: #b5b5b5;
+	margin-left: 15px
+}
+
+.lj{
+	width: 370px;
+	height: 40px;
+	border: 1px solid #dcdcdc;
+	font-size: 14px;
+	color: #b5b5b5;
+	margin: 30px auto 0 auto;
+	border-radius: 4px
+}
+
+.share-img{
+	width: 151px;
+	margin: 30px auto 0 auto
+}
+
+.dis-btn1{
+	width: 115px;
+	height: 34px;
+	background-color: #4f7cec;
+	border-radius: 4px;
+	font-size: 14px;
+	color: #fff;
+	margin: 30px auto 0 auto
+}
+
+.tqm{
+	width: 257px;
+	height: 34px;
+	background-color: #eee;
+	border-radius: 4px;
+	border: 1px solid #dcdcdc;
+	font-size: 14px;
+	color: #707070;
+	margin-top: 10px;
+	margin-left: 130px
+}
+
+.file-box{
+	max-height: 400px;
+	overflow-y: auto
+}
+
+.code-text{
+	position: absolute;
+	bottom: 68px;
+	left: 200px;
+	color: #000
+}
+
+.el-pagination {
+	margin-top: 20px
+}
+
+.el-dialog__title {
+	width: 370px;
+	display: inline-block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap
+}
+
+.el-select {
+	width: 110px
+}
+
+.el-upload-dragger {
+	width: 83px;
+	height: 34px
+}
+
+.file-box .el-radio {
+	margin-top: 20px
+}
+
+.url-box {
+	display: -webkit-box;
+	display: -webkit-flex;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-align: center;
+	-webkit-align-items: center;
+	-ms-flex-align: center;
+	align-items: center
+}
+
+.url-box .url {
+	width: 350px;
+	margin-right: 20px
+}
+
+.url-box .url,.url-box .url1 {
+	height: 42px;
+	border: 1px solid #dcdcdc
+}
+
+.url-box .url1 {
+	width: 130px;
+	text-align: center;
+	line-height: 42px
+}
+
+.code-img {
+	width: 300px;
+	display: block;
+	margin: 20px auto
+}
+
+.shareimg-box {
+	position: relative
+}
+
+.shareimg-box .code-box {
+	position: absolute;
+	bottom: 93px;
+	left: 149px;
+	width: 120px;
+	height: 120px;
+	background: #fff
+}
+
+.top-right .el-input__inner {
+	background: none;
+	border: none
+}
+
+/* 上传按钮 */
+.upload {
+	color: #fff;
+	background-color:#09AAFF;
+	border: 1px solid #fff;
+}
+
+.upload:hover {
+	background-color:#09a0f1;
+}
+
+.upload .text {
+	color: #fff;
+}
+
+.upload:hover .text {
+	color: #fff;
+}
+

public/assets/static/user/recyclebin.js

@@ -0,0 +1,142 @@
+
+/**
+ * 删除/还原 回收站的文件
+ */
+function Recyclebin(ids,idFs,action)
+{
+    var url = "/user/recyclebin/to"+action+"All.html?ids="+ids+"&idFs="+idFs;
+    $.ajax({
+        type: "get",
+        url: url,
+        dataType: "json",
+        success: function (data2) {
+            if(data2.status)
+            {
+                data = data2.data;
+                for(var i=0;i<data.length;i++)
+                {
+                    $("text[data-id='"+data[i]+"']").parent().parent().remove();
+                }
+
+                layer.msg(data2.msg, {time:1500, icon:1, shift:4});
+            }else{
+                layer.alert(data2.msg,{icon:2});
+            }
+        },
+        error: function (error) {
+            layer.alert("API请求失败，请联系客服",{icon:2});
+        }
+    });
+}
+
+
+
+//菜单栏删除批量删除
+function CheckDelete()
+{
+    var data = $('#table').bootstrapTable('getSelections');
+    
+    layer.confirm('确定要彻底删除所选的 '+data.length+' 个文件(夹)吗？', 
+    {
+        title: "一旦删除无法找回！",
+        shadeClose: true,
+        icon: 3,
+        btn: ['确定','取消'] //按钮
+    },
+    function(index){
+        var data = getCheckIds();
+        var ids = data['ids'];
+        var idFs = data['idFs'];
+        Recyclebin(ids,idFs,"Delete");
+    },
+    function(){
+    });
+}
+
+//菜单栏还原
+function CheckBack()
+{
+    var data = getCheckIds();
+    var ids = data['ids'];
+    var idFs = data['idFs'];
+    Recyclebin(ids,idFs,"Back");
+}
+
+
+//菜单栏清空回收站
+function CheckEmpty()
+{
+    layer.confirm('确定要清空回收站吗？', 
+    {
+        title: "一旦删除无法找回！",
+        shadeClose: true,
+        icon: 3,
+        btn: ['确定','取消'] //按钮
+    },
+    function(index){
+        var url = "/user/recyclebin/toEmpay.html";
+        $.ajax({
+            type: "get",
+            url: url,
+            dataType: "json",
+            success: function (data2) {
+                if(data2.status)
+                {
+                    getTable();
+                    layer.msg(data2.msg, {time:1500, icon:1, shift:4});
+                }else{
+                    layer.alert(data2.msg,{icon:2});
+                }
+            },
+            error: function (error) {
+                layer.alert("API请求失败，请联系客服",{icon:2});
+            }
+        });
+    },
+    function(){
+    });
+}
+
+
+/*   右键菜单 -------开始   */
+$(".context-menu .list li").click(function(){
+    var ac = $(this).html();
+    var id = $('.context-menu .list').attr("data-id");
+    var filename = $('.context-menu .list').attr("data-filename");
+    var is_folder = $('.context-menu .list').attr("data-folder");
+    var ids = is_folder == "1" ? "" : id;
+    var idFs = is_folder == "1" ? id : "";
+
+    switch(ac) {
+        case "刷新":{
+            getTable($('#sousuo').val());
+            break;
+        }
+        case "重新加载页面":{
+            location.reload();
+            break;
+        }
+        case "彻底删除":{
+            layer.confirm('确定要彻底删除（'+filename+"）吗？", 
+            {
+                title: "一旦删除无法找回！",
+                shadeClose: true,
+                icon: 3,
+                btn: ['确定','取消'] //按钮
+            },
+            function(index){
+                Recyclebin(ids,idFs,"Delete");
+            },
+            function(){
+            });
+            break;
+        }
+        case "还原":{
+            Recyclebin(ids,idFs,"Back");
+        }
+        default:{
+            break;
+        }
+    } 
+});
+/*   右键菜单 -------结束   */

public/assets/static/user/viewer/viewer.min.css

@@ -0,0 +1,357 @@
+/*!
+ * Viewer.js v0.3.1
+ * https://github.com/fengyuanchen/viewerjs
+ *
+ * Copyright (c) 2015-2016 Fengyuan Chen
+ * Released under the MIT license
+ *
+ * Date: 2016-02-02T11:35:36.273Z
+ */
+.viewer-container, .viewer-navbar {
+    background-color: #000;
+    overflow: hidden
+}
+
+.viewer-canvas, .viewer-container, .viewer-footer, .viewer-player {
+    right: 0;
+    bottom: 0;
+    left: 0
+}
+
+.viewer-button, .viewer-canvas, .viewer-container, .viewer-footer, .viewer-list, .viewer-navbar, .viewer-open, .viewer-title, .viewer-toolbar, .viewer-toolbar > li {
+    overflow: hidden
+}
+
+.viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before,/* .viewer-play:before,*/ .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {
+    font-size: 0;
+    line-height: 0;
+    display: block;
+    width: 20px;
+    height: 20px;
+    color: transparent;
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);
+    background-repeat: no-repeat
+}
+
+.viewer-zoom-in:before {
+    content: 'Zoom In';
+    background-position: 0 0
+}
+
+.viewer-zoom-out:before {
+    content: 'Zoom Out';
+    background-position: -20px 0
+}
+
+.viewer-one-to-one:before {
+    content: 'One to One';
+    background-position: -40px 0
+}
+
+.viewer-reset:before {
+    content: 'Reset';
+    background-position: -60px 0
+}
+
+.viewer-prev:before {
+    content: 'Previous';
+    background-position: -80px 0
+}
+
+/*.viewer-play:before {*/
+    /*content: 'Play';*/
+    /*background-position: -100px 0*/
+/*}*/
+
+.viewer-next:before {
+    content: 'Next';
+    background-position: -120px 0
+}
+
+.viewer-rotate-left:before {
+    content: 'Rotate Left';
+    background-position: -140px 0
+}
+
+.viewer-rotate-right:before {
+    content: 'Rotate Right';
+    background-position: -160px 0
+}
+
+.viewer-flip-horizontal:before {
+    content: 'Flip Horizontal';
+    background-position: -180px 0
+}
+
+.viewer-flip-vertical:before {
+    content: 'Flip Vertical';
+    background-position: -200px 0
+}
+
+.viewer-fullscreen:before {
+    content: 'Enter Full Screen';
+    background-position: -220px 0
+}
+
+.viewer-fullscreen-exit:before {
+    content: 'Exit Full Screen';
+    background-position: -240px 0
+}
+
+.viewer-close:before {
+    content: 'Close';
+    background-position: -260px 0
+}
+
+.viewer-container {
+    font-size: 0;
+    line-height: 0;
+    position: absolute;
+    top: 0;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    background-color: rgba(0, 0, 0, .5);
+    direction: ltr !important;
+    -ms-touch-action: none;
+    touch-action: none;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-touch-callout: none
+}
+
+.viewer-container ::-moz-selection, .viewer-container::-moz-selection {
+    background-color: transparent
+}
+
+.viewer-container ::selection, .viewer-container::selection {
+    background-color: transparent
+}
+
+.viewer-container img {
+    display: block;
+    width: 100%;
+    min-width: 0 !important;
+    max-width: none !important;
+    height: auto;
+    min-height: 0 !important;
+    max-height: none !important
+}
+
+/*. , .viewer-tooltip {*/
+    /*display: block;*/
+    /*position: absolute*/
+/*}*/
+
+.viewer-canvas {
+    position: absolute;
+    top: 0
+}
+
+.viewer-canvas > img {
+    width: auto;
+    max-width: 90% !important;
+    height: auto;
+    margin: 15px auto
+}
+
+.viewer-footer {
+    position: absolute;
+    text-align: center
+}
+
+.viewer-navbar {
+    background-color: rgba(0, 0, 0, .5)
+}
+
+.viewer-list {
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 50px;
+    margin: 0;
+    padding: 1px 0
+}
+
+.viewer-list > li {
+    font-size: 0;
+    line-height: 0;
+    float: left;
+    overflow: hidden;
+    width: 30px;
+    height: 50px;
+    cursor: pointer;
+    opacity: .5;
+    color: transparent;
+    filter: alpha(opacity=50)
+}
+
+.viewer-list > li + li {
+    margin-left: 1px
+}
+
+.viewer-list > .viewer-active {
+    opacity: 1;
+    filter: alpha(opacity=100)
+}
+
+.viewer-player {
+    top: 0;
+    cursor: none;
+    background-color: #000
+}
+
+.viewer-player > img {
+    position: absolute;
+    top: 0;
+    left: 0
+}
+
+.viewer-toolbar {
+    width: 280px;
+    margin: 0 auto 5px;
+    padding: 3px 0
+}
+
+.viewer-toolbar > li {
+    float: left;
+    /*width: 24px;*/
+    height: 24px;
+    cursor: pointer;
+    border-radius: 50%;
+    background-color: #000;
+    background-color: rgba(0, 0, 0, .5)
+}
+
+.viewer-toolbar > li:hover {
+    background-color: #000;
+    background-color: rgba(0, 0, 0, .8)
+}
+
+.viewer-toolbar > li:before {
+    margin: 2px
+}
+
+.viewer-toolbar > li + li {
+    margin-left: 1px
+}
+
+/*.viewer-toolbar > .viewer-play {*/
+    /*width: 30px;*/
+    /*height: 30px;*/
+    /*margin-top: -3px;*/
+    /*margin-bottom: -3px*/
+/*}*/
+
+/*.viewer-toolbar > .viewer-play:before {*/
+    /*margin: 5px*/
+/*}*/
+
+/*.viewer-tooltip {*/
+    /*font-size: 12px;*/
+    /*line-height: 20px;*/
+    /*top: 50%;*/
+    /*left: 50%;*/
+    /*width: 50px;*/
+    /*height: 20px;*/
+    /*margin-top: -10px;*/
+    /*margin-left: -25px;*/
+    /*text-align: center;*/
+    /*color: #fff;*/
+    /*border-radius: 10px;*/
+    /*background-color: #000;*/
+    /*background-color: rgba(0, 0, 0, .8)*/
+/*}*/
+
+.viewer-title {
+    font-size: 12px;
+    line-height: 1;
+    display: inline-block;
+    max-width: 90%;
+    margin: 0 5% 5px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    opacity: .8;
+    color: #ccc;
+    filter: alpha(opacity=80)
+}
+
+.viewer-title:hover {
+    opacity: 1;
+    filter: alpha(opacity=100)
+}
+
+.viewer-button {
+    position: absolute;
+    top: -40px;
+    right: -40px;
+    width: 80px;
+    height: 80px;
+    cursor: pointer;
+    border-radius: 50%;
+    background-color: #000;
+    background-color: rgba(0, 0, 0, .5)
+}
+
+.viewer-button:before {
+    position: absolute;
+    bottom: 15px;
+    left: 15px
+}
+
+.viewer-fixed {
+    position: fixed
+}
+
+.viewer-show {
+    display: block
+}
+
+.viewer-hide {
+    display: none
+}
+
+.viewer-invisible {
+    visibility: hidden
+}
+
+.viewer-move {
+    cursor: move;
+    cursor: -webkit-grab;
+    cursor: -moz-grab;
+    cursor: grab
+}
+
+.viewer-fade {
+    opacity: 0;
+    filter: alpha(opacity=0)
+}
+
+.viewer-in {
+    opacity: 1;
+    filter: alpha(opacity=100)
+}
+
+.viewer-transition {
+    -webkit-transition: all .3s ease-out;
+    -o-transition: all .3s ease-out;
+    transition: all .3s ease-out
+}
+
+@media (max-width: 767px) {
+    .viewer-hide-xs-down {
+        display: none
+    }
+}
+
+@media (max-width: 991px) {
+    .viewer-hide-sm-down {
+        display: none
+    }
+}
+
+@media (max-width: 1199px) {
+    .viewer-hide-md-down {
+        display: none
+    }
+}

public/assets/static/user/wap/app.css

@@ -0,0 +1,248 @@
+.child-view {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    -webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
+    transition: all .5s cubic-bezier(.55, 0, .1, 1)
+}
+
+.slide-left-enter,
+.slide-right-leave-active {
+    opacity: 0;
+    -webkit-transform: translate(30px);
+    transform: translate(30px)
+}
+
+.slide-left-leave-active,
+.slide-right-enter {
+    opacity: 0;
+    -webkit-transform: translate(-30px);
+    transform: translate(-30px)
+}
+
+.el-message {
+    width: 14rem !important
+}
+
+.flex {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex
+}
+
+.flex-box {
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center
+}
+
+.align-center,
+.flex-box,
+.space-between {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center
+}
+
+.space-between {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between
+}
+
+.text-overflow {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+input:focus {
+    outline: none
+}
+
+.dis-btn1 {
+    cursor: pointer
+}
+
+a,
+abbr,
+acronym,
+address,
+applet,
+article,
+aside,
+audio,
+b,
+big,
+blockquote,
+body,
+canvas,
+caption,
+center,
+cite,
+code,
+dd,
+del,
+details,
+dfn,
+div,
+dl,
+dt,
+em,
+embed,
+fieldset,
+figcaption,
+figure,
+footer,
+form,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+header,
+html,
+i,
+iframe,
+img,
+input,
+ins,
+kbd,
+label,
+legend,
+li,
+mark,
+menu,
+nav,
+object,
+ol,
+output,
+p,
+pre,
+q,
+ruby,
+s,
+samp,
+section,
+small,
+span,
+strike,
+strong,
+sub,
+summary,
+sup,
+table,
+tbody,
+td,
+tfoot,
+th,
+thead,
+time,
+tr,
+tt,
+u,
+ul,
+var,
+video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-weight: 400;
+    vertical-align: baseline
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+menu,
+nav,
+section {
+    display: block
+}
+
+body {
+    line-height: 1
+}
+
+blockquote,
+q {
+    quotes: none
+}
+
+blockquote:after,
+blockquote:before,
+q:after,
+q:before {
+    content: none
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0
+}
+
+a {
+    color: #7e8c8d;
+    -webkit-backface-visibility: hidden;
+    text-decoration: none
+}
+
+li {
+    list-style: none
+}
+
+body {
+    -webkit-text-size-adjust: none;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
+}
+
+.el-message {
+    width: 14rem !important;
+    min-width: 14rem !important;
+    max-width: 14rem !important
+}
+
+body,
+html {
+    font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif, Droid Sans Fallback;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-tap-highlight-color: transparent;
+    background: #f4f4f4;
+}
+
+* {
+    -webkit-box-sizing: content-box;
+    box-sizing: content-box
+}
+
+img {
+    display: block;
+    max-width: 100%
+}
+
+.app,
+body,
+html {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    background: #fff
+}

public/assets/static/user/wap/font.css

@@ -0,0 +1,53 @@
+@font-face {font-family: "icon";
+  src: url('//at.alicdn.com/t/font_1759253_iet3rjq0pbo.eot?t=1587022338418'); /* IE9 */
+  src: url('//at.alicdn.com/t/font_1759253_iet3rjq0pbo.eot?t=1587022338418#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAfoAAsAAAAADtAAAAeZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEIAqPQIwqATYCJAMoCxYABCAFhD0HgRsbWwwRFayJIfvqwDbtLLSjritnJMWWc/MhT+Hc53x43LT3I5T+H3QhlE7cqDITYKJ0LhUL88LmyFTZycSpnlh7c9oz5USErTkHrDrhIkxxbhY92mIeet+kwDEQAAzGYOK0aUY0d7TW6u3/Y020vgzeCJUaTmwNVc8kUhSXkDQ0QiVEQgofQsfEnPqswsZBUhherS8GAoCiGbqAZGaPcUILARohaLd8ySIPtLEUCAV+BNp4DXOgALIXIrRcGVcHYI/78+Qb9CJagIPIQ7vUhIVZ82GP48uhvJpQMZNXEesuC8BjNYAH0AWA8OBn2cTjACU/ATxoVwFrAcgwyt9CiCOuj6fHJ8Xd8e3xsvivXw5NJPAzvLY0gaz/mwdwIEiGAC1EJIGHBiAagErkUVSbDMRhxgAHxPVJID8sHUoxm4QkCGBuJEELth1JEMHKkIQksF+RBR6XRIVy7XIAKreUAbQEuC0Af234GLeGBwf+0GTsy0Ns3sxmk5q0s1mpNEzSVhaElBZGoZEst2lBdMKNjQ3cayaGrjt0xOo/19EVPNeWEd2Fu02FYEAOUGPh06cWQe0YPMeY4XbnIycU/nhlG8kXUtyRWzJd4ot4rVMk3/nDF5jOHfJe9ltcl9QOzkB+UA2cVaAo7qefuOs3T2nY5YptcsquYEH9TufTTa7YrikNm6eIoef7M/852yWbLdhWF77UVFBVOdBGTwOROSHZflVZDsTAqYcswZvM4A8fCSt8+HQ7yUdoQEkNXYvIs0Jh65S5vpA3bOnbJ3TEN6jK38BXSIm3klJfOUBvPFQf9TXcftL8+OMcb9jKgkGAevTnI97LzHDuknoR1BdQg4xxankbyntDvgA48pAFrHW+MpXX+cPeEJXif5FTsSzdqw2t+VBoxs1HTY8+7HPrcbMTT6Y8feqMxVwNDVPq6xdwcZm9iXNu2rz5dk/Gqgn9mpPspIPqbLr7rVPC3ohvmTGjJhi06MITKOZNnDRlOY7JT9NcfwUEtXxsm1US0VvFPJKgK0w3oYSJErbjFlVsme7lWEvu5NNM/Sv1rcQzDQ52zuakvotV8KUVxpfbWS1CpfOpLv8lG5i1i+XgRUoRuChTXySViIiKcuQyY6TKatL7IlWlGPYfdTPq5Ay8eycwa9IEnHpxeg5JE6f+HWmp8ynu0OHw8RQFpvpCjSRWqvIeA9EfO0m1ys6MgeihrdN0yyZjenA4jGyxBNKUytZF4vW2GWLz8e0G9rn92oYk7Vf2vp/0lx+yp1fKpFdMXTOGlu5N4j26Vqlli6bvljpLg6XdXmJZavzGB4vWkN6mwuKDGK6ezbUmWm4lGeaGt7Z5hsmFG9TtHqNmh9ez3eufwPXocQ/9L10K1g3NX7cuf+i6gnwhFLilgqFYOnRbox4tExrfi10ff0p+nFy9Dt2ILuvolYdi9e1xz8xVjfbWjlFwa/61Tjr9ZB+/Wv/5leHCy7rBGKxHypUWV4796px7xLi4qPecnIkC/dv2+973tOl5JVeVvPk5H3b5cP7KXAt6mz+5ZW6+sNnyZgubm29N6DO+54Scua1FTZ8zZla7d/neWmY+XFyW06Ks7UGz/egdbQ6tzqd1ljqaozZb+FHbniyqRFnP3J6s1hKlPfOpReuHC3XqpCo3WsLKWZjY7cYXjWl2EqZ1eO+LmnuSFK2ujsqV7nVJc5A5c4iDjBChDjgg+onEgeT/9+WpJYKiXezIMZmEc12BFa7Wbv5J2fzz5oPintWCaXMTRSyR8gMtSuRaf1RyV63KVbZbrwhl6OJs6Qf2B/v+Sp+T/6ckWEqVvsoqJVL+v3K58r/0h5RAaWnTVk3tJq+WfaqGV9urJd4exXYNV5MkV8A3kSUeh0OsF61kT8S3uFeJzb06ML3SvN3sJhRB9bdRJ9SM3WnOIy6Xab5RILlml9vg+Ek05xJ3Smgu5N3Kheyf8T4rHzAeMx6Qa5Oj5mjym9gT2fMYNEylD9lC3Z2ftz12Mi04HFhgKje5jwRc3bQuO9eNunTLN88MS44mx+pKcnWUVgNA4vGvfA/X3lkA38X+f4j71v7yTn6wXeUf8Kq9ppJ7Yq9WeXvXWD3fGQDinCgtG+HgiGY35xiG/KZlbzfL3qnszJHSfY4KvCQYKqsKCRX+Jgm/uobpH0GB4o7W1NSrsmXQ4rWYBKovApSPAjM+6JpbKquqFreEwCEJNuAhoAUSPNqACIYOoIGA3kDRGf0PZ2iEHPAgQjKATtgggECLE8BBjwvAQ4ubSPCoABEKXgYNtHgXKNz49IQM7chAmgGqMW4xg2QCnTIJI7k9ec3fKDsT10/ZrPxj3WgUg9+tR7T+hYR1k12aXgZtK0DUXMCz9uXQGIay5hzT1lFtW17d7gu5XZ2Ui8UJtxrj1o6cAZIptk6ZREF7Sm3/RtmZuGZ0N+uPwM1TRkeADwdeAXpRKhx2qKZNLwPya0WWqH9w4fPn4FlodBE5gJJfL8e0daAaVJVXuDSdqEqdYXlxVvU3oRG0tziRVNpYtuN6flj5OmOSA1KuY7PXbu6ajnfc6vtVTKnqDpDG3PPIQzyQ4Tjb6malz6OuNagpsXaMhHWwvFfHZC8WAAA=') format('woff2'),
+  url('//at.alicdn.com/t/font_1759253_iet3rjq0pbo.woff?t=1587022338418') format('woff'),
+  url('//at.alicdn.com/t/font_1759253_iet3rjq0pbo.ttf?t=1587022338418') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('//at.alicdn.com/t/font_1759253_iet3rjq0pbo.svg?t=1587022338418#icon') format('svg'); /* iOS 4.1- */
+}
+
+.icon {
+  font-family: "icon" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-yidongwenjianjia:before {
+  content: "\e60e";
+}
+
+.icon-sousuo:before {
+  content: "\e600";
+}
+
+.icon-yidong:before {
+  content: "\e6f4";
+}
+
+.icon-shanchu:before {
+  content: "\e652";
+}
+
+.icon-fenxiang:before {
+  content: "\e687";
+}
+
+.icon-Download:before {
+  content: "\e83d";
+}
+
+.icon-fuzhi:before {
+  content: "\e689";
+}
+
+.icon-xinjianwenjianjia:before {
+  content: "\e656";
+}
+
+.icon-icon_shangchuan-:before {
+  content: "\e642";
+}
+