@charset "utf-8";

body {
    height: 100%;
    --family: FZLanTingHeiS-DB-GB;
    /* font-family: FZLanTingHeiS-DB-GB; */
}

.red {
    color: #dd2a2a;
}

.mc {
    margin: 0 auto;
}

.button {
    width: fit-content;
    padding: 0.1rem 0.8rem 0.21rem;
    text-align: center;
    font-size: 0.46rem;
    color: #fff;
    background: url(https://xthd-dx.oss-cn-hangzhou.aliyuncs.com/DX/AHGZH/20250109/img/pop-btn-bg.png) no-repeat 0 0 / 100% 100%;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    transform: translateZ(0);
}

.grey-btn {
    width: fit-content;
    padding: 0.1rem 0.8rem 0.21rem;
    text-align: center;
    font-size: 0.46rem;
    color: #fff;
    background: url(https://xthd-dx.oss-cn-hangzhou.aliyuncs.com/DX/AHGZH/20250109/img/grey-btn.png) no-repeat 0 0 / 100% 100%;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    transform: translateZ(0);
}

.button-con {
    width: fit-content;
    padding: 0.22rem 0.6rem 0.31rem;
    text-align: center;
    font-size: 0.32rem;
    color: #fff;
    background: url(https://xthd-dx.oss-cn-hangzhou.aliyuncs.com/DX/AHGZH/20250109/img/yellow-btn.png) no-repeat 0 0 / 100% 100%;
    /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
    transform: translateZ(0);
}

.button-can {
    width: fit-content;
    padding: 0.22rem 0.6rem 0.31rem;
    text-align: center;
    font-size: 0.32rem;
    color: #fff;
    background: url(https://xthd-dx.oss-cn-hangzhou.aliyuncs.com/DX/AHGZH/20250109/img/orange-btn.png) no-repeat 0 0 / 100% 100%;
    /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
    transform: translateZ(0);
}

.textGradient {
    color: transparent;
    background: linear-gradient(-90deg, #fba04a 0%, #ff221e 100%);
    -webkit-background-clip: text;
}

.box {
    width: 100%;
    min-height: 15.34rem;
    padding-top: 11.9rem;
    position: relative;
    background: url(https://xthd-dx.oss-cn-hangzhou.aliyuncs.com/DX/AHGZH/20250601/img/bg-img1.png) no-repeat 0 0 / 100% 100%;
}

.flex-space-around {
    justify-content: space-around;
}

.share-img {
    width: 3.2rem;
    position: absolute;
    top: 0.68rem;
    right: 0.18rem;
}

.current_phone {
    position: absolute;
    top: 0;
    right: 0.17rem;
    font-size: 0.23rem;
}

.page_btn {
    width: 0.42rem;
    height: 1.48rem;
    position: absolute;
}

.prize_btn,
.login_btn {
    right: 0;
}

.rule_btn,
.share_btn {
    left: 0;
}

.prize_btn,
.rule_btn {
    top: 2.93rem;
}

.login_btn,
.share_btn {
    top: 5.73rem;
}

.create-btn {
	top: 4.68rem;
	left: 0;
}

.rule_tip {
    position: absolute;
    bottom: 1.5rem;
    height: 3.82rem;
    padding: 0.03rem;
    margin: 0 3.5vw;
    background: linear-gradient(0deg, #f3be49, #e4472f);
    border-radius: 0.25rem;
    font-family: var(--family);
    font-weight: 400;
    font-size: 0.18rem;
    color: #ffffff;
}

.rule_tip .tip_bg {
    height: 100%;
    padding: 0.2rem;
    background: linear-gradient(0deg, #fcecd3, #ffffff);
    border-radius: 0.25rem;
    position: relative;
}

.rule_tip .start_btn {
    position: absolute;
    width: 4.6rem;
    top: -0.73rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.rule_tip .tip_num {
    position: absolute;
    top: -7.903rem;
    left: 50%;
    font-size: 0.25rem;
    transform: translate(-50%, 0);
    color: #c55407;
}

.footer .tip_cont {
    border-radius: 0.25rem;
    font-weight: 400;
    font-size: 0.18rem;
    color: #ffffff;
    height: 100%;
    padding: 0.35rem 0.53rem 0;
    border-radius: 0.25rem;
    letter-spacing: 0.02rem;
    /* background: linear-gradient(90deg, #eb8348, #f3c36f); */
    /* box-shadow: 0px 9px 21px 0px rgba(255, 213, 145, 0.31); */
}

.popup-box {
    width: 5.6rem;
    border-radius: 0.26rem;
    background: #fbfadb;
    border-radius: 0.29rem;
    border: 0.16rem solid #fec822;
    /* margin-top: -3.24rem; */
    border-radius: 50% / 0.43rem;
}

.input-box {
    width: 5.6rem;
    padding: 0.18rem 0.32rem 0.6rem;
    font-size: 0.28rem;
    text-align: center;
    font-weight: 600;
}

.popup_title {
    width: 5.6rem;
}

.login-input {
    width: 4.64rem;
    height: 0.74rem;
    margin: 0.2rem auto;
    padding-left: 0.27rem;
    color: #f05300;
    background: #fff;
    border-radius: 0.43rem;
}

.get-vcode {
    padding: 0.1rem 0.2rem;
    border-radius: 2rem;
    background: #fff;
    text-align: center;
    color: #999999;
    font-size: 0.21rem;
    margin-right: 0.2rem;
    /* width: 2.4rem; */
}

.login_phone {
    margin: 0 auto;
    width: 3.74rem;
    height: 0.95rem;
}

.login-input input::placeholder {
    font-weight: 400;
    font-size: 0.24rem;
    color: #f05300;
    opacity: 0.45;
}

.login-input input {
    height: 100%;
}

.input-icon {
    margin-right: 0.2rem;
    width: 0.25rem;
}

.myprize-box {
    width: 6.1rem;
    height: auto;
    padding: 0.28rem;
    text-align: center;
    overflow: visible;
}

.prize-title {
    width: fit-content;
    padding: 0.13rem 0.83rem 0.245rem;
    margin-bottom: 0.3rem;
    margin-top: -0.75rem;
    font-size: 0.48rem;
    color: #f05300;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.06rem;
    font-family: FZTeCuGuangHuiS-R-GB;
    font-weight: 400;
    color: #fbf491;
    text-shadow: 2px 3px 4px rgba(102, 42, 18, 0.8);
    background: url(https://xthd-dx.oss-cn-hangzhou.aliyuncs.com/DX/AHGZH/20250109/img/pop-title-bg.png) no-repeat 0 0 / 100% 100%;
}

.prize-top {
    font-weight: bold;
    font-size: 0.28rem;
    color: #952f00;
}

.common-box {
    width: 6.5rem;
    font-size: 0.2rem;
    padding-top: 0.28rem;
    padding-bottom: 0.3rem;
}

.common-box .rule-tit {
    margin-bottom: 0.1rem;
    font-size: 0.48rem;
    font-size: 0.49rem;
    color: #f05300;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.06rem;
}

.common-box .rule-txt {
    padding: 0 0.2rem 0.1rem;
    height: 8rem;
    overflow-y: auto;
    text-align: justify;
    word-break: break-all;
}

.win-box {
    width: 6.1rem;
    font-size: 0.28rem;
    padding: 0.23rem 0.24rem 0.24rem;
}

.gongxi {
    font-size: 0.33rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.32rem;
    letter-spacing: 0.012rem;
    /* font-family: var(--family); */
}

.gongxi span {
    color: #7c3216;
    /* background: linear-gradient(-90deg, #fba04a 0%, #ff221e 100%);
    -webkit-background-clip: text; */
}

.submit-input {
    width: 5.2rem;
    padding: 0.18rem 0.32rem;
    font-size: 0.28rem;
    text-align: center;
    font-weight: 600;
    background: #ffffff;
    border-radius: 0.1rem;
    margin: 0.2rem auto;
    box-shadow: 0px 3px 7px 0px rgba(255, 107, 171, 0.35);
}

.submit-input .get-vcodes {
    border-radius: 2rem;
    text-align: center;
    color: #fd503f;
    font-size: 0.21rem;
    letter-spacing: 0.022rem;
}

.submit-input input::placeholder {
    font-weight: 400;
    font-size: 0.24rem;
    color: #646464;
    opacity: 0.45;
}

.win-box .win-footer-btn {
    width: 2.52rem;
    height: 0.73rem;
}

.win-box .confirm-tip {
    font-family: var(--family);
    width: 2.6rem;
    font-weight: 400;
    font-size: 0.16rem;
    color: #fd503f;
    margin-top: 0.04rem;
    letter-spacing: 0.023rem;
}

.prize-rules {
    font-family: var(--family);
    height: 4.8rem;
    overflow-y: auto;
    font-size: 0.19rem;
    color: #1a1919;
    line-height: 1.5;
    margin-top: 0.13rem;
    text-align: justify;
}

.receive-box {
    width: 6.2rem;
    /* overflow: hidden; */
    padding: 0.28rem 0.1rem 0;
}

.receive-confirm {
    color: #fff;
    font-size: 0.33rem;
    width: 2.655rem;
    height: 0.9rem;
    line-height: 0.75rem;
    margin: 0.3rem auto 0;
    background: url(https://xthd-dx.oss-cn-hangzhou.aliyuncs.com/DX/AHGZH/20241031/img/invite_btn.png) no-repeat 0 0 / 100% 100%;
}

.receive-desc {
    /* font-family: var(--family); */
    font-weight: 400;
    font-size: 0.27rem;
    color: #fc9144;
    line-height: 0.47rem;
    margin-top: 0.12rem;
}

.fail-box {
    width: 6.2rem;
    /* overflow: hidden; */
    padding: 0.28rem 0.24rem 0.24rem;
}

.fail-btn {
    padding: 0 0.1rem;
}

.fail-btn img {
    width: 2.04rem;
}

.fail-desc {
    font-family: var(--family);
    font-size: 0.35rem;
    color: #7c3216;
    margin: 0.2rem auto;
}

.new-box {
    /* width: 6.2rem; */
    /* overflow: hidden; */
    padding: 0.28rem 0.24rem 0.24rem;
}

.qrcode-img {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
}

.new-desc {
    margin-top: 0.2rem;
    font-family: var(--family);
    font-weight: 500;
    font-size: 0.22rem;
    color: #000000;
}

.add-box {
    overflow: hidden;
    padding: 0.45rem 0.24rem 0.24rem;
}

.add-expression {
    width: 1.86rem;
    margin: 0 auto;
}

.add-desc {
    font-family: var(--family);
    font-weight: 500;
    font-size: 0.28rem;
}

.giver_brightness {
    filter: brightness(0.3);
}

.prize-item {
    margin-top: 0.2rem;
    font-size: 0.22rem;
    color: #f05300;
    text-align: center;
    /* padding-left: 0.32rem;
  padding-right: 0.6rem; */
}

.item01 {
    /* width: 1.5rem; */
    word-break: break-word;
}

.btn {
    width: 1rem;
    height: 0.35rem;
    margin: 0 auto;
    font-size: 0.2rem;
    border-radius: 0.175rem;
    text-align: center;
    line-height: 0.35rem;
}

.btn-wrin {
    background: #919293;
    color: #fff;
}

.btn-suc {
    background: #f1cf71;
    color: #952f00;
}

.time-tips {
    width: 6.6rem;
    padding: 0.8rem 0.3rem;
    background-color: #fff;
    border-radius: 0.2rem;
    color: #333;
    font-size: 0.3rem;
}

.page2 {
    width: 100%;
    min-height: 15.34rem;
    position: relative;
    background: url(https://xthd-dx.oss-cn-hangzhou.aliyuncs.com/DX/AHGZH/20250109/img/page1-bg.png) no-repeat 0 0 / 100% 100%;
}

.page2-box {
    top: 5.2rem;
    position: absolute;
    left: 1.322rem;
}

.mouse {
    width: 1.26rem;
    height: 1.55rem;
    overflow: hidden;
}

.page2-hammer {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: -1.06rem;
    right: -.9rem;
    transform-origin: right bottom;
    animation: fall .3s linear forwards;
}

/* 定义动画 */
@keyframes fall {
    0% {
        transform: rotate(0deg) translateY(0);
    }

    100% {
        transform: rotate(-17deg) translateY(0);
    }
}


.mouse .animate {
    animation: slide-up 0.55s linear forwards;
    /* animation: photoPrint 2s linear forwards; */
}

@keyframes photoPrint {
    from {
        transform: translate(0.1rem, 0);
    }

    to {
        transform: translate(0.1rem, 1.5rem);
    }
}

@keyframes slide-up {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}



/* 定义从上到下的动画 */
@keyframes slide-down {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* 应用动画到元素 */
.slide-down-animation {
    animation: slide-down 1s ease forwards;
}



.container-details {
    min-height: 16.24rem;
    background: url(https://xthd-dx.oss-cn-hangzhou.aliyuncs.com/DX/AHGZH/20250601/img/bg-img.png) no-repeat 0 0 / 100% 100%;
    position: relative;
    padding-top: 5.3rem;
}

.qingdan-box {
    height: 10rem;
    margin: 0 0.2rem;
    padding: 1.32rem 0.6rem 0.2rem;
    background: url(https://xthd-dx.oss-cn-hangzhou.aliyuncs.com/DX/AHGZH/20250601/img/qingdansmallback.png) no-repeat 0 0 / 100% 100%;
    border-radius: 0.24rem;
}

.qingdan-top {
    font-size: 0.3rem;
    color: #0e111b;
    column-gap: 0.2rem;
}

.weeks-box {
    width: 4.1rem;
    position: relative;
    font-size: 0.24rem;
    color: #a7aeb7;
    overflow-x: auto;
}

.week-item {
    height: 0.5rem;
    margin-right: 0.3rem;
    position: relative;
    word-break: keep-all;
}

.week-item.active {
    color: #fec820;
}

.week-item.active::after {
    content: " ";
    width: 100%;
    height: 0.08rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(-4deg, #f8df95, #fec820);
    border-radius: 0.04rem;
}

.qingdan-head {
    padding: 0.2rem 0;
    font-size: 0.24rem;
    color: #9daec5;
    text-align: center;
}

.qingdan-list {
    margin-bottom: 0.2rem;
    font-size: 0.24rem;
    color: #333;
    text-align: center;
}

.qingdan-list div:not(:last-child) {
    color: #000000;
}

.avatar {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 0.24rem;
    margin: 0 auto;
  }

  .poster-box {
	width: 7.5rem;
	height: 13.34rem;
	position: fixed;
	top: -400%;
	/* top: 0; */
	left: 0;
}

.qrcode-url {
	width: 1.6rem;
	height: 1.6rem;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: 0.8rem;
}
.poster-img {
	width: 6rem;
	/* height: 12.2rem; */
}

.poster-tips {
	font-size: 0.36rem;
	text-align: center;
	margin-top: 0.2rem;
	color: #fff;
}