  .btn, .cat-nav li.current-menu-item a:after, .pagination ul > .active > a,.pagination ul > .active > span, .pagination-trigger a, .erphpdown-box .down, .widget-erphpdown .down, .comt-submit, .btn-primary, .mocat .more a, .mocat h2:after, .filter a.active, .mocat h2 i,.mocat h2:after,.pagemenu li.current_page_item a, .comt-submit, .banner-archive, .banner-page,.home-blogs h2 span:after,.home-authors h2 span:after,.vip-content h2 span:after,.vip-why h2 span:after,.pagination ul > .active > a,.pagination ul > .active > span,.charge .charge-header h1 span,.widget-erphpdown .price i, .erphpdown .erphpdown-buy, .erphpdown .erphp-login-must, .erphpdown-box .erphpdown-down,.erphpdown-box .erphpdown-buy, .article-content .erphpdown-content-vip .erphpdown-buy, .article-content .erphpdown-content-vip .erphpdown-see-btn, .article-content .erphpdown-content-vip .erphp-login-must, .home-blogs .more a, .more-all a, .tagslist li .name:hover, .tagslist li:hover .name, .vip-why .items .item span,.widget_search input[type='submit'], .tougao-item .tougao-btn,.layui-layer-btn .layui-layer-btn0, .widget-bottom-search button, .mocats .moli ul li:first-child > i,.mocats .moli ul li:nth-child(2) > i,.mocats .moli ul li:nth-child(3) > i, .mocat .cfilter li a.active:after, .mocat .child li a.active:after, .mocats .moli .moli-header, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .erphpdown-tuan-process .line span, .nav-main> li.current-menu-item > a:after, .nav-main> li.current-menu-parent > a:after, .nav-main> li.current_page_item > a:after, .nav-main> li.current-post-ancestor > a:after, .nav-main> li.current-menu-ancestor > a:after, .nav-main> li.current-category-ancestor > a:after, .grids .audio .down, .article-paging .post-page-numbers.current,.home-widgets .hf-widget .hf-tags a:hover,.home-widgets .hf-widget .hf-tags a.active,.home-widgets .hf-widget-hot-cats .modown-scroll-h li a:hover .icon, .article-content #anspress .ap-list-head .ap-btn-ask, .usercheck{background-color:#ff5b2d !important;}
   .widget-erphpdown .erphpdown-title{background:#ff5b2d1a;}
   a:hover, body.night a:hover, body.home .header:not(.scrolled) .nav-main > li > a:hover, body.home .header:not(.scrolled) .nav-right > li > a:hover, .nav-main > li > a:hover, .nav-right a:hover, .nav-main .sub-menu a:hover, .nav-right .sub-menu a:hover, .banner a:hover, .cat-nav li.current-menu-item a, .grids .grid h3 a:hover,body.night .grids .grid h3 a:hover, body.night .lists .grid h3 a:hover, body.night .lists .list h3 a:hover, body.night .home-blogs ul li h3 a:hover, .widget-tags .items a:hover, .sign-trans a, .form-policy a, .widget-erphpdown .custom-metas .meta a, .charge .charge-header h1, .charge .charge-header .item .color,.widget-erphpdown .price span, .erphpdown-box .erphpdown-price span, .erphpdown .erphpdown-price, .article-content .erphpdown-content-vip .erphpdown-price, .comments-title small,.archives h3,.readers a:hover,.usermenu li.active i, .rollbar a.fullscreen.active, .mocat .cfilter li a.active, .mocat .child li a.active, .article-content .gallery-login a, .erphpdown .erphpdown-title, .sidebar .widget h3 .icon, .single-related .related-title .icon, .comments-title .icon, .article-content .erphpdown-content-vip > legend, .erphpdown > legend, .erphpdown-box > legend, .article-content .erphpdown-content-vip2, .nav-right .nav-cart span, .tougao-title .icon,.home-widgets .hf-widget .hf-widget-title>i,.home-widgets .hf-widget .hf-widget-title .pages .prev:hover,.home-widgets .hf-widget .hf-widget-title .pages .next:hover,.home-widgets .hf-widget-4 .hf-widget-content a:hover,.home-widgets .hf-widget-4 .hf-widget-content em,.home-widgets .hf-widget-1 .hf-widget-content a:hover,.home-widgets .hf-widget-hot-cats .hf-widget-content .icon, .article-content #anspress .ap-filter-toggle, .widget-erphpdown .vip-text .pri b, .widget-erphpdown .erphpdown-title{color:#ff5b2d;}
   .article-act .article-zan.active, .article-act .article-shang, .filter-item-order .filter a.active, .filter-item.filter-item-order .filter a:hover, .authors .author-item .posts a:hover{color:#ff5b2d !important;}
   .erphpdown-box, .erphpdown, .article-content .erphpdown-content-vip, .comt-submit, .btn-primary,.grids .grid .cat:after,.lists .list .cat:after,.mocat .lists .grid .cat:after,.layui-layer-btn .layui-layer-btn0, .article-content h3{border-color:#ff5b2d !important;}.logo{width:70px;}@media (max-width: 1024px){.logo, .logo a {width: 60px;height: 60px;}}.footer-widget{width:calc(25% - 20px);}@media (max-width: 768px){.footer-widget{width:calc(50% - 20px);}}@media (max-width: 768px){
      .sitetips{bottom:100px;}
      .rollbar{display: none;}
    }.user-main{min-height: 700px;}body.page-template-homepage4 .header.scrolled, body.page-template-homepage4, body.page-template-homepage{background: #fff}
body.page-template-homepage4.night .header.scrolled, body.page-template-homepage4.night, body.page-template-homepage33.night{background: #121212}
body.page-template-homepage33 .content{margin-right:320px}
.banner-slider + .main{padding-top: 0}
body.page-template-homepage4 .main{padding-top:20px}
@media (max-width:1230px){
.page.page-template-homepage2 .main .container{padding:0}
}
@media (max-width:768px){
body.page-template-homepage33 .content{margin-right:0}
}





.gallery .row {
  display: flex;
  justify-content: center;
  max-width: 900px;
}
.gallery .row img {
  width: 31%;
  min-height: 250px;
  margin: 5px;
  cursor: pointer;
  transition: all ease-in-out 250ms;
  filter: brightness(60%);
  object-fit: cover;
}
.gallery .row img:hover {
  filter: brightness(100%);
}

.lightboxContainer {
  background-color: #00000099;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  display: none;
}
.lightboxContainer .lightbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.lightboxContainer .lightbox img {
  width: 100%;
  max-width: 800px;
}
.lightboxContainer .lightbox .close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  font-size: 40px;
  color: white;
}
.lightboxContainer .lightbox .prev,
.lightboxContainer .lightbox .next {
  user-select: none;
  cursor: pointer;
  font-size: 50px;
  color: white;
  margin: 40px;
  font-weight: 800;
}

@media only screen and (max-width: 600px) {
  .gallery {
    width: initial;
    height: initial;
  }
  .gallery .row {
    flex-direction: column;
    align-items: center;
  }
  .gallery .row img {
    width: 400px;
    height: 400px;
  }

  .lightboxContainer .lightbox .prev,
  .lightboxContainer .lightbox .next {
    margin: 15px;
  }
}
@media only screen and (max-width: 500px) {
  .gallery .row img {
    width: 300px;
    height: 300px;
  }
}
@media only screen and (max-width: 400px) {
  .gallery .row img {
    width: 250px;
    height: 250px;
  }
}