.content1 .tab1 a:first-child{
    width: 254px;
}
.content1 .tab1 a:first-child div{
    text-align: center;
}
.content1 .list ul li .imgBox,.channels ul li a{
    height: 200px !important;
}
.content1 .list ul li .imgBox img, .channels ul li a .img{
    height: 100% !important;
}
@media screen and (max-width:768px) and (orientation:portrait) {
    .content1 {
        margin-top: 7vh !important;
        width: 100%;
        height: auto !important;
        padding: 0;
        padding-top: 2vw;
    }
    .content1 .innerWrap {
        height: 100% !important;
    }
    .content .innerWrap .title {
        height: 4vh !important;
        margin-top: 3vw;
        margin-bottom: 2vw !important;
    }
    .content .innerWrap .title h1 {
        font-size: 7vw !important;
        padding: 0 !important;
    }
    .content .innerWrap .title h1::after {
        width: 8vw !important;
    }
    .list {
        width: 100% !important;
        height: auto !important;
        margin-top: 10vw;
    }
    .list ul {
        width: 100%;
        height: 100%;
    }
    #ajaxElement_1_299_success {
        width: 100%;
        display: block !important;
    }
    #ajaxElement_1_299_success table {
        width: 100% !important;
    }
    tbody {
        width: 100% !important;
    }
    tr {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    td {
        width: 48% !important;
        margin-bottom: 3vw;
    }
    #ajaxElement_1_299_success {
        height: 100%;
    }
    #ajaxElement_1_299_success table tbody tr td li a {
        height: 100%;
    }
    .content1 .list ul li {
        margin-bottom: 1vh !important;
    }
    .content1 .list ul li .imgBox {
        height: auto !important;
    }
    .content1 .list ul li .ctx {
        margin-top: 2vw;
        height: auto !important;
        padding: 0.5vh 3vw !important;
    }
    .content1 .list ul li .ctx div {
        height: auto !important;
        text-align: left !important;
        display: flex;
        flex-direction: column;
    }
    .content1 .list ul li .ctx h2 {
        display: block;
        padding-top: 2vw;
        height: auto;
        font-size: 3.3vw !important;
        line-height: 4vw;
    }
    .content1 .list ul li .ctx .p1 {
        padding-top: 0.5vh !important;
        font-size: 3vw !important;
        flex-direction: row;
    }
}

@media screen and (max-width: 920px) and (orientation:landscape) {
    .content1 {
        margin-top: 15vh !important;
        width: 100%;
        height: auto !important;
        padding: 0;
        padding-top: 2vw;
    }
    .content1 .innerWrap {
        height: 100% !important;
    }
    .content .innerWrap .title {
        height: 4vh !important;
        margin-top: 3vw;
        margin-bottom: 2vw !important;
    }
    .content .innerWrap .title h1 {
        font-size: 4vw !important;
        padding: 0 !important;
    }
    .content .innerWrap .title h1::after {
        width: 8vw !important;
    }
    .list {
        width: 100% !important;
        height: auto !important;
        margin-top: 10vw;
    }
    .list ul {
        width: 100%;
        height: 100%;
    }
    #ajaxElement_1_299_success {
        width: 100%;
        display: block !important;
    }
    #ajaxElement_1_299_success table {
        width: 100% !important;
    }
    tbody {
        width: 100% !important;
    }
    tr {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    td {
        width: 33% !important;
        margin-bottom: 3vw;
    }
    #ajaxElement_1_299_success {
        height: 100%;
    }
    #ajaxElement_1_299_success table tbody tr td li a {
        height: 100%;
    }
    .content1 .list ul li {
        margin-bottom: 1vh !important;
    }
    .content1 .list ul li .imgBox {
        height: auto !important;
    }
    .content1 .list ul li .ctx {
        height: auto !important;
        padding: 0.5vh 3vw !important;
    }
    .content1 .list ul li .ctx div {
        height: auto !important;
        text-align: left !important;
        display: flex;
        flex-direction: column;
    }
    .content1 .list ul li .ctx h2 {
        display: block;
        height: auto;
        font-size: 2vw !important;
        line-height: 4vw;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    .content1 .list ul li .ctx .p1 {
        padding-top: 0.5vh !important;
        font-size: 3vw !important;
        flex-direction: row;
    }
    .content1 .list ul li .ctx .p1 div {
        font-size: 1.8vw;
    }
    .cateList,
    .footer {
        display: none !important;
    }
}

