Agency_WxApp/miniprogram/pages/sharePage/sharePage.wxss

/* components/voyages/Voyages.wxss */

.df {
  display: flex;
}

.jcsb {
  justify-content: space-between;
}

.jcc {
  justify-content: center;
}

.jcfe {
  justify-content: flex-end;
}

.jcsa {
  justify-content: space-around;
}

.aic {
  align-items: center;
}

.search {
  border: 1rpx solid grey;
  width: 80%;
  background: #fff;
}

.tabsview {
  width: 130rpx;
  height: 50rpx;
  font-size: 28rpx;
  text-align: center;
  color: #333;
}

.line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30rpx;
  color: #333;
}

.line-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 45%;
}

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

.line-full-title {
  width: 25%;
}


.line-title,
.line-text {
  width: 50%;
}

.line-title,
.line-full-title {
  color: #444;
}

.type2 .line-full-title {
  width: 50%;
}

.ship-discharge-list>view:first-child {
  font-size: 26rpx;
}

.ship-discharge-list>view>view {
  width: 160rpx;
  text-align: center;
  color: #444;
}

.truck-load-list>view:first-child {
  font-size: 26rpx;
}

.truck-load-list>view>view {
  width: 160rpx;
  text-align: center;
  color: #444;
}


.bottom-text {
  text-align: center;
  padding-top: 30rpx;
  padding-bottom: 50rpx;
  font-size: 22rpx;
  color: #777;
}

page {
  box-sizing: border-box;
}

.item {
  padding: 0 20rpx;
  width: 50%;
}

.item>view {
  width: 90rpx;
  text-align: justify;
  text-align-last: justify;
  margin-right: 16rpx;
}

.card {
  width: 694rpx;
  background: #FFFFFF;
  border-radius: 12rpx;
  margin: 0 auto;
  padding: 32rpx 24rpx;
}

.circle {
  width: 20rpx;
  height: 20rpx;
  border-radius: 50%;
  background: #999;
  position: relative;
  left: 4rpx;
  margin-right: 38rpx;
  z-index: 55;
}

.greyback {
  background: #999 !important;
}

.title-circle {
  width: 28rpx;
  height: 28rpx;
  border-radius: 50%;
  background: #999;
  position: relative;
  z-index: 55;
}


.in-text {
  font-size: 22rpx;
  color: #666;
}

.long-line {
  border: 2rpx dashed #B0CDF0;
  height: calc(100vh - 800rpx);
  position: absolute;
  left: 36rpx;
  top: 24rpx;
  z-index: 22;
}

.card-title {
  font-size: 26rpx;
  margin-bottom: 8rpx;
  line-height: 30rpx;
  z-index: 55;
}

.transInfos {
  background: rgb(197, 56, 56);
  z-index: 55;
}


.port-btns {
  width: 180rpx !important;
  height: 70rpx;
  line-height: 70rpx;
  text-align: center;
  margin-bottom: 20rpx;
  border-radius: 10rpx;
  border: 1rpx solid grey;
  display: inline-block;
}

.current-port-btn {
  color: #fff;
  background: #008ebd;
  border: none;
}

.cancel-voyage {
  width: 100vw;
  height: 80rpx;
  background: rgba(255, 100, 47, 0.15);
  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;
  border-radius: 12rpx;
  height: calc(100vh - 410rpx);
  font-size: 28rpx;
  color: #222;
  padding-bottom: 50rpx;
  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 {
  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;
}

.mb20 {
  margin-bottom: 20rpx;
}

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


.title {
  width: 180rpx;
  font-size: 30rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #BDC2C8;
  margin-right: 40rpx;
}