/* css reset */
body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
header,
section,
article,
footer {
    margin: 0;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5 tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

em,
b {
    font-style: normal
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

img {
    border: 0
}

li {
    list-style: none outside none;
}

html {
    scroll-behavior: smooth;
}

button,
input,
select,
textarea {
    font-size: 100%;
    outline: none
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

td,
th,
ul,
ol {
    padding: 0
}

a:hover {
    text-decoration: none;
    filter: brightness(1.1);
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    zoom: 1
}

/*content*/
.wrapout,
.SDGCOPYRIGHT-wrap20130425 {
    min-width: 1400px;
}

.wrapout {
    position: relative;
    max-width: 2000px;
    width: 100%;
    height: 8551px;
    margin: 0 auto;
    /*background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/wrapout.jpg) no-repeat 50% 0;*/
    overflow: hidden;
}

.canvas0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.logo {
    position: absolute;
    top: 33px;
    left: 50%;
    display: block;
    width: 119px;
    height: 113px;
    margin-left: -612px;
    
}

.actGotop {
    position: fixed;
    bottom: 165px;
    right: 20px;
    display: none;
    width: 115px;
    height: 115px;
    /*background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/top.png) no-repeat;*/
   background: url(https://www.klyou.cn/0/images/statics/2025zhounianqing/top.png) no-repeat;
}

.header {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 900px;
}

.cake {
    position: absolute;
    top: -60px;
    left: 62%;
    display: block;
    width: 1142px;
    height: 797px;
    margin-left: -543px;
    
}

.header .header_title {
    position: absolute;
    top: 609px;
    left: 50%;
    margin-left: -692px;
    width: 1376px;
    height: 427px;
   
    pointer-events: none;
}

.header .balloon1 {
    position: absolute;
    top: 429px;
    left: 50%;
    margin-left: 450px;
    width: 204px;
    height: 244px;
   background: url(https://www.klyou.cn/0/images/statics/2025zhounianqing/balloon1.png) no-repeat;
    pointer-events: none;
}

.header .balloon2 {
    position: absolute;
    top: 422px;
    left: 50%;
    margin-left: -844px;
    width: 339px;
    height: 563px;
   background: url(https://www.klyou.cn/0/images/statics/2025zhounianqing/balloon2.png) no-repeat;
    pointer-events: none;
}

.header .balloon3 {
    position: absolute;
    top: 525px;
    left: 50%;
    margin-left: 525px;
    width: 217px;
    height: 264px;
    background: url(https://www.klyou.cn/0/images/statics/2025zhounianqing/balloon3.png) no-repeat;
    pointer-events: none;
}

.header .balloon4 {
    position: absolute;
    top: 799px;
    left: 50%;
    margin-left: 608px;
    width: 258px;
    height: 473px;
    background: url(https://www.klyou.cn/0/images/statics/2025zhounianqing/balloon4.png) no-repeat;
    pointer-events: none;
}

.contentwrap {
    position: relative;
    width: 100%;
    height: 7651px;
}

.contentwrap .frame {
    position: absolute;
    top: -15px;
    left: 50%;
    width: 1387px;
    height: 7666px;
    margin-left: -693px;
    /*background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content_frame.png) no-repeat;*/
}

.content_balloon {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2000px;
    height: 7666px;
    margin-left: -1000px;
    padding-top: 161px;
    /*background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/balloon5.png) no-repeat;*/
    box-sizing: border-box;
}

.contentwrap .sec {
    position: relative;
    margin: 0 auto 18px;
    width: 1131px;
    height: 448px;
}

.contentwrap .content1 {
    width: 658px;
    height: 805px;
    /*background: url(https://www.klyou.cn/0/images/statics/2997.jpg) no-repeat;*/
}

/*.contentwrap .content2 {
    background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content2.png) no-repeat;
}*/

/*.contentwrap .content3 {
    background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content3.png) no-repeat;
}*/

/*.contentwrap .content4 {
    background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content4.png) no-repeat;
}*/

/*.contentwrap .content5 {
    background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content5.png) no-repeat;
}

.contentwrap .content6 {
    background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content6.png) no-repeat;
}

.contentwrap .content7 {
    background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content7.png) no-repeat;
}

.contentwrap .content8 {
    background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content8.png) no-repeat;
}

.contentwrap .content9 {
    background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content9.png) no-repeat;
}

.contentwrap .content10 {
    background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content10.png) no-repeat;
}

.contentwrap .content11 {
    background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content11.png) no-repeat;
}

.contentwrap .content12 {
    background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content12.png) no-repeat;
}

.contentwrap .content13 {
    background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content13.png) no-repeat;
}

.contentwrap .content14 {
    margin-bottom: 58px;
    background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content14.png) no-repeat;
}

.contentwrap .content15 {
    height: 351px;
    background: url(https://static.web.sdo.com/bnb/pic/bnb/act_bnb/event_20th/content15.png) no-repeat;
}*/

.gif {
    position: absolute;
    display: block;
    width: 110px;
}

.gif01 {
    top: 182px;
    left: 189px;
}

.gif02 {
    top: 182px;
    left: 328px;
}

.gif03 {
    top: 186px;
    left: 478px;
    width: 91px;
    padding: 1px;
    background-color: #fff;
    border: solid 3px #0bbeff;
    border-radius: 5px;
}

.gif04 {
    top: 361px;
    left: 128px;
    width: 136px;
}

.gif05 {
    top: 375px;
    left: 274px;
}

.gif06 {
    top: 375px;
    left: 412px;
}

.gif07 {
    top: 168px;
    left: 705px;
}

.gif08 {
    top: 168px;
    left: 868px;
}

.gif09 {
    top: 141px;
    left: 782px;
}

.gif10 {
    top: 262px;
    left: 757px;
    width: 161px;
}

.gif11 {
    top: 144px;
    left: 933px;
    width: 91px;
    padding: 1px;
    background-color: #fff;
    border: solid 3px #0bbeff;
    border-radius: 5px;
}

.gif12 {
    top: 164px;
    left: 769px;
    width: 134px;
}

.gif13 {
    top: 190px;
    left: 783px;
}

.gif14 {
    top: 160px;
    left: 643px;
}

.gif15 {
    top: 160px;
    left: 786px;
}

.gif16 {
    top: 160px;
    left: 929px;
}

.gif17 {
    top: 173px;
    left: 795px;
    width: 94px;
}

.gif18 {
    top: 190px;
    left: 781px;
}

.gif19 {
    top: 226px;
    left: 760px;
    width: 161px;
}

.gif20 {
    top: 177px;
    left: 670px;
    width: 161px;
}

.gif21 {
    top: 177px;
    left: 852px;
    width: 161px;
}

.gif22 {
    top: 244px;
    left: 670px;
    width: 161px;
}

.gif23 {
    top: 244px;
    left: 852px;
    width: 161px;
}