* {padding: 0;margin: 0;}
ul, li {list-style: none;}
a {text-decoration: none;color: #fff;}
body {
	background: #009944 url(../images/bg.png) no-repeat center top;
	background-attachment:fixed;
}
.w1200 {width: 1200px;margin: 0 auto;}
.wrap {padding-bottom: 80px;}
.header {color: #fff;text-align: center;padding: 30px 0 20px;}
.header h2 {font-size: 48px;font-weight: bold;}
.header p {font-size: 20px;margin-top: 10px;}
.banner a {display: block;width: 1200px;height: 340px;border-radius: 10px;}
.banner a.a1 {background: url(../images/banner_pc_1.jpg) no-repeat center;}
.banner a.a2 {background: url(../images/banner_pc_2.jpg) no-repeat center;}
.banner a.a3 {background: url(../images/banner_pc_3.jpg) no-repeat center;}
.banner a.a4 {background: url(../images/banner_pc_4.jpg) no-repeat center;}
.mySwiper .swiper-pagination-bullet {width: 14px;height: 14px;border-radius: 0;background: rgba(255, 255, 255, 0.50);opacity: 1;}
.mySwiper .swiper-pagination-bullet-active {background: #fff;}
.marquee {color: #fff;padding: 20px 0;width: 100%;}
.yd_marquee {color: #fff;padding: 10px 0;width: 100%;font-size: 14px;}
.marquee a {margin-right: 100px;}
.yd_marquee a {margin-right: 100px;}
.link {display: flex;align-items: center;justify-content: space-between;}
.link a {display: block;width: 280px;height: 72px;line-height: 72px;border-radius: 16px;text-align: center;text-transform: uppercase;font-size: 20px;}
.link a:nth-of-type(1) {background: linear-gradient(180deg, #38FF91 0%, #10B459 100%);}
.link a:nth-of-type(2) {background: linear-gradient(180deg, #38FF91 0%, #10B459 100%);}
.link a:nth-of-type(3) {background: linear-gradient(180deg, #F2B233 0%, #D76802 100%);}
.link a:nth-of-type(4) {background: linear-gradient(180deg, #F2B233 0%, #D76802 100%);}
.nav {background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);border-radius: 10px;margin-top: 20px;padding: 15px 0;}
.nav.yd_nav {margin-top: 5px;}
.mySwiper1 {padding: 0 50px;}
.mySwiper1 p {text-align: center;cursor: pointer;}
.mySwiper1 p span {display: block;color: #fff;margin-top: -5px;padding-bottom: 10px;}
.mySwiper1 .swiper-slide-active p {background: linear-gradient(180deg, rgba(4, 119, 55, 1) 0%, rgba(4, 41, 21, 1) 100%);border-radius: 10px;}
.nav {position: relative;}
.yd_nav p img {height: 40px;}
.nav>i {position: absolute;z-index: 9999;cursor: pointer;}
.nav>i img {width: 36px;}
.nav>i.left {top: 30px;left: 10px;}
.nav>i.right {top: 30px;right: 10px;}
.yd_nav .mySwiper1 {padding: 0 35px;font-size: 14px;}
.yd_nav>i img {width: 24px;}
/* .mySwiper1 .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {background: url(../images/right.png);}
.mySwiper1 .swiper-button-next:after, .swiper-button-prev:after{background: url(../images/left.png);} */
.game_list ul {display: flex;align-items: center;flex-wrap: wrap;}
.game_list ul li {width: 20%;text-align: center;margin-top: 15px;cursor: pointer;position: relative;}
.game_list ul li div {background: #fff;display: inline-block;padding: 15px;box-sizing: border-box;border-radius: 6px;position: relative;}
.game_list ul li img {height: 200px;width: 200px;border-radius: 6px;}
.game_list ul li p {width: 100%;background: rgba(237, 237, 237, 1);border-radius: 4px;}
.game_list ul li p span {display: block;background: rgba(242, 178, 51, 1);border-radius: 4px;transition: all 1.5s linear;
  animation: progressMove 4s linear infinite;}
/* .game_list ul li div.dalam::after {display: block;z-index: 9999; content: "dalam perbaikan";position: absolute;background: rgba(255, 255, 255, 0.80); left: 0;top:0;width: 100%;height: 100%;line-height: 255px;font-size: 20px;} */

@keyframes progressMove {
    0% {
        background-position: 0px;
    }
    100% {
        background-position: -100px;
    }
}
.game_list ul li div b {position: absolute;background: rgba(0, 0, 0, 0.7);left: 15px;top: 15px;width: 200px;height: 200px;display: none;border-radius: 6px;}
.game_list ul li div b a {display: inline-block;width: 104px;height: 32px;line-height: 32px; margin-top: 90px; background: linear-gradient(180deg, #56E595 0%, #009944 100%);border-radius: 16px 16px 16px 16px;}
.game_list ul li div:hover b {display: block;}
.game_list.yd_game_list ul li {width: 30.3%;margin: 10px 1.5% 0;position: relative;}
.game_list.yd_game_list ul li img {height: 90px;width: 90px;border-radius: 6px;}
.game_list.yd_game_list ul li div {padding: 5px;}
.game_list.yd_game_list ul li div a {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 8;background: none;}
/* .game_list.yd_game_list ul li div.dalam::after {display: block;z-index: 9999; content: "dalam perbaikan";position: absolute;background: rgba(255, 255, 255, 0.80); left: 0;top:0;width: 100%;height: 100%;line-height: 20px;font-size: 14px;padding-top: 40px;box-sizing: border-box;} */

.lb {background: #3BD27E;white-space:nowrap;  padding: 5px 0; width: 90%;color: #fff;display: flex;align-items: center;font-size: 14px; line-height: 36px;border-radius: 6px;margin-top: -5px;position: fixed;z-index: 999; bottom: 20px;}
.lb img {height: 36px;margin-right: 10px;}
.lb a {margin-right: 100px; -webkit-animation: blink 2s linear infinite;}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
	25% {
	    opacity: 1;
	}
	50% {
		opacity: 0;
	}
	75% {
	    opacity: 1;
	}
    100% {
        opacity: 1;
    }
}


.yd_header {color: #fff;text-align: center;padding: 10px 0 10px;}
.yd_header h2 {font-size: 28px;font-weight: bold;}
.yd_header p {font-size: 14px;margin-top: 3px;}
.yd_wrap {background-size: cover;width: 100%;max-width: 750px;margin: 0 auto;box-sizing: border-box;padding: 0 15px 80px;}
/* .yd_img {padding: 10px 0 0;} */
.yd_footer {position: relative;}
.yd_link {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.yd_link a {display: block;width: 48%;height: 50px;line-height: 50px;border-radius: 6px;text-align: center;text-transform: uppercase;font-size: 16px;margin-bottom: 10px;}
.yd_link a:nth-of-type(1) {background: linear-gradient(180deg, #38FF91 0%, #10B459 100%);}
.yd_link a:nth-of-type(2) {background: linear-gradient(180deg, #38FF91 0%, #10B459 100%);}
.yd_link a:nth-of-type(3) {background: linear-gradient(180deg, #F2B233 0%, #D76802 100%);}
.yd_link a:nth-of-type(4) {background: linear-gradient(180deg, #F2B233 0%, #D76802 100%);}

.tips {font-size: 16px;line-height: 24px;}
.tips p {text-align: justify;color: #fff;margin-top: 20px;}
.tips p b {display: block;font-size: 28px;color: #F2B233;text-align: center;margin: 50px 0 20px;}
.tips.yd_tips p {margin-top: 10px;}
.tips.yd_tips p b {font-size: 18px;margin: 20px 0 10px;}