html,
body {
    margin: 0;
    padding: 0;
    font-size: 12px;
}
#ztgame_menu_bg{
    height:auto; position: absolute; z-index: 99999; width: 100%; padding: 0.1px 0 0; top: 0; left: 0;
}
#ztgame_menu_bg #ztgame_menu_bg_hover{ position: absolute; width: 100%; height: 25px; left: 0; top: 0; }
#ztgame_menu{ height:85px; transition:margin-top 0.4s; position: relative; z-index: 2; 
    /* -webkit-transform: translateY(-85px); transform: translateY(-85px);  */
    margin-top: -85px;
}
#ztgame_menu.ztgame_menu_show{
    /* -webkit-transform: translateY(0);
    transform: translateY(0); */
    margin-top: 0;
}
.ztgame_menu_cant {
    position: absolute;
    right: 0;
    top: 7px;
    width: 105px;
    height: 41px;
}


.ztgame_menu_cant.on1 {
    background: url(../images/menus/sprite.png) no-repeat 17px -95px;
}

.ztgame_menu_cant.on2 {
    background: url(../images/menus/sprite.png) no-repeat  17px -56px;
}

#ztgame_menu .clear {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
}

#ztgame_menu * {
    background-size: auto;
    -webkit-mask-size: auto;
}

#ztgame_menu ul,
#ztgame_menu li,
#ztgame_menu p,
#ztgame_menu h3,
#ztgame_menu strong,
#ztgame_menu form {
    margin: 0;
    padding: 0;
    list-style: none;
}

#ztgame_menu a {
    text-decoration: none;
    outline: none;
}

#ztgame_menu {
    text-align: left;
    height: 84px;
    position: relative;
    line-height: 0;
    font-size: 12px;
    background: #000;
}

#ztgame_main {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 100%;
    display: flex; justify-content: center; align-items: center;
}

#ztgame_logo { position: absolute; left: 40px; top: 50%; margin-top: -25px; width: 149px; height: 51px; background: url(/images/logo.png) no-repeat; }
#ztgame_site { display: flex; align-items: center; position: relative; height: 100%; z-index: 500000; font-size: 12px; margin: 0 20px; }
#ztgame_site span { color: #cacacd; display: flex; justify-content: flex-start; align-items: center; width: 96px; height: 100%; font-size: 18px; background: url(../images/menus/zk.png) no-repeat right 50%;  cursor: pointer;}
#ztgame_site span:hover{ color: #c1a580; }

#ztgame_menu span.clear { background: none; padding: 0; margin: 0; height: 0;}

#ztgame_list_wrap{  position: absolute; width: 100vw; top: 60px; height:662px; display: none; }
/* #ztgame_list_wrap.ztgame_list_wrap_show{ display: block; } */
#ztgame_list .ztgame_listsrcoll{ height: 234px; }
#ztgame_list {
    width: 90vw; max-width: 2156px;
    position: absolute;
    top: 60px;
    display: none;
    font-size: 12px;
    padding: 10px 0 24px;
    left: 50%;
    -webkit-transform: translateX(-59.5%);
    transform: translateX(-59.5%);
    background: url(../images/menus/k.png) no-repeat 0 30px; background-size: 100% 88%;
    /* display: block !important; */
}
#ztgame_list::before{ content: ''; display: block; position: relative; top: 0; left: 58.2%; width: 37px; height: 20px; background: url(../images/menus/ks.png) no-repeat; }
@media screen and (max-width: 2250px) {
    #ztgame_list { width: 76vw; transform: translateX(-60%);  }
}

#ztgame_list img { margin: 0 auto; max-width: 100%;}
#ztgame_listbg { position: relative; width: 100%; }
#ztgame_menu .jruls { margin: 0 auto; width: 95%; position: relative; padding: 15px 0 15px 16px; overflow: hidden; }
#ztgame_menu .jruls:nth-child(1){ display: none; }
#ztgame_menu .jruls:nth-child(2){ padding-bottom: 0; }
#ztgame_menu .jruls>.line { position: absolute; height: 400px; width: 1px; display: inline-block; top: 0; right: 0; overflow: hidden; border-right: 1px solid #ebebeb; display: none; }
#ztgame_menu .jruls:last-of-type>.line { border: none;}
#ztgame_list ul { display: flex; align-items: flex-start; flex-wrap: wrap; height: 100%; }
#ztgame_menu .jruls h3.ztgame_ts {display: block; text-align: left; height: 34px; line-height: 34px; margin: 6px 0 0; color: #c9ac85; font-size: 24px; font-weight: 500; padding-left: 35px; background-repeat: no-repeat; background-position: left center; }
#ztgame_menu .jruls h3.ztgame_ts text{ font-size: 20px; color: #868383; margin-left: 12px; }
#ztgame_menu .jruls h3.ztgame_ts.ztgame_ts_moblie{ background-image: url(../images/menus/moblie.png); }
#ztgame_menu .jruls h3.ztgame_ts.ztgame_ts_pc{ background-image: url(../images/menus/pc.png); background-position-y: 75%; padding-left: 42px; }

#ztgame_list ul#jr_fun,
#ztgame_list ul#jr_security {
    line-height: auto;
    min-height: auto;
}

