fastNetwork/pages/team/team.wxss

.main {
  float: left;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
}

.main .one {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 80rpx;
  line-height: 80rpx;
  background-color: #409eff;
  color: #ffffff;
  text-align: center;
}

.main .two {
  position: absolute;
  top: 80rpx;
  width: 100%;
  background-color: #f6f6f6;
}

.main .two .top {
  float: left;
  width: 100%;
  background-color: #ffffff;
}

.main .two .top .topOne {
  float: left;
  width: 94%;
  height: 78rpx;
  line-height: 78rpx;
  border-bottom: 1px solid #ccc;
  padding: 0 20rpx;
}

.main .two .top .topOne .topView {
  float: left;
  width: 50%;
}

.main .two .top .topOne .topView:nth-child(2) {
  text-align: right;
}

.van-icon {
  top: 3px;
}

.main .two .top .topTwo {
  float: left;
  width: 94%;
  height: 78rpx;
  line-height: 78rpx;
  padding: 0 20rpx;
}

.main .two .top .topTwo .topTwoView {
  float: left;
  width: 33%;
  text-align: center;
}

.main .two .top .topTwo .topTwoView .picker {
  float: left;
  width: 100%;
  font-size: 25rpx;
}

.main .two .down {
  float: left;
  width: 95%;
  padding: 0 20rpx;
  margin: 10rpx 0;
}

.main .two .down .list {
  float: left;
  width: 98%;
  background-color: #ffffff;
  padding: 20rpx 10rpx;
  margin: 0 0 15rpx 0;
  border-radius: 10rpx;
}

.main .two .down .list .name {
  float: left;
  width: 18%;
}

.main .two .down .list .name text {
  float: left;
  background-color: red;
  border-radius: 360rpx;
  width: 100rpx;
  height: 100rpx;
  text-align: center;
  line-height: 100rpx;
  font-size: 40rpx;
  font-weight: bold;
  color: #fff;
}

.main .two .down .list .message {
  float: left;
  width: 82%;
}

.main .two .down .list .message .messageTop {
  float: left;
  width: 100%;
}

.main .two .down .list .message .messageTop text:nth-child(1) {
  font-weight: bold;
  margin: 0 20rpx 0 0;
}

.main .two .down .list .message .messageTop text:nth-child(2) {
  border: 1px solid #ff0000;
  color: #ff0000;
  padding: 0 10rpx;
  border-radius: 10rpx;
  font-size: 30rpx;
}

.main .two .down .list .message .messageDown {
  float: left;
  width: 100%;
  float: left;
  width: 100%;
  font-size: 30rpx;
  color: #666;
  margin: 20rpx 0 0 0;
}

.main .two .down .list .message .messageDown text:nth-child(1) {
  float: left;
  width: 50%;
}

.main .two .down .list .message .messageDown text:nth-child(2) {
  float: right;
  width: 50%;
  text-align: right;
}


.popup {
  float: left;
  width: 94%;
  padding: 80rpx 20rpx 15rpx 20rpx;
}

.popup .one {
  float: left;
  width: 100%;
  margin: 0 0 20rpx 0;
}

.popup .one .title {
  float: left;
  width: 100%;
  font-weight: bold;
  font-size: 30rpx;
  padding: 10rpx 0;
  margin: 0 0 10rpx 0;
}

.popup .one .radio label {
  float: left;
  margin: 0 25rpx 15rpx 0;
  font-size: 25rpx;
}

.popup .one .dateAuto {
  float: left;
  width: 100%;
  background-color: #cccccc5f;
  border-radius: 10rpx;
  padding: 10rpx 0;
}

.popup .one .dateAuto .datePar {
  float: left;
  width: 45%;
  text-align: center;
}

.popup .one .dateAuto .datePar:nth-child(2) {
  width: 10%;
}

.popup .btn {
  float: left;
  width: 90%;
  position: absolute;
  bottom: 10rpx;
  background-color: #f1f1f1;
  padding: 15rpx;
}

.popup .btn button {
  float: left;
  width: 28%;
  margin: 0 50rpx 0 0;
  border-radius: 50rpx;
  line-height: 77rpx;
}

.popup .btn button:nth-child(1) {
  background-color: #ffffff;
}

.popup .btn button:nth-child(2) {
  border: 1px solid #ff0000;
  color: #ff0000;
}

.popup .btn button:nth-child(3) {
  background-color: #ff0000;
  color: #fff;
  margin: 0;
}