| | |
| | | /* $self-gray: #9a9da2; */ |
| | | :root { |
| | | :root,page { |
| | | --selfgray: #9a9da2; |
| | | --self_light_gray: #dce3e9; |
| | | --title_font_size: 60rpx; |
| | |
| | | --topicgray: #999999; |
| | | --topicdarkgray: #936E32; |
| | | } |
| | | $u-main-color: #20613D; |
| | | $main-color: #20613D; |
| | | $u-primary: #20613D; |
| | | body{ |
| | | --tcolor: #3140A2; |
| | | font-family: PingFangSC-Regular, PingFang SC; |
| | | } |
| | | .topic-font{ |
| | | color: var(--topicolor); |
| | | color: var(--topicolor) !important; |
| | | } |
| | | .flex-wrap-normal{ |
| | | flex-wrap: nowrap !important; |
| | | } |
| | | .topic-gray{ |
| | | color: var(--topicgray); |
| | | } |
| | | .relative{ |
| | | position: relative; |
| | | } |
| | | .t-red{ |
| | | color: #CE3C39 !important; |
| | |
| | | |
| | | .bg-white { |
| | | background-color: #FFFFFF; |
| | | } |
| | | .br-4{ |
| | | border-radius: 8rpx; |
| | | } |
| | | |
| | | .bg-app-white { |
| | |
| | | .m-l-40 { |
| | | margin-left: 80rpx; |
| | | } |
| | | |
| | | .m-l-5{ |
| | | margin-left: 10rpx; |
| | | } |
| | | .m-l-12{ |
| | | margin-left: 24rpx; |
| | | |
| | | } |
| | | .m-r-a { |
| | | margin-right: auto; |
| | | } |
| | |
| | | margin-right: 4rpx; |
| | | |
| | | } |
| | | |
| | | .m-r-5{ |
| | | margin-right: 10rpx; |
| | | } |
| | | .m-r-10 { |
| | | margin-right: 20rpx; |
| | | |
| | |
| | | .m-r-80 { |
| | | margin-right: 160rpx; |
| | | } |
| | | |
| | | .m-b-12{ |
| | | margin-bottom: 24rpx; |
| | | } |
| | | .m-b-20 { |
| | | margin-bottom: 40rpx; |
| | | } |
| | |
| | | .el-icon-arrow-down { |
| | | font-size: 12px; |
| | | } |
| | | |
| | | .icon-arrow-down { |
| | | width: 24rpx; |
| | | height: 24rpx; |
| | | } |
| | | .app-tips {} |
| | | |
| | | .app-tips .app-tip { |
| | |
| | | .button-green-1{ |
| | | height: 80rpx; |
| | | |
| | | background: #04BA97; |
| | | background: var(--topicolor); |
| | | border-radius: 44rpx; |
| | | line-height: 80rpx; |
| | | text-align: center; |
| | |
| | | } |
| | | .button-green-border{ |
| | | height: 80rpx; |
| | | border: 1px solid #04BA97; |
| | | border: 1px solid var(--topicolor); |
| | | border-radius: 44rpx; |
| | | line-height: 80rpx; |
| | | text-align: center; |
| | |
| | | bottom: 60rpx; |
| | | left: 40rpx; |
| | | right: 40rpx; |
| | | z-index: 1; |
| | | } |
| | | |
| | | .close-parent{ |
| | |
| | | |
| | | .uni-noticebar{ |
| | | border-radius: 10rpx; |
| | | height: 68rpx; |
| | | height: 82rpx; |
| | | .self-uni-notice-bar-icon-left{ |
| | | width: 58rpx; |
| | | height: 52rpx; |
| | | width: 38rpx; |
| | | height: 38rpx; |
| | | margin-right: 16rpx; |
| | | } |
| | | .self-uni-notice-bar-icon{ |
| | | width: 16rpx; |
| | |
| | | .button-green{ |
| | | width: 302rpx; |
| | | height: 80rpx; |
| | | background: #04BA97; |
| | | background: var(--topicolor); |
| | | border-radius: 62rpx; |
| | | |
| | | font-size: 32rpx; |
| | |
| | | line-height:36rpx; |
| | | padding-top:30rpx; |
| | | padding-bottom:30rpx; |
| | | position: relative; |
| | | .require::before{ |
| | | content:'*'; |
| | | color:red; |
| | |
| | | } |
| | | |
| | | .store-name { |
| | | font-weight: 600; |
| | | font-size: 28rpx; |
| | | color: #000000; |
| | | line-height: 40rpx; |
| | | } |
| | | .store-address{ |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | line-height: 34rpx; |
| | | } |
| | | .store-to{ |
| | | width: 172rpx; |
| | | height: 52rpx; |
| | | background: #E1F0E7; |
| | | border-radius: 4rpx; |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #5B8C71; |
| | | line-height: 52rpx; |
| | | text-align: center; |
| | | } |
| | | .store-sc{ |
| | | width: 176rpx; |
| | | height: 64rpx; |
| | | background: #39AF6E; |
| | | border-radius: 32rpx; |
| | | font-weight: 400; |
| | | font-size: 32rpx; |
| | | color: #000000; |
| | | line-height: 96rpx; |
| | | color: #FFFFFF; |
| | | line-height: 64rpx; |
| | | .icon{ |
| | | width: 36rpx; |
| | | height: 36rpx; |
| | | } |
| | | } |
| | | } |
| | | .text-left{ |
| | | text-align: left; |
| | | } |
| | | .img100{ |
| | | background-size: 100% 100%; |
| | |
| | | } |
| | | |
| | | |
| | | .before-line::before{ |
| | | border-top: 2rpx solid #EEEEEE; |
| | | |
| | | .img100{ |
| | | background-size: 100% 100%; |
| | | } |
| | | uni-image>img{ |
| | | opacity: 1 !important; |
| | | } |
| | | .component-radio{ |
| | | width: 26rpx; |
| | | height: 26rpx; |
| | | min-width: 26rpx; |
| | | min-height: 26rpx; |
| | | border-radius: 50%; |
| | | border: 2rpx solid #20613D; |
| | | &.cur{ |
| | | background-color:#20613D; |
| | | } |
| | | } |