* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,dl,dt,em,fieldset,font,form,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,strike,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;outline:0;border:0;background:0;color:inherit;font-size:10px;margin: 0;}
body {overflow-x:hidden;background:#fff;margin: 0;}
.h1,h1{
  font-size:36px;
  font-weight:700;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: Helvetica,sans-serif;
}
.h3, h3 {
font-size: 24px;
}
h4 {
 letter-spacing:1.5px;
 font-weight:700; 
 line-height:1.5
}
div {
 padding:0;
 outline:0;
 border:0;
 font:inherit;
 font-size:100%
}
p {
    margin: 0 0 10px;
}
a,p,li {
 text-decoration:none;
 line-height:100%;
 font-size: inherit;
}
a:hover {
 color:#0a28f4;
}
a:focus,
a:hover,
a:link,
a:visited {
 outline:0;
 text-decoration:none;
 cursor:pointer;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out;
}
li,ul li,ol li{list-style:none}
blockquote {width:100%;margin:20px 0 20px 15px;padding:10px 20px;
 font-weight:700; position:relative;float:left}
blockquote:before {content:'';font-size:50px;font-family:Arial!important;
 color:#0047BD;display:block;height:100%;position:absolute;z-index:2;top:0;left:0}
blockquote p {display:block;float:left;position:relative;padding-left:20px}
.center{text-align:center;margin: 0 auto;}
.hidden{display:none;}
.copyright {
    padding: 15px 24px;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    background: #f5f5f5;
    margin-top: 70px;
    border-radius: 8px;
}
figure {
    margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.footer-item-full{
    grid-area: full;
}
.fc{display:flex;flex-direction:column;position: relative;}
.fc-center{justify-content:center;align-items:center}
.cover_ab{position:absolute;top:0;left:0;bottom: 0;right: 0;}
/*Colors*/
.red{
  color: #ff1717;
}
/*IconFont*/
@font-face {
 font-family:iconfont;
 src:url(iconfont.eot);
 src:url(iconfont.eot?#iefix) format('embedded-opentype'),
 url(iconfont.woff) format('woff'),
 url(iconfont.ttf) format('truetype'),
 url(iconfont.svg#iconfont) format('svg')
}
.iconfont {
 font-style:normal;
 font-size:inherit;
 font-family:iconfont!important;
 -webkit-font-smoothing:antialiased;
 -webkit-text-stroke-width:.2px;
 -moz-osx-font-smoothing:grayscale
}
.icon {
 width:1em;
 height:1em;
 vertical-align:-.15em;
 fill:currentColor;
 overflow:hidden
}
/*dark-mode*/
.dark-mode{background: #151517 !important}
.dark-mode .header, .dark-mode .style10{background: #202020;border-color: #202020;color:#fff !important;}
.dark-mode #m-menu-toggle{filter: invert(100%);}
.dark-mode .item-b:hover{box-shadow: none;}
.dark-mode #author-page #content{background: #151517;}
.dark-mode #cover img{opacity: 0.8;}
.dark-mode  #rb .user_tip,.dark-mode .user-msg li.tip{color: #888;}
.dark-mode i:not(.layui-form i,.share-box i){color:#fff !important;}
.dark-mode .logo-img{display: none}.dark-mode .logo-dark-img{display:block}
.dark-mode .searchform,.dark-mode .m-menu-body,.dark-mode .owl-nav [class*=owl-]{ background: #151517fa !important;}
.dark-mode h1{color: #e6e6e8 !important;}
.dark-mode .menu li a{color: #888 !important;}.dark-mode,.dark-mode a:not(.btn):hover{color:#fff !important}
.dark-mode,.dark-mode a:not(.btn),.dark-mode .tf_b i{color: #fff;} 
.dark-mode .more-btn,.dark-mode #num-info .num-list-box,.dark-mode .user-post_stat-link{color: #fff;}
.dark-mode .entry-content p{color:#B1B1C1 !important}
.dark-mode .activity-btn a{background: #0845f6}.dark-mode .activity-btn a.collect-btn{background: #0aa284;color: #fff !important;}
.dark-mode .recom,.dark-mode #project-block-sidebar-owner,.dark-mode .breadcrumb{background: #202020 !important;}
.dark-mode .articl_category span a{color:#3452ff !important;background: #000;border-color: #000;}
.dark-mode .user_panel li a{color: #333 !important;}
.dark-mode .articl_category span a:hover,.dark-mode .fp-btns span a:hover,.dark-mode .user_panel li a:hover{color:#fff !important;}
.dark-mode li.ajaxFilterItem a{background:#333 !important;}
.dark-mode li.ajaxFilterItem.filter-selected a,.dark-mode li.ajaxFilterItem a:hover{background: #0845f6 !important;color: #fff !important;}
.dark-mode .page_navi a{color:#333 !important;}
.dark-mode .page_navi a:hover,.dark-mode #tab-bar li.current a{color: #fff !Important}
.dark-mode .single-billboard .background-img{opacity: 0.7}
.dark-mode .Profile{background: #202020;border-color:#202020;}
.dark-mode #ai{background: #333;color: #fff;}
.dark-mode .btn_w{color:#fff}
.dark-mode .bottom_ad,.dark-mode.single #main-wrapper{background:#151517}
.dark-mode.single article,.dark-mode .sidebar-group{background:#202020}
.dark-mode .entry-content article img{border:none;border-radius:0}
.dark-mode .archive-header.has-bg{background-color:#151517!important}
.dark-mode #data-header.has-bg{
    background-image: linear-gradient(to top, #151517 5%, rgba(255, 255, 255, 0) 100%),url('../img/header_data6.png');
}
.dark-mode .rec-slider .pnBtn.prev{background:linear-gradient(to left,rgba(255, 255, 255, 0) 0%,#151517 50% )}
.dark-mode .rec-slider .pnBtn.next{background: linear-gradient(to right,rgba(255, 255, 255, 0) 0%,#151517 50% );}
.dark-mode .filterText{color:#fff}.dark-mode .filter-subtit{background:#151517}.dark-mode .FilterValue-icon{fill:#fff}
.dark-mode .archive-header input.search-field {
    background: #5a5a5a;
    border-color: #5a5a5a;
    color: #fff;
}.dark-mode img.rec-grid-img {
    opacity: .3;
}.dark-mode .books-l{
  
background-image: linear-gradient(to top, #151517 5%, #151517c4 100%),url(../img/note_bg.jpg) !important;
}.dark-mode .manage-widget .widget-body li.active a{background:#151517}
button,html input[type=button],input[type=reset],input[type=submit] {
 display:inline;
 padding:10px 30px;
 border-radius:6px;
 background-color: #0054FF;
 color:#fff;
}
html input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
 background:0;
 color: #fff;
 cursor: pointer;
}
input {
 outline:0;
 font-size:14px;
 padding:8px
}
input::-webkit-input-placeholder {
 color:#999;
 -webkit-transition:color.5s
}
input:focus::-webkit-input-placeholder,
input:hover::-webkit-input-placeholder {
 color:#c2c2c2;
 -webkit-transition:color.5s
}
img {
 height:auto;
 max-width:100%!important;
}
hr {
 border-top: 1px dashed #333;
 background-color:transparent;
}
.hr2 {
 border-top:2px dashed #6e7783;
 background-color:#fff
}
i {
 font-style:normal
}
.radio {
 display:inline-block
}
.over {
 overflow:hidden;
 padding-right:10px
}
.nav>li>a:focus,
.nav>li>a:hover {
 background:0;
 font-weight:600
}
.comment-right {
 justify-content: end;
 display: flex;
 margin: auto;
}
.col-md-5-5 {width:20%;float: left;display: block;padding: 0 15px;}
.col-md-4-4{width:40%}
.col-md-6-6{width:60%}
/*Button*/
.btn {display: inline-block;padding: 10px 25px;border-radius: 5px;background: #0054ff;color:#fff;font-size: 16px;border: 2px solid transparent;letter-spacing: 5px;text-align: center;cursor: pointer;}
.btn:hover { background: transparent; border:2px solid #0a28f4; color: #fff;}
.btn.disabled,.btn[disabled]{opacity: 0.7;background: #eee;color: #333;}
.btn-b { background-color:#333 !important; border-color: #333 !important;}
.btn-b:hover { border-color:#000 !important; background-color:#000 !important}
.btn-sm{font-size: 12px;padding:8px 20px !important;letter-spacing:0 ;margin:0 !important}
.btn_w {border: 2px solid #cacaca;border-radius:50px;background: none;color: #333;letter-spacing: 3px;}
.btn_w:hover{background: #f5f5f5 !important;color: #333;border-color: #eee !important;}
.btn-no-bg{background:none !important;color:#333 !important;border-color: transparent !important;}
.btn-no-bg:hover{background: #eee !important;border-color: #eee !important;color:#0054FF !important}
.btn-blue:hover{background:#0a28f4 !important;color: #fff;}
.btn-w{background: #f5f5f5;color: #ccc;font-size: 12px;letter-spacing: 1px;}
.btn-r{background: #f7153e;color: #fff;}
.btn-r:hover{background: #fe4365;border-color: #fe4365 !important;color: #FFF;}
.btn-c{border-radius: 50px !important;}
.btn-g{background: #f6f6f6;color:#444;border-color: #f6f6f6;}
.btn-g:hover{background:#eee;border-color:#eee !important;color:#333 !important}
.header .btn{padding: 8px 16px;letter-spacing: normal;font-weight: 600;font-size: 14px;}
/*Single*/

.single .cover-box {grid-template-areas:
"header search"
"cover_img pinfo";}
.cover-box .search_box{
	display: flex;
	grid-area: search;
	width: 100%;
	align-items: flex-end;
}
.cover-box .search_box form {display: flex;flex-direction: row;justify-content: space-between;position: relative;width: 100%;}

.cover-box .search_box input {
    width: 100%;
    border: 1px solid #f4f4f4;
    border-radius: 8px;
    padding: 11px 30px;
    letter-spacing: 3px;
    font-size: 14px;
}

.cover-box .search_box .btn {
    position: absolute;
    right: 0;
    background: #f5f5f5 !important;
    border: none !important;
    color: #929292 !important;
}
.product_cover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    grid-area: cover_img;
}

.product_cover img {
    display: flex;
    width: 100%;
    border-radius: 8px;
    height: 100%;
    object-fit: cover;
}
.single .cover-box header {
    padding: 0;
    margin: 0;
    justify-content: flex-start;
    grid-area: header;
    height: 40px;
    flex-direction: row;
    max-width: 100%;
    align-items: center;
}

.single .cover-box header h1 {
    font-size: 20px;
    margin: 0;
}
.single .cover-box .sidebar-group{
    grid-area: pinfo;
    margin: 0 auto;
    }

#resource_info_form {
    display: flex;
    flex-direction: column;
}
    h1.type-2-5.bold {
    margin-bottom: 0;
    line-height: 39px;
    font-weight: 700;
    margin-top: 10px;
    color: #000;
    font-size: 32px;
    text-align: left;
    letter-spacing: -.5px;
}

.ns-software {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 14px 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff;
}
.product-info li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
    font-size: 14px;
}

.product-info {
    width: 100%;
    padding: 20px 0;
}
.collection-list-wrapper-3.w-dyn-list {
}

.product-rich-text p {
    line-height: 25px;
    font-size: 14px;
}

.product-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-price ul li {
    margin-bottom: 10px;
    font-weight: 700;
}
.product-price li:first-child span{
    background: #eee;
    color: #7d7d7d;
}
.product-price li span {
    background: #fdce71;
    color: #614611;
    font-size: 14px;
    display: inline-block;
    font-weight: 600;
    padding: 6px 9px;
    margin-right: 10px;
    border-radius: 5px;
    min-width: 40px;
    text-align: center;
}

#resource_info_form .inner-buy-btn {
    border-radius: 5px;
    font-weight: 700;
}

#single-title-nav-wrap{padding-top:25px;padding-bottom:25px;border-bottom:1px none #e8e8e8}
#single-title-nav-wrap{display: flex;justify-content: space-between;color: #fff;z-index: 99;height: 100px;}
h6.single-title-nav{text-align:left}
h6.single-title-nav{float:left;/* margin-left:15px; */color:inherit;text-transform:none;letter-spacing:0;font-weight:700;font-size:25px;color: #fff;}
.pd_fr_title{position:absolute;float:right;height:80px;display:block;margin:0;top:0;right:0;bottom:0}
.pd_fr_title i,.pd_fr_title li{position:relative;float:left;width:100px;color: #555;text-align:center;font-size:16px;height:25px;line-height:50px;}
.breadcrumb > li + li::before {color:inherit;}
.breadcrumb {font-size:12px;background-color:#f9fafe;color:#8D95A4;}
.backgroud_v {
 width:100%;
 position:absolute;
 background: #171717;
 height: 600px;
 z-index: -1;
 }
.entry-content p {line-height:2;max-width: 100%;margin: 0 auto;margin-bottom: 20px;display: block;padding: 0 20px;}
.entry-content b.p-highlight {padding: 4px;background: #fdcc05;}
.entry-content article img{margin: 20px auto;max-width:100%;border:1px solid #eee;z-index:2;position: relative;display: flex;border-radius: 6px;}
.entry-content article img:hover::after{content:'';position: absolute;left: 0;top: 0;z-index: 3;display: block;background: #fff;color: red;width: 50%;height: 200px;}
.entry-content .alert {
    padding: 25px;
    padding-left: 46px;
    margin-bottom: 36px;
    background: #f2fcff;
    position: relative;
    border-radius: 8px;
}.entry-content .alert:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 8px;
    position: absolute;
    left: 20px;
    top: 34px;
    background: #0054FF;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{overflow:hidden}
article .img-original img {width: auto !important;}
.entry-content-erro {grid-area: 1 / 2 / span 2 / span 5; text-align: center;}
.pagination-visible .post-pagination{visibility:visible;opacity:1}
.posts-pagination--prev{left: 0;text-align:right;}
.posts-nav{position:fixed;top:50%;z-index: 1000;width:30px;height: 300px;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;visibility: hidden;}
.posts-nav.active{opacity: 1;visibility: visible;}
.posts-pagination{
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    color:#bbb;
    cursor:pointer;
}}
.posts-pagination--next .navigation_data{float:right;margin:4% 8% 0}
.post_nav_container{position:absolute;z-index:0;visibility:hidden;width:260px;height:100%;background:#fff;box-shadow:0 0 15px 0 rgba(200,200,200,.35);opacity:0;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.posts-pagination--prev .navigation_img{float:right}
.navigation_img{margin:8% 8% 0;width:160px;height:160px;background-color:#f1f1f1;background-position:50% 27%;background-size:cover;border-radius:5px}
.navigation_data{width:160px}
.posts-nav.active:hover .post_nav_container{visibility:visible;opacity:1;}
.posts-pagination--prev.active:hover .post_nav_container{left: 0;}
.posts-pagination--prev .post-pagination{left: 0px;-webkit-transform-origin: top left;transform-origin: top left;}
.posts-pagination--prev .pagination-visible .post-pagination{left:20px;}
.posts-pagination--prev .posts-pagination{left: 0;}
.posts-pagination--prev .post_nav_container{left: -260px;-webkit-transform-origin: top left;transform-origin: top left;}
.post-pagination{position:absolute;top:50%;-webkit-transform: rotate(-90deg) translate(-50%,0);transform: rotate(-90deg) translate(-50%,0);visibility: hidden;opacity: 0;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;white-space: nowrap;display: flex;justify-content: center;align-items: center;}
.navigation_title{margin-bottom:5%;color:#303030;font-weight:600;font-size:14px;line-height:1.3em}
.posts-pagination--prev .navigation_data{float:right;margin:4% 8% 8%}
.posts-pagination--next .posts-pagination{right:0;}
.posts-pagination--next .post_nav_container{right:-260px}
.posts-pagination--next{right:0;}
.posts-pagination--next.active:hover .post_nav_container{right: 0;}
.posts-pagination--next .pagination-visible .post-pagination{right: 40px;}
.posts-pagination--next .navigation_data{float:left;margin:4% 8% 0}
.posts-pagination--next .post-pagination{right: -20px;-webkit-transform-origin: top right;transform-origin: top right;-webkit-transform: rotate(-90deg) translate(50%,0);transform: rotate(-90deg) translate(50%,0);}

.single-billboard{min-height: 380px;position: fixed;overflow: hidden;top: 56px;width: 100%;}
.single-billboard .background-img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;background-repeat: no-repeat;background-size: cover;}
.single-header{margin: 30px 20px 0px 0;display: flex;flex-direction: column;width: 100%;/* background: #fff; */padding: 40px;justify-content: center;align-items: center;max-width: 800px;align-self: flex-end;}
.single-header .entry-title{font-size: 35px;font-weight: bold;line-height: 1.3;max-width: 100%;text-align: center;display: flex;}
.single-header .data-label{color: #fff;padding: 7px 15px;}
.single-recom{flex-direction:column;}.single-recom .grid article{padding: 0;}
/*Archive*/
.section {position:relative;}
.section h2 {margin-bottom:15px;font-size:50px;line-height:70px}
#page-content{z-index:2;}
.page-header{margin:25px 0}
.page-title{color:#474d58;letter-spacing:3px;font-weight:700;font-size:20px;line-height:40px}
.ns-sticky{position: -webkit-sticky;
    position: sticky;
    top: 76px;
    width: 100%;}
 /*Single-note*/
 .page-title-product {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 50px;
    z-index: 14;
    position: relative;
}

.page-title-product .wrap-content {
   display:flex;
   flex-direction:column;
   justify-content: flex-end;
   padding: 0 0 50px 80px;
}

.page-title-product .author {
    color: rgba(255,255,255,0.89);
    font-size: 16px;
    padding-left: 50px;
    line-height: 37px;
    margin-bottom: 40px;
    position: relative
}

.page-title-product .wrap-thumbnail {
    width: 300px;
    border-radius: 6px;
    overflow: hidden;
    float: left;
    margin-bottom: -50px;
    position: relative
}
.page-title-product .wrap-thumbnail img{object-fit: cover;
    height: 500px;}
.wrap-thumbnail:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg,transparent,rgba(0,0,0,0.05) 10px,rgba(0,0,0,0.05) 15px,transparent,16px,transparent);
}
.page-title-product .wrap-button{display:flex;justify-content:flex-start;align-items:center}
.page-title-product .wrap-button .single_add_to_cart_button {
    font-size: 15px;
    border-radius: 6px;
    background-color: #0054FF;
    height: 44px;
    display: inline-block;
    padding: 0 38px;
    line-height: 40px;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    border: 2px solid #0054FF;
    transition: all .3s ease 0s
}

.page-title-product .wrap-button .single_add_to_cart_button:hover {
    background-color: #0822d2;
    border-color: #0822d2
}

.page-title-product .wrap-button .flex-favorites {
    border-radius: 6px;
    background-color: transparent;
    height: 44px;
    margin: 0 0 0 15px;
    padding: 0 38px;
    border: 2px solid #fff;
    transition: all .3s ease 0s;
}
.page-title-product .wrap-button .flex-favorites:hover{
    background:#fff;
    color:#333;
}
.page-title-product p {
    font-size: 15px;
    line-height:1.5;
    color: #fff;
    margin-bottom: 28px;
}

@media screen and (max-width:991px) {
    
    .page-title-product {
        padding-bottom: 50px
    }

    .page-title-product .wrap-button .flex-favorites {
        display: block;
        margin-left: 0;
        margin-top: 20px
    }
}

/*Widget*/
.widget {position:relative;float:left;width:100%;}
.widget a{font-size:1.6rem;}
.widget img{width:100%}
.sidebar-group{display: flex;flex-direction: column;width:100%;background: #fff;padding: 36px;border-style: solid;border-width: 1px;border-color: hsla(0,0%,59.2%,.11);border-radius: 16px;margin-bottom: 20px;}
.sidebar-group #tags_related{
    max-height: 100%;
    overflow: auto;
}
#tags_related::-webkit-scrollbar {
 width:2px;
 height:1px;
}
#tags_related::-webkit-scrollbar-track {
 background-color:#eee;

}
#tags_related::-webkit-scrollbar-thumb {
 background-color:#ccc;
}
.index_titleMain h1,.index_title_h1 h1{z-index:6;margin: 0;color:#333;font-size:20px;line-height:30px;font-weight:700;}
.index_titleMain a{position:relative;display:inline-block;vertical-align:middle}
.index_titleList{float:left;display:block;margin:15px 0 25px 0;font-size:19px;line-height:20px}
.index_titleList li{float:left;margin-right:40px}
.index_titleList a{padding:2px 5px;padding:0 10px;border:1px solid;color:#999}
.index_title{position:relative;float:left;display:block;width:100%;margin-bottom:20px}
#videos_widget .post-head .post-title{color: #999;font-size: 18px; font-weight: 400;}
#right-sidebar{/* margin: 30px 0; */display: flex;flex-direction: column;justify-content: flex-start;}


#project-block-sidebar-owner{position:relative;z-index:1;float:left;margin-bottom: 10px;padding: 10px 0;}

.news-posts{overflow:hidden;width:100%;height:auto}
.news-more{position:relative;top:-18px}
.news-posts a{display:block;margin:0;padding:0;font-weight:500;font-size:16px;line-height:20px}
.news-posts-date{width:100%;color:#b3b3b3;font-size:12px;line-height:20px}
.news-more,.news-posts p{float:left;margin:0;width:100%;color:#888}
.news-posts span{color:#fff;font-size:14px;background:#0a28f4;padding:0 5px;border-radius:2px}
.news-posts .on{transition:all .2s ease-in;border-bottom:none}
.news-posts .on .news-posts-tittle{color:#0a28f4}
.news-posts li{position:relative;margin-bottom:20px;border-bottom:1px dashed #999;height:auto;display:block;float:left}
.news-posts-content{float:left;display:none;padding-bottom:5px;width:100%;border-bottom:1px dashed #999;font-size:14px}
.news-posts li:hover>.news-posts-content{display:block}

/*Header*/
#logo-sidebar{position:absolute;overflow:hidden;height: 56px;text-align:center;line-height: 56px;left: 24px;display: flex;justify-content: flex-start;align-items: center;}
.books-navgiation a,.date-menu a{float:left;display:inline-block;margin:8px 15px;padding:5px 15px!important;border-radius:999rem;background:#eee;color:#979797;font-weight:500!important;font-size:12px}
.header-menu a{display:block;padding: 0 15px;color: #666;letter-spacing:5px;font-size: 15px;line-height: 56px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
.books-navgiation a:hover,.date-menu a:hover{background:#3baeb5;color:#fff}
.header-menu a span{position:absolute;top:-20px;color:#888;letter-spacing:0;font-weight:400;font-size:9px}
.header-menu i{font-size:10px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:inline-block;vertical-align:middle;text-align:15px}
.header-menu .menu-item-has-children a:hover .iconfont{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.header-menu a:hover{color:#0a28f4}
.header-menu{display:block;margin:0;padding:0;color:#555;text-align:center;text-transform:uppercase;position: absolute;left: 200px;width:100%;}
.header-menu ul li{position:static;float:left}
.header-menu  .current-menu-item a {color:#000;font-weight:600}
.header-menu li>ul{z-index:999;visibility:hidden;margin-top:3px;padding:0;opacity:0;transform-origin:0 0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);transition:.2s ease-in-out}
.menu{margin:0;position:relative}
#menu-page_menu li,.header-menu .sub-menu li{margin:0!important;width:100%;border-bottom:1px solid #f4f7f7;text-align:center;letter-spacing:2px;line-height:25px!important}
.header-menu .sub-menu li{float:left;display:block;line-height:40px!important;font-size:14px;text-align:center;border:none;/* margin-right:80% */}
#nav_iframe{width:100%;height: 490px;float: left;}
#subcontent{width:100%;position:absolute;left: 0;background: url(../img/Preloader.svg) center no-repeat #fff;box-shadow: 0px 10px 10px rgba(0,0,0,.1);top: -1px;min-height: 490px;}
.nav-postlist{height:490px;background:#fff;padding:0!important}
.logo-dark-img,.logo-img{height: 36px;background: url(../img/logo.svg) no-repeat;background-size: 100%;min-width: 100px;justify-content:center;align-items:center;}
.tf_b{position:absolute;top:0;right: 46px;width:auto;height: 56px;vertical-align: middle;}
.nav-switch-dark-mode .icon-dark-mode{display:none}
#nav-login{display: flex;flex-direction: row;align-items: center;height: 56px;}
#nav-login #login-link{margin-left: 15px;}
#nav-login .nav_notice,#nav-login .user_avatar,#nav-search,.nav-switch-dark-mode{z-index:101;float:left;padding-left:25px;font-size:1.4rem;display: flex;position:relative;height: 56px;align-items: center;}
#login-link i,#nav-search a,#nav-search i,#register-link,.nav-switch-dark-mode i{font-size:18px;line-height: 56px;}
.nav_notice,.user_avatar{width:auto;text-align:center;font-size:inherit;}
#nav-login .user_avatar:hover>.user_panel{visibility:visible;opacity:1;margin-top:0;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0);-webkit-transition:-webkit-transform .4s,opacity .1s;-moz-transition:-moz-transform .4s,opacity .1s;-mos-transition:-mos-transform .4s,opacity .1s;-o-transition:-o-transform .4s,opacity .1s;transition:transform .4s,opacity .1s}
.avatar{border-radius:50%}
.user_avatar .avatar{width:35px;line-height: 56px;}
.user_panel{position:absolute;top: 56px;border-radius:5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1);-moz-box-shadow:0 1px 5px rgba(0,0,0,.1);box-shadow:0 1px 5px rgba(0,0,0,.1);text-align:left;left:auto;z-index:999;visibility:hidden;margin-top:3px;background:#fff;opacity:0;transform-origin:0 0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);right:-10px;width:auto;padding: 15px;}
.user_panel::before{border-left:6px solid transparent;border-right:6px solid transparent;content:'';position:absolute;border-bottom:calc(6px + 2px) solid #fff;border-top:0;bottom:auto;-webkit-filter:drop-shadow(0 -2px 1px rgba(25,25,25,.1));filter:drop-shadow(0 -2px 1px rgba(25,25,25,.1));top:-7px;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-left-width:8px;border-right-width:8px;right:10px}
.profile-section{overflow:hidden;padding: 10px 10px;width:320px;cursor:default;color: #333;}
.profile-avatar{float:left;height:65px;margin-right:14px;width:65px}
.profile-avatar .avatar{height:65px;width:65px;margin:0;padding: 0;}
.profile-name{line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;float:left;width:calc(100% - 79px);font-family:inherit;font-size:18px;font-weight:700;text-align:left}
.profile-email{font-family:inherit;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;float:left;width:calc(100% - 79px);color:#696969;text-align:left}
.vip-info{font-family:inherit;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;float:left;width:calc(100% - 79px);color:#696969;margin:-3px;padding:3px;text-decoration:underline;text-align:left}
.u_info{width: 100%;display: block;float: left;padding: 15px 0;
}
.u_info .u_info_item{display:inline-block;width:25%;line-height: 20px;text-align: center;float: left;position: relative;}.u_info_item span{display: block;}
.u_info .u_info_item:not(:last-child):after{content:"|";position:absolute;color: #ddd;right: 0;top: 0;}
.user-nav-contain{
    margin-left: -5px;
    margin-right: -5px;
    display: grid;
    grid-template-columns: 2fr 1fr;
}
.user-nav-contain div a{border-radius: 5px;line-height: 40px !important;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;}
.user-nav .thick{
    padding: 20px 15px !important;
    color: #fff;
}
.user-nav{
    padding: 0 10px;
    display: grid;
}
.user-nav-contain div{
    padding: 5px;
}
.user-nav-contain div a i{
    font-size: 16px;
}
.user-nav-contain div a span{float:right;font-size: 14px;}
.user_panel ul{margin:0 -10px}
.user_panel li a{display:block;line-height:2;padding:0 10px 0 20px;font-size:14px;}
.header-menu .sub-menu{position:absolute;top:100%;left: 0;right:0;color:#333;min-width:240px;width:100%;margin-left: -200px;height:auto;/* max-width: 1280px; */}
.header-menu .sub-menu a{color:#555!important;line-height:45px;float:left}
.header-menu li:hover>ul{visibility:visible;opacity:1;margin-top:0;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0);-webkit-transition:-webkit-transform .4s,opacity .1s;-moz-transition:-moz-transform .4s,opacity .1s;-mos-transition:-mos-transform .4s,opacity .1s;-o-transition:-o-transform .4s,opacity .1s;transition:transform .4s,opacity .1s}
.header-menu .sub-menu .sub-menu{top:-1px;left:100%;margin:0 auto;margin-left:0}

.se-pre-con {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background: url(../img/loading-blue.svg) center no-repeat #fff;}
.dot1,.dot2{position:absolute;top:0;display:inline-block;width:60%;height:60%;border-radius:100%;background-color:#fff;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}
.top-header{position: fixed;top:0;right:0;left:0;z-index: 14;width:100%;height: 56px;border-bottom:1px solid #eee;background:#fff;line-height: 56px;-webkit-box-shadow: 0 10px 50px -15px rgba(0,0,0,.1);-ms-box-shadow: 0 10px 50px -15px rgba(0,0,0,.1);box-shadow: 0 10px 50px -15px rgba(0,0,0,.1);}
.header .mune a{font-size:1.6rem}
.logo-dark-img{display:none;background-image: url(../img/logo-dark.svg);}
.header_active{position:fixed!important;border:#fff;box-shadow: rgba(0, 0, 0, 0.165) 0px 0px 6px 2px;}
.header_active #nav-login,.header_active #nav-search,.header_active .user_avatar{line-height:56px}
.header_active .logo-img{display:none}
.header_active .logo-dark-img{display:block}
.open_form{transform:translate3d(0,0,0)!important}
#form{position:relative;z-index:999;display:block;visibility:hidden;margin:0 auto;width:800px;height:200px;opacity:0;/*! /*! transition:transform .5s cubic-bezier(.2,1,.3,1),opacity .5s cubic-bezier(.2,1,.3,1); *//*! **/padding:20px 0;max-width:750px;width:90%;margin-top:120px}
.search-box{position:relative;margin:0 auto;max-width:1020px;width:100%;display:block}
.search-box input{box-sizing:border-box;padding: 10px 80px 10px 20px;width:100%;border:0;background:0;font-size:28px;}
.search-box .search-submit{position:absolute;right:0;bottom: 0;border:0;background:0;color:#333;font-size:28px;height: 52px;cursor: pointer;}
.toggle_search a{font-size:20px;color:#999;margin-right:20px}
.toggle_search .active{font-weight:bolder;color:#333}
.search-box .entry_text{position:relative;float:left;width:100%;margin:20px 0;}
.search-history{position:relative;float: left;}
.search-history h4{color: #999;margin: 40px 0 20px;}
.search-history a{padding:10px 22px;margin:5px 10px 5px 0;border:1px solid #999;display:inline-block;font-size:16px;border-radius:5px;color:#999}
#clear-shistory{color: #333;position: absolute;right: 0;top: 40px;font-size: 12px;line-height: 30px;cursor: pointer;}
.hot-tags a{float:left;display:block;margin-top:10px;margin-right:25px;padding:5px 15px;border:1px solid;border-radius:5px;line-height:20px}
#nav-primary-wrap,#nav-upsell-wrap{position:absolute;top:0;width:100%;text-align:center}
#nav-primary{display:inline-block;font-size:15px}
#nav-wrap .nav-item:hover{background:#01b6aa}
#nav-wrap .nav-item{position:relative;display:inline-block}
#nav-wrap .nav-item-link.active,#nav-wrap .nav-item-link:hover{color:#fff;text-decoration:none}
#nav-wrap .nav-item-link{display:block;padding:0 13px;color:#a4a4a4;line-height:58px}
#nav-wrap .nav-submenu{position:absolute;top:58px;left:0;display:block;visibility:hidden;padding:9px 0;min-width:185px;border-radius:0 0 4px 4px;background:#f2f5fe;text-align:left;white-space:nowrap;font-size:12px;opacity:0;transition:visibility 0s linear,opacity .25s ease}
.header_active .user_panel{top: 56px;}

#search-content {position:fixed;top:0;right:0;z-index:100; display:none; width:85%;height:100%;background-color:#fff;opacity:0}
.searchform  input.search-field{background: #f6f6f6;}
.search-field {padding:10px;min-width:200px}
#m-menu,
#m-menu-toggle {
 visibility: hidden;
 opacity: 0;
}
#m-menu.active, #m-menu-toggle.active{visibility:visible;opacity:1}
.m-menu-toggle{position:fixed;top:22px;left:22px;z-index:20;width:24px;height:18px;background: -webkit-linear-gradient(90deg,rgba(33,33,33,0),rgba(33,33,33,0) 8px,#000 4px,#000 11px,rgba(33,33,33,0) 10px,rgba(33,33,33,0) 8px);font-size:0;text-indent:-9999px;padding:0;border:0;cursor: pointer;}
.m-menu-toggle:after,.m-menu-toggle:before{display:block;position:absolute;left:0;width:100%;height:3px;background-color: #000;content:"";}
.m-menu-toggle:before{top:0;-webkit-transform-origin:bottom left;transform-origin:bottom left}
.m-menu-toggle:after{bottom:0;-webkit-transform-origin:top left;transform-origin:top left}
.m-menu-toggle,.m-menu-toggle:after,.m-menu-toggle:before{-webkit-transition:all .5s;transition:all .5s}
.m-menu-toggle.active{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.m-menu-toggle.active:before{width:75%;-webkit-transform: translateY(7px) rotate(-45deg);transform: translateY(7px) rotate(-45deg);}
.m-menu-toggle.active:after{width:75%;-webkit-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}
.m-menu{position:fixed;top:0;left:0;z-index: 15;width:100%;height:100%;overflow-y:auto;}.m-menu-mask{position:fixed;left:0;right: 0;top: 0;bottom: 0;z-index: -1;}
.m-menu.active .m-menu-body{box-shadow:0 2px 8px rgba(0,0,0,.2);-webkit-transform:translateX(0);transform:translateX(0)}
@media all and (min-width:300px){
  .m-menu-body{
  -webkit-transform:translateX(-300px);
  transform:translateX(-300px);
  }

  .m-menu.active .m-menu-mask:after{
    background-color: #191919;
    bottom: 0px;
    content: '';
    height: 100vh;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
    z-index: -1;
    pointer-events: auto;
  }.m-menu.active .m-menu-mask:after{
    opacity: 0.5;
  }
}

.m-menu-header{width: 100%;height: 200px;overflow:hidden;z-index: 2;}
.m-menu-body {
    width: 300px;
    height: 100vh;
    overflow: hidden;
    background: #fff;
    z-index: 1;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .5s,box-shadow .5s;
    transition: transform .5s,box-shadow .5s;
}
.panel-bg img{width:100%;object-fit:cover;height: 200px;-webkit-filter:blur(10px);-moz-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px);z-index: -1;transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);}
.m-menu-items{list-style:none;padding: 20px;}
.m-menu-item{display:block;width:100%;}
.m-menu-item.in-view{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
.m-menu-item.item-1{-webkit-transition:opacity .5s .1s,-webkit-transform .5s .1s;transition:opacity .5s .1s,transform .5s .1s}
.m-menu-item.item-2{-webkit-transition:opacity .5s .2s,-webkit-transform .5s .2s;transition:opacity .5s .2s,transform .5s .2s}
.m-menu-item.item-3{-webkit-transition:opacity .5s .3s,-webkit-transform .5s .3s;transition:opacity .5s .3s,transform .5s .3s}
.m-menu-item.item-4{-webkit-transition:opacity .5s .4s,-webkit-transform .5s .4s;transition:opacity .5s .4s,transform .5s .4s}
.m-menu-item.item-5{-webkit-transition:opacity .5s .5s,-webkit-transform .5s .5s;transition:opacity .5s .5s,transform .5s .5s}
.m-menu-item.item-6{-webkit-transition:opacity .5s .6s,-webkit-transform .5s .6s;transition:opacity .5s .6s,transform .5s .6s}
.m-menu-item.item-7{-webkit-transition:opacity .5s .7s,-webkit-transform .5s .7s;transition:opacity .5s .7s,transform .5s .7s}
.m-menu-item.item-8{-webkit-transition:opacity .5s .8s,-webkit-transform .5s .8s;transition:opacity .5s .8s,transform .5s .8s}
.m-menu-link{display:block;position:relative;overflow:hidden;margin:4px 0;padding:9pt;color: #333;font-size: 16px;font-weight: 600;-webkit-transition: color .5s;transition: color .5s;}
.m-menu-link-text{position:relative;z-index:2}
.m-menu-link--touch-effect{display:block;position:absolute;z-index:1;width:0;height:0;border-radius:100%;background-color:#b6b6b6;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
.m-menu-link--touch-effect.animating{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .5s;transition:transform .5s}
.overlay-menu-close{position:absolute;top:25px;right:25px;z-index:15;margin-top:8px;font-size:30px!important;cursor:pointer}


/*.no-js #loader {display:none}
.js #loader {display:block;position:absolute;left:100px;top:0}*/

/*Post-Grid*/
.element img{display:block;margin:0!important;width:auto;height:200px;border:none!important;object-fit:cover;}
.article-label a{position:absolute;top:8px;left:8px;z-index:99;display:inline-block;padding:5px 10px;background:#0a28f4;color:#fff;font-size:12px;border-radius:2px}
.tag-8{background:#00dd5b!important}
.tag-16{background:#fd7e14!important}
.tag-17{background:#6610f2!important}
.post-head .post-title{display: flex;overflow:hidden;margin-top: 0;font-weight:600;font-size:1.8rem;width:100%;line-height:1.5;-webkit-line-clamp: 2;text-overflow: ellipsis;}
.post.style4{margin-bottom:50px;padding-bottom:50px;border-bottom:1px dashed #ccc}
.post.style4 .post-head{padding:0 20px}
.post .post-item .img_overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;margin:0;background:#28272e;text-align:center;font-size:0;opacity:0;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;-ms-transition:.4s}
.post .post-item .img_overlay_style1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;margin:0;background:#28272e;text-align:center;font-size:0;opacity:.5;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;-ms-transition:.4s}
.post .post-item:hover .img_overlay{opacity:.6}
.post .post-item img{width:100%;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;object-fit:cover;margin:0;transition:transform .3s ease-out 0s;}
.post .post-item{position:relative;background-color:#f6f6f6;border-radius: 5px;overflow: hidden;}
.post-title a{
    letter-spacing:1px;
    font:inherit;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    }
.post-meta .time{color:#5f5e5e;font-size:1rem;display: flex;align-items: center;}
.post .post-head .post-content p{text-transform:none;line-height:24px;color:#999;font-size:1.4rem}
.post.style4 .post-head .post-title{margin:0;margin-top:-8px;padding:0;font-weight:bolder;font-size:22px!important;height:62px}
.topic-item{overflow:hidden;height:200px}
.post.style1 .post-item .post-head{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;height: auto;}
.post.style1 .post-head h1,.post.style3 .post-head h1{margin:0 auto;height: 100%;color:#fff;line-height:200px;text-align:center;}
.post.style1 .post-item .post-head .post-title a,.post.style3 .post-item .post-head .post-title a{margin:0 auto;height:200px;max-width:200px;color:#fff;font-size:16px;line-height:200px}
.post.style6{margin-bottom:0}
.style6 .post-head .post-title{font-size:16px;font-weight:400;min-height:30px}
.style6 figure{border-radius:5px;overflow:hidden}
.item-b{position:relative;background:inherit;list-style:none;transition:all .1s ease-out;border-radius:5px;overflow:hidden;display: flex;flex-direction: column;justify-content: flex-start;}
.item-b:hover{/* box-shadow:0 22px 36px 0 #d8dce1; */transform:translateY(-8px);-ms-transform:translateY(-8px);}
.item-data header{position: relative;padding: 20px 0;color: #333;float:left;width:100%;height: auto;}
.data-title{display: flex;align-items: center;margin-bottom: 0.375rem;}
.data-title a:hover{color:#000}
.data-title .product-item_name {
    flex: 1;
    padding: 0;
    padding-right: 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    text-decoration: none;
    font-weight: 700;
    margin: 0;
    font-size: 18px;
}

.data-title .product-item_type {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 4px;
    background-color: #b0b0b0;
    color: #fff;
}
.free{background-color: #0054ff !important;}
.paid{background-color: #ff3200 !important;color: #fff !important;border: none !important;}
.archive-item-data header{position:relative;padding:30px 0;text-shadow:none}
.archive-item-data .data-title{margin:3rem 0 0 0!important}
.archive-item-data .post-meta{font-size:1.4rem;color:#bdbdbd}
.item-book{display: grid;grid-template-rows: minmax(300px,450px) 65px;justify-content: space-around;align-items: flex-start;}
.item-book:first-child>a{
    height: 100%;
    display: flex;
    width: 100%;
    line-height: 1.5;
    }
.item-book:hover .post-item{box-shadow:0 22px 36px 0 #d8dce1;transform:translateY(-8px);-ms-transform:translateY(-8px)}
.item-book img{height:100%;min-width: 100%;}
.item-book .post-head{/* padding:0; */height: auto;/* max-height: 65px; */}
.post-head{z-index: 9;padding: 20px 0;position: relative;display: flex;flex-direction: column;justify-content: space-between;flex: 1;}



/*Index*/
.slider{position:relative;z-index: 5;overflow:hidden;width: 100%;height:430px;background:inherit;text-align:center;padding: 0 60px;}
.slider .bd{margin:0 auto;width: 60%;}
.slider .tempWrap{overflow:visible!important}
.slider .bd li{position:relative;overflow:hidden;height:430px;background:inherit;}
.glb_statistics{height:100%;overflow:hidden;}
.slider .bd li .slider_cover_img{padding:0 15px;display: block;}
.slider .bd li img{display:block;width:100%;height:430px;opacity:1;object-fit:cover;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;position:relative;border-radius: 0 0 5px 5px;}
.slider .hd{position:absolute;bottom:20px;left:0;z-index:100;width:100%;height:10px;text-align:center}
.slider .hd li{display:inline-block;overflow:hidden;margin:0 7px;width:8px;height:8px;border-radius:50rem;background:#a7a7a7;line-height:99px;cursor:pointer;transition:.3s ease;zoom:1}
.slider .hd li.on{width:25px;background:#fff}
.slider .prev {
 /* margin-left:-30px; */
 /* background:#000; */
 /* border-radius: 0 15px 15px 0; */
}.slider .prev:after{
  content:'\e605';
  font-family:"iconfont" !important;
  font-size: 16px;
  position:absolute;
  top: calc(50% - 25px);
  width:50px;
  height:50px;
  line-height: 50px;
  background: #fff;
  border-radius: 50px;
  left: 50px;
  color: #000;
}
.slider .pnBtn .blackBg{position:absolute;top:0;left:0;display:block;width:100%;height:430px}

.slider .next:after{
  content:'\e605';
  font-family:"iconfont" !important;
  font-size: 16px;
  position:absolute;
  top: calc(50% - 25px);
  width:50px;
  height:50px;
  line-height: 50px;
  background: #fff;
  border-radius: 50px;
  transform:rotate(180deg);
  display: block;
  right: 50px;
  color: #000;
}
.slider .next {
 /* background:#000; */
 /* border-radius: 15px 0 0 15px; */
 right: 0;
}
.slider .pnBtn{position:absolute;top:0;z-index:100;width:calc((100% - 1270px)/ 2);height:430px;opacity: 1;cursor:pointer;}
#slider_default{display:none;width:100%}
.slider .bd li .tit_name{bottom:90px;z-index:99;left: 35px;text-align:center;font-weight:700;font-size:20px;position:absolute;background:#fff;padding:20px;animation:fadeInUp 1s .2s ease both;-webkit-animation:fadeInUp 1s .2s ease both;border-radius:5px;}
.slider .bd li .tit_name a{color:#333!important}
.slider .bd li span i{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,0),rgba(43,43,43,.5),#000)}
.tt-slide-caption{position:absolute;top:0;height:100%;left:0;right:0;max-width:1270px;margin:auto}
.slider-content{padding:10px;bottom:160px;z-index:99;left: 35px;text-align:center;font-weight:700;font-size:14px;position:absolute;background: #0054ff;color:#fff;letter-spacing:1px;border-radius:5px;}
.slide-caption{animation:fadeInUp 1s .4s ease both;-webkit-animation:fadeInUp 1s .4s ease both}
.recom{
  
width: 100%;
  
position: relative;
  
display: flex;
  
flex-direction: column;
  
margin: 40px 0;
  
float: left;
}
/*Archive*/
.archive-header{
 display: block;
 width: 100%;
 margin-top: 56px;
 padding: 80px 70px 0;
 position: relative;
}
.archive-header-title{
	font-weight: 600;
	letter-spacing: 2px;
	font-size: 60px;
}
.archive-header-subtitle{
	font-size: 22px;
	line-height: 32px;
	letter-spacing: .04em;
	color: #333;
	font-weight: 500;
	max-width: 400px;
}
.archive-header-search{
	 width: 50%;
	 position: relative;
}
.archive-header-search input{
	  border: 1px solid #eeee;
	  border-radius: 50px;
	  background: 0 0;
	  font-size: 16px;
	  font-weight: 600;
	  height: 48px;
	  line-height: 20px;
	  letter-spacing: -.42px;
	  padding: 5px 72px 6px 16px;
	  position: relative;
	  right: 0;
	  left: 0;
	  width: 100%;
}
.archive-header-search button{
	  border: none;
    float: left;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 48px;
    border-radius: 50px;
    width: 100px;
    cursor: pointer;
    z-index: 2;
}
/*Layout*/
.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}
.dropdown, .dropup {
    position: relative;
}
.f-d-c{display:flex;flex-direction:column}
body #main{position:relative;float:left;width:100%;display:block}
#content{position:relative;z-index:2;float:left;display:block;width:100%}
#content-wrap.page-builder{padding-top:0;padding-bottom:100px}
.be-row{position:relative;z-index:3}
.be-wrap{position:relative;z-index: 6;margin:0 auto;width: 1270px;}
.grid{padding:0;max-width:100%;list-style:none;display: grid;grid-template-columns: repeat(5,1fr);grid-gap: 30px;}
.grid-2{display:grid;grid-template-columns:1fr 1fr}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr)}
.grid-6{grid-template-columns: repeat(6,1fr) !important;grid-row-gap: 80px;}
.grid .wide{grid-area: span 1 / span 2;}
.grid li{display: block;}
.grid li.shown,.no-js .grid li .no-cssanimations .grid li{opacity:1}
.grid.effect-1 li.animate{-webkit-animation:fadeIn .65s ease forwards;animation:fadeIn .65s ease forwards}
@media only screen and (max-width: 2079px) and (min-width: 1820px){
  .be-wrap,.container{width: calc(100% - 140px);padding: 0;}
  .single .single-wrapper .be-wrap{
    width: calc(100% - 140px);
    max-width: 1440px !important;
    padding: 0 32px;
    display: flex;
    }
    .single #content-single, .single .cover-box{display: grid !important;grid-template-columns: 1fr minmax(400px,30%);grid-row-gap: 16px;grid-column-gap: 24px;margin-top: 30px;}
}
@media only screen and (max-width:1440px) and (min-width:1280px){
  #page-content,#page-content.content-single-sidebar{float:left;padding:0}

}
@media only screen and (max-width:1279px) and (min-width:960px){
  .grid{
          grid-template-columns: repeat(4,1fr);
    }
   .index-data_recom{
    grid-area: 3/span 4 !important;
    width: calc(100% + 100px) !important;
    margin-left: -50px !important;
}
  .be-wrap{padding:0 20px;max-width: 1170px;}
#recom-list{
    grid-template-columns: repeat(4,1fr) !important;
}.recom-list-title{grid-area: 1/span 4 !important;}
  .col-md-5-5{width:33%}
  .recom div.col-md-5-5{width:100%;text-align:center}
  .recom .col-md-5-5{width:25%;text-align:center}
}
#main-wrapper{position:relative;z-index:2;float:left;margin-top: 56px;width:100%;background:inherit;min-height: 500px;}




.pagination{bottom:0;line-height:1em}
.pagination a,.pagination span{float:left;display:block;overflow:hidden;margin:0;padding:.8em;min-width:1em;background:#fff;color:#787878;text-decoration:none;font-weight:400;font-size:1em;line-height:1em}
.pagination a:hover{background:#fff!important;color:#0047bd!important}
.pagination .current{display:block;overflow:hidden;margin:0;padding:.8em;min-width:1em;background:#fff;color:#393939;text-decoration:none;font-weight:400;font-size:1em;line-height:1em}


/*Animation*/
@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}
}
@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0)}
50%{-webkit-transform:scale(1)}
}
@keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}





@-webkit-keyframes fadeIn{0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}
@keyframes fadeIn{0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}}
}
.grid.effect-2 li.animate{-webkit-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards}
@-webkit-keyframes moveUp{100%{opacity:1;-webkit-transform:translateY(0)}
}
@keyframes moveUp{100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
.grid.effect-3 li.animate{-webkit-transform:scale(.6);transform:scale(.6);-webkit-animation:scaleUp .65s ease-in-out forwards;animation:scaleUp .65s ease-in-out forwards}
@-webkit-keyframes scaleUp{100%{opacity:1;-webkit-transform:scale(1)}
}
@keyframes scaleUp{100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.grid.effect-4{-webkit-perspective:1300px;perspective:1300px}
.grid.effect-4 li.animate{-webkit-transform:translateZ(400px) translateY(300px) rotateX(-90deg);transform:translateZ(400px) translateY(300px) rotateX(-90deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:fallPerspective .8s ease-in-out forwards;animation:fallPerspective .8s ease-in-out forwards}
@-webkit-keyframes fallPerspective{100%{opacity:1;-webkit-transform:translateZ(0) translateY(0) rotateX(0)}
}
@keyframes fallPerspective{100%{opacity:1;-webkit-transform:translateZ(0) translateY(0) rotateX(0);transform:translateZ(0) translateY(0) rotateX(0)}
}
.grid.effect-5{-webkit-perspective:1300px;perspective:1300px}
.grid.effect-5 li.animate{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-transform-origin:50% 50% -300px;transform-origin:50% 50% -300px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards}
@-webkit-keyframes fly{100%{opacity:1;-webkit-transform:rotateX(0)}
}
@keyframes fly{100%{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}
}
.grid.effect-6{-webkit-perspective:1300px;perspective:1300px}
.grid.effect-6 li.animate{-webkit-transform:rotateX(-80deg);transform:rotateX(-80deg);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:flip .8s ease-in-out forwards;animation:flip .8s ease-in-out forwards}
@-webkit-keyframes flip{100%{opacity:1;-webkit-transform:rotateX(0)}
}
@keyframes flip{100%{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}
}
.grid.effect-7{-webkit-perspective:1300px;perspective:1300px}
.grid.effect-7 li.animate{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:helix .8s ease-in-out forwards;animation:helix .8s ease-in-out forwards}
@-webkit-keyframes helix{100%{opacity:1;-webkit-transform:rotateY(0)}
}
@keyframes helix{100%{opacity:1;-webkit-transform:rotateY(0);transform:rotateY(0)}
}
.grid.effect-8{-webkit-perspective:1300px;perspective:1300px}
.grid.effect-8 li.animate{-webkit-transform:scale(.4);transform:scale(.4);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:popUp .8s ease-in forwards;animation:popUp .8s ease-in forwards}
@-webkit-keyframes popUp{70%{opacity:.8;-webkit-transform:scale(1.1);-webkit-animation-timing-function:ease-out}
100%{opacity:1;-webkit-transform:scale(1)}
}
@keyframes popUp{70%{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}


/*Footer*/
footer{float:left;width:100%;background: #000000;color:#666;font-size:12px;padding: 40px 0px;}
footer a{font-size:1.4rem}
footer a:hover{background:#0a28f4;color:#fff!important}
.footer h4{margin-top:10px;margin-bottom:20px;font-weight:700;font-size:16px;line-height:2em;color:#c8c8c8}
.footer-menu ul li a{margin-bottom:10px}
.footer-menu li a{line-height:20px;color:#62656d;padding:0 .5rem;margin-left:-5px;font-size:1.4rem}
.subscription-form .btn{position:absolute;border-radius:0 50px 50px 0;height:44px}
.subscription-form .btn:hover{background:#0845f6!important;color:#fff!important;border-color:#0845f6!important}
.subscription-form input{height: 44px;border-radius:50px 0 0 50px;display: inline-block;vertical-align: middle;width: auto;}
.icon-social{display:inline-block;width:32px;height:32px;border-radius:50%;color:#fff;text-align:center;font-size:16px;line-height:32px!important}
.footer .footer-social ul li{display:inline-block;margin-right:10px}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;margin:2px 0 0;padding:5px 0;min-width:160px;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;background-color:#fff;background-clip:padding-box;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);list-style:none;text-align:left;font-size:14px}
.footer-wechat{left:50%;display:none;margin-left:-80px;padding:10px;width:160px;min-width:160px;text-align:center}
.qrcode-wechat:hover .footer-wechat{display:block}
.footer .footer-social ul li.qrcode-wechat .dropdown-menu p{margin:0;color:#9e9ea6;font-size:12px}
.div_weixin img{margin:8px 0;width:129px;height:129px}
.social_buttons{margin-bottom:20px}
.social_buttons i{margin-right:10px;font-size:25px}
.bottom_ad{
    position: relative;
    width: 100%;
    display: flex;
    background: #fff;
    z-index: 1;
}
.ad{margin:50px auto;position: relative;display: flex;align-items: center;justify-content: center;}.ad img {width:100%}
#back-to-top{width:40px;height:40px;text-align:center;font-size:17px;line-height:36px;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:5px;position:fixed;right:20px;bottom:-100px;z-index:99}
.mask{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.8);
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity .5s,visibility .5s;
		transition: opacity .5s,visibility .5s;
}
/*Navigation*/
.index-cat-menu{padding: 60px 0 40px;text-align: center;}
.index-cat-menu li{position: relative;margin: 0 14px;text-align: center;cursor: pointer;display: inline-block;padding: 5px 15px;font-size: 14px;letter-spacing: 2px;color: #000;vertical-align: middle;border-radius: 50px;}
.index-cat-menu li:first-child,.index-cat-menu li:hover{background: #d3d3d3;color: #fff;font-weight: 700;}

#page-links{margin: 20px auto;width:100%;max-width: 800px;display: flex;justify-content: center;align-items: center;}

#page-links .current,#page-links a{display: flex;font-size: 14px;margin: 0 20px 20px 0;border: 2px solid;color: #0054FF;border-radius: 5px;width: 40px;height: 40px;justify-content: center;align-items: center;}
#page-links a:hover,#page-links .current{color:#fff;background:#0054FF;border-color:#0054FF}
.page_navi{float:left;margin:40px 0;width:100%;text-align:center;grid-area: span 1 /span 5;}
.page_navi a,.page_navi span{margin-right:10px;width:40px;height:40px;border:1px solid #fff;color:#757575;text-decoration:none;line-height:40px;border-radius:2px;float:left;background:#eff3f5;border-radius:5px;font-size:14px}
.page_navi a.current,.page_navi a:hover,.page_navi span.current{border:1px solid #0a28f4;background:#0a28f4!important;color:#fff!important;box-shadow:0 5px 20px -3px rgba(20,0,255,.4)}
.paginationNav{width:auto !important;padding: 0 15px;}
.ajax-pag{font-size:16px;letter-spacing:6;grid-area: span 1 / span 4;align-items: center;text-align: center;margin: 40px auto;}
.ajax-next i{margin-right:10px}




#ds-notify {
 top:15px!important;
 right:120px!important;
 border:none!important;
 border-radius:0!important;
 background:0 0!important;
 box-shadow:none!important
}



/*notify*/
.notyn{max-width:100%;opacity:.95;z-index:10000000;bottom:50px;position:fixed;right:30px}
.notyf{color:#fff;width:100%;-webkit-transform:translateX(1.5em);transform:translateX(2em);-webkit-transition:.3s;transition:.5s;-webkit-animation:notyf .4s cubic-bezier(.35,.71,.46,1.08);animation:notyf .4s cubic-bezier(.35,.71,.46,1.08);text-align:center;background-color:#0057ff;border-radius:5px;box-shadow:0 1px 6px rgba(0,0,0,.2);color:#fff;padding:27px 30px 27px 40px;position:relative}
@-webkit-keyframes notyf{0%{-webkit-transform:translateX(110%);transform:translateX(110%);opacity:0}
100%{-webkit-transform:translateX(1.5em);transform:translateX(1.5em);opacity:1}
}
@keyframes notyf{0%{-webkit-transform:translateX(110%);transform:translateX(110%);opacity:0}
100%{-webkit-transform:translateX(1.5em);transform:translateX(1.5em);opacity:1}
}
.notyf:before{font:normal normal normal 16px/1 FontAwesome;left:15px;font-size:16px;position:absolute;top:0;bottom:0;margin:auto;height:20px}
.notyf.success{background-color:#0057ff}
.notyf.success:before{content:"\f058"}
.notyf.info{background:-webkit-gradient(linear,left top,right top,from(#2cc746),to(#3ddb67));background:linear-gradient(90deg,#2cc746,#3ddb67)}
.notyf.info:before{content:"\f0a1"}
.notyf.load,.notyf.warning{background:#333}
.notyf.warning:before{content:"\f05a"}
.notyf.danger{background:#f9320c}
.notyf.danger:before{content:"\f057"}
.notyf .fa-close{float:right;padding:.6em;margin:-.4em}







ul.breadcrumbs {
 margin:0;
 padding:0;
 list-style:none;
 font-size:12px
}
ul.breadcrumbs li {
 float:left;
 margin:0 5px 0 0;
 padding:0
}

@media only screen and (max-width:960px) {
  .be-wrap{width:100%}
  .footer{padding:50px}
 #content-wrap {
  padding:40px 50px;
 }
 .grid{grid-template-columns: repeat(2,1fr);}
  .index-data_recom{
    grid-area: 3/span 2 !important;
    margin-left: -50px !important;
    width: calc(100% + 100px) !important;
    padding: 0 50px;
}
#recom-list{
    grid-template-columns: repeat(2,1fr) !important;
    grid-gap: 30px !important;
}
.recom-list-title{
    grid-area: 1 /span 2;
}
.recom,.recom-topic{width:100%;padding: 0 50px;}
.video-list-title, .topic-list-title{/* padding:0 50px; */}
#video-list2{grid-template-columns: 100% !important;position: relative;grid-gap: 100px !important;}
 .element img {
  height:250px
 }
 #right-sidebar {
  display:none
 }
 #page-content,
 #page-content .content-single-sidebar {
  margin:0 auto;
  width:100%
 }
 .post.style4 .post-head .post-title {
  margin-top:25px
 }
 .top-header {
  padding:0 15px
 }
 .header-menu {
  display:none
 }
 #logo-sidebar {
  left:50%;
  margin-left:-50px
 }
 .search-box {
  width:80%
 }
 #m-menu-toggle {
  display:block;
  visibility: visible;
  opacity: 1;
 }
 #nav-login {
  display:none
 }
 .MD-burger-icon {
  opacity:1!important
 }
 #content-wrap #content-single {
  margin-top:150px!important;
  display:none!important
 }
 .post-m-video {
  height:470px!important
 }
 .tempWrap {
  width:100%!important
 }
 .slider {
  position:relative;
  overflow:hidden;
  width:100%;
  height:auto;
  min-width:320px;
 }
 .slider .bd{width:100%}
 .slider .bd li {
  width:100%;
  height:100%
 }
 .slider .hd {
  bottom:30px;
  font-size:0
 }
 .slider .bd li .tit_name {
  bottom:30px;
  font-size:14px;
  padding:15px 10px!important;
  left:10px
 }
 .slider .bd li img {
  height:350px
 }
 .slider-content {
  bottom:60px;
  font-size:12px;
  padding:15px!important;
  text-align:left;
  left:10px;
  bottom:85px
 }
 .mprofile,
 .wpuf-author {
  width:100%!important;
  margin:0!important;
  box-shadow:none!important
 }
 .content-main::after,
 .content-main::before {
  display:none!important
 }
}

.articl_category {
 display: flex;
 justify-content: start;
 align-self: center;
 flex-flow: wrap;
}
.articl_category span a,.data-label {
display: flex;
    margin: 10px 10px 0 0;
    padding: 7px 20px;
    min-width: 16px;
    background-color: #fff;
    color: #585858;
    font-size: 14px;
    -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1);
    border-radius: 12px !important;
    line-height: 24px;
    text-align: center;
    border: 1px solid #EBEBF2;
    flex: 0 auto;
}
.articl_category span a:hover {
 background: #0054ff;
 color: #fff !important;
 border-style: solid;
 border-color: #0054FF;
}
#con1_1 {
 position:relative;
 margin:0 auto;
 width:100%;
 height:auto
}
#con1_1 .product_list {
 position:absolute;
 top:0;
 left:0;
 margin:10px;
 padding:0
}
.product_list img {
 width:300px
}
.product_list .img_overlay {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:1;
 margin:0;
 background:#28272e;
 text-align:center;
 font-size:0;
 opacity:0;
 -webkit-transition:.4s;
 -moz-transition:.4s;
 -o-transition:.4s;
 transition:.4s;
 -ms-transition:.4s
}
#con1_1 .product_list:hover .img_overlay {
 opacity:.6
}
.split-line {
 margin:80px 0;
 border-bottom:2px dashed #eee
}
.grid figure figcaption,
.grid figure figcaption>a {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.grid figure figcaption {
 color:#fff;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
}
figcaption {
 z-index:3
}
.grid figure {
 position:relative;
 overflow:hidden;
 height:auto;
 text-align:center;
 cursor:pointer;
 margin: 0;
}
figure.effect-apollo:hover img {
 opacity:.7;
 -webkit-transform:scale(1.3);
 -moz-transform:scale(1.3);
 -o-transform:scale(1.3);
 transform:scale(1.3);
 -ms-transform:scale(1.3)
}
figure.effect-apollo:hover figcaption::before {
 -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
 transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)
}
.grid figure figcaption::after,
.grid figure figcaption::before {
 pointer-events:none
}

figure.effect-apollo img {
 opacity:.95;
 -webkit-transition:opacity .35s,-webkit-transform .35s;
 transition:opacity .35s,transform .35s;
 -webkit-transform:scale3d(1.05,1.05,1);
 transform:scale3d(1.05,1.05,1)
}
.grid figure img {
 position:relative;
 display: flex;
 opacity:1;
 width:100%;
}
.post {
 position:relative;
}
.post-meta{width: 100%;padding: 10px 0;height: auto;display: flex;flex-direction: row;justify-content: space-between;} 

.post-meta a {
 color:#5f5e5e;
 text-decoration:none;
 font-size:14px;
 line-height: 30px;
 display: flex;
}
.post-meta .author-avatar img {
 width:30px;
 height:30px;
 float:left;
 margin-right:10px!important
}
.style1 {
/* float:left*/
}
.style1:hover .img_overlay_style1 {
 opacity:.8
}
.style1:hover .post-title a {
 color:#f5f5f5!important
}

#loading {
 position:fixed;
 top:0;
 left:0;
 width:0;
 height:2px;
 background-color: #0845f6;
}
.mini_user_panel ul li {
 float:left;
 display:block;
 width:20%
}
.mini_user_panel a {
 float:left;
 display:block;
 padding:10px;
 color:#fff
}
.author-board{display:grid;grid-template-columns: 1fr 1fr;grid-row-gap: 15px;}
.author-board .avatar{border:2px solid #f4f4f4}
.author-board .author-meta span i {
 font-weight: 500;
 margin: 0 5px;
}
.author-board .author-meta span {
 display: flex;
 padding-right:10px;
 text-align:center;
 font-weight: 700;
}
.author-board .auhtor-title {
 letter-spacing:1.5px;
 font-weight:700;
 font-size: 18px !important;
 margin: 10px 0 !important;
}
.author-board .fp-btns{grid-area: span 1/span 2;}
.btn_at {
 margin:20px 0
}
.btn_at .dashicons {
 line-height:44px
}


.mprofile .tab-content {
 padding:20px 40px
}
#myfav .wpfp-span ul {
 margin-bottom:50px;
 counter-reset:sectioncounter
}
.wpfp-span ul li {
 width:100%;
 border-bottom:1px dashed #ccc;
 line-height:50px
}
.wpfp-span ul li:before {
 conten:"counter(sectioncounter)"
}
.wpfp-link.remove-parent {
 float:right;
 margin-top:3px;
 border-radius:6px;
 background:#0047BD;
 color:#fff
}
.wpfp-link.remove-parent:hover,
.wpfp-link:hover {
 border:2px solid #0047BD!important;
 background:0;
 color:#0047BD
}
.wpfp-link {
 display:inline-block;
 padding:0 38px;
 height:44px;
 border:2px solid #0047BD;
 border-radius:6px;
 color:#0a28f4;
 font-weight:700;
 font-size:15px;
 line-height:40px;
 transition:all .3s ease 0s
}
.fixed-widget {
 width:339px;
 transition:all .1s ease-in
}
/*comments*/
.entry-content__comments{
	margin-top: 100px;
	width: 100%;
	justify-self: end;
}
.entry-content__comments input {
 border:1px solid
}
.comment-respond .must-log-in {
 margin-bottom:20px;
 padding:30px 50px;
 border:1px solid #e8e8e8;
 border-radius:3px;
 text-align:center
}
.social-login {
 position:relative;
 margin-top:10px;
 margin-right:auto;
 margin-left:auto;
 max-width:360px
}
.comment-respond .must-log-in .social-login h3 span {
 background:#fff!important
}
.social-login h3 span {
 padding:0 10px
}
.social-login h3 {
 position:relative;
 z-index:2;
 margin-bottom:20px!important;
 padding-bottom:0!important;
 border:none!important;
 text-align:center;
 font-size:16px
}
.social-login hr {
 position:absolute;
 top:10px;
 left:0;
 z-index:1;
 width:100%;
 height:0;
 border-bottom:1px solid #e8e8e8
}
.comment-list li{    display: flex;
    flex-direction: column;
    align-items: flex-start;}
.comment-list .avatar{width:50px}
.comment-respond .comment-form .comment-avatar {
 float:left;
 margin-right:-70px;
 width:60px;
 height:60px
}
.comment-respond .comment-form .comment-textarea {
 padding-left:70px;
 float:left;
 width:100%
}
.comment-form textarea.form-control {
 padding:20px;
 border-radius:0;
 overflow:hidden
}
textarea.form-control {
 height:auto
}
textarea {
 resize:none
}textarea:focus{border-color: #0054FF !important;}
.comment-form .form-submit {
 text-align:right
}
.comment-respond .form-submit .submit {
 margin: 20px 0;
 padding: 15px 25px;
 border:0;
 border-radius: 4px;
 color:#fff;
}
.comment-respond .submit:hover{background: #043cbb;}
.comment-respond .logged-in-as {
 margin-bottom:20px
}
button,form,input,select,textarea {
 outline:0;
 outline:0;
 outline-color:transparent;
 text-decoration:none;
 font-size:16px;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out
}
.comments-area .comment-list>li .comment-content .comment-author-name {
 font-weight:400;
 font-size:16px;
 width: 100%;
 display: flex;
 align-items: center;
}
.comment-actions{
    display: flex;
    justify-content: center;
    align-items: center;
}
.comment-content .comment-body{width:100%;padding: 20px 5px;font-size: 16px;margin-bottom: 10px;border-bottom: 1px dashed #eee;}
.comments-area .comment-list>li .comment-author-avatar {
 float:left;
}
.comment-list .children{/* transform: translate(80px,0); */width: 100%;padding-left: 60px;}
.comments-area .comment-list>li .comment-content {
 padding-left: 60px;
 width: 100%;
}
.comments-area .comment-list>li .comment-content .comment-actions .comment-action {
 display: block;
 float: left;
}
.comments-area .comment-list>li .comment-content .comment-author-name .comment-actions a {
 color:#9e9ea6
}
.comments-area .comment-list>li .comment-content .comment-author-name a:hover {
 background:#0047BD;
 color:#fff
}
.comment-reply-link {
 padding:2px 5px
}
.small,small {
 font-size:85%
}
.comments-area .comment-list>li .comment-content .comment-author-name a {
 color:#4a4a4a;
 float: left;
 padding: 5px;
}
.wpuf-table img {
 width:100%;
 max-width:150px
}
.author-list a .avatar {
 width:80px
}
/*
Main
*/
::-webkit-scrollbar {
 width:10px;
 height:10px
}
::-webkit-scrollbar-button:vertical {
 display:none
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
 background-color:#e2e2e2
}
::-webkit-scrollbar-thumb {
 border-radius:0;
 background-color:rgba(0,0,0,.3)
}
::-webkit-scrollbar-thumb:vertical:hover {
 background-color:rgba(0,0,0,.35)
}
::-webkit-scrollbar-thumb:vertical:active {
 background-color:rgba(0,0,0,.38)
}
::selection {
 background: #0054ff;
 color:#fff;
}
.gridtile{
background: url(../img/gridtile.gif) repeat;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/*
Archive
*/
.cat-header {
 position:fixed;
 z-index:1;
 display:flex;
 box-sizing:border-box;
 margin-top: 56px;
 padding:0 20px;
 width:100%;
 height: 350px;
 background-image:url(../img/cat-header.jpg);
 color:#fff;
 text-align:center;
 -ms-flex-direction:column;
 flex-direction:column;
 -ms-flex-pack:center;
 justify-content:center;
 float:left;
 background-size:  cover;
}
.cat-header-title {
 font-weight:700; 
 z-index:11;
 position:relative;
}
.FilterBar	{
	display: flex;
    padding: 20px 0px;
    margin-bottom: 10px;
}.FilterBar-filters{    
	display: flex;
    flex: 1;
    align-items: center;
}.FilterBar-filters .filter-column,.sort-filter{
    display: flex;
    position: relative;
    margin-right: 20px;align-items: center;
 }.Dropdown-button.active svg {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}.FilterValue{
	margin-right: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}.filterText{
	color: #191919; 
	font-size: 14px; 
	font-weight: bold
}.Dropdown-button svg{
	-webkit-transform: rotate(90deg) translate(50%);transform: rotate(90deg) translate(50%);-webkit-transition: -webkit-transform .2s cubic-bezier(.19,1,.22,1);transition: -webkit-transform .2s cubic-bezier(.19,1,.22,1);transition: transform .2s cubic-bezier(.19,1,.22,1);transition: transform .2s cubic-bezier(.19,1,.22,1),-webkit-transform .2s cubic-bezier(.19,1,.22,1);width: 5px;
}.FieldsList li span {
    padding: 10px;
    display: flex;
    margin: 2px 0;
    border-radius: 5px;
    color: inherit;
}.FieldsList li span:hover {
    background: #0054FF;
    color: #fff;
}

.Filterdropdown-content {
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #eee;
    box-shadow: 0 3px 10px rgb(0 0 0 / 16%);
    margin-top: 15px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 40px;
    padding: 20px 10px;
    min-width: 150px;
}

button.Dropdown-button {
    border: 1px solid #e0e0e0;
    display: flex;
    min-height: 38px;
    position: relative;
    background: none;
}
.Dropdown-button:hover,.Dropdown-button:hover .filter-subtit {
    border-color: #333;
    color:#333
}
button.Dropdown-button.active,.Dropdown-button.active .filter-subtit{
    border-color:#0054FF;
    color:#0054FF !important
}
.filter-subtit{
        position: absolute;
    color: #a7a7a7;
    font-size: 14px;
    left: 3px;
    top: -10px;
    background: #fff;
    transform: scale(0.75);
    font-weight: 800;
    padding: 0 5px;
}
	.FieldsList{
		z-index: 2;
		height: auto;
		background: #fff;
		position: relative;
		cursor: pointer;
		color: #333;
}
	.Filterdropdown-content.active{
		visibility: visible !important;
		opacity: 1;
		z-index: 99;
	}
	.hide-dropdown{
		position: fixed;
		left:0;
		right:0;
		top: 0;
		bottom:0;
		z-index: 1;
}
.filter-column-price {
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    font-size: 14px;
}
.filter-column-price .filterText {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 2px;
}.filter-column-price .filter-label{
    margin-left: 20px;
}

.sort-filter button{
	border: none
}
.rec-grid-tit {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
    z-index: 2;
    position: relative;
}

.rec-grid-subtit {
    font-size: 14px;
    color: #ffffff;
    z-index: 2;
    position: relative;
    opacity: .5;
}

img.rec-grid-img {
    position: absolute;
    right: 0;
    top: 0;
    object-fit: cover;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    opacity: 1;
}

.rec-grid-item {
    flex: 1;
    padding: 20px;
    background: #eeeeee;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    z-index: 5;
    height: 100px;
}

.rec-entry-grid {margin-top: 20px;margin-bottom: 25px;}
.rec-grid-item:hover .hoverOverlay {
    background: #0054FF;
    z-index: 2;
}

.hoverOverlay {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.hoverOverlay i {
    position: absolute;
    right: -10px;
    top: 50%;
    color: #fff;
    font-size: 14px;
    display: flex;
    margin-top: -10px;
    transform: translate(-50%, 0);
    transform-origin: top right;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.rec-grid-item:hover .hoverOverlay i{
     right: 20px;
    transform: translate(50%,0);
    opacity: 1;
}
.archive-header.has-bg {
    padding: 80px 70px 25px;
    background: url('../img/cat-header.jpg');
    background-color: #f5f5f5;
    background-size: 100%;
    background-repeat: no-repeat;
}
.has-bg .archive-header-title{/* color: #FFF; */}
.has-bg .archive-header-search {
    /* position: absolute; */
}

input.search-field {
    background: #fff;
}
.search-count {
    position: relative;
    z-index: 11;
    font-size: 20px;
    color: 
    #999;
}
#data-header.has-bg{
  
padding-bottom: 80px;
  
background: none;
}
#data-header.has-bg:after{
content: '';
    width: 120%;
    height: 360px;
    position: absolute;
    left: -10%;
    top: 0;
    background: #F2F3F8;
    z-index: -1;
    background-position: top;
    background-image:linear-gradient(to bottom,#FFBA1E 20%, rgb(255 255 255) 100%);
    background-size: cover;
}
/*
Note
*/
.books-l {background-image: linear-gradient(to top, #ffffff 5%, #ffffffa6 100%),url(../img/note_bg.jpg) !important;}

#loading-full {
 position:fixed;
 top:0;
 z-index:1;
 margin-top:0;
 width:100%;
 height:100%;
 background-color:#374140
}

.entry-content__comments .open_social_box {
 display:none
}
.social-login .open_social_box {
 display:block
}
#video-list2 {
 padding-bottom:60px;
 display: grid;
 grid-template-columns: 3fr 2fr;
 grid-gap: 30px;
}
#video-list2 img {
 object-fit:cover;
 border-radius: 5px;

}
.video-list-title,.topic-list-title{font-size: 14px;font-weight: 700;display: flex;flex-direction: column;justify-content: space-around;}
.video-list-title .title,#topic-list .title {
 text-align:left;
 font-size:34px;
 font-weight: 800;
}
.video-list-title .btn,.topic-list-title .btn{
  display:flex;
  margin-top: 10px;
  width: 120px;
  border-radius: 5px;
}
.owl-carousel .bd {
 position:relative;
 overflow:hidden;
 -webkit-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item {
 position:relative;
 float:left;
 min-height:1px;
 -webkit-backface-visibility:hidden;
 -webkit-tap-highlight-color:transparent;
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.small_video .post{
 display:grid;
 grid-template-columns: 1fr 1fr;
 grid-gap: 15px;
}
#video-list2 .post .post-item {
 margin: 0;
 height: 140px;
 border-radius: 5px;
 overflow: hidden;
}
.post .post-item .overlay-video {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:3;
 margin:0;
 background:0;
 text-align:center;
 font-size:0;
 opacity:1;
 -webkit-transition:.4s;
 -moz-transition:.4s;
 -o-transition:.4s;
 transition:.4s;
 -ms-transition:.4s;
}
.post .post-item:hover .overlay-video {
 background:#28272e;
 opacity:.5
}
.style10 .post-item:hover img,.post-m-video:hover img{transform: scale(1.05);}
#video-list2 .post .post-item img {
 height: 140px;
}
.small_video h1 {
 display:block;
 color:#333;
 line-height:1.5;
}.small_video header{padding: 0}
#video-list2 iframe {
 margin-bottom:44px;
 width:100%;
 height:430px;
 max-width:1240px;
 max-height:430px
}
#big_video,
#video-list iframe {
 margin-bottom:44px;
 width:100%;
 height:698px;
 max-width:1240px;
 max-height:698px;
 border:0
}

.owl-carousel .owl-controls .owl-nav [class*=owl-] {
 background:0;
 color:#000;
 font-size:22px
}
.owl-carousel .owl-controls .owl-nav [class*=owl-] {
 float:left;
 display:inline-block;
 width:40px;
 height:40px;
 min-width:0;
 border-radius:5px;
 background:#fff;
 box-shadow:6px 6px 13px 0 rgba(0,0,0,.1);
 color:#1a1a1a;
 font-size:14px;
 line-height:40px;
 cursor:pointer;
 text-align:center;
 margin: 5px;
}
.owl-carousel .owl-controls .owl-nav [class*=owl-]:hover {
 background:#0a28f4;
 color:#fff;
 text-decoration:none
}
.post .post-item .overlay-video:before {
 position:absolute;
 top:50%;
 left:50%;
 width:80px;
 height:80px;
 background:#fff;
 color:#858585;
 content:"\e653";
 font-family:iconfont!important;
 text-align:center;
 text-indent:2px;
 font-size:20px;
 line-height:80px;
 display:block;
 background-color:#fff;
 border-radius:40px;
 transform:translate(-50%,-50%);
 z-index:6
}
.small_video .overlay-video:before {
 font-size:10px!important;
 height:40px!important;
 width:40px!important;
 line-height:40px!important
}
.post-m-video{height: 100% !important;}
.post-m-video .overlay-video,
.post-m-video img {
 height: 460px !important;
}
#recom-list{padding: 0;display: grid;grid-template-columns: repeat(5,1fr);grid-gap: 30px;margin: 40px auto;}
.widget_title h4 {
 margin-bottom: 20px;
 color:#888a92;
 position: relative;
 padding-left: 50px;
}
.widget_title h4:before {
 position:absolute;
 bottom: 11px;
 left: 0;
 width: 28px;
 height:3px;
 background-color:#e5e6ea;
 content:'';
}
.video_post:not(:last-child) {
 margin-bottom:20px;
}
article embed {
 width:100%!important
}

.form-button-default {
display: inline-block;
padding: 10px 22px;
border: 2px solid #0543FF;
border-radius: 5px;
color:#0543FF;
font-size: 14px;
margin: 0 15px;
}
.form-button-default:active,
.form-button-default:focus,
.form-button-default:hover {
 background:#0543FF;
 color:#fff
}
.copyright {
 padding:15px 24px;
 line-height:25px;
 color:#666;
 /* background: #f5f5f5; */
 margin-bottom: 30px;
 border-radius:8px;
 border: 1px dashed #9797973d;
 width: 100%;
 position: relative;
}
.copyright span {
 font-weight:700;
 color:#333
}
.entry-content__likes {
 margin:0 auto;
 width:200px
}
#wpuf-avatar-upload-container img {
 width:100px;
 border-radius:50%;
 height:100px
}
#qqworld-passport-container a {
 border:none!important;
 background:0 0!important
}
.win {
 -webkit-animation:bounce 1s .2s ease both;
 -moz-animation:bounce 1s .2s ease both
}
#win {
 display:block;
 position:relative;
 margin:0 auto;
 top:50%;
 width:400px;
 min-height:400px;
 max-width:100%;
 border:1px solid #888;
 background:#fff;
 text-align:center;
 padding:20px;
 box-shadow:rgba(0,0,0,.8) 0 0 8px;
 margin-top:-200px
}
#back {
 display:none;
 z-index:9;
 POSITION:fixed;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background:rgba(0,0,0,.8)
}
.top-logo {
 height:120px;
 width:120px
}
.afd-textfield {
 position:relative;
 margin-bottom:1.4em
}
.afd-textfield__input {
 font-size:inherit;
 width:100%;
 max-width:100%;
 padding:.55em .8em;
 vertical-align:middle;
 border:1px solid #e1e1e1;
 outline:0
}
.forgot-link {
 position:absolute;
 top:0;
 right:0;
 font-size:.9em;
 padding:1em 1em .8em 0;
 color:#929292
}
.afd-textfield__input {
 min-height:2.5em
}
.empty-action-block {
 border:1px solid #e8e8e8;
 border-radius:4px;
 cursor:default;
 display:block;
 font-size:16px;
 height:320px;
 line-height:40px;
 padding-top:40px;
 width:100%;
 text-align:center
}
.beicons-pre::before {
 font-family:iconfont;
 -webkit-font-smoothing:antialiased;
 font-weight:400!important;
 position:relative;
 text-rendering:optimizeLegibility;
 text-transform:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 color:#0047BD;
 font-size:100px;
 line-height:normal;
 display:block;
 text-align:center
}
.uesr_ad {
 margin-left:-15px
}
.my-profile input {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 background-color:#fff;
 border:1px solid #ccc;
 border-radius:3px;
 color:#191919;
 font-family:inherit;
 font-size:13px;
 font-weight:600;
 line-height:1.33;
 width:160px
}
div#preview {
 text-align:center
}
div#preview img {
 width:130px;
 border:solid 1px #dedede;
 margin:10px;
 padding:4px;
 margin-bottom:20px;
 border-radius:100%;
 height:130px
}
.head_avatar {
 text-align:center;
 padding-top:20px;
 margin-bottom:15px
}
.head_avatar img {
 width:130px;
 height:130px;
 border-radius:100%;
 border:3px solid rgba(255,255,255,.53)
}
.head_avatar_a {
 text-align:center;
 font-size:25px;
 font-weight:400;
 line-height:30px;
 color:#fff
}
.head_avatar_b {
 text-align:center;
 font-size:12px;
 margin:5px;
 color:#fff
}
.head_avatar_c {
 text-align:center;
 margin:25px
}
.btn_upload_avatar {
 position:relative;
 overflow:hidden;
 margin-right:4px;
 display:inline-block;
 padding:4px 10px 4px;
 font-size:14px;
 line-height:18px;
 color:#fff;
 text-align:center;
 vertical-align:middle;
 cursor:pointer;
 background-color:#5bb75b;
 border:1px solid #ccc;
 border-color:#e6e6e6 #e6e6e6 #bfbfbf;
 border-bottom-color:#b3b3b3;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius:4px
}
.btn_upload_avatar input {
 position:absolute;
 top:0;
 right:0;
 margin:0;
 border:solid transparent;
 opacity:0;
 filter:alpha(opacity=0);
 cursor:pointer
}
input.layui-input.layui-form-danger:focus {
 border-color:#f44336!important
}
.layui-form-select dl dd.layui-this {
 background:#0047BD
}
.layui-form-radio span {
 display:none
}
.layui-form-radio i:hover,
.layui-form-radioed i {
 color:#0047BD
}
.msg_panel {
 position:absolute;
 width: 250px;
 top: 56px;
 border-radius:8px;
 left: -120px;
 -webkit-box-shadow:0 1px 5px rgba(0,0,0,.1);
 -moz-box-shadow:0 1px 5px rgba(0,0,0,.1);
 box-shadow:0 1px 5px rgba(0,0,0,.1);
 z-index:999;
 visibility:hidden;
 padding:0;
 background:#fff;
 opacity:0;
 transform-origin:0 0;
 -webkit-transform:rotateX(-90deg);
 -moz-transform:rotateX(-90deg);
 -ms-transform:rotateX(-90deg);
 -o-transform:rotateX(-90deg);
 transform:rotateX(-90deg);
 text-align: center;
}
.msg_panel .user-msg {
 display:block;
 float:left;
 width: 100%;
}.user-msg a{font-size: 12px}.user-msg .info a{float: right;}
.msg_panel li {
 margin: 5px 10px!important;
 background:0 0!important;
 padding: 10px !important;
}
.msg_panel .user-msg .tip {font-size: 12px;text-align: left;padding: 3px 10px !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: block;border-radius: 0;margin: 10px !important;}
.msg_panel .user-msg .info {
 font-size:12px;
 line-height:1.5;
 position:relative;
 text-align: left;
 color: #999;
 margin: 0;
}
.msg_panel .message-content {
 font-size:12px;
 text-align:left;
 padding: 0 !important;
 color: #333;
}
.title_notice {
 font-size: 18px;
 padding: 20px 20px 15px;
 border-bottom: 1px dashed #eee;
 font-weight:bolder;
 text-align:center;
 margin:0;
 color:#333;
}
.msg-count {
 position:absolute;
 bottom:50%;
 left:50%;
 font-size: 10px;
 color:#fff;
 background-color:#f1403c;
 border:2px solid #fff;
 border-radius:99rem;
 height:20px;
 width:20px;
 text-align:center;
 display: flex;
 justify-content: center;
 align-items: center;
}
#nav-login #nav_notice:hover>.msg_panel {
 visibility:visible;
 opacity:1;
 -webkit-transform:rotateX(0);
 -moz-transform:rotateX(0);
 -ms-transform:rotateX(0);
 -o-transform:rotateX(0);
 transform:rotateX(0);
 -webkit-transition:-webkit-transform .4s,opacity .1s;
 -moz-transition:-moz-transform .4s,opacity .1s;
 -mos-transition:-mos-transform .4s,opacity .1s;
 -o-transition:-o-transform .4s,opacity .1s;
 transition:transform .4s,opacity .1s;
}
#custom-cover:hover {
 background:rgba(26,26,26,.03);
 color:rgba(26,26,26,.6)
}
#custom-cover i {
 margin-right:5px
}
.user-post_fields {
 width:100%;
 display:block;
 float:left;
 border-bottom:1px solid #eee;
 padding-bottom:6px
}
.user-post_stat-link {
 display: flex;
 justify-content: space-between;
 align-items: center;
}.user-post_stat-link span a{
  padding: 2px 8px;
  color: #0054FF !important;
  background: #e5eeff;
  border-radius: 5px;
}
.user-post_stat-link .del-post{
  
color: #ff3366;
  
padding: 5px 8px;
  
background: #ffe5ec;
  
border-radius: 5px;
}


.member_info {
 font-size:14px;
 line-height:20px;
 font-weight:bolder
}
.member_info .icon {
 width:20px;
 height:20px
}
.category-border {
 border:2px solid #fff;
 opacity:0;
 transition:.3s ease
}
.style1:hover .category-border {
 left:15px;
 top:15px;
 right:15px;
 bottom:15px;
 opacity:1
}
.category-border {
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
 display:block;
 z-index:-1
}
.style10 {
 border-radius:5px;
 overflow:hidden;
 border: 1px solid #eee;
 background: inherit;
 margin-bottom: 20px;
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-gap: 15px;
}
.style10 img {
 height: 350px;
}
.style10 .post-title {
 min-height:auto;
 margin:0;
 padding:20px 0 10px;
 display: flex;
}
.style10 .post-head {padding: 10px 30px;overflow: hidden;height: 350px;display: flex;flex-direction: column;justify-content: space-between;}
.style10 .post-meta{
    display: flex;
    justify-items: flex-end;
    align-self: end;
}
.cbxwpbkmarktrig-label:before {
 content:"\e63e";
 font-family:iconfont!important;
 font-size: 20px;
 font-style:normal;
 width: 45px;
 height: 45px;
 text-align: center;
 line-height: 45px;
}
#author-page .page-header h3,
.cbxbookmark-category-wrap h3,
.cbxwpbookmark-mylist-wrap h3,
.widget-header h3 {
 font-weight:700;
 color:#333;
 font-size:20px;
 position:relative;
 z-index:1;
 margin: 0;
}
.place{display: block;min-height: 200px;}
.bbg {
 position:fixed;
 display:none;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:22;
 background-color:rgba(26,26,26,.65);
 transition:background-color .3s ease-out
}
.Modal-subtitle {
 padding:0 38px;
 margin-top:4px;
 font-size:14px;
 line-height:1.5;
 color:#8590a6;
 text-align:center
}
.cbxbookmark-category-list-sc li,
.cbxwpbkmarklist li {
 position:relative;
 display:block
}
.cbxbookmark-category-list-sc li a {
 display:block;
 font-size:16px;
 line-height:16px;
 position:relative;
 text-align:left;
}
.cbxbookmark-category-list-sc li .icon {
 width:100%!important;
 height:100!important;
 fill-opacity:.6
}
.cbxlbjs-item-widget[data-privacy="1"]:after,
.cbxlbjs-item-widget[data-privacy="0"]:after,
.cbxlbjs-item[data-privacy="1"]:after,
.cbxlbjs-item[data-privacy="0"]:after,.cbxlbjs-item-manage[data-privacy="1"]:before,
.cbxlbjs-item-widget-manage[data-privacy="1"]:before,.cbxlbjs-item-manage[data-privacy="0"]:before,
.cbxlbjs-item-widget-manage[data-privacy="0"]:before {
 position:absolute;
 right:0;
 top: 5px;
 vertical-align: middle;
 width: 20px;
 height: 20px;
 font-family: 'iconfont';
 font-size: 16px;
 color: #333;
}
.cbxwpbkmarklist-nocatfound a {
 padding:0!important;
 color:#0047BD!important;
 margin: 10px;
}
.chosed {
 width:18px;
 height:18px;
 background:url(../img/css_sprites.png) -10px -130px
}
.pdf_m {
 background:url(../img/css_sprites.png) -10px -10px;
 width: 100px;
 height: 100px;
 position: absolute;
 right: 0;
 bottom: 0;
}
.pdf_s {
 width:40px;
 height:40px;
 background:url(../img/css_sprites.png) -10px -130px
}
.doc_m {
 width:100px;
 height:100px;
 background:url(../img/css_sprites.png) -130px -10px
}
.doc_s {
 width:40px;
 height:40px;
 background:url(../img/css_sprites.png) -70px -130px
}
#joinvip .radio-checked:after {
 content:'\e61d';
 font-family: 'iconfont';
 position:absolute;
 top: 0;
 right: 0;
 background: #0054FF;
 color: #fff;
 font-size: 12px;
 font-weight: 300;
 padding: 4px 8px;
 border-radius: 50px;
 height: 20px;
 line-height: 20px;
 transform: scale(.6);
}
.more-btn .iconfont {
position: absolute;
right: 10px;
top: 0;
line-height: 43px;
}
.more-btn {margin-top: 2.5rem;color:#333;border-color: inherit;background-color:transparent;-webkit-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1) !important;transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1) !important;border-width: 2px;position: relative;text-align: center;width: 100%;}
.more-btn:hover,.tags a:hover {
 background: #0054FF !important;
 color:#fff!important;
 box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16) !important;
 -ms-transform: translateY(-3px);
 transform: translateY(-3px);
 -webkit-transform: translateY(-3px);
 border-color: #0054FF !important;
}
.item_center {
 justify-content:center;
 align-items:center;
 flex-direction:column;
 display:flex!important
}
.btn_s {
 font-size:14px;
 padding:5px 10px;
 height:auto;
 line-height:1;
 letter-spacing:normal;
 background:0;
 border-color:inherit;
 border:1px solid;
 border-radius:5px;
 color:#fff;
 margin:5px 0 0;
 float:left
}
.btn_s:hover {
 color:#333;
 border-color:#fff;
 background:#fff
}
#posts_hot .post-title {
 margin:0
}
#posts_hot .post-head {
 padding:0
}

.entry-content h3 {
 font-weight:bold;
 margin: 0 0 25px 0;
 padding-left:40px;
 position:relative;
}
.entry-content li {
 list-style: none;
 margin-left:5px;
}
.entry-content h4 {
font-size: 22px;
    margin: 25px 20px;
    position: relative;
    width: auto;
    display: inline-block;
    background-image: -webkit-gradient(linear, left top, right top, from(#0054ff), to(#0054ff));
    background-image: -webkit-linear-gradient(left, #0054ff 0%, #0054ff 100%);
    background-image: -o-linear-gradient(left, #0054ff 0%, #0054ff 100%);
    background-image: linear-gradient(to right, #0054ff 0%, #0054ff 100%);
    background-size: 0px 2px;
    background-position: 0px 100%;
    padding: 5px 0;
    background-repeat: no-repeat;
    background-size: 100% 2px;
}
.arrow_wrp {
 background:url('https://landarch.oss-cn-shanghai.aliyuncs.com/img/center_pldown.png') no-repeat;
 width:22px;
 height:11px;
 position:absolute;
 top:-11px;
 left:50%;
 margin-left:-11px;
 z-index:10;
}

.wp-block-gallery {
 width:100%;
 max-width: 800px;
 margin: auto;
}
.FPanel {
 width:100%;
 display:block;
 padding:5px 20px;
 text-align:center;
 float:left;
 font-size:12px;
 z-index:2;
 position:relative
}
.FPanel span {
margin: 0 10px;
font-size: 14px;
color:#333;
display: inline-block;
}
.FPanel span a{display: block;
margin-bottom: 5px;}
.user-front-contral .active a {
 background:#fff;
 padding:2px 5px;
 margin:10px;
 color:#0a28f5 !important;
 border-radius:2px;
}
#daily_sign,
#daily_signed {
 width:100%!important;
}
#fucenter .avatar {
 width:80px
}
.user-front-contral {
 padding:30px 10px;
 color:#fff;
 float:left;
 border-radius:5px;
 text-align:right;
 position:relative;
 background:url(../img/sbg.jpg)
}
#widget_sign {
 color:#fff;
 float:left;
 border-radius:5px;
 position:relative;
 background:url(../img/ssbg.jpg);
}
.wp-block-image{position: relative;}
.wp-block-image .aligncenter,.wp-block-image img{width: 100% !important;}
.wp-block-image  figcaption{
  position: absolute;
bottom: -1em;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
color:
#fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg,
rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);}

li.ajaxFilterItem.filter-selected a{
	color: #FF0000;
}

div#progbar-container{
	width: 100%;
	height: 1px;
	background-color: #EEE;
}

div#progbar{
	height: 100%;
	width: 0%;
	background-color: #BBB;
}

/*page-tool*/
.hiddenm {position: relative;top: -130px;display: block;height: 0; overflow: hidden;}  
/*cat-list_slider*/
.cat-itme{width:100%;height:0px;padding-bottom:100%;overflow:hidden;position:relative;border-radius:5px;}.cat-list_slider{margin:15px 0;}.list-inner_slider{position:absolute;display:block;width:100%;height:100%;background-color:#c1c6c9;background-size:100%;background-position:center center;overflow:hidden;transition:all .2s;top:0;left:0;}.post-info-wrapper_slider{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex-direction:column;}.post-overlay{background-color:rgba(0, 0, 0, 0.41);}.post-info-wrapper_slider .counter-inner_slider{font-size:2.4rem;line-height:3.6rem;font-weight:bold;color:#fff;}.post-info-wrapper_slider .cat-title_slider{font-size:1.4rem;line-height:2.2rem;color:#d3d7da;margin:0;}.cat-list_slider .list-inner_slider:hover{background-size:110%;}
.ad-image img{height:100%;}
@media only screen and (max-width:479px) {
 #content-single .page-builder {
  margin-top:150px !important;
 }
 #content-single .entry-content {
  padding:10px;
 }
 h6.single-title-nav {
  padding-right:0;
  margin-right:15px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
 }
 
 .pd_fr_title {
  position:relative;
  float:left;
  width:100%;
  margin-left:-20px;
 }
 .afd-article-navigation {
  display:none
 }
 .element img {
  height:200px
 }
 .slider,
 .slider .bd li {
  height:350px
 }
 #content-wrap {
  padding:20px 20px
 }
 .slider .hd {
  bottom:15px
 }
 .slider .bd li h1 {
  bottom:20px;
  left:10px;
  font-size:20px
 }

 #video-list2,.left-sidebar {
  display:none;
 }
  .f-logo,.link_quick{width: 100%;text-align: center}
 ::-webkit-scrollbar {
  width:0
 }
}
.hidden-popbox{z-index:9999;position: fixed;left: 0;right: 0;top: 0;bottom: 0;cursor: zoom-out;}
.popbox-default{
    width: 450px;
    min-height: 400px;
    background: #fff;
    top: 50%;
    margin-top: -200px !important;
    display: flex;
    justify-content: center;
    align-self: center;
    flex-direction: column;
}
.popbox{
  z-index: 10000;
  padding: 20px;
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 16px;
}.close{
  position: absolute;
  right: 20px;
  font-weight: 500;
  opacity: 1;
  font-size: 16px;
}
.social-share .cbxwpbkmarktrig-label{display:flex;flex-direction: column;background-color: #0054ff;border-radius: 50px;color: #fff;border: 1px solid #0054ff;transform: scale3d(1, 1, 1);transition: transform 0.3s ease-out 0s, background-color 0.3s ease-out 0s;}
.social-share .collect-btn a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.social-share .collect-btn:hover .cbxwpbkmarktrig-label{background: #043cbb;border-color: #043cbb;transform: scale3d(1.2, 1.2, 1);}
.social-share .cbxwpbkmarktrig-marked span{    line-height: 1.5;padding-bottom:15px}

.single .entry-content{
    display: flex;
    flex-direction: column;
}
.single .single-content-left{
    position: absolute;
    left: -75px;
    top: 54px;
    z-index: 3;
    height: 100%;
    opacity: 0;
    display: none;
    animation: fadeIn .2s .4s ease-in-out both;
}
.single .single-content-left.active{
  display:block;
  opacity:1;
}
.single .social-share {
    position: sticky;
    top: 120px;
    display: flex;
    flex-direction: column;
    width: 50px;
    overflow: visible;
}
.single .share-box .share-item {
    display: flex;
    position: relative;
    margin: 0;
    margin-bottom: 15px;
    cursor: pointer;
    justify-content: center;
}
.single .share-box .share-item:hover i {
    transform: scale3d(1.2, 1.2, 1);
    border-color: transparent;
    background-image: linear-gradient(
180deg
,hsla(0,0%,100%,.9),hsla(0,0%,100%,.9));
}
.single .share-box .share-item i {
    font-size: 18px;
    border-radius: 100%;
    color: #777;
    width: 40px;
    height: 40px;
    background: #ffffff;
    font-weight: 100;
    border: 1px solid #eee;
    transition: transform 0.3s ease;
}
.share-box .weixin:hover i {
    color: #029502;
    background: #029502;
}
#share-weixin:hover .weixin-box {
    display: block !important;
}
.weixin-box {
    position: absolute;
    right: -170px;
    top: -50px;
    width: 150px;
    height: 150px;
}
.single .weixin-box img{padding: 15px;background:#fff;margin: 0;border-radius: 8px !important;}
.single .weixin-box:before{
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    content: '';
    position: absolute;
    border-right: 8px solid #ffffff;
    border-left: 0;
    bottom: auto;
    -webkit-filter: drop-shadow(0 0 1px rgba(25,25,25,.3));
    filter: drop-shadow(0 0 1px rgba(25,25,25,.3));
    left: -6px;
    top: 69px;
}
.share-box .qzone:hover i {
    color: #eaa500;
    background: #eaa500;
}
.share-box .qq:hover i {
    color: #0187fd;
     background: #0187fd;
}
.share-box .weibo:hover i {
    color: #e30202;
    background: #e30202;
}
.single .single-header .post-meta-content{display:flex;color: #777;flex: 1;justify-content: center;align-items: center;margin-right: 8px;}
.single .single-header time{
    line-height: 1;
    font-size: 14px;
    }
.single #main-wrapper{background-color: #fff;}
.single .post-act{
    text-align: center;
    padding: 40px;
    }
    .single .post-act h1{font-size: 24px;font-weight: bold;line-height: 1.2;margin: 0 auto 10px;}
    .single .cover-box .post-meta{
    justify-content: flex-start;
    padding-bottom: 0;
}
    .single .single-header .post-info,.post-act .post-info{
    display: flex;
    margin: 0;
    justify-content: center;
    }
    .single .cover-box .post-info{
    width: 100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    }
    .single .cover-box .post-info li:first-child{
      margin:0
    }
    .single .post-info li{margin-left: 20px;color: inherit;display: flex;align-items: flex-end;}
    .single .post-info li a{line-height:1}
    .single .post-info li i{font-size:16px;margin-right:5px}
    .single .source-box{margin: 40px auto;width: 100%;display: flex;flex-direction: column;}
    .single .source-box .source-box-info{display: grid;grid-template-columns: 1fr 1fr;}
    .source-box .down-link div{margin-bottom:5px;display: flex;}
    .single .author-post-recome li{list-style:none;margin:0;}
    .single .author-post-recome li article{padding: 0;margin: 0;border-radius: 5px;overflow: hidden;}

    .single .author-post{background: #ffffff;padding: 50px 20px;color: #202020;border: 1px solid #eee;}
    .single article{
display: block;
background-color: #fff;
padding: 40px 0 0;
border-radius: 3px;
margin: 0 auto;
margin-right: 0px;
border-radius: 20px;
position: relative;
width: 100%;
font-size: 16px;
}
    .single .comment-wrap{padding: 80px 40px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.16);
    background-color: #fff;}
    .single .comment-right li{list-style:none;margin-bottom: 15px;border: 1px solid #e8e8e8;overflow: hidden;border-radius: 14px;max-width: 400px;}
    .bb{
    position: absolute;
    width: 50px;
    height: 80px;
    background-color: #0d2af5;
    top: -50px;
    right: 0;
    }
    .bb:after {
    content: '';   
   
    position: absolute;
    bottom:0;
    width:0;
  height:0;
  border-left:25px solid transparent;
  border-right:25px solid transparent;
  border-bottom:20px solid white;
}
.index-data_recom {
    width: calc(100% + 140px);
    background: #FAFAFA;
    margin-bottom: 30px;
    margin-left: -70px;
    position: relative;
    z-index: 2;
    grid-area: 3/span 5;
}
/*Single-videos*/
.single-videos.single article{padding-top:0}
.single-videos iframe{height: 500px;overflow:hidden;}
.video_box{position:relative;margin-bottom: 40px;height: 500px;overflow: hidden;}
.video_box .dmcover{position:absolute;height: 40px;background: #171717;left: 0;right: 0;bottom: 0;}
/*single-widget*/
.single .mini-post {
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-gap:20px;
 height:100px;
 padding: 0;
 margin-bottom:15px
}
.single .mini-post .post-title {
 font-weight:200;
 font-size:14px;
 padding:0;
 max-height: 50px;
 overflow: hidden;
 flex: 1;
}
.single .mini-post img{height:100px !Important}
.single .mini-post .post-head {
 padding:0 20px 0 0!important;
 display: flex;
 flex-direction: column;
 justify-content:space-between;
 height: 100%;
}
.single .mini-post .post-title a {
 display:flex;
 flex:1;
 color: inherit;
 font-weight:700;
 font-size:15px;
 line-height:1.5;
 padding:20px 0;
}
.single .mini-post .post-head .post-meta {
 padding:0;
 color:#bdbdbd;
 font-size: 12px;
 display: flex;
 justify-content: space-between;
 align-content: center;
}
.single .mini-post .post-head a {
 padding:0!important;
 max-height:42px;
 overflow:hidden;
 font-size:inherit;
 display: flex;
 justify-content: space-between;
}