@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#333;text-decoration:none;-webkit-transition:0.1s ease-in-out;transition:0.1s ease-in-out;}
a:hover,a:active,a:focus{color:#757575;}
html{font-size:20px;}
body{font-size:.7rem;font-weight:300;font-family:"Roboto","Open Sans",sans-serif;line-height:1.42857143;background:#EDEDED;color:#333;-webkit-font-smoothing:subpixel-antialiased;word-wrap:break-word;-ms-word-wrap:break-word;}
input[type="text"]:focus,textarea:focus{outline:none;background:white;}
button:focus,textarea:focus{outline:none;}

/* 加载 */
.loading{text-align:center;margin-bottom:1.5em;}
@media (min-width:992px){
    .loading{margin-bottom:0;}
}

/* 浮动/清除浮动 */
.fl{float:left;}
.fr{float:right;}
.clearfloat{zoom:1;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0;}

/* nav.html */
header{background-color:#333;color:white;text-align:center;padding:36px 0 115px;}
.header-top h1{margin-bottom:8px;font-size:1.4rem;}
.header-top h1 a{color:#fff;}
.header-top h1 a img{height:37px;display:inline-block;margin-right:8px;vertical-align:middle;}
.header-top h1 a:hover{color:#D4D4D4;text-decoration:none;}
.header-top p{font-size:.7rem;font-weight:300;color:#D4D4D4;cursor:default;}
.btn-toggle{font-size:2rem;background:none;border:none;margin-top:20px;}
.btn-toggle i{color:#fff;}
.menu{margin-top:15px;}
.menu-item{margin:6px 0;font-size:.75rem;line-height:1.5em;}
.menu-item a{color:#fff;padding:6px 2px;}
.menu-item:hover > a,
.menu-item:active > a,
.active > a{color:#333;background:#fff;text-decoration:none;}
.dropdown-menu{padding:10px 0;display:none;background:none;border:0;}
.dropdown-menu li{margin:0;}
.dropdown-menu li a{font-size:.65rem;}

@media (min-width:992px){
    header{background-image:url(../img/right.png);background-repeat:no-repeat;background-position:right center;background-size:365px;}
    .header-top{text-align:left;}
    .header-top h1,.header-top p{display:inline-block;}
    .header-top p{margin-left:10px;}
    .btn-toggle{display:none;}
    .menu{display:block!important;margin:30px 0 10px;}
    .menu-item{display:block;float:left;margin:0 15px 0 0;}
    .menu-item > a{padding:2px 8px}
    .dropdown-menu{padding:5px;position:absolute;}
}

/* 通用卡片 */
.widget{background:#fff;box-shadow:0 0 2px 0 rgba(58,58,58,0.2);padding:1.5em 5.6875375%;}
.widget-left{margin-bottom:24px;}
.widget-right{margin-bottom:14px;}
.widget-title{font-weight:700;font-size:.8rem;line-height:1.5;margin-bottom:1.5em;}
.widget-box{padding-left:10px;}
.widget-box p{font-size:.7rem;margin-bottom:8px;}
.widget-box p a{color:#333;}
.widget-box ul{list-style:circle;font-size:0.7em;margin:1.5em;}
.widget-box ul li a{font-size:.7rem;color:#333;font-weight:300;}
.widget-box ul.cubCats{list-style:disc;}
.widget-box ul.cubCats li{margin-bottom:3px;}
.widget-box ul.cubCats li a{font-size:.65rem;}

/* 标签 */
.tags-box a{margin-right:10px;line-height:1.8;font-size:.65rem;}
.tags-box a:nth-child(1){font-size:.8rem;}
.tags-box a:nth-child(6){font-size:.6rem;}
.tags-box a:nth-child(10){font-size:.8rem;}
.tags-box a:nth-child(17){font-size:.75rem;}
.tags-box a:nth-child(22){font-size:.8rem;}
.tags-box a:nth-child(25){font-size:.6rem;}
.tags-box a:nth-child(29){font-size:.8rem;}

/* 文章列表 */
.post-title{font-size:1rem;font-weight:700;margin-bottom:4px;word-break:break-all;}
.post-title .cat{background:#bd3f3f;padding:0 10px;font-weight:300;font-size:1rem;border-radius:2px;position:relative;display:inline-block;color:#fff;}
.post-title .cat i{position:absolute;top:50%;margin-top:-4px;right:-4px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:4px solid #bd3f3f;border-top:4px solid transparent;border-bottom:4px solid transparent;}
.post-title .cat-tow{background:#dfdfdf;color: #333;}
.post-title .cat-tow i{border-left:4px solid #dfdfdf;}
.post-title a:hover{text-decoration:none}
.post-info{font-size:.6rem;}
.post-info a{text-decoration:underline;font-weight:700;}
.post-info-bottom{font-size:.7rem;}
.post-info-bottom a{font-weight:700;}
.post-excerpt p{margin:1.5em 0;font-size:.8rem;line-height:24px;font-weight:300;}

/* 分页符 */
.pagination{margin:24px 0}
.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}
.page-link:focus{box-shadow:none;}
.pagination li{color:#333;display:inline-block;margin-right:2px;}
.page-link{border-radius:0!important;}


/* 名片 */
.pc-author{display:none;}
.author-img{text-align:center;margin:20px 0;}
.author-img img{border-radius:50%;max-width:90px;}
.contact-text{text-align:center;}
.contact-text p{font-size:.65rem;line-height:1.8;font-weight:700;}
.contact-text p span{margin-left:5px;font-size:.6rem;font-weight:300;}
.contact-details{display:flex;justify-content:space-around;margin-top:15px;}
.contact-details a{width:50px;height:50px;text-align:center;line-height:50px;background:#F7F7F7;font-size:1.3rem;border-radius:50%;}
.wechat-code{display:none;}
@media (min-width:576px){
    .contact-text{text-align:left;}
    .author-img img{max-width:120px;}
}
@media (min-width:768px){
    .wechat-code{position:relative;display:block;}
    .wechat-code-img{width:130px;height:130px;position:absolute;top:-140px;right:0;border:1px solid #d4d4d4;display:none;}
    .wechat-code:hover .wechat-code-img{display:block;}
}
@media (min-width:992px){
    .mobile-author{display:none;}
    .pc-author{display:block;margin-top:50px}
    .author-img img{max-width:90px;}
    .contact-text{text-align:center;}
}

/* 搜索 */
.alert-btn,
.seaech-text,
.seaech-btn{font-size:.6rem;font-weight:400;padding:10px 12px;border-radius:0;transition:all 0.2s;}
.seaech-text{width:70%;background:#F7F7F7;border:solid 1px #D4D4D4;min-height:37px;}
.alert-btn,
.seaech-btn{width:28.333333%;background:none;border:1px solid #333;}

/* footer.html */
footer{background:#333;padding:10px 0 6px 0;margin-top:30px;}
footer .copyright{font-size:.6rem;text-align:center;color:#D4D4D4;}
footer .copyright a{color:#D4D4D4;}
#backtotop{position:fixed;bottom:50px;right:20px;display:none;cursor:pointer;font-size:1.8rem;z-index:9999;width:40px;height:40px;line-height:30px;border:1px solid #333;box-shadow:0px 0px 4px #ababab;border-radius:2px;text-align:center;}

/* article.html */
.article-title{font-size:1.4rem;font-weight:700;margin-bottom:10px;}
.article-info{font-size:.65rem;margin-bottom:1.5rem}
.article-info a{font-weight:700;}
.article-tags a{font-size:.7rem;}
.page-turning li{margin:5px 0 15px;}
.page-turning li span{font-size:.6rem;display:block;}
.page-turning li a{font-weight:700;font-size:.75rem;line-height:1.8;}
.page-turning .no-click{color:#757575;text-decoration:none;font-weight:300;}
@media (min-width:992px){
    .page-turning .previous-post,.page-turning .next-post{display:inline-block;width:49%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .page-turning .next-post{float:right;text-align:right}
}

/* 缩略图 */
.thumbnail{box-shadow:1px 1px 4px #d4d4d4;}
.thumbnail-img{max-width:100%;}

/* 下载按钮 */
.article-thumbile{text-align:center;}
.article-thumbile a{font-size:.65rem;width:100%;display:block;margin:10px 0;}
.article-thumbile a:focus{box-shadow:none;color:#fff;}
.article-thumbile a:nth-last-child(1){line-height:28px;cursor:auto!important;}
@media (min-width:768px){
    .article-thumbile a{display:inline-block;width:22%;margin:15px 6px 0 6px;}
}

/* 强制内容框 */
.article-content{margin-bottom:1.5em}
.article-content img{max-width:100%!important;}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-family:inherit;font-weight:600;line-height:1.1;color:inherit;}
.article-content h1{font-size:1.8rem;}
.article-content h2{font-size:1.5rem;}
.article-content h3{font-size:1.2rem;}
.article-content h4{font-size:.9rem;}
.article-content h5{font-size:.7rem;}
.article-content h6{font-size:.6rem;}
.article-content h1,h2,h3{margin-top:20px;margin-bottom:10px;}
.article-content h4,h5,h6{margin-top:10px;margin-bottom:10px;}
.article-content p{margin:0 0 10px;word-break:break-all;font-size:.75rem;line-height:1.8;font-weight:300;}
.article-content code{padding:2px 5px;color:#c7254e;border-radius:4px;background-color:#f9f2f4;}

/* 正文标签 */
.article-tags{margin:0 0 1.5em 0;padding:0 0 .5em 0;border-bottom:1px solid #dfdfdf;font-size:.6rem;color:#a5a5a5;font-weight:600;}

/* 留言板 */
.contact-form .form-control{border-radius:0;font-size:.7rem;padding:0;border:none;border-bottom:solid 1px #D4D4D4;}
.contact-form .form-control:focus{box-shadow:none;border-bottom:1px solid #333}
.contact-form textarea{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;resize:vertical;min-height:100px;}
.contact-form textarea:focus{min-height:150px;}
.contact-form .contact-btn{background-color:#e9ecef;border:1px solid #dee2e6;font-size:.6rem;font-weight:400;padding:10px 12px;border-radius:0;}
.contact-form .contact-btn:hover{background-color:#e9ecef;border-color:#dee2e6;border:1px solid #333;}

/* 评论 */
.comment-number{background:#e9ecef;border-radius:30px;padding:1px 8px;font-weight:300;}

/* list_themes.html */
.list-themes .nav .active{border-bottom:2px solid #333}
.list-themes .blog-main-text-pic{margin-top:20px;padding:0 10px;}
.list-themes .card{background:#fff;box-shadow:0 0 2px 0 rgba(58,58,58,0.2);border:none;}
.list-themes .card .img-a{max-height: 400px;overflow: hidden;display: block;}
.list-themes .card .card-img-top{border-radius:0;}
.list-themes .card .card-body{padding:10px 14px;}
.list-themes .card .card-body a{text-decoration:none}
.list-themes .card .card-title{font-size:.9rem;line-height:1.5;font-weight:700;}
.list-themes .card .card-text{font-size:.65rem;}
.list-themes .card .text-muted{display:block;margin-top:10px;padding-top:8px;border-top:1px dashed #d4d4d4;}
@media (min-width: 576px){
	.list-themes .card{position:relative;}
	.list-themes .card .img-a{height: 600px;}
	.list-themes .card .card-body{position:absolute;bottom:0;background: #fff;}
}

/* page.html */
.page-box .page-title{font-size:1.4rem;font-weight:700;margin-bottom:10px;}
.page-box .page-content p{margin:1.2em 0;font-size:.8rem;line-height:24px;font-weight:300;}


.article-content h1{
   margin: 1.3rem 0rem;
    font-size: 1.3em;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    background: #3d97cb;
    border-radius: 6px 6px 6px 6px;
    color: white;
    font-weight: bold;
    height: 35px;
    line-height: 25px;
    margin: 15px 0 !important;
    padding: 5px 0 5px 20px;
    text-shadow: 2px 2px 3px #222;
    width: 97%;
}