@font-face {font-family: 'FontAwesome';src: url('https://cdn.staticfile.org/font-awesome/4.7.0/fonts/fontawesome-webfont.woff'), url('https://cdn.staticfile.org/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf');font-weight: normal;font-style: normal;}
html,body{height:100%;width:100%;margin:0;background:#f9f9f9;color:#444;font-family:Microsoft YaHei,Helvetica,sans-serif,FontAwesome!important;font-size:14px;min-height:100%;}
*{position:relative;font-family:Microsoft YaHei,Helvetica,sans-serif,FontAwesome!important; -webkit-tap-highlight-color:rgba(0,0,0,0)}
a{text-decoration:none;color:inherit;}
p a,pre a{text-decoration:underline;}
a:hover{color:#000;}
#cvs{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;width:100%;height:100%}
#footer{display: block;font-size: 0.85rem;width: 100%;background:#bedbf4;text-align: center;overflow: hidden;height: 6.75rem;padding-top: 0.75rem;}
#footer p{line-height:1.5rem;margin:0;height: 1.5rem;overflow: hidden;}
#nav{display: flex;width: 100%;background:#bedbf4;height: 2rem;position: fixed;top: 0;z-index: 10;}
#nav *,#footer *{user-select:none;}
#nav-btns{display: flex;height: 2rem;color: #fff;border-left: 0.25px solid #e9f3fb;border-right: 0.25px solid #e9f3fb;transition:all 1s}
.navbtn:hover{background:#92c2ed}
navbtn:hover{color:#fff}
#circle{background: #bedbf4;width: 10rem;height: 2.7rem;padding-top: 7.3rem;border: none;border-radius: 5rem;top: -7rem;text-align: center;margin-right: -0.4rem;color: #fff;font-size:1.25rem}
#circle:hover{background:#fff;color:#545454}
.navbtn{line-height: 2rem;border-left: 0.25px solid #e9f3fb;border-right: 0.25px solid #e9f3fb;overflow:hidden;text-align: center;padding-left:0.5rem;padding-right:0.5rem}
#navcate{display:none;position: absolute;right: 1rem;line-height: 2rem;font-size: 1.4rem;color: #fff;}

.main{width:64%;margin-left:16%;display:block;padding-top:6rem;}
.well{border:1px solid #ddd;border-radius:0.375rem;background:#fff;padding:0.75rem 1.2rem;padding-bottom:1rem;text-align: justify;padding-left:1.5rem}
.content{width:62.5%;display:inline-block;vertical-align:top;margin-right:7.5%}
#sidebar{width:30%;display:inline-block;vertical-align:top;}
main{display:block;min-height:100%;margin-bottom:-7.5rem}
push{display:block;height:7.5rem;z-index:-1}
.well tab{font-weight:bold}
.well hr {border: none;border-bottom: 1px solid #ddd;padding: 0;}
.well.ad{padding:0;}
pre{white-space:pre-wrap;word-break:break-all}
tx{background-image: url(/static/img/logo.jpg); background-size:100%;height: 5rem;width: 5rem;display:block;margin:0 auto;border: 1px solid #ddd;border-radius: 0.8rem;}
button{outline: none;height: 1.5rem;line-height: 1.35rem;border-radius: 0.4rem;border: 0.07rem solid #ddd;padding: 0 0.5em;font-size: 0.8rem;color: #888;background: #FFF;}
button:hover{background:#f0f0f0}
select,input,textarea{line-height:1.32rem;border-radius:0.25rem;border:0.071rem solid #ddd;padding:0 0.4rem;color:#666;background:#FFF;}
textarea{width:100%}



.artiList{padding:1.2rem 1rem}
artititle{font-weight: bold;font-size: 1.5rem;display: block;text-align: center;color:#606060}
date{display: block;text-align: center;font-size: 0.9rem;font-style: italic;color: #999;height: 2.4rem;line-height: 2.4rem;}
abstract{white-space:pre-wrap;word-break:break-all;display:block}
file{display: block;width: 4.5rem;color: #fff;padding-left: 0.75rem;position: relative;background: #a7ccf1;height: 1.8rem;line-height: 1.8rem;z-index: 2;margin-bottom: -1.8rem;border-bottom-right-radius: 0.25rem;border-top-right-radius: 0.25rem;left: -3rem;top: -3rem;box-shadow: 1px 1px 4px 0px #ccc;}
artiimg{width:90%;display:block;text-align:center;margin:5%}
artiimg *{max-width:100%;}
tag{color: #999;font-size: 0.9rem;}
.artiList button{display:block;margin:0 auto;left: -0.5rem;}
abstract img{max-width:95%!important}

.article{padding:2rem 1.2rem}
.article artititle{font-weight: normal;}
.article date{text-align: right;margin:1rem 0}
#commentpost{padding: 1rem 0.2rem;padding-right: 1.2rem;}
#commentpost textarea{margin-bottom:0.5rem}
#moon textarea,#sun textarea{margin-bottom:0.5rem;width:97.5%}

pagn{display:inline-block;height:1.5rem;width:1.5rem;margin:0.1rem;border-radius:0.75rem;border:1px solid #bedbf4;color:#888;background:#fff;vertical-align:top;text-align:center;line-height:1.5rem;font-size:1.1rem;}
pagn:hover{background:#e9f3fb;color:#444}
pagn.active{background:#e9f3fb;color:#444}
pagn.prev:after{content:'\f100'}
pagn.next:after{content:'\f101'}
pagn.hidden{display:none}

.comment{border-top:1px dashed #eee;padding:1rem 1.5rem}
.comment author{font-weight: bold;font-size: 0.95rem;display:inline-block;height:2rem}
.comment content{font-size: 0.95rem;display:block;white-space:pre-wrap;word-break:break-all}
.comment date{text-align:right}
.comment reply{display: inline-block;font-size: 0.7rem;color: #aaa;margin-left: 0.75rem;font-style: italic;user-select:none;}
.comment reply:hover{color: #777;}
.comment .comment{margin-left: 0.75rem;border: 1px dashed #ddd;margin-bottom: 0.5rem;}


#memopost{column-count: 4;column-gap: 1rem;}
#memopost .well{border-radius: 0.2rem;padding: 0.8rem 7%;text-align: justify;margin-bottom: 1rem;display: inline-block;width: 86%;box-shadow: 2px 2px 1px 0px #eee;}
#memopost author{font-weight: bold;font-size: 0.95rem;display:inline-block;height:2rem}
#memopost content{font-size: 0.95rem;display:block;white-space:pre-wrap;word-break:break-all}
#memopost date{text-align:right}
#memopost input{width: 7rem;margin-bottom: 0.5rem;margin-top:0.5rem}
#memopost textarea {width: 90%;}
#memopost button{margin-bottom: 0.5rem;margin-top:0.5rem}

@media only screen and (min-width: 1920px){
    html,body{font-size:21px}
    .main{width:1224px;left:50%;margin-left:-612px}
}
@media only screen and (min-width: 1280px) and (max-width: 1920px){
    html,body{font-size:1.09375vw}
}
@media only screen and (min-width: 900px) and (max-width: 1280px){
    .main{width:820px;left:50%;margin-left:-410px}
}
@media only screen and (min-width: 660px) and (max-width: 900px){
    .main{width:90%;margin-left:5%}
    .content{width:66%;margin-right:4%}
    #sidebar{width:30%;}
    artititle {font-size: 1.25rem;}
    file{transform:scale(0.8,0.8);left: -3.5rem;}
}
@media only screen and (min-width: 440px) and (max-width: 660px){
    .main{width:90%;margin-left:5%}
    .content{width:400px;left:50%;margin-left:-200px}
    #sidebar{display:none}
}
@media only screen and (max-width: 440px){
    .main{width:90%;margin-left:5%}
    .content{width:100%;margin-right:0}
    #sidebar{display:none}
    artititle {font-size: 1.25rem;}
    file{top: -2.5rem;transform:scale(0.8,0.8);left: -2.5rem;}
    .article {padding: 1rem 0.2rem;}
    .artiList {padding: 0.8rem 0;}
}
@media only screen and (max-width: 610px){
    #nav-btns{width: 8rem;display: none;background: #e9f3fb;height: auto;color: #666;position: absolute;border-radius: 0.3rem;border: 1px solid #ddd;right: 0;top: 2rem;opacity:0}
    .navbtn {padding: 0;width: 75%;display: block;text-align: left;padding-left: 25%;}
    #navcate{display:block;}
}
@media only screen and (max-width: 710px){
    #memopost{column-count: 3;column-gap: 1rem;}
}
@media only screen and (max-width: 520px){
    #memopost{column-count: 2;column-gap: 1rem;}
}
@media only screen and (max-width: 340px){
    #memopost{column-count: 1;column-gap: 1rem;}
}