page { width: 100%; height: 100%; color: rgb(15, 15, 15); } .wx-switch-input { transform: scale(.7); } slider { transform: scale(.9); } /* 按钮样式 */ button::after { border: none !important; } .button-normal { font-weight: normal; padding: 0; border-radius: 80rpx; text-align: center; margin: 60rpx auto 0; width: 70%; line-height: 80rpx; height: 80rpx; font-size: 34rpx; color: white; background: #5D88FF; } .button-small { font-weight: normal; padding: 0; border-radius: 80rpx; text-align: center; margin: 50rpx auto 0; width: 60%; line-height: 60rpx; height: 60rpx; font-size: 30rpx; color: white; background: #5D88FF; } .button-text { display: inline; line-height: 40rpx; font-weight: normal; padding: 0 !important; margin: 0 !important; border-radius: 0; font-size: 34rpx; color: #5D88FF; background: none; } /* 表单空白块 */ .white-block { position: relative; background: white; width: 100%; box-sizing: border-box; padding: 30rpx 30rpx 50rpx; margin-top: 30rpx; } /* 表单行 */ .form-item { overflow: hidden; margin-bottom: 20rpx; position: relative; padding-left: 180rpx; width: 100%; height: 70rpx; line-height: 70rpx; box-sizing: border-box; } .form-item .label { position: absolute; top: 0; left: 0; color: #333; text-align: right; width: 160rpx; font-size: 30rpx; } .form-item .input-normal { width: 100%; height: 100%; border-bottom: 2rpx dashed #eee; box-sizing: border-box; font-size: 28rpx; } .block-title { width: 100%; line-height: 40rpx; font-size: 26rpx; color: #333; } /*遮罩层*/ .cy-mask { top: 0; left: 0; position: fixed; width: 100%; height: 100%; z-index: 99; background: rgb(0, 0, 0, .6); } /*选择器样式*/ .cy-select { z-index: 999; color: #333; width: 100%; padding-top: 10rpx; background: white; position: fixed; bottom: 0; left: 0; box-sizing: border-box; } .cy-select::before { line-height: 100rpx; content: "你可以进行以下操作"; font-size: 30rpx; color: #666; width: 100%; display: block; text-align: center; } .cy-select-cancel { border-top: 20rpx solid #EEE !important; text-align: center; line-height: 100rpx; display: block; content: "取消"; width: 100%; color: #666; } .cy-select view { box-sizing: border-box; border-top: 1rpx solid #F1F1F1; width: 100%; line-height: 100rpx; text-align: center; } /*对话框*/ .cy-dialog { border-radius: 10rpx; top: 30%; left: 75rpx; position: fixed; width: 600rpx; box-sizing: border-box; padding: 10rpx 20rpx; z-index: 9999; background: white; } .cy-dialog-title { text-align: center; width: 100%; height: 80rpx; line-height: 80rpx; color: #666; } .cy-dialog-btn-area { width: 100%; height: 80rpx; } .cy-dialog-btn-cancel { margin-right: 30rpx !important; font-weight: normal; padding: 0; float: right; line-height: 64rpx; background: white; color: #666; font-size: 30rpx !important; width: 120rpx !important; height: 64rpx !important; box-sizing: border-box; border: 2rpx solid #DDD; } .cy-dialog-btn-confirm { color: white !important; margin-right: 10rpx; font-weight: normal; padding: 0; float: right; line-height: 64rpx; background: #5D88FF; color: #666; font-size: 30rpx !important; width: 120rpx !important; height: 64rpx !important; box-sizing: border-box; } .red { color: #e54d42; }