@charset "utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}
body{padding:0;margin:0;background:url(../images/bg2.jpg) top center repeat-y}
html,body,fieldset,img,iframe,abbr{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
a,button{cursor:pointer}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}
a,a:hover{text-decoration:none}
body,textarea,input,button{color:#62a1c9}
html,body{width:100%;min-height:930px;height:auto}
.hide{display:none}
a{color:inherit}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
.a{outline:0}
.clearfix{*zoom:1}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.text_center{text-align:center}
#Version{width:1920px;height:1000px;position:relative;overflow:hidden;z-index:2;margin:0 auto;}
#Flash{width:1920px;height:1000px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:-1;}
#Header{margin:0 auto -290px -960px;width:100%;height:1000px;line-height:0px;position:relative;left:50%; z-index:-2;}

#home .g-animEle1{}
#home .ui-animEle,#home .ui-animEle4{}
#home .ui-animEle2{}
#home .ui-animEle3{}
#home .role-anim{}
#home .g-animEle1{-webkit-transition:all .1s ease-out .1s;-moz-transition:all .1s ease-out .1s;-ms-transition:all .1s ease-out .1s;-o-transition:all .1s ease-out .1s;transition:all .1s ease-out .1s}
#home .g-animEle2{-webkit-transition:all .1s ease-out .1s;-moz-transition:all .1s ease-out .1s;-ms-transition:all .1s ease-out .1s;-o-transition:all .1s ease-out .1s;transition:all .1s ease-out .1s}
#home .g-animEle3{-webkit-transition:all .1s ease-out .1s;-moz-transition:all .1s ease-out .1s;-ms-transition:all .1s ease-out .1s;-o-transition:all .1s ease-out .1s;transition:all .1s ease-out .1s}
#home .g-animEle4{-webkit-transition:all .1s ease-out .1s;-moz-transition:all .1s ease-out .1s;-ms-transition:all .1s ease-out .1s;-o-transition:all .1s ease-out .1s;transition:all .1s ease-out .1s}
#home .g-animEle6{-webkit-transition:all .1s ease-out .1s;-moz-transition:all .1s ease-out .1s;-ms-transition:all .1s ease-out .1s;-o-transition:all .1s ease-out .1s;transition:all .1s ease-out .1s}
#home .g-animEle7{-webkit-transition:all .1s ease-out .1s;-moz-transition:all .1s ease-out .1s;-ms-transition:all .1s ease-out .1s;-o-transition:all .1s ease-out .1s;transition:all .1s ease-out .1s}
input{border:0}
.wushen{width:200px; height:200px; position:fixed; left:50%; background:url(../images/wushen.png) no-repeat left top ;z-index:99999;margin-left:-860px;margin-top:-10px}
.musicbox{width:200px; height:200px; position:fixed; left:50%;;z-index:99999;margin-left:650px;margin-top:-10px;cursor:pointer;}
.musicplay{ background:url(../images/yinyue1.png) no-repeat left top }
.musicstop{ background:url(../images/yinyue2.png) no-repeat left top }
.top_nav{position:fixed;width:1378px;height:142px;background:url(../images/top_bar_bg.png) center center no-repeat;margin-left:-92px;z-index:99;margin-top:-40px;z-index:99999999}
.nav_left{margin:35px 0 0 72px}
.nav_left a{margin-right:5px}
.nav_right{margin:35px 72px 0 0}
.nav_right a{margin-left:5px}
.nav a{display:block;font-size:14px;color:#777569;width:148px;height:44px;text-align:center;line-height:44px;float:left;margin-top:5px;position:relative;background:url(../images/btn_bav_1904c4c.png) no-repeat}
.nav a:hover,.nav a.on{color:#ddc7b7;background:url(../images/btn_bav_h_663d50b.png) no-repeat}
.w1200{width:1200px;margin:0 auto;position:relative}
.logo{position:absolute;top:72px;left:50%;margin-left:-113px;display:block;width:226px;height:66px;background:url(../images/logo.png) no-repeat}
.ml180{margin-left:180px}
.mr80{margin-right:80px}
.dl_wrap,.order_wrap{position:absolute;margin-left:610px;width:650px;height:117px;overflow:hidden;margin-top:-132px;z-index:999999999999}
.dl_wrap .dl_qrcode,.order_wrap .dl_qrcode,.dl_wrap .order_qrcode,.order_wrap .order_qrcode{padding:2px;float:left;width:310px;height:117px;background:url(../images/down_a.png) no-repeat}
.dl_wrap .dl_qrcode:hover{padding:2px;float:left;width:310px;height:117px;background:url(../images/down_b.png) no-repeat}
.dl_wrap .dl_qrcode img,.order_wrap .dl_qrcode img,.dl_wrap .order_qrcode img,.order_wrap .order_qrcode img{width:100%}
.dl_wrap .dl_pc,.order_wrap .dl_pc{margin-top:0px;float:left;width:310px;height:117px;background:url(../images/pay_a.png) no-repeat;margin-left:0px}
.dl_wrap .dl_pc:hover,.order_wrap .dl_pc:hover{background:url(../images/pay_b.png) no-repeat}
.dl_wrap .dl_buttons,.order_wrap .dl_buttons,.dl_wrap .order_buttons,.order_wrap .order_buttons{float:left;padding:0 14px}
.dl_wrap .dl_buttons a,.order_wrap .dl_buttons a,.dl_wrap .order_buttons a,.order_wrap .order_buttons a{display:block;width:141px;height:38px;position:relative}
.dl_wrap .dl_buttons a i,.order_wrap .dl_buttons a i,.dl_wrap .order_buttons a i,.order_wrap .order_buttons a i{display:block;position:absolute;top:50%;left:35px;margin-top:-16px}
.dl_wrap .dl_buttons .link-apple,.order_wrap .dl_buttons .link-apple,.dl_wrap .order_buttons .link-apple,.order_wrap .order_buttons .link-apple{margin:2px 0 18px;background:url(../images/apple_1.png) no-repeat}

#NIE-copyRight{padding:40px 0;color:#78675c}
#NIE-copyRight .nie-copyright-new-inner .nie-cn-nav .nie-cn-nav-i1{color:#78675c}
#NIE-copyRight .nie-copyright-new-inner .nie-cn-nav a{color:#78675c}
#NIE-copyRight .nie-cn-nav-i2{color:#78675c}
#NIE-copyRight .nie-cn-part2{color:#78675c}
#NIE-copyRight .nie-cn-part2 span{color:#78675c}
.Layer{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);z-index:-1}
.Layer.on{-webkit-opacity:.7;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);z-index:9999}
.player-bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;font-family:"Microsoft YaHei"}

