/*===*/
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{font:12px/1.5 Tahoma,Helvetica,simsun,sans-serif;color:#666;word-wrap:break-word;word-break:break-all;background-color:#000;}
table{border-collapse:collapse;border-spacing:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
code,kbd,pre,samp,tt{font-family:"courier new",courier,monospace;font-size:100%;line-height:100%}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
blockquote:after,blockquote:before,q:after,q:before{content:""}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
button,input,select,textarea{font-size:100%}
a{text-decoration:none;color:#F60}
a:hover{text-decoration:underline}
img{vertical-align:middle}
.clearfix:after{content:".";height:0;visibility:hidden;display:block;clear:both;font-size:0;line-height:0}
.clearfix{*zoom:1}
.hide{display: block;text-indent: -9999em}
.spr{background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/spr.png') no-repeat;}

.ctime2{width: 350px;margin: 14px auto 0}
.ctime2_p{display:inline-block;font-family: 'TrajanPro Bold';*font-family: 'Microsoft JhengHei';font-weight: bold; vertical-align:middle;width:32px;height:60px;font-size:60px;*font-size: 56px;line-height:60px;overflow:hidden;text-align:center;color:#fff;}
.ctime2_s{margin:0 5px;font-family: 'FZLTKSK GBK1 0';vertical-align: -12px;}
.nani{-webkit-animation:nani 0.8s;}
@-webkit-keyframes nani{
  0% {opacity: 0;-webkit-transform-origin: 50% 0%;-webkit-transform: perspective(800px) rotateX(90deg);}
  50% {opacity: 1;-webkit-transform-origin: 50% 0%;-webkit-transform: perspective(800px) rotateX(-20deg);}
  100% {opacity: 1;-webkit-transform-origin: 50% 0%;-webkit-transform: perspective(800px) rotateX(0deg);}
}
.bs-example h3{font-size:16px;font-weight:bold;}
.bs-example p{margin-bottom:1em;}

/**/
html,body{width: 100%;min-height: 930px;height: auto;min-width: 1200px;font-family:'\5FAE\8F6F\96C5\9ED1';}
.wrap{width: 100%;position: relative;overflow: hidden;zoom:1;}
.part{width: 100%;height: 1000px;}
.part-con{width: 1100px;margin: 0 auto;position: relative;padding: 100px 50px 0;}
.ani{width: 1200px;height: 1000px;margin: 0 auto;position: absolute;top: 0;left: 0}
.no-scroll{width: 100%;height: 100%;overflow: hidden;padding: 0 !important;}
/*wrap con*/
.part00{width: 100%;height: 1110px;position: relative;}
.video-container{width: 100%;height: 100%;position:absolute;top:0;left:0;overflow: hidden;}
.video{width: 100%;height:100%;position: absolute;z-index: 0}
.video-flag{width: 100%;height:100%;position: absolute;z-index: 1;top: 0;left: 0;background: rgba(0,0,0,.7);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B2000000', EndColorStr='#B2000000');}
.part00 .part-con{height: 100%;position: relative;z-index: 10;padding-top: 140px;}
.logo{width: 206px;height: 191px;margin: 0 auto;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/logo.png') no-repeat;}
.tt{width: 601px;height: 159px;margin: 61px 0 0 246px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/tt.png') no-repeat;}
.countdown{width: 760px;margin: -34px auto 0;}
.time-tt{width: 760px;height: 22px;line-height: 22px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/timeline.png') center center no-repeat; text-align: center;font-size: 20px;color: #b5b5b5;}
.per-num{width: 360px;margin: 0 auto;text-align: center;font-size: 20px;color: #8eefe9;height: 30px;position: relative;}
.per-num i{display: block;width: 13px;height: 13px;background-position: -567px 0;position: absolute;top: 8px}
.per-num i.p-icon{left: 0;}
.per-num i.n-icon{right: 0;}
.video-btn-container{display: block;width: 100%;height: 101px;background-position: center bottom;margin-top: 34px;margin-left: -4px;}
.part00 .video-btn{position: absolute;left: 50%;margin-left: -58px;display: inline-block;width: 101px;height: 101px;}
.banner-btn-container{position: absolute;height: 100%;width: 33.333%;transform-style: preserve-3d;z-index: 1;}
.post-container{z-index: 3;}
.attention-container{left: 33.333%;z-index: 2;}
.cdkey-container{left: 66.666%;}
.banner-btns{position: relative;width: 1100px;height: 242px;margin: 91px auto 0;}
.banner-btns .banner-btn{position: absolute;width:100%;height:100%;background-position: center right;transition: transform 1s ease,opacity .5s ease;backface-visibility: hidden;}
.post-btn{left: 0;background: url('../images/btn-yz.png')  no-repeat;}
.attention-btn{left: 0;width:86%;background: url('../images/btn-followus.png')  no-repeat;background-position: right 0;background-position: right 0;}
.cdkey-btn{left: 0;width:86%;background: url('../images/btn-cdkey.png')  no-repeat;background-position: right 0;background-position: right 0;}
.banner-qrcode-bg{position: absolute;transform: rotateX(180deg) translateZ(1px);transition: transform 1s ease;backface-visibility: hidden;-webkit-backface-visibility: hidden;z-index: 1;}
.post-qrcode-bg{left: 12%;top: -12%;position: absolute;width: 358px;height: 254px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/post-bg.jpg') no-repeat;}
.attention-qrcode-bg{left: 6%;top:-12.5%;width: 508px;height: 254px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/attention-bg.jpg') no-repeat;}
.banner-btn-container:hover .post-btn{transform: rotateX(90deg);opacity: 0;}
.banner-btn-container:hover .post-qrcode-bg{transform: rotateX(0deg);}
.banner-btn-container:hover .attention-btn{transform: rotateX(90deg);opacity: 0;}
.banner-btn-container:hover .attention-qrcode-bg{transform: rotateX(0deg);}
.login{font-size: 20px;color: #8eefe9;text-align: center;}
.ani-role1{position: absolute;top: 400px;right: -800px;right: -450px \9;top:100px \9;}
.ani-role2{position: absolute;top: 300px;left: -800px;z-index: 100;left: -101px \9;top: 540px \9;}

.part01{height: 723px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part01-bg.jpg') center top no-repeat;}
.part01 .part-con{padding-top: 500px;padding-top:37px \9;height: 100%;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part01.jpg') center top no-repeat;}
.part01-tt{width: 421px;height: 135px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part01-tt.png') no-repeat;}
.part01 .con{width: 1100px;height: 453px;margin-top: 276px;margin-top: 76px \9;}
.part01 .con ul{width: 1200px;}
.part01 .con li{width: 322px;height:453px;float: left;margin-right: 67px;position: relative;}
.part01 .con li a{display: block;width: 100%;height: 100%;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/step.jpg') no-repeat;}
.part01 .con .step1 a{background-position: 0 0}
.part01 .con .step2 a{background-position: -326px 0}
.part01 .con .step3 a{background-position: -652px 0}
.part01 .con li a:hover{background-position: -978px 0}
.step1-pic{display: block;width: 236px;height: 137px;position: absolute;bottom: 6px;left: -87px;pointer-events:none}
.step3-pic{display: block;width: 202px;height: 363px;position: absolute;bottom: 12px;right: -70px;pointer-events:none}

.part02{height: 988px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part02-bg.jpg') center top no-repeat;}
.part02 .part-con{padding-top: 500px;padding-top: 184px \9;height: 100%;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part02.jpg') center top no-repeat;}
.part02-tt{width: 357px;height: 192px;position: relative;z-index: 10;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part02-tt.png') no-repeat;}
.part02 .con{margin-top: 400px;padding-top: 185px;width: 1099px;height: 226px;position: relative;z-index: 10;margin-top: 171px \9}
.part02-video{width: 755px;height: 328px;position:absolute;top:0;right: 47px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part02-video.jpg') no-repeat;}
.part02 .video-btn{position: absolute;top: 110px;left: 332px;display: block;width: 90px;height: 90px;margin: 0;}

.part03{height: 1007px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part03-bg.jpg') center top no-repeat;}
.part03 .part-con{padding: 200px 50px 0 0;padding: 0 50px 0 0 \9;z-index: 10;width:1150px;height: 100%;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part03.jpg') center top no-repeat;}
.part03-tt{width: 291px;height: 204px;margin-left:50px;margin-top:100px;margin-top: 0 \9;position: absolute;top: 19px;z-index: 100; background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part03-tt.png') no-repeat;}
.part03 .con{height: 100%;width: 1200px;position: relative;}
.slide li{width: 1150px;padding-left:50px;height: 100%;position: absolute;top: 0;left: 0;opacity: 0 ; filter:alpha(opacity=0); }
.slide .dos,.slide-con .dos{position: absolute;bottom: 207px;text-align: center;width: 100%;cursor: pointer;z-index: 10}
.slide .dos span,.slide-con .dos span{display: inline-block;text-indent: -999em;width: 30px;height: 29px;margin-right: 18px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/spr.png') 5px -109px no-repeat;}
.slide .dos span.active,.slide-con .dos span.active{background-position: -20px -109px}
.part03 .slide li.slide-li1{padding-top: 434px;height:573px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/slide-bg1.jpg') center top no-repeat;}
.part03 .slide li.slide-li2{padding-top: 271px;height: 736px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/slide-bg2.jpg') center top no-repeat;}
.part03 .slide li.slide-li3{padding-top: 396px;height: 611px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/slide-bg3.jpg') center top no-repeat;}
.part03 .slide li.slide-li4{padding-top: 328px;height: 679px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/slide-bg4.jpg') center top no-repeat;}
.slide-tt{margin-top:200px;margin-top: 0 \9;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/slide-tt.png') no-repeat;text-indent: -999em}
.slide-tt1{width: 774px;height: 160px;background-position: 0 0}
.slide-tt2{width: 551px;height: 315px;background-position: 0 -180px}
.slide-tt3{width: 1014px;height: 188px;background-position: 0 -517px}
.slide-tt4{width: 601px;height: 276px;background-position: 0 -720px}
.slide dl{margin-top: 36px}
.slide dt{font-family: 'FZCYSJW GB1 0';font-size:30px;font-weight: bold;color: #fff;}
.slide dd{line-height: 26px;font-size: 14px;color: #91a4a2}
.people{position: absolute;margin-top: 200px;margin-top: 0 \9;}
.people-dware{width: 944px;height: 922px;right:-161px;top:122px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/people-dware.png') no-repeat;}
.people-darkelf{width: 542px;height: 1019px;right:-6px;top:67px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/people-darkelf.png') no-repeat;}
.people-human{width: 884px;height: 1021px;left:644px;top:50px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/people-human.png') no-repeat;}
.people-elf{width: 707px;height: 983px;right:-134px;top:53px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/people-elf.png') no-repeat;}

.part04{height: 883px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part04-bg.jpg') center top no-repeat;}
.part04 .part-con{padding-top:500px;padding-top: 0 \9;height: 100%;z-index: 8;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part04.jpg') center top no-repeat;}
.part04-tt{width: 312px;height: 155px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part04-tt.png') no-repeat;}
.ani-role3{position: absolute;bottom: 0;left: -1000px;z-index: 10;left: -360px \9;}
.ani-role4{position: absolute;top: 170px;right: 0;z-index: 10}
.part04 .con{height: 534px;width: 793px;position: relative;margin: 44px 0 0 185px}
.part04-video{width: 632px;height: 328px;float: left;margin-top: 58px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part04-video.jpg') no-repeat;float: left;}
.con-pic{float: left;margin-top: 58px}
.black{width: 204px;height: 476px;background-color: #000;position: absolute;top: 58px;right: 132px;z-index: -1}
.part04-pic{position: absolute;right: 132px;bottom: -54px}

.part05{height: 774px;}
.part05 .part-con{height: 100%;width: 100%;padding-left: 0;padding-top: 200px;padding-top: 0 \9;}
.part05-tt{width: 1100px;height: 156px;margin: 0 auto;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part05-tt.png') no-repeat;}
.part05 .con{width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;}
.part05 .slide-li1{height: 861px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part05-slide1.png') center bottom no-repeat;}
.part05 .slide-li2{background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part05-slide2.png') center bottom no-repeat;}
.part05 .slide-li3{background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part05-slide3.png') center bottom no-repeat;}
.part05 .slide-li4{background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part05-slide4.png') center bottom no-repeat;}
.part05 .slide-li5{background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part05-slide5.png') center bottom no-repeat;}
.part05 .con img{position: absolute;left: 50%;margin-left: -216px;top: 30px;}
.part05 ul,.part05 li{height: 100%;width: 100%;}
.part05 .dos{bottom: 42px;}

.part06{height: 1026px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part06-bg.jpg') center top no-repeat;}
.part06 .part-con{height: 986px;width: 1100px;padding:200px 50px 0;padding: 40 50px 0 \9;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part06.jpg') no-repeat;}
.part06-tt{width: 474px;height: 133px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/part06-tt.png') no-repeat;}
.slide-con{width: 1100px; margin: 18px auto 0;}
.slide-con ul{width: 1110px;height: 593px;position: relative;overflow: hidden;}
.slide-con li{width: 1110px;height: 593px;position: absolute;top: 0;left: 0;opacity: 0 ; filter:alpha(opacity=0); }
.slide-con .dos{position: static;margin-top: 47px;}

.code{height: 561px;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/code-bg.jpg') center top no-repeat;}
.code-con{height: 100%;width:1200px;margin:0 auto;background: url('//game.gtimg.cn/images/tt2/act/a20161115firsttest/images/code.jpg') no-repeat;}
.code-con ul{height: 205px;margin-left: 352px;margin-top: 172px;}
.code-con li{width: 207px;float: left;margin-right: 79px}
.code-con span{display: block;width: 207px;height: 205px;margin-bottom: 30px}
.code-con p{font-size: 14px;font-family:\5FAE\8F6F\96C5\9ED1;color: #fff;text-align: center;}
.code-con a{color: #59989c}

/*footer*/
.footer{min-width:1200px;height:190px;background-color: #000;color: #666;text-align: center;font-family:'\5FAE\8F6F\96C5\9ED1';}
.footer-con{width: 1200px;margin: 0 auto;height: 133px;padding-top: 57px;}
.footer p{line-height: 20px}
.footer .links a{color: #666;}
.footer .links .sep{margin: 0 6px}

/*dialog*/
.dialog-con{width: 448px;height: 439px;padding: 50px 100px;background-color: #191919;position: relative;}
.infor-dialog .dialog-con h3{width: 214px;height: 65px;background-position: -563px -76px;margin: 0 auto 64px}
.reservation-con{font-family:'\5FAE\8F6F\96C5\9ED1';position: relative;z-index: 10}
.reservation-con .system{height: 22px;line-height: 22px;font-weight: bold;font-size: 14px;color: #fff8e9;margin-bottom: 36px}
.reservation-con .system span{cursor: pointer;}
.reservation-con .system .android{margin-right: 50px}
.reservation-con .system i{display: inline-block;width: 19px;height: 19px;margin-right: 16px;vertical-align: middle;background-position: -687px 0;}
.reservation-con .system .select i{background-position: -716px 0}
.reservation-con input{width: 264px;padding: 10px 26px;border: 0 none;outline: 0 none;height: 18px;line-height: 18px;background-color: #cdc8be;font-size: 14px;color: #4e4e4e;}
.reservation-con .verification{margin-top: 20px;}
.reservation-con .verification input{width: 86px}
.reservation-con .verification-btn{display: inline-block;background-color: none;cursor: pointer;width: 164px;height: 34px;line-height: 34px;font-size: 14px;font-weight: bold;color: #6aa2a4;text-align: center;border: 2px solid #6AA2A4;margin-left: 14px}
.reservation-con .disabled{color: #5E5E5E;border-color:#5E5E5E;}
.reservation-con .btns{height: 56px;margin-top: 70px}
.reservation-con .btns a{display: block;width: 203px;height: 56px;line-height: 56px;opacity: .9 ; filter:alpha(opacity=90);  text-align: center;color: #fff;font-size: 18px;font-weight: bold;word-spacing:25px;float: left;text-decoration: none;}
.reservation-con .btns a.confirm{background-color: #6AA2A4;margin-right: 40px}
.reservation-con .btns a.cancle{background-color: #5E5E5E;}
.reservation-con .btns a:hover{opacity: 1 ; filter:alpha(opacity=100); }
.dialog-close{display: block;width: 54px;height: 55px;background-position: -601px 0;position: absolute;top: 0;right: -66px}
.dialog-pic{position: absolute;display: block;width: 152px;height: 452px;bottom: 20px;right: -20px;z-index: 1}

.mess-dialog .dialog-con{padding:50px 110px;width: 274px;height: 278px}
.mess-dialog h3{width: 175px;height: 37px;background-position: -568px -155px;margin: 0 auto 18px}
.mes-con{border-top: 1px solid #3B3B3B}
.mes-con .mes{line-height: 28px;font-size: 16px;color: #fff8e9;margin-top: 12px;margin-bottom: 44px}
.mes-con .question-btn{display: block;width: 257px;height: 60px;line-height: 60px;text-align: center;background-color: #6aa2a4;font-size: 18px;font-weight: bold;color: #ffffff}
.mes-con .tip{font-size: 14px;color: #6aa2a4;text-align: center;margin-top: 6px}

.part01-code{position: absolute; left: 0; top: 0;}
.part01-code li{position: absolute;top: 40px;width: 128px; text-align: center;}
.part01-code p{white-space: nowrap;}
.qrcode-title{margin-top: 10px;color: #fff;font-size: 18px;}
.qrcode-desc{color: #56a8ac;font-size: 12px;}
.postcode-container{position: absolute;top: 40px;left: 154px;text-align: center;}
.wx-container{left: 40px;}
.sina-container{left: 236px;}
.sina-container .qrcode-title{margin-left: -10px;}
/*.qrcode-hero{opacity: 0;transition: transform 1s ease .8s,opacity 1s ease .8s;transform: translateY(-50px)}*/
.post-hero{position: absolute;left: -41px;bottom: -15px;letter-spacing: 14px;z-index: 3;}
.attention-hero{position: absolute;right: 12px;top: -27px;z-index: 3;}
/*.banner-btn-container:hover .qrcode-hero{opacity: 1;transform: none;}*/

.video-dialog{width: 800px;height: 600px;display: none;}
.video-dialog-close{position: fixed;top: 25px;right: 50px;display: block;width: 100px;height: 100px;color: #fff;font-size: 60px;z-index: 99991;display: none;text-align: center;cursor: pointer;}