body {
	background: #f5f5f5;
	color: #333;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    letter-spacing: 1px;
}
a {
	color: inherit;
}
textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
color: #aaa;
}
input, textarea, button {
	font-size: inherit;
	resize : none;
}
a:hover {
	text-decoration: none;
}

.layout {
	width: 7.5rem;
	min-height: 100vh;
	margin: 0 auto;
	overflow: hidden;
	font-size: 0.28rem;
	background: #fff;
	position: relative;
}

/* 其余样式保持不变，仅更新.header和.back-btn部分 */
.header { 
    height: 0.96rem; 
    line-height: 0.96rem; 
    text-align: center; 
    color: #fff; 
    font-size: 0.36rem; 
    background: #4763b2; 
    position: relative;
}
.header.fix { 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    margin: auto; 
    max-width: 7.5rem;
}
.header-blank { 
    height: 0.96rem;
}
.header .back-btn { 
    width: 1.5rem; /* 增加宽度，从0.96rem到1.5rem，容纳文字和箭头 */
    height: 0.96rem; 
    display: block; 
    background: url(/fangjiecihi/img/CaretLeft.png) 0.2rem center no-repeat; /* 调整箭头位置到左侧 */
    background-size: 0.48rem 0.48rem; 
    position: absolute; 
    left: 0; 
    top: 0; 
    text-indent: 0; /* 显示文字 */
    color: #fff; /* 文字颜色 */
    font-size: 0.24rem; /* 字体大小保持0.24rem */
    line-height: 0.96rem; /* 文字垂直居中 */
    padding-left: 0.8rem; /* 调整间距，确保文字在箭头右侧 */
    white-space: nowrap; /* 防止文字换行 */
}
.header .back-btn:hover {
    background-color: rgba(255, 255, 255, 0.1); /* 悬停效果 */
}
.dns { text-align: center; color: #fff; background: url(/img/hero.jpg) center center no-repeat; background-size: 125% auto;}
.dns .dns-cover { padding: 0.8rem 0.56rem; background: rgba(0,0,0,.4);}
.dns .dns-cover h2 { font-size: 0.64rem; font-weight: bold;}
.dns .dns-cover p { padding-top: 0.24rem;}

.tabbox {}
.tabbox .tabhd {}
.tabbox .tabhd ul {display: flex; justify-content: center; padding: 0.32rem 0.16rem;}
.tabbox .tabhd ul li {flex: 1; height: 0.96rem;line-height: 0.96rem; margin: 0 0.16rem; text-align: center;font-size: 0.32rem;color: #4763b2;border: solid 1px #4763b2;}
.tabbox .tabhd ul li.active {color: #fff;background: #4763b2;}
.tabbox .tabbd {}

.con-box { padding-bottom: 0.32rem;}
.con-box p { padding: 0 0.32rem 0.32rem 0.32rem;}
.red { color: #f00; font-weight: bold;}
.con-box ul { display: flex; justify-content: center;}
.con-box ul li { padding: 0 0.16rem;}
.con-box ul li a { display: inline-block; height: 0.64rem; line-height: 0.64rem; text-align: center; padding: 0 0.64rem 0 0.24rem; font-weight: bold; color: #fff; border-radius: 32px; background: url(/img/vector.png) right+0.24rem center no-repeat #4763b2; background-size: 0.24rem 0.24rem;}
.con-box ul li a.wfix { width: 2.8rem;}

.banner { text-align: center; color: #fff;}
.banner.dn { background: url(/img/dn.jpg) center center no-repeat; background-size: 125% auto;}
.banner.sj { background: url(/img/sj.jpg) center center no-repeat; background-size: 125% auto;}
.banner.pb { background: url(/img/pb.jpg) top center no-repeat; background-size: 125% auto;}
.banner .banner-cover { padding: 0.8rem 0.56rem; background: rgba(0,0,0,.4);}
.banner .banner-cover h2 { font-size: 0.64rem; font-weight: bold;}

.con-body { text-align: center; padding: 0 0.32rem 0.32rem 0.32rem;}
.con-body h2 { padding-bottom: 0.32rem; font-size: 0.4rem; font-weight: bold;}
.con-body p { padding-bottom: 0.32rem;}
.con-body p img { margin-bottom: 0.8rem;}
.con-body.img-w1 p img { width: 4rem;}

.download {}
.download a { display: inline-block; height: 0.96rem; line-height: 0.96rem; padding: 0 0.64rem; border-radius: 0.08rem; color: #ffc107; background: #000;}
.download a img { height: 0.48rem; width: auto; margin-right: 0.2rem;}