@media (min-width:821px) {
    .select .header .tit{
        background: url(/static/index/pc/cgal/select_head_bg.png) no-repeat;
        background-size: 100% 100%;
                  }
    .select .header .tit h2{
                    width: 170px;
                    background: url(/static/index/pc/images/zhuanjia_head_tit.png) no-repeat;
                    background-size: 100% 100%;
                    line-height: 58px;
       }
       .select .content{
        margin-top: 20px;
        justify-content: space-between
       }
       .select .select1{
        width: 456px;
       }
       .select .select1 figure{
        width: 100%;
        height: 240px;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
       }
       .select .select1 figure img{
height: 100%;
       }
       .select .select1 figcaption{
        width: 416px;
        overflow: hidden;
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        border-radius: 0px 0px, 10px, 10px;
background: rgba(0, 0, 0, 0.15);
backdrop-filter: blur(8px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 20px;
height: 50px;
line-height: 50px;
color: #fff;
       }
       .select .select1 figcaption .title{
        font-weight: 600;
        color: #fff;
       }
       .select .select1 .list{
        padding: 23px 20px;
        border-radius: 10px;
background: rgba(250, 250, 250, 1);
box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25);
margin-top: 20px;
       }
       .select .select1 .list li{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-bottom: 25px;
       }
       .select .select1 .list li:last-child{
        margin-bottom: 0;
       }
       .select .select1 .list i{
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        color: rgba(255,141,26,0.8);

       }
       .select .select2{
       width: 724px;
        justify-content: space-between;
       }
       .select .select2 li{
        width: 228px;
        border-radius: 10px;
background: rgba(250, 250, 250, 1);
box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25);
       }
       .select .select2 li .img{
        display: block;
        height: 130px;
        overflow: hidden;
        border-radius: 10px 10px, 0px, 0px;
       }
       .select .select2 li .info{
        padding: 10px 15px;
       }
       .select .select2 li .info .title{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 35px;
       }
       .select .select2 li .info .des{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 9px;
       }
       .select .select2 li .time{
        justify-content: space-between;
       }
       .select .select2 li .time span{
        font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 20.27px;
color: rgba(0, 0, 0, 0.5);
       }
       .select .select2 li .time span:nth-of-type(1)::before {
        content: '';
        display: inline-block;
        width: 15px;
        height: 15px;
        background: url(/static/index/pc/images/time_icon.png) no-repeat;
        background-size: 100% 100%;
        margin-right: 5px;
        margin-bottom: -2px;
    }
    .select .select2 li .time span:nth-of-type(2)::before {
        content: '';
        display: inline-block;
        width: 15px;
        height: 15px;
        background: url(/static/index/pc/images/eye_icon.png) no-repeat;
        background-size: 100% 100%;
        margin-right: 10px;
        margin-bottom: -2px;
    }
    .select .select2 li:first-child{
        margin-bottom: 20px;
    }
    .select .select2 li:nth-of-type(2),.select .select2 li:nth-of-type(3){
        margin-bottom: 20px;
    }
    .success .header .tit{
        background: url(/static/index/pc/cgal/success_head_bg.png) no-repeat;
        background-size: 100% 100%;
                  }
    .success .header .tit h2{
                    width: 170px;
                    background: url(/static/index/pc/images/zhuanjia_head_tit.png) no-repeat;
                    background-size: 100% 100%;
                    line-height: 58px;
       }
       .success .content{
        margin-top: 20px;
       }
       .success .content .list li{
        border-radius: 10px 10px 10px 10px;
background: rgba(250, 250, 250, 1);
box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25);
justify-content: space-between;
padding: 30px;
margin-bottom: 30px;
transition: all .3s linear;
       }
       .success .content .list li:hover{
        background: rgba(146, 201, 183, 1);
       }
       .success .content .list li:hover .title{
        color: #fff;
       }
       .success .content .list li:hover .des{
        color: #fff;
       }
       .success .content .list li:hover .time span{
        color: #fff;
       }
       .success .content .list li .img{
        width: 300px;
        height: 200px;
        border-radius: 10px;
       }
       .success .content .list li .title{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .3s linear;
       }
       .success .content .list li .info{
        width: 810px;
       }
       .success .content .list li .des{
        font-size: 16px;
font-weight: 400;
line-height: 32px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 22px 0 21px;
        transition: all .3s linear;
       }
       .success .content .list li .time{
        justify-content: space-between;
       }
       .success .content .list li .time span{
        font-size: 16px;
font-weight: 400;
line-height: 26.06px;
color: rgba(0, 0, 0, 0.2);
transition: all .3s linear;
       }
}
@media (max-width:820px) {
    .one{
        margin-top: 0;
    }
    .select .header .tit{
        background: url(/static/index/pc/cgal/select_head_bg_phone.png) no-repeat;
        background-size: 100% 100%;
                  }
    .select .header .tit h2{
        width: 27.73vw;
                    background: url(/static/index/pc/images/zhuanjia_head_tit_phone.png) no-repeat;
                    background-size: 100% 100%;
                    height: 7.87vw;

       }
       .select .content{
        margin-top: 2.67vw;
        justify-content: space-between
       }
       .select .select2{
        justify-content: space-between;
        width: 100%;
       }
       .select .select2 li{
        width: 38.67vw;
        border-radius: 1.33vw;
background: rgba(250, 250, 250, 1);
padding: 2.67vw;
box-shadow: 0px .27vw 1.07vw .27vw rgba(38, 117, 88, 0.25);
margin-bottom: 2.67vw;
       }
       .select .select2 li:nth-of-type(1),.select .select2 li:nth-of-type(2){
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 2.67vw;
       }
       .select .select2 li:nth-of-type(1) .img,.select .select2 li:nth-of-type(2) .img{
        width: 34.67vw;
        height: 26.67vw;
        border-radius: 1.33vw;
       }
       .select .select2 li:nth-of-type(1) .info,.select .select2 li:nth-of-type(2) .info{
        width: 48vw;
       }
       .select .select2 li:nth-of-type(1) .info,.select .select2 li:nth-of-type(2) .info .title{
    margin-top: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
       }
       .select .select2 li:nth-of-type(1) .info .des,.select .select2 li:nth-of-type(2) .info .des{
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 3.33vw 0;
       }
       .select .select2 li .img{
        display: block;
        height: 22.67vw;
        overflow: hidden;
        border-radius: 1.33vw;
       }
       .select .select2 li .info .title{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 2vw;
        line-height: 6vw;
       }
       .select .select2 li .info .des{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        margin:.67vw 0 1.33vw;
        line-height: 4.8vw;
       }
       .select .select2 li .time{
        justify-content: space-between;
       }
       .select .select2 li .time span{
        font-size: 2.67vw;
font-weight: 400;
line-height: 3.87vw;
color: rgba(0, 0, 0, 0.2);
       }
       .select .select2 li .time span:nth-of-type(1)::before {
        content: '';
        display: inline-block;
        width: 4vw;
        height: 4vw;
        background: url(/static/index/pc/images/time_icon.png) no-repeat;
        background-size: 100% 100%;
        margin-right: 1.33vw;
        margin-bottom: -.9vw;
        opacity: 0.5;
    }
    .select .select2 li .time span:nth-of-type(2)::before {
        content: '';
        display: inline-block;
        width: 4vw;
        height: 4vw;
        background: url(/static/index/pc/images/eye_icon.png) no-repeat;
        background-size: 100% 100%;
        margin-right: 1.33vw;
        margin-bottom: -.9vw;
        opacity: 0.5;
    }
    .success .header .tit{
        background: url(/static/index/pc/cgal/success_head_bg_phone.png) no-repeat;
        background-size: 100% 100%;
                  }
    .success .header .tit h2{
        width: 27.73vw;
        background: url(/static/index/pc/images/zhuanjia_head_tit_phone.png) no-repeat;
        background-size: 100% 100%;
        height: 7.87vw;
       }
       .success .content{
        margin-top: 2.67vw;
       }
       .success .content .list li{
        border-radius: 1.33vw;
background: rgba(250, 250, 250, 1);
box-shadow: 0px .27vw 1.07vw .27vw rgba(38, 117, 88, 0.25);
justify-content: space-between;
padding: 2.67vw;
margin-bottom: 2.67vw;
       }
       .success .content .list li .img{
        width: 34.67vw;
        height: 24vw;
        border-radius: 1.33vw;
       }
       .success .content .list li .title{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
       }
       .success .content .list li .info{
        width: 49.33vw;
       }
       .success .content .list li .des{
    
line-height: 4.67vw;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 2.4vw 0;
       }
       .success .content .list li .time{
        justify-content: space-between;
       }
       .success .content .list li .time span{
        font-size: 2.67vw;
font-weight: 400;
line-height: 2.67vw;
color: rgba(0, 0, 0, 0.2);
       }
}