article,aside,audio,body,canvas,caption,dd,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,input,label,legend,li,mark,menu,nav,ol,p,section,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font-family:STFangSong,Helvetica,Arial,Vernada,Tahoma,STXihei,"Microsoft YaHei","Songti SC",SimSun,Heiti,sans-serif;font-size:18px;line-height:1.6;word-break:break-all}ul{list-style:none}a:active,a:hover,a:link,a:visited{text-decoration:none}a:visited{color:purple}body,html{-webkit-overflow-scrolling:touch;height:100%}.l-wrapper{padding:2% 8%;border:1px solid #d3d3d3;box-shadow:2px 2px 2px #ddd}.l-container{margin:80px 10px}@media only screen and (min-width:810px){.l-container{margin:80px auto;max-width:800px}}.l-bg--white{background:#fff}.u-center-align{text-align:center}.is-hidden{display:none}.is-hobby-active{color:#000;font-weight:600}.is-hobby-active:before{position:absolute;display:inline-block;z-index:10;content:'';bottom:-39px;left:0;right:0;margin:0 auto;width:0;height:0;border:20px solid;border-color:#fff transparent transparent transparent;cursor:default}.is-hobby-active:after{position:absolute;display:inline-block;content:'';bottom:-40px;left:0;right:0;margin:0 auto;width:0;height:0;border:20px solid;border-color:#aaa transparent transparent transparent;cursor:default}.c-side{position:fixed;left:0;top:0;bottom:0;min-width:100px;z-index:1000;text-align:center;background:rgba(33,33,33,.8);box-shadow:0 0 10px gray;transition:all .2s .1s ease}.c-side .c-side__table{display:table;height:100%;width:100%}.c-side .c-side__table ul{display:table-cell;margin:0;vertical-align:middle}.c-side .c-side__table a{display:block;width:100%;background:#333}.c-side .c-side__table a:hover{color:orange;background:rgba(33,33,33,.8)}.c-side .c-side__table a:visited{color:#337ab7}@media only screen and (min-width:768px){.c-side{display:none}}.c-action{position:fixed;display:inline-block;bottom:100px;right:30px;width:30px;height:30px;z-index:9999;border-radius:50%;background:#ccc;opacity:.8;box-shadow:0 0 10px gray;transform:translate3d(0,0,0)}.c-action:after{content:'';display:inline-block;margin:5px;width:20px;height:20px;border-radius:50%;background:gray;opacity:.8}@media only screen and (min-width:768px){.c-action{display:none}}.c-list .c-list__posts{border:1px solid #ddd;border-radius:6px}.c-list .c-list__item{border-bottom:1px solid #ddd}.c-list .c-list__item:last-child{border-bottom:none}.c-list .c-list__item a{display:inline-block;padding:10px;width:100%}.c-list .c-list__item a:hover{border-radius:6px;background:#ccc}.c-list .c-list__item a:visited h4{color:purple}.c-post{margin:80px 10px}@media only screen and (min-width:810px){.c-post{margin:80px auto;max-width:800px}}.c-post article h2{padding:5px;margin-bottom:30px;border-bottom:2px solid #ccc}.c-post article h4{margin:10px 0}.c-post article p{margin:18px 0}.c-post article a{display:inline;color:purple;text-decoration:none;border-bottom:1px dashed orange}.c-post article a:hover{color:purple;background:#ccc;text-decoration:none}.c-post article img{max-width:90%;border-radius:4px;box-shadow:0 0 6px gray}.c-hobby{text-align:center}.c-hobby .c-hobby__nav ul{text-align:center;border-bottom:1px solid #d3d3d3;box-shadow:0 0 2px #d3d3d3}.c-hobby .c-hobby__nav ul>li{position:relative;display:inline-block;height:40px;line-height:40px}.c-hobby .c-hobby__nav ul>li>span{padding:10px;cursor:pointer}.c-hobby .c-hobby__list{overflow:hidden;margin-top:20px}.c-hobby .c-hobby__list .c-hobby__item{display:inline-block;width:200px;border:1px solid gray;margin:10px;cursor:pointer;box-shadow:0 0 10px 0 rgba(80,80,80,.1);transition:box-shadow .1s .1s ease}.c-hobby .c-hobby__list .c-hobby__item:hover{box-shadow:0 0 6px gray}.c-hobby .c-hobby__list .c-hobby__item img{height:120px;max-width:100%;vertical-align:middle}@media only screen and (max-width:480px){.c-hobby .c-hobby__list .c-hobby__item{width:90%;box-shadow:0 0 4px gray}}.c-about .avatar{display:inline-block;border-radius:50%;background-position:center;background-size:120px 120px;transition:transform .4s ease-in-out .2s;-webkit-transition:transform .4s ease-in-out .2s;-o-transition:transform .4s ease-in-out .2s;-moz-transition:transform .4s ease-in-out .2s}.c-about .avatar:hover{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}.c-about .mask{display:inline-block;width:120px;height:120px;line-height:120px;font-size:20px;color:#fff;border:1px dashed gray;border-radius:50%;background-color:rgba(0,0,0,.4)}.c-about .mask:hover{background-color:rgba(0,0,0,.2)}.c-show{position:relative;word-wrap:break-word}.c-show .c-show__line--large>span,.c-show .c-show__line>span{display:inline-block;height:100%;width:1px;background:gray}.c-show .c-show__line{height:80px}.c-show .c-show__line--large{height:100px}.c-show .c-show__dot{height:20px}.c-show .c-show__dot>span{display:inline-block;height:20px;width:20px;border-radius:50%;background:gray}.c-show .c-show__title{position:absolute;top:30px;width:50%;max-width:260px;border:1px solid gray;text-align:center}.c-show .c-show__title--left{right:50%;border-right:none;border-radius:14px 0 0 14px}.c-show .c-show__title--right{left:50%;border-left:none;border-radius:0 14px 14px 0}.c-show .c-show__info a{font-size:14px;transition:padding .2s ease-in-out .1s;-webkit-transition:padding .2s ease-in-out .1s;-o-transition:padding .2s ease-in-out .1s;-moz-transition:padding .2s ease-in-out .1s}.c-show .c-show__info a:hover{padding:0 10px}@media only screen and (min-width:640px){.c-show .c-show__info a{font-size:16px}}.c-show .c-show__info .c-show__star,.c-show .c-show__info .c-show__star--none{display:inline-block;width:6%;min-width:6px;height:8px;text-align:center;background:gray;border-radius:4px 0 4px 0}.c-show .c-show__info .c-show__star--none{background:#d3d3d3}.c-show .c-show__info .c-show__pic{max-width:100%;max-height:100px;border-radius:4px;transition:all .6s 0s ease-in-out}.c-show .c-show__info .c-show__pic:hover{max-height:300px;transition:all 1s .2s ease-in-out}.c-show .c-show__info .c-show-pic--gray{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray}.c-show .c-show__info--left{position:absolute;right:56%;width:44%;font-size:16px;text-align:right}.c-show .c-show__info--right{position:absolute;left:56%;width:44%;font-size:16px;text-align:left}.c-show .c-show__end{margin:0 auto;width:50%;height:40px;line-height:40px;border:1px solid gray;border-radius:20px}