@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page {
  background-color: #e93323 !important;
  font-size: 26rpx;
}
.bargain .back {
  width: 40rpx;
  height: 44px;
  line-height: 44px;
  height: 40rpx;
  position: fixed;
  left: 25rpx;
  top: 50rpx;
  z-index: 99;
}
.bargain .back image {
  width: 40rpx;
  height: 40rpx;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.bargain .header {
  background-image: url("data:image/png;base64,[encoded data, 56016 characters]");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 698rpx;
  height: 572rpx;
  margin: 0 auto;
  padding-top: 0.1rpx;
}
.bargain .header.on {
  background-image: url("data:image/png;base64,[encoded data, 51068 characters]");
}
.bargain .header .pictxt {
  margin: 330rpx auto 0 auto;
  font-size: 26rpx;
  color: #fff;
}
.bargain .header .pictxt .pictrue {
  width: 56rpx;
  height: 56rpx;
  margin-right: 30rpx;
}
.bargain .header .pictxt .pictrue image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2rpx solid #fff;
}
.bargain .header .pictxt .text text {
  margin-left: 20rpx;
}
.bargain .header .time {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbgAAACmCAMAAACfv2reAAAAk1BMVEUAAAD/nSL/oCj/oCj/nSH/nSH/oCj/mhr/mhr/oCj/oCj/oCj/nSH/niT/mhr/mhr/oCj/mhr/oCj/oCj/mhr/niP/oCj/oCj/mhr/////oCj/mhr/nyT/w3f/rkf/rEL/pjT/tlr/xXv/uF3//vz/vmv/wXP/vWr/79r/1aD/05r/wXL/nB//5MH/+/X/t1r/5MP28hXaAAAAGXRSTlMABvndiVtUVPjkOC8Dk+DarKyQC+QH86amYv5b+wAAA6JJREFUeNrs3Nlu4kAQheEyGOywBkImcR8Sh7Avycz7P920G8l3MYtccko63wXc969GXuiS20XJ6ygF1SQdvyaRiL5kDKrZOBFtgxjID7tVRjVZ7Q45EA9EV4z5ntVqttqfEIuqBKevjGr3dUIiiqIZ9hkp2GMWiZ4Ocv5Oqljl6IieCQ4ZqThgInpG2GWkYoeR6EnBX0olK6SiB8hICSAlhjOE4YxiOKMYziiGM4rhjGI4o5TCIWA4PQhqzzcPGE4PMA9q3m0fAcPpKdfYk3o47z1gOD3Ae+A8qUfuLby/C4bTA5zXOPekHktvu11v12uG0wOc13jpybWi7ku75X6yOR43bwHD6QHegmK13U/+tF+6kZS6bVfls8RweoDPkqvS7pZ/lXTVNpvNkTtOW7nj/Gq7avFACrG7YOlt196W4fQA5zVeeu6CWLyu81rT3lP1VWWBV5WKgEVQeVX51Bu2nNcViR7890Of93EKVO7j+iFYJJ1iv/XlEj450QZ8BHJJv9hzHXn0n1M+q2ze9c8qpz7Zo7T9Z4+vdZoHyJV6Pllbin0XMVzzrg/37JO1xHl8kfoLAHIt5zHcb8FwRjGcUQxnFMMZdU84HrNq3jdSxXBjHmzUssPo9nA8Sty8Aya3h+Ph/caFw/s3h+O4jMbtMXtWDCcJTv8yqqQ/oKYMx5FQDSpHQumGGww5hK1e32EI23BwTziOPWzYOBFRDydRZ8JBo/VJR5NOJHeGI1MYziiGM4rhjGI4oxjOKIYziuGMYjijGM4ohjOK4YxiOKMYziiGM4rhjGI4oxjOKIYziuH+s0cHJAAAAACC/r9uR6AXnBI3JW5K3JS4KXFT4qbETYmbEjclbkrclLgpcVPipsRNiZsSNyVuStyUuClxU+KmxE2JmxI3JW5K3JS4KXFT4qbETYmbEjclbkrclLgpcVPipsRNiZsSNyVuStyUuClxU+KmxE2JmxI3JW5K3JS4KXFT4qbETYmbEjclbkrclLgpcVPipsRNiZsSNyVuStyUuClxtUdHJwzDUAxFZTs2xInBxLQf2n/QvrTQGSLQ+ZAGuKIcTpTDiXI4UQ4nyuFEOZwohxPlcKIcTpTDiXI4UQ4nyuFEOZwohxPlcKIcThQD3jEJJmSRzCixHSakkyyYsRdMyCA5UWPzAZNxZJIVaY/bXU7G8Q32AhpDvvqCPd7qIzM0hI0mZsPtHDQp48RPKzQZpeEv1Vky7fFymTXh9gGY1gZJcqJI8QAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 440rpx;
  height: 166rpx;
  margin: 340rpx auto 0 auto;
  font-size: 22rpx;
  text-align: center;
  padding-top: 11rpx;
  box-sizing: border-box;
}
.bargain .header .time .red {
  color: #fc4141;
}
.bargain .header .people {
  text-align: center;
  color: #fff;
  font-size: 20rpx;
  position: absolute;
  width: 85%;
  height: 44px;
  line-height: 44px;
}
.bargain .header .time text {
  color: #333;
}
.bargain .wrapper,
.bargain .bargainGang,
.bargain .goodsDetails {
  width: 660rpx;
  border: 6rpx solid #fc8b42;
  background-color: #fff;
  border-radius: 20rpx;
  margin: -162rpx auto 0 auto;
  box-sizing: border-box;
  padding: 0 24rpx 47rpx 24rpx;
  position: relative;
}
.bargain .wrapper .pictxt {
  margin: 26rpx 0 37rpx 0;
}
.bargain .wrapper .pictxt .pictrue {
  width: 180rpx;
  height: 180rpx;
  position: relative;
}
.bargain .wrapper .pictxt .pictrue image {
  width: 100%;
  height: 100%;
  border-radius: 6rpx;
}
.bargain .wrapper .pictxt .text {
  width: 395rpx;
  font-size: 28rpx;
  color: #282828;
  height: 180rpx;
}
.bargain .wrapper .pictxt .text .money {
  font-weight: bold;
  font-size: 24rpx;
}
.bargain .wrapper .pictxt .text .money .num {
  font-size: 36rpx;
}
.bargain .wrapper .pictxt .text .successNum {
  font-size: 22rpx;
  color: #999;
}
.bargain .wrapper .cu-progress {
  overflow: hidden;
  height: 12rpx;
  background-color: #eee;
  width: 100%;
  border-radius: 20rpx;
}
.bargain .wrapper .cu-progress .bg-red {
  width: 0;
  height: 100%;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
  border-radius: 20rpx;
  background-image: -webkit-linear-gradient(left, #ffa363 0%, #e93323 100%);
  background-image: linear-gradient(to right, #ffa363 0%, #e93323 100%);
}
.bargain .wrapper .money {
  font-size: 22rpx;
  color: #999;
  margin-top: 15rpx;
}
.bargain .wrapper .bargainSuccess {
  font-size: 26rpx;
  color: #282828;
  text-align: center;
}
.bargain .wrapper .bargainSuccess .iconfont {
  font-size: 45rpx;
  color: #54c762;
  padding-right: 18rpx;
  vertical-align: -5rpx;
}
.bargain .wrapper .bargainBnt {
  font-size: 30rpx;
  font-weight: bold;
  color: #fff;
  width: 600rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background-image: -webkit-linear-gradient(left, #f67a38 0%, #f11b09 100%);
  background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%);
  text-align: center;
  line-height: 80rpx;
  margin-top: 32rpx;
}
.bargain .wrapper .bargainBnt.on {
  border: 2rpx solid #e93323;
  color: #e93323;
  background-image: -webkit-linear-gradient(left, #fff 0%, #fff 100%);
  background-image: linear-gradient(to right, #fff 0%, #fff 100%);
  width: 596rpx;
  height: 76rpx;
}
.bargain .wrapper .bargainBnt.grey {
  color: #fff;
  background-image: -webkit-linear-gradient(left, #bbbbbb 0%, #bbbbbb 100%);
  background-image: linear-gradient(to right, #bbbbbb 0%, #bbbbbb 100%);
}
.bargain .wrapper .tip {
  font-size: 22rpx;
  color: #999;
  text-align: center;
  margin-top: 20rpx;
}
.bargain .wrapper .lock,
.bargain .bargainGang .lock,
.bargain .goodsDetails .lock {
  background-image: url("data:image/png;base64,[encoded data, 4512 characters]");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 548rpx;
  height: 66rpx;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -43rpx;
  z-index: 5;
}
.bargain .bargainGang {
  margin: 13rpx auto 0 auto;
}
.bargain .bargainGang .title,
.bargain .goodsDetails .title {
  font-size: 32rpx;
  font-weight: bold;
  height: 80rpx;
  margin-top: 30rpx;
}
.bargain .bargainGang .title .pictrue,
.bargain .goodsDetails .title .pictrue {
  width: 46rpx;
  height: 24rpx;
}
.bargain .bargainGang .title .pictrue.on,
.bargain .goodsDetails .title .pictrue.on {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.bargain .bargainGang .title .pictrue image,
.bargain .goodsDetails .title .pictrue image {
  width: 100%;
  height: 100%;
  display: block;
}
.bargain .bargainGang .title .titleCon,
.bargain .goodsDetails .title .titleCon {
  margin: 0 20rpx;
}
.bargain .bargainGang .list .item {
  border-bottom: 1rpx dashed #ddd;
  height: 112rpx;
}
.bargain .bargainGang .list .item .pictxt {
  width: 310rpx;
}
.bargain .bargainGang .list .item .pictxt .pictrue {
  width: 70rpx;
  height: 70rpx;
}
.bargain .bargainGang .list .item .pictxt .pictrue image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2rpx solid #e93323;
}
.bargain .bargainGang .list .item .pictxt .text {
  width: 225rpx;
  font-size: 20rpx;
  color: #999;
}
.bargain .bargainGang .list .item .pictxt .text .name {
  font-size: 25rpx;
  color: #282828;
  margin-bottom: 7rpx;
}
.bargain .bargainGang .list .item .money {
  font-size: 25rpx;
}
.bargain .bargainGang .list .item .money .iconfont {
  font-size: 35rpx;
  vertical-align: middle;
  margin-right: 10rpx;
}
.bargain .bargainGang .load {
  font-size: 24rpx;
  text-align: center;
  line-height: 80rpx;
  height: 80rpx;
}
.bargain .goodsDetails {
  margin: 13rpx auto 0 auto;
}
.bargain .goodsDetails ~ .goodsDetails {
  margin-bottom: 50rpx;
}
.bargain .goodsDetails .conter {
  margin-top: 20rpx;
  overflow: hidden;
}
.bargain .goodsDetails .conter image {
  width: 100% !important;
  display: block !important;
}
.bargain .bargainTip {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 560rpx;
  margin-left: -280rpx;
  z-index: 111;
  border-radius: 20rpx;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  padding-bottom: 60rpx;
  margin-top: -330rpx;
}
.bargain .bargainTip.on {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.bargain .bargainTip .pictrue {
  width: 100%;
  height: 321rpx;
}
.bargain .bargainTip .pictrue image {
  width: 100%;
  height: 100%;
  border-radius: 20rpx 20rpx 0 0;
}
.bargain .bargainTip .cutOff {
  font-size: 30rpx;
  color: #666;
  padding: 0 29rpx;
  text-align: center;
  margin-top: 50rpx;
}
.bargain .bargainTip .cutOff.on {
  margin-top: 26rpx;
}
.bargain .bargainTip .help {
  font-size: 32rpx;
  font-weight: bold;
  text-align: center;
  margin-top: 40rpx;
}
.bargain .bargainTip .tipBnt {
  font-size: 32rpx;
  color: #fff;
  width: 360rpx;
  height: 82rpx;
  border-radius: 41rpx;
  background-image: -webkit-linear-gradient(left, #f67a38 0%, #f11b09 100%);
  background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%);
  text-align: center;
  line-height: 82rpx;
  margin: 50rpx auto 0 auto;
}
.bargain_view {
  width: 180rpx;
  height: 48rpx;
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
  border-radius: 0 0 6rpx 6rpx;
  position: absolute;
  bottom: 0;
  font-size: 22rpx;
  color: #fff;
  text-align: center;
  line-height: 48rpx;
}
.iconfonts {
  font-size: 22rpx !important;
}
.wxParse-div {
  width: auto !important;
  height: auto !important;
}
.bargain .mask {
  z-index: 100;
}
.share-box {
  z-index: 1000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.share-box image {
  width: 100%;
  height: 100%;
}

