*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}
* img{
    display: block;
    width: 100%;
}
*{
    outline: none;
}
.wrap{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
::-webkit-scrollbar{
    width: 0.08rem;
    height: 0.1rem;
}

::-webkit-scrollbar-track{
    border-radius:5px;
    background:#233046;
}

::-webkit-scrollbar-thumb{
    border-radius:5px;
    /* background:rgba(0,0,0,0.4); */
    background: #84bbe5;
}
/* 为了更好的浏览器兼容性，使用带有浏览器前缀的样式 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #A99372;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #A99372;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #A99372;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #A99372;
}
.f3_taskBox li.disabled {
  background: url(../img/page3_btn01.png) no-repeat top center;
  background-size: 100% 100%;
}
.f3_taskBox li:nth-child(1).disabled .f3_task_btn{
  cursor: not-allowed;
}
.f3_taskBox li{
  user-select: none;
}
.floor2_ul li.active{
  background: url(../img/page2_box.png) no-repeat top left;
  background-size: 2.7rem 2.69rem;
}
.floor2_ul li.active h3{
  background: url(../img/page2_btn2.png) no-repeat top center;
  background-size: 100%;
}
.floor2_ul li.active .gift_desc{
  color: #7ac5ff;
}
.gift_img img{
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  margin: 0.9rem auto 0;
  filter: grayscale(100%)
}
.floor2_ul li.active .gift_img img{
  filter: none;
}
.prize_img{
  position: relative;
}
.prize_img img{
  width: auto;
  height: auto;
  max-width: 0.7rem;
  max-height: 0.7rem;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}