body,html{width:100%;height:100%;font-family:yayuan;}
body{background-color:#f1f2f6;color:#333;font-size:14px;position: relative;margin: auto;max-width: 100%; width: 768px;}
*{box-sizing:border-box;margin:0;padding:0;}
*,::after,::before{box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
ul,li{list-style:none;}
button,input,select,textarea{outline:0;}
a{color: #333;text-decoration: none;}
img{max-width: 100%; vertical-align: middle;}
#web{position:relative;height:100%;background-color:#fff;overflow: auto;}
::-webkit-scrollbar{width:3px;height:3px;}
::-webkit-scrollbar-thumb{border-radius:4px;background-color:#cbcbcb;}
::-webkit-scrollbar-track-piece{background:#eee;}
/** ----------------------------------
 * 头部
 -------------------------------------- **/
.header{overflow:hidden;height:110px;background-image:-moz-linear-gradient(top,#3a3f51,rgba(0,0,0,.86));background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3a3f51),color-stop(1,rgba(0,0,0,.86)));box-shadow:0 1px 4px 1px rgba(0,0,0,.05);}
.header .header_main{display:flex;padding:15px 10px;}
.header_main .portrait{overflow:hidden;padding-right:10px;}
.header_main .portrait a{display:block;}
.header_main .portrait img{width:80px;height:80px;border-radius:5px;}
.header_main .synopsis{overflow:hidden;width:90%;max-width:70%;}
.header_main .synopsis .synopsis_title{overflow:hidden;margin-bottom:5px;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:20px;}
.header_main .synopsis .synopsis_des{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.header_main .synopsis .synopsis_info{overflow:hidden;margin-top:8px;}
.header_main .synopsis_info span{display:inline-block;width:60px;height:20px;border-radius:22px;background-color:#ec6899;color:#fff;text-align:center;font-size:12px;line-height:20px;}
.header_main .synopsis_info .mars{background-color:#00bcd4;}
.header_main .synopsis_info .xz{background-color:#ff9800;}
.header_main .synopsis_info .lx{background-color:#2196f3;}
.header_main .synopsis_info span i{margin-right:4px;}
.header_main .synopsis_info .lx a{color:#fff;}
/*菜单导航*/
.nav{overflow:hidden;overflow-x:auto;overflow-y:hidden;min-height:.01%;border-bottom:1px solid #e5e9ef;background-color:#fafafa;background-image:linear-gradient(to bottom,#fff,#f2f2f2);box-shadow:0 1px 10px rgba(0,0,0,.1);}
.nav::-webkit-scrollbar-thumb{background-color:#666;}
.nav::-webkit-scrollbar{height: 3px;}
.nav ul{position:relative;width:100%;border-collapse:collapse;border-spacing:0;}
.nav ul li{display:table-cell;height:40px;text-align:center;white-space:nowrap;line-height:40px;width: 110px;}
.nav ul li:hover a,.nav ul li:hover a i{color:#03a9f4;}
.nav ul li a{display:block;padding:0 5px;color:#222;font-size:14px;}
.nav ul li a i{margin-right: 2px;color: #555;}
/*搜索*/
.search{overflow:hidden;padding:15px 5px;border-bottom:1px solid #e5e9ef;}
.search form{display:flex;}
.search form input{position:relative;display:inline-block;padding:5px 15px;width:100%;border:1px solid #ddd;border-right:0;border-radius:20px;border-top-right-radius:0;border-bottom-right-radius:0;color:#666;font-size:14px;}
.search form button,.search form input{height:40px;background-color:#fff;line-height:40px;}
.search form button{padding-right:15px;padding-left:10px;border:1px solid #ddd;border-left:0;border-radius:20px;border-bottom-left-radius:0;border-top-left-radius:0;color:#555;text-align:center;font-size:16px;cursor:pointer;}
#min_search{position:absolute;top:0;left:0;z-index:99;display:none;visibility:visible;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:1;transition:visibility 0s linear 0s,opacity .15s 0s,transform .15s;transform:perspective(1px) scale(1);}
.search_content{overflow:hidden;margin:40% 10px auto;border-radius:4px;background-color:#fff;}
.search_content .search_head{position:relative;display:flex;overflow:hidden;padding:10px;border-bottom:1px solid #d4d4d4;background-color:#fafafa;background-image:linear-gradient(to bottom,#fff,#f2f2f2);box-shadow:0 1px 10px rgba(0,0,0,.1);}
.search_content .search_head h1{font-size:16px;}
.search_content .search_head #close{position:absolute;top:-5px;right:-5px;}
.search_content .search_head #close i{padding:10px;border:0;border-radius:100%;color:#666;text-align:center;font-size:18px;cursor:pointer;}
.no_Tips{overflow:hidden;padding:20px 10px 10px;color:#666;text-align:center;}
/** ----------------------------------
 * 内容
 -------------------------------------- **/
.container{position:relative;min-height: calc(100vh - 210px);}
/*文章列表*/
.article,.article ul li,.container{overflow:hidden;}
.article ul li{position:relative;padding:10px;}
.article ul li+li{border-top: 1px solid #eeeeeec9;}
.article .article_content{display:flex;}
.article .article_content .pic{position:relative;overflow:hidden;margin-right:10px;width:45px;height:45px;border-radius:10%;}
.article .article_content .pic img{position:absolute;width:100%;height:100%;border-radius:10%;object-fit:cover;}
.article .article_content .info{overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.article .article_content .info h2{color:#333;font-size:16px;font-family: none;}
.article .article_content .info h2,.article .article_content .info p{overflow:hidden;max-width:calc(100% - 15px);text-overflow:ellipsis;white-space:nowrap;}
.article .article_content .info p{margin-top:5px;color:#999;font-size:12px;}
.article .article_content .time{color:#777;text-align:right;font-size:12px;align-self:flex-start;}
.article .article_content em{position:absolute;right:10px;bottom:10px;display:inline-block;width:20px;height:20px;border-radius:100%;background-color:#2196f3;color:#fff;vertical-align:middle;text-align:center;font-style:normal;font-size:12px;font-family:arial;line-height:20px;}
.article .article_content .xin{background-color:#e91e63;}
/*分类列表*/
.classify{overflow:hidden;margin:10px 5px;border:1px solid #eee;}
.classify .classify_title{padding:10px;font-size:16px;}
.classify .classify_grid{position:relative;overflow:hidden;padding-top:5px;padding-right:5px;border-top:1px solid #eee;}
.classify .classify_grid li{float:left;padding:0 0 5px 5px;width:33.333%;}
.classify_grid .grid{display:inline-block;padding:10px;width:100%;border:1px solid transparent;background-color:#fafafa;text-align:center;}
.classify_grid .classify_grid_fa{margin-bottom:5px;}
.classify_grid .classify_grid_fa i{color:#3db271;font-size:24px;}
.classify_grid p{font-size:12px;}
/*内页*/
.Inside_header{overflow:hidden;padding:10px;border-bottom:1px dashed #ddd;text-align:center;}
.Inside_header h1{margin-bottom:5px;font-weight:500;font-size:16px;font-family: none;}
.Inside_header p{color:#666;font-size:12px;}
.Inside_header p a{margin:5px;color:#666;}
.Inside_header p a i{margin-right:2px;}
.Inside_content{padding:10px;color:#555;line-height:2;}
.Inside_content,.Inside_info{overflow:hidden;}
.Inside_content img{height: auto;}
.Inside_info{margin-bottom:10px;border-bottom:1px solid #d4d4d4;border-top: 1px solid #e5e9ef;background-color:#fafafa;background-image:linear-gradient(180deg,#fff,#f2f2f2);box-shadow:0 1px 10px rgba(0,0,0,.1);}
.Inside_info a{float:left;display:inline-block;padding:10px 5px;width:33.3333%;border-right:1px solid #e5e9ef;color:#666;text-align:center;font-size:12px;}
.Inside_info a i{margin-right:2px;}
.Inside_info a:last-child{border-right:1px solid transparent;}
.Inside_info .current{color:#f44336;cursor:not-allowed;}
.Inside_info a em{margin-left:2px;font-style:normal;}
.Inside_doc .tag{overflow:hidden;padding:5px 10px 0;}
.Inside_doc .tag li{float:left;padding:0 5px 5px 0;}
.Inside_doc .tag li a{display:inline-block;padding:4px 6px;border:1px solid #d4d4d4;border-radius:22px;color:#666;font-size:12px;line-height:1;}
.Inside_doc .state{overflow:hidden;padding:5px 10px;color:#666;font-size:12px;}
.Inside_doc .state a{margin:auto 3px;color:#2196f3;}
/*消息列表*/
.Message_panel .Message_list{position:relative;overflow:hidden;}
.Message_panel .Message_image{position:absolute;top:10px;left:10px;}
.Message_panel .Message_image img{width:25px;height:25px;border-radius:3px;vertical-align:top;}
.Message_panel .Message_info{overflow:hidden;padding:10px 10px 10px 45px;border-bottom:1px dashed #d4d4d4;}
.Message_panel .Message_list:last-child .Message_info{border-bottom:0;}
.Message_info .Message_info_meta{position:relative;overflow:hidden;margin-bottom:8px;height:22px;line-height:22px;}
.Message_info .Message_info_meta span{font-weight:700;font-size:14px;}
.Message_info .Message_info_meta time{float:right;color:#90949c;font-size:12px;}
.Message_info .Message_info_content{margin-left:-35px;}
.Message_info .Message_info_content .Message_info_text{position:relative;padding:10px;border-radius:3px;background-color:#f5f5f5;color:#333;font-size:12px;line-height:1.5;}
.Message_info .Message_info_content .Message_info_text:before{position:absolute;top:-14px;right:inherit;left:35px;z-index:1;border:7px solid transparent;content:"";border-bottom-color:#f5f5f5;}
.Message_info .Message_info_content .Message_info_text:after{position:absolute;top:-15px;right:inherit;left:35px;border:7px solid transparent;content:"";border-bottom-color:hsla(0,0%,80.8%,.29);}
.Message_info .Message_info_content .Message_info_footer{overflow:hidden;margin-top:6px;color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
/** ----------------------------------
 * 评论功能
 -------------------------------------- **/
#pinglun{position:relative;overflow:hidden;margin-bottom:5px;padding:5px 10px;width:100%;border-radius:4px;background-color:#fff;}
/*评论框*/
.comment-box{overflow:hidden;}
.comment-box .comment-form{overflow:hidden;box-sizing:border-box;border-radius:2px;background-color:#fff;font-size:12px;margin-bottom: 10px;}
.comment-form .comment-input{overflow:hidden;width:100%;}
.comment-input .comment-max{display:flex;overflow:hidden;}
.comment-input .comment-max input{display:inline-block;box-sizing:border-box;padding:10px;width:100%;border:1px solid #e2e2e2;border-bottom:0;line-height:1;}
.comment-input .comment-max #email,.comment-input .comment-max #url{border-left:0;}
.comment-input textarea{display:inline-block;overflow-y:hidden;box-sizing:border-box;padding:10px;width:100%;height:120px;min-height:120px;border:1px solid #e2e2e2;border-radius:0;font-size:14px;resize:none;}
.comment-form .submit-box{overflow:hidden;width:100%;}
.comment-form .submit-box .cancel-reply{float:left;display:inherit;text-align:center;}
.comment-form .submit-box .cancel-reply a{width:70px;border:0;border-radius:4px;background-color:#f44336;line-height:25px;}
.comment-form .submit-box .cancel-reply a,.comment-form .submit-box .submit{display:inline-block;margin-top:5px;height:25px;color:#fff;font-size:12px;cursor:pointer;}
.comment-form .submit-box .submit{float:inherit;width:100%;border:1px solid #4285f4;border-radius:4px;background-color:#4387fd;line-height:1;}
.comment-form .submit-box .submit:hover{opacity:.8;}
/*评论列表*/
.complaints{overflow:hidden;margin:15px -10px auto;margin-top: 0;}
.comment-list .comment{position:relative;}
.comment .gravatar{position:absolute;top:10px;left:10px;}
.comment .gravatar img{border-radius:3px;vertical-align:top;}
.comment-list .comment-item{overflow:hidden;padding:10px 10px 10px 45px;border-top:1px dashed #d4d4d4;}
.comment-list li:first-child .comment-item{border-top:0;}
.comment-item .comment-meta{position:relative;overflow:hidden;margin-bottom:8px;height:22px;line-height:22px;}
.comment-item .comment-meta span{font-weight:700;font-size:14px;}
.comment-item .comment-meta time{float:right;color:#90949c;font-size:12px;}
.comment-item .post-content .comment-text{position:relative;padding:10px;border-radius:3px;background-color:#f5f5f5;color:#333;font-size:12px;line-height:1.5;}
.comment-item .post-content .lower{color: #ff5722;}
.comment-item .post-content .comment-text:before{position:absolute;top:-14px;right:inherit;left:35px;z-index:1;border:7px solid transparent;content:"";border-bottom-color:#f5f5f5;}
.comment-item .post-content .comment-text:after{position:absolute;top:-15px;right:inherit;left:35px;border:7px solid transparent;content:"";border-bottom-color:hsla(0,0%,80.8%,.29);}
.comment-item .post-content .comment-footer{overflow:hidden;margin-top:6px;color:#666;font-size:12px;}
.post-content .comment-footer .things{float:left;}
.post-content .comment-footer .make-reply{position:relative;float:right;display:inline-block;border:0;border-radius:2px;color:#666;font-size:12px;line-height:1;cursor:pointer;}
.comment-list .comment-sublist .comment .gravatar{left:55px;}
.comment-list .comment-sublist .comment .gravatar img{width:30px;height:30px;}
.comment-list .comment-sublist .comment .comment-item{margin-left:50px;padding-left:40px;}
.comment-item .post-content .comment-post{margin-top:5px;}
.comment-item .post-content .comment-form .submit-box .submit{float:right;width:70px;}
.comment .gravatar img,.comment-list .comment-sublist .comment .gravatar img{width:25px;height:25px;}
.comment-item .post-content{margin-left:-35px;}
.comment-list .comment-sublist .comment .gravatar{left:10px;}
.comment-list .comment-sublist .comment .comment-item{margin-left:10px;padding-left:35px;border-top: 1px dashed #d4d4d4;}
.post-content .comment-footer .things em{display:inline-block;width:35px;height:16px;border-radius:22px;background-color:#9e9e9e;color:#fff;text-align:center;font-style:normal;font-size:12px;line-height:15px;}
.post-content .comment-footer .things .bg-orange{background-color:#9c27b0;}
.post-content .comment-footer .things .bg-badge{background-color:#ec6899;}
#pagenavi{overflow:hidden;text-align:center;}
#pagenavi a,#pagenavi span{display:inline-block;margin:3px;width:30px;height:30px;border:1px solid #e2e2e2;border-radius:22px;color:#555;text-align:center;font-size:12px;line-height:28px;}
#pagenavi span{border:1px solid #ec6899;background-color:#ec6899;color:#fff;cursor:not-allowed;}
#pagenavi em{display:none;}
/*回复可见*/
#member-show{position:relative;margin-top:10px;}
#member-show .member-header{position:absolute;top:0;left:0;display:flex;width:100%;height:12px;line-height:1;align-items:flex-end;justify-content:center;}
#member-show .member-header i{position:relative;z-index:2;padding:0 15px;background-color:#fff;color:#b2bac2;font-size:22px;}
#member-show .hidden-area{position:relative;overflow:hidden;border:1px dashed #ddd;background-color:#fafafa;}
#member-show .hidden-area .hidden-area-title{margin-top:5px;color:#f44336;text-align:center;font-size:12px;}
#member-show .hidden-area .hidden-area-content{padding:5px 10px;text-align:center;font-size:14px;}
#member-show .hidden-area .hidden-area-content a{display:inline-block;width:80px;height:25px;border:0;border-radius:4px;background-color:#ff5722;color:#fff;font-size:12px;line-height:25px;}
/*首页友联*/
.link{overflow:hidden;position:relative;border:1px solid #eee;margin:10px 5px;border-radius:4px;margin-bottom:0;}
.link .link_h1{padding:5px 10px;font-size:14px;border-bottom:1px solid #eeeeeec9;}
.link .link_content{overflow:hidden;margin:5px 5px 0;}
.link_content li{display:inline-block;margin:0 5px 5px;font-size:12px;}
.link_content li a{color:#555;}
/** ----------------------------------
 * 底部
 -------------------------------------- **/
.footer{overflow:hidden;margin-top:10px;padding:5px 10px;border-top:1px solid #e5e9ef;color:#666;text-align:center;font-size:12px;}
.footer p+p{margin-top:5px;}
.footer p a{margin:auto 3px;color:#666;}
/** ----------------------------------
 * 代码高亮自定义
 -------------------------------------- **/
.Inside_content h1,.Inside_content h2,.Inside_content h3,.Inside_content h4{margin:5px auto;padding-bottom:1px;border-bottom:1px solid #ddd;color:#000;font-weight:400;font-size:18px;line-height:1.35;}
.Inside_content h1::before,.Inside_content h2::before,.Inside_content h3::before,.Inside_content h4::before{color:#ff4081;content:'#';}
pre.prettyprint{position:relative;overflow:auto;overflow-y:hidden;margin-top: 5px;padding:10px;min-height:100%;border-radius:5px;background:#fafafa;box-shadow:0 1px 3px 0 rgba(0,0,0,.4);color:#f8f8f2;line-height:1.5;border: none #dee5e7;background-color:#384548;}
pre.prettyprint::-webkit-scrollbar-thumb {border-radius: 6px; background-color: #777;}
pre.prettyprint::-webkit-scrollbar {width: 6px;height: 6px;}
pre.prettyprint::-webkit-scrollbar-track-piece {background: #272822;border-radius:5px;}
ol.linenums{margin-top:0;margin-bottom:0;padding-left:2em;}
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:decimal;}
.prettyprint.linenums ol li,pre.prettyprint.linenums ol li{margin-left:0;color:#bebec5;list-style:decimal;line-height:20px;}
.prettyprint .com{color:#93a1a1;}
.prettyprint .lit{color:#ae81ff;}
.prettyprint .clo,.prettyprint .opn,.prettyprint .pun{color:#f8f8f2;}
.prettyprint .fun{color:#dc322f;}
.prettyprint .atv,.prettyprint .str{color:#e6db74;}
.prettyprint .kwd,.prettyprint .tag{color:#f92659;}
.prettyprint .atn,.prettyprint .dec,.prettyprint .typ,.prettyprint .var{color:#a6e22e;}
.prettyprint .pln{color:#66d9ef;}