.qb_ui_center {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.qb_ui_Site_nav {width: 66.6666666667%;min-width:1200px;margin:10px auto 0 auto;}
.qb_ui_Site_nav ul {line-height:35px;padding-left:15px;font-size:14px;}
.qb_ui_Site_nav ul:after {content:'';display:block;clear:both;}
.qb_ui_Site_nav ul li,.qb_ui_Site_nav ul ol {float:left;}
.qb_ui_Site_nav ul ol {padding-right:10px;color:#329fd7;}
.qb_ui_Site_nav ul ol i {display:inline-block;margin-right:3px;color:#888;}
.qb_ui_Site_nav ul li a {color:#666;}
.qb_ui_Site_nav ul li a:before {content:'->';display:inline-block;color:#999;padding:0 5px;}
.qb_ui_Site_nav ul li a.home:before {content:'';}
.pagination {text-align:center;width:100%;clear:both;padding:10px 0;}
.pagination li {display:inline-block;line-height:30px;margin:0 5px;}
.pagination li a,.pagination li span {display:block;border:#ddd solid 1px;padding:0 8px;color:#666;}
.pagination li a,.pagination li span {color:#999;}
.pagination li a:hover {border:#f30 solid 1px;background:#329fd7;color:#fff;}
.pagination li.active span {border:#21806e solid 1px;background:#64c2b0;color:#fff;}
.qb-add,.qb-del,.qb-list,.qb-show,.qb-time {display:inline-block;font:normal normal normal 14px / 1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:25px;border:#ccc solid 1px;padding:0 6px;color:#888;margin:3px;border-radius:3px;background:#f5f5f5;}
.qb-add:hover,.qb-del:hover,.qb-list:hover,.qb-show:hover,.qb-time:hover {border:#f30 solid 1px;background:#329fd7;color:#fff;}
.qb-del:before {content:"\f1f8";}
.qb-add:before {content:"\f0f6";}
.qb-list:before {content:"\f00b";}
.qb-show:before {content:"\f06e";}
.qb-time:before {content:"\f017";}
.qb_ui_TopLoginBox {display:table;}
.qb_ui_TopLoginBox span {display:table-cell;vertical-align:middle;padding:0 3px;word-spacing:2px;color:#888;}
.qb_ui_TopLoginBox span input {width:80px;border:#ddd solid 1px;line-height:22px;border-radius:3px;text-indent:5px;background:#fff;outline:0;}
.qb_ui_TopLoginBox span button {line-height:22px;padding:0 10px;background:#f90;border:0;color:#fff;}
.qb_ui_TopLoginBox span button:hover {background:#329fd7;}
.qb_ui_TopLoginBox span a.fa {display:inline-block;width:60px;text-align:center;background:#008ad9;color:#fff;line-height:22px;margin:0 3px;}
.qb_ui_TopLoginBox span a.fa-weixin {background:green;}
.qb_ui_TopLoginBox span a.fa:hover {background:#f30;}
@-webkit-keyframes qb_ui_changeshowmore {
0% {padding:0;color:#000;}
20% {padding:5px;color:#333;}
40% {padding:10px;color:#666;}
60% {padding:15px;color:#999;}
80% {padding:20px;color:#bbb;}
100% {padding:25px;color:#fff;}
}
@keyframes qb_ui_changeshowmore {
0% {padding:0;color:#000;}
20% {padding:5px;color:#333;}
40% {padding:10px;color:#666;}
60% {padding:15px;color:#999;}
80% {padding:20px;color:#bbb;}
100% {padding:25px;color:#fff;}
 }
@-webkit-keyframes sk-circleBounceDelay {
  40% {-webkit-transform:scale(1);transform:scale(1);}
     }
@keyframes sk-circleBounceDelay {
   40% {-webkit-transform:scale(1);transform:scale(1);}
     }
textarea.layui-textarea {width:100%;height:100px;}
 input.layui-input {width:100%;}
 @media (min-width:1024px) {
     textarea.layui-textarea {width:500px;height:100px;}
    input.layui-input {width:500px;}
    }