@media (min-width: 1200px) {
    .post-container, .sidebar-container {
        padding-right: 5%
    }
}

@media (min-width: 768px) {
    .post-container {
        padding-right: 5%
    }
}

@media screen and (max-width: 768px) {
    select {
        -webkit-appearance: none;
        margin-top: 15px;
        color: #337ab7;
        border-color: #337ab7;
        padding: 0 .4em;
        background: #fff
    }
}

body {
    color: #404040;
    font-family: -apple-system,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Microsoft JhengHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Source Han Sans TC","Noto Sans CJK TC","WenQuanYi Micro Hei",SimSun,sans-serif;
    font-size: 16px;
    line-height: 1.7;
}

p {
    margin: 30px 0
}

h1, h2, h3, h4, h5, h6 {
    font-family: -apple-system, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
    line-height: 1.7;
    line-height: 1.1;
    font-weight: 700
}

h4 {
    font-size: 21px
}

a {
    color: #404040
}

a:hover, a:focus {
    color: #0085a1
}

a img:hover, a img:focus {
    cursor: zoom-in
}

/*自定义导航条样式*/
@media only screen and (max-width: 767px) {
    .navbar-default .navbar-collapse {
        border: none;
        background: #fff;
        box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .2);
        box-shadow: rgba(0, 0, 0, .117647) 0 1px 6px, rgba(0, 0, 0, .239216) 0 1px 4px;
        border-radius: 2px;
        width: 170px;
        float: right;
        margin: 0
    }

    #huxblog_navbar {
        opacity: 0;
        transform: scaleX(0);
        transform-origin: top right;
        transition: all .25s cubic-bezier(0.23, 1, .32, 1);
        -webkit-transform: scaleX(0);
        -webkit-transform-origin: top right;
        -webkit-transition: all .25s cubic-bezier(0.23, 1, .32, 1)
    }

    #huxblog_navbar a {
        font-size: 13px;
        line-height: 28px
    }

    #huxblog_navbar .navbar-collapse {
        height: 0;
        transform: scaleY(0);
        transform-origin: top right;
        transition: transform 500ms cubic-bezier(0.23, 1, .32, 1);
        -webkit-transform: scaleY(0);
        -webkit-transform-origin: top right;
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.23, 1, .32, 1)
    }

    #huxblog_navbar li {
        opacity: 0;
        transition: opacity 450ms cubic-bezier(0.23, 1, .32, 1) 205ms;
        -webkit-transition: opacity 450ms cubic-bezier(0.23, 1, .32, 1) 205ms
    }

    #huxblog_navbar.in {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        opacity: 1
    }

    #huxblog_navbar.in .navbar-collapse {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }

    #huxblog_navbar.in li {
        opacity: 1
    }
}

.navbar-custom {
    background: 0 0;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    font-family: -apple-system, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
    line-height: 1.7
}

.navbar-custom .navbar-brand {
    font-weight: 800;
    color: #fff;
    height: 56px;
    line-height: 25px
}

.navbar-custom .navbar-brand:hover {
    color: rgba(255, 255, 255, .8)
}

.navbar-custom .nav li a {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    font-weight: 800;
    letter-spacing: 1px
}

.navbar-custom .nav li a:active {
    background: rgba(0, 0, 0, .12)
}

@media only screen and (min-width: 768px) {
    .navbar-custom {
        background: 0 0;
        border-bottom: 1px solid transparent
    }

    .navbar-custom body {
        font-size: 20px
    }

    .navbar-custom .navbar-brand {
        color: #fff;
        padding: 20px;
        line-height: 20px
    }

    .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus {
        color: rgba(255, 255, 255, .8)
    }

    .navbar-custom .nav li a {
        color: #fff;
        padding: 20px
    }

    .navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus {
        color: rgba(255, 255, 255, .8)
    }

    .navbar-custom .nav li a:active {
        background: 0 0
    }
}

