@charset "utf-8";
/*reset*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, tt, i,  dl, dt, dd, ol, ul, li,  form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } 
body { font:12px/1.5 Arial,\5B8B\4F53,Helvetica,sans-serif; }
h1,h2,h3,h4,h5{ font-size:100%; font-weight: bold; }
ol,ul,dl { list-style: none; }
blockquote, q { quotes: none; }
fieldset,img{ border:0; }
i,em{ font-style:normal; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; empty-cells: show; }
address,caption,cite,code,dfn,th{ font-style:normal; font-weight:normal; }
input{ font-size:12px; vertical-align: middle; }
input,select,img{ vertical-align:middle}
a,input,select,textarea,*:focus{ outline:none}
select{resize:none;}
a{ text-decoration:none; cursor:pointer; *blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:underline; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; *text-overflow:ellipsis; }
input::-moz-focus-inner{ border:0;padding:0;}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
	input{ line-height:normal!important;} 
}
/*comment*/
.fl{ float: left; }
.fr{ float: right; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { zoom: 1; }
.dibwrap { font-size:0; *word-spacing:-1px; }
.dibwrap .dib{ font-size: 12px; letter-spacing: normal; word-spacing: normal; vertical-align:top; }
.dib { display: inline-block; *display:inline; *zoom:1; }
.hide{ display: none; }
.hidetxt{ overflow:hidden; font-size: 0; line-height: 0; }
.hideimg{ overflow:hidden; text-indent:100%; white-space:nowrap;}
.hideti {display: block;text-indent: -999em;}
.db {display: block !important;}
.tdu{ text-decoration: underline; }
a:link,a:visited,a:hover,a:active,input:focus { transition: color .20s ease,background-color .2s linear; }
.transition { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

html,body,.wraper,.wrap,.cont {width:100%; height: 100%;}
.wraper,.wrap,.cont {position: relative;}
body,a { color: #fff;}
.wraper { overflow: hidden; min-width: 960px; width: 100%; }
.index .wrap { position: absolute; top: 0; left: 0; }
.cont {overflow: hidden; background-position: center 0; background-repeat: no-repeat; }
.inner { position: relative; margin: auto; width: 1000px; height: 100%; }
.btn { color: #fff; font-family: "Microsoft Yahei","Simhei"; }

.header { position: fixed;top: 0;left: 0;_position: absolute;_top:expression(eval(documentElement.scrollTop)); width: 100%; height: 70px; background: rgba(255,255,255,.15); border-bottom:1px solid #f4f4f4; border-bottom: 1px solid rgba(255,255,255,.2); overflow: hidden; z-index: 200; }
.logo { float: left; width: 547px; height:70px; background: url(/images/platform/gamehall/logo.png?201512311539) no-repeat; text-indent: -9999px; }
.nav { float: right; height: 70px; }
.nav li,.nav a {height: 100%; }
.nav li { float: left; }
.nav li a { display: inline-block; margin-right: -1px; padding: 0 30px; border-right: 1px solid rgba(255,255,255,.2); color: #fbfbfb; font-size: 20px; font-family: "Microsoft Yahei","Simhei"; line-height: 70px; }
.nav .current,.nav .on0 { background-color: #d96b1e; }
.nav .on1 {background-color: #b870fc;}
.nav .on2 {background-color: #f3918e;}
.nav .on3,.nav .on4 {background-color: #c67cfe;}
.nav .current:hover {text-decoration: none;}

.cont { position: relative; }
.cont-0 { background: #ee7b1d url(/images/platform/gamehall/page_01.jpg?201512311539) center 0 no-repeat; }
.cont-1 { background: #5e1fa9 url(/images/platform/gamehall/page_02.jpg?201512311539) center 0 no-repeat; }
.cont-2 { background: #b83a39 url(/images/platform/gamehall/page_03.jpg?201512311539) center 0 no-repeat; }
.cont-3 { background: url(/images/platform/gamehall/page_04.jpg?201512311539) center 0 no-repeat; }

.cont .main { position: absolute; left: 0; top: 50%; width: 100%; font-family: "Microsoft Yahei","Simhei",Arial,sans-serif; color: #fff; }
.down-box {position: relative;z-index: 10;width: 50%;}
.down-box .intro { margin-bottom: 20px; }
.down-box .title { font-size: 50px; text-shadow: 1px 1px 0 rgba(0,0,0,.45); }
.down-box .intro-txt { font-size: 20px; }
.down-box .btn-down,.log-main .btn-down { position: relative; display: block; width: 157px; height: 57px; line-height: 57px; background: url(/images/platform/gamehall/spr-btn.png?201512311539) -343px -84px no-repeat; font-size: 18px;}
.down-box .btn-down:hover,.log-main .btn-down:hover {background-position: -343px -142px;text-decoration: none;}
.btn-down .icon-box {_top:0; top: 12px; right: 24px; width: 32px; height: 33px; background: url(/images/platform/gamehall/spr-btn.png?201512311539) -592px -45px no-repeat; }
.btn-down .arrow {_top:0; top: 10px; left: 10px; width: 12px; height: 13px; background: url(/images/platform/gamehall/spr-btn.png?201512311539) -682px -17px no-repeat; }
.btn-down .icon-box,.btn-down .arrow,.pic-box .pic,.cont-1 .trait { position: absolute; }
.down-box .info { font-size: 16px; line-height: 26px; }

.now_down{ position:absolute; top:454px; left:448px; width:215px; height:51px; line-height:51px; text-align:center; font-size:20px; color:#2d0543; background:#fff001; border-radius:2px;}

.cont-0 .main { top:0%; height: 550px; }
.cont-0 .down-box { margin: 90px auto 0; text-align:center; }
.cont-0 .intro { font-weight: bold; }
.cont-0 .title { font-size: 59px; line-height: 64px; text-shadow:1px 1px 1px #d0350e;}
.cont-0 .intro-txt { color: #fff; }
.cont-0 .btn-down { margin:0 auto 5px; width: 275px; height: 63px;_padding-top:10px; _height:53px;  color:#4b1506; text-align:center; background-position: 0 0; opacity:0.8; filter:alpha(opacity=80);}
.cont-0 .btn-down:hover { opacity:1; filter:alpha(opacity=100);background-position: 0 0;}
.cont-0 .pic-box {z-index: 5;}
.cont-0 .ui-1 { top: 250px; left: 140px; width: 680px; height: 547px; background: url(/images/platform/gamehall/pic_box_new.png?201512311539) 0 0 no-repeat;}
.cont-0 .pic-box .btn-down { position: absolute; top: 70px; right: 120px; width: 104px; height: 41px;background: url(/images/platform/gamehall/spr-btn.png?201512311539) -700px 0 no-repeat; text-indent: -9999px; z-index: 11;}
.cont-0 .btn-down .icon-arrow {}
.cont-0 .icon-arrow .arrow ,.now_arrow,.page4_arrow{ position:static; display:inline-block; vertical-align:middle; margin-left:6px; width: 36px; height: 36px;}
.cont-0 .icon-arrow .arrow ,.now_arrow{background: url(/images/platform/gamehall/spr-btn.png?201512311539) no-repeat -100px -64px;}
.page4_arrow{background: url(/images/platform/gamehall/spr-btn.png?201512311539) no-repeat -100px -105px;}

.cont-1 .main { margin-top:0px; top:0; height: 650px; }
.cont-1 .right-box {z-index: 20;}
.cont-1 .btn-down { background-position: -501px -84px; }
.cont-1 .btn-down:hover {background-position: -501px -142px;}
.cont-1 .about { position: absolute; left:-60px; top:140px; width: 996px; height: 728px; background: url(/images/platform/gamehall/bg_ring.png?201512311539) 0 0 no-repeat; }
.cont-1 .trait { z-index: 11;}
.cont-1 .trait dt { text-align: center; text-indent:-9999px; }
.cont-1 .trait-1 { top: 14px; left: 590px; width:76px; height:102px;}
.cont-1 .trait-2 { top: 106px; left: 666px;width:246px; height:188px; }
.cont-1 .trait-3 { top: 320px; left: 820px; width:210px; height:132px;}
.cont-1 .trait-4 { top: 470px; right: 105px; width:178px; height:140px;}
.cont-1 .trait-5 { top: 540px; left: 386px; width:230px; height:182px;}
.cont-1 .trait-6 { top: 450px; left: 172px; width:130px; height:172px;}
.cont-1 .trait-7 { top: 400px; left: 0px; width:190px; height:118px;}
.cont-1 .trait-8 { top: 218px; left: 230px; width:160px; height:160px;}

.cont-1 .trait dd { visibility: hidden; position: absolute; top: -40px; left: 45px; width: 0; height: 80px; background: url(/images/platform/gamehall/p2-on-2.png?201512311539) 0 0 no-repeat; }
.cont-1 .pic-box { position: absolute; top: -94px; right: -203px; width: 203px; height: 192px; background: url(/images/platform/gamehall/p2-on-1.png?201512311539) 0 0 no-repeat; }
.cont-1 .pic-box .pic { margin:8px 0 0 18px; width: 178px; height: 178px; }
.cont-1 .about .on {z-index: 20;}
.cont-1 .about .on dd { visibility: visible; width: 200px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.cont-1 .trait-1 dd{top:0px; left:10px;}
.cont-1 .trait-4 dd{top:-30px; left:100px;}
.cont-1 .trait-5 dd{left:100px;}
.cont-1 .trait-7 dd{top:-20px; left:80px;}
.cont-1 .scan { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/platform/gamehall/scan.png?201512311539) 0 0 no-repeat; }
.cont-1 .icon-play { position: absolute; top: 223px; left: 240px; width: 121px; height: 117px; /* background: url(/images/platform/gamehall/icon-0.png?201512311539) 0 0 no-repeat; */ }
.cont-2 .main { margin-top: 0px; top:100px; height: 550px;}
.cont-2 .right-box { width: 820px; height: 560px; margin-left:89px; background: url(/images/platform/gamehall/gift_box.png?201512311539) 0 0 no-repeat; }
.cont-2 .down-box{margin:0 auto; text-align:center;}
.btn_join{ display:block; width: 275px; height: 63px; line-height:57px; color:#4b1506; text-align:center; background: url(/images/platform/gamehall/spr-btn.png?201512311539) no-repeat 0 0; opacity:0.8; filter:alpha(opacity=80); font-size:18px; margin:0 auto 20px;}

.cont-3 .main { margin-top: 0px; top:0; height: 650px;}
.cont-3 .btn-last { position: absolute; top: 640px; left: 50%; margin-left: -140px; width: 283px; height: 114px; background: url(/images/platform/gamehall/spr-btn.png?201512311539) 0 0 no-repeat; text-indent: -9999px; }

.page4_down_btn{ display:block; background:url(/images/platform/gamehall/spr-btn.png?201512311539) no-repeat 0 -158px; width:221px; height:53px; position:absolute; bottom:-6%; left:380px; line-height:50px; text-align:center; font-size:18px;}

/*move*/
.cont-0 .squer01 { position: absolute;  left: -162px; top: 420px; width: 388px; height: 312px;  background:url(/images/platform/gamehall/squer01.png?201512311539) no-repeat;}
.cont-0 .squer02 { position: absolute; right: -136px;  top: 148px;  width: 315px; height: 466px; background: url(/images/platform/gamehall/squer02.png?201512311539) no-repeat; }

.cloud-1 { top: 310px; left: -270px; width: 239px; height: 203px; }
.cloud-2 { top: 440px; right: -170px; width: 170px; height: 160px; background-position: -240px 0; }

.cont-2 .move-item { background: url(/images/platform/gamehall/spr-m3.png?201512311539) 0 0 no-repeat; }
.cont-2 .move1,.cont-2 .move2,.cont-2 .move3 ,.cont-2 .move4 ,.cont-2 .move5 ,.cont-2 .move6{ position:absolute;}
.cont-2 .move1 {top: 365px;left:-260px; background:url(/images/platform/gamehall/claud01.png?201512311539) no-repeat; width: 86px;height: 42px;}
.cont-2 .move2 {top: 260px;left: 0px; background:url(/images/platform/gamehall/claud02.png?201512311539) no-repeat; width:48px; height:22px;}
.cont-2 .move3 {top: 109px;left: 157px; background:url(/images/platform/gamehall/huojian.png?201512311539) no-repeat; width:132px; height:122px}
.cont-2 .move4 {top: 138px;right: -80px; background:url(/images/platform/gamehall/claud03.png?201512311539) no-repeat; width:90px; height:42px;}
.cont-2 .move5 {top: 295px;left: 300px; background:url(/images/platform/gamehall/dou01.png?201512311539) no-repeat; width:30px; height:32px;}
.cont-2 .move6 {top: 260px;right: 263px; background:url(/images/platform/gamehall/dou02.png?201512311539) no-repeat; width:66px; height:70px;}

.cont-3 .move1 { position:absolute; top: 80px;left: -143px;width: 446px;height: 682px; background:url(/images/platform/gamehall/page4_squer01.png?201512311539) no-repeat;}
.cont-3 .move2 {position:absolute; top: 100px;right: -142px;width: 315px;height: 466px; background:url(/images/platform/gamehall/squer02.png?201512311539) no-repeat;}


/*版权*/
.footer {height: auto; background: #100b4b;text-align: center; }
.copyr,.copyr .right_secition a {color: #716cb8 !important;}
.copyright {padding: 40px 0;}

.side-nav { position: fixed; right: 15px; top: 50%;_position: absolute;_top:expression(eval(documentElement.scrollTop+300)); margin-top: -90px; width: 169px; z-index: 200;}
.side-nav li { height: 48px; padding-bottom:10px; position:relative;}
.side-nav a{ display: block; zoom: 1; position:absolute; right:0; width: 48px; height: 48px; background: url(/images/platform/gamehall/menu_li.png?201512311539) no-repeat; }
.side-nav a:hover,.side-nav li a.on{ position:absolute; top:-2px; left:0; width: 169px; height: 52px; background: url(/images/platform/gamehall/menu_cur.png?201512311539) no-repeat; }
.side-nav .b5 { display: none; }
.side-nav .b1 a {background-position: 0 -7px;}
.side-nav .b2 a {background-position: 0 -65px;}
.side-nav .b3 a {background-position: 0 -123px;}
.side-nav .b4 a {background-position: 0 -181px;}
.side-nav .b6 a {background-position: 0 -239px;}
.side-nav .b1 a:hover,.side-nav .b1 a.on {background-position: 0 0;}
.side-nav .b2 a:hover,.side-nav .b2 a.on {background-position: 0 -64px;}
.side-nav .b3 a:hover,.side-nav .b3 a.on {background-position: 0 -123px;}
.side-nav .b4 a:hover,.side-nav .b4 a.on {background-position: 0 -181px;}
.side-nav .b6 a:hover {background:url(/images/platform/gamehall/menu_li.png?201512311539) no-repeat 0 -239px; left:121px; top:0;}

.btn-next { position: absolute; bottom: 20px; left: 50%;z-index:200; margin-top: -45px; margin-left: -45px; width: 90px; height: 90px; background: url(/images/platform/gamehall/spr-btn.png?201512311539) 0 -64px no-repeat; opacity: .8;}
.btn-next:hover { opacity:1; }

.wlt1024 .logo {width: 250px;}
.hlt650 .cont-2 .down-box {position: absolute;top: 20%;}
.hlt800 .cont-1 .down-box {position: absolute; top: 20%;}
.hgt939 .cont { -webkit-background-size: 100% 100%; background-size: 100% 100%; }

@media screen and (max-height: 850px) {
	.btn-last {display: none;}
}

.btn-down .arrow,.now_arrow,.page4_arrow { -webkit-animation: 0.2s ease-in 0s alternate none infinite icon_pulse; -moz-animation: 0.2s ease-in 0s alternate none infinite icon_pulse; -ms-animation: 0.2s ease-in 0s alternate none infinite icon_pulse; -o-animation: 0.2s ease-in 0s alternate none infinite icon_pulse; animation: 0.2s ease-in 0s alternate none infinite icon_pulse}
.active .main,.active .role {-webkit-transform: translateZ(0); -moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0); transform: translateZ(0);}
.active .ui-2,.active .pic-box .btn-down {
	-webkit-animation:fadeInLeft 1s .8s ease both;
	-moz-animation:fadeInLeft 1s .8s ease both;
	-ms-animation:fadeInLeft 1s .8s ease both;
	-o-animation:fadeInLeft 1s .8s ease both;
	animation:fadeInLeft 1s .8s ease both;
}
.cont-1 .about .on .pic-box {
	-webkit-animation:fadeInLeft 1s .2s ease both;
	-moz-animation:fadeInLeft 1s .2s ease both;
	-ms-animation:fadeInLeft 1s .2s ease both;
	-o-animation:fadeInLeft 1s .2s ease both;
	animation:fadeInLeft 1s .2s ease both;
}
.active .about .trait-1 .pic-box {
	-webkit-animation:fadeInLeft 1s .7s ease both;
	-moz-animation:fadeInLeft 1s .7s ease both;
	-ms-animation:fadeInLeft 1s .7s ease both;
	-o-animation:fadeInLeft 1s .7s ease both;
	animation:fadeInLeft 1s .7s ease both;
}
.active .ui-1 {
	-webkit-animation:fadeInRight .8s .35s ease both;
	-moz-animation:fadeInRight .8s .35s ease both;
	-ms-animation:fadeInRight .8s .35s ease both;
	-o-animation:fadeInRight .8s .35s ease both;
	animation:fadeInRight .8s .35s ease both;
}
.active .pic-1 {
	-webkit-animation:fadeInRight .6s 1.2s ease both;
	-moz-animation:fadeInRight .6s 1.2s ease both;
	-ms-animation:fadeInRight .6s 1.2s ease both;
	-o-animation:fadeInRight .6s 1.2s ease both;
	animation:fadeInRight .6s 1.2s ease both;
}
.active .pic-2 {
	-webkit-animation:fadeInUp .6s 1.5s ease both;
	-moz-animation:fadeInUp .6s 1.5s ease both;
	-ms-animation:fadeInUp .6s 1.5s ease both;
	-o-animation:fadeInUp .6s 1.5s ease both;
	animation:fadeInUp .6s 1.5s ease both;
}
.active .down-box {
	-webkit-animation:fadeInDown 1s .25s ease both;
	-moz-animation:fadeInDown 1s .25s ease both;
	-ms-animation:fadeInDown 1s .25s ease both;
	-o-animation:fadeInDown 1s .25s ease both;
	animation:fadeInDown 1s .25s ease both;
}
.active .move,.active .item2 .right-box {
	-webkit-animation:fadeIn 1s .25s ease both;
	-moz-animation:fadeIn 1s .25s ease both;
	-ms-animation:fadeIn 1s .25s ease both;
	-o-animation:fadeIn 1s .25s ease both;
	animation:fadeIn 1s .25s ease both;
}
.active .item0 .move {
	-webkit-animation:fadeIn 1s 2s ease both;
	-moz-animation:fadeIn 1s 2s ease both;
	-ms-animation:fadeIn 1s 2s ease both;
	-o-animation:fadeIn 1s 2s ease both;
	animation:fadeIn 1s 2s ease both;
}
.fadeInLeftBig {
	-webkit-animation:fadeInLeftBig .5s .2s cubic-bezier(0.515, 0.245, 0.745, 0.500) both;
	-moz-animation:fadeInLeftBig .5s .2s cubic-bezier(0.515, 0.245, 0.745, 0.500) both;
	-ms-animation:fadeInLeftBig .5s .2s cubic-bezier(0.515, 0.245, 0.745, 0.500) both;
	-o-animation:fadeInLeftBig .5s .2s cubic-bezier(0.515, 0.245, 0.745, 0.500) both;
	animation:fadeInLeftBig .5s .2s cubic-bezier(0.515, 0.245, 0.745, 0.500) both;
}
.scan {
	-webkit-animation:scan 6s 0s infinite linear both;
	-moz-animation:scan 6s 0s infinite linear both;
	-ms-animation:scan 6s 0s infinite linear both;
	-o-animation:scan 6s 0s infinite linear both;
	animation:scan 6s 0s infinite linear both;
}
.cont-2 .move3{
	-webkit-animation:scan02 3s 0s infinite linear both;
	-moz-animation:scan02 3s 0s infinite linear both;
	-ms-animation:scan02 3s 0s infinite linear both;
	-o-animation:scan02 3s 0s infinite linear both;
	animation:scan02 3s 0s infinite linear both;
}
.active .about {
	-webkit-animation:fadeInScale 1s .3s ease both;
	-moz-animation:fadeInScale 1s .3s ease both;
	-ms-animation:fadeInScale 1s .3s ease both;
	-o-animation:fadeInScale 1s .3s ease both;
	animation:fadeInScale 1s .3s ease both;
}
.active .about .trait-1 dd {
	-webkit-animation:fadeIntrait-1 .8s .8s ease both;
	-moz-animation:fadeIntrait-1 .8s .8s ease both;
	-ms-animation:fadeIntrait-1 .8s .8s ease both;
	-o-animation:fadeIntrait-1 .8s .8s ease both;
	animation:fadeIntrait-1 .8s .8s ease both;
} 

.active .fadeInUp {
	-webkit-animation:fadeInUp 1s .2s ease both;
	-moz-animation:fadeInUp 1s .2s ease both;
	-ms-animation:fadeInUp 1s .2s ease both;
	-o-animation:fadeInUp 1s .2s ease both;
	animation:fadeInUp 1s .2s ease both;
}
.cont-0 .cloud{
	-webkit-animation:cloud 360s 0.2s infinite ease normal both ;
	 -moz-animation:cloud 360s 0.2s infinite ease normal both ;
	 -ms-animation:cloud 360s 0.2s infinite ease normal both ;
	 -o-animation:cloud 360s 0.2s infinite ease normal both ;
	 animation:cloud 360s 0.2s infinite ease normal both ;
} 

/*fadeIn*/
@-webkit-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-o-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-ms-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
/*fadeInLeft*/
@-webkit-keyframes fadeInLeft{
	0%{opacity:0; -webkit-transform:translateX(-20px)}
	100%{opacity:1;	-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
	0%{opacity:0; -moz-transform:translateX(-20px)}
	100%{opacity:1;	-moz-transform:translateX(0)}
}
@-o-keyframes fadeInLeft{
	0%{opacity:0; -o-transform:translateX(-20px)}
	100%{opacity:1;	-o-transform:translateX(0)}
}
@-ms-keyframes fadeInLeft{
	0%{opacity:0; -ms-transform:translateX(-20px)}
	100%{opacity:1;	-ms-transform:translateX(0)}
}
@keyframes fadeInLeft{
	0%{opacity:0; transform:translateX(-20px)}
	100%{opacity:1;	transform:translateX(0)}
}
/*fadeInRight*/
@-webkit-keyframes fadeInRight{
	0%{opacity:0; -webkit-transform:translateX(20px)}
	100%{opacity:1;	-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
	0%{opacity:0; -moz-transform:translateX(20px)}
	100%{opacity:1;	-moz-transform:translateX(0)}
}
@-o-keyframes fadeInRight{
	0%{opacity:0; -o-transform:translateX(20px)}
	100%{opacity:1;	-o-transform:translateX(0)}
}
@-ms-keyframes fadeInRight{
	0%{opacity:0; -ms-transform:translateX(20px)}
	100%{opacity:1;	-ms-transform:translateX(0)}
}
@keyframes fadeInRight{
	0%{opacity:0; transform:translateX(20px)}
	100%{opacity:1;	transform:translateX(0)}
}
/*fadeInDown*/
@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-20px)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-20px)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDown{
	0%{opacity:0;
	-o-transform:translateY(-20px)}
	100%{opacity:1;
	-o-transform:translateY(0)}
}
@-ms-keyframes fadeInDown{
	0%{opacity:0; -ms-transform:translateY(-20px)}
	100%{opacity:1;	-ms-transform:translateY(0)}
}
@keyframes fadeInDown{
	0%{opacity:0; transform:translateY(-20px)}
	100%{opacity:1; transform:translateY(0)}
}
/*fadeInUp*/
@-webkit-keyframes fadeInUp{
	0%{opacity:0; -webkit-transform:translateY(20px)}
	100%{opacity:1;	-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
	0%{opacity:0; -moz-transform:translateY(20px)}
	100%{opacity:1;	-moz-transform:translateY(0)}
}
@-o-keyframes fadeInUp{
	0%{opacity:0; -o-transform:translateY(20px)}
	100%{opacity:1;	-o-transform:translateY(0)}
}
@-ms-keyframes fadeInUp{
	0%{opacity:0; -ms-transform:translateY(20px)}
	100%{opacity:1;	-ms-transform:translateY(0)}
}
/*fadeInRightBig*/
@-webkit-keyframes fadeInRightBig{
	0%{opacity:0; -webkit-transform:translateX(2000px)}
	100%{opacity:1;	-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRightBig{
	0%{opacity:0;	-moz-transform:translateX(2000px)}
	100%{opacity:1;	-moz-transform:translateX(0)}
}
@-o-keyframes fadeInRightBig{
	0%{opacity:0; -o-transform:translateX(2000px)}
	100%{opacity:1;	-o-transform:translateX(0)}
}
@-ms-keyframes fadeInRightBig{
	0%{opacity:0; -ms-transform:translateX(2000px)}
	100%{opacity:1;	-ms-transform:translateX(0)}
}
@keyframes fadeInRightBig{
	0%{opacity:0;	transform:translateX(2000px)}
	100%{opacity:1; transform:translateX(0)}
}
/*fadeInLeftBig*/
@-webkit-keyframes fadeInLeftBig{
	0%{opacity:0; -webkit-transform:translateX(-2000px)}
	100%{opacity:1;	-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeftBig{
	0%{opacity:0; -moz-transform:translateX(-2000px)}
	100%{opacity:1;	-moz-transform:translateX(0)}
}
@-o-keyframes fadeInLeftBig{
	0%{opacity:0; -o-transform:translateX(-2000px)}
	100%{opacity:1;	-o-transform:translateX(0)}
}
@-ms-keyframes fadeInLeftBig{
	0%{opacity:0;	-ms-transform:translateX(-2000px)}
	100%{opacity:1;	-ms-transform:translateX(0)}
}
/*fadeInDownBig*/
@-webkit-keyframes fadeInDownBig{
	0%{opacity:0; -webkit-transform:translateY(-1000px)}
	100%{opacity:1;	-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDownBig{
	0%{opacity:0; -moz-transform:translateY(-1000px)}
	100%{opacity:1;	-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDownBig{
	0%{opacity:0; -o-transform:translateY(-1000px)}
	100%{opacity:1;	-o-transform:translateY(0)}
}
@-ms-keyframes fadeInDownBig{
	0%{opacity:0; -ms-transform:translateY(-1000px)}
	100%{opacity:1;	-ms-transform:translateY(0)}
}
@keyframes fadeInDownBig{
	0%{opacity:0; transform:translateY(-1000px)}
	100%{opacity:1;	transform:translateY(0)}
}
/*down*/
@-webkit-keyframes down{
	0%{	-webkit-transform:translateY(0px);	}
	50%{ -webkit-transform:translateY(-20px);}
	100%{ -webkit-transform:translateY(0px);	} 
}
@-moz-keyframes down{
	0%{	-moz-transform:translateY(0px);	}
	50%{-moz-transform:translateY(-20px);} 
	100%{-moz-transform:translateY(0px);} 
}
@-o-keyframes down{
	0%{	-o-transform:translateY(0px);}
	50%{ -o-transform:translateY(-20px);} 
	100%{ -o-transform:translateY(0px);	} 
}
@-ms-keyframes down{
	0%{	-ms-transform:translateY(0px);}
	50%{-ms-transform:translateY(-20px);} 
	100%{-ms-transform:translateY(0px);	} 
}
@keyframes down{
	0%{	transform:translateY(0px);}
	50%{ transform:translateY(-20px);} 
	100%{ transform:translateY(0px);} 
}
@-webkit-keyframes bounce{
	0%,20%,40%,100%{-webkit-transform:translateY(0)}
	10%{-webkit-transform:translateY(-20px)}
	30%{-webkit-transform:translateY(-10px)}
}
@-moz-keyframes bounce{
	0%,10%,20%,40%,100%{-moz-transform:translateY(0)}
	10%{-moz-transform:translateY(-20px)}
	30%{-moz-transform:translateY(-10px)}
}
@-o-keyframes bounce{
	0%,10%,20%,40%,100%{-o-transform:translateY(0)}
	10%{-o-transform:translateY(-20px)}
	30%{-o-transform:translateY(-10px)}
}
@-ms-keyframes bounce{
	0%,10%,20%,40%,100%{-ms-transform:translateY(0)}
	10%{-ms-transform:translateY(-20px)}
	30%{-ms-transform:translateY(-10px)}
}
@keyframes bounce{
	0%,10%,20%,40%,100%{transform:translateY(0)}
	10%{transform:translateY(-20px)}
	30%{transform:translateY(-10px)}
}
/*scan*/
@-webkit-keyframes scan{
	0%{	-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);	} 
}
@-moz-keyframes scan{
	0%{	-moz-transform: rotate(0deg);}
	100%{ -moz-transform: rotate(360deg);} 
}
@-o-keyframes scan{
	0%{	-o-transform: rotate(0deg);	}
	100%{-o-transform: rotate(360deg);} 
}
@-ms-keyframes scan{
	0%{	-ms-transform: rotate(0deg);}
	100%{-ms-transform: rotate(360deg);	} 
}
@keyframes scan{
	0%{	transform: rotate(0deg);}
	100%{ transform: rotate(360deg);	} 
}
/*scan02*/
@-webkit-keyframes scan02{
	0%{	-webkit-transform:translate(0,0);}
	100%{-webkit-transform:translate(-100px,-100px);} 
}
@-moz-keyframes scan02{
	0%{	-moz-transform: translate(0,0);	}
	100%{-moz-transform: translate(-100px,-100px);} 
}
@-o-keyframes scan02{
	0%{	-o-transform: translate(0,0);}
	100%{-o-transform: translate(-100px,-100px);} 
}
@-ms-keyframes scan02{
	0%{	-ms-transform: translate(0,0);}
	100%{-ms-transform: translate(-100px,-100px);} 
}
@keyframes scan02{
	0%{transform: translate(0,0);}
	100%{transform: translate(-100px,-100px);} 
}
/*fadeInScale*/
@-webkit-keyframes fadeInScale{
	0%{	-webkit-transform:scaleX(0.5) scaleY(0.5);	opacity:0;} 
	100%{ -webkit-transform:scaleX(1) scaleY(1);	opacity:1;	} 
}
@-moz-keyframes fadeInScale{
	0%{	-moz-transform:scaleX(0.5) scaleY(0.5);	opacity:0;	} 
	100%{-moz-transform:scaleX(1) scaleY(1); opacity:1;	} 
}
@-o-keyframes fadeInScale{
	0%{	-o-transform:scaleX(0.5) scaleY(0.5); opacity:0;}
	100%{-o-transform:scaleX(1) scaleY(1);	opacity:1;} 
}
@-ms-keyframes fadeInScale{
	0%{	-ms-transform:scaleX(0.5) scaleY(0.5);	opacity:0;} 
	100%{-ms-transform:scaleX(1) scaleY(1);	opacity:1;	} 
}
@keyframes fadeInScale{
	0%{transform:scaleX(0.5) scaleY(0.5); opacity:0;} 
	100%{transform:scaleX(1) scaleY(1);	opacity:1;} 
}
/*fadeIntrait-1*/
@-webkit-keyframes fadeIntrait-1{
	0%{opacity:0;width: 0;}
	100%{opacity:1;width: 220px;}
}
@-moz-keyframes fadeIntrait-1{
	0%{opacity:0;width: 0;}
	100%{opacity:1;width: 220px;}
}
@-o-keyframes fadeIntrait-1{
	0%{opacity:0;width: 0;}
	100%{opacity:1;width: 220px;}
}
@-ms-keyframes fadeIntrait-1{
	0%{opacity:0;width: 0;}
	100%{opacity:1;width: 220px;}
}
/*cloud*/
@-webkit-keyframes cloud{
	0%{	-webkit-transform:translateX(0px);} 
	49%{-webkit-transform:translateX(1900px);} 
	100%{	-webkit-transform:translateX(0px);} 
}
@-moz-keyframes cloud{
	0%{	-moz-transform:translateX(0px);	}
	49%{-moz-transform:translateX(1900px);}
	100%{-moz-transform:translateX(0px);} 
}
@-o-keyframes cloud{
	0%{-o-transform:translateX(0px);}
	49%{-o-transform:translateX(1900px);} 
	100%{-o-transform:translateX(0px);} 
}
@-ms-keyframes cloud{
	0%{	-ms-transform:translateX(0px);} 
	49%{-ms-transform:translateX(1900px);}
	100%{-ms-transform:translateX(0px);	} 
}
@keyframes cloud{
	0%{	transform:translateX(0px);}
	49%{transform:translateX(1900px);} 
	100%{transform:translateX(0px);	} 
}

@-webkit-keyframes icon_pulse { 
	0% { -webkit-transform: translateY(-2px);} 
	50%{ -webkit-transform: translateY(0px);}
	100%{ -webkit-transform: translateY(2px);}
}
@-moz-keyframes icon_pulse { 
	0% {-moz-transform: translateY(-2px); } 
	50%{ -moz-transform: translateY(0px);}
	100%{-moz-transform: translateY(2px);}
}
@-o-keyframes icon_pulse { 
	0% { -o-transform: translateY(-2px);} 
	50%{ -o-transform: translateY(0px);}
	100%{ -o-transform: translateY(2px);}
}
@-ms-keyframes icon_pulse { 
	0% { -ms-transform: translateY(-2px); } 
	50%{ -ms-transform: translateY(0px); }
	100%{ -ms-transform: translateY(2px); }
}
@keyframes icon_pulse { 
	0% { transform: translateY(-2px)} 
	50%{ transform: translateY(0px)}
	100%{ transform: translateY(2px)}
}
/*  更新记录 */
.record_bg{ background:url(/images/platform/gamehall/record_bg.jpg?201512311539) repeat-y center top;}
.record_top{background:url(/images/platform/gamehall/record_top.jpg?201512311539) no-repeat center top; position:relative;}
.log-main { position: relative; padding: 0 60px 180px;width: 880px; }
.lob-box {overflow: hidden;}
.record_top .nav .n2 a.current{background:#d24ffc;}
.record_down{padding:244px 0 0 420px; width:158px; height:158px;}
.record_down a{display:block; width:158px; height:158px;}
.log-item-left,.log-item-right {position: relative; padding: 50px 0 40px 0;width: 880px; background:url(/images/platform/gamehall/time_bord.gif?201512311539) repeat-y center top; }
.log-item-left .log-txt , .log-item-right .log-time{float:left;}
.log-item-left .log-time , .log-item-right .log-txt{float:right;}
.log-item-right .log-time{text-align:right;}
.log-time{width:410px; padding-top:30px;}
.log-item-left .log-txt .little_arrow{ position:absolute; top:50%; margin-top:-7px; right:-6px; background:url(/images/platform/gamehall/right_arrow.png?201512311539) no-repeat; width:6px; height:14px;}
.log-item-right .log-txt .little_arrow{ position:absolute; top:50%; margin-top:-7px; left:-6px; background:url(/images/platform/gamehall/left_arrow.png?201512311539) no-repeat; width:6px; height:14px;}
.log-txt { padding: 5px 15px; background: #7d24a7; width:360px; border-radius:4px; min-height:50px; position:relative;}
.log-time .time-r,.log-txt dt ,.log-time .time-l { color: #fff; font-family: "Microsoft Yahei","Simhei"; }
.log-txt dt { font-size: 26px; }
.log-txt dt em { font-size: 14px; }
.log-txt dd { color: #e1a2fe; }
.log-time .time-l { font-size:18px; }
.log-detail li { padding: 6px 0; }
.icon-time { position: absolute; bottom: 45px; left:50%; margin-left:-37px; width: 76px; height: 136px; background:url(/images/platform/gamehall/time_start.gif?201512311539) no-repeat;}
.time_dot { position: absolute; top: 80px;  left: 429px; width: 23px; height: 23px; background: url(/images/platform/gamehall/time_dot.png?201512311539) 0 0 no-repeat; }
.log-time .time-r { padding-left: 5px;height: 28px; border-left: 1px solid #B5FAD1; font-size: 30px; line-height: 28px; font-weight: bold; }
.log-time .time-l span { display: block; }
.log-main .btn-down {position: absolute;top: -57px;right: 50px;}

.record_foot{background:#25023e;}