/* 卡券详情 */
.details {
    background: #fff;
    margin: 20rpx;
    width: calc(100% - 40rpx);
    border-radius: 20rpx;
    padding: 30rpx;
    box-sizing: border-box;
    box-shadow: 0 0 20rpx rgba(0, 0,0, .1);
}

.detailsTop {
    border-bottom: 2rpx dashed #c8c8c8;
    padding-bottom: 40rpx;
}

.detailsTop-name {
    font-size: 36rpx;
    font-weight: 600;
    margin-bottom: 20rpx;
}

.detailsTop-time {
    color: #7e7e7e;
    font-size: 26rpx;
}

.detailsCode {
    text-align: center;
    padding: 0 0 20rpx;
    margin: 40rpx 0 30rpx;
}

.detailsCode image {
    width: 300rpx;
    height: 300rpx;
    margin-bottom: 30rpx;
}

.detailsCode-text, .detailsStore-row {
    color: #949494;
    font-size: 28rpx;
}

.detailsCode-text {
    text-align: center;
    font-size: 32rpx;
    font-weight: 600;
    color: #000;
}

.detailsCode-text text {
    color: #999;
    font-weight: normal;
    font-size: 26rpx;
}

.detailsStore {
    border-top: 2rpx #c8c8c8 solid;
    padding-top: 40rpx;
}

.detailsStore-top, .detailsStore-row {
    display: flex;
    line-height: 30rpx;
    margin-bottom: 20rpx;
}

.detailsStore-title {
    flex: 1;
    font-weight: 600;
}

.detailsStore-row image  {
    width: 26rpx;
    height: 26rpx;
    margin: 3rpx 0 0 6rpx;
}

.detailsStore-list {
    position: relative;
    margin-bottom: 40rpx;
}

.detailsStore-list:last-child {
    margin-bottom: 0;
}

.detailsStore-logo {
    width: 100rpx;
    height: 100rpx;
    border-radius: 10rpx;
}

.detailsStore-cont {
    position: absolute;
    left: 130rpx;
    top: 0;
    width: calc(100% - 130rpx);
    display: flex;
}

.detailsStore-left {
    width: calc(100% - 90rpx);
    margin-right: 30rpx;
}

.detailsStore-tel {
    width: 60rpx;
    height: 60rpx;
    margin-top: 25rpx;
}

.detailsStore-place {
    font-size: 24rpx;
    line-height: 40rpx;
    color: #5a5a5a;
    display: flex;
}

.detailsStore-place text {
    flex: 1;
    display: inline-block;
    font-size: 28rpx;
    margin-right: 20rpx;
}


.detailsStore-name {
    margin-bottom: 20rpx;
}

.detailsText {
    padding: 30rpx 30rpx 20rpx;
    box-sizing: border-box;
}

.detailsText-title {
    font-size: 32rpx;
    font-weight: 600;
    margin-bottom: 20rpx;
}

.detailsText-tips {
    font-size: 26rpx;
    line-height: 50rpx;
    color: #555557;
    padding-bottom: 20rpx;
}

.detailsCode-join {
    color: #ee8e44;
    font-size: 24rpx;
    border-radius: 50rpx;
    border: 2rpx solid #ee8e44;
    padding: 10rpx 20rpx;
    display: inline-block;
    margin-top: 30rpx;
}

.detailsCode-join.active {
    border: 2rpx solid #999;
    color: #999;
}

.source{ 
    margin: 30rpx 0;
    font-size: 28rpx;
}

.location {
    background: white;
    width: 100%;
    text-align: center;
    margin: 60rpx 0 0;
}

.location text {
    font-size: 28rpx;
    display: block;
    line-height: 46rpx;
    color: #999;
}

.location-btn[size="mini"] {
    background-color: #ee8e44;
    color: #fff;
    font-size: 26rpx;
    line-height: 66rpx;
    margin-top: 30rpx;
}

.location-img {
    width: 150rpx;
    height: 120rpx;
    margin-bottom: 20rpx;
}

.detailsBar {
    text-align: center;
    padding: 0 50rpx;
    box-sizing: border-box;
    margin-top: 60rpx;
    margin-bottom: 40rpx;
}


.detailsBar image {
    width: 100%;
}

.detailsBar .detailsCode-text {
    margin-bottom: 10px;
    color: #000;
}