/**app.wxss**/ page { font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", '微软雅黑', Arial, sans-serif; background-color: #f7f7f7; } .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-sizing: border-box; } .flex_center { display: flex; align-items: center; justify-content: center; } .over_hidden { overflow: hidden; } .abs_img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .pos_rel { position: relative; } .pos_abs { position: absolute; } .text_right { text-align: right; } .text_center { text-align: center; } .one_line_hidden { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .line-through { text-decoration: line-through; } .padLR30 { padding-left: 30px; padding-right: 30px; } .ft_bold { font-weight: bold; } .f0 { font-size: 0; } .f20 { font-size: 20rpx; } .f22 { font-size: 22rpx; } .f24 { font-size: 24rpx; } .f26 { font-size: 26rpx; } .f28 { font-size: 28rpx; } .f30 { font-size: 30rpx; } .f34 { font-size: 34rpx; } .f40 { font-size: 40rpx; } .ml4 { margin-left: 4rpx; } .ml8 { margin-left: 8rpx; } .ml10 { margin-left: 10rpx; } .ml16 { margin-left: 16rpx; } .ml20 { margin-left: 20rpx; } .mr6{ margin-right: 6rpx; } .mr10 { margin-right: 10rpx; } .mr16 { margin-right: 16rpx; } .mr20 { margin-right: 20rpx; } .mt4 { margin-top: 4rpx; } .mt5 { margin-top: 5rpx; } .mt8 { margin-top: 8rpx; } .mt10 { margin-top: 10rpx; } .mt15 { margin-top: 15rpx; } .mt20 { margin-top: 20rpx; } .mt30 { margin-top: 30rpx; } .mt60 { margin-top: 60rpx; } .mb10 { margin-bottom: 10rpx; } .mb20 { margin-bottom: 20rpx; } .cola7 { color: #a7a7a7; } .col333 { color: #333; } .col666 { color: #666; } .col999 { color: #999; } .col1e5992 { color: #1e5992; } .col2B2B2B { color: #2B2B2B; } .cole73636 { color: #E73636; } .coleb4e4f { color: #EB4E4F } .col09BB07 { color: #09BB07 } .colef524d { color: #ef524d; } .bacfff { background: #fff; } .l_height34 { line-height: 34rpx; } .l_height42 { line-height: 42rpx; } .f_left { float: left; } .f_right { float: right; } .vux-1px-b { position: relative; } .vux-1px-b::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); } .comment-1px-b::after { content: " "; position: absolute; left: 24rpx; 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); } .flex_1px_d { position: relative; } .flex_1px_d::after { content: ""; position: absolute; bottom: 0; right: 0; width: 720rpx; height: 2rpx; background: #d9d9d9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .arrow_right { position: relative; } .arrow_right::after { position: absolute; content: " "; height: 14rpx; width: 14rpx; border-width: 2rpx 2rpx 0 0; border-color: #999999; border-style: solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: -15rpx; margin-top: -7rpx; } .back_top_btn { position: fixed; right: 50rpx; bottom: 50rpx; width: 106rpx; } .align_center { display: flex; align-items: center; }