yuminge-app/yun-min-program-plugin-master/packageD/directSeeding/anchorApply/anchorApply.wxss

/* packageD/directSeeding/anchorApply/anchorApply.wxss */
page {
  background: #fff;
}

.anchorApply {
  padding-bottom: 31rpx;
}

.show_photo {
  padding-bottom: 30rpx;
}

.show_photo .img {
  width: 700rpx;
  min-height: 320rpx;
  border-radius: 10rpx;
  margin: 0 auto;
}

.show_photo .img image {
  width: 100%;
  height: 100%;
  border-radius: 10rpx;
}

.anchorApply .application_information {
  margin-bottom: 50rpx;
}

.anchorApply .application_information .tilie {
  height: 36rpx;
  padding-left: 25rpx;
  display: flex;
  align-items: center;
}

.anchorApply .application_information .tilie .tilie_left {
  width: 10rpx;
  height: 36rpx;
  background-color: #f40420;
  border-radius: 5rpx;
  margin-right: 24rpx;
}

.anchorApply .application_information .tilie .tilie_right {
  font-size: 32rpx;
  line-height: 36rpx;
  color: #000;
}

.anchorApply .application_information .information_list .li {
  height: 118rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 24rpx;
  margin-right: 25rpx;
  border-bottom: 1px solid #ededed;
}

.anchorApply .application_information .information_list .li .li_left {
  font-size: 28rpx;
  color: #000;
}

.anchorApply .application_information .information_list .li .li_left text {
  color: #f40420;
}

.anchorApply .application_information .information_list .li .li_right {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}

.anchorApply .application_information .information_list .li .li_right input {
  text-align: right;
  font-size: 28rpx;
  color: #666;
  width: 100%;
}

.anchorApply .application_information .information_list .li .li_right .message {
  flex: 1;
  font-size: 28.17rpx;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 23rpx;
  text-align: right;
}

.anchorApply .application_information .information_list .li .li_right van-icon {
  display: flex;
  align-items: center;
}

.anchorApply .remarks_information .tilie {
  height: 36rpx;
  padding-left: 25rpx;
  display: flex;
  align-items: center;
  margin-bottom: 31rpx;
}

.anchorApply .remarks_information .tilie .tilie_left {
  width: 10rpx;
  height: 36rpx;
  background-color: #f40420;
  border-radius: 5rpx;
  margin-right: 24rpx;
}

.anchorApply .remarks_information .tilie .tilie_right {
  font-size: 32rpx;
  line-height: 36rpx;
  color: #000;
}

.anchorApply .remarks_information .remarks .textarea {
  margin: 0 auto;
  box-sizing: border-box;
  width: 700rpx;
  height: 200rpx;
  background-color: #f2f2f7;
  border-radius: 10rpx;
  padding: 20rpx 30rpx;
  position: relative;
}

.anchorApply .remarks_information .remarks .currentWordNumber {
  font-size: 28rpx;
  color: gray;
  position: absolute;
  left: 590rpx;
  bottom: 0;
}

.anchorApply .remarks_information .user_protocol {
  display: flex;
  align-items: center;
  padding-left: 25rpx;
  padding-top: 19rpx;
  font-size: 24rpx;
}

.anchorApply .remarks_information .user_protocol .us_color {
  color: #ef3e3e;
}

.user_protocol {
  margin-bottom: 41rpx;
}

.anchorApply .application_agreement .tilie {
  height: 36rpx;
  padding-left: 25rpx;
  display: flex;
  align-items: center;
}

.anchorApply .application_agreement .tilie .tilie_left {
  width: 10rpx;
  height: 36rpx;
  background-color: #f40420;
  border-radius: 5rpx;
  margin-right: 24rpx;
}

.anchorApply .application_agreement .tilie .tilie_right {
  font-size: 32rpx;
  line-height: 36rpx;
  color: #000;
}

.anchorApply .application_agreement .content {
  padding: 30rpx;
}

.anchorApply .submit {
  width: 700rpx;
  height: 71rpx;
  background-color: #ef3e3e;
  border-radius: 35.5rpx;
  margin: 0 auto;
  color: #fff;
  font-size: 36rpx;
  line-height: 71rpx;
  text-align: center;
}

.mobilebindingTips .tipsTop {
  line-height: 196rpx;
  height: 196rpx;
  text-align: center;
  font-size: 36rpx;
  color: #000;
  border-bottom: 1px solid #e2e2e2;
}

.mobilebindingTips .tipsBottom {
  display: flex;
  align-items: center;
}

.mobilebindingTips .tipsBottom .tipsBottomLeft {
  flex: 1;
  height: 98rpx;
  line-height: 98rpx;
  text-align: center;
  font-size: 36rpx;
  padding-top: 5rpx;
}

.mobilebindingTips .tipsBottom .tipsBottomRight {
  flex: 1;
  height: 98rpx;
  line-height: 98rpx;
  text-align: center;
  color: #ef3e3e;
  font-size: 36rpx;
}

.mobilebindingTips .line {
  width: 1px;
  height: 98rpx;
  background-color: #e2e2e2;
}

