/*
@author: he
@update: he (2026-10-16)
*/
@charset "utf-8";
body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#fff;color:#333;font-size:0.32rem;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;border:0;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{text-decoration:none;outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"]{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.wrap{min-width:320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative; background: #ff014e;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bodyBg{ background: url(/images/zhuanti/20261111/task/bg_01.jpg) no-repeat center top #ffa34a; background-size: 100% auto;}

/*页头*/
.header{ position: relative; z-index: 1; height: 11.867rem;}
.header .logo{ position: absolute; z-index: 2; top: 0.76rem; left: 0.533rem; display: block; width: 3.4rem; height: 0.587rem;}

/*参与活动*/
.activityBox{ position: relative; z-index: 2; margin: -0.8rem auto 0.8rem; width: 9.2rem; padding-bottom: 0.133rem; border-radius: 0.267rem; background: #fff; -webkit-box-shadow: 0 0 0.667rem #ffc56a; -moz-box-shadow: 0 0 0.667rem #ffc56a; box-shadow: 0 0 0.667rem #ffc56a;}
.activityBox .tit{ height: 1.333rem; line-height: 1.333rem; text-align: center; font-size: 0.48rem; color: #ff350d; font-weight: 700;}
.activityBox .list{ width: 8.667rem; height: 2.747rem; margin: 0 auto 0.4rem; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center;}
.activityBox .list .lLeft{ width: 4.133rem; margin-left: 2.4rem;}
.activityBox .list .lLeft-tit{ line-height: 0.48rem; font-size: 0.427rem; color: #330404; font-weight: 700; margin-bottom: 0.12rem;}
.activityBox .list .lLeft-txt{ line-height: 0.507rem; font-size: 0.267rem; color: #666;}
.activityBox .list .rBtn{ display: block; width: 1.947rem; height: 1.947rem; line-height: 1.947rem; text-align: center; font-size: 0.4rem; color: #fff; font-weight: 700; background: url(/images/zhuanti/20261111/task/icon_01.png) no-repeat; background-size: 100% 100%; animation: pulse2 1s ease infinite; -webkit-animation: pulse2 1s ease infinite;}
.activityBox .list .rBtn.no{ color: #330404; background: url(/images/zhuanti/20261111/task/icon_02.png) no-repeat; background-size: 100% 100%; animation:none;}
.activityBox .list.bg01{ background: url(/images/zhuanti/20261111/task/bg_02.png) no-repeat; background-size: 100% 100%;}
.activityBox .list.bg02{ background: url(/images/zhuanti/20261111/task/bg_03.png) no-repeat; background-size: 100% 100%;}
.activityBox .list.bg03{ background: url(/images/zhuanti/20261111/task/bg_04.png) no-repeat; background-size: 100% 100%;}
.activityBox .list.bg04{ background: url(/images/zhuanti/20261111/task/bg_05.png) no-repeat; background-size: 100% 100%;}
.activityBox .list.bg05{ background: url(/images/zhuanti/20261111/task/bg_06.png) no-repeat; background-size: 100% 100%;}
.activityBox .list.bg06{ background: url(/images/zhuanti/20261111/task/bg_07.png) no-repeat; background-size: 100% 100%;}

/*参与用户*/
.userBox{ position: relative; z-index: 1; width: 9.2rem; margin: 0 auto 0.533rem;}
.userBox .tit{ position: absolute; left: 50%; top: -0.267rem; margin-left: -2.733rem; width: 5.467rem; height: 0.88rem; line-height: 0.88rem; text-align: center; font-size: 0.48rem; color: #eaf7ff; font-weight: 700; background: url(/images/zhuanti/20261111/task/tit_01.png) no-repeat; background-size: 100% 100%;}
.userBox .cbox{ padding: 0.88rem 0.267rem 0.267rem; border-radius: 0.267rem; background: #ffe5cd; -webkit-box-shadow: 0 0 0.667rem #ffc56a; -moz-box-shadow: 0 0 0.667rem #ffc56a; box-shadow: 0 0 0.667rem #ffc56a;}
.userBox .cbox-con{ background: #fff; padding: 0.267rem 0; border-radius: 0.133rem;}
.userBox .cbox-con .swiper-drawList{ overflow: hidden; padding:0 0 0 0.4rem; height: 2.319rem;}
.userBox .cbox-con .swiper-drawList .swiper-slide{ height:0.773rem; line-height:0.773rem; font-size:0.32rem;}
.userBox .cbox-con .swiper-drawList .swiper-slide span{ display:block; float:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.userBox .cbox-con .swiper-drawList .swiper-slide span.t1{ width:2.267rem; margin-right: 0.267rem; background-position: 0 -11.827rem;}
.userBox .cbox-con .swiper-drawList .swiper-slide span.t2{ width:5.4rem; margin-right: 0.267rem;}

/*页脚*/
.footer{ line-height: 0.587rem; text-align: center; font-size: 0.32rem; color: #666; margin-bottom: 0.133rem;}
.footer a{ color: #666;}

/*底部浮层*/
.botFloat-wap{ width: 100%; height: 1.2rem;}
.botFloat{ position: fixed; left: 0; bottom: 0; z-index: 20; width: 100%; height: 1.2rem; background: url(/images/zhuanti/20261111/task/tit_02.png) no-repeat; background-size: 100% 100%;}
.botFloat .btn01{ float: left; display: block; height: 1.2rem; line-height: 1.2rem; font-size: 0.427rem; color: #db370b; margin-left: 1.68rem;}
.botFloat .btn02{ float: right; display: block; width: 4.667rem; height: 0.96rem; line-height: 0.96rem; text-align: center; font-size: 0.427rem; color: #fff; font-weight: 700; margin: 0.12rem 0.4rem 0 0; background: url(/images/zhuanti/20261111/task/icon_04.png) no-repeat; background-size: 100% 100%;}






















.pulse2{animation-name: pulse2;-webkit-animation-name: pulse2;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
@keyframes pulse2 {0% {transform: scale(0.9);}50% {transform: scale(1);}100% {transform: scale(0.9);}}
@-webkit-keyframes pulse2 {0% { -webkit-transform: scale(0.9);}50% { -webkit-transform: scale(1);}100% { -webkit-transform: scale(0.9);}}