app/pages/volunteer/detail.wxss

/* pages/worldDetails/worldDetails.wxss */

.flex-bet{
  display: flex;
  align-content: space-between;
}

/* 轮播图  样式 */
.userinfo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.userinfo-avatar {
  width: 128rpx;
  height: 128rpx;
  margin: 20rpx;
  border-radius: 50%;
}
.userinfo-nickname {
  color: #aaa;
}
.usermotto {
  margin-top: 200px;
}
/*轮播图*/
.slides{
	height: 347rpx;
}
.slides image{
	width: 100%;
	height: 100%;
}
/*文字部分 */
.box{
 width:100%;
height:100%;
margin-top:20rpx;
}
.box-one{
  height:60rpx;
  padding:0 20rpx;
}
.l1{
  font-family: "PingFang-SC-Bold";
  font-size: 16px;
  color: #292929;
  font-weight:Bold;
   text-align: left;
   margin-right: 10rpx;
}
.r1{
  font-family: "PingFang-SC-Regular";
  font-size: 12px;
  color: #7B7B7B;
  font-weight:Regular;
  text-align: right;
}
.c1{
 font-family: "PingFang-SC-Bold";
 color: #ff8000;
 font-size: 16px;
 font-weight: Bold;
}
.box-two{
position:relative;
height:60rpx;
margin:30rpx auto;
padding:0 20rpx;

}
.b1{
  font-family: "PingFang-SC-Bold";
  font-size: 16px;
  color: #292929;
  font-weight:Bold;
  text-align: left;
}
.box-two-m{
  display: inline-block;
  width: 50rpx;
  height:50rpx;
  background-color: #FFF100;
  border-radius: 60%;
  left: 100rpx;
  margin-top: 5rpx;
  position: absolute;
  opacity: 0.3;
}
.box-two-m1{
  left: 135rpx;
}
/* 基本信息内容 */
.box-xx{
  width: 700rpx;
  height: 480rpx;
  background-color: #F8F8F8;
}
.box-xx-txt{
  width:100%;
  height: 100rpx;
  color: #292929;
  border-bottom:1px dashed #cfcaca;
}
.box-xx-txt1{
  width:100%;
  height: 200rpx;
  color: #292929;
}
.ad-txt{
  width: 20%;
  top: 30rpx;
  left: 30rpx;
}
.ad-txt1{
  top: 30rpx;
  left: 80rpx;
}
.ad-txt12{
  top: 30rpx;
  left: 120rpx;
}
.ly-box2{
  width:70%;
  top: 35rpx;
  left: 210rpx;
}
/* 底部  申请按钮  部分 */
.botm{
  width:100%;
  height:148rpx;
  background:#fff;
  display: flex;
  position: fixed;
  bottom:0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding:0 30rpx;
  box-sizing: border-box;
}
/* .fixed{
  width:100%;
  height:100rpx;
  background:#fff;
  display: flex;
  position: fixed;
  bottom:0;
  left: 0;
  margin-top: 45rpx;
} */
.left{
  width:224rpx;
  height: 100%;
}
.left-t{
  display: flex;
  width:100%;
  height: 100%;
}
.left-t-l{
  width: 120rpx;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
  background: transparent;
  border:none
}
.left-t-l image {
  width: 50rpx;
  height:50rpx;
  /* margin-left: 25rpx;
  margin-top: 5rpx; */
}
.left-t-r{
  width: 120rpx;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* background-color: green; */
 }
 .left-t-r image{
  width: 50rpx;
  height:50rpx;
  /* margin-left: 15rpx;
  margin-top: 5rpx; */
}
.left-b-l button{
  position: relative;
  width: 120rpx;
  height: 100%;
  top: -50rpx;
  left: 2rpx;
  padding-left: 0rpx;
  padding-right: 0rpx;
  font-size: 14px;
  opacity: 0;
}
.sharebtn{
  border:none;
  background: transparent;
  white-space: nowrap;
  font-size: 28rpx;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #1a1a1a;
  letter-spacing: -1rpx;
  height: 40rpx;
  line-height: 40rpx;
  margin-top:4rpx;
}
.sharebtn::after{
  border:none;
  background: transparent;
}
.fx-txt{
  position: absolute;
  color:#000;
  top: 58rpx;
  left: 25rpx;
  font-size: 12px;
}
.left-b-r{
  position: relative;
  top: -3rpx;
  left: 15rpx;
  font-size: 12px;
}
.apply{
  flex: 1;
  width: 527rpx;
  height:100%;
  line-height: 100rpx;
  background: #9DDB52;
  text-align: center;
  color: #ffffff;
  font-family: "PingFang-SC-Regular";
  font-weight: Regular;
}
.apply{
  width: 500rpx;
  height: 85rpx;
  opacity: 1;
  background: #9DDB52;
  border-radius: 43rpx;
  font-size: 36rpx;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .xhq::after{
  content: '';
  position:absolute;
  width:50rpx;
  height: 50rpx;
  bottom: 0;
  right: -20rpx;
  background:#FFF100;
  border-radius: 50%;
  opacity: 0.4;
  z-index:0;
} */
.offer-detail image{
  margin: auto;
}
.hk-leftt::after{
  content:"";
  position:absolute;
  width: 8rpx;
  height:30rpx;
  left:-14rpx;
  bottom: 10rpx;
  background: #9DDB52;
  z-index: 999
  }

.hk-leftt{
  position: relative;
}
.collect{
  font-size: 28rpx;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #1a1a1a;
  letter-spacing: -1rpx;
  height: 40rpx;
  line-height: 40rpx;
  margin-top:4rpx;
}
.left-b-btn{
  left:0rpx;
}
.left-b-l-btn{
  display: flex;
  flex-direction: column;
}
.box-detail{
  width:690rpx;
  margin:-99rpx auto 0 auto;
}
.slidesfix{
  position: relative;
  z-index: -1;
}
.box-header{
  width: 100%;
  height: 99rpx;
  box-sizing:border-box;
  opacity: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #9DDB52;
  border-radius: 20rpx 20rpx 0px 0px;
}
.box-header .c1{
  font-size: 38rpx;
  color:white;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  margin-right: 20rpx;
}
.box-header .r1{
  font-size: 30rpx;
  color:white;
  font-family: PingFang SC, PingFang SC-Bold;
  margin-right: 20rpx;
}
.box-detail .box-body{
  width: 690rpx;
  min-height: 222rpx;
  opacity: 1;
  background: #ffffff;
  border-radius:0rpx 0rpx 20rpx 20rpx;
  box-sizing: border-box;
  margin:0 auto;
  padding:22rpx 30rpx;
}
.box-body .l1{
  font-size: 35rpx;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #1a1a1a;
  letter-spacing: -1rpx;
}
.box-body .labelitem{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top:10rpx;
}
.labelitem .lico{
  width:20rpx;
  height: 25rpx;
}
.labelitem .lico2{
  width:21rpx;
  height:21rpx;
}
.labelitem view{
  font-size: 24rpx;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #999999;
  margin-left:10rpx;
}
.ico-h-z{
  font-size: 26rpx;
  margin-right: 0rpx;
}
.labelitemf view{
  margin-left:0rpx;
}
.box-item-wrap{
  width:690rpx;
  margin:0 auto;
  background: white;
  border-radius: 20rpx;
  margin-top:25rpx;
  margin-bottom: 200rpx;
  padding:10rpx 22rpx;
  box-sizing: border-box;
}
.box-two-wrap{
  margin:30rpx auto 10rpx auto;
}