body{background-color:#e6e6e6;font-size:16px;font-size:1rem ;}
.header {width: 100%;height:60px;line-height: 60px; position: fixed; z-index: 999; box-shadow: 0 2px 6px 0 #bbbbbb;}
header img {margin-left: 10px;}
header .layui-nav {text-align: right;margin-right: 10px;}
.layui-nav {padding-right:10px;}
.layui-nav * {font-size: 1rem;}
.layui-nav .layui-this::after, .layui-nav-bar {background-color: #0097ff;height: 2px;}
.layui-nav .layui-nav-item {margin-right: 5px;}
.layui-nav .layui-nav-item a{padding: 0 18px;}
.layui-nav.layui-bg-gray .layui-this a {color: #000;}
.mobile-nav .layui-nav-child {top:45px;left:-45px;} 
.mobile-nav .icon{font-size: 1.5rem;line-height: 50px;}

.main {padding-top: 72px;}

.index-article-list ul {margin-bottom:10px;}
.index-article-list figure {margin:0px;}
.index-article-list img{height: 200px; width: 100%; object-fit: cover; border-radius: 5px 5px 0 0;}
.index-article-list h1 {font-size: 1.3rem;background-color: #fff;padding: 10px;}
.index-article-list h1 a:hover{color: #0097ff;}
.index-article-list li div {text-align: right; background-color: #fff;padding:0px 10px 5px 10px;font-size: 0.9rem;color: #999;}
.index-article-list source{margin-left: 10px;}
.article-list-blank {height: 268px;border-radius: 5px 5px 0 0;background-color: #fff;}
.no-record {line-height: 100px;text-align: center !important;margin-bottom: 6px;}
.paginate {clear: both;text-align: center;background-color: #fff;}
.top {color: #ff7d00;}

.article-read {background-color: #fff;margin-top: 6px; padding:20px 80px 20px 80px;border-radius: 5px;margin-bottom: 20px;}
.article-read .info {color:#999;margin-bottom: 20px;border-bottom:1px solid #eee;border-top:1px solid #eee;text-align: center;line-height: 35px;}
.article-read .info a{color:#999;}
.article-read blockquote{color: #666; background-color: #fafafa;padding: 10px 20px;border-radius: 5px;border: 1px solid #dddddd;font-size: 0.9rem; line-height:22px;}
.article-read h1{font-weight: bold; padding: 30px 0px;text-align: center;}
.article-read h2{font-weight: bold; padding: 10px 0px;}
.article-read h3{font-weight: bold;padding: 5px 0px;}
.article-read .content{font-size: 1rem;line-height: 25px;}
.article-read .content p{padding: 4px 0px;}
.article-read .content p code{background-color: #ecf6ff;margin: 0px 5px; padding:2px 5px;border-radius: 5px; box-shadow: 1px 1px 2px #bbbbbb;}
.article-read .content a,.article-read .tags a{color: #0097ff;}
.article-read .content a:hover,.article-read .tags a:hover{color: #FF7D00;}
.article-read .tags {margin-top: 20px;line-height: 40px; border-top: #eeeeee solid 1px;}
.article-read .tags a{margin: 10px;}
/*文章目录插件相关*/
.outline-chapters_fixed {margin-top: 72px;background-color: #fff;border-radius: 5px;padding: 10px;margin-left: -10px;} 
.outline-chapters__title {text-align: center;margin: 0;font-weight: bold;}
.outline-chapters__item {line-height: 22px;}

.sidebar{background-color: #fff;border-radius: 5px;padding: 10px;margin-bottom: 4px;}
.sidebar h1{line-height: 35px; font-size: 1rem;font-weight: bolder;margin-bottom: 8px;border-bottom:1px solid #eee;}
.sidebar i{font-size: 1.3rem;margin-right: 10px;}
.sidebar .content{padding:0 6px;}
.sidebar a{color: #0097ff;margin: 0px;}
.sidebar a em{color: #999;font-size: 0.8rem;margin-left: 10px;}
.sidebar a:hover,.side-tags .tag-checked{color: #FF7D00;}
.side-title li{margin-bottom: 5px;border-bottom:1px dotted #bbbbbb;}
.side-title li:last-child{margin-bottom: 0px;border-bottom:0}
.side-title a{font-size: 1rem;}
.side-title .summary{margin-bottom: 5px;font-size: 0.8rem;color: #666;}
.side-tags a{font-size: 1rem; line-height: 1.8rem; margin: 0 5px;white-space:nowrap;}
.side-tags li a{display: block;}

.website-type{background-color: #fff;margin-bottom: 5px;padding: 10px;border-radius: 5px;}
.website,.website-tag{height:40px;padding: 5px 10px 2px 10px ;border-radius: 5px;}
.website-tag{line-height:40px; text-align: center;background-color: #f5f5f5;color: #0097ff;font-weight:bolder;}
.website a { font-weight: bolder; display: flex; display:block;}
.website:hover {background-color: #f5f5f5;}
.website a img{width:auto;height: 16px; margin:5px 5px 0px 0px;float: left;}
.website em {clear: both; float: left; font-size: 0.8rem;font-weight: 100; color: #999;}
/* 超小屏幕 */
@media screen and (max-width: 767.98px) {
    .article-read {padding:20px !important;}
}
/* 小型屏幕 */
@media screen and (min-width: 768px) {
}
/* 中型屏幕 */
@media screen and (min-width: 992px) {
}
/* 大型屏幕 */
@media screen and (min-width: 1200px) {
}
/* 超大屏幕 */
@media screen and (min-width: 1400px) {
}

footer {font-size: 0.8rem;text-align: center;color: #666;background-color: #333;padding: 10px 0; line-height:18px;}
footer a {color: #666;margin: 0 10px;}