/* Core Stylesheet - 1.0 */
/*::2.0 Import All CSS */
@import url(bootstrap.min.css);
	@import url(classy-nav.css);
	@import url(owl.carousel.min.css);
	@import url(animate.css);
	@import url(magnific-popup.css);
	@import url(font-awesome.min.css);
	/*::3.0 Base CSS */
* {
	margin:0;
	padding:0;
}
body {
	font-family:"Novah",sans-serif;
	font-size:14px;
}
h1,h2,h3,h4,h5,h6 {
	font-family:"Novah",sans-serif;
	color:#338c56;
	line-height:1.3;
	font-weight:700;
}
/*::banneran */
* {
	padding:0px;
	margin:0px;
	list-style:none;
}
#banner {
	width:100%;
	height:600px;
	overflow:hidden;
	position:relative;
	background:#EBEBEB;
}
#banner img {
	width:100%;
	height:600px
}
#banner ul {
	padding:0px;
	margin:0px;
}
#banner ul li {
	display:none;
}
#banner ul li:nth-child(1) {
	display:block;
}
.banner_t {
	position:absolute;
	left:15%;
	-font-size:30px;
	top:15%;
}
.banner_t h3 {
	font-size:45px;
	font-weight:900;
	color:#ffffff;
	line-height:1.5;
	background:linear-gradient(to top,#5aa700,#098b3a 70.17%);
	-webkit-background-clip:text;
	text-transform:none;
}
.banner_t p {
	font-size:20px;
	margin:30px 0px 120px;
	color:#ffffff;
}
.banner_t a {
	padding:10px 15px;
	background:#338c56;
	color:#fff;
	bottom:20px;
	border-radius:2px;
}
#position_lst {
	position:absolute;
	left:0px;
	bottom:20%;
	width:100%;
	margin-left:20%;
	-text-align:center;
}
#position_lst span {
	height:5px;
	width:40px;
	background:#ccc;
	display:inline-block;
	border-radius:2px;
	margin-right:10px;
	cursor:pointer;
}
#position_lst span:hover {
	background:#338c56;
}
#position_lst .arctiv {
	background:#338c56;
}
@media(max-width:980px) {
	#banner {
	width:100%;
	height:180px;
}
#banner img {
	width:100%;
	height:180px;
}
#position_lst span {
	display:none
}
.banner_t h3 {
	font-size:22px;
	font-weight:700;
}
.banner_t p {
	font-size:13px;
	margin:10px 0px 50px;
	color:#ffffff;
}
.banner_t a {
	padding:5px 15px;
	background:#338c56;
	color:#fff;
	bottom:20px;
	border-radius:2px;
	font-size:12px !important;
}
}@media only screen and (max-width:736px) and (min-width:200px) {
	.banner_t {
	position:absolute;
	left:5%;
	-font-size:30px;
	top:20%;
}
.top-social-info.d-flex.justify-content-end {
        gap:10px !important;
        margin-right: 0px !important;
        margin-top: 60px !important;
    }
}
.top-social-info.d-flex.justify-content-end {
    gap: 30px;
    margin-top: 60px;
    padding: 0px;
    margin-right: 20px;

}
.header-area .top-header-area .top-social-info .iconfont {
    font-size: 18px;

}
@media only screen and (max-width:1112px) and (min-width:746px) {
	.banner_t {
	position:sticky;
	/* left:5%;
	*/ -font-size:30px;
	top:20%;
}
}
@media only screen and (max-width:1600px) and (min-width:1366px) {
	.banner_t {
	position:sticky;
	/* left:9%;
	*/ -font-size:30px;
	top:20%;
}

}@media only screen and (max-width:1920px) and (min-width:1600px) {
	.banner_t {
	position:sticky;
	/* left:21%;
	*/ -font-size:30px;
	top:20%;
}

}@media only screen and (max-width:2560px) and (min-width:1921px) {
	.banner_t {
	position:sticky;
	/* left:21%;
	*/ -font-size:30px;
	top:20%;
}

}p {
	font-family:"Novah",sans-serif;
	color:#050505;
	font-size:14px;
	line-height:2.1;
	font-weight:400;
}
a,a:hover,a:focus {
	/*-webkit-transition-duration:500ms;
	transition-duration:450ms;
	*/
    text-decoration:none;
	outline:0 solid transparent;
	color:rgb(84 84 84);
	font-weight:600;
	font-size:18px;
	font-family:"Novah",sans-serif;
}
p {
	font-family:"Novah",sans-serif;
	color:#050505;
	font-size:14px;
	line-height:2.1;
	font-weight:400;
}
a,a:hover,a:focus {
	/*-webkit-transition-duration:500ms;
	transition-duration:450ms;
	*/
    text-decoration:none;
	outline:0 solid transparent;
	color:rgb(84 84 84);
	font-weight:600;
	font-size:18px;
	font-family:"Novah",sans-serif;
}
/*::end banneran */
p {
	font-family:"Novah",sans-serif;
	color:#050505;
	font-size:14px;
	line-height:2.1;
	font-weight:400;
}
a,a:hover,a:focus {
	/*-webkit-transition-duration:500ms;
	transition-duration:500ms;
	*/
    text-decoration:none;
	outline:0 solid transparent;
	color:#d1cfcf;
	font-weight:600;
	font-size:16px;
	font-family:"Novah",sans-serif;
}
ul,ol {
	margin:0;
}
ul li,ol li {
	list-style:none;
}
img {
	height:auto;
	max-width:100%;
}
/*::3.1.0 Spacing */
.mt-00 {
	margin-top:0px !important;
}
.mt-15 {
	margin-top:15px !important;
}
.mt-30 {
	margin-top:30px !important;
}
.mt-50 {
	margin-top:30px !important;
}
.mt-70 {
	margin-top:70px !important;
}
.mt-100 {
	margin-top:100px !important;
}
.mb-15 {
	margin-bottom:15px !important;
}
.mb-30 {
	margin-bottom:30px !important;
}
.mb-50 {
	margin-bottom:50px !important;
}
.mb-70 {
	margin-bottom:70px !important;
}
.mb-100 {
	margin-bottom:100px !important;
}
.ml-15 {
	margin-left:15px !important;
}
.ml-30 {
	margin-left:30px !important;
}
.ml-50 {
	margin-left:50px !important;
}
.mr-15 {
	margin-right:15px !important;
}
.mr-30 {
	margin-right:30px !important;
}
.mr-50 {
	margin-right:50px !important;
}
.pb-70 {
	padding-bottom:70px !important;
}
/*::3.2.0 Height */
.height-400 {
	height:400px !important;
}
.height-500 {
	height:500px !important;
}
.height-600 {
	height:600px !important;
}
.height-700 {
	height:700px !important;
}
.height-800 {
	height:800px !important;
}
/*::3.3.0 Section Padding */
.section-padding-100 {
	padding-top:30px;
	padding-bottom:60px;
}
.section-padding-100-0 {
	padding-top:50px;
	padding-bottom:0;
}
.section-padding-0-100 {
	padding-top:0;
	padding-bottom:100px;
}
.section-padding-100-70 {
	padding-top:100px;
	padding-bottom:70px;
}
.tlinks {
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
/*::3.4.0 Preloader */
.preloader {
	background-color:#338c56;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:99999;
}
.preloader .spinner {
	width:70px;
	text-align:center;
}
.preloader .spinner div {
	width:18px;
	height:18px;
	background-color:#fff;
	border-radius:100%;
	display:inline-block;
	-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;
	animation:sk-bouncedelay 1.4s infinite ease-in-out both;
}
.preloader .spinner .bounce1 {
	-webkit-animation-delay:-0.32s;
	animation-delay:-0.32s;
}
.preloader .spinner .bounce2 {
	-webkit-animation-delay:-0.16s;
	animation-delay:-0.16s;
}
@-webkit-keyframes sk-bouncedelay {
	0%,80%,100% {
	-webkit-transform:scale(0);
}
40% {
	-webkit-transform:scale(1);
}
}@keyframes sk-bouncedelay {
	0%,80%,100% {
	-webkit-transform:scale(0);
	transform:scale(0);
}
40% {
	-webkit-transform:scale(1);
	transform:scale(1);
}
}/*::3.5.0 Miscellaneous */
.section-title {
	font-size:36px;
	color:#737373;
	font-weight:400;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.section-title {
	font-size:30px;
}
}@media only screen and (max-width:767px) {
	.section-title {
	font-size:24px;
}
}.tooltip-inner {
	background-color:#338c56;
}
.tooltip .arrow::before {
	border-top-color:#338c56;
}
.bg-img {
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.bg-white {
	background-color:#ffffff !important;
}
.bg-dark {
	background-color:#000000 !important;
}
.bg-transparent {
	background-color:transparent !important;
}
.bg-gray {
	background-color:#f0f4f8;
}
.font-bold {
	font-weight:700;
}
.font-light {
	font-weight:300;
}
.bg-overlay {
	position:relative;
	z-index:2;
	background-position:center center;
	background-size:cover;
}
.bg-overlay::after {
	background-color:rgba(0,0,0,0.6);
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
}
.bg-pattern {
	position:relative;
	z-index:2;
}
.bg-pattern::after {
	/*background-image:url(img/core-img/pattern.png);
	*/
    background-repeat:repeat;
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	z-index:-1;
}
.bg-pattern2 {
	position:relative;
	z-index:2;
}
.bg-pattern2::after {
	background-image:url(img/core-img/pattern2.png);
	background-repeat:repeat;
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	z-index:-1;
}
.bg-fixed {
	background-attachment:fixed !important;
}
/*::3.6.0 ScrollUp */
#scrollUp {
	background-color:#545454;
	border-radius:0;
	top:91%;
	bottom:10px;
	color:#ffffff;
	font-size:30px;
	height:40px;
	line-height:37px;
	right:41px;
	text-align:center;
	width:40px;
	border-radius:50%;
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	box-shadow:0 1px 5px 2px rgba(0,0,0,0.15);
}
#scrollUp:hover,#scrollUp:focus {
	background-color:#338c56;
	color:#ffffff;
}
/*::3.7.0 egames Button */
.egames-btn {
	background-color:#338c56;
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	position:relative;
	z-index:1;
	display:inline-block;
	min-width:160px;
	height:50px;
	color:#ffffff;
	border-radius:0;
	padding:0 20px;
	font-size:14px;
	line-height:50px;
	font-weight:500;
	text-transform:capitalize;
}
.egames-btn:hover,.egames-btn:focus {
	font-size:14px;
	font-weight:500;
	background-color:#000000;
	color:#ffffff;
}
.seotag {
	background-color:#eee;
	-webkit-transition-duration:500ms;
	transition-duration:150ms;
	position:relative;
	z-index:1;
	display:inline-block;
	height:50px;
	color:#545454;
	padding:0 20px;
	font-size:14px;
	line-height:50px;
	font-weight:900;
	border-radius:25px;
	text-transform:capitalize;
	margin:5px 5px;
}
.seotag:hover,.seotag:focus {
	font-size:14px;
	font-weight:900;
	color:#ffffff;
}
.sxpjz {
	margin:0;
	text-align:center;
}
/*::3.7.1 egames Button */
.egames-syp {
	background-color:#eee;
	-webkit-transition-duration:500ms;
	transition-duration:150ms;
	position:relative;
	z-index:1;
	display:inline-block;
	min-width:160px;
	height:50px;
	color:#545454;
	border-radius:0;
	padding:0 20px;
	font-size:16px;
	line-height:50px;
	font-weight:900;
	border-radius:25px;
	text-transform:capitalize;
}
.egames-syp:hover,.egames-syp:focus {
	font-size:16px;
	font-weight:900;
	background-color:#338c56;
	color:#ffffff;
}
.vis_button a {
	height: 40px;
	font-size: 1rem;
	text-align: center;
	color: #1d1d1d;
	display: -moz-box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	max-width: 100%;
	word-break: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
	background-color: #f5f5f7;
	border: 1px solid #ccc;
	padding: 10px 15px;
	color: #1d1d1d;
	border-radius: 8px;
	transition:all .3s;
	padding: 10px;
	margin: 0;
}

