diff --git a/static/css/site.css b/static/css/site.css
index 37ec3202c..70504f87f 100755
--- a/static/css/site.css
+++ b/static/css/site.css
@@ -155,10 +155,31 @@ html {
 .bgw {
     background-color: white
 }
-
+.move_class{
+    float:right;
+}
 .bge6 {
+    background-color: #f2f2f2;
+}
+/* .bge6 {
     background-color: #e6e9ee
 }
+ */
+ .btn{
+    vertical-align: inherit;
+ }
+ .file-box .btn{
+    vertical-align: middle;
+ }
+.file-box .page{
+    border:none;
+}
+.file-box .Pcount-item{
+  border-right:1px solid #ececec;
+}
+.file-box{
+  padding-bottom: 1px;
+}
 
 .plr10 {
     padding: 0 10px
@@ -247,6 +268,12 @@ html {
 .mr50 {
     margin-right: 50px
 }
+.ml33{
+    margin-left: 38px
+}
+.ml45 {
+    margin-left: 50px
+}
 
 .ml5 {
     margin-left: 5px
@@ -259,6 +286,9 @@ html {
 .mr20 {
     margin-right: 20px
 }
+.ml0{
+    margin-left: 0;
+}
 
 .mg10 {
     margin: 10px
@@ -301,7 +331,22 @@ html {
     border-color: orange;
     color: orange
 }
-
+.input-edit{
+    cursor: pointer;
+    border:transparent 1px solid;
+    min-height: 20px;
+    min-width: 150px;
+    display: inline-block;
+}
+.input-edit:hover{
+    border:#ccc 1px solid;
+    background-color: #fff;
+}
+.baktext{
+    height: 20px;
+    border:#ccc 1px solid;
+    min-width: 150px;
+}
 .b-shadown {
     transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s
 }
@@ -312,12 +357,19 @@ html {
 }
 
 .important-title {
+    color:red;
+    background-color: #fef3e2;
+    line-height: 46px;
+    margin-bottom: 15px;
+    padding-left: 10px;
+    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
+}
+.info-title-tips {
     background-color: #fbfbfb;
     border: 1px solid #eee;
-    border-radius: 3px;
-    line-height: 28px;
+    line-height: 46px;
     margin-bottom: 15px;
-    padding: 5px 10px
+    padding-left: 10px;
 }
 
 .bt-input-text {
@@ -325,7 +377,7 @@ html {
     height: 30px;
     line-height: 30px;
     padding-left: 5px;
-    border-radius: 3px;
+    border-radius: 2px;
     -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
@@ -367,7 +419,7 @@ html {
 }
 
 .ico-copy {
-    background: url(../img/ico-copy.png) no-repeat;
+    background: url(/static/img/ico-copy.png) no-repeat;
     height: 14px;
     width: 12px;
     display: inline-block;
@@ -931,17 +983,22 @@ html .menu .menu_exit:hover {
 }
 
 .pos-box {
-    height: 42px;
-    width: 100%
+    height: 50px;
+    width: 100%;
+    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
+}
+
+.conter-box{
+    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
 }
 
 .position {
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAKwwAACsMBNCkkqwAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAFZSURBVDiNpdO9a1VBEAXw3zOioIUQEdFGkQdWVtr6D1ikERtRppLU6awUsUkh2CgoBNwhoPhsLESxERR7wcI2XSBNMAHRNFmLbB6Xa64RXFjYOXvmzMfOjmqt/mcd2I+QmUuZOcgbDWWQmTN4iFms4wGu4jC+RMT7wQwy8xBe4FtE3MBXPMdqE5sfLCEzj+Il3kXEE4iIJTzFFbzB9z0FMvMYJphExLPuXUQs4y1eYfmPHmTmbHN+FBGv92zMDm+ulXAzItZHtVaZeRH3sBgRn4ecOyKXcRt3dkuYwyJOZeaJfZyP42TjX1Nrne5SyqSUMu5ho559tpQy2bUP9gL8wHYnzbtYzczTuB8RHzs8/H0Sz+ETbuEDxg3f7pL6AhW/2vknNiNiCxvY6uDT8e2XMINLmbmC89js3I0z8wLOdP36Aht43KIcwULD1+w82/WGT+dk8DP96/oNlqecb6uu8YEAAAAASUVORK5CYII=");
-    background-position: 10px 10px;
+    background-position: 17px 14px;
     background-repeat: no-repeat;
-    background-size: 22px auto;
-    line-height: 42px;
-    padding-left: 30px
+    background-size: 20px auto;
+    line-height: 50px;
+    padding-left: 30px;
 }
 
 .search {
@@ -951,9 +1008,9 @@ html .menu .menu_exit:hover {
 .ser-text {
     border: #20a53a 1px solid;
     height: 30px;
-    width: 262px;
+    width: 250px;
     padding: 0 8px;
-    margin-top: 6px
+    margin-top: 10px
 }
 
 .ser-sub {
@@ -963,13 +1020,13 @@ html .menu .menu_exit:hover {
     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAxAAAAMQBz4pYTAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAE2SURBVDiNndJBS1VRFMXx9UzNQUQD0caFk6YhEUFCOPETiJQfIygQbNQgCCeOGjYLGjRJkPoKoSGIRKADs1nQoEIEfw3cry6v+3oPN2z2ufuu8z/7nruC9ORNvMRXHOIFbrTogjQfOniKX87iR2P9HSv/A1zA+xK/wRwmMYV5vKt3r/sBnpTgcb9R8aw0D3sB1/GzTum3uZsfSnupCVgr8vwQgKXSLnR7I0nuJJFkN4PjY9WZbmMkyXGtx4YAjFY9aQI2knSS3B4CMFd1508HV3CE3QHfP17G2sdo7298UJfzChMtmy9jszTLbT4InpfgCx6Vme5hFd/8jW1cbQME93Hg39jDYmOKT5hGOmi7rNkk15KcJvmcZKv6E0k2k9xNsp1keZBx2vIi3tYkG+cBxJmV13HrN6Szg7ZCfX3NAAAAAElFTkSuQmCC") no-repeat center #20a53a;
     cursor: pointer;
     margin-right: 2px;
-    margin-top: 6px
+    margin-top: 10px
 }
 
 .title {
     height: 50px;
     line-height: 50px;
-    border-bottom: 1px solid #ddd
+    border-bottom: 1px solid #eee
 }
 
 .title h3 {
@@ -977,31 +1034,42 @@ html .menu .menu_exit:hover {
     line-height: 50px;
     margin-right: 12px
 }
-
 .tablescroll {
     overflow: auto;
-    border: #ddd 1px solid;
+    border: #e6e6e6 1px solid;
 }
-
 .divtable .table {
     border: 1px solid #ddd;
     color: #666;
     font-size: 12px;
-    margin-bottom: 0
+    margin-bottom: 0;
+}
+.divtable{
+    position: relative;
+}
+.table-fixed-box{
+    overflow-y:auto;
+}
+.ui-selectable{
+    padding-bottom: 0;
 }
 
 .divtable .table thead th {
-    background-color: #f5f6fa;
-    border-bottom: 1px solid #e1e6eb;
-    color: #999;
+    vertical-align: inherit;
+    background-color: #f6f6f6;
+    border-bottom: 1px solid #e6e6e6;
+    color: #666;
     font-weight: normal;
     padding: 8px
 }
-
-.table .btlink {
+.divtable .table_toolbar{
+    left: 8px;
+    bottom: 6px;
+    position: absolute;
+}
+.table .btlink{
     word-break: break-word;
 }
-
 .table .btlinkbed {
     color: #666;
     padding: 1px 5px;
@@ -1021,17 +1089,60 @@ html .menu .menu_exit:hover {
     height: 30px;
     margin-bottom: 10px;
     margin-top: 15px;
-    position: relative;
+    position:relative;
+}
+#filePage{
+    margin-bottom: 10px;
 }
-
 .page {
-    line-height: 16px;
+    /* line-height: 16px; */
     text-align: right;
-    margin-top: 5px;
-    margin-right: 1px;
-    height: 30px
+    padding: 8px 0;
+    /* margin-right: 1px; */
+    height: 44px;
+    /* border: 1px solid #e6e6e6;*/
+    border-top: none;
+    margin: 0;
+}
+.site_type{
+    height: 30px;
+    line-height: 30px;
+    bottom: 8px;
+    position: absolute;
 }
 
+.site_type span{
+    display: inline-block;
+    height: 30px;
+    line-height: 30px;
+    padding: 0 10px;
+    font-family: "Arial";
+    font-size: 13px;
+    color: #666;
+    float: left;
+    border: 1px solid #ececec;
+    border-right: none;
+    /* border: 1px solid #ececec; */
+}
+.site_type select{
+    border-radius: 0px;
+}
+.site_type_table{
+    padding: 15px;
+    min-height: 100px;
+}
+.edit_site_type{
+    padding:0 15px;
+}
+.edit_site_type .line .info-r{
+    margin-left:0px;
+}
+.edit_site_type input{
+    width: 80% !important;
+}
+.edit_site_type .btn{
+    margin-right: 0px;
+}
 .page div {
     float: right
 }
@@ -1040,17 +1151,14 @@ html .menu .menu_exit:hover {
 .page a {
     display: inline-block;
     height: 28px;
-    padding: 0 11px;
-    border-right: #ddd solid 1px;
-    border-top: #ddd solid 1px;
-    border-bottom: #ddd solid 1px;
-    border-left: #ddd solid 1px;
     line-height: 28px;
+    padding: 0 10px;
     font-family: "Arial";
     font-size: 13px;
-    color: #20a53a;
+    color: #666;
     float: left;
-    margin-left: -1px
+    border: 1px solid #ececec;
+    border-right: none;
 }
 
 .page a.prev {
@@ -1059,14 +1167,14 @@ html .menu .menu_exit:hover {
 
 .page a:hover {
     background: #e8e8e8;
-    color: #222;
+    color: #20a53a;
     text-shadow: 0 1px 0 #fff;
     cursor: pointer
 }
 
 .page spanold {
     font-size: 12px;
-    padding: 4px 10px !important;
+    padding: 4px 10px!important;
     border-style: solid;
     border-width: 1px;
     border-color: #ddd #ddd #ccc;
@@ -1079,19 +1187,37 @@ html .menu .menu_exit:hover {
 }
 
 .page .Pcurrent {
-    color: #999;
-    background: #f5f5f5;
-    cursor: default
+    color: #fff;
+    background: #20a53a;
+    cursor: default;
+    border-color: #20a53a;
 }
 
 .page .Pcount {
-    color: #777;
+    color: #333;
+    padding: 0 10px;
+    margin-right: 0px;
+    border-right: 1px solid #ececec;
 }
 
 .system-info-con {
     width: 100%
 }
-
+.sys-li-box{
+    height:100px;
+    background-color:#f9f9f9;
+    border:#f0f0f0 1px solid;
+    margin-left:20px;
+    max-width:230px;
+}
+.sys-li-box .name{
+    line-height:40px;
+    margin-top:8px;
+}
+.sys-li-box .val a{
+    font-size:26px;
+    font-family:arial;
+}
 .sys-i-c-box {
     box-sizing: border-box;
     max-width: 350px
@@ -1217,11 +1343,9 @@ html .menu .menu_exit:hover {
     from {
         -webkit-box-shadow: 0 0 10px #999
     }
-
     50% {
         -webkit-box-shadow: 0 0 15px #20a53a
     }
-
     to {
         -webkit-box-shadow: 0 0 10px #999
     }
@@ -1238,18 +1362,18 @@ html .menu .menu_exit:hover {
 }
 
 .mem-re-min {
-    background: url(../img/ico/rocket_min.png) no-repeat center center;
+    background: url(/static/img/ico/rocket_min.png) no-repeat center center;
     height: 35px;
-    left: 40px;
+    left: 35px;
     position: absolute;
-    top: 8px;
+    top: 2px;
     width: 20px;
     z-index: 9;
-    opacity: .9
+    opacity: .9;
 }
 
 .mem-re-con {
-    background: url(../img/ico/ico-rocket.gif) no-repeat center center;
+    background: url(/static/img/ico/ico-rocket.gif) no-repeat center center;
     width: 100%;
     height: 100%;
     position: absolute;
@@ -1298,7 +1422,7 @@ html .menu .menu_exit:hover {
 
 .soft-man .sname {
     text-align: center;
-    color: #555
+    color: #999
 }
 
 .soft-man .col-sm-3>div {
@@ -1311,7 +1435,7 @@ html .menu .menu_exit:hover {
 }
 
 .soft-man .spanmove {
-    background: url(../images/move.png) no-repeat;
+    background: url(/static/images/move.png) no-repeat;
     width: 30px;
     height: 30px;
     display: none;
@@ -1386,7 +1510,35 @@ html .menu .menu_exit:hover {
     -webkit-transition: all .15s ease;
     transition: all .15s ease
 }
-
+.bw-info{
+    height:80px;
+}
+.bw-info > div{
+    float:left;
+    padding-top:25px;
+    text-align:center;
+}
+.bw-info > div p{
+    margin-bottom:7px;
+}
+.bw-info > div a{
+    font-size:14px;
+    color: #666;
+}
+.bw-info .ico-up{
+    width:14px;
+    height:8px;
+    background-color:#f7b851;
+    display:inline-block;
+    margin-right:3px;
+}
+.bw-info .ico-down{
+    width:14px;
+    height:8px;
+    background-color:#52a9ff;
+    display:inline-block;
+    margin-right:3px;
+}
 .bw-info ul li {
     height: 56px;
     line-height: 56px
@@ -1422,8 +1574,8 @@ html .menu .menu_exit:hover {
 .line .tname {
     display: block;
     float: left;
-    height: 30px;
-    line-height: 30px;
+    height: 32px;
+    line-height: 32px;
     overflow: hidden;
     padding-right: 20px;
     text-align: right;
@@ -1751,7 +1903,7 @@ html .menu .menu_exit:hover {
 }
 
 .rec-install .rec-box {
-    width: 296px;
+    width: 305px;
     float: left
 }
 
@@ -1766,7 +1918,7 @@ html .menu .menu_exit:hover {
     padding: 10px
 }
 
-.rec-install .rec-box:hover .rec-box-con {
+.rec-install .rec-box:hover .rec-box-con,.rec-box-con-hover {
     background-color: #f9f9f9;
     border: #20a53a 1px solid
 }
@@ -1842,7 +1994,7 @@ html .menu .menu_exit:hover {
     background-color: #20a53a;
     border-radius: 3px;
     color: #fff;
-    margin: 5px auto;
+    margin: 20px auto 15px;
     cursor: pointer
 }
 
@@ -1891,8 +2043,9 @@ html .menu .menu_exit:hover {
 
 .soft-man-con .user_pw span,
 .soft-man-con .user_pw_tit span {
-    width: 50px;
-    display: inline-block
+    width: 75px;
+    display: inline-block;
+    text-align: left;
 }
 
 .soft-man-con .user_pw span {
@@ -2302,7 +2455,7 @@ html .menu .menu_exit:hover {
     border: #cacad9 1px solid;
     color: #444;
     display: inline-block;
-    margin: 0 -1px -1px 0;
+    margin: 0 3px -1px 0;
     cursor: pointer
 }
 
@@ -2369,7 +2522,7 @@ html .menu .menu_exit:hover {
 
 .DrawRecordL i,
 .DrawRecordR-T i {
-    background: url(../img/Detailsbg.png) no-repeat
+    background: url(/static/img/Detailsbg.png) no-repeat
 }
 
 .DrawRecordCon {
@@ -2379,7 +2532,7 @@ html .menu .menu_exit:hover {
 }
 
 .DrawRecord {
-    background: url(../img/DrawRecordord.png) repeat-y -204px center;
+    background: url(/static/img/DrawRecordord.png) repeat-y -204px center;
     margin: 0 auto;
     overflow: hidden;
     line-height: 22px
@@ -3602,12 +3755,13 @@ html .menu .menu_exit:hover {
 }
 
 #tipTools {
-    background: #fff url(../img/ico_line.png) repeat-x 0 55px;
+    background: #fff url(/static/img/ico_line.png) repeat-x 0 55px;
     height: 110px;
     border-bottom: #ccc 1px solid;
     position: absolute;
     top: 0;
-    left: 0
+    left: 0;
+    z-index: 999;
 }
 
 .re-head {
@@ -3648,24 +3802,21 @@ html .menu .menu_exit:hover {
 }
 
 @media only screen and (max-width:768px) {
-    .sys-i-c-box:nth-of-type(3) {
+    .sys-i-c-box:nth-of-type(3){
         margin-top: 20px;
     }
 }
-
 @media only screen and (max-width:990px) {
     .pr8 {
         padding-right: 0
     }
-
     .pl7 {
         padding-left: 0;
         margin-top: 15px
     }
 }
-
 @media only screen and (max-width:1200px) {
-    .btvipbox {
+    .btvipbox{
         margin-top: 20px;
     }
 }
@@ -3742,87 +3893,72 @@ html .menu .menu_exit:hover {
     padding: 0 10px;
     position: static
 }
-
-.conf_p {
+.conf_p{
     overflow: hidden;
 }
-
-.conf_p p {
+.conf_p p{
     margin-bottom: 1px;
 }
-
-.conf_p span {
+.conf_p span{
     display: inline-block;
     margin-right: 10px;
     width: 140px;
     text-align: right;
 }
-
-.btvipbox {
+.btvipbox{
     border: #ddd 1px solid;
 }
-
-.btvip {
+.btvip{
     border-right: #ddd 1px solid;
     float: left;
     width: 40%;
     height: 108px;
     text-align: center;
 }
-
-.btvip-r {
+.btvip-r{
     width: 60%;
     float: right;
     overflow: hidden;
 }
-
-.btvip .t2 {
+.btvip .t2{
     font-size: 16px;
     padding: 10px 0 5px;
     float: left;
     width: 100%;
 }
-
-.btvip p {
+.btvip p{
     float: left;
     width: 100%;
     margin-bottom: 8px;
     font-size: 14px;
 }
-
-.btvip p .price {
+.btvip p .price{
     margin-right: 3px;
 }
-
-.btvipinfo {
+.btvipinfo{
     width: 200px;
     float: left;
-    padding: 5px 10px;
+    padding:5px 10px;
     line-height: 32px;
 }
-
 /*付费插件*/
-.libLogin {
+.libLogin{
     width: 340px;
     margin: 0 auto 20px;
 }
-
 .libLogin .bt-input-text {
     width: 300px;
     height: 34px;
     line-height: 34px;
 }
-
-.libLogin .line {
+.libLogin .line{
     margin-bottom: 10px;
 }
-
-.libLogin .login-button,
-.shuoming .login-button {
+.libLogin .login-button,.shuoming .login-button{
     width: 300px;
     height: 36px;
     background: #20a53a;
-    background: linear-gradient(#20a53a, #189d32);
+    background: linear-gradient(#20a53a,#189d32);
     box-shadow: inset 0 1px 2px #30ad42;
     color: #fff;
     text-shadow: #00851a 0 -1px 0;
@@ -3833,38 +3969,27 @@ html .menu .menu_exit:hover {
     border-radius: 3px;
     cursor: pointer;
 }
-
-.libLogin .login-button:hover,
-.shuoming .login-button:hover {
-    background: #10952a;
-    background: linear-gradient(#10952a, #088d22);
-    border: 1px solid #10952a
-}
-
-.shuoming {
+.libLogin .login-button:hover,.shuoming .login-button:hover{background:#10952a;background:linear-gradient(#10952a,#088d22);border:1px solid #10952a}
+.shuoming{
     line-height: 24px;
 }
-
-.shuoming .login-button {
+.shuoming .login-button{
     width: 100px;
     height: 30px;
     font-size: 14px;
     margin: 15px;
 }
-
-.sm-content {
+.sm-content{
     border: #ccc 1px solid;
     padding: 10px;
     height: 200px;
     background-color: #f9f9f9;
     overflow: auto;
 }
-
-.libPay .btn-group .btn {
+.libPay .btn-group .btn{
     width: 80px;
 }
-
-.libPay .btn-group .btn em {
+.libPay .btn-group .btn em{
     position: absolute;
     right: -2px;
     top: -9px;
@@ -3878,40 +4003,34 @@ html .menu .menu_exit:hover {
     transform: scale(.9, .8);
     font-style: normal;
 }
-
-.libPay .price {
+.libPay .price{
     font-size: 28px;
     color: #FF6600;
     margin-right: 3px;
     line-height: 30px;
 }
-
-.libPay .sprice {
+.libPay .sprice{
     font-size: 14px;
     display: inline-block;
     line-height: 30px;
     margin-right: 3px;
 }
-
-.wxPay {
+.wxPay{
     width: 160px;
     margin: 10px auto 20px;
 }
-
-.wxPay .ewm canvas {
+.wxPay .ewm canvas{
     border: #ccc 1px solid;
     padding: 6px;
     width: 160px;
 }
-
-.wx-pic {
+.wx-pic{
     width: 160px;
     height: 36px;
-    background: url(../images/weixin.png) no-repeat top center;
+    background: url(/static/images/weixin.png) no-repeat top center;
     margin-bottom: 10px;
 }
-
-.wx-pay-info {
+.wx-pay-info{
     width: 160px;
     height: 30px;
     background-color: #00C800;
@@ -3921,138 +4040,126 @@ html .menu .menu_exit:hover {
     text-align: center;
     margin-top: 10px;
 }
-
-.color-red {
-    color: red;
+.color-red{
+    color:red;
 }
-
-.color-green {
-    color: green;
+.color-green{
+    color:green;
+}
+.btpro{
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAUCAMAAAAEAbViAAAAA3NCSVQICAjb4U/gAAABXFBMVEX///+7jAC7jAC7jAC7jAC7jAC7jAC7jAC7jAC7jAC7jAC7jAC7jAC7jAC7jAD////+/fv+/fr8+vX8+vP69uv38eD28N3179v07NXz69Lz6tHz6c/x6Mzv48Pu48Hr3rX74jnq27D54Djp2av43zfo16fo2Kj33TX33Tbm1aLl1Z/12Tbl057z1zLk0Znj0Jfx1DDizpPu0DPv0S7fyIbqzCroyC/cxH3oySjawXXZv3DkwyTYvWzivyzXu2jWumXevCDUtVzctinathzSslXSs1bRsVHRsVLWsBjVrSbNqkPTrBXLqD3PpCLJozTOphHIozLIojDIoS/HoCzKoQ7GninGnyrFnifJnB/FnCTFnSbEmiDEmyLFmQnCmBvBlxjBlhbBlRXAlRPCkhy/kxDAkwW+kQq9kAi9jwa9jwK9jQC8jgS8jQO8ihm7jAC2gRWweBKpbw+jZgydXgnhk9RtAAAAdHRSTlMAESIzRFVmd4iZqrvM3e7//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wol0KMAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDUvMzEvMTikOWwBAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAg5JREFUOI2dlGlz0zAQhhUHJ45jST2gXKUVR4BijmKKCwX1CKcKLoVQcCmFYgcSjqiy8/9nWCtOJvlEwusZe3Q80rurlRFCyLDsSi7bMtAkKlSlU602W61o+3VDvrnOxlTGliUxkdFcfRjN0aWm3ByXBdgglaqN7N2pmb2t6edba0e3xmctBxWxjecoPfPh2afTtPGkN+J6/2SLxC6ajrQvLC4uPJXvLs6/aC7rkZD35/Awb8RMMc5FGAc9FktMiJS42W5HX+SP6Nv+n13GlFJdlWmEVfCkYcD9fF9MTNO0iHX15o3aRnTncq0W7WcDQvQmeEHO1rlm1ZBnw6lAvrBJQY+3s9fOPSbCMA21BEvdHnvssa7qCm3Hz3N1gpQRsu1ZSk8drFC60nrAmM/DmGv5LAg06yVM75mF0fFyFpWkiUrEoHTx6wKt/d7U/R2hUZjkppoFBxCrYCrkfd9ZcVSkUcAlOrW+Q8+3X13S/SIzHHeFXiZjlctYwiFevwNrDdgCdsD09OzbtZmPh9d6/QFQbiJGzsgFksM5Zcv0WVSUlumcPHdwdv3Xcp5DF5KVowMWvioW7nHKh1gIuYznlxq35aOhshFJCBvEaqC4ztKkntQ9FQ+xEDK5u3r08+Vo0dVHm3Ayvu9nhr1htuDIvc/y/RU2ifqX2MBSHo59g0ZZZJLv9/8ThXyZE/1tQH8B/ly2lqVFKXEAAAAASUVORK5CYII=");
+    background-repeat:no-repeat;
+    padding:2px 0 2px 64px;
+    margin-right:5px;
+}
+.btpro-gray{
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAUCAMAAAAEAbViAAAAA3NCSVQICAjb4U/gAAAA51BMVEX////6+vr4+Pj29vbx8fHu7u7r6+vp6eno6Ojl5eXk5OTj4+Pi4uLf39/e3t7d3d3b29vU1NTT09PNzc3Ly8vIyMjFxcXDw8PAwMC+vr67u7u6urq5ubm4uLi3t7e2tra0tLSzs7OysrKxsbGvr6+srKyrq6upqamoqKikpKSjo6OgoKCfn5+enp6dnZ2cnJybm5uampqZmZmYmJiXl5eWlpaVlZWTk5OSkpKQkJCPj4+NjY2MjIyLi4uKioqIiIiHh4eGhoaFhYWDg4OCgoKBgYGAgIB/f39+fn59fX14eHh0dHT///9HdDDXAAAATXRSTlP/////////////////////////////////////////////////////////////////////////////////////////////////////ANNqEYAAAAAJcEhZcwAADpwAAA6cAQeUU90AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAFnRFWHRDcmVhdGlvbiBUaW1lADA1LzMxLzE4pDlsAQAAAeZJREFUOI2VlH1XmzAUxjNbZutxL2hnXeiGA1kiNdspbJlEC9FmLtD7/T/PkkC78tfw4Rw4IfeXPDf3AgIALyBRJxJ4MFgIYLTU+XJZbTYluVnp4jMeKMvOtfTBq84/lAAnlV4OZTECT0ZLAoQB5AuIFhcPX4azQQ5TQYQxgLKrnwhWq3YmjP/LTiWZ+rkmr8bjoyv93UNR1UKc7mIo7wYFVphSxousZYUWUmotKqVKoZ/Kkj8zjJVSW2XVY5W5Gp7RpNtXSN/3Axkcn55OPpZvX08mJbcTjLUBcdaxKXWsOvDs5ZGpsPBtwebE3m6vMeO84U4MN2HLPsZ4q7bM2Um6s3on5wDEUnB3BnC2IRgnlBfUKcFZ5ti4xm5Pm8Y67liYaR9m0vTT+P4IJr/b+q6ZQ01Q2DjWODC5Mqw43fk2LETaG4kZwOUtQoov3HtmDRdb5paxrAoxrqnJN1lT/o8didyZ/naBflRdS2aGCmvWq1FoSGrqZJfZsTDVgZ8DukOXf3YNEZrD6tA9a56qYOFjQw9Yk/JcoJPVG31z0Das5maDQu1VpLip0zqNVXHAmpTl+/OH57zfdGl/aCqTJIk1HB+yo1znv/T9J/wSdazpDq2rwV9QnwVfbr6+DIU9CzN/+N+m1V+TNr+ixpmAWwAAAABJRU5ErkJggg==");
+    background-repeat:no-repeat;
+    padding:2px 0 2px 64px;
+    margin-right:5px;
 }
 
 /*插件付费*/
-.wx-pay-ico {
+.wx-pay-ico{
     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAA3NCSVQICAjb4U/gAAAAtFBMVEUAzABM2Ezx/PHB8sEazhqf6p+B5IE61TrU9tRm3mYq0Sqz77P///8Lygvj+ePI88iP549U2lR54nlF10Wm7KY31Dcj0CPS9dL1/fW58Lnr++sx0zHY99jD8sMSzBJc3FxA1kCU6JQfzx+t7a1s32zm+uaj66O377cPyw+q7ar////c99zH88fL9Mu177VG10Yk0CSR55Eczxw81TzX9tdp32k41Ti78Lsy0zLF88UhzyHB88EyB+unAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAFnRFWHRDcmVhdGlvbiBUaW1lADA1LzI5LzE4XO1tXgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACTSURBVAiZRU8JDsIwDHNXGMcCjHNjMBhnQTAVcQjE/x9G0qHOUtLYal0HJEiiXaQzN4JrU/TAmL2WTgjG8GiyEHxqvj2yEHra0pdYEW7AgwtqTnkBXMF+w35n3aanlWtnEZATpfvq3QRd7jaNV3+jAWI5Gt6Yc0zrb3EqJZjy/Ktd9DdwF7oYZdUuoU0OxpjS7UY/XkQJtfApswsAAAAASUVORK5CYII=") no-repeat;
     display: inline-block;
     width: 16px;
     height: 14px;
 }
-
-.libPay-item {
+.libPay-item{
     margin-bottom: 30px;
 }
-
-.libPay-item .li-tit {
+.libPay-item .li-tit{
     margin-bottom: 10px;
 }
-
-.libPay-item .li-c-item li {
+.libPay-item .li-c-item li{
     font-size: 0;
-    margin-bottom: 20px;
+    margin-bottom:20px;
     border: #ddd 1px solid;
     border-radius: 4px;
     height: 42px;
     line-height: 40px;
-    padding: 1px 20px;
+    padding: 0 20px;
     cursor: pointer;
     box-sizing: border-box;
-    transition: border-color .1s ease-in, color .1s ease-in;
+    transition: border-color .1s ease-in,color .1s ease-in;
 }
-
-.libPay-item .li-c-item li:hover {
+.libPay-item .li-c-item li:hover{
     border: #20a53a 1px solid;
     color: #20A53A;
 }
-
-.libPay-item .li-c-item li.active,
-.libPay-item .li-c-item li.active:hover {
+.libPay-item .li-c-item li.active,.libPay-item .li-c-item li.active:hover{
     border: #20a53a 2px solid;
     color: #20A53A;
     padding: 0 19px;
+    line-height: 38px;
 }
-
-.libPay-item .li-c-item li .item-name {
+.libPay-item .li-c-item li .item-name{
     font-size: 14px;
     vertical-align: middle;
 }
-
-.libPay-item .li-c-item li .item-info {
+.libPay-item .li-c-item li .item-info{
     font-size: 14px;
     vertical-align: middle;
 }
-
-.pay-btn-group {
+.pay-btn-group{
     position: relative;
     display: inline-block;
     vertical-align: middle;
 }
-
 .pay-btn-group>.pay-cycle-btn {
     position: relative;
     float: left;
 }
-
 .pay-cycle-btn {
     font-size: 0;
     width: 106px;
     height: 40px;
     line-height: 38px;
     display: block;
-    margin-bottom: 0;
+    margin-bottom: -1px;
     text-align: center;
     vertical-align: middle;
     border: 1px solid #ddd;
     box-sizing: border-box;
     margin-left: -1px;
-    margin-bottom: -1px;
-    transition: border-color .1s ease-in, color .1s ease-in;
+    transition: border-color .1s ease-in,color .1s ease-in;
 }
-
-.pay-cycle-btn span {
+.pay-cycle-btn span{
     font-size: 14px;
     line-height: 25px;
     vertical-align: middle;
 }
-
 .pay-btn-group>.pay-cycle-btn:first-child {
     margin-left: 0;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
 }
-
-.pay-btn-group>.pay-cycle-btn:nth-of-type(5n+1) {
+.pay-btn-group>.pay-cycle-btn:nth-of-type(5n+1){
     margin-left: 0;
 }
-
 .pay-btn-group>.pay-cycle-btn:last-child {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
 }
-
-.pay-btn-group .active,
-.li-c-item .active {
+.pay-btn-group .active,.li-c-item .active{
     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAA3NCSVQICAjb4U/gAAAAclBMVEX///8fpTofpTogpTogpTogpTrw+fLt+O/i8+be8uLb8d/T7djP7NXR7NbE58u548G34sCr3bWU1KGT05+FzpN+y413yIZ0x4RxxoJwxYFnwnliv3RWu2pUumhMt2FGtVxDs1k6sFE4r1Avq0cjpjwgpTpRW86VAAAAJnRSTlMAEXd3iO7//////////////////////////////////////////0c8mUAAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDUvMjkvMThc7W1eAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAHhJREFUGJVtzskSgkAMBFB2AUcR2QTcEPr/fxFmmFiW0znk8CrVac9jE1CNYqoAV8JaXTbq8K7/bBVcwRVcwRVcwbRTIDqcWrjaJ3cJ0VrdjDaHh2Sb2/F43XadPuWlTfjkJersLU2+ufNFnSdb0P/5thQv6R2CzQo9Oh+AlBF9bAAAAABJRU5ErkJggg==") no-repeat right bottom;
 }
-
-.pay-btn-group .pay-cycle-btn:hover {
+.pay-btn-group .pay-cycle-btn:hover{
     border: 1px solid #20a53a;
     color: #20a53a;
     z-index: 2;
     cursor: pointer;
 }
-
-.pay-btn-group .active,
-.pay-btn-group .active:hover {
+.pay-btn-group .active,.pay-btn-group .active:hover{
     border: 2px solid #20a53a;
     color: #20a53a;
     z-index: 2;
     cursor: pointer;
 }
-
-.pay-btn-group .active span {
+.pay-btn-group .active span{
     line-height: 22px;
 }
-
 .pay-cycle-btn em {
     position: absolute;
     right: -2px;
@@ -4067,152 +4174,473 @@ html .menu .menu_exit:hover {
     transform: scale(.9, .8);
     font-style: normal;
 }
-
-.pay-btn-group .active em {
+.pay-btn-group .active em{
     right: -3px;
     top: -10px;
 }
-
-.paymethod {
+.paymethod{
     margin: 0 auto;
     width: 160px;
 }
-
-.lib-price-box {
+.paymethod .pay-wx{
+    height:175px;
+}
+.paymethod .pay-wx canvas {
+    width: 160px;
+    height: 160px;
+    border: #ddd 1px solid;
+    margin: 6px auto;
+    padding: 5px;
+    border-bottom-color: #00c800;
+}
+.lib-price-box{
     padding-bottom: 5px;
 }
-
-.price-txt {
-    color: #FF7301
+.price-txt{
+    color:#FF7301
 }
-
-.sale-price {
+.sale-price{
     font-size: 20px;
     margin-right: 5px;
 }
-
-.lib-price-name,
-.price-txt {
-    margin-right: 8px;
+.lib-price-name,.price-txt{
+    margin-right: 15px;
 }
-
-.paymethod .pay-wx {
-    height: 175px;
+/*input样式*/
+.bt-label{
+    margin:20px 20px 0 0;
+    display:inline-block;
+    font-weight:normal
+}
+.bt-radio,.bt-checked{
+    display:none
+}
+.bt-radioinput{
+    background-color:#fff;
+    border:1px solid #ccc;
+    border-radius:100%;
+    display:inline-block;
+    height:16px;
+    margin-right:10px;
+    margin-top:-1px;
+    vertical-align:middle;
+    width:16px;
+    line-height:1
+}
+.bt-radio:checked + .bt-radioinput,.bt-checked:checked + .bt-radioinput{
+    border:1px solid #20a53a;
+    background-color: #20A53A;
 }
-
-.paymethod .pay-wx canvas {
+.bt-radio:checked + .bt-radioinput:after{
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKBAMAAAB293L0AAAAA3NCSVQICAjb4U/gAAAAKlBMVEX///////////////////////////////////////////////////////9q+00tAAAADnRSTlMAETNEVWZ3iJmqu93u/wlUiAQAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDYvMDIvMTjAxKOiAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAADpJREFUCJljYACDTAjFcgRC+xpAuFcYGCqAtK0DA4P2BAbmq0A2404G3QSQpPTi62BFjGsTIJpEQQQATscJDpRQCfQAAAAASUVORK5CYII=");
+    background-repeat: no-repeat;   
+    border-radius:100%;
+    content:"";
+    display:inline-block;
+    height:12px;
+    width:12px;
+    margin: 1px;
+}
+.bt-checkbox.bt-radioinput,.bt-radio:checked + .bt-checkbox.bt-radioinput:after{
+    border-radius:0
+}
+.loading{
+    background-image: url("data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=");
+    background-repeat:no-repeat;
+    background-position:62px 41px;
+    border: #ddd 1px solid;
     width: 160px;
     height: 160px;
-    border: #ddd 1px solid;
+    padding:5px;
+    background-color: #787878;
+    color: #fff;
+    display: inline-block;
     margin: 6px auto;
-    padding: 5px;
-    border-bottom-color: #00c800;
+    line-height: 200px;
+    font-size: 14px;
+    text-align:center;
 }
-
-/*重置插件付费周期按钮*/
-#PayCycle .btn-group .btn {
-    width: 106px;
-    background-color: #fff;
-    height: 38px;
-    padding: 1px;
+.cloading{
+    background-image: url("data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=");
+    background-repeat: no-repeat;
+    background-position: center 45px;
+    height: 150px;
+    width: 100%;
+    line-height: 210px;
+    text-align: center;
     font-size: 14px;
 }
+/*6.0终端样式*/
+.term-box{
+    padding:0 10px 10px;
+    background-color:#333333;
+}
+.shell-text-input .bt-input-text-shell{
+    width:100%;
+    padding:10px 10px 0;
+    border:0 none;
+    height:60px;
+    overflow:auto;
+    resize:none;
+}
+.shell-text-input .bt-input-text-shell:focus,.shell-text-input .bt-input-text-shell:active{
+    border:0 none;
+    outline:none;
+}
+.shell-btn-group{
+    height:30px;
+    position:absolute;
+    bottom:10px;
+    right:10px;
+}
+.shell_btn_close{
+    margin-right:8px;
+}
+/*重启*/
+.rebt-con {
+    height: 106px;
+    padding: 15px;
+    width: 330px;
+}
+.rebt-li {
+    float: left;
+    line-height: 40px;
+    margin: 15px;
+    text-align: center;
+    width: 120px;
+}
+.rebt-li a {
+    display: block;
+    background: #eee;
+    border: #ddd 1px solid;
+}
+.rebt-li a:hover{
+    background-color:#20a53a;
+    color:#fff;
+}
+/*绑定宝塔微信*/
+.bind-weixin{
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASBAMAAACtCzMeAAAAA3NCSVQICAjb4U/gAAAAKlBMVEX19fXr6+vg4ODW1tbMzMzCwsK4uLitra2jo6OZmZmPj4+FhYV6enr////oR1GpAAAADnRSTlP/////////////////AEXA3MgAAAAJcEhZcwAADpwAAA6cAQeUU90AAAAWdEVYdENyZWF0aW9uIFRpbWUAMDgvMTYvMTgi+WYYAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAK9JREFUCJljuHuXyS1I4C4IMNy9MiNYpF0XzL5Qznv37uUpYPbVWBDF4Qtii9+N8b2y5WIRiB1810L3UuHdEBC7FqTkYlhnqyyUbcJ798rSuwxBQOYVkE5OX6Deu3dVedMulF1oYLgCNDPpbujd1LtJDEDqbhDYCc4Md9WUBIrB7ESGu15pLiUg5oUAhrvKd+9etQWy2WUZwEJAPUCbwey7zCHu04ug7LsMDExL7gIAh3d+c1Jd4JYAAAAASUVORK5CYII=");
+    background-repeat: no-repeat;
+    padding-left:26px;
+    margin-right:30px;
+}
+.bind-user{
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX19fXr6+vg4ODW1tbMzMzCwsK4uLitra2jo6OZmZmPj4+FhYV6enpwcHBmZmb///+wFcT2AAAAEHRSTlP///////////////////8A4CNdGQAAAAlwSFlzAAAOnAAADpwBB5RT3QAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOC8xNi8xOCL5ZhgAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQImWP4//+/2KxiIMnw//+X2+1rCsCsuP7/n26CWB+PA6X04oGsbweBrJ/rgawf64GsbxtQWBDZ+TAdNv5gUxL+s74EmfJpz6mOtWdAYnYTNFZP/vb0P8OHU///f/j/P0+f4duF/yDwaz4Ddz2Y9ekQg448mPV/G4M3hPG/g8ESygoHALeIhpF8DGw6AAAAAElFTkSuQmCC");
+    background-repeat: no-repeat;
+    padding-left:24px;
+    margin-right:20px;
+}
+/*系统图标*/
+.ico-linux{
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATBAMAAACEi/vCAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmambAcKAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOC8xNi8xOCL5ZhgAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAmUlEQVQImWNgYGCQ/GvAAAHz/1+CMBjPvvoOYTFVLXkNZZ2u+isAZjE/4vyvAGaxlgbnJ4BZHAoM3A/BLA8GBpafYNYiIL4PMpt1A5DYPwFIcDWArDkAJPgWAInzF4BE9jMGBvb/QM2SBfEGDFy7UhkY3Bk4CxisGdgCGMwYGI97vGKwSmAQC1G8e+aN2WagDuP0IEGbawIMAPDJKG706GgtAAAAAElFTkSuQmCC");
+    background-repeat:no-repeat;
+    padding-left: 20px;
+}
+.ico-windows{
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAA3NCSVQICAjb4U/gAAAALVBMVEX///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZny8jBSAAAAD3RSTlMAESIzRFVmd4iZqrvM7v/Y8bBbAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAFnRFWHRDcmVhdGlvbiBUaW1lADA4LzE2LzE4IvlmGAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABGSURBVAiZY2AAAkbTqrMMDEJuHvfevXvHcPbdu+53IMY7Ihi7d+9O7QACBiB2BTOAol0wNbgY59696wQzGFQqw8GWwpwBAGURWs03JAEWAAAAAElFTkSuQmCC");
+    background-repeat:no-repeat;
+    background-position: 0 2px;
+    padding-left: 20px;
+}
+.ico-centos{
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAA3NCSVQICAjb4U/gAAAASFBMVEX///9mZmZmZmZiYmJaWlpYWFhmZmZiYmJgYGBmZmZgYGBmZmZiYmJmZmZiYmJmZmZiYmJmZmZmZmZmZmZmZmZmZmZmZmZmZmbwNFvuAAAAGHRSTlMAESIiIiIzMzNERFVVZmZ3d4iZqrvM3f93YyfbAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAFnRFWHRDcmVhdGlvbiBUaW1lADA4LzE3LzE4mkUBfQAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAB6SURBVAiZVY5ZEsIwDEMdUpYQghIv9f1vWpNCp/hH1oz1LKI5if5G5ezuzLff7ibO7KK+H2LaBp1WDMLcYDNf3A31CXMvRCy995rSK0SExhjAkh/XEK5E2YOCN5r75RNGUJgtZJLXoMQjw/ot2LR3baJHSbN8Ll3LrhtQxAfrvVHLpQAAAABJRU5ErkJggg==");
+    background-repeat:no-repeat;
+    padding-left: 20px;
+}
+.ico-ubuntu{
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAA3NCSVQICAjb4U/gAAAAOVBMVEX///9mZmZhYWFmZmZiYmJmZmZiYmJmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZVQ1Z+AAAAE3RSTlMAEREiIjMzRFVmd4iZqrvM3e7/67N/KAAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOC8xNy8xOJpFAX0AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAbElEQVQImU2OWQ6AMAhEcW3Z2jL3P6xWjHE+CMPwCESfDOXtFmutAp6OtwC0jUwZVlWHaaaBniyYVq6B/Rn3G3aEjDxRuPwtN6NFzkB97IAlE3ddHTimPUKkd3TlhLb5huvLzAWWE2j0k0elCynoBUe/zXGJAAAAAElFTkSuQmCC");
+    background-repeat:no-repeat;
+    padding-left: 20px;
+}
+.ico-debian{
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAMAAAARSr4IAAAAA3NCSVQICAjb4U/gAAAAPFBMVEX///9paWlmZmZgYGBdXV1mZmZgYGBmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmYdQ+x6AAAAFHRSTlMAERERESIiM0RVZneImaq7zN3u/ynguF0AAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDgvMTcvMTiaRQF9AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAHJJREFUCJlVjlESwjAIRLFFIRhCaO5/VyHijN2vt+zCABBq87IhT/hK1+zdfOl2Y71r2rPp1UKfAOdFgaTtAWIRWgacMUUquSi7TR6U2LflFuW0nOVjYB7JQBqwHklOe49f9dOAf+HvjRIZ3L3ePTIWfQAgiAODqr7Z+QAAAABJRU5ErkJggg==");
+    background-repeat:no-repeat;
+    padding-left: 20px;
+}
+.ico-fedora{
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAA3NCSVQICAjb4U/gAAAAPFBMVEX///9VVVVLS0tmZmZaWlpmZmZiYmJmZmZiYmJmZmZiYmJiYmJmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmYd2jWRAAAAFHRSTlMAEREiIjMzRERVVWaImaq7zN3u/2KENScAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDgvMTcvMTiaRQF9AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAGJJREFUCJlFj1kSwCAIQ9N9Lxjuf9faUKf5IPNQiAJAZ4yg9ZCWkMj5pxWwGCqK5skLg8AphMv2dIJC0106nNmu5VLA1bBmfqclF7fZO9HTYqzO4tMuOt5XGLA1enMzQ194ADH/CrSqGfFbAAAAAElFTkSuQmCC");
+    background-repeat:no-repeat;
+    padding-left: 20px;
+}
+.index-pos-box{
+    height: 52px;
+    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
+}
+.index-pos-box .position{
+    line-height: 52px;
+}
+.change-id{
+    margin-left: 8px;
+    color: #20a53a;
+}
+.bind-user .glyphicon{
+    color: #20a53a;
+    font-size: 12px;
+    margin-right: 3px;
+}
+/*微信二维码*/
+ .boxConter {
+    height: 458px;
+    position: relative;
+    overflow: auto;
+}
+
+.iconCode {
+    padding: 50px 60px;
+}
+
+.box-conter {
+    width: 100%;
+}
+
+#QRcode {
+    margin-bottom: 25px;
+    text-align: center;
+}
+
+.iconCode #QRcode,
+.iconCode .codeTip {
+    width: 100%;
+    text-align: center;
+    font-size: 17px;
+}
+
+.iconCode .weChatSamll img {
+    width: 100%;
+}
 
-#PayCycle .btn-group .btn:active {
-    box-shadow: 0 0 0 #fff;
+.iconCode .weChatSamll {
+    display: none;
+    width: 200px;
+    height: 200px;
+    position: absolute;
+    border: 1px solid #ececec;
+    border-radius: 5px;
+    bottom: 150px;
+    right: 50px;
+    padding: 20px;
     background-color: #fff;
 }
 
-#PayCycle .btn-group .btn-success {
-    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAA3NCSVQICAjb4U/gAAAAclBMVEX///8fpTofpTogpTogpTogpTrw+fLt+O/i8+be8uLb8d/T7djP7NXR7NbE58u548G34sCr3bWU1KGT05+FzpN+y413yIZ0x4RxxoJwxYFnwnliv3RWu2pUumhMt2FGtVxDs1k6sFE4r1Avq0cjpjwgpTpRW86VAAAAJnRSTlMAEXd3iO7//////////////////////////////////////////0c8mUAAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDUvMjkvMThc7W1eAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAHhJREFUGJVtzskSgkAMBFB2AUcR2QTcEPr/fxFmmFiW0znk8CrVac9jE1CNYqoAV8JaXTbq8K7/bBVcwRVcwRVcwbRTIDqcWrjaJ3cJ0VrdjDaHh2Sb2/F43XadPuWlTfjkJersLU2+ufNFnSdb0P/5thQv6R2CzQo9Oh+AlBF9bAAAAABJRU5ErkJggg==") no-repeat right bottom;
-    color: #20a53a;
-    border-color: #20a53a;
-    border-width: 2px;
-    z-index: 1;
-    padding: 0px;
+.iconCode .weChatSamll:after {
+    content: '';
+    width: 15px;
+    height: 15px;
+    background: #ffffff;
+    border-bottom: 1px solid #ececec;
+    border-right: 1px solid #ececec;
+    transform: rotate(45deg);
+    position: absolute;
+    border-radius: 4px;
+    left: 90px;
+    bottom: -8px;
 }
 
-#PayCycle .btn-group .btn:hover {
-    border-color: #20a53a;
-    color: #20a53a;
+.iconCode .weChat {
+    margin-left: 15px;
 }
 
-#PayCycle .btn-group .btn-success em {
-    right: -3px;
-    top: -10px;
+.iconCode .weChat:hover .weChatSamll {
+    display: block;
 }
 
-/*input样式*/
-.bt-label {
-    margin: 20px 20px 0 0;
-    display: inline-block;
-    font-weight: normal
+.iconCode .QRcode {
+    margin-bottom: 15px;
+    text-align: center;
 }
 
-.bt-radio,
-.bt-checked {
-    display: none
+.codeTip ul li {
+    margin-bottom: 10px;
 }
 
-.bt-radioinput {
-    background-color: #fff;
-    border: 1px solid #ccc;
-    border-radius: 100%;
-    display: inline-block;
-    height: 16px;
-    margin-right: 10px;
-    margin-top: -1px;
-    vertical-align: middle;
-    width: 16px;
-    line-height: 1
+.personalDetails .head_img {
+    width: 50px;
+    height: 50px;
+    float: left;
+    margin-right: 30px;
 }
 
-.bt-radio:checked+.bt-radioinput,
-.bt-checked:checked+.bt-radioinput {
-    border: 1px solid #20a53a;
-    background-color: #20A53A;
+.personalDetails .head_img img {
+    height: 100%;
+    border-radius: 50%;
 }
 
-.bt-radio:checked+.bt-radioinput:after {
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKBAMAAAB293L0AAAAA3NCSVQICAjb4U/gAAAAKlBMVEX///////////////////////////////////////////////////////9q+00tAAAADnRSTlMAETNEVWZ3iJmqu93u/wlUiAQAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDYvMDIvMTjAxKOiAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAADpJREFUCJljYACDTAjFcgRC+xpAuFcYGCqAtK0DA4P2BAbmq0A2404G3QSQpPTi62BFjGsTIJpEQQQATscJDpRQCfQAAAAASUVORK5CYII=");
-    background-repeat: no-repeat;
-    border-radius: 100%;
-    content: "";
-    display: inline-block;
-    height: 12px;
-    width: 12px;
-    margin: 1px;
+.personalDetails .nick_name {
+    height: 50px;
+    line-height: 50px;
+    width: 148px;
+    float: left;
+    font-size: 15px;
+    color: #808080;
 }
 
-.bt-checkbox.bt-radioinput,
-.bt-radio:checked+.bt-checkbox.bt-radioinput:after {
-    border-radius: 0
+.personalDetails .userList {
+    height: 100%;
 }
 
-.loading {
-    background-image: url("data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=");
-    background-repeat: no-repeat;
-    background-position: 62px 41px;
-    border: #ddd 1px solid;
-    width: 160px;
-    height: 160px;
-    padding: 5px;
-    background-color: #787878;
-    color: #fff;
-    display: inline-block;
-    margin: 6px auto;
-    line-height: 200px;
-    font-size: 14px;
+.personalDetails .userList .addweChat {
+    height: 50px;
     text-align: center;
+    padding-top: 20px;
+    color: #20a53a;
+    font-size: 16px;
 }
 
-.cloading {
-    background-image: url("data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=");
-    background-repeat: no-repeat;
-    background-position: center 45px;
-    height: 150px;
-    width: 100%;
-    line-height: 210px;
+.personalDetails .userList .addweChat:hover {
+}
+
+.personalDetails .userList .item {
+    height: 70px;
+    padding: 10px 15px;
+    border: 1px solid #ececec;
+    margin: 15px 65px;
+    border-radius: 5px;
+}
+
+.personalDetails .userList .cancelBind {
+    height: 50px;
+    width: 60px;
+    float: right;
+    line-height: 50px;
     text-align: center;
+}
+
+.libLogin .line{
+    position:relative;
+}
+.libLogin .tips {
+    position: absolute;
+    top: 13px;
+    right: 28px;
+    background: #ff4949;
+    color: #fff;
+    padding: 4px 6px;
+    border-radius: 5px;
+}
+.change-id{
+    cursor:pointer;
+}
+.red{
+    color: red;
+}
+
+select[disabled]{
+    border:1px solid #DDD;
+    background-color:#F5F5F5;
+    color:#ACA899;
+}
+
+.cicle {
+    position: relative;
+    width: 88px;
+    height: 88px;
+    margin: 0 auto;
+    border-width: 6px;
+    border-color: #ccc;
+    border-style: solid;
+    border-radius: 50%;
+}
+
+.cicle *,
+.cicle{
+    box-sizing:content-box;
+    -webkit-box-sizing:content-box;
+    -moz-box-sizing: content-box;
+}
+
+.cicle .bar {
+    position: absolute;
+    width: 50px;
+    height: 100px;
+    overflow: hidden;
+}
+
+.cicle .bar-left {
+    top: -6px;
+    left: -6px;
+}
+
+.cicle .bar-an {
+    position: absolute;
+    width: 88px;
+    height: 88px;
+    border-width:6px;
+    border-style: solid;
+    border-radius: 50%;
+    transform: rotate(-135deg);
+}
+
+.cicle .bar-left .bar-left-an {
+    z-index: 10;
+    border-color: transparent transparent #20a53a #20a53a;
+}
+
+.cicle .bar-right {
+    top: -6px;
+    left: 44px;
+}
+
+.cicle .bar-right .bar-right-an {
+    left: -50px;
+    z-index: 20;
+    border-color: #20a53a #20a53a transparent transparent;
+}
+
+.cicle .occupy {
+    position: absolute;
+    width: 88px;
+    height: 88px;
+    line-height: 88px;
+    text-align: center;
+    font-size: 18px;
+    color: #20a53a;
+}
+
+.mem-action .occupy{
     font-size: 14px;
+}
+.mem-action .occupy.line{
+    line-height: 22px;
+    padding-top: 22px;
+}
+
+.change-default button{
+    width: 188px;
+    margin: 10px
+}
+.bt-w-con .line .info-r{
+    margin-left:0;
+}
+
+.bt-logs textarea{
+    white-space: pre;
+    margin: 0px;
+    width: 500px;
+    height: 520px;
+    background-color: #333;
+    color: #fff;
+    padding: 0 5px;
+}
+.dir-rewrite-man-con{
+     margin-left: 15px;
+}
+
+.domain-ul-list{
+    padding: 5px 10px;
+    max-height: 180px;
+    overflow: auto;
+    width: 260px;
+    border: #ccc 1px solid;
+    border-radius: 3px;
+}
+.domain-ul-list li{
+    line-height:26px;
+}
+.domain-ul-list li .checkbox-text{
+    margin-right:5px; 
+    vertical-align:-2px
+}
+.btswitch-btn.bt-waf-firewall{
+    width:2.4em;height:1.4em;margin-bottom: 0
 }
\ No newline at end of file
diff --git a/templates/default/index.html b/templates/default/index.html
index 2254a217c..55e71e857 100755
--- a/templates/default/index.html
+++ b/templates/default/index.html
@@ -1,68 +1,27 @@
 {% extends "default/layout.html" %} {% block content %}
 <div class="main-content">
-    <div class="container-fluid" style="padding-bottom: 66px;">
-        <div class="pos-box bgw mtb15">
-            <div class="position f14 c9 pull-left">
-                <a class="plr10 c4" href="/">首页</a>/<span class="plr10 c4">服务器状态</span>
-            </div>
-            <span class="pull-right f12 c6" style="line-height:42px; margin-right:15px">
-                    版本信息 <span id="btversion" class="mr5" onclick="openLog()">0.0.1</span>
-            <span id="toUpdate"><a class="btlink" href="javascript:checkUpdate();">检查更新</a></span>
-            </span>
+
+    <div class="index-pos-box bgw">
+        <div class="position f12 c6 pull-left" style="background:none;padding-left:15px">
+            <span class="ico-system">系统:</span><span id="info" style="margin-left:10px;"> </span>&#12288;&#12288;<span id="running"></span>
         </div>
+        <span class="pull-right f12 c6" style="line-height:52px; margin-right:15px">
+            <span id="btversion" onclick="index.open_log()" style="margin-right:10px">0.0.1</span>
+            <span id="toUpdate"><a class="btlink" href="javascript:index.check_update();">更新</a></span>
+            <span style="margin:0 10px"><a class="btlink" href="javascript:index.re_panel();">修复</a></span>
+            <span><a class="btlink" href="javascript:index.re_server();">重启</a></span>
+        </span>
+    </div>
+
+    <div class="container-fluid" style="padding-bottom: 66px;">
+        
         <div class="danger-tips">
             <div class="alert alert-warning" id="messageError" style="display: none;background-color: #ffe0e0;border-color: #ffb0b0;color: #ff2020; margin-bottom:0"></div>
         </div>
-        <div class="system-info bgw clearfix mtb15">
-            <div class="title c6 f16 plr15">
-                系统:<span id="info"> $data['lan']['S2']</span>&#12288;&#12288;&#12288;已不间断运行:<span id="running"> $data['lan']['S4']</span>
-                <button onclick="ReBoot()" class="btn btn-success btn-xs" style="vertical-align:1px;margin-left:10px;">重启服务器</button>
-                <button onclick="reWeb()" style="vertical-align:1px;" class="btn btn-success btn-xs">重启面板</button>
-                <button onclick="repPanel()" style="vertical-align:1px;" class="btn btn-success btn-xs">修复面板</button>
-            </div>
-            <div class="system-info-con mtb15">
-                <ul class="clearfix">
-                    <li class="sys-i-c-box col-xs-6 col-sm-4 col-md-4 col-lg-3 plr15">
-                        <div class="siteinfo-box b-shadown">
-                            <h3 class="f14">网站</h3>
-                            <div class="siteinfo-box-right">
-                                <h4 class="c6">1个</h4>
-                                <div class="sbr-btn">
-                                    <a href="/site">管理</a>|<a href="javascript:;" onclick="webAdd(0)">添加</a>
-                                </div>
-                            </div>
-                        </div>
-                    </li>
-                    <li class="sys-i-c-box col-xs-6 col-sm-4 col-md-4 col-lg-3 plr15">
-                        <div class="siteinfo-box b-shadown">
-                            <h3 class="f14">FTP</h3>
-                            <div class="siteinfo-box-right">
-                                <h4 class="c6">1个</h4>
-                                <div class="sbr-btn">
-                                    <a href="/ftp">管理</a>|<a href="javascript:;" onclick="ftpAdd(0)">添加</a>
-                                </div>
-                            </div>
-                        </div>
-                    </li>
-                    <li class="sys-i-c-box col-xs-6 col-sm-4 col-md-4 col-lg-3 plr15">
-                        <div class="siteinfo-box b-shadown">
-                            <h3 class="f14">数据库</h3>
-                            <div class="siteinfo-box-right">
-                                <h4 class="c6">1个</h4>
-                                <div class="sbr-btn">
-                                    <a href="/database">管理</a>|<a href="javascript:;" onclick="DataAdd(0)">添加</a>
-                                </div>
-                            </div>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-        </div>
+
         <div class="server bgw mtb15">
             <div class="title c6 f16 plr15">
-                <h3 class="c6 f16 pull-left">服务器状态</h3>
-                <a class="pull-left f12 btlink" href="javascript:;" style="background:none;padding:0; margin-left:22px" onclick="GetNetWorkList()">连接管理</a>
-                <a class="pull-left f12 btlink" href="javascript:;" style="background:none;padding:0; margin-left:22px" onclick="GetProcessList()">进程管理</a>
+                <h3 class="c6 f16 pull-left">状态</h3>
             </div>
             <div class="server-circle">
                 <ul class="row" id="systemInfoList">
@@ -110,6 +69,26 @@
                 </ul>
             </div>
         </div>
+
+        
+        <div class="conter-box system-info bgw clearfix mtb15">
+            <div class="title c6 f16 plr15">
+                概览
+            </div>
+            <div class="system-info-con mtb20">
+                <ul class="clearfix text-center">
+                    <li class="sys-li-box col-xs-3 col-sm-3 col-md-3 col-lg-3">
+                        <p class="name f15 c9">网站</p>
+                        <div class="val"><a class="btlink" href="/site">1</a></div>
+                    </li>
+                    <li class="sys-li-box col-xs-3 col-sm-3 col-md-3 col-lg-3">
+                        <p class="name f15 c9">数据库</p>
+                        <div class="val"><a class="btlink" href="/database">1</a></div>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        
         <div class="col-xs-12 col-sm-12 col-md-6 pull-left pd0">
             <div class="pr8">
                 <div class="bgw">
@@ -123,17 +102,16 @@
                 </div>
             </div>
         </div>
+
         <div class="col-xs-12 col-sm-12 col-md-6 pull-left pd0">
             <div class="pl7">
                 <div class="bgw" style="height:491px">
-                    <div class="title c6 f16 plr15">网络流量</div>
+                    <div class="title c6 f16 plr15">流量</div>
                     <div class="bw-info">
-                        <ul>
-                            <li class="bi-line col-xs-6 col-sm-6 col-md-6 pull-left c6 f14"><span class="pull-left">上行</span><a id="upSpeed" class="c6">$data['lan']['S2']</a></li>
-                            <li class="bi-line col-xs-6 col-sm-6 col-md-6 pull-left c6 f14"><span class="pull-left">下行</span><a id="downSpeed" class="c6">$data['lan']['S2']</a></li>
-                            <li class="pull-left col-xs-6 col-sm-6 col-md-6 c6 f14"><span class="pull-left">总发送</span><a id="upAll" title="" class="c6">$data['lan']['S2']</a></li>
-                            <li class="pull-left col-xs-6 col-sm-6 col-md-6 c6 f14"><span class="pull-left">总接收</span><a id="downAll" title="" class="c6">$data['lan']['S2']</a></li>
-                        </ul>
+                        <div class="col-sm-6 col-md-3"><p class="c9"><span class="ico-up"></span>上行</p><a id="upSpeed">0</a></div>
+                        <div class="col-sm-6 col-md-3"><p class="c9"><span class="ico-down"></span>下行</p><a id="downSpeed">0</a></div>
+                        <div class="col-sm-6 col-md-3"><p class="c9">总发送</p><a id="upAll">0</a></div>
+                        <div class="col-sm-6 col-md-3"><p class="c9">总接收</p><a id="downAll">0</a></div>
                     </div>
                     <div id="NetImg" style="width:100%;height:330px;"></div>
                 </div>