/*! themebetter.com/theme/dux */body { font-family: 'Microsoft Yahei'; color: #333 }
ul, ol, dl, dt, dd { margin: 0; padding: 0 }
ul { list-style: none }
table { font-size: 12px }
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { vertical-align: middle; padding: 10px; border-top-color: #eee }
a { color: #333 }
a:hover { color: #45B6F7; text-decoration: none }
a:focus { outline: 0; text-decoration: none }
.thumbnail { border: none; padding: 0; margin: 0 }
.btn { border-radius: 2px; padding: 6px 15px; outline: none !important }
.btn-xs, .btn-group-xs>.btn { border-radius: 2px; padding: 3px 6px }
.btn-sm, .btn-group-sm>.btn { border-radius: 2px; padding: 5px 12px }
.btn-lg, .btn-group-lg>.btn { font-size: 18px; border-radius: 4px; padding: 12px 28px }
.btn-default { border-color: #ddd; color: #666 }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { border-color: #bbb; color: #444 }
.btn-primary { background-color: #45B6F7; border-color: #45B6F7 }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { background-color: #45B6F7; border-color: #45B6F7; opacity: 0.85; filter: alpha(opacity=85) }
.btn-danger { background-color: #FF5E52; border-color: #FF5E52 }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger { background-color: #EF4639; border-color: #EF4639 }
.label { border-radius: 2px; font-weight: normal; padding: 0 3px }
.label-primary { background-color: #45B6F7 }
.modal-content { border-radius: 4px; border: none }
@media (min-width: 768px) {
.container { width: auto }
}
@media (min-width: 992px) {
.container { width: auto }
}
@media (min-width: 1200px) {
.container { width: auto }
}
img { max-width: 100% }
body { background-color: #f6f6f6; position: relative }
.container { position: relative; margin: 0 auto; max-width: 1200px; padding: 0 }
.header { position: relative; z-index: 99; top: 0; left: 0; right: 0; background-color: #fff; padding: 55px 0 20px; margin-bottom: 15px; border-bottom: 1px solid #EAEAEA; border-color: rgba(0,0,0,0.08); box-shadow: 0 1px 3px rgba(0,0,0,0.03); -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s }
.site-minicat .header, .page-template-pagesnavs-php .header { box-shadow: none; border-bottom: none; margin-bottom: 0 }
.page-template-pagesblank-php .header { margin-bottom: 0; border-bottom: none }
#focusslide { margin-bottom: 15px; z-index: 0; overflow: hidden; border-radius: 4px }
@media (max-width: 640px) {
#focusslide { border-radius: 0; margin-bottom: 0 }
#focusslide .swiper-button-next, #focusslide .swiper-button-prev { display: none !important }
}
.content-wrap { width: 100%; float: left }
.content { position: relative; min-height: 600px; margin-right: 380px; margin-bottom: 15px }
.sidebar { float: left; margin-left: -360px; width: 360px; position: relative }
.single .content { padding: 0 20px; background-color: #fff; border: 1px solid #eaeaea; border-radius: 4px }
.site-layout-1 .content { margin-right: 0 }
.site-layout-3 .content { margin-left: 380px; margin-right: 0 }
.site-layout-3 .sidebar { float: left; margin-left: -100% }
.site-layout-3 .container-page .content { margin-left: 0 }
.site-layout-3.page .content.resetpass { margin-left: 0 }
.site-layout-3 .container-no-sidebar .content { margin-left: 0 }
@media (max-width: 1024px) {
.site-layout-3 .content { margin-left: 0 }
}
.single-format-aside .content { margin-right: 0; margin-left: 0 }
.logo { overflow: hidden; float: left; margin: 0 }
.logo a { height: 32px; display: block; overflow: hidden; font-size: 0 }
.logo img { vertical-align: top; max-height: 32px; display: block; margin-bottom: 32px }
.logo-text a { font-size: 28px; font-weight: bold; letter-spacing: 1px; color: #45B6F7; line-height: 1.1 }
.brand { font-size: 14px; float: left; line-height: 15px; color: #bbb; padding-left: 10px; position: relative; top: 1px; border-left: 2px solid #eaeaea; margin-left: 10px; overflow: hidden; height: 30px }
.site-navbar { float: right; font-size: 18px; margin-bottom: -5px }
.site-navbar li { position: relative; float: left }
.site-navbar li:hover { z-index: 2 }
.site-navbar a { display: block; padding: 7px 0 }
.site-navbar li:hover>a, .site-navbar li.active a:hover, .site-navbar a:hover { color: #45B6F7 }
.site-navbar .fa { width: 18px }
.site-navbar .fa-angle-down { width: 11px }
.search-on .site-navbar li.navto-search a { color: #45B6F7 }
.topbar { position: absolute; top: -39px; left: 0; right: 0; margin-bottom: 20px; color: #999 }
.topbar a { color: #999 }
.topbar a:hover { color: #45B6F7 }
.topmenu { float: right; margin-top: -7px }
.topmenu li { position: relative; float: left }
.topmenu li:hover { z-index: 2 }
.topmenu a { display: block; padding: 7px 0; color: #999 }
.topmenu .red { color: #FF5E52; display: inline-block }
.topmenu .red:hover { color: #FF5E52; text-decoration: underline }
.topbar-off .header { padding-top: 20px }
.topbar-off .site-navbar { margin-top: -2px }
.site-nav>li { margin-left: 30px }
.site-nav>li.menu-item-has-children>a { padding-right: 13px }
.site-nav>li.menu-item-has-children:hover a::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); margin-top: -10px }
.site-nav>li.menu-item-has-children>a::after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 0; margin-top: -8px; font-size: 13px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s }
.site-nav .sub-menu { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 50%; margin-top: -25px; background-color: #fff; font-size: 14px; padding: 6px 0; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0,0,0,0.1); line-height: 1.4; width: 140px; margin-left: -77px; list-style: none; text-align: center; border-radius: 2px }
.site-nav>li>.sub-menu::before, .site-nav .sub-menu::after { content: ''; position: absolute; top: -5px; left: 50%; margin-left: -3px; border-left: 5px solid transparent; border-right: 5px solid transparent }
.site-nav>li>.sub-menu::before { border-bottom: 5px solid #aaa }
.site-nav>li>.sub-menu::after { border-bottom: 5px solid #fff; margin-top: 1px }
.site-nav .sub-menu li { float: none }
.site-nav .sub-menu a { padding: 7px 10px }
.site-nav .sub-menu a:hover { background-color: #f6f6f6 }
.site-nav li:hover>.sub-menu { visibility: visible; opacity: 1; margin-top: 0px }
.site-nav ul .sub-menu { left: 100%; margin-left: 0; top: -7px; margin-top: 0; margin-left: -25px }
.site-nav ul .sub-menu::before, .site-nav ul .sub-menu::after { content: ''; position: absolute; left: -5px; top: 17px; border-top: 5px solid transparent; border-bottom: 5px solid transparent }
.site-nav ul .sub-menu::before { border-right: 5px solid #c9c9c9 }
.site-nav ul .sub-menu::after { border-right: 5px solid #fff; margin-right: 1px }
.site-nav ul li:hover>.sub-menu { margin-left: 0 }
.site-nav li:hover .fa-angle-down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }
.site-nav li.current-menu-item>a, .site-nav li.current-menu-parent>a { color: #45B6F7 }
.sign-info { font-size: 12px; clear: both; margin-top: 10px }
.site-search { background-color: #fff; background-color: rgba(255,255,255,0.95); position: absolute; top: -50px; left: 0; right: 0; height: 100px; z-index: 8; opacity: 0 }
.search-on .site-search { top: 108px; opacity: 1 }
.site-search-form { padding: 25px 20%; overflow: hidden }
.search-input { float: left; color: #999; border: solid 1px #ddd; width: 85%; height: 50px; padding: 4px 12px; border-right: none; font-size: 16px; border-radius: 2px 0 0 2px; outline: none }
.search-input:focus { border-color: #45B6F7 }
.search-btn { color: #fff; border: none; background: #45B6F7; height: 50px; font-size: 16px; padding: 0 12px; border-radius: 0 2px 2px 0; width: 15% }
.search-btn:hover, .search-btn:focus { color: #fff; opacity: 0.85; filter: alpha(opacity=85) }
.search-btn .fa { font-size: 16px; width: 16px }
.site-search-form a { margin-left: 20px; color: #999 }
.site-search-form a:hover { color: #45B6F7 }
.search .site-search { position: relative; margin: -15px 0 15px; border-bottom: 1px solid #eaeaea; opacity: 1; top: 0 }
.topbar-off.search-on .site-search { top: 73px }
.branding { position: relative; z-index: 9; text-align: center; padding: 70px 20px }
.branding h1, .branding h2 { margin: 0 0 20px; font-size: 33px }
.branding h1 .fa, .branding h2 .fa { display: block; margin-bottom: 10px }
.branding .btn { margin: 0 10px }
.branding-primary { background-color: #45B6F7; color: #fff }
.branding-primary p { font-weight: bold; font-size: 12px; color: #fff; margin-bottom: 0 }
.branding-primary p strong { color: #2C7EB3 }
.branding-primary .btn { border-color: #fff; color: #fff }
.branding-primary .btn:hover { background-color: #fff; color: #45B6F7 }
.branding-black { background-color: #202935 }
.branding-black h1, .branding-black h2 { color: #ccc }
.branding-black .btn { border-color: #ccc; color: #ccc }
.branding-black .btn:hover { background-color: #ccc; color: #202935 }
.branding-white { background-color: #fff }
.branding-white h1 { color: #888 }
.branding-sm { padding-top: 40px; padding-bottom: 40px }
.branding-mb { margin-bottom: 15px }
.title { margin-bottom: 5px; overflow: hidden }
.title h3 { font-size: 15px; margin: 0; float: left; font-weight: bold }
.title h3 small { color: #999; position: relative; margin-left: 10px; top: -1px; font-size: 12px }
.title .more { float: right }
.title .more a { display: inline-block; margin-left: 20px; color: #999 }
.title .more a:hover { color: #45B6F7 }
.pagetitle { margin-bottom: 10px; overflow: hidden }
.pagetitle h1, .pagetitle h2 { font-size: 15px; font-weight: bold; margin: 0; float: left }
.pagetitle small { margin-left: 10px; position: relative; top: 2px; color: #999 }
.title .pull-right { font-size: 12px; position: relative; bottom: -4px }
.title .pull-right a { color: #bbb }
.title .pull-right a:hover { color: #999 }
.single .title { border-bottom: 1px solid #eaeaea; padding-bottom: 10px }
.orbui { position: relative; overflow: hidden; text-align: center }
.orbui img { max-width: 100% }
.orbui-large { margin-bottom: 30px }
.orbui-large img { max-width: 100% }
.orbui-post { margin-bottom: 30px }
.orbui-index, .orbui-tag, .orbui-cat, .orbui-search { margin-bottom: 15px }
.orbui-index { margin-top: 10px }
.orbui-post-01 { margin-bottom: 20px }
.orbui-your { display: block; background-color: #FBFBFB; border: 2px dashed #BBB; color: #AAA; font-size: 15px; text-align: center; overflow: hidden; clear: both }
.orbui-your:hover { border-color: #FF5E52; color: #FF5E52 }
.orbui-pcat-01 { margin-top: 20px }
.orbui-site-01 { margin-bottom: 15px }
.article-content .orbui-post-content img { margin-top: 0; margin-bottom: 0 }
@media (max-width: 640px) {
.orbui-pcat-01 { margin-top: -10px; margin-bottom: 10px }
.orbui-index { margin-bottom: 0; margin-top: 0 }
}
.excerpt { border: 1px solid #eaeaea; padding: 20px 20px 20px 220px; overflow: hidden; background-color: #fff; margin-bottom: -1px }
.excerpt .post-linkto { text-align: right; margin-bottom: 0; margin-top: 5px }
.excerpt-text { padding-left: 20px }
.excerpt-text .note { margin-bottom: 0 }
.excerpt-1 { border-radius: 4px 4px 0 0 }
.excerpt-10 { border-radius: 0 0 4px 4px }
/*.excerpt:hover { background-color: #fdfdfd; position: relative; z-index: 2 }*/
.excerpt:hover{background-color: #fff;border-top-color: #ffaa00;border-right-color: #ff3f86;border-bottom-color: #94b21b;border-left-color: #00d0ff;box-shadow: 0px 0px 8px rgba(46, 10, 27, 0.1);position: relative;z-index: 2;}
.excerpt .focus { float: left; margin-left: -200px; width: 180px }
.excerpt .thumb { width: 180px; height: 123px }
.excerpt header { margin-bottom: 10px }
.excerpt h2 { display: inline; font-size: 18px; line-height: 1.4; margin-top: 0; font-weight: bold }
.excerpt h2 a:hover { color: #45B6F7 }
.excerpt h2 a span { color: #FF5E52 }
.excerpt h2 a:hover span { color: #45B6F7 }
.excerpt .cat, .excerpt time, .excerpt .pv, .excerpt .pc, .excerpt .author { margin-right: 15px }
.excerpt .author img { width: 24px; height: 24px; border-radius: 50%; margin-right: 7.5px; position: relative; top: -1px }
.excerpt .post-like { float: right }
.excerpt .post-like.actived { color: #45B6F7 }
.excerpt .note { font-size: 14px; color: #666; word-wrap: break-word; line-height: 1.7; margin-bottom: 0; margin-top: 13px; max-height: 46px; overflow: hidden }
.excerpt .meta { color: #999; font-size: 14px; margin: 16px 0 0 }
.excerpt .meta .fa, .excerpt .meta .fas { margin-right: 6px }
.excerpt .meta a { color: #999 }
.excerpt .meta a:hover { color: #45B6F7 }
.list-comments-r .excerpt .meta .pc { float: right; margin-right: 0 }
.sticky-icon { line-height: 1; padding: 4px 5px; font-size: 12px; background-color: #FF5E52; color: #fff; border-radius: 4px; display: inline-block; position: relative; margin-right: 10px; top: -2px }
.excerpt-latest time { color: #FF5E52 }
@media (max-width: 640px) {
.excerpt { border: none; margin: 0 0 1px; padding: 15px 140px 15px 15px; border-radius: 0 !important }
.excerpt:hover { background-color: #fbfbfb }
.excerpt .focus { float: right; margin-right: -125px; width: 110px }
.excerpt .thumb { width: 110px; height: 75px }
.excerpt header { margin-bottom: 0; height: 44px; overflow: hidden; margin-bottom: 12px }
.excerpt h2 { font-size: 16px; line-height: 1.4; color: #333; font-weight: normal; text-shadow: 0.2px 0 0 #333 }
.excerpt h2 a span { text-shadow: 0.2px 0 0 #FF5E52 }
.excerpt .note { display: none }
.excerpt .author { display: none }
.excerpt .meta { font-size: 12px; margin-top: 0; color: #bbb }
.excerpt .meta a { color: #bbb }
.excerpt .meta time { margin-right: 15px; display: none }
.excerpt .meta .pc { display: none }
.excerpt .meta .zlink { display: none }
.excerpt .meta .post-like .fa { display: inline-block }
.excerpt-sticky header { text-indent: 37px; position: relative }
.sticky-icon { position: absolute; top: 3.5px; left: 0; font-size: 11px; padding: 0; text-align: center; height: 17px; line-height: 17px; width: 30px; margin-left: 0; text-indent: 0 }
.excerpt-text { padding-right: 15px }
.excerpt-text header { height: auto }
.m-excerpt-time .excerpt .meta time { display: inline-block; margin-right: 10px }
.m-excerpt-time .excerpt .meta .cat { margin-right: 10px }
.m-excerpt-time .excerpt .meta .pv { margin-right: 10px }
.m-list-thumb-left .excerpt { padding-right: 15px; padding-left: 140px }
.m-list-thumb-left .excerpt .focus { float: left; margin-left: -125px }
.m-list-thumb-left .excerpt.excerpt-text { padding-right: 15px; padding-left: 15px }
.is-firefox .excerpt header { height: 60px }
.is-firefox .excerpt h2 { line-height: 1.6 }
.is-firefox .sticky-icon { top: 3px }
}
@media (max-width: 360px) {
.excerpt .meta { font-size: 10px }
.excerpt .meta time { margin-right: 8px }
}
.excerpt-minic { border: 1px solid #eaeaea; padding: 20px; overflow: hidden; background-color: #fff; margin-bottom: 15px; border-radius: 4px }
.excerpt-minic h2 { font-size: 22px; line-height: 24px; margin-top: 0; font-weight: bold; margin: 0 0 10px }
.excerpt-minic h2 a span { color: #FF5E52 }
.excerpt-minic h2 a:hover span { color: #45B6F7 }
.excerpt-minic time, .excerpt-minic .pv, .excerpt-minic .pc, .excerpt-minic .author { margin-right: 20px }
.excerpt-minic .meta { color: #999; margin-bottom: 15px; font-size: 12px; padding-bottom: 15px; border-bottom: 1px solid #eaeaea }
.excerpt-minic .meta .fa { margin-right: 4px }
.excerpt-minic .meta a { color: #999; text-decoration: underline }
.excerpt-minic .meta a:hover { color: #45B6F7 }
.excerpt-minic .article-content p { text-indent: 30px }
.excerpt-minic .article-content p:last-child { margin-bottom: 0 }
.excerpt-minic .note { color: #666; margin-bottom: 0 }
.excerpt-minic-index h2 { font-size: 18px }
.excerpt-minic-index .meta { border-bottom: none; padding-bottom: 0 }
.excerpt-minic-index .red { margin-left: -8px; color: #FF5E52 }
@media (max-width: 640px) {
.excerpt-minic { border: none; padding: 15px 15px 12px; margin-bottom: 0 }
.excerpt-minic h2 { line-height: 1; font-size: 15px; font-weight: normal; display: inline }
.excerpt-minic h2 a { color: #333; text-shadow: 0.2px 0 0 #333 }
.excerpt-minic-index .red { text-shadow: none }
.excerpt-minic-index .note { font-size: 12px; margin-top: 7px; line-height: 1.5 }
}
.article-header { margin-bottom: 20px; padding: 25px 0; border-bottom: 1px solid #eee; text-align: center }
.article-title { margin-top: 0; font-size: 26px; line-height: 36px }
.article-title a span { color: #FF5E52 }
.article-meta { font-size: 14px; color: #999 }
.article-meta .item { margin-right: 20px }
.article-content { font-size: 16px; line-height: 1.8; word-wrap: break-word; overflow: hidden }
.article-content img { margin: 5px auto; display: block; max-width: 100%; height: auto }
.article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6 { font-weight:bold;margin:20px 0;border-bottom: 1px solid #eee;padding-bottom: 10px; }
.article-content h1 { font-size: 20px }
.article-content h2 { font-size: 18px }
.article-content h3 { font-size: 16px }
.article-content h4 { font-size: 16px }
.article-content h5 { font-size: 14px }
.article-content h6 { font-size: 12px }
.article-content ul, .article-content ol { margin: 0 0 20px 50px }
.article-content ul { list-style: disc }
.article-content ol { list-style: decimal }
.article-content li { margin-bottom: 6px }
.article-content p { margin-bottom: 20px; word-wrap: break-word }
.article-content pre { word-wrap: break-word }
.article-content table { border-top: solid 1px #ddd; border-left: solid 1px #ddd; width: 100%; margin-bottom: 20px }
.article-content table th { background-color: #f9f9f9; text-align: center }
.article-content table td, .article-content table th { border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; padding: 5px 10px }
.article-content .alignnone { margin: 0 auto }
.article-content .alignleft { float: left; text-align: left; margin-right: 10px }
.article-content .aligncenter { margin: 0 auto; text-align: center; display: block }
.article-content .alignright { float: right; text-align: right; margin-left: 10px }
.article-content .wp-caption { margin-bottom: 20px; max-width: 100% }
.article-content .wp-caption p { margin-bottom: 10px; text-indent: 0 }
.article-content .wp-caption.alignnone { text-align: center }
.article-content a { text-decoration: underline; color: #45B6F7 }
.article-content a:hover { color: #FF5E52 }
.article-content pre, .comment pre { margin: 20px 0; font: .6 "courier new"; background: #272822; padding: 10px 15px; color: #F8F8D4; border: none }
.article-content blockquote { margin: 30px 30px; padding: 10px 20px; font-size: 16px; color: #999; border-left: 4px solid #ddd }
.article-content blockquote p { margin: 0; padding: 0; margin-bottom: 10px }
.article-content .wp-block-image { text-align: center }
.article-content .wp-block-image img { margin-left: auto; margin-right: auto }
@media (max-width: 640px) {
.article-content h1 { font-size: 20px }
.article-content h2 { font-size: 18px }
.article-content h3 { font-size: 16px }
.article-content h4 { font-size: 16px }
.article-content h5 { font-size: 16px }
.article-content h6 { font-size: 16px }
}
.p_indent .article-content p { text-indent: 30px }
.post-copyright { background-color: #eee; font-size: 12px; padding: 8px 30px; border-radius: 2px; color: #aaa; text-align: center; margin-bottom: 18px; overflow: hidden; clear: both }
.post-copyright a, .post-copyright a:hover { color: #aaa; text-decoration: none }
.post-copyright:hover { background-color: #45B6F7; color: #fff }
.post-copyright:hover a { color: #fff }
.post-copyright-custom { border: 1px solid #efe1bb; background-color: #fffbf0; border-radius: 4px; padding: 18px 20px; line-height: 1.8 }
.post-copyright-custom a { color: #45B6F7 }
.post-copyright-custom a:hover { text-decoration: underline }
.orbui-post-footer { margin-bottom: 18px; overflow: hidden; clear: both }
.orbui-post-footer b { font-weight: normal; color: #41C282 }
.orbui-post-footer strong { font-weight: normal; color: #FD6A5E }
.orbui-post-footer a { text-decoration: none; border-bottom: solid 2px #eee }
.orbui-post-footer a:hover { border-bottom-color: #1FAEFF }
.gallery .gallery-item { margin-bottom: 18px !important; margin-top: 0 !important; text-align: center !important }
.gallery .gallery-item a { display: inline-block }
.gallery .gallery-item img { border: none !important; margin: 0 auto !important }
.gallery .gallery-item dd { color: #999 !important; margin-top: 2px !important }
.article-tags { margin: 30px 0; text-align: center; color: #999 }
.article-tags a { display: inline-block; padding: 5px 12px 3px; margin: 0 5px 5px 0; color: #fff; font-size: 14px; background-color: #45B6F7; opacity: 0.85; filter: alpha(opacity=85); border-radius: 4px }
.article-tags a:hover { color: #fff; opacity: 1; filter: alpha(opacity=100) }
.article-nav { overflow: hidden; margin-bottom: 30px; font-size: 14px; color: #bbb; word-break: break-word }
.article-nav span { float: left; position: relative; width: 50% }
.article-nav span.article-nav-next { float: right; text-align: right }
.article-nav span.article-nav-next::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; display: block; width: 1px; background-color: #eee }
.article-nav a { color: #999; margin-right: 10px; display: inline-block }
.article-nav span.article-nav-next a { margin-left: 10px; margin-right: 0 }
.article-nav a:hover { color: #45B6F7 }
.article-author { overflow: hidden; margin-bottom: 30px; padding: 20px 20px 20px 90px; color: #999; background-color: #fbfbfb; border-radius: 4px; border: 1px solid #EAEAEA }
.article-author .avatar { float: left; margin-left: -70px; width: 50px; width: 50px; border-radius: 50% }
.article-author h4 { margin: 5px 0 7px; font-size: 15px; font-weight: bold }
@media (max-width: 576px) {
.article-author { border: none; padding: 15px 15px 15px 70px; font-size: 12px; background-color: #f9f9f9 }
.article-author .avatar { width: 40px; height: 40px; margin-left: -55px }
.article-author h4 { font-size: 14px; margin: 3px 0 4px }
}
.relates { overflow: hidden }
.relates .title { margin-bottom: 20px }
.relates ul { overflow: hidden }
.relates li { position: relative; word-break: break-word }
.relates a span { color: #FF5E52 }
.relates a:hover span { color: #45B6F7 }
.relates-text { margin-bottom: 18px }
.relates-text li { padding-left: 18px; margin-bottom: 12px }
.relates-textcol2 { margin-bottom: 18px }
.relates-textcol2 ul { margin-right: -5% }
.relates-textcol2 li { padding-left: 18px; width: 45%; margin-right: 5%; display: inline-block; vertical-align: top; margin-bottom: 12px }
.relates-text li:before, .relates-textcol2 li:before { content: ''; position: absolute; top: 7px; left: 0; width: 6px; height: 6px; border-radius: 10px; background-color: #999999 }
.relates-imagetext { margin-bottom: 10px }
.relates-imagetext ul { margin-right: -3% }
.relates-imagetext li { display: inline-block; vertical-align: top; width: 22%; margin-right: 3%; margin-bottom: 20px }
/*  .relates-imagetext img { display: block; margin-bottom: 10px }*/
/*  =====================NEW==================== */
.relates-imagetext .post-thumb{display: block;margin-bottom: 5px;height:135px;overflow:hidden}
.relates-imagetext .post-thumb img{width:100%;height:100%}

img.thumb:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
img.thumb{-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

/*  =====================NEW==================== */
@media (max-width: 640px) {
.relates-textcol2 ul { margin-right: 0 }
.relates-textcol2 li { width: auto; margin-right: 0 }
}
.action-share { color: #666; position: relative; text-align: center; margin: 30px 0; clear: both }
.bdsharebuttonbox.bdshare-button-style0-24 a { float: none; display: inline-block; margin: 0 2px; position: relative }
.bdsharebuttonbox.bdshare-button-style0-24 span { position: relative; *top:-3px;
vertical-align: top }
.bdsharebuttonbox.bdshare-button-style0-24 .bds_count { margin: 0; color: #666 }
.bdsharebuttonbox.bdshare-button-style0-24 a.bds_more { color: #666; font-size: 14px }
.share .bdsharebuttonbox { height: 28px }
.share .bdsharebuttonbox a.bds_more, .share .bdsharebuttonbox a.bds_count { top: 0; border: none; color: #fff }
.fcode { margin-bottom: 20px; overflow: hidden; clear: both }
#respond { padding-bottom: 25px }
#respond, #postcomments { position: relative }
.comment { position: relative }
.comment #respond { padding: 10px 0 15px 46px }
.comment #commentform { margin-bottom: 0 }
.commentnew .comt-m { margin-bottom: 5px }
.commentlist { padding: 0; list-style: none; margin: 0 }
.comt-avatar { width: 36px; height: 36px; background-color: #FFF; float: left; display: inline; position: relative; margin-top: 19px }
.comt-avatar .avatar { display: block; border-radius: 50%; width: 36px; height: 36px }
.comt-main { margin-left: 46px; margin-right: 60px; line-height: 22px; position: relative; font-size: 14px; padding: 0 0 15px; word-wrap: break-word; max-height: 300px; overflow: hidden }
.comt-main p { margin-top: 15px; margin-bottom: 0 }
.comt-author { margin-right: 10px }
.url { color: #60c4fd }
.url:hover { color: #60c4fd; text-decoration: underline; opacity: 0.85; filter: alpha(opacity=85) }
.comt-meta { font-size: 12px; color: #bbb }
.comt-meta .signin-loader { margin-left: 10px }
.comment-reply-link { font-size: 12px; color: #bbb; display: inline-block; margin-left: 10px }
.comment-edit-link { font-size: 12px; color: #bbb; display: inline-block; margin-left: 10px }
.comment pre { margin: 3px 0 5px; padding: 7px 10px; border-radius: 1px }
.depth-1 { border-bottom: #eee 1px solid }
.comment .children { list-style: none; padding: 0 }
.comment .children .comment { margin: 0; border-top: 1px solid #eee }
.commentlist>.comment .children { margin-left: 46px }
.comt-f { position: absolute; top: 15px; right: 0; font-size: 16px; color: #ccc }
.comment:hover .comt-f { color: #666 }
.comt-approved { border-radius: 2px; font-size: 12px; background-color: #eee; color: #999; display: inline-block; padding: 1px 5px 0; margin-top: 4px; line-height: 20px; margin-left: 5px }
.wp-smiley { margin-bottom: 2px }
.sidebarfix .comt-main { padding: 6px 0 4px; line-height: 20px; font-size: 12px }
.sidebarfix .depth-1 { border-bottom-color: #eee }
.sidebarfix .comment .children .comment { border-top-color: #eee }
#comments { margin-bottom: 15px; font-size: 16px }
#comments b { font-weight: normal; color: #ff5e52 }
#comments .pull-right { font-size: 12px; position: relative; top: 5px }
#commentform { margin-bottom: 5px }
.comt-count { float: right; color: #999; margin-bottom: 5px }
.comt { position: relative; padding-left: 46px }
.comt-title { font-size: 12px; color: #999; float: left; margin-left: -46px; width: 36px; text-align: center }
.comt-title .avatar { height: 36px; width: 36px; border-radius: 50%; margin-bottom: 5px }
.comt-title p { margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.comt-box { border: 2px solid #ccd4d9; border-radius: 2px; padding: 4px 0 0 4px; background-color: #fff; position: relative }
.comt-ctrl { background-color: #fbfbfb; height: 36px; margin-left: -4px; border-top: solid 1px #f2f2f2 }
#submit { position: absolute; right: -2px; bottom: -2px; background: #45B6F7; border: none; border: 2px solid; border-color: #45B6F7; border-left: none; border-top: none; padding: 0px; width: 100px; height: 38px; color: #fff; outline: 0; border-radius: 0 0 2px 0; font-size: 16px }
#comment { width: 100%; resize: none; overflow-x: hidden; overflow-y: auto; border: none; line-height: 22px; font-size: 14px; outline: 0; color: #666; height: 68px }
.hide { display: none }
.comt-tips { text-align: center; margin-right: 110px; line-height: 116px; font-size: 18px; color: #fff }
.comt-tip { position: absolute; top: -2px; left: -2px; background: #7AD071; right: -2px; z-index: 2; bottom: -2px; border-radius: 2px }
.comt-error { background: #FF5E52 }
.comt-comterinfo { padding: 15px 0; text-align: center }
.comt-comterinfo ul { padding: 0; margin: 0; list-style: none; text-align: left; display: inline-block }
.comt-comterinfo li { margin-bottom: 5px }
.comt-comterinfo input { margin-right: 10px; position: relative; *bottom:-3px;
border: 2px solid #CCD4D9; border-radius: 2px; height: 34px; padding: 3px 5px; outline: none; width: 220px; box-shadow: none; *height:20px
}
#cancel-comment-reply-link { display: none; font-size: 12px; text-align: center; margin-top: 7px; color: #999 }
#cancel-comment-reply-link:hover { color: #FF5E52 }
.comment #cancel-comment-reply-link { display: block }
.comment-signarea { background-color: #F6F6F6; border-radius: 7px; padding: 30px 20px; text-align: center; margin-bottom: 20px }
.comment-signarea h3 { margin: 0; padding: 0; margin-bottom: 15px; font-weight: normal; font-size: 18px }
.comment-signarea .auth { margin: 0 5px }
.karbar { position: fixed; right: 15px; width: 68px; z-index: 999 }
.karbar-rb { bottom: 15px }
.karbar ul { margin: 0; padding: 0; list-style: none }
.karbar li { position: relative; margin-top: 6px; text-align: center }
.karbar li:first-child a { color: #fff; background-color: #45B6F7 }
.karbar li:first-child a:hover { opacity: 0.85 }
.karbar a { position: relative; z-index: 2; display: block; height: 65px; border-radius: 4px; background-color: #fff; border: 1px solid #45B6F7; color: #45B6F7 }
.karbar a span { display: block; font-size: 12px }
.karbar a:hover { color: #fff; background-color: #45B6F7 }
.karbar .fa { position: relative; line-height: 23px; font-size: 23px; height: 23px; margin: 11px 0 4px }
.karbar .fa-angle-up { font-size: 26px; top: -2px }
.karbar li:hover .karbar-qrcode-wrap { display: block }
.karbar-qrcode-wrap { position: absolute; z-index: 1; top: 50%; right: 100%; min-width: 130px; margin: -77.5px 10px 0 0; padding: 15px; font-size: 14px; background-color: #fff; border: 1px solid #EAEAEA; border-radius: 4px; text-align: center; display: none }
.karbar-qrcode-wrap:before, .karbar-qrcode-wrap:after { content: ''; position: absolute; top: 50%; margin-top: -5px; right: -5px; border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent }
.karbar-qrcode-wrap:before { border-left: 5px solid #bbb }
.karbar-qrcode-wrap img { margin-top: 5px }
.copy-wechat-number { display: none; border-radius: 4px; background-color: #202935; color: #fff; padding: 0; height: 32px; line-height: 32px; font-weight: normal; font-size: 12px; margin-bottom: 10px; margin-top: 5px; width: 120px; text-align: center }
@media (max-width: 640px) {
.copy-wechat-number { display: inline-block }
}
.karbar li.karbar-totop { display: none }
@media (max-width: 640px) {
.karbar { display: none }
.karbar-m-on { margin-bottom: 57px }
.karbar-m-on .karbar { display: block; bottom: 0; right: 0; left: 0; top: auto !important; margin: 0 !important; width: 100%; border-top: 1px solid #45B6F7; background-color: #45B6F7; padding: 0 }
.karbar-m-on .karbar ul { display: -moz-box; display: -webkit-box; display: -o-box; display: box }
.karbar-m-on .karbar ul li { -webkit-box-flex: 1; margin-top: 0 }
.karbar-m-on .karbar ul li a { background-color: #45B6F7; color: #fff; border: none; border-radius: 0 }
.karbar-m-on .karbar ul li .fa { font-size: 20px; height: 20px; margin-top: 0; margin-bottom: 0 }
.karbar-m-on .karbar ul li:hover .karbar-qrcode-wrap { display: none }
.karbar-m-on .karbar ul li.karbar-qrcode .karbar-qrcode-wrap { position: fixed; top: auto; bottom: 57px; left: 0; right: 0; margin: 0; width: 100%; background-color: #fff; color: #555; padding: 15px; font-size: 14px; font-weight: bold; height: auto; box-shadow: 0 -1px 5px rgba(0,0,0,0.05); border-radius: 0; border: none }
.karbar-m-on .karbar ul li.karbar-qrcode:hover .karbar-qrcode-wrap { display: none }
.karbar-m-on .karbar ul li.karbar-qrcode .karbar-qrcode-wrap img { width: 120px; height: 120px; display: block; margin: 0 auto }
.karbar-m-on .karbar a { height: 56px; padding: 10px 0 }
.karbar-m-on .karbar .fa { line-height: 1 }
.karbar-m-on .karbar a span { display: block; line-height: 12px; font-size: 10px; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.karbar-m-on .karbar a:active { color: #111; background-color: #f6f6f6 }
.karbar-m-white .karbar { background-color: #fff !important; border-top-color: #f6f6f6 !important }
.karbar-m-white .karbar ul li a { background-color: #fff !important; color: #444 !important; border-radius: 2px !important }
}
.f404 { text-align: center; margin: 100px 0 }
.f404 h1 { font-size: 60px; margin: 40px 0 20px }
.f404 h2 { font-size: 16px; margin-bottom: 20px }
.pagination { margin: 0; padding: 20px; text-align: center; font-size: 14px; display: block }
.pagination ul { display: inline-block; *display:inline;
*zoom:1;
margin-left: 0; margin-bottom: 0; padding: 0 }
.pagination ul>li { display: inline }
.pagination ul>li>a, .pagination ul>li>span { margin: 0 2px; float: left; padding: 6px 13px; background-color: #ddd; color: #666; border-radius: 2px; opacity: 0.88 }
.pagination ul>li>a:hover, .pagination ul>li>a:focus { opacity: 1 }
.pagination ul>.active>a, .pagination ul>.active>span { background-color: #45B6F7; color: #fff }
.pagination ul>.active>a, .pagination ul>.active>span { cursor: default }
.pagination ul>li>span, .pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover, .pagination ul>.disabled>a:focus { color: #999999; background-color: transparent; cursor: default }
.pagination-loading { font-size: 16px; text-align: center; color: #999; padding: 15px 0 }
.pagination-loading img { width: 80px }
.ias_trigger { margin: 15px 0 0 }
.ias_trigger a { display: block; background-color: #202935; line-height: 40px; text-align: center; color: #eee; border-radius: 3px }
.ias_trigger a:hover { display: block; background-color: #28313e; color: #fff }
@media (max-width: 640px) {
.ias_trigger { margin: 15px 15px 0 }
}
.pagenav { overflow: hidden; text-align: center; padding: 20px }
.pagenav a, .pagenav .current, .pagenav .page-numbers { padding: 6px 12px 5px; color: #666; display: inline-block; border-radius: 3px; background-color: #eee; margin: 0 1px; font-size: 12px }
.pagenav .current { background-color: #45B6F7; color: #fff }
.pagenav a:hover { background-color: #ccc; color: #444 }
.sidebar .-roll-top { width: 360px; position: fixed }
.sidebar .-roll-bottom { width: 360px; position: absolute }
@media (max-width: 1024px) {
.sidebar .-roll-top, .sidebar .-roll-bottom { width: auto; position: static; top: 0 }
}
.widget { clear: both; position: relative; margin-bottom: 15px; background-color: #fff; border-radius: 4px; border: 1px solid #eaeaea; overflow: hidden }
.widget h3 { font-weight: bold; font-size: 15px; border-bottom: 1px solid #eaeaea; background-color: #fbfbfb; margin: 0; padding: 11px 15px 10px }
.widget .title strong { border-bottom-color: transparent }
.widget .title .btn { position: absolute; top: 5px; right: 10px; font-weight: normal; padding: 2px 7px 1px }
.widget-tops { height: 200px }
.widget-nav { background-color: #fbfbfb; line-height: 36px; height: 36px; border-bottom: 1px solid #eaeaea; font-size: 15px }
.widget-nav li { float: left; width: 25%; text-align: center; border-right: 1px solid #eaeaea; cursor: pointer }
.widget-nav li.active { background-color: #fff; color: #666; font-weight: bold; cursor: default }
.widget-navcontent { clear: both; position: relative }
.widget-navcontent .item { padding: 15px; width: 100%; position: absolute; left: 100%; opacity: 0 }
.widget-navcontent .item.active { left: 0; opacity: 1 }
.widget-navcontent .item-01 li { margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px }
.widget-navcontent .item-01 li a span { color: #FF5E52 }
.widget-navcontent .item-01 li a:hover span { color: #45B6F7 }
.widget-navcontent .item-01 time { float: right; color: #bbb; margin-left: 10px }
.widget-navcontent .item-01 li:first-child a { font-weight: bold }
.widget-navcontent .item-02 dl { padding: 10px 0 0 80px; overflow: hidden; margin-bottom: 20px }
.widget-navcontent .item-02 dt { float: left; margin-left: -70px }
.widget-navcontent .item-02 dd { padding-top: 6px; font-size: 16px }
.widget-navcontent .item-02 dd .text-muted { font-size: 14px; display: block; height: 20px; overflow: hidden; color: #999 }
.widget-navcontent .item-02 .avatar { border: 2px solid #e6e6e6; border-radius: 100px; width: 50px; height: 50px }
.widget-navcontent .item-02 ul { overflow: hidden; padding-left: 80px; color: #999 }
.widget-navcontent .item-02 li { float: left; width: 33.333333333%; margin-bottom: 8px }
.widget-navcontent .item-02 p { text-align: center }
.widget-navcontent .item-02 h4 { text-align: center; font-size: 20px; line-height: 20px; margin: 25px 0 }
.widget-navcontent .item-03 { text-align: center }
.widget-navcontent .item-03 h2 { font-size: 20px; line-height: 32px; margin: 10px 0 }
.widget-navcontent .item-03 strong { font-weight: normal; color: #FF5E52 }
.widget-navcontent .item-04 { text-align: center }
.widget-navcontent .item-04 h2 { font-size: 20px; line-height: 40px; margin: 20px 0 }
.widget ul {
*zoom:1; list-style: none; padding: 0; margin: 0 }
.widget ul ul { border: none }
.widget ul:before, .widget ul:after { display: table; content: ""; line-height: 0 }
.widget ul:after { clear: both }
.widget-notip h3 { margin-bottom: 13px }
.widget_views li, .widget_rss li, .widget_recent_entries li { border-bottom: solid 1px #eee; padding: 8px 15px; font-size: 14px }
.widget_links ul { padding: 10px 0 10px 15px; color: #999; font-size: 14px }
.widget_links li { width: 50%; float: left; padding: 0; border-bottom: none; margin-bottom: 8px; line-height: 22px; height: 22px; overflow: hidden }
.widget_links li a { color: #777; margin-right: 15px }
.widget_links li a:hover { color: #45B6F7 }
.widget_pages ul { padding: 10px 15px 5px; overflow: hidden }
.widget_pages li { float: left; width: 50%; margin-bottom: 5px }
.widget_recent_entries span { display: block; font-size: 12px; color: #999; margin-top: 2px }
.widget_ui_statistics ul { overflow: hidden; padding: 15px; line-height: 26px; color: #888 }
.widget_ui_statistics li { float: left; width: 50% }
.widget_ui_statistics li strong { color: #555555 }
.widget_calendar { overflow: hidden; padding: 15px }
#calendar_wrap { margin: 0 0 10px }
.widget_calendar table { width: 100%; text-align: center }
.widget_calendar table caption { margin-bottom: 5px; font-size: 18px }
.widget_calendar table #prev a, .widget_calendar table #next a { display: block; padding: 0 10px }
.widget_calendar table #prev { text-align: left }
.widget_calendar table #next { text-align: right }
.widget_calendar table tbody td, .widget_calendar table tfoot td, .widget_calendar table thead th { padding: 5px 3px; border: 1px solid #eee }
.widget_calendar table thead th { background-color: #fbfbfb; text-align: center }
.widget_calendar table tbody td a { display: block; margin: 0 3px; background-color: #428BCA; color: #fff }
.widget_calendar table tbody td a:hover { background-color: #357EBD }
.widget_categories ul { overflow: hidden; padding: 15px; color: #999 }
.widget_categories li .children { margin-top: 10px }
.widget_categories li { margin-bottom: 7px; list-style: disc; margin-left: 20px }
.widget_categories li a { color: #777 }
.widget_categories li a:hover { color: #45B6F7 }
.widget_categories li ul { padding: 0 0 0 15px }
.widget_categories li li { float: none; width: auto }
.widget_categories .screen-reader-text { display: none }
.postform { margin-bottom: 10px; border: 1px solid #ddd }
.widget_nav_menu ul { padding: 10px 15px 5px; color: #999 }
.widget_nav_menu ul li { margin-bottom: 7px; list-style: disc; margin-left: 20px }
.widget_rss ul { color: #999 }
.widget_meta ul { padding: 15px; color: #999 }
.widget_meta ul li { list-style: disc; margin-left: 20px; margin-bottom: 5px }
.widget_ui_orbui { border: none; box-shadow: 0 0 5px rgba(0,0,0,0.05); text-align: center }
.widget_ui_orbui img { display: block }
.widget_ui_orbui .item { position: relative; overflow: hidden }
.widget_ui_orbui .sell { display: block; border: solid 1px #d6d6d6; color: #999; text-align: center; height: 123px; line-height: 123px; font-weight: bold }
.widget_ui_orbui .sell:hover { border-color: #bbb; color: #777 }
.widget_ui_readers ul { padding: 10px 0 15px 15px }
.widget_ui_readers li { width: 36px; height: 36px; float: left; margin: 6px 6px 0 0 }
.widget_ui_readers li a { display: block }
.widget_ui_readers li a, .widget_ui_readers li a:hover { color: #fff }
.widget_ui_readers li:hover { z-index: 20 }
.widget_ui_readers li:hover .avatar-popup { display: block }
.widget_ui_readers .avatar { width: 100%; height: 100% }
.widget_ui_comments ul a { padding: 10px 15px 10px 61px; display: block; border-bottom: 1px solid #eee; overflow: hidden; position: relative; font-size: 12px; color: #999; line-height: 20px }
.widget_ui_comments ul li:last-child a { border-bottom: none }
.widget_ui_comments ul a:hover { color: #999; background-color: #fbfbfb }
.widget_ui_comments strong { color: #45B6F7 }
.widget_ui_comments .avatar { float: left; width: 36px; height: 36px; margin: 3px 0 0 -46px; border-radius: 50% }
.widget_ui_textorbui { border: none; border-radius: 0 }
.widget_ui_textorbui a { display: block; padding: 0 15px 15px; border: 1px solid #eaeaea; background-color: #fff; font-size: 14px; border-radius: 4px }
.widget_ui_textorbui a h2 { font-size: 18px; font-weight: bold; margin-top: 14px }
.widget_ui_textorbui a p { color: #999; margin-bottom: 0 }
.widget_ui_textorbui a strong { margin: -1px 0 0 0; display: inline-block; padding: 4px 15px; color: #fff; font-size: 14px; font-weight: normal }
.widget_ui_textorbui a.style01 { color: #428BCA }
.widget_ui_textorbui a.style01:hover { border-color: #428BCA }
.widget_ui_textorbui a.style01 strong { background-color: #428BCA }
.widget_ui_textorbui a.style02 { color: #FF5E52 }
.widget_ui_textorbui a.style02:hover { border-color: #FF5E52 }
.widget_ui_textorbui a.style02 strong { background-color: #FF5E52 }
.widget_ui_textorbui a.style03 { color: #5CB85C }
.widget_ui_textorbui a.style03:hover { border-color: #5CB85C }
.widget_ui_textorbui a.style03 strong { background-color: #5CB85C }
.widget_ui_textorbui a.style04 { color: #C35BFF }
.widget_ui_textorbui a.style04:hover { border-color: #C35BFF }
.widget_ui_textorbui a.style04 strong { background-color: #C35BFF }
.widget_ui_textorbui a.style05 { color: #45B6F7 }
.widget_ui_textorbui a.style05:hover { border-color: #45B6F7 }
.widget_ui_textorbui a.style05 strong { background-color: #45B6F7 }
.widget_ui_tags .items { overflow: hidden; padding: 15px; margin-right: -3% }
.widget_ui_tags .items a { float: left; width: 30.3333333333%; margin-right: 3%; margin-top: 3%; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.widget_ui_tags .items a:nth-child(-n+3) { margin-top: 0 }
.widget_ui_tags .items a span { position: relative; top: -1px; margin-left: 5px; font-size: 12px; color: #bbb }
.widget_ui_posts li:last-child a { border-bottom: none }
.widget_ui_posts li a { padding: 15px 15px 15px 145px; border-bottom: solid 1px #eee; overflow: hidden; position: relative; display: block; font-size: 14px }
.widget_ui_posts li.noimg a { padding-left: 15px }
.widget_ui_posts li a:hover { background-color: #fbfbfb }
.widget_ui_posts li a:hover .text { color: #45B6F7 }
.widget_ui_posts .text { display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden }
.widget_ui_posts .text span { color: #FF5E52 }
.widget_ui_posts a:hover .text span { color: #45B6F7 }
.widget_ui_posts .thumbnail { float: left; margin-left: -130px }
.widget_ui_posts .thumbnail img { width: 117px; height: 79.77px }
.widget_ui_posts .muted { display: inline-block; margin-top: 5px; margin-right: 15px; font-size: 12px; color: #bbb }
.widget_ui_posts .nopic li a { padding: 10px 15px }
.widget_ui_posts .nopic .text { margin-top: 0; color: #555 }
.widget_ui_posts .nopic .text:hover { color: #45B6F7 }
.widget_meta .widget_tit { margin: 0 0 10px }
.widget_meta ul { line-height: 24px }
.widget_meta ul a { color: #777 }
.widget_meta ul a:hover { color: #45B6F7 }
.widget_archive ul { padding: 15px 0 15px 15px; font-size: 14px; overflow: hidden; color: #999 }
.widget_archive li { width: 50%; float: left; margin-bottom: 7px }
.widget_archive li a { margin-right: 15px }
.widget_archive select, .widget_categories select { margin-top: 10px; width: 91%; margin-left: 15px; height: 32px; line-height: 32px; padding: 2px }
.tagcloud { padding: 10px 10px 15px 15px }
.tagcloud a { display: inline-block; margin: 7px 7px 0 0; color: #777 }
.tagcloud a:hover { color: #45B6F7 }
.textwidget { padding: 15px; color: #777 }
.textwidget a { color: #45B6F7 }
.textwidget a:hover { color: #45B6F7; text-decoration: underline }
.textwidget ul { margin-bottom: 10px; margin-left: 32px; list-style-type: disc }
.textwidget ol { margin-bottom: 10px; margin-left: 32px; list-style-type: decimal }
.textwidget p:last-child, .textwidget ul:last-child, .textwidget ol:last-child { margin-bottom: 0 }
.widget_ui_slider { border: none; background-color: transparent }
.widget_ui_slider img { width: 100% }
.widget_ui_slider .swiper-button-next, .widget_ui_slider .swiper-button-prev { font-size: 20px; text-shadow: 0 0 5px rgba(0,0,0,0.3) }
.widget_ui_slider .swiper-button-next { right: 0 }
.widget_ui_slider .swiper-button-prev { left: 0 }
.widget_ui_topics { overflow: hidden; border: none; background-color: transparent; padding: 0 }
@media (max-width: 640px) {
.widget_ui_topics { padding: 0 15px }
}
.widget_ui_topics h3 { display: none }
.widget_ui_topics a { position: relative; display: block; font-size: 14px; overflow: hidden; border-radius: 4px }
.widget_ui_topics strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.widget_ui_topics .-text strong { width: 80%; float: left }
.widget_ui_topics .-text li { margin-top: 7.5px }
.widget_ui_topics .-text li:nth-child(-n+1) { margin-top: 0 }
.widget_ui_topics .-text a { padding: 12px 15px; background-color: #fff; border: 1px solid #EAEAEA }
.widget_ui_topics .-text a:hover { color: #45B6F7; border-color: #45B6F7 }
.widget_ui_topics .-text a:hover .fa-chevron-right { color: #45B6F7 }
.widget_ui_topics .-text .fa-chevron-right { float: right; margin-top: 4px; color: #999 }
.widget_ui_topics .-text .fa-book { float: left; margin-top: 3px; margin-right: 12px }
.widget_ui_topics .-p1 a, .widget_ui_topics .-p2 a { text-align: center; color: #fff }
.widget_ui_topics .-p1 a:hover, .widget_ui_topics .-p2 a:hover { color: #fff }
.widget_ui_topics .-p1 a:hover img, .widget_ui_topics .-p2 a:hover img { opacity: 0.9 }
.widget_ui_topics .-p1 a::before, .widget_ui_topics .-p2 a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: -moz-gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0,0,0,0.6))); background: -webkit-gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0,0,0,0.6))); background: gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0,0,0,0.6))) }
.widget_ui_topics .-p1 strong, .widget_ui_topics .-p2 strong { position: absolute; bottom: 9px; left: 12px; right: 12px; z-index: 2; font-weight: normal }
.widget_ui_topics .-p1 strong { bottom: 12px; font-weight: bold }
.widget_ui_topics .-p1 li { margin-top: 15px }
.widget_ui_topics .-p1 li:nth-child(-n+1) { margin-top: 0 }
.widget_ui_topics .-p2 { margin-right: -3% }
.widget_ui_topics .-p2 li { float: left; width: 47%; margin-right: 3%; margin-top: 3% }
.widget_ui_topics .-p2 li:nth-child(-n+2) { margin-top: 0 }
@media (max-width: 640px) {
.widget { border-left: none; border-right: none; margin-bottom: 10px; border-radius: 0 }
.widget h3 { font-size: 14px; font-weight: bold }
.widget_ui_textorbui a h2 { font-size: 18px; font-weight: bold }
}
.sign { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; perspective: 500px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0.0; visibility: hidden; overflow: auto }
.sign-mask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #313B43; opacity: 0.90; filter: alpha(opacity=90) }
.sign .container { background-color: #e7ebef; width: 400px; position: absolute; height: 360px; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; margin: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-20deg) translateZ(200px) translateY(20%); -moz-transform: rotateX(-20deg) translateZ(200px) translateY(20%); -ms-transform: rotateX(-20deg) translateZ(200px) translateY(20%); -o-transform: rotateX(-20deg) translateZ(200px) translateY(20%); transform: rotateX(-20deg) translateZ(200px) translateY(20%) }
.sign .close-link { color: #fff; position: absolute; left: 100%; top: 0; padding: 22px 0; font-size: 18px; background-color: #45B6F7; display: block; opacity: 0.85; filter: alpha(opacity=85); width: 70px; text-align: center }
.sign .close-link:hover { color: #fff; opacity: 1; filter: alpha(opacity=100) }
.sign form { padding: 0 50px }
.sign h3 { margin: 0 -50px 20px; background-color: #fff; padding: 25px 50px; font-size: 18px; color: #45B6F7 }
.sign h3 small { float: right; cursor: pointer; color: #bbb; font-size: 14px; margin-top: 4px }
.sign h6 { margin-bottom: 15px }
.sign .sign-submit .btn { float: right }
.sign .sign-submit label { margin-top: 8px; font-weight: normal; font-size: 12px }
.sign .sign-submit label input { position: relative; top: 2px; margin-right: 4px }
.sign-tips { position: absolute; bottom: 0; background-color: #FD6E6E; left: 0; right: 0; height: 0; line-height: 29px; padding: 0 50px; color: #fff; font-size: 12px; overflow: hidden }
.sign-show .sign { opacity: 1.0; visibility: visible }
.sign-show .sign .container { -webkit-transform: rotateX(0deg) translateZ(0) translateY(0%); -moz-transform: rotateX(0deg) translateZ(0) translateY(0%); -ms-transform: rotateX(0deg) translateZ(0) translateY(0%); -o-transform: rotateX(0deg) translateZ(0) translateY(0%); transform: rotateX(0deg) translateZ(0) translateY(0%) }
body.sign-show { height: 100%; width: 100%; overflow: hidden }
.footer { position: relative; z-index: 9; clear: both; padding: 40px 30px; font-size: 12px; line-height: 12px; text-align: center; color: #999; background-color: #fff; border-top: 1px solid #eaeaea }
.footer a { color: #999 }
.footer a:hover { color: #666 }
.footer-menu { text-align: left; margin: 0 -2% 30px 0; padding-bottom: 30px; overflow: hidden; border-bottom: 1px solid #494949 }
.footer-menu dl { width: 14.666666666%; margin: 0 2% 0 0; display: inline-block; vertical-align: top }
.footer-menu dt { font-size: 18px; font-weight: normal; margin-bottom: 10px; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.footer-menu dd a { display: block; line-height: 20px; padding: 0 5px 0 24px; margin: 5px 0 }
.footer-menu .fa-weibo, .footer-menu .fa-tencent-weibo, .footer-menu .fa-envelope-o, .footer-menu .fa-rss { width: 12px; text-align: center }
.container-page { padding-left: 215px }
.container-page .article-header { padding: 0 }
.container-page .content { margin-right: 0; padding: 20px; border: 1px solid #eaeaea; background-color: #fff; border-radius: 4px }
.page-template-pagessidebar-php .article-header { padding: 10px 0 15px }
.page-template-pagessidebar-php .content { padding: 20px; border: 1px solid #eaeaea; background-color: #fff; border-radius: 4px }
.container-no-sidebar .content { margin-right: 0; padding: 15px 30px 20px; border: 1px solid #eaeaea; background-color: #fff; border-radius: 4px }
.container-no-sidebar .article-content { margin-bottom: 50px; overflow: hidden }
.pageside { width: 200px; overflow: hidden; float: left; margin-left: -215px }
.pagemenu { list-style: none; margin: 0 0 15px; padding: 15px 0; background-color: #fff; border-radius: 4px; border: 1px solid #EAEAEA }
.pagemenu li a { display: block; padding: 10px 20px; font-size: 14px }
.pagemenu li.current-menu-item { position: relative; z-index: 2; margin: 0 -1px }
.pagemenu li.current-menu-item>a { color: #fff; background-color: #45B6F7; font-weight: bold }
.pagemenu li .glyphicon { font-size: 14px }
.pagemenu .sub-menu>li>a { padding-left: 48px }
@media (max-width: 640px) {
.page-template-pagessidebar-php .article-header { padding: 0 0 10px }
.page-template-pagessidebar-php .content { padding: 15px; border: none; border-radius: 0 }
.container-no-sidebar .content { padding: 15px; border: none; border-radius: 0 }
.pagemenu .sub-menu>li>a { padding-left: 10px }
}
.page-template-pagesfull-php { background-color: #fff }
.page-template-pagesfull-php .header { margin-bottom: 0 }
.pageheader { overflow: hidden; background-color: #45B6F7; padding: 25px 20px; margin-bottom: 15px; color: #fff }
.pageheader h1 { font-size: 20px; margin: 0; font-weight: bold }
.pageheader h1 small { color: #fff; font-size: 12px; margin-left: 10px; position: relative; top: -4px }
.pageheader .note { margin-top: 5px }
.m-excerpt-cat .pageheader .note { width: 50% }
@media (max-width: 860px) {
.m-excerpt-cat .pageheader .note { width: auto }
}
.pageheader p { margin-bottom: 0 }
.pageheader .share { float: right; height: 28px; margin: 10px 0 0; color: #fff }
.pageheader .share a { width: 28px; height: 28px; background-color: #FFF; border: solid 2px #FFF; border-radius: 4px; opacity: .9; top: 0; display: inline-block; margin-right: 2px; margin-bottom: -8px; position: relative }
.pageheader .share .bds_count { border-left-color: #fff }
.pageheader-mini { padding: 15px 0 13px }
.pageheader-mini h1 { font-size: 18px }
.pageheader-mini .share { margin: -5px 0 }
.container-tags { padding-top: 15px }
.container-tags h1 { font-size: 22px; margin: 0; text-align: center; margin-bottom: 20px }
.tagslist { overflow: hidden }
.tagslist ul { list-style-type: none; padding: 0; margin: 0 -2% 0 0 }
.tagslist li { float: left; width: 23%; margin-right: 2%; margin-bottom: 2%; padding: 15px; border: 1px solid #eee; background-color: #fff; border-radius: 3px }
.tagslist li .name { background-color: #eee; display: inline-block; padding: 5px 10px 4px; font-size: 14px; color: #444; font-weight: bold }
.tagslist li .name:hover { background-color: #202935; color: #fff }
.tagslist li:hover { border-color: #ccc }
.tagslist li:hover .name { background-color: #202935; color: #fff }
.tagslist li small { margin-left: 10px; color: #999 }
.tagslist li p { margin: 10px 0 0; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 1.5 }
.tagslist li .tit { color: #999 }
.tagslist li .tit:hover { color: #444 }
@media (max-width: 1024px) {
.tagslist li { width: 31.3333333% }
}
@media (max-width: 768px) {
.tagslist li { width: 48% }
}
@media (max-width: 640px) {
.container-tags { padding: 15px }
.container-tags .pagination { padding: 15px 0 }
.container-tags .pagination ul>li>a, .container-tags .pagination ul>li>span { margin: 0 1px; padding: 4px 9px }
}
@media (max-width: 544px) {
.container-tags h1 { font-size: 14px; font-weight: bold; margin-bottom: 10px }
.tagslist li { padding: 10px }
}
.plinks { overflow: hidden }
.plinks .linkcat { margin-bottom: 40px }
.plinks h2 { font-size: 14px; font-weight: bold; margin: 0 0 5px }
.plinks ul { clear: both; overflow: hidden }
.plinks ul li { width: 20%; float: left }
.plinks ul li a { display: block; padding: 10px 15px; line-height: 1; overflow: hidden; border: 1px solid #eaeaea; margin: 10px 10px 0 0; border-radius: 2px; text-overflow: ellipsis; white-space: nowrap }
.plinks ul li img { float: left; width: 16px; height: 16px; margin-right: 8px; margin-top: 10px }
.plinks ul li a:hover { border-color: #45B6F7 }
.readers { overflow: hidden }
.readers a { width: 72px; margin: 0 5px 25px 5px; float: left; text-align: center; color: #999; font-size: 12px; height: 60px; overflow: hidden; text-decoration: none }
.readers a:hover { color: #FF5E52 }
.readers .avatar { border-radius: 5px; margin: 0 auto; display: block; margin-bottom: 5px; width: 36px; height: 36px }
.readers a.item-top { width: 31.222222%; margin: 0 1% 30px; text-align: left; height: 100px; color: #bbb; background-color: #f6f6f6; border-radius: 5px; padding: 10px }
.readers a.item-top .avatar { float: left; margin-left: 10px; margin-right: 10px }
.readers a.item-top h4 { color: #FF5E52; font-size: 16px }
.readers a.item-top strong { display: block; color: #666 }
.readers a.item-top:hover { background-color: #f1f1f1 }
.readers a.item-2 h4 { color: #7CCD38 }
.readers a.item-3 h4 { color: #52BAF5 }
.archives .item { overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #eee }
.archives h3 { float: left; margin-bottom: 10px; font-size: 20px; font-weight: normal; color: #F15A23; line-height: 20px; margin-top: 0 }
.archives-list { padding-left: 20px; margin: 0 0 20px 140px }
.archives-list li { list-style: disc; margin-left: 20px; margin-bottom: 4px }
.archives-list time { width: 40px; display: inline-block }
.archives-list span { font-size: 12px; display: inline-block; margin-left: 10px }
.archives-list a span { margin-left: 2px; font-size: 14px; color: #FF5E52 }
.page .content.resetpass { padding: 20px; text-align: center; margin-right: 0; background-color: #fff; border: 1px solid #EAEAEA; border-radius: 4px; min-height: 700px }
.resetpass form { width: 300px; margin: 0 auto; text-align: left }
.resetpass form p { margin-bottom: 20px }
.resetpass h1 { font-size: 24px; font-weight: normal }
.resetpass h3 { color: #777; font-size: 18px; margin-bottom: 20px }
.resetpass h3 .glyphicon { top: 4px }
.resetpasssteps { margin-bottom: 100px; overflow: hidden }
.resetpasssteps li { width: 33.33333%; float: left; background-color: #eee; color: #666; line-height: 33px; position: relative }
.resetpasssteps li.active { background-color: #45B6F7; color: #fff }
.resetpasssteps li .glyphicon { position: absolute; right: -17px; top: -10px; font-size: 46px; color: #fff; z-index: 2 }
.errtip { background-color: #FCEAEA; color: #DB5353; padding: 8px 15px; font-size: 14px; border: 1px solid #FC9797; border-radius: 5px }
.post-linkto { text-align: center; margin-bottom: 30px }
.prettyprint, pre.prettyprint { background-color: #272822; border: none; overflow: auto; padding: 10px 15px; max-height: 637px }
.prettyprint.linenums, pre.prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741; -moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741; box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741 }
.prettyprint.linenums ol, pre.prettyprint.linenums ol { margin: 0 0 0 30px }
.prettyprint.linenums ol li, pre.prettyprint.linenums ol li { padding-left: 12px; color: #bebec5; line-height: 20px; margin-left: 0; list-style: decimal; margin-bottom: 0 }
.prettyprint .com { color: #93a1a1 }
.prettyprint .lit { color: #AE81FF }
.prettyprint .pun, .prettyprint .opn, .prettyprint .clo { color: #F8F8F2 }
.prettyprint .fun { color: #dc322f }
.prettyprint .str, .prettyprint .atv { color: #E6DB74 }
.prettyprint .kwd, .prettyprint .tag { color: #F92659 }
.prettyprint .typ, .prettyprint .atn, .prettyprint .dec, .prettyprint .var { color: #A6E22E }
.prettyprint .pln { color: #66D9EF }
.flinks { overflow: hidden; margin-bottom: 10px }
.flinks strong { margin: 0 7px 10px; display: inline }
.flinks ul { margin: 0; padding: 0; display: inline }
.flinks ul li { display: inline-block; margin: 0 7px; margin-bottom: 7px }
.wp-video, .mejs-layer, video, embed, iframe { max-width: 100%; display: block }
.article-content .wp-video, .article-content .mejs-layer, .article-content video, .article-content embed, .article-content iframe { margin: 0 auto 16px }
.image-container { text-align: center; padding-top: 15px; padding-bottom: 15px }
.image-header { margin-bottom: 30px }
.image-title { margin: 0 0 10px }
.image-meta { color: #999 }
.image-content img { height: auto }
.image-navigation { margin-top: 30px; margin-bottom: 30px }
.image-navigation a { padding: 7px 15px; display: inline-block; border-radius: 2px; background-color: #444; opacity: 1; color: #fff }
.image-navigation a:hover { opacity: 0.8 }
.image-caption, .image-description { margin: 0 auto 30px; max-width: 600px }
.article-paging { text-align: center; overflow: hidden; clear: both; padding: 20px 0; font-size: 0 }
.article-paging .post-page-numbers { font-size: 13px; margin: 5px 2.5px 0; display: inline-block; padding: 7px 14px; background-color: #ddd; color: #666; border-radius: 2px }
.article-paging .post-page-numbers.current { background-color: #eee }
.article-paging a.post-page-numbers:hover { background-color: #666; color: #fff }
.nav-fixed { padding-top: 65px; -webkit-transition: margin-top 0.25s; -moz-transition: margin-top 0.25s; -ms-transition: margin-top 0.25s; -o-transition: margin-top 0.25s; transition: margin-top 0.25s }
.nav-fixed .header .topbar { display: none }
.nav-fixed .header { position: fixed; top: 0; left: 0; right: 0; padding: 15px 0; z-index: 999 }
.nav-fixed .site-search { position: fixed }
.nav-fixed.search-on .site-search { top: 65px }
.m-icon-nav { display: none !important }
.m-icon-user { display: none !important }
.m-mask { display: none }
.m-navbar { display: none }
.site-navbar, .site-search, .m-icon-nav, .m-icon-user, .widget-navcontent .item, .site-nav .fa-angle-down { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s }
.btn, .search-btn, a { -webkit-transition: color 0.25s, background-color 0.25s; -moz-transition: color 0.25s, background-color 0.25s; -ms-transition: color 0.25s, background-color 0.25s; -o-transition: color 0.25s, background-color 0.25s; transition: color 0.25s, background-color 0.25s }
@media (max-width: 1320px) {
.menusns .sub-menu { right: 0; left: auto }
.menusns .sub-menu::before, .menusns .sub-menu::after { display: none }
}
@media (max-width: 1240px) {
.container { margin: 0 15px }
.pageheader { padding: 15px 0 }
}
@media (max-width: 1024px) {
.content { margin-right: 0 }
.sidebar { display: none }
.m-sidebar .sidebar { display: block; float: none; margin-left: 0; width: auto; clear: both }
.site-search-form { padding: 25px 0 }
.navto-nav, .navto-design { display: none }
.brand { display: none }
.container-page { padding-left: 185px }
.pageside { width: 170px; margin-left: -185px }
.plinks ul li { width: 25% }
.widget_ui_orbui img { width: 100% }
}
@media (max-width: 860px) {
.topmenu { display: none }
.pageheader h1 { font-size: 22px }
.pageheader .share { display: none }
.container-page { padding-left: 155px }
.pageside { width: 140px; margin-left: -155px }
.pagemenu li a { padding: 10px 5px 10px 15px }
.archives h3 { float: none }
.archives-list { margin-left: 0 }
.plinks ul li { width: 33.3333333% }
}
@media (max-width: 720px) {
body { padding-top: 77px }
.header { position: fixed; top: 0; left: 0; right: 0; text-align: center; padding: 15px 0 !important; z-index: 9999; height: 62px }
.header .container { margin: 0 }
.logo { float: none; text-align: center; max-width: 100% }
.logo a { max-width: 180px; margin: 0 auto; text-align: center }
.logo img { margin: 0 auto }
.logo-text a { font-size: 18px }
.topbar { display: none }
.topbar-user { display: none }
.site-navbar>li[id] { display: none }
.m-navbar { margin: 0 0; position: fixed; top: 0; left: -65%; bottom: 0; height: 100%; background-color: #293038; text-align: left; padding: 15px 0 0; line-height: 1; font-size: 14px; width: 65%; z-index: 99999; display: block; overflow-y: auto; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s }
.m-navbar li { float: none; text-align: left; margin-left: 0; position: relative }
.m-navbar .sub-menu { position: relative; top: 0; box-shadow: none; background-color: transparent; border: none; border-radius: 0; width: auto; margin: 0 0 0 25px; font-size: 14px; padding: 0; font-weight: normal; display: none }
.m-navbar .fa { width: 18px; display: inline-block; text-align: center; color: #f66733 }
.m-navbar li a { display: block; margin: 0 15px; padding: 15px 0; color: #eee; color: rgba(255,255,255,0.8); border-bottom: 1px solid rgba(255,255,255,0.04) }
.m-navbar li:hover>a, .m-navbar li a:hover { color: #fff }
.m-navbar li.current-menu-item>a, .m-navbar li.current-menu-parent>a { color: #fff; font-weight: bold }
.m-navbar li.menu-item-has-children .faa { content: ''; position: absolute; right: 0; top: 0; font-size: 22px; margin: 0; padding: 11px 15px; z-index: 2; cursor: pointer; display: block; width: auto }
.m-navbar .navto-search { display: none }
.m-icon-nav { display: block !important; position: absolute; top: -15px; left: 0; font-size: 15px; padding: 24px 15px; color: #555 }
.m-nav-show { overflow: hidden }
.m-nav-show .m-navbar { left: 0 }
.m-nav-show .m-mask { display: block; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 99998; overflow: hidden }
.m-nav-show .m-icon-nav { color: #45B6F7 }
.site-search { position: fixed; top: -100px }
.search .site-search { top: 0; margin-top: 0; height: auto }
.site-navbar li.navto-search { position: absolute; top: -15px; right: 0; border-bottom: none }
.site-navbar li.navto-search a { padding: 24px 15px; color: #555; border-bottom: none; margin: 0 }
.site-nav .navto-search .fa { display: block; font-size: 15px }
.search-on .site-search { top: 62px }
.m-user-on .m-icon-user { display: block !important; position: absolute; top: -15px; right: 0; font-size: 15px; padding: 24px 15px; color: #555; line-height: 1 }
.m-user-on .site-navbar li.navto-search { right: 43px }
.pageheader, .page-template-pagesnavs-php .pageheader { margin-top: -15px }
.readers a.item-top { float: none; width: auto; display: block; margin: 0 0 15px 0 }
.relates-imagetext li { width: 30.333333333% }
}
@media (max-width: 640px) {
.container { margin: 0 }
body { padding-top: 48px }
.header { padding: 15px 0; height: 48px; border-bottom: none; box-shadow: 0 1px 5px rgba(0,0,0,0.05) }
.logo a { height: 20px }
.logo img { height: 100% }
.relates-imagetext .title { padding-left: 0 }
.relates-imagetext .title h3 { font-size: 14px; font-weight: bold }
.m-icon-nav { padding: 18px 15px }
.site-navbar li.navto-search a { padding: 18px 7.5px 18px 15px }
.m-user-on .m-icon-user { padding: 18px 15px 18px 7.5px }
.search-on .site-search { top: 48px; height: auto }
.topbar-off.search-on .site-search { top: 48px; height: auto }
.site-navbar li.navto-search { top: -15px }
.site-search-form { padding: 15px }
.search-input { height: 36px; font-size: 14px }
.search-btn { height: 36px; font-size: 14px }
.article-header { text-align: left; padding: 10px 0; border-bottom: none; margin-bottom: 5px }
.article-title { font-size: 18px; font-weight: bold; margin-bottom: 5px; line-height: 22px }
.article-meta { font-size: 12px }
.article-meta .item { margin-right: 10px }
.orbui-post { margin-bottom: 15px }
.article-content img { border-radius: 0 }
.post-copyright { display: none }
.post-copyright-custom { display: none }
.action-share { text-align: left }
.article-tags { text-align: left }
.article-content { font-size: 16px; line-height: 1.7 }
.article-content ul, .article-content ol { margin-left: 34px }
.content { min-height: 200px }
.pagetitle { padding: 14px 15px 10px; margin: 0 }
.pagetitle h1 { font-size: 16px; font-weight: bold }
.pageheader, .page-template-pagesnavs-php .pageheader { margin-top: 0; padding: 15px; margin-bottom: 0 }
.pageheader h1 { font-weight: bold; font-size: 14px }
.pageheader .note { font-size: 12px }
.container-page { padding-left: 0 }
.container-page .content { padding: 15px; border: none; border-radius: 0 }
.container-page .content::after { display: none }
.container-page .content .article-title { margin-bottom: 15px }
.pageside { width: auto; position: relative }
.pagemenu { margin-bottom: 5px; border: none; border-radius: 0; padding: 10px 0 }
.pagemenu li a { padding: 7px 10px; font-size: 14px; font-weight: bold }
.branding { padding: 30px 10px }
.branding h1, .branding h2 { font-size: 16px; font-weight: normal; margin-bottom: 10px }
.branding p { font-weight: normal }
.branding .btn { padding: 4px 10px; font-size: 12px }
.btn-lg { font-size: 14px; padding: 6px 15px; border-radius: 2px }
.pagetitle h1, .pagetitle h2, .pagetitle h3 { font-size: 14px; font-weight: bold }
.title { margin-bottom: 5px; padding: 0 0 10px }
.title h3 { font-size: 14px; font-weight: bold; color: #555; line-height: 1.4 }
.title .more { display: none }
.single .title { padding-bottom: 5px }
.home .title { margin: 0; padding: 6px 15px 5px }
.home .title h3 { font-size: 12px; font-weight: normal; color: #999 }
.footer { padding: 30px 0 20px }
.footer nav { display: none }
.footer { padding: 15px 10px }
.footer .container { line-height: 16px }
.archives-list span { display: none }
.archives h3 { font-size: 16px; font-weight: bold }
.single section.container { margin: 0 }
.single .content { border: none; padding: 0 15px; border-radius: 0 }
.pagination { padding: 15px; font-size: 12px }
.pagination ul>li { display: none }
.pagination ul>li.prev-page, .pagination ul>li.next-page { display: inline }
.pagination ul>li.next-page>a { background-color: #45B6F7; color: #fff }
.pagination ul>li>a, .pagination ul>li>span { padding: 5px 11px }
.container-tags .pagination ul>li { display: inline-block }
.comt-main { margin-right: 40px }
.comt-f { font-size: 12px; top: 17px }
.comt-comterinfo { width: 100%; text-align: left }
.comt-comterinfo input { width: 180px }
}
@media (max-width: 540px) {
.relates-imagetext li { width: 47% }
.flinks { display: none }
.flinks-m .flinks { display: block }
}
@media (max-width: 480px) {
.article-tags { text-align: center }
.cat-first { padding: 10px 10px 10px 170px }
.cat-first .thumbnail { margin-left: -160px; width: 150px }
.cat-first .note { display: none }
.cat-first .meta .pc { display: none }
.cat-first h2 { font-size: 16px; line-height: 20px }
.cat-posts li { width: 50% }
.cat-posts li a { padding: 10px }
.cat-posts li:nth-child(1) { border-radius: 0 }
.cat-posts li:nth-child(1), .cat-posts li:nth-child(2) { border-bottom: none }
.cat-posts li:nth-child(3) { border-left: 1px solid #eaeaea; border-radius: 0 0 0 4px }
.plinks ul li { width: 50% }
.page-template-pagesresetpassword-php section.container { margin: 0 }
.page-template-pagesresetpassword-php .content { border: none; padding: 0 15px; border-radius: 0 }
.page-template-pagesresetpassword-php { padding-top: 44px }
.page .content.resetpass { padding: 15px }
.nav_fixed.page .content.resetpass { padding: 40px 15px 15px }
.resetpasssteps { margin: -14px -15px 15px -15px }
.resetpasssteps li { font-size: 12px; line-height: 28px }
.resetpass form { width: 100% }
.resetpass h3 { font-size: 16px }
.sign .container { width: 80% }
.sign .close-link { right: 0; left: auto }
.sign form { padding: 0 20px }
.sign h3 { padding: 25px 20px; margin: 0 -20px 20px }
.sign h3 small { margin-right: 80px }
.input-lg { height: 34px; border-radius: 4px; font-size: 14px; padding: 10px }
}
@media (max-width: 360px) {
.cat-ebox li { width: 100%; border-right: none }
.cat-ebox li:first-child { border-bottom: 2px solid #eaeaea }
.cat-posts li a { height: 170px }
.article-meta .item:nth-child(2) { display: none }
.article-title { font-size: 16px }
.btn-lg { padding: 8px 20px; font-size: 14px }
#commentform { padding-left: 0 }
#respond { overflow: hidden; width: 100% }
.comt { padding-left: 0 }
.comt-title { width: auto; float: none; margin-left: 0; overflow: hidden; margin-bottom: 10px }
.comt-avatar { width: 30px; height: 30px; float: left; margin-right: 5px }
.comt-avatar .avatar { width: 30px; height: 30px; border-radius: 50% }
.comment-reply-link, .comt-info { position: relative; top: 0; display: inline-block; margin-left: 10px }
.comt-main { margin-right: 40px; margin-left: 40px }
.comt-f { font-size: 12px }
.commentlist>.comment .children { margin-left: 0 }
.commentlist>.comment.depth-1>.children { margin-left: 46px }
.comt-author { display: inline-block }
.plinks ul li { width: 100% }
}
#navs { color: #aaa; min-height: 600px }
#navs h2 { font-size: 20px; font-weight: normal; color: #fff; padding: 10px; background-color: #45B6F7; margin: 0 }
#navs .item { overflow: hidden; margin: 20px 0 30px }
#navs .item h2 { width: 140px; padding: 11px 15px; margin: 0; font-size: 18px }
#navs .item ul { margin-right: -1% }
#navs .item li { float: left; width: 19%; margin-right: 1%; margin-top: 1%; padding: 15px; font-size: 12px; height: 89px; overflow: hidden; background-color: #fff; border-bottom: 15px solid #fff }
#navs .item li a { margin-bottom: 5px; display: inline-block; font-size: 14px; font-weight: bold; color: #45B6F7; border-bottom: 2px solid transparent }
#navs .item li a:hover { color: #FD8C84; border-bottom-color: #FD8C84 }
#navs .items { margin-left: 160px }
#navs nav { width: 140px; position: absolute; top: 0; left: 0; height: 100%; background-color: #45B6F7 }
#navs nav ul { width: 140px }
#navs nav a { display: block; padding: 10px 20px; color: #fff; border-bottom: 1px solid rgba(0,0,0,0.08) }
#navs nav a:hover, #navs nav .active a { color: #fff }
#navs nav .active a { font-weight: bold }
#navs nav ul.affix { position: fixed; top: 0; overflow-y: auto; height: 100%; bottom: 0 }
#navs nav ul.affix-bottom { position: fixed }
#navs nav ul::-webkit-scrollbar {
width:4px;
height:4px
}
#navs nav ul::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,0.15)
}
#navs nav ul::-webkit-scrollbar-thumb:hover {
background-color:rgba(0,0,0,0.3)
}
.page-template-pagesnavs-php .pageheader { margin: 0 }
@media (max-width: 1280px) {
#navs .items { margin-right: 10px }
}
@media (max-width: 1024px) {
#navs .item { margin-top: 10px }
#navs .items { margin: 0 }
#navs nav { display: none }
#navs .item li { width: 24% }
}
@media (max-width: 640px) {
#navs .item li { width: 32.333333% }
#navs .item h2 { width: auto; text-align: center }
}
@media (max-width: 320px) {
#navs .item li { width: 49% }
}
.authorleader { background-color: #fff; border: 1px solid #eaeaea; border-radius: 4px; margin-bottom: 15px; padding: 20px 50px; text-align: center }
.authorleader h1 { font-size: 18px; margin: 10px 0 0; padding: 0; line-height: 1 }
.authorleader .avatar { border-radius: 50% }
.authorleader-desc { font-size: 14px; color: #999; margin-top: 10px }
@media (max-width: 640px) {
.authorleader { padding: 15px; margin-bottom: 10px }
.authorleader h1 { font-size: 16px; font-weight: bold }
.authorleader-desc { margin-top: 5px; font-size: 12px }
}
.breadcrumbs { padding: 15px 0; font-size: 12px; line-height: 1; text-align: left; background-color: #fff; margin-bottom: 15px; margin-top: -15px; border-bottom: 1px solid #EBEBEB; box-shadow: 0 1px 3px rgba(0,0,0,0.04); color: #999 }
.breadcrumbs small { font-size: 12px; font-family: serif; color: #bbb; margin: 0 2px; font-weight: bold }
.breadcrumbs a { color: #999 }
.breadcrumbs a:hover { color: #666 }
@media (max-width: 640px) {
.breadcrumbs { margin-top: 1px; margin-bottom: 0; padding: 10px 15px; border-bottom: none; margin-bottom: 1px }
}
.catleader { background-color: #fff; border: 1px solid #eaeaea; border-radius: 4px; margin-bottom: 15px; padding: 15px 20px }
.catleader h1 { font-size: 20px; margin: 0; padding: 0; line-height: 1; border-left: 5px solid #45B6F7; padding-left: 10px; font-weight: bold }
.catleader h1 small { color: #999; font-size: 14px; position: relative; top: -2px; margin-left: 5px }
.catleader-desc { font-size: 14px; color: #999; margin-top: 10px }
@media (max-width: 640px) {
.catleader { padding: 12px 15px 10px; margin-bottom: 5px; border: none }
.catleader h1 { font-size: 14px; font-weight: bold }
.catleader-desc { margin-top: 5px; font-size: 12px }
}
.post-actions { text-align: center; overflow: hidden; padding: 15px 0 30px; clear: both }
.post-actions .action { display: inline-block; opacity: 0.8; line-height: 1; padding: 12px 20px; border-radius: 4px; color: #fff; font-size: 14px; background-color: #45B6F7; margin: 0 7px }
.post-actions .action:hover { opacity: 1; color: #fff }
.post-actions .action:focus { text-decoration: none }
.post-actions .action.action-rewards { background-color: #F7B10D }
.post-actions .action.action-link { background-color: #FF4400 }
.post-actions .action.action-like { background-color: #45B6F7 }
.post-actions .action .fa { font-size: 14px; position: relative; top: 1px; margin-right: 2px }
.post-actions .action-like .fa { margin-right: 7px; top: 0 }
.rewards-popover-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 9999; display: none }
.rewards-popover { position: fixed; top: 50%; left: 50%; margin: -200px 0 0 -275px; width: 550px; background-color: #FFF; padding: 40px 20px 50px; border-radius: 4px; overflow: hidden; box-shadow: 0 1px 5px rgba(0,0,0,0.4); z-index: 9999; display: none; text-align: center }
.rewards-popover h3 { font-size: 18px; font-weight: bold; text-align: center; margin: 0 15px 30px }
.rewards-popover h5 { font-size: 15px; font-weight: normal; text-align: center; margin: 0 30px 30px; line-height: 1.5 }
.rewards-popover h3+h5 { margin-top: -20px; color: #999 }
.rewards-popover-item { display: inline-block; width: 200px; margin: 0 20px }
.rewards-popover-item h4 { margin: 0 20px 10px; font-size: 15px; font-weight: bold }
.rewards-popover-item img { width: 200px; height: 200px; background-color: #eee; border-radius: 2px; padding: 5px }
.rewards-popover-close { position: absolute; top: 0; right: 0; padding: 15px; font-size: 16px; line-height: 1; color: #999; cursor: pointer }
.rewards-popover-close:hover { color: #666 }
@media (max-width: 560px) {
.post-actions { padding-bottom: 0 }
.post-actions .action { padding: 10px 14px; margin: 0 2px }
.rewards-popover { width: 300px; margin-left: -150px; margin-top: -125px; padding: 30px 10px }
.rewards-popover h3 { font-size: 16px; margin: 0 5px 15px }
.rewards-popover h5 { font-size: 12px; line-height: 1.4; margin: 0 5px 15px }
.rewards-popover h3+h5 { margin-top: -5px }
.rewards-popover-item { width: 125px; margin: 0 5px }
.rewards-popover-item h4 { font-size: 12px; margin: 0 0 10px }
.rewards-popover-item img { width: 125px; height: 125px }
}
.liangdian { margin: 0 -2% 10px 0 !important; padding: 0; overflow: hidden; clear: both }
.liangdian li { float: left; position: relative; margin: 0 2% 2% 0; width: 31.33333%; padding: 20px 20px; border-radius: 2px; text-align: center; border: 1px solid #eee; color: #aaa; font-size: 12px; height: 105px; overflow: hidden; line-height: 1.6 }
.liangdian li::before { position: absolute; top: 0; left: 0; content: ''; background-color: #eee; color: #bbb; line-height: 1; padding: 4px 5px; font-size: 12px; border-radius: 0 0 2px 0 }
.liangdian li:nth-child(1)::before { content: "亮点1" }
.liangdian li:nth-child(2)::before { content: "亮点2" }
.liangdian li:nth-child(3)::before { content: "亮点3" }
.liangdian li:nth-child(4)::before { content: "亮点4" }
.liangdian li:nth-child(5)::before { content: "亮点5" }
.liangdian li:nth-child(6)::before { content: "亮点6" }
.liangdian li:nth-child(7)::before { content: "亮点7" }
.liangdian li:nth-child(8)::before { content: "亮点8" }
.liangdian li:nth-child(9)::before { content: "亮点9" }
.liangdian li:nth-child(10)::before { content: "亮点10" }
.liangdian li:nth-child(11)::before { content: "亮点11" }
.liangdian li:nth-child(12)::before { content: "亮点12" }
.liangdian li:nth-child(13)::before { content: "亮点13" }
.liangdian li:nth-child(14)::before { content: "亮点14" }
.liangdian li:nth-child(15)::before { content: "亮点15" }
.liangdian li:nth-child(16)::before { content: "亮点16" }
.liangdian li:nth-child(17)::before { content: "亮点17" }
.liangdian li:nth-child(18)::before { content: "亮点18" }
.liangdian li:nth-child(19)::before { content: "亮点19" }
.liangdian li:nth-child(20)::before { content: "亮点20" }
.liangdian li:nth-child(21)::before { content: "亮点21" }
.liangdian li:nth-child(22)::before { content: "亮点22" }
.liangdian li:nth-child(23)::before { content: "亮点23" }
.liangdian li:nth-child(24)::before { content: "亮点24" }
.liangdian li:nth-child(25)::before { content: "亮点25" }
.liangdian li:nth-child(26)::before { content: "亮点26" }
.liangdian li:nth-child(27)::before { content: "亮点27" }
.liangdian li:nth-child(28)::before { content: "亮点28" }
.liangdian li:nth-child(29)::before { content: "亮点29" }
.liangdian li:nth-child(30)::before { content: "亮点30" }
.liangdian li:nth-child(31)::before { content: "亮点31" }
.liangdian li:nth-child(32)::before { content: "亮点32" }
.liangdian li:nth-child(33)::before { content: "亮点33" }
.liangdian li:nth-child(34)::before { content: "亮点34" }
.liangdian li:nth-child(35)::before { content: "亮点35" }
.liangdian li:nth-child(36)::before { content: "亮点36" }
.liangdian li:nth-child(37)::before { content: "亮点37" }
.liangdian li:nth-child(38)::before { content: "亮点38" }
.liangdian li:nth-child(39)::before { content: "亮点39" }
.liangdian li:nth-child(40)::before { content: "亮点40" }
.liangdian li:nth-child(41)::before { content: "亮点41" }
.liangdian li:nth-child(42)::before { content: "亮点42" }
.liangdian li:nth-child(43)::before { content: "亮点43" }
.liangdian li:nth-child(44)::before { content: "亮点44" }
.liangdian li:nth-child(45)::before { content: "亮点45" }
.liangdian li:nth-child(46)::before { content: "亮点46" }
.liangdian li:nth-child(47)::before { content: "亮点47" }
.liangdian li:nth-child(48)::before { content: "亮点48" }
.liangdian li:nth-child(49)::before { content: "亮点49" }
.liangdian li:nth-child(50)::before { content: "亮点50" }
.liangdian li:nth-child(51)::before { content: "亮点51" }
.liangdian li:nth-child(52)::before { content: "亮点52" }
.liangdian li:nth-child(53)::before { content: "亮点53" }
.liangdian li:nth-child(54)::before { content: "亮点54" }
.liangdian li:nth-child(55)::before { content: "亮点55" }
.liangdian li:nth-child(56)::before { content: "亮点56" }
.liangdian li:nth-child(57)::before { content: "亮点57" }
.liangdian li:nth-child(58)::before { content: "亮点58" }
.liangdian li:nth-child(59)::before { content: "亮点59" }
.liangdian li:nth-child(60)::before { content: "亮点60" }
.liangdian li::after { position: absolute; bottom: 0; left: 0; right: 0; height: 16px; content: ''; background-color: #fff }
.liangdian li:hover { border-color: #0ae }
.liangdian li:hover::before { background-color: #0ae; color: #fff }
.liangdian strong { display: block; font-size: 15px; font-weight: bold; margin-bottom: 5px; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
@media (max-width: 768px) {
.liangdian li { width: 48% }
}
@media (max-width: 544px) {
.liangdian { margin: 0 -2% 20px 0 !important }
.liangdian li { height: 102px; padding: 18px 10px; line-height: 1.4; font-size: 11px }
.liangdian li::before { font-size: 10px; padding: 4px; height: 16px }
.liangdian strong { font-size: 12px }
}
.topic-items { overflow: hidden; margin-top: 0.7%; min-height: 800px }
.topic-items h1 { display: none }
.topic-items ul { margin-right: -2% }
.topic-items ul>li { vertical-align: top; display: inline-block; margin-right: 2%; margin-bottom: 2%; width: 31.333333333%; background-color: #fff }
.topic-items ul>li .-pic { position: relative; display: block }
.topic-items ul>li .-pic::before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 1; background: -moz-gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0,0,0,0.6))); background: -webkit-gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0,0,0,0.6))); background: gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0,0,0,0.6))) }
.topic-items ul>li .-pic img { border-radius: 4px 4px 0 0; overflow: hidden; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s }
.topic-items ul>li .-pic-only { border-radius: 4px; overflow: hidden }
.topic-items ul>li .-pic-only img { border-radius: 4px }
.topic-items ul>li .-info { position: absolute; z-index: 2; margin: 0 15px 15px; left: 0; right: 0; bottom: 0; line-height: 1.4; color: #fff }
.topic-items ul>li .-info h2 { font-size: 18px; font-weight: bold; margin: 10px 0 0 }
.topic-items ul>li .-info dfn { display: block; font-size: 14px; font-style: normal; font-weight: normal; margin-bottom: 0 }
.topic-items ul>li .-info dfn .fa { margin-right: 10px }
.topic-items ul>li .-desc { font-size: 14px; margin-top: 6px; max-height: 38px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; opacity: .9 }
.topic-items ul>li .-pic:hover img { opacity: 0.9 }
.topic-items .-list { border: 1px solid #EAEAEA; border-top: none; border-radius: 0 0 4px 4px; padding: 7.5px 0 }
.topic-items .-list ol { list-style: none }
.topic-items .-list ol a { display: block; padding: 7.5px 15px 7.5px 95px; overflow: hidden }
.topic-items .-list ol img { float: left; margin-left: -80px; margin-right: 12px; width: 80px; border-radius: 4px }
.topic-items .-list ol span { display: block; margin-top: 7px; max-height: 40px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.topic-items .-more { background-color: #F6F6F6; display: block; margin: 7.5px 15px; text-align: center; border-radius: 4px; height: 36px; line-height: 36px }
.topic-items .-more:hover { color: #fff; background-color: #202935 }
.topic-items .-more i { font-style: normal; font-family: serif; font-weight: bold; margin-left: 7px; font-size: 12px; position: relative; top: -1px }
.topic-items+.pagination { padding-top: 10px }
@media (max-width: 768px) {
.topic-items { margin-top: 0; min-height: auto }
.topic-items ul>li { width: 48%; margin-bottom: 15px }
}
@media (max-width: 640px) {
.topic-items { margin: 15px 15px 0 }
.topic-items ul { margin-right: 0 }
.topic-items ul>li { width: 100%; margin-bottom: 15px }
.topic-items ul>li .-info h2 { font-size: 17px }
.topic-items ul>li .-info dfn { font-size: 12px }
.topic-items ul>li .-info dfn .fa { margin-right: 7px }
.topic-items ul>li .-desc { font-size: 12px; max-height: auto; line-height: 1.5 }
.topic-items+.pagination { padding-top: 5px }
.topic-items+.pagination ul>li { display: inline-block }
}
.topic-hd { position: relative; overflow: hidden; border-radius: 4px; margin-bottom: 15px }
.topic-hd::before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 1; background: -moz-gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0,0,0,0.6))); background: -webkit-gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0,0,0,0.6))); background: gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0,0,0,0.6))) }
.topic-hd .-info { position: absolute; bottom: 0px; left: 0px; right: 0px; color: #fff; padding: 20px; z-index: 2 }
.topic-hd .-info h1 { font-size: 30px; font-weight: bold; margin: 10px 0 0; line-height: 1.4 }
.topic-hd .-info dfn { display: block; font-size: 14px; font-style: normal; font-weight: normal; margin-bottom: 0 }
.topic-hd .-info dfn .fa { margin-right: 10px }
.topic-hd .-desc { font-size: 16px; margin-top: 6px; opacity: .9; line-height: 1.6 }
@media (max-width: 640px) {
.topic-hd { border-radius: 0; margin-bottom: 0 }
.topic-hd .-info { padding: 15px }
.topic-hd .-info h1 { font-size: 17px }
.topic-hd .-info dfn { font-size: 12px }
.topic-hd .-info dfn .fa { margin-right: 7px }
.topic-hd .-desc { font-size: 12px; line-height: 1.5 }
}
.mo-topics { overflow: hidden }
.mo-topics ul { margin-right: -1.8% }
.mo-topics ul>li { margin-bottom: 15px; vertical-align: top; display: inline-block; margin-right: 1.8%; width: 31.533333333333333333%; background-color: #fff; border-radius: 4px; overflow: hidden }
.mo-topics ul>li .-pic { position: relative; display: block }
.mo-topics ul>li .-pic::before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 1; background: -moz-gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0,0,0,0.6))); background: -webkit-gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0,0,0,0.6))); background: gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0,0,0,0.6))) }
.mo-topics ul>li .-pic img { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s }
.mo-topics ul>li .-info { position: absolute; z-index: 2; margin: 0 20px 16px; left: 0; right: 0; bottom: 0; color: #fff }
.mo-topics ul>li .-info h2 { font-size: 15px; font-weight: bold; margin: 5px 0 0; line-height: 1.4 }
.mo-topics ul>li .-info dfn { display: block; font-size: 12px; font-style: normal; font-weight: normal; margin-bottom: 0 }
.mo-topics ul>li .-info dfn .fa { margin-right: 7px }
.mo-topics ul>li .-pic:hover img { opacity: 0.9 }
@media (max-width: 640px) {
.mo-topics { padding: 15px 15px 0; background-color: #fff }
.mo-topics+.excerpt-minic-index { border-top: 1px solid #F6F6F6 }
.mo-topics ul { margin-right: -2.5% }
.mo-topics ul>li { margin-bottom: 15px; margin-right: 2.5%; width: 30.8333333333%; border-radius: 4px }
.mo-topics ul>li .-pic::before { display: none }
.mo-topics ul>li .-pic img { border-radius: 4px }
.mo-topics ul>li .-info dfn { display: none }
.mo-topics ul>li .-info { position: relative; color: #333; margin: 0; text-align: center }
.mo-topics ul>li .-info h2 { font-size: 12px; margin-top: 7px }
}
#container { margin: auto; max-width: 1200px }
@media (max-width: 1240px) {
#container { margin: 0 15px }
}
.xzh-render-head { padding: 0 15px; background-color: #fff }
.xzh-render-body { margin-bottom: 10px }
.text-justify-on .widget_ui_posts .text, .text-justify-on .widget_ui_textorbui, .text-justify-on .relates li, .text-justify-on .article-content, .text-justify-on .widget_ui_comments ul li, .text-justify-on .excerpt .note, .text-justify-on .excerpt-minic .note { text-align: justify }
.loop-product-container { position: relative; padding-left: 246px; margin-top: 10px; margin-bottom: 20px }
.loop-product-container::after { display: block; clear: both; content: "" }
.loop-product-side { float: left; width: 220px; margin-left: -246px }
.loop-product-content { position: relative; margin-right: -2.5%; min-height: 600px }
.loop-product-filters { overflow: hidden; background-color: #fff; border-radius: 4px; box-shadow: 0 1px 5px rgba(0,0,0,0.04) }
.loop-product-filters h3 { position: relative; font-size: 14px; margin: 0 0; overflow: hidden; padding: 20px 20px 15px; font-weight: bold }
.loop-product-filters h3 .fa { margin-right: 5px; width: 14px; height: 14px; display: inline-block }
.loop-product-filters h3 .loop-product-filters-more { position: absolute; top: 0; right: 0; height: 44px; width: 44px; text-align: center; line-height: 44px; z-index: 2; cursor: pointer; display: none }
.loop-product-filters h3 .loop-product-filters-more .fa { margin-right: 0 }
.loop-product-filters-all { font-weight: normal; float: right; font-size: 12px; color: #999 }
.loop-product-filters ul { list-style: none; margin: 0; padding: 0; display: block }
.loop-product-filters ul ul { padding-left: 28px }
.loop-product-filters ul li { position: relative; margin: 10px 0; color: #bbb; font-size: 12px }
.loop-product-filters ul li::after { position: absolute; top: 10px; right: 102%; left: -300px; content: ''; border-top: 1px dashed #e6e6e6; height: 0 }
.loop-product-filters ul li.active>.childrengo .faent1 { display: none }
.loop-product-filters ul li.active>.childrengo .faent2 { display: block }
.loop-product-filters ul li.active>.children { display: block }
.loop-product-filters ul .current-cat>a { color: #0ae; font-weight: bold }
.loop-product-filters ul a { position: relative; top: 1px; font-size: 14px; display: inline-block }
.loop-product-filters>ul { overflow: hidden; position: relative; padding-left: 14px; margin: 0 15px 15px 20px }
.loop-product-filters>ul::before { position: absolute; top: 12px; left: 0; bottom: 10px; content: ''; border-left: 1px dashed #e6e6e6; width: 0 }
.loop-product-qrcode { background-color: #fff; border-radius: 4px; padding: 30px 20px; margin-top: 20px; text-align: center; box-shadow: 0 1px 5px rgba(0,0,0,0.04) }
.loop-product-qrcode h4 { font-size: 14px; text-align: center; margin: 0 0 15px }
.loop-product-qrcode canvas { max-width: 100% }
.catpage-catstep ul.children { display: none }
.catpage-catstep .childrengo { display: block }
.childrengo { display: none; position: absolute; top: -1px; right: -5px; color: #bbb; padding: 5px; cursor: pointer; line-height: 1 }
.childrengo:hover { color: #555 }
.loop-product-content .loop-item { position: relative; display: inline-block; margin-right: 2.5%; margin-bottom: 2.5%; width: 22.5%; vertical-align: top; text-align: center; background-color: #fff; border-radius: 4px; overflow: hidden; box-shadow: 0 1px 5px rgba(0,0,0,0.04) }
.loop-product-content .loop-item:hover { border-color: #ddd; border-bottom-color: #d6d6d6 }
.loop-product-content .loop-item h2 { font-size: 14px; margin: 12px 15px 15px; font-weight: normal; height: 42px; overflow: hidden; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.loop-product-content .loop-item .thumbnail { display: block; overflow: hidden; border-radius: 0 }
.loop-product-content .loop-item .thumb { width: 100% }
.loop-product-content .loop-item footer { margin: 15px 0; font-size: 12px; color: #bbb }
.loop-product-content .loop-item .price { color: #FF5E52 }
@media (max-width: 1024px) {
.loop-product-content .loop-item { width: 30.8333333333% }
}
@media (max-width: 768px) {
.loop-product-content .loop-item { width: 47.5% }
}
@media (max-width: 576px) {
.loop-product-container { margin: 0; padding: 0 15px 15px }
.loop-product-filters h3 .loop-product-filters-more { display: inline-block }
.loop-product-filters-all { margin-right: 44px; position: absolute; top: 0; right: 0; height: 44px; width: 44px; text-align: center; line-height: 44px; z-index: 2 }
.loop-product-side { width: auto; position: relative; float: none; margin-left: -15px; margin-right: -15px; margin-bottom: 15px }
.loop-product-filters { border: none; margin-bottom: 10px; border-radius: 0 }
.loop-product-filters>ul { display: none }
.loop-product-filters h3 { padding: 15px 15px 14px }
.loop-product-qrcode { display: none }
.loop-product-content { margin-right: -3% }
.loop-product-content .loop-item { border: none; width: 47%; margin-right: 3%; margin-bottom: 3% }
}
.cat-filter { border: 1px solid #EAEAEA; border-radius: 4px; background-color: #fff; margin-bottom: 15px; padding: 15px 20px 17px }
.cat-filter h1 { font-size: 18px; font-weight: bold; margin: 0; position: relative; padding-left: 18px; line-height: 1.5 }
.cat-filter h1:before { content: ''; position: absolute; top: 4px; left: 0; width: 4px; height: 18px; background-color: #45B6F7; border-radius: 10px }
.cat-filter h1+ul { margin-top: 5px }
.cat-filter ul { line-height: 24px }
.cat-filter ul li { padding-left: 110px }
.cat-filter ul li strong { width: 110px; float: left; margin-left: -110px; margin-top: 9px; color: #999; font-weight: normal }
.cat-filter ul li strong .fa { font-size: 12px; color: #bbb; width: 18px }
.cat-filter ul li a { display: inline-block; margin-right: 15px; border-radius: 2px; padding: 0 8px; margin-top: 8px; border: 1px solid transparent }
.cat-filter ul li a:last-child { margin-right: 0 }
.cat-filter ul li a.active { border-color: #45B6F7; color: #45B6F7 }
@media (max-width: 576px) {
.cat-filter { border: none; border-radius: 0; margin-bottom: 5px }
.cat-filter ul { font-size: 12px }
.cat-filter ul li { padding-left: 100px }
.cat-filter ul li strong { width: 100px; margin-left: -100px }
.cat-filter ul li a { margin-right: 5px }
.cat-filter ul li a:last-child { margin-right: 0 }
}
.wp-block-gallery { margin-left: 0 !important }
.wp-block-image { margin-bottom: 20px }
.wp-block-image figcaption { font-size: inherit; font-size: 14px; color: #999; margin-bottom: 0 }
.wp-block-quote cite { font-size: 12px; color: #bbb }
.wp-block-file { background-color: #f6f6f6; padding: 2em; text-align: center }
.wp-block-file .wp-block-file__button { font-size: inherit; padding: .5em 2em }
.wp-block-file *+.wp-block-file__button { margin-left: 2em }
.wp-block-button__link { font-size: inherit; text-decoration: none !important }
.wp-block-image { overflow: hidden }
.aligncenter img { margin-left: auto; margin-right: auto }
.wp-block-image .aligncenter>figcaption { display: block }
.wp-block-table figcaption { text-align: center; font-size: 14px; color: #999 }
.wp-block-audio figcaption { text-align: center; font-size: 14px; color: #999 }
.wp-block-video figcaption { text-align: center; font-size: 14px; color: #999 }
.wp-block-gallery { clear: both; overflow: hidden; margin-bottom: 9px !important }
.blocks-gallery-grid { margin-left: 0 !important; margin-bottom: 0 !important }
.blocks-gallery-caption { text-align: center; display: block; width: 100%; font-size: 14px; color: #999; margin-top: -6px; margin-bottom: 9px }
.wp-block-media-text { margin-bottom: 20px }
.wp-block-cover { margin-bottom: 20px }
.wp-block-buttons { margin-bottom: 20px !important }
.wp-block-separator { margin: 50px auto; width: 20%; border: none; background-color: #eee; height: 2px }
.wp-block-separator.is-style-dots { width: auto; color: #999 }
.wp-block-group__inner-container h2 { border-bottom: none; padding-bottom: 0; line-height: 1.6 }
.wp-block-group__inner-container blockquote { border-left: none; padding: 0; color: #555 }
.wp-block-group__inner-container .wp-block-separator { margin: 30px auto }
.article-content pre.wp-block-preformatted { font: 14px/24px 'Microsoft Yahei', "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 30px; background-color: #F6F6F6; color: inherit; border-radius: 4px }
.article-content pre.wp-block-verse { font: 16px/30px 'Microsoft Yahei', "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 30px; background-color: #F6F6F6; color: inherit; border-radius: 4px }
.wp-block-pullquote { border-top: 4px solid #ddd; border-bottom: 4px solid #ddd; margin-bottom: 30px }
.wp-block-pullquote blockquote { border-left: none; margin: 0; padding: 0; color: inherit }
.wp-block-pullquote cite { font-size: 14px }
.widget .gallery { padding-right: 15px; padding-top: 18px }
.widget .gallery .gallery-item { padding-left: 15px }
.widget .gallery .gallery-item img { height: auto }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 }
.swiper-container-no-flexbox .swiper-slide { float: left }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform }
.swiper-slide-invisible-blank { visibility: hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform }
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(transparent)); background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5), transparent); background-image: -o-linear-gradient(right, rgba(0,0,0,0.5), transparent); background-image: linear-gradient(to left, rgba(0,0,0,0.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), transparent); background-image: -o-linear-gradient(left, rgba(0,0,0,0.5), transparent); background-image: linear-gradient(to right, rgba(0,0,0,0.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), transparent); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.5), transparent); background-image: linear-gradient(to top, rgba(0,0,0,0.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(transparent)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), transparent); background-image: -o-linear-gradient(top, rgba(0,0,0,0.5), transparent); background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent) }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 40px; height: 60px; line-height: 60px; margin-top: -30px; z-index: 10; cursor: pointer; font-size: 28px; text-align: center; color: #fff; outline: none; opacity: .9 }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -50px; right: auto }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -50px; left: auto }
.swiper-container:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0 }
.swiper-container:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0 }
.swiper-button-lock { display: none }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 }
.swiper-pagination.swiper-pagination-hidden { opacity: 0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33) }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2 }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }
.swiper-pagination-bullet-active { opacity: 1; background: #fff }
.swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .2s -webkit-transform; transition: .2s top, .2s -webkit-transform; -o-transition: .2s transform, .2s top; transition: .2s transform, .2s top; transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .2s -webkit-transform; transition: .2s left, .2s -webkit-transform; -o-transition: .2s transform, .2s left; transition: .2s transform, .2s left; transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform }
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right, .2s -webkit-transform; transition: .2s right, .2s -webkit-transform; -o-transition: .2s transform, .2s right; transition: .2s transform, .2s right; transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform }
.swiper-pagination-progressbar { background: rgba(0,0,0,0.25); position: absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top }
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 }
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 }
.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff }
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255,255,255,0.25) }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000 }
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0,0,0,0.25) }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 }
.swiper-pagination-lock { display: none }
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1) }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% }
.swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; left: 0; top: 0 }
.swiper-scrollbar-cursor-drag { cursor: move }
.swiper-scrollbar-lock { display: none }
.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain }
.swiper-slide-zoomed { cursor: move }
@-webkit-keyframes swiper-preloader-spin { 100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin { 100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out }
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube { overflow: visible }
.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 }
.swiper-container-flip { overflow: visible }
.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px }
.swiper-fixed { overflow: hidden }
.article-swiper-no-transition { transition-duration: 0ms !important }
.article-swiper-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; background-color: rgba(0,0,0,0.9); z-index: 99999 }
.article-swiper-container:hover .swiper-button-next { right: 20px }
.article-swiper-container:hover .swiper-button-prev { left: 20px }
@media (max-width: 640px) {
.article-swiper-container { background-color: #000 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 3px }
.article-swiper-container:hover .swiper-button-next { display: none !important }
.article-swiper-container:hover .swiper-button-prev { display: none !important }
}
#bigslide { margin-bottom: 15px; margin-top: -15px; text-align: center }
#bigslide .swiper-pagination-bullet { width: 30px; height: 6px; border-radius: 10px }
#bigslide .swiper-pagination { bottom: 15px }
#bigslide .swiper-button-next, #bigslide .swiper-button-prev { display: none }
@media (max-width: 640px) {
#bigslide { margin-bottom: 0 }
#bigslide .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50% }
#bigslide .swiper-pagination { bottom: 3px }
}
.woocommerce-breadcrumb { display: none }
.page-title { margin: 0 0 20px; font-size: 25px; float: left }
.woocommerce-result-count { display: none }
.woocommerce-ordering { float: right; margin-bottom: 20px }
.woocommerce-ordering select { border-color: #ddd; padding: 3px 6px }
.products { clear: both }
.woocommerce ul.products li.product a img { margin-bottom: 5px }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { background-color: #fff; padding: 15px }
.woocommerce ul.products li.product .price { color: #FF351A }
.woocommerce ul.products li.product .price ins { float: left; margin-right: 15px; text-decoration: none }
.woocommerce ul.products li.product .price del { display: inline-block; color: #999 }
.woocommerce ul.products li.product .button { margin-top: 5px }
.woocommerce a.button { font-size: 12px; font-weight: normal; border-radius: 2px; color: #888 }
.woocommerce-Price-currencySymbol { margin-right: 2px; display: inline-block }
.woocommerce-page .container-page { padding-left: 0 }
.woocommerce-page .article-content { font-size: 14px }
.woocommerce-page .pageside { display: none }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { padding: 6px 8px; border: 1px solid #ddd }
.woocommerce form .form-row input.input-text:hover, .woocommerce form .form-row textarea:hover { border-color: #bbb }
.select2-container--default .select2-selection--single { border-radius: 0; border-color: #ddd }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 34px }
.select2-container .select2-selection--single { height: 34px }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 32px }
.select2-dropdown { border-radius: 0 }
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: #f6f6f6; border-radius: 0 }
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom-color: #ddd }
.woocommerce table.shop_table { border-radius: 0; border-right: none; border-color: #e6e6e6 }
.cart_totals table.shop_table { border-right: 1px solid #E6E6E6 }
.woocommerce-cart .cart-collaterals .cart_totals table td { vertical-align: middle }
.woocommerce-error, .woocommerce-info, .woocommerce-message { border-left: 4px solid #a46497; border-top: none; padding-left: 2em }
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { display: none }
.woocommerce-error { border-left-color: #f57777 }
.woocommerce-info { border-left-color: #61b3e6 }
.woocommerce-message { border-left-color: #ffa343 }
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #61b3e6 }
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #4fa9e0 }
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-radius: 0 }
.woocommerce .star-rating span { color: #FF8400 }
.woocommerce-cart-form__contents td { text-align: center }
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { margin: 0 auto }
.woocommerce-account .woocommerce-MyAccount-navigation { width: 180px }
.woocommerce-account .woocommerce-MyAccount-content { width: calc(100% - 180px) }
.woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none }
.woocommerce-MyAccount-navigation ul li { font-size: 15px; margin-bottom: 10px }
.woocommerce-MyAccount-navigation ul li a { display: block; text-decoration: none; color: #888; border-left: 4px solid #fff; padding-left: 15px; line-height: 32px }
.woocommerce-MyAccount-navigation ul li.is-active a { border-left-color: #61B3E6; color: #61B3E6 }
.woocommerce-MyAccount-navigation ul li a:hover { color: #61B3E6 }
@media (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-navigation { width: auto; overflow: hidden; margin-bottom: 20px }
.woocommerce-MyAccount-navigation ul li { display: inline-block; margin-right: 15px }
.woocommerce-MyAccount-navigation ul li:last-child { margin-right: 0 }
.woocommerce-MyAccount-navigation ul li a { border-left: none; border-bottom: 2px solid transparent; padding-left: 0 }
.woocommerce-MyAccount-navigation ul li.is-active a { border-bottom-color: #61B3E6 }
.woocommerce-account .woocommerce-MyAccount-content { width: 100% }
}
.woocommerce div.product { margin-top: 30px }
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 35% }
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 61% }
.woocommerce div.product .product_title { font-size: 27px }
.woocommerce-review-link { color: #bbb }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: #FF351A; font-size: 18px }
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins { float: left; text-decoration: none; font-weight: normal; margin-right: 20px }
.woocommerce div.product p.price del, .woocommerce div.product span.price del { color: #999 }
.woocommerce-product-details__short-description { padding: 20px 0; font-size: 14px }
.woocommerce .quantity .qty { border-radius: 2px; height: 31px; border: 1px solid #ddd; margin-right: 5px }
.product_meta { color: #999 }
.product_meta .sku_wrapper { margin-right: 20px }
.product_meta .posted_in { margin-right: 20px }
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { margin-top: 1%; margin-right: 1%; width: 24% }
.woocommerce div.product div.images .woocommerce-product-gallery__image:first-child { margin-right: 1% }
.woocommerce div.product .woocommerce-tabs ul.tabs { margin-bottom: 0 }
.woocommerce div.product .woocommerce-tabs .panel { border-radius: 0; padding: 15px 30px 30px }
.woocommerce div.product .woocommerce-tabs .panel p { margin-bottom: 20px }
.woocommerce div.product .woocommerce-tabs .panel h2.woocommerce-Reviews-title { font-size: 14px; font-weight: bold; margin-bottom: 0px }
#reply-title { color: #999; display: block; margin-bottom: 10px; margin-top: 20px }
.woocommerce #review_form #respond textarea { border: 1px solid #ddd; padding: 4px 8px }
.woocommerce #review_form #respond textarea:hover { border-color: #bbb }
.products h2 { font-size: 22px; margin: 0 0 10px }
.article-content h2.woocommerce-loop-product__title { border-bottom: none }
.woocommerce #reviews #comments ol.commentlist li { margin-bottom: 0 }
.woocommerce #reviews #comments ol.commentlist li .comment-text { padding: 15px 0; border: none }
.woocommerce #reviews #comments ol.commentlist li img.avatar { padding: 0; border: none; border-radius: 2px; top: 15px }
.woocommerce #reviews #comments ol.commentlist li .comment-text .description { font-size: 14px }
.woocommerce #reviews #comments ol.commentlist li .comment-text p { margin-bottom: 5px }
.woocommerce .comment_container { border-bottom: 1px solid #eee }
.woocommerce div.product .woocommerce-tabs .panel img { margin: 5px 0; display: block; max-width: 100%; height: auto }
.woocommerce div.product .woocommerce-tabs .panel h3, .woocommerce div.product .woocommerce-tabs .panel h4, .woocommerce div.product .woocommerce-tabs .panel h5 { padding: 0 0; margin: 20px 0; color: #555; font-weight: bold }
.woocommerce div.product .woocommerce-tabs .panel h1, .woocommerce div.product .woocommerce-tabs .panel h2 { font-weight: bold; margin: 20px 0; border-bottom: 1px solid #eee; padding-bottom: 10px }
.woocommerce div.product .woocommerce-tabs .panel h1 { font-size: 20px }
.woocommerce div.product .woocommerce-tabs .panel h2 { font-size: 18px }
.woocommerce div.product .woocommerce-tabs .panel h3 { font-size: 16px }
.woocommerce div.product .woocommerce-tabs .panel h4 { font-size: 15px }
.woocommerce div.product .woocommerce-tabs .panel h5 { font-size: 14px }
.woocommerce div.product .woocommerce-tabs .panel ul, .woocommerce div.product .woocommerce-tabs .panel ol { margin: 0 0 20px 50px }
.woocommerce div.product .woocommerce-tabs .panel ul { list-style: disc }
.woocommerce div.product .woocommerce-tabs .panel ol { list-style: decimal }
.woocommerce div.product .woocommerce-tabs .panel li { margin-bottom: 6px }
.woocommerce div.product .woocommerce-tabs .panel p { margin-bottom: 20px; word-wrap: break-word }
.woocommerce div.product .woocommerce-tabs .panel pre { word-wrap: break-word }
.woocommerce div.product .woocommerce-tabs .panel table { border-top: solid 1px #ddd; border-left: solid 1px #ddd; width: 100%; margin-bottom: 20px }
.woocommerce div.product .woocommerce-tabs .panel table th { background-color: #f9f9f9; text-align: center }
.woocommerce div.product .woocommerce-tabs .panel table td, .woocommerce div.product .woocommerce-tabs .panel table th { border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; padding: 5px 10px }
.woocommerce div.product .woocommerce-tabs .panel .alignnone { margin: 0 auto }
.woocommerce div.product .woocommerce-tabs .panel .alignleft { float: left; text-align: left; margin-right: 10px }
.woocommerce div.product .woocommerce-tabs .panel .aligncenter { margin: 0 auto; text-align: center; display: block }
.woocommerce div.product .woocommerce-tabs .panel .alignright { float: right; text-align: right; margin-left: 10px }
.woocommerce div.product .woocommerce-tabs .panel .wp-caption { margin-bottom: 20px; background-color: #f6f6f6; padding: 10px 10px 1px; max-width: 100% }
.woocommerce div.product .woocommerce-tabs .panel .wp-caption img { margin: 0 0 5px }
.woocommerce div.product .woocommerce-tabs .panel .wp-caption p { margin-bottom: 10px; text-indent: 0 }
.woocommerce div.product .woocommerce-tabs .panel .wp-caption.alignnone { text-align: center }
.woocommerce div.product .woocommerce-tabs .panel .wp-caption:hover .wp-caption-text { color: #45B6F7 }
.woocommerce div.product .woocommerce-tabs .panel a { text-decoration: underline; color: #45B6F7 }
.woocommerce div.product .woocommerce-tabs .panel a:hover { color: #FF5E52 }
.woocommerce div.product .woocommerce-tabs .panel pre, .comment pre { margin: 20px 0; font: 12px/20px 'courier new'; background: #272822; padding: 10px 15px; color: #F8F8D4; border: none }
.woocommerce div.product .woocommerce-tabs .panel blockquote { margin: 30px 30px; padding: 15px 20px; font-size: 16px; color: #999; border-left: 5px solid #EEE }
.woocommerce div.product .woocommerce-tabs .panel blockquote p { margin: 0; padding: 0; margin-bottom: 10px }
.woocommerce nav.woocommerce-pagination { margin-bottom: 30px }
.woocommerce nav.woocommerce-pagination ul { border: none; margin: 0 }
.woocommerce nav.woocommerce-pagination ul li { margin: 0 4px; border: none }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { background-color: #e6e6e6; border-radius: 2px; padding: 7px 12px; color: #999 }
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background-color: #ccc; color: #fff }
.widget_shopping_cart_content { padding: 5px 15px 0 }
.woocommerce .widget_shopping_cart .total { border-top: 1px solid #eee; padding-top: 10px }
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-top: 5px; padding-bottom: 5px }
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { top: 5px }
.woocommerce.widget_product_categories .product-categories { padding: 15px 15px 10px }
.woocommerce.widget_product_categories .product-categories li { margin-bottom: 5px }
.woocommerce ul.product_list_widget { padding: 15px }
.woocommerce ul.product_list_widget .amount { color: #999; margin-top: 5px; display: inline-block }
.woocommerce.widget_product_search { padding: 15px; overflow: hidden }
.woocommerce.widget_product_search .search-field { float: left; width: 70%; height: 37px; border: 1px solid #ddd; padding: 5px 10px }
.woocommerce.widget_product_search button[type=submit] { float: right; width: 28%; height: 37px; padding: 5px 10px }
.woocommerce.widget_product_tag_cloud .tagcloud { overflow: hidden }
.woocommerce.widget_product_tag_cloud .tagcloud a { color: #999; background-color: #f6f6f6; float: left; width: 31.3333%; margin: 0 1% 1% 0; padding: 0 8px; font-size: 12px; height: 29px; line-height: 29px; overflow: hidden }
.woocommerce.widget_product_tag_cloud .tagcloud a:hover { color: #fff; background-color: #45B6F7 }
.thumb-radius .user-postlist .thumb, .thumb-radius .relates .thumb, .thumb-radius .widget_ui_posts .thumb, .thumb-radius .excerpt .thumb { border-radius: 4px }
.thumb-radius .excerpt .cat { border-radius: 2px }
.search-none { text-align: center; padding: 200px 0 300px; font-size: 18px; color: #999 }
.search-none .fa { font-size: 50px; display: block; margin-bottom: 30px }
@media (max-width: 768px) {
.search-none { padding: 100px 15px 200px; font-size: 14px }
}
.article-update-tips { background-color: #FFFBE5; border: 1px solid #f5e295; color: #de9e0e; border-radius: 2px; font-size: 14px; margin-bottom: 20px; padding: 10px 20px }
.article-update-tips a { color: #b98000 }
.article-update-tips a:hover { color: #926500 }
@media (max-width: 768px) {
.article-update-tips { padding: 10px 16px; line-height: 1.5 }
}
.fixnav { position: fixed; z-index: 9999; bottom: 0; right: 0; left: 0; width: 100%; background-color: #fff; padding: 0 5px; display: -moz-box; display: -webkit-box; display: -o-box; display: box; box-shadow: -1px 0 10px rgba(0,0,0,0.1) }
.fixnav>li { -webkit-box-flex: 1; box-flex: 1; text-align: center }
.fixnav>li>a { height: 56px; line-height: 56px; display: block; overflow: hidden; font-size: 12px; color: #333 }
.fixnav>li>a .fa { display: block; margin-top: 10px; margin-bottom: -16px; font-size: 20px }
.fixnav>li ul { display: none !important }
.fixnav>li.current-menu-item>a, .fixnav>li.current_page_item>a { color: #45BCF9 }
@media (min-width: 767px) {
.fixnav { display: none }
}
@media (max-width: 768px) {
.fixnav-m-on { margin-bottom: 57px }
}
@media (max-width: 768px) {
.sidebar .widget { display: none !important }
.sidebar .widget-on-phone { display: block !important }
}
.thumb-autoheight .thumb { height: auto !important }

/* 顶部边栏加横条美化*/
.header {
background: #fff url('https://p0.ssl.img.360kuai.com/t01c626ab8911b4faa3.png') repeat-x 0 100%;
}