#zyzx{
    justify-content: space-between;
    padding: 60px 0 30px;}
.zyzx_main{
        width: 790px;}
.zyzx_main .zyzx_list{
            padding-bottom: 1px;}
.zyzx_main .zyzx_content{
                    margin:4px 4px 20px ;
                    height: 285px;
                    overflow: hidden;
                    border-radius: 10px;
                    background: #fff;
                    box-shadow: 0px 2px 8px 2px rgba(49,136,255,0.25);
                    padding: 30px;}
                   
.zyzx_main .zyzx_content .garbage{
                        justify-content: space-between;
                        transition: all .2s linear;}
.zyzx_main .zyzx_content .garbage span,time{
                        font-size: 14px;
                        color: rgba(0,0,0,0.2);
                        line-height: 26px;
                    }
                    
.zyzx_main .zyzx_content .title{
                        display: block;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        font-size: 18px;
                        letter-spacing: 1px;
                        line-height: 35px;
                        color: rgba(0,0,0,0.8);
                        margin: 15px 0;
                        transition: all .3s linear;
                    }
.zyzx_main .zyzx_content .des{
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        font-size: 16px;
                        color: rgba(0,0,0,0.5);
                        line-height: 36px;
                        font-weight: 400;
                        margin-bottom: 15px;
                        transition: all .5s linear;
                    }
.zyzx_main .zyzx_content .more{
                        display: block;
                        width: 120px;
                        height: 40px;
                        line-height: 40px;
                        text-align: center;
                        font-size: 14px;
                        font-weight: 400;
                        color: #fff;
                        background: linear-gradient(90deg,rgba(54,124,246) 0%,rgba(94,156,241) 100%);
                        border-radius: 30px;
                        transition: all .6s linear;
                       
                    }
.zyzx_main .zyzx_content .more:before{
                      content: '';
                      display: inline-block;
                      width: 15px;
                      height: 15px;
                      background: url(/static/index/pc/images/zyzx_more_icon.png) no-repeat;
                      background-size: 100% 100%;
                      margin-bottom: -2px;
          margin-right: 7.5px;
                    }

.zyzx_main .zyzx_content:hover .garbage{
                    margin-left: 15px;
                }
.zyzx_main .zyzx_content:hover .title{
                    margin-left: 15px;
                    color: rgba(54,124,246,0.8);
                }
.zyzx_main .zyzx_content:hover .des{
                    margin-left: 15px;
                }
.zyzx_main .zyzx_content:hover .more{
                    margin-left: 15px;
                }
           

.asides{
        width: 390px;}
.asides .head{
            height: 70px;
  line-height: 70px;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  border-bottom: 1px dashed rgba(49,136,255);
            }
.asides .recent_article{
            padding: 0 20px 1px;
            box-shadow: 0px 2px 8px 2px rgba(49,136,255,0.25);
            margin: 4px 4px 20px;
            border-radius: 10px;}
.asides .recent_article .head:before{
               content: '';
        display: inline-block;
        height: 36px;
        width: 36px;
        background: url(/static/index/pc/images/recent_article_icon.png) no-repeat;
    background-size: auto;
        background-size: 100% 100%;
        margin-bottom: -9px;
        margin-right: 10px;
            }
.asides .recent_article .recent_list{
                margin-top: 23px;}
.asides .recent_article .recent_list .content{
                    margin-bottom: 20px;}
.asides .recent_article .recent_list .content .img{
                      display: block;
                      border-radius: 10px;
                      overflow: hidden;
                      width: 341px;
  height: 160px;
                         }
.asides .recent_article .recent_list .content .title{
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 27px;
     display: block;
    color: rgba(0,0,0,0.8);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
   margin: 15px 0 5px
                          }
.asides .recent_article .recent_list .content .time{
    justify-content: space-between;}
.asides .recent_article .recent_list .content span,.asides .recent_article .recent_list .content time{
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1px;
        color: rgba(0,0,0,0.5);
    }
                      
.asides .recent_article .recent_list .content:hover .title{
                 color: rgba(54,124,248,0.8);
                }
@media (max-width:820px) {
 #zyzx{
        justify-content: center;
        padding:0;}
.zyzx_main{
            width: 100%;}
.zyzx_main .zyzx_list{
                padding-bottom: 0;}
