body { font-family: 'Microsoft Yahei'; color: #555; }
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: #666; }
a:hover { color: #45B6F7; text-decoration: none; }
a:focus { outline: 0; text-decoration: none; }
.thumbnail { border: none; padding: 0; margin: 0 }

/*清除浮动*/
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.btn { border-radius: 2px; padding: 6px 15px; }
.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; }


img { max-width: 100%; }

body { background-color: #e8e8e8; position: relative; /*margin-top: 79px;*/ }
.container { position: relative; margin: 20px auto; max-width: 1200px; padding: 0; }


.site-minicat .header,
.page-template-pagesnavs-php .header,
.page-template-pagestheme-php .header,
.page-template-pagestools-php .header,
.page-template-pagesthemes-php .header,
.category-job .header { box-shadow: none; border-bottom: none; margin-bottom: 0; }

#focusslide { margin-bottom: 15px; z-index: 0; overflow: hidden; border-radius: 4px; }
.m-icon-nav { display: none; }
h1, .h1 { font-size: 34px; }

@media (min-width:768px) {
    .container { width: auto }
}

@media (min-width:992px) {
    .container { width: auto }
}

@media (min-width:1200px) {
    .container { width: auto }
}

@media (max-width:640px) {
    #focusslide { border-radius: 0; margin-bottom: 0; }
    #focusslide .swiper-button-next, #focusslide .swiper-button-prev { display: none !important; }
    .m-icon-nav { padding: 22px 30px 13px 15px; top: -14px; }
}

@media (max-width:1024px) {
    .site-layout-3 .content { margin-left: 0; }
}


.content-wrap { width: 100%; float: left; /*margin-top: 20px;*/ }
.content { position: relative; min-height: 500px; 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; }
.single-format-aside .content { margin-right: 0; margin-left: 0; }

/* logo ======================================================================================================== */
.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; }
.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; }
.logo-name { font-family: 'Open Sans',Helvetica,Arial,sans-serif; color: #000; line-height: 1.3; font-weight: 700; margin: 0; font-size: 34px; }

/* site-navbar ======================================================================================================== */
.nav_bar { height: 40px; background: #000; }
.site-navbar { font-size: 18px; width: 1200px; margin: 0 auto; color: #FFF; }
.site-navbar li { position: relative; float: left; }
.site-navbar li:hover { z-index: 2 }
.site-navbar a { display: block; padding: 10px 0; color: #fff; font-size: 15px; }
.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 .navto-search a { color: #ff8d00; }
/*.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; 
 }*/
.header { border-bottom: 1px solid #EAEAEA; box-shadow: 0 1px 4px rgba(0,0,0,.05); border-color: rgba(0,0,0,.08); box-shadow: 0 1px 3px rgba(0,0,0,.03); }
.topbar { font-size: 18px; margin: 00px auto; color: #FFF; padding: 10px 0px; }

/*.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; }

@media (min-width:1200px) {
    .topbar { width: 1200px; }
    /*.header { margin-bottom: 20px; }*/
}

@media (max-width: 720px) {
    .nav_bar { display: none; }
    /*.topbar { width: 1200px; }*/
    .header { position: fixed; top: 0; left: 0; right: 0; text-align: center; z-index: 9999; height: 40px; background: #000; }
    .header .container { margin: 0; }
    .m-icon-nav { display: block; position: absolute; top: -6px; left: 0; font-size: 19px; padding: 15px 30px 21px 15px; color: #fff; }
    .site-search { top: -100px; display: none; }
    .search .site-search { top: 0; margin-top: 0; height: auto; }
    .logo-name { color: #FFF; font-size: 16px; }
    header .navto-search { position: absolute; top: 6px; right: 0; display: initial; color: #FFF; }
    header .navto-search a { padding: 15px 15px 10px 15px }
    .topbar a { color: #fff; }
    .search-on .site-search { top: 40px; display: block; background: #e6e6e6; width: 100%; position: absolute; padding: 10px; }
}

@media (max-width: 640px) {
}

.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; }
.navto-search { display: none; }

.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; }*/
.site-search { float: right; width: 300px; }
/*.search-input { float: left; color: #999; border: solid 1px #ddd; width: 85%; height: 36px; padding: 4px 12px; border-right: none; font-size: 15px; border-radius: 2px 0 0 2px; outline: none }*/
/*.search-input:focus { border-color: #45B6F7; }*/
.search-btn { color: #fff; border: none; background: #8f0302; height: 36px; 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; }

/*#bdcs{padding: 25px 20%;overflow: hidden;}
#bdcs .bdcs-search-form-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}
#bdcs .bdcs-search-form-input:focus{border-color: #45B6F7;}
#bdcs .bdcs-search-form-submit {color:#fff;border: none;background: #45B6F7;height: 50px;font-size: 16px;padding: 0 12px;border-radius: 0 2px 2px 0;width: 15%;outline: none}
#bdcs .bdcs-search-form-submit:hover, 
#bdcs .bdcs-search-form-submit:focus{color:#fff;opacity: 0.85;filter:alpha(opacity=85);}*/

/*.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 ======================================================================================================== */
.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: #444; }
.branding-black h1,
.branding-black h2 { color: #ccc; }
.branding-black .btn { border-color: #ccc; color: #ccc; }
.branding-black .btn:hover { background-color: #ccc; color: #444; }
.branding-white { background-color: #fff; }
.branding-white h1 { color: #888; }
.branding-sm { padding-top: 40px; padding-bottom: 40px; }
.branding-mb { margin-bottom: 15px; }


/* title ======================================================================================================== */


.title, .pagetitle { margin-bottom: 10px; overflow: hidden; }
.title h3, .pagetitle h1, .pagetitle h2 { font-size: 20px; margin: 0; float: left; }
.title .more { float: right; position: relative; top: 5px; }
.title .more a { display: inline-block; margin-left: 20px; color: #999; }
.title .more a:hover { color: #45B6F7; }
.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; }

/* ads ======================================================================================================== */
.asb { position: relative; overflow: hidden; text-align: center; }
.asb img { max-width: 100%; }
.asb-large { margin-bottom: 30px; }
.asb-large img { max-width: 100% }
.asb-post { margin-bottom: 30px; }
.asb-index,
.asb-tag,
.asb-cat,
.asb-search { margin-bottom: 15px; }
.asb-index { margin-top: 10px; margin-bottom: 10px; }
.asb-post-01 { margin-bottom: 20px; }
.asb-your { display: block; background-color: #FBFBFB; border: 2px dashed #BBB; color: #AAA; font-size: 15px; text-align: center; overflow: hidden; clear: both; }
.asb-your:hover { border-color: #FF5E52; color: #FF5E52; }




/* excerpt ======================================================================================================== */

.excerpt { border: 1px solid #eaeaea; padding: 20px 20px 20px 255px; 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: #f9f9f9; position: relative; z-index: 2; }
.excerpt .focus { float: left; margin-left: -235px; width: 220px; }
.excerpt .thumb { width: 200px; height: 120px; }
.excerpt header { margin-bottom: 10px; }
.excerpt .cat { color: #fff; background-color: #45BCF9; padding: 3px 6px; font-size: 12px; display: inline-block; position: relative; top: -2px; margin-right: 6px; }
.excerpt .cat:hover { opacity: 0.85; filter: alpha(opacity=85); }
.excerpt .cat i { position: absolute; top: 50%; margin-top: -4px; right: -4px; display: inline-block; width: 0; height: 0; vertical-align: middle; border-left: 4px solid #45BCF9; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.excerpt h2 { display: inline; font-size: 18px; line-height: 1.4; margin-top: 0; font-weight: bold; }
.excerpt h2 a { color: #000; }
.excerpt h2 a:hover { color: #e64946; text-decoration: underline; }
.excerpt h2 a span { color: #FF5E52; }
.excerpt h2 a:hover span { color: #45B6F7; }
.excerpt time,
.excerpt .pv,
.excerpt .pc,
.excerpt .author { margin-right: 20px; }
.excerpt .post-like { float: right; }
.excerpt .note { font-size: 12px; color: #666; word-wrap: break-word; line-height: 20px; margin-bottom: 0; }
.excerpt .meta { color: #999; font-size: 12px; margin-bottom: 10px; }
.excerpt .meta .fa { margin-right: 4px; }
.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 4px 3px; font-size: 12px; background-color: #FF5E52; color: #fff; border-radius: 2px; display: inline-block; position: relative; margin-left: 5px; top: -2px; }

@media (max-width:640px) {

    .excerpt { border: none; margin: 0 0 1px; padding: 10px; border-radius: 0 !important; }
    .excerpt:hover { background-color: #fbfbfb; }
    .excerpt .focus { /*float: right;*/ margin-left: 0px; width: 120px; }
    .excerpt .thumb { width: 120px; height: 80px; }
    .excerpt header { margin-bottom: 0; height: 80px; overflow: hidden; margin-bottom: 11px; }
    .excerpt .cat { display: none; }
    .excerpt h2 { font-size: 15px; line-height: 1; 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 { line-height: 1; font-size: 11px; margin-bottom: 0; color: #bbb; }
    .excerpt .meta .fa { display: none; }
    .excerpt .meta time { margin-right: 15px; display: none; }
    .excerpt .meta .pc { color: #bbb; margin: 0; }
    .excerpt .meta .post-like { color: #bbb; }
    .excerpt .meta .post-like .fa { display: inline-block; }

    .excerpt-sticky header { text-indent: 14px; position: relative; }
    .sticky-icon { position: absolute; top: 1px; left: 0; font-size: 10px; padding: 0; text-align: center; height: 15px; line-height: 18px; width: 28px; 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 .pv { margin-right: 10px; }

    .m-excerpt-cat .excerpt .cat { display: inline-block; font-size: 10px; padding: 0 4px; text-align: center; height: 15px; line-height: 18px; margin-left: 0; margin-right: 3px; text-indent: 0; border-radius: 2px; }
    .m-excerpt-cat .excerpt .cat i { right: -2px; }
}

@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 15px; }
.excerpt-minic h2 a { color: #555; }
.excerpt-minic h2 a:hover { color: #45B6F7; }
.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; text-indent: 28px; }

.excerpt-minic-index { }
.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: 5px; }
    .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 h2 a span { }
    .excerpt-minic-index .red { text-shadow: none; }
    .excerpt-minic-index .note { font-size: 12px; margin-top: 7px; text-indent: 2em; line-height: 1.5; }
}

/* article content ======================================================================================================== */
.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; margin-bottom: 10px; }
.article-title a,
.article-title a:hover { color: #555; }
.article-title a span { color: #FF5E52; }
.article-meta { font-size: 12px; color: #999; }
.article-meta .item { margin-right: 20px; }

.article-content { font-size: 15px; line-height: 25px; word-wrap: break-word; }
.article-content img { margin: 5px 0; display: block; max-width: 100%; height: auto }
.article-content h3, .article-content h4, .article-content h5 { padding: 0 0; margin: 20px 0; color: #555; font-weight: bold; }
.article-content h1, .article-content h2 { 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: 15px; }
.article-content h5 { font-size: 14px; }
.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; background-color: #f6f6f6; padding: 10px 10px 1px; max-width: 100% }
.article-content .wp-caption img { margin: 0 0 5px; }
.article-content .wp-caption p { margin-bottom: 10px; text-indent: 0; }
.article-content .wp-caption.alignnone { text-align: center; }
.article-content .wp-caption:hover .wp-caption-text { color: #45B6F7; }
.article-content a { text-decoration: underline; color: #45B6F7; }
.article-content a:hover { color: #FF5E52; }
.article-content pre, .comment pre { margin: 20px 0; font: 12px/20px 'courier new'; background: #272822; padding: 10px 15px; color: #F8F8D4; border: none }
.article-content blockquote { margin: 30px 30px; padding: 15px 20px; font-size: 16px; color: #999; border-left: 5px solid #EEE; }
.article-content blockquote p { margin: 0; padding: 0; margin-bottom: 10px; }

.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; }

.asb-post-footer { margin-bottom: 18px; overflow: hidden; clear: both; }
.asb-post-footer b { font-weight: normal; color: #41C282 }
.asb-post-footer strong { font-weight: normal; color: #FD6A5E }
.asb-post-footer a { text-decoration: none; border-bottom: solid 2px #eee; }
.asb-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
 * ====================================================
*/
.article-tags { margin: 30px 0; text-align: center; }
.article-tags a { display: inline-block; padding: 4px 7px 3px; margin: 0 4px 4px 0; color: #fff; font-size: 12px; background-color: #45B6F7; opacity: 0.85; filter: alpha(opacity=85); }
.article-tags a:hover { color: #fff; opacity: 1; filter: alpha(opacity=100); }


/* article nav
 * ====================================================
*/
.article-nav { overflow: hidden; margin-bottom: 30px; font-size: 14px; color: #bbb; }
.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: 10px 20px 10px 90px; border-left: 4px solid #eee; color: #999; }
.article-author .avatar { float: left; margin-left: -70px; width: 50px; border-radius: 50%; }
.article-author h4 { margin: 0 0 5px; font-size: 14px; font-weight: bold; color: #666; }
.article-author h4 .fa { margin-right: 10px; font-weight: normal; }



/*  ======================================================================================================== */
.relates ul { list-style: disc; margin-left: 18px; color: #bbb; margin-bottom: 30px; }
.relates li { margin-top: 12px; }
.relates a { color: #777; }
.relates a:hover { color: #45B6F7; }
.relates a span { color: #FF5E52; }
.relates a:hover span { color: #45B6F7; }

.relates-thumb .title { margin-bottom: 20px; }
.relates-thumb ul { list-style: none; margin-left: 0; margin-bottom: 10px; margin-right: -3%; overflow: hidden; }
.relates-thumb li { display: inline-block; vertical-align: top; width: 22%; margin-right: 3%; margin-bottom: 20px; margin-top: 0; }
.relates-thumb img { display: block; margin-bottom: 5px; }

.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; }
.commentnew .comt-avatar { margin-top: 0; }
.comt-avatar .avatar { display: block; border-radius: 50%; width: 36px; height: 36px }
.comt-main { margin-left: 46px; margin-right: 60px; color: #888; 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 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; }



/* rollbar ======================================================================================================== */

.rollbar { position: fixed; right: 15px; width: 42px; z-index: 999; }
.rollbar-rb { bottom: 10%; }

.rollbar ul { margin: 0; padding: 0; list-style: none; }
.rollbar li { position: relative; margin-top: 1px; text-align: center; }
.rollbar a { position: relative; z-index: 2; display: block; height: 42px; /*border-radius: 2px;*/ background-color: #aaa; color: #fff; }
.rollbar a:hover { color: #fff; background-color: #555; }
.rollbar a span { display: none; }
.rollbar .fa { position: relative; line-height: 42px; font-size: 24px; height: 24px; }
.rollbar .fa-angle-up { font-size: 28px; top: -2px; }
.rollbar .fa-qq { font-size: 22px; }
.rollbar .fa-comments { top: -2px; }

.rollbar li:hover h6 { display: block; }
.rollbar h6 { position: absolute; z-index: 1; top: 50%; right: 100%; /*right: -30%;*/ margin: -15px 10px 0 0; height: 30px; line-height: 30px; font-size: 12px; background-color: #555; color: #fff; width: 95px; /*border-radius: 2px;*/ text-align: center; display: none; }
.rollbar h6 i { position: absolute; right: -4px; top: 50%; margin-top: -4px; display: inline-block; width: 0; height: 0; vertical-align: middle; border-left: 4px solid #555; border-top: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid rgba(0, 0, 0, 0); }



.rollbar li.rollbar-totop { display: none; }
.rollbar li.rollbar-qrcode h6 { height: 120px; margin-top: -60px; padding: 0 5px 5px; }
.rollbar li.rollbar-qrcode h6 img { width: 85px; height: 85px; display: block; margin: 0 auto; }

@media (max-width: 640px) {
    .rollbar { display: none; }
    .rollbar-m-on { margin-bottom: 57px; }
    .rollbar-m-on .rollbar { display: block; bottom: 0; right: 0; left: 0; top: auto !important; margin: 0 !important; width: 100%; border-top: 1px solid #f6f6f6; background-color: #fff; padding: 0 5px; }
    .rollbar-m-on .rollbar ul { display: -moz-box; display: -webkit-box; display: -o-box; display: box; }
    .rollbar-m-on .rollbar ul li { -webkit-box-flex: 1; margin-top: 0; }
    .rollbar-m-on .rollbar ul li a { background-color: #fff; color: #666; }
    .rollbar-m-on .rollbar ul li .fa { font-size: 20px; height: 20px; }
    .rollbar-m-on .rollbar ul li h6 i { display: none; }
    .rollbar-m-on .rollbar ul li:hover h6 { display: none; }
    .rollbar-m-on .rollbar ul li.rollbar-qrcode h6 { 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) }
    .rollbar-m-on .rollbar ul li.rollbar-qrcode:hover h6 { display: none; }
    .rollbar-m-on .rollbar ul li.rollbar-qrcode h6 img { width: 120px; height: 120px; }

    .rollbar-m-on .rollbar a { height: 56px; padding: 10px 0; border-radius: 2px; }
    .rollbar-m-on .rollbar .fa { line-height: 1; }
    .rollbar-m-on .rollbar a span { display: block; line-height: 12px; font-size: 10px; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .rollbar-m-on .rollbar a:active { color: #111; background-color: #f6f6f6; }
}


/* f404 ======================================================================================================== */
.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 ======================================================================================================== */
/*.pagination { margin: 0; padding: 20px; text-align: center; font-size: 12px; 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: 5px 12px; background-color: #ddd; color: #666; border-radius: 2px; opacity: .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 }*/
.pagination { margin: 20px 0px; text-align: left; font-size: 12px; display: block; clear: both; }
.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; border: 1px solid #dbdbdb; background: #fff; padding: 5px 10px; display: inline-block; color: #000; }

.pagination a:hover { text-decoration: none; background-color: #1068ab; color: #fff; border: 1px solid #1068ab; }
.pagination li.active span, .pagination li.active a { background-color: #1068ab; color: #fff; border: 1px solid #1068ab; }

.pagination span { -webkit-user-select: none; user-select: none; }
.pagination a { cursor: pointer; }

.ias_trigger { margin: 15px 0 0; }
.ias_trigger a { display: block; background-color: #e6e6e6; line-height: 32px; text-align: center; color: #999; }
.ias_trigger a:hover { display: block; background-color: #ddd; color: #666; }


/* pagenav ======================================================================================================== */
.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; }



/* widget ======================================================================================================== */

.widget { clear: both; position: relative; margin-bottom: 15px; background-color: #fff; border-radius: 4px; border: 1px solid #eaeaea; overflow: hidden; }
.widget h3 { font-size: 18px; color: #666; border-bottom: 1px solid #eaeaea; background-color: #fbfbfb; margin: 0; padding: 11px 15px 10px; /*background: url(../img/bg.png) 0 bottom repeat-x;*/ }
.widget.affix { position: fixed; width: 360px; }
.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; }
.widget-nav li { float: left; width: 25%; text-align: center; color: #999; border-right: 1px solid #eaeaea; cursor: pointer; }
.widget-nav li.active { background-color: #fff; color: #666; font-weight: bold; cursor: default; }
/*.widget-nav li:last-child{border: none;}*/
.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; }
.widget-navcontent .item-02 .avatar { border: 2px solid #e6e6e6; border-radius: 100px; width: 50px; height: 50px; }
.widget-navcontent .item-02 ul { overflow: hidden; font-size: 12px; padding-left: 82px; color: #999; }
.widget-navcontent .item-02 li { float: left; width: 50%; margin-bottom: 10px; }
.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_ui_textads ======================================================================================================== */
.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 { }
.widget_categories ul { overflow: hidden; padding: 15px; color: #999; }
.widget_categories li .children { margin-top: 10px; }
.widget_categories li { float: left; width: 43%; 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 { display: none; 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_ui_textads ======================================================================================================== */
.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_ui_textads ======================================================================================================== */
.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_textads ======================================================================================================== */
.widget_ui_asb { }
.widget_ui_asb img { display: block }
.widget_ui_asb .item { position: relative; overflow: hidden }
.widget_ui_asb .sell { display: block; border: solid 1px #d6d6d6; color: #999; text-align: center; height: 123px; line-height: 123px; font-weight: bold }
.widget_ui_asb .sell:hover { border-color: #bbb; color: #777777 }

/* widget_ui_textads ======================================================================================================== */
.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_textads ======================================================================================================== */
.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_textads ======================================================================================================== */
.widget_ui_textasb { border: none; border-radius: 0 }
.widget_ui_textasb a { display: block; padding: 0 15px 15px; border: 1px solid #eaeaea; background-color: #fff; font-size: 12px; border-radius: 4px; }
.widget_ui_textasb a h2 { font-size: 20px; font-weight: normal; margin-top: 14px; }
.widget_ui_textasb a p { color: #999; margin-bottom: 0; }
.widget_ui_textasb a strong { margin: -1px 0 0 0; display: inline-block; padding: 4px 15px; color: #fff; font-size: 14px; font-weight: normal; }
.widget_ui_textasb a:hover { }

.widget_ui_textasb a.style01 { color: #428BCA; }
.widget_ui_textasb a.style01:hover { border-color: #428BCA; }
.widget_ui_textasb a.style01 strong { background-color: #428BCA; }

.widget_ui_textasb a.style02 { color: #FF5E52; }
.widget_ui_textasb a.style02:hover { border-color: #FF5E52; }
.widget_ui_textasb a.style02 strong { background-color: #FF5E52; }

.widget_ui_textasb a.style03 { color: #5CB85C; }
.widget_ui_textasb a.style03:hover { border-color: #5CB85C }
.widget_ui_textasb a.style03 strong { background-color: #5CB85C; }

.widget_ui_textasb a.style04 { color: #C35BFF; }
.widget_ui_textasb a.style04:hover { border-color: #C35BFF; }
.widget_ui_textasb a.style04 strong { background-color: #C35BFF; }

.widget_ui_textasb a.style05 { color: #45B6F7; }
.widget_ui_textasb a.style05:hover { border-color: #45B6F7; }
.widget_ui_textasb a.style05 strong { background-color: #45B6F7; }


/* widget_ui_tags ========================================================.widget_ui_posts .text================================================ */
.widget_ui_tags .items { overflow: hidden; padding: 15px 0 12px 15px; }
.widget_ui_tags .items 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; }
.widget_ui_tags .items a:hover { color: #fff; background-color: #45B6F7; }

/* widget_ui_posts ======================================================================================================== */
.widget_ui_posts li:last-child a { border-bottom: none; }
.widget_ui_posts li a { padding: 10px 15px 10px 150px; color: #888; border-bottom: solid 1px #eee; overflow: hidden; position: relative; display: block; font-size: 14px }
.widget_ui_posts li a:hover { background-color: #fbfbfb; }
.widget_ui_posts li a:hover .text { color: #e64946; text-decoration: underline; }
.widget_ui_posts .text { display: block; color: #000; }
.widget_ui_posts .text span { color: #FF5E52; }
.widget_ui_posts a:hover .text span { color: #45B6F7; }
.widget_ui_posts .thumbnail { float: left; margin-left: -135px }
.widget_ui_posts .thumbnail img { width: 122px; height: 86px }
.widget_ui_posts .muted { 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: #888; }
.widget_ui_posts .nopic .text:hover { color: #45B6F7; }
.widget_ui_posts .note { font-size: 12px; color: #666; word-wrap: break-word; line-height: 20px; margin-bottom: 0; }
/* widget_meta ======================================================================================================== */
.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 ======================================================================================================== */
.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 ======================================================================================================== */
.tagcloud { padding: 10px 10px 15px 15px; }
.tagcloud a { display: inline-block; margin: 7px 7px 0 0; color: #777; }
.tagcloud a:hover { color: #45B6F7; }

/* textwidget ======================================================================================================== */
.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; }

/*  ======================================================================================================== */

.sign { position: fixed; width: 100%; height: 100%; top: 0; left: 0; /*background-color:rgba(48,58,65,0.9);*/ 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: 10px 0px; font-size: 12px; text-align: center; color: #999; background: #2d3237; border-top: 1px solid #eaeaea;*/ /*box-shadow: 1px 0 4px rgba(0,0,0,0.04)*/ /*}
.footer p { margin: 0px; }
.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; }

.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) {
    .pagemenu .sub-menu > li > a { padding-left: 10px; }
}




.pageheader { overflow: hidden; background-color: #45B6F7; padding: 25px 20px; margin-bottom: 15px; color: #fff; }
.pageheader h1 { font-size: 30px; margin: 0 }
.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: 17px 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: 5px; 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 { }
.container-tags h1 { font-size: 22px; margin: 0; text-align: center; margin-bottom: 15px; }
.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: 2px; }
.tagslist li .name { background-color: #eee; display: inline-block; padding: 5px 10px 4px; font-size: 12px; color: #666; }
.tagslist li .name:hover { background-color: #444; color: #fff; }
.tagslist li:hover { border-color: #ccc; }
.tagslist li:hover .name { background-color: #444; color: #fff; }
.tagslist li small { margin-left: 10px; color: #bbb; }
.tagslist li p { margin: 10px 0 0; font-size: 12px; height: 17px; overflow: hidden; 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; }
}

@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; }


.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: $gray; }
.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; }



.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; }
/*.p_indent .article-content p iframe{margin-left: -30px;}*/



.article-paging { text-align: center; font-size: 12px; overflow: hidden; clear: both; padding: 20px 0; }
.article-paging span { display: inline-block; padding: 6px 12px; background-color: #ddd; border: 1px solid #ddd; color: #666; border-radius: 2px; }
.article-paging a span { background-color: #fff; color: #666; }
.article-paging a:hover span { border-color: #ccc; background-color: #fbfbfb; }


/*.nav-fixed .header .topbar { display: none; }*/
.nav-fixed .header { position: fixed; top: 0; left: 0; right: 0; /*padding: 15px 0;*/ z-index: 999; background: #f6f6f6; }
/*.nav-fixed .site-navbar { margin-top: 5px; }*/



.m-mask { display: none; }
.m-navbar { display: none; }


.site-navbar,
.site-search,
.m-icon-nav,
.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; }
    /*.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%; }
}

@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: 40px; }



    .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 }


    .topbar-user { display: none; }

    .site-navbar > li.menu-item { 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:; 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; }
    .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; }
    /*header .navto-search { display: none; }*/

    /*body{-webkit-transition-duration:500ms;}*/

    .m-nav-show { /* -webkit-transform:translate3d(70%,0px,0px); */ position: fixed; top: 0; right: 0; left: 0; bottom: 0; height: 100%; width: 100% }
    .m-nav-show .m-navbar { left: 0; }
    /*.m-nav-show .header{position: absolute;}*/
    .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; }

    .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-thumb li { width: 30.333333333%; }
}

@media (max-width: 640px) {

    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-thumb .title { padding-left: 0; }
    .relates-thumb .title h3 { font-size: 14px; font-weight: bold; }



    /*header .navto-search { top: -15px; }*/

    .topbar-off.search-on .site-search { top: 48px; height: auto; }


    .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 .item { margin-right: 10px; }
    .asb-post { margin-bottom: 15px; }
    .article-content img { border-radius: 0; }

    .post-copyright { display: none; }
    .action-share { text-align: left; }
    .article-tags { text-align: left; }

    .article-content { font-size: 15px; line-height: 24px; }
    .article-content p,
    .article-content h2,
    .article-content h3,
    .article-content h4 { margin-bottom: 15px; }
    .article-content h2 { font-size: 16px; font-weight: bold; margin: 15px -10px 15px -10px; line-height: 18px; padding-left: 10px; border-left: none }
    .article-content ul, .article-content ol { margin-left: 20px; }

    .content { min-height: 200px; }

    .pagetitle { margin: 0 15px 10px; }
    .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 15px; }
    .title h3 { font-size: 14px; font-weight: bold; line-height: 1; color: #555; }
    .title .more { display: none; }

    .home .title { margin: 0 0 0 15px; padding-bottom: 5px; }
    .home .title h3 { font-size: 12px; font-weight: normal; }



    .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; }
    .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; }
    .comt-main { margin-right: 40px; }
    .comt-f { font-size: 12px; top: 17px; }
}

@media (max-width: 540px) {
    .relates-thumb 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%; }
    .comt-comterinfo { width: 100%; }
    .comt-comterinfo .text-muted { display: none; }
    .comt-comterinfo input { width: 100%; margin-right: 0; box-shadow: none; }
    .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: 500px; }
#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%; }
}



.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,.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; }
}

@media (max-width:480px) {
}



.catleader { background-color: #fff; border: 1px solid #eaeaea; border-radius: 4px; margin-bottom: 15px; padding: 15px 20px; }
.catleader h1 { font-size: 22px; margin: 0; padding: 0; line-height: 1; border-left: 5px solid #45B6F7; padding-left: 10px; }
.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; }
}



.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; }
}





.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: 2px; 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-item { display: inline-block; width: 200px; margin: 0 20px }
.rewards-popover-item h4 { margin: 0 20px 10px; font-size: 15px }
.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-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 }
}














#container { margin: auto; max-width: 1200px; }

@media (max-width: 1240px) {
    #container { margin: 0 15px; }
}


/*.woocommerce-page .sidebar{display:none}*/



/* shop */
.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; }





/* checkout */
.woocommerce-page .container-page { padding-left: 0; }
.woocommerce-page .article-content { font-size: 14px; }
.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; }
/*.article-content table td, .article-content table th{border-bottom: none;}*/
.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; }


/* cart */
.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; }





/* MyAccount */
.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; }




/* product */
.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; }

.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; }





.xzh-render-head { padding: 0 15px; background-color: #fff; }
.xzh-render-body { margin-bottom: 10px; }




/* text-justify */
.text-justify-on .widget_ui_posts .text,
.text-justify-on .widget_ui_textasb,
.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; }





/* products */
.loop-product-side { float: left; width: 220px; margin-left: -240px; overflow: hidden; }
.loop-product-filters { overflow: hidden; background-color: #fff; border: 1px solid #eaeaea; }
.loop-product-filters h3 { position: relative; font-size: 14px; margin: 0 0; overflow: hidden; padding: 15px 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 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: 1px solid #eaeaea; padding: 30px 20px; margin-top: 20px; text-align: center; }
.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-container { position: relative; padding-left: 240px; margin-top: 5px; margin-bottom: 20px; overflow: hidden; }
.loop-product-container:before, .loop-product-container:after { display: table; content: ""; line-height: 0 }
.loop-product-container:after { clear: both }
.loop-product-content { position: relative; margin-right: -2%; min-height: 600px }
.loop-product-content .loop-item { position: relative; display: inline-block; margin-right: 2%; margin-bottom: 2%; width: 23%; vertical-align: top; text-align: center; padding: 15px; background-color: #fff; border: 1px solid #EAEAEA; }
.loop-product-content .loop-item:hover { border-color: #ddd; border-bottom-color: #d6d6d6; }
.loop-product-content .loop-item h2 { font-size: 14px; margin: 0; font-weight: normal; height: 38px; overflow: hidden; line-height: 1.4; }
.loop-product-content .loop-item .thumbnail { margin-bottom: 10px; display: block; overflow: hidden; border-radius: 0; }
.loop-product-content .loop-item .thumb { width: 100% }
.loop-product-content .loop-item footer { margin-top: 15px; font-size: 12px; color: #bbb }
.loop-product-content .loop-item .price { color: #FF5E52 }

@media (max-width:1024px) {
    .loop-product-content .loop-item { width: 31.3333333333% }
}

@media (max-width:768px) {
    .loop-product-content .loop-item { width: 48% }
    .loop-product-qrcode { display: none; }
}

@media (max-width:640px) {
    .loop-product-container { margin: 0; padding: 0 15px 15px; }

    .loop-product-filters h3 .loop-product-filters-more { display: inline-block; }

    .loop-product-side { width: auto; position: relative; float: none; margin-left: -15px; margin-right: -15px; margin-bottom: 5px; }
    .loop-product-filters { border: none; margin-bottom: 10px; }
    .loop-product-filters > ul { display: none }
    .loop-product-filters h3 { padding-bottom: 14px; }

    .loop-product-content { margin-right: -3%; }
    .loop-product-content .loop-item { padding: 10px; border: none; width: 47%; margin-right: 3%; margin-bottom: 3%; }
    .loop-product-content .loop-item h2 { font-size: 12px; height: 32px; }
    .loop-product-content .loop-item footer { margin-top: 10px; }
}



/* wp block editor */
.wp-block-gallery { margin-left: 0 !important; }
.wp-block-image { margin-bottom: 20px; }
.wp-block-image figcaption { font-size: inherit; }
.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; color: #fff !important; padding: .5em 2em; }
.wp-block-button__link:hover { background-color: #505559; }

.wp-block-image { overflow: hidden; }
.aligncenter img { margin-left: auto; margin-right: auto; }
.wp-block-image .aligncenter > figcaption { display: block; }


/* widget gallery */
.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, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.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(.33); -ms-transform: scale(.33); transform: scale(.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(.66); -ms-transform: scale(.66); transform: scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .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: .2s transform, .2s top, .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: .2s transform, .2s left, .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: .2s transform, .2s right, .2s -webkit-transform }
.swiper-pagination-progressbar { background: rgba(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, .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, .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, .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, .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; z-index: 99999; }

@media (max-width:640px) {
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 3px; }
}


.lazy-img { min-height: 100px; min-width: 100px; }