abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
html{height:100%;font-size:62.5%}
body{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,sans-serif;line-height:1;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
ul{list-style:none}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0;text-decoration:none;color:#000}
img{display:block;width:100%;vertical-align:top}
i{font-style:normal}
.clearfix:after{content:'';display:table;clear:both}
.helper:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wrap-1160{margin:0 auto;width:1160px}
.main-container{background:url(../../images/v2/invitation/banner.png) 50% 0 no-repeat}
.banner{height:500px}
.nav{position:relative;height:142px;background-color:#f3f6f8}
.nav .nav-bar{position:absolute;left:50%;top:43px;margin:0 -580px;width:1160px;height:2px;background-color:#e9e9e9}
.nav .nav-item{position:relative;top:-24px;float:left;padding-left:93px;width:40px;text-align:center}
.nav .nav-item .l-icon{display:block;margin-bottom:8px;width:48px;height:48px;background:url(../../images/v2/invitation/icon/icon_comming.png) 50% 50% no-repeat}
.nav .nav-item.past .l-icon{background-image:url(../../images/v2/invitation/icon/icon_past.png)}
.nav .nav-item.on .l-icon:before,.nav .nav-item.past .l-icon:before{content:'';position:absolute;left:-3px;right:28px;top:24px;height:2px;background-color:#fd9028}
.nav .nav-item.on .l-icon{background-image:url(../../images/v2/invitation/icon/icon_active.gif)}
.nav .nav-item .city{margin-bottom:4px;font-size:18px;line-height:25px;color:#5d6266}
.nav .nav-item .date{margin-bottom:4px;font-size:14px;line-height:19px;color:#5d6266}
.invitation{padding:85px 0 10px;background:url(../../images/v2/invitation/invitation.png) 50% 0 no-repeat}
.invitation p{margin-bottom:20px;font-size:20px;line-height:28px;text-align:center;color:#5d6266}
.details{padding:30px 0 70px;background:#f3f6f8}
.details .d-title{margin-bottom:20px;height:197px;background:url(../../images/v2/invitation/mod_details.png) 50% 0 no-repeat}
.details .cards .card-item{position:relative;float:left;box-sizing:border-box;margin-right:40px;padding:63px 0 60px;border:1px solid #dfdfdf;border-radius:5px;width:260px;text-align:center}
.details .cards .card-item.last{margin-right:0}
.details .card-item img{display:block;margin:0 auto 51px;width:96px;height:96px}
.details .card-item .t-title{font-size:24px;line-height:34px;text-align:center;color:#383b41}
.details .card-item .card-hover{position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;background-color:#ffaa41;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);transition:transform .4s ease 0s;-webkit-transition:transform .4s ease 0s}
.details .card-hover .t-text{padding-top:183px;transition:padding-top .4s ease .2s;-webkit-transition:padding-top .6s ease 0s}
.details .card-item.on .t-text{padding-top:113px}
.details .card-item.on .card-hover{transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1)}
.details .card-hover p{font-size:20px;line-height:40px;color:#fff}
.guest{padding:30px 0 69px}
.guest .g-title{margin-bottom:40px;height:197px;background:url(../../images/v2/invitation/mod_guset.png) 50% 0 no-repeat}
.guest .cards .card-item{float:left;margin-right:40px;width:260px;text-align:center}
.guest .cards .card-item.last{margin-right:0}
.guest .card-item img{display:block;margin:0 auto 24px;width:150px;height:150px}
.guest .card-item h3{margin-bottom:10px;font-size:24px;line-height:34px;color:#383b41}
.guest .card-item p{margin:0 auto;width:180px;font-size:14px;line-height:19px;color:#8a8f93}
.info{position:relative;padding:30px 0 64px}
.info .i-title{margin-bottom:40px;height:197px;background:url(../../images/v2/invitation/mod_info.png) 50% 0 no-repeat}
.info .gold-bar{position:absolute;left:0;top:405px;height:58px;background:#ffae4b}
.img-play{position:relative}
.img-play .img-box{padding-bottom:30px;height:340px}
.img-play .item{display:none}
.img-play .center,.img-play .next,.img-play .prev{display:block}
.img-play .next,.img-play .prev{position:absolute;top:34px;z-index:1;width:464px;height:272px}
.img-play .prev{left:0}
.img-play .next{right:0}
.img-play .item a{display:none}
.img-play .center{position:absolute;left:290px;top:0;z-index:2;width:580px;height:340px}
.img-play .center .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.img-play .center h3{position:absolute;left:0;top:50%;margin-top:-17px;width:100%;height:34px;font-size:24px;line-height:34px;text-align:center;color:#fff}
.img-play .play-btn{text-align:center}
.img-play .play-btn i{display:inline-block;margin:0 10px;width:16px;height:16px;background-image:url(../../images/v2/invitation/icon/img_play.png);background-size:100% 100%;cursor:pointer}
.img-play .play-btn .on{background-image:url(../../images/v2/invitation/icon/img_play_on.png)}
.footer{box-sizing:border-box;padding:30px 0;text-align:center;background:#424f5f}
.submit-btn{margin:0 auto;border-radius:10px;width:370px;height:50px;font-size:18px;line-height:50px;text-align:center;color:#fff;background-color:#ff9008;cursor:pointer}
.footer .tel{margin:20px 0;font-size:14px;line-height:19px;color:#fff}
.footer .cr,.footer .cr a{line-height:2;color:#fff}
.back-top{position:fixed;right:20px;bottom:50px;z-index:9999;width:48px;height:48px;background-image:url(../../images/v2/invitation/icon/icon_back_top.png);cursor:pointer}
.back-top:hover{background-position:-48px 0}