*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.float{float:left}.width-10{width:100%}.width-5{width:50%}.box-shadow{background-color:white;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);border-radius:4px;overflow:hidden}.border-bottom-line{border-bottom:1px solid #ddd}.button-disabled{cursor:not-allowed}.div-hidden{display:none}.overflow-hidden{overflow:hidden}.ust{-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text;user-select:text}.usn{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.text-success{color:green}.text-info{color:blue}.text-warning{color:orange}.text-danger{color:red}.text-link{color:#7fc8ff !important}a{text-decoration:none}a:hover{color:#7fc8ff !important}img{display:none}.img-box{background-color:rgba(241,241,241,0.5)}.img-o{float:left;width:100%;margin:-7.5px auto 0}a,input,button{outline-style:none}input::-moz-focus-inner,button::-moz-focus-inner{border:0}body{padding:0;margin:0;background-color:#f1f1f1;font-size:13px;font-family:"Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei"}header{width:70%;padding:20px 15%;background-color:#002b55;color:white}header>.title{font-size:40px;font-weight:bold;margin:15px 0}header>.title>a{color:white}header>.description{font-size:14px}header>.folder{font-size:20px;text-align:right;display:none}header>.folder>i{cursor:pointer;padding:20px 10px 20px 20px}footer{width:96%;padding:7px 2%;background-color:#002b55;color:#aaa;font-size:13px;line-height:20px}footer>div{margin:3px 20px 3px 0}footer>.register>a{color:#aaa}footer>.register>a>img{width:15px;height:15px;margin-top:3px}footer>.register>a>.gwab{margin-left:5px}main{width:70%;min-height:calc(100vh - 218px);padding:20px 15%}main>.left{width:68.4%}main>.left>.content-box>.block{width:94%;padding:20px 3%;margin-bottom:20px}main>.left>.content-box>.block>.a-title{padding-bottom:15px;font-size:20px;font-weight:bold}main>.left>.content-box>.block>.a-title>a{color:black}main>.left>.content-box>.block>.a-content{padding:20px 0;font-size:14px}main>.left>.content-box>.block>.a-page{line-height:30px}main>.left>.content-box>.block>.l-page{line-height:25px}main .left .a-info{color:rgba(0,0,0,0.6);font-size:12px}main>.left>.content-box>.block>.read-more>a{color:rgba(0,0,0,0.6);font-size:12px;text-align:left}main .pagination{text-align:left}main .pagination>.loading{width:100%;height:40px;margin:0;background-color:rgba(0,0,0,0);color:gray;border:none;cursor:pointer}main .pagination>.loading:hover{color:#fff;background-color:#7fc8ff;border-radius:4px}main>.right{width:30%;margin-left:1.59%}main>.right>div>.zip{display:none}main>.right>.about-me{margin-bottom:20px}main>.right>.about-me>.avatar{width:100%;height:0;float:left;padding-bottom:62.5%}main>.right>.about-me>.avatar>img{width:100%;height:auto}main>.right>.about-me>.introduction{float:left;width:88%;padding:0 6%}main>.right>.about-me>div>.name{margin:10px 0;font-size:20px;font-weight:bold}main>.right>.about-me>div>.name:hover{color:#7fc8ff;cursor:pointer}main>.right>.about-me>div>.profile{margin-bottom:15px;line-height:25px;display:none}.album,.category,.concact{margin-bottom:20px}.top-title{width:88%;padding:20px 6%;background-color:#f1f1f1;font-size:18px}main>.right>.category>.content{width:88%;padding:15px 6%}main>.right>.category>.content>.c-tag{float:left;padding:5px 20px;margin:5px 2px;background:#f1f1f1;color:black;white-space:nowrap;line-height:21px}main>.right>.category>.content>.c-tag:hover{color:white !important;background:#7fc8ff}main>.right>.album>div>a>.content{float:left;width:88%;padding:10px 6%;color:black}main>.right>.album>div>a>.content:hover{cursor:pointer;color:white;background-color:#7fc8ff}main>.right>.album>div>a>.content>.r-cover{width:20%;height:0;padding-bottom:14%;float:left;margin-right:5%;overflow:hidden;border-radius:5px}main>.right>.album>div>a>.content>.r-cover>img{width:100%;height:auto;border-radius:5px}main>.right>.album>div>a>.content>.r-title{float:left;margin:2px 0;width:75%;font-size:14px}main>.right>.album>div>a>.content>.r-info{float:left;margin:2px 0;width:75%;font-size:12px;color:rgba(0,0,0,0.6)}main>.right>.contact>.content{width:88%;padding:20px 6%}main>.right>.contact>.content>.c-name{float:left;width:44%;padding:10px 2%;margin-bottom:10px;border:1px solid #ccc;font:inherit}main>.right>.contact>.content>.c-name:focus{border-color:#7fc8ff;box-shadow:0 0px 5px 0 rgba(127,200,255,0.9)}main>.right>.contact>.content>.c-email{float:right;width:44%;padding:10px 2%;margin-bottom:10px;border:1px solid #ccc;font:inherit}main>.right>.contact>.content>.c-email:focus{border-color:#7fc8ff;box-shadow:0 0px 5px 0 rgba(127,200,255,0.9)}main>.right>.contact>.content>.c-content{width:96%;padding:10px 2%;margin-bottom:10px;border:1px solid #ccc;font:inherit;resize:vertical}main>.right>.contact>.content>.c-content:focus{border-color:#7fc8ff;box-shadow:0 0px 5px 0 rgba(127,200,255,0.9)}main>.right>.contact>.content>.c-send{width:25%;height:40px;font-size:13px;border:none;background:#002b55;color:#fff;cursor:pointer;line-height:20px}main>.right>.contact>.content>.c-send:hover{background:#7fc8ff}main>.right>.contact>.content>.c-tips{display:none}main>.right>.contact>.content>.c-tips>i{padding:12px;color:gray}main>.right>.contact>.content>.c-tips>span{float:left;line-height:20px;padding:10px 12px}@media screen and (max-width:1440px){header{width:96%;padding:20px 2%}main{width:96%;min-height:calc(100vh - 198px);padding:20px 2%}}@media screen and (max-width:767px){header{padding-bottom:0}header>.folder{display:block}main>.left{width:100%}main>.right{display:none;width:100%;margin:0}}@media screen and (max-width:450px){header>.title{font-size:35px}}@media screen and (max-width:300px){header>.title{font-size:25px}header>.description{font-size:14px}}