Agency_WxApp/miniprogram/pages/voyages/detail/detail.wxss

.cancel-voyage {
  width: 163rpx;
  height: 56rpx;
  border-radius: 12rpx;
  background: rgba(255, 110, 0, 0.2);
  text-align: center;
  line-height: 56rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  position: fixed;
  right: 20rpx;
  top: 220rpx;
  z-index: 100;
  color: #FF6E00;
  font-size: 26rpx;
}

.back-blue {
  width: 100vw;
  height: 80rpx;
  background: rgba(0, 137, 253, 0.1);
  text-align: center;
  line-height: 80rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FF6E38;
  position: fixed;
  top: 0;
  z-index: 100;
}


.tabsview {
  height: 80rpx;
  line-height: 84rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #9199A3;
}

.current-tab {
  color: #363F4A;
  border-bottom: 6rpx solid #0089FD;
  font-size: 32rpx;

}

.scroll {
  width: 100vw;
  background: #FFFFFF;
  border-radius: 12rpx;
  height: calc(100vh - 410rpx);
  font-size: 28rpx;
  color: #222;
  padding-bottom: 50rpx;
  background: #FFFFFF;
  border-radius: 12rpx;
  padding: 0 30rpx 40rpx 30rpx;
}

.line {
  margin-bottom: 20rpx;
}

.line-full-item {
  display: flex;
  align-items: center;
}

.line-full-title {
  width: 240rpx;
  font-size: 30rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #BDC2C8;
}

.line-text {
  flex: 1;
  font-size: 30rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #6C6C6C;
}


.mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.4);
}

.mask>view {
  width: 640rpx;
  height: 362rpx;
  background: #FFFFFF;
  border-radius: 16rpx;
  position: fixed;
  top: 358rpx;
  left: calc(50vw - 320rpx);
}

.upload {
  width: 60%;
  height: 100rpx;
  text-align: center;
  line-height: 100rpx;
  border: 1px solid grey;
  margin: 3vw auto;
}

.ship-owner-title {
  width: 300rpx;
  text-align: center;
  font-size: 34rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #20252E;
  margin: 40rpx auto;
}

.btns {
  height: 113rpx;
  border-bottom-left-radius: 10rpx;
  border-bottom-right-radius: 10rpx;
  border-top: 1rpx solid rgba(0, 0, 0, 0.25);
  margin-top: 50rpx;
}

.btn {
  width: 50%;
  line-height: 100rpx;
  font-size: 34rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #0089FD;
  text-align: center;
}

.btn-1 {
  color: #20252E;
  height: 102rpx;
  border-right: 1rpx solid rgba(0, 0, 0, 0.25);
}

.type2 .line-full-item {
  padding: 32rpx 0;
  border-bottom: 1rpx solid #EBEBEB;
}

.type2 .line {
  margin-bottom: 0;
  font-size: 30rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #6C6C6C;
}

.type2 .line-full-title {
  width: 260rpx;
  color: #20252E;
}

.arrow {
  width: 20rpx;
  height: 20rpx;
  margin-right: 30rpx;
}

.d-input {
  width: 30vw;
}

.update {
  width: 590rpx;
  height: 96rpx;
  background: linear-gradient(270deg, #0089FD 0%, #43A9FF 100%);
  border-radius: 20rpx;
  text-align: center;
  line-height: 96rpx;
  font-size: 34rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  margin: 0 auto;
}

.type2 .unit {
  color: #333;
}

.ports {
  margin: 40rpx 0 39rpx 0;
}

.ports>view {
  width: 150rpx;
  height: 60rpx;
  font-size: 26rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #0089FD;
  line-height: 58rpx;
  text-align: center;
  border-top: 1rpx solid #0089FD;
  border-bottom: 1rpx solid #0089FD;
  border-left: 1rpx solid #0089FD;
}

.first-port {
  border-radius: 20rpx 0px 0px 20rpx;
}

.last-port {
  border-radius: 0px 20rpx 20rpx 0px;
  border-right: 1rpx solid #0089FD;
}

.current-port {
  color: #fff !important;
  background: linear-gradient(270deg, #0089FD 0%, #43A9FF 100%);
  border: none !important;
  line-height: 60rpx;
}

.one-port {
  border-radius: 20rpx 20rpx 20rpx 20rpx;
}

picker {
  width: 45vw;
}

.info-types {
  margin-bottom: 33rpx;
}

.info-types>view {
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}

.current-type {
  font-size: 30rpx !important;
  font-weight: 500 !important;
  color: #239AFE !important;
}

.th {
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #BDC2C8;
  margin-bottom: 22rpx;
}

.td {
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #363F4A;
  margin-bottom: 20rpx;
}

.tr {
  text-align: center;
}

.tr-time {
  width: 170rpx;
}

.tr-2 {
  min-width: 56rpx;
}

.tr-3 {
  width: 90rpx;
}

.tr-4 {
  width: 112rpx;
}

.tr-car-num {
  min-width: 160rpx;
}

.no-data {
  text-align: center;
  color: #9199A3;
}

.type3 {
  padding-top: 32rpx;
}

.type3 .title {
  height: 27rpx;
  line-height: 27rpx;
  font-size: 30rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #239AFE;
  padding-left: 18rpx;
  border-left: 4rpx solid #0089FD;
  margin-bottom: 30rpx;
}

.type5 {
  padding-top: 32rpx;
}

.type5 .timer {
  font-size: 30rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #239AFE;
}

.type5-img {
  margin-top: 24rpx;
  margin-bottom: 32rpx;
  height: 265rpx;
}