﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}

/*footer*/
#footer_ied{text-align:center;font-size:12px;line-height:19px;min-width:1000px;color:#707279;background-color:#00080b;}
.wrap_ied{margin:0 auto;padding:25px 30px;width:940px;}
.wrap_ied a{color:#707279;}
#footer_ied .e{font-size:10px;-webkit-text-size-adjust:none;}

/*页面样式*/
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
body {font:12px/1.5 '\5FAE\8F6F\96C5\9ED1';padding-top:42px;text-align:justify;background-color:#161a1d;}
a {text-decoration:none;overflow:hidden;}
a:hover {text-decoration:none;}
.wrap,#footer_ied {min-width:1000px;width:100%;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1002?'1000px':'');}
.wrap{min-width:1000px;}
.container {width:1200px;margin:0 auto;/* overflow: hidden; */}
.pr{position:relative;}
.pa{position:absolute;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}
.fl{float:left;}
.fr{float:right;}
.c3{color:#669966;}
.sp{background:url(//game.gtimg.cn/images/bns/cp/a20170830match/sp.png) no-repeat;}
#footer_ied{z-index:99;position:relative;}
/*Global topbar for bns*/
.newbar #tl-bar{ background: #282828; border-bottom: #282828; }
.newbar #tl-bar a.index,.newbar #tl-bar .navBar .dh,.newbar #tl-bar .tl-top-nav .tb_tr ul li a{ color: #adadad; font-size: 13px; }
.newbar #tl-bar a.index em{ background: url(../images/yx2019.png) no-repeat; }
.newbar #tl-bar .navBar .dh em{background: url(../images/yx2019.png) no-repeat;background-position: -1px -19px;width: 20px;}
.newbar #tl-bar .tl-top-nav .tb_tr ul li a em{background: url(../images/yx2019.png) no-repeat;background-position: -22px -1px;margin-right: 3px;}
.newbar #tl-bar .tl-top-nav .tb_tr ul b{ color: #5f5f5f; }
a.partake{width: 230px;height: 50px;display: block;background: #0e90ec;color: #fff;font-size: 16px;height: 50px;line-height: 50px;text-align: center;border-radius: 50px;position: absolute;top: 740px;z-index: 9999;left: 50%;margin-left: -115px;}
a.partake:hover{ background: #1f9ffa; color: #fff; }
.newbar #tl-bar .tl-bar_box{ background: #3c3b3b; }
.newbar #tl-bar .navBar .dh:hover{ background: none; }
.newbar #tl-bar .navBar .dh:hover em{background: url(../images/yx2019.png) no-repeat;background-position: -1px -19px;width: 20px;}
.newbar #tl-bar .tl-bar_box .tb_pop a, #tl-bar .tl-bar_box .tb_pop span{ color: #bbb; }
.newbar #tl-bar .tl-bar_box .tb_pop,.newbar .tit{ background: none; }
.newbar #tl-bar .tl-bar_box .tb_pop a em{ right: -14px; }
.newbar #tl-bar .tl-bar_box .tb_pop a.tit,.newbar #tl-bar .tl-bar_box .tb_pop span{ color: #bbb; }
.newbar #tl-bar .tl-bar_box .tb_hot a em.h{ background: none; }
.newbar #tl-bar .tl-bar_box .tb_hot a strong{ color: #bbb; }
.newbar #tl-bar .tl-bar_box .tb_pop a em.h,.newbar #tl-bar .tl-bar_box .tb_hot a em.n{ background: none;}

.w_wrap{padding-top:947px;position:relative;height: 1066px;z-index:9;}
.wrap2{background: url(../images/bg2.jpg) repeat 50% 0;width:100%;height: 1066px;position:absolute;z-index:10;text-align:center;left:0;top:947px;}
.tit{font-weight:bold;color:#fff;left:0;width: 160px;top: 40px;background: url(../images/logo_2019.png) no-repeat;text-indent: -9999px;height: 160px;background-size: 100% auto;}
.tit.ani,.txt.ani,.btn_ll.ani{-webkit-animation:bounceIn 1s .2s ease both;-moz-animation:bounceIn 1s .2s ease both;-ms-animation:bounceIn 1s .2s ease both;-o-animation:bounceIn 1s .2s ease both;}
.txt{color:#e9e9e9;font-size:20px;left:0;width:100%;top:410px;}
.btn_ll{width:267px;height:68px;position:absolute;background-position:0 -245px;line-height:68px;font-size:20px;color:#fff;left:50%;margin-left:-133px;top:512px;}
	.btn_bg{width:267px;height:68px;position:absolute;left:0;top:0;background-position:0 -73px;}
.btn_ll:hover{transition:all 1s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);}
.btn_ll:hover .btn_bg{-webkit-animation:pulse 1s ease-in-out both infinite;-moz-animation:pulse 1s ease-in-out both infinite;-ms-animation:pulse 1s ease-in-out both infinite;-o-animation:pulse 1s ease-in-out both infinite;}

.wrap2 .plane{width: 268px;height: 150px;display: block;position: absolute;background: url(https://static.yxdown.com/zt/yxdown2019/images/plane.png) no-repeat;top: 419px;left: 50%;margin-left: 457px;-moz-animation: float ease-in-out 1.0s 0.9s infinite;-webkit-animation: float ease-in-out 1.0s 0.9s infinite;animation: float ease-in-out 1.0s 0.9s infinite;}
.wrap2 .shield{width: 222px;height: 190px;display: block;position: absolute;background: url(https://static.yxdown.com/zt/yxdown2019/images/shield.png) no-repeat;top: 605px;left: 50%;margin-left: -730px;-moz-animation: float ease-in-out 1.0s 0.9s infinite;-webkit-animation: float ease-in-out 1.0s 0.9s infinite;animation: float ease-in-out 1.0s 0.9s infinite;}

@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1)}50%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1.1)}}
@-moz-keyframes pulse{0%{-moz-transform:scale(1.1)}50%{-moz-transform:scale(1)}100%{-moz-transform:scale(1.1)}}
@-ms-keyframes pulse{0%{-ms-transform:scale(1.1)}50%{-ms-transform:scale(1)}100%{-ms-transform:scale(1.1)}}
@-o-keyframes pulse{0%{-o-transform:scale(1.1)}50%{-o-transform:scale(1)}100%{-o-transform:scale(1.1)}}
.btn_hid{-webkit-animation:bounceOut 1s ease both;-moz-animation:bounceOut 1s ease both;-ms-animation:bounceOut 1s ease both;-o-animation:bounceOut 1s ease both;}
.tit_hid{-webkit-animation:bounceOut 1s .5s ease both;-moz-animation:bounceOut 1s .5s ease both;-ms-animation:bounceOut 1s .5s ease both;-o-animation:bounceOut 1s .5s ease both;}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}
@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}
@-ms-keyframes bounceOut{0%{-ms-transform:scale(1)}25%{-ms-transform:scale(.95)}50%{opacity:1;-ms-transform:scale(1.1)}100%{opacity:0;-ms-transform:scale(.3)}}
@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}
.lb_box{height:900px;position:absolute;z-index:9;width:100%;left:0;top:947px;}
.lb_list{width:100%;height:900px;overflow:hidden;}
	.lb_list li{position:absolute;left:50%;margin-left:-960px;top:0;}
.masky{-webkit-mask:url(//game.gtimg.cn/images/bns/cp/a20170830match/masky.png);-webkit-mask-size:4000% 100%;}
.masky.show{-webkit-mask-position:0 0;-webkit-animation:mask .8s steps(39) forwards;display:block;z-index:99;}
@-webkit-keyframes mask{from{-webkit-mask-position:0 0}to{-webkit-mask-position:100% 0}}@keyframes mask{from{-webkit-mask-position:0 0}to{-webkit-mask-position:100% 0}}
.tab_btn{text-align:center;position:absolute;left:0;width:100%;bottom:65px;z-index:999;}
.tab_btn a{display:inline-block;width:12px;height:12px;background-position:-133px -220px;margin:0 5px;}
.tab_btn .cur{background-position:0 -219px;width:60px;}

.wrap{min-width: 1000px;width: 100%;}

/* head */
.wrap1{background:url(../images/bg1.jpg) no-repeat 50% 0;height:995px;position:fixed;left:0;top:0;z-index: -1;}
.slogan{background: url(../images/logo.png) no-repeat;width: 565px;height: 674px;left:50%;margin-left: -283px;top: 110px;}
.l1{background:url(../images/role1.png) no-repeat;width: 458px;height: 734px;left: 50%;margin-left: -1033px;}
.l2{background:url(../images/role2.png) no-repeat;width: 542px;height: 606px;left: 50%;top: 270px;margin-left: -813px;}
.l3{background:url(../images/role3.png) no-repeat;width: 350px;height: 414px;left: 50%;top: 570px;margin-left: -884px;}
.r1{background:url(../images/role4.png) no-repeat;width: 364px;height: 482px;right: -242px;top: 62px;}
.r2{background:url(../images/role5.png) no-repeat;width: 531px;height: 773px;right: -481px;top: 294px;z-index: 10;}
.r3{background:url(../images/role6.png) no-repeat;width: 556px;height: 519px;right: -60px;top: 533px;}
.r4{width: 42px;height: 43px;left: 50%;margin-left: -14px;background: url(../images/yx2019.png) no-repeat;top: 760px;background-position: 0px -41px;}

/*开头动画*/
.l1.ani{-webkit-animation:fadeInLeft .8s .1s ease both;-moz-animation:fadeInLeft .8s .1s ease both;-ms-animation:fadeInLeft .8s .1s ease both;-o-animation:fadeInLeft .8s .1s ease both;}
.l2.ani{-webkit-animation:fadeInLeft .8s .3s ease both;-moz-animation:fadeInLeft .8s .3s ease both;-ms-animation:fadeInLeft .8s .3s ease both;-o-animation:fadeInLeft .8s .3s ease both;}
.l3.ani{-webkit-animation:fadeInLeft .8s .3s ease both;-moz-animation:fadeInLeft .8s .3s ease both;-ms-animation:fadeInLeft .8s .3s ease both;-o-animation:fadeInLeft .8s .3s ease both;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-100px)}100%{opacity:1;-moz-transform:translateX(0)}}
@-ms-keyframes fadeInLeft{0%{opacity:0;-ms-transform:translateX(-100px)}100%{opacity:1;-ms-transform:translateX(0)}}
@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-100px)}100%{opacity:1;-o-transform:translateX(0)}}
.r1.ani{-webkit-animation:fadeInRight .8s .1s ease both;-moz-animation:fadeInRight .8s .1s ease both;-ms-animation:fadeInRight .8s .1s ease both;-o-animation:fadeInRight .8s .1s ease both;}
.r2.ani{-webkit-animation:fadeInRight .8s .2s ease both;-moz-animation:fadeInRight .8s .2s ease both;-ms-animation:fadeInRight .8s .2s ease both;-o-animation:fadeInRight .8s .2s ease both;}
.r3.ani{-webkit-animation:fadeInRight .8s .3s ease both;-moz-animation:fadeInRight .8s .3s ease both;-ms-animation:fadeInRight .8s .3s ease both;-o-animation:fadeInRight .8s .3s ease both;}
.r4.ani{-webkit-animation:fadeInRight .8s .3s ease both;-moz-animation:fadeInRight .8s .3s ease both;-ms-animation:fadeInRight .8s .3s ease both;-o-animation:fadeInRight .8s .3s ease both;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(100px)}100%{opacity:1;-moz-transform:translateX(0)}}
@-ms-keyframes fadeInRight{0%{opacity:0;-ms-transform:translateX(100px)}100%{opacity:1;-ms-transform:translateX(0)}}
@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(100px)}100%{opacity:1;-o-transform:translateX(0)}}
.slogan.ani{-webkit-animation:bounceIn 1s .4s ease both;-moz-animation:bounceIn 1s .4s ease both;-ms-animation:bounceIn 1s .4s ease both;-o-animation:bounceIn 1s .4s ease both;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}
@-ms-keyframes bounceIn{0%{opacity:0;-ms-transform:scale(.3)}50%{opacity:1;-ms-transform:scale(1.05)}70%{-ms-transform:scale(.9)}100%{-ms-transform:scale(1)}}
@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}
.slo_bg.ani{-webkit-animation:fadeIn 1s 1.1s ease both;-moz-animation:fadeIn 1s 1.1s ease both;-ms-animation:fadeIn 1s 1.1s ease both;-o-animation:fadeIn 1s 1.1s ease both;}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