@media only screen and (min-width: 1170px) {
    .navbar-custom {
        -webkit-transition: background-color .3s;
        -moz-transition: background-color .3s;
        transition: background-color .3s;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .navbar-custom.is-fixed {
        position: fixed;
        top: -61px;
        background-color: rgba(255, 255, 255, .9);
        border-bottom: 1px solid #f2f2f2;
        -webkit-transition: -webkit-transform .3s;
        -moz-transition: -moz-transform .3s;
        transition: transform .3s
    }

    .navbar-custom.is-fixed .navbar-brand {
        color: #404040
    }

    .navbar-custom.is-fixed .navbar-brand:hover, .navbar-custom.is-fixed .navbar-brand:focus {
        color: #0085a1
    }

    .navbar-custom.is-fixed .nav li a {
        color: #404040
    }

    .navbar-custom.is-fixed .nav li a:hover, .navbar-custom.is-fixed .nav li a:focus {
        color: #0085a1
    }

    .navbar-custom.is-visible {
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

/*屏幕缩小后呼出菜单按钮样式*/
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: inherit
}
.navbar-default .navbar-toggle:active {
    background-color: rgba(255, 255, 255, .25)
}
.navbar-default .navbar-toggle {
    border-color: transparent;
    padding: 19px 16px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    border-radius: 50%
}
.navbar-default .navbar-toggle .icon-bar {
    width: 18px;
    border-radius: 0;
    background-color: #fff
}
.navbar-default .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 3px
}

/*头部样式*/
.intro-header {
    background: no-repeat center center;
    background-color: gray;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .intro-header {
        margin-bottom: 20px
    }
}

.intro-header .site-heading, .intro-header .post-heading, .intro-header .page-heading {
    padding: 85px 0 55px;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .intro-header .site-heading, .intro-header .post-heading, .intro-header .page-heading {
        padding: 150px 0
    }
}

.intro-header .site-heading {
    padding: 95px 0 70px
}

@media only screen and (min-width: 768px) {
    .intro-header .site-heading {
        padding: 150px 0
    }
}

.intro-header .site-heading, .intro-header .page-heading {
    text-align: center
}

.intro-header .site-heading h1, .intro-header .page-heading h1 {
    margin-top: 0;
    font-size: 50px
}

.intro-header .site-heading .subheading, .intro-header .page-heading .subheading {
    font-family: -apple-system, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
    line-height: 1.7;
    font-size: 18px;
    line-height: 1.1;
    display: block;
    font-weight: 300;
    margin: 10px 0 0
}

@media only screen and (min-width: 768px) {
    .intro-header .site-heading h1, .intro-header .page-heading h1 {
        font-size: 80px
    }
}

.intro-header .post-heading h1 {
    font-size: 30px;
    margin-bottom: 24px
}

.intro-header .post-heading .subheading, .intro-header .post-heading .meta {
    line-height: 1.1;
    display: block
}

.intro-header .post-heading .subheading {
    font-family: -apple-system, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
    line-height: 1.7;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 400;
    margin: 10px 0 30px;
    margin-top: -5px
}

.intro-header .post-heading .meta {
    font-family: Lora, 'Times New Roman', serif;
    font-style: italic;
    font-weight: 300;
    font-size: 18px
}

.intro-header .post-heading .meta a {
    color: #fff
}

@media only screen and (min-width: 768px) {
    .intro-header .post-heading h1 {
        font-size: 55px
    }

    .intro-header .post-heading .subheading {
        font-size: 30px
    }

    .intro-header .post-heading .meta {
        font-size: 20px
    }
}

/*文章头样式*/
.intro-header .post-heading .subtitle {
    font-family: -apple-system,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Microsoft JhengHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Source Han Sans TC","Noto Sans CJK TC","WenQuanYi Micro Hei",SimSun,sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin: -5px 0 20px;
}
.intro-header .post-heading .meta {
    font-family: Lora,"Times New Roman",serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
}

/*内容样式*/
.post-container a {
    color: #337ab7
}

.post-container a:hover, .post-container a:focus {
    color: #0085a1
}

.post-container h1, .post-container h2, .post-container h3, .post-container h4, .post-container h5, .post-container h6 {
    margin: 30px 0 10px
}

.post-container h5 {
    font-size: 19px;
    font-weight: 600;
    color: gray
}

.post-container h5 + p {
    margin-top: 5px
}

.post-container h6 {
    font-size: 16px;
    font-weight: 600;
    color: gray
}

.post-container h6 + p {
    margin-top: 5px
}

.post-container ul, .post-container ol {
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    .post-container ul, .post-container ol {
        padding-left: 30px
    }
}

@media screen and (max-width: 500px) {
    .post-container ul, .post-container ol {
        padding-left: 20px
    }
}

.post-container ol ol, .post-container ol ul, .post-container ul ol, .post-container ul ul {
    margin-bottom: 5px
}

.post-container li p {
    margin: 0;
    margin-bottom: 5px
}

.post-container li h1, .post-container li h2, .post-container li h3, .post-container li h4, .post-container li h5, .post-container li h6 {
    line-height: 2;
    margin-top: 20px
}

.post-preview > a {
    color: #404040
}

.post-preview > a:hover, .post-preview > a:focus {
    text-decoration: none;
    color: #0085a1
}

.post-preview > a > .post-title {
    font-size: 21px;
    line-height: 1.3;
    margin-top: 30px;
    margin-bottom: 8px
}

.post-preview > a > .post-subtitle {
    font-size: 15px;
    line-height: 1.3;
    margin: 0;
    font-weight: 300;
    margin-bottom: 10px
}

.post-preview > .post-meta {
    font-family: Lora, 'Times New Roman', serif;
    color: gray;
    font-size: 16px;
    font-style: italic;
    margin-top: 0
}

.post-preview > .post-meta > a {
    text-decoration: none;
    color: #404040
}

.post-preview > .post-meta > a:hover, .post-preview > .post-meta > a:focus {
    color: #0085a1;
    text-decoration: underline
}

@media only screen and (min-width: 768px) {
    .post-preview > a > .post-title {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 10px
    }

    .post-preview > a > .post-subtitle {
        font-size: 16px
    }

    .post-preview .post-meta {
        font-size: 18px
    }
}

.post-content-preview {
    font-size: 13px;
    font-style: italic;
    color: #a3a3a3
}

.post-content-preview:hover {
    color: #0085a1
}

@media only screen and (min-width: 768px) {
    .post-content-preview {
        font-size: 14px
    }
}

@media (min-width: 1200px) {
    .post-container, .sidebar-container {
        padding-right: 5%
    }
}

@media (min-width: 768px) {
    .post-container {
        padding-right: 5%
    }
}

.section-heading {
    font-size: 36px;
    margin-top: 60px;
    font-weight: 700
}
/*文章图片自适应*/
.post-container img {
    display: block;
    height: auto;
    margin: 1.5em auto 1.6em;
    max-width: 100%;
}

/*右侧导航*/
.sidebar-container {
    color: #bfbfbf;
    font-size: 14px
}

.sidebar-container h5 {
    color: gray;
    padding-bottom: 1em
}

.sidebar-container h5 a {
    color: gray !important;
    text-decoration: none
}

.sidebar-container a {
    color: #bfbfbf !important
}

.sidebar-container a:hover, .sidebar-container a:active {
    color: #0085a1 !important
}

.sidebar-container .tags a {
    border-color: #bfbfbf
}

.sidebar-container .tags a:hover, .sidebar-container .tags a:active {
    border-color: #0085a1
}

.sidebar-container .short-about img {
    width: 80%;
    display: block;
    border-radius: 5px;
    margin-bottom: 20px
}

.sidebar-container .short-about p {
    margin-top: 0;
    margin-bottom: 20px
}

.sidebar-container .short-about .list-inline > li {
    padding-left: 0
}

/*标签*/
.tags {
    margin-bottom: -5px
}

.tags a, .tags .tag {
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 999em;
    padding: 0 10px;
    color: #fff;
    line-height: 24px;
    font-size: 12px;
    text-decoration: none;
    margin: 0 1px;
    margin-bottom: 6px
}

.tags a:hover, .tags .tag:hover, .tags a:active, .tags .tag:active {
    color: #fff;
    border-color: #fff;
    background-color: rgba(255, 255, 255, .4);
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .tags a, .tags .tag {
        margin-right: 5px
    }
}

/*最近文章*/
.recent-post{
    list-style: outside none none;
    padding: 0;
}

/*页脚*/
footer{
    padding: 50px 0 65px;
}
footer .copyright {
    font-size: 14px;
    margin-bottom: 0;
    text-align: center;
}

/*分类文章样式*/
.list-unstyled a{
	color: #707070;
}
.list-unstyled a:hover, .list-unstyled > a:focus{
	text-decoration: none;
    color: #0085a1
}
.list-unstyled a .post-title {
    font-size: 22px;
    line-height: 1.3;
    margin-top: 30px;
    margin-bottom: 8px
}

.list-unstyled a .post-subtitle {
    font-size: 15px;
    line-height: 1.3;
    margin: 0;
    font-weight: 300;
    margin-bottom: 10px
}
.list-unstyled .post-meta {
    font-family: Lora, 'Times New Roman', serif;
    color: gray;
    font-size: 16px;
    font-style: italic;
    margin-top: 0
}

/*分页按钮background-color: #fff;
    border: 1px solid #ddd;*/
.pager li>a{
    display: inline-block;
    padding: 5px 14px;
    border-radius: 4px;
	background-color: #fff;
    border-color: #ccc;
    color: #333;
}
.pager li>a:hover{  
	background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}