/* CSS Document */
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;}
p,h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;margin: 0}
address, caption, cite, code, dfn, em, th, var, optgroup{font-style:inherit;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:top;border:none;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;}
.clearit{clear:both;*display:inline;}
.h_20{width:100%;height:20px; float:left;}
.h_30{width:100%;height:30px; float:left;}
.h_40{width:100%;height:40px; float:left;}
.h_50{width:100%;height:50px; float:left;}
.h_60{width:100%;height:60px; float:left;}
.h_70{width:100%;height:70px;}
.h_90{width:100%;height:90px;}
.fl{float:left;}
.fr{float:right;}
i,em{font-style:normal;}
iframe{border: 0; padding: 0; margin: 0;}
ul{margin: 0; padding: 0;}
/*main*/
.wrap{width: 100%; height: 1410px; max-width: 1920px; min-width: 1200px; margin: 0 auto; overflow: hidden;background: url("https://static.1000yy.com/1000y/pic/2019/0131act/wrap.jpg") no-repeat center top; position: relative;}
.logo{position: absolute; top: 10px; left: 10px;z-index: 11}
.guide{position: absolute; top: 15px; right: 21px; z-index: 11;background: url("https://static.1000yy.com/1000y/pic/2019/0131act/guide.png") no-repeat center top; width: 191px; height: 55px;}
.guide a{
    float: left;
    width: 33.3%;
    height: 55px;
}
.wrapper{
    width: 990px;
    height: 1400px;
    padding-top: 10px;
    position: relative;
    margin: 0 auto;
    z-index: 11;
}
.date{
    width: 100%;
    height: 30px;
    text-align: center;
    margin-top: 290px;
    font-size: 22px;
    color: #d8c192;
    font-weight: bold;
    text-shadow:3px 1px 5px #000;

}
.nav-box{
    width: 100%;
    height: 505px;
    margin-top: 71px;
    position: relative;
    z-index: 10;
}

.nav1{ background: url("https://static.1000yy.com/1000y/pic/2019/0131act/nav1.png") no-repeat center top;width: 174px;height: 239px;position: absolute;top: 0;left: 160px}
.nav2{ background: url("https://static.1000yy.com/1000y/pic/2019/0131act/nav2.png") no-repeat center top;width: 174px;height: 239px;position: absolute;top: 0;left: 365px}
.nav3{ background: url("https://static.1000yy.com/1000y/pic/2019/0131act/nav3.png") no-repeat center top;width: 174px;height: 239px;position: absolute;top: 0;left: 572px}
.nav4{ background: url("https://static.1000yy.com/1000y/pic/2019/0131act/nav4.png") no-repeat center top;width: 174px;height: 239px;position: absolute;top: 0;left: 779px}
.nav5{ background: url("https://static.1000yy.com/1000y/pic/2019/0131act/nav5.png") no-repeat center top;width: 174px;height: 184px;position: absolute;top: 320px;left: 114px}
.nav6{ background: url("https://static.1000yy.com/1000y/pic/2019/0131act/nav6.png") no-repeat center top;width: 174px;height: 184px;position: absolute;top: 320px;left: 302px}
.nav7{ background: url("https://static.1000yy.com/1000y/pic/2019/0131act/nav7.png") no-repeat center top;width: 174px;height: 184px;position: absolute;top: 320px;left: 482px}
.nav8{ background: url("https://static.1000yy.com/1000y/pic/2019/0131act/nav8.png") no-repeat center top;width: 174px;height: 184px;position: absolute;top: 320px;left: 682px}
.nav1 { animation:bounceIn 1s .2s ease both;-ms-animation:bounceIn 1s .2s ease both;-webkit-animation:bounceIn 1s .2s ease both;-moz-animation:bounceIn 1s .2s ease both;  }
.nav2 { animation:bounceIn 1s .4s ease both;-ms-animation:bounceIn 1s .4s ease both;-webkit-animation:bounceIn 1s .4s ease both;-moz-animation:bounceIn 1s .4s ease both;  }
.nav3 { animation:bounceIn 1s .5s ease both;-ms-animation:bounceIn 1s .5s ease both;-webkit-animation:bounceIn 1s .5s ease both;-moz-animation:bounceIn 1s .5s ease both;  }
.nav4 { animation:bounceIn 1s .6s ease both;-ms-animation:bounceIn 1s .6s ease both;-webkit-animation:bounceIn 1s .6s ease both;-moz-animation:bounceIn 1s .6s ease both;  }
.nav5 { animation:bounceIn 1s .9s ease both;-ms-animation:bounceIn 1s .9s ease both;-webkit-animation:bounceIn 1s .9s ease both;-moz-animation:bounceIn 1s .9s ease both;  }
.nav6 { animation:bounceIn 1s .2s ease both;-ms-animation:bounceIn 1s .2s ease both;-webkit-animation:bounceIn 1s .2s ease both;-moz-animation:bounceIn 1s .2s ease both;  }
.nav7 { animation:bounceIn 1s .3s ease both;-ms-animation:bounceIn 1s .3s ease both;-webkit-animation:bounceIn 1s .3s ease both;-moz-animation:bounceIn 1s .3s ease both;  }
.nav8 { animation:bounceIn 1s .4s ease both;-ms-animation:bounceIn 1s .4s ease both;-webkit-animation:bounceIn 1s .4s ease both;-moz-animation:bounceIn 1s .4s ease both;  }
@keyframes bounceIn{0%{opacity:0;transform:scale(.3)} 50%{opacity:1;transform:scale(1.05)} 70%{transform:scale(.9)} 100%{transform:scale(1)}}
@-ms-keyframes bounceIn{0%{opacity:0;-ms-transform:scale(.3)} 50%{opacity:1;-ms-transform:scale(1.05)} 70%{-ms-transform:scale(.9)} 100%{-ms-transform:scale(1)}}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)} 50%{opacity:1;-webkit-transform:scale(1.05)} 70%{-webkit-transform:scale(.9)} 100%{-webkit-transform:scale(1)}}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)} 50%{opacity:1;-moz-transform:scale(1.05)} 70%{-moz-transform:scale(.9)} 100%{-moz-transform:scale(1)}}
.role1{
    position: absolute;
    top: 905px;
    left: 187px;
    width: 313px;
    height: 251px;
    background: url("https://static.1000yy.com/1000y/pic/2019/0131act/role1.png") no-repeat center top;
}
.role2{
    position: absolute;
    top: 940px;
    left: 506px;
    width: 547px;
    height: 385px;
    background: url("https://static.1000yy.com/1000y/pic/2019/0131act/role2.png") no-repeat center top;
}
.flower{
    position: absolute;
    top: 1027px;
    left: 403px;
    width: 699px;
    height: 321px;
    background: url("https://static.1000yy.com/1000y/pic/2019/0131act/flower.png") no-repeat center top;
}

