528 lines
7.4 KiB
CSS
528 lines
7.4 KiB
CSS
page {
|
|
background-color: #f3f4f6;
|
|
}
|
|
|
|
/*背景颜色*/
|
|
.hm-bg{
|
|
background-color: #f3f4f6;
|
|
}
|
|
.hm-bg-f {
|
|
background-color: #ffffff;
|
|
}
|
|
.hm-bg-primary {
|
|
background-color: #2979ff;
|
|
}
|
|
.hm-bg-error {
|
|
background-color: #fa3534;
|
|
}
|
|
.hm-bg-warning {
|
|
background-color: #ff9900;
|
|
}
|
|
.hm-bg-success {
|
|
background-color: #19be6b;
|
|
}
|
|
.hm-bg-info {
|
|
background-color: #909399;
|
|
}
|
|
.hm-bg-main {
|
|
background-color: #303133;
|
|
}
|
|
.hm-bg-content {
|
|
background-color: #606266;
|
|
}
|
|
.hm-bg-tips {
|
|
background-color: #909193;
|
|
}
|
|
.hm-bg-light {
|
|
background-color: #c0c4cc;
|
|
}
|
|
.hm-bg-main-yellow {
|
|
background-color: #f9ae3d;
|
|
}
|
|
.hm-bg-content-yellow {
|
|
background-color: #f1a532;
|
|
}
|
|
.hm-bg-tips-yellow {
|
|
background-color: #f9d39b;
|
|
}
|
|
.hm-bg-light-yellow {
|
|
background-color: #fdf6ec;
|
|
}
|
|
|
|
/*文字颜色*/
|
|
.hm-col-f {
|
|
color: #FFF;
|
|
}
|
|
.hm-col-0 {
|
|
color: #000;
|
|
}
|
|
.hm-col-b {
|
|
color: #bbb;
|
|
}
|
|
.hm-col-main {
|
|
color: #303133;
|
|
}
|
|
.hm-col-content {
|
|
color: #606266;
|
|
}
|
|
.hm-col-tips {
|
|
color: #909193;
|
|
}
|
|
.hm-col-light {
|
|
color: #c0c4cc;
|
|
}
|
|
.hm-col-primary {
|
|
color: #2979ff;
|
|
}
|
|
.hm-col-primary-dark {
|
|
color: #2b85e4;
|
|
}
|
|
.hm-col-primary-disabled {
|
|
color: #a0cfff;
|
|
}
|
|
.hm-col-primary-light {
|
|
color: #ecf5ff;
|
|
}
|
|
.hm-col-error {
|
|
color: #fa3534;
|
|
}
|
|
.hm-col-error-dark {
|
|
color: #dd6161;
|
|
}
|
|
.hm-col-error-disabled {
|
|
color: #fab6b6;
|
|
}
|
|
.hm-col-error-light {
|
|
color: #fef0f0;
|
|
}
|
|
.hm-col-warning {
|
|
color: #ff9900;
|
|
}
|
|
.hm-col-warning-dark {
|
|
color: #f29100;
|
|
}
|
|
.hm-col-warning-disabled {
|
|
color: #fcbd71;
|
|
}
|
|
.hm-col-warning-light {
|
|
color: #fdf6ec;
|
|
}
|
|
.hm-col-success {
|
|
color: #19be6b;
|
|
}
|
|
.hm-col-success-dark {
|
|
color: #18b566;
|
|
}
|
|
.hm-col-success-disabled {
|
|
color: #71d5a1;
|
|
}
|
|
.hm-col-success-light {
|
|
color: #dbf1e1;
|
|
}
|
|
.hm-col-info {
|
|
color: #909399;
|
|
}
|
|
.hm-col-info-dark {
|
|
color: #82848a;
|
|
}
|
|
.hm-col-info-disabled {
|
|
color: #c8c9cc;
|
|
}
|
|
.hm-col-info-light {
|
|
color: #f4f4f5;
|
|
}
|
|
|
|
/*边框颜色*/
|
|
|
|
|
|
.hm-p-10{
|
|
padding: 10rpx;
|
|
}
|
|
.hm-p-20{
|
|
padding: 20rpx;
|
|
}
|
|
.hm-p-50{
|
|
padding: 50rpx;
|
|
}
|
|
.hm-p-t-5{
|
|
padding-top: 5rpx;
|
|
}
|
|
.hm-p-t-10{
|
|
padding-top: 10rpx;
|
|
}
|
|
.hm-p-t-20{
|
|
padding-top: 20rpx;
|
|
}
|
|
.hm-p-t-50{
|
|
padding-top: 50rpx;
|
|
}
|
|
.hm-p-r-10{
|
|
padding-right: 10rpx;
|
|
}
|
|
.hm-p-r-20{
|
|
padding-right: 20rpx;
|
|
}
|
|
.hm-p-b-10{
|
|
padding-bottom: 10rpx;
|
|
}
|
|
.hm-p-b-20{
|
|
padding-bottom: 20rpx;
|
|
}
|
|
.hm-p-l-10{
|
|
padding-left: 10rpx;
|
|
}
|
|
.hm-p-l-20{
|
|
padding-left: 20rpx;
|
|
}
|
|
.hm-p-lr-20{
|
|
padding: 0rpx 20rpx;
|
|
}
|
|
.hm-p-lr-b25 {
|
|
padding: 0 25%;
|
|
}
|
|
.hm-p-b-100 {
|
|
padding-bottom: 100rpx;
|
|
}
|
|
.hm-p-tb-5 {
|
|
padding: 5rpx 0rpx;
|
|
}
|
|
.hm-p-tb-10 {
|
|
padding: 10rpx 0rpx;
|
|
}
|
|
.hm-p-tb-20 {
|
|
padding: 20rpx 0rpx;
|
|
}
|
|
.hm-p-tb-50 {
|
|
padding: 50rpx 0rpx;
|
|
}
|
|
.hm-m-10{
|
|
margin: 10rpx;
|
|
}
|
|
.hm-m-20{
|
|
margin: 20rpx;
|
|
}
|
|
.hm-m-t-5{
|
|
margin-top: 5rpx;
|
|
}
|
|
.hm-m-t-10{
|
|
margin-top: 10rpx;
|
|
}
|
|
.hm-m-t-15{
|
|
margin-top: 15rpx;
|
|
}
|
|
.hm-m-t-20{
|
|
margin-top: 20rpx;
|
|
}
|
|
.hm-m-t-50{
|
|
margin-top: 50rpx;
|
|
}
|
|
.hm-m-r-10{
|
|
margin-right: 10rpx;
|
|
}
|
|
.hm-m-r-20{
|
|
margin-right: 20rpx;
|
|
}
|
|
.hm-m-r-50 {
|
|
margin-right: 50rpx;
|
|
}
|
|
.hm-m-r-70 {
|
|
margin-right: 70rpx;
|
|
}
|
|
.hm-m-b-10{
|
|
margin-bottom: 10rpx;
|
|
}
|
|
.hm-m-b-20{
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.hm-m-l-5{
|
|
margin-left: 5rpx;
|
|
}
|
|
.hm-m-l-10{
|
|
margin-left: 10rpx;
|
|
}
|
|
.hm-m-l-15{
|
|
margin-left: 15rpx;
|
|
}
|
|
.hm-m-l-20{
|
|
margin-left: 20rpx;
|
|
}
|
|
.hm-m-l-30{
|
|
margin-left: 30rpx;
|
|
}
|
|
.hm-m-l-50{
|
|
margin-left: 50rpx;
|
|
}
|
|
.hm-w-h{
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.hm-w-200{
|
|
width: 200rpx;
|
|
}
|
|
.hm-w-b16 {
|
|
width: 16.6%;
|
|
}
|
|
.hm-w-b33 {
|
|
width: 33.3%;
|
|
}
|
|
.hm-w-b100{
|
|
width: 100%;
|
|
}
|
|
.hm-h-100{
|
|
height: 100rpx;
|
|
}
|
|
/*浮动 */
|
|
.hm-cf::after,
|
|
.hm-cf::before {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.hm-cf::after {
|
|
clear: both;
|
|
}
|
|
|
|
.hm-fl {
|
|
float: left;
|
|
}
|
|
|
|
.hm-fr {
|
|
float: right;
|
|
}
|
|
|
|
/*文本*/
|
|
.hm-text-center{
|
|
text-align: center;
|
|
}
|
|
.hm-text-right{
|
|
text-align: right;
|
|
}
|
|
.hm-font-zhx {
|
|
text-decoration: line-through;
|
|
/* 中划线 */
|
|
}
|
|
.hm-line-1 {
|
|
overflow: hidden;
|
|
/*text-overflow: ellipsis;*/
|
|
white-space: normal;
|
|
}
|
|
.hm-font-b {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hm-font-22 {
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.hm-font-24 {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.hm-font-26 {
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.hm-font-28 {
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.hm-font-30 {
|
|
font-size: 30rpx;
|
|
}
|
|
.hm-font-32 {
|
|
font-size: 32rpx;
|
|
}
|
|
.hm-font-100{
|
|
font-size: 100rpx;
|
|
}
|
|
/*圆角*/
|
|
.hm-br-6 {
|
|
border-radius: 6rpx;
|
|
}
|
|
|
|
.hm-br-8 {
|
|
border-radius: 8rpx;
|
|
}
|
|
|
|
.hm-br-10 {
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.hm-br-12 {
|
|
border-radius: 12rpx;
|
|
}
|
|
.hm-br-b50 {
|
|
border-radius: 50%;
|
|
}
|
|
/*边框*/
|
|
.hm-border {
|
|
border: 1rpx solid #f3f4f6;
|
|
}
|
|
|
|
.hm-border-t {
|
|
border-top: 1rpx solid #f3f4f6;
|
|
}
|
|
|
|
.hm-border-r {
|
|
border-right: 1rpx solid #f3f4f6;
|
|
}
|
|
|
|
.hm-border-b {
|
|
border-bottom: 1rpx solid #f3f4f6;
|
|
}
|
|
|
|
.hm-border-l {
|
|
border-left: 1rpx solid #f3f4f6;
|
|
}
|
|
/*布局*/
|
|
.hm-dis-block-inline {
|
|
display: inline-block;
|
|
}
|
|
|
|
.hm-dis-block {
|
|
display: block;
|
|
}
|
|
/* 顶部线 */
|
|
.hm-header-xian {
|
|
border-top: 1rpx solid #f3f4f6;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 100;
|
|
}
|
|
/* 固定在底部 */
|
|
.hm-footer-fixed {
|
|
position: fixed;
|
|
display: flex;
|
|
bottom: 0rpx;
|
|
left: 0rpx;
|
|
right: 0rpx;
|
|
height: 100rpx;
|
|
line-height: 100rpx;
|
|
z-index: 9999;
|
|
}
|
|
.hm-footer-fixed-h5 {
|
|
position: fixed;
|
|
display: flex;
|
|
bottom: 92rpx;
|
|
left: 0rpx;
|
|
right: 0rpx;
|
|
height: 100rpx;
|
|
line-height: 100rpx;
|
|
z-index: 9999;
|
|
}
|
|
.hm-wrap {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: calc(100vh);
|
|
/* #ifdef H5 */
|
|
height: calc(100vh - var(--window-top));
|
|
/* #endif */
|
|
width: 100%;
|
|
}
|
|
|
|
/*弹出层*/
|
|
.hm-popup {
|
|
width: 600rpx;
|
|
padding: 20rpx;
|
|
}
|
|
/* 无样式button (用于伪submit) */
|
|
.hm-btn-normal {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: normal;
|
|
background: none;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
border: none;
|
|
font-size: unset;
|
|
text-align: unset;
|
|
overflow: visible;
|
|
}
|
|
.hm-btn-normal:after {
|
|
border: none;
|
|
}
|
|
.hm-btn-normal.button-hover {
|
|
color: inherit;
|
|
}
|
|
/* 技术支持 */
|
|
.hm {
|
|
text-align: center;
|
|
padding: 20rpx 0rpx;
|
|
font-size: 24rpx;
|
|
color: #ccc;
|
|
}
|
|
.hm .text{
|
|
font-size: 28rpx;
|
|
padding-top: 20rpx;
|
|
}
|
|
.hm .v {
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
/* 多规格数量步进器 */
|
|
.selectNumber {
|
|
margin-top: 20rpx;
|
|
height: 60rpx;
|
|
display: inline-block;
|
|
}
|
|
.selectNumber .default {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
border: 1rpx solid #eee;
|
|
text-align: center;
|
|
line-height: 50rpx;
|
|
vertical-align: middle;
|
|
float: left;
|
|
background: #fff;
|
|
color: #444;
|
|
font-size: 48rpx;
|
|
}
|
|
.selectNumber .default-active {
|
|
background: #f3f4f6;
|
|
color: #ddd;
|
|
}
|
|
.selectNumber .left {
|
|
border-top-left-radius: 10rpx;
|
|
border-bottom-left-radius: 10rpx;
|
|
}
|
|
.selectNumber .right {
|
|
border-top-right-radius: 10rpx;
|
|
border-bottom-right-radius: 10rpx;
|
|
}
|
|
.selectNumber .num {
|
|
float: left;
|
|
border-top: 1rpx solid #eee;
|
|
border-bottom: 1rpx solid #eee;
|
|
width: 80rpx;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
font-size: 28rpx;
|
|
color: #444;
|
|
}
|
|
|
|
/*评论列表*/
|
|
.score-list {
|
|
background-color: #FFF;
|
|
padding: 20rpx;
|
|
border-bottom: 1rpx solid #f3f4f6;
|
|
}
|
|
.score-list .left {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 15%;
|
|
float: left;
|
|
}
|
|
.score-list .left image {
|
|
width: 80rpx;
|
|
height: 80rpx;
|
|
border-radius: 50%;
|
|
}
|
|
.score-list .right {
|
|
color: #555;
|
|
display: inline-block;
|
|
width: 85%;
|
|
} |