.article-head,.page-head{position:relative}.article-head-img,.page-head-img{height:300px;width:100%;filter:blur(5px)}.article-head-img:before,.page-head-img:before{content:'';display:block;height:100%;width:100%;background-color:rgba(0,0,0,.5)}.baidu-record,.tags a{display:inline-block;transition:all .3s}.article-head-meta,.page-head-meta{position:absolute;top:50%;transform:translateY(-50%);width:100%;text-align:center;color:#fff}.article-title,.page-title{font-size:40px}.page-head-meta .breadcrumb a{color:#fff}.article,.page{width:100%;margin:0 auto;padding-top:80px;word-break:break-all}.article-meta,.baidu-record,.breadcrumb,.page-meta,.tags{font-family:icomoon;font-size:12px;margin-top:10px}.baidu-record{padding:5px 10px;border-radius:5px;color:#fff;background-color:#29d;box-shadow:0 0 10px #29d}.baidu-record:hover{transform:scale(.95)}.baidu-record a{color:#fff}.article-meta{line-height:2em}.tags{padding-bottom:10px;border-bottom:1px dashed #ccc}.tags a{font-weight:700;padding:5px 15px;margin:0 5px 5px;border-radius:25px}.tags a:hover{transform:translateY(-3px);box-shadow:0 0 5px}.tags a:before{content:'\e9db'}.tag-color1{background-color:rgba(255,189,41,.2);color:#ffbd29}.tag-color2{background-color:rgba(35,171,251,.2);color:#23abfb}.tag-color3{background-color:rgba(251,35,185,.2);color:#fb23b9}.tag-color4{background-color:rgba(255,112,112,.2);color:#ff7070}.tag-color5{background-color:rgba(44,204,204,.2);color:#2ccccc}.tag-color6{background-color:rgba(217,65,255,.2);color:#d941ff}.tag-color7{background-color:rgba(255,64,73,.2);color:#ff4049}.tag-color8{background-color:rgba(28,137,249,.2);color:#1c89f9}.tag-color9{background-color:rgba(81,206,40,.2);color:#51ce28}.tag-color10{background-color:rgba(239,78,78,.2);color:#ef4e4e}.article-content,.page-content{font-size:14px;color:#313131;margin:50px 0}.article-directory{display:none;position:fixed;top:40%;left:-200px;width:200px;height:40%;transition:all .3s;opacity:0}.directory-position{left:320px!important}.directory-title{font-size:18px;font-weight:700;margin:10px 0}.directory-title:before{content:'# ';color:#7e2aff}.directory-content{color:#3e3e3e;padding-left:2em;max-height:80%;overflow-y:auto;overflow-x:hidden}.directory-content::-webkit-scrollbar{width:5px}.directory-content::-webkit-scrollbar-track{background-color:rgba(255,255,255,0)}.directory-content::-webkit-scrollbar-thumb{border-radius:5px;background-color:#ddd}.directory-content li{font-size:13px;position:relative;padding-left:1.3em;margin:.5em 0;cursor:url(../mouse/link.cur),pointer;transition:all .5s}.directory-content li:hover{color:#ffb710;transform:scale(1.02)}.directory-content li:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);height:5px;width:5px;border:2px solid #7e2aff;border-radius:50%}.img-list{position:relative}.appreciate-btn{height:30px;width:80px;line-height:30px;text-align:center;color:#ff4d4d;font-family:icomoon,serif;font-size:12px;font-weight:700;margin:15px auto;border-radius:5px 15px;background-color:#fdd;box-shadow:0 0 20px #fdd;cursor:url(../mouse/link.cur),pointer;-webkit-tap-highlight-color:transparent;transition:all .2s}.appreciate-btn:hover{border-radius:15px 5px}.article-copyright-info,.comment-form-all{padding:20px;border-radius:5px;font-size:12px}.article-copyright-info{line-height:1.5em;color:#7b7b7b;background-color:rgba(189,189,189,.2);border-left:2px solid #354b58}.article-copyright-info a{color:#ff8044;position:relative}.article-copyright-info a:after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#ff4081;transition:all .2s}.article-copyright-info a:hover:after{width:100%}#comment-form{margin:50px 0}.comment-form-all{width:100%;background-color:#fff;box-shadow:2px 2px 20px rgba(0,0,0,.08);overflow:hidden}.comment-form-meta{text-align:center}.comment-form-meta input{width:30%;margin:5px 0;padding:5px 0 5px 15px;border:1px dashed #bbb;border-radius:5px;transition:all .3s linear;background-color:rgba(255,255,255,0)}.comment-form-meta input:focus{border-bottom:1px dashed #212121}.comment-form-all .textarea{width:100%;resize:none;border:none;padding:15px}.submit-box{font-size:12px;font-weight:700;overflow:hidden}.submit-box input,.submit-box span{float:right;margin-right:10px;height:30px;line-height:30px}.submit-box input{width:50px;border:none;border-bottom:1px dashed #000;padding-left:10px}.submit-box .submit{font-family:icomoon;float:right;height:30px;padding:0 15px;color:#ff5200;background-color:#ffe6e6;border-radius:0 15px;border:none;cursor:url(../../mouse/link.cur),pointer;transition:all .3s}.submit-box .submit:hover{border-radius:15px 0}#comments>h3,.comment>h3{font-size:14px;margin:50px 0}.comment-parent{margin:10px 0;padding:10px;border-radius:5px;background-color:#fff;box-shadow:0 0 10px #cacaca;transition:all .2s}.comment-parent:hover{box-shadow:0 0 20px #9e9e9e}.comment-author{font-size:12px;margin:15px 0;overflow:hidden}.comment-author .avatar{float:left;margin-right:10px;border-radius:5px}.awaiting{color:#fa0237}.comment-body>div>p{font-size:12px;margin-left:50px;line-height:30px}.comment-by-author>div>.comment-author>a{color:#ff6c5b;font-weight:700}.comment-by-author>div>.comment-author>a:after{content:"站长";color:#fff;border-radius:5px;padding:0 5px;margin-left:5px;background-color:#000}.cancel-comment-reply,.comment-reply{float:right;font-size:12px;transition:all .2s}.cancel-comment-reply:hover,.comment-reply:hover{transform:translateY(-2px)}.cancel-comment-reply a,.comment-reply a{font-weight:700;color:#ff407e;text-shadow:0 0 10px}.cancel-comment-reply{margin-bottom:10px}.comment-children{margin-left:50px}