.baidu-record,.tags a{display:inline-block;transition:all .3s}.appreciate-btn,.comment-form-meta,.page-head-meta{text-align:center}.appreciate-btn,.directory-content li,.submit-box .submit{cursor:url(../../mouse/link.cur),pointer}.article,.page{width:100%;min-height:calc(100vh);padding:80px 20px 0;word-break:break-all}.article-meta,.article-meta a,.baidu-record,.baidu-record a,.breadcrumb,.breadcrumb a,.page-meta,.page-title{color:#fff}.article-meta,.baidu-record,.breadcrumb,.page-meta,.tags{font-family:icomoon;font-size:12px;margin-top:10px}.page-title{font-size:40px}.baidu-record{padding:5px 10px;border-radius:5px;background-color:#29d}.baidu-record:hover{transform:scale(.95)}.article-meta{line-height:2em}.tags{padding-bottom:10px;border-bottom:1px dashed #fff}.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:#fff;margin:50px 0}.article-directory{display:none;position:fixed;top:20%;left:-200px;width:200px;height:40%;color:#fff;padding:20px;transition:all .3s;opacity:0;border-radius:0 50px;background-color:rgba(0,0,0,.7)}.directory-title{font-size:18px;font-weight:700;margin:10px 0}.directory-title:before{content:'# ';color:#35c5ff}.directory-content{padding-left:2em;max-height:80%;overflow-y:auto;overflow-x:hidden}.comment-author,.submit-box{overflow: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;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 #7dff9d;border-radius:50%}.img-list{position:relative}.appreciate-btn{height:30px;width:80px;line-height:30px;color:#ff4d4d;font-family:icomoon;font-size:12px;font-weight:700;margin:15px auto;border-radius:5px 15px;background-color:#fdd;-webkit-tap-highlight-color:transparent;transition:all .2s}.appreciate-btn:hover{border-radius:15px 5px}.article-copyright-info{font-size:12px;line-height:1.5em;padding:20px;color:#000;background-color:rgba(255,255,255,.5);border-left:2px solid #008fe4;border-radius:5px}.article-copyright-info a{color:#b10026;position:relative}.article-copyright-info a:after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#000;transition:all .2s}.article-copyright-info a:hover:after{width:100%}#comment-form{margin:50px 0}.comment-form-all{width:100%;color:#fff;font-size:12px;overflow:hidden}.comment-form-all a{color:#fff}.comment-form-meta input{width:30%;color:#fff;margin:5px 0;padding:5px 0 5px 15px;border:1px dashed #bbb;border-radius:5px;background-color:rgba(255,255,255,0);transition:all .3s linear}.comment-form-meta input::-webkit-input-placeholder{color:#fff}.comment-form-meta input:focus{border-bottom:1px dashed #0095ff}.comment-form-all .textarea{width:100%;resize:none;border:none;padding:15px;margin:5px 0;border-radius:5px;background-color:rgba(255,255,255,.7)}.comment-form-all .textarea::-webkit-input-placeholder{color:#0e0e0e}.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 #fff;padding-left:10px;color:#fff;background-color:rgba(255,255,255,0)}.comment-parent,.submit-box .submit{background-color:rgba(255,255,255,.2)}.submit-box .submit{font-family:icomoon;float:right;height:30px;padding:0 15px;color:#fff;border-radius:0 15px;border:none;transition:all .3s}.submit-box .submit:hover{color:#ffeb3b;border-radius:15px 0}#comments>h3,.comment>h3{color:#fff;font-size:14px;margin:50px 0}.comment-list,.comment-list a{color:#fff}.comment-parent{margin:10px 0;padding:10px;border-radius:5px;transition:all .2s}.comment-parent:hover{background-color:rgba(255,255,255,.4)}.comment-author{font-size:12px;margin:15px 0}.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:#ff8d00;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}.cancel-comment-reply a,.comment-reply a{font-weight:700;transition:all .3s}.cancel-comment-reply a:hover,.comment-reply a:hover{color:#FF9800}.cancel-comment-reply{margin-bottom:10px}.comment-children{margin-left:50px}.comment-page{padding:50px 0}