/* page/subPackage/pages/zeroSell/detail.wxss */

@import '../../vendors/zanui/actionsheet/index.wxss';

.line {
  height: 20rpx;
  background-color: #f0f0f0;
}

.product-item {
  margin-bottom: 80rpx;
}

.header {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.mt-header {
  margin-top: 80rpx;
}

.fellow-bar {
  position: fixed;
  width: 100%;
  top: 0rpx;
  z-index: 1000;
}

.action-bar {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 999;
}

.foot {
  height: 160rpx;
}

.action-item {
  flex: 1;
  color: white;
  text-align: center;
  font-size: 32rpx;
  height: 100rpx;
  line-height: 100rpx;
  background-color: white;
  border-radius: unset;
}

.action-list {
  flex: 0;
  position: relative;
  flex-basis: 150rpx;
}

.action-image {
  width: 46rpx;
  height: 42rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  /* transform: translateY(-50%); */
  transform: translate(-50%, -50%);
}

.action-bar2 {
  display: flex;
  width: 100%;
  height: 100rpx;
}

.auth-content {
  font-size: 28rpx;
  color: #444444;
  line-height: 40rpx;
  text-align: center;
  margin-top: 96rpx;
}

.auth-foot {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  width: 100%;
  height: 90rpx;
  line-height: 90rpx;
  font-size: 32rpx;
  font-weight: bolder;
  text-align: center;
  border-top: 1rpx solid #e0e0e0;
}

.jion-tips-image {
  margin-left: 30rpx;
  width: 690rpx;
  height: 80rpx;
  margin-top: 20rpx;
}

.machine {
  background-image: url('https://cdn.yoho.cn/o_1dh8e94lvd4g1ut18pk1in8ure8.png');
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 258rpx;
  position: relative;
  margin-left: 83.6rpx;
  width: 598rpx;
  overflow: hidden;
}
.machine-t-l {
  margin-top: 20rpx;
}

.machine-t-m {
  margin-top: 40rpx;
}

.machine .code-list {
  position: relative;
  width: 410rpx;
  height: 22rpx;
  margin: 110rpx auto 0 78rpx;
  overflow: hidden;
}

.code-list .code-list-item {
  margin-top: -12rpx;
  width: 410rpx;
  height: 164rpx;
  overflow: hidden;
  position: relative;
}

.code-list .code-list-item-container {
  position: absolute;
  bottom: 0;
  width: 410rpx;
}

.code-list .code-list-item .code {
  float: left;
}

.machine .code {
  width: 410rpx;
  position: relative;
}

.code-list .code-list-item .content {
  width: 410rpx;
  height: 164rpx;
  position: relative;
  background-image: url('https://img11.static.yhbimg.com/yhb-img01/2018/12/27/19/0140fa3243af949068d2aabeedb0ea0666.png');
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  z-index: 4;
}

.code-list .code-list-item .content .thumb {
  width: 60rpx;
  height: 60rpx;
  margin: 46rpx 10rpx 46rpx 32rpx;
  border-radius: 30rpx;
}
.code-list .code-list-item .content .my-code {
  height: 44rpx;
  float: right;
  vertical-align: middle;
  line-height: 156rpx;
  font-size: 32rpx;
  margin-right: 46rpx;
}
.code-list .code-list-item .content .text {
  font-size: 16rpx;
  display: inline-block;
  height: 172rpx;
  vertical-align: middle;
}
.code-list .code-list-item .shadow {
  width: 410rpx;
  position: absolute;
  top: 6rpx;
}

.code-list .down {
  width: 20rpx;
  height: 20rpx;
  margin-left: 50%;
}
.open-shadow {
  box-shadow: 0rpx 0rpx 16rpx 4rpx #000;
  width: 394rpx;
  height: 0rpx;
  position: absolute;
  top: 112rpx;
  z-index: 10;
  left: 82rpx;
}

.appBtn {
  position: fixed;
  width: 80rpx;
  height: 160rpx;
  right: 50rpx;
  bottom: 148rpx;
  padding: 0;
  align-self: center;
  background-color: transparent !important;
  z-index: 99;
}
.appBtn::after {
  border: none;
}

.appBtn .appImg {
  width: 80rpx;
  height: 160rpx;
}

.flow-tile-wrap {
  display: flex;
  font-size: 36rpx;
  padding: 0 30rpx;
  align-items: center;
  justify-content: space-between;
}
.endTip {
  background-color: #999999;
  height: 80rpx;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding-left: 30rpx;
  font-size: 28rpx;
  letter-spacing: -0.34rpx;
}