*{margin:0;padding:0;outline:0}html,body{width:100%;height:100%}body,input,textarea{color:#333;font-size:14px;font-family:"PingFang SC","Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft YaHei","微软雅黑",sans-serif;-webkit-font-smoothing:antialiased}a,a:visited{color:#000;text-decoration:underline}a:hover{text-decoration:none}.left{float:left}.right{float:right}.clear{clear:both}.zone .hide{display:none}.canvas{display:none}::selection{background-color:rgba(0,0,0,0.5);color:#fff}::placeholder{color:#aaa;font-style:italic}.centerxy{width:100%;height:100%;border:0}.centerxy tr{border:0}.centerxy td{border:0;text-align:center}.cross{display:inline-block;position:relative;width:24px;height:24px}.cross:before,.cross:after{display:block;position:absolute;top:-2px;width:4px;height:25px;background:#333;content:''}.cross:before{left:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.cross:after{right:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.circle{display:inline-block;width:20px;height:20px;border:4px solid;border-color:#333 transparent #333 transparent;border-radius:50%;background:transparent}.circle{animation:circle 1s infinite;-moz-animation:circle 1s infinite;-webkit-animation:circle 1s infinite;-o-animation:circle 1s infinite}@keyframes circle{0{-webkit-transform:rotate(0);transform:rotate(0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes circle{0{-webkit-transform:rotate(0);transform:rotate(0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.breathe{animation:breathe 2s infinite;-moz-animation:breathe 2s infinite;-webkit-animation:breathe 2s infinite;-o-animation:breathe 2s infinite}@keyframes breathe{0{opacity:1;animation-timing-function:linear}50%{opacity:0;animation-timing-function:linear}100%{opacity:1}}@-webkit-keyframes breathe{0{opacity:1;animation-timing-function:linear}50%{opacity:0;animation-timing-function:linear}100%{opacity:1}}.icon{display:block;background:url("image/icons.png") no-repeat;background-size:500px 500px;background-position:0 0;image-rendering:pixelated}.icon-title{width:220px;height:50px;background-position:0 0}.icon-loading{width:130px;height:20px;background-position:-280px 0}.icon-detail{width:90px;height:20px;background-position:-410px 0}.error{display:block;margin:0 auto;width:320px;height:240px;background:url("image/error.png") no-repeat;image-rendering:pixelated}.error-403{background-position:0 0}.error-404{background-position:0 -240px}.error-500{background-position:0 -480px}.loading{display:block;margin:0 auto;padding:50px 0;text-align:center}.loading .circle{display:inline-block;vertical-align:middle}.loading .breathe{display:block;margin:50px auto}.fault{display:block;margin:0 auto;padding:50px 0;text-align:center}.fault .cross{display:inline-block;vertical-align:middle}.fault .line{display:block;margin:50px auto}.divider{border-top:#333 2px solid;margin:10px 0}.empty{display:block;padding:100px 10px;text-align:center}.line{display:block;margin:10px 5px}.form{display:block;margin:0 auto;max-width:640px}.block2{display:inline-block;vertical-align:top;width:50%}.block3{display:inline-block;vertical-align:top;width:33.33%}.block4{display:inline-block;vertical-align:top;width:25%}.buttons{display:block;margin:10px 0}.buttons .button{margin:5px}.buttons .link{margin:5px}.link{display:inline-block;border-bottom:#333 2px solid;cursor:pointer}.link:hover{border-bottom-color:transparent}.input{display:block;position:relative;margin:10px 5px;padding:0 5px;border:#333 2px solid;border-radius:10px}.input-disabled{border-color:#999;background:#f7f7f7}.input-core{display:block;border:0;color:#333;width:100%;height:36px;font-size:14px;line-height:18px;background:transparent}.input-multi{padding:5px}.input-multi .input-core{height:180px;resize:none}.input-select .input-core{background:#fff url(image/select.png) right center no-repeat;background-size:10px 14px;appearance:none;-webkit-appearance:none;-moz-appearance:none;image-rendering:pixelated}.input-action{padding-right:36px}.input-action .button{display:block;position:absolute;margin:0;padding:0;right:3px;top:3px;width:30px;height:30px;background:#333;border-radius:8px}.button{display:inline-block;text-align:center;color:#fff;border:0;background:#333;padding:10px;font-size:16px;font-weight:bolder;border-radius:10px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.button:hover{border-color:#555;background:#555}.button:active{border-color:#000;background:#000}.button[disabled],.button[disabled]:hover,.button[disabled]:active{background-color:#999;color:#333;cursor:default;box-shadow:none;text-shadow:none}.button-green{background:#294}.button-green:hover{background:#3a5}.button-red{background:#a33}.button-red:hover{background:#b44}.button-blue{background:#37b}.button-blue:hover{background:#48c}.button-small{margin:2px 2px 0;padding:5px 10px;font-size:12px;font-weight:lighter;vertical-align:text-bottom}.button-full{display:block;width:100%;margin:0;padding:15px}.button-left{float:left}.button-right{float:right}.button-space{margin:0 5px}.button-con{margin:10px 5px}.table{border-collapse:collapse;border-spacing:0;width:100%;font-size:12px}.table tr{border-top:#333 2px solid;border-bottom:#333 2px solid}.table th{padding:5px 10px;font-weight:bold;text-align:left}.table td{padding:5px 10px;text-align:left;word-break:break-all}.top{display:none;position:fixed;left:10px;bottom:10px;width:50px;height:60px;background:url("image/top.png") no-repeat;background-size:50px 60px;image-rendering:pixelated;cursor:pointer}.logo{display:block;position:relative;width:66px;height:66px;background:url("image/logo.png") no-repeat;background-size:66px 66px;background-position:0 0;image-rendering:pixelated}.logo-decoration{display:block;position:absolute;right:-18px;bottom:3px;width:26px;height:20px;background-position:-220px 0}.logo-animation{bottom:33px;opacity:0;transition:opacity .8s,bottom .8s;-webkit-transition:opacity .8s,bottom .8s;-moz-transition:opacity .8s,bottom .8s;-o-transition:opacity .8s,bottom .8s}.footer{line-height:30px;font-size:10px;opacity:.7;text-align:center}.header{display:block;position:relative;padding:20px 0}.header .logo{margin-left:20px}.header .icon-title{display:block;position:absolute;left:100px;top:30px}.nav{display:block}.nav-home{display:block;position:relative;padding-left:80px;height:80px}.nav-home .logo{display:block;position:absolute;left:7px;top:7px}.nav-home .icon-title{display:inline-block;position:relative;top:15px}.nav-list{display:block;padding:5px 0 0}.nav-item{display:inline-block;margin:5px;padding:10px;background:#333;border-radius:10px;cursor:pointer}.nav-item:hover{background:#555}.nav-item-username-online{background:#294}.nav-item-username-online:hover{background:#3a5}.nav-item-username-timeout{background:#a33}.nav-item-username-timeout:hover{background:#b44}.timeline{display:block;position:relative;margin:0 auto;padding:50px 10px;max-width:960px}.timeline-axis{display:block;position:absolute;left:53px;top:-10px;width:2px;height:100%;background:#333}.project{display:block;position:relative;margin:0 auto 50px}.project-inner{padding:5px 5px 5px 55px}.project-icon{display:block;position:absolute;left:34px;top:21px;width:20px;height:20px;background:#333;border-radius:100%}.project-title{display:block;margin:0 0 0 20px;line-height:30px;font-size:16px;font-weight:bold;color:#333}.project-subtitle{display:block;margin:0 0 0 20px;line-height:20px;font-size:12px;color:#999}.project-date{display:block;float:right;color:#777}.project-intro{display:block;margin:10px;font-size:12px;color:#555}.project-link{display:block;text-align:right}.project-anchor{display:inline-block;padding:5px;background-color:#333;border-radius:5px}.pixel-letter{display:inline-block;background:url("image/pixel.png") no-repeat;image-rendering:pixelated}@media screen and (min-width:640px){.logo-decoration{right:-36px;bottom:6px;width:52px;height:40px;background-position:-280px -50px}.logo-animation{bottom:66px}.header{padding:50px 0}.header .logo{width:132px;margin:0 auto;height:132px;background-image:url("image/logo2.png");background-size:132px 132px;image-rendering:pixelated}.header .icon-title{position:initial;left:0;top:0;margin:20px auto;width:280px;height:60px;background-position:0 -50px}.timeline-axis{left:50%;top:-35px}.project{width:50%}.project-right{margin:0 0 50px auto}.project-right .project-inner{padding:0 0 0 12px}.project-right .project-icon{left:-9px;top:16px}.project-left{margin:0 auto 50px 0;text-align:right}.project-left .project-inner{padding:0 12px 0 0}.project-left .project-icon{left:initial;right:-11px;top:16px}.project-left .project-title{margin:0 20px 0 0}.project-left .project-subtitle{margin:0 20px 0 0}.project-left .project-date{float:left}.project-left .project-link{text-align:left}}@media screen and (min-width:800px){.top-show{display:block}.top-show:hover{opacity:.7}.nav-list{position:absolute;right:5px;top:5px}}