.earn-header{background:linear-gradient(180deg,#27070c,#130708);box-shadow:inset 0 2px 3px 0 rgba(119,30,53,.72),0 2px 0 0 rgba(119,30,53,.72),0 -3px 0 0 #150607;border:.01rem solid #150607;border-bottom:0}.earn-header .list{padding:.12rem .1rem;width:1.9rem;height:1.1rem;color:#ccc1c2;text-align:center;overflow:hidden;flex-wrap:wrap}.earn-header .list .title{font-size:.24rem;color:#ccc1c2;line-height:.24rem}.earn-header .list:before{content:" ";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#d03140}.earn-header .list-active .title{color:#fed056}.earn-header .list-active{position:relative;background-image:linear-gradient(180deg,#1b1113,#321015,#8b152b)}.earn-header .list-active:before{animation:width-in .3s forwards}.earn-container{height:100%}.earn-container .content{background-color:#140606}@keyframes width-in{0%{width:0}to{width:100%}}