.popup{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1410px;
    background: url("https://static.1000yy.com/1000y/pic/2019/0131act/popup.jpg") no-repeat center top;
    z-index: 100;
    display: none;
}
.popup-wrapper{
    width: 990px;
    height: 1400px;
    padding-top: 10px;
    margin: 0 auto;
}
.tab-box{
    width: 870px;
    height: 155px;
    margin: 25px 0 0 70px;
    position: relative;
}
.tab{
    float: left;
    width: 99px;
    height: 155px;
    margin-right: 8px;
}
.tab img{
    margin-left: 15px;
    margin-top: 25px;
}
.tab2 img{
    margin-top: 30px;
}
.tab3 img{
    margin-top: 30px;
}
.tab4 img{
    margin-left: 23px;
    margin-top: 35px;
}
.tab5 img{
    margin-left: 20px;
    margin-top: 35px;
}
.tab.on img, .tab:hover img{
    animation:pulse 1s ease infinite;
    -ms-animation:pulse 1s ease infinite;
    -webkit-animation:pulse 1s ease infinite;
    -moz-animation:pulse 1s ease infinite;
}
@keyframes pulse{
    0%{transform:scale(1)}
    50%{transform:scale(1.2)}
    100%{transform:scale(1)}
}
@-ms-keyframes pulse{
    0%{-ms-transform:scale(1)}
    50%{-ms-transform:scale(1.2)}
    100%{-ms-transform:scale(1)}
}
@-webkit-keyframes pulse{
    0%{-webkit-transform:scale(1)}
    50%{-webkit-transform:scale(1.2)}
    100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
    0%{-moz-transform:scale(1)}
    50%{-moz-transform:scale(1.2)}
    100%{-moz-transform:scale(1)}
}

.content{
    width: 855px;
    height: 1030px;
    display: none;
    position: relative;
    margin: 20px auto 0 auto;
}
.con1{
    display: block;
}
.title{
    width: 870px;
    height: 170px;
    margin-top: 10px;
}

.container{
    width: 720px;
    height: 750px;
    padding-top: 30px;
    overflow: auto;
    font-size: 16px;
    color: #563905;
    line-height: 32px;
    margin: 0 auto;
}
.container p{
    width: 720px;
    position: relative;
}
.img-box{
    width: 720px;
    margin-top: 30px;
    text-align: center;
}
.img-box img{
    max-width: 500px;
    text-align: center;
    margin: 5px;
}
.img-box1{
    padding-left: 110px;
}
.img-box1 img{
    max-width: 500px;
    text-align: left;
    margin-right: 30px;
}
table{text-align: center;margin: 20px auto;position: relative;width: 500px;padding-left: 110px}
table th{height: 33px; line-height: 33px; font-size: 16px; font-weight: bold;color: #e6d9c6;padding: 0 8px;}
table tr{height: 33px; line-height: 33px; font-size: 16px;color: #e6d9c6;}
table td{border: 1px solid #e6d9c6;padding: 0 8px;}
table th{border: 1px solid #e6d9c6;padding: 0 8px;}
.close{
    position: absolute;
    left: 50%;
    bottom: 35px;
    margin-left: -44px;
    width: 88px;
    height: 88px;
    background: url("https://static.1000yy.com/1000y/pic/2019/0131act/close.png") no-repeat center top;
}