#ztgame_link { font-size: 18px; display: flex; justify-content: center; height: 100%; }
#ztgame_link a { display: flex; align-items: center; justify-content: center; height: 100%; text-decoration: none; color: #cacacd; }
#ztgame_link span { margin: 0 20px 0; display: block; height: 100%;}
#ztgame_link .before { display: none; }
#ztgame_link span a:hover { color: #c1a580;}
#ztgame_list li{ color: #fff; -ms-flex-wrap: wrap; flex-wrap: wrap;  height: auto; margin: 20px 10px 0; width: 230px; position: relative; }
#ztgame_list li span{ display: block; width: 100%; margin: 30px auto 0; color: #fff; font-size: 16px; text-indent: 55px; background: none; }
#ztgame_list li img.big{ border-radius: 10px; transition:transform 0.6s; }
#ztgame_list li:hover img.big{ transform: scale(1.1);  }
#ztgame_list li img.small{ position: absolute; width: 40px; left: 0; top: 120px; }
#ztgame_list li:after{ display: none; }
#ztgame_list li a{ display: block; position: relative; height: auto; margin: 0 auto; overflow: hidden; border-radius: 10px; }
.menu .menu_list .game_lists a::before{ display: none; }

.jr_big_swiper,.jr_phone_swiper{ height: 100%; }
#ztgame_list .ztgame-slide-content{ color: #fff; -ms-flex-wrap: wrap; flex-wrap: wrap;  height: auto; margin: 20px 20px 0 0; width: 230px; position: relative; }
#ztgame_list .ztgame-slide-content span{ display: block; width: 100%; margin: 30px auto 0; color: #cacacd; font-size: 18px; text-indent: 55px; background: none; text-align: left; }
#ztgame_list .ztgame-slide-content img.big{ border-radius: 10px; transition:transform 0.6s; }
#ztgame_list .ztgame-slide-content:hover img.big{ transform: scale(1.1);  }
#ztgame_list .ztgame-slide-content img.small{ position: absolute; width: 40px; left: 0; top: 120px; }
#ztgame_list .ztgame-slide-content:after{ display: none; }
#ztgame_list .ztgame-slide-content a{ display: block; position: relative; height: auto; margin: 0 auto; overflow: hidden; border-radius: 10px; }
#ztgame_list .ztgame-slide-content-hot a::before,#ztgame_list .ztgame-slide-content-new a::before{ content: 'Hot'; position: absolute; top: 0; right: 0; width: 40px; height: 20px; background: #e44f42; text-align: center; line-height: 20px; color: #fff; font-size: 14px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; z-index: 22; }
#ztgame_list .ztgame-slide-content-new a::before{ content: 'New'; background: #3c87e3; }

#ztgame_menu .ztgame_listsrcoll .swiper-horizontal > .swiper-scrollbar,
#ztgame_menu .ztgame_listsrcoll .swiper-scrollbar.jrphoness {
  width: 98%;
  height: 1px;
  bottom: 16px;
  background: linear-gradient(to right, rgba(181, 164, 136, 0.2) 0%, rgba(181, 164, 136, 1) 50%, rgba(181, 164, 136, 0.2) 100%);
}
#ztgame_menu .ztgame_listsrcoll .swiper-scrollbar-drag {
  width: 227px;
  height: 40px;
  top: -20px;
  background: url(../images/menus/bar.png) no-repeat 0 center;
  background-size: 100% 7px;
  cursor: pointer;
}
#ztgame_menu .ztgame_listsrcoll .swiper-slide{ align-items: flex-start; }
.jrbigss{ display: none; }

#ztgame_news { height: 20px; float: left; display: inline; margin: 22px 0 0 30px; width: 302px; white-space: nowrap; overflow: hidden; position: relative; font-size: 12px; position: absolute; top: 0px; left: 123px; display: none; }

#ztgame_news ul {
    position: absolute;
    top: 0;
    left: 0;
}

#ztgame_news ul li {
    height: 20px;
    line-height: 17px;
}

#ztgame_news a {
    color: #f00;
}

#ztgame_news a:hover {
    text-decoration: underline;
}

#ztgame_menu_jr110 {
    display: block;
    margin-top: -74px;
    position: absolute;
    right: 0px;
    z-index: 999;
}

/* dang de 18 da*/
#th18 {
    display: block;
    position: fixed;
    -position: absolute;
    width: 240px;
    height: 78px;
    right: 0;
    top: 156px;
    background: url(../images/menus/18th.gif) no-repeat 0 0;
}

#thbtn18 {
    display: block;
    position: absolute;
    width: 19px;
    height: 19px;
    overflow: hidden;
    text-indent: -9999px;
    right: 2px;
    top: 0px;
}

#th18 a#menu_sha {
    display: block;
    height: 78px;
    width: 240px;
}

/* #ztgame_cant{
    position: relative;
    top: 12px;
} */

/*webkit内核浏览器*/
#ztgame_site .ztgame_listsrcoll::-webkit-scrollbar { width: 4px; height: 6px; background-color: #b38d57; }
#ztgame_site .ztgame_listsrcoll::-webkit-scrollbar:hover { background-color: #b38d57; }

#ztgame_site .ztgame_listsrcoll::-webkit-scrollbar-thumb { min-height: 5px; min-width: 5px; -webkit-border-radius: 10px; border: 1px solid #f2c893; background-color: #f2c893; }
#ztgame_site .ztgame_listsrcoll::-webkit-scrollbar-thumb:hover { min-height: 5px; min-width: 5px; -webkit-border-radius: 10px; border: 1px solid #d7b57e; background-color: #d7b57e;}

#ztgame_site .ztgame_listsrcoll::-webkit-scrollbar-thumb:active {-webkit-border-radius: 10px; border: 1px solid #d7b57e; background-color: #d7b57e;}
/*火狐浏览器浏览器*/
@media (pointer: fine) {
  /* #ztgame_site .ztgame_listsrcoll {
    scrollbar-width: thin;
    scrollbar-color:#f2c893 #ffe49c;
  } */
}