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;}
.pw800{max-width:800px; width:92%; margin-left:auto; margin-right:auto;}
/*banner*/
.guide_banner{ width:100%; height:600px; background:url(../nft/img/all-the-bg.jpg) #000 top center no-repeat; position:relative; z-index:1; background-size:cover; overflow:hidden; display: flex; justify-content: center; align-items: center; text-align: center;}
.guide_bantext h1{max-width: 600px; width: 100%; margin: 0 auto; font-size:60px; color:#fff; line-height:1.333; font-weight:600; font-style: normal;}
.guide_bantext p{font-size:20px; color:#fff; line-height:2; font-weight:normal; margin-top:32px;}
.guide_bantext p a{font-size: inherit; font-weight: inherit; color: inherit; text-decoration: underline;}
.guide_box{ margin-bottom:50px;}
.guide_left{ width:233px; position: sticky; position: -webkit-sticky; margin-top:40px; top:40px; background: #FFFFFF; border-right: 1px solid rgba(238, 238, 238, 1);}
.guide_left h4{ padding:8px 0 8px 12px; font-size: 18px; line-height: 1.8; color: #000000; position:relative; font-weight:bold;}
.guide_lf_secl{font-size: 18px; line-height: 1.8; padding: 5px 5px 5px 12px; cursor:pointer; margin-top: 5px;}
.guide_lf_secl.checked{font-weight: bold; color: rgba(83, 109, 254, 1); background: rgba(230, 233, 245, 1);}


.guide_right{ width:calc(100% - 280px); margin-top:40px;}
.guide_right h2{margin-bottom: 36px; font-size: 32px; line-height: 1.8; font-weight: 600; color: #131313;}
.guide_right h3{margin-bottom: 36px; font-size: 20px; line-height: 1.8; color: #000000; font-weight: 600;}
.guide_right h2 a,.guide_right h3 a{font-size: inherit; font-weight: 600;}
.guide_right p{margin-bottom: 36px; font-size: 18px; line-height: 1.8; color: #131313;}
.guide_right p b{font-weight: 600; font-size: inherit;}
.guide_right p a{font-size: inherit; color: #536dfe;}
.guide_img{ margin-bottom:36px; text-align:center;}
.guide_img>img{ max-width:100%; height: auto;}
.guide_right p a.nftget{width: 164px; height: 60px; 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)}
}

@media screen and (max-width: 980px){
.guide_banner{ height:auto; background: #000;}
.guide_bantext{ margin:50px auto; text-align:center; position:relative; top: 0; transform: translateY(0);}
.guide_bantext h1{ font-size:30px;} 
.guide_left{ display:none;}
.guide_right{ width:100%; float:none;}

}
@media screen and (max-width: 568px){
.guide_bantext p{font-size: 18px;}
.guide_right h2{font-size: 28px; margin-bottom: 20px;}
.guide_right h3{margin-bottom: 20px; font-size: 18px;}
.guide_right p{margin-bottom: 20px; font-size: 16px;}
.guide_img{ margin-bottom:20px;}

}