|
- .under_line{
- width: 100%;
- }
- .scrollY {
- width: 134rpx;
- position: fixed;
- left: 0;
- background:#F4F5F9;
- }
-
- .text-style {
- position: relative;
- width: 139rpx;
- height: 100rpx;
- line-height: 100rpx;
- text-align: center;
- font-size: 30rpx;
- font-family: PingFangSC-Semibold;
- color: #3C3C3C;
- background: #FFFFFF;
- font-weight:500;
- }
- .text-styleHover{
- position: relative;
- width: 139rpx;
- height: 100rpx;
- line-height: 100rpx;
- text-align: center;
- font-size: 26rpx;
- font-family: PingFangSC-Semibold;
- color: #A6A6A6;
- }
- .text-style text{
- font-size: 26rpx;
- }
- .active1 {
- font-size: 26rpx!important;
- }
- .active {
- position: absolute;
- left: 4rpx;
- bottom: 0rpx;
- top:0;
- margin: auto;
- width:12rpx;
- height:24rpx;
- background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
- border-radius:7rpx;
- }
-
- .posi {
- position: relative;
- width: 616rpx;
- float: right;
- }
-
- .posi>view:nth-child(2) {
- width: 100%;
- display: flex;
- justify-content: space-between;
- box-sizing: border-box;
- }
-
- .posi>view:nth-child(2) text:nth-child(1) {
- font-size: 30rpx;
- color: #a9a9a9;
- }
-
- .posi>view:nth-child(2) text:nth-child(2) {
- font-size: 30rpx;
- color: #a9a9a9;
- }
-
- .posi_logo {
- position: relative;
- width:576rpx!important;
- height:176rpx;
- background:rgba(255,255,255,1);
- box-shadow:0px 4rpx 8rpx 0px rgba(0,0,0,0.04);
- border-radius:16rpx;
- margin: 20rpx;
- overflow: hidden;
- }
- .tel {
- position: absolute;
- right: 3%;
- top: 0;
- bottom: 0;
- margin: auto;
- width: 50rpx;
- height: 50rpx;
- }
- .merchants{
- width: 90%;
- display: flex;
- background: #fff;
- padding-right:5%;
- overflow: hidden;
- }
- .position{
- text-align: center;
- margin-top: 100rpx;
- color: #999;
- }
- .leftBox{
- padding: 20rpx 0;
- }
- .merchants view:nth-child(1) image {
- display: block;
- width: 120rpx;
- height: 120rpx;
- border-radius: 16rpx;
- }
- .shopVo{
- margin-left: 20rpx;
- }
-
- .merchantName{
- color: #3C3C3C;
- font-size: 32rpx;
- margin-left: 20rpx;
- width: 60%;
- overflow: hidden;
- text-overflow:ellipsis;
- white-space: nowrap;
- margin-top: 10rpx;
- }
- .shopVo text{
- float: left;
- }
- page {
- padding: 0 0 30rpx;
- }
- .tabTit {
- height: 90rpx;
- line-height: 82rpx;
- position: fixed;
- top: 0;
- width: 750rpx;
- z-index: 1;
- }
-
- .tabTit > view:nth-of-type(1) {
- border-left: 0;
- }
-
- .tabTit > view:nth-of-type(4) {
- border-right: 0;
- }
-
-
- .tabTit .active image {
- transform: rotate(180deg);
- background: none;
- }
-
- .tabTit image {
- width: 18rpx;
- height: 9rpx;
- vertical-align: middle;
- margin-left: 5px;
- }
-
- .tabLayer {
- width: 750rpx;
- overflow: hidden;
- position: fixed;
- top: 90rpx;
- z-index: 1;
- background: #fff;
- padding-bottom: 26rpx;
- box-shadow:2px 9px 10px rgba(0, 0, 0, 0.05);
- bottom: 0;
- border-top:1px solid #eee;
- }
-
- .tabLayer a {
- float: left;
- width: 210rpx;
- height: 80rpx;
- line-height: 80rpx;
- margin: 30rpx 0 0 26rpx;
- text-align: center;
- color: #888;
- font-size: 30rpx;
- background: rgba(255, 255, 255, 1);
- border: 1px solid rgba(234, 234, 234, 1);
- border-radius: 10rpx;
- }
-
- .tabLayer .active {
- text-align: center;
- height: 80rpx;
- background: rgba(255, 255, 255, 1);
- border: 1px solid rgba(101, 158, 246, 1);
- border-radius: 10rpx;
- color: #659ef6;
- }
- .tabTit .active {
- background: #fff;
- font-size: 32prx;
- font-weight: 500;
- color: rgba(101, 158, 246, 1);
- }
- /*弹性盒模型*/
-
- .box {
- background: #fff;
- border-bottom:1px solid #eee;
- }
-
- .flex1 {
- overflow: hidden;
- width: 25%;
- display: block;
- text-align: center;
- }
-
- .flex1 text,.text {
- font-size: 30rpx;
- }
- .text{
- display: block;
- width: 25%;
- text-align: center;
- }
- /* 日期选择 */
-
- .picker_group {
- height: 85rpx;
- line-height: 85rpx;
- justify-content: center;
- display: flex;
- align-items: center;
- font-size: 30rpx;
- color: #888;
- }
-
- .picker_group picker {
- height: 55rpx;
- line-height: 55rpx;
- margin: 0 2%;
- padding: 2% 5%;
- border-bottom: 1px solid #eee;
- }
-
- .view view:nth-of-type(1) {
- font-size: 28rpx;
- color: #888;
- }
-
- .list {
- width: 644rpx;
- border-radius: 16rpx;
- padding: 32rpx;
- margin: 40rpx auto;
- box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
- }
-
- .list >view {
- height: 60rpx;
- line-height: 60rpx;
- font-size: 30rpx;
- }
-
- .txt1 {
- font-size: 32rpx;
- font-weight: 500;
- color: rgba(85, 85, 85, 1);
- }
-
- .txt2 {
- font-size: 28rpx;
- font-weight: 500;
- color: rgba(255, 106, 106, 1);
- }
-
- .money {
- font-weight: 500;
- color: rgba(85, 85, 85, 1);
- font-size: 26rpx;
- padding-right: 20rpx;
- }
-
- .time {
- font-size: 28rpx;
- font-weight: 500;
- color: rgba(125, 125, 125, 1);
- }
-
- .status1 {
- color: #659ef6;
- }
-
- .status2 {
- color: #eea959;
- }
-
- .status3 {
- color: #ff6a6a;
- }
-
- .status4 {
- color: #8aaa6b;
- }
-
- .btn {
- float: right;
- height: 52rpx;
- line-height: 52rpx;
- background: rgba(101, 158, 246, 1);
- border-radius: 10rpx;
- font-size: 28rpx;
- font-weight: 500;
- padding: 0 25rpx;
- color: rgba(255, 255, 255, 1);
- }
-
-
- .btns {
- width:137rpx;
- margin-top: 21rpx;
- background: #52a0fd;
- border-radius: 8rpx;
- color: #fff;
- font-size: 26rpx;
- height: 64rpx;
- line-height: 64rpx;
- }
- .active2{
- border: 1px solid #52a0fd!important;
- color: #52a0fd!important;
- }
- .recond{
- text-align: center;
- font-size: 30rpx;
- margin-top: 60rpx;
- }
- .active3{
- color: #659ef6;
- }
- .loading{
- text-align: center;
- font-size: 28rpx;
- color: #999;
- }
- .mr{
- margin-top: 200rpx!important;
- }
- .shopVoList{
- padding-left: 0!important;
- display: inline-block!important;
- width: 330rpx;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- .shopVoList text{
- font-size: 20rpx!important;
- color: #b8b8b8!important;
- margin-right: 10rpx;
- }
|