/**index.wxss**/ .switch_section{ width: 100%; display: inline-block; background-color:#fff; position:relative; } .switch_section::before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .switch_section::after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .switch_view{ padding-left:30rpx; padding-right:30rpx; height: 40px; position: relative; } .switch_view::before { content: " "; position: absolute; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 15px; } .switch_text{ float:left; display: inline-block; font-size:32rpx; color:#000; margin-right:16rpx; height:40px; line-height: 40px; } switch{ float:right; margin-top: 4px; } .section__title { margin-bottom:16rpx; padding-left:30rpx; padding-right:30rpx; color:#999999; font-size:14px; } .button-wrapper{ margin: 1.17647059em 15px 0.3em; } .button { position:relative; display:block; margin-left:auto; margin-right:auto; padding-left:14px; padding-right:14px; box-sizing:border-box; font-size:18px; text-align:center; text-decoration:none; line-height:2.55555556; border-radius:5px; -webkit-tap-highlight-color:transparent; overflow:hidden; color:#000000; width:200px; border:1px solid #AAAAAA; } .section { margin-bottom:10rpx; } .article{ padding:50px 40px; } .article text{ line-height: 25px; font-size:16px; }