@charset "utf-8";
body,html{margin:0; padding:0; font-family:"Microsoft YaHei"; color:#565656; font-size:12px; overflow-x:hidden; background:#e4e4e4; }
div,ul,li,p,img,embed,object{margin:0; padding:0; border:0;}
*{margin:0px;padding:0px;}
ul{margin:0;}
li{margin:0; list-style:none;}
a{ color:#565656; outline:none; text-decoration:none;  }
a:link,a:visited{ text-decoration:none;}
.clear,.clr{clear:both; margin:0; padding:0; height:0; line-height:0; display:block; font-size:0; background:none; overflow:hidden; }
.h05{height:5px;}
.h10{height:10px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h80{height:80px;}
.red{color:#f00;}
.fll{float:left; display:inline; }
.flr{float:right;}
.hide{display:none;}
.mau{margin:0 auto;}
.por{position:relative;}
.poa{position:absolute;}
.center{text-align:center;}
.in{width:1000px; position:relative; margin:0 auto;}

/*footer*/
.wrapbg{ width: 100%; min-width: 1088px; max-width: 1920px; position: relative; margin: 0 auto; }
.wrap{ width:1200px; position:relative; margin: 0 auto; }

.bv1{ height: 768px;  background:url(../images/bv1.jpg) no-repeat center 0;  }
.bv2{ height: 768px; background:url(../images/bv2.jpg) no-repeat center 0;  }
.bv3{ height: 854px; background:url(../images/bv3.jpg) no-repeat center 0;  }
.bv4{ height: 768px; background:url(../images/bv4.jpg) no-repeat center 0;  }
.bv5{ height: 768px; background:url(../images/bv5.jpg) no-repeat center 0;  }
.bv6{ height: 768px; background:url(../images/bv6.jpg) no-repeat center 0;  }

.bb2{ height: 631px;  background:url(../images/bb2.jpg) no-repeat center 0;  }
.b2{ height: 560px; padding-top: 133px;  background:url(../images/b2.jpg) no-repeat center 0; z-index: 1;  }
.b3{ height: 707px; padding-top: 157px;  background:url(../images/b3.jpg) no-repeat center 0;  }
.b4{ height: 1000px; padding-top: 220px;  background:url(../images/b4.jpg) no-repeat center 0;  }

.start{ position: absolute; width: 255px; height: 71px; left: 748px; top: 668px; background:url(../images/start_v1.png) no-repeat; 
	-webkit-animation: myscale 1s linear infinite alternate;
  -moz-animation: myscale 1s linear infinite alternate;
  -ms-animation: myscale 1s linear infinite alternate;
  animation: myscale 1s linear infinite alternate;
}
@keyframes myscale {
  0% {
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0)
    -o-transform: scale(1.0);
    transform: scale(1.0);
  }
  100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.start_v2{ left: 185px; top: 566px; width: 250px; height: 112px; background:url(../images/start_v2.png) no-repeat;    }
.start_v3{ left: 482px; top: 661px; width: 286px; height: 76px; background:url(../images/start_v3.png) no-repeat;    }
.start_v4{ left: 498px; top: 672px; width: 205px; height: 95px; background:url(../images/start_v4.png) no-repeat;    }
.start_v5{ left: 222px; top: 492px; width: 221px; height: 75px; background:url(../images/start_v5.png) no-repeat;    }
.start_v6{ left: 466px; top: 618px; width: 261px; height: 100px; background:url(../images/start_v6.png) no-repeat;    }

.v4slogo{ position: absolute; width: 667px; height: 154px; top: 200px; left: 50%; margin-left: -334px; background:url(../images/v4slogo.png) no-repeat; }
.logo {
    position: absolute;
    left: 12px;
    top: 16px;
    width: 114px;
    height: 76px;
    background: url(//zt2.ztgame.com/images/logo.png) no-repeat;
}

.btn{ position: absolute; width: 100%; height: 768px; overflow: hidden; left: 0; top: 0; }
.bb2 .wrap{ padding-top: 138px; text-align: center; }
.fulicom{ display: inline-block; height: 448px; margin:0 10px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.fuli1{ width: 332px; background:url(../images/fuli3.png) no-repeat;    }
.fuli2{ width: 332px; background:url(../images/fuli2.png) no-repeat;    }
.fuli3{ width: 332px; background:url(../images/fuli1.png) no-repeat;    }
.fulicom:hover{ -webkit-transform: translateY(-15px); transform: translateY(-15px); }


.tcom{ display: block; width: 470px; height: 80px; margin: 0 auto 0; background-repeat: no-repeat; background-position: center bottom; }
.t1{ background-image:url(../images/t1.png); margin-bottom: 32px; }
.t2{ background-image:url(../images/t2.png); margin-bottom: 64px; }
.t3{ background-image:url(../images/t3.png); }

.k1{ width: 1160px; height: 414px; position: relative; }
.k1 .imgs{ width: 100%; height: 414px; overflow: hidden; position:absolute; left: -24px; top: 23px; }
.k1 .imgs ul{ position: absolute; left: 0; top: 0; }
.k1 .imgs li{ float: left; width: 1160px; overflow: hidden; }
.k1 .imgs li img{ display: block; }
.btns{ position: absolute; width: 100%;  height: 72px; overflow: hidden; text-align: center; bottom: -116px; }
.btns a{ display: inline-block; width: 40px; height: 10px; overflow: hidden; margin: 0 5px; background:#38d6b6; border-radius: 4px;  }
.btns a:hover,.btns a.on{ background: #ffab09; }


.k2{ width: 100%; height: 628px; position: relative; }
.k2 .imgs2{ position:absolute; left: 0; top: 0; width: 100%; }
.k2 .imgs2 img{ position: absolute; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; }
.k2 .imgs2 img.tt1{ left: 240px; top: -110px; transform: -webkit-translateX(50%); transform: translateX(50%); opacity: 0; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;  }
.k2 .imgs2 img.tt2{ right: 205px; top: 0; transform: -webkit-translateX(50%); transform: translateX(50%); opacity: 0;  }

.wz{ position: absolute; width: 344px; text-align: right; right: 868px; top: 10px; color: #000; font-size: 16px; transform: -webkit-translateX(-100%); transform: translateX(-100%); opacity: 0;  }
.tds{ float: right; display: inline; width: 24px; height: 446px; text-align: center; margin-left: 6px; vertical-align: middle; line-height: 18px; }
.more{ float: right; width: 27px; height: 90px; text-align: left; overflow: hidden; text-indent: -999px; background:url(../images/more.png) no-repeat; display: none; }
.more:hover{ background-position: -27px 0; }
.x{ display:inline-block; width:17px; height: 17px; background:url(../images/x2.png) no-repeat; }
.x.on{ background:url(../images/x1.png) no-repeat;  }
.k2 .imgs2 .on img.tt1,.k2 .imgs2 .on img.tt2,.on .wz{ transform: -webkit-translateX(0); transform: translateX(0); opacity: 1;  }


.zys{ display: none; }

.btns2{ position: absolute; width:1184px;  height: 32px; overflow: hidden; text-align: center; bottom: 0; background:url(../images/wxline.png) no-repeat 0 13px; }
.btns2 a{ display: inline-block; width: 76px; height: 26px; margin: 0 2px; text-align: center; line-height: 26px; color: #fff; overflow: hidden; background: #15a084; border: solid 1px #fff; border-radius: 28px; }
.btns2 a:hover,.btns2 a.on{  background: #fff83b; border: solid 1px #fff83b; color: #15a084; }

.list { display: block; width: 1176px; height: 806px; margin: 0 auto; overflow: hidden; position: relative; font-family: "Microsoft YaHei";}
.list ul{ position: absolute; width: 1136px; left: 37px; top: 0; }
.list li{ display: block; width: 100%; margin-top: 15px; padding-top: 12px; position: relative; background: #fff; border-radius: 10px; box-shadow: 6px 6px 6px #e8e5dd; }
.toux{ position: absolute; width: 60px; height: 60px; left: -37px; top: 12px; }
.cont{ margin-left: 50px;  width: 970px; line-height: 28px; font-size: 16px; }
h3{ display: block; color: #d85f3a; font-size: 18px; }
.list li p img{ margin-top: 10px; width: 225px; }
.list li .clr{ height: 11px; }
.xx{ display:inline-block; vertical-align: middle; margin-right: 5px; height: 15px; width: 15px;  background:url(../images/duo_01.png) no-repeat; }
.xx.b{  background:url(../images/duo_02.png) no-repeat;  }
.zan{ position: absolute; width: 64px; height: 42px; line-height: 38px; padding-left: 38px; right: 0; top: 16px; font-size: 14px; background:url(../images/zana.png) no-repeat;  }
.zan:hover,.zan.on{ background-position: 0 -42px;  }

.jias{ position: absolute; z-index: 99; color: #ff0000; font-weight: bold; }
.topx{ position: absolute; width: 100%; height: 101px; background:url(../images/top.png) no-repeat; }
#slogo{ position: absolute; width: 736px; height: 452px; left: 230px; top: 0; background:url(../images/slogo.png) no-repeat; }
#ren{ position: absolute; width: 1536px; height: 857px; top: 0; right: 0; background:url(../images/ren.png) no-repeat; }
#sows{ position: absolute; width: 100%; height: 945px; overflow: hidden; left: 0; top: 0; }
.kk2{ position: absolute; width: 704px; height: 354px; left: 50%; top: 458px; margin-left: -352px; background:url(../images/kk2.png) no-repeat; }

.btns3{ display: block; margin: 0 auto; width: 250px; height: 53px; overflow: hidden; text-indent: -999px; background:url(../images/btns.png) no-repeat; }
.btn2{ background-position:-380px 0; margin-bottom: 10px; }
.btn3{ background-position:-380px -62px; }

.reg{ float: left; width: 328px; height: 353px; }
.down{ float: left; display: inline; margin-left: 48px; width: 328px; height: 134px; padding-top: 219px; }
.btn2:hover{ background-position:-380px -115px; }
.btn3:hover{ background-position:-380px -177px; }

.weixinbg{ display: block; margin: 58px auto 0; width: 900px; height: 250px; display: none; }
.wxbg{ float: left; width: 300px; height: 138px; padding-top: 47px; text-align: center; background:url(../images/wxbg.png) no-repeat; cursor: pointer; }
.wxbtn{ display: block; width: 151px; height: 33px; line-height: 33px; text-align: center; margin: 19px auto 0; color: #9d6b35; font-size: 16px; font-weight: bold; background:url(../images/wxbtn.png) no-repeat; }
.wxbg:hover{ background-position: 0 -185px; }
.wxbg:hover .wxbtn{ color: #fff; background-position: 0 -33px; }

.wxbg img{ padding: 6px; background: #fff; display: block; margin: 0 auto; }
.right{ position: fixed; width: 63px; height: 234px; top: 50%; right: 10px; margin-top: -117px; background:url(../images/r1.png) no-repeat center 0;  z-index: 10;}
.rs2{ display: block; width: 19px; margin: 0 auto; padding-top: 20px; }
.rs2 a{ display: block; width: 19px; height: 19px; overflow: hidden; margin-bottom: 12px;  background:url(../images/r2.png) no-repeat; }
.rs2 a:hover,.rs2 a.on{ background-position: -19px 0; }

.r3{ display: block; width: 63px; height: 63px; margin: 0 auto; background:url(../images/r3.png) no-repeat; }
.r3:hover{ background-position: -63px 0; }
#shenfeng{ position: absolute; width: 472px; left: -100px; top: 566px; }
#zhujue{ position: absolute; width: 420px; top: 124px; right: -110px; }

.fastreg{ width: 280px; height: 250px; margin: 80px auto 0; }

.modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.8;
  filter:alpha(opacity=80);
  z-index: 20;
  display: none;
}

.fastreg {
  width: 378px;
  height: 359px;
  background: url("/activity/landing/201804/common/images/login_bg.png") no-repeat center;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -189px;
  margin-top: -180px;
  z-index: 999;
  display: none;
}

.close {
  position: absolute;
  top: -44px;
  right: -44px;
  width: 44px;
  height: 44px;
  background: url("/activity/landing/201804/common/images/close.png") no-repeat center;
}

.kk2{ position: absolute; width: 704px; height: 354px; left: 50%; top: 458px; margin-left: -352px; background:url(//zt2.ztgame.com/images/v25/kk2.png) no-repeat; }

.btns3{ display: block; margin: 0 auto; width: 250px; height: 53px; overflow: hidden; text-indent: -999px; background:url(//zt2.ztgame.com/images/v25/btns.png) no-repeat; }
.btn2{ background-position:-380px 0; margin-bottom: 10px; }
.btn3{ background-position:-380px -62px; }

.reg{ float: left; width: 328px; height: 353px; }
.down{ float: left; display: inline; margin-left: 48px; width: 328px; height: 134px; padding-top: 219px; }
.btn2:hover{ background-position:-380px -115px; }
.btn3:hover{ background-position:-380px -177px; }

.fastreg2 {
    width: 280px;
    height: 250px;
    margin: 80px auto 0;
}