/* pages/customer/detail_customer.wxss */
@import "../tpl/tpls.wxss";

.pages{
  background-size: 100%;
  font-size: 34rpx;
}

image{
  width: 100%;
  height: 100%;
}
.buts-share{
  background-image: url("http://nosqn.colorcun.com/manager-invitation/wx2/%E5%8F%91%E9%82%80%E8%AF%B7%E5%87%BD.png");
}
.buts-share.customer{
  background-image: url("http://nosqn.colorcun.com/manager-invitation/wx/%E7%A1%AE%E8%AE%A4%E6%94%B6%E5%88%B0.png");
}

.shangwu{
  margin-top: 52rpx;
}
.shangwu .seller{
  margin-bottom: 42rpx;
}
.shangwu .invit-logo.owner{
  width: 380rpx;
  height: 200rpx;
  background-image: url("http://nosqn.colorcun.com/manager-invitation/wx2/%E9%A2%84%E8%AE%A2%E5%AE%89%E6%8E%92.png");
}
.shangwu .invit-logo.customer{
  width: 352rpx;
  height: 164rpx;
  background-image: url("http://nosqn.colorcun.com/custom/lite-yd/image/invit-logo.png");
}


.wenxin-mask{
  margin-top: 20rpx;
}
.wenxin-baitou{
  margin-top: 20rpx;
}
.wenxin .seller{
  margin-bottom: 22rpx;
}
.wenxin .invit-logo.owner{
  width: 340rpx;
  height: 184rpx;
  background-image: url("http://nosqn.colorcun.com/manager-invitation/wx2/%E9%A2%84%E8%AE%A2%E5%AE%89%E6%8E%92-%E6%B8%A9%E9%A6%A8.png");
}
.wenxin .invit-logo.customer{
  width: 344rpx;
  height: 198rpx;
  background-image: url("http://nosqn.colorcun.com/manager-invitation/wx/%E9%82%80%E8%AF%B7%E5%87%BD.png");
}

.bottom{
  position: fixed;
  bottom: 0;
  height: 90rpx;
  line-height: 90rpx;
  background-color: #ECD9B7;
  width: 100%;
  font-size: 30rpx;
  box-sizing: border-box;
}
.bottom .dingbaojian{
  background-color: #262628;
  color: #ECD9B7;
  min-width: 160rpx;
  height: 90rpx;
  line-height: 90rpx;
  border-top: 2rpx solid #ECD9B7;
  box-sizing: border-box;
}
.bottom .dingbaojian .icon{
  width: 30rpx;
  height: 30rpx;
}
.bottom .dingbaojian .text{
  height:34rpx;
  font-size:24rpx;
  color:rgba(236,217,183,1);
  line-height:34rpx;
  margin-top: 8rpx;
}
.bottom .sendmsg{
  background-color: #262628;
  color: #ECD9B7;
  min-width: 25%;
}
.bottom .diancan{
  text-align: center;
  color: #794F28;
  height: 66rpx;
  line-height: 66rpx;
  min-width: 33%;
  width: 100%;
}
.bottom .diancan .buts-text{
  height: 66rpx;
  line-height: 66rpx;
}
.bottom .diancan.left-border{
  border-left: 2rpx solid #D3BF9C;
}
.bottom .jiushui{
  text-align: center;
  color: #794F28;
  height: 90rpx;
  line-height: 90rpx;
  min-width: 33%;
  width: 70%;
}
.bottom .diancan .icon{
  width: 40rpx;
  height: 34rpx;
  margin-right: 40rpx;
}
.bottom .jiushui .icon{
  width: 32rpx;
  height: 38rpx;
  margin-right: 40rpx;
}
.buts-text{
  height: 90rpx;
  line-height: 90rpx;
}
.vline{
  background-color: #D3BF9C;
  width: 6rpx;
  height: 66rpx;
  min-width: 6rpx;
}
.opt-view-tip{
  font-size: 30rpx;
  color:#ccc;
}
.service-view{
  width:88rpx;
  height:64rpx;
  background:rgba(0,0,0,0.15);
  border-radius:50rpx;
  border:1rpx solid rgba(255,255,255,0.25);
  box-sizing: border-box;
  margin-right: 20rpx;
}
.service-icon{
  background-image: url("http://nosqn.colorcun.com/shead2.png");
  background-size: 100% 100%;
  width:36rpx;
  height:36rpx;
}
.coupon{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
}
.coupon-content{
	width: 658rpx;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: auto;
}
.coupon-bg{
	width: 658rpx;
	height: 468rpx;
	background: url(http://nosqn.colorcun.com/coupon.jpg) center center no-repeat;
	background-size:contain;
}
.coupon-info{
	width: 502rpx;
	border-radius: 20rpx;
	overflow: hidden;
	background: #F65636;
	position: relative;
	top: -152rpx;
	margin: 0 auto;
}
.coupon-header{
	width: 100%;
	height: 152rpx;
}
.coupon-header>view:first-child{
	font-size: 48rpx;
}
.coupon-header>view{
	background: linear-gradient(to bottom, #FFFFFF, #FAECA5);
	-webkit-background-clip: text;
	line-height: 1.4;
	-webkit-text-fill-color: transparent;
}
.coupon-button{
	width: 100%;
	padding: 20rpx 0;
	line-height: 34rpx;
	position: relative;
}
.coupon-list{
	width: 502rpx;
	max-height: 360rpx;
	overflow-y: scroll;
}
.coupon-single{
	width: 452rpx;
	height: 134rpx;
	border-radius: 20rpx;
	line-height: 1.4;
	margin:0 auto 16rpx;
	background: #FFFFFF;
}
.coupon-main{
	width: 310rpx;
	height: 100%;
	padding-left: 30rpx;
	box-sizing: border-box;
}
.coupon-border{
	width: 32rpx;
	height: 100%;
}
.circle{
	width: 20rpx;
	height: 10rpx;
	background: #F65636;
	border:2rpx solid #F65636;
}
.circle-top{
	border-radius: 10rpx 10rpx 0 0;
}
.coupon-line{
	width: 2rpx;
	height: 114rpx;
	background: rgba(246,86,54,.2);
}
.circle-bottom{
	border-radius: 0 0 10rpx 10rpx;
}
.use-button{
	width: 92rpx;
	height: 44rpx;
	border-radius: 22rpx;
	background: #E84033;
	color: #FFFFFF;
}
::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.care{
	width: 380px;
	height: 84px;
	/* position: absolute;
	left: 0;
	top: 0; */
	/* padding-left: 100rpx; */
	box-sizing: border-box;
	background: #E84033;
}
.get-button{
	background: transparent;
	padding: 30rpx 0;
}