html {
    font-size: 37.5px;
}

.page {
    position: relative;
    width: 21.334rem;
    height: auto;
    overflow: hidden;
    padding-bottom: 60px;
    background: #F5F5F5;
}

.block_1 {
    height: auto;
    background: url(/yun_home/img/5cd24446edb386646729c5fdc51bc160.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 21.334rem;
}

.box_1 {
    width: 21.334rem;
    height: auto;
    background: url(/yun_home/img/08b4cc5736837d6ecbe1cab8be124126.png) 100% no-repeat;
    background-size: 100% 100%;
}

.box_2 {
    width: 21.334rem;
    height: auto;
}

.image-wrapper_1 {
    height: 8.374rem;
    background: url(/yun_home/img/9b1ff67337664784b5f723726980a172.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 19.894rem;
    margin: 3.574rem 0 0 0.72rem;
}

.index-video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image_1 {
    width: 2.16rem;
    height: 2.16rem;
    margin: 3.2rem 0 0 8.88rem;
}

.image_2 {
    width: 19.894rem;
    height: 4.667rem;
    margin: 1.387rem 0 0 0.72rem;
}

.image_3 {
    width: 19.894rem;
    height: 4.667rem;
    margin: 1.014rem 0 0 0.72rem;
}

.image_4 {
    width: 19.894rem;
    height: 4.667rem;
    margin: 0.987rem 0 0 0.72rem;
}

.image_5 {
    width: 19.894rem;
    height: 4.667rem;
    margin: 1.014rem 0 0 0.72rem;
}

.image_6 {
    width: 19.894rem;
    height: 8.427rem;
    margin: 0.88rem 0 0 0.72rem;
}

.image_7 {
    width: 6.027rem;
    height: 2.294rem;
    margin: 1.494rem 0 0 0.64rem;
}
.news-container{
    height: auto;
    overflow: hidden;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 20px;
}
.first-news-item{
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 4px;
}
.news-item{
    height: 44px;
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 4px;
    line-height: 44px;
}
.news-item:last-child{
    border-bottom: none;
}
.news-title{
    font-size: .9rem;
    color: #333333;
    float: left;
    width: 68%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-time-info{
    float: right;
}
.news-time-info-time{
    color: rgba(144, 144, 144, 1);
    font-size: 0.6rem;
}

.news-img{
    width: 120px;
    height: 100px;
    overflow: hidden;
    float: left;
    background: #cccccc;
}

.news-img img{
    width: 100%;
    height: 100%;
}

.news-info{
    width: 64%;
    float: left;
    margin-left: 10px;
}

.news-first-title{
    font-size: 1rem;
    color: #333333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-first-desc{
    font-size: .8rem;
    color: #888888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-first-time{
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    margin-top: 4px;
}
.news-first-time-icon{
    width: 0.8rem;
    height: 0.8rem;
    float: left;
    margin-top: 2px;
}

.news-first-time .news-time{
    font-size: .7rem;
    color: #cccccc;
    float: left;
}

.group_1 {
    width: 19.12rem;
    height: 3.6rem;
    margin: 0.16rem 0 0 1.44rem;
}

.image_8 {
    width: 5.707rem;
    height: 3.6rem;
}

.box_3 {
    width: 12.534rem;
    height: 3.494rem;
    margin-top: 0.08rem;
}

.text_1 {
    width: 8.187rem;
    height: 0.774rem;
    overflow-wrap: break-word;
    color: rgba(63, 63, 63, 1);
    font-size: 0.8rem;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 0.747rem;
}

.text_2 {
    width: 12.507rem;
    height: 1.36rem;
    overflow-wrap: break-word;
    color: rgba(63, 63, 63, 1);
    font-size: 0.586rem;
    text-align: left;
    line-height: 0.72rem;
    margin: 0.374rem 0 0 0.027rem;
}

.image-text_1 {
    width: 6.534rem;
    height: 0.667rem;
    margin: 0.32rem 0 0 0.027rem;
}

.label_1 {
    width: 0.667rem;
    height: 0.667rem;
}

.text-group_1 {
    width: 5.574rem;
    height: 0.507rem;
    overflow-wrap: break-word;
    color: rgba(144, 144, 144, 1);
    font-size: 0.533rem;
    text-align: left;
    white-space: nowrap;
    line-height: 0.587rem;
    margin-top: 0.054rem;
}

.image_9 {
    width: 19.014rem;
    height: 0.027rem;
    margin: 0.694rem 0 0 1.174rem;
}

.group_2 {
    width: 18.747rem;
    height: 0.694rem;
    margin: 0.667rem 0 0 1.387rem;
}

.text_3 {
    width: 9.574rem;
    height: 0.64rem;
    overflow-wrap: break-word;
    color: rgba(63, 63, 63, 1);
    font-size: 0.613rem;
    text-align: left;
    white-space: nowrap;
    line-height: 0.64rem;
}

.image-text_2 {
    width: 6.507rem;
    height: 0.667rem;
    margin-top: 0.027rem;
}

.label_2 {
    width: 0.667rem;
    height: 0.667rem;
}

.text-group_2 {
    width: 5.574rem;
    height: 0.507rem;
    overflow-wrap: break-word;
    color: rgba(144, 144, 144, 1);
    font-size: 0.533rem;
    text-align: left;
    white-space: nowrap;
    line-height: 0.587rem;
    margin-top: 0.054rem;
}

.image_10 {
    width: 18.96rem;
    height: 0.027rem;
    margin: 0.347rem 0 0 1.2rem;
}

.group_3 {
    width: 18.747rem;
    height: 0.694rem;
    margin: 0.4rem 0 0 1.387rem;
}

.text_4 {
    width: 9.36rem;
    height: 0.64rem;
    overflow-wrap: break-word;
    color: rgba(63, 63, 63, 1);
    font-size: 0.613rem;
    text-align: left;
    white-space: nowrap;
    line-height: 0.64rem;
}

.image-text_3 {
    width: 6.507rem;
    height: 0.667rem;
    margin-top: 0.027rem;
}

.label_3 {
    width: 0.667rem;
    height: 0.667rem;
}

.text-group_3 {
    width: 5.574rem;
    height: 0.507rem;
    overflow-wrap: break-word;
    color: rgba(144, 144, 144, 1);
    font-size: 0.533rem;
    text-align: left;
    white-space: nowrap;
    line-height: 0.587rem;
    margin-top: 0.054rem;
}

.image_11 {
    width: 19.014rem;
    height: 0.027rem;
    margin: 0.4rem 0 0 1.174rem;
}

.group_4 {
    width: 18.747rem;
    height: 0.694rem;
    margin: 0.374rem 0 0 1.387rem;
}

.text_5 {
    width: 10.8rem;
    height: 0.587rem;
    overflow-wrap: break-word;
    color: rgba(63, 63, 63, 1);
    font-size: 0.613rem;
    text-align: left;
    white-space: nowrap;
    line-height: 0.64rem;
}

.image-text_4 {
    width: 6.507rem;
    height: 0.667rem;
    margin-top: 0.027rem;
}

.label_4 {
    width: 0.667rem;
    height: 0.667rem;
}

.text-group_4 {
    width: 5.574rem;
    height: 0.507rem;
    overflow-wrap: break-word;
    color: rgba(144, 144, 144, 1);
    font-size: 0.533rem;
    text-align: left;
    white-space: nowrap;
    line-height: 0.587rem;
    margin-top: 0.054rem;
}

.image_12 {
    width: 19.014rem;
    height: 0.027rem;
    margin: 0.4rem 0 0 1.174rem;
}

.group_5 {
    width: 18.747rem;
    height: 0.694rem;
    margin: 0.347rem 0 3.2rem 1.387rem;
}

.text_6 {
    width: 9.547rem;
    height: 0.64rem;
    overflow-wrap: break-word;
    color: rgba(63, 63, 63, 1);
    font-size: 0.613rem;
    text-align: left;
    white-space: nowrap;
    line-height: 0.64rem;
}

.image-text_5 {
    width: 6.507rem;
    height: 0.667rem;
    margin-top: 0.027rem;
}

.label_5 {
    width: 0.667rem;
    height: 0.667rem;
}

.text-group_5 {
    width: 5.574rem;
    height: 0.507rem;
    overflow-wrap: break-word;
    color: rgba(144, 144, 144, 1);
    font-size: 0.533rem;
    text-align: left;
    white-space: nowrap;
    line-height: 0.587rem;
    margin-top: 0.054rem;
}

.box_4 {
    height: 5.254rem;
    background: url(/yun_home/img/8341d343f0e95c1231d5092610bb6f4d.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 21.334rem;
    margin: 61.547rem 0 0 -21.334rem;
}

.image-wrapper_2 {
    width: 18.907rem;
    height: 1.147rem;
    margin: 1.467rem 0 0 1.2rem;
}

.label_6 {
    width: 1.2rem;
    height: 1.04rem;
    margin-top: 0.027rem;
}

.label_7 {
    width: 1.12rem;
    height: 1.147rem;
    margin-left: 3.494rem;
}

.label_8 {
    width: 1.094rem;
    height: 1.094rem;
    margin-left: 3.227rem;
}

.label_9 {
    width: 1.227rem;
    height: 1.014rem;
    margin: 0.054rem 0 0 3.254rem;
}

.label_10 {
    width: 1.094rem;
    height: 1.094rem;
    margin-left: 3.2rem;
}

.image-wrapper_3 {
    width: 19.36rem;
    height: 0.774rem;
    margin: 0.347rem 0 1.52rem 0.987rem;
}

.image_13 {
    width: 1.547rem;
    height: 0.774rem;
}

.image_14 {
    width: 3.2rem;
    height: 0.774rem;
    margin-left: 2.08rem;
}

.image_15 {
    width: 3.147rem;
    height: 0.774rem;
    margin-left: 1.28rem;
}

.image_16 {
    width: 3.147rem;
    height: 0.774rem;
    margin-left: 1.307rem;
}

.image_17 {
    width: 1.547rem;
    height: 0.774rem;
    margin-left: 2.107rem;
}