@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
ul,li{list-style:none;}
img{border:none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;color:var(--base-color);}
html{background: var(--white);}
html, body{
    height:100%;
    margin:0 auto;
    color: var(--base-color);
}
:root {
	color-scheme: light dark;
	--font-size:0.28rem;
}

.light{
	--black:#000000;
	--white: #FFFFFF;
	--base-color:#f6f6f8;
	--border-color:#e6e6e6;
	--grey:#f0f0f0;
	--gray:#b2aeaf;
	--red:#fe320b;
	--pink:#ff9393;
	--link:#3d58ff;
	--blue:#50a9b5;
	--green:#05a849;
	--yellow:#fca025;
	--light:#fafafa;/*配件商城列表页背景色*/
	--placeholder-color:#c1c1c1;
	--gradient-color1:#9ce7f3;
	--gradient-color2:#50a9b5;
	--box-shadow-color:#f2f6fa;
	--alipay-color:#019fe8;
	--weixin-color:#06c961;
}
.dark{
	--black:#FFFFFF;
	--white: #000000;
	--base-color:#FFFFFF;
	--border-color:#e6e6e6;
	--grey:#000000;
	--gray:#b2aeaf;
	--red:#fe320b;
	--pink:#ff9393;
	--link:#3d58ff;
	--blue:#50a9b5;
	--green:#05a849;
	--yellow:#fca025;
	--light:#fafafa;/*配件商城列表页背景色*/
	--placeholder-color:#c1c1c1;
	--gradient-color1:#9ce7f3;
	--gradient-color2:#50a9b5;
	--box-shadow-color:#f2f6fa;
}
body{
	max-width:750px;
    color:var(--black);
	font-size:var(--font-size);
    box-sizing: border-box;
}
.white{color: var(--white) !important;}
.pink{color: var(--pink) !important;}
.red{color: var(--red) !important;}
.black{color:var(--black) !important;}
.grey{color:var(--grey) !important;}
.gray{color:var(--gray) !important;}
.red{color:var(--red) !important;}
.blue{color:var(--blue) !important;}
.link{color:var(--link) !important;}
.green{color:var(--green) !important;}
.green{color:var(--yellow) !important;}
.alipay{color: var(--alipay-color) !important;}
.weixin{color: var(--weixin-color) !important;}
.placeholder{color: var(--placeholder-color);}
.bg-white{background: var(--white);}
.bg-pink{background: var(--pink);}
.bg-black{background: var(--black);}
.bg-grey{background: var(--grey) !important;}
.bg-gray{background: var(--gray);}
.bg-red{background: var(--red);}
.bg-blue{background: var(--blue);}
.bg-link{background: var(--link);}
.bg-light{background: var(--light);}
.bg-green{background: var(--green);}
.bg-yellow{background: var(--yellow);}
.bg-gradient{background-image:linear-gradient(to right, var(--gradient-color1), var(--gradient-color2));}
.box-shadow{box-shadow:0 0.05rem 0.1rem var(--box-shadow-color);}
.flex{display: flex;}
.relative{position: relative;}
.absolute{position:absolute;}
.fixed{position: fixed;}
.clear{clear: both;}
.box-sizing{box-sizing: border-box;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nowrap{white-space:nowrap;}
.bold{font-weight: bold;}
.block{display: block;}
.inline-block{display: inline-block;}
.inline{display: inline;}
.outline-none{outline: none;}
.underline{text-decoration:underline;}
.line-through{text-decoration:line-through;}
.none{display: none;}
.hidden{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.center1{left:50%; top:50%; transform:translate(-50%,-50%);}
.text-indent-0{text-indent:0;}
.text-indent-5{text-indent:0.05rem;}
.text-indent-10{text-indent:0.1rem;}
.text-indent-15{text-indent:0.15rem;}
.text-indent-20{text-indent:0.2rem;}
.text-indent-25{text-indent:0.25rem;}
.text-indent-30{text-indent:0.3rem;}
.text-indent-35{text-indent:0.35rem;}
.text-indent-40{text-indent:0.4rem;}
.text-indent-45{text-indent:0.45rem;}
.text-indent-50{text-indent:0.5rem;}
.text-indent-60{text-indent:0.6rem;}
.text-indent-70{text-indent:0.7rem;}
.text-indent-80{text-indent:0.8rem;}
.text-indent-90{text-indent:0.9rem;}
.text-indent-100{text-indent:1rem;}
.line-height-10{height: 0.1rem; line-height: 0.1rem;}
.line-height-20{height: 0.2rem; line-height: 0.2rem;}
.line-height-25{height: 0.25rem; line-height: 0.25rem;}
.line-height-30{height: 0.3rem; line-height: 0.3rem;}
.line-height-35{height: 0.3rem; line-height: 0.35rem;}
.line-height-40{height: 0.4rem; line-height: 0.4rem;}
.line-height-45{height: 0.45rem; line-height: 0.45rem;}
.line-height-50{height: 0.5rem; line-height: 0.5rem;}
.line-height-55{height: 0.5rem; line-height: 0.55rem;}
.line-height-60{height: 0.6rem; line-height: 0.6rem;}
.line-height-65{height: 0.65rem; line-height: 0.65rem;}
.line-height-70{height: 0.7rem; line-height: 0.7rem;}
.line-height-75{height: 0.75rem; line-height: 0.75rem;}
.line-height-80{height: 0.8rem; line-height: 0.8rem;}
.line-height-85{height: 0.85rem; line-height: 0.85rem;}
.line-height-90{height: 0.9rem; line-height: 0.9rem;}
.line-height-95{height: 0.95rem; line-height: 0.95rem;}
.line-height-100{height: 1rem; line-height: 1rem;}
.line-height-110{height: 1.1rem; line-height: 1.1rem;}
.line-height-120{height: 1.2rem; line-height: 1.2rem;}
.line-height-130{height: 1.3rem; line-height: 1.3rem;}
.line-height-140{height: 1.4rem; line-height: 1.4rem;}
.line-height-150{height: 1.5rem; line-height: 1.5rem;}
.line-height-160{height: 1.6rem; line-height: 1.6rem;}
.line-height-170{height: 1.7rem; line-height: 1.7rem;}
.line-height-180{height: 1.8rem; line-height: 1.8rem;}
.line-height-190{height: 1.9rem; line-height: 1.9rem;}
.line-height-200{height: 2rem; line-height: 2rem;}
.w-padding-100{width:100%; max-width:750px; padding-left: 0.3rem; padding-right: 0.3rem; box-sizing: border-box;}
.w-100{width: 100%; max-width:750px;}
.w-90{width: 90%;}
.w-80{width: 80%;}
.w-75{width: 75%;}
.w-70{width: 70%;}
.w-60{width: 60%;}
.w-50{width: 50%;}
.w-45{width: 45%;}
.w-40{width: 40%;}
.w-33{width: 33.3%;}
.w-30{width: 30%;}
.w-25{width: 25%;}
.w-20{width: 20%;}
.w-10{width: 10%;}
.h-100{height: 100%;}
.h-90{height: 90%;}
.h-80{height: 80%;}
.h-75{height: 75%;}
.h-70{height: 70%;}
.h-60{height: 60%;}
.h-50{height: 50%;}
.h-40{height: 40%;}
.h-33{height: 33.3%;}
.h-30{height: 30%;}
.h-25{height: 25%;}
.h-20{height: 20%;}
.h-10{height: 10%;}
.m-0{margin: 0 auto;}
.ml-1{margin-left: 0.01rem;}
.ml-5{margin-left: 0.05rem;}
.ml-10{margin-left: 0.1rem;}
.ml-15{margin-left: 0.15rem;}
.ml-20{margin-left: 0.2rem;}
.ml-25{margin-left: 0.25rem;}
.ml-30{margin-left: 0.3rem;}
.ml-35{margin-left: 0.35rem;}
.ml-40{margin-left: 0.4rem;}
.ml-45{margin-left: 0.45rem;}
.ml-50{margin-left: 0.5rem;}
.ml-60{margin-left: 0.6rem;}
.ml-70{margin-left: 0.7rem;}
.ml-80{margin-left: 0.8rem;}
.ml-90{margin-left: 0.9rem;}
.ml-100{margin-left: 1rem;}
.ml-110{margin-left: 1.1rem;}
.ml-120{margin-left: 1.2rem;}
.ml-130{margin-left: 1.3rem;}
.ml-140{margin-left: 1.4rem;}
.ml-150{margin-left: 1.5rem;}
.ml-160{margin-left: 1.6rem;}
.ml-170{margin-left: 1.7rem;}
.ml-180{margin-left: 1.8rem;}
.ml-190{margin-left: 1.9rem;}
.ml-200{margin-left: 2rem;}
.mt-1{margin-top: 0.01rem;}
.mt-5{margin-top: 0.05rem;}
.mt-10{margin-top: 0.1rem;}
.mt-15{margin-top: 0.15rem;}
.mt-20{margin-top: 0.2rem;}
.mt-25{margin-top: 0.25rem;}
.mt-30{margin-top: 0.3rem;}
.mt-35{margin-top: 0.35rem;}
.mt-40{margin-top: 0.4rem;}
.mt-45{margin-top: 0.45rem;}
.mt-50{margin-top: 0.5rem;}
.mt-60{margin-top: 0.6rem;}
.mt-70{margin-top: 0.7rem;}
.mt-80{margin-top: 0.8rem;}
.mt-90{margin-top: 0.9rem;}
.mt-100{margin-top: 1rem;}
.mt-110{margin-top: 1.1rem;}
.mt-120{margin-top: 1.2rem;}
.mt-130{margin-top: 1.3rem;}
.mt-140{margin-top: 1.4rem;}
.mt-150{margin-top: 1.5rem;}
.mt-160{margin-top: 1.6rem;}
.mt-170{margin-top: 1.7rem;}
.mt-180{margin-top: 1.8rem;}
.mt-190{margin-top: 1.9rem;}
.mt-200{margin-top: 2rem;}
.mr-1{margin-right: 0.01rem;}
.mr-5{margin-right: 0.05rem;}
.mr-10{margin-right: 0.1rem;}
.mr-15{margin-right: 0.15rem;}
.mr-20{margin-right: 0.2rem;}
.mr-25{margin-right: 0.25rem;}
.mr-30{margin-right: 0.3rem;}
.mr-35{margin-right: 0.35rem;}
.mr-40{margin-right: 0.4rem;}
.mr-45{margin-right: 0.45rem;}
.mr-50{margin-right: 0.5rem;}
.mr-60{margin-right: 0.6rem;}
.mr-70{margin-right: 0.7rem;}
.mr-80{margin-right: 0.8rem;}
.mr-90{margin-right: 0.9rem;}
.mr-100{margin-right: 1rem;}
.mr-110{margin-right: 1.1rem;}
.mr-120{margin-right: 1.2rem;}
.mr-130{margin-right: 1.3rem;}
.mr-140{margin-right: 1.4rem;}
.mr-150{margin-right: 1.5rem;}
.mr-160{margin-right: 1.6rem;}
.mr-170{margin-right: 1.7rem;}
.mr-180{margin-right: 1.8rem;}
.mr-190{margin-right: 1.9rem;}
.mr-200{margin-right: 2rem;}
.mb-1{margin-bottom: 0.01rem;}
.mb-5{margin-bottom: 0.05rem;}
.mb-10{margin-bottom: 0.1rem;}
.mb-15{margin-bottom: 0.15rem;}
.mb-20{margin-bottom: 0.2rem;}
.mb-25{margin-bottom: 0.25rem;}
.mb-30{margin-bottom: 0.3rem;}
.mb-35{margin-bottom: 0.35rem;}
.mb-40{margin-bottom: 0.4rem;}
.mb-45{margin-bottom: 0.45rem;}
.mb-50{margin-bottom: 0.5rem;}
.mb-60{margin-bottom: 0.6rem;}
.mb-70{margin-bottom: 0.7rem;}
.mb-80{margin-bottom: 0.8rem;}
.mb-90{margin-bottom: 0.9rem;}
.mb-100{margin-bottom: 1rem;}
.mb-110{margin-bottom: 1.1rem;}
.mb-120{margin-bottom: 1.2rem;}
.mb-130{margin-bottom: 1.3rem;}
.mb-140{margin-bottom: 1.4rem;}
.mb-150{margin-bottom: 1.5rem;}
.mb-160{margin-bottom: 1.6rem;}
.mb-170{margin-bottom: 1.7rem;}
.mb-180{margin-bottom: 1.8rem;}
.mb-190{margin-bottom: 1.9rem;}
.mb-200{margin-bottom: 2rem;}
.m-1{margin: 0.01rem;}
.m-5{margin: 0.05rem;}
.m-10{margin: 0.1rem;}
.m-15{margin: 0.15rem;}
.m-20{margin: 0.2rem;}
.m-25{margin: 0.25rem;}
.m-30{margin: 0.3rem;}
.m-35{margin: 0.35rem;}
.m-40{margin: 0.4rem;}
.m-45{margin: 0.45rem;}
.m-50{margin: 0.5rem;}
.m-60{margin: 0.6rem;}
.m-70{margin: 0.7rem;}
.m-80{margin: 0.8rem;}
.m-90{margin: 0.9rem;}
.m-100{margin: 1rem;}
.m-110{margin: 1.1rem;}
.m-120{margin: 1.2rem;}
.m-130{margin: 1.3rem;}
.m-140{margin: 1.4rem;}
.m-150{margin: 1.5rem;}
.m-160{margin: 1.6rem;}
.m-170{margin: 1.7rem;}
.m-180{margin: 1.8rem;}
.m-190{margin: 1.9rem;}
.m-200{margin: 2rem;}
.pl-1{padding-left:0.01rem;}
.pl-5{padding-left:0.05rem;}
.pl-10{padding-left:0.1rem;}
.pl-15{padding-left:0.15rem;}
.pl-20{padding-left:0.2rem;}
.pl-25{padding-left:0.25rem;}
.pl-30{padding-left:0.3rem;}
.pl-35{padding-left:0.35rem;}
.pl-40{padding-left:0.4rem;}
.pl-45{padding-left:0.45rem;}
.pl-50{padding-left:0.5rem;}
.pl-60{padding-left:0.6rem;}
.pl-70{padding-left:0.7rem;}
.pl-80{padding-left:0.8rem;}
.pl-90{padding-left:0.9rem;}
.pl-100{padding-left:1rem;}
.pl-110{padding-left:1.1rem;}
.pl-120{padding-left:1.2rem;}
.pl-130{padding-left:1.3rem;}
.pl-140{padding-left:1.4rem;}
.pl-150{padding-left:1.5rem;}
.pl-160{padding-left:1.6rem;}
.pl-170{padding-left:1.7rem;}
.pl-180{padding-left:1.8rem;}
.pl-190{padding-left:1.9rem;}
.pl-200{padding-left:2rem;}
.pt-1{padding-top:0.01rem;}
.pt-5{padding-top:0.05rem;}
.pt-10{padding-top:0.1rem;}
.pt-15{padding-top:0.15rem;}
.pt-20{padding-top:0.2rem;}
.pt-25{padding-top:0.25rem;}
.pt-30{padding-top:0.3rem;}
.pt-35{padding-top:0.35rem;}
.pt-40{padding-top:0.4rem;}
.pt-45{padding-top:0.45rem;}
.pt-50{padding-top:0.5rem;}
.pt-60{padding-top:0.6rem;}
.pt-70{padding-top:0.7rem;}
.pt-80{padding-top:0.8rem;}
.pt-90{padding-top:0.9rem;}
.pt-100{padding-top:1rem;}
.pt-110{padding-top:1.1rem;}
.pt-120{padding-top:1.2rem;}
.pt-130{padding-top:1.3rem;}
.pt-140{padding-top:1.4rem;}
.pt-150{padding-top:1.5rem;}
.pt-160{padding-top:1.6rem;}
.pt-170{padding-top:1.7rem;}
.pt-180{padding-top:1.8rem;}
.pt-190{padding-top:1.9rem;}
.pt-200{padding-top:2rem;}
.pr-1{padding-right:0.01rem;}
.pr-5{padding-right:0.05rem;}
.pr-10{padding-right:0.1rem;}
.pr-15{padding-right:0.15rem;}
.pr-20{padding-right:0.2rem;}
.pr-25{padding-right:0.25rem;}
.pr-30{padding-right:0.3rem;}
.pr-35{padding-right:0.35rem;}
.pr-40{padding-right:0.4rem;}
.pr-45{padding-right:0.45rem;}
.pr-50{padding-right:0.5rem;}
.pr-60{padding-right:0.6rem;}
.pr-70{padding-right:0.7rem;}
.pr-80{padding-right:0.8rem;}
.pr-90{padding-right:0.9rem;}
.pr-100{padding-right:1rem;}
.pr-110{padding-right:1.1rem;}
.pr-120{padding-right:1.2rem;}
.pr-130{padding-right:1.3rem;}
.pr-140{padding-right:1.4rem;}
.pr-150{padding-right:1.5rem;}
.pr-160{padding-right:1.6rem;}
.pr-170{padding-right:1.7rem;}
.pr-180{padding-right:1.8rem;}
.pr-190{padding-right:1.9rem;}
.pr-200{padding-right:2rem;}
.pb-1{padding-bottom:0.01rem;}
.pb-5{padding-bottom:0.05rem;}
.pb-10{padding-bottom:0.1rem;}
.pb-15{padding-bottom:0.15rem;}
.pb-20{padding-bottom:0.2rem;}
.pb-25{padding-bottom:0.25rem;}
.pb-30{padding-bottom:0.3rem;}
.pb-35{padding-bottom:0.35rem;}
.pb-40{padding-bottom:0.4rem;}
.pb-45{padding-bottom:0.45rem;}
.pb-50{padding-bottom:0.5rem;}
.pb-60{padding-bottom:0.6rem;}
.pb-70{padding-bottom:0.7rem;}
.pb-80{padding-bottom:0.8rem;}
.pb-90{padding-bottom:0.9rem;}
.pb-100{padding-bottom:1rem;}
.pb-110{padding-bottom:1.1rem;}
.pb-120{padding-bottom:1.2rem;}
.pb-130{padding-bottom:1.3rem;}
.pb-140{padding-bottom:1.4rem;}
.pb-150{padding-bottom:1.5rem;}
.pb-160{padding-bottom:1.6rem;}
.pb-170{padding-bottom:1.7rem;}
.pb-180{padding-bottom:1.8rem;}
.pb-190{padding-bottom:1.9rem;}
.pb-200{padding-bottom:2rem;}
.p-1{padding:0.01rem;}
.p-5{padding:0.05rem;}
.p-10{padding:0.1rem;}
.p-15{padding:0.15rem;}
.p-20{padding:0.2rem;}
.p-25{padding:0.25rem;}
.p-30{padding:0.3rem;}
.p-35{padding:0.35rem;}
.p-40{padding:0.4rem;}
.p-45{padding:0.45rem;}
.p-50{padding:0.5rem;}
.p-60{padding:0.6rem;}
.p-70{padding:0.7rem;}
.p-80{padding:0.8rem;}
.p-90{padding:0.9rem;}
.p-100{padding:1rem;}
.p-110{padding:1.1rem;}
.p-120{padding:1.2rem;}
.p-130{padding:1.3rem;}
.p-140{padding:1.4rem;}
.p-150{padding:1.5rem;}
.p-160{padding:1.6rem;}
.p-170{padding:1.7rem;}
.p-180{padding:1.8rem;}
.p-190{padding:1.9rem;}
.p-200{padding:2rem;}
.font-15{font-size: 0.15rem !important;}
.font-16{font-size: 0.16rem !important;}
.font-17{font-size: 0.17rem !important;}
.font-18{font-size: 0.18rem !important;}
.font-19{font-size: 0.19rem !important;}
.font-20{font-size: 0.2rem !important;}
.font-21{font-size: 0.21rem !important;}
.font-22{font-size: 0.22rem !important;}
.font-23{font-size: 0.23rem !important;}
.font-24{font-size: 0.24rem !important;}
.font-25{font-size: 0.25rem !important;}
.font-26{font-size: 0.26rem !important;}
.font-27{font-size: 0.27rem !important;}
.font-28{font-size: 0.28rem !important;}
.font-29{font-size: 0.29rem !important;}
.font-30{font-size: 0.3rem !important;}
.font-31{font-size: 0.31rem !important;}
.font-32{font-size: 0.32rem !important;}
.font-33{font-size: 0.33rem !important;}
.font-34{font-size: 0.34rem !important;}
.font-35{font-size: 0.35rem !important;}
.font-36{font-size: 0.36rem !important;}
.font-37{font-size: 0.37rem !important;}
.font-38{font-size: 0.38rem !important;}
.font-39{font-size: 0.39rem !important;}
.font-40{font-size: 0.4rem !important;}
.font-41{font-size: 0.41rem !important;}
.font-42{font-size: 0.42rem !important;}
.font-43{font-size: 0.43rem !important;}
.font-44{font-size: 0.44rem !important;}
.font-45{font-size: 0.45rem !important;}
.font-46{font-size: 0.46rem !important;}
.font-47{font-size: 0.47rem !important;}
.font-48{font-size: 0.48rem !important;}
.font-49{font-size: 0.49rem !important;}
.font-50{font-size: 0.5rem !important;}
.font-60{font-size: 0.6rem !important;}
.font-70{font-size: 0.7rem !important;}
.font-80{font-size: 0.8rem !important;}
.font-90{font-size: 0.9rem !important;}
.font-100{font-size: 1rem !important;}
.font-110{font-size: 1.1rem !important;}
.font-120{font-size: 1.2rem !important;}
.font-130{font-size: 1.3rem !important;}
.font-140{font-size: 1.4rem !important;}
.font-150{font-size: 1.5rem !important;}
.font-160{font-size: 1.6rem !important;}
.font-170{font-size: 1.7rem !important;}
.font-180{font-size: 1.8rem !important;}
.font-190{font-size: 1.9rem !important;}
.font-200{font-size: 2rem !important;}
.border-1{border: 1px solid var(--border-color);}
.border-left-1{border-left: 1px solid var(--border-color);}
.border-top-1{border-top: 1px solid var(--border-color);}
.border-right-1{border-right: 1px solid var(--border-color);}
.border-bottom-1{border-bottom: 1px solid var(--border-color);}
.border-radius-1{border-radius: 0.01rem;}
.border-radius-3{border-radius: 0.03rem;}
.border-radius-5{border-radius: 0.05rem;}
.border-radius-10{border-radius: 0.1rem;}
.border-radius-15{border-radius: 0.15rem;}
.border-radius-20{border-radius: 0.2rem;}
.border-radius-25{border-radius: 0.25rem;}
.border-radius-30{border-radius: 0.3rem;}
.border-radius-35{border-radius: 0.35rem;}
.border-radius-40{border-radius: 0.4rem;}
.border-radius-45{border-radius: 0.45rem;}
.border-radius-50{border-radius: 0.5rem;}
.border-radius-60{border-radius: 0.6rem;}
.border-radius-70{border-radius: 0.7rem;}
.border-radius-80{border-radius: 0.8rem;}
.border-radius-90{border-radius: 0.9rem;}
.border-radius-100{border-radius: 1rem;}
.border-top-left-radius-10{border-top-left-radius: 0.1rem;}
.border-top-left-radius-15{border-top-left-radius: 0.15rem;}
.border-top-left-radius-20{border-top-left-radius: 0.2rem;}
.border-top-right-radius-10{border-top-right-radius: 0.1rem;}
.border-top-right-radius-15{border-top-right-radius: 0.15rem;}
.border-top-right-radius-20{border-top-right-radius: 0.2rem;}

#content,#content img{max-width:100%; display:block;}
input[type='text'], input[type='password'], input[type='number'], textarea, select, button{
	border:1px solid var(--border-color);
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
	color:var(--placeholder-color);
}
input::-moz-placeholder, textarea::-moz-placeholder{
	color:var(--placeholder-color);
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder{
	color:var(--placeholder-color);
}
input::-webkit-input-placeholdern, textarea::-webkit-input-placeholdern{
	color:var(--placeholder-color);
}
input::placeholder, textarea::placeholder{
	color:var(--placeholder-color);
}
.page-title{background-color: var(--blue); color: var(--white); height: 0.8rem; line-height: 0.8rem; font-size: 0.35rem;}
.arrow-left{left:0; position: absolute; z-index:1; font-size: 0.5rem !important;}

.back{width: 0.2rem; height: 0.3rem;}

.top{padding-top: 0.8rem; padding-bottom: 0.5rem; font-size: 0.7rem;}
.top .logo{width: 1rem; height: 1rem;}
.nav{width:100%; height: 0.8rem; line-height: 0.8rem; background-color: var(--blue); color: white; font-size: 0.3rem; padding-left: 0.3rem; padding-right: 0.3rem; box-sizing: border-box;}
.nav img{width: 0.6rem; height:0.6rem; margin-top: 0.1rem; float: left; margin-right: 0.1rem;}