page{ background-color: #f2f2f2; height: 100%; } .tab{ height: 130rpx; display: flex; align-items: center; background: #fff; } .top{ width: 690rpx; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-around; border-radius: 10rpx; /* overflow: hidden; */ } .top :first-child{ border-radius: 10rpx 0rpx 0rpx 10rpx; } .top :last-child{ border-radius: 0rpx 10rpx 10rpx 0rpx; } .top view{ width: 40%; height: 70rpx; display: flex; justify-content: center; align-items: center; font-size: 30rpx; border-collapse: collapse; border:1rpx solid #33ad37; margin-right: -1rpx } .select{ color: #fff; background-color: #33ad37; } /* 办事指南 */ .keep{ position: absolute; right: 30rpx; top:20rpx; width: 70rpx; height: 120rpx; border-radius: 0rpx 0rpx 70rpx 70rpx; -moz-box-shadow:0px 0rpx 10rpx #ccc; -webkit-box-shadow:0px 0px 10rpx #ccc; box-shadow:0px 4rpx 4rpx #ccc; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } .keep image{ width: 44rpx; height: 44rpx; margin-bottom: 6rpx; } .keep text{ font-size: 20rpx; color:#333; margin-bottom: 16rpx; } .content{ width: 690rpx; margin: 0 auto; } .title{ font-size: 30rpx; color:#333; height: 86rpx; display: flex; align-items: center; border-bottom: 1rpx solid #efefef; } .address{ display: flex; flex-wrap: wrap; width: 490rpx; } .content_line{ font-size: 26rpx; color:#666; margin-top: 20rpx; margin-left: 14rpx; } .guide{ display: flex; margin-top: 20rpx; margin-left: 14rpx; font-size: 26rpx; color:#666; } .guide-title{ width: 160rpx; display: flex; justify-content: flex-end; } .guide :last-child{ margin-left: 20rpx; } .btn{ width: 200rpx; height: 60rpx; border:1rpx solid #33ad37; border-radius: 60rpx; display: flex; justify-content: center; align-items: center; margin-top: 30rpx; margin-left: 20rpx; } .btn image{ width: 30rpx; height: 30rpx; } .btn text{ font-size: 26rpx; color:#33ad37; margin-left: 10rpx; } .show{ height: 70rpx; display: flex; justify-content: center; align-items: center; font-size: 24rpx; color: #33ad37; } .basis{ height: 80rpx; width: 690rpx; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .basis text{ font-size: 30rpx; color: #333; } .basis image{ width: 36rpx; height: 36rpx; } .margin{ } .margin1{ margin-top: 20rpx; } .basis-content{ height: 0; font-size: 30rpx; color:#666; padding-bottom: 30rpx; line-height: 50rpx; } .navigator-box { opacity: 0; position: relative; line-height: 1.41176471; transform: translateY(-50%); transition: .3s; width: 690rpx; margin: 0 auto; font-size: 28rpx; } .navigator-box-show { opacity: 1; transform: translateY(0); } .kind-list-item-bd { height: 0; overflow: hidden; } .kind-list-item-bd-show { height: auto; background-color: #fff; } /* 材料下载 */ .material{ margin-top: 20rpx; background-color: #fff; display: flex; justify-content: center; padding: 30rpx; } .material_content{ width: 690rpx; height: 100%; display: flex; flex-direction: column; justify-content: space-around; } .material_title{ font-size: 30rpx; color: #333; } .material_btn view{ height: 50rpx; float: left; margin-right: 20rpx; border: 1rpx solid #33ad37; border-radius: 50rpx; font-size: 26rpx; color: #33ad37; padding-left: 18rpx; padding-right: 18rpx; line-height: 50rpx; } /* 常见问题 */ .problem{ width:100%; display: flex; flex-direction: column; justify-content: center; background-color: #fff; margin-top: 20rpx; padding: 30rpx; } .problem_content{ width: 690rpx; display: flex; flex-direction: column; justify-content: center; margin-left: 14rpx; } .question{ display: flex; /* align-items: center; */ } .question view{ width: 30rpx; height: 30rpx; background-color: #33ad37; color: #fff; border-radius: 10rpx; padding: 6rpx; font-size: 26rpx; line-height: 30rpx; } .question text{ font-size: 28rpx; margin-left: 20rpx; line-height: 42rpx; } .answer{ margin-top: 20rpx; } .answer view{ background-color: #979797; } /* 遮罩层 */ .mask{ width:100%; height:100%; position:fixed; background-color:rgba(70, 70, 70, 0.5); z-index:9999; top:0; left:0; opacity:1; display: flex; justify-content: center; align-items: center; } .mask_content{ width:542rpx; /* height: 320rpx; */ display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #fff; border-radius: 20rpx; padding: 30rpx; } .mask_content :first-child{ width: 80%; font-size: 36rpx; color:#333; text-align: center; } .mask_content .button{ height: 60rpx; border-radius:60rpx; display: flex; justify-content: center; align-items: center; border:1rpx solid #33ad37; padding: 0rpx 20rpx; margin-top: 30rpx; width: 160rpx; } .mask_content .button text{ color:#33ad37; font-size: 30rpx; } .clear{ display: flex; align-items: center; justify-content: center; margin-top: 60rpx; } .clear image{ width: 60rpx; height: 60rpx; } /* 底部悬浮 */ .fixed{ width: 100%; position: fixed; bottom: 0; height: 100rpx; display: flex; justify-content: center; align-items: center; background-color: #fff; } .fixed view{ width: 190rpx; height: 68rpx; border:1rpx solid #33ad37; border-radius: 70rpx; color: #33ad37; font-size: 30rpx; display: flex; justify-content: center; align-items: center; margin-left: 40rpx; } .stuff-show{ display: flex; flex-direction: column; border-bottom: 1rpx solid #efefef; justify-content: space-around; margin:10rpx 0rpx 0rpx 10rpx; } .stuff-title{ display: flex; justify-content: space-between; align-items: center; margin:20rpx 0rpx; } .stuff-title text{ font-size: 26rpx; color: #333; } .stuff-title image{ width: 30rpx; height: 30rpx; } .stuff-but{ display: flex; color: #33ad37; font-size: 26rpx; } .stuff-but :first-child{ margin-left: 26rpx; padding: 10rpx; } .stuff-but :last-child{ margin-left: 26rpx; padding: 10rpx; } .stuff{ } /* 禁止跳转 */ .stop-nav{ border: 1rpx solid #999 !important; color: #999 !important; } .noList{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .noList view{ margin-top: 30rpx; font-size: 28rpx; color: #999; } .noList image{ width:278rpx; height:182rpx; text-align:center; margin-top:100rpx; }