.bg-1{
  background-image: url("http://qn.colorcun.com/custom/lite-yd/image/invit-bg.jpg");
  background-color: #353334;
  color:#fefefe;
}
.bg-2{
  background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E5%BA%95%E9%83%A8.png");
  background-color: #F4AFB2;
}


.invit-logo{
  width: 380rpx;
  height: 200rpx;
  position: relative;
  background-size: 100%;
}
.shangwu-line{
  background-image: url("http://qn.colorcun.com/reserve/images/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20191115114857.png");
  background-size: 100% 100%;
  width: 604rpx;
  height: 30rpx;
  margin-top: 60rpx;
}
.seller{
  margin-top: 60rpx;
  width: 100%;
}
.seller .title{
  font-size: 28rpx;
  color:#CEB689;
  margin-bottom: 10rpx;
  height: 40rpx;
  line-height: 40rpx;
}
.seller .title-left,.seller .title-right{
  width: 44rpx;
  height: 4rpx;
  background-size: 100%;
}
.seller .title-left{
  background-image: url("http://qn.colorcun.com/manager-invitation/wx2/line1.png");
  margin-right: 10rpx;
}
.seller .title-right{
  margin-left: 10rpx;
  background-image: url("http://qn.colorcun.com/manager-invitation/wx2/line2.png");
}
.seller .content{
  margin-bottom: 60rpx;
  font-size: 36rpx;
  line-height: 50rpx;
  text-align: center;
  /*align-items:flex-start;*/
  width: 90%;
}
.seller .content:last-child{
  margin-bottom: 0;
}
.seller .addr{
  width: 80%;
}
.seller .invit-addr{
  width: 22rpx;
  height: 28rpx;
  margin-right: 10rpx;
  margin-top: 14rpx;
  min-width: 22rpx;
}

.editor{
  height:80rpx;
  width: 504rpx;
  background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E4%BF%AE%E6%94%B9%E5%86%85%E5%AE%B92.png");
  background-size: 100%;
}
.shangwu{
  width: 100%;
}
.shangwu .seller{
  margin-bottom: 54rpx;
}
.wenxin {
  margin-top: 20rpx;
  width: 100%;
}

.wenxin-top{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height: 80rpx;
  background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E9%A1%B6%E9%83%A8%E8%8A%B1%E8%BE%B9.png");
  background-size: 100%;
}
.wenxin-bottom{
  position: fixed;
  bottom:0;
  left:0;
  width:100%;
  height: 64rpx;
  background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E8%8A%B1%E8%BE%B9-%E5%BA%95%E9%83%A8.png");
  background-size: 100%;
}
.wenxin .invit-logo{
  width: 350rpx;
  height: 184rpx;
}
.wenxin-mask{
  margin-top: 0rpx;
  width: 528rpx;
  height: 520rpx;
  position: relative;
}
.wenxin-mask-bg{
  margin: 46rpx auto;
  width: 468rpx;
  height: 468rpx;
  border-radius: 50%;
  overflow: hidden;
  background-image: url("http://qn.colorcun.com/manager-invitation/wx/hunshazhao3.jpg");
  background-size: cover;
}
.wenxin-mask-img{
  position: absolute;
  left: 0;
  top:0;
  background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E8%8A%B1%E7%8E%AF%E7%A9%BA.png");
  width: 100%;
  height: 520rpx;
  background-size: 100%;
}
.wenxin-baitou{
  margin-top: 10rpx;
  width: 404rpx;
  height: 42rpx;
  background-size: 100%;
  background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E6%B0%B8%E7%BB%93%E5%90%8C%E5%BF%83-%E7%99%BD%E5%A4%B4%E5%81%95%E8%80%81.png");
}
.wenxin-line{
  margin-top: 10rpx;
  width: 600rpx;
  height: 30rpx;
  background-size: 100% 100%;
  background-image: url("http://qn.colorcun.com/manager-invitation/wx3/wx-line.png");
}
.wenxin .seller{
  margin-top: 10rpx;
  color:#fefefe;
  margin-bottom: 38rpx;
}
.wenxin .seller .title{
  display: none;
}
.wenxin .seller .content{
  margin-bottom: 10rpx;
  font-size: 36rpx;
  line-height: 50rpx;
  text-align: center;
  align-items:flex-start;
}
.wenxin .seller .content.addr{
  width: 90%;
}
.quick-editor{
  background-color: #ECD9B7;
  width: 120rpx;
  height: 40rpx;
  line-height: 40rpx;
  color: #353535;
  font-size: 24rpx;
  position: absolute;
  top:50rpx;
  right:-150rpx;
  text-align: center;
}

.buts-share{
  width: 560rpx;
  height: 86rpx;
  margin: 0 auto;
  background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E9%80%9A%E7%9F%A5%E5%AE%A2%E6%88%B72.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
.animation{
  animation-name: butAnimation;
  animation-duration: 0.7s;
  animation-iteration-count:9999;
}
@keyframes butAnimation
{
  50%   {background-size:90%;}
}
@-webkit-keyframes butAnimation
{
  50%   {background-size:90%;}
}

.title-addr{
  background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E5%9C%B0%E5%9D%80.png");
  width: 22rpx;
  height: 28rpx;
  background-size: 100% 100%;
  margin-right: 16rpx;
}
.title-more{
  background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E7%AE%AD%E5%A4%B4.png");
  width: 14rpx;
  height: 22rpx;
  background-size: 100% 100%;
  margin-left: 16rpx;
  margin-top: 3rpx;
}


.opt .buts-dh{
  width: 40rpx;
  height: 40rpx;
  margin-right: 36rpx;
}
.opt .buts-sh{
  width: 40rpx;
  height: 40rpx;
  margin-right: 36rpx;
}
.opt-button .opt{
  height: 66rpx;
  line-height: 66rpx;
  width: 100%;
  overflow: hidden;
  margin-top: 12rpx;
}
.opt-button .opt-text{
  height: 66rpx;
  line-height: 66rpx;
}
.opt .opt-text:first-child{
  border-right: 2rpx solid #D3BF9C;
}
.opt-button{
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #ECD9B7;
  height: 90rpx;
  line-height: 90rpx;
  color: #7B512A;
  font-size: 30rpx;
}
.buts-text{
  height: 40rpx;
  line-height: 40rpx;
}
.date-time{
  position: relative;
  height: 50rpx;
  line-height: 50rpx;
}
.upTime{
  width: 92rpx;
  height: 34rpx;
  line-height: 34rpx;
  font-size: 20rpx;
  background-color: #ECD9B7;
  color: #794F28;
  position: absolute;
  right:0;
  top:8rpx;
}