.vis_button a:hover {
	background: #338c56;
	color: #fff;
	border: 1px solid #338c56;
	text-decoration: none;
}
/*::3.7.2 egames Button */
.dropdown-btn {
	background-color:#eee;
	transition-duration:150ms;
	min-width:30%;
	height:50px;
	color:#545454;
	padding:0 20px;
	font-size:14px;
	line-height:50px;
	font-weight:900;
	border-radius:9px;
	text-transform:capitalize;
	cursor:pointer;
}
.dropdown-btn:hover,.dropdown-btn:focus {
	background-color:#338c56;
	color:#ffffff;
}
.dropdown-content {
	display:none;
	background-color:#f9f9f9;
	/*! box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
	*/
    z-index:1;
	position:relative;
}
.dropdown[open] .dropdown-content {
	display:block;
}
.dropdown-link {
	color:#545454;
	padding:12px 16px;
	text-decoration:none;
	display:block;
	font-weight:600;
}
.dropdown-link:hover {
	background-color:#f9f9f9;
	color:#338c56;
}
.hidden-links {
	display:none;
	text-align:center;
	margin-top:10px;
}
.hidden-links:target {
	display:block;
}
.dropdown {
	display:inline-block;
	/* 使 .dropdown 元素并排显示 */
    margin-right:10px;
	/* 增加间距使两个按钮之间有点距离 */
}
/* 下拉按钮 */
.egames-btb {
	background-color:#eee;
	-webkit-transition-duration:500ms;
	transition-duration:150ms;
	position:relative;
	z-index:1;
	display:inline-block;
	min-width:30%;
	height:50px;
	color:#545454;
	border-radius:0;
	padding:0 20px;
	font-size:14px;
	line-height:50px;
	font-weight:900;
	border-radius:9px;
	text-transform:capitalize;
}
.egames-btb:hover,.egames-btb:focus {
	font-size:14px;
	font-weight:900;
	background-color:#338c56;
	color:#ffffff;
}
/*::3.7.3 egames Button */
.egames-bto {
	background-color:#eee;
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	position:relative;
	z-index:1;
	display:inline-block;
	min-width:160px;
	height:50px;
	color:#545454;
	border-radius:0;
	padding:0 20px;
	font-size:14px;
	line-height:50px;
	font-weight:900;
	border-radius:25px;
	text-transform:capitalize;
}
.egames-bto:hover,.egames-bto:focus {
	font-size:14px;
	font-weight:900;
	background-color:#eee;
	color:#ffffff;
}
/*::4.0 Header Area CSS */
.header-area {
	position:relative;
	z-index:1000;
	width:100%;
}
.header-area .top-header-area {
	position:relative;
	z-index:1;
	width:100%;
	height:85px;
}
.header-area .egames-main-menu .top-search-area {
	position:relative;
	z-index:1;
}
.header-area .egames-main-menu .top-search-area form {
    position: relative;
    z-index: 1;
    width: 255px;
    outline: none;
}
@media only screen and (max-width:767px) {
	.header-area .egames-main-menu .top-search-area form {
	width:150px;
}
}@media only screen and (min-width:480px) and (max-width:767px) {
	.header-area .egames-main-menu .top-search-area form {
	width:160px;
}
}@media only screen and (min-width:576px) and (max-width:767px) {
	.header-area .egames-main-menu .top-search-area form {
	width:200px;
}
}.header-area .egames-main-menu .top-search-area form input {
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	position:relative;
	z-index:1;
	width:100%;
	height:42px;
	background-color:#ebf5f5;
	border:none;
	color:#ababab;
	font-size:12px;
	font-style:italic;
	padding:0 20px;
	border-radius: 12px;
}
.header-area .egames-main-menu .top-search-area form input:focus {
    outline: none;
}
.header-area .egames-main-menu .top-search-area form button {
	position:absolute;
	top:0;
	right:0;
	height:42px;
	z-index:10;
	width:50px;
	background-color:transparent;
	border:none;
	color:#555555;
	cursor:pointer;
}
.header-area .egames-main-menu .top-search-area form button:hover,.header-area .egames-main-menu .top-search-area form button:focus {
	color:#338c56;
	box-shadow:none;
}
.header-area .egames-main-menu .login-area {
	position:relative;
	z-index:1;
}
.header-area .egames-main-menu .login-area a {
	display:block;
	width:160px;
	height:42px;
	background-color:#338c56;
	text-align:center;
	color:#fff;
	line-height:42px;
	font-size:14px;
	margin-left:10px;
	font-weight:400;
}
@media only screen and (max-width:767px) {
	.header-area .egames-main-menu .login-area a {
	width:30px;
}
}@media only screen and (min-width:480px) and (max-width:767px) {
	.header-area .egames-main-menu .login-area a {
	width:50px;
}
}.header-area .egames-main-menu .login-area a:hover,.header-area .egames-main-menu .login-area a:focus {
	background-color:#000000;
	font-weight:400;
}
.header-area .egames-main-menu .login-area a i {
	display:none;
	line-height:42px;
}
@media only screen and (max-width:767px) {
	.header-area .egames-main-menu .login-area a i {
	display:block;
}
}@media only screen and (max-width:767px) {
	.header-area .egames-main-menu .login-area a span {
	display:none;
}
}.header-area .egames-main-menu {
	position:relative;
	width:100%;
	height:70px;
}
.header-area .egames-main-menu .classy-navbar {
	height:70px;
	padding:0;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.header-area .egames-main-menu .classy-navbar {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
}
}@media only screen and (max-width:767px) {
	.header-area .egames-main-menu .classy-navbar {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
}
}.header-area .egames-main-menu .classy-navbar .nav-brand {
	max-width:160px;
	margin-right:30px;
}
.header-area .egames-main-menu .classy-navbar .classynav ul li a {
	font-weight:600;
	text-transform:capitalize;
	font-size:16px;
	padding:0 10px;
	color:#232323;
	overflow:hidden;
}
.header-area .egames-main-menu .classy-navbar .classynav ul li a:hover,.header-area .egames-main-menu .classy-navbar .classynav ul li a:focus {
	color:#338c56;
}
.header-area .egames-main-menu .classy-navbar .classynav > ul > li:first-child a {
	padding-left:0;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.header-area .egames-main-menu .classy-navbar .classynav > ul > li:first-child a {
	padding-left:10px;
}
}.top-social-info/* {
	text-align:right !important;
}
*/
@media only screen and (max-width:767px) {
	.header-area .egames-main-menu .classy-navbar .classynav > ul > li:first-child a {
	padding-left:10px;
}
}.header-area .egames-main-menu .classy-navbar .classynav ul li ul li a {
	color:#232323;
	font-size:14px;
	padding:0 10px;
}
.header-area .top-header-area .top-social-info a {
	font-size:14px;
	color:#545454;
	display:inline-block;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.header-area .top-header-area .top-social-info a {
	margin-left:0;
}
}@media only screen and (max-width:767px) {
	.header-area .top-header-area .top-social-info a {
	margin-left:0px;
}
}.header-area .top-header-area .top-social-info a:hover,.header-area .top-header-area .top-social-info a:focus {
	color:#338c56;
}
.header-area .is-sticky .egames-main-menu {
	z-index:9999;
	box-shadow:0 5px 50px 0 rgba(0,0,0,0.2);
}
/*::5.0 Hero Area CSS */
.hero-area {
	position:relative;
	z-index:1;
}
/* Arrows */
.hero-area .owl-prev,.hero-area .owl-next {
	top:50%;
	position:absolute;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	bottom:auto;
	width:45px;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	border-radius:0.2rem;
	opacity:.3;
	overflow:hidden;
	text-align:center;
	font-size:3.5rem;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	padding:.75rem 0;
}
.hero-area .owl-prev {
	left:0px;
}
.hero-area .owl-next {
	right:0px;
}
.owl-carousel:hover .owl-prev,.owl-carousel:hover .owl-next {
	background:rgba(0,0,0,0.3);
}
.owl-carousel:hover .owl-prev:hover,.owl-carousel:hover .owl-next:hover,.owl-carousel:hover .owl-prev:focus,.owl-carousel:hover .owl-next:focus {
	background:rgba(0,0,0,0.9);
}
.owl-prev .fa-angle-left:before,.owl-next .fa-angle-right:before {
	color:white;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	text-shadow:2px 0px 0px black;
	opacity:.1;
}
.owl-carousel:hover .owl-prev .fa-angle-left:before,.owl-carousel:hover .owl-next .fa-angle-right:before {
	text-shadow:none;
	opacity:1;
}
.single-slide {
	position:relative;
	z-index:1;
	width:100%;
	height:700px;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.single-slide {
	height:500px;
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	.single-slide {
	height:500px;
}
}@media only screen and (max-width:767px) {
	.single-slide {
	height:380px;
}
}.single-slide .blog-content {
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	padding:80px;
	border-left:2px solid #338c56;
	background-color:rgba(0,0,0,0.6);
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.single-slide .blog-content {
	padding:50px;
}
}@media only screen and (max-width:767px) {
	.single-slide .blog-content {
	padding:30px 20px;
}
}.single-slide .blog-content h2 {
	color:#fff;
	font-size:60px;
	margin-bottom:20px;
	font-weight:400;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.single-slide .blog-content h2 {
	font-size:42px;
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	.single-slide .blog-content h2 {
	font-size:36px;
}
}@media only screen and (max-width:767px) {
	.single-slide .blog-content h2 {
	font-size:24px;
}
}.single-slide .blog-content p {
	font-size:15px;
	color:rgba(255,255,255,0.7);
	margin-bottom:0;
}
@media only screen and (max-width:767px) {
	.single-slide .blog-content p {
	font-size:12px;
}
}/*::6.0 Games Area CSS */
.single-games-area {
	position:relative;
	z-index:1;
}
.single-games-area::after {
	content:'';
	width:2px;
	height:100%;
	background-color:#cdcdcd;
	top:0;
	right:-6.5px;
	position:absolute;
	z-index:1;
}
@media only screen and (max-width:767px) {
	.single-games-area::after {
	display:none;
}
}.single-games-area img {
	max-height:55px;
	margin:0 auto;
	display:block;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.single-games-area img {
	max-height:40px;
}
}@media only screen and (max-width:767px) {
	.single-games-area img {
	max-height:40px;
}
}.games-area {
	position:relative;
	z-index:1;
}
.games-area .col-12:last-child .single-games-area:after {
	display:none;
}
.pagination .page-item .page-link {
	background-color:transparent;
	font-size:16px;
	color:#424242;
	text-transform:uppercase;
	text-align:center;
	display:inline-block;
	border-radius:0;
	padding:0;
	margin-right:10px;
	border:none;
	font-weight:600;
}
.pagination .page-item .page-link:hover,.pagination .page-item .page-link:focus {
	color:#338c56;
	box-shadow:none;
}
.pagination .page-item.active .page-link {
	color:#338c56;
}
/*::7.0 Footer Area CSS */
.footer-area {
	position:relative;
	z-index:1;
	background-color:#0c0c0c;
	border-top:1px solid #fff;
	/*background-image:url(img/core-img/pattern.png);
	*/
    background-repeat:repeat;
}
.footer-area .single-footer-widget {
	position:relative;
	z-index:1;
}
.footer-area .single-footer-widget .widget-title {
	display:block;
	margin-bottom:60px;
}
.footer-area .single-footer-widget .widget-title h4 {
	font-weight:400;
	color:#fff;
	margin-bottom:0;
	line-height:1;
}
.footer-area .single-footer-widget .widget-content p {
	margin-bottom:0;
	color:#a5a5a5;
	display:none;
}
.footer-area .single-footer-widget .widget-content ul li a {
	display:block;
	color:#a5a5a5;
	font-size:14px;
	margin-bottom:20px;
	font-weight:400;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.footer-area .single-footer-widget .widget-content ul li a:focus,.footer-area .single-footer-widget .widget-content ul li a:hover {
	color:#338c56;
}
.footer-area .copywrite-content {
	position:relative;
	z-index:1;
	background-color:rgba(0,0,0,0.4);
	width:100%;
	padding:15px 0;
}
.footer-area .copywrite-content .copywrite-text {
	font-size:12px;
	margin-bottom:0;
	color:#7d7d7d;
	font-weight:400;
}
@media only screen and (max-width:767px) {
	.footer-area .copywrite-content .copywrite-text {
	margin-bottom:10px;
}
}@media only screen and (min-width:576px) and (max-width:767px) {
	.footer-area .copywrite-content .copywrite-text {
	margin-bottom:0;
}
}.footer-area .copywrite-content .copywrite-text a {
	color:#7d7d7d;
	font-size:12px;
	font-weight:400;
}
.footer-area .copywrite-content .copywrite-text a:hover,.footer-area .copywrite-content .copywrite-text a:focus {
	color:#338c56;
}
.footer-area .copywrite-content .footer-nav {
	position:relative;
	z-index:1;
	overflow:hidden;
}
.footer-area .copywrite-content .footer-nav ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-ms-grid-row-align:center;
	align-items:center;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
}
@media only screen and (max-width:767px) {
	.footer-area .copywrite-content .footer-nav ul {
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
}
}.footer-area .copywrite-content .footer-nav li a {
	position:relative;
	z-index:1;
	color:#7d7d7d;
	font-size:13px;
	font-weight:400;
	padding:0 15px;
}
@media only screen and (max-width:767px) {
	.footer-area .copywrite-content .footer-nav li a {
	padding:0 3px;
}
}.footer-area .copywrite-content .footer-nav li a:hover,.footer-area .copywrite-content .footer-nav li a:focus {
	color:#338c56;
}
/*::8.0 News Area CSS */
.single-articles-area {
	position:relative;
	z-index:1;
}
.single-articles-area .article-thumbnail {
	position:relative;
	z-index:1;
	-webkit-box-flex:0;
	-ms-flex:0 0 38%;
	flex:0 0 38%;
	max-width:38%;
	width:38%;
	overflow:hidden;
}
.single-articles-area .article-thumbnailsc {
	position:relative;
	z-index:1;
	-webkit-box-flex:0;
	-ms-flex:0 0 38%;
	flex:0 0 38%;
	max-width:38%;
	width:38%;
	overflow:hidden;
	border-radius:10px;
}
@media only screen and (max-width:767px) {
	.single-articles-area .article-thumbnail {
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
	width:100%;
	margin-bottom:30px;
}
.single-articles-area .article-thumbnailsc {
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
	width:100%;
	margin-bottom:30px;
	border-radius:10px;
}
}.single-articles-area .article-thumbnail img {
	width:100%;
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
}
.single-articles-area .article-thumbnail::after {
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	width:100%;
	height:100%;
	top:0;
	left:0;
	content:'';
	visibility:hidden;
	opacity:0;
}
.single-articles-area .article-content {
	position:relative;
	z-index:1;
	-webkit-box-flex:0;
	-ms-flex:0 0 62%;
	flex:0 0 62%;
	max-width:62%;
	width:62%;
	padding-left:30px;
	transform:translateY(-8px);
}
@media only screen and (max-width:767px) {
	.single-articles-area .article-content {
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
	width:100%;
	padding-left:0;
}
}.single-articles-area .article-content .post-title {
	font-size:18px;
	color:#424242;
	font-weight:700;
	display:block;
	margin-bottom:10px;
}
.single-articles-area .article-content .post-title:hover {
	color:#338c56;
}
.single-articles-area .article-content .post-meta {
	position:relative;
	z-index:1;
	margin-bottom:0px;
}
.single-articles-area .article-content .post-meta a {
	font-size:14px;
	color:#6b6b6b;
	font-weight:700;
	text-transform:uppercase;
}
.single-articles-area .article-content .post-meta a:first-child {
	margin-right:30px;
	color:#338c56;
}
.single-articles-area .article-content .post-meta a:hover,.single-articles-area .article-content .post-meta a:focus {
	color:#338c56;
}
.single-articles-area .article-content p {
	color:#545454;
	margin-bottom:0;
}
.single-articles-area:hover .article-thumbnail::after,.single-articles-area:focus .article-thumbnail::after {
	visibility:visible;
	opacity:1;
}
.single-articles-area:hover .article-thumbnail img,.single-articles-area:focus .article-thumbnail img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.single-articles-area.style-2 .article-content .post-title {
	color:#a5a5a5;
}
.single-articles-area.style-2 .article-content p {
	color:#737373;
}
.article-content {
	position:relative;
	z-index:1;
}
.article-content .post-title {
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	font-size:30px;
	color:#fff;
	font-weight:700;
	display:block;
	margin-bottom:10px;
}
.article-content .post-title:hover {
	color:#338c56;
}
.article-content .post-meta {
	position:relative;
	z-index:1;
	margin-bottom:50px;
}
.article-content .post-meta a {
	font-size:14px;
	color:#6b6b6b;
	font-weight:700;
	text-transform:uppercase;
	margin-right:30px;
}
.article-content .post-more {
	color:#6b6b6b;
	/*margin-left:6px;
	*/
}
.article-content .post-more:hover {
	color:#338c56;
	margin-left:0px;
}
.article-content .post-meta a:last-child {
	margin-right:0;
}
.article-content .post-meta a:hover,.article-content .post-meta a:focus {
	color:#338c56;
}
.article-content p {
	color:#050505;
}
.post-details-content {
	position:relative;
	z-index:1;
}
.post-details-content .blog-thumbnail {
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	position:relative;
	z-index:1;
}
.post-details-content .blog-thumbnail img {
	width:100%;
}
.post-details-content .blog-content {
	position:relative;
	z-index:1;
}
.post-details-content .blog-content .post-title {
	display:block;
	font-size:14px;
	margin-bottom:15px;
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
}
.post-details-content .btn-submit {
	color:#338c56;
}
@media only screen and (max-width:767px) {
	.post-details-content .blog-content .post-title {
	font-size:14px;
}
}.post-details-content .blog-content .post-meta {
	position:relative;
	z-index:1;
	margin-bottom:50px;
}
.post-details-content .blog-content .post-meta a {
	font-size:14px;
	color:#6b6b6b;
	font-weight:700;
	text-transform:uppercase;
	margin-right:30px;
}
.post-details-content .blog-content .post-meta a:last-child {
	margin-right:0;
}
.post-details-content .blog-content .post-meta a:hover,.post-details-content .blog-content .post-meta a:focus {
	color:#338c56;
}
@media only screen and (max-width:767px) {
	.post-details-content .blog-content .post-meta a {
	font-size:12px;
	margin-right:15px;
}
}.post-details-content .blog-content p {
	line-height:2.2;
}
.sidebar-area {
	position:relative;
	z-index:1;
}
.single-video-widget {
	background-color:#232323;
	padding:20px 15px;
	border-bottom:1px solid #fff;
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
}
.single-video-widget .video-thumbnail {
	-webkit-box-flex:0;
	-ms-flex:0 0 80px;
	flex:0 0 80px;
	max-width:80px;
	width:80px;
	margin-right:15px;
}
.single-video-widget .video-text {
	position:relative;
	z-index:1;
}
.single-video-widget .video-text a {
	margin-bottom:0;
	line-height:1.7;
	color:#fff;
	font-size:15px;
	display:block;
	font-weight:400;
}
.single-video-widget .video-text span {
	color:#747373;
	font-size:12px;
	margin:0;
}
.single-video-widget .video-rating {
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	-webkit-box-flex:0;
	-ms-flex:0 0 50px;
	flex:0 0 50px;
	max-width:50px;
	width:50px;
	margin-left:15px;
	background-color:#338c56;
	height:30px;
	color:#fff;
	line-height:30px;
	text-align:center;
	font-weight:600;
	font-size:12px;
}
.single-video-widget:hover,.single-video-widget:focus {
	background-color:#338c56;
}
.single-video-widget:hover .video-rating,.single-video-widget:focus .video-rating {
	background-color:#232323;
}
.single-widget-area {
	position:relative;
	z-index:1;
}
.single-widget-area .widget-title {
	margin-bottom:50px;
	font-weight:600;
}
.single-widget-area.add-widget {
	margin-bottom:160px;
}
.single-widget-area.add-widget .side-img {
	position:absolute;
	bottom:-80px;
	z-index:10;
	width:80%;
	right:-40px;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.single-widget-area.add-widget .side-img {
	right:-30px;
}
}@media only screen and (max-width:767px) {
	.single-widget-area.add-widget .side-img {
	right:0;
}
}.single-widget-area.add-widget img {
	width:100%;
}
.single-widget-area.video-widget {
	margin-bottom:80px;
}
.single-widget-area.post-widget .single-post-area {
	position:relative;
	z-index:1;
	margin-bottom:20px;
}
.single-widget-area.post-widget .single-post-area:last-child {
	margin-bottom:0;
}
.single-widget-area.post-widget .single-post-area .blog-thumbnail {
	position:relative;
	z-index:1;
	-webkit-box-flex:0;
	-ms-flex:0 0 80px;
	flex:0 0 80px;
	max-width:80px;
	width:80px;
	margin-right:20px;
}
.single-widget-area.post-widget .single-post-area .blog-thumbnail img {
	width:100%;
}
.single-widget-area.post-widget .single-post-area .blog-content {
	position:relative;
	z-index:1;
}
.single-widget-area.post-widget .single-post-area .blog-content .post-title {
	display:block;
	font-size:14px;
	margin-bottom:10px;
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	font-weight:600;
}
.single-widget-area.post-widget .single-post-area .blog-content .post-title:hover,.single-widget-area.post-widget .single-post-area .blog-content .post-title:focus {
	color:#338c56;
}
.single-widget-area.post-widget .single-post-area .blog-content span {
	display:block;
	color:#747373;
	font-size:12px;
}
.comment_area {
	position:relative;
	z-index:1;
}
.comment_area .comment-content .comment-author {
	-webkit-box-flex:0;
	-ms-flex:0 0 80px;
	flex:0 0 80px;
	min-width:80px;
	height:80px;
	border-radius:50%;
	margin-right:20px;
}
.comment_area .comment-content .comment-meta {
	margin-bottom:30px;
}
.comment_area .comment-content .comment-meta .post-author {
	font-size:16px;
	display:block;
	font-weight:600;
	margin-bottom:10px;
	text-transform:capitalize;
}
.comment_area .comment-content .comment-meta .post-date {
	display:block;
	font-size:12px;
	font-weight:600;
	color:#338c56;
	margin-bottom:10px;
}
.comment_area .comment-content .comment-meta .reply {
	position:relative;
	z-index:1;
	margin-bottom:0;
	display:block;
	font-size:12px;
	color:#424242;
}
.comment_area .comment-content .comment-meta .reply:hover {
	color:#338c56;
}
.comment_area .comment-content .comment-meta p {
	margin-bottom:10px;
}
.comment_area .single_comment_area {
	margin-bottom:30px;
}
.comment_area .single_comment_area:last-of-type {
	margin-bottom:0;
}
.comment_area .children .single_comment_area {
	margin-left:50px;
	margin-top:30px;
}
/*::9.0 Monthly Picks Area CSS */
.monthly-picks-area {
	position:relative;
	z-index:1;
	background-color:#f9f9f9;
	overflow:hidden;
}
.monthly-picks-area .nav-tabs {
	border-bottom:2px solid #e9e9e9;
	margin-bottom:80px;
}
.monthly-picks-area .nav-tabs .nav-item .nav-link {
	padding:0 25px;
	height:56px;
	color:#424242;
	font-size:16px;
	font-weight:700;
	line-height:56px;
	border-radius:0;
	border:none;
}
.monthly-picks-area .nav-tabs .nav-item .nav-link:hover {
	border:none;
}
.monthly-picks-area .nav-tabs .nav-item .nav-link.active {
	background-color:#338c56;
	color:#f9f9f9;
}
@media only screen and (max-width:767px) {
	.monthly-picks-area .nav-tabs .nav-item .nav-link {
	padding:0 20px;
	height:42px;
	line-height:42px;
	font-size:12px;
}
}.single-games-slide {
	position:relative;
	z-index:1;
}
.single-games-slide .slide-text {
	margin-top:30px;
}
.single-games-slide .slide-text .game-title {
	color:#424242;
	display:block;
	margin-bottom:10px;
	font-size:18px;
}
@media only screen and (max-width:767px) {
	.single-games-slide .slide-text .game-title {
	font-size:16px;
}
}.single-games-slide .slide-text .game-title:hover,.single-games-slide .slide-text .game-title:focus {
	color:#338c56;
}
.single-games-slide .slide-text .meta-data {
	position:relative;
	z-index:1;
}
.single-games-slide .slide-text .meta-data a {
	font-size:12px;
	color:#6b6b6b;
	font-weight:700;
	text-transform:uppercase;
}
.single-games-slide .slide-text .meta-data a:first-child {
	margin-right:15px;
}
.single-games-slide .slide-text .meta-data a:last-child {
	color:#338c56;
}
.single-games-slide .slide-text .meta-data a:hover,.single-games-slide .slide-text .meta-data a:focus {
	color:#338c56;
}
.popular-games-slideshow,.latest-games-slideshow,.editor-games-slideshow {
	position:relative;
	z-index:1;
}
.popular-games-slideshow .owl-prev,.popular-games-slideshow .owl-next,.latest-games-slideshow .owl-prev,.latest-games-slideshow .owl-next,.editor-games-slideshow .owl-prev,.editor-games-slideshow .owl-next {
	top:30%;
	position:absolute;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	bottom:auto;
	width:45px;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	border-radius:0.2rem;
	opacity:.3;
	overflow:hidden;
	text-align:center;
	font-size:3.5rem;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	padding:.75rem 0;
	left:20.8%
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.popular-games-slideshow .owl-prev,.popular-games-slideshow .owl-next,.latest-games-slideshow .owl-prev,.latest-games-slideshow .owl-next,.editor-games-slideshow .owl-prev,.editor-games-slideshow .owl-next {
	left:15%;
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	.popular-games-slideshow .owl-prev,.popular-games-slideshow .owl-next,.latest-games-slideshow .owl-prev,.latest-games-slideshow .owl-next,.editor-games-slideshow .owl-prev,.editor-games-slideshow .owl-next {
	left:15%;
}
}@media only screen and (max-width:767px) {
	.popular-games-slideshow .owl-prev,.popular-games-slideshow .owl-next,.latest-games-slideshow .owl-prev,.latest-games-slideshow .owl-next,.editor-games-slideshow .owl-prev,.editor-games-slideshow .owl-next {
	left:5%;
	width:40px;
	height:auto;
	margin-top:-10px;
	line-height:40px;
}
}.popular-games-slideshow .owl-prev:hover,.popular-games-slideshow .owl-next:hover,.latest-games-slideshow .owl-prev:hover,.latest-games-slideshow .owl-next:hover,.editor-games-slideshow .owl-prev:hover,.editor-games-slideshow .owl-next:hover {
	background-color:#338c56;
	color:#ffffff;
}
.popular-games-slideshow .owl-next,.latest-games-slideshow .owl-next,.editor-games-slideshow .owl-next {
	left:auto;
	right:22%;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.popular-games-slideshow .owl-next,.latest-games-slideshow .owl-next,.editor-games-slideshow .owl-next {
	right:15%;
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	.popular-games-slideshow .owl-next,.latest-games-slideshow .owl-next,.editor-games-slideshow .owl-next {
	right:15%;
}
}@media only screen and (max-width:767px) {
	.popular-games-slideshow .owl-next,.latest-games-slideshow .owl-next,.editor-games-slideshow .owl-next {
	right:5%;
}
}.left-right-pattern {
	position:relative;
	z-index:6000;
}
.left-right-pattern::after {
	position:absolute;
	width:100%;
	height:2000px;
	top:-500px;
	left:1110px;
	content:'';
	background-color:rgba(14,14,14,0.8);
	/*background-image:url(img/core-img/pattern.png);
	*/
    z-index:6000;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.left-right-pattern::after {
	left:930px;
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	.left-right-pattern::after {
	left:690px;
}
}@media only screen and (max-width:767px) {
	.left-right-pattern::after {
	display:none;
}
}.left-right-pattern::before {
	position:absolute;
	width:100%;
	height:2000px;
	top:-500px;
	left:-1110px;
	content:'';
	background-color:rgba(14,14,14,0.8);
	background-image:url(img/core-img/pattern.png);
	z-index:6000;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.left-right-pattern::before {
	left:-930px;
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	.left-right-pattern::before {
	left:-690px;
}
}@media only screen and (max-width:767px) {
	.left-right-pattern::before {
	display:none;
}
}/*::10.0 Video Area CSS */
.egames-video-area {
	position:relative;
	z-index:1;
}
.egames-video-area .egames-nav-btn {
	position:relative;
	z-index:1;
	width:100%;
	height:590px;
	overflow-x:hidden;
	overflow-y:scroll;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.egames-video-area .egames-nav-btn {
	height:400px;
}
}@media only screen and (max-width:767px) {
	.egames-video-area .egames-nav-btn {
	height:400px;
}
}.egames-video-area .nav-link {
	padding:0;
}
.egames-video-area .nav-link .video-text .video-title {
	color:#fff;
}
.egames-video-area .nav-link .video-text span {
	font-size:10px;
}
.egames-video-area .nav-link.active .single-video-widget {
	background-color:#338c56;
}
.egames-video-area .nav-link.active .single-video-widget .video-rating {
	background-color:#424242;
}
.egames-video-area .video-playground {
	position:relative;
	z-index:1;
	width:100%;
	height:590px;
	border-left:1px solid #fff;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.egames-video-area .video-playground {
	height:400px;
}
}@media only screen and (max-width:767px) {
	.egames-video-area .video-playground {
	height:300px;
}
}.egames-video-area .video-playground .play-btn a {
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	position:absolute;
	width:74px;
	height:74px;
	z-index:100;
	top:50%;
	left:50%;
	margin-top:-37px;
	margin-left:-37px;
	background-color:rgba(255,0,0,0.63);
	border-radius:50%;
	text-align:center;
}
.egames-video-area .video-playground .play-btn a img {
	padding:25px 0;
}
.egames-video-area .video-playground .play-btn a:hover {
	background-color:#338c56;
}
/*::11.0 Game Review Area CSS */
.single-game-review-area {
	position:relative;
	z-index:1;
}
.single-game-review-area .game-thumbnail {
	position:relative;
	z-index:1;
	-webkit-box-flex:0;
	-ms-flex:0 0 42%;
	flex:0 0 42%;
	max-width:42%;
	width:42%;
	overflow:hidden;
}
@media only screen and (max-width:767px) {
	.single-game-review-area .game-thumbnail {
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
	width:100%;
	margin-bottom:30px;
}
}.single-game-review-area .game-thumbnail img {
	width:100%;
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
}
.single-game-review-area .game-thumbnail::after {
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	width:100%;
	height:100%;
	top:0;
	left:0;
	content:'';
	position:absolute;
	visibility:hidden;
	opacity:0;
}
.single-game-review-area .game-content {
	position:relative;
	z-index:1;
	-webkit-box-flex:0;
	-ms-flex:0 0 58%;
	flex:0 0 58%;
	max-width:58%;
	width:58%;
	padding-left:30px;
}
@media only screen and (max-width:767px) {
	.single-game-review-area .game-content {
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
	width:100%;
	padding-left:0;
}
}.single-game-review-area .game-content .game-tag {
	font-size:11px;
	text-transform:uppercase;
	margin-bottom:10px;
	color:#aaaaaa;
}
.single-game-review-area .game-content .game-title {
	font-size:24px;
	color:#338c56;
	font-weight:700;
	display:block;
	margin-bottom:10px;
}
.single-game-review-area .game-content .game-title:hover {
	color:#338c56;
}
.single-game-review-area .game-content .game-meta {
	position:relative;
	z-index:1;
	margin-bottom:15px;
}
.single-game-review-area .game-content .game-meta a {
	font-size:14px;
	color:#6b6b6b;
	font-weight:700;
	text-transform:uppercase;
}
.single-game-review-area .game-content .game-meta a:first-child {
	margin-right:30px;
}
.single-game-review-area .game-content .game-meta a:hover,.single-game-review-area .game-content .game-meta a:focus {
	color:#338c56;
}
.single-game-review-area .game-content p {
	color:#545454;
	margin-bottom:15px;
}
.single-game-review-area .game-content .download-rating-area {
	position:relative;
	z-index:1;
}
.single-game-review-area .game-content .download-rating-area .download-area a {
	display:inline-block;
}
.single-game-review-area .game-content .download-rating-area .download-area a:first-child {
	margin-right:20px;
}
.single-game-review-area .game-content .download-rating-area .download-area a img {
	max-height:36px;
}
@media only screen and (max-width:767px) {
	.single-game-review-area .game-content .download-rating-area .download-area a img {
	max-height:24px;
}
}.single-game-review-area .game-content .download-rating-area .rating-area h3 {
	font-size:30px;
	font-weight:400;
	margin-bottom:0;
}
.single-game-review-area .game-content .download-rating-area .rating-area .stars {
	font-size:10px;
}
.single-game-review-area .game-content .download-rating-area .rating-area .stars i {
	color:#fbb710;
}
.single-game-review-area:hover .game-thumbnail::after,.single-game-review-area:focus .game-thumbnail::after {
	visibility:visible;
	opacity:1;
}
.single-game-review-area:hover .game-thumbnail img,.single-game-review-area:focus .game-thumbnail img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.single-game-review-area.style-2 .game-content {
	padding-left:0;
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
	width:100%;
}
.single-game-img-slides {
	position:relative;
	z-index:1;
}
.single-game-img-slides .carousel-indicators {
	position:relative;
	right:0;
	bottom:0;
	left:0;
	padding-left:0;
	margin-right:0;
	margin-left:0;
	margin-top:15px;
}
.single-game-img-slides .carousel-indicators li {
	-webkit-box-flex:0;
	-ms-flex:0 0 calc(16.66667% - 12.5px);
	flex:0 0 calc(16.66667% - 12.5px);
	max-width:calc(16.66667% - 12.5px);
	width:calc(16.66667% - 12.5px);
	height:77.5px;
	margin-left:0;
	margin-right:15px;
	background-size:cover;
	background-position:center center;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.single-game-img-slides .carousel-indicators li {
	height:100px;
}
}@media only screen and (min-width:768px) and (max-width:991px) {
	.single-game-img-slides .carousel-indicators li {
	height:80px;
}
}@media only screen and (max-width:767px) {
	.single-game-img-slides .carousel-indicators li {
	height:40px;
}
}.single-game-img-slides .carousel-indicators li:last-child {
	margin-right:0;
}
.egames-barfiller {
	position:relative;
	z-index:1;
}
@media only screen and (max-width:767px) {
	.egames-barfiller {
	margin-top:100px;
}
}.single-barfiller-area {
	position:relative;
	z-index:1;
	margin-bottom:50px;
	display:block;
}
.single-barfiller-area:last-child {
	margin-bottom:0;
}
.single-barfiller-area .barfiller {
	width:100%;
	height:7px;
	background:#dcdfff;
	border:none;
	position:relative;
	margin-bottom:20px;
	box-shadow:none;
}
.single-barfiller-area .barfiller .fill {
	display:block;
	position:relative;
	width:0px;
	height:100%;
	background:#333;
	z-index:1;
}
.single-barfiller-area .barfiller .tipWrap {
	display:none;
}
.single-barfiller-area .barfiller .tip {
	margin-top:15px;
	padding:2px 4px;
	font-size:11px;
	color:#424242;
	left:0px;
	font-size:14px;
	position:absolute;
	z-index:2;
	background:transparent;
}
.single-barfiller-area .barfiller .tip::after {
	display:none;
}
.single-barfiller-area p {
	margin-bottom:0;
	font-size:14px;
	color:#424242;
	line-height:1;
	margin-top:15px;
}
/*::12.0 Breadcrumb Area CSS */
.breadcrumb-area {
	position:relative;
	z-index:1;
	width:100%;
	height:410px;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.breadcrumb-area {
	height:370px;
}
}@media only screen and (max-width:767px) {
	.breadcrumb-area {
	height:230px;
}
}.breadcrumb-area .breadcrumb-text {
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	position:relative;
	z-index:1;
	padding:30px 60px;
	border-left:2px solid #338c56;
	background-color:rgba(0,0,0,0.6);
	display:inline-block;
}
@media only screen and (max-width:767px) {
	.breadcrumb-area .breadcrumb-text {
	padding:20px 40px;
}
}.breadcrumb-area .breadcrumb-text h2 {
	font-size:36px;
	line-height:1;
	margin-bottom:0;
	color:#fff;
	font-weight:400;
}
@media only screen and (max-width:767px) {
	.breadcrumb-area .breadcrumb-text h2 {
	font-size:24px;
}
}.breadcrumb-area:hover .breadcrumb-text {
	border-left:2px solid #fff;
	background-color:#338c56;
}
.breadcrumb-area .breadcrumb-text h1 {
	font-size:36px;
	line-height:1;
	margin-bottom:0;
	color:#fff;
	font-weight:400;
}
/* 描述样式 */
.breadcrumb-area .breadcrumb-describe {
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	position:relative;
	z-index:1;
	padding:20px 60px;
	border-left:2px solid #fff;
	background-color:rgba(0,0,0,0.6);
	display:inline-block;
}
@media only screen and (max-width:767px) {
	.breadcrumb-area .breadcrumb-describe {
	padding:20px 40px;
}
}.breadcrumb-area .breadcrumb-describe h2 {
	font-size:36px;
	line-height:1;
	margin-bottom:0;
	color:#fff;
	font-weight:400;
}
@media only screen and (max-width:767px) {
	.breadcrumb-area .breadcrumb-describe h2 {
	font-size:24px;
}
}.breadcrumb-area:hover .breadcrumb-describe {
	border-left:2px solid #fff;
	background-color:#338c56;
}
.breadcrumb-area .breadcrumb-describe h1 {
	font-size:36px;
	line-height:1;
	margin-bottom:0;
	color:#fff;
	font-weight:400;
}
.breadcrumb-area .breadcrumb-describe p {
	font-size:15px;
	line-height:1;
	margin-bottom:0;
	color:#fff;
	font-weight:400;
}
/*::13.0 Contact Area CSS */
.contact-content {
	position:relative;
	z-index:1;
}
.contact-content p {
	margin-bottom:0;
}
.single-contact-info {
	position:relative;
	margin-bottom:15px;
}
.single-contact-info:last-child {
	margin-bottom:0;
}
.single-contact-info .title {
	-webkit-box-flex:0;
	-ms-flex:0 0 99px;
	flex:0 0 99px;
	max-width:99px;
	width:99px;
	height:32px;
	background-color:#338c56;
	text-align:center;
	margin-right:20px;
}
.single-contact-info .title p {
	color:#fff;
	line-height:32px;
	font-size:14px;
	margin-bottom:0;
}
.single-contact-info p {
	font-size:14px;
	margin-bottom:0;
}
.contact-form-area .form-control {
	position:relative;
	z-index:2;
	height:45px;
	width:100%;
	background-color:#eff4f9;
	font-size:12px;
	margin-bottom:30px;
	border-radius:0;
	padding:15px 30px;
	font-weight:600;
	font-style:italic;
	color:#ababab;
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	border:none;
}
.contact-form-area .form-control:focus {
	box-shadow:none;
}
.contact-form-area textarea.form-control {
	height:190px;
}
.map-area {
	position:relative;
	z-index:2;
}
.map-area iframe {
	width:100%;
	height:515px;
	border:none;
	margin-bottom:0;
}
@media only screen and (max-width:767px) {
	.map-area iframe {
	height:300px;
}
}/*::14.0 Products Area CSS */
.Products-type-area .dropdown {
	display:none;
	position:relative;
	background:#fcfcfc;
	border:1px solid #dedede;
	width:100%;
	margin-top:-5px;
}
.products-type-item {
	position:relative;
	overflow:hidden;
}
.products-type-item:hover .dropdown {
	display:block;
}
.product-btn {
	background-color:#fcfcfc;
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	position:relative;
	z-index:1;
	display:inline-block;
	height:50px;
	color:#222222;
	border-radius:0;
	padding:0 30px;
	font-size:14px;
	line-height:50px;
	font-weight:500;
	width:100%;
	text-transform:capitalize;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	border:1px solid #dedede;
}
.product-btn:hover,.product-btn:focus {
	font-size:14px;
	font-weight:500;
	background-color:#338c56;
	color:#ffffff;
	border-color:#338c56;
}
.Products-area .Products-list .Products-item .product-title {
	text-align:center;
	margin-top:10px;
}
.Products-area .Products-list .Products-item .product-thumbnail {
	position:relative;
	z-index:1;
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	overflow:hidden;
}
@media only screen and (max-width:767px) {
	.Products-area .Products-list .Products-item .product-thumbnail {
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
	width:100%;
	margin-bottom:30px;
}
}.Products-area .Products-list .Products-item .product-thumbnail img {
	width:100%;
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
}
.Products-area .Products-list .Products-item .product-thumbnail::after {
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	width:100%;
	height:100%;
	top:0;
	left:0;
	content:'';
	position:absolute;
	visibility:hidden;
	opacity:0;
}
.Products-area .Products-list .Products-item a {
	font-size:14px;
	color:#6b6b6b;
	font-weight:700;
	text-transform:uppercase;
}
.Products-area .Products-list .Products-item a:hover,.Products-area .Products-list .Products-item a:focus {
	color:#338c56;
}
.classy-menu::-webkit-scrollbar-thumb {
	border-radius:10px;
	-webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / 30%);
	background-color:#9a9a9a;
}
.classy-menu::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 6px rgb(99 99 99 / 30%);
	border-radius:10px;
	background-color:#ffffff;
}
.classy-menu::-webkit-scrollbar {
	width:5px;
}
@media only screen and (max-width:767px) {
	.Products-area .Products-list .Products-item a {
	font-size:12px;
	margin-right:15px;
}
}.tp-down-box {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}
.down-btn {
	letter-spacing:0.1em;
	cursor:pointer;
	font-size:14px;
	font-weight:700;
	line-height:45px;
	width:23%;
	max-width:160px;
	text-decoration:none;
	text-transform:uppercase;
	margin:5px;
}
.down-btn:hover {
	text-decoration:none;
}
.tp-down-btn {
	--uismLinkDisplay:var(--smLinkDisplay,inline-flex);
	display:var(--uismLinkDisplay);
	color:#4b8a5a;
	border:2px solid #4b8a5a;
	border-radius:30px;
	position:relative;
	transition-duration:0.4s;
	overflow:hidden;
	text-align:center;
}
.tp-down-btn::before,.tp-down-btn span {
	margin:0 auto;
	transition-timing-function:cubic-bezier(0.86,0,0.07,1);
	transition-duration:0.4s;
}
.tp-down-btn:hover {
	background-color:#fff;
}
.tp-down-btn:hover span {
	-webkit-transform:translateY(-400%) scale(-0.1,20);
	transform:translateY(-400%) scale(-0.1,20);
}
.tp-down-btn::before {
	content:attr(data-sm-link-text);
	color:#4b8a5a;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	-webkit-transform:translateY(500%) scale(-0.1,20);
	transform:translateY(500%) scale(-0.1,20);
}
.tp-down-btn:hover::before {
	letter-spacing:0.05em;
	-webkit-transform:translateY(0) scale(1,1);
	transform:translateY(0) scale(1,1);
}
@media screen and (max-width:1198px) {
	.down-btn {
	width:45%;
}
@media screen and (max-width:768px )and (min-width:320px) {
	.egames-bta {
	display:none;
}
}}.yqlj {
	background:#000000;
	font-size:12px;
}
.yqlj a {
	color:#a5a5a5;
	font-weight:500;
	font-size:12px;
}
.yqlj em {
	color:#545454;
	font-style:normal;
	margin:0 10px;
}
.yqlj text {
	color:#d4d4d4;
	font-weight:500;
	margin:0 20px;
	font-size:12px;
}
.seotag {
	background-color:#eee;
	-webkit-transition-duration:500ms;
	transition-duration:150ms;
	position:relative;
	z-index:1;
	display:inline-block;
	height:50px;
	color:#545454;
	padding:0 20px;
	font-size:14px;
	line-height:50px;
	font-weight:900;
	border-radius:25px;
	text-transform:capitalize;
	margin:5px 5px;
}
.seotag:hover,.seotag:focus {
	font-size:14px;
	font-weight:900;
	color:#ffffff;
}
/* ====== Tag strar ====== */
.dict {
	margin:0 auto;
	clear:both;
	text-align:left;
	font-size:12px;
	padding:0;
}
.dict a {
	line-height:24px;
	height:24px;
	display:inline-block;
	color:#545454;
	padding:10px 10px;
	margin:10px 5px 0 0;
	border-radius:8px;
	text-decoration:none;
	font-size:14px;
	font-weight:500;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.dict a:hover {
	border-radius:8px;
	color:#fff;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.tagh1 {
	/* text-align:center;
	*/
  font-size:25px;
	font-weight:900;
	/* margin:0 auto;
	*/
  padding:0;
	padding-right:15px;
	padding-left:5px;
	text-align:center;
}
.tagh2 {
	/* text-align:center;
	*/
  font-size:18px;
	font-weight:900;
	/* margin:0 auto;
	*/
  padding:0;
}
.pcolor a:hover {
	background:#338c56 !important;
	background-image:linear-gradient(253deg,#338c56,rgba(255,255,255,0.27))!important;
	font-weight:500;
}
.dict .pcolor a {
	background:#eee;
	height:auto;
}
.cpms {
	height:175px;
}
/* 图片切换容器 */
@media only screen and (max-width:736px) and (min-width:200px) {
	.cptp {
	width:370px;
	height:194px;
	overflow:hidden;
}
.cpms {
	height:137px;
}
}@media only screen and (max-width:1112px) and (min-width:746px) {
	.cptp {
	width:450px;
	height:239px;
	overflow:hidden;
}
}@media only screen and (max-width:2560px) and (min-width:1365px) {
	.cptp {
	width:540px;
	height:288px;
	overflow:hidden;
}
}.cptp {
	display:-webkit-box;
	vertical-align:middle;
}
/*index页面 banner*/
  .svgtb {
	width:45px;
	padding:0;
	text-align:center;
	margin:0px 10px 0px 28px;
	color:#5D5B5D;
}
.svg p {
	padding:0px 0px 0px 0px;
	margin:0 auto;
	font-size:8px;
}
.svg {
	display:-webkit-flex;
	display:flex;
}
.banner_t h3 {
	font-size:45px;
	font-weight:900;
	color:#338c56;
	line-height:1.5;
	text-shadow:-2px -2px 0 #ffffff,2px -2px 0 #ffffff,-2px 2px 0 #ffffff,2px 2px 0 #ffffff,0px 2px 2px rgba(255,255,255,0.6);
}
.banner_t h4 {
	text-shadow:-1px -1px 0 #ffffff,1px -1px 0 #ffffff,-1px 1px 0 #ffffff,1px 1px 0 #ffffff,0px 1px 1px rgba(255,255,255,0.6);
	font-weight:400;
}
.banner_t p {
	color:#5D5B5D;
	width:max-content;
	display:-webkit-box;
}
@media (max-width:980px) {
	.banner_t h3 {
	font-size:22px;
	font-weight:700;
}
.banner_t h4 {
	font-size:18px;
}
.svgtb {
	display:none;
}
.svg p {
	display:none;
}
.banner_t {
	line-height:12px;
}
}@media only screen and (max-width:736px) and (min-width:200px) {
	.phone {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
}
}@media only screen and (max-width:767px) {
	.single-slide {
	height:380px;
}
}.alert_windows {
	display:none;
	position:absolute;
	z-index:900;
	width:320px;
	height:240px;
	background-color:#EEEEEE;
	border-radius:6px;
}
.alert_windows span {
	/*float:right;
	*/
 text-align:right;
	font-size:0.875rem;
	font-weight:600;
	color:#545454;
	cursor:pointer;
}
.wxts {
	float:right;
	width:100%;
	height:100%;
	text-align:left;
	font-size:0.875rem;
	font-weight:500;
	color:#545454;
}
.wxts p {
	font-size:0.875rem;
	font-weight:bold;
	color:#545454;
	line-height:1.5rem;
	padding:10px 20px 10px 20px;
}
.wxts a {
	color:#545454;
	text-decoration:none;
}
.wxts a:hover {
	color:#000000;
	text-decoration:none;
}
.alert_windows span:hover {
	color:#000000;
}
/* 展会轮播 */
 #carousel-container {
	width:100%;
	margin:auto;
	overflow:hidden;
	position:relative;
	border-radius:8px;
}
#image-carousel {
	display:flex;
	transition:transform 0.5s ease-in-out;
}
.carousel-image {
	width:100%;
	height:auto;
}
.carousel-itemzh {
	min-width:100%;
	box-sizing:border-box;
	position:relative;
}
.carousel-caption2 {
	position:absolute;
	top:0%;
	left:8%;
	/*! transform:translate(-50%,-50%);
	*/
 	font-weight:bold;
	opacity:1;
	z-index:2;
	width:revert;
	right:8%;
}
.carousel-caption-hover {
	position:absolute;
	top:75%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	opacity:0;
	/* 鼠标移入时显示 */
 	z-index:2;
}
.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#35353563;
	z-index:1;
	opacity:0;
	transition:opacity 0.3s ease-in-out;
	background-image:linear-gradient(rgba(49,49,49,0.8),rgba(0,0,0,0.01));
	border-radius:8px;
}
.carousel-itemzh:hover .overlay {
	opacity:1;
}
.caption-textzh {
	font-size:24px;
	font-weight:bold;
	text-shadow:2px 2px 4px rgba(0,0,0,0.8);
}
.carousel-indicatorszh {
	position:absolute;
	bottom:10px;
	left:50%;
	transform:translateX(-50%);
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:2;
}
.indicator {
	width:10px;
	height:10px;
	background-color:#a5a5a5;
	border-radius:50%;
	margin:0 5px;
	cursor:pointer;
}
.indicator.active {
	background-color:#338c56;
}
/*Cookie确认*/
.cookie-popup {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	background-color:#fafafa;
	padding:10px;
	text-align:center;
	display:none;
	z-index:99999999;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.3);
}
.cookie-popup p {
	color:#545454;
	font-size:14px;
	font-weight:200;
}
.cookie-popup button {
	font-size:15px;
	font-weight:600;
	padding:5px 10px;
	border-radius:8px;
	background-color:#eee;
	outline:none;
	border:5px solid transparent;
	margin:0 auto；
}
.cookie-status {
	font-weight:400;
	margin-top:10px;
	color:#1d1d1d;
}
/*金刚区*/
.hidden-text {
	display:none;
	transition:all 0.3s ease;
}
.product_img_container:hover .hidden-text {
	display:block;
}
.product_img_container:hover .default-text {
	transition:all 0.3s ease;
}
.hidden-link {
	text-decoration:none;
	color:inherit;
}
.product_img_container a {
	text-decoration:none;
	color:#338c56;
}
.product_img_container {
	position:relative;
	width:100%;
	height:100%;
	padding:0;
	transition:transform 250ms;
	background-color:#eeeeee;
	border-radius:12px;
}
.product_text_container {
	/* position:absolute;
	*/
    top:0%;
	left:0;
	right:0;
	padding:13px 0px 5px 0px;
	font-weight:bold;
	text-align:center;
	overflow:hidden;
	align-items:center;
	justify-content:center;
}
.product_bigtext {
	position:absolute;
	top:70%;
	padding:10px;
	font-weight:400;
	left:0;
	right:0;
}
.product_bigtext h5 {
	font-size:22px;
	font-weight:600;
	text-align:center;
	color:white;
}
.product_bigtext p {
	font-size:16px;
	font-weight:400;
	text-align:center;
	color:white;
}
.product_text_container h5 {
	font-size:20px;
	text-align:center;
	color:#1d1d1d;
	font-weight:400;
}
.product_text_container p {
	font-size:13px;
	font-weight:400;
	text-align:center;
	color:#4b4b4b;
}
.product_bigtext h5 span {
	font-size:32px;
	font-weight:600;
	text-align:center;
	color:#338c56;
}
.case_display {
	transition:transform 250ms;
}
.case_display:hover {
	transform:translateY(5px);
}
.case_display {
	position:relative;
	display:inline-block;
}
.default-img,.hover-img {
	display:block;
	width:100%;
	transition:opacity 0.3s ease-in-out;
	border-radius:12px;
}
.hover-img {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	/* 默认隐藏悬停图片 */
}
.case_display:hover .hover-img {
	opacity:1;
	/* 悬停时显示 */
}
.case_display:hover .default-img {
	opacity:0;
	/* 悬停时隐藏默认图片 */
}
.product_bigtext {
	transition:opacity 0.3s ease-in-out;
}
.case_display:hover .product_bigtext {
	opacity:0;
	/* 悬停时隐藏文字 */
}
.product_img_container:hover::before {
	opacity:0;
}
.product_img_container:hover {
	opacity:1;
	transform:translateY(-5px);
}
.card-img-top {
	border-radius:12px 12px 0px 0px;
	height:auto;
}
.hidden-text {
	color:transparent;
	pointer-events:none;
	opacity:0;
	transition:opacity 1.3s ease;
}
.product_img_container:hover .hidden-text {
	/*animation:colorChange 6s infinite;
	*/
	opacity:1;
}
/*@keyframes colorChange {
	*/
/*  0% {
	*/
/*    color:#338c56;
	*/
/*
}
*/
/*  25% {
	*/
/*    color:#5cb85c;
	*/
/*
}
*/
/*  50% {
	*/
/*    color:#338c56;
	*/
/*
}
*/
/*  75% {
	*/
/*    color:#5cb85c;
	*/
/*
}
*/
/*  100% {
	*/
/*    color:#338c56;
	*/
/*
}
*/
/*
}
*/

.pdf-card-background {
	position:relative;
	transition:filter 250ms;
	border-radius:12px;
}
.pdf-card-background::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*background-color:rgba(0,0,0,0.3);
	*/
	transition:opacity 0.3s ease;
	border-radius:12px;
}
.pdf-card-background:hover::before {
	opacity:0;
}
.pdf-card-background img {
	width:100%;
	height:auto;
	border-radius:12px;
	transition:filter 250ms;
	max-height:160px;
}
.pdf-card-content {
	position:absolute;
	top:5%;
	padding:10px;
	text-align:center;
	overflow:hidden;
	pointer-events:none;
}
.pdf-card-content {
	color:#f5f5f7;
	border-radius:12px;
	display:flex;
	flex-direction:column;
	height:calc(100% - 40px);
	justify-content:space-between;
	width:calc(100% - 40px);
}
.pdf-card-content-header {
	display:flex;
	flex-direction:column;
	gap:2px;
}
.pdf-card-label span {
	color:#338c56;
	font-size:0.8em;
	text-transform:uppercase;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.pdf-card {
	transition:transform 250ms;
	position:relative;
}
.pdf-card:hover {
	transform:translateY(-5px);
}
.pdf-icon {
	color:#f5f5f7;
	font-size:45px !important;
	text-align:right;
	bottom:-8%;
	left:85%;
	position:absolute;
}
.pdf-card-content span {
	text-align:left;
}
.pdf-card-label {
	color:#338c56;
	font-weight:600;
	font-size:20px;
	white-space:nowrap;
}
.pdf-card-name {
	font-weight:400;
	font-size:16px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.pdf-card-date {
	font-weight:400;
	font-size:12px;
	bottom:0%;
	position:absolute;
}
.video-card-background {
	position:relative;
	transition:filter 250ms;
	border-radius:12px;
}
.video-card-background::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*background-color:rgba(0,0,0,0.5);
	*/
	transition:opacity 0.3s ease;
	border-radius:12px;
	cursor:pointer;
}
.video-card-background:hover::before {
	opacity:0;
}
.video-card-background img {
	width:100%;
	height:auto;
	border-radius:12px;
	transition:filter 250ms;
	max-height:160px;
}
.video-card-content {
	position:absolute;
	top:5%;
	padding:10px;
	text-align:center;
	overflow:hidden;
	pointer-events:none;
}
.video-card-content {
	color:#f5f5f7;
	border-radius:12px;
	display:flex;
	flex-direction:column;
	height:calc(100% - 40px);
	justify-content:space-between;
	width:calc(100% - 40px);
}
.video-card-content-header {
	display:flex;
	flex-direction:column;
	gap:2px;
}
.video-card-label span {
	color:#338c56;
	font-size:0.8em;
	text-transform:uppercase;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.video-card {
	transition:transform 250ms;
	position:relative;
	cursor:pointer;
}
.video-card:hover {
	transform:translateY(-5px);
}
.video-icon {
	color:#f5f5f7;
	font-size:45px !important;
	text-align:right;
	bottom:-8%;
	left:70%;
	position:absolute;
}
.video-card-content span {
	text-align:left;
}
.video-card-label {
	color:#338c56;
	font-weight:600;
	font-size:20px;
	white-space:nowrap;
}
.video-card-name {
	font-weight:400;
	font-size:16px;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.video-card-date {
	font-weight:400;
	font-size:12px;
	bottom:0%;
	position:absolute;
}
@media only screen and (max-width:425px) {
	.product_img_container {
	position:relative;
	width:100%;
	margin:0 auto;
}
.product_bigtext {
	position:absolute;
	top:20%;
	padding:10px;
	font-weight:400;
}
.line_pdf {
	height:360px;
}
.product_text_container {
	top:60%;
}
.pdf-card-content {
	height:calc(100% - 10px);
}
.video-card-content {
	height:calc(100% - 20px);
}
}@media only screen and (max-width:1112px) and (min-width:746px) {
	.product_bigtext {
	position:absolute;
	top:50%;
	padding:10px;
	font-weight:400;
	text-align:center;
}
.product_text_container {
	position:absolute;
	top:65%;
	left:0;
	right:0;
	padding:0px;
	font-weight:bold;
	text-align:center;
	overflow:hidden;
	align-items:center;
	justify-content:center;
	width:100%;
}
.product_text_container h5 {
	font-size:16px;
	font-weight:500;
	text-align:center;
	color:#f5f5f7;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.product_text_container p {
	font-size:12px;
	font-weight:400;
	text-align:center;
	color:#f5f5f7;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
}/*弹窗*/
.video-modal {
	display:none;
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(255,255,255,1);
	justify-content:center;
	align-items:center;
	transition:opacity 0.3s ease-in-out;
}
.video-modal-content {
	position:relative;
	background:#000;
	padding:20px;
	width:80%;
	max-width:1140px;
	height:auto;
	box-shadow:0 4px 10px rgba(0,0,0,0.3);
	animation:fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
	from {
	opacity:0;
	transform:scale(0.9);
}
to {
	opacity:1;
	transform:scale(1);
}
}.close-btn {
	position:absolute;
	top:10%;
	right:2%;
	font-size:24px;
	/* 调整字体大小，避免超出 */
    color:#fff;
	cursor:pointer;
	background-color:#545454;
	border-radius:50%;
	/* 让按钮完全变成圆形 */
    height:40px;
	width:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 1px 5px 2px rgba(0,0,0,0.15);
}
.video-modal iframe {
	width:100%;
	height:450px;
}
body.modal-open {
	overflow:hidden;
	padding-right:var(--scrollbar-width);
}
/*骨架屏*/
        @keyframes shimmer {
	0% {
	background-position:-200% 0;
}
100% {
	background-position:200% 0;
}
}.skeleton {
	background:linear-gradient(90deg,#f3f3f3 25%,#e0e0e0 50%,#f3f3f3 75%);
	background-size:200% 100%;
	animation:shimmer 1.5s infinite linear;
	border-radius:4px;
}
.skeleton-wrapper {
	position:relative;
	width:100%;
	display:inline-block;
}
.skeleton-img {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.lazy-load {
	width:100%;
	height:auto;
	opacity:0;
	transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.error-message {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:red;
	font-size:14px;
	font-weight:bold;
	background:rgba(255,255,255,0.8);
	padding:5px 10px;
	border-radius:4px;
	z-index:10;
	display:none;
}
.skeleton-placeholder {
	width:100%;
}
.skeleton-text {
	height:1em;
	margin-bottom:5px;
}
.real-text {
	opacity:0;
	transition:opacity 0.3s ease-in-out;
	line-height:1.5em;
	white-space:pre-wrap;
}
.fade-in {
	opacity:1 !important;
}
/*Banner*/
.slideItem_container {
	position:absolute;
	width:100%;
	bottom:0;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:1;
}
.preview_box {
	position:absolute;
	width:400px;
	height:200px;
	opacity:0.7;
	border-radius:5px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	z-index:99;
}
.slideItem {
	cursor:pointer;
}
@media only screen and (max-width:425px) {
	.preview_box {
	display:none;
}
}/*首页特定*/
.owl-nav i {
	font-size:4rem !important;
}
.single-articles-area .article-content.hd p {
	color:#cacaca !important;
}
h2 {
	color:#cacaca !important;
}
.article-content .post-title:hover {
	color:#338c56 !important;
}
/*订阅按钮*/
.subscribe-wrapper {
	position:relative;
	width:100%;
	margin-top:20px;
}
.subscribe_text {
	height:45px;
	width:100%;
	padding:0 80px 0 15px;
	border:2px solid #338c56;
	border-radius:18px;
	background:transparent;
	color:#fff;
	outline:none;
	box-sizing:border-box;
}
.subscribe_icon_button {
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
	height:30px;
	padding:0 16px;
	font-size:14px;
	background-color:#338c56;
	color:#fff;
	border:none;
	border-radius:50px;
	cursor:pointer;
	transition:background-color 0.3s ease;
	transition:all 0.3s ease;
}
.subscribe_icon_button:hover {
	background-color:#2a6f45;
	right:8px;
}
/* ====== The End ====== */