.successfulSubmissionTips .top {
  padding-top: 44rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.successfulSubmissionTips .title {
  font-size: 48rpx;
  color: #000;
  text-align: center;
}

.successfulSubmissionTips .tips {
  font-size: 28rpx;
  color: #999;
  text-align: center;
  padding-bottom: 70rpx;
}

.successfulSubmissionTips .homepage {
  width: 408rpx;
  height: 90rpx;
  background-color: #fe8a02;
  border-radius: 45rpx;
  text-align: center;
  line-height: 90rpx;
  color: #fff;
  font-size: 36rpx;
  margin: 0 auto;
}

.applicationContent {
  padding-top: 29rpx;
  position: relative;
}

.applicationContent .top {
  font-size: 36rpx;
  line-height: 36rpx;
  color: #000;
  text-align: center;
  margin-bottom: 45rpx;
}

.applicationContent .bottom {
  padding-left: 36rpx;
  padding-right: 36rpx;
  height: 400rpx;
  overflow: auto;
}

.applicationContent .close {
  position: absolute;
  width: 28rpx;
  height: 28rpx;
  right: 31rpx;
  top: 26rpx;
}

.applicationContent .close .img {
  width: 100%;
  height: 100%;
}

.applicationConditions {
  padding-top: 44rpx;
}

.applicationConditions .close {
  width: 110rpx;
  height: 110rpx;
  margin: 0 auto;
  background-color: #afafaf;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.applicationConditions .close .iconfont {
  /* 	width: 100%;
	height: 100%; */
  font-size: 80rpx;
  color: #fff;
  display: flex;
  align-items: center;
}

.applicationConditions .center {
  padding-top: 40rpx;
  text-align: center;
}

.applicationConditions .center .title {
  font-size: 48rpx;
  line-height: 36rpx;
  color: #000;
  margin-bottom: 31rpx;
}

.applicationConditions .center .tips {
  font-size: 28rpx;
  line-height: 36rpx;
  color: #999;
}

.applicationConditions .bottom {
  padding-left: 12rpx;
  padding-right: 12rpx;
  padding-top: 26rpx;
}

.applicationConditions .bottom .title {
  font-size: 28rpx;
  line-height: 36rpx;
  color: #ef3e3e;
  text-align: center;
}

.applicationConditions .bottom .ul .li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70rpx;
  padding-left: 38rpx;
  padding-right: 48rpx;
}

.applicationConditions .bottom .ul .li .left {
  height: 70rpx;
  line-height: 70rpx;
  font-size: 28rpx;
  color: #000;
}

.applicationConditions .bottom .ul .li .right {
  width: 76rpx;
  height: 43rpx;
  background-color: #f49f19;
  border-radius: 21.5rpx;
  color: #fff;
  font-size: 24rpx;
  line-height: 43rpx;
  text-align: center;
}

.applicationConditions .bottom .tips {
  font-size: 22rpx;
  color: #b9b9b9;
  padding-left: 38rpx;
}

/* 地址选择器 */

/* -------------------------------- */
.btn-area {
  padding: 0rpx 20rpx;
}

.dateBe {
  position: fixed;
  bottom: 0rpx;
  left: -5rpx;
  width: 760rpx;
  padding: 0rpx 5rpx;
  box-sizing: border-box;
  z-index: 200;
  font-size: 28rpx;
  border-top: 1rpx solid #d9d9d9;
  opacity: 0;
  transform: translate(-750rpx, 0rpx);
}

.dateBe.true {
  opacity: 1;
  transform: translate(0rpx, 0rpx);
}

.dateBe .head {
  display: flex;
  flex-flow: nowrap;
  padding: 0rpx 30rpx;
  line-height: 80rpx;
  border-bottom: 1rpx solid #d9d9d9;
  background: #f8f8f8;
}

.dateBe .head .ll {
  flex: 1;
}

.dateBe .head .rr {
  text-align: right;
  flex: 1;
}

.dateBe .main {
  background: #f8f8f8;
}

.dateBe .main view {
  text-align: center;
}

.BuyGoods-popup-class {
  width: 576rpx;
  height: 800rpx;
  display: flex;
  flex-direction: column;
  background: #fff;
  position: relative;
  box-sizing: border-box;
}

.BuyGoods-popup-class .BuyGoods-popup-title {
  height: 96rpx;
  line-height: 96rpx;
  font-size: 32rpx;
  text-align: center;
  font-weight: bold;
  color: #333;
}

.BuyGoods-popup-class .BuyGoods-popup-title .iconfont {
  position: absolute;
  right: 32rpx;
  top: 0;
  width: 64rpx;
  height: 64rpx;
}

.BuyGoods-popup-class .BuyGoods-popup-text {
  color: #666;
  height: 48rpx;
  line-height: 48rpx;
  text-align: left;
  text-indent: 28rpx;
}

.BuyGoods-popup-class .BuyGoods-popup-list {
  width: 576rpx;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 20rpx;
  overflow-y: scroll;
  box-sizing: border-box;
}

.BuyGoods-popup-class .BuyGoods-popup-list .BuyGoods-popup-child {
  width: 256rpx;
  height: 396rpx;
  flex-shrink: 0;
  overflow: hidden;
  text-align: left;
  border-radius: 12rpx;
  margin: 0 0 28rpx;
  border: 1rpx solid #f5f5f5;
}

.BuyGoods-popup-class .BuyGoods-popup-list .BuyGoods-popup-child image {
  width: 256rpx;
  height: 256rpx;
}

.BuyGoods-popup-class .BuyGoods-popup-list .BuyGoods-popup-child .BuyGoods-popup-child-title {
  height: 80rpx;
  line-height: 32rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding: 12rpx;
  box-sizing: border-box;
}

.BuyGoods-popup-class .BuyGoods-popup-list .BuyGoods-popup-child .BuyGoods-popup-child-price {
  color: #f15353;
  padding: 0 12rpx 12rpx;
}

/* -------------------------------- */