body.red .bg {
  background: #D61515;
}
body.red h2 {
  color: #391E1E;
}
body.red .font-w {
  color: #fff;
}
body.red .logo a {
  background: #D61515;
}
body.red .heading i {
  color: #D85911;
}
body.red .nav-links li.active a,
body.red .nav-links li:hover a {
  color: #D61515;
}
body.red .g1 a .item {
  box-shadow: 0 0 4px 0 rgba(255, 0, 0, 0.25) inset;
}
body.red .g1 a .item .text .play {
  color: #fff;
}
body.red .back-to-top i {
  color: #D61515;
}
body.red .g2 a .item {
  border: 0.5px solid rgba(214, 21, 21, 0.5);
  box-shadow: 0 2px 0 0 #D61515;
}
body.red .g3 a .item {
  border: none;
  box-shadow: 0 0 4px 0 rgba(255, 0, 0, 0.25) inset;
}
body.red .g3 a:hover .active {
  background: #D61515;
}
body.red .g3 a:hover .active h2 {
  color: #fff;
}
body.red .g3 a:hover .active .play {
  background: #fff;
}
body.red .g3 a:hover .active .play {
  color: #D61515;
}
body.red .dt .main .box {
  border-radius: 12px;
  background: #F8F8F8;
  box-shadow: 0 0 4px 0 rgba(255, 0, 0, 0.25) inset;
}
body.red .dt .main .gameLink .title .play {
  background: #D61515;
  color: #FFF;
}
body.red .dt .main .gameLink .catename {
  color: #D61515;
}
body.red .dt .main .text::-webkit-scrollbar {
  background-color: #E6E6E6;
  width: 6px;
  border-radius: 2px;
}
body.red .dt .main .text::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #D61515;
}
body.red .play-game .top {
  background: url(../images/red-game-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}
body.red .play-game .top .palybtn {
  color: #FFF;
  border-radius: 100px;
  background: #D61515;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
body.red .search input {
  border: 1px solid #D61515;
  color: #333;
}
body.red .search input::-moz-placeholder {
  color: #333;
}
body.red .search input:-ms-input-placeholder {
  color: #333;
}
body.red .search input::placeholder {
  color: #333;
}
body.red .search_btn a {
  background: #D61515;
}
body.red .search_btn a i {
  color: #fff;
}

body.yellow .bg {
  background: #FFE82C;
}
body.yellow h2 {
  color: #333;
}
body.yellow .font-b {
  color: #333;
}
body.yellow .logo a {
  background: #FFE82C;
  color: #333;
}
body.yellow .heading i {
  color: #f84510;
}
body.yellow .nav-links li.active a,
body.yellow .nav-links li:hover a {
  border-radius: 12px;
  background: #FFE82C;
  color: #333;
}
body.yellow .g1 a .item .text .play {
  color: #333;
}
body.yellow .g1 a .item {
  box-shadow: 0 0 4px 0 rgba(255, 232, 44, 0.25) inset;
}
body.yellow .back-to-top i {
  color: #FFE82C;
}
body.yellow .g2 a .item {
  border: 0.5px solid rgba(255, 232, 44, 0.25);
  box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 4px 0 #E4B715;
}
body.yellow .g3 a .item {
  border: none;
  box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 4px 0 #E4B715;
}
body.yellow .g3 a:hover .active {
  background: #FFE82C;
}
body.yellow .g3 a:hover .active h2 {
  color: #333;
}
body.yellow .g3 a:hover .active .play {
  background: #fff;
}
body.yellow .g3 a:hover .active .play {
  color: #333;
}
body.yellow .h5-home,
body.yellow .burger,
body.yellow .h5-searbtn {
  margin-top: 4px;
}
@media (max-width: 550px) {
  body.yellow .logo a {
    padding: 6px 16px;
  }
}
body.yellow .dt .main .box {
  border-radius: 12px;
  background: #F8F8F8;
  box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 4px 0 #E4B715;
}
body.yellow .dt .main .gameLink .title .play {
  background: #FFE82C;
  color: #333;
}
body.yellow .dt .main .gameLink .catename {
  color: #f84510;
}
body.yellow .dt .main .text::-webkit-scrollbar {
  background-color: #E6E6E6;
  width: 6px;
  border-radius: 2px;
}
body.yellow .dt .main .text::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #f84510;
}
body.yellow .play-game .top {
   background: #fffef6;
}
body.yellow .play-game .top .palybtn {
  color: #333;
  border-radius: 100px;
  background: #FFE82C;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
body.yellow .search input {
  border: 2px solid #FFE82C;
  color: #666;
}
body.yellow .search_btn a {
  background: #FFE82C;
}
body.yellow .search_btn a i {
  color: #333;
}
body.yellow .search input::-moz-placeholder {
  color: #666;
}
body.yellow .search input:-ms-input-placeholder {
  color: #666;
}
body.yellow .search input::placeholder {
  color: #666;
}

body.blue .bg {
  background: #129BE0;
}
body.blue h2 {
  color: #391E1E;
}
body.blue .font-w {
  color: #fff;
}
body.blue .logo a {
  background: #129BE0;
}
body.blue .heading i {
  color: #129BE0;
}
body.blue .nav-links li.active a,
body.blue .nav-links li:hover a {
  color: #129BE0;
}
body.blue .g1 a .item {
  box-shadow: 0 0 4px 0 rgba(0, 170, 255, 0.25) inset;
}
body.blue .g1 a .item .text .play {
  color: #fff;
}
body.blue .back-to-top i {
  color: #129BE0;
}
body.blue .g2 a .item {
  border: 0.5px solid rgba(18, 155, 224, 0.5);
  box-shadow: 0 2px 0 0 #1596D6;
}
body.blue .g3 a .item {
  border: none;
  box-shadow: 0 0 4px 0 rgba(18, 155, 224, 0.25) inset;
}
body.blue .g3 a:hover .active {
  background: #129BE0;
}
body.blue .g3 a:hover .active h2 {
  color: #fff;
}
body.blue .g3 a:hover .active .play {
  background: #fff;
}
body.blue .g3 a:hover .active .play {
  color: #129BE0;
}
body.blue .dt .main .box {
  border-radius: 12px;
  background: #F8F8F8;
  box-shadow: 0 0 4px 0 rgba(18, 155, 224, 0.25) inset;
}
body.blue .dt .main .gameLink .title .play {
  background: #129BE0;
  color: #FFF;
}
body.blue .dt .main .gameLink .catename {
  color: #129BE0;
}
body.blue .dt .main .text::-webkit-scrollbar {
  background-color: #E6E6E6;
  width: 6px;
  border-radius: 2px;
}
body.blue .dt .main .text::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #129BE0;
}
body.blue .play-game .top {
  background: #F6F8F9;
}
body.blue .play-game .top .palybtn {
  color: #FFF;
  border-radius: 100px;
  background: #129BE0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
body.blue .search input {
  border: 1px solid #129BE0;
  color: #333;
}
body.blue .search input::-moz-placeholder {
  color: #333;
}
body.blue .search input:-ms-input-placeholder {
  color: #333;
}
body.blue .search input::placeholder {
  color: #333;
}
body.blue .search_btn a {
  background: #129BE0;
}
body.blue .search_btn a i {
  color: #fff;
}
body.blue .play-game .bottom {
  background-color: #129BE0;
}

body.purple .bg {
  background: #8E4AC2;
}
body.purple h2 {
  color: #391E1E;
}
body.purple .font-w {
  color: #fff;
}
body.purple .logo a {
  background: #8E4AC2;
}
body.purple .heading i {
  color: #8E4AC2;
}
body.purple .nav-links li.active a,
body.purple .nav-links li:hover a {
  color: #8E4AC2;
}
body.purple .g1 a .item {
  box-shadow: 0 0 4px 0 rgba(142, 74, 194, 0.25) inset;
}
body.purple .g1 a .item .text .play {
  color: #fff;
}
body.purple .back-to-top i {
  color: #8E4AC2;
}
body.purple .g2 a .item {
  border: 0.5px solid rgba(142, 74, 194, 0.5);
  box-shadow: 0 2px 0 0 #8E4AC2;
}
body.purple .g3 a .item {
  border: none;
  box-shadow: 0 0 4px 0 rgba(142, 74, 194, 0.25) inset;
}
body.purple .g3 a:hover .active {
  background: #8E4AC2;
}
body.purple .g3 a:hover .active h2 {
  color: #fff;
}
body.purple .g3 a:hover .active .play {
  background: #fff;
}
body.purple .g3 a:hover .active .play {
  color: #8E4AC2;
}
body.purple .dt .main .box {
  border-radius: 12px;
  background: #F8F8F8;
  box-shadow: 0 0 4px 0 rgba(142, 74, 194, 0.25) inset;
}
body.purple .dt .main .gameLink .title .play {
  background: #8E4AC2;
  color: #FFF;
}
body.purple .dt .main .gameLink .catename {
  color: #8E4AC2;
}
body.purple .dt .main .text::-webkit-scrollbar {
  background-color: #E6E6E6;
  width: 6px;
  border-radius: 2px;
}
body.purple .dt .main .text::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #8E4AC2;
}
body.purple .play-game .top {
  background: #F6F8F9;
}
body.purple .play-game .top .palybtn {
  color: #FFF;
  border-radius: 100px;
  background: #8E4AC2;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
body.purple .search input {
  border: 1px solid #8E4AC2;
  color: #333;
}
body.purple .search input::-moz-placeholder {
  color: #333;
}
body.purple .search input:-ms-input-placeholder {
  color: #333;
}
body.purple .search input::placeholder {
  color: #333;
}
body.purple .search_btn a {
  background: #8E4AC2;
}
body.purple .search_btn a i {
  color: #fff;
}
body.purple .play-game .bottom {
  background-color: #8E4AC2;
}/*# sourceMappingURL=main.css.map */