body{
    background-color: #E5F0FF;
}
.wrapper img{
    max-width: 100%;
}
.wrapper a{
    cursor: pointer;
}
.empty{
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    overflow: hidden;
    display: none;
}
.empty p{
    width: 100%;
    text-align: center;
    font-size: 0.28rem;
    color: #242833;
    line-height: 0.38rem;
}
.empty img{
    width: 2.1rem;
    height: 1.76rem;
    margin-top: 3rem;
    margin-bottom: 0.5rem;
}
.index-banner{
    position: relative;

}
.index-banner .baner{
    width: 100%;
    height: 5.4rem;
    overflow: hidden;
}
.part{
    margin: 0.3rem .3rem;
}
.part-box {
    position: relative;
    padding: .3rem;
    padding:0.3rem 0.3rem;
    background: #FFFFFF;
    box-shadow: 0 0 20px 0 rgba(156,172,194,0.50);
    border-radius: .1rem;
}
.part-box::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    height: .7rem;
    border-radius: .1rem;
    background-image: linear-gradient(180deg, #ACD9FF 0%, #FFFFFF 100%);

}
.common-title {
    position: relative;
    z-index: 2;
    display: flex;
    height: .64rem;
    align-items: center;
    justify-content: space-between;
}
.common-title h1{
    width: 1.43rem;
    height: .32rem;
    line-height: .64rem;
    display: flex;
    align-items: center;
}

.common-title h1>img{
    width: 100%;
    height: 100%;
}
.common-title .more {
    font-size: .28rem;
    color: #858B93;
}
.common-title .more img{
    width: .28rem;
    height: .28rem;
    margin-left: .08rem;
}
.part-1{
    margin-top: -.4rem;
}
.part-2 h1{
    margin-bottom: 0.3rem;
}
.dynamic-list {
}
.dynamic-list .dynamic-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .3rem 0;
    border-bottom: 1px dashed #9CACC2;
    
}
.dynamic-item-l {
    position: relative;
    width: 2.38rem;
    height: 1.27rem;
    border-radius: 0.08rem;
}
.dynamic-item-l img{
    width: 100%;
    height: 100%;
}
.dynamic-item-l span {
    position: absolute;
    left: 0;
    top: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: .36rem;
    padding: .1rem .12rem;
    opacity: 0.69;
    font-size: .24rem;
    color: #fff;
    background: #006AD1;
    border-radius: 0.08rem;
}
.dynamic-item-r {
    width: 3.72rem;

}
.dynamic-item-r h2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: .3rem;
    color: #17191B;
    line-height: 1.2;
}
.dynamic-item-r .time{
    margin-top: .2rem;
    font-size: .28rem;
    color: #858B93;
}
.dynamic-item-r .time span:first-child{
    margin-right: .3rem;
}
.dynamic-footer {
    margin-top: .1rem;
    text-align: center;
    font-size: .28rem;
    color: #17191B;
}
.dynamic-footer a{
    font-size: .28rem;
    font-weight: 700;
    color: #006AD1;
    text-decoration: underline;
}
.part-2{
    padding: 0;
}


.video-blocks{
    width: 100%;
    column-count: 2;
    column-gap: 0.2rem;
}
.video-blocks .video-block a{
    display: inline-block;
    width: 100%;
    height: 100%;
    display:flex;
    justify-content:center;
    align-items:center;
    color: #FFFFFF;
    font-size: 0.32rem;
}
.video-blocks .video-block:nth-of-type(1){
  width: 3.38rem;
  height: .93rem;
    background: url("../images/moralactivity2021/live1.png") no-repeat;
    background-size: 100% 100%;
    border-radius: 0.1rem;
}

.video-blocks .video-block:nth-of-type(2){
    width: 3.38rem;
    height: .93rem;
    background: url("../images/moralactivity2021/live2.png") no-repeat;
    background-size: 100% 100%;
    border-radius: 0.1rem;
    /* margin-bottom: 0.1rem; */
}
.video-blocks .video-block:nth-of-type(3){
    width: 3.38rem;
    height: .93rem;
    border-radius: 0.1rem;
    background: url("../images/moralactivity2021/live3.png") no-repeat;
    background-size: 100% 100%;
}


.activity-list {
    width: 100%;


}
.activity-list .activity-item{
    display: block;
    position: relative;
    width: 6.3rem;
    height: 3.17rem;
    margin-top: .3rem;
    border-radius: 8px;
    
}
.activity-list .activity-item img{
    width: 100%;
    height: 100%;
    
}
.activity-list .activity-item h3{
    position: absolute;
    right: .2rem;
    left: .2rem;
    bottom: .24rem;
    font-size: .30rem;
    color: #FFFFFF;
    line-height: 1.5;
    
}
.site-list {
  margin-top: .4rem;
  /* overflow: auto; */
  /* display: flex; */
  /* flex-wrap: wrap; */
}
.site-item {
  display: inline-block;
  width: 3rem;
  /* margin-right: 0.1rem; */
  /* height: 1.39rem; */
  margin-bottom: .2rem;
}
.site-item img{
/* width: 49%; */
}
.part-5 {
    width: 100%;
    margin-top: 1rem;
    padding-bottom: .6rem;
    background: url("../images/moralactivity2021/footer_bg.png") no-repeat;
    background-size: cover;
}
.unit-list {
    padding-top: .6rem;
    color: #fff;
    text-align: center;
}
.unit-item {
    margin-bottom: .5rem;
}
.unit-title {
    font-size: .38rem;
    color: #FFFFFF;

}
.unit {
    margin-top: .1rem;
    line-height: 1.5;
}
.pc-btn {
    display: flex;
    width: 2.56rem;
    height: .6rem;
    margin: .6rem auto 0;
    background: #006AD1;
    border: 1px solid #FFFFFF;
    border-radius: .3rem;
    justify-content: center;
    font-size: .30rem;
    color: #FFFFFF;
    align-items: center;
    justify-content: center;

}

