.lc2{
    margin: 60px auto 20px;
}
.lc2 >img{
    float: left;
    margin: 10px 20px 0;
}
.item-list2{
    float: left;
    width: 138px;
    font-size: 14px;
    height: 38px;
    border: 1px #ccc solid;
    cursor: pointer;
    border-radius: 20px;
    line-height: 38px;
    text-align: center;
}
.item-list2:last-child{margin-right: 0}
.item-list2 span{
    display: inline-block;
    width: 18px;
    height: 38px;
    overflow: hidden;
    float: left;
    margin-right: 5px;
}
.item-list2 a{
    display: block;
    text-decoration: none;
}
.item-list2 span.sp1{background: url("20200525-ysq-icon01.png") no-repeat center;}
.item-list2 span.sp2{background: url("20200525-ysq-icon02.png") no-repeat center;}
.item-list2 span.sp3{background: url("20200525-ysq-icon03.png") no-repeat center;}
.item-list2 span.sp4{background: url("20200525-ysq-icon04.png") no-repeat center;}
.item-list2 span.sp5{background: url("20201229-icon01.png") no-repeat center;}
.item-list2 span.sp6{background: url("20201229-icon02.png") no-repeat center;}
.item-list2 span.sp7{background: url("20201229-icon03.png") no-repeat center;}

.ysq_act2 span.sp1,.item-list2:hover span.sp1{background: url("20200525-ysq-icon011.png") no-repeat center;}
.ysq_act2 span.sp2,.item-list2:hover span.sp2{background: url("20200525-ysq-icon022.png") no-repeat center;}
.ysq_act2 span.sp3,.item-list2:hover span.sp3{background: url("20200525-ysq-icon033.png") no-repeat center;}
.ysq_act2 span.sp4,.item-list2:hover span.sp4{background: url("20200525-ysq-icon044.png") no-repeat center;}
.ysq_act2 span.sp5,.item-list2:hover span.sp5{background: url("20201229-icon011.png") no-repeat center;}
.ysq_act2 span.sp6,.item-list2:hover span.sp6{background: url("20201229-icon022.png") no-repeat center;}
.ysq_act2 span.sp7,.item-list2:hover span.sp7{background: url("20201229-icon033.png") no-repeat center;}

.ysq_act2,.item-list2:hover{background:#c31606;border: 1px #c31606 solid;}
.ysq_act2 a,.item-list2:hover a{color: #fff;}


.lm_div2 {
    display: inline-block;
    overflow: hidden;
    width:90px;
}

@media only screen and (max-width: 1299px){
    .lc2 >img{margin: 10px 12px 0;}



}

@media only screen and (max-width: 1220px){
    .lc2 >img{display: none}
    .item-list2{width: 15%;margin-right: 1.6%;}
    .item-list2:last-child{margin-right: 0;}

}


@media only screen and (max-width: 800px){
    .item-list2{width: 31.5%;margin-top: 14px;}
    .item-list2:nth-child(5){margin-right: 0;}
    .lc2{margin: 0 auto 20px;}
    .item-list2 span{margin-right: 0;}
}