From f674acc31c4493563b2c07643f4c3b9902f587ae Mon Sep 17 00:00:00 2001
From: Anyon <zoujingli@qq.com>
Date: Mon, 13 Feb 2017 01:17:44 -0500
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0focus=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/admin/view/login.index.html     |    4 +-
 public/static/theme/default/css/console.css | 1313 ++++++++++++++++---
 public/static/theme/default/css/login.css   |  288 +++-
 3 files changed, 1366 insertions(+), 239 deletions(-)

diff --git a/application/admin/view/login.index.html b/application/admin/view/login.index.html
index b17295a85..2e29282f4 100644
--- a/application/admin/view/login.index.html
+++ b/application/admin/view/login.index.html
@@ -36,8 +36,8 @@
         <form onsubmit="return false;" data-auto="true" method="post" class="content layui-form">
             <div class="people">
                 <div class="tou"></div>
-                <div id="left-hander" class="initial_left_hand transition-min"></div>
-                <div id="right-hander" class="initial_right_hand transition-min"></div>
+                <div id="left-hander" class="initial_left_hand transition"></div>
+                <div id="right-hander" class="initial_right_hand transition"></div>
             </div>
             <ul>
                 <li>
diff --git a/public/static/theme/default/css/console.css b/public/static/theme/default/css/console.css
index 6ad69044c..a9fedefe0 100644
--- a/public/static/theme/default/css/console.css
+++ b/public/static/theme/default/css/console.css
@@ -1,247 +1,1166 @@
 @charset "UTF-8";
+
 /**
  * 楚才团队后台框架
+ * author Anyon <zoujingli@qq.com>
+ * date 2017/02/13 14:15
  */
 
+/* 设置选择文字及背景颜色 */
+::selection {
+    background-color: #ec494e;
+    color: #FFF
+}
 
