body{ width: 100%; min-height: 100vh; background: url(https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/bg.png); background-size:100% ; } .alert-info { position: fixed; top: 1.5rem; right: 0; left: 0; bottom: 0; text-align: center; } .alert-info p { display: inline-block; height: 0.38rem; color: #fff; font-size: 0.14rem; line-height: 0.38rem; padding: 0 0.10rem; background-color: rgba(0, 0, 0, 0.7); border-radius: 5px; } #copy_1,#copy_2,#taokouling{ position:absolute; left:-3000px; } #container{ width: 100%; min-height: 100vh; background: url(https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/bgPng.png); background-size:100% ; padding-bottom: 0.33rem; box-sizing: border-box; } #container .banner{ position: absolute; width: 100%; top: 0; } #share{ position: absolute; top: 0.12rem; right: 0.18rem; width: 0.32rem; text-align: center; z-index: 1; } #share img{ width: 100%; } #share span{ font-size:0.13rem; font-weight:600; color:rgba(255,255,255,1); line-height:0.185rem; padding-top: 0.15rem; -webkit-text-stroke:0.005rem rgba(139,78,255,1); text-stroke:0.005rem rgba(139,78,255,1); } #content{ position: relative; padding-top: 2.95rem; } #content .titleImg{ width: 1.53rem; height: 0.68rem; margin: auto; margin-bottom: 0.08rem; } .activityTime .changeTime{ position: relative; width: 3.465rem; height: 2.95rem; background:linear-gradient(135deg,rgba(255,90,132,1) 0%,rgba(254,91,103,1) 100%); border-radius:0.12rem; border:0.015rem solid #FFFFFF; margin: auto; } .activityTime .changeTime .maogo{ padding: 0.2rem 0.1rem; width: 1.025rem; position: absolute; bottom: 0; left: 0; } .activityTime .changeTime .title img{ height: 0.28rem; margin: auto; margin-top: 0.1rem; } .activityTime .changeTime .progress{ position: absolute; top: 0.97rem; left: 0; right: 0; margin: auto; width: 2.935rem; height: 1.32rem; background: url(https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/progress_four.png) no-repeat; background-size:100% ; display: flex; text-align: center; } .activityTime .changeTime .progress li span{ color: #FFFFFF; font-size: 0.12rem; line-height: 0.165rem; padding-bottom: 0.04rem; } .activityTime .changeTime .progress li img{ width: 0.29rem; height: 0.35rem; margin: auto; } .activityTime .changeTime .progress li p{ width: 1.4rem; min-height: 0.2rem; display: flex; justify-content: center; align-items: center; text-align: left; margin-top: 0.095rem; color: #FEFC49; font-size: 0.12rem; line-height: 0.165rem; } .activityTime .changeTime .progress li button{ width: 0.76rem; height: 0.21rem; background:linear-gradient(93deg,rgba(161,104,255,1) 0%,rgba(137,75,255,1) 100%); box-shadow:0px 0.02rem 0.01rem 0px rgba(0,0,0,0.5); border-radius:0.1rem; color: #FFFFFF; font-size: 0.15rem; line-height: 0.21rem; border: none; margin-top: 0.05rem; } .activityTime .changeTime .progress li:nth-of-type(1){ position: absolute; top: -0.46rem; left: -0.3rem; } .activityTime .changeTime .progress li:nth-of-type(2){ position: absolute; top: -0.46rem; right: 0.2rem; } .activityTime .changeTime .progress li:nth-of-type(3){ position: absolute; bottom: -0.53rem; right: 0.9rem; } .activityTime .ps{ color: #FFFFFF; font-size: 0.15rem; line-height: 0.21rem; margin-top: 0.08rem; text-align: center; } /*心愿清单*/ .washDetailedList{ margin-top: 0.09rem; } .washDetailedList .washDetailed{ width:3.465rem; background:linear-gradient(138deg,rgba(255,101,138,1) 0%,rgba(255,59,186,1) 100%); border-radius:0.12rem; border:0.015rem solid #FFFFFF; margin: auto; } .washDetailedList .washDetailed ul{ display: flex; flex-wrap: wrap; } .washDetailedList .washDetailed ul li{ width: 50%; text-align: center; margin-bottom: 0.27rem; } .washDetailedList .washDetailed ul li h2{ color: #FFFFFF; font-size: 0.24rem; line-height: 0.335rem; padding: 0.05rem 0; } .washDetailedList .washDetailed ul li p{ margin: auto; min-height: 0.5rem; /*width: 1.25rem;*/ color: #FFF101; font-size: 0.12rem; line-height: 0.155rem; margin-bottom: 0.11rem; display: flex; align-items: center; justify-content: center; } .washDetailedList .washDetailed ul li img{ margin: auto; width: 0.9rem; height: 1.72rem; } /*注意事项*/ .carefulMatter{ margin-top: 0.26rem; } .carefulMatter .con{ width:3.465rem; background:linear-gradient(135deg,rgba(255,90,132,1) 0%,rgba(254,91,103,1) 100%); border-radius:0.12rem; border:0.015rem solid #FFFFFF; margin: auto; padding: 0.21rem 0.08rem 0; box-sizing: border-box; } .carefulMatter .con p{ color: #FFF101; font-size: 0.13rem; line-height: 0.185rem; margin-bottom: 0.06rem; } /*最终通关秘籍*/ .lastEsoterica{ margin-top: 0.235rem; } .lastEsoterica .con{ width:3.465rem; background:linear-gradient(138deg,rgba(255,101,138,1) 0%,rgba(255,59,186,1) 100%); border-radius:0.12rem; border:0.015rem solid #FFFFFF; margin: auto; padding: 0.15rem 0; } .lastEsoterica .con p{ color:#FFFFFF; font-size: 0.13rem; line-height: 0.185rem; text-align: center; } .lastEsoterica .con p:nth-of-type(1){ color: #FFFFFF; font-size: 0.15rem; line-height: 0.21rem; } .lastEsoterica .con img{ width: 0.795rem; margin: auto; margin-top: 0.13rem; margin-bottom: 0.175rem; }