/* 动态列表页 */

.search_box {
    width: 6.9rem;
    height: .7rem;
    margin: 0.4rem auto;
    opacity: 0.9;
    background: #E5F0FF;
    border-radius: 6px;

}
.seach_form {
    width: 100%;
    height: 100%;
    position: relative;

}
.seach_form .line{
    width: 1px;
    height: .28rem;
    background: #858B93;
    position: absolute;
    top:.23rem;
    left:2.86rem;
    z-index:2;

}
.search_btn {
    float:right;
    font-size: .28rem;
    color: #006AD1;
    padding-left: .4rem;
    background: url("../images/moralactivity2021/icon_search.png") no-repeat left center;
    background-size: .28rem .28rem;
    position: absolute;
    top:.21rem;
    right:.2rem;
    z-index:2;

}
.seach_form select,
.seach_form input{
    outline: none;
    background: transparent;
    border: none;

}
.seach_form input{
    font-size: .28rem;
    width:100%;
    padding: .21rem 1.2rem .21rem 3.17rem;
    color: #858B93;

}
.seach_form select{
    width: 2.86rem;
    padding: .2rem;
    font-size: .28rem;
    color: #222222;
    appearance:none; /*去掉下拉箭头*/
    background: url("../images/moralactivity2021/arrow-down.png") no-repeat right .2rem center;
    background-size: .15rem;
    position: absolute;
    top:0;
    left:0;
    z-index:1;


}
.area_dynamic_list {
    padding: 0 .3rem;
}
.area_dynamic_item {
    display: flex;
    margin-bottom: .4rem;
    align-items: center;
    justify-content: space-between;

}
.area_dynamic_item_l {
    position: relative;
}
.area_dynamic_item_l img{
    width: 2.14rem;
    height: 1.4rem;
    border-radius: 6px;

}
.video_type::before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: .5rem;
    height: .5rem;
    background: url("../images/moralactivity2021/icon_video.png") no-repeat;
    background-size: 100% 100%;


}
.area_dynamic_item_r {
    width: 4.5rem;

}
.area_dynamic_item_r h2{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .32rem;
    color: #17191B;
    line-height: 1.4;
    
}
.area_dynamic_item_r .label{
    display: inline-flex;
    padding: 0 .1rem;
    height: .3rem;
    margin-top: .1rem;
    background: #FFFFFF;
    border: 1px solid #418ED9;
    border-radius: 4px;
    color: #418ED9;
    font-size: .2rem;
    align-items: center;
    justify-content: center;
    
}
.area_dynamic_item_r .time{
    margin-top: .24rem;
    font-size: .24rem;
    color: #858B93;
    
}
.area_dynamic_item_r .time span:first-child{
    margin-right: .2rem;
    display: inline-block;
    margin-right: .3rem;
    width: 2.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.code_box {
    /* width: 5.4rem; */
    height: 4.54rem;
    padding: .4rem;
    text-align: center;
    background: #FFFFFF;
    border-radius: 8px;

}
.code_img {
    width: 2.4rem;
    height: 2.4rem;

}
.code_tip {
    margin-top: .3rem;
    font-size: .32rem;
    color: #17191B;

}
.msg {
    padding: .5rem 0 0;
    text-align: center;
    color: #666;
}
.dropload-down{
    text-align: center;
    color: #999;
    line-height: 0.5rem;
}






.time-for {
  position: absolute;
  top: -0.7rem;
  left: 0;
  width: 12rem;
  z-index: 9999;
  display: flex;
}

.time-for .time-item {
  width: 48px;
  height: 20px;
  opacity: 1;
  color: #666;
  font-size: 20px;
  font-weight: 400;
  font-family: "PingFang SC";
  text-align: center;
  line-height: 20px;
  text-align: center;
  margin-right: 49px
}

.time-for .time-item .time-cirle {
  width: 8px;
  height: 8px;
  opacity: 1;
  background: #d1dceb;
  border-radius: 50%;
  margin-top: 12px;
  margin-left: 20px
}

.time-for .active {
  color: #006AD1;
  font-size: 28px
}

.time-for .active .time-cirle {
  width: 10px;
  height: 10px
}

.time-for .time-item:hover {
  width: 48px;
  height: 20px;
  opacity: 1;
  color: #006AD1;
  font-size: 28px;
  font-weight: 400;
  font-family: "PingFang SC";
  text-align: center;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  margin-right: 49px
}

.time-for .time-item:hover .time-cirle {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: #d1dceb;
  border-radius: 50%;
  margin-top: 12px;
  margin-left: 15px
}