html, body, div, span, iframe, h1, h2, h3, h4, h5, p, pre, em, img, strong, b, i, dl, dt, dd, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0;}
body{font-family:"Microsoft YaHei",Helvetica,Georgia,Arial,sans-serif; overflow-x:hidden; background:#07060f}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
address, caption, cite, code, dfn, em, _em, th, var, optgroup{font-style:inherit;}
ul { list-style: none; }

a { text-decoration: none; cursor: pointer; }

a:hover { text-decoration: none; }

a, button { cursor: pointer; }



img{vertical-align:top;border:none; }
ol,ul,li{list-style:none;}
li{float:left;}
table{border-collapse:collapse; }

.an_buut { position:fixed; width:272px; height:642px; background:url(../images/logo.png) no-repeat; z-index:10; left:2PX; }
.an_buut img { margin-left:10px; margin-top:10px;}


.wrap_ied{margin:0 auto;padding:30px 0;color:#423e39;}
.wrap_ied p a{color:#900;}
.wrap_ied p a:hover{color:#eee2d1;}#footer_ied p.e{font-size:10px;}


.clearit{clear:both;*display:inline;}
/*a:focus { -moz-outline-style: none;}*/
.fl{float:left;}
.fr{float:right;}
i,em{font-style:normal;}
/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/

.k1{ margin-left:9px;}
.k2{ margin-left:213px;}

.ml15 { margin-left:15px;}
.ml10 { margin-left:10px;}
.mt50 { margin-top:80px;}
.mt10 { margin-top:10px;}

.warp{width: 1200px; margin-left: auto; margin-right: auto;}
.microHei{font-family:"Microsoft YaHei"}



/*header*/
#header{background:url(../images/brief_01.jpg) repeat-x;height: 126px;padding-top: 0; width:100%;overflow:hidden;}
#header a.fl{height: 126px}
#header .xiaoshan { float:right; width:50px; height:50px; margin-top:30px;}
#header #demo {overflow:hidden;height:50px; line-height:50px;width:800px; color:#FFF;   white-space:nowrap; float:left; margin-top:30px; font-size:24px; margin-left:0px; padding-left:70px;}
#header #demo2 {width:500px; }

/*xin*/
#Version{width:100%;height:850px;position:relative;z-index:2;margin:0 auto; overflow:hidden}
#Flash{width:1920px;height:840px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:1;}
#Header{margin:0 auto -290px -960px;width:100%;height:900px;position:relative;left:50%; z-index:0;}


.m1{width:1250px;height:auto;overflow:hidden;margin:0 auto;position:relative;margin-top:-500px;z-index:1000;}
.top_box{width:1250px;height:auto;overflow:hidden;margin-bottom:80px;padding-top:38px;}
.top_cont{width:1250px;height:auto;position:relative;margin:bottom;}
.entermgweb{float:left;height:91px;width:219px;margin-right:10px;background:url(../images/entermgweb.jpg);font-size:30px;text-align:center;color:#fff;line-height:91px;text-indent:45px;font-weight:bold;}
.entermgweb:hover{background:url(../images/entermgwebhover.jpg);}
.enterpgweb:hover{background:url(../images/enterpgwebhover.jpg);}
.enterpgweb{height:91px;width:219px;background:url(../images/enterpgweb.jpg);font-size:30px;text-align:center;color:#fff;line-height:91px;text-indent:45px;font-weight:bold;}
.download_box{width:448px;height:172px;margin-bottom:26px;}
.saoma{width:165px;height:172px;float:left;background:#2ac2a7;text-align:center;margin-right:15px;}
.saoma .zxerweima{width:130px;height:130px;padding:4px 0;margin:0 auto;background:#fff;margin-top:10px;}
.saoma .zxerweima img{width:100%;height:100%;}
.saoma p{font-size:14px;color:#fff;margin-top:5px;}
.download_btn{width:252px;height:171px;float:right;}
.download_btn .appstore{display:block;width:252px;height:80px;background:url(../images/applink.jpg) no-repeat;margin-bottom:12px;}
.download_btn .android{display:block;width:252px;height:80px;background:url(../images/andlink.jpg) no-repeat;}



.m2{width:1250px;height:600px;margin:0 auto;position:relative;margin-top:-60px;z-index:1000;}
.boxstyle{background:url(../images/boxstyle.png) top center no-repeat;color:#0cad9d;}
.boxstyles{background:url(../images/boxstyle1.png) top center no-repeat;color:#0cad9d;}
.story{width:1360px;height:570px;padding-top:25px;margin-left:-140px;position:relative;text-indent:135px;}
.story .yxts{line-height:61px;font-size:22px;font-family:" SimSun";}
.story_lunbo{width:1360px;height:570px;position:relative;overflow:hidden;}
.story_lunbo a.prevPage{display:block;width:38px;height:79px;position:absolute;top:252px;left:146px;cursor:pointer;background:url(../images/next_l.png) center center no-repeat;z-index:5;}
.story_lunbo a.nextPage{display:block;width:38px;height:79px;position:absolute;top:250px;right:-2px;cursor:pointer;background:url(../images/next_r.png) center center no-repeat;z-index:5;}
.story_lunbo ul{width:1360px;height:570px;position:relative;}
.story_lunbo ul li{width:1360px;height:570px;position:absolute;top:0;left:0;z-index:1;opacity:0;transition:all .8s;-o-transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;}
.story_lunbo ul li.on{z-index:3;opacity:1;}
.story_lunbo ul li a{width:100%;height:100%;display:block;-webkit-mask:url(../images/mask.png) no-repeat;cursor:default;-webkit-mask-size:400% 500%;-webkit-mask-position:0% 0%;}
.story_lunbo ul li a{width:100%;height:100%;display:block;}
.story_lunbo ul li a img{width:100%;height:100%;display:block;}
.pageSign{width:600px;height:11px;position:absolute;bottom:0;left:950px;z-index:5;}
.pageSign span{width:11px;height:11px;margin:0 7px;float:left;text-indent:-9999px;cursor:pointer;background:url(../images/dot.png) center center no-repeat;}
.pageSign span.swiper-pagination-bullet-active,.pageSign span.on{background:url(../images/doth.png) center center no-repeat;}

.m4{width:1250px;height:750px;margin:0 auto;position:relative;margin-top:20px;z-index:10000;}
.role{width:1080px;height:588px;margin:0 auto;position:relative;z-index:2;margin-bottom:50px}
.role .zyts{font-size:22px;font-family:" SimSun";font-size:22px;font-family:" SimSun";position:absolute;top:25px;}
.role_list{width:280px;height:51px;position:absolute;left:176px;bottom:19px;z-index:4;}
.role_list a{width:46px;height:51px;margin:0 10px;color:#0BAC9C;float:left;text-align:center;line-height:51px;display:block;background:url(../images/rolelist.png) center center no-repeat;}
.role_list a:hover,.role_list a.on{color:#fff;background:url(../images/rolelisth.png) center center no-repeat;}
.role a.role_prev{display:block;width:38px;height:79px;position:absolute;top:250px;left:5px;cursor:pointer;background:url(../images/next_l.png) center center no-repeat;z-index:5;}
.role a.role_next{display:block;width:38px;height:79px;position:absolute;top:250px;right:5px;cursor:pointer;background:url(../images/next_r.png) center center no-repeat;z-index:5;}
.role_cont{position:relative;}
.role_cont li.role_tab{width:824px;height:319px;padding-top:183px;visibility:hidden;position:absolute;top:0;left:0;}
.role_cont li.role_tab.on{visibility:visible;}
.role_attr{width:500px;height:319px;padding-left:300px;z-index:3;background:url(../images/opa_fff.png) repeat;position:relative;}
.role_tab .attr_view{width:227px;height:409px;position:absolute;left:43px;bottom:15px;opacity:0;-webkit-transition:all .5s;}
.role_tab.on .attr_view{opacity:1;bottom:45px;}
.attr_view.hh{background:url(../images/attr_hh.png) center center no-repeat;}
.attr_view.qy{background:url(../images/attr_qy.png) center center no-repeat;}
.attr_view.gw{background:url(../images/attr_gw.png) center center no-repeat;}
.attr_view.ty{background:url(../images/attr_ty.png) center center no-repeat;}
.role_inf{width:358px;padding-top:30px;}
.role_inf h3{height:100px;color:#9f9169;font-size:59px;font-family:'宋体';}
.inf_cont{width:358px;height:93px;padding:13px 0;position:relative;left:12px;background:url(../images/infcont.png) center center no-repeat;}
.inf_cont li{width:100%;height:17px;padding:7px 0;line-height:17px;display:block;}
.inf_cont li .type{margin-right:12px;float:left;}
.iseasy{width:16px;height:16px;margin-right:7px;display:block;float:left;background:url(../images/iseasy.png) center center no-repeat;}
.role_view{position:absolute;z-index:3;opacity:0;transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;transform:translateX(30px);-o-transform:translateX(30px);-ms-transform:translateX(30px);-moz-transform:translateX(30px);-webkit-transform:translateX(30px);}
.role_tab.on .role_view{opacity:1;transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);}
.role_view.hh{width:1004px;height:927px;top:-252px;left:270px;background:url(../images/role_hh.png) center center no-repeat;}
.role_view.qy{width:889px;height:738px;top:-265px;left:412px;background:url(../images/role_qy.png) center center no-repeat;}
.role_view.gw{width:915px;height:643px;top:-157px;left:490px;background:url(../images/role_gw.png) center center no-repeat;}
.role_view.ty{width:1101px;height:839px;top:-225px;left:378px;background:url(../images/role_ty.png) center center no-repeat;}

.m5{width:1250px;height:340px;margin:0 auto;position:relative;margin-top:0px;z-index:1000;padding-top:30px;}
#Introduction{position:absolute;width:1250px;height:330px;overflow:hidden;margin-bottom:16px;padding:0px;top:30px;z-index:500;border:#0cad9d 1px solid;border-bottom:#0cad9d 5px solid;}
#Introduction .tit{float:left;width:1250px;height:140px;line-height:92px;overflow:hidden;font-size:15px;font-weight:bold;color:#d68d00;border-bottom:1px dotted #292116}
#Introduction .tit span{float:left}
#Introduction .Tab{margin-bottom:8px}
#Versiont .content{width:1218px;color:#0cad9d;font-size:18px;text-indent:30px;padding-left:10px;}
#Versiont .content ul li{height:35px;line-height:35px;overflow:hidden;border-bottom:1px dotted #0cad9d}
#FenQu .content{width:1218px;color:#0cad9d;font-size:18px;text-indent:30px;padding-left:10px;}
#FenQu .content ul li{height:35px;line-height:35px;overflow:hidden;border-bottom:1px dotted #0cad9d}
#Recharge .content{width:1218px;color:#0cad9d;font-size:18px;text-indent:30px;padding-left:10px;}
#Recharge .content ul li{height:35px;line-height:35px;overflow:hidden;border-bottom:1px dotted #0cad9d}
#HuiShou .content{width:1218px;color:#0cad9d;font-size:18px;text-indent:30px;padding-left:10px;}
#HuiShou .content ul li{height:35px;line-height:35px;overflow:hidden;border-bottom:1px dotted #0cad9d}
#ProductShow{width:900px;height:365px;position:relative;}
.Tabt{float:left;width:1250px;height:60px;line-height:60px;margin-top:0px;color:#432c3c;background:#0cad9d;}
.Tabt li{float:left;}
.Tabt li a{font-size:13px;width:312px;height:58px;text-align:center;position:relative;font-weight:bold;display:block;color:#fff;font-size:19px}
.Tabt li a .jiantou{width:7px;height:4px;position:absolute;text-indent:-99em;overflow:hidden;bottom:-4px;left:35px}
.Tabt li a:hover{color:#fff;text-decoration:none}
.Tabt li.change a{color:#fff;background:#088175}
.Tabt li.change a .jiantou{background:url(../images/1.gif) no-repeat left top}
.Tab_nr{color:#FFF;padding-top:65px;}