@charset "utf-8";

.main-l .main-bottom {width: 100%; max-height: 55px; position: absolute; bottom: 0; left: 0; border-top: 1px solid rgba(255,255,255,0.1); padding: 7px 50px; display: flex; align-items: center;}
.main-l .main-bottom .main1-program-list {width: 100%; max-height: 55px;}
.main-l .main-bottom .main1-program-list ul {height: 55px;}
.main-l .main-bottom .program-list {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%;}
.main-l .main-bottom .ing-program {font-size: 16px; font-weight: 600; color: #757575; display: flex; align-items: center; height: 100%;}
.main-l .main-bottom .ing-program .cir {border-radius: 50%; display: inline-block; width: 16px; height: 16px; background-color: rgba(117,117,117,0.25); display: flex; align-items: center; justify-content: center; margin-right: 9px;}
.main-l .main-bottom .ing-program .cir2 {border-radius: 50%; display: inline-block; width: 10px; height: 10px; background: #757575;}
.main-l .program-info {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; flex: 1; max-width: 740px; margin-left: 30px;}
.main-l .program-info .list-info {font-size: 16px; color: #fff; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width: 50%;}
.main-l .program-info .list-info2 {display: flex; align-items: center; margin-left: 25px;}
.main-l .program-info .list-info2 p {font-size: 16px; color: #757575;}
.main-l .program-info .list-info2 p + p {margin-left: 25px;}

@media screen and (max-width:1600px) {
    .main-l .main-bottom {padding: 7px 30px 7px 40px; max-height: unset;}
    .main-l .main-bottom .main1-program-list ul {height: 50px;}
    .main-l .main-bottom .ing-program {align-items: baseline;}
    .main-l .program-info {flex-direction: column; align-items: end; justify-content: flex-start;}
    .main-l .program-info .list-info {max-width: 90%;}
    .main-l .program-info .list-info2 {margin: 8px 0 0;}
}

@media screen and (max-width:1280px) {
    .main-l .program-info {max-height: 40px;}
    .main-l .main-bottom .ing-program {font-size: 14px; max-height: 40px;}
    .main-l .main-bottom .ing-program .cir {width: 12px; height: 12px; margin-right: 4px;}
    .main-l .main-bottom .ing-program .cir2 {width: 6px; height: 6px;}
    .main-l .program-info .list-info, .main-l .program-info .list-info2 p {font-size: 14px;}
    .main-l .program-info .list-info2 {margin-top: 4px;}
    .main-l .program-info .list-info {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
}

@media screen and (max-width:1000px) {
    .main-l .main-bottom .ing-program {font-size: 12px;}
    .main-l .program-info {text-align: right;}
    .main-l .program-info .list-info2 p + p {margin-top: 3px;}
    .main-l .program-info .list-info, .main-l .program-info .list-info2 p {font-size: 12px;}
}

@media screen and (max-width:768px) {
    .main-l .main-bottom .ing-program .cir {width: 12px; height: 12px; margin: 2px 2px 0 0;}
    .main-l .main-bottom .ing-program .cir2 {width: 6px; height: 6px;}
    .main-l .main-bottom .ing-program {font-size: 12px;}
    .main-l .program-info {margin-left: 20px;}
    .main-l .program-info .list-info {font-size: 12px;}
    .main-l .program-info .list-info2 {flex-direction: unset; margin-top: 2px;}
    .main-l .program-info .list-info2 p {font-size: 12px;}
    .main-l .program-info .list-info2 p + p {margin: 0 0 0 10px;}

    .main-l .main-bottom {padding: 7px 20px; max-height: 45px;}
    .main-l .main-bottom .ing-program {font-size: 10px;}
    .main-l .main-bottom .ing-program .cir {width: 8px; height: 8px; margin-right: 2px;}
    .main-l .main-bottom .ing-program .cir2 {width: 4px; height: 4px;}
    .main-l .main-bottom .ing-program, .main-l .program-info {max-height: 30px;}
    .main-l .program-info .list-info, .main-l .program-info .list-info2 p {font-size: 10px;}
}