/**app.wxss**/ /* @import "/wxParse/wxParse.wxss"; */ .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 0rpx 0; box-sizing: border-box; } .page-content { box-sizing: border-box; position: relative; overflow-y: auto; padding-bottom: 160rpx; } .page-content2 { box-sizing: border-box; position: relative; overflow-y: auto; } .flex { display: -webkit-flex; display: flex; width: 100%; } /* 底部悬浮导航 */ .fix_nav_wp { height: 84rpx; position: fixed; left: 0; bottom: 0; background: #fff; z-index: 10; border-color: #E0E0E0; } .fix_nav_wp .nav_link { flex: 1; } .fix_nav_wp button { height: 110rpx; display: flex; justify-content: space-between; align-items: center; padding: 0; font-size: 21rpx; flex-direction: column; color: #999; position: relative; } .fix_nav_wp .tip_tip { position: absolute; right: 25rpx; top: 5rpx; min-width: 28rpx; line-height: 32rpx; height: 32rpx; padding: 0 8rpx; color: #fff; background: #f00; border-radius: 50em; border: 1rpx solid #fff; } .fix_nav_wp .nav_link .iconfont { height: 60rpx; font-size: 56rpx; line-height: 80rpx; color: #c4c8cc; } .fix_nav_wp .nav_link .plus_wp { width: 120rpx; height: 120rpx; margin-top: -45rpx; } .fix_nav_wp .nav_link .plus_sm { margin-top: 8rpx; width: 100rpx; height: 100rpx; } .fix_nav_wp .nav_link .imagesmall { margin-top: -120rpx; width: 60rpx; height: 50rpx; } .fix_nav_wp .nav_link .imagebig { width: 120rpx; height: 120rpx; } .fix_nav_wp .nav_link .txt { height: 50rpx; line-height: 2rpx; font-weight: 900; color: #7B7B7B; } .txt { margin-top: -96rpx; } .fix_nav_wp .nav_link.current .txt { color: #00a2e9; } .fix_nav_wp .nav_link .del_ico { display: block; } .fix_nav_wp .nav_link .cur_ico { display: none; } .fix_nav_wp .nav_link.current .del_ico { display: none; } .fix_nav_wp .nav_link.current .cur_ico { display: block; color: #00a2e9; } .fix_nav_wp .nav_link .txt_fb { line-height: 3rpx; } .fix_nav_wp .nav_link .mp_ico { font-size: 50rpx; line-height: 80rpx } .fix_nav_wp .nav_link .xiaox_ico { font-size: 64rpx; line-height: 70rpx; } .fix_nav_wp .nav_link .my_ico { font-size: 56rpx; } .fix_nav_wp .on_cor .del_ico, .fix_nav_wp .on_cor .txt { color: #53C7B6 } /* 清楚按钮的默认样式 */ .defalut_btn { background: transparent; border: none; overflow: visible; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; border-radius: 0; } .defalut_btn:after { display: none; } .text-primary { color: #00a2e9; } .ran { margin-top: -40rpx; width: 180rpx; height: 120rpx; border-radius: 60% / 100% 100% 0 0; background-color: #ffffff; border-color: #E0E0E0; border-style: solid; border-width: 3rpx; border-left: none; border-right: none; border-bottom: none; } .ranimg { margin-left: -6rpx; margin-top: -82rpx; width: 140rpx; height: 140rpx; } .endbottom { height: 200rpx; } .menuback { margin-top: -90rpx; position: absolute; width: 100%; height: 200rpx; } /* button样式 */ .botbutton { width: 480rpx; height: 80rpx; line-height: 80rpx; font-size: 36rpx; color: #FFFFFF; text-align: center; border-radius: 40rpx; background: #00C7C6; position: absolute; bottom: 90rpx; left: 50%; transform: translate(-50%); } /*文本益处 */ .ys-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ys-font10 { font-size: 20rpx; line-height: 20rpx; } .ys-font12 { font-size: 24rpx; line-height: 24rpx; } .ys-font14 { font-size: 28rpx; line-height: 28rpx; } .ys-font16 { font-size: 32rpx; line-height: 32rpx; } .ys-font18 { font-size: 36rpx; line-height: 36rpx; } .ys-font20 { font-size: 40rpx; line-height: 40rpx; } .load { width: 100%; height: 2400rpx; position: absolute; left: 0; top: 0; z-index: 9999; background-color: #ffffff; text-align: center; line-height: 1300rpx; } .loadimg { width: 200rpx; height: 200rpx; } .endbottomm { height: 200rpx; }