yanglao/addons/service/wxapp/服务端/pages/index/index.wxss

/**index.wxss**/

page {
  background: #EDF1F4;
}
.index{
  height: 100vh;
  overflow: hidden;
}
.scroll-box{
  height: 100%;
}

.box {
  /* background-color: #1677FF; */
  height: 350rpx;
}

.address-img {
  width: 40rpx;
  height: 40rpx;
  vertical-align: middle;
}

.address-text {
  font-size: 40rpx;
  color: #FFF;
}

.job-text {
  color: rgba(255, 255, 255, 0.5);
  margin: 10rpx 0 0 104rpx;
}

.last-site {
  width: 638rpx;
  margin: auto;
  height: 74rpx;
  background: #FFFFFF;
  border-radius: 10rpx 10rpx 10rpx 10rpx;
  opacity: 1;
  justify-content: space-between;
}

.update-img {
  width: 24rpx;
  height: 24rpx;
  vertical-align: middle;

}

.update-site-text {
  color: #1677FF;
}

.serve-box {
  width: 686rpx;
  margin: auto;
}

.serve-t {
  width: 140rpx;
  height: 56rpx;
  background: #FF9600;
  border-radius: 10rpx 10rpx 10rpx 10rpx;
  opacity: 1;
  font-size: 26rpx;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 56rpx;
  text-align: center;
}

.switch {
  color: #FFF;
}

.circle {
  width: 750rpx;
  height: 53rpx;
  border-radius: 50rpx 50rpx 0 0;
  background: #EDF1F4;
  position: relative;
  top: -50rpx;
}

.notice-box {
  width: 638rpx;
  margin: auto;
  background-color: #FFF;
  position: relative;
  top: -56rpx;
}

.notice{
  
}

.notice-img {
  width: 32rpx;
  height: 32rpx;
  vertical-align: middle;
}

.go-img {
  width: 24rpx;
  height: 24rpx;
}

.list-box {
  width: 686rpx;
  margin: auto;
  background: #FFFFFF;
}

.train-img-box {
  width: 686rpx;
  height: 100rpx;
  background: linear-gradient(90deg, #E1EEFF 0%, rgba(225, 238, 255, 0) 100%);
  border-radius: 20rpx 20rpx 0rpx 0rpx;
  opacity: 1;
  margin: auto;
}

.train-img {
  width: 388rpx;
  height: 100rpx;
}

.train-t {
  color: #6B738B;
}

.item-text {
  width: 363rpx;
  line-height: 48rpx;
}

.item-img {
  width: 200rpx;
  height: 150rpx;
  opacity: 1;
}

.underway {
  position: relative;
  top: -15rpx;
  right: 10rpx;
}

.waiting-box {
  /* overflow: hidden;
  overflow-x: auto;
  white-space: nowrap; */
}

.waiting-each {
  width: 213rpx;
  height: 117rpx;
  background: #FFFFFF;
  border-radius: 10rpx 10rpx 10rpx 10rpx;
  opacity: 1;
  font-size: 24rpx;
  font-weight: 500;
  color: #6B738B;
}

.time-text {
  font-size: 32rpx;
  font-weight: bold;
  color: #1C274C;
}
.item-each {
  width: 622rpx;
height: 300rpx;
background: #FFFFFF;
border-radius: 20rpx 20rpx 20rpx 20rpx;
opacity: 1;
margin: auto;
}
.time-yy {
  font-size: 22rpx;
font-weight: 500;
color: #6B738B;
background-color: #F5F7FB;
padding: 6rpx 16rpx;
}
.type-text {
  font-size: 28rpx;
font-weight: bold;
color: #1C274C;
}
.time-date {
  font-size: 48rpx;
font-weight: bold;
color: #1C274C;
}
.time-hour {
  font-size: 48rpx;
font-weight: bold;
display: inline-block;
}
.price-unit {
  font-size: 22rpx;
font-weight: bold;
color: #F22E2E;
}
.price-number {
font-weight: bold;
color: #F22E2E;
}
.item-each-img {
  width: 180rpx;
height: 180rpx;
border-radius: 20rpx 20rpx 20rpx 20rpx;
opacity: 1;
}
.order-btn {
  width: 622rpx;
height: 88rpx;
/* background: #1677FF; */
border-radius: 10rpx 10rpx 10rpx 10rpx;
opacity: 1;
line-height: 88rpx;
font-size: 22rpx;
font-weight: 500;
color: #FFFFFF;
}
.item-underway {

}
.underway-text {
  font-size: 24rpx;
font-weight: 500;
color: #6B738B;
}
.go-text {
  width: 161rpx;
height: 56rpx;
border-radius: 10rpx 10rpx 10rpx 10rpx;
opacity: 1;
color: #FFF;
line-height: 56rpx;
}
.wire {
  /* width: 622rpx;
height: 1rpx;
background-color: #A4A9B7; */
width: 622rpx;
height: 0rpx;
opacity: 1;
border: 1rpx solid rgba(164,169,183,0.2);
margin: auto;
}
.popup-box {
  width: 560rpx;
height: 412rpx;
background: #FFFFFF;
border-radius: 30rpx 30rpx 30rpx 30rpx;
opacity: 1;

}
.location-img {
  width: 178rpx;
  height: 178rpx;
  display: block;
  margin: auto;
}
.location-btn {
  width: 496rpx;
height: 100rpx;
background: #1677FF;
border-radius: 20rpx 20rpx 20rpx 20rpx;
opacity: 1;
line-height: 100rpx;
color: #FFF;
margin: auto;
}
.z-margin-t-9 {
  margin-top: 9rpx;
}