html {
   line-height: 1.15;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}
body, .body-typography {
   -webkit-font-smoothing: antialiased !important;
   -moz-osx-font-smoothing: grayscale !important;
   font-family: "Poppins", sans-serif;
   font-size: 14px;
   font-weight: normal;
   line-height: 1.8;
   letter-spacing: 0;
   text-transform: none;
   text-decoration: none;
   font-style: normal;
   color: #111111;
}
body {
   margin: 0;
   padding: 0;
   -webkit-tap-highlight-color: transparent;
   background-color: #111111;
}
.font-size-10 {
	font-size: 10px;
}

.font-size-12 {
	font-size: 12px;
}

.font-size-18 {
	font-size: 18px;
}

.dark-background {
	color: #C4C4C4;
}
.dark-background a {
   color: #FFFFFF;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	outline: none;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	font-style: normal;
	color: #dc143c;
	word-break: break-word;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
.h7 a {
	text-decoration: none;
}

h1 a:focus,
h1 a:hover,
h2 a:focus,
h2 a:hover,
h3 a:focus,
h3 a:hover,
h4 a:focus,
h4 a:hover,
h5 a:focus,
h5 a:hover,
h6 a:focus,
h6 a:hover,
.h1 a:focus,
.h1 a:hover,
.h2 a:focus,
.h2 a:hover,
.h3 a:focus,
.h3 a:hover,
.h4 a:focus,
.h4 a:hover,
.h5 a:focus,
.h5 a:hover,
.h6 a:focus,
.h6 a:hover,
.h7 a:focus,
.h7 a:hover {
	text-decoration: none;
}
.font-12{font-size: 12px;}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a:link { text-decoration: none; } 
a { text-decoration: none; }
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
ul, ol {
   line-height: 2.2;
   margin: 0;
}

a {
   color: #FFFFFF;
   text-decoration: underline;
   transition: color 0.3s, background-color 0.3s, border-color 0.3s;
   -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
input:not([type]), input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
   display: block;
   width: 100%;
   padding: 11px 20px 10px 20px;
   outline: none;
   margin-bottom: 10px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-appearance: none;
   transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out, width 0.3s ease-in-out;
   -webkit-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out, width 0.3s ease-in-out;
   box-shadow: none;
   -webkit-box-shadow: none;
   color: #999999;
   background-color: #FFFFFF;
   border: 2px solid #E5E5E5;
   font-family: "Poppins", sans-serif;
   font-size: 14px;
   font-weight: normal;
   line-height: 1.8;
   letter-spacing: 0;
   text-transform: none;
   text-decoration: none;
   font-style: normal;
}
.dark-background input:not([type]), .dark-background input[type="text"], .dark-background input[type="email"], .dark-background input[type="url"], .dark-background input[type="password"], .dark-background input[type="search"], .dark-background input[type="number"], .dark-background input[type="tel"], .dark-background input[type="range"], .dark-background input[type="date"], .dark-background input[type="month"], .dark-background input[type="week"], .dark-background input[type="time"], .dark-background input[type="datetime"], .dark-background input[type="datetime-local"], .dark-background input[type="color"], .dark-background textarea, .dark-background select {
   color: #999999;
   background-color: transparent;
   border-color: rgba(255, 255, 255, 0.1);
}
img {
   max-width: 100%;
   height: auto;
   background: transparent;
   color: transparent;
}
button, input[type="button"], input[type="submit"], input[type="reset"], .basic-button, .next-content a, .prev-content a, .pmpro_btn, .pmpro_btn:link, .pmpro_content_message a, .pmpro_content_message a:link, .pmpro_checkout .pmpro_btn, #nav-below.navigation a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wp-block-button__link {
   border: none;
   background-image: none;
   text-shadow: none;
   vertical-align: top;
   display: inline-block;
   text-decoration: none;
   outline: none;
   margin: 0;
   cursor: pointer;
   text-align: center;
   min-width: 130px;
   border-radius: 0;
   -webkit-border-radius: 0;
   transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s;
   -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s;
   box-shadow: none;
   -webkit-box-shadow: none;
   -webkit-tap-highlight-color: transparent;
   font-family: "Poppins", sans-serif;
   font-size: 12px;
   font-weight: 700;
   line-height: 1.35;
   letter-spacing: 0;
   text-transform: none;
   text-decoration: none;
   font-style: normal;
   text-transform: uppercase;
}
ul,li{list-style-type:none;padding: 0;}
/* 公共样式结束 */










.navigation-font {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	font-style: normal;
}

#site-wrap-parent {
   overflow: hidden;
}
#site-wrap-parent {
   background-color: #ffdead;
}
article, aside, footer, header, nav, section {
   display: block;
}
.top-nav {
   background-color: #000000;
}

.site__container {
   display: block;
   margin-left: auto;
   margin-right: auto;
   padding-right: 15px;
   padding-left: 15px;
}
.site__row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px;
}
.site__row.auto-width:before, .site__row.auto-width:after {
   content: '';
   display: table;
   clear: both;
}
@media (min-width: 1560px) {
   body.header-vid-side.main-layout-boxed #primary-content-wrap .site__container, body.header-vid-side.main-layout-boxed #primary-content-wrap .site__container-fluid, body.header-vid-side.main-layout-boxed #site-footer .site__container, body.header-vid-side.main-layout-boxed #site-footer .site__container-fluid {
       padding-left: 15px;
       padding-right: 15px;
   }

   body.header-vid-side .site__container, body.header-vid-side .site__container-fluid {
       padding-left: 30px;
       padding-right: 30px;
   }
}

@media (min-width: 1200px){
   .site__container {
      padding-right: 15px;
      padding-left: 15px;
      width: 1170px;
      max-width: 100%;
  }
  .site__row {
      margin-right: -15px;
      margin-left: -15px;
   }
   .site__col {
      padding-right: 15px;
      padding-left: 15px;
  }
  
}




.header-tech .top-nav .container-control {
   position: relative;
   z-index: 10;
}
.site__row.auto-width {
   display: block;
}
.site__col.float-left {
   float: left;
}
.site__col.float-right {
   float: right;
}
.site__row.auto-width > * {
   width: auto;
}
.top-nav .top-videos .top-video-content .top-video-wrap {
   white-space: nowrap;
   font-size: 0;
}

