body,div,ul,li,dl,dt,dd,p,span,a,input,select,textarea,em,i,img,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
body{font-size:12px; font-family:"Microsoft Yahei"; overflow-x:hidden; background:url(../img/body_bg.jpg) center top repeat-y;}
ul,li,dl,dt,dd,p,span,a,input,select,textarea,em,i,img,h1,h2,h3,h4,h5,h6{font-style:normal; list-style-type:none; background:none; border:none;}
a{color:#fff; text-decoration:none; outline:none;}
a:hover{text-decoration:none;}
.clearfix{*zoom:1;}
.clearfix:after{height:0; font-size:0; display:block; clear:both; overflow:hidden; visibility:hidden; content:"";}
.f_l{float:left;}
.f_r{float:right;}
.indent{text-indent:-999px; overflow:hidden;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}

.relative{position:relative;}

.mb70{margin-bottom:70px;}



.content{position:relative;}
.wrap{width:1450px; margin:0 auto; position:relative; z-index: 3;}
.wrap2{width:1200px; margin:0 auto; position:relative; z-index: 3;}
.banner_bg{width: 1920px; position: absolute; top: 0; left: 50%; margin-left: -960px;}
.banner_bg img{display: block;}


header{height:900px; color:#000; position:relative;}
.logo{width:182px; height:102px; position:absolute; top:0; left:50%; margin-left:-91px; z-index:5;}
.logo img{display: block;}

.menu{height:50px; line-height:30px; color:#223b7a; padding:20px 130px; position:relative; z-index:3;}
.menu a{width:100px; color:#223b7a; text-align:center; margin:0 32px; float:left;}
.menu a:hover{color:#fff;}
.menu a p{line-height:18px; font-size:12px;}

.download{height:166px; background:rgba(102,127,247,0.16); border-radius:12px; padding:20px; position:absolute; top:-310px; left:330px; z-index:3;}
.download dt{width:138px; height:138px; background:url(../img/code.png) no-repeat; padding:14px 14px 14px 54px; margin-right:20px;}
.download dt img{width:100% !important; height:100% !important;}
.download dd{width:280px;}
.download dd a{height:76px; line-height:76px; font-size:20px; background-image:url(../img/down_btn.png); display:block; padding:0 25px; margin-bottom:14px;}
.download dd a.b1{background-position:0 0;}
.download dd a.b2{background-position:0 -76px;}
.download dd a.b1:hover{background-position:-280px 0;}
.download dd a.b2:hover{background-position:-280px -76px;}
.download dd a em{width:30px; height:32px; background-image:url(../img/icon.png); margin:20px 16px 0 0; float:left;}
.download dd a.b1 em{background-position:0 0;}
.download dd a.b2 em{background-position:0 -32px;}
.download dd a span{float:left;}
.download dd a p{line-height:22px; font-size:16px;}


main{position:relative; z-index: 3;}
.slider{width:704px; height:404px; background:url(../img/slider.png) no-repeat; position:relative; z-index:3;}
.slider .bd{width:690px; height:390px; margin:2px 2px 12px 12px;}
.slider .hd{position:absolute; right:10px; bottom:20px;}
.slider .hd li{width:12px; height:16px; background:url(../img/slider_hd.png) no-repeat; text-indent:-999px; overflow:hidden; margin-left:6px; float:left; cursor:pointer;}
.slider .hd li.on{background-position:0 -16px;}

.news{width:466px; height:404px; color:#415361; overflow:hidden; position:relative; z-index:3;}
.news .more{width:20px; height:20px; background:url(../img/more.jpg) no-repeat; position:absolute; top:4px; right:14px;}
.news .more:hover{background-position:0 -20px;}
.news .tit{height:36px; line-height:28px; border-bottom:4px solid rgba(52,87,161,0.38); margin-bottom:4px;}
.news .tit a{width:135px; height:36px; color:#364857; text-align:center; float:left;}
.news .tit a.on{color:#1145a6; border-bottom:4px solid #365bbb;}
.news .txt li{height:39px; line-height:39px; border-bottom:1px solid #415361; padding:0 10px;}
.news .txt li a{color:#415361;}
.news .txt li a:hover{color:#c53f48;}
.news .txt li em{display:inline-block; margin-left:-10px; margin-right:-6px;}


.yxzl dt{height:80px; background:url(../img/yxzl_tit.png) center no-repeat; text-indent:-999px; overflow:hidden; margin-bottom:80px;}


/*角色*/
.allrole {
    background:url(../img/yxzl.jpg) center top no-repeat;
}
.section {
    margin: 0 auto;
    position: relative;
    height: 586px;
    width: 60%;
    
}
.role {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    float: left
}
.role-inner {
    width: 100%;
    height: 100%;
    position: relative
}
.role-nav {
    position: absolute;
    z-index: 10;
    top: -40px;
    right: 0;
    width: 107px;
    height: 537px;
    background: url(../img/r-tab.png) right center no-repeat
}
.role-nav li {
    position: absolute;
    left: 8px;
    width: 108px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    font-size: 22px;
    color: #212121;
    background: url(../img/r-tab-icon.png) right center no-repeat
}
.role-nav li a {
    color: #212121
}
.role-nav li:hover, .role-nav li.on{
    background: url(../img/r-tab-icon-h.png) right center no-repeat
}
.role-nav li:hover a, .role-nav li.on a {
    color: #b11a1a;
    font-size: 30px
}
.nav-0 {
    top: 172px
}
.nav-1 {
    top: 255px
}
.nav-2 {
    top: 330px
}
.f-cf {
    width: 100%
}
.role-nav .on {
    background-image: url()
}
.role-detail {
    filter: alpha(opacity=0);
    display: none\9
}
.curMod {
    z-index: 5;
    filter: alpha(opacity=100);
    display: block\9
}
.role-con,.role-detail {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.r-desc {
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}
.curMod .r-desc {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    transform: scale(1);
    filter: alpha(opacity=100)
}
.curMod .role0 {
    top: 0
}
.curMod .role1 {
    top: 0
}
.r-detail {
    z-index: 1;
    position: absolute;
    top: 34px;
    left: 1px;
    width: 500px;
    height: auto;
    color: #212121;
    font-size: 14px;
    filter: alpha(opacity=100);
    /*line-height: 26px;*/
}
.r-detail .title {
    display: block;
    width: 303px;
    height: 106px;
    margin-bottom: 25px
}
.r-detail .title1 {
    background: url(../img/t-zs.png) no-repeat
}
.r-detail .title2 {
    background: url(../img/t-fs.png) no-repeat
}
.r-detail .title3 {
    background: url(../img/t-ds.png) no-repeat
}
.r-detail em {
    font-weight: 700
}
.r-detail p {
    filter: alpha(opacity=100)
}
.r-detail .rec {
    margin: 5px 0 10px
}
.r-detail .skill {
    width: 500px;
    height: 65px;
    background-position: left top;
    background-repeat: no-repeat
}
.r-detail .skill.skill0 {
    background-repeat: no-repeat;
}
.r-detail .skill.skill1 {
    background-repeat: no-repeat;
}
.r-detail .skill.skill2 {
    background-repeat: no-repeat;
}
.r-detail .skill span {
    display: block;
    float: left;
    width: 64px;
    text-align: center;
    margin-top: 65px;
    margin-right: 36px;
    font-size: 12px
}
.r-detail .use {
    display: inline-block;
    width: 107px;
    height: 14px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.r-detail .s-title {
    float: left
}
.r-detail .s-detail {
    float: left;
    margin-top: 3px;
    width: 270px;
    line-height: 23px
}
.r-detail .s-detail2 {
    width: 240px
}
.r-detail .s-detail3 {
    width: 300px
}
.r-detail .s-detail4 {
    width: 240px
}
.r-detail .s-detail5 {
    width: 270px
}
.r-detail .s-detail6 {
    width: 220px
}
.r-img {
    position: absolute
}
.role0 .r-img {
    left: 372px;
    top: -125px
}
.role1 .r-img {
    left: 527px;
    top: -133px
}
.role2 .r-img {
    left: 573px;
    top: -124px
}
.download-box .web-game, .download-box .web-game:hover, .download-box .ios-dl, .download-box .ios-dl-zy, .download-box .android-dl, .download-box .android-dl-zy, .download-box .android-dl:hover, .download-box .android-dl-zy:hover, .download-box .ios-dl:hover, .download-box .ios-dl-zy:hover, .floatNav .web-game:hover, .floatNav .ios-dl:hover, .floatNav .ios-dl-zy:hover, .floatNav .android-dl, .floatNav .android-dl-zy, .floatNav .android-dl:hover, .floatNav .android-dl-zy:hover, .floatNav .web-game, .floatNav .ios-dl, .floatNav .ios-dl-zy {
  background-size: 549px 333px;
    /*background-image: url(../img/zytl_main_dl-btn_1_z.png)*/
}
.r-detail .skill.skill0 {
    background-position: 0px 0px
}
.r-detail .skill.skill1 {
    background-position: 0px -74px
}
.r-detail .skill.skill2 {
    background-position: 0px -148px
}
.r-detail .use {
    background-position: 0px -222px
}
.r-detail .skill.skill0,.r-detail .skill.skill1,.r-detail .skill.skill2,.r-detail .use {
    background-size: 474px 236px;
    background-image: url(../img/zytl_main_role_1_z.png)
}



.yxts_tit{height:215px; background:url(../img/yxts_tit.png) center no-repeat; text-indent:-999px; overflow:hidden; margin-bottom:10px;}
.yxts_txt{height:670px; /*background:url(../img/yxts.jpg) center top no-repeat;*/background:url(../img/yxzl.jpg) center top no-repeat; overflow:hidden; padding-top:20px;}

.exhibition_hall {
    z-index: 10;
    position: absolute;
    top: 70px;
    left: 12px;
    text-align: center;
    position: relative
}
.exhibition_hall .jQ_sliderSwitch {
    padding-top:10px;
    text-align: center
}
.exhibition_hall .jQ_sliderSwitch li {

    margin-right: 10px;
    display: inline-block;
    width: 30px;
    height: 7px;
    background: #727272;
    cursor: pointer;
    *display: inline;
    *zoom: 1;
    text-indent:-9999px;
}
.exhibition_hall .jQ_sliderSwitch li.on {
    background: #c39738;

}
.dg-nav {
    width: 56px;
    position: absolute;
    z-index: 300;
    bottom: 310px;
    left: 50%;
    margin-left: -29px
}
.dg-nav span {
    text-indent: -9000px;
    cursor: pointer;
    width: 56px;
    height: 58px;
    display: block;
    position: absolute
}
.dg-nav span.dg-next:hover {
    background: transparent url(../img/next-h.png) right center no-repeat
}
.dg-nav span.dg-prev:hover {
    background: transparent url(../img/prev-h.png) left center no-repeat
}
.dg-nav span.dg-next {
    background: transparent url(../img/next.png) right center no-repeat;
    right: -500px
}
.dg-nav span.dg-prev {
    background: transparent url(../img/prev.png) left center no-repeat;
    left: -500px
}
.roundabout_box img {
    width: 100%
}
.roundabout_box {
    height: 505px;
    margin: 0 auto
}
.roundabout-holder {
    list-style: none;
    width: 500px;
    height: 505px;
    margin: 0 auto
}
.roundabout-moveable-item {
    font-size: 12px!important;
    height: 505px;
    width: 897px;
    text-align: center;
    cursor: pointer
}
.roundabout-moveable-item .pic {
    width: 100%;
    height: 100%
}
.roundabout-moveable-item .pic .pic-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: Alpha(opacity=60);
    background: rgba(0,0,0,.6)
}
.roundabout-in-focus .pic .pic-mask {
    display: none
}
.roundabout-moveable-item img {
    height: 100%;
    width: 100%;
    margin: 0;
    background: url(../img/loading-48x48.gif) center center no-repeat
}
.roundabout-in-focus {
    cursor: auto
}
.roundabout-in-focus000:hover {
    -webkit-box-shadow: 0 0 20px #787878;
    -moz-box-shadow: 0 0 20px #787878;
    background: #f9f9f9
}
.roundabout-holder .text {
    color: #999
}
.roundabout-in-focus000:hover span {
    display: inline;
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 8px 20px;
    background: #f9f9f9;
    color: #36c;
    z-index: 999;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topLeft: 5px;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa
}
.roundabout a: active,.roundabout a: focus,.roundabout a: visited {
    outline: 0;
    text-decoration: none
}
.roundabout li {
    margin: 0
}



.sns em{width:100px; height:100px; background:#fff;}
.sns em img{width:100% !important; height:100% !important;}
.sns span{*width:140px; line-height:25px; padding:25px 20px;}
.sns span i{width:20px; line-height:16px; color:#fff; font-weight:bold; background:#008abd; text-align:center; display:inline-block; vertical-align:middle; margin-right:6px;}

.kefu{height:60px!important; line-height:30px; text-align:center; padding:20px 10px !important;}

.self_link{line-height:30px; text-align:center;}
.self_link a{color:#777; display:inline-block; padding:14px 0; margin:0 14px;}
.self_link a:hover{color:#cfcfcf;}
.self_link a span{width:42px; height:42px; border:1px solid #85848c; display:block; margin:0 auto;}
.self_link a:hover em{border-color:#7773a9;}
.self_link em.b1{width:40px; height:35px; background-image:url(../img/about.png); display:block;margin:4px auto;}
.self_link em.b2{width:40px; height:35px; background-image:url(../img/contact.png); display:block;margin:4px auto;}
.self_link em.b3{width:40px; height:35px; background-image:url(../img/xieyi.png); display:block;margin:4px auto;}
.self_link em.b4{width:40px; height:35px; background-image:url(../img/yinsi.png); display:block;margin:4px auto;}

/* 底部 */
.media{width:200px; color:#000; background:#fff; border-bottom:1px solid #c2c2c2; margin:12px auto; position:relative;}
.media dt{height:30px; line-height:30px; font-size:12px; border:1px solid #dfdfdf; border-bottom:none; padding:0 10px; cursor:pointer; position:relative;}
.media dt i{width:32px; height:32px; background-image:url(../img/up_down.png); background-color:#999; overflow:hidden; position:absolute; top:-1px; right:-1px;}
.media dt i.media_up{background-position:0 0;}
.media dt i.media_down{background-position:0 -32px;}
.media dd{width:198px; height:90px; background:#fff; border:1px solid #dfdfdf; border-top:none; overflow-y:auto; position:absolute; bottom:30px; left:0; z-index:9; display:none;}
.media dd li{line-height:30px;}
.media dd li a{color:#666; display:block; padding:0 10px;}
.media dd li a:hover{color:#847db5;}



/***** 文章页 *****/
.inside header{height:700px;}
.inside main{padding-bottom:100px;}

/*文章下载栏*/
.inside_left{width:250px; color:#fff; background:#394863; border:5px solid #5272ab; padding-bottom:20px; position:relative;}
.inside_left .code{background:url(../img/left_code.png) center 22px no-repeat #e9f5fe; padding-top:90px; position:relative; z-index:3;}
.inside_left .code dt{line-height:60px; color:#225694; font-size:22px; text-align:center; margin-bottom:10px;}
.inside_left .code dt em{width:130px; height:130px; background:#f1f9fe; border:3px solid #a4cbf7; overflow:hidden; display:block; padding:12px; margin:0 auto;}
.inside_left .code dt em img{width:100% !important; height:100% !important;}
.inside_left .code dd{background:#394863; padding-top:30px;}
.inside_left .code dd a{width:140px; height:40px; font-size:14px; background-image:url(../img/left_down.png); border-radius:5px; display:block; padding:10px 20px; margin:0 auto 10px auto;}
/*.inside_left .code dd a.b1{background-position:0 0;}
.inside_left .code dd a.b2{background-position:0 -60px;}
.inside_left .code dd a.b3{font-size:18px; background-position:0 -120px;}*/
.inside_left .code dd a.b1{background-image:url(../img/qr_1.png); display:block; background-position: center center;}
.inside_left .code dd a.b2{background-image:url(../img/qr_2.png); display:block;background-position: center center;}
.inside_left .code dd a.b3{background-image:url(../img/qr_3.png); display:block;background-position: center center;}
.inside_left .code dd a em{height:32px; background-image:url(../img/icon.png); float:left;}
.inside_left .code dd a.b1 em{width:26px; background-position:0 0; margin:3px 24px 0 0;}
.inside_left .code dd a.b2 em{width:30px; background-position:0 -32px; margin:3px 20px 0 0;}
.inside_left .code dd a.b3 i{line-height:40px; margin-left:60px;}
.inside_left .code dd a span{float:left;}
.inside_left .code dd a p{line-height:20px; font-size:16px;}
.inside_left .kefu_infor{line-height:30px; font-size:14px; text-align:center; padding:5px 0 !important; position:relative; z-index:3;}
.inside_left .kefu_infor .yellow{color:#ffe361;}


/*文章栏目*/
.inside_right{width:920px; color:#666; background:#fff;}
.inside_right h4{height:70px; line-height:70px; color:#fff; background:#5272ab; padding:0 30px;}
.inside_right h4 span{text-align:center; display:inline-block;}
.inside_right h4 p{font-weight:normal; display:inline-block;}
.inside_right h4 a{color:#fff; margin:0 5px;}
.inside_right h4 a:hover{text-decoration:underline;}

/*文章栏目*/
.news_list{min-height:800px; height:auto;}
.news_list .tit{height:74px; background:#5272ab;}
.news_list .tit a{width:33.3%; line-height:74px; color:#fff; background:url(../img/line.jpg) right top repeat-y; text-align:center; float:left; position:relative;}
.news_list .tit a.on{background-color:#1e8fed;}
.news_list .tit a em{width:30px; height:30px; background-image:url(../img/icon3.png); display:inline-block; vertical-align:middle; margin-right:16px;}
.news_list .tit a em.b1{background-position:0 0;}
.news_list .tit a em.b2{background-position:0 -30px;}
.news_list .tit a em.b3{background-position:0 -60px;}
.news_list .tit a em.b4{background-position:0 -90px;}
.news_list .tit a i{width:100%; height:3px; background:#7682be; position:absolute; top:0; left:0; display:none;}
.news_list .tit a.on i{display:block;}

.news_list .txt{padding:15px 20px;}
.news_list .txt .list{padding:0 10px;}
.news_list .txt .list li{height:45px; line-height:45px; color:#5e5e5e; font-size:16px; border-bottom:1px dotted #a6a6a6; display:block; padding:0 10px; position:relative;}
.news_list .txt .list li a{color:#333; margin-left:20px;}
.news_list .txt .list li a:hover{color:#e60000;}
.news_list .txt .list li em{width:27px; height:45px; background:url(../img/icon2.png) center no-repeat #fff; position:absolute; top:0; left:0;}
.news_list .txt .collec li{height:640px; overflow-y:auto; padding:0 30px 0 10px;}
.news_list .scott{text-align:center; padding:30px 0;}
.news_list .scott a{color:#5e5e5e;}
.news_list .scott a:hover{color:#333;}
.news_list .scott input{color:#333; background:#fff; padding:0 2px; margin-left:4px;}


/*文章信息*/
.news_con{color:#000; padding:30px 0;}

.game_read_tit{line-height:40px; font-size:26px; text-align:center; margin-bottom:14px;}
.game_read_zz{color:#666; text-align:center; border-bottom:1px solid #e9e4e3; padding-bottom:9px; margin:0 40px;}
.game_read_txt{line-height:220%; font-size:16px; color:#333; padding:30px 40px;}
.game_read_txt a{color:#5e5e5e;}
.game_read_txt a:hover{color:#333; text-decoration:underline;}
.game_read_txt img{margin:10px 0;}

.prev_next{height:43px; color:#333; border-bottom:1px solid #c8c8c8; margin:10px 20px;}
.prev_next li{width:48%; height:30px; line-height:30px !important; font-size:14px; overflow:hidden; padding-right:2%; float:left;}
.prev_next li a{color:#333; margin-left:4px;}
.prev_next li a:hover{color:#f00;}

.xg_news{width:45%; height:196px; font-size:14px; overflow:hidden; position:relative; margin:0 2.5%; float:left;}
.xg_news h3{line-height:36px; color:#8c3323; font-weight:bold;}
.xg_news ul{height:160px; overflow:hidden;}
.xg_news li{width:98%; height:32px; line-height:32px; color:#596981; overflow:hidden;}
.xg_news li a{color:#333;}
.xg_news li a:hover{color:#f00;}

/*首页底部*/
footer{color:#575f6a; background:#1a1f23; border-top:1px solid #493e26; position:relative;}
footer .item_con{border-bottom:1px solid #2e2e2e; padding:25px 0;}
footer .item_con ul{width:1200px; margin:0 auto;}
footer .item{width:280px; height: 100px; background:url(../img/foot_li.png) right center no-repeat; padding:0 10px; float:left;}
footer .last{background:none;}

.gy-footer{color:#575f6a; background:#1a1f23;}
.gy-footer a{color:#575f6a;}
.gy-footer a:hover{color:#a7b6ca;}


/* S 适龄年龄提示 */
.age_tips {
    position: absolute;
    left: 50%;
    margin-left: 768px;
    top: -720px;
    width: 71px;
    height: 91px;
    background:url(../img/age_icon.png) 0 0 no-repeat; 
    cursor: pointer;
    z-index: 3;
}

.age_tips_mask {
    width: 100%;
    height: 100%;
    background: #000000;
    filter: alpha(opacity=50);
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: 100;
}

.age_tips_pop {
    position: fixed;
    top: 24%;
    left: 25%;
    z-index: 101;
	width: 50%;
    height: 52%;
    background: #383A46;
    border-radius: 20px;
    color: #ffffff;
}

.age_tips_close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 38px;
    height: 39px;
    background:url(../img/age_icon_clost.png) 0 0 no-repeat;
}

.age_tips_tit {
    height: 12%;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.age_tips_h {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 21px;
    line-height: 1;
    font-weight: bold;
    vertical-align: bottom;
}

.age_tips_con {
    height: 80%;
    width: 90%;
	margin: 10px auto 0;
    overflow-y: auto;
    font-size: 18px;
    line-height: 32px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    text-align: justify
}

.age_tips_p {
    margin: 16px 0;
}
/* E 适龄年龄提示 */

/*footer*/
.gy-main { width: 1000px; margin: 0 auto; position: relative;}
.gy-flinks .links { padding-left: 220px;}
.gy-flinks .links a { font-size: 14px; color: #8c8b8b; margin: 0 5px;}
.gy-flinks .links a:hover { color: #03b4f5;}
.gy-footer { text-align: center; line-height: 30px; color: #999898; padding: 30px 0 20px 0;}
.gy-footer a { color: #999898;}
.gy-footer a:hover { color: #03b4f5;}
.legal-2 { background-position: 0 -50px;}
.legal-3 { background-position: 0 -100px;}
.legal-4 { background-position: -50px 0;}
.legal-5 { background-position: -50px -50px;}
.legal-6 { background-position: -50px -100px;}
.legal-7 { background-position: 0 -100px;}


/*悬浮窗*/
.floatNav {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 100px;
    right: 0;
    width: 180px;
    height: 550px;
    background: url(../img/floatNav-bg.png) no-repeat;
    text-align: center;
    color: #f5f5f5;
    font-size: 20px
}
.floatNav .qr {
    width: 134px;
    height: 134px
}
.floatNav .qr.qr1 {
    margin-top: 22px
}
.floatNav p {
    height: 43px;
    line-height: 40px
}
.floatNav a {
    margin: 0 auto 14px;
    display: block;
    width: 135px;
    height: 39px
}
.floatNav .ios-dl,.floatNav .ios-dl-zy {
    background-repeat: no-repeat;
}
.floatNav .ios-dl:hover,.floatNav .ios-dl-zy:hover {
    background-repeat: no-repeat;
}
.floatNav .android-dl,.floatNav .android-dl-zy {
    background-repeat: no-repeat;
}
.floatNav .android-dl:hover,.floatNav .android-dl-zy:hover {
    background-repeat: no-repeat;
}
.floatNav .web-game {
    background-repeat: no-repeat;
}
.floatNav .web-game:hover {
    background-repeat: no-repeat;
}

@keyframes x2{0%,100%{transform:scale3d(1,1,1); -moz-transform:scale3d(1,1,1); -ms-transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1); -o-transform:scale3d(1,1,1);}
50%{transform:scale3d(0.9,0.9,1); -moz-transform:scale3d(0.9,0.9,1); -ms-transform:scale3d(0.9,0.9,1); -webkit-transform:scale3d(0.9,0.9,1); -o-transform:scale3d(0.9,0.9,1);}
75%{transform:scale3d(1.1,1.1,1); -moz-transform:scale3d(1.1,1.1,1); -ms-transform:scale3d(1.1,1.1,1); -webkit-transform:scale3d(1.1,1.1,1); -o-transform:scale3d(1.1,1.1,1);}}
@-webkit-keyframes x2{0%,100%{transform:scale3d(1,1,1); -moz-transform:scale3d(1,1,1); -ms-transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1); -o-transform:scale3d(1,1,1);}
50%{transform:scale3d(0.9,0.9,1); -moz-transform:scale3d(0.9,0.9,1); -ms-transform:scale3d(0.9,0.9,1); -webkit-transform:scale3d(0.9,0.9,1); -o-transform:scale3d(0.9,0.9,1);}
75%{transform:scale3d(1.1,1.1,1); -moz-transform:scale3d(1.1,1.1,1); -ms-transform:scale3d(1.1,1.1,1); -webkit-transform:scale3d(1.1,1.1,1); -o-transform:scale3d(1.1,1.1,1);}}
@-moz-keyframes x2{0%,100%{transform:scale3d(1,1,1); -moz-transform:scale3d(1,1,1); -ms-transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1); -o-transform:scale3d(1,1,1);}
50%{transform:scale3d(0.9,0.9,1); -moz-transform:scale3d(0.9,0.9,1); -ms-transform:scale3d(0.9,0.9,1); -webkit-transform:scale3d(0.9,0.9,1); -o-transform:scale3d(0.9,0.9,1);}
75%{transform:scale3d(1.1,1.1,1); -moz-transform:scale3d(1.1,1.1,1); -ms-transform:scale3d(1.1,1.1,1); -webkit-transform:scale3d(1.1,1.1,1); -o-transform:scale3d(1.1,1.1,1);}}
@-ms-keyframes x2{0%,100%{transform:scale3d(1,1,1); -moz-transform:scale3d(1,1,1); -ms-transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1); -o-transform:scale3d(1,1,1);}
50%{transform:scale3d(0.9,0.9,1); -moz-transform:scale3d(0.9,0.9,1); -ms-transform:scale3d(0.9,0.9,1); -webkit-transform:scale3d(0.9,0.9,1); -o-transform:scale3d(0.9,0.9,1);}
75%{transform:scale3d(1.1,1.1,1); -moz-transform:scale3d(1.1,1.1,1); -ms-transform:scale3d(1.1,1.1,1); -webkit-transform:scale3d(1.1,1.1,1); -o-transform:scale3d(1.1,1.1,1);}}
@-o-keyframes x2{0%,100%{transform:scale3d(1,1,1); -moz-transform:scale3d(1,1,1); -ms-transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1); -o-transform:scale3d(1,1,1);}
50%{transform:scale3d(0.9,0.9,1); -moz-transform:scale3d(0.9,0.9,1); -ms-transform:scale3d(0.9,0.9,1); -webkit-transform:scale3d(0.9,0.9,1); -o-transform:scale3d(0.9,0.9,1);}
75%{transform:scale3d(1.1,1.1,1); -moz-transform:scale3d(1.1,1.1,1); -ms-transform:scale3d(1.1,1.1,1); -webkit-transform:scale3d(1.1,1.1,1); -o-transform:scale3d(1.1,1.1,1);}}

/* 视频弹窗 */
.video_start{
    width:5rem;height:5rem;
    animation: x2 1s infinite;
    -ms-animation: x2 1s infinite;
    -webkit-animation: x2 1s infinite;
    -moz-animation: x2 1s infinite;
    -o-animation: x2 1s infinite;
}
.video_start a{

}
/* 弹窗 */
.pop{display:none}
.pop .mask{
    width: 100%;
    height: 100%;background: rgba(0,0,0,0.5);position: fixed;
    top: 0;
    z-index: 100;
}
.pop .i_video{
    width: 750px;height: 453px;
    position: fixed;top: 50%;left: 50%;margin-left: -375px;margin-top:-226px;z-index: 1000;
    min-width: 100%;
    min-height: 100%;
    object-fit: fill;/*这里是关键*/
}
.pop .i_close{
    position: fixed;top: 29%;right: 29.5%;
    display: block;width: 40px;height: 40px;
    border-radius: 50%;line-height: 40px;
    text-align: center;
    font-size:35px;
    margin-left: -5rem;margin-top:-25px;
    z-index: 10001;background: rgba(0,0,0,0.5);
}
.pop .i_video .video_play{
    width: 750px;height: 453px;
}