*, *:before, *:after{box-sizing: inherit;}
body{width:100%;padding:0;margin:0;font-family:'Microsoft Yahei',Arial,sans-serif;font-size:14px;line-height:1.8;background:#fff;color:#333;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,a:visited,a:focus{color:#303030;text-decoration:none;transition:all 0.2s linear 0s;}
a:hover{color:#007ee4;text-decoration:none;}
/*img{border:0;display:block}*/ul,li{list-style-type:none;margin:0;padding:0}
figure,h1,h3,h3{margin:0;padding:0;}
.container{max-width:95%;margin-right: auto;margin-left: auto;}
.site-header .container{position: relative;display: flex;align-items: center;}
header{padding:5px 0px 6px;position: relative;z-index: 999;background-color:#fff;/* box-shadow: 0 1px 2px 0 rgba(0,0,0,.06);*//* box-shadow: 0px 2px 8px rgba(0,0,0,0.08);*/border-bottom: 1px solid #f0f0f0;}
#nav-mobile{display:none;}
.nav-mobile-button{width: 34px;height: 20px;position: relative;}
.nav-mobile-button:before, .nav-mobile-button:after, .nav-mobile-button span{content: '';background-color:#0d0c22;height: 2px;position: absolute;left: 0;right: 0;margin: auto;-webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);transition: all .25s cubic-bezier(.645,.045,.355,1);width: 100%;}
.nav-mobile-button:before{top: 0;}
.nav-mobile-button span{top: 9px;}
.nav-mobile-button:after{bottom: 0;}
.header-search{margin-right:20px;}
.logo{margin-right: 50px;}
.header-nav ul{display: flex;}
.header-nav ul li{margin-right:20px;font-size:17px;}
.ss a svg{display:block;}
#header-menu{flex:1;}
@media screen and (max-width: 1199px){#nav-mobile{display:block;cursor: pointer;}
.nav-mobile-button:hover:before, .nav-mobile-button:hover:after{width: 100%;}
.header-nav ul{display:block;padding:30px 20px;}
.header-nav ul li{margin-bottom:10px;}.ss{display:none;}
#header-menu{position: fixed;height: 100vh;width: 280px;top: 0;left: 0;bottom: 0;margin: 0;overflow: hidden;z-index: 999;-webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);transition: all .25s cubic-bezier(.645,.045,.355,1);-webkit-transform: translateX(-100%);transform: translateX(-100%);visibility: hidden;-webkit-box-shadow: 0 0 15px rgb(0 0 0 / 8%);box-shadow: 0 0 15px rgb(0 0 0 / 8%);background-color: #fff;}
#header-menu.active{visibility: visible;opacity: 1;-webkit-transform: translateX(0%);transform: translateX(0%);}
#header-menu.active + .backdrop{opacity: 1;visibility: visible;}
#header-menu + .backdrop{z-index: 998;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(34,34,55,.6);-webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);transition: all .25s cubic-bezier(.645,.045,.355,1);opacity: 0;visibility: hidden;}}
.main{width:90%;margin:30px auto;display: flex;justify-content: space-between;}
.single-post{max-width:1080px;margin-right:50px;}
.entry-title{font-size:30px;font-weight: normal;margin:30px 0;}
.post-content img{max-width: 100%;height: auto;}
.post-content p{margin:0 0 24px;font-size: 16px;color: #555;}
/* 上一页,下一页*/.next-page{position: relative;padding-top: 120px;width:160px;}
.qodef-m-nav{position:fixed;right:30px;top:120px;display: flex;align-items: center}
.qodef-m-nav>*{display: block;}
.qodef-m-nav.qodef--prev .qodef-m-nav-icon{margin-right: 5px;top: 1px}
.qodef-m-nav.qodef--prev .qodef-m-nav-image{margin-right: 20px}
.qodef-m-nav.qodef--next{flex-direction: row-reverse;text-align: right;margin-left: auto}
.qodef-m-nav.qodef--next .qodef-m-nav-icon{margin-left: 5px;top: 1px}
.qodef-m-nav.qodef--next .qodef-m-nav-image{margin-left: 20px}
.qodef-m-nav-icon{position: relative;font-size: 25px;width: 25px;height: auto}
.qodef-m-nav-icon path{stroke-linecap: round;stroke-linejoin: round;stroke-width: 25;stroke-dasharray: 410;stroke-dashoffset: 820;transition: stroke-dashoffset .8s ease}
.qodef-m-nav:hover .qodef-m-nav-icon path{stroke-dashoffset: 0}
.qodef-m-nav-image{width: 75px;height:133px}
.backtop{position: fixed;bottom: 14px;right: 10px;cursor: pointer;}
.backtop > div{position: relative;width: 44px;height: 44px;border-radius: 22px;background-color: #f9f9f9;}
.backtop > div i{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: block;height: 24px;width: 24px;background-image: url(top.png);background-repeat: no-repeat;background-size: 100% 100%;}
.backtop > div:hover{background: #fff;-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}
.list-wrapper{background-color:#f8f8f8;padding:14px 0px 0;margin-bottom:20px;}
.list-title{color: #303030;font-size: 24px;font-weight: normal;line-height: 1.25;color: #303030;margin-bottom: 6px;margin-top: 10px;font-family: 'Poppins', sans-serif;}
.list-posts{display: flex;flex-wrap: wrap;justify-content: center;padding: 10px 0 30px 0;}
.carousel-item{flex-grow:1;flex-shrink:0;width: 15%;max-width: calc(100vw / 6);margin: 6px;}
.carousel-item .thumb-image{display: block;position: relative;width:100%;padding-bottom: 175%;overflow: hidden;border-radius: 6px;}
.carousel-item .thumb-image img{width:100%;position: absolute;height:100%;object-fit:cover;border-radius:5px;object-fit: cover;}
.carousel-item .thumb-image img{transition: 0.5s;}
.carousel-item .thumb-image img:hover{transform: scale(1.1)}
.carousel-item .figcaption{visibility: visible;opacity: 1;padding: 4px 0;z-index: 1000;top: 0;width: 100%;}
.carousel-item .figcaption .figure-title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;font-family: Poppins;font-size: 15px;line-height: 1.25;letter-spacing: normal;margin: 0;font-weight: 400;}
@media (max-width: 1025px){.list-title{padding: 0 24px;}}
@media only screen and (min-width: 640px) and (max-width: 1024px){.carousel-item{width: 30%;max-width: calc(100vw / 3);}}
@media only screen and (max-width: 639px){.carousel-item{width: 35%;max-width: calc(100vw / 1.5);}
.list-title{padding: 0 12px;}
.container{max-width:100%;padding:0 15px;}
#nav-mobile{right: 15px;}}
.tips{text-align: right;color:#f00;font-size:13px;margin-bottom:10px;}
.back-to-blog a{color:#007ee4}
@media only screen and (max-width:768px){.main{display: block;}
.single-post{margin-right: 0;}
.next-page{padding-top:40px;text-align: right;width:100%;}
.entry-title{font-size:24px;}}
#footer .copyright{padding: 1.5rem 2rem 2rem;text-align: center;}
.back-top{position: fixed;right:20px;bottom:30px;width:40px;height:40px;opacity:0.25;z-index:999;}
.back-top:hover{opacity: .6;}