/* 头部出场动画 */
.l1.off,.l2.off,.l3.off{-webkit-animation:fadeOutLeft 1s .1s ease both;-moz-animation:fadeOutLeft 1s .1s ease both;-ms-animation:fadeOutLeft 1s .1s ease both;-o-animation:fadeOutLeft 1s .1s ease both;}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-100px)}}
@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-100px)}}
@-ms-keyframes fadeOutLeft{0%{opacity:1;-ms-transform:translateX(0)}100%{opacity:0;-ms-transform:translateX(-100px)}}
@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-100px)}}
.r1.off,.r2.off,.r3.off,.r4.off{-webkit-animation:fadeOutRight 1s .2s ease both;-moz-animation:fadeOutRight 1s .2s ease both;-ms-animation:fadeOutRight 1s .2s ease both;-o-animation:fadeOutRight 1s .2s ease both;}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(100px)}}
@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(100px)}}
@-ms-keyframes fadeOutRight{0%{opacity:1;-ms-transform:translateX(0)}100%{opacity:0;-ms-transform:translateX(100px)}}
@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(100px)}}
.slogan.off{-webkit-animation:bounceOut 1s .4s ease both;-moz-animation:bounceOut 1s .4s ease both;-ms-animation:bounceOut 1s .4s ease both;-o-animation:bounceOut 1s .4s ease both;}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}
@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}
@-ms-keyframes bounceOut{0%{-ms-transform:scale(1)}25%{-ms-transform:scale(.95)}50%{opacity:1;-ms-transform:scale(1.1)}100%{opacity:0;-ms-transform:scale(.3)}}
@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}
.slo_bg.off{-webkit-animation:fadeOut 1s .2s ease both;-moz-animation:fadeOut 1s .2s ease both;-ms-animation:fadeOut 1s .2s ease both;-o-animation:fadeOut 1s .2s ease both;}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@-ms-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}