@media screen and (max-width: 920px) and (min-width: 768px) and (orientation:portrait) {
    .content1 {
        margin-top: 5vh !important;
        width: 100%;
        height: auto !important;
        padding: 0;
        padding-top: 2vw;
    }
    .content1 .innerWrap {
        height: 100% !important;
    }
    .content .innerWrap {
        margin: 0 auto !important;
    }
    .content .innerWrap .title {
        height: 4vh !important;
        margin-top: 3vw;
        margin-bottom: 2vw !important;
    }
    .content .innerWrap .title h1 {
        font-size: 4vw !important;
        padding: 0 !important;
    }
    .content .innerWrap .title h1::after {
        width: 8vw !important;
    }
    .list {
        width: 100% !important;
        height: auto !important;
        margin-top: 3vh;
    }
    .list ul {
        width: 100%;
        height: 100%;
    }
    #ajaxElement_1_299_success {
        width: 100%;
        display: block !important;
    }
    #ajaxElement_1_299_success table {
        width: 100% !important;
    }
    tbody {
        width: 100% !important;
    }
    tr {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    td {
        width: 25% !important;
        margin-bottom: 3vw;
    }
    #ajaxElement_1_299_success {
        height: 100%;
    }
    #ajaxElement_1_299_success table tbody tr td li a {
        height: 100%;
    }
    .content1 .list ul li {
        margin-bottom: 1vh !important;
    }
    .content1 .list ul li .imgBox {
        height: auto !important;
    }
    .content1 .list ul li .ctx {
        margin-top: 0;
        height: 7vh !important;
        padding: 0 !important;
    }
    .content1 .list ul li .ctx div {
        height: auto !important;
        text-align: left !important;
        display: flex;
        flex-direction: column;
    }
    .content1 .list ul li .ctx h2 {
        display: block;
        height: auto;
        font-size: 1.7vw !important;
        line-height: 2vw;
    }
    .content1 .list ul li .ctx .p1 {
        padding-top: 0.5vh !important;
        font-size: 1.7vw !important;
        flex-direction: row;
    }
    .cateList,
    .footer {
        display: none !important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 920px) and (orientation:landscape) {
    .content1 {
        margin-top: 10vh !important;
        width: 100%;
        height: auto !important;
        padding: 0;
        padding-top: 2vw;
    }
    .content1 .innerWrap {
        height: 100% !important;
    }
    .content .innerWrap {
        margin: 0 auto !important;
    }
    .content .innerWrap .title {
        height: 4vh !important;
        margin-top: 3vw;
        margin-bottom: 2vw !important;
    }
    .content .innerWrap .title h1 {
        font-size: 3vw !important;
        padding: 0 !important;
    }
    .content .innerWrap .title h1::after {
        width: 8vw !important;
    }
    .list {
        width: 100% !important;
        height: auto !important;
        margin-top: 10vh;
    }
    .list ul {
        width: 100%;
        height: 100%;
    }
    #ajaxElement_1_299_success {
        width: 100%;
        display: block !important;
    }
    #ajaxElement_1_299_success table {
        width: 100% !important;
    }
    tbody {
        width: 100% !important;
    }
    tr {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    td {
        width: 25% !important;
        margin-bottom: 3vw;
    }
    #ajaxElement_1_299_success {
        height: 100%;
    }
    #ajaxElement_1_299_success table tbody tr td li a {
        height: 100%;
    }
    .content1 .list ul li {
        margin-bottom: 1vh !important;
    }
    .content1 .list ul li .imgBox {
        height: auto !important;
    }
    .content1 .list ul li .ctx {
        margin-top: 2vw;
        height: auto !important;
        padding: 0.5vh 3vw !important;
    }
    .content1 .list ul li .ctx div {
        height: auto !important;
        text-align: left !important;
        display: flex;
        flex-direction: column;
    }
    .content1 .list ul li .ctx h2 {
        display: block;
        height: 6vh;
        font-size: 1.2vw !important;
        line-height: 2vw;
    }
    .content1 .list ul li .ctx .p1 {
        padding-top: 0.5vh !important;
        font-size: 1vw !important;
        flex-direction: row;
    }
    .cateList,
    .footer {
        display: none !important;
    }
}