#other-input{width:207px!important}
.other-text{width:207px!important}
.other-text{width:215px;float:right;height:65px;line-height:65px;background:#e7e6e7;border:1px solid #9d9c9d;color:#9d9c9c;font-size:16px;text-align:center;margin-bottom:20px;outline:0;font-family:"Microsoft YaHei"}
body{width:100%;color:#fff;min-width:1300px}
.loading-cover{position:fixed;z-index:999999;left:0;right:0;top:0;bottom:0;background:#000 url(../images/bg.jpg) top center no-repeat}
.container{width:100%;min-width:1200px;height:1259px;overflow:hidden;position:relative;}
.loop3{z-index:1;top:338px}
.video-box video{position:absolute;width:1920px;z-index:-20000}
.ml60{margin-left:60px!important}
.mt50{margin-top:50px}
.mt20{margin-top:20px}
.head{position:relative;height:852px;padding-top:30px}
.video-box{position:absolute;top:0;left:-360px}
.date1{position:absolute;left:50px;bottom:110px;width:360px;font-weight:700;text-align:center;font-size:18px}
.slogan{position:absolute;right:0;bottom:0;width:681px;height:200px;background:url(../images/slogan.png) right bottom no-repeat}
.btn_video{position:absolute;right:0;width:95px;height:95px;cursor:pointer;background:url(../images/btn_video_bg.png) center center no-repeat;-webkit-animation:hx 2s ease-in-out infinite 300ms 0 ease;-moz-animation:hx 2s ease-in-out infinite 300ms 0 ease;-ms-animation:hx 2s ease-in-out infinite 300ms 0 ease;animation:hx 2s ease-in-out infinite 300ms 0 ease;-moz-animation:hx 2s ease-in-out infinite;-webkit-animation:hx 2s ease-in-out infinite;-o-animation:hx 2s ease-in-out infinite;-ms-animation:hx 2s ease-in-out infinite;animation:hx 2s ease-in-out infinite}
.btn_video i{position:absolute;top:50%;left:50%;width:50px;height:57px;margin-top:0px;margin-left:-20px;background:url(../images/btn_video.png) no-repeat}
.new{width:1096px;height:270px;margin:25px 0 0 74px;position:relative;z-index:10}
.new .slide{float:left;width:530px;height:260px;position:relative;overflow:hidden}
.new .slide img{width:100%}
.new .slide .hd{position:absolute;bottom:10px;left:10px}
.new .slide .hd li{width:30px;height:31px;background:url(../images/slide_point.png) no-repeat;float:left}
.new .slide .hd li.on{background:url(../images/slide_point_h.png) no-repeat}
.new .new_list{float:right;width:540px;height:256px;margin-right:4px;overflow:hidden}
.new .new_tabs{width:550px}
.new .new_btn_tab{width:109px;height:31px;background:url(../images/btn_new_tab.png) no-repeat;float:left;text-align:center;line-height:31px;font-size:14px;color:#CDC9C8;margin-left:-1px;cursor:pointer}
.new .new_btn_tab:hover,.new .new_btn_tab.on{background:url(../images/btn_new_tab_h.jpg) no-repeat;color:#D59684}
.new .new_first{font-size:18px;font-weight:700;text-align:center;margin-top:25px;margin-bottom:15px;color:#FFA141;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.new .new_content ul{font-size:14px;color:#A69990;padding:0 10px}
.new .new_content ul li{margin-top:14px;position:relative}
.new .new_content ul i{background:#A69990;color:#211403;padding:0 5px;margin-right:10px}
.new .new_content ul a{width:470px;display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.new .new_content ul a:hover{color:#FFA141}
.new .new_content ul .date{position:absolute;top:0;right:0}
.zhiye{width:1113px;height:1000px;margin-left:56px;padding-top:35px;position:relative}
.zhiye .p_title{z-index:1;width:165px;height:48px;position:absolute;top:87px;left:50%;margin-left:-420px;background:url(../images/title1.png) center center no-repeat}
.zhiye .hero_group{width:100%;height:100%}
.zhiye .hero{width:100%;height:100%;overflow:hidden}
.zhiye .hero_title{height:196px}
.zhiye .hero_info{float:left;width:400px;margin-left:25px;padding-top:90px}
.zhiye .hero_bg{margin:0 0 0 200px;width:953px;height:890px}
.zhiye .hero_line{width:371px;height:28px;background:url(../images/hero_line.png) no-repeat;margin:0 auto}
.zhiye .hero_desc{font-size:16px;text-align:center;line-height:34px;min-height:238px}
.zhiye .hero_video{width:226px;height:125px;position:relative;margin:20px auto}
.zhiye .hero_video_frame{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6) url(../images/video_frame.png) no-repeat}
.zhiye .hero_btn_video{position:absolute;top:50%;left:50%;width:69px;height:69px;margin-top:-35px;margin-left:-35px;cursor:pointer}
.zhiye .hero_btn_video span{position:absolute;top:0;left:0;width:69px;height:69px;background:url(../images/btn_play.png) center center no-repeat;-webkit-animation:rotate360 2s linear infinite 300ms 0 ease;-moz-animation:rotate360 2s linear infinite 300ms 0 ease;-ms-animation:rotate360 2s linear infinite 300ms 0 ease;animation:rotate360 2s linear infinite 300ms 0 ease;-moz-animation:rotate360 2s linear infinite;-webkit-animation:rotate360 2s linear infinite;-o-animation:rotate360 2s linear infinite;-ms-animation:rotate360 2s linear infinite;animation:rotate360 2s linear infinite}
.zhiye .hero_btn_video i{position:absolute;top:50%;left:50%;width:13px;height:16px;margin-top:-8px;margin-left:-3px;background:url(../images/icon_1.png) center center no-repeat}
.zhiye .hero_nav{position:absolute;top:790px;left:50%;margin-left:-480px}
.zhiye .hero_nav_item{width:84px;height:84px;position:relative;float:left;margin-left:65px;cursor:pointer;z-index:1}
.zhiye .hero_nav_item:first-child{margin-left:65px}
.zhiye .hero_nav_item span{width:84px;height:84px;position:absolute;top:0;left:0;z-index:2}
.zhiye .hero_nav_item i{width:331px;height:127px;position:absolute;top:-21px;left:-110px;display:none;z-index:1}
.zhiye .hero_nav_item:hover i{background-size:90%}
.zhiye .hero_nav_item.on i{background-size:auto}
.zhiye .hero_nav_item.on{z-index:0}
.zhiye .hero_nav_item.on i,.zhiye .hero_nav_item:hover i{display:block}
.zhiye .hero_nav_item.on span,.zhiye .hero_nav_item:hover span{display:none}

.zhiye .witch{background:url(../images/bg_1.png) center center no-repeat}

.zhiye .ranger{background:url(../images/bg_2.png) top center no-repeat}

.zhiye .soldier{background:url(../images/bg_3.png) center center no-repeat}

.zhiye .priestess{background:url(../images/bg_4.png) center center no-repeat}

.zhiye .priestess2{background:url(../images/bg_5.png) center center no-repeat}

.zhiye .soldier2{background:url(../images/bg_1.png) center center no-repeat}

.zhiye .witch_item span{background:url(../images/icon_01.png) no-repeat}
.zhiye .witch_item i{background:url(../images/icon_h_01.png) center center no-repeat}
.zhiye .ranger_item span{background:url(../images/icon_01.png) no-repeat}
.zhiye .ranger_item i{background:url(../images/icon_h_01.png) center center no-repeat}
.zhiye .soldier_item span{background:url(../images/icon_01.png) no-repeat}
.zhiye .soldier_item i{background:url(../images/icon_h_01.png) center center no-repeat}
.zhiye .priestess_item span{background:url(../images/icon_01.png) no-repeat}
.zhiye .priestess_item i{background:url(../images/icon_h_01.png) center center no-repeat}
.pt50{padding-top:50px}
.pt17{padding-top:17px}
.main{position:relative;padding-top:44px;width:1231px;height:365px;background:url(../images/ctn-border_bg.png) top center no-repeat;z-index:2;}
.falme-l,.falme-r{position:absolute;top:-103px}
.falme-l{left:-357px}
.falme-r{top:-58px;right:-347px}
.feature_wrap{width:1100px;height:450px;position:relative;margin:30px auto 0}
.feature{width:100%;margin:-120px auto 0;position:relative;background:url(../images/fgx.png) top center no-repeat;padding-top:62px}
.feature .p_title{width:138px;height:48px;margin:0 auto;background:url(../images/title2.png) center center no-repeat}
.feature .gallery_item{width:801px;height:450px;display:block}
.gallery_container{margin-left:-1455px;height:450px}
.gallery_prev,.gallery_next{width:150px;height:450px;display:block;position:absolute;top:0;z-index:2}
.gallery_prev{left:-2px}
.gallery_next{right:0}
.is_ie{width:801px;margin:20px auto 0}
.is_ie .gallery_item{opacity:1;position:relative;left:0;top:0;z-index:1}
.data{padding-top:62px;margin-top:50px;height:930px;background:url(../images/fgx_45.png) top center no-repeat}
.data .p_title{width:138px;height:48px;margin:0 auto;background:url(../images/title3.png) center center no-repeat}
.data .data_wrap{width:1000px;margin:50px auto 0}
.data .d_tabs{width:833px;height:43px;background:url(../images/btn_frame2.png) no-repeat;margin:30px auto 0;padding:6px 0 0 8px}
.data .d_tabs_item{width:119px;height:34px;background:url(../images/btn_tab.png) center center no-repeat;float:left;line-height:34px;text-align:center;cursor:pointer;font-size:16px;margin-left:-2px;color:#999}
.data .d_tabs_item:hover,.data .d_tabs_item.on{background:url(../images/btn_tab_h.png) no-repeat;color:#d69785}
.data .d_list_item{padding:25px 0;position:relative;border-top:1px solid #2C2829}
.data .d_list_item:first-child{border-top:0}
.data .d_list_item img{width:180px;height:100px;border:1px solid #504E53}
.data .d_list_cont{position:absolute;top:25px;left:200px;width:795px;height:100px}
.data .d_tit{font-size:20px;color:#836c51;margin-bottom:10px}
.data .d_desc{font-size:14px;color:#615B5B;line-height:20px}
.channel{padding-top:62px;background:url(../images/fgx.png) top center no-repeat;margin-top:40px}
.channel .p_title{width:159px;height:48px;margin:0 auto;background:url(../images/title_4.png) -4px 5px no-repeat}
.channel .c_item{width:100px;text-align:center;font-size:20px;color:#78675c;float:left;margin-left:70px}
.channel .c_item:first-child{margin-left:208px}
.channel .c_item img{width:100%}
.channel .channel_wrap{margin-top:45px}
.channel .c_item .icon{width:80px;height:80px;margin:0 auto 15px}
.channel .c_item:hover a{color:#FFA141}
.channel .icon_wb{background:url(../images/icon_wb.png) center center no-repeat}
.channel .icon_tb{background:url(../images/icon_baidu.png) center center no-repeat}
.channel .icon_forum{background:url(../images/icon_formu.png) center center no-repeat}
.channel .icon_qq{background:url(../images/icon_qq.png) center center no-repeat}
.mask{display:none;position:fixed;z-index:10000;top:0;left:0;bottom:0;right:0;background:#000;-webkit-opacity:.6;-moz-opacity:.6;opacity:.6;filter:alpha(opacity=60)}
#NIE-share{width:340px;margin:100px auto 0;text-align:center}
#NIE-share .NIE-share .NIE-share-txt{color:#CEA985}
#NIE-share .NIE-share .NIE-share-iconBtn a{color:#CEA985;margin-left:15px}
#NIE-share .NIE-share .NIE-share-iconBtn a:hover{color:#FFA141}
#share{color:#3E3E47;width:450px;margin:0 auto;position:absolute;bottom:35px;left:50%;margin-left:-225px;z-index:1000}
#share .NIE-share .NIE-share-iconBtn a{color:#3E3E47}
#share .NIE-share .NIE-share-iconBtn a:hover{color:#FFA141}
#share .NIE-share6 .NIE-share-iconBtn a span{margin-right:5px}
#share .NIE-share-btn2,#share .NIE-share-btn3{width:85px}
#share .NIE-share-btn23{width:60px}
@-webkit-keyframes leftIn{0%{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}
100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-moz-keyframes leftIn{0%{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}
100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-ms-keyframes leftIn{0%{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}
100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-o-keyframes leftIn{0%{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}
100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes leftIn{0%{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}
100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes hx{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes hx{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-ms-keyframes hx{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-o-keyframes hx{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes hx{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate360{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes rotate360{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes rotate360{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate360{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.video_out{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:10000}
.video_out .video_mask{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.6)}
.data_list>div{min-height:300px}
.video_wrap{position:fixed;top:50%;left:50%;margin-top:-225px;margin-left:-400px;width:800px;height:450px}
.video_wrap #video{width:100%}
.video_wrap video{width:100%}
.video_wrap .video_close{width:73px;height:73px;position:absolute;top:0;right:-83px;cursor:pointer;background:url(../images/close.png) no-repeat}
.video_wrap .video_close:hover{background:url(../images/close_h.png) no-repeat}
.dl_wrap .dl_buttons .link-apple,.order_wrap .dl_buttons .link-apple,.dl_wrap .order_buttons .link-apple,.order_wrap .order_buttons .link-apple{background:url(../images/apple-1.png) no-repeat;z-index:9999999999999}
.dl_wrap .order_buttons .link-apple,.order_wrap .order_buttons .link-apple{background-position:0px 0px}
.dl_wrap .dl_buttons .link-android,.order_wrap .dl_buttons .link-android,.dl_wrap .order_buttons .link-android,.order_wrap .order_buttons .link-android{background-position:0px -38px}
.dl_wrap .order_buttons .link-android,.order_wrap .order_buttons .link-android{background-position:0px -38px}
.dl_wrap .dl_buttons .link-apple,.order_wrap .dl_buttons .link-apple,.dl_wrap .order_buttons .link-apple,.order_wrap .order_buttons .link-apple,.dl_wrap .dl_buttons .link-android,.order_wrap .dl_buttons .link-android,.dl_wrap .order_buttons .link-android,.order_wrap .order_buttons .link-android{background-image: url(../../../wjsy.res.netease.com/pc/gw/20170912224017/img/spriter/index_z_6dbdcf9.png)}
.zbpic{float:left;width:640px;height:650px;margin-top:50px}



.ml10{margin-left:10px;}

.ml30{margin-left:30px;}
.m3{width:100%;height:auto;overflow:hidden;padding-bottom:350px; margin-top:-20px;background:url(../images/foot.png) bottom center no-repeat; position:relative; z-index:180;}
.zb_top { width:1231px; height:98px; margin:0 auto; background:url(../images/zbt.png) center no-repeat;margin-top:0px; line-height:60px;color:#FFF;text-align:center;font-size:22px;font-weight:bold; }
.zb_foot { width:1231px; height:98px; margin:0 auto; background:url(../images/zbd.png) center no-repeat;margin-top:-65px}
.zb{width:1169px;height:auto;overflow:hidden;margin:0 auto;padding:0px 31px 00px 31px; background:url(../images/zbz.png) top repeat-y;margin-top:-65px}
.zb_3{width:378px;height:auto;overflow:hidden;float:left;background:#000;position:relative; border:#584439 2px solid;z-index:999999999}
.zb_3_t{width:378px;height:47px;float:left;background:url(../images/icon_jpg_d03297f.jpg) no-repeat #fffbf8;line-height:47px;color:#3d2a13;text-align:center;font-size:22px;font-weight:bold; border-bottom:#89290a 4px solid}
.zb_3_d{width:378px;height:2px;float:left;background:#89290a;position:relative}
.zb_3 .role-itemst{width:378px;height:auto;float:left;position:relative;}
.zb_3 .role-itemst img{width:378px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.zb_3 .role-itemst img:hover{width:378px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0px;}
.zb_2{width:574px;height:auto;overflow:hidden;float:left;background:#000;border:#584439 2px solid}
.zb_2_t{width:574px;height:47px;float:left;background:url(../images/icon_jpg_d03297f.jpg) no-repeat #fffbf8;;line-height:47px;color:#3d2a13;text-align:center;font-size:22px;font-weight:bold;border-bottom:#89290a 4px solid}
.zb_2_d{width:574px;height:2px;float:left;background:#89290a;position:relative}
.zb_2 .role-itemst{width:574px;height:auto;float:left;position:relative;}
.zb_2 .role-itemst img{width:574px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.zb_2 .role-itemst img:hover{width:574px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0px;}
.zb_1{width:1169px;height:auto;overflow:hidden;float:left;background:#000;border:#584439 2px solid}
.zb_1_t{width:1169px;height:47px;float:left;background:url(../images/icon_jpg_d03297f.jpg) no-repeat #fffbf8;;line-height:47px;color:#3d2a13;text-align:center;font-size:22px;font-weight:bold;border-bottom:#89290a 4px solid}
.zb_1_d{width:1169px;height:2px;float:left;background:#89290a;position:relative}
.zb_1 .role-itemst{width:1169px;height:auto;float:left;position:relative;}
.zb_1 .role-itemst img{width:1169px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.zb_1 .role-itemst img:hover{width:1169px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0px;}




/*浮动条*/
	#Floatingbar{width:115px;position:fixed;top:68%;right:10px;margin-top:-400px;z-index:11500;}
	#Floatingbar ul li{margin-bottom:2px;padding-bottom:31px;background:url(../images/line_y2.png) no-repeat center bottom;}
	#Floatingbar ul li:last-child{padding-bottom:0px;background:none;}
	#Floatingbar ul li a{width:115px;height:80px;line-height:1.33;text-align:center;font-size:15px;color:#fee8b8;padding-top:35px;background:url(../images/kefu.png) no-repeat left top;display:block;}
	#Floatingbar ul li .arrow{width:0px;height:0px;margin:0px auto 7px auto;border:5px solid transparent;border-bottom:5px solid #af9f82;display:block;}
	#Floatingbar ul li a:hover{background-position:left bottom;color:#ffdb63;}
	
	

.kv-music{position:fixed;z-index:9999;top:0px;right:200px; width:58px;height:100px;}