yuminge-app/yun-min-program-plugin-master/packageF/storeSign/storeSign/storeSign.wxss

/* packageF/storeSign/storeSign/storeSign.wxss */
#storeSign {
    min-height: 100vh;
}

#storeSign .icon-adsystem_icon_cancle {
    color: #fff;
    margin-top: 32rpx;
    font-size: 80rpx;
}

#storeSign .intrShowBox {
    width: 100%;
    height: 640rpx;
    background: #fff;
    border-radius: 32rpx;
    margin-bottom: 32rpx;
    display: flex;
    flex-direction: column;
}

#storeSign .intrShowBox .title {
    padding: 25.6rpx;
    text-align: center;
}

#storeSign .intrShowBox .intro {
    flex: 1;
    padding: 0 32rpx;
    border-radius: 0 0 32rpx 32rpx;
}

#storeSign .showBox {
    width: 560.96rpx;
    height: 494.08rpx;
    border-radius: 41.92rpx;
    display: flex;
    flex-direction: column;
    margin-bottom: 32rpx;
}

#storeSign .showBox .showBoxBottom {
    width: 100%;
    height: 146.88rpx;
    background: #fff;
    font-size: 32rpx;
    text-align: center;
    line-height: 146.88rpx;
    border-radius: 0 0 41.92rpx 41.92rpx;
}

#storeSign .showBox .showBoxTop {
    flex: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/succee.png");
}

#storeSign .calendarBox {
    overflow: hidden;
    position: relative;
    padding: 0 29.12rpx;
    padding-bottom: 60.16rpx;
    background-repeat: no-repeat;
    background-size: 100% 653.12rpx;
    background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/background.png");
}

#storeSign .calendarBox .intro {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #858585;
    font-size: 20.16rpx;
    margin-top: 36.16rpx;
}

#storeSign .calendarBox .intro .icona {
    width: 32rpx;
    height: 32rpx;
    background-color: #b2b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-right: 12.16rpx;
}

#storeSign .calendarBox .intro .icona .iconfont {
    font-size: 16rpx;
    color: #fff;
}

#storeSign .calendarBox .calendarBottom {
    height: 249.92rpx;
    padding: 0 25.92rpx;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    box-shadow: 0rpx 1.92rpx 17.92rpx 0rpx rgba(199, 199, 199, 0.29);
    border-radius: 9.92rpx;
    padding-top: 32rpx;
}

#storeSign .calendarBox .calendarBottom .signDetail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}

#storeSign .calendarBox .calendarBottom .signDetail .signDetail_list {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#storeSign .calendarBox .calendarBottom .signDetail .signDetail_list .txt {
    font-size: 36.16rpx;
    color: #1b1b1b;
    margin-bottom: 16rpx;
}

#storeSign .calendarBox .calendarBottom .detail {
    border-bottom: 1rpx solid #e8e8e8;
    padding-bottom: 29.12rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 28.16rpx;
}

#storeSign .calendarBox .calendarView {
    margin-top: 26.88rpx;
    width: 100%;
    height: 649.92rpx;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/calendatBackground.png");
    padding-top: 66.56rpx;
}

#storeSign .calendarBox .calendarView .ol {
    display: flex;
}

#storeSign .calendarBox .calendarView .ol {
    display: flex;
    box-sizing: border-box;
}

#storeSign .calendarBox .calendarView .ol>.li {
    display: inline-block;
    width: 14.27%;
    text-align: center;
    line-height: 64rpx;
}

#storeSign .calendarBox .calendarView .ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
    padding: 0 9.6rpx;
}

#storeSign .calendarBox .calendarView .ul>.li {
    list-style: none;
    width: 14.27%;
    height: 94rpx;
}

#storeSign .calendarBox .calendarView .ul>.li .dayTxt {
    display: block;
    margin: 17.6rpx 0 12.8rpx 0;
    position: relative;
    font-size: 24rpx;
    text-align: center;
}

#storeSign .calendarBox .calendarView .ul>.li .dayTxt image {
    position: absolute;
    left: 32.4rpx;
    top: -2.8rpx;
    border-radius: 50%;
    width: 40.96rpx;
    height: 41.92rpx;
    display: block;
}

#storeSign .calendarBox .calendarView .ul::after {
    content: "";
    width: 100%;
    height: 2rpx;
    z-index: 1;
    background: #fff;
    position: relative;
    left: 0;
    bottom: 2rpx;
}

#storeSign .calendarBox .calendarView .month {
    text-align: center;
    font-size: 28.16rpx;
    color: #1b1b1b;
}

#storeSign .calendarBox .background_Img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0 auto;
}

#storeSign .calendarBox .headTop {
    padding-top: 72.96rpx;
    width: 100%;
    display: flex;
    justify-content: center;
}

#storeSign .calendarBox .headTop .headTopRight {
    width: 328rpx;
    height: 328.96rpx;
    z-index: 1;
    display: flex;
    align-items: center;
    margin-left: 46.08rpx;
    background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/circle.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    justify-content: center;
}

#storeSign .calendarBox .headTop .headTopRight .headTopRight_conten {
    font-size: 24rpx;
    color: #ffffff;
    width: 60%;
    text-align: center;
}

#storeSign .calendarBox .headTop .headTopRight .headTopRight_conten .headTopRight_contentxt2 {
    font-size: 60.16rpx;
}

#storeSign .calendarBox .headTop .headTopRight .headTopRight_conten .headTopRight_contentxt2 .span{
    font-size: 28.16rpx;
    display: contents;
}
.clear{
    margin-bottom: 0;
}

#storeSign .calendarBox .headTop .headTopRight .btnbox {
    position: absolute;
    bottom: 25.92rpx;
    width: 100%;
    height: 60.16rpx;
    display: flex;
    justify-content: center;
}

#storeSign .calendarBox .headTop .headTopRight .btnbox .btn {
    width: 180.16rpx;
    height: 60.16rpx;
    background-color: #ffffff;
    border-radius: 30.08rpx;
    font-size: 25.92rpx;
    color: #ff2c29;
    text-align: center;
    line-height: 60.16rpx;
}

#storeSign .calendarBox .headTop .headTopleft {
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 24rpx;
    color: #ffffff;
}

#storeSign .calendarBox .headTop .headTopleft .headTopleft_point {
    font-size: 48rpx;
    margin-bottom: 22.4rpx;
}

#storeSign .calendarBox .headTop .headTopleft .headTopleft_txt {
    margin-bottom: 25.6rpx;
}

#storeSign .calendarBox .headTop .headTopleft .headTopleft_txt2 {
    margin-bottom: 64rpx;
}