.top-nav .top-social .top-social-content {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -moz-flex;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: center;
   -moz-box-pack: center;
   -webkit-box-align: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   align-content: center;
}
.social-block {
   list-style: none;
   margin: 0;
   padding: 0;
}
.social-block.s-grid {
   margin: -5px;
   padding: 0;
}
.social-block.s-grid.nav-style {
   margin: 0;
}
.social-block > li {
   list-style: none;
   padding: 0;
   margin: 0;
}
.social-block.s-grid > li {
   padding: 5px;
   margin: 0;
   float: left;
}
.social-block.s-grid.nav-style > li {
   padding: 0;
}
.dark-background a {
   color: #FFFFFF;
}
.social-block > li > a > span.icon {
   display: block;
   width: 40px;
   height: 40px;
   text-align: center;
   background-color: #606060;
   line-height: 40px;
   font-size: 14px;
   font-weight: normal;
   color: white;
   transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s;
   -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s;
   position: relative;
}
.watch-later-elm:hover .top-watch-later-listing {
   opacity: 1;
   visibility: visible;
   transform: scale(1, 1);
   -webkit-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0s;
   -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0s;
}
.social-block.s-grid.nav-style > li:last-child > a > span.icon {
   border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.social-block.s-grid.nav-style > li > a:hover > span.icon, .social-block.s-grid.nav-style > li > a.active-item > span.icon {
   color: white;
   background-color: rgba(255, 255, 255, 0.1);
   border-color: rgba(255, 255, 255, 0.1);
}
.social-block.s-grid.nav-style > li > a > span.icon {
   width: 40px;
   height: 40px;
   line-height: 40px;
   color: rgba(255, 255, 255, 0.66);
   background-color: transparent;
   border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.top-watch-later-listing {
   list-style: none;
   padding: 20px 20px 20px 20px;
   position: absolute;
   top: 100%;
   right: 0;
   background-color: #000000;
   width: 360px;
   min-height: 180px;
   border-top: 1px solid rgba(255, 255, 255, 0.2);
   opacity: 0;
   visibility: hidden;
   transform: scale(1, 0);
   -webkit-transform: scale(1, 0);
   -ms-transform: scale(1, 0);
   transform-origin: top;
   -webkit-transform-origin: top;
   -ms-transform-origin: top;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
}
 
.top-watch-later-listing .top-watch-later-items.no-video ~ .watch-no-video {
   display: block;
}
.top-watch-later-listing .view-all-hyperlink {
   text-align: center;
   margin-top: 20px;
}
.top-watch-later-listing .top-watch-later-items.no-video ~ .view-all-hyperlink {
   display: none;
}
.top-search-elm ul, .top-search-elm li {
   list-style: none;
   margin: 0;
   padding: 0;
}

.top-watch-later-listing .watch-no-video {
   text-align: center;
   padding: 20px 0 10px 0;
   display: none;
}
.top-watch-later-listing .top-watch-later-items.no-video ~ .watch-no-video {
   display: block;
}
.top-watch-later-listing .watch-no-video .fa-file-video-o {
   font-size: 50px;
   margin-bottom: 20px;
}

.hasVideos {
   width: 5px;
   height: 5px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   display: block;
   position: absolute;
   top: 5px;
   right: 5px;
   animation: notice 1.8s infinite ease-in-out;
   -webkit-animation: notice 1.8s infinite ease-in-out;
}
@keyframes notice {
	from {
		transform: scale3d(1, 1, 1);
		background-color: rgba(255, 255, 255, 0.3);
	}

	50% {
		transform: scale3d(1.15, 1.15, 1.15);
		background-color: white;
	}

	to {
		transform: scale3d(1, 1, 1);
		background-color: rgba(255, 255, 255, 0.3);
	}

}

@-webkit-keyframes notice {
	from {
		transform: scale3d(1, 1, 1);
		background-color: rgba(255, 255, 255, 0.3);
	}

	50% {
		transform: scale3d(1.15, 1.15, 1.15);
		background-color: white;
	}

	to {
		transform: scale3d(1, 1, 1);
		background-color: rgba(255, 255, 255, 0.3);
	}

}
.Search{
    background-color: #181818;
    background: linear-gradient(to left bottom, #181818 50%, #161616 50%);
    background: -webkit-linear-gradient(to left bottom, #181818 50%, #161616 50%);
    background: -moz-linear-gradient(to left bottom, #181818 50%, #161616 50%);
    color: aliceblue;
    border: none;
    background-image: none;
    text-shadow: none;
    vertical-align: top;
    display: inline-block;
    text-decoration: none;
    outline: none;
    margin: 0;
    cursor: pointer;
    text-align: center;
    min-width: 130px;
    border-radius: 0;
    -webkit-border-radius: 0;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s;
    -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-tap-highlight-color: transparent;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
    font-style: normal;
    text-transform: uppercase;
}
.top-search-elm > ul .top-search-box-dropdown input[type="submit"] {
   min-width: 0;
   position: absolute;
   top: 50%;
   right: 3px;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
}

.top-search-elm > ul {
   position: absolute;
   top: 100%;
   right: 0;
   border: 2px solid transparent;
   background-color: #000000;
   opacity: 0;
   visibility: hidden;
   transform: scale(1, 0);
   -webkit-transform: scale(1, 0);
   -ms-transform: scale(1, 0);
   transform-origin: top;
   -webkit-transform-origin: top;
   -ms-transform-origin: top;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
}
.top-search-elm a.top-search-dropdown.active-item ~ ul {
   opacity: 1;
   visibility: visible;
   transform: scale(1, 1);
   -webkit-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, transform 0.2s ease-in-out;
   -webkit-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, transform 0.2s ease-in-out;
}
.top-nav .top-search-elm > ul {
   border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.top-search-elm ul, .top-search-elm li {
   list-style: none;
   margin: 0;
   padding: 0;
}
.top-search-elm > ul .top-search-box-dropdown {
   width: 320px;
   position: relative;
}
.top-search-elm > ul .top-search-box-dropdown .search-terms-textfield {
   margin: 0;
   border: 0;
   display: block;
   padding-right: 100px;
   max-width: none;
   width: 100%;
}
.top-search-elm > ul .top-search-box-dropdown input[type="submit"] {
   min-width: 0;
   position: absolute;
   top: 50%;
   right: 3px;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   padding: 12px 20px 12px 20px;
   background-color: #181818;
   background: linear-gradient(to left bottom, #181818 50%, #161616 50%);
}
.main-nav {
   background-color: #181818;
}
.header-default .main-nav, .header-tech .main-nav {
   box-shadow: 0 0 25px rgb(0 0 0 / 35%);
   -webkit-box-shadow: 0 0 25px rgb(0 0 0 / 35%);
   position: relative;
   z-index: 8;
}
.main-nav .container-control {
   position: relative;
   z-index: 8;
}
.header-tech .top-search-box, .header-movie .top-search-box {
   display: none;
}
.header-tech .top-search-box, .header-tech ~ .main-nav.sticky-menu .top-search-box, .header-movie .top-search-box, .header-movie ~ .main-nav.sticky-menu .top-search-box {
   position: relative;
   z-index: 1;
}

.nav-logo-img {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -moz-flex;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: center;
   -moz-box-pack: center;
   -webkit-box-align: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   align-content: center;
   min-height: 50px;
}


.nav-logo-img img {
   display: block;
   max-height: 30px;
   max-width: 30vw;
}

.nav-logo-img .sticky-logo {
   display: none;
}
.header-tech .top-search-box, .header-movie .top-search-box {
   display: none;
}
.top-search-box .top-search-box-wrapper {
   width: 160px;
   min-height: 50px;
   position: relative;
}
.top-search-box .top-search-box-wrapper .search-terms-textfield {
   margin: 0;
   border: 0;
   background-color: #b80000;
   color: #FFFFFF;
   display: block;
   position: absolute;
   top: 0;
   left: auto;
   right: 0;
   bottom: 0;
   padding-right: 55px;
   max-width: none;
   width: 100%;
   height: 100%;
}
.top-search-box .top-search-box-wrapper .search-terms-textfield {
   background-color: #161616;
}
.top-search-box .top-search-box-wrapper .fa-search {
   position: absolute;
   color: #FFFFFF;
   top: 50%;
   right: 20px;
   pointer-events: none;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
}
.top-search-box .top-search-box-wrapper input[type="submit"] {
   background: transparent;
   border: none;
   font-size: 0;
   min-width: 0;
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   width: 55px;
}
.nav-menu ul, .nav-menu li {
   list-style: none;
   padding: 0;
   margin: 0;
}
.nav-menu > ul {
   margin-left: -20px;
   margin-right: -20px;
}
.nav-menu > ul:before, .nav-menu > ul:after {
   content: '';
   display: table;
   clear: both;
}
.nav-menu ul, .nav-menu li {
   list-style: none;
   padding: 0;
   margin: 0;
}
.nav-menu > ul > div.menu > ul > li, .nav-menu > ul > li {
   float: left;
   position: relative;
}
.nav-menu > ul > div.menu > ul > li > a, .nav-menu > ul > li > a {
   color: #FFFFFF;
}

.nav-menu > ul > div.menu > ul > li a, .nav-menu > ul > li a {
   text-decoration: none;
}
.nav-menu > ul > div.menu > ul > li > a, .nav-menu > ul > li > a {
   display: block;
   min-height: 50px;
   line-height: 50px;
   padding-left: 20px;
   padding-right: 20px;
}
img.wp-smiley, img.emoji {
   display: inline !important;
   border: none !important;
   box-shadow: none !important;
   height: 1em !important;
   width: 1em !important;
   margin: 0 .07em !important;
   vertical-align: -0.1em !important;
   background: none !important;
   padding: 0 !important;
}

.block-title .extra-bold {
   font-size: 26px;
   color: white;
}
section{color: ivory;}
.sidebar-direction {
   padding-top: 20px;
   padding-bottom: 20px;
}
.section{
   display: flex;
   margin-left: -15px;
   margin-right: -15px;
}
.element-left{
    width: 60%;
}
.element-right{
    width: 40%;
}
.filter-container{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.priority-nav{
    background-color: #AEAEAE;
    vertical-align: middle;
    text-align: right;
    position: relative;
}
.priority-nav__dropdown {
   position: absolute;
   visibility: hidden;
}
.nav__dropdown{display: none;}

.is-open .nav__dropdown{
   display: block;
}


 .nav__dropdown {
   top: 100%;
   min-width: 180px;
   left: auto;
   margin-left: 0;
   right: 0;
   background-color: rgba(0, 0, 0, 0.9);
   z-index: 2;
   margin-top: 15px;
   border: none;
   visibility: hidden;
   opacity: 0;
   transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
   -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
   white-space: normal;
   padding: 0;
   border: 1px solid rgba(255, 255, 255, 0.2);
}
.is-open .nav__dropdown {
   opacity: 1;
   visibility: visible;
   transition: opacity 0.2s 0.1s ease-in-out, visibility 0.2s 0.1s ease-in-out;
   -webkit-transition: opacity 0.2s 0.1s ease-in-out, visibility 0.2s 0.1s ease-in-out;
}

.dropdown-toggle{
    background-color: #AEAEAE;
    min-width: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    position: relative;
    background-color: #777777;
    visibility: visible;
}
.nav__dropdown .filter-item {
   display: block;
   width: 100%;
   padding: 7px 15px 6px 15px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   color: #FFFFFF;
   margin: 0;
   text-align: left;
   cursor: pointer;
   user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   -moz-user-select: none;
   white-space: nowrap;
}


.responsive-button{width: 0;height: 0;border: solid transparent;border-width: 6px 4px;border-top-color: #000000;position: absolute;top: 7px;left: 6px;}
.responsive-line{display: block;width: 2px;height: 0;position: absolute;background-color: #000000;top: 100%;left: 9px;transition: height 0.2s 0.1s;-webkit-transition: height 0.2s 0.1s;}
.filter-items-control{
    line-height: 1;
    text-align: right;
    white-space: nowrap;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;
}
.filter-item{
    color: #AEAEAE;
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    color: #777777;
    padding: 5px 0 2px 0;
    border-bottom: 1px solid transparent;
    font-size: 12px;
}
.filter-item.active-item{
   color: #FFFFFF;
   border-bottom-color: #FFFFFF;
   position: relative;
}
.filter-item.active-item::after{
   content: '';
   display: block;
   width: 8px;
   height: 8px;
   border: solid rgb(0 0 0 / 0%);
   border-width: 6px 4px;
   position: absolute;
   top: 100%;
   margin-top: 5px;
   left: 50%;
   margin-left: -4px;
   box-sizing: border-box;
   border-top-color: #FFFFFF;
}

.p-r-10{
   padding-right: 10px;
}
.filter-wrapper{
}
.col-50{width: 50%;}

.md-6-col{}
.md-6-col .format-video{
   width: 20%;
   margin-bottom: 20px;
   padding-right: 15px;
   padding-left: 15px;
}

.md-3-col .format-video{
    width: 33.33333333%;
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px;
}
.md-2-col .format-video{
   width: 50%;
   margin-bottom: 20px;
   padding-right: 15px;
   padding-left: 15px;
}
.md-1-col .format-video{
   width: 100%;
   margin-bottom: 20px;
   padding-right: 15px;
   padding-left: 15px;
   border-bottom: 1px solid #EAEAEA;
   padding-bottom: 40px;
   border-bottom-color: rgba(255, 255, 255, 0.08);
}
.md-1-col .blog-pic{
    float: left;
    width: 360px;
    margin-right: 30px;
}
.md-1-col .entry-title{
    font-size: 20px;
}


.video-list{   
   display: -webkit-box;   
   display: -webkit-flex;  
   display: -ms-flexbox; 
   display: flex;  
   -webkit-flex-wrap: wrap; 
   -ms-flex-wrap: wrap; 
   flex-wrap: wrap; 
   margin-right: -15px;  
   margin-left: -15px;
}
.filter-tab{
	display:none;
}
.filter-tab.active-item{
	display: flex;
}
.blog-pic{
    position: relative;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
    font-style: normal;
}
.blog-img {
    display: block;
    position: relative;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.blog-img  img{
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    object-fit: cover;
    width: 100%;
}
.categories-wrap{
    margin: 0;
    position: absolute;
    top: 3px;
    left: 3px;
    margin-top: -2px;
    margin-bottom: 5px;
    padding: 0;
    text-transform: uppercase;
}
.categories-wrap .category-item{
    color: #101920;
    background-color: #ffe715;
    border-radius: 5px;
    font-weight: bold;
    margin: 2px;
    padding: 1px 5px 0 5px;
}
.duration-text{
    padding: 0 10px;
    display: block;
    background-color: rgba(0, 0, 0, 0.8);
    display: block;
    position: absolute;
    left: 3px;
    bottom: 3px;
    color: #FFFFFF;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transition: opacity 0.3s, visibility 0.3s;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
}
.watch-later-icon {
   min-width: 26px;
   padding: 0 7px 1px 7px;
   display: block;
   background-color: #111111;
   text-align: center;
   position: absolute;
   right: 3px;
   bottom: 3px;
   cursor: pointer;
   color: #FFFFFF;
   max-width: 26px;
   overflow: hidden;
   white-space: nowrap;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out, opacity 0.3s, visibility 0.3s;
   -webkit-transition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out, opacity 0.3s, visibility 0.3s;
}
 
.watch-later-icon:hover {
   color: #FFFFFF;
   background-color: #181818;
   max-width: 150px;
}
.watch-later-icon i.fa {
   line-height: 1;
   display: inline-block;
   vertical-align: middle;
   margin-right: 8px;
   font-size: 14px;
}
.top-watch-later-listing .video-listing-item {
   margin-bottom: 15px;
   position: relative;
   padding-bottom: 15px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   padding-right: 25px;
   display: none;
   width: 100%;
}
.top-watch-later-listing .video-listing-item:nth-child(1), .top-watch-later-listing .video-listing-item:nth-child(2), .top-watch-later-listing .video-listing-item:nth-child(3), .top-watch-later-listing .video-listing-item:nth-child(4), .top-watch-later-listing .video-listing-item:nth-child(5) {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -moz-flex;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: center;
   -moz-box-pack: center;
   -webkit-box-align: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   align-content: center;
}
.top-watch-later-listing .video-img {
   width: 60px;
   margin-right: 20px;
}
.blog-picture {
   display: block;
   width: 100%;
   height: auto;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
}
.top-watch-later-listing .video-content {
   width: 100%;
}
.top-watch-later-listing .video-img:not(:empty) + .video-content {
   width: calc(100% - 82px);
   width: -webkit-calc(100% - 82px);
   width: -moz-calc(100% - 82px);
   width: -ms-calc(100% - 82px);
}
.top-watch-later-listing .video-content .post-title:last-child {
   margin-bottom: -4px;
}
.top-watch-later-listing .remove-item-watch-later {
   position: absolute;
   width: 20px;
   height: 20px;
   line-height: 20px;
   text-align: center;
   right: -5px;
   top: 50%;
   margin-top: -20px;
}
.top-watch-later-listing .remove-item-watch-later i.fa {
   line-height: 1;
}
.basic-button{
   padding: 12px 20px 12px 20px;
   position: relative;
   z-index: 0;
   -webkit-box-shadow: none;
   -webkit-tap-highlight-color: transparent;
   font-family: "Poppins", sans-serif;
   font-size: 12px;
   font-weight: 700;
   color: #000000;
   background-color: #181818;
    background: linear-gradient(to left bottom, #181818 50%, #161616 50%);
}
.basic-button:hover,.basic-button:focus{
   color: #000000;
   background-color: #e6e6e6;
   background: linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%);
   background: -webkit-linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%);
   background: -moz-linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%);
}

.ul-placeholder-bg {
   position: static;
   background-color: rgb(36 36 36);
   opacity: 1;
   visibility: visible;
   z-index: 10;
   display: block;
}
.ul-placeholder-bg.class-16x9 {
   padding-top: 56.25%;
}
img.ul-lazysizes-loaded {
   /* transition: visibility 0.6s, opacity 0.6s, filter 0.3s; */
   /* -webkit-transition: visibility 0.6s, opacity 0.6s, filter 0.3s; */
}
.ul-lazysizes-loaded ~ .ul-placeholder-bg.class-16x9 {
   /* opacity: 0 !important; */
   /* visibility: hidden !important; */
   /* transition:  opacity 0.6s, filter 0.3s; */
   /* -webkit-transition: visibility 0.6s, opacity 0.6s, filter 0.3s; */
}


@-webkit-keyframes ball-triangle-path-ball-one { 0% { transform: translate(0, 220%); -webkit-transform: translate(0, 220%); -ms-transform: translate(0, 220%); }
  33% { transform: translate(110%, 0); -webkit-transform: translate(110%, 0); -ms-transform: translate(110%, 0); }
  66% { transform: translate(220%, 220%); -webkit-transform: translate(220%, 220%); -ms-transform: translate(220%, 220%); }
  100% { opacity: 1; } }
@keyframes ball-triangle-path-ball-one { 0% { transform: translate(0, 220%); -webkit-transform: translate(0, 220%); -ms-transform: translate(0, 220%); }
  33% { transform: translate(110%, 0); -webkit-transform: translate(110%, 0); -ms-transform: translate(110%, 0); }
  66% { transform: translate(220%, 220%); -webkit-transform: translate(220%, 220%); -ms-transform: translate(220%, 220%); }
  100% { opacity: 1; transform: translate(0, 220%); -webkit-transform: translate(0, 220%); -ms-transform: translate(0, 220%); } }
@-webkit-keyframes ball-triangle-path-ball-two { 0% { transform: translate(110%, 0); -webkit-transform: translate(110%, 0); -ms-transform: translate(110%, 0); }
  33% { transform: translate(220%, 220%); -webkit-transform: translate(220%, 220%); -ms-transform: translate(220%, 220%); }
  66% { transform: translate(0, 220%); -webkit-transform: translate(0, 220%); -ms-transform: translate(0, 220%); }
  100% { transform: translate(110%, 0); -webkit-transform: translate(110%, 0); -ms-transform: translate(110%, 0); } }
@keyframes ball-triangle-path-ball-two { 0% { transform: translate(110%, 0); -webkit-transform: translate(110%, 0); -ms-transform: translate(110%, 0); }
  33% { transform: translate(220%, 220%); -webkit-transform: translate(220%, 220%); -ms-transform: translate(220%, 220%); }
  66% { transform: translate(0, 220%); -webkit-transform: translate(0, 220%); -ms-transform: translate(0, 220%); }
  100% { transform: translate(110%, 0); -webkit-transform: translate(110%, 0); -ms-transform: translate(110%, 0); } }
@-webkit-keyframes ball-triangle-path-ball-tree { 0% { transform: translate(220%, 220%); -webkit-transform: translate(220%, 220%); -ms-transform: translate(220%, 220%); }
  33% { transform: translate(0, 220%); -webkit-transform: translate(0, 220%); -ms-transform: translate(0, 220%); }
  66% { transform: translate(110%, 0); -webkit-transform: translate(110%, 0); -ms-transform: translate(110%, 0); }
  100% { transform: translate(220%, 220%); -webkit-transform: translate(220%, 220%); -ms-transform: translate(220%, 220%); } }
@keyframes ball-triangle-path-ball-tree { 0% { transform: translate(220%, 220%); -webkit-transform: translate(220%, 220%); -ms-transform: translate(220%, 220%); }
  33% { transform: translate(0, 220%); -webkit-transform: translate(0, 220%); -ms-transform: translate(0, 220%); }
  66% { transform: translate(110%, 0); -webkit-transform: translate(110%, 0); -ms-transform: translate(110%, 0); }
  100% { transform: translate(220%, 220%); -webkit-transform: translate(220%, 220%); -ms-transform: translate(220%, 220%); } }


.blog-img:after {
   /* content: ''; */
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 50%);
   background: -webkit-linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 50%);
   background: -moz-linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 50%);
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transition: opacity 0.3s, visibility 0.3s;
   -webkit-transition: opacity 0.3s, visibility 0.3s;
}

.filter-list {position: relative;}
.filter-list .ajax-loading {
   background-color: rgba(17, 17, 17, 0.8);
   opacity: 0;
   visibility: hidden;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
}
 
.filter-list.container-loading .ajax-loading {
   transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
   -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
   opacity: 1;
   visibility: visible;
}
.filter-list .ajax-loading .la-ball-triangle-path {
   position: relative;
   display: block;
   font-size: 0;
   color: #ffffff;
   margin-top: 40px;
   margin-left: auto;
   margin-right: auto;
   width: 40px;
   height: 40px;
}
.dark-background .filter-list .ajax-loading .la-ball-triangle-path {
   color: #FFFFFF;
}
.filter-list .ajax-loading .la-ball-triangle-path > div {
   display: block;
   float: none;
   background-color: currentColor;
   border: 0 solid currentColor;
   position: absolute;
   top: 0;
   left: 0;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
}
.filter-list.container-loading .ajax-loading .la-ball-triangle-path > div:nth-child(1) {
   animation: ball-triangle-path-ball-one 1.5s 0s ease-in-out infinite;
   -webkit-animation: ball-triangle-path-ball-one 1.5s 0s ease-in-out infinite;
}
.filter-list.container-loading .ajax-loading .la-ball-triangle-path > div:nth-child(2) {
   animation: ball-triangle-path-ball-two 1.5s 0s ease-in-out infinite;
   -webkit-animation: ball-triangle-path-ball-two 1.5s 0s ease-in-out infinite;
}
.filter-list.container-loading .ajax-loading .la-ball-triangle-path > div:nth-child(3) {
   animation: ball-triangle-path-ball-tree 1.5s 0s ease-in-out infinite;
   -webkit-animation: ball-triangle-path-ball-tree 1.5s 0s ease-in-out infinite;
}






.categories-elm{
    margin: 0 -2px;
}
.tags-item{
    background-color: #f82e6f;
    border-radius: 5px;
    color: #FFFFFF;
    margin: 2px;
    padding: 0px 5px 0 5px;
    display: inline-block;
    font-size: 10px;
    line-height: 22px;
}
.entry-title{
   margin-top: -5px;
   margin-bottom: 10px;
   font-size: 14px;
}
.entry-title a{
    color: #FFFFFF;
}
.date-time{
    color: #9e9e9e;
}

.listing-content> * i.fa {
   padding-right: 5px;
}
.entry-date{
    color: #AEAEAE;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
    font-style: normal;
}
.entry-meta{
    margin-top: -12px;
}
.entry-meta .post-meta-wrap > * {
   display: inline-block;
   margin-right: 15px;
   color: #AEAEAE;
   font-family: "Poppins", sans-serif;
   font-size: 12px;
   font-weight: normal;
   letter-spacing: 0;
   text-transform: none;
   text-decoration: none;
   font-style: normal;
}
.bl-page-prev-next{
   text-align: center;
}
.bl-page-prev-next > * {
   margin-left: 1px;
   margin-right: 1px;
   display: inline-block;
   width: 30px;
   height: 30px;
   text-align: center;
   font-size: 18px;
   background-color: rgba(0, 0, 0, 0.1);
   color: #999999;
   line-height: 30px;
   bottom: auto;
   cursor: pointer;
   transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
   -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.bl-page-prev-next > *.disabled-query {
   opacity: 0.5;
   pointer-events: none;
}
.bl-page-prev-next > * {
   background-color: rgba(255,153,0,0.9);
   color: #000000;
}
.footer-wrapper{
   padding-top: 60px;
   background-color: #000000;
}
.footer-copyright{
   background-color: #111111;
   padding-top: 15px;
    padding-bottom: 15px;
    color: #C4C4C4;
}
.site-footer .menu{}
.site-footer .widget-title{
   padding: 0;
   margin-bottom: 8px;
   margin-top: 2px;
   position: relative;
   text-transform: uppercase;
   padding-bottom: 12px;
   color: #ff9800;
   font-size: 20px;
   font-weight: bold;
}

.site-footer .ul.menu > li {
   position: relative;
   padding-top: 8px;
   border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
   margin-bottom: 6px;
   padding-bottom: 13px;
}
.site-footer ul.menu > li {
   border-bottom-color: rgba(255, 255, 255, 0.1);
}
.site-footer ul.menu > li a{color: #FFFFFF;}

/* 分类页样式 */
.main-content {
   width: calc(100% - 390px);
   width: -webkit-calc(100% - 390px);
   width: -moz-calc(100% - 390px);
   width: -ms-calc(100% - 390px);
}
.archive-heading{display: flex;margin-bottom: 40px;}
.archive-heading .archive-content{
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: -ms-calc(100% - 100px);
    position: relative;
}
.archive-text{
    color: #AEAEAE;
}
.archive-text .archive-title{
    color: #FFFFFF;
    font-weight: 700;
    margin-top: -7px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 23px;
}

.archive-found-post{}
.archive-found-post i{}
.archive-found-post span{}

.sort-block-control{
    float: left;
    max-width: 100%;
    text-transform: uppercase;
}
.sort-block-control .sort-block-list{
    position: relative;
    border: 1px solid #EAEAEA;
    padding: 0 15px;
    min-height: 30px;
    line-height: 28px;
    cursor: pointer;
    z-index: 2;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: rgba(255, 255, 255, 0.1);
}

.sort-block.active-item .sort-block-list {
    border-color: #999999;
}

.sort-block-control .default-item{}

.sort-block-control .sort-items{
    position: absolute;
    top: 100%;
    margin-top: 5px;
    z-index: 1;
    left: -1px;
    white-space: nowrap;
    min-width: calc(100% + 2px);
    min-width: -webkit-calc(100% + 2px);
    min-width: -ms-calc(100% + 2px);
    min-width: -moz-calc(100% + 2px);
    padding: 5px 0;
    opacity: 0;
    visibility: hidden;
    background-color: #FFFFFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #EAEAEA;
}

.dark-background .category-sort .sort-block.active-item .sort-block-list {
    border-color: #999999;
}

.category-sort .sort-block.active-item .sort-items {
    opacity: 1;
    visibility: visible;
}

.category-sort .sort-block-list .sort-items {
    background-color: #252525;
    border-color: rgba(255, 255, 255, 0.1);
}

.sort-block-control .sort-items .sort-item{
	padding: 0 15px;
}
.sort-block-control .sort-items .sort-item a{}

.archive-heading .archive-switch-mode{
    float: right;
}
 
.switch-icon {
	width: 36px;
	height: 36px;
	color: #EAEAEA;
	float: left;
	cursor: pointer;
	position: relative;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	background-color: rgba(255, 255, 255, 0.1);
}

.switch-icon + .switch-icon {
	margin-left: 5px;
}

.switch-icon > span {
	display: block;
	position: absolute;
}

.switch-icon.grid-icon > span {
	width: 7px;
	height: 7px;
	border: 2px solid #999999;
	background-color: transparent;
	transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}

.switch-icon.grid-icon > span:nth-child(1),
.switch-icon.grid-icon > span:nth-child(2) {
	top: 10px;
}

.switch-icon.grid-icon > span:nth-child(3),
.switch-icon.grid-icon > span:nth-child(4) {
	top: 19px;
}

.switch-icon.grid-icon > span:nth-child(1),
.switch-icon.grid-icon > span:nth-child(3) {
	left: 10px;
}

.switch-icon.grid-icon > span:nth-child(2),
.switch-icon.grid-icon > span:nth-child(4) {
	left: 19px;
}

.switch-icon.grid-icon.active-item {
	background-color: #111111;
}

.switch-icon.grid-icon.active-item > span {
	border-color: #FFFFFF;
}

.switch-icon.list-icon > span {
	height: 2px;
	left: 10px;
	background-color: #999999;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
}

.switch-icon.list-icon > span:nth-child(1),
.switch-icon.list-icon > span:nth-child(3) {
	width: 10px;
}

.switch-icon.list-icon > span:nth-child(2) {
	width: 16px;
}

.switch-icon.list-icon > span:nth-child(1) {
	top: 10px;
}

.switch-icon.list-icon > span:nth-child(2) {
	top: 17px;
}

.switch-icon.list-icon > span:nth-child(3) {
	top: 24px;
}

.switch-icon.list-icon.active-item {
	background-color: #111111;
}

.switch-icon.list-icon.active-item > span {
	background-color: #FFFFFF;
}

.switch-icon:hover {
	background-color: #111111;
}

.switch-icon:hover.grid-icon > span {
	border-color: #FFFFFF;
}

.switch-icon:hover.list-icon > span {
	background-color: #FFFFFF;
}

.dark-background .switch-icon {
	background-color: rgba(255, 255, 255, 0.1);
}

.dark-background .switch-icon.grid-icon > span {
	border-color: #999999;
}

.dark-background .switch-icon.grid-icon.active-item {
	background-color: #FFFFFF;
}

.dark-background .switch-icon.grid-icon.active-item > span {
	border-color: #000000;
}

.dark-background .switch-icon.list-icon > span {
	background-color: #999999;
}

.dark-background .switch-icon.list-icon.active-item {
	background-color: #FFFFFF;
}

.dark-background .switch-icon.list-icon.active-item > span {
	background-color: #000000;
}

.dark-background .switch-icon:hover {
	background-color: #FFFFFF;
}

.dark-background .switch-icon:hover.grid-icon > span {
	border-color: #000000;
}

.dark-background .switch-icon:hover.list-icon > span {
	background-color: #000000;
}




.main-sidebar {
   width: 390px;
}
.widget_search{
    margin-bottom: 40px;
    border-color: rgba(255, 255, 255, 0.1);
}
.widget_search .search-form{
    position: relative;
}
.widget_search .search-form .search-field{
    padding-left: 25px;
    padding-right: 55px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #999999;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.1);
}
.widget_search .search-form .search-submit{
   background: transparent;
   color: transparent;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   width: 50px;
   min-width: 0;
}
.widget_search .search-form:after {
   content: "\f002";
   font-family: 'FontAwesome';
   color: #ababab;
   display: block;
   font-size: 14px;
   width: 14px;
   height: 14px;
   position: absolute;
   top: 50%;
   margin-top: -7px;
   right: 20px;
   line-height: 1;
   pointer-events: none;
}
.widget{}
.widget .widget-item-wrap{
    padding: 25px;
    border: 2px solid #E5E5E5;
    border-color: rgba(255, 255, 255, 0.1);
}
.widget .widget-item-wrap .widget-title{
    padding: 0;
    margin-bottom: 30px;
    margin-top: -4px;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 12px;
    color: #FFFFFF;
    font-weight: 700;
}
.widget .widget-item-wrap .widget-title:after {
   content: '';
   display: block;
   width: 100%;
   height: 1px;
   background-color: #EAEAEA;
   position: absolute;
   bottom: 0;
   left: 0;
   background-color: rgba(255, 255, 255, 0.1);
}
.widget .widget-item-wrap .widget-title > span:not(.widget-arrow):after {
   content: '';
   display: block;
   width: 40px;
   height: 3px;
   background-color: #CC0000;
   position: absolute;
   bottom: -1px;
   left: 0;
   z-index: 1;
}

.widget .widget-item-wrap .widget-title > span:not(.widget-arrow):after {
   background-color: #181818;
}



.widget ul{
    margin-bottom: -12px;
}
.widget ul .cat-item{
    list-style: none;
    margin-bottom: 0;
    padding: 7px 0 0 0;
    position: relative;
    line-height: 20px;
    color: #ff9800;
}
.widget ul .cat-item a{
    position: relative;
    padding-left: 15px;
    padding-right: 0;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 6px;
    border-bottom: 1px solid transparent;
    text-decoration: none;
}
.widget ul .cat-item a:before {
   content: '';
   position: absolute;
   width: 5px;
   height: 5px;
   left: 1px;
   right: auto;
   top: 50%;
   background-color: #999999;
   margin-top: -4px;
   transform: translateY(-50%) rotate(-45deg);
   -webkit-transform: translateY(-50%) rotate(-45deg);
   -ms-transform: translateY(-50%) rotate(-45deg);
}


/* 分页样式 */

.mac-pagenavi{}
.mac-pagenavi > * {
   padding: 10px 15px;
   min-width: 40px;
   min-height: 40px;
   display: inline-block;
   border: 1px solid rgba(0, 0, 0, 0.2);
   margin: 3px;
   vertical-align: top;
   text-align: center;
   border-color: rgba(255, 255, 255, 0.1);
}

.mac-pagenavi .pages{
    color: #FFFFFF;
}
.mac-pagenavi .current{
    color: #FFFFFF;
}
.mac-pagenavi .page{}
.mac-pagenavi .extend{
    color: #FFFFFF;
    border: 1px solid rgb(0 0 0 / 0%);
}
.mac-pagenavi .nextpostslink{}
.mac-pagenavi .last{}









/* 播放页 */
.player-in-playlist{
   width: calc(100% - 360px);
   width: -webkit-calc(100% - 360px);
   width: -moz-calc(100% - 360px);
   width: -ms-calc(100% - 360px);
}
.video-player-wrap{
   position: relative;
}
.video-player-wrap .video-player-ratio {
   padding-top: 56.25%;
}

.video-player-content{
   margin: 0 !important;
   padding: 0 !important;
   display: block !important;
   position: absolute !important;
   width: 100% !important;
   height: 100% !important;
   left: 0 !important;
   top: 0 !important;
   min-width: 0 !important;
   max-width: none !important;
}

.video-toolbar{
   color: #C4C4C4;
   height: 55px;
   line-height: 55px;
   padding: 0 30px;
   cursor: pointer;
   position: relative;
   background-color: rgb(121 120 120 / 10%);
   padding-right: 0;
}
.video-toolbar .tb-left {
   float: left;
}
.video-toolbar .tb-right {
   float: right;
}
.video-toolbar .toolbar-item{
    width: auto;
    padding: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.1);
    padding-left: 20px;
    padding-right: 20px;
}

.single-post-video-full-width-wrapper {
   background-color: #0000005c;
   padding-bottom: 30px;
}

.primary-content-wrap{margin-top: 20px;}
.main-content{}
.entry-header{
    position: relative;
    margin: 0 0 40px 0;
    padding-bottom: 40px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
.entry-header .categories-elm{
    display: block;
    position: relative;
    width: 100%;
    height: 35px;
}
.entry-header h1.entry-title{font-size: 30px;color: #FFFFFF;font-weight: 700;}
.entry-header .post-meta-wrap > * {
   display: inline-block;
   margin-right: 15px;
   color: #AEAEAE;
   font-family: "Poppins", sans-serif;
   font-size: 12px;
   font-weight: normal;
   letter-spacing: 0;
   text-transform: none;
   text-decoration: none;
   font-style: normal;
}
.entry-header  .post-meta-wrap > * i.fa {
   padding-right: 5px;
}
.entry-content{

color: #C4C4C4;
}

 .post-footer {
   padding-bottom: 0;
}
.post-footer > * {
   padding-bottom: 40px;
   border-bottom: 2px solid rgba(0, 0, 0, 0.1);
   margin-bottom: 40px;
}
.post-footer > *:first-child {
   margin-top: 60px;
}
 .post-footer > * {
   border-bottom-color: rgba(255, 255, 255, 0.1);
}
.post-footer > *:last-child {
   padding-bottom: 0;
   border-bottom: none;
   margin-bottom: 0;
}
.tags-socialsharing .tags-items {
   margin: -5px;
}
.tags-socialsharing .tag-title {
   margin: 5px;
   color: #C4C4C4;
}
.tags-socialsharing .tag-title .h5 {
   text-transform: uppercase;
   color: #FFFFFF;
   font-weight: 700;
   font-size: 16px;
}
.tags-socialsharing .tag-item {
   display: inline-block;
   color: #1F1F1F;
   background-color: #E5E5E5;
   margin: 5px;
   text-decoration: none;
   padding: 4px 15px;
   text-transform: capitalize;
}
.tags-socialsharing .tag-item {
   color: #C4C4C4;
   background-color: rgba(255, 255, 255, 0.1);
}

.like-dislike-toolbar-footer .ld-t-footer-wrapper {
   width: auto;
   float: left;
}
.like-dislike-toolbar-footer .ld-t-item-content {
   position: relative;
   float: left;
   margin-right: 5px;
   background-color: #E5E5E5;
   min-height: 50px;
   line-height: 50px;
   padding: 0 20px;
   min-width: 75px;
   cursor: pointer;
   text-align: center;
   border-radius: 25px;
   -webkit-border-radius: 25px;
}
 .like-dislike-toolbar-footer .ld-t-item-content {
   color: #C4C4C4;
   background-color: rgba(255, 255, 255, 0.1);
}
.like-dislike-toolbar-footer:after {
   content: '';
   display: table;
   clear: both;
}
.single-related-posts{
    padding: 40px 0 0 0;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    margin-top: 40px;
    border-top-color: rgba(255, 255, 255, 0.1);
}
.single-related-posts .related-header {
   margin-top: -5px;
   margin-bottom: 25px;
   text-transform: uppercase;
   color: #FFFFFF;
   font-weight: 700;
   font-size: 16px;
}
.playlist-videos .video-listing {
   position: absolute;
   top: 0;
   left: 5px;
   right: 0;
   bottom: 0;
   max-height: 100%;
   overflow-x: hidden;
   overflow-y: scroll;
   padding-right: 8px;
}
 
.playlist-videos .video-listing::-webkit-scrollbar{width:6px;height:9px;border-radius:50%;background-color:transparent}
.playlist-videos .video-listing::-webkit-scrollbar-track{width:6px;background-color:#171819;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
.playlist-videos .video-listing::-webkit-scrollbar-thumb{background-color:#606d71;background-clip:padding-box;min-height:28px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
.playlist-videos .video-listing::-webkit-scrollbar-thumb:hover{background-color:#fcd16a}


 
.playlist-videos {
   width: 360px;
   position: relative;
}

.playlist-videos .video-listing .video-listing-item {
   margin-bottom: 20px;
}

.playlist-videos .video-listing .video-listing-item.current-item {
   position: relative;
}
.playlist-videos .video-listing .video-listing-item.current-item .video-img {
   float: none;
   width: 100%;
   padding: 0;
}
 .playlist-videos .video-listing .video-listing-item.current-item .video-img .ul-placeholder-bg {
   padding-top: 37.5%;
}
.blog-picture {
   display: block;
   width: 100%;
   height: auto;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
}
.playlist-videos .video-listing .video-img {
   width: 100px;
   padding-right: 20px;
   float: left;
}
 
.playlist-videos .video-listing .video-listing-item.current-item .video-content {
   float: none;
   width: auto;
   position: absolute;
   bottom: 15px;
   left: 15px;
   right: 15px;
   padding-left: 45px;
}

.video-icon {
   width: 66px;
   height: 66px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   background-color: rgba(0, 0, 0, 0.5);
   position: absolute;
   z-index: 1;
   display: block;
   top: 50%;
   left: 50%;
   margin-top: -33px;
   margin-left: -33px;
   cursor: pointer;
   transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, border-color 0.3s;
   -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, border-color 0.3s;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
}
.video-icon.small-icon {
   width: 30px;
   height: 30px;
   margin-top: -15px;
   margin-left: -15px;
}
.video-icon.alway-active {
   background-color: #181818;
}
.playlist-videos .video-listing .video-listing-item.current-item .video-content .video-icon {
   left: 0;
   margin-left: 0;
}
.video-icon:after {
   content: '';
   display: block;
   position: absolute;
   width: 0;
   height: 0;
   border: solid transparent;
   border-width: 15px 25px;
   border-left-color: rgba(255, 255, 255, 0.5);
   top: 50%;
   left: 50%;
   margin-top: -15px;
   margin-left: -8px;
   transition: border-color 0.3s;
   -webkit-transition: border-color 0.3s;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
}
.video-icon.small-icon:after {
   border-width: 7px 12px;
   margin-top: -7px;
   margin-left: -4px;
}
.video-icon.alway-active:after {
   border-left-color: white;
}
.playlist-videos .video-listing .video-listing-item:after {
   content: '';
   display: table;
   clear: both;
}
.playlist-videos .video-listing .video-listing-item.current-item .video-content .post-title {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-top: -4px;
    margin-bottom: 11px;
    color: #FFFFFF;
}
.absolute-gradient {
   position: absolute;
   top: 20%;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0.66;
   pointer-events: none;
   z-index: 0;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}
.playlist-videos .video-listing .video-listing-item.current-item .absolute-gradient {
   top: 0;
}
.playlist-videos .video-listing .video-listing-header {
   margin-top: -4px;
   margin-bottom: 25px;
}
.playlist-videos .video-listing .video-listing-header .header-title {
   float: left;
   max-width: 60%;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   text-transform: uppercase;
   color: #FFFFFF;
   font-weight: 700;
   font-size: 16px;
}
.playlist-videos .video-listing .video-listing-header .header-total-videos {
   float: right;
}
.font-size-12 {
   font-size: 12px;
}
.playlist-videos .video-listing .video-listing-header a {
   text-decoration: none;
}
.top-search-box-mobile .top-search-elm .top-search-dropdown {
   color: #FFFFFF;
   min-height: 50px;
   min-width: 50px;
   line-height: 50px;
   display: block;
   text-align: center;
   font-size: 20px;
}



.nav-mobile-menu, .top-search-box-mobile, .top-login-box-mobile {
   min-height: 50px;
   display: none;
}
.button-menu-mobile {
   display: block;
   float: none;
   width: 30px;
   height: 30px;
   border: 1px solid rgba(255, 255, 255, 0.4);
   cursor: pointer;
   overflow: hidden;
   position: relative;
   user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   -moz-user-select: none;
   transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out, opacity 0.3s ease-in-out;
   -webkit-transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.button-menu-mobile > * {
   display: block;
   position: absolute;
   width: 16px;
   height: 1px;
   border: none;
   background: none;
   left: 6px;
   top: 50%;
   transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out;
   -webkit-transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.button-menu-mobile > *:nth-child(1) {
   margin-top: -5px;
}
.button-menu-mobile > *:nth-child(3) {
   margin-top: 5px;
}
.button-menu-mobile > *:nth-child(4), .button-menu-mobile > *:nth-child(5) {
   opacity: 0;
   transition: none;
   -webkit-transition: none;
}
.button-menu-mobile > *:nth-child(4), .button-menu-mobile > *:nth-child(5) {
   opacity: 0;
   transition: none;
   -webkit-transition: none;
}
.button-menu-mobile > *:before {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: white;
   transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s ease;
   -webkit-transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s ease;
}
.button-menu-mobile > *:nth-child(1):after, .button-menu-mobile > *:nth-child(2):after, .button-menu-mobile > *:nth-child(3):after {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: -200px;
   background-color: white;
   transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s ease;
   -webkit-transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s ease;
}

#vp-mobile-menu {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   height: 100%;
   background-color: #000000;
   z-index: 20;
   overflow: hidden;
   overflow-y: scroll;
   margin-left: -30px;
   margin-right: -30px;
   padding-left: 30px;
   padding-right: 30px;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: -ms-autohiding-scrollbar;
   overflow-scrolling: touch;
   opacity: 0;
   visibility: hidden;
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   pointer-events: none;
   transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
   -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
}
.button-menu-mobile {
   display: block;
   float: none;
   width: 30px;
   height: 30px;
   border: 1px solid rgba(255, 255, 255, 0.4);
   cursor: pointer;
   overflow: hidden;
   position: relative;
   user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   -moz-user-select: none;
   transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out, opacity 0.3s ease-in-out;
   -webkit-transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
body.active-mobile-menu .button-menu-mobile {
   border-radius: 50%;
   -webkit-border-radius: 50%;
}
#vp-mobile-menu .button-menu-mobile {
   margin-top: 30px;
   margin-left: auto;
   margin-right: auto;
}
.button-menu-mobile > * {
   display: block;
   position: absolute;
   width: 16px;
   height: 1px;
   border: none;
   background: none;
   left: 6px;
   top: 50%;
   transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out;
   -webkit-transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.button-menu-mobile > *:nth-child(1) {
   margin-top: -5px;
}
body.active-mobile-menu .button-menu-mobile > *:nth-child(1), body.active-mobile-menu .button-menu-mobile > *:nth-child(2), body.active-mobile-menu .button-menu-mobile > *:nth-child(3) {
   opacity: 0;
   transition: none;
   -webkit-transition: none;
}
 
.button-menu-mobile > *:nth-child(1):after, .button-menu-mobile > *:nth-child(2):after, .button-menu-mobile > *:nth-child(3):after {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: -200px;
   background-color: white;
   transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s ease;
   -webkit-transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s ease;
}
.button-menu-mobile > *:nth-child(2):before, .button-menu-mobile > *:nth-child(2):after {
   transition-delay: 0.2s;
   -webkit-transition-delay: 0.2s;
}
.button-menu-mobile > *:nth-child(3):before, .button-menu-mobile > *:nth-child(3):after {
   transition-delay: 0.4s;
   -webkit-transition-delay: 0.4s;
}
#vp-mobile-menu .mobile-menu-social {
   text-align: center;
   margin-top: 40px;
   margin-bottom: 5px;
}
.social-block.s-grid {
   margin: -5px;
   padding: 0;
}
#vp-mobile-menu .mobile-menu-social .social-block {
   display: inline-block;
}
.social-block.s-grid:before, .social-block.s-grid:after {
   content: '';
   display: table;
   clear: both;
}
.navigation-font {
   font-family: "Poppins", sans-serif;
   font-size: 14px;
   font-weight: 500;
   letter-spacing: 0;
   text-transform: none;
   text-decoration: none;
   font-style: normal;
}
#vp-mobile-menu .vp-mobile-menu-items {
   padding: 15px 30px;
}
#vp-mobile-menu .vp-mobile-menu-items ul, #vp-mobile-menu .vp-mobile-menu-items li {
   list-style: none;
   margin: 0;
   padding: 0;
   line-height: 1.8;
}
#vp-mobile-menu .vp-mobile-menu-items .membership-mobile-menu, #vp-mobile-menu .vp-mobile-menu-items .membership-submit-video-mobile-menu {
   border-top: 2px dashed rgba(255, 255, 255, 0.15);
   margin-top: 32px;
   padding-top: 28px;
}
#vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li, #vp-mobile-menu .vp-mobile-menu-items > ul > li {
   position: relative;
}
#vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li, #vp-mobile-menu .vp-mobile-menu-items > ul > li {
   padding-top: 7px;
   padding-bottom: 7px;
   padding-right: 30px;
}
#vp-mobile-menu .vp-mobile-menu-items a {
   display: block;
   text-decoration: none;
   color: #FFFFFF;
}
#vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li > a, #vp-mobile-menu .vp-mobile-menu-items > ul > li > a {
   font-size: 18px;
}
body.active-mobile-menu #vp-mobile-menu {
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
   transform: scale(1);
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   z-index: 1000;
}
body.active-mobile-menu .button-menu-mobile > *:nth-child(4) {
   opacity: 1;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transition-delay: 0.1s;
   -webkit-transition-delay: 0.1s;
}

body.active-mobile-menu .button-menu-mobile > *:nth-child(5) {
   opacity: 1;
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transition-delay: 0.1s;
   -webkit-transition-delay: 0.1s;
}
.social-block.s-grid.mobile-style > li > a > span.icon {
   background-color: rgba(255, 255, 255, 0.15);
   color: #FFFFFF;
   font-size: 16px;
}

.social-share-toolbar {
   text-align: center;
   font-size: 0;
   line-height: 0;
   max-height: 0;
   opacity: 0;
   visibility: hidden;
   overflow: hidden;
   transition: opacity 0.3s 0.2s, visibility 0.3s 0.2s, max-height 0.5s;
   -webkit-transition: opacity 0.3s 0.2s, visibility 0.3s 0.2s, max-height 0.5s;
}
.social-share-toolbar.active-item {
   max-height: 300px;
   overflow: visible;
   opacity: 1;
   visibility: visible;
   transition: opacity 0.3s 0.25s, visibility 0.3s 0.25s, max-height 0.5s;
   -webkit-transition: opacity 0.3s 0.25s, visibility 0.3s 0.25s, max-height 0.5s;
}
.social-share-toolbar .social-share-toolbar-content {
   padding-top: 30px;
   padding-bottom: 1px;
}
.social-share-toolbar:not(:last-child) .social-share-toolbar-content {
   padding-bottom: 30px;
   border-bottom: 2px dotted rgba(0, 0, 0, 0.1);
}
.single-post-video-full-width-wrapper .social-share-toolbar:not(:last-child) .social-share-toolbar-content {
   border-bottom-color: rgba(255, 255, 255, 0.1);
}
.social-share-toolbar:not(:last-child) .social-share-toolbar-content {
   border-bottom-color: rgba(255, 255, 255, 0.1);
}
.social-block.s-grid {
   margin: -5px;
   padding: 0;
}
.social-share-toolbar .social-share-toolbar-content .social-block.s-grid > li {
   display: inline-block;
   float: none;
   padding: 0;
   margin: 5px;
}

.social-share-toolbar .share-iframe-embed {
   margin: 20px auto 0 auto;
   width: 80%;
   color: #999999;
   background-color: transparent;
   border-color: rgba(255, 255, 255, 0.1);
}

.social-block > li > a > span.icon {
   display: block;
   width: 40px;
   height: 40px;
   text-align: center;
   background-color: #606060;
   line-height: 40px;
   font-size: 14px;
   font-weight: normal;
   color: white;
   transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s;
   -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s;
   position: relative;
}
.social-block > li.facebook-link > a:not(:hover) > span.icon {
   background-color: #3a5795;
}
.social-block > li.twitter-link > a:not(:hover) > span.icon {
   background-color: #55acee;
}
.social-block > li.whatsapp-link > a:not(:hover) > span.icon {
   background-color: #25D366;
}
.social-block.s-grid.big-icon > li > a > span.icon {
   width: 50px;
   height: 50px;
   line-height: 50px;
   font-size: 18px;
}

.ul-placeholder-bg.class-1x1 {
   padding-top: 100%;
}
.digg_go.disabled,.digg_go:hover{
    color: #1ABC9C;
}


.player-in-playlist.full{
   width: 100%;
}

.mac_link{
    overflow: hidden;
}
.link-item{
    float: left;
    margin-right: 10px;
}
.link-item a{}

 
 




.main-nav.top-toolbar{



}


.sticky-menu .main-nav{
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   opacity: 0;
   visibility: hidden;
   z-index: 9;
   transform: translateY(-110%);
   -webkit-transform: translateY(-110%);
   -ms-transform: translateY(-110%);
   box-shadow: 0 0 25px rgb(0 0 0 / 35%);
   -webkit-box-shadow: 0 0 25px rgb(0 0 0 / 35%);
}

.main-nav.bottom-toolbar {
   transform: translateY(0);
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   opacity: 1;
   visibility: visible;
   transition: transform 0.2s, opacity 0.2s, visibility 0.2s;
   -webkit-transition: transform 0.2s, opacity 0.2s, visibility 0.2s;
}

.sticky-menu .top-search-box{
    display: block;
}
.top-search-box .top-search-box-wrapper .search-terms-textfield:focus, .top-search-box .top-search-box-wrapper .search-terms-textfield:hover {
   color: #FFFFFF;
   width: 200%;
}
.sticky-menu .main-nav .nav-menu > ul > li > a {
   min-height: 50px;
   line-height: 50px;
}
.sticky-menu .top-search-box .top-search-box-wrapper {
   width: 160px;
   min-height: 50px!important;
   position: relative;
}

.ui-box{
    margin-bottom: 30px;
}
.ui-box .down-title{
    display: flex;
    justify-content: space-between; /* 水平居中 */
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(255, 255, 255, 0.1);
    margin-bottom: 10px;
}
.ui-box .down-title h2{
    text-transform: uppercase;
    color: #ff9800;
    font-weight: 700;
    font-size: 16px;
}
.ui-box .down-title span{
    color: #6c6c6c;
}
.ui-box .video_list{}
.ui-box .video_list a{
    display: inline-block;
    margin: 5px;
    text-decoration: none;
    padding: 4px 15px;
    text-transform: capitalize;
    color: #C4C4C4;
    background-color: rgba(255, 255, 255, 0.1);
}
.ui-box .video_list a.cur,.ui-box .video_list a:hover{
    color: aliceblue;
    background-color: #004d40;
}

 
@media (min-width: 992px){
   .header-tech .nav-logo-img, .header-movie .nav-logo-img {
      min-height: 75px;
  }
   .nav-logo-img .main-logo-mobile {
      display: none;
   }
   .header-tech .top-search-box .top-search-box-wrapper, .header-movie .top-search-box .top-search-box-wrapper {
      min-height: 75px;
   }
   .header-tech .nav-menu > ul > li > a, .header-movie .nav-menu > ul > li > a {
      min-height: 75px;
      line-height: 75px;
  }
}

@media (max-width: 767px){
   .social-share-toolbar .share-iframe-embed {
      width: 100%;
  }
   .top-nav .top-social {
      display: none;
   }
   .nav-menu {
      display: none;
  }
  .main-nav .nav-logo {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      float: none;
   }
   .nav-logo-img .main-logo {
      display: none;
  }
  .main-nav .nav-logo .nav-logo-img img {
      max-height: 30px;
      max-width: 50vw;
   }
  
  
  .main-nav {
      background-color: #181818;
  }
  .nav-mobile-menu, .top-search-box-mobile, .top-login-box-mobile {
      padding-right: 0;
      padding-left: 10px;
   }
   .nav-mobile-menu, .top-search-box-mobile, .top-login-box-mobile {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      align-content: center;
  }
   

   .section{
      flex-direction: column;
      margin-left: -5px;
      margin-right: -5px;
   }
   .element-left,.element-right{
      width: 100%;
   }
   .md-6-col .format-video, .md-3-col .format-video,.md-2-col .format-video{
      width: 48%;
      padding-right: 1px;
      padding-left: 14px;
   }
   .col-50{
      width: auto;
   }
   .sidebar-direction{
   padding-top: 20px;
   padding-bottom: 10px;
   }
   .element-left.p-r-10{ 
      padding-right: 0;
   }
   .top-search-box-mobile .top-search-elm > ul {
      width: 100%;
  }
  .top-search-box-mobile .top-search-elm > ul .top-search-box-dropdown {
   width: 100%;
  }
  .top-search-elm > ul .top-search-box-dropdown input[type="submit"]{  
     color: #9e9e9e;
  }
  .main-content {
      width: 100%;
   }
   .site__row{
      margin-left: -5px;
      margin-right: -5px;
   }
   .site__row .site__row{
      margin-left: -15px;
      margin-right: -15px;
   }
   .archive-switch-mode{
      display: none;
   }
   .main-sidebar {
      padding-top: 40px;
   }
   .playlist-videos,.player-in-playlist{
      width: 100%;
   }
   .video-toolbar{
    height: auto;
}
   .video-toolbar .tb-left {
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
      float: none;
   }
  .video-toolbar .tb-right {
      float: none;
   }
   .video-toolbar .tb-left > .site__row {
      margin: 0;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
  }
  .video-toolbar .tb-left.site__row{
    margin: inherit;
}
  .video-toolbar .tb-left {
   border-bottom-color: rgba(255, 255, 255, 0.1);
  }
  .video-toolbar .tb-right .toolbar-item .toolbar-item-content {
   padding-left: 15px;
   padding-right: 15px;
}
.video-toolbar .toolbar-item{
   
text-align: center;
   
border-right: none;
}
.playlist-videos {
   margin-top: 30px;
   width: 100%;
   min-height: 500px;
   max-height: 500px;
}
.playlist-videos .video-listing .video-content {
   float: left;
   width: 100%;
}

.playlist-videos .video-listing .video-img:not(:empty) + .video-content {
   width: calc(100% - 102px);
   width: -webkit-calc(100% - 102px);
   width: -moz-calc(100% - 102px);
   width: -ms-calc(100% - 102px);
}
.playlist-videos .video-listing .video-listing-item.current-item .video-img .ul-placeholder-bg {
   padding-top: 56.5%;
}
}
 .category-sort:before, .category-sort:after {
    content: '';
    display: table;
    clear: both;
}