body {
  font-family: 'PingFang SC', "XHW-pzh", 'Lantinghei SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', '微软雅黑', STHeitiSC-Light, simsun, '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', sans-serif;
}
[v-clock] {
     display: none;
 }
::-webkit-scrollbar {
    display: none;
}
 .mb-20 {
     margin-bottom: .2rem;
 }

 .ml-10 {
     margin-left: .1rem;
 }

 .mb-0 {
     margin-bottom: 0 !important;
 }

 .plr-30 {
     padding: 0 .3rem;
 }

 .mb-40 {
     margin-bottom: .4rem !important;
 }

 .mrl-20 {
     margin: 0 .2rem;
 }

 .count-box {
     padding: .4rem .3rem .6rem;
 }

 .header-msg {
     font-weight: 500;
     font-size: .34rem;
     color: #222222;
     line-height: .34rem;
 }

 .count-tip {
     font-weight: 400;
     font-size: .24rem;
     color: #999999;
     line-height: .24rem;
 }

 .count-list {
     background: #F8FAFF;
     border-radius: .08rem;
     padding: .3rem .1rem;
     text-align: center;
 }

 .count-total {
     font-weight: bold;
     font-size: .34rem;
     line-height: .34rem;
 }

 .col-E0374C {
     color: #E0374C;
 }

 .col-FF8922 {
     color: #FF8922;
 }

 .col-2F67F6 {
     color: #2F67F6;
 }

 .count-total-msg {
     font-weight: 400;
     font-size: .24rem;
     color: #222222;
     line-height: .24rem;
     padding-top: .2rem;
 }

 .model-title {
     font-weight: 500;
     font-size: .34rem;
     color: #222222;
     line-height: .34rem;
     text-align: left;
 }

 .recommend-box,
 .user-box,
 .act-box {
     width: 100%;
     overflow: auto;

 }

 .recommend-list {
     display: flex;
     width: max-content;
     margin: 0 0 .58rem .3rem;
     height: 4.03rem;
 }


 .recommend-list-item {
     flex-shrink: 0;
     margin-right: .3rem;
     width: 6.5rem;
     background: #FFFFFF;
     box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.09);
     border-radius: .1rem;
     overflow: hidden;
     cursor: pointer;
 }

 .base-img {
     width: 6.5rem;
     height: 2.12rem;
     aspect-ratio: 65/21 !important;
     display: block;
 }

 .recommend-list-info {
     padding: .24rem .2rem;
 }

 .item-name {
     font-weight: 400;
     font-size: .32rem;
     color: #333333;
     line-height: .42rem;
     text-align: justify;
     margin-bottom: .24rem;
 }

 .list-info {
     display: flex;
     justify-content: space-between;
     padding: .28rem .3rem;
     border-top: 1px solid #E9E9E9;
     cursor: pointer;
 }

 .list-info:first-child {
     border-top: 0;
 }

 .address {
     font-weight: 400;
     font-size: .24rem;
     color: #666666;
     display: flex;
     align-items: center;
     margin-bottom: .16rem;
 }

 .w22 {
     width: .22rem;
     margin-right: .1rem;
 }

 .user-count {
     font-weight: 400;
     font-size: .24rem;
     color: #1749F5;
     line-height: .33rem;
 }

 .score {
     font-weight: 500;
     font-size: .24rem;
     color: #FF8C4B;
     line-height: .33rem;
 }

 .user-list {
     height: 2rem;
     text-align: center;
     margin: 0 0 .58rem .3rem;
     display: flex;
     width: max-content;
 }

 .user-list-item {
     /* max-width: 2.08rem; */
     margin-right: .52rem;
     text-align: center;
 }

 .user-list-item:last-child,
 .act-title:last-child {
     margin-right: .3rem;
 }

 .user-img {
     width: 1.08rem;
     height: 1.08rem;
     border-radius: 50%;
     display: inline-block;
 }

 .user-name {
     font-weight: 400;
     font-size: .28rem;
     color: #222222;
     line-height: .4rem;
     margin-bottom: .08rem;
     height: .4rem;
 }

 .user-daka-num {
     font-weight: 400;
     font-size: .2rem;
     color: #1749F5;
     line-height: .28rem;
 }

 .act-title {
     font-weight: 400;
     font-size: .32rem;
     color: #999999;
     line-height: .42rem;
     margin-right: .52rem;
     position: relative;
     padding-bottom: .12rem;
     cursor: pointer;
 }

 .active {
     color: #1749F5;
 }

 .active::after {
     position: absolute;
     width: .47rem;
     height: .04rem;
     background: #1749F5;
     bottom: 0;
     left: 50%;
     margin-left: -0.28rem;
     content: "";
 }

 .act-list {
     display: flex;
     width: max-content;
     margin: 0 0 .28rem .3rem;
 }

 .flex-between {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .w210 {
     width: 2.1rem;
 }

 .w404 {
     width: 4.04rem;
 }

 .w262 {
     width: 2.62rem;
     position: relative;
 }

 .list-img-cover {
     width: 2.62rem;
     height: 1.49rem;
     display: block;
     border-radius: 8px;
 }

 .act-address {
     height: .36rem;
     background: rgb(23 73 245 / 30%);
     border-radius: .2rem;
     color: #fff;
     font-weight: 400;
     font-size: .22rem;
     line-height: .36rem;
     padding: 0 .16rem;
     position: absolute;
     right: .1rem;
     bottom: .1rem;
 }


 .list-new-title {
     font-weight: 500;
     font-size: .28rem;
     color: #222222;
     line-height: .28rem;
     text-align: left;
     margin: 0 .3rem .3rem;
     display: flex;
     justify-content: space-between;
 }

 .video-new-list {
     display: flex;
     width: max-content;
     margin: 0 0 .3rem .3rem;
     height: 2.78rem;
 }

 .video-list-item {
     flex-shrink: 0;
     margin-right: .3rem;
     width: 5.76rem;
     background: #FFFFFF;
     border-radius: .1rem;
     overflow: hidden;
     position: relative;
     cursor: pointer;
 }

 .video-cover-img {
     width: 5.76rem;
     height: 2.78rem;
 }

 .video-icon-img {
     width: .84rem;
     height: .84rem;
     position: absolute;
     top: 50%;
     left: 50%;
     display: block;
     margin-left: -0.42rem;
     margin-top: -0.42rem;
 }

 .video-time {
     position: absolute;
     right: .3rem;
     bottom: .2rem;
     background: rgb(0 0 0 / 60%);
     color: #ffff;
     border-radius: 1rem;
     font-size: .24rem;
     padding: .04rem .08rem;
 }

 /* 全国学会能力提升活动 h5 */
 .my-swipe .van-swipe-item {
     color: #fff;
     font-size: 20px;
     line-height: 150px;
     text-align: center;
     background-color: #39a9ed;
 }

 .van-empty__image,
 .van-empty__image .w360 {
     width: 2.6rem;
     height: 3.86rem
 }

 /** 结束 */