.updatamessage{overflow:hidden; position:relative; width:100%; height:100%; background-image:url('https://xhwebsite.oss-cn-beijing.aliyuncs.com/newhuaxin/images/ice-cream.webp'); background-size:cover; background-position:center; margin-top:0.3rem;}.updatamessage::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1);}.updatamessage .email-section{position:relative; width:100%; height:4.5rem; overflow:hidden;}.updatamessage .email-content{position:relative; z-index:2; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:0 0.2rem;}.updatamessage .email-title{color:white; font-size:0.4rem; font-weight:bold; margin:0 0 0.15rem 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}.updatamessage .email-subtitle{color:white; font-size:0.22rem; margin:0.3rem 0 0.5rem; max-width:6rem;}.updatamessage .email-form{display:flex; width:100%; max-width:5.5rem;}.updatamessage .email-input{flex:1; height:0.5rem; padding:0 0.15rem; border:none; border-radius:0.25rem 0 0 0.25rem; font-size:0.16rem; outline:none;}.updatamessage .email-button{background-color:#ff5ca8; color:white; border:none; padding:0 0.3rem; border-radius:0 0.25rem 0.25rem 0; font-size:0.16rem; font-weight:bold; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:0.08rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}.updatamessage .email-button:hover{background-color:#ff3d9b;}footer{width:100%; background-color:#eee; background:url('https://xhwebsite.oss-cn-beijing.aliyuncs.com/newhuaxin/images/footer-background.webp') #eee no-repeat center top; background-size:100% 100%;}footer .fmain{padding:0 0 0.3rem;}footer .fmain .fbody{display:flex; justify-content:space-between; width:100%;}footer .fmain .fbody .bleft{width:100%; max-width:50%; margin-top:0.6rem;}footer .fmain .fbody .bleft .bleft-logo svg{width:1.6rem; height:0.6rem;}footer .fmain .fbody .bleft .bleft-logo p{color:#fff; margin:0.2rem 0; line-height:1.5; font-size:0.15rem;}footer .fmain .fbody .bleft .bleft-logo .button{width:1.8rem; text-align:center; background-color:#fff; border-radius:1rem;}footer .fmain .fbody .bleft .bleft-logo .button p{color:#333; font-weight:900; font-size:0.13rem; padding:0.05rem 0.15rem;}footer .fmain .fbody .bleft .bleft-nav{display:flex; justify-content:space-between; width:100%;}footer .fmain .fbody .bleft .bleft-nav .navitem{width:auto;}footer .fmain .fbody .bleft .bleft-nav .navitem .nititle{font-size:0.16rem; color:#fff; font-weight:900; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}footer .fmain .fbody .bleft .bleft-nav .navitem .navurl{display:flex; flex-wrap:wrap; width:100%; margin-top:0.3rem;}footer .fmain .fbody .bleft .bleft-nav .navitem .navurl a{width:100%; display:block; color:#fff; margin:0.05rem 0; font-size:0.14rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}footer .fmain .fbody .bright{padding-top:0.8rem;}footer .fmain .fbody .bright .crzhengshu{padding-bottom:0.8rem;}footer .fmain .fbody .bright .contact .contacttip{display:flex; align-items:center; justify-content:start; margin-bottom:0.2rem;}footer .fmain .fbody .bright .contact .contacttip svg{width:0.2rem; height:0.25rem;}footer .fmain .fbody .bright .contact .contacttip p{color:#fff; font-size:0.14rem; padding-left:0.1rem;}footer .fmain .fbody .bright .crtitle{font-size:0.26rem; color:#fff; font-weight:900; margin-bottom:0.2rem;}footer .fmain .fbody .bright .cretif{display:flex; gap:0.6rem;}footer .fmain .fbody .bright .cretif div{width:0.8rem; height:0.8rem;}footer .fmain .fbody .bright .cretif div.sgs{transform:scale(1.5);}footer .fmain .fbody .bright .cretif div svg{width:100%; height:100%; color:#fff;}footer .fmain .fbottom{width:100%; margin-top:0.8rem;}footer .fmain .fbottom .xmticon{display:flex; justify-content:center; align-items:center; gap:0.5rem;}footer .fmain .fbottom .xmticon div{width:0.35rem; height:0.35rem;}footer .fmain .fbottom .xmticon div svg{width:100%; height:100%;}footer .fmain .fbottom p{text-align:center; font-size:0.16rem; color:#fff; padding-top:0.3rem;}@media screen and (max-width:820px){footer{padding:0 0.1rem; box-sizing:border-box; background-size:300% 100%;}footer .fmain .fbody .bright .crtitle{text-align:center;}footer .fmain .fbody{flex-direction:column-reverse;}footer .fmain .fbody .bleft{max-width:100%;}footer .fmain .fbody .bleft .bleft-logo{text-align:center;}footer .fmain .fbody .bleft .bleft-logo .button{margin:0 auto;}footer .fmain .fbody .bleft .bleft-nav .navitem{width:28%; text-align:center;}}