html,body{width:100%;height:100%;font-size:62.5%;font-family:"Open Sans","Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}html,body,ul,li{border:0;padding:0;margin:0;list-style:none}a{text-decoration:none;color:#000;outline:none}.nav-list{width:100%;position:fixed;top:0;width:100%;background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:999}.nav-list .nav-con{max-width:970px;margin:0 auto}.nav-list .nav-con .nav-item{width:8em;height:45px;float:left;font-size:14px;color:#fff;text-align:center;line-height:45px}.nav-bg{width:100%;height:30rem;background-color:peru;background:url("/img/nav-bg-fbb0272f1b.jpg") center no-repeat;background-size:cover;background-attachment:fixed}.per-avatar{font-size:62.5%;font-size:10px;position:absolute;top:16em;left:50%;margin-left:-11em;border-radius:50%;height:15em;width:15em;background-color:red;overflow:hidden;background:url("/img/avator-ffbf7eff0f.jfif") center no-repeat;background-size:contain;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;z-index:9999}.name-con{font-size:10px;font-size:62.5%;height:21rem;width:100%}.name-con .per-con{margin-left:-2.5em;padding-top:18em;text-align:center}.name-con .per-avatar{position:absolute;top:16em;left:50%;margin-left:-11em;border-radius:50%;height:20em;width:20em;background-color:red;overflow:hidden;background:url("/img/avator-ffbf7eff0f.jfif") center no-repeat;background-size:contain;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;-webkit-transform-origin:center 20em;transform-origin:center 20em}.name-con .per-name{font-size:26px;display:block}.name-con h5{font-size:16px;margin:.625em 0}.name-con .tag-con .tag{font-size:5em;margin:0 .3em}.title-con{width:100%;font-size:10px;margin-bottom:1rem}.title-con .title{font-size:22px;display:inline-block;padding-right:0em;border-bottom:2px solid #2b79d3;-webkit-transition:padding-right .3s ease-in-out;transition:padding-right .3s ease-in-out}.per-introduce:hover .title-con .title{padding-right:1em}.con-section{margin-bottom:2rem;font-size:10px;font-size:62.5%;width:100%;max-width:970px;margin-left:auto;margin-right:auto}.per-introduce .content{font-size:16px;text-indent:2em}.pro-introduce{overflow:hidden}.pro-introduce a:focus .pro-bg{-webkit-box-shadow:0px 1px 4px 2px #efefef;box-shadow:0px 1px 4px 2px #efefef}.pro-introduce:hover .title-con .title{padding-right:1em}.pro-introduce .pro-bg{background-color:#f3f3f3;border:1px solid #e6e6e6;padding:1em;border-radius:5px;cursor:pointer;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease, -webkit-box-shadow .3s ease}.pro-introduce .pro-bg:hover{-webkit-box-shadow:0px 1px 4px 2px #efefef;box-shadow:0px 1px 4px 2px #efefef}.pro-introduce .pc-pro,.pro-introduce .moblie-pro{overflow:hidden}.pro-introduce .pc-pro .pro-con,.pro-introduce .moblie-pro .pro-con{-webkit-box-sizing:border-box;box-sizing:border-box;padding:1em;text-align:center;float:left}.pro-introduce .pc-pro .pro-con .pro-img-con,.pro-introduce .moblie-pro .pro-con .pro-img-con{overflow:hidden}.pro-introduce .pc-pro .pro-con .pro-img-con img,.pro-introduce .moblie-pro .pro-con .pro-img-con img{width:100%;max-width:100%;min-height:15em;-webkit-transition:height .3s ease;transition:height .3s ease}.pro-introduce .pc-pro .pro-con span,.pro-introduce .moblie-pro .pro-con span{margin:.1em 0}.pro-introduce .pc-pro .pro-con .pro-info,.pro-introduce .moblie-pro .pro-con .pro-info{font-size:18px;display:block}.pro-introduce .pc-pro .pro-con .pro-time,.pro-introduce .moblie-pro .pro-con .pro-time{display:block;font-size:12px}.pro-introduce .pc-pro .pro-con{width:33.33%;width:33.3333333333%}.pro-introduce .moblie-pro .pro-con{width:20%;width:20%}.readed-books{position:relative}.readed-books:hover .title-con .title{padding-right:1em}.readed-books .book-box{height:auto;overflow:hidden}.readed-books .book-box .book-row{overflow:hidden}.readed-books .book-box .book-con{width:20%;width:20%;padding:1em;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;float:left}.readed-books .book-box .book-con .book-bg{padding:1em;background-color:#f3f3f3;border:1px solid #e6e6e6;border-radius:5px;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease, -webkit-box-shadow .3s ease}.readed-books .book-box .book-con .book-bg:hover{-webkit-box-shadow:0px 1px 4px 2px #efefef;box-shadow:0px 1px 4px 2px #efefef}.readed-books .book-box .book-con .book-bg .book-img{width:100%;height:auto}.readed-books .book-box .book-con .book-bg .book-img img{width:100%;max-width:100%;min-height:15em;-webkit-transition:height .3s ease;transition:height .3s ease}.readed-books .book-box .book-con .book-name{font-size:14px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:.5em .5em 0 .5em}.readed-books .book-box .book-con .read-time{display:block;font-size:12px}.readed-books .more-con{position:absolute;bottom:0;background-color:#fff;text-align:center;width:100%}.readed-books .more-con .show-more{padding:1.5em;position:relative;left:-10px;color:#1a98e9;cursor:pointer;font-size:18px}.readed-books .more-con .show-more:after{content:" ";width:9px;height:9px;display:inline-block;position:relative;left:10px;top:-3px;border-top:2px solid #1a98e9;border-left:2px solid #1a98e9;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.readed-books .more-con .blur-con{position:absolute;top:0;bottom:0;width:100%;height:16em;position:absolute;transform:translateY(-100%);-webkit-transform:translateY(-100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.2)), to(#fff));background:linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0, #fff 100%);background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, #fff 100%)}footer{width:100%;height:15rem;background-color:#494747;text-align:center}footer .website-info{bottom:2em;margin:0 auto;font-size:14px;color:#fff;padding-top:5em}footer .website-info span{margin:.5em;display:block}footer .website-info .friendly-link{font-size:12px;margin-bottom:.5em}footer .website-info .friendly-link-con img{margin:0 15px;vertical-align:middle;width:100px}footer .website-info .icp{font-size:12px;color:#fff}@media screen and (min-width: 320px)and (max-width: 768px){.name-con .per-avatar{top:20em;height:15em;width:15em;margin-left:-8em;-webkit-transform-origin:center 8em;transform-origin:center 8em}.name-con .per-con{padding-top:13em}.con-section{padding:0 2.5em;-webkit-box-sizing:border-box;box-sizing:border-box}.per-introduce{text-align:justify}.pro-introduce .pc-pro .pro-con{width:auto}.pro-introduce .moblie-pro .pro-con{width:50%;width:50%}.readed-books .book-box .book-con{width:50%;width:50%;min-height:275px}}
/*# sourceMappingURL=index-b377e3cd7e.css.map */