/* Core Stylesheet - 1.0 */
/* :: 1.0 Import Fonts */
/* :: 2.0 Import All CSS */
/* :: 3.0 Base CSS */

/* Core Stylesheet - 1.0 */
/* :: 1.0 Import Fonts */

/* :: 2.0 Import All CSS */
@import url(bootstrap.min.css);




h4{
  font-family: "Open Sans", sans-serif;
  color: #424242;
  line-height: 1.3;
  font-weight: 700; }





/* :: 3.1.0 Spacing */
.mt-15 {
  margin-top: 15px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-50 {
  margin-top: 50px !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: 100px;
  padding-bottom: 100px; }

.section-padding-100-0 {
  padding-top: 100px;
  padding-bottom: 0; }

.section-padding-0-100 {
  padding-top: 0;
  padding-bottom: 100px; }

.section-padding-100-70 {
  padding-top: 100px;
  padding-bottom: 70px; }

/* :: 3.4.0 Preloader */
.preloader {
  background-color: #232c65;
  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 {
  text-align: center; }

.title-left {
  text-align: left; }

.title-right {
  text-align: right; }

.section-title, .title-left, .title-right {
  font-size: 24px;
  font-weight: bold;
  padding: 0;
  /* margin: 0; */
  color: #888; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title, .title-left, .title-right {
      font-size: 20px; } }
  @media only screen and (max-width: 767px) {
    .section-title, .title-left, .title-right {
      font-size: 18px; } }

.p-tit {
  color: #bfbfbf;
  font-size: 16px;
  letter-spacing: 10px; }

.tooltip-inner {
  background-color: #232c65; }

.tooltip .arrow::before {
  border-top-color: #232c65; }

.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 {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""; }

.bg-fixed {
  background-attachment: fixed !important; }

/* :: 3.6.0 ScrollUp */
#scrollUp {
  background-color: #000000;
  bottom: 50px;
  color: #ffffff;
  font-size: 24px;
  height: 40px;
  line-height: 37px;
  right: 50px;
  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: 232c65;
    color: #ffffff; }

/* :: 3.7.0 egames Button */
.egames-btn {
  background-color: #2b1841;
  -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 30px;
  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; }
  @media only screen and (max-width: 767px) {
    .egames-btn {
      margin: 5px 0; } }



/************** 4-plan case ***************/

/** index bigImg right-left**/
.single-games-slide:hover .plan-mask-right {
  width: 30%;
  height: 100%;
  transition: width .5s ease-in-out; }

.single-games-slide .plan-mask-right {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10%;
  height: 100%;
  padding: 3px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  margin: 0;
  overflow: hidden;
  transition: all 0.5s; }

.single-games-slide .plan-mask-right span {
  display: inline-block;
  padding: 40px 30px 30px 30px;
  font-size: 32px;
  font-weight: bold;
  text-align: center; }
  
.single-games-slide .plan-mask-right span.at1h-tit{
  font-size: 22px;
  padding: 30px;
}
.single-games-slide .plan-mask-right p {
  text-align: left;
  color: #fff;
  padding: 0 45px;
}
.single-games-slide .plan-mask-right p {
  opacity: 0;
}
.single-games-slide:hover .plan-mask-right p {
        padding: 0 40px;
	opacity: 1;
   }
@media only screen and (min-width: 1640px) {
	.single-games-slide .plan-mask-right span {
	  display: inline-block;
	  padding: 80px 40px 30px 40px;
	  font-size: 32px;
	  font-weight: bold;
	  text-align: center; }
	.single-games-slide .plan-mask-right span.at1h-tit{
  	  font-size: 24px;
	  padding: 45px 40px 30px 40px;
	}
}

@media only screen and (min-width: 1800px) {
	.single-games-slide .plan-mask-right span {
	  display: inline-block;
	  padding: 80px 40px 30px 40px;
	  font-size: 32px;
	  font-weight: bold;
	  text-align: center; }
	.single-games-slide .plan-mask-right span.at1h-tit{
  	  font-size: 30px;
	  padding: 45px 40px 30px 40px;
	}
}
   
@media only screen and (max-width: 767px) {
  .single-games-slide .plan-mask-right span {
    padding: 30px 28px;
    font-size: 18px;
  }
  .single-games-slide .plan-mask-right span.at1h-tit {
    font-size: 14px;
    padding: 5px 30px;
}
  .single-games-slide:hover .plan-mask-right {
    width: 100%;
  }
  .single-games-slide .plan-mask-right {
     width: 28%;
   }
   .single-games-slide .plan-mask-right p {
    padding: 0 25px;
	opacity: 0;
   }
   .single-games-slide:hover .plan-mask-right p {
        padding: 0 25px;
	opacity: 1;
   }
}

/** index down-up**/

.single-games-slide:hover .plan-mask {
  width: 100%;
  height: 100%;
  transition: all .5s ease-in-out; }

.single-games-slide {
  position: relative;
  z-index: 1;
  padding: 0;
  border: 6px solid #fff;
  transition: all 0.5s ease-in-out;
  overflow: hidden; 
  margin: auto;}
  .single-games-slide .plan-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 22%;
    padding: 3px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    margin: 0;
    overflow: hidden;
    transition: all 0.5s; }
    .single-games-slide .plan-mask span {
      display: block;
      padding: 16px;
      font-size: 20px;
      font-weight: bold;
      text-align: center;}
    .single-games-slide:hover .plan-mask span {
      padding: 60px 0 40px 0 ;
      transition: all 1s ease-in-out;}
      @media only screen and (max-width: 767px) {
        .single-games-slide .plan-mask span {
          padding: 20px;
          font-size: 20px; }
      }
    .single-games-slide .plan-mask p {
      text-align: left;
      color: #fff; }
    .single-games-slide .plan-mask .plan-box-img {
      margin: auto; }
  .single-games-slide .four-pic {
    height: 100%; }
  .single-games-slide .slide-text {
    margin-top: 30px;
    position: absolute;
    bottom: 0;
    width: 90%;
    padding: 15px;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0; }
    .single-games-slide .slide-text .game-title {
      color: #fff;
      display: block;
      margin-bottom: 10px;
      padding: 2px 10px;
      background: #232c65;
      font-size: 12px;
      width: 50%;
      text-align: center; }
      .single-games-slide .slide-text .game-title:hover, .single-games-slide .slide-text .game-title:focus {
        color: #232c65; }
    .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: #232c65; }
        .single-games-slide .slide-text .meta-data a:hover, .single-games-slide .slide-text .meta-data a:focus {
          color: #232c65; }


        /** index room**/
        .index-layout-area .single-layout-slide{
          height: 380px;
          transition: all 0.5s;
        }
        .index-layout-area .single-layout-slide{
          position: relative;
          z-index: 1;
          padding: 0;
          transition: all 0.5s ease-in-out;
          overflow: hidden;
        }
        .index-layout-area .single-layout-slide .layout-item img{
          position: relative;
          width: 60px;
          height: 60px;
          display: block;
          margin: auto;
          bottom: -84px;
          transition: all 0.5s;
        }
        .index-layout-area .single-layout-slide .layout-item span{
          padding: 10%;
          display: block;
          font-size: 20px;
          color: #5d5d5d;
	  font-weight: bold;
          text-align: center;
          border: 1px solid #efefef;
        }
        .index-layout-area .single-layout-slide .layout-star{
          display: block;
          margin: auto;
          background: rgba(0, 0, 0, 0.1);
          position: relative;
          top: -315px;
          width: 100%;
          height: 217px;
          transition: all 0.5s;
        }
        .index-layout-area .single-layout-slide:hover .layout-item img {
          position: relative;
          width: 60px;
          height: 60px;
          margin: auto;
          bottom: 0;
          left: 0;
          transition: all 0.5s;
        }
        .index-layout-area .single-layout-slide:hover .layout-star {
          display: block;
          margin: auto;
          background: #00a36a;
          position: relative;
          top: -125px;
          width: 60px;
          height: 60px;
          transition: all 0.5s;
          border-radius: 50%;
        }
        @media only screen and (max-width: 767px) {
          .index-layout-area .single-layout-slide {
            padding: 0 40px;
          }
          .index-layout-area .single-layout-slide .layout-star {
            top: -345px;
            margin: 0 15px;
            height: 226px;
          }
        }



.more-case {
  display: block;
  text-align: center;
  border: none;
  background: none; }
  .more-case p {
    font-size: 20px;
    font-weight: 600;
    color: #939393;
    margin: 10px; }
    .more-case p:hover {
      color: #232c65; }
  .more-case i {
    font-size: 30px;
    color: #939393; }
    .more-case i:hover {
      color: #232c65; }
  .more-case:focus {
    box-shadow: none; }

.more-casename {
  display: inline-block; }
  .more-casename span {
    display: inline-block;
    text-align: center;
    padding: 5px 0; }
  .more-casename .case-box {
    padding: 15px;
    margin: 0;
    background: #e6e6e6;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    box-shadow: 4px 4px 10px #b9b9b9; }
    .more-casename .case-box span {
      border-radius: 50px;
      background: #dcdcdc;
      font-size: 12px;
      border: 6px solid #e6e6e6; }
      @media only screen and (max-width: 767px) {
        .more-casename .case-box span {
          border: 2px solid #e6e6e6; } }

.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 {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    font-size: 16px;
    color: #ffffff;
    background-color: rgba(13, 13, 13, 0.7);
    left: 20%;
    text-align: center;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    line-height: 60px; 
	border-radius: 100%;}
    @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: 40px;
        margin-top: -20px;
        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: #232c65;
      color: #ffffff; 
	border-radius: 100%;}
  .popular-games-slideshow .owl-next,
  .latest-games-slideshow .owl-next,
  .editor-games-slideshow .owl-next {
    left: auto;
    right: 20%; }
    @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);
    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);
    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: #52ae72; }
      .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: #232c65; }

/* :: 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;
    display: inline-block;
    -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 {
        display: inline-block;
        -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: '';
      background-color: rgba(32, 216, 218, 0.6);
      position: absolute;
      visibility: hidden;
      opacity: 0; }
  .single-game-review-area .game-content {
    position: relative;
    z-index: 1;
    display: inline-block;
    max-width: 100%;
    width: 100%;
    padding: 0 16px;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      .single-game-review-area .game-content {
        display: inline-block;
        max-width: 100%;
        width: 100%;
        padding-left: 0;
	text-align: left; } }
    .single-game-review-area .game-content .game-tag {
      font-size: 11px;
      text-transform: uppercase;
      display: block;
      margin: 15px 0;
      color: #aaaaaa; }
    .single-game-review-area .game-content .game-title {
      font-size: 24px;
      color: #424242;
      font-weight: bold;
      display: block;
      margin-bottom: 10px; }
	.single-game-review-area .game-content .new-title {
	    font-size: 16px;
	    color: #6b6b6b;
	    display: block;
	    width: 100%;
	    margin-bottom: 20px;margin-top: 20px;
	}
      .single-game-review-area .game-content .game-title:hover {
        color: #232c65; }
    .single-game-review-area .game-content .game-meta {
      position: relative;
      z-index: 1;
       }
      .single-game-review-area .game-content .game-meta a {
        font-size: 16px;
        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: #232c65; }
    .single-game-review-area .game-content p {
      color: #939393;
      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;
    display: inline-block;
    -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 {
      display: inline-block;
      -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: 150px;
      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: 0;
      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;
      color: #424242;
      left: 0;
      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: 550px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb-area {
      height: 300px; } }
  @media only screen and (max-width: 767px) {
    .breadcrumb-area {
      height: 180px; } }
  .breadcrumb-area .breadcrumb-text {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    position: relative;
    z-index: 1;
    padding: 30px 60px;
    border-left: 2px solid #52ae72;
    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: #232c65; }

/* :: 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 {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 99px;
    flex: 0 0 99px;
    max-width: 99px;
    width: 99px;
    height: 32px;
    background-color: #52ae72;
    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: #fff;
  font-size: 14px;
  margin-bottom: 30px;
  border-radius: 4px;
  padding: 10px;
  font-weight: 500;
  border: 1px solid #2b1841;
  letter-spacing: 1px; }
  @media only screen and (max-width: 767px) {
    .contact-form-area .form-control {
      margin-bottom: 10px; } 
      .contact-form-area .form-control {
  padding: 10px 7px;}}
  .contact-form-area .form-control:focus {
    box-shadow: none; }

.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; } }

/* ====== The End ====== */
/* :: new nav */
.logo {
  width: 30%; }

.logo-rg-tit {
  width: 50%; }
  .logo-rg-tit p {
    margin: 0;
    font-size: 12px;
    color: #232c65;
    font-weight: bold; }

.logo-line {
  height: 40px;
  border-right: 2px solid #232c65;
  margin: 10px; }

.top-header-area .ad-tag .zy-phone {
  margin: 0;
  padding-top: 10px;
  font-weight: bold;
  font-size: 22px;
  color: rgba(0, 0, 0, 0.5); }
  .top-header-area .ad-tag .zy-phone img {
    background-size: 100%;
    width: 24px;
    position: relative;
    top: -3px; }

.ad-tag {
  text-align: right; }

.search-box {
  display: inline-block;
  width: 100%; }

@media only screen and (max-width: 767px) {
    .ad-tag a {
      padding-left: 16px !important; }
      
    .ad-tag .shiming{    
    font-size: 15px !important;
    }

  .top-header-area .ad-tag .zy-phone {
    display: inline-block; 
    font-size: 16px;}

  .top-header-area .ad-tag .zy-phone img {
    background-size: 100%;
    width: 20px; }

  .search-box {
    display: block;
    width: 100%;
    margin: 0; }
    
  .top-header-area .ad-tag .shiming {
    padding-left: 13%;
  }

  .justify-content-center {
    width: 100%;
    margin: auto; } }
@media only screen and (max-width: 400px) {
  .top-header-area .ad-tag .shiming {
	    padding-left: 2%;
	}
    }
@media only screen and (max-width: 320px) {
  .top-header-area .ad-tag .zy-phone {
    margin: 0;
    font-size: 20px; 
    }

  .top-header-area .ad-tag .zy-phone img {
    width: 28px;
    position: relative;
    top: -2px; } }
.justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.show_more {
  width: 100%;
  height: 100%;
  background-color: #093e469e;
  position: absolute;
  display: none;
  font-size: 22px;
  font-weight: bolder;
  letter-spacing: 4px;
  cursor: pointer; }
  .show_more a {
    display: inline-block;
    position: relative;
    top: 35%;
    text-align: center;
    text-decoration: none;
    color: #fbfff9;
    font-size: 24px; }
  .show_more p {
    color: #fff;
    font-size: 16px; }

/*# sourceMappingURL=classy-nav.css.map */
/*# honer */
.honor-item {
  text-align: center;
  margin: 15px 0;
  background: #fff;
  box-shadow: 7px 7px 11px rgba(133, 131, 131, 0.4); }
  .honor-item img {
    width: 80%;
    height: 100%;
    border-bottom: 1px solid #ccc; }
  .honor-item .caption {
    padding-bottom: 0;
    font-size: 14px; }

/* new  CSS */
.egames-video-area {
  position: relative;
  z-index: 1;
  padding: 20px 0; }
  .egames-video-area .egames-nav-btn {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 560px;
    overflow-x: hidden;
    overflow-y: scroll; }
  .egames-video-area .nav-link {
    padding: 0; }
  .egames-video-area .nav-link .video-text .video-title {
    color: #3a3a3a;
    font-size: 14px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .egames-video-area .egames-nav-btn {
    height: 450px; } }
@media only screen and (max-width: 767px) {
  .egames-video-area .egames-nav-btn {
    height: 450px; } }
.video-text-big {
  position: relative;
  z-index: 1;
  padding: 20px;
  background: #232c65;
  color: #fff;
  height: 166px; }
  .video-text-big span {
    color: #fff;
    font-size: 12px; }

.video-title-big {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 3%;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.egames-video-area .nav-link .video-text span {
  font-size: 10px; }

.egames-video-area .nav-link.active .single-video-widget {
  background-color: #232c65; }

.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: 315px; }

@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: 220px; } }
@media only screen and (max-width: 320px) {
  .egames-video-area .video-playground {
    height: 190px; } }
.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: #232c65; }

.video-in-big {
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 5px 15px;
  width: 40px;
  height: 40px;
  color: #fff;
  position: absolute;
  top: 60%;
  right: 10%;
  font-size: 28px; }

.video-in {
  border: 1px solid #959595;
  border-radius: 100%;
  padding: 6px 14px;
  width: 35px;
  height: 35px;
  color: #959595;
  position: absolute;
  bottom: 10%;
  right: 10%;
  font-size: 20px; }
  @media only screen and (max-width: 767px) {
    .video-in {
      display: none; } }

/* products style */
.prowapper {
  margin: 0 auto;
  overflow: hidden; }

.prowapper ul {
  margin: 2% 12%; }

.prowapper li {
  float: left;
  width: 23%;
  background-color: #fff;
  color: #fff;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px; 
  padding: 0;}
.prowapper li .pic {
  padding: 10px; }

.prowapper li .title {
  margin: 0 10px 2px; }

.prowapper li .title a {
  color: #333;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  _zoom: 1; }

.prowapper li .desc {
  margin: 0 10px 10px;
  height: 18px;
  font-size: 12px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  _zoom: 1;
  color: #b0b0b0; }

.prowapper li:hover {
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  transform: translate(0, -10px);
  -webkit-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -o-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  -webkit-box-shadow: 0px 5px 15px #e5e5e5;
  -moz-box-shadow: 0px 5px 15px #e5e5e5;
  box-shadow: 0px 5px 15px #e5e5e5; }

.slide-for-phone {
  display: none; }

.slide-for-pc {
  display: block; }

.slide-for-phone div img {
  padding: 10% 10% 0 10%; }

.slide-for-phone-text {
  text-align: center; }

.slide-for-phone .slide-for-phone-text span {
  font-size: 24px;
  font-weight: bold;
  color: #232c65; }

.slide-for-phone .slide-for-phone-text p {
  font-size: 14px;
  padding: 6px 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .prowapper li {
    float: left;
    width: 50%;
    height: 100%;
    background-color: #fff;
    color: #fff;
    text-align: center;
    font-weight: bold;
    display: inline-block; } }
@media only screen and (max-width: 767px) {
  .prowapper ul {
    margin: 10% 0; }

  .prowapper li {
    float: left;
    width: 80% !important;
    height: 100%;
    background-color: #fff;
    color: #fff;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    margin: 4%; }

  .ps-container {
    padding: 0 5%; }

  .ps-container .pb-35, .ps-container .pb-30 {
    padding: 0; }

  .slide-for-phone {
    display: block; }

  .slide-for-pc {
    display: none; }
    
   .new-li{
    margin: 4% 10% !important; 
    }
    }
@media only screen and (max-width: 320px) {
  .ps-shoes--carousel {
    padding: 30px 10px 0; } }
/* neirong page*/
.article-main {
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  position: relative;
  top: -100px;
  z-index: 1;
  box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2); }

.blog-post hr {
  border: 2px solid #232c65;
  width: 10%;
  margin: 5% auto; }

.blog-post p video {
  width: 100%;
  height: 100%; }

.videoimg {
  width: 100%;
  padding: 15px;
  box-shadow: 5px 5px 50px #232c65;
  background: #fff; }

.video-post-title {
  text-align: left;
  padding: 10% 0 0 8%; }

.video-post-title h2 {
  font-size: 36px;
  padding-bottom: 5%; }

.video-post-title .video-related {
  height: 40px; }

.video-post-title span {
  padding: 8px;
  background: #eee;
  display: inline-block;
  margin-bottom: 10px; }

.video-post-title p {
  padding: 30px 5px;
  border-bottom: 1px dotted #999; }

.video-post-title .video-related ul li {
  display: inline-block;
  line-height: 40px;
  color: #fff;
  padding: 0 10px;
  background: #232c65;
  border-radius: 5px; }

.operation-training-video video {
  width: 100%;
  height: 480px; }

@media only screen and (max-width: 767px) {
  .video-post-title p {
    padding: 2px; }

  .operation-training-video video {
    width: 100%;
    height: 100%; } }
@media only screen and (max-width: 767px) {
  .article-main {
    padding: 5%; }

  .article-main .breadcrumb {
    margin-bottom: 10%; } }
.phone-img {
  overflow: hidden; }

.phone-img .phone-product-img {
  overflow: hidden; }

/* NEWS Start */
@media only screen and (max-width: 767px) {
    /* 通用手机宽度
    .8-img-center p img{
    width: 160% !important;
    position: relative !important;
    left: -30% !important; 
    max-width: none !important;
    } */
  .blog-main p img {
    width: 100% !important;
    height: 100% !important; }

  .blog-post h1 {
    font-size: 1.8rem; }

  .blog-post p span {
    font-size: 12px !important; } 
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title {
    font-size: 28px; }  

  .phone-img .size-20 {
    width: 140%;
    position: relative;
    left: -20%; }

  .phone-img .size-30 {
    width: 160%;
    position: relative;
    left: -30%; }

  .phone-img .size-40 {
    width: 180%;
    position: relative;
    left: -40%; }

  .phone-img .size-50 {
    width: 200%;
    position: relative;
    left: -60%; }
    
  .phone-img .size-90 {
    width: 280%;
    position: relative;
    left: -90%; }

  .nie_download_wrap {
    display: none; }

  .phone-img .phone-product-img img {
    max-width: 140%;
    position: relative;
    left: -20%;
    width: 140%; }

  .blog-main p img {
    width: 100% !important;
    height: 100% !important; }

  .blog-post h1 {
    font-size: 1.8rem; }

  .blog-post p span {
    font-size: 12px !important; } }
@media only screen and (max-width: 767px) {
  .section-title {
    font-size: 18px;
    padding: 0; }

  .phone-img .size-20 {
    width: 140%;
    position: relative;
    left: -20%; }

  .phone-img .size-30 {
    width: 160%;
    position: relative;
    left: -30%; }

  .phone-img .size-40 {
    width: 180%;
    position: relative;
    left: -40%; }

  .phone-img .size-50 {
    width: 200%;
    position: relative;
    left: -60%; }

  .phone-img .size-60 {
    width: 200%;
    position: relative;
    left: -50%; }
    
  .phone-img .size-90 {
    width: 280%;
    position: relative;
    left: -90%; }

  .nie_download_wrap {
    display: none; }

  .phone-img .phone-product-img img {
    max-width: 140%;
    position: relative;
    left: -20%;
    width: 140%; }

  .video-right-sidebar {
    display: none; }
     }

/*# sourceMappingURL=style.css.map */


/* soluTIon Start */
.Schema_3{
	padding-bottom: 10px;
	background-image: url(../images/itfmrq6w2e.jpg);
}
.Schema_3 div h2{
	font-size: 30px;
	font-weight: 200;
}
.Schema-text p{
	letter-spacing:5px
	}
.Schema-box h3{
	margin: 10px 0;
	font-size: 18px;
	font-weight: 200;
}

.appli-list .appli-item{
	box-shadow: 0 2px 8px #dadada;
	margin-bottom: 20px;
}

.appli-list .appli-item h3{
	margin: 10px 0;
	font-size: 18px;
	
}
.appli-list .appli-item p{
	padding-bottom: 10px;
	
}
.advantage-box div img{
	border-radius: 3rem;
}
.advantage-left{
	color: #dc0a09;
}
.advantage-vs-title h3{
	font-size: 30px;
}
.advantage-vs-text{
	padding-bottom: 10px;
}
.advantage-vs-text h3{
	font-size: 16px;
	line-height: 40px;
}
.advantage-centerbg h3{
	color: #fff;
}
.advantage-leftbg{
	background: rgba(220, 10, 9, 0.15);
}
.advantage-centerbg{
	background: #dc0a09;
}
.advantage-rightbg{
	background: #ccc;
}
@media only screen and (max-width: 767px) {
	.advantage-vs-text h3{
		font-size: 14px;
		line-height: 20px;
	}
	.advantage-centerbg{
		padding: 6% 0;
	}
}


/* yy Start */

.yy-5D{
	padding: 3rem 0;
}
.yy-title{
	text-align: center;
	padding: 20px 5%;
}
.kpyx-title-left{
	text-align: left;
	font-weight: 100; 
}
.yy-title h1{
    	font-size: 34px;
	text-align: center;
	color: #00a36a;
	font-weight: 100; 
	letter-spacing: 2px;
	margin: 0;
}
.yy-title p{
	font-size: 20px;
	letter-spacing:8px;
}
.yy-title .title-p1{
	color: #00a36a;
	margin: 5px;
	text-transform:uppercase;
}
.yy-title .title-p2{
	color: #7a7a7a;
}
.yy-zhuti{
	padding: 4%;
	margin: 8%;
	background: #f1f1f1;
	text-align: center;
}
.yy-zhuti p{
	margin: 0;
}
.yy-zhuti .zhuti-text{
	margin-top: 1rem;
}
.p2-text-content{
	display: block;
	font-size: 14px;
}

.yizhanshi-left{
	padding: 0;
	margin: 0;
}
.yy-p3-mb{
	margin-bottom: 70px;
}
.yy-p3-bg{
	background-image:url(../images/dxgsbj4mfa.jpg);
}

.yy-p3-text{
	padding: 20% 0;
}
.yy-p4 td {
	text-align:center;
	vertical-align: middle!important;
}
.yy-p4 .yy-p4-tit1 p{
	background: #03bcff;
	color: #fff;
	font-size: 18px;
	border-radius: 10px;
	padding: 2%;
	width: 62%;
	text-align: center;
	font-weight: 600;
	margin: 5% 0;
}
.yy-p4 .yy-p4-tit2 p{
	background: #e60012;
	color: #fff;
	font-size: 18px;
	border-radius: 10px;
	padding: 2%;
	width: 80%;
	text-align: center;
	font-weight: 600;
	margin: 5% 0;
}
.yy-p4 .yy-p4-span{
	font-size: 14px;
	display: block;
	margin: 5% 0;
}
.yy-p11{
	background-image:url(../images/exmhmjcmy2.png);
}
.yy-texiao{
	padding: 2%;
	margin: 2%;
	background: #f1f1f1;
	text-align: center;
}
.yy-texiao p{
	padding: 8%;
	font-size: 15px;
}

.yy-texiao h4{
	padding: 2%;
	color: #00a36a;
}
.yy-texiao-b{
	padding: 2%;
	margin: 2%;
	background: #ccede1;
	text-align: center;
}

.yy-texiao-b h4{
	padding: 2%;
	color: #000;
}

.yy-texiao-b p{
	padding: 8%;
	font-size: 15px;
}
.vs-vs{
	padding:0 28%;
}
.title-border-tl{
	position: absolute;
	left: 45%;
	width: 35px;
	height: 35px;
	margin: -20px -60px;
	border-top: 2px solid #00a36a;
	border-left: 2px solid #00a36a;
}
.title-border-br{
	position: absolute;
	right: 45%;
	width: 35px;
	height: 35px;
	margin: -20px -60px;
	border-bottom: 2px solid #00a36a;
	border-right: 2px solid #00a36a;
}
.title-threadlink{
	position: absolute;
	border-bottom: 1px solid rgba(0, 163, 106, 0.5);
	width: 16rem;
	left: 50%;
	right: 50%;
	transform: translate(-50%, -50%);
}
.title-boldlink-center{
	position: absolute;
	border-bottom: 4px solid #00a36a;
	width: 4rem;
	left: 50%;
	right: 50%;
	transform: translate(-50%, -50%);
}
.title-boldlink-left{
	position: absolute;
	border-bottom: 4px solid #00a36a;
	width: 8rem;
	left: 45%;
	transform: translate(-50%, -50%);
}
.swiper-container{
	--swiper-theme-color: #ff6600;/* 设置Swiper风格 */
	--swiper-navigation-color: #00a36a;/* 单独设置按钮颜色 */
	--swiper-navigation-size: 40px;/* 设置按钮大小 */
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	/*background: #fff;*/
	width: 80%;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide:nth-child(2n) {
	width: 60%;
}

.swiper-slide:nth-child(3n) {
	width: 40%;
}


.yy-advantage-left {
	color: #00a468;
}
.yy-advantage-leftbg {
	background: rgba(0, 163, 106, 0.4);
}
.yy-advantage-centerbg {
	background: #00a36a;
}
.yy-advantage-centerbg h3{
	color: #fff;
}
.zhengshu-box{
	text-align:center;
}
.zhengshu-item{
	border: 4px solid #00a36a;
	border-radius: 15px;
	padding: 18%;
	font-size: 22px;
	display: block;
	color: #00a36a;
}
.zhengshu-item b{
	font-size: 26px;
	display: block;
	line-height: 24px;
}
.zhengshu-box .zhuti-text p{
	font-size: 16px;
	padding: 15% 0;
	margin: 0;
}

.yizhanshi-ul li:before{
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50%;
	background: #00a36a;
	position: relative;
	top: 27px;
	left: -20px;
}
.yizhanshi-ul{
	padding-left: 8%;
	height: 100%;
}

.yizhanshi-ul-left{
	border-right: 3px solid #ccc;
}
.yizhanshi-ul li h5{
	font-weight: 400;
	margin: 0;
}
.yizhanshi-ul li h5 b{
	color: #00a36a;
}
.yizhanshi-ul li p{
	font-size: 12px;
	margin: 0;
}
.yingyongfanwei{
	display: block;
	width: 100%;
	margin: auto;
}
.yingyongfanwei .yingyongfanwei-item{
	width: 150px;
	height: 130px;
	display: inline-block;
	background-image:url(../images/xfty3d5kcy.png);
}
.yingyongfanwei .yingyongfanwei-icon>div{
	text-align: center;
	margin: 2% 18px;
}
.yingyongfanwei .yingyongfanwei-icon p{
	font-size: 16px;
	color: #000;
	font-weight: bold;
}		
.details1{
	background:#fff; 
	padding: 60px;
}
	
.details2{
	background:#eee; 
	padding: 60px;
}
	
.ps-main{
	overflow: hidden;
}
	
.ps-product--detail{
	padding: 60px 0;
}
	
.product-layout-left .product-data p{
	font-size:18px; 
	padding-bottom:10px;
	color: #000;}
.product-layout-left .product-data-number p{
	font-size:18px; 
	padding-bottom:10px;}
.yy-p15-item{
	
}
.p15-text-content{
	font-size: 12px;
}
.p15-img-s img{
	width: 95%;
}
.yy-p11 .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .yy-p11 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	margin: 8% -5%; color: #232c65;
}
.yy-p15 .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .yy-p15 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	margin: 0 -5%; color: #232c65;
}

@media only screen and (max-width: 767px) {

	.vs-vs{
		padding:0;
	}
	.yy-5D {
		padding: 1rem 0;
	}
	.kpyx-title-left h3{
		text-align: left;
		font-size: 22px;
		margin-top:15px;
		font-weight: 100; 
	}
	.yy-title h1 {
		font-size: 30px;
	}
	.yy-5D .mb-50{
		margin: 0!important;
	}
	.yy-title h2 {
		/*��Ʒҳ����*/
		font-size: 26px;
		letter-spacing: 0;
	}
	.yy-title p {
		font-size: 12px;
		letter-spacing: 0;
	}
	.yy-p3-mb{
		margin-bottom: 0;
	}
	.yy-p3-bg{
		background:#f1f1f1;
	}
	.yy-p3-text{
		padding:0;
	}
	.yy-p4 .yy-p4-tit1 p, .yy-p4 .yy-p4-tit2 p{
		width: 100%;
	}
	.yy-texiao p, .yy-texiao-b p  {
		padding: 2% 8%;
	}
	.yy-texiao>img, .yy-texiao-b>img{
		width: 60%;
	}
	.yy-texiao .title-threadlink, .yy-texiao-b .title-threadlink{
		width: 8rem;
	}
	.advantage-vs-title h3 {
		font-size: 20px;
	}
	.yy-p11{
		background: #fff;
	}
	.yy-p11 .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .yy-p11 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		margin: 25% 5%;
	}
	.yy-p15 .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .yy-p15 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		margin: 0 -5%; color: #232c65;
	}
	.yizhanshi-right{
		padding: 5%;
	}
	.yizhanshi-ul li h4{
		font-size: 18px;
	}
	.yingyongfanwei .yingyongfanwei-icon>div {
		margin: 0;
	}
	.title-border-tl{
		left: 30%;
	}
	.title-border-br{
		right: 30%;
	}
			
	.details1, .details2{
		padding: 0px;
	}
	
	.product-layout-left .product-data p{
		font-size:14px;}
	.product-layout-left .product-data-number p{
		font-size:14px;}
}

	.company-address h4{
		color: #00a36a;
	}
	.address-p1 span{
		color: #666; 
		font-size: 14px; 
		letter-spacing: 4px;
	}
	.address-p2{
		padding: 5%;
	}
	
	.address-p2 .address-p2-item{
		padding: 4% 0;
	}
	
	.address-p2 .address-p2-item img{
		padding: 5px;
	}
	.address-p2 .address-p2-item b{
		font-size: 18px;
		font-weight: bold;
		color: #999;
	}
	.address-p2 .address-p2-item p{
		background: #00a36a;
		display: block;
		width: 60px;
		height: 60px;
		border-radius: 18px;
		font-size: 40px;
		text-align: center;
		font-weight: bold;
		color: #fff;
		font-style: normal;
	}
	

@media only screen and (max-width: 767px) {
	
	.company-address h4{
		font-size: 20px;
	}
	.address-p2 .address-p2-item>div{
		padding: 5px;
	}
	.address-p2 .address-p2-item p{
		background: #00a36a;
		display: block;
		width: 40px;
		height: 40px;
		border-radius: 18px;
		font-size: 25px;
		text-align: center;
		font-weight: bold;
		color: #fff;
		font-style: normal;
	}
}


/* new ��Ŀ���� */
	.customization-box{
		padding: 40px
	}
	.customization-title-bg1{
		padding:0;
		border-radius: 12px;
		background: #eee;
		overflow: hidden;
	}
	.customization-box .yy-title h3{
		color: #777;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.customization-box .yy-title{
		padding:2%;
		margin-bottom: 20px;
	}
	.customization-box .customization-title-text{
		/*background: #fff;*/
		border-radius: 12px;
		position: absolute;
		top: 15%;
		right: 0;
		padding: 2%;

	}
	.customization-title-text .title-boldlink-left{
		position: initial;
		display: block;
		border-bottom: 4px solid #00a36a;
		width: 4rem;
		margin: 18px 0;
		left: 0;
		transform: translate(0,0);
	}
	.kpyx-title-text .title-boldlink-left{
		position: initial;
		display: block;
		border-bottom: 4px solid #00a36a;
		width: 4rem;
		margin: 18px 0;
		left: 0;
		transform: translate(0,0);
	}
	.customization-box .title-threadlink {
		width: 10rem;
	}
	.customization-box .customization-title-text h4{
		position: absolute;
		right: 2%;
		top: 5%;
		font-size: 16px;
		color: #b8b8b8;
		text-transform: uppercase;
		font-weight: 400;
	}
	.customization-images{
		background:#f1f1f1;
		padding:2%;
	}
	.customization-box .customization-hr{
		border-bottom: 1px solid #696969;
		display: block;
		position: relative;
		top: 20px;
	}
	.customization-fourcase p{
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		padding: 15px;
	}
	
@media only screen and (max-width: 767px) {
	.customization-box {
	    padding: 15px;
	}
	.customization-box .yy-title h3 {
	    font-size: 20px;
	}
	.customization-box .customization-title-text {
	    position: relative;
	    border-radius: 0;
	    padding: 20px !important;
	    left:0;
	}
	.customization-title-bg1 {
	    border-radius: 0;
	}
	.customization-title-text .title-boldlink-left {
	    margin: 18px;
	}.customization-box .customization-title-text h4 {
	    right: 10%;
	}
}


/* kpyx page css */

	.kpyx-box{
		padding: 30px 8px;
	}
	
	.kpyx-box .yy-title h3{
		color: #777;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.kpyx-box .yy-title{
		padding:2%;
		margin-bottom: 20px;
	}
		
@media only screen and (max-width: 767px) {
	.kpyx-box .yy-title h3 {
	    font-size: 20px;
	}
	.kpyx-box{
		padding: 4px;
	}
}
	
/* pinzhi page css */

.pinzhi-4-p4 h4{
	color: #999;
	font-weight: 400;
	text-align: center;
	margin: 20px;
}

.pinzhi-4-p4 .pinzhi-p4-item p{
	background: #039f8e;
	color: #fff;
	padding: 15px;
}

.pinzhi-zhengshu-p5 p{
	color: #999;
	font-weight: 600;
	text-align: center;
	font-size: 20px;
}

@media only screen and (max-width: 767px) {
	.pinzhi-zhengshu-p5 p{
		color: #999;
		font-weight: 600;
		text-align: center;
		font-size: 12px;
	}
}

/* :: 9.0 Monthly Picks Area CSS */
.monthly-picks-area {
    position: relative;
    z-index: 1;
    background-color: #fff;
    overflow: hidden; }
.monthly-picks-area .nav-tabs .nav-item .nav-link {
    padding: 0 15px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    border-radius: 20px;
    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: #52ae72;
    color:#fff;
}
.plw-msg-style{
	background :#e9e9e9;padding-top: 50px;
}

@media only screen and (max-width: 767px) {
    .monthly-picks-area .nav-tabs .nav-item .nav-link {
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
        font-size: 12px; } 
	
.plw-msg-style .plw-msg-tit{
	font-size: 1rem;
}
	}
	
/* new home-plan-mask */

.home-video{
	height:645px;
	margin-top: -55px;
}
.home-video .home-video-mask{
    background: rgb(0 0 0 / 0.4);
    width: 100%;
    height: 605px;
    position: absolute;
}
.home-video a{
	width: 150px;
    /* height: 60px; */
    border-radius: 80px;
    background: rgb(0 163 106 / 0.75);
    border: 2px solid #fff;
    padding: 6px;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 58%;
    transform: translateY(-50%);
    z-index: 999;

}
.home-btn-text{
    color: #fff;
    text-align: center;
}

.home-plan{
    margin: 30px 0;
}	

.home-plan .four-pic{
    position: relative;
    overflow: hidden;
}
.home-plan .home-plan-mask{
    position: absolute;
    top: 47%;
    left: 15px;
    width: 100%;
    color: #fff;
    padding: 10px;
    text-align: center;
    background: rgb(0 0 0 / 0.4);
}
.home-plan .home-plan-mask-btm{
    text-align: center;
    margin: 10% auto;
    background: #000;
    padding: 4px;
    width: 50%;
    font-size: 16px;
    color: #fff;
}


@media only screen and (max-width: 767px) {
	
.home-video{
	height:280px;
	margin-top: -41px;
}
.home-video .home-video-mask{
    background: rgb(0 0 0 / 0.4);
    width: 100%;
    height: 240px;
    position: absolute;
    z-index: 1;
}
}

.single-games-slide {
    position: relative;
    z-index: 1;
    padding: 0;
}
.show-swiper .single-games-slide{
    width: 75%;
}
.single-games-slide>img{
    border-radius: 20px;
    width: 98% !important;}
    
.single-games-slide .four-pic img{
        display: -webkit-inline-box;
	border-radius: 10px;}
	
.single-games-slide .slide-text {
    position: absolute;
    bottom: 0;
    width: 90%;
    padding: 15px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 0 0 20px 20px;
    opacity: 0;}
    
.single-games-slide .plan-mask {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 40px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    opacity: 0;
    margin: 0;}
    
.single-games-slide .plan-mask span{
    display: -webkit-inline-box;
    padding: 36px 0 10px;
    font-size: 18px;
}
.single-games-slide .plan-mask p{
    text-align: left;
    color: #eaeaea;
}
.single-games-slide .plan-mask .plan-box-img{
    margin: auto;
}
    
	.single-games-slide .slide-text .game-title {
		color: #fff;
		display: block;
		padding: 2px 10px;
		margin-bottom:10px;
		background: #00a9e0;
		font-size: 12px;
		border-radius: 20px;
		width: 50%;
		text-align: center;}
    
	.single-games-slide .slide-text .plan-mask {
		color: #fff;
		display: block;
		padding: 2px 10px;
		margin-bottom:10px;
		background: #00a9e0;
		font-size: 12px;
		border-radius: 20px;
		width: 50%;
		text-align: center;
	}
    

	.single-games-slide:hover .slide-text, .single-games-slide:focus{
		opacity: 1;
		transition: opacity 1s;
	}
	.single-games-slide:hover .plan-mask, .single-games-slide:focus{
		opacity: 1;
		transition: opacity 1s;
	}
    .index-four-pcbox{
        display: block !important;
    }
    .index-four-mobilebox{
        display: none !important;
    }
@media only screen and (max-width: 767px) {
	.single-games-slide .slide-text .game-title {
		font-size: 14px; 
		width: 100%;
	}
	.single-games-slide .plan-mask span{
		padding: 0;
    		font-size: 16px;
	}
	.single-games-slide .plan-mask {
    		padding: 10px;}
	.single-games-slide .plan-mask p{
		display: none;
	}
	.meta-data{ text-align: center;}
	.single-games-slide .plan-mask {
		opacity: 1;;}

    .index-four-pcbox{
        display: none !important;
    }
    .index-four-mobilebox{
        display: block !important;
    }
}


/*��ť�ؼ�*/
.section_foot_right{
    position: absolute;
    bottom: 0;
    right: 16%;
    padding-bottom: 25px;
}
.more-btn{
    display: inline-block;
    font-size: 12px;
    padding: 10px 30px;
    background: #00a9e0;
    border-radius: 20px;
    color: #fff;
}
.ip-img-right{
    display: inline-block;
    position: absolute;
    bottom: -10px;
    right: 70px;
    width: 7% !important;
}
.video-in-big{
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 5px 15px;
    width: 40px;
    height: 40px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 10%;
    font-size: 28px;
}
.video-in{
    border: 1px solid #959595;
    border-radius: 100%;
    padding: 6px 14px;
    width: 35px;
    height: 35px;
    color: #959595;
    position: absolute;
    bottom: 10%;
    right: 10%;
    font-size: 20px;
}

a.more-btn:hover,
a.more-btn:focus {
    color: #fff;
    font-size: 12px;}

.article-content a.anli-a{
    color: #fff;
    font-size: 12px;
    padding: 4px 16px;
    background: #52ae72;
    border-radius: 3px 10px;
    position: absolute;
    bottom: 0;
    right: 10px;}

.neirong-a{
    color: #fff;
    font-size: 12px;
    padding: 4px 16px;
    background: #52ae72;
    position: absolute;
    bottom: 60px;
    right: 15px;
    border-radius: 20px;
}
.video_navline{
    border-bottom: 2px solid #00a9e0;
    margin: 0 15px 60px;
}



@media only screen and (max-width: 1200px) {
    .article-content a.anli-a{
        position: absolute;
        bottom: 40px;}

    .ip-img-left{
        position: absolute;
        bottom: 0;
        right: 30px;}
}
@media only screen and (max-width: 767px) {
	.ip-img-right{
	    display: inline-block;
	    position: absolute;
	    bottom: -8px;
	    right: 15px;
	    width: 20% !important;
	}
	
    .section_foot_right{
	position: relative;
	width: 100%;
	text-align: center;
	padding: 0;
    	right: 0;
	}
}
@media only screen and (max-width: 320px){
    .neirong-a{
        position: absolute;
        bottom: 40%;}
}


	/* ������css */
	.slideGroup{ width:100%;  }
	.slideGroup .parHd{ 
		height: 100%;
		line-height: 100%;
		background: #f3f3f3;
		padding: 0 20px;
		position: relative;
		}
	.slideGroup .parHd ul{ text-align: center;}
	.slideGroup .parHd ul li{ 
		display: inline-block;
		width: 10%;
		height: 50px;
		line-height: 50px;
		padding: 0 10px;
		cursor: pointer;
		margin: 15px 45px;
		border: 2px solid #999;
		color: #999;
		border-radius: 8px;
		box-sizing: content-box;
		font-size: 16px;
		}
	.slideGroup .parHd ul li.on{
	    background: #00a36a;
	    color: #fff;
	    border-color: #00a36a; 
		}
	.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 10%; position:relative; height: 100%;   }

	.slideGroup .sPrev,.slideGroup .sNext{ 
		position: absolute;
		left: 20%;
		top: 40%;
		display: block;
		width: 60px;
		height: 60px;
		padding: 6px 16px;
		font-size: 26px;
		border: 2px solid #ddd;
		border-radius: 50%;
		color: #aaa;
		z-index: 9;
		}
	.slideGroup .sNext{ 
		left:auto; 
		right:20%; 
	    	padding: 6px 20px; 
		  }
	.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#00a9e0; color: #00a9e0; }

	.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
	.slideGroup .parBd ul li .pic{ text-align:center; }
	.slideGroup .parBd ul li .pic a{ width:100%; height:100%; display:block; background-size: 100% !important;} 
	
	.slideGroup .parBd ul li .pic .pic-text{    
		padding: 8% 0 2% 10%;
		text-align: left;
	}
	.slideGroup .parBd ul li .pic .pic-text span{
		font-size: 16px;
		color: #999;
	}
	.slideGroup .parBd ul li .pic .pic-text i{
		border-bottom: 2px solid #ccc;
		display: block;
		margin: 5% 0;
		position: relative;
	}
	.slideGroup .parBd ul li .pic .pic-text i::before{
		border-bottom: 4px solid #f22;
	}
	.slideGroup .parBd ul li .pic .pic-text .pic-text-item p{
		color: #999;
		font-size: 12px;
	}
	.slideGroup .parBd ul li .pic .pic-img{
		padding: 0 8%;
		margin: 0% 0;
	}
	
	.details1{
		background:#fff; 
		padding: 60px;
	}
	
	.details2{
		background:#eee; 
		padding: 60px;
	}
	
	.ps-main{
		overflow: hidden;
	}
	
	.ps-product--detail{
		padding: 60px 0;
	}
	
	.product-layout-left .product-data p{
		font-size:18px; 
		padding-bottom:10px;
		color: #000;}
	.product-layout-left .product-data-number p{
		font-size:18px; 
		padding-bottom:10px;}
	@media only screen and (max-width:1900px){
	}
	@media only screen and (max-width:1600px){
	}
	

	@media only screen and (max-width: 1200px){
	}

	@media only screen and (max-width:990px){
		.partner-grid{ margin-bottom: 30px; }
		.slideGroup .slideBox{ position:relative; top:5px;}
		.slideGroup .parBd{ padding: 0; height: 600px;}
		.slideGroup .slideBox{  height: 600px;}
	}
	@media only screen and (max-width: 767px){
	
		.partner-grid{ margin-bottom: 0px; }
		.slideGroup .parHd ul li{ 
			display: inline-block;
			width: 10%;
			height: 50px;
			line-height: 50px;
			padding: 0 40px;
			cursor: pointer;
			margin: 0 15px;
			border: 2px solid #999;
			color: #999;
			border-radius: 8px;
			box-sizing: content-box;
			font-size: 16px;
		}
		.slideGroup .slideBox{padding:10px 0%; }
		.slideGroup .parHd ul li{
			width: 30%;
			padding: 0 10px;
			margin: 2%;
			font-size: 16px;}
	
		.slideGroup .parBd ul li .pic .pic-text{
			padding: 0 16%;
		}
		.slideGroup .parBd ul li .pic .pic-text h2{
			font-size: 1.5rem;
		}
		.slideGroup .parBd ul li .pic .pic-text i{
			margin: 2% 0;}
			
		.slideGroup .sPrev,.slideGroup .sNext{
			position: absolute;
			display: block;
			width: 45px;
			height: 45px;
			padding: 0 10px;}
			
		.slideGroup .sNext{ 
			left:auto; 
			right:8%; 
		    	padding: 0 12px; }
	
		.details1{padding: 3%;}
		.details2{padding: 3%;}
		/*.ps-product--detail{padding: 3%;}*/
		.product-layout-left{padding: 0;}
		.product-layout-right{padding: 0; display: none;}
			
		.product-layout-left .product-data p{
			font-size:14px; 
			padding-bottom:10px;
			color: #000;}
		.product-layout-left .product-data-number p{
			font-size:14px; 
			padding-bottom:10px;}
		.msgint .zixun-h{
			display: none;
		}	
		.slideGroup .sPrev{ 
			left: 10%;
		}
		.slideGroup .parBd ul li .pic .pic-text{
			padding: 5%;
		}
	}
	@media only screen and (max-width: 320px){
			
		.slideGroup .sPrev,.slideGroup .sNext{ 
			position: absolute;
			top: 50%;}
			
		.slideGroup .parHd{
			height: 100px;
			padding: 0;
			}
		.slideGroup .parHd ul li{
			padding: 0 10px;
			margin: 5px;
			font-size: 16px;}
			.slideGroup .parBd{ padding: 0; height: 600px;}
			.slideGroup .slideBox{  height: 500px;}
			.partner-grid{
			    width: 100%; }
			    
	}


	/* ҳβ����Ч��css */
	.kehushenqingjiameng{
		padding: 0 40px;
	}
	.user_join_from{
	    float: left;
	    margin-left: 21%;
	}
	.user_join{
	    float: left;
	    margin: 10px;
	    text-align: center;
	    background: #fff;
	    border-radius: 10px;
	}
	.user_join_header{
	    height: 2.5em;
	    border-bottom: 1px solid #ccc;
	    font-size: 16px;
	    background-color:#2b1841;
	    color: #ffffff;
	    border-radius: 50px;
	    line-height: 2.5em;
	    width: 50%;
	    margin: -20px auto 20px;
	}
	.user_join_ul{
	    height: 280px;
	    line-height: 30px;
	    font-size: 12px;
	    color:#232c65;
	}
	.user_box{
	    height: 220px;
	    width: 380px;
	    overflow: hidden;
	}
	.user_string{
	    color: #777;
	}
	.user_join_ul span{
	    color:#232c65;
	}
	.msg-int span{
		position: absolute;
		top: 14px;
		z-index: 3;
		padding: 0 5px;
		color: #747474;
	}
	.msg-int span.msg-mob{
		top: 88px;
	}
	.msg-int span.msg-msg{
		top: 160px;
	}
	.ppjj-title .section-title {
		padding-top: 20px;
	}
	.about-tuandui-con{
		width: 62px;
		height: 62px; 
		display: inline-block;
	}
	.about-mentor-name{
		display: inline-block;
		padding: 20px;
		position: absolute;
	}

@media only screen and (max-width: 767px){	
	.msg-int span.msg-mob{
		top: 66px;
	}
	.msg-int span.msg-msg{
		top: 120px;
	}
	.ppjj-title{
		padding-top: 10px;
	}
}

@media only screen and (max-width: 400px){	
	.kehushenqingjiameng{
		margin: 0 -20px;
	}
}