div,h3,li,ul,p{box-sizing: border-box;}
body{
  background-color: #ff3433;
}
header{
  background: url(../img/header.png) center 0/cover no-repeat;
  height: 4.17rem;
  width: 7.5rem;
  margin: 0 auto;
}
.kefu-bar{
  display: block;
  height: 1.04rem;
  width: 7.5rem;
  background: url(../img/kefu-bar.png) center 0/cover no-repeat;
  margin: 0 auto;
}
.main{padding-bottom: .1rem;}

/* 狂欢只在此"课" */
.part1 .title{height: 1.25rem; width:7.5rem; background: url(../img/tit1.png) 0/cover no-repeat; margin: 0.35rem auto 0.05rem;}
.part1 ul{display: flex;overflow-x: scroll;height: 4.2rem;}
.part1 ul li{flex: none;}
.part1 ul li .time{padding: 0 0 .12rem .36rem; font-size: .26rem; font-weight: bold; color: #ffe3c2;}
.part1 ul li .line{position: relative; height: .02rem; background: #ffdf9e; width: 4.2rem;}
.part1 ul li .line::before{content: ''; position: absolute; left: .3rem; top: -.08rem; width: .18rem; height: .18rem; border-radius: 50%; background: #fff2d0;}
.part1 ul li .line::after{content: ''; position: absolute; right: -.02rem; top: -.09rem; border-left: .18rem solid #ffdf9e; border-top: .1rem solid transparent; border-bottom: .1rem solid transparent;}
.part1 ul li .content{height: 3.06rem; width: 3.84rem; margin: .2rem 0 0 .36rem;display: inline-block;}
.part1 ul li .content h3{height: .5rem; width: 100%;background: linear-gradient(90deg,#ff3232,#f00000); border-radius: .08rem .08rem 0 0; display: flex; justify-content: space-between; align-items: center; font-weight: bold; font-size: .24rem; color: #fff;padding: 0 .16rem;}
.part1 ul li .content img{height: 2.56rem; width: 100%;}
.sub-btn{color:#fff; font-size: .3rem;font-weight: bold; height: .64rem; line-height: .64rem; text-align: center; width: 6rem; border-radius: .32rem; background: linear-gradient(180deg,#ffbb1b,#ff8d00); box-shadow: 0 .06rem .16rem rgba(190,10,10,.45); margin: 0 auto .1rem;}

/* 狂欢"壕"礼相送 */
.part2 .title{height: 1.2rem; width:7.5rem; background: url(../img/tit2.png) 0/cover no-repeat; margin: 0.4rem auto 0.1rem;}
.part2 ul li{width: 6.9rem; background-color: #fff; margin: .24rem auto; border-radius: .16rem; padding: .3rem;display: flex; align-items: center; box-shadow: 0 .04rem .12rem rgba(180,0,0,.15);}
.part2 ul li .avatar{position: relative;flex: none;}
.part2 ul li .avatar img{height: 1.6rem; width: 1.6rem; border-radius: 50%;}
.part2 ul li .avatar .icon-v{height: .44rem; width: .44rem; background: url(../img/icon-v.png) 0/cover no-repeat; position: absolute; right: 0; bottom: 0;}
.part2 ul li .content{margin-left: .3rem;}
.part2 ul li .content h4{font-size: .34rem; color: #1a1a1a; font-weight: 900;}
.part2 ul li .content p{font-size: .28rem; color: #ff4500; font-weight: bold; margin: .08rem 0 .16rem;}
.part2 ul li .content .btn-wrap a{height: .56rem;line-height: .56rem; padding: 0 .32rem; display: inline-block;font-size: .26rem; font-weight: bold; border-radius: .28rem;}
.part2 ul li .content .zhibo{border: 1px solid #ff4500;color: #ff4500;}
.part2 ul li .content .qianggou{background: linear-gradient(180deg,#ff8a3d,#ff3d00); color: #fff;margin-left: .2rem;}

footer{text-align: center; padding: .5rem 0 .8rem;}
footer .f-tit{font-size: .3rem; color: #ffd6d2; font-weight: bold; letter-spacing: .06rem;}
footer .f-info{font-size: .22rem; color: #ff9d97; margin-top: .2rem;}