1 line
31 KiB
CSS
1 line
31 KiB
CSS
|
.main_Header{margin:0 auto;background:#0a0a0a;padding-top:220px;padding-bottom:90px;box-sizing:border-box}.main_Header>.main_Header_content{max-width:1200px;width:100%;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap}.main_Header>.main_Header_content>div{max-width:588px;width:100%}.main_Header>.main_Header_content>div:nth-of-type(1){position:relative;z-index:1}.main_Header>.main_Header_content>div:nth-of-type(1)>img{margin-bottom:16px;height:50px}.main_Header>.main_Header_content>div>h1{font-family:DMSans-Bold;font-weight:bold;font-size:40px;line-height:48px;margin-bottom:23px;color:#fff}.main_Header>.main_Header_content>div>p{font-size:20px;color:#fff;opacity:.6;line-height:30px}.main_Header>.main_Header_content>div>div{display:flex;align-items:center;column-gap:20px;flex-wrap:wrap;margin-top:44px}.main_Header>.main_Header_content>div>div>a{height:60px;border-radius:5px;width:183px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:DMSans-Medium;column-gap:4px}.main_Header>.main_Header_content>div>div>a:nth-of-type(1){background:#8062EF;color:#fff;transition:all .2s;border:1px solid transparent}.main_Header>.main_Header_content>div>div>a:nth-of-type(1):hover{opacity:.9}.main_Header>.main_Header_content>div>div>a:nth-of-type(2){border:1px solid #8062EF;color:#8062EF;transition:all .2s}.main_Header>.main_Header_content>div>div>a:nth-of-type(2)>img:nth-of-type(2){display:none}.main_Header>.main_Header_content>div>div>a:nth-of-type(2):hover{background:#8062EF;color:#fff}.main_Header>.main_Header_content>div>div>a:nth-of-type(2):hover>img:nth-of-type(1){display:none}.main_Header>.main_Header_content>div>div>a:nth-of-type(2):hover>img:nth-of-type(2){display:block}.main_Header>.main_Header_content>.anniversary_activity{position:absolute;top:60px;left:0;max-width:100%;height:700px}@media screen and (max-width:750px){.main_Header>.main_Header_content>.anniversary_activity{height:731px}}.main_Header>.main_Header_content>.anniversary_activity picture{width:100%;height:100%}.main_Header>.main_Header_content>.anniversary_activity picture,.main_Header>.main_Header_content>.anniversary_activity img{width:100%;height:100%}.main_Header>.main_Header_content>.header_map{width:400px;height:317px;background:url(../image/header_img.png) no-repeat;background-size:cover;position:relative;top:40px}@media screen and (max-width:1000px){.main_Header>.main_Header_content>.header_map{top:84px;display:none}}.main_Header>.main_Header_content>.header_map>img:nth-of-type(1){position:absolute;left:108px;top:-66px;animation:earanimt1 4s infinite}.main_Header>.main_Header_content>.header_map>img:nth-of-type(2){position:absolute;left:305px;top:60px;animation:earanimt 4s infinite}.provid{max-width:2560px;width:100%;margin:0 auto;background:#FBFAFF;padding:80px 0;padding-top:130px}.provid>h1{font-family:DMSans-Bold;font-weight:bold;font-size:40px;line-height:48px;margin:0 auto;text-align:center;margin-bottom:60px;width:726px}@media (max-width:1200px){.provid>h1{width:100%;text-align:center;padding:0 20px;font-size:26px;box-sizing:border-box}}.provid>div{display:flex;align-items:center;column-gap:19px;flex-wrap:wrap;row-gap:19px;justify-content:center;max-width:1200px;width:100%;margin:0 auto}.provid>div>div{max-width:387px;width:100%;height:181px;border-radius:8px;background:#FFFFFF;padding:20px 18px;box-sizing:border-box;transition:all .3s;cursor:default}.provid>div>div:hover{box-shadow:0 4px 16px 0 #EEEAFF}.provid>div>div>img{width:32px;margin-bottom:12px}.provid>div>div>h2{font-weight:bold;line-height:24px;font-size:20px;font-family:DMSans-Bold;margin-bottom:12px}.provid>div>div>p{font-size:16px;color:rgba(3,0,87,0.4);line-height:19px}.index_container{max-width:2560px;width:100%;margin:0 auto;display:flex;flex-direction:column;margin-top:80px}.index_container>.resource{padding-bottom:80px}.index_container>.resource>h1{font-family:DMSans-Bold;font-weight:bold;font-size:40px;line-height:48px;margin:0 auto;text-align:center;margin-bottom:32px;width:726px}@media (max-width:1200px){.index_container>.resource>h1{wid
|