h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,div,footer{font:normal 12px "SF UI Display", "Open Sans", "Lucida Sans Unicode", "Arial";color:#000;}
.pw1000{max-width:1000px; width:92%; margin-left:auto; margin-right:auto;}
.pw880{max-width:880px; width:92%; margin-left:auto; margin-right:auto;}
/*banner*/
.anniversary_banner{ width:100%; height:1591px; background:url(../nft/img/two-anniversary-bg.jpg) #fef6eb top center no-repeat; position:relative; z-index:1; background-size:cover; text-align: center;}
.smallbanner,.smallletter{display: none;}
.anniversary_context{position: absolute; width: 880px; left: 50%; top: 60%; transform: translate(-50%,-50%); z-index: 3;}
/* .anniversary_context h1{font-size:32px; color:#000; line-height:1.18; font-weight:600; font-style: normal; margin-bottom: 66px;} */
.anniversary_context>img{width: 100%; display: block;}
.anniversary_text{width: 100%; height: 668px; background:url(../nft/img/two-anniversary-giftbg.jpg) top center no-repeat; background-size: cover; text-align: center; overflow: hidden;}
/* .anniversary_text h5{font-size:26px; color:#fff; line-height:1.23; font-weight:600;} */
.anniversary_text h1{font-size:32px; color:#000; line-height:1.18; font-weight:600; font-style: normal; margin-top: 36px;}
.anniversary_text p{font-size:18px; color:#000000; line-height:1.77; font-weight:normal; margin-top:24px;}
.anniversary_text a.nftget{width: 164px; height: 60px; margin: 24px auto 0; background:url(../nft/img/nftget.png) top center no-repeat; background-size: cover; text-align: center; line-height: 60px; display: block; font-size: 24px; color:#FFE5AA; font-weight: 600; animation: shake ease-in-out 2s infinite;}
@keyframes shake{
	2%{transform:translate(.5px,-.5px) rotate(.5deg)}
	4%{transform:translate(2.5px,1.5px) rotate(1.5deg)}
	6%{transform:translate(2.5px,.5px) rotate(.5deg)}
	8%{transform:translate(.5px,-.5px) rotate(.5deg)}
	10%{transform:translate(-.5px,-1.5px) rotate(1.5deg)}
	12%{transform:translate(-.5px,.5px) rotate(1.5deg)}
	14%{transform:translate(-1.5px,1.5px) rotate(1.5deg)}
	16%{transform:translate(2.5px,1.5px) rotate(1.5deg)}
	18%{transform:translate(.5px,-.5px) rotate(-.5deg)}
	20%{transform:translate(.5px,1.5px) rotate(.5deg)}
	22%{transform:translate(2.5px,-.5px) rotate(.5deg)}
	24%{transform:translate(-.5px,.5px) rotate(1.5deg)}
	26%{transform:translate(-1.5px,.5px) rotate(1.5deg)}
	28%{transform:translate(.5px,.5px) rotate(-.5deg)}
	30%{transform:translate(1.5px,1.5px) rotate(1.5deg)}
	32%{transform:translate(.5px,.5px) rotate(.5deg)}
	34%{transform:translate(1.5px,-1.5px) rotate(-.5deg)}
	36%{transform:translate(1.5px,2.5px) rotate(1.5deg)}
	38%{transform:translate(-1.5px,.5px) rotate(-.5deg)}
	0%,40%,to{transform:translate(0) rotate(0)}
}
.anniversary_tips{margin-top: 40px; position: relative;}
.anniversary_tips_button{font-size: 24px; line-height: 1.2; color: #000; text-align: center; text-decoration: underline; font-weight: 600; cursor: pointer;}
.anniversary_tips_context{ position: absolute; left: 0; right: 0; top: 60px; margin: auto; z-index: 3; width: 100%; padding: 14px 40px 22px; box-sizing: border-box; border-radius: 8px; background: #FFF6E1; text-align: left; display: none;}
.anniversary_tips_context li{padding-left: 18px; position: relative; font-size: 16px; margin-top: 8px; line-height: 1.5; color: #000;}
.anniversary_tips_context li:before{width: 6px; height: 6px; border-radius: 6px; background: #EACB7B; position: absolute; left: 0; top: 10px; content: ""; display: block;}
.anniversary_banner_letter{width: 100%; height: 210px; position: absolute; background:url(../nft/img/two-anniversary-letter.png) top center no-repeat; background-size: cover; left: 0; bottom: -1px; z-index: 2;}


.anniversary_related{margin-top: 120px;}
.anniversary_related h2{font-size: 24px; line-height:1.2; color: #000000; font-weight: 600; text-align: center; margin-bottom: 8px;}
.anniversary_related_items{margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid #EEEEEE;}
.anniversary_related_items h5{font-size: 18px; line-height:1.77; color: #000000; font-weight: 600;}
.anniversary_related_items p{font-size: 16px; line-height:2; color: #000000;}
.yellowbg{background: #fff6e1;}
.yellowbg b{font-size: inherit; font-weight: 600; font-style: italic;}
.anniversary_related_items a{font-size: inherit; font-weight: 600; font-style: italic; text-decoration: underline;}


.anniversary_overview{ width:100%; height:764px; margin-top: 60px; background:url(../nft/img/two-anniversary-video.jpg) #fef6eb top center no-repeat; position:relative; z-index:1; background-size:cover; overflow:hidden; text-align: center;}
.anniversary_overview h2{ font-size: 24px; line-height: 1.2; font-weight: 600; color: #000; margin-top: 80px;}
.anniversary_video{ height: 562px; background: #C4C4C4; margin-top: 26px;}
.iframe_video{ width: 100%; height: 100%; position: relative; border-radius: 10px;}

@media screen and (max-width: 1300px){
.anniversary_banner{ width:100%; height: 114vw; background:url(../nft/img/two-anniversary-bgsmall.jpg) #fef6eb top center no-repeat; background-size: contain;}
.smallbanner,.smallletter{display: block; width: 100%; height: auto;}
.anniversary_context{width: 64%; top: 58%;}
.anniversary_banner_letter{background: none; height: auto;}
.anniversary_text{ height: 45vw; background-size: contain;}
.anniversary_text h1{margin-top: 26px;}
.anniversary_text p{margin-top: 18px;}

}
@media screen and (max-width: 980px){
.anniversary_video{ height: 400px;}
.anniversary_text a.nftget{width: 160px; height: 48px; line-height: 48px; font-size: 28px; margin-top: 20px;}
.anniversary_tips{margin-top: 30px;}
.anniversary_related{margin-top: 50px;}
.anniversary_related h2{margin-bottom: 20px;}
.anniversary_overview{height: auto; padding: 60px 0; background: linear-gradient(to right,#fff4de,#f6ceaa);}
.anniversary_overview h2{margin-top: 0;}
.anniversary_text h1{font-size: 26px;}
}
@media screen and (max-width: 736px){
.anniversary_context>img{display: none;}
}
@media screen and (max-width: 568px){
.anniversary_video{ height: 300px;}
.anniversary_context{width: 76%;}
.anniversary_text{ height: auto; padding: 20px 10px; box-sizing: border-box; background: linear-gradient(to bottom,#fbe8bd,#ddc899);}
.anniversary_text h1{font-size: 16px; margin-top: 0;}
.anniversary_text h5{font-size: 22px;}
.anniversary_text p{font-size: 16px; margin-top: 10px; line-height: 1.6;}
.anniversary_text a.nftget{width: 110px; height: 40px; line-height:40px; font-size: 18px; margin-top: 10px;}
.anniversary_tips_button{font-size: 18px;}
.anniversary_tips_context{width: 130%; left: -15%; padding: 14px 20px 22px;}
.anniversary_tips{margin-top: 20px;}

}
@media screen and (max-width: 375px){
.anniversary_text p{font-size: 16px;}
}
@media screen and (max-width: 325px){
.anniversary_context{width: 76%;}
.anniversary_text h1{font-size: 16px; margin-bottom: 20px;}
}