/* 待发放 */
.frozenTop {
    background: #3e3c37;
    color: #e7e4d5;
    margin: 20rpx;
    padding: 40rpx;
    box-sizing: border-box;
    border-radius: 20rpx;
    font-size: 34rpx;
    position: relative;
    overflow: hidden;
}

.frozenTop-number {
    font-size: 40rpx;
    font-weight: 600;
    margin-top: 30rpx;
}

.frozenTop-tips {
    position: absolute;
    top: 0;
    right: 0;
    background: #030200;
    color: #fff;
    font-size: 28rpx;
    padding: 12rpx 20rpx;
    border-radius: 0 0 20rpx 20rpx;
    display: flex;
}

.frozenTop-tips image {
    width: 30rpx;
    height: 30rpx;
    margin: 4rpx 10rpx 0 0;
}

.frozenTop-btn {
    position: absolute;
    top: 110rpx;
    right: 40rpx;
    background: #dab684;
    color: #fff;
    font-size: 28rpx;
    border-radius: 80rpx;
    padding: 8rpx 30rpx;
}

.frozenCont {
    background-color: #fff;
    margin: 30rpx 20rpx;
    border-radius: 20rpx;
    font-size: 36rpx;
}

.frozenTitle {
    padding: 20rpx;
    box-sizing: border-box;
    color: #9c9c9c;
}

.frozenList {
    padding: 20rpx;
    display: flex;
    font-size: 32rpx;
}

.frozenList-left {
    flex: 1;
    line-height: 50rpx;
}

.frozenList-number {
    line-height: 50rpx;
    text-align: center;
}

.frozenList-name {
    display: flex;
}

.frozenList-name image {
    width: 32rpx;
    height: 32rpx;
    margin: 10rpx 10rpx 0 0;
}

.frozenList-time {
    padding-left: 40rpx;
}

.frozenList-variable,
.frozenList-time {
    font-size: 26rpx;
    color: #aaaaaa;
}

.frozenList-yellow {
    color: #317afa;
    font-weight: 600;
}