/*第二屏*/
.number{width: 1040px;position: absolute;left: 50%;margin-left: -547px;top: 282px;}
.number .n1{width: 386px;height: 356px;background: url(../images/png1.png) no-repeat;position: absolute;left: 0;top: 0;-webkit-animation: fadeInUp 1s .1s ease both; display: none;}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(50px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-50px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
.n1 .n1box{width: 231px;font-size: 86px;color: #fff;font-style: italic;margin-top: 112px;position: relative;margin-left: 90px;overflow: hidden;}
.n1 .n1box i,.n1box em{ display: block; position: absolute; }
.n1 .n1box i.i1{left: 0;top: -100px;}
.n1 .n1box i.i2{left: 54px;top: -100px;}
.n1 .n1box i.i3{left: 108px;top: -100px;}
.n1 .n1box em{font-size: 19px;left: 173px;top: 75px;}
.n1 .n1box p{font-size: 17px;margin-top: 129px;text-align: left;font-style: normal;}
.listcon{ width: 1054px; margin: 0 auto; }

.number .n2{width: 363px;height: 356px;background: url(../images/png2.png) no-repeat;position: absolute;left: 357px;top: -36px;-webkit-animation: fadeInDown 1s .1s ease both; display: none;}
.n2 .n1box{width: 210px;font-size: 86px;color: #fff;font-style: italic;margin-top: 112px;position: relative;margin-left: 90px;overflow: hidden;}
.n2 .n1box i,.n1box em{ display: block; position: absolute; }
.n2 .n1box i.i1{left: 0;top: -100px;}
.n2 .n1box i.i2{left: 54px;top: -100px;}
.n2 .n1box i.i3{left: 108px;}
.n2 .n1box em{font-size: 19px;left: 117px;top: 76px;}
.n2 .n1box p{font-size: 17px;margin-top: 129px;text-align: left;font-style: normal;}

.number .n3{width: 356px;height: 356px;background: url(../images/png3.png) no-repeat;position: absolute;left: 669px;top: 0;-webkit-animation: fadeInDown 1s .1s ease both; display: none;}
.n3 .n1box{width: 210px;font-size: 86px;color: #fff;font-style: italic;margin-top: 112px;position: relative;margin-left: 90px;overflow: hidden;}
.n3 .n1box i,.n1box em{ display: block; position: absolute; }
.n3 .n1box i.i1{left: 0;top: -100px;}
.n3 .n1box i.i2{left: 54px;top: -100px;}
.n3 .n1box i.i3{left: 108px;}
.n3 .n1box em{font-size: 19px;left: 124px;top: 77px;}
.n3 .n1box p{font-size: 17px;margin-top: 129px;text-align: left;font-style: normal;}

.wrap2 .info{width: 924px;height: 272px;margin: 0 auto;background: url(../images/info_bg.png) no-repeat;position: absolute;top: 689px;left: 50%;margin-left: -501px;font-size: 24px;color: #d0d0d0;padding-left: 46px;padding-right: 48px;padding-top: 31px;text-align: left;font-weight: normal;line-height: 40px;font-style: italic;-webkit-animation: bounceIn 1s .4s ease both;-moz-animation: bounceIn 1s .4s ease both;-ms-animation: bounceIn 1s .4s ease both;-o-animation: bounceIn 1s .4s ease both;display: none;}
.wrap2 .info strong{ color: #ff9b41; font-style: italic; }

/*第三屏*/
.wrap3{background: url(../images/bg6.jpg) center top no-repeat;height: 1290px;position:relative;z-index:9;text-align:center;overflow: hidden;}

.intro{width: 880px;margin: 0 auto;position: relative;margin-top: 140px;}
.intro_box{width: 550px;position: absolute;top: -95px;left: 176px;}
.intro_box span{display: inline-block;width: 130px;height: 123px;background: url(../images/wrap3.png) no-repeat;background-position: 0px -1px;position: relative;margin-right: 45px;}
.intro_box span em{width: 88px;height: 50px;display: block;font-family: Georgia;font-size: 46px;text-align: center;color: #fff;margin: 0 auto;margin-top: 20px;}
.intro_box span i{width: 70px;display: block;height: 21px;line-height: 21px;font-style: normal;color: #fff;position: absolute;bottom: 0;left: 31px;}
.intro_con{ width: 816px; margin: 0 auto; background: url(../images/op.png) repeat; border-radius: 12px; }
.intro_con p{display: block;font-size: 15px;color: #c7c7c7;line-height: 27px;padding: 48px 33px 27px 33px;text-align: left;}

#year{width: 1110px;margin: 0 auto;margin-top: 30px;}
#year h2{font-size: 42px;color: #fff;text-align: left;font-weight: bold;font-style: italic;}
#year p{width: 165px;height: 26px;line-height: 26px;border-radius: 4px;background: #ffa200;color: #000;font-size: 17px;margin-top: 14px;}
.top_name{border-top: 1px solid #535352;width: 1000px;margin-top: 32px;padding-left: 40px;}
.top_name_con{width: 200px;float: left;margin-top: -4px;}
.top_name_con i{display: block;width: 7px;height: 7px;background: #2aae68;border-radius: 3px;}
.top_name_con span{font-size: 18px;color: #fff;display: block;text-align: left;margin-top: 14px;}
.top_name_con em{display: block;color: #ffde00;font-size: 22px;text-align: left;font-family: Georgia;font-style: italic;}

.rank{width: 1120px;margin: 0 auto;position: relative;}
.rankbox1{width: 141px;height: 229px;position: absolute;left: 28px;top: 460px;}
.rankbox1 span{ width: 141px; height: 229px; background: url(../images/cover1.png) no-repeat;}
.rankbox2{width: 198px;height: 267px;position: absolute;top: 315px;left: 201px;}
.rankbox2 span{ width: 198px; height: 267px; background: url(../images/cover2.png) no-repeat;}
.rankbox2 em{width: 62px;height: 44px;background-position: -231px 0px!important;top: -14px;left: -5px;}
.rankbox3{width: 267px;height: 366px;left: 426px;position: absolute;top: 140px;}
.rankbox3 span{width: 267px;height: 366px;background: url(../images/cover3.png) no-repeat;}
.rankbox3 em{width: 97px;height: 70px;background-position: -131px 0!important;top: -35px;left: -23px;}
.rankbox4{width: 196px;height: 266px;position: absolute;left: 717px;top: 368px;}
.rankbox4 span{ width: 198px; height: 267px; background: url(../images/cover4.png) no-repeat;}
.rankbox4 em{width: 62px;height: 44px;background-position: -293px 0!important;top: -9px;left: -7px;}
.rankbox5{width: 141px;height: 229px;position: absolute;right: 38px;top: 510px;}
.rankbox5 span{ width: 141px; height: 229px; background: url(../images/cover5.png) no-repeat;}
.rank span{ display: block;  }
.rank em{background: url(../images/wrap3.png) no-repeat;display: block;position: absolute;z-index: 999;}

.rankbox1 span{-webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -ms-transition: all 0.8s linear; -o-transition: all 0.8s linear;  transition: all 0.8s linear;}
.rankbox1:hover span{-moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg);}
.rankbox2 span{-webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -ms-transition: all 0.8s linear; -o-transition: all 0.8s linear;  transition: all 0.8s linear;}
.rankbox2:hover span{-moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg);}
.rankbox3 span{-webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -ms-transition: all 0.8s linear; -o-transition: all 0.8s linear;  transition: all 0.8s linear;}
.rankbox3:hover span{-moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg);}
.rankbox4 span{-webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -ms-transition: all 0.8s linear; -o-transition: all 0.8s linear;  transition: all 0.8s linear;}
.rankbox4:hover span{-moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg);}
.rankbox5 span{-webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -ms-transition: all 0.8s linear; -o-transition: all 0.8s linear;  transition: all 0.8s linear;}
.rankbox5:hover span{-moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg);}

/*.nav{width: 1366px;position: absolute;top: 300px;left: 50%;margin-left: -683px;}
.nav ul{
    width: 1400px;
}
.nav ul li{width: 99px;margin-right: 16px;float: left;padding-top: 4px;}
.nav ul li a{width: 99px;display: block;background: url(../images/yx2019.png) no-repeat;background-position: -80px -8px;height: 120px;}
.nav ul li a i{ width: 32px; height: 30px; display: block; margin: 0 auto; }
.nav ul li a p{color: #d0d0d0;font-size: 14px;margin-top: 11px;}
.nav ul li.hover a p,.nav ul li:hover a p{ color: #0e90ec; font-weight: bold; }
.nav ul li.hover,.nav ul li:hover{background: url(../images/yx2019.png) no-repeat;background-position: -191px -7px;}

.nav ul li a i{background: url(../images/yx2019.png) no-repeat;margin-top: 36px;}
.nav ul li.n1 a i{ background-position: -38px -84px; }
.nav ul li.n2 a i{ background-position: -38px -120px; }
.nav ul li.n3 a i{background-position: -39px -158px;}
.nav ul li.n4 a i{ background-position: -38px -192px; }
.nav ul li.n5 a i{ background-position: -38px -231px; }
.nav ul li.n6 a i{ background-position: -38px -266px; }
.nav ul li.n7 a i{ background-position: -38px -302px; }
.nav ul li.n8 a i{background-position: -38px -341px;}
.nav ul li.n9 a i{background-position: -40px -385px;}
.nav ul li.n10 a i{ background-position: -38px -426px; }
.nav ul li.n11 a i{ background-position: -38px -470px; }
.nav ul li.n12 a i{background-position: -38px -509px;}
.nav ul li.n13 a i{background-position: -38px -550px;}
.nav ul li.n14 a i{background-position: -38px -593px;}
.nav ul li.n15 a i{background-position: -38px -632px;}
.nav ul li.n16 a i{background-position: -38px -669px;}
.nav ul li.n17 a i{background-position: -38px -701px;}
.nav ul li.n18 a i{background-position: -38px -738px;}
.nav ul li.n19 a i{background-position: -38px -776px;}
.nav ul li.n20 a i{background-position: -38px -814px;}
.nav ul li.n21 a i{background-position: -38px -855px;}

.nav ul li.n1.hover i,.nav ul li.n1 a:hover i{ background-position: -1px -84px; }
.nav ul li.n2.hover i,.nav ul li.n2 a:hover i{ background-position: -2px -120px; }
.nav ul li.n3.hover i,.nav ul li.n3 a:hover i{background-position: -3px -158px;}
.nav ul li.n4.hover i,.nav ul li.n4 a:hover i{ background-position: -1px -192px; }
.nav ul li.n5.hover i,.nav ul li.n5 a:hover i{ background-position: -1px -231px; }
.nav ul li.n6.hover i,.nav ul li.n6 a:hover i{ background-position: -1px -266px; }
.nav ul li.n7.hover i,.nav ul li.n7 a:hover i{ background-position: -2px -302px; }
.nav ul li.n8.hover i,.nav ul li.n8 a:hover i{background-position: -1px -341px;}
.nav ul li.n9.hover i,.nav ul li.n9 a:hover i{background-position: -2px -385px;}
.nav ul li.n10.hover i,.nav ul li.n10 a:hover i{ background-position: -1px -426px; }
.nav ul li.n11.hover i,.nav ul li.n11 a:hover i{ background-position: -1px -470px; }
.nav ul li.n12.hover i,.nav ul li.n12 a:hover i{background-position: -1px -509px;}
.nav ul li.n13.hover i,.nav ul li.n13 a:hover i{background-position: -1px -550px;}
.nav ul li.n14.hover i,.nav ul li.n14 a:hover i{background-position: -1px -593px;}
.nav ul li.n15.hover i,.nav ul li.n15 a:hover i{background-position: -1px -632px;}
.nav ul li.n16.hover i,.nav ul li.n16 a:hover i{background-position: -1px -669px;}
.nav ul li.n17.hover i,.nav ul li.n17 a:hover i{background-position: -1px -701px;}
.nav ul li.n18.hover i,.nav ul li.n18 a:hover i{background-position: -1px -738px;}
.nav ul li.n19.hover i,.nav ul li.n19 a:hover i{background-position: -1px -776px;}
.nav ul li.n20.hover i,.nav ul li.n20 a:hover i{background-position: -2px -814px;}
.nav ul li.n21.hover i,.nav ul li.n21 a:hover i{background-position: -2px -855px;}
.nav ul li.n1.hover p{ color: #0e90ec; font-weight: bold; }

.list{width: 1054px;margin-top: 510px;overflow: hidden;}
.w4box{width: 1054px;margin: 0 auto;margin-bottom: 45px;}
.w4con{width: 1054px;margin: 0 auto;background: url(../images/box.png) no-repeat right -1px;height: 385px;border-radius: 20px;overflow: hidden; position: relative;}
.w4con em{font-size: 44px;font-family: Arial;display: block;position: absolute;color: #fff;right: 100px;top: 38px;font-style: italic;width: 110px;text-align: center;height: 62px;overflow: hidden;}
.w4con a.cover{width: 230px;height: 330px;display: inline-block;float: left;margin-right: 38px;margin-top: 55px;}
.w4con a.cover img{ width: 230px; height: 330px; }
.w4con .w4_info{width: 735px;float: left;margin-top: 80px;}
.w4con .w4_info h2{font-size: 36px;color: #fff;text-align: left;margin-bottom: 12px;}
.w4con .w4_info b{font-size: 15px;font-weight: normal;text-align: left;color: #aaa;display: block;margin-bottom: 15px;}
.w4con .w4_info p{font-size: 16px;line-height: 30px;color: #fff;text-align: left;margin-bottom: 19px;}
.w4con .w4_info .btns{ width: 315px; }
.w4con .w4_info .btns a{ display: inline-block; float: left; }
.w4con .w4_info .btns a.vote{width: 153px;height: 44px;line-height: 44px;border-radius: 40px;text-align: center;color: #9d4600;background: linear-gradient(to right, rgba(250,194,116,1), rgba(255,154,64,1));font-size: 15px;margin-right: 16px;}
.w4con .w4_info .btns a.vote:hover{ background: #fff; }
.w4con .w4_info .btns a.enter{width: 123px;height: 44px;line-height: 44px;text-align: center;border: 1px solid #fea649;color: #ffc472;border-radius: 40px;font-size: 15px;}
.w4con .w4_info .btns a.enter:hover{ background: #fea649; color: #fff; }
i.person{width: 900px;height: 786px;display: block;position: absolute;top: 336px;left: 50%;margin-left: -414px;z-index: -1;}
i.person img{}
.title{width: 559px;margin: 0 auto;overflow: hidden;}
.title i{width: 150px;height: 1px;display: inline-block;background: #83838e;float: left;margin-top: 10px;}
.title span{display: inline-block;color: #fff;font-size: 14px;margin: 0 8px;float: left;}

.works{width: 1058px;margin: 0 auto;margin-top: 30px;}
.works ul{ width: 1200px;}
.works ul li{width: 150px;float: left;margin-right: 30px;}
.works ul li a{ display: block; border-radius: 12px;}
.works ul li a img{width: 150px;height: 210px;float: left;overflow: hidden;}
.works ul li a p{height: 42px;line-height: 42px;background: #1f1f2c;color: #e0e0e0;width: 100%;overflow: hidden;font-size: 14px;}
.works ul li.hover a{ border:2px solid #fea649; }

.go_comment{width: 100%;height: 55px;background: #050507;position: absolute;bottom: -8px;}
.gcon{width: 920px;margin: 0 auto;overflow: hidden;}
.gcon a{width: 790px;height: 33px;line-height: 33px;text-align: center;background: #2b2b33;border-radius: 5px;color: #c1c1bf;border-radius: 4px;display: inline-block;float: left;margin-top: 7px;margin-right: 16px;font-size: 14px;}
.gcon a:hover{color: #bfbfbf;background: #222227;}
.gcon .total{float: left;margin-top: 11px;}
.gcon .total em{width: 15px;height: 14px;display: inline-block;float: left;background: url(../images/yx2019.png) no-repeat;background-position: -38px 0;margin-top: 3px;margin-right: 6px;}
.gcon .total span{display: inline-block;float: left;color: #b2b2b2;font-size: 14px;}
.gcon .total span font{color: #ff9b3f;margin: 0 2px;font-size: 15px;font-family: Arial;}

.menu{width: 990px;position: absolute;top: 39px;padding-left: 12px;left: 50%;margin-left: -495px;}
.menu ul{ width: 1300px;}
.menu ul li{float: left;margin-right: 60px;}
.menu ul li a{width: 125px;display: block;margin-top: 50px;}
.menu ul li a em{width: 125px;height: 131px;display: block;margin: 0 auto;background: url(../images/yx2019.png) no-repeat;}
.menu ul li a em.m1{ background-position: -424px -5px; }
.menu ul li a em.m2{background-position: -424px -143px;}
.menu ul li a em.m3{background-position: -424px -285px;}
.menu ul li a em.m4{background-position: -424px -427px;}
.menu ul li a p{color: #9f9fa5;font-size: 16px;margin-top: 6px;}
.menu span{display: inline-block;float: left;width: 250px;background: url(../images/logo_2019.png) no-repeat;height: 244px;background-size: 100% auto;margin-right: 60px;}
.menu ul li.hover a{}
.menu ul li.hover em.m1{background-position: -298px -5px;}
.menu ul li.hover em.m2{background-position: -298px -143px;}
.menu ul li.hover em.m3{background-position: -298px -285px;}
.menu ul li.hover em.m4{background-position: -298px -427px;}
.menu ul li.hover p{ color: #0e90ec; }*/

/*第四屏*/
.wrap4{background:url(../images/bg4.jpg) no-repeat 50% 0;height: 1160px;position:relative;z-index:9;}

#jdimg {position: absolute;width: 700px;zoom: 1;top: 389px;right: 50%;margin-right: -221px;}
#jdimg a.rslides_nav:hover{ opacity: .6; }
#jdimg .jdibox{/* overflow:hidden; */zoom:1;height: 420px;}
#jdimg .jdibox li,#jdimg .jdibox li img{float:left;display:inline;width: 700px;height: 420px;}
#jdimg .jdibox li img{ width: 720px;height: 437px; }
#jdimg .jdibox li{width: 700px!important;height: 420px;}
#jdimg .jdibox li a{display:block;/* position:relative; */}
#jdimg .jdibox li a span{height: 46px;color: #fff;line-height: 46px;font-size: 23px;left: 0px;bottom: 36px;z-index: 12;text-align: center;width: 100%;overflow: hidden;}
#jdimg .jdibox li a b{width: 100%;height: 120px;bottom: 0;left: 0px;}
#jdimg .jdibox li a em{width: 700px;height: 420px;display: block;position: absolute;}
#jdimg .jdibox li a span,#jdimg .jdibox li a b{ display:block; position:absolute;}
.tbtns{
    margin-top: 14px;
}
.tbtns a{width: 88px;height: 36px;line-height: 36px;display: inline-block;float: left;color: #fff;font-size: 14px;border-radius: 5px;text-align: center;}
.tbtns a.buy{background: #7a8cc3;margin-right: 8px;}
.tbtns a.enter{ background: #f7aa2f; }

#jdimg .rslides_tabs{width: 165px;position: absolute;bottom: -45px;z-index: 9;right: 242px;}
#jdimg .rslides_tabs,#jdimg .rslides_tabs li,#jdimg .rslides_tabs li a{overflow:hidden;zoom:1;float:left;display:inline;}
#jdimg .rslides_tabs li,#jdimg .rslides_tabs li a{width: 10px;height: 10px;background: #717171;opacity: 1.0;border-radius: 6px;}
#jdimg .rslides_tabs li{margin-right: 5px;}
#jdimg .rslides_tabs li a{color: #f2f0f3;text-indent:-999em;border-radius: 6px;overflow: hidden;}
#jdimg .rslides_tabs li.rslides_here,#jdimg .rslides_tabs li.rslides_here a{width: 76px;height: 10px;background: #1090eb;}
#jdimg .rslides_tabs li.rslides_here a{}
#jdimg .rslides_nav{width: 100px;height: 40px;position:absolute;z-index: 9;text-indent: -999em;top: 180px;background: url(../images/yx2019.png) no-repeat -82px -226px;}
#jdimg .prev{left: -48px;}
#jdimg .next{right: -37px;background-position: -82px -269px;}

#jdimg .jdibox li i{ display: block; position: absolute; }
#jdimg .jdibox li i.p3{width: 504px;height: 730px;background: url(../images/p1_1.png) no-repeat;top: -150px;right: -438px;}
#jdimg .jdibox li i.p1{width: 960px;height: 905px;background: url(../images/p1_1.png) no-repeat;top: -60px;right: -587px;z-index: -1;}
#jdimg .jdibox li i.p1_2{width: 287px;height: 121px;display: block;position: absolute;background: url(../images/p1_2.png) no-repeat;top: -154px;left: 356px;}
#jdimg .jdibox li i.p1_3{width: 213px;height: 93px;display: block;position: absolute;background: url(../images/p1_3.png) no-repeat;top: 540px;left: 60px;}
#jdimg .jdibox li i.p2{width: 455px;height: 647px;background: url(../images/p2_1.png) no-repeat;top: -43px;right: -576px;background-size: 100% auto;}
#jdimg .jdibox li i.p2_2{width: 150px;height: 166px;display: block;position: absolute;background: url(../images/p2_2.png) no-repeat;top: -137px;left: 390px;z-index: -1;}
#jdimg .jdibox li i.p2_3{width: 261px;height: 275px;display: block;position: absolute;background: url(../images/p2_3.png) no-repeat;top: 475px;left: 60px;}
#jdimg .jdibox li i.p3{width: 723px;height: 783px;background: url(../images/p3_1.png) no-repeat;top: -58px;right: -587px;}
#jdimg .jdibox li i.p3_2{width: 193px;height: 157px;display: block;position: absolute;background: url(../images/p3_2.png) no-repeat;top: -140px;left: 373px;z-index: -1;}
#jdimg .jdibox li i.p3_3{width: 213px;height: 93px;display: block;position: absolute;background: url(../images/p1_3.png) no-repeat;top: 540px;left: 60px;}

#jdimg .jdibox li i.p4{width: 549px;height: 751px;background: url(../images/p4_1.png) no-repeat;top: 30px;right: -601px;}
#jdimg .jdibox li i.p4_2{width: 1104px;height: 674px;display: block;position: absolute;background: url(../images/p4_2.png) no-repeat;top: -281px;left: -22px;z-index: -1;}
#jdimg .jdibox li i.p4_3{width: 213px;height: 93px;display: block;position: absolute;background: url(../images/p1_3.png) no-repeat;top: 540px;left: 60px;}
#jdimg .jdibox li i.p5{width: 568px;height: 636px;background: url(../images/p5_1.png) no-repeat;top: 94px;right: -491px;}
#jdimg .jdibox li i.p5_2{width: 186px;height: 228px;display: block;position: absolute;background: url(../images/p5_2.png) no-repeat;top: 500px;left: 310px;}
#jdimg .jdibox li i.p5_3{width: 213px;height: 93px;display: block;position: absolute;background: url(../images/p1_3.png) no-repeat;top: 540px;left: 60px;}
#jdimg .jdibox li i.p6{width: 415px;height: 730px;background: url(../images/p6_3.png) no-repeat;top: -90px;right: -601px;}
#jdimg .jdibox li i.p6_2{width: 170px;height: 184px;display: block;position: absolute;background: url(../images/p6_1.png) no-repeat;top: -199px;left: 303px;}
#jdimg .jdibox li i.p6_3{width: 215px;height: 221px;display: block;position: absolute;background: url(../images/p6_2.png) no-repeat;top: 488px;left: 368px;}

#jdimg .jdibox li.rslides1_on a i{-webkit-animation: play9 .5s ease-out forwards; -webkit-transform-origin: center bottom;}
#jdimg .jdibox li .game_tit{width: 269px;display: block;position: absolute;right: -306px;top: -159px;}
#jdimg .jdibox li .game_tit h3{font-size: 35px;color: #fff;}
#jdimg .jdibox li .game_tit h3 em{width: 5px;height: 36px;display: inline-block;float: left;background: #0e90ec;border-radius: 5px;margin-right: 9px;margin-top: 10px;position: relative;}
#jdimg .jdibox li .game_tit p{font-size: 15px;color: #e0e0e0;line-height: 24px;margin-top: 12px;text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;}

/*第五屏*/
.wrap5{background:url(../images/bg5.jpg) no-repeat 50% 0;height: 1020px;position:relative;z-index:9;overflow: hidden;}
.w5box{width: 100%;margin: 0 auto;margin-top: 280px;}
.w5left{width: 30%;float: left;}
.w5left span{width: 33.3%;display: inline-block;float: left;position: relative;overflow: hidden;cursor: pointer;}
.w5left span img{width: 100%;height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.w5left span:hover img{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2)}
.w5left span i{width: 100%;height: 100%;display: block;background: #000;opacity: .5;position: absolute;}
.w5left span:hover i{ display: none; }

.w5_mid{width: 40%;float: left;background: #fff;position: relative;margin-top: -13px;}
.w5_mid img{width: 100%;height: 75%;}
.w5_mid h4{color: #333;font-size: 19px;font-weight: bold;margin-left: 40px;margin-top: 2.5%;margin-bottom: 5px;}
.w5_mid p{font-size: 14px;line-height: 22px;color: #888;margin-left: 40px;width: 71%;}
.w5_mid span{}
.w5_mid span em{}
.w5_link{width: 85px;height: 100px;position: absolute;right: 38px;bottom: 13px;}
.w5_link a{width: 85px;height: 32px;line-height: 32px;display: block;text-align: center;color: #fff;border-radius: 5px;margin-bottom: 12px;font-size: 14px;}
.w5_link a.link1{ background: #556eb8; }
.w5_link a.link2{ background: #f69018; }
.w5_link a.link1:hover{ background: #6580d0; color: #fff; }
.w5_link a.link2:hover{ background: #ffae21; color: #fff; }
.w5_mid span{width: 215px;height: 49px;line-height: 49px;display: block;position: absolute;background: url(../images/wrap3.png) no-repeat;background-position: 0 -237px;font-size: 18px;font-weight: bold;top: 14px;left: -8px;}
.w5_mid span i{display: inline-block;width: 22px;height: 23px;float: left;background: url(../images/wrap3.png) no-repeat;background-position: -133px -81px;margin-top: 14px;margin-left: 20px;margin-right: 4px;}

@media screen and (max-width: 1600px) { 
	.w5_link {bottom:1px;} 
	.w5_mid h4{margin-top: 1.5%;}
	.wrap5{ height: 900px; }
} 
@media screen and (max-width: 1366px) { 
	.w5_link {bottom:-6px;} 
	.w5_mid h4{ margin-left: 20px; }
	.w5_mid p{ margin-left: 20px; }
	.wrap5{ height: 820px; }
} 
@media screen and (max-width: 1360px) { 
	.w5_link {bottom:-6px;} 
	.w5_mid h4{ margin-left: 20px; }
	.w5_mid p{ margin-left: 20px; }
	.wrap5{ height: 820px; }
} 
@media screen and (max-width: 1280px) { 
	.w5_link {bottom:-6px;} 
	.w5_mid h4{ margin-left: 20px; margin-top: 0; }
	.w5_mid p{ margin-left: 20px; }
	.wrap5{ height: 820px; }
} 

.w5right{width: 30%;float: left;}
.w5right span{width: 33.3%;display: inline-block;float: left;position: relative;overflow: hidden;cursor: pointer;}
.w5right span img{width: 100%;height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.w5right span:hover img{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2)}
.w5right span i{width: 100%;height: 100%;display: block;background: #000;opacity: .5;position: absolute;}
.w5right span:hover i{ display: none; }

.w5con{ display: none; }
.w5_mid .w5con{ height: 100%; }

/*页脚*/
#bottom{background:#1e1e1e;width:100%;font-family: Arial,"Microsoft Yahei";padding-top:34px;overflow:hidden;zoom:1;text-align:center;color:#363637;height: 100px;font-size: 14px;}
#bottom span{ padding-bottom: 7px;display: block; width: 1200px; margin: 0 auto;}
#bottom span a{ color:#797979; padding:0px 15px;}
#bottom span a:hover{ color: #df0000 }
#bottom span a i{ color:#363637;}
#bottom p{ color:#606063;height: 22px;line-height: 22px; width: 1200px; margin: 0 auto; text-align: center;}

@-moz-keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@-o-keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@-ms-keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }