/* 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: 56rpx;
}

.help {
  width: 100%;
  text-align: center;
  margin-bottom: 60rpx;
}

.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;
}

.confirm {
  background-color: #444444;
}

.over {
  background-color: #B0B0B0;
}

.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: 70rpx;
  margin-top: 20rpx;
}

.machine {
    background-image: url('https://img10.static.yhbimg.com/yhb-img01/2018/12/27/19/011f45717237b3cbf7301833e8dc28f994.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;
}