/* 最新样式  2021-06-22 */
page,
.no-pack-center {
    background-image: linear-gradient(to bottom, #24315d, #24315d);
}

.no-pack-center {
    color: #fff;
}

.banner-swiper {
    height: 100vh;
    overflow: hidden;
}

.banner-swiper swiper-item {
    padding: 0 20rpx;
    box-sizing: border-box;
}

.grantSwiper {
    width: 100%;
    height: 100vh;
    padding: 0 40rpx;
    box-sizing: border-box;
}

.banner-height {
    height: 460rpx;
    margin-top: 30rpx;
}

.grantTop {
    position: relative;
    width: 100%;
    height: 300rpx;
    color: #ffdf95;
}

.grantTop-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.grantTop-text,
.grantTop-tips {
    position: absolute;
    z-index: 9;
    left: 0;
    width: 100%;
}

.grantTop-text {
    top: 0;
    padding: 40rpx 60rpx;
    box-sizing: border-box;
}

.grantTop-text image {
    width: 120rpx;
    height: 40rpx;
}

.grantTop-price {
    text-align: center;
    font-size: 60rpx;
}

.grantTop-price text {
    font-size: 30rpx;
    display: block;
    color: #fff;
}

.grantTop-price-tips {
    display: inline-block;
    font-size: 40rpx;
}

.grantTop-tips {
    bottom: 0;
    font-size: 26rpx;
    display: flex;
    line-height: 70rpx;
    height: 70rpx;
    padding: 0 20rpx;
    box-sizing: border-box;
}

.grantTop-time {
    flex: 1;
}

.grantTitle {
    background-color: #3d4963;
    border-radius: 15rpx;
    margin: 40rpx 0;
    width: 100%;
    display: flex;
    color: #d3d5e1;
    height: 90rpx;
    overflow: hidden;
}

.grantTitle-name,
.grantTitle-tel {
    box-sizing: border-box;
    height: 90rpx;
    line-height: 90rpx;
    font-size: 30rpx;
}

.grantTitle-name {
    padding-left: 20rpx;
    font-weight: 600;
    background-image:-webkit-linear-gradient(left,#fbdebe,#e5ad7a);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    flex: 1;
}

.grantTitle-tel {
    padding: 0 30rpx 0 20rpx;
    background-color: #192845;
    position: relative;
}

.grantTitle-tel::after {
    position: absolute;
    content: '';
    left: -20rpx;
    top: 0;
	width:0;
	height:0;
	border-left: 20rpx solid transparent;
	border-right: 20rpx solid transparent;
	border-bottom: 90rpx solid #192845;
}

.grantIssue-title {
    height: 120rpx;
}

.grantIssue-title-name {
    line-height: 44rpx;
    display: flex;
}

.grantIssue-title-name image {
    width: 42rpx;
    height: 42rpx;
    margin-right: 20rpx;
}

.grantIssue-title-name text {
    font-weight: 600;
    font-size: 32rpx;
    background-image:-webkit-linear-gradient(left,#fbdebe,#e5ad7a);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.grantIssue-title-tips {
    font-size: 26rpx;
    margin: 10rpx 0 30rpx;
    color: #d2d6e2;
}

.grantIssue-title-tips text {
    color: #dcbc8d;
}

.grantIssue {
    height: calc(100vh - 550rpx);
}

.grantIssue-list {
    overflow-y: scroll;
    height: calc(100% - 140rpx);
}

.grantIssue-label {
    position: relative;
    height: 180rpx;
    margin-bottom: 30rpx;
    border-radius: 10rpx;
    overflow: hidden;
    background-color: #f9dabb;
}

.grantIssue-label:last-child {
    margin-bottom: 0;
}

.grantIssue-label-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.grantIssue-label-img.active,
.grantIssue-label-tips.active {
    -webkit-filter: grayscale(100%);   
    -moz-filter: grayscale(100%);  
    -ms-filter: grayscale(100%);   
    -o-filter: grayscale(100%);     
    filter: grayscale(100%); 	     
    filter: gray;
}

.grantIssue-label-cont {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 6;
    padding: 20rpx;
    box-sizing: border-box;
    display: flex;
}
.grantIssue-label-left {
    width: 120rpx;
    text-align: center;
    margin-top: 20rpx;
}

.grantIssue-left-top {
    color: #e9083d;
    font-size: 26rpx;
}

.grantIssue-left-top.active,
.grantIssue-center-top.active,
.grantIssue-label-right.active {
    color: gray;
}

.grantIssue-left-number.active {
    background: -webkit-linear-gradient(left,#e2e2e2,#e2e2e2);
    color: gray;
}

.grantIssue-left-top text {
    font-size: 34rpx;
    font-weight: 600;
    padding: 0 6rpx;
}

.grantIssue-left-number {
    background:-webkit-linear-gradient(left,#ffdca4,#f8af52);
    color: #b13509;
    border-radius: 30rpx;
    display: inline-block;
    font-size: 22rpx;
    height: 42rpx;
    line-height: 42rpx;
    padding: 0 15rpx;
    margin-top: 12rpx;
}

.grantIssue-label-right {
    width: 80rpx;
    font-weight: 600;
    text-align: center;
    font-size: 26rpx;
    color: #3d2a26;
    line-height: 140rpx;
}

.grantIssue-label-center {
    width: calc(100% - 240rpx);
    margin: 20rpx 20rpx 0 20rpx;
}

.grantIssue-center-top {
    font-size: 26rpx;
    color: #0f004a;
    font-weight: 600;
    margin-bottom: 8rpx;
}

.grantIssue-center-top text {
    font-size: 40rpx;
    padding-right: 10rpx;
}

.grantIssue-center-time {
    font-size: 26rpx;
    color: #757575;
}

.grantIssue-label-tips {
    position: absolute;
    width: 140rpx;
    height: 100%;
    right: 0;
    top: 0;
}


/* 滑动箭头 */
.frozenArrow-left,
.frozenArrow-right {
    position: fixed;
    z-index: 9;
    top: 35%;
    width: 40rpx;
    height: 40rpx;
    text-align: center;
    writing-mode:lr-tb;
    color: #f0cba8;
    font-size: 24rpx;
}

.frozenArrow-left image,
.frozenArrow-right image {
    width: 24rpx;
    height: 24rpx;
}

.frozenArrow-left {
    left: 8rpx;
    -webkit-animation: bounce-left 1s linear infinite;
    animation: bounce-left 1s linear infinite;
}

.frozenArrow-right {
    right: 8rpx;
    -webkit-animation: bounce-right 1s linear infinite;
    animation: bounce-right 1s linear infinite;
}

.frozenArrow-left image {
    transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
}

@keyframes bounce-left {
    25% {transform: translateX(3px);}
    50%, 100% {transform: translateX(0);}
    75% {transform: translateX(-3px);}
}

@keyframes bounce-right {
    25% {transform: translateX(-3px);}
    50%, 100% {transform: translateX(0);}
    75% {transform: translateX(3px);}
}


/* 指示点 */
.dots {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: fixed;
    bottom: 20rpx;
    height: 40rpx;
}

.dots view {
    width: 14rpx;
    height: 14rpx;
    margin: 0 6rpx;
    border-radius: 50%;
    background-color: #c5c5c5;
}

.dots .active {
    width: 24rpx;
    border-radius: 40rpx;
    background-color: #ffdf95;
}

.grantIssue-pack {
    background: rgba(0, 0, 0, .2);
    border-radius: 10rpx;
    text-align: center;
    padding: 40rpx 0;
    color: #c9d3f7;
    font-weight: 600;
    font-size: 30rpx;
}

.grantIssue-pack image {
    width: 200rpx;
    height: 200rpx;
    margin-bottom: 20rpx;
}