/* pages/share/share.wxss */
page{
  background-color: #fff;
}
.banner{
  width:400rpx;
  height: 400rpx;
  /* margin:20rpx auto; */
   margin:60rpx auto;
}
.banner image{
  display: block;
  width:400rpx;
  min-height: 0;
  margin: 0 auto;
}
image.card_src{
  margin-top: 70rpx;
}
.choose_wrap{
  height: 86rpx;
  padding:30rpx 0;
  background-color: #f2f2f2;
}
.choose_content{
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative;
}
.user_photo{
  float:left;
  width: 62rpx;
  height: 62rpx;
  margin:12rpx 24rpx 0 36rpx;
}
.choose_msg{
  font-size: 30rpx;
  line-height: 86rpx;
}
.choose_icon{
  width: 20rpx;
  height: 32rpx;
  position: absolute;
  top:27rpx;
  right: 40rpx;
}
.msg_tetxarea{
  width: 710rpx;
  height: 150rpx;
  padding:20rpx;
  font-size: 30rpx;
  line-height: 40rpx;
  color: #aaa;
  background-color: #fff;
}
.send_btn{
  width: 88%;
  height: 96rpx;
  font-size: 34rpx;
  line-height: 96rpx;
  color: #fff;
  text-align: center;
  background-color: #169bd5;
  position: fixed;
  bottom: 20rpx;
  left:6%;
  border-radius: 8rpx;
  z-index: 1;
}
/* 选择朋友按钮 */
button.save_btn,.save_btn{
  width:100%;
  height: 98rpx;
  line-height: 98rpx;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  font-size: 24rpx;
  color:#fff;
  background-color:#b4a078;
  border-radius:0px;
  border: 0px none;
  padding:0;
  -webkit-transform:scale(1);
  transform:scale(1);
  text-align: center;
}
button::after{
  content:"";
}
.write_msg{
   padding-top:15rpx; 
   background-color:#e2e2e2; 
}
/* 上传图片 */
.upload_wrap{
  padding:20rpx;
}
.upload_img_wrap{
  float:left;
  width: 110rpx;
  height: 110rpx;
  margin: 25rpx;
  position: relative;
}
.delete_img{
  width: 30rpx;
  height: 30rpx;
  position: absolute;
  top: -15rpx;
  right: -15rpx;
  z-index: 2;
}
.upload_img{
  width: 110rpx;
  height: 110rpx;
}
.button-hover[plain]{
  color:#fff;
  background-color: #b4a078;
}

.card_space{
  width: 100%;
  height: 15rpx;
  background-color: #e2e2e2;
}
/* 选择场景 */
.card_title{
  font-size: 30rpx;
  color: #222;
  padding: 32rpx 0 48rpx 30rpx;
}
.card_list{
  width:100%;
  color:#fff;
  overflow : auto ;
}
.card_list_cont{
  white-space: nowrap; 
}
.each_card_wrap{
  display: inline-block;
  width: 33%;
}
.each_card_cont{
  width: 206rpx;
  margin: 0 auto;
  position: relative;
  padding-top: 12rpx;
}
.card_img{
  display: block;
  width: 206rpx;
  margin: 0 auto;
}
.card_intro{
  font-size: 18rpx;
  line-height: 44rpx;
  color: #3a3c49;
  text-align: center;
}
.card_select{
  display: block;
  width: 36rpx;
  height: 36rpx;
  position: absolute;
  top: 0;
  right: -12rpx;
  z-index: 2;
}