.zyzx_main .zyzx_content{
                        margin:.8vw .8vw 2.67vw ;
                        height: 36.67vw;
                        overflow: hidden;
                        border-radius: 1.33vw;
                        background: #fff;
                        box-shadow: 0px .67vw 1.07vw .67vw rgba(49,136,255,0.25);
                        padding: 4vw;}
.zyzx_main .zyzx_content #phone.garbage{
                            display: flex !important;
                            justify-content: space-between;
                            width: 44.4vw;
                            margin: 1.33vw 0;}
.zyzx_main .zyzx_content #phone.garbage span,.zyzx_main .zyzx_content #phone.garbage time{
                            font-size: 2.4vw;
                            color: rgba(0,0,0,0.2);
                            line-height: 3.47vw;
                        
                        }
.zyzx_main .zyzx_content .title{
                            display: block;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-size: 4vw;
                            letter-spacing: .33vw;
                            line-height: 4.67vw;
                            color: rgba(0,0,0,0.8);
                            margin: 0;
                        }
.zyzx_main .zyzx_content .des{
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-size: 3.2vw;
                            color: rgba(0,0,0,0.5);
                            line-height: 4.8vw;
                            font-weight: 400;
                            margin-bottom: 2.93vw;
                        }
.zyzx_main .zyzx_content #phone.ps{
                            display: flex !important;
                            justify-content: space-between;}
.zyzx_main .zyzx_content #phone.ps .garbage{
                                margin: 0;
                            }
                        
.zyzx_main .zyzx_content .more{
                            display: block;
                            width: 16vw;
                            height: 5.33vw;
                            line-height: 5.33vw;
                            text-align: center;
                            font-size: 2.13vw;
                            font-weight: 400;
                            color: #fff;
                            background: linear-gradient(90deg,rgba(54,124,246) 0%,rgba(94,156,241) 100%);
                            border-radius: 4vw;
                           
                        }
.zyzx_main .zyzx_content .more:before{
                          content: '';
                          display: inline-block;
                          width: 2vw;
                          height: 2vw;
                          background: url(/static/index/pc/images/zyzx_more_icon.png) no-repeat;
                          background-size: 100% 100%;
                          margin-bottom: -.233vw;
              margin-right: 1vw;
                        }
    
.asides{
            width: 100%;}
.asides .head{
                    height: 12vw;
                    line-height: 12vw;
                    font-size: 4.27vw;
                    font-weight: 700;
                    color: #000;
                    border-bottom: .33vw dashed rgba(49,136,255);
                }
.asides .recent_article{
                padding: 0 4vw .1vw;
                box-shadow: 0px .67vw 1.07vw .67vw rgba(49,136,255,0.25);
                margin: 3.33vw .8vw 4vw;
                border-radius: 10px;}
.asides .recent_article .head:before{
                 content: '';
    display: inline-block;
    height: 6vw;
    width: 6vw;
    background: url(/static/index/pc/images/recent_article_icon.png) no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: 100% 100%;
    margin-bottom: -1.6vw;
    margin-right: 1.33vw;
                }
.asides .recent_article .recent_list{
                    margin-top: 4vw;}
.asides .recent_article .recent_list .content{
                        margin-bottom: 4vw;
                        justify-content: space-between;}
.asides .recent_article .recent_list .content .img{
                          display: block;
                          border-radius: 1.33vw;
                          overflow: hidden;
                          width: 32vw;
                          height: 24vw;
                          overflow: hidden;}
.asides .recent_article .recent_list .content img{
                            height: 100%;
                          }
                             
.asides .recent_article .recent_list .content .info{
                              
                                width: 48vw;}
.asides .recent_article .recent_list .content .title{
        font-size: 4vw;
        letter-spacing: .33vw;
        line-height: 6vw;
         display: block;
        color: rgba(0,0,0,0.8);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
       margin: 0;
                              }
.asides .recent_article .recent_list .content .owner{
            font-size: 3.2vw;
            font-weight: 400;
            letter-spacing: .33vw;
            color: rgba(0,0,0,0.5);
            margin: 1.2vw 0
          }
.asides .recent_article .recent_list .content .time{
        justify-content: space-between;}
.asides .recent_article .recent_list .content span,.asides .recent_article .recent_list .content time{
            font-size:  3.2vw;
            font-weight: 400;
            letter-spacing: .33vw;
            color: rgba(0,0,0,0.5);
        }
}