-/** 设置选择文字及背景颜色 */
-::selection{background-color:#ec494e;color:#FFF}
-::-moz-selection{background-color:#ec494e;color:#FFF}
-
-/* radio 样式定制 */
-.cuci-radio {width: 18px;height: 18px;position: relative;margin: 0px 5px!important;background: #ffffff;border: solid 1px #dddddd;border-radius: 50%;display: table;float: left;-webkit-appearance: none;transition: background-color ease 0.1s;}
-.cuci-radio:after {pointer-events: none;}
-.cuci-radio:checked {background-color: #3498db;border: solid 1px #3498db;text-align: center;}
-.cuci-radio:focus{outline:none!important}
-.cuci-radio:checked:before {position: absolute;left: 1px;top: 1px;font-size: 14px;display: table;font: normal normal normal 14px/1 FontAwesome;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f00c";color: #ffffff;}
-.cuci-radio:disabled{ background-color: #d9d9d9;border: solid 1px #d9d9d9;}
+::-moz-selection {
+    background-color: #ec494e;
+    color: #FFF
+}
 
 /* 延时动画 */
-.transition-min{-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
+.transition {
+    -webkit-transition: all .2s linear;
+    -moz-transition: all .2s linear;
+    -o-transition: all .2s linear;
+    transition: all .2s linear;
+}
 
-body{min-width:1024px}
-[data-tips-image]{cursor:pointer!important;cursor:-webkit-zoom-in!important;cursor:-moz-zoom-in!important;cursor:zoom-in!important;}
-select.form-control.input-sm{padding:0 0 0 10px}
-.form-control.input-sm{line-height:1em}
-.pointer{cursor:pointer}
-.wrapper {padding:10px 15px;min-width:900px}
-.framework-sidebar-mini .wrapper{min-width:950px}
-.help-block{margin-bottom:0}
-.text-center{text-align:center}
-.block{display:block}
-.gray-bg {background-color:#f3f3f4}
-.full-height {height:100% !important}
-.full-width {width:100% !important}
-.nowrap{white-space:nowrap!important}
-td .text-explode:first-child{opacity:0;display:none}
-.text-explode {color: #CCC !important;font-weight: normal !important;margin: 0px 4px !important;}
+body {
+    min-width: 1024px
+}
 
+[data-tips-image] {
+    cursor: pointer !important;
+    cursor: -webkit-zoom-in !important;
+    cursor: -moz-zoom-in !important;
+    cursor: zoom-in !important;
+}
+
+select.form-control.input-sm {
+    padding: 0 0 0 10px
+}
+
+.form-control.input-sm {
+    line-height: 1em
+}
+
+.pointer {
+    cursor: pointer
+}
+
+.wrapper {
+    padding: 10px 15px;
+    min-width: 900px
+}
+
+.framework-sidebar-mini .wrapper {
+    min-width: 950px
+}
+
+.help-block {
+    margin-bottom: 0
+}
+
+.text-center {
+    text-align: center
+}
+
+.block {
+    display: block
+}
+
+.gray-bg {
+    background-color: #f3f3f4
+}
+
+.full-height {
+    height: 100% !important
+}
+
+.full-width {
+    width: 100% !important
+}
+
+.nowrap {
+    white-space: nowrap !important
+}
+
+td .text-explode:first-child {
+    opacity: 0;
+    display: none
+}
+
+.text-explode {
+    color: #CCC !important;
+    font-weight: normal !important;
+    margin: 0px 4px !important;
+}
 
 /** 列表搜索区 */
-.form-search .row{margin-left:-5px;margin-right:-5px}
-.form-search .col-xs-4{width:220px!important;padding-left:5px;padding-right:5px}
-.form-search .col-xs-3{width:200px!important;padding-left:5px;padding-right:5px}
-.form-search .col-xs-2{width:180px!important;padding-left:5px;padding-right:5px}
-.form-search .col-xs-1{width:65px!important;padding-left:5px;padding-right:5px}
-.input-focus{background:none!important;padding:3px 5px!important}
+.form-search .row {
+    margin-left: -5px;
+    margin-right: -5px
+}
+
+.form-search .col-xs-4 {
+    width: 220px !important;
+    padding-left: 5px;
+    padding-right: 5px
+}
+
+.form-search .col-xs-3 {
+    width: 200px !important;
+    padding-left: 5px;
+    padding-right: 5px
+}
+
+.form-search .col-xs-2 {
+    width: 180px !important;
+    padding-left: 5px;
+    padding-right: 5px
+}
+
+.form-search .col-xs-1 {
+    width: 65px !important;
+    padding-left: 5px;
+    padding-right: 5px
+}
+
+.input-focus {
+    background: none !important;
+    padding: 3px 5px !important
+}
 
 /** 表单Input错误提示 */
-.error-input-right{-webkit-animation-duration:.2s;animation-duration:.2s;padding-right:5px}
-.label-required:after{content:'*';color:red;position:absolute;margin-left:4px;font-weight:bold;line-height:1.8em}
+.error-input-right {
+    -webkit-animation-duration: .2s;
+    animation-duration: .2s;
+    padding-right: 5px
+}
+
+.label-required:after {
+    content: '*';
+    color: red;
+    position: absolute;
+    margin-left: 4px;
+    font-weight: bold;
+    line-height: 1.8em
+}
 
 /** 列表图片图标样式 */
-.list-table-image{width:22px;cursor:pointer}
+.list-table-image {
+    width: 22px;
+    cursor: pointer
+}
+
 /** 列表排序样式 */
-.list-table-sort-td {width:60px!important;text-align:center}
-.list-table-sort-td input{width:50px;text-align:center;font-size:12px;line-height:14px;padding:2px}
-.list-table-sort-td button{width:50px;text-align:center;font-size:12px;color:#333}
+.list-table-sort-td {
+    width: 60px !important;
+    text-align: center
+}
+
+.list-table-sort-td input {
+    width: 50px;
+    text-align: center;
+    font-size: 12px;
+    line-height: 14px;
+    padding: 2px
+}
+
+.list-table-sort-td button {
+    width: 50px;
+    text-align: center;
+    font-size: 12px;
+    color: #333
+}
+
 /** 列表选择框 */
-.list-table-check-td {width:30px!important;text-align:center;padding:0}
-.list-table-check-td input{margin:0;vertical-align:middle}
+.list-table-check-td {
+    width: 30px !important;
+    text-align: center;
+    padding: 0
+}
+
+.list-table-check-td input {
+    margin: 0;
+    vertical-align: middle
+}
 
 /** 表格样式 */
-.table{background: #FFF;font-size: 12px;border-top: 1px solid #e1e6eb;border: 1px solid #e1e6eb;}
-.table-center{text-align:center}
-.table-center td,.table-center th{text-align:center}
-.table-bordered {border:1px solid #EBEBEB}
-.table-bordered > thead > tr > td {background-color:#F5F5F6;border-bottom-width:1px}
-.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td {border:1px solid #e7e7e7}
-.table > thead > tr > th {border-bottom:1px solid #DDDDDD;vertical-align:bottom;font-weight:normal;color:#999;background-color:#F5F6FA}
-.table > thead > tr > th,.table > tbody > tr > th,.table > thead > tr > td,.table > tbody > tr > td {border-top:1px solid #e7eaec;line-height:1.42857;padding:8px;vertical-align:middle}
-.form-control {background-color:#FFFFFF;background-image:none;border:1px solid #e5e6e7;border-radius:1px;color:inherit;display:block;padding:6px 12px;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width:100%;font-size:14px;box-shadow:none}
-.form-control:focus{outline:none;box-shadow:none}
+.table {
+    background: #FFF;
+    font-size: 12px;
+    border-top: 1px solid #e1e6eb;
+    border: 1px solid #e1e6eb;
+}
 
-.hr-line-dashed {border-top:1px dashed #e7eaec;color:#ffffff;background-color:#ffffff;height:1px;margin:20px 0}
-.hr-line-solid {border-bottom:1px solid #e7eaec;background-color:rgba(0, 0, 0, 0);border-style:solid !important;margin-top:15px;margin-bottom:15px}
+.table-center {
+    text-align: center
+}
+
+.table-center td, .table-center th {
+    text-align: center
+}
+
+.table-bordered {
+    border: 1px solid #EBEBEB
+}
+
+.table-bordered > thead > tr > td {
+    background-color: #F5F5F6;
+    border-bottom-width: 1px
+}
+
+.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td {
+    border: 1px solid #e7e7e7
+}
+
+.table > thead > tr > th {
+    border-bottom: 1px solid #DDDDDD;
+    vertical-align: bottom;
+    font-weight: normal;
+    color: #999;
+    background-color: #F5F6FA
+}
+
+.table > thead > tr > th, .table > tbody > tr > th, .table > thead > tr > td, .table > tbody > tr > td {
+    border-top: 1px solid #e7eaec;
+    line-height: 1.42857;
+    padding: 8px;
+    vertical-align: middle
+}
+
+.form-control {
+    background-color: #FFFFFF;
+    background-image: none;
+    border: 1px solid #e5e6e7;
+    border-radius: 1px;
+    color: inherit;
+    display: block;
+    padding: 6px 12px;
+    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
+    width: 100%;
+    font-size: 14px;
+    box-shadow: none
+}
+
+.form-control:focus {
+    outline: none;
+    box-shadow: none
+}
+
+.hr-line-dashed {
+    border-top: 1px dashed #e7eaec;
+    color: #ffffff;
+    background-color: #ffffff;
+    height: 1px;
+    margin: 20px 0
+}
+
+.hr-line-solid {
+    border-bottom: 1px solid #e7eaec;
+    background-color: rgba(0, 0, 0, 0);
+    border-style: solid !important;
+    margin-top: 15px;
+    margin-bottom: 15px
+}
 
 /** 按钮定义 */
-.btn{outline:none!important}
-.btn-primary {background-color:#1ab394;border-color:#1ab394;color:#FFFFFF}
-.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-image:none!important;background-color:#18a689!important;border-color:#18a689!important;color:#FFFFFF!important;box-shadow:none!important}
-.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active{background-color:#1dc5a3;border-color:#1dc5a3}
-.btn-white {color:inherit;background:white;border:1px solid #e7eaec}
-.btn-white:hover,.btn-white:focus,.btn-white:active{color:inherit;border:1px solid #d2d2d2}
-.btn-white.disabled,.btn-white.disabled:hover,.btn-white.disabled:focus,.btn-white.disabled.active{color:#cacaca}
+.btn {
+    outline: none !important
+}
+
+.btn-primary {
+    background-color: #1ab394;
+    border-color: #1ab394;
+    color: #FFFFFF
+}
+
+.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
+    background-image: none !important;
+    background-color: #18a689 !important;
+    border-color: #18a689 !important;
+    color: #FFFFFF !important;
+    box-shadow: none !important
+}
+
+.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active {
+    background-color: #1dc5a3;
+    border-color: #1dc5a3
+}
+
+.btn-white {
+    color: inherit;
+    background: white;
+    border: 1px solid #e7eaec
+}
+
+.btn-white:hover, .btn-white:focus, .btn-white:active {
+    color: inherit;
+    border: 1px solid #d2d2d2
+}
+
+.btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled.active {
+    color: #cacaca
+}
 
 /** 内容盒子 */
-.ibox {clear:both;margin-bottom:25px;margin-top:0;padding:0}
-.ibox:after,.ibox:before {display:table}
-.ibox-title {border-bottom:1px solid #e7eaec;color:inherit;margin-bottom:0;padding:0px 15px 0px 15px;min-height:48px}
-.ibox-content {background-color:#ffffff;color:inherit;padding:15px}
-.ibox-footer {color:inherit;border-top:1px solid #e7eaec;font-size:90%;background:#ffffff;padding:10px 15px}
-.ibox-title h5 {display:inline-block;font-size:14px;margin:16px 0px;font-weight:500;text-indent:8px;text-overflow:ellipsis;border-left:2px solid #88B7E0}ss/** 分页样式 */
+.ibox {
+    clear: both;
+    margin-bottom: 25px;
+    margin-top: 0;
+    padding: 0
+}
 
-/** 分页样式 */
-.pagination > li > a{background-color:#FFFFFF!important;border:1px solid #DDDDDD!important;color:inherit!important;float:left;line-height:1.42857;margin-left:-1px;padding:4px 10px;position:relative;text-decoration:none}
-.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,
-.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#f4f4f4!important;color:inherit!important;border-color:#DDDDDD!important;cursor:default;z-index:2}
+.ibox:after, .ibox:before {
+    display: table
+}
+
+.ibox-title {
+    border-bottom: 1px solid #e7eaec;
+    color: inherit;
+    margin-bottom: 0;
+    padding: 0px 15px 0px 15px;
+    min-height: 48px
+}
+
+.ibox-content {
+    background-color: #ffffff;
+    color: inherit;
+    padding: 15px
+}
+
+.ibox-footer {
+    color: inherit;
+    border-top: 1px solid #e7eaec;
+    font-size: 90%;
+    background: #ffffff;
+    padding: 10px 15px
+}
+
+.ibox-title h5 {
+    display: inline-block;
+    font-size: 14px;
+    margin: 16px 0px;
+    font-weight: 500;
+    text-indent: 8px;
+    text-overflow: ellipsis;
+    border-left: 2px solid #88B7E0
+}
+
+ss /** 分页样式 */
+    /** 分页样式 */
+.pagination > li > a {
+    background-color: #FFFFFF !important;
+    border: 1px solid #DDDDDD !important;
+    color: inherit !important;
+    float: left;
+    line-height: 1.42857;
+    margin-left: -1px;
+    padding: 4px 10px;
+    position: relative;
+    text-decoration: none
+}
+
+.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
+.pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
+    background-color: #f4f4f4 !important;
+    color: inherit !important;
+    border-color: #DDDDDD !important;
+    cursor: default;
+    z-index: 2
+}
 
 /** 页面加载进度 */
-.pace {-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
-.pace-inactive {display:none;}
-.pace .pace-progress {background:#22df80;position:fixed;z-index:2000; top:0;right:100%;width:100%;height:2px;}
+.pace {
+    -webkit-pointer-events: none;
+    pointer-events: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none
+}
+
+.pace-inactive {
+    display: none;
+}
+
+.pace .pace-progress {
+    background: #22df80;
+    position: fixed;
+    z-index: 2000;
+    top: 0;
+    right: 100%;
+    width: 100%;
+    height: 2px;
+}
 
 /** 手机盒子 */
-.phone-container {background: #2c3e50;border-radius: 30px;left: 0;margin: 0 auto 0;padding: 70px 18px 68px 18px;position: absolute;right: 0;width:300px;}
-.phone-container:before {background: #1f2b38;border-radius: 20px;content: '';height: 8px;left: 0;margin: -35px auto;position: absolute;right: 0;width: 45px;}
-.phone-container:after {background: #1f2b38;border-radius: 20px;content: "";display: block;height: 42px;left: 0;margin: 12px auto;position: absolute;right: 0;width: 42px;}
-.phone-screen {background: #d6e6e9;height: 408px;overflow: hidden;padding: 0;position: relative;}
-.phone-screen iframe{width:100%;height:100%;background:#fff}
+.phone-container {
+    background: #2c3e50;
+    border-radius: 30px;
+    left: 0;
+    margin: 0 auto 0;
+    padding: 70px 18px 68px 18px;
+    position: absolute;
+    right: 0;
+    width: 300px;
+}
+
+.phone-container:before {
+    background: #1f2b38;
+    border-radius: 20px;
+    content: '';
+    height: 8px;
+    left: 0;
+    margin: -35px auto;
+    position: absolute;
+    right: 0;
+    width: 45px;
+}
+
+.phone-container:after {
+    background: #1f2b38;
+    border-radius: 20px;
+    content: "";
+    display: block;
+    height: 42px;
+    left: 0;
+    margin: 12px auto;
+    position: absolute;
+    right: 0;
+    width: 42px;
+}
+
+.phone-screen {
+    background: #d6e6e9;
+    height: 408px;
+    overflow: hidden;
+    padding: 0;
+    position: relative;
+}
+
+.phone-screen iframe {
+    width: 100%;
+    height: 100%;
+    background: #fff
+}
 
 /** 微信菜单 */
-.mobile-preview{position:relative;width:317px;height:580px;background:transparent url("../img/wechat/mobile_head.png") no-repeat 0 0;background-position:0 0;border:1px solid #e7e7eb}
-.mobile-preview .mobile-header{color:#fff;text-align:center;padding-top:30px;font-size:15px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin:0 30px}
-.mobile-footer{list-style-type:none;margin:0;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #e7e7eb;background:transparent url("../img/wechat/mobile_foot.png") no-repeat 0 0;background-position:0 0;background-repeat:no-repeat;padding-left:43px}
-.mobile-footer li{width:33.33%;line-height:50px;position:relative;float:left;text-align:center}
-.mobile-footer li a{display:block;border:1px solid rgba(255,255,255,0);border-left:1px solid #e7e7eb;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#616161;text-decoration:none}
-.mobile-footer li a.active{background-color:#fff;border:1px solid #44b549!important}
-.mobile-footer .icon-add{background:url("../img/wechat/index.png") 0 0 no-repeat;width:14px;height:14px;vertical-align:middle;display:inline-block;margin-top:-2px;border-bottom:none!important}
-.mobile-footer .icon-sub{background:url("../img/wechat/index.png") 0 -48px no-repeat;width:7px;height:7px;vertical-align:middle;display:inline-block;margin-right:2px;margin-top:-2px}
-.mobile-footer .sub-menu {position:absolute;border-radius:3px;border:1px solid #d0d0d0;display:block;bottom:60px;width:100%;background-color:#fafafa}
-.mobile-footer .sub-menu ul,
-.mobile-footer .sub-menu li{padding:0;display:block;width:100%;float:none;z-index:11}
-.mobile-footer .sub-menu li a{border:1px solid rgba(255,255,255,0)}
-.mobile-footer .sub-menu li a.bottom-border{border-bottom:1px solid #e7e7eb}
-.mobile-footer .arrow {position:absolute;left:50%;margin-left:-6px}
-.mobile-footer .arrow_in,.mobile-footer .arrow_out {z-index:10;width:0;height:0;display:inline-block;border-width:6px;border-style:dashed;border-color:transparent;border-bottom-width:0;border-top-style:solid}
-.mobile-footer .arrow_in{bottom:-5px;border-top-color:#fafafa}
-.mobile-footer .arrow_out {bottom:-6px;border-top-color:#d0d0d0}
+.mobile-preview {
+    position: relative;
+    width: 317px;
+    height: 580px;
+    background: transparent url("../img/wechat/mobile_head.png") no-repeat 0 0;
+    background-position: 0 0;
+    border: 1px solid #e7e7eb
+}
 
-/** 登录页面样式 */
-/*.login-container{min-width:560px;position:absolute;left:0;top:0;display:table;-webkit-transform:translateZ(0);background:#e9e9e9 url(../img/login_bg.jpg) no-repeat center !important;background-size:100% auto}*/
-/*.login-container input{padding-left:33px}*/
-/*.login-container .logo img{margin-bottom:48px;max-width: 200px;}*/
-/*.login-container .layer-box{height:100%;vertical-align:middle;display:table-cell;-webkit-animation-duration:.5s;animation-duration:.5s}*/
-/*.login-container .layer-content{box-shadow:0px 0px 10px #ccc;width:490px;background-color:#f7f7f7;padding:98px 98px 160px 98px;margin:-80px auto auto auto}*/
-/*.login-container .input-icon{position:absolute;top:0;left:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}*/
-/*.login-container .copyright{position:absolute;left:0;bottom:30px;width:100%}*/
-/*.login-container .wrapper{min-width:0!important}*/
-/*.login-container .verify-label span.input{position:relative;float:left}*/
-/*.login-container .verify-label input{width:208px;display:inline-block;}*/
-/*.login-container .verify-label img{height:34px;width:80px;border:1px solid #e5e6e7;float:right}*/
-/*.login-container .login-btn{margin-top:15px;}*/
+.mobile-preview .mobile-header {
+    color: #fff;
+    text-align: center;
+    padding-top: 30px;
+    font-size: 15px;
+    width: auto;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-wrap: normal;
+    margin: 0 30px
+}
+
+.mobile-footer {
+    list-style-type: none;
+    margin: 0;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border-top: 1px solid #e7e7eb;
+    background: transparent url("../img/wechat/mobile_foot.png") no-repeat 0 0;
+    background-position: 0 0;
+    background-repeat: no-repeat;
+    padding-left: 43px
+}
+
+.mobile-footer li {
+    width: 33.33%;
+    line-height: 50px;
+    position: relative;
+    float: left;
+    text-align: center
+}
+
+.mobile-footer li a {
+    display: block;
+    border: 1px solid rgba(255, 255, 255, 0);
+    border-left: 1px solid #e7e7eb;
+    width: auto;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-wrap: normal;
+    color: #616161;
+    text-decoration: none
+}
+
+.mobile-footer li a.active {
+    background-color: #fff;
+    border: 1px solid #44b549 !important
+}
+
+.mobile-footer .icon-add {
+    background: url("../img/wechat/index.png") 0 0 no-repeat;
+    width: 14px;
+    height: 14px;
+    vertical-align: middle;
+    display: inline-block;
+    margin-top: -2px;
+    border-bottom: none !important
+}
+
+.mobile-footer .icon-sub {
+    background: url("../img/wechat/index.png") 0 -48px no-repeat;
+    width: 7px;
+    height: 7px;
+    vertical-align: middle;
+    display: inline-block;
+    margin-right: 2px;
+    margin-top: -2px
+}
+
+.mobile-footer .sub-menu {
+    position: absolute;
+    border-radius: 3px;
+    border: 1px solid #d0d0d0;
+    display: block;
+    bottom: 60px;
+    width: 100%;
+    background-color: #fafafa
+}
+
+.mobile-footer .sub-menu ul,
+.mobile-footer .sub-menu li {
+    padding: 0;
+    display: block;
+    width: 100%;
+    float: none;
+    z-index: 11
+}
+
+.mobile-footer .sub-menu li a {
+    border: 1px solid rgba(255, 255, 255, 0)
+}
+
+.mobile-footer .sub-menu li a.bottom-border {
+    border-bottom: 1px solid #e7e7eb
+}
+
+.mobile-footer .arrow {
+    position: absolute;
+    left: 50%;
+    margin-left: -6px
+}
+
+.mobile-footer .arrow_in, .mobile-footer .arrow_out {
+    z-index: 10;
+    width: 0;
+    height: 0;
+    display: inline-block;
+    border-width: 6px;
+    border-style: dashed;
+    border-color: transparent;
+    border-bottom-width: 0;
+    border-top-style: solid
+}
+
+.mobile-footer .arrow_in {
+    bottom: -5px;
+    border-top-color: #fafafa
+}
+
+.mobile-footer .arrow_out {
+    bottom: -6px;
+    border-top-color: #d0d0d0
+}
 
 /** 后台框架结构 */
-html{overflow:auto;overflow-y:scroll!important}body{font-size:12px}
-body,h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti,"Microsoft YaHei"}
-a{color:#06C;cursor:pointer}a:hover{color:#039}label{font-size:100%;font-weight:500}input::-ms-clear{display:none}
-.framework-topbar{position:fixed;width:100%;height:50px;background:#09C;z-index:101;}
-.framework-body{position:absolute;width:100%;top:50px;bottom:0px;background-color:#000;z-index:100}
-.framework-container{width:auto;position:absolute;top:0px;left:0px;bottom:0px;right:0px;background:#FFF}
-.framework-container-body{position:absolute;width:auto;top:0px;bottom:0px;left:0px;right:0px;overflow:hidden;overflow-y:auto}
+html {
+    overflow: auto;
+    overflow-y: scroll !important
+}
+
+body {
+    font-size: 12px
+}
+
+body, h1, h2, h3, h4, h5, h6 {
+    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei"
+}
+
+a {
+    color: #06C;
+    cursor: pointer
+}
+
+a:hover {
+    color: #039
+}
+
+label {
+    font-size: 100%;
+    font-weight: 500
+}
+
+input::-ms-clear {
+    display: none
+}
+
+.framework-topbar {
+    position: fixed;
+    width: 100%;
+    height: 50px;
+    background: #09C;
+    z-index: 101;
+}
+
+.framework-body {
+    position: absolute;
+    width: 100%;
+    top: 50px;
+    bottom: 0px;
+    background-color: #000;
+    z-index: 100
+}
+
+.framework-container {
+    width: auto;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    bottom: 0px;
+    right: 0px;
+    background: #FFF
+}
+
+.framework-container-body {
+    position: absolute;
+    width: auto;
+    top: 0px;
+    bottom: 0px;
+    left: 0px;
+    right: 0px;
+    overflow: hidden;
+    overflow-y: auto
+}
 
 /** 顶部菜单 */
-.console-topbar{position:relative;z-index:100;clear:both;height:50px;background:#09C;font-size:12px;min-width:990px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
-.console-topbar a{text-decoration:none}
-.console-topbar a:focus{outline:none}
-.console-topbar .icon-arrow-down{display:inline-block;width:18px;text-align:center;vertical-align:middle}
-.console-topbar .dropdown .dropdown-menu{z-index:1;font-size:12px;border-radius:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}
-.console-topbar .dropdown .dropdown-menu a{padding:0}
-.console-topbar .dropdown.open .icon-arrow-down{vertical-align:text-top;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
+.console-topbar {
+    position: relative;
+    z-index: 100;
+    clear: both;
+    height: 50px;
+    background: #09C;
+    font-size: 12px;
+    min-width: 990px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.console-topbar a {
+    text-decoration: none
+}
+
+.console-topbar a:focus {
+    outline: none
+}
+
+.console-topbar .icon-arrow-down {
+    display: inline-block;
+    width: 18px;
+    text-align: center;
+    vertical-align: middle
+}
+
+.console-topbar .dropdown .dropdown-menu {
+    z-index: 1;
+    font-size: 12px;
+    border-radius: 0;
+    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
+}
+
+.console-topbar .dropdown .dropdown-menu a {
+    padding: 0
+}
+
+.console-topbar .dropdown.open .icon-arrow-down {
+    vertical-align: text-top;
+    transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    -moz-transform: rotate(180deg);
+    -ms-transform: rotate(180deg);
+    -o-transform: rotate(180deg)
+}
+
 .console-topbar .topbar-wrap,
 .console-topbar .topbar-logo,
 .console-topbar .topbar-home-link,
 .console-topbar .topbar-nav,
-.console-topbar .topbar-info{height:100%}
-.console-topbar .topbar-left{float:left}
-.console-topbar .topbar-right{float:right}
+.console-topbar .topbar-info {
+    height: 100%
+}
+
+.console-topbar .topbar-left {
+    float: left
+}
+
+.console-topbar .topbar-right {
+    float: right
+}
+
 .console-topbar .topbar-clearfix:before,
-.console-topbar .topbar-clearfix:after{display:table;content:" "}
-.console-topbar .topbar-clearfix:after{clear:both}
-.console-topbar .topbar-head{background:#008fbf;height:50px;position:relative;z-index:3}
-.console-topbar .topbar-nav{position:relative;z-index:2;background:#09C}
-.console-topbar .topbar-logo{display:block;background:#0087b4;min-width:220px;font-size:18px;color:#FFF;text-align:center;line-height:50px}
-.console-topbar .topbar-logo span{line-height:50px;padding-left:20px;padding-right:20px}
-.console-topbar .topbar-home-link{padding:0 20px;margin-right:1px;background:#09c}
-.console-topbar .topbar-btn{color:#fff;font-size:14px;line-height:50px}
+.console-topbar .topbar-clearfix:after {
+    display: table;
+    content: " "
+}
+
+.console-topbar .topbar-clearfix:after {
+    clear: both
+}
+
+.console-topbar .topbar-head {
+    background: #008fbf;
+    height: 50px;
+    position: relative;
+    z-index: 3
+}
+
+.console-topbar .topbar-nav {
+    position: relative;
+    z-index: 2;
+    background: #09C
+}
+
+.console-topbar .topbar-logo {
+    display: block;
+    background: #0087b4;
+    min-width: 220px;
+    font-size: 18px;
+    color: #FFF;
+    text-align: center;
+    line-height: 50px
+}
+
+.console-topbar .topbar-logo span {
+    line-height: 50px;
+    padding-left: 20px;
+    padding-right: 20px
+}
+
+.console-topbar .topbar-home-link {
+    padding: 0 20px;
+    margin-right: 1px;
+    background: #09c
+}
+
+.console-topbar .topbar-btn {
+    color: #fff;
+    font-size: 14px;
+    line-height: 50px
+}
+
 .console-topbar .topbar-btn.active,
-.console-topbar .topbar-btn:hover{background:#008fbf}
-.console-topbar .topbar-info{background:#008fbf;position:absolute;z-index:1;top:0;right:0}
-.console-topbar .topbar-info .topbar-btn{padding:0 10px;height:50px;display:block;z-index:2;background:#09c;}
+.console-topbar .topbar-btn:hover {
+    background: #008fbf
+}
+
+.console-topbar .topbar-info {
+    background: #008fbf;
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    right: 0
+}
+
+.console-topbar .topbar-info .topbar-btn {
+    padding: 0 10px;
+    height: 50px;
+    display: block;
+    z-index: 2;
+    background: #09c;
+}
+
 .console-topbar .topbar-info .topbar-btn:hover,
-.console-topbar .topbar-info .topbar-btn.topbar-btn-dark{background:#008fbf}
-.console-topbar .topbar-info .topbar-btn.open{position:relative}
-.console-topbar .topbar-info .dropdown{min-width:80px}
-.console-topbar .topbar-info .dropdown .dropdown-menu{width:100%;min-width:0;margin:0;border:none;padding:0}
-.console-topbar .topbar-info .dropdown.open .topbar-btn{color:#333;background:#fff;border-bottom:1px solid #eaedf1;position:relative}
-.console-topbar .topbar-info .topbar-info-btn{height:40px;border-bottom:1px solid #eaedf1}
-.console-topbar .topbar-info .topbar-info-btn a{line-height:39px;text-align:center;padding-left:10px;padding-right:10px;margin:0}
-.console-topbar .topbar-info-item{display:inline-block;margin-left:1px}
-.console-topbar .topbar-info-item.open .glyphicon-menu-up{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
+.console-topbar .topbar-info .topbar-btn.topbar-btn-dark {
+    background: #008fbf
+}
+
+.console-topbar .topbar-info .topbar-btn.open {
+    position: relative
+}
+
+.console-topbar .topbar-info .dropdown {
+    min-width: 80px
+}
+
+.console-topbar .topbar-info .dropdown .dropdown-menu {
+    width: 100%;
+    min-width: 0;
+    margin: 0;
+    border: none;
+    padding: 0
+}
+
+.console-topbar .topbar-info .dropdown.open .topbar-btn {
+    color: #333;
+    background: #fff;
+    border-bottom: 1px solid #eaedf1;
+    position: relative
+}
+
+.console-topbar .topbar-info .topbar-info-btn {
+    height: 40px;
+    border-bottom: 1px solid #eaedf1
+}
+
+.console-topbar .topbar-info .topbar-info-btn a {
+    line-height: 39px;
+    text-align: center;
+    padding-left: 10px;
+    padding-right: 10px;
+    margin: 0
+}
+
+.console-topbar .topbar-info-item {
+    display: inline-block;
+    margin-left: 1px
+}
+
+.console-topbar .topbar-info-item.open .glyphicon-menu-up {
+    transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    -moz-transform: rotate(180deg);
+    -ms-transform: rotate(180deg);
+    -o-transform: rotate(180deg)
+}
 
 /** 左侧菜单 **/
-.framework-sidebar{width:0px;display:none;position:fixed;top:50px;bottom:0px;background-color:#293038;z-index:102;overflow-x:hidden;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
-.framework-sidebar .sidebar-content{width:230px;height:100%;overflow:auto;overflow-x:hidden}
-.framework-sidebar .sidebar-fold{height:30px;width:220px;background:#394555;color:#aeb9c2;text-align:center;line-height:30px !important;font-size:12px;user-select:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none}
-.framework-sidebar .sidebar-fold:hover{background:#37424f;color:#fff}
-.framework-sidebar .sidebar-nav{width:220px}
+.framework-sidebar {
+    width: 0px;
+    display: none;
+    position: fixed;
+    top: 50px;
+    bottom: 0px;
+    background-color: #293038;
+    z-index: 102;
+    overflow-x: hidden;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.framework-sidebar .sidebar-content {
+    width: 230px;
+    height: 100%;
+    overflow: auto;
+    overflow-x: hidden
+}
+
+.framework-sidebar .sidebar-fold {
+    height: 30px;
+    width: 220px;
+    background: #394555;
+    color: #aeb9c2;
+    text-align: center;
+    line-height: 30px !important;
+    font-size: 12px;
+    user-select: none;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none
+}
+
+.framework-sidebar .sidebar-fold:hover {
+    background: #37424f;
+    color: #fff
+}
+
+.framework-sidebar .sidebar-nav {
+    width: 220px
+}
+
+.framework-sidebar .sidebar-nav ul {
+    margin: 0px;
+    padding: 0px;
+    list-style: none;
+    overflow: hidden;
+    text-indent: 1.2em
+}
+
+.framework-sidebar .sidebar-nav li a {
+    display: block;
+    width: 100%;
+    height: 40px;
+    line-height: 40px;
+    overflow: hidden
+}
+
+.framework-sidebar .sidebar-nav li a:hover {
+    background: #37424f
+}
 
-.framework-sidebar .sidebar-nav ul{margin:0px;padding:0px;list-style:none;overflow:hidden;text-indent:1.2em}
-.framework-sidebar .sidebar-nav li a{display:block;width:100%;height:40px;line-height:40px;overflow:hidden}
-.framework-sidebar .sidebar-nav li a:hover{background:#37424f}
 .framework-sidebar .sidebar-nav li a:hover .nav-icon,
-.framework-sidebar .sidebar-nav li a:hover .nav-title{color:#fff}
-.framework-sidebar .sidebar-nav .nav-item{position:relative}
-.framework-sidebar .sidebar-nav .sidebar-title{height:40px;background:#37424f;border-bottom:1px solid #414d5c;color:#fff;line-height:40px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none}
-.framework-sidebar .sidebar-nav .sidebar-title:hover{background:#414d5c;}
-.framework-sidebar .sidebar-nav .sidebar-title-icon{display:inline-block;margin:0 8px 0 20px;vertical-align:middle}
-.framework-sidebar .sidebar-manage{vertical-align:middle;position:absolute;height:40px;width:40px;right:0}
-.framework-sidebar .sidebar-manage a{display:block;width:100%;height:100%;text-align:center;line-height:40px;font-size:14px;color:#a0abb3;text-decoration:none}
-.framework-sidebar .sidebar-nav.open .sidebar-title{background: #22282e;border-bottom:1px solid #22282e}
-.framework-sidebar .sidebar-nav.open .sidebar-title-icon{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
-.framework-sidebar .sidebar-nav .nav-icon{width:50px;text-align:center;font-size:16px;float:left;color:#aeb9c2}
-.framework-sidebar .sidebar-nav .nav-title{float:left;overflow:hidden;color:#fff;white-space:nowrap;text-overflow:ellipsis;display:block;width:130px}
-.framework-sidebar .sidebar-nav li.active a{background:#0099cc}
-.framework-sidebar .sidebar-nav li.active a .nav-title{color:#fff}
-.framework-sidebar .sidebar-nav li.active a .nav-icon{color:#fff}
-.framework-sidebar .sidebar-nav .manage-nav{height:30px;overflow:hidden}
-.framework-sidebar .sidebar-nav .manage-nav:hover .nav-icon{color:#fff}
-.framework-sidebar .sidebar-nav .manage-nav a{display:block;height:100%}
-.framework-sidebar .sidebar-nav .manage-nav .nav-icon{height:100%;line-height:30px;font-size:16px}
-.framework-sidebar .sidebar-nav .manage-nav .nav-title{margin-top:14px;background:#293038;height:1px;width:120px}
-.framework-sidebar-mini .framework-sidebar{width:50px;display:block}
-.framework-sidebar-mini .framework-sidebar .sidebar-content{width:70px}
-.framework-sidebar-mini .framework-sidebar .sidebar-fold{width:50px}
-.framework-sidebar-mini .framework-sidebar .sidebar-nav{width:50px}
-.framework-sidebar-mini .framework-sidebar .sidebar-nav ul{text-indent:0;display:block!important}
-.framework-sidebar-mini .framework-sidebar .sidebar-nav .nav-item a:hover+.nav-tooltip{display:block}
-.framework-sidebar-mini .framework-sidebar .sidebar-nav .nav-title{display:none}
-.framework-sidebar-mini .framework-sidebar .sidebar-nav .sidebar-title-icon{margin:0 8px 0 20px}
-.framework-sidebar-mini .framework-sidebar .sidebar-nav .sidebar-title-icon{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
-.framework-sidebar-mini .framework-sidebar .sidebar-fold span{transform:rotate(-270deg);-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-ms-transform:rotate(-270deg);-o-transform:rotate(-270deg)}
-.framework-sidebar-mini .framework-sidebar .sidebar-title{background: #22282e;border-bottom:1px solid #22282e}
-.framework-sidebar-mini .framework-sidebar .sidebar-title .sidebar-title-text{display:none}
-.framework-sidebar-mini .framework-sidebar .sidebar-title-inner:hover+.nav-tooltip{display:block}
-.framework-sidebar-mini .framework-sidebar .sidebar-manage{display:none}
-.framework-sidebar-full .framework-sidebar{width:220px;display:block}
-.framework-sidebar-full .framework-sidebar .sidebar-nav .nav-icon{width:50px}
-.framework-sidebar-mini .framework-container{left:50px}
-.framework-sidebar-full .framework-container{left:220px}
+.framework-sidebar .sidebar-nav li a:hover .nav-title {
+    color: #fff
+}
+
+.framework-sidebar .sidebar-nav .nav-item {
+    position: relative
+}
+
+.framework-sidebar .sidebar-nav .sidebar-title {
+    height: 40px;
+    background: #37424f;
+    border-bottom: 1px solid #414d5c;
+    color: #fff;
+    line-height: 40px;
+    position: relative;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none
+}
+
+.framework-sidebar .sidebar-nav .sidebar-title:hover {
+    background: #414d5c;
+}
+
+.framework-sidebar .sidebar-nav .sidebar-title-icon {
+    display: inline-block;
+    margin: 0 8px 0 20px;
+    vertical-align: middle
+}
+
+.framework-sidebar .sidebar-manage {
+    vertical-align: middle;
+    position: absolute;
+    height: 40px;
+    width: 40px;
+    right: 0
+}
+
+.framework-sidebar .sidebar-manage a {
+    display: block;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    line-height: 40px;
+    font-size: 14px;
+    color: #a0abb3;
+    text-decoration: none
+}
+
+.framework-sidebar .sidebar-nav.open .sidebar-title {
+    background: #22282e;
+    border-bottom: 1px solid #22282e
+}
+
+.framework-sidebar .sidebar-nav.open .sidebar-title-icon {
+    transform: rotate(90deg);
+    -webkit-transform: rotate(90deg);
+    -moz-transform: rotate(90deg);
+    -ms-transform: rotate(90deg);
+    -o-transform: rotate(90deg)
+}
+
+.framework-sidebar .sidebar-nav .nav-icon {
+    width: 50px;
+    text-align: center;
+    font-size: 16px;
+    float: left;
+    color: #aeb9c2
+}
+
+.framework-sidebar .sidebar-nav .nav-title {
+    float: left;
+    overflow: hidden;
+    color: #fff;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    display: block;
+    width: 130px
+}
+
+.framework-sidebar .sidebar-nav li.active a {
+    background: #0099cc
+}
+
+.framework-sidebar .sidebar-nav li.active a .nav-title {
+    color: #fff
+}
+
+.framework-sidebar .sidebar-nav li.active a .nav-icon {
+    color: #fff
+}
+
+.framework-sidebar .sidebar-nav .manage-nav {
+    height: 30px;
+    overflow: hidden
+}
+
+.framework-sidebar .sidebar-nav .manage-nav:hover .nav-icon {
+    color: #fff
+}
+
+.framework-sidebar .sidebar-nav .manage-nav a {
+    display: block;
+    height: 100%
+}
+
+.framework-sidebar .sidebar-nav .manage-nav .nav-icon {
+    height: 100%;
+    line-height: 30px;
+    font-size: 16px
+}
+
+.framework-sidebar .sidebar-nav .manage-nav .nav-title {
+    margin-top: 14px;
+    background: #293038;
+    height: 1px;
+    width: 120px
+}
+
+.framework-sidebar-mini .framework-sidebar {
+    width: 50px;
+    display: block
+}
+
+.framework-sidebar-mini .framework-sidebar .sidebar-content {
+    width: 70px
+}
+
+.framework-sidebar-mini .framework-sidebar .sidebar-fold {
+    width: 50px
+}
+
+.framework-sidebar-mini .framework-sidebar .sidebar-nav {
+    width: 50px
+}
+
+.framework-sidebar-mini .framework-sidebar .sidebar-nav ul {
+    text-indent: 0;
+    display: block !important
+}
+
+.framework-sidebar-mini .framework-sidebar .sidebar-nav .nav-item a:hover + .nav-tooltip {
+    display: block
+}
+
+.framework-sidebar-mini .framework-sidebar .sidebar-nav .nav-title {
+    display: none
+}
+
+.framework-sidebar-mini .framework-sidebar .sidebar-nav .sidebar-title-icon {
+    margin: 0 8px 0 20px
+}
+
+.framework-sidebar-mini .framework-sidebar .sidebar-nav .sidebar-title-icon {
+    transform: rotate(90deg);
+    -webkit-transform: rotate(90deg);
+    -moz-transform: rotate(90deg);
+    -ms-transform: rotate(90deg);
+    -o-transform: rotate(90deg)
+}
+
+.framework-sidebar-mini .framework-sidebar .sidebar-fold span {
+    transform: rotate(-270deg);
+    -webkit-transform: rotate(-270deg);
+    -moz-transform: rotate(-270deg);
+    -ms-transform: rotate(-270deg);
+    -o-transform: rotate(-270deg)
+}
+
+.framework-sidebar-mini .framework-sidebar .sidebar-title {
+    background: #22282e;
+    border-bottom: 1px solid #22282e
+}
+
+.framework-sidebar-mini .framework-sidebar .sidebar-title .sidebar-title-text {
+    display: none
+}
+
+.framework-sidebar-mini .framework-sidebar .sidebar-title-inner:hover + .nav-tooltip {
+    display: block
+}
+
+.framework-sidebar-mini .framework-sidebar .sidebar-manage {
+    display: none
+}
+
+.framework-sidebar-full .framework-sidebar {
+    width: 220px;
+    display: block
+}
+
+.framework-sidebar-full .framework-sidebar .sidebar-nav .nav-icon {
+    width: 50px
+}
+
+.framework-sidebar-mini .framework-container {
+    left: 50px
+}
+
+.framework-sidebar-full .framework-container {
+    left: 220px
+}
 
 /** 菜单Tips样式 */
-.console-sidebar-tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}
-.console-sidebar-tooltip .tooltip-inner{max-width:200px;padding:12px 8px;color:#ffffff;text-align:center;text-decoration:none;border-radius:0 0;background-color:#425160}
-.console-sidebar-tooltip .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
-.console-sidebar-tooltip.right{padding:0 5px;margin-left:3px}
-.console-sidebar-tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#425160;border-width:5px 5px 5px 0}
-.console-sidebar-tooltip.in{opacity:0.9;filter:alpha(opacity=90)}
\ No newline at end of file
+.console-sidebar-tooltip {
+    position: absolute;
+    z-index: 1030;
+    display: block;
+    font-size: 12px;
+    line-height: 1.4;
+    opacity: 0;
+    filter: alpha(opacity=0);
+    visibility: visible
+}
+
+.console-sidebar-tooltip .tooltip-inner {
+    max-width: 200px;
+    padding: 12px 8px;
+    color: #ffffff;
+    text-align: center;
+    text-decoration: none;
+    border-radius: 0 0;
+    background-color: #425160
+}
+
+.console-sidebar-tooltip .tooltip-arrow {
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid
+}
+
+.console-sidebar-tooltip.right {
+    padding: 0 5px;
+    margin-left: 3px
+}
+
+.console-sidebar-tooltip.right .tooltip-arrow {
+    top: 50%;
+    left: 0;
+    margin-top: -5px;
+    border-right-color: #425160;
+    border-width: 5px 5px 5px 0
+}
+
+.console-sidebar-tooltip.in {
+    opacity: 0.9;
+    filter: alpha(opacity=90)
+}
\ No newline at end of file
diff --git a/public/static/theme/default/css/login.css b/public/static/theme/default/css/login.css
index f22415f8a..be89ed799 100644
--- a/public/static/theme/default/css/login.css
+++ b/public/static/theme/default/css/login.css
@@ -1,15 +1,45 @@
 @charset "utf-8";
 
-html,body{height:100%;width:100%}
+html, body {
+    height: 100%;
+    width: 100%;
+    overflow: hidden
+}
+
+.login-container {
+    background-color: #1c77ac;
+    overflow: hidden;
+    font-family: '微软雅黑', serif;
+    margin: 0 auto;
+    min-width: 980px;
+    font-size: 9pt
+}
+
+.login-container ul {
+    display: block;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.login-container ul li {
+    display: block;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.login-container img {
+    border: 0;
+}
 
-/* login */
-.login-container {background-color:#1c77ac; overflow:hidden;font-family:'微软雅黑'; margin:0 auto;min-width:980px;font-size:9pt}
-.login-container ul{display:block;margin:0;padding:0;list-style:none;}
-.login-container ul li{display:block;margin:0;padding:0;list-style: none;}
-.login-container img{border:0;}
 .login-container .clouds {
-    background: url("../img/login/cloud_three.png") repeat-x left 15% ;
-    position: absolute;left: 0;top: 0;height: 100%;width: 300%;
+    background: url("../img/login/cloud_three.png") repeat-x left 15%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100%;
+    width: 300%;
     -webkit-animation: cloudmove 200s linear infinite;
     -moz-animation: cloudmove 200s linear infinite;
     -o-animation: cloudmove 200s linear infinite;
@@ -19,50 +49,228 @@ html,body{height:100%;width:100%}
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }
+
 .login-container .clouds-fast {
-    background: url("../img/login/cloud.png") no-repeat 0px 40% ;
+    background: url("../img/login/cloud.png") no-repeat 0px 40%;
     -webkit-animation: cloudmove 30s linear infinite;
     -moz-animation: cloudmove 30s linear infinite;
     -o-animation: cloudmove 30s linear infinite;
     animation: cloudmove 30s linear infinite;
 }
+
 .login-container .clouds-footer {
-    background: url("../img/login/cloud_one.png") no-repeat left 100% ;
-    animation:none
+    background: url("../img/login/cloud_one.png") no-repeat left 100%;
+    animation: none
 }
-@-webkit-keyframes cloudmove {0% {left: -50%}100% {left: 150%}}
-@-moz-keyframes cloudmove {0% {left: -50%}100% {left: 150%}}
-@keyframes cloudmove {0% {left: -50%}100% {left: 150%}}
+
+@-webkit-keyframes cloudmove {
+    0% {
+        left: -50%
+    }
+    100% {
+        left: 150%
+    }
+}
+
+@-moz-keyframes cloudmove {
+    0% {
+        left: -50%
+    }
+    100% {
+        left: 150%
+    }
+}
+
+@keyframes cloudmove {
+    0% {
+        left: -50%
+    }
+    100% {
+        left: 150%
+    }
+}
+
 .login-container a,
-.login-container a:focus{text-decoration:none;color:#000;outline:none;blur:expression(this.onFocus=this.blur());}
-.login-container a:hover{color:#00a4ac;text-decoration:none;}
-.login-container .header{height:47px;position:absolute; position:fixed; top:0; background:url(../img/login/loginbg1.png) repeat-x;z-index:100; width:100%;}
-.login-container .header span{line-height:47px; text-indent:44px; float:left;font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;color:#DDD;font-size: 12px;}
-.login-container .header ul{float:right; padding-right:30px;}
-.login-container .header ul li{float:left; margin-left:20px; line-height:47px;}
-.login-container .header ul li a{color:#afc5d2;}
-.login-container .header ul li a:hover{color:#fff;}
-.login-container .container{background:url(../img/login/loginbg3.png) no-repeat center center; width:100%; height:585px; overflow:hidden; position:relative; top:47px;}
-.login-container .logo{background:url(http://static.cdn.cuci.cc/2016/0414/af3c5d9fcf94b34113274f8c047755fc.png?imageMogr2/thumbnail/!160x56r/gravity/Center/crop/160x56/interlace/1) no-repeat center;width:100%; height:170px; margin-top:40px;}
+.login-container a:focus {
+    text-decoration: none;
+    color: #000;
+    outline: none;
+    blur: expression(this.onFocus=this.blur());
+}
+
+.login-container a:hover {
+    color: #00a4ac;
+    text-decoration: none;
+}
+
+.login-container .header {
+    height: 47px;
+    position: absolute;
+    position: fixed;
+    top: 0;
+    background: url(../img/login/loginbg1.png) repeat-x;
+    z-index: 100;
+    width: 100%;
+}
+
+.login-container .header span {
+    line-height: 47px;
+    text-indent: 44px;
+    float: left;
+    font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;
+    color: #DDD;
+    font-size: 12px;
+}
+
+.login-container .header ul {
+    float: right;
+    padding-right: 30px;
+}
+
+.login-container .header ul li {
+    float: left;
+    margin-left: 20px;
+    line-height: 47px;
+}
+
+.login-container .header ul li a {
+    color: #afc5d2;
+}
+
+.login-container .header ul li a:hover {
+    color: #fff;
+}
+
+.login-container .container {
+    background: url(../img/login/loginbg3.png) no-repeat center center;
+    width: 100%;
+    height: 585px;
+    overflow: hidden;
+    position: relative;
+    top: 47px;
+}
 
 /* 登录表单 */
-.login-container .content{width:692px; height:336px; background:url(../img/login/logininfo.png) no-repeat; margin:80px auto auto auto;position:relative;display:block;}
-.login-container .content ul{margin-left:285px;margin-right:60px;}
-.login-container .content ul li{margin-bottom:25px;position:relative}
-.login-container .content ul li input{margin-bottom:25px;position:relative;background:url(../img/icon.png) no-repeat;background-size:20px;padding-left:38px}
-.login-container .content ul li input.username{background-position: 8px 7px}
-.login-container .content ul li input.password{background-position: 8px -20px}
-.login-container .login-input {display:block;width:100%;padding-left:10px;height: 38px;line-height:38px;line-height:36px\9;border:1px solid #e6e6e6;background-color:#fff;border-radius:2px;}
+.login-container .content {
+    width: 692px;
+    height: 336px;
+    background: url(../img/login/logininfo.png) no-repeat;
+    margin: 80px auto auto auto;
+    position: relative;
+    display: block;
+}
+
+.login-container .content ul {
+    margin-left: 285px;
+    margin-right: 60px;
+}
+
+.login-container .content ul li {
+    margin-bottom: 25px;
+    position: relative
+}
+
+.login-container .content ul li input {
+    margin-bottom: 25px;
+    position: relative;
+    background: url(../img/icon.png) no-repeat;
+    background-size: 20px;
+    padding-left: 38px
+}
+
+.login-container .content ul li input.username {
+    background-position: 8px 7px
+}
+
+.login-container .content ul li input.password {
+    background-position: 8px -20px
+}
+
+.login-container .login-input {
+    display: block;
+    width: 100%;
+    padding-left: 10px;
+    height: 38px;
+    line-height: 38px;
+    line-height: 36px \9;
+    border: 1px solid #e6e6e6;
+    background-color: #fff;
+    border-radius: 2px;
+}
 
 /* 头像 */
-.login-container .people{width:165px; height:96px;position:relative;top:8px;left:-70px}
-.login-container .people .tou{background: url("../img/login/tou.png") no-repeat;width: 97px;height: 92px;position: absolute;top: -87px;left: 140px;}
-.login-container .people .left_hand{background: url("../img/login/left_hand.png") no-repeat;width: 32px;height: 37px;position: absolute;top: -38px;left: 150px}
-.login-container .people .right_hand{background: url("../img/login/right_hand.png") no-repeat;width: 32px;height: 37px;position: absolute;top: -38px;right: -64px;}
-.login-container .people .initial_left_hand{background: url("../img/login/hand.png") no-repeat;width: 30px;height: 20px;position: absolute;top: -12px;left: 100px;}
-.login-container .people .initial_right_hand{background: url("../img/login/hand.png") no-repeat;width: 30px;height: 20px;position: absolute;top: -12px;right: -112px;}
+.login-container .people {
+    width: 165px;
+    height: 96px;
+    position: relative;
+    top: 8px;
+    left: -70px
+}
+
+.login-container .people .tou {
+    background: url("../img/login/tou.png") no-repeat;
+    width: 97px;
+    height: 92px;
+    position: absolute;
+    top: -87px;
+    left: 140px;
+}
+
+.login-container .people .left_hand {
+    background: url("../img/login/left_hand.png") no-repeat;
+    width: 32px;
+    height: 37px;
+    position: absolute;
+    top: -38px;
+    left: 150px
+}
+
+.login-container .people .right_hand {
+    background: url("../img/login/right_hand.png") no-repeat;
+    width: 32px;
+    height: 37px;
+    position: absolute;
+    top: -38px;
+    right: -64px;
+}
+
+.login-container .people .initial_left_hand {
+    background: url("../img/login/hand.png") no-repeat;
+    width: 30px;
+    height: 20px;
+    position: absolute;
+    top: -12px;
+    left: 100px;
+}
+
+.login-container .people .initial_right_hand {
+    background: url("../img/login/hand.png") no-repeat;
+    width: 30px;
+    height: 20px;
+    position: absolute;
+    top: -12px;
+    right: -112px;
+}
 
 /* 底部版权 */
-.login-container .footer{height:50px; line-height:50px; text-align:center; background:url(../img/login/loginbg2.png) repeat-x;position:fixed;_position:absolute;*position:absolute;bottom:0;width:100%; color:#0b3a58;color:#fff}
-.login-container .footer a{font-weight:bold;color:#0b3a58;}
-.login-container .footer a:hover{color:#fff;color:#fff}
+.login-container .footer {
+    height: 50px;
+    line-height: 50px;
+    text-align: center;
+    background: url(../img/login/loginbg2.png) repeat-x;
+    position: fixed;
+    _position: absolute;
+    *position: absolute;
+    bottom: 0;
+    width: 100%;
+    color: #fff
+}
+
+.login-container .footer a {
+    font-weight: bold;
+    color: #0b3a58;
+}
+
+.login-container .footer a:hover {
+    color: #fff;
+}