#topBg{width: 100%;height: 31.25rem;display: flex;align-items: center;justify-content: center;overflow: hidden; position: relative;}
#topBg .bgImg{width: 100%;vertical-align: middle;height: 100%;object-fit: cover;}
#topBg .videoHandle{width: 14.375rem;height: 3.75rem;position: absolute;left: 50%;bottom: 3.75rem;transform: translateX(-50%); background-color: #fff;border: 0.125rem solid #FF575F;border-radius: 0.625rem;padding: 0 1.25rem; display: flex;align-items: center;justify-content: space-between;font-size: 1.5rem;color: #FF575F;font-weight: 400;cursor: pointer;}
#topBg .videoHandle .handleIcon{width: 2.25rem;height: 2.25rem;}
.listBox{width: 100%;height: 56.25rem;display: grid;grid-template-columns: repeat(3, 18.75rem);grid-template-rows: repeat(3, 16.625rem);column-gap: 3.75rem;row-gap: 3.125rem;}
.listBox .listItem{width: 18.75rem;height: 16.625rem;background-color: #fff;border-radius: 0.9375rem;overflow: hidden;}
.listBox .listItem:hover{box-shadow: 0px 4px 24px 0px rgba(241,227,227,0.9);cursor: pointer;}
.listBox .listItem .listItemImg{width: 100%;height: 10.625rem;border-radius: 0.9375rem;background-color: #f1f1f1;}
.listBox .listItem .listItemInfo{width: 100%;padding: 1rem 0.625rem 0;display: flex;}
.listBox .listItem .listItemInfo .infoSession{width: 4.5rem;height: 1.875rem;border-radius: 1rem;display: flex;align-items: center;justify-content: center; background-color: #FFF3CB;color: #C44046;font-size: 1rem;font-weight: 400;}
.listBox .listItem:hover .listItemInfo .infoSession{background: linear-gradient( 50deg, #FF5D69 0%, #FF3741 100%);color: #FFFFFF;}
.listBox .listItem .listItemInfo .infoMore{margin-left: 1rem;}
.listBox .listItem .listItemInfo .infoMore .infoMoreTitle{width: 100%; color: #333333;font-size: 1.25rem;line-height: 1.875rem;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.listBox .listItem:hover .listItemInfo .infoMore .infoMoreTitle{color: #FF575F;}
.listBox .listItem .listItemInfo .infoMore .infoMoreTime{line-height: 1.875rem;margin-top: 0.25rem;color: #999999;font-size: 1.125rem;}
#video{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 100000;}
#video video{width: 100%;height: 100%;}
.closeVideo{cursor: pointer;
    position: absolute;
    top: 2.5rem;
    right: 2.5rem;
    z-index: 9;
    background-color: #f44336;
    color: white;
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 5px;
    font-size: 1.125rem;
    transition: background-color 0.3s;}
.closeVideo:hover{
    background-color: #d31d1d;
}