@charset "utf-8";

html{width: 100%;height: 100%;}
body{ width: 100%;margin:0; padding:0; font-size:12px;overflow-x: hidden; font-family:"微软雅黑",Arial, Helvetica, sans-serif; background-color:#fefefe;color: #333;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;} 
img{ border:0;outline: none;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}

.bg{ width: 100%; min-width: 1080px;overflow: hidden;position: relative;background:url(../images/cover1703/coverbg1706.jpg) center top no-repeat;}
.bg_bottom{width: 100%;height: 596px;position: absolute;left: 0;bottom: 0;background:url(../images/cover/bg_bottom.jpg) center top no-repeat;}
.container{height: 100%;width: 1080px; margin: 0 auto;position: relative;}

@font-face {
  font-family: 'fz';
  /*src: url('http://zx.wanmei.com/resources/ttf/160415/10641460710301393.ttf')  format('truetype');*/
  src: url('fz.ttf')  format('truetype');
}

/* header */
.header{width: 100%;height: 43px;padding: 6px 0;background: #fff;}
.head{width: 1080px;height: 43px;margin: 0 auto;}
.news_head{width: 800px;padding-left: 0;}
.icon_logo{width: 43px;height: 43px;margin-right: 10px;float: left;background:url(http://zx.wanmei.com/web201605/images/cover/icon_logo.png) center center no-repeat;}
.news_head .icon_logo{margin-right: 0;}
.head_txt{width: 77px;height: 43px;margin-right: 60px; float: left;background:url(http://zx.wanmei.com/web201605/images/cover/headtxt.png) center center no-repeat;}
.head_menu{margin-right: 45px;padding-top: 12px;float: left;}
.news_head .head_menu{margin-right: 15px;}
.head_menu li{width: 117px;height: 20px;float: left;font-size: 18px;line-height: 20px;text-align: center;border-left: 1px solid #e0baba; cursor: pointer;}
.head_menu li a{width: 117px;height: 20px;display: block;font-size: 18px;line-height: 20px;text-align: center;color: #a83b3b;}
.head_menu li.fir{border: 0;}
.head_menu li.on a,
.head_menu li:hover a{color: #a68763;}
.head_wx{width: 102px;height: 35px;padding: 4px 0 4px 50px;float: left;position: relative;background:url(../images/cover1701/wx_head.png) 5px center no-repeat;}
.head_wx p{line-height: 17px;font-size: 14px;color: #a83b3b;}
.wx_hover{display: none;width: 134px;height: 184px;padding: 0 9px;position: absolute;top: 48px;left: 0;background: #fff;z-index: 99;}
.head_wx:hover .wx_hover{display: block;}
.qrcode_wx{width: 134px;height: 133px;margin-bottom: 8px;background:url(http://zx.wanmei.com/web201605/images/cover/qrcode_wx.jpg) center center no-repeat;}
.wx_hover p{padding-left: 14px;color: #585858;font-size: 14px;}
.wx_hover p.color{color: #bd465a;}

.header-primary{  position:relative; height:915px; }
.logo{width: 118px;height: 117px;margin-left:220px;margin-bottom: 42px;/*background:url(../images/cover/logo.png) center center no-repeat;*/}
.logo a{width: 100%;height: 100%;display: block;}
.logo a img{ width:100%; }
.slogan{width: 450px;height: 234px;margin-left:65px;margin-bottom: 40px;}
.subtitle{width: 750px;height: 100px; background:url(../images/cover1703/subtit.png) center center no-repeat; position:absolute; left:-82px; top:452px; }
.btn_top{width: 400px;height: 87px;margin: 0 auto;margin-bottom: 30px;}
.btn_top a{height: 87px;display: block;float: left;text-indent: -9999px;background-image: url(../images/cover/btn_top.jpg);background-repeat: no-repeat;}
.yuyue{width: 265px;background-position: 0 0;}
.yuyue:hover{background-position: 0 -87px;}
.toIndex{width: 135px;background-position: -265px 0;}
.toIndex:hover{background-position: -265px -87px;}

.btn_website{width: 285px;height: 36px;position: absolute;top: 37px;right: 10px;}
.btn_website a{width: 132px;height: 36px;margin: 0 5px;display: block;float: left;background-image: url(../images/cover1701/btn_website.png);background-repeat: no-repeat;}
.btn_website a.to_zx{background-position: center top;}
.btn_website a.to_zhuxian{background-position: center bottom;}

/* 进度 */
.progress{width: 1080px;height: 320px;margin: 0 auto;margin-bottom: 55px;}
.pro_txt1{width: 100%;height: 40px;font-size: 14px;line-height: 20px;*line-height: 40px;*margin-bottom: 10px;color: #000;text-align: center;font-family: 'fz';}
.pro_txt1 .number1{font-size: 40px;color: #26b29a;/*font-family: 'Microsoft yahei';*/position: relative;top: 8px;}
.pro_txt1 .gift1{color: #26b29a;}
.pro_txt2{width: 100%;height: 20px;margin-bottom: 80px;font-size: 14px;line-height: 20px;font-family: 'fz';color: #000;text-align: center;}
.pro_txt2 .number2,.pro_txt2 .gift2
{margin: 0 2px;color: #26b29a;font-size: 14px;font-family: 'Microsoft yahei';font-family: 'fz';}
.shareBtn{position: relative;margin-right: 100px;}
.icon_box{width: 140px;height: 19px;margin-bottom: 7px;position: absolute;top: -3px;left: 0;}
.icon_box a{width: 19px;height: 19px;margin-right: 4px;display: block;float: left;position: relative;background: #4dd6c3;}
.icon_box a.share_sj{width: 18px;}
.icon_box a.on,.icon_box a:hover{background: #2ac2a7;}
.icon_box a span{width: 19px;height: 19px;position: absolute;top: 0;left: 0;}
.icon_box a.share_bd span{background:url(../images/cover/icon_tb.png) center center no-repeat;}
.icon_box a.share_kj span{background:url(../images/cover/icon_qzone.png) center center no-repeat;}
.icon_box a.share_tx span{background:url(../images/cover/icon_qq.png) center center no-repeat;}
.icon_box a.share_wb span{background:url(../images/cover/icon_wb.png) center center no-repeat;}
.icon_box a.share_rr span{background:url(../images/cover/icon_rr.png) center center no-repeat;}
.icon_box a.share_sj span{background:url(../images/cover/icon_wx.png) center center no-repeat;}
.icon_box a.share_sj div{width: 443px;height: 169px;border: 2px solid #5bc4b2;position: absolute;top: 20px;right: 0;display: none;
  background:url(../images/cover/sharewx.jpg) center center no-repeat;z-index: 5;}
.icon_box a.share_sj:hover div{display: block;}
.pro_cont{width: 1757px;height: 84px;margin: 0 auto;position: relative;left: -338px;background:url(../images/cover/barbg.png) center center no-repeat;}
.pro_top{width: 1062px;height: 20px;margin: 0 auto;margin-left: -531px;padding-left: 40px;position: absolute;top: -20px;left: 50%;}
.pro_bot{width: 1062px;height: 20px;margin: 0 auto;margin-left: -531px;padding-left: 40px;position: absolute;bottom: -25px;left: 50%;}
.pro_cen{width: 1062px;height: 74px;margin: 0 auto;margin-left: -531px;padding-left: 37px;margin-top: -37px;position: absolute;top: 50%;left: 50%;}
.pro_top li,.pro_bot li{width: 100px;height: 20px;margin-right: 77px;position: relative;text-align: center;line-height: 20px;font-size: 14px;color: #919191;float: left;}
.pro_top li.on,.pro_bot li.on{color: #18ad93;}
.pro_bot li.current{color: #B7955F;}
.pro_cen li{width: 100px;height: 74px;float: left;position: relative;background:url(../images/cover/giftbg.png) center center no-repeat;}
.pro_cen li.on{background:url(../images/cover/giftbgon.png) center center no-repeat;}
.pro_cen li span.g_view{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.pro_cen li.g01{margin-right: 78px;}
.pro_cen li.g02{margin-right: 77px;}
.pro_cen li.g03{margin-right: 78px;}
.pro_cen li.g04{margin-right: 78px;}
.pro_cen li.g05{margin-right: 77px;}
.pro_cen li.g06{margin-right: 0px;}
.pro_cen li.g01 span.g_view{background: url('../images/cover/gift01h.png') no-repeat center center;}
.pro_cen li.g02 span.g_view{background: url('../images/cover/gift02h.png') no-repeat center center;}
.pro_cen li.g03 span.g_view{background: url('../images/cover/gift03h.png') no-repeat center center;}
.pro_cen li.g04 span.g_view{background: url('../images/cover/gift04h.png') no-repeat center center;}
.pro_cen li.g05 span.g_view{background: url('../images/cover/gift05h.png') no-repeat center center;}
.pro_cen li.g06 span.g_view{background: url('../images/cover/gift06h.png') no-repeat center center;}
.pro_cen li.g01.on span.g_view{background: url('../images/cover/gift01.png') no-repeat center center;}
.pro_cen li.g02.on span.g_view{background: url('../images/cover/gift02.png') no-repeat center center;}
.pro_cen li.g03.on span.g_view{background: url('../images/cover/gift03.png') no-repeat center center;}
.pro_cen li.g04.on span.g_view{background: url('../images/cover/gift04.png') no-repeat center center;}
.pro_cen li.g05.on span.g_view{background: url('../images/cover/gift05.png') no-repeat center center;}
.pro_cen li.g06.on span.g_view{background: url('../images/cover/gift06.png') no-repeat center center;}
.g_info{display: none;width: 174px;min-height: 70px;padding: 14px 12px 10px;z-index: 2;position: absolute;top: 105px;left: 25%;background: rgba(28,212,188,.7);border: 1px solid #90deca;}
.pro_bot li:nth-child(6) .g_info{margin-left: -100px;}
.current .g_info{display: block;}
.g_info p{width: 173px;height: 16px;}
.g_info p span{float: left;height: 16px;line-height: 16px;color: #fff;font-size: 12px;display: block;}
.g_info p span.g_val{width: 75px;text-align: left;}
.g_info p span.g_key{width: 97px;}


.bar_border{width: 1560px;height: 13px;margin: 0 auto;overflow: hidden;position: relative;top: 35px;border-radius: 3px;background: url('../images/cover/barbg1.png') repeat-x bottom center;}
.bar_before,.bar_after{width: 300px;height: 13px;display: none;position: absolute;top: 0;background-image: url(../images/cover/bar_opa.png);background-repeat: no-repeat;}
.bar_before.on,.bar_after.on{display: block;}
.bar_after{right: 5px;background-position: 0 -13px;}
.bar_before{left: 5px;}
.bar{width: 956px;height: 13px;margin: 0 auto;overflow: hidden;position: relative;border-radius: 3px;background: url('../images/cover/barbg1.png') repeat-x bottom center;}
.bar span{width: 0%;height: 13px;position: absolute;top: 0;left: 0;border-radius: 3px;background: url('../images/cover/bar.png') repeat-x bottom center;
  transition: width .8s;
  -o-transition: width .8s;
  -moz-transition: width .8s;
  -webkit-transition: width .8s;}

/* 特色 */
.story{width: 1388px;height: 530px;padding-top: 55px;margin-left: -154px;margin-bottom: 100px;position: relative;}
.tit_ts{width: 632px;height: 74px;margin-left: -316px;position: absolute;top: 0;left: 50%;z-index: 3;background: url('../images/cover1703/tit_tsno.png') no-repeat center center;}
.story_lunbo{width: 1388px;height: 530px;position: relative;overflow: hidden;}
.story_lunbo a.prevPage{display: block;width: 38px;height: 79px;position: absolute;top: 250px;left: 140px;cursor: pointer;background:url(../images/cover1701/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: 140px;cursor: pointer;background:url(../images/cover1701/next_r.png) center center no-repeat;z-index: 5;}
.story_lunbo ul{width: 1388px;height: 530px;position: relative;}
.story_lunbo ul li{width: 1388px;height: 530px;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/cover/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;margin: 0 auto;}
.pageSign{width: 186px;height: 11px;margin-left: -80px;position: absolute;bottom: 0;left: 50%;z-index: 5;text-align: center;}
.pageSign span{width: 15px;height: 16px;margin: 0 11px;float: left;text-indent: -9999px;cursor: pointer;background:url(../images/cover1701/dot.png) center center no-repeat;}
.pageSign span.swiper-pagination-bullet-active,
.pageSign span.on{background:url(../images/cover1701/doth.png) center center no-repeat;}

/* 角色 */
.roleBox{width: 1080px;height: 550px;margin: 0 auto;position: relative;}
.role_tab{position: absolute;top: 0;right: 0;}
.role_tab a{width: 69px;height: 79px;position: absolute;font-size: 14px;color: #a83b3b;line-height: 79px;text-align: center;background:url('../images/cover1701/role_tab.png') center center no-repeat;}
.role_tab a.on,.role_tab a:hover{color: #fff;background:url('../images/cover1701/role_tab1.png') center center no-repeat;}
.role_tab a.qy{top: 0;right: 37px;}
.role_tab a.hh{top: 77px;right: 57px;}
.role_tab a.gw{top: 139px;right: 10px;}
.role_tab a.ty{top: 205px;right: 48px;}
.role_tab a.fx{top: 270px;right: 10px;}
.role_inf{width: 358px;position: absolute;top: 100px;left: 445px;}
.infBox{display: none;}
.infBox h3{height: 80px;color: #a83b3b;font-size: 59px;font-family: 'fz','宋体';}
.inf_cont{width: 358px;height: 93px;padding: 13px 0;position: relative;left: 12px;background:url(../images/cover1701/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/cover1701/iseasy.png) center center no-repeat;}
.s0 .qy,.s1 .hh,
.s2 .gw,.s3 .ty,.s4 .fx{display: block;}
.role_attr{width: 240px;height: 429px;position: absolute;top: -30px;right: 135px;}
.role_attr span{width: 240px;height:429px;position: absolute;top: 0;left: 0;display: none;}
.attr_qy{background:url('../images/cover1703/attr_qy.png') center center no-repeat;}
.attr_hh{background:url('../images/cover1703/attr_hh.png') center center no-repeat;}
.attr_gw{background:url('../images/cover1703/attr_gw.png') center center no-repeat;}
.attr_ty{background:url('../images/cover1703/attr_ty.png') center center no-repeat;}
.attr_fx{background:url('../images/cover1703/attr_fx.png') center center no-repeat;}
.role_view{position: absolute;top: 0;bottom: 0;}
.role_view span{position: absolute;display: none;bottom: 0;}
.role_qy{width: 845px;height: 640px;left: -240px;background:url('../images/cover/role_qy.png') center center no-repeat;}
.role_hh{width: 1019px;height: 642px;left: -400px;background:url('../images/cover/role_hh.png') center center no-repeat;}
.role_gw{width: 915px;height: 614px;left: -120px;background:url('../images/cover/role_gw.png') center center no-repeat;}
.role_ty{width: 1069px;height: 680px;left: -200px;background:url('../images/cover/role_ty.png') center center no-repeat;}
.role_fx{width: 831px;height: 619px;left: -250px;background:url('../images/cover/role_fx.png') center center no-repeat;}


.linksBox{ position:absolute; width:1080px; margin-left:-540px; top:566px; left:50%; }
.play_btn{ left:68px!important; top:388px!important;}
.wm-public a{ z-index:999!important; }