body{
	background:#fff;
	font-family: 'PT Sans', sans-serif;
		
}
body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration:none;
}
 ul{
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6,label,p{
	margin:0;	
}
/*----*/
.top-header{
	background:#8fbf00;
	 
}
.search{
	position:relative;
	border-left: 1px solid #fff;
	  float: right;
  width: 23%;
}
.search input[type="text"] {
	outline: none;
  padding: 8px 15px;
  background: none;
  width: 91%;
  border: none;
  font-size: 1em;
  color: #fff;
  font-style: italic;	
}
.search input[type="submit"] {	
	border: none;
	cursor: pointer;
	position: absolute;
	outline: none;
  top: 5px;
  right: 0px;
  background: url(../images/img-sprite.png)no-repeat -6px -12px ;
  width: 25px;
  height: 25px;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
ul.header-in{
	float:left;
	    margin-top: 0.5em;
}
ul.header-in li{
	display:inline-block;
}
ul.header-in li a{
	text-decoration:none;
	color:#fff;
	font-size:1em;
	margin:0em 1em;
}
ul.header-in li a:hover{
	color:#2d2d2d;
}
.head-top {
  padding: 0 15px;
}
.top-head {
  padding: 0 15px;
}
/*--logo--*/
.logo {
	float:left;  
}
.logo h1{
	font-size: 2.5em;
font-family: 'Montserrat Alternates', sans-serif;
}
.logo h1 a{
	text-decoration: none;
	color:#2d2d2d;
}
.logo h1 a span{
	text-decoration: none;
	color:#8fbf00;
}
.top-nav{
	float:right;
}
.top-nav ul li {
	display:inline-block;
	float: left;
}
.top-nav span.menu {
  display: none;
}
.top-nav ul li  a {
	display: inline-block;
	color: #000;
	text-decoration: none;		
	font-size: 1.1em;
	padding:0.5em 1.3em;
}
.top-nav ul li  a:hover{
	color:#fff;
}
.top-nav ul li a.color1:hover{
	background:#d52685;
}
.top-nav ul li a.color2:hover{
	background:#fd9f3e;
}
.top-nav ul li a.color3:hover{
	background:#553a99;
}
.top-nav ul li a.color4:hover{
	background:#6cbc35;
}
.top-nav ul li a.color5:hover{
	background:#08538c;
}
.top-nav ul li a.color6:hover{
	background:#FFE500;
}
.header-top {
	background:#fff;
	  padding: 2em 0 ;
	    border-bottom: 1px solid #D3D2D2;
}
/*--banner--*/
.wmuSlider {
	position: relative;
	overflow: hidden;
}
.wmuSliderPagination {
	z-index: 2;
	position: absolute;
	right:0%;
	top:0%;
	background:#fff;
}
ul.wmuSliderPagination {
	
	  height: 342px;
  width: 65px;
  padding: 10.5em 2em 0;
  
}
.wmuSliderPagination li {
	margin-bottom:8px;
	list-style-type: none;
	display:block;
}
.wmuSliderPagination a {
	display: block;
	text-indent: -9999px;
	width:8px;
	height:8px;
	background:#8fbf00;
	border-radius:50px;
	
}
.wmuGallery .wmuGalleryImage {
	margin-bottom: 10px;
}
.wmuSliderPrev, .wmuSliderNext {
	display:none;
}
.wmuSliderWrapper {
  padding: 0 1em;
}
.banner{
	background:url(../images/dark.png) 0px 0px;
	  padding: 3em 0;
}
.banner-top{
	float:left;
	width:95%;
	background:#fff;
	  margin-right: 3%;
	    border-radius: 5px;
}
.banner-top li{ width: 18%;
	list-style-type: none;
	display:block;}
.banner-bottom{
	width:55%;
}
.banner-top-in{
	float:left;
	  width: 45%;
}
/*--//banner--*/
/*--content--*/
h2.new{
	color:#000;
	font-size:1.5em;
	  padding: 0 0.7em;
}
 h2.new:after, h2.new:before{
	content:"";
	background:#8FBF00;
	width:515px;
	height:2px;
	display:inline-block;
	  vertical-align: middle;
	    margin:0 10px 0 0;
}
 h2.new:after{
	margin:0 0px 0 10px;
}
.content-top {
  padding: 5em 0 4em;
}

/*--col-mn--*/
.col-mn{
	background:url(../images/ba2.jpg)no-repeat center;
	width:100%;
	min-height:380px;
	display:block;
	background-size:cover;
	  padding: 6.5em 0 0;
}

.col-mn2{
	color:#fff;	
}
.col-mn2 h3{
	font-size:3em;
	  font-family: 'Montserrat Alternates', sans-serif;
}
.col-mn2 p{
	font-size: 1.1em;
  width: 75%;
  margin: 0.5em 0 1.5em;
}

a.more-in{
	background:#8fbf00;
  text-decoration: none;
  font-size: 1em;
  padding: 0.5em 1em;
  color:#fff;
}

a.more-in:hover {
  background: #fff;
  color:#2d2d2d;
}
/*--latest--*/
a.fashion {
  float: left;
  width: 34%;
}
.grid-product {
  float: right;
  width: 62%;
}
.grid-product span{
	font-size:1.1em;
	color:#989494;
}
.grid-product p{
	font-size: 1.1em;
  	line-height: 1.4em;
    margin: 0.3em 0;
}
.grid-product p a{
	text-decoration:none;
	color:#000;
}
.grid-product p a:hover{
	color:#8fbf00;
}
.late {
  padding: 2em 0 0;
}
.latest h4{
	background: #2d2d2d;
	font-size: 1.5em;
	display: block;
	color:#fff;
	  padding: 10px 15px;
}
a.comment{
	text-decoration: none;
	font-size: 1em;
	color:#8fbf00;
}

.featured {
  padding: 5em 0;
}
/*--//content--*/
/*--footer--*/
.footer-middle{
	background:#2d2d2d;
	padding:2em 0;
}
.footer-middle-in {
  float: left;
  width: 20%;
}
.footer-middle-in  h6{
	color:#fff;
	font-size:1.3em;
	padding:0 0 0.4em;
	text-transform:uppercase;
	
}
.footer-middle-in  p{
	color:#989494;
	font-size:0.9em;
	line-height:1.9em;
	width: 79%;
	 
}
.footer-middle-in  ul li{
	list-style:none;
}
.footer-middle-in  ul li a{
	color:#989494;
	font-size:0.9em;
	text-decoration:none;
	padding:0 0 0.5em ;
	display:block;	 
}
.footer-middle-in  ul li a:hover{
	color:#8FBF00;
}
.footer-class{
	color:#fff;
	font-size:1em;
	text-align:center;
	background:#8FBF00;
	padding:1em 0;	 
}
.footer-class a{
	color:#2d2d2d;
	text-decoration:none;
}
.footer-class a:hover{
	color:#fff;
}
/*--//footer--*/
/*--games--*/
.games {
  padding: 3em 0 4em;
}
.games h2 {
  font-size: 1.5em;
  font-family: 'Montserrat Alternates', sans-serif;
  color: #2d2d2d;
  text-align: center;
	font-weight: bold;
}
/*--//games--*/
/*--contact--*/
.contact {
  padding: 3em 0 0;
}
.contact h2{
	font-size: 3em;
	font-family: 'Montserrat Alternates', sans-serif;
	color:#2d2d2d;
	text-align: center;
}
.map iframe{
	width: 100%;
	height:350px;
	border:none;
}
.contact-grid input[type="text"],.contact-grid textarea{
	width: 100%;
	padding: 1em;
	margin: 0.5em 0;
	background:none;
	outline:none;
	  border: 1px solid #A09F9F;
	  font-size:1em;
	  color:#A09F9F;
	-webkit-appearance: none;
}
.contact-grid textarea{
	resize:none;
}
.send input[type="submit"]{
	width: 14%;
	font-size: 1.1em;
	background:#8FBF00;
	padding: 0.4em 0.8em;
	text-align: center;
	color: #fff;
	border: none;
	outline:none;
	-webkit-appearance: none;
}
.send input[type="submit"]:hover{
	background:#2d2d2d;
}
.contact-form {
	padding: 3em 0;
}
.address-more {
  padding: 0 0 2em;
}
.contact-in p{
	font-size:1em;
	color: #A09F9F;
	width: 72%;
	line-height: 1.7em;	
}
.address-more h4{
	color:#626262;
	font-size:1.4em;
	  font-family: 'Montserrat Alternates', sans-serif;
	margin: 0 0 0.3em;
}
.address-more p a{
	text-decoration:none;
	color: #9A9898;
}
.address-more p a:hover{
	color: #8FBF00;
}
/*--//contact--*/
/*--four--*/
.four{
	  padding: 9em 0 10em;
  text-align: center;
  min-height: 477px;
}
.four h2{
	  color: #8fbf00;
  font-size: 7em;
font-family: 'Montserrat Alternates', sans-serif;
  padding: 0.1em 0 0.2em;
}
.four p{
	color:#2d2d2d;
	font-size: 2em;
}
/*--//four--*/
/*--reviews--*/
.review h2{
		font-size: 3em;
	font-family: 'Montserrat Alternates', sans-serif;
	  color:#2d2d2d;
	  text-align: center;
}
.review {
  padding: 3em 0 5em;
}
.col-1 {
	background: #eee;
	  padding: 1em;
}
.col-1 h4{
	font-size:1.2em;
	 margin: 0.8em 0 0.5em;
	   font-family: 'Montserrat Alternates', sans-serif;
}
.col-1 h4 a{
	color:#2d2d2d;
	text-decoration: none;
}
.col-1 h4 a:hover{
	color:#8fbf00;
}
.col-1 p{
	color:#2d2d2d;
	font-size:1em;
	line-height: 1.5em;
}
.review-md1 {
  padding: 3em 0 0;
}
/*--//reviews--*/
/*--blog--*/
.blog{
		padding: 3em 0;
}
.blog h2{
		font-size: 3em;
	font-family: 'Montserrat Alternates', sans-serif;
	  color:#2d2d2d;
	  text-align: center;
}
.blog-left{
	float: left;
	border-right: 1px solid #B6B3B3;
	padding-right: 1.5em;
}
.blog-to {
  padding: 2em 0;
}
.blog-top {
  padding: 1em 0 0;
}
.top-blog {
	float: left;
	margin: 0.5em 0em 0em 2em;
	width: 90%;
}
.blog-left b{
	font-size:3.5em;
	color:#8fbf00;
	display:block;
	height:55px;
	  font-family: 'Montserrat Alternates', sans-serif;
}
.blog-left span{
	font-size:1.7em;
	color:#8fbf00;
	  font-family: 'Montserrat Alternates', sans-serif;
}
ul.men-grid li{
	display:inline-block;
}
.top-blog p{
	font-size:1.1em;
	color:#A09F9F;
	line-height: 1.5em;
}
.top-blog p a{
	text-decoration:none;
	color:#8fbf00;
}
.top-blog  a.fast{
	text-decoration:none;
	font-size:1.1em;
	color:#2d2d2d;
	  font-family: 'Montserrat Alternates', sans-serif;
}
.top-blog a.fast:hover,.top-blog p a:hover,ul.popular li a:hover,a.more-dummy:hover{
	color:#8fbf00;
}
.pagination > .active > a,.pagination > .active > a:hover{
	background:#8FBF00;
	border-color:#8FBF00;
}
.pagination {
  margin: 0;
}
.pagination > li > a:hover{
  color: #FFFFFF;
  border-color: #8FBF00;
  background: #8FBF00;
}
a.more {
  color: #fff;
  background: #8FBF00;
  padding: 0.5em 1em;
  display: inline-block;
  text-decoration: none;
}
a.more:hover {
  background: #2d2d2d;
}
p.sed {
  margin: 0.5em 0 1em;
}
nav {
  text-align: center;
}
.single-inline {
  padding: 0 15px;
}
/*--//blog--*/
/*--single--*/
.single-middle h3{
font-size: 2.5em; 
  color: #2d2d2d;
  text-align:center;
    margin: 0 0 1em;
    font-family: 'Montserrat Alternates', sans-serif;
}
.single-bottom {
  padding: 0em 0 4em;
}
.single-bottom input[type="text"], .single-bottom textarea {
  width: 100%;
  padding: 1em;
  background: none;
  outline: none;
  border: 1px solid #A09F9F;
  font-size: 1em;
  color:#A09F9F;
  -webkit-appearance: none;
}
.single-bottom  input[type="submit"]{
	width: 10%;
	font-size: 1.3em;
	background: #8fbf00;
	padding: 0.4em 0.8em;
	text-align: center;
	color: #fff;
	border: none;
	outline:none;
	-webkit-appearance: none;
	  margin: 0 0.8em;
}
.single-bottom  input[type="submit"]:hover{
	background:#2d2d2d;
}
 .single-bottom textarea {
	resize:none;
	min-height:180px;
	 margin: 1em 1em;
	width: 97.6%;
 }
.media-body h4{
	  font-size: 1.3em; 
}
.media-body h4 a{
  color: #2d2d2d;
  text-decoration:none;
}
.media-body p {
  margin: 0.7em 0 0em;
  font-size: 1.1em;
  color: #A09F9F;
  line-height: 1.5em;
}
.media {
  margin: 0em 0 3em;
}
.single-bottom h3 {
  font-size: 2.5em; 
  color: #2d2d2d;
  text-align: center;
  margin: 0.5em 0 1em;
  font-family: 'Montserrat Alternates', sans-serif;
}
.md-in{
	padding:0;
}
.in-media{
	padding:0 0 0 5em;
}
 ul.grid-part li{
	list-style:none;
}
 ul.grid-part li a{
	color:#A09F9F;
	text-decoration:none;
	padding:0.2em 0;
	display:block;
	font-size: 1.1em;
}
ul.grid-part li a i{
	background: #8fbf00;
	width:5px;
	height: 5px;
	display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
 ul.grid-part li a:hover{
	color:#8fbf00;
	padding-left:0.2em;
}
ul.grid-part {
  margin: 0.5em 0 2em;
}
.single {
  padding: 2em 15px 0;
}
/*--//single--*/
/*--responsive--*/
@media(max-width:1366px){
}
@media(max-width:1280px){
}
@media(max-width:1220px){

}
@media(max-width:1024px){
ul.wmuSliderPagination {
  height: 283px;
  padding: 8em 2em 0;
}
h2.new:after, h2.new:before {
  width: 389px;
}
/*--blog--*/
.top-blog {
  width: 86%;
}
}
@media(max-width:768px){
	span.menu{
	display: block;
	text-align: right;
	cursor: pointer;
	position: relative;
}
.top-nav ul{
	display: none;
	position:absolute;
	width: 100%;
	z-index: 9999;
	left: 0%;
	margin:2em 0em;
	background:#8fbf00;
	border:0;
}
.top-nav span.menu{
	display: block;
}
.top-nav ul li{
	display: block;
	float:none;
	padding:  0.3em;
	text-align: center;
}
.top-nav ul li a{
	color:#fff;
	display:block;
	margin:0;
	background: none;
	border:none;
	padding:0.4em;
}
.top-nav ul li.active a{
	color:#000;	
}

ul.wmuSliderPagination {
  width: 47px;
  height: 216px;
  padding: 6.5em 1.4em 0;
}
h2.new:after, h2.new:before {
  width: 279px;
}
.col-mn2 p {
  width: 97%;
}
.col-mn {
  min-height: 346px;
}
.latest {
  margin-bottom: 2em;
}
a.fashion {
  width: 20%;
}
.grid-product {
  width: 78%;
}
.grid-product p {
  width: 43%;
}
.featured {
  padding: 3em 0 1em;
}
.content-top {
  padding: 3em 0 3em;
}
.footer-middle-in h6 {
  font-size: 1.1em;
}
.footer-middle-in p {
  width: 95%;
}
.search {
  width: 30%;
}
/*--reviews--*/
.sed-md {
  width: 33.3%;
  float: left;
}
.col-1 h4 {
  font-size: 1em;
}
.review {
  padding: 3em 0 3em;
}
.review-md1 {
  padding: 2em 0 0;
}
/*--blog--*/
.top-blog {
  width: 83%;
}
.md-in {
  float: left;
  width: 50%;
}
.single-bottom input[type="text"] {
  margin-bottom: 1em;
}
.single-bottom textarea{
	margin: 0 1em 1em;
	width: 96%;
}
.single-bottom input[type="submit"] {
  width: 13%;
}
/*--contact--*/
.contact-in {
  margin-top: 2em;
}
}

@media(max-width:640px){
.search {
  width: 36%;
}
ul.wmuSliderPagination {
  height: 174px;
  padding: 4.8em 1.4em 0;
}
.banner {
  padding: 2em 0;
}
h2.new:after, h2.new:before {
  width: 215px;
}
.col-mn {
  min-height: 318px;
  padding: 4.5em 0 0;
}
a.fashion {
  width: 25%;
}
.grid-product {
  width: 73%;
}
.footer-middle-in h6 {
  font-size: 0.9em;
}
/*--reviews--*/
.sed-md {
  padding: 0 10px;
}
.review h2,.games h2 ,.blog h2,.contact h2{
  font-size: 2.5em;
}
/*--blog--*/
.top-blog {
  width:84%;
  margin: 0.5em 0em 0em 1em;
}
.blog-left b {
  font-size: 2em;
    height: 35px;
}
.blog-left span {
  font-size: 1em;
}
.blog-left {
  padding-right: 1em;
}
ul.grid-part {
  margin: 0.5em 0 1em;
}
.media {
  margin: 0em 0 1em;
}
.single-bottom textarea {
  width: 93%;
}
.single-middle h3 ,.single-bottom h3{
  font-size: 2em;
}
.single-bottom input[type="submit"] {
  width: 20%;
}
}
@media(max-width:568px){
ul.header-in li a {
  margin: 0em 0.3em;
}
}
@media(max-width:480px){
.footer-middle-in h6 {
  font-size: 0.9em;
}
.search {
  width: 44%;
}
.header-top {
  padding: 1em 0;
}
.wmuSliderPagination li{
  display:inline-block !important;
}
.banner-top {
  /*width: 100%;*/
   margin-bottom: 1em;
}
.banner-top-in {
  width: 20%;
}
ul.wmuSliderPagination {
    height: 32px;
  padding: 0.9em 0em 0;
  width: 403px;
  margin: 0 1em 0 0;
  text-align:center;
}
.wmuSliderPagination {
  top: 90%;
}
.banner-wrap {
  padding: 0 0 3em;
}
.wmuSliderPagination a {
  margin: 0 0.5em 0 0;
}
.banner {
  padding: 2em 0 0em;
}
.search input[type="text"] {
  padding: 8px 6px;
}
h2.new {
  font-size: 1.3em;
}
h2.new:after, h2.new:before {
  width: 145px;
}
.col-mn2 p {
  width: 100%;
  font-size: 1em;
}
.col-mn2 h3 {
  font-size: 2.5em;
}
.col-mn {
  min-height: 290px;
  padding: 3.5em 0 0;
}
a.fashion {
  width: 32%;
}
.grid-product {
  width: 65%;
}
.grid-product p {
  width: 79%;
  font-size: 1em;
}
.footer-middle-in {
  width: 50%;
}
/*--404--*/
.four p {
  font-size: 1.3em;
}
/*--review--*/
.sed-md {
  width: 100%;
  margin-top: 2em;
}
.review-md1 {
  padding: 0em 0 0;
}
.col-1 img{
	width:100%;
}
.md-in {
  width: 100%;
}

}
@media(max-width:414px){
.search {
  display: none;
}
ul.header-in {
  width: 100%;
    margin-top: 0em;
	text-align:center;
	  padding: 0.5em;
}
ul.header-in li a {
  font-size: 1em;
  margin: 0em 0.3em;
}
}
@media(max-width:320px){
.logo h1 {
  font-size: 1.8em;
  margin-top: 6px;
}
.col-mn2 h3 {
  font-size: 2em;
}
.col-mn {
  padding: 2.3em 0 0;
}
a.fashion {
  width: 45%;
}
.grid-product {
  width: 51%;
}
.grid-product p {
  width: 100%;
  font-size: 0.9em;
}
.latest h4 {
  font-size: 1.3em;
}
.late {
  padding: 1em 0 0;
}
.wmuSliderWrapper {
  padding: 0 0em;
}
.latest {
  margin-bottom: 1.5em;
  padding: 0;
}
.featured {
  padding: 1.5em 0 1em;
}
.content-top {
  padding: 1.5em 0;
}
/*--games--*/
.games {
  padding: 1.5em 0;
}
.review h2, .games h2, .blog h2,.contact h2 {
  font-size: 1.8em;
}
/*--reviews--*/
.review {
  padding: 1.5em 0;
}
.sed-md {
  width: 100%;
  margin-top: 1.5em;
  padding: 0;
}

ul.wmuSliderPagination {
  width: 268px;
  margin: 0 0em 0 0;
}
h2.new {
  font-size: 1.1em;
  padding: 0;
}
h2.new:after, h2.new:before {
  width: 74px;
}
/*--four--*/
.four h2 {
  font-size: 4em;
}
.four p {
  font-size: 1.1em;
}
.four {
  padding: 5em 0 6em 0;
  min-height: 339px;
}
/*--blog--*/
.blog {
  padding: 1.5em 0;
}
.blog-to {
  padding: 1.5em 0px 0;
}
.single-inline {
  padding: 0;
}
.blog-left b {
  font-size: 1.8em;
  height: 26px;
}
.blog-left span {
  font-size: 0.9em;
}
.top-blog {
  width: 77%;
}
.top-blog a.fast ,.top-blog p{
  font-size: 0.9em;
}
nav {
  padding: 1.5em 0 0;
}
a.more {
  padding: 0.35em 0.7em;
}
.single {
  padding: 0em 0px 0;
}
ul.grid-part li a {
  font-size: 0.9em;
}
.single-middle h3, .single-bottom h3 {
  font-size: 1.7em;
}
.media-body p {
  font-size: 0.9em;
}
.in-media {
  padding: 0 0 0 0em;
}
.comment {
  padding: 0;
}
.single-bottom input[type="text"], .single-bottom textarea {
  padding: 0.55em;
}
.single-bottom textarea {
  margin: 0 0em 0.7em;
  width: 100%;
  min-height:100px;
}
.single-bottom input[type="submit"] {
  width: 26%;
  margin: 0;
  padding: 0.2em;
}
.single-bottom {
  padding: 0em 0 1.5em;
}
/*--contact--*/
.map iframe {
  height: 100px;
}
.contact {
  padding: 1.5em 0 0;
}
.contact-form {
  padding: 1.5em 0;
}
.contact-grid {
  padding: 0;
}
.contact-in {
  margin-top: 1.5em;
  padding: 0;
}
.contact-grid input[type="text"], .contact-grid textarea {
  padding: 0.55em;
}
.send input[type="submit"] {
  width: 24%;
}
.address-more {
  padding: 0 0 1em;
}
.top-nav ul{
	margin:1em 0em;
}
.head-top {
  padding: 0;
}
}

.pat {width:calc(100% - 24px);display:flex;align-items:center;justify-content:center}
.all_games_list{display:flex;flex-wrap:wrap;margin-bottom:15px}
.all_games_list>li{padding-top:20px;padding-bottom:20px;width:calc((100% - 70px)/8);margin-right:10px;margin-bottom:6px;background-color:#fff;border-radius:2px;overflow:hidden;box-shadow:0px 1px 4px 0px rgba(0,0,0,.1)}
.all_games_list>li>a{width:100%;display:flex;flex-direction:column;align-items:center;text-decoration: none;}
.all_games_list>li>a .thum{width:110px;height:110px;overflow:hidden;border-radius:2px}
.all_games_list>li>a .thum img{width:100%;height:100%;object-fit:cover;object-position:center}
.all_games_list>li>a dl{width:100%;position:relative;padding:10px 10px 0;overflow:hidden}
.all_games_list>li>a dl dt{width:100%;text-align:center;font-size:14px;padding:0 5px;color:#092644;font-weight:600;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.all_games_list>li>a dl dd:nth-child(2){display:flex;justify-content:center}
.all_games_list>li>a dl dd:nth-child(2) .layui-rate{padding:0}
.all_games_list>li>a dl dd:nth-child(2) .layui-rate .layui-inline{display:inline-flex;align-items:center}
.all_games_list>li>a dl dd:nth-child(2) .layui-rate .layui-inline .layui-icon{font-size:14px}
.all_games_list>li>a dl dd:nth-child(2) .layui-icon-rate-half{font-size:14px}
.all_games_list>li>a dl dd:nth-child(3){position:absolute;left:10px;top:45px;transition:all .3s;width:calc(100% - 20px);height:35px;line-height:35px;text-align:center;border-radius:2px;color:#fff;font-size:16px;background-color:#8fbf00}
.all_games_list>li>a dl:hover dd:nth-child(3){top:8px;color:#989494;}
.all_games_list>li:nth-child(8n){margin-right:0}




.category_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.category_list li {
	width: calc((100% - 40px)/3);
	background-color: #fff;
	border-radius: 2px;
	padding: 15px;
	margin-bottom: 20px;
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,.1);
	transition: all .3s
}

.category_list li a {
	display: flex;
	align-items: center
}

.category_list li a img {
	width: 70px;
	border-radius: 2px;
	margin-right: 15px
}

.category_list li a dl {
	width: calc(100% - 85px)
}

.category_list li a dl dt {
	font-size: 20px;
	color: #8fbf00;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600
}

.category_list li a dl dd {
	font-size: 14px;
	color: #666;
	line-height: 1.8em
}

.category_list li:hover {
	background-color:#8fbf00;
	text-decoration: none;
}

.category_list li:hover a dl dt {
	color: #fff
}

.category_list li:hover a dl dd {
	color: #fff
}

#rightcontent {
	FLOAT:right;
	margin:5px 0 0 0;
	PADDING:0;
	BACKGROUND:#fff;
	width:1200px!important;
	width:1140px;
	border:none
}

.gamelist {
	float:left;
	margin:5px 0 10px;
	padding:0 8px;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

.listgame {
	float:left;
	width:114px;
	padding:0 0 10px;
	font-weight:700;
	text-align:center;
	border-radius:6px;
	margin-bottom:5px
}
.listgame:hover {
	background:#ececec
}

.cover {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	padding: 5px;
}
.cover img{
	width: 100px;
	height: 100px;
	border-radius: 6px;
}

.gamename {
	margin: 3px 0 0 0;
	height:40px;
	overflow:hidden;
}

.ads p {
	margin:8px 0;
	color:#555;
	font-size:13px
}
#ads {
	padding:0 0 0;
	margin:0 5px 5px 0;
	width:344px;
	min-height:305px;
	float:left;
	text-align:center;
	font-size:12pt;
	-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.1);
	box-shadow:0 1px 5px 0 rgba(0,0,0,.1)
}