.toppic{
    /* padding: 0 .3rem; */
    margin-bottom: .2rem;
    box-sizing: border-box;
    position: relative;
}
.toppic img{
    position: relative;
    z-index: -1;
    display: block;
    width: 100%;
    height: auto;
}

  
/* 通用样式重置 */  
* {  
    margin: 0;  
    padding: 0;  
    box-sizing: border-box;  
}  

/* 返回按钮样式 */  
.back-button {  
    position: fixed; /* 固定在视口上 */  
    bottom: 20px; /* 距离视口底部20px */  
    left: 50%; /* 从视口中心点开始 */  
    transform: translateX(-50%); /* 向左移动自身宽度的50%，以实现居中 */  
    background-image: linear-gradient(to right,#17a1ff , #1890ff);  /* 渐变背景 */  
    border-radius: 50%; /* 圆形边框 */  
    text-decoration: none; /* 移除下划线 */  
    overflow: hidden; /* 确保图标完全包含在按钮内 */  
    width: 60px; /* 假设图标大小适合这个宽度 */  
    height: 60px; /* 同上 */  
    display: flex; /* 使用Flexbox来居中图标 */  
    justify-content: center; /* 水平居中图标 */ 
    align-items: center; /* 垂直居中图标 */  
    z-index: 1000; /* 确保按钮在其他内容之上 */  
}  
  
.back-arrow-icon {  
    width: 40px; /* 假设图标宽度 */  
    height: 40px; /* 假设图标高度 */  
}
  
  
/* 标题和段落样式 */  
.phone-container {  
    padding: 24px; /* 为整个容器添加内边距 */  
    position: relative;  
    max-width: 600px; /* 限制容器宽度，使其更易于阅读 */  
    margin: 0 auto; /* 居中容器 */  
    background-color: #fff; /* 背景色设置为白色 */  
}  
  
.main-title {  
    text-align: center;  
    font-size: 24px; /* 增大标题字体大小 */  
    font-weight: bold; /* 加粗标题 */  
    margin-bottom: 20px; /* 标题与段落之间的间距 */  
}  
  
.paragraph {  
    line-height: 1.6; /* 调整行高，使段落更易读 */  
    font-size: 16px; /* 段落字体大小 */  
    color: #333; /* 段落文字颜色 */  
	text-indent: 0px;
	margin-top: 20px;
}  
  
@media (max-width: 600px) {  
    .phone-container {  
        padding: 18px; /* 在小屏幕上减少内边距 */  
    }  
  
    .main-title {  
        font-size: 25px; /* 在小屏幕上稍微减小标题字体大小 */  
    }  
  
    .paragraph {  
        font-size: 15px; /* 在小屏幕上稍微减小段落字体大小 */  
    }  
}