@media (max-width: 1199px) {}

@media (max-width: 768px) {
    .swiper-pagination-switch {
        height: 4px;
    }

    .banner .videoLoading {
        top: 22%;
    }

    .banner .topLeft .img {
        width: 26px;
        height: 26px;
    }

    .banner .topLeft .lt1 {
        font-size: 0.85rem;
    }

    .banner .topLeft .lt2 {
        padding-top: 5px;
    }

    .banner .topRight .btn1 {
        font-size: 0.85rem;
    }

    .banner .topRight .btn2 {
        font-size: 0.85rem;
    }

    .searchView .cont .btn .txt {
        font-size: 0.85rem;
    }

    .searchView .cont {
        margin-left: 10%;
        margin-right: 10%;
    }

    .hero-section {
        height: 600px;
    }

    .banner .topLeft {
        margin-top: 20px;
        margin-left: 10px;
    }

    .banner .topRight {
        margin-top: 20px;
        margin-right: 10px;
    }

    .banner .topCenter .img {
        width: 200px;

    }

    .searchView .cont .input {
        width: 20%;
    }

    .secRow {
        height: 1060px;
    }

    .secRow .video-section {
        gap: 1rem;
    }

    .secRow .txtView {
        margin-top: 50px;
        margin-bottom: 1110px;
        width: 95%;
        height: 357px;
    }

    .secRow .txtView .l1 {
        padding-top: 20px;
        padding-right: 30px;
    }

    .secRow .video-container .header {
        height: 38px;
    }

    .secRow .video-container .circle {
        width: 6px;
        height: 6px;
        margin-left: 8px;
    }

    .secRow .video-container {
        padding-top: 50px;
    }

    .secRow .video-section {
        top: 20%;
        grid-template-columns: repeat(1, 1fr);
    }

    .secRow .bottomView .t2 {
        padding-top: 20px;
        padding-bottom: 60px;
    }

    .secRow .txtView .title {
        padding-right: 2px;
        padding-top: 30px;
        line-height: 1.35rem;
    }

    .secRow .txtView .title,
    .secRow .txtView .titleActive {
        font-size: 1.15rem;
    }

    .secRow .bottomView .t1,
    .fourView .t1,
    .gallery-header .t1,
    .thrView .t1 {
        font-size: 1.25rem;
        line-height: 1.25rem;
    }

    .secRow .txtView .l1,
    .secRow .bottomView .t2,
    .fourView .t2,
    .gallery-header .t2,
    .thrView .t2 {
        font-size: 0.725rem;
        line-height: 0.925rem;
        /* padding-left: 10px;
        padding-right: 10px; */
        /* background: red; */
        text-align: center;
    }

    .gallery-header .t1 {
        padding-top: 0px;
        text-align: center;
    }

    .gallery-header .t2 {
        /* padding-top: 2px; */
        margin-top: 20px;
    }

    .thrView .imgs {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .thrView .image-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .thrView .t2 {
        padding-top: 20px;
        padding-bottom: 60px;
    }

    .fourView {
        height: 985px;
        padding: 0 5%;
    }

    .fourView .t1 {
        padding-top: 10px;
    }

    .fourView .t2 {
        padding-top: 20px;
    }

    .album-cover .img {
        width: 140px;
        height: 140px;
        top: -10%;
        left: 50%;
        transform: translate(-50%, -50%);
        /* display: none; */
    }

    .album-cover .bg {
        width: 170px;
        height: 170px;
        top: -10%;
        left: 60%;
        transform: translate(-50%, -50%);
        /* display: none; */
    }

    .fourView {
        height: 660px;
    }

    .music-section {
        margin-top: 190px;
        height: 500px;
    }

    .video-section,
    .music-section {
        grid-template-columns: 1fr;
    }

    .image-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .last {
        padding: 0 5%;
        padding-top: 69px;
        padding-bottom: 69px;
    }

    .thrView .t1 {
        padding-top: 10px;
    }

    .last .gallery-grid {
        gap: 6px;
        grid-template-rows: repeat(11, 30px) !important;
    }

    .music-player {
        padding: 10px;
    }

    .track {
        padding: 10px 5px;
    }


    .track .title,
    .track .no,
    .track .stTime,
    .track .edTime {
        font-size: 0.85rem;
    }

    .track .stTime {
        padding-right: 5px;
        flex-basis: unset;
    }

    .track .img {
        width: 16.16px;
        height: 16.28px;
        margin-right: 15px;
    }

    .track .action {
        padding-left: 15px;
        padding-right: 15px;
    }

    .track .edTime {
        padding-right: 5px;
    }

    .bottom .title {
        font-size: 1rem;
    }

    .bottom .header .icon {
        width: 50px;
        height: 50px;
    }

    .bottom .header .t1 {
        font-size: 32px;
    }

    .bottom .header .t2 {
        font-size: 12.5px;
        margin-top: 5px;
    }

    .copyinfo {
        flex-wrap: wrap;
    }

    .copyinfo .item {
        padding-top: 15px;
        flex-basis: 100%;
    }

    .item-Txt {
        grid-column: 1 / 13;
        grid-row: 1 / 5;
    }

    .item-1 {
        grid-column: 7 / 13;
        grid-row: 4 / 8;
    }

    .item-2 {
        grid-column: 5 / 7;
        grid-row: 6 / 8;
    }

    .item-3 {
        grid-column: 1 / 5;
        grid-row: 7 / 9;
    }

    .item-4 {
        grid-column: 2 / 5;
        grid-row: 9 / 12;
    }

    .item-5 {
        grid-column: 5 / 8;
        grid-row: 8 / 14;
    }

    .item-6 {
        grid-column: 8 / 12;
        grid-row: 8 / 10;
    }

    .item-7 {
        grid-column: 8 / 11;
        grid-row: 10 / 13;
    }

    .line11 {
        flex-direction: column;
        padding-left: 10px;
        padding-right: 10px;
    }

    .line11 .r1::after,
    .line11 .r2::after {
        content: unset;
    }

    .line11 .r2 .top,
    .line11 .r2 .tip,
    .line11 .r3 .top,
    .line11 .r3 .tip {
        height: 0px;
        margin-top: 0px;
    }

    .line11 .r2 .bott,
    .line11 .r2 .bott,
    .line11 .r3 .bott {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .line11 .item {
        width: 100%;
    }
    .line11 .r1,.line11 .r2{
        padding-left: 10px;
    }

    .line11 .r3 .bott {
        display: flex;
        flex-direction: column;
    }
    .line11 .r3 .bott .t1{
        text-align: center;
    }
    .line11 .r3 .bott .t2{
        text-align: center;
    }
    .line11 .r3 .bott .img{
        margin-right: 0px;
    }
    .line11 .tip{
        flex-direction: column;
    }
    .line11 .items {
        margin-top: 80px;
        flex-direction: column;
    }
    .line11 .linkView {
        width: 60%;
        margin-top: 30px;
        margin-left: 0px;
    }
    .copyinfo .item{
        margin-left: 0px;
        padding-top: 0px;
        margin:14px 10px;
    }
    .copyinfo .item a {
        margin-left: 0px;
        font-size: 0.8rem;
    }
}