.wp{position: relative; width: 100%; max-width: 1920px; min-width: 990px; height: 1080px; margin: 0 auto; background: url("https://static.web.sdo.com/xyx/pic/act/2020/1221sd/bg-wp.jpg") no-repeat top center; overflow: hidden;}
.logo{display: block; position: absolute; left:50%; top: 0; width: 205px; height: 122px; margin-left: -104px; background: url("https://static.web.sdo.com/xyx/pic/act/2020/1221sd/logo.png") no-repeat;}
.nav-official{position: absolute; right: 15px; top: 20px; width: 60px; height: 260px; padding-top: 35px; background: url("https://static.web.sdo.com/xyx/pic/act/2020/1221sd/float_official.png") no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.nav-official a{display: block; width: 100%; height: 60px; border-radius: 100%; margin-bottom: 22px;}
.btn-event1, .btn-event2, .btn-event3{display: block; position: absolute; left: 50%; width: 176px; height: 336px;}
.btn-event1{top:640px; margin-left: -300px; background: url("https://static.web.sdo.com/xyx/pic/act/2020/1221sd/event01.png") no-repeat;}
.btn-event2{top:575px; margin-left: -88px; background: url("https://static.web.sdo.com/xyx/pic/act/2020/1221sd/event02.png") no-repeat; -webkit-animation:fadeInUp .5s .2s ease both; -moz-animation:fadeInUp .5s .2s ease both; -o-animation:fadeInUp .5s .2s ease both; animation:fadeInUp .5s .2s ease both;}
.btn-event3{top:640px; margin-left: 125px; background: url("https://static.web.sdo.com/xyx/pic/act/2020/1221sd/event03.png") no-repeat;}
.btn-event1,.btn-event3{-webkit-animation:fadeInUp .5s .4s ease both; -moz-animation:fadeInUp .5s .4s ease both; -o-animation:fadeInUp .5s .4s ease both; animation:fadeInUp .5s .4s ease both;}
@keyframes fadeInUp{0%{opacity:0; transform:translateY(20px)} 100%{opacity:1; transform:translateY(0)}}
@-o-keyframes fadeInUp{0%{opacity:0; -o-transform:translateY(20px)} 100%{opacity:1; -o-transform:translateY(0)}}
@-webkit-keyframes fadeInUp{0%{opacity:0; -webkit-transform:translateY(20px)} 100%{opacity:1; -webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0; -moz-transform:translateY(20px)} 100%{opacity:1; -moz-transform:translateY(0)}}