.album_head {
    line-height: 70px;
    font-weight: normal;
}

.album_head strong {
    font-size: 20px;
    color: #333;
    font-weight: normal;
}

.album_list {
    overflow: hidden;
}

.album_list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.album_list ul li {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    padding: 0 15px;
}
@media(min-width:768px) {
    .album_list ul li {
        width: 50%;
    }
}
@media(min-width:1000px) {
    .album_list ul li {
        width: 33.33333%;
    }
}

.album_list ul li .li-box {
    padding: 15px 15px 0;
    display: flex;
    background-color: #ffffff;
}


.album_list ul li .pic {
    display: block;
    width: 112px;
    margin-right: 10px;
    height: 123px;
    background: url('../images/other.png') no-repeat -119px -407px;
    padding: 4px 0 0 4px;
}

.album_list ul li strong {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 7px;
}

.album_list ul li p {
    color: #8e8e8e;
    margin: 0 0 7px;
}

.album_list ul li strong a {
    color: #333333;
}



.album_box {
    display: flex;
}

.album_box .album_info {
    width: 180px;
    flex: 0 0 auto;
}

.album_box .music_list {
    flex: 1;
    padding: 10px 0 0 30px;
    border-left: 1px solid #dcdcdc;
    min-height: 700px;
}

.album_box .album_info .pic {
    background: url('../images/other.png') no-repeat -1px -750px;
    width: 170px;
    height: 169px;
    margin-left: -5px;
}

.album_box .album_info .pic img {
    margin: 4px 0 0 5px;
}

.album_box .album_info .detail {
    margin: 0 0 10px;
}

.album_box .album_info .detail,
.album_box .album_info .intro {
    color: #323232;
    width: 160px;
    font-size: 13px;
    line-height: 24px;
    text-align: left;
    word-wrap: break-word;
}


.album_box .music_list> h4 {
    font-size: 16px;
    color: #1b1b1b;
    border-bottom: 1px solid #d4d4d4;
    font-weight: 400;
    position: relative;
    line-height: 30px;
    padding-bottom: 5px;
}
.album_box .music_list video{max-width:100%}
.album_box .music_list .list1 .songList {
    margin: 10px 0 0;
}


.album_box .music_list .list1 li {
    height: 30px;
    margin: 0 0 5px;
    line-height: 30px;
    vertical-align: bottom
}


.album_box .music_list .list1 li a {
    display: block;
    zoom: 1;
    height: 30px;
    padding-left: 8px;
    padding-right: 8px;
    outline: none;
}

.album_box .music_list .list1 li a:hover {
    background-color: #daf1fb;
}

.album_box .music_list .list1 li .num1 {
    float: left;
    margin-right: 10px;
    color: #323232;
}

.album_box .music_list .list1 li .text {
    float: left;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.album_box .music_list .list1 li .text i {
    font-style: normal;
    cursor: pointer;
    color: #323232;
    text-decoration: none;
}


.album_box .music_list .list1 li .listen {
    float: right;
    color: #323232;
    font-size: 13px;
}

.album_box .music_list .list2 {
    margin: 30px 0;
}

.album_box .music_list .list2 ul {
    padding: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
}

.album_box .music_list .list2 li {
    width: 112px;
    flex: 0 0 auto;
    margin: 0 13px 15px 13px;
    position: relative;
}
@media(max-width:1199px) {
    .album_box .music_list .list2 li {
        margin: 0 8px 15px 8px;
    }
}
.album_box .music_list .list2 ul li .pic {
    display: block;
    width: 112px;
    margin-right: 10px;
    height: 123px;
    background: url('../images/other.png') no-repeat -119px -407px;
    padding: 4px 0 0 4px;
}

.album_box .music_list .list2 ul li p {
    text-align: left;
    width: 105px;
    padding-left: 5px;
    color: #1b1b1b;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.layui-layer-setwin .layui-layer-close2 {
    outline: none;
}


.lyric-content {
    text-align: left;
    line-height: 30px;
    font-size: 12px;
    padding-left: 10px;
}

.lyric-content p {
    line-height: 30px;
}
@media(max-width:767px) {
    .album_box{
        display: block;
    }
    .album_box .album_info{
        width: 100%;
    }
    .album_box .album_info .detail,
    .album_box .album_info .intro{
        width: 100%;
    }
    .album_box .music_list{
        border: none;
        padding: 0;
        margin: 30px 0 0;
        min-height: auto;
    }
}

.album-content h4{
color:#3366CC;
border-bottom: #e4e3e3 1px solid;
    padding-bottom: 10px;
margin-bottom:20px;
font-weight:400;
position:relative;
}
.album-content h4 span,
.album-content h4 strong{
position:relative;
display: inline-block;
}
.album-content h4 span:after,
.album-content h4 strong:after {
    content: "";
    background: #3366CC;
    background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%);
    width:100%;
    height: 2px;
    position: absolute;
    bottom: -11px;
    left: 0;
}
.case-detail .show_box{display:flex;flex-flow:row wrap;align-items:flex-start;overflow:hidden}
.case-detail .zutu{width:100%;display:flex;flex-flow:row wrap;padding:2%;background-color:#f2f2f2}
.case-detail .gallery{float:left;width:578px}
.case-detail .gallery .gallery-top .swiper-slide{cursor:pointer}
.case-detail .gallery .gallery-top .swiper-slide .pic{position:relative;width:100%;height:0;padding-bottom:75%}
.case-detail .gallery .gallery-top .swiper-slide .pic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.case-detail .gallery .thumbs{position:relative;margin-top:10px;padding:0 33px;overflow:hidden}
.case-detail .gallery .gallery-thumbs .swiper-slide{width:calc(96.1% / 4);margin-right:5px;border:2px solid #eee;box-sizing:border-box;transition:all .5s ease;padding: 6px;}
.case-detail .gallery .gallery-thumbs .swiper-slide .pic{position:relative;width:100%;height:0;padding-bottom:75%;cursor:pointer}
.case-detail .gallery .gallery-thumbs .swiper-slide .pic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.case-detail .gallery .gallery-thumbs .swiper-slide-thumb-active{border-color:#3366CC}
.case-detail .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#3366CC;opacity:0.8;vertical-align:middle;position:relative}
.case-detail .swiper-pagination .swiper-pagination-bullet:after{content:"";width:10px;height:10px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #3366CC;border-radius:100%;margin-top:-7px;margin-left:-7px;opacity:0;transform:scale(0);transition:all .5s}
.case-detail .swiper-pagination .swiper-pagination-bullet-active{opacity:1}
.case-detail .swiper-pagination .swiper-pagination-bullet-active:after{opacity:1;transform:scale(1)}
.case-detail .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px}
.case-detail .gallery .swiper-button-prev:hover,.pro_box .gallery .swiper-button-next:hover{opacity:.35}
.case-detail .gallery .swiper-button-disabled{pointer-events:auto !important}
.case-detail .gallery .swiper-button-black{display:inline-block;vertical-align:middle;cursor:pointer;position:absolute;top:0;left:0;bottom:0px;width:28px;height:100%;margin:0;opacity:.6;background-size:16px;transition:all .5s ease}
.case-detail .gallery .swiper-button-next{left:auto;right:0}
.case-detail .info{float:left;min-width:200px;padding-left:3%;flex:1}
.case-detail .info .box{margin-bottom:20px}
.case-detail .info .box h3{color:#262626;font-size:26px;line-height:1.4;font-weight:bold;padding-bottom:20px}
.case-detail .info .txt{font-size:14px;line-height:1.8;color:#666;min-height:195px;padding:20px 0px;word-break:break-word;border-top:1px dotted #dcdcdc;border-bottom:1px dotted #dcdcdc}
.case-detail .info .btn{padding-bottom:10px;white-space:nowrap}
.case-detail .info .btn a{display:inline-block;max-width:45%;color:#fff;font-size:14px;line-height:1.572;text-align:center;padding:0.6vw 3vw;background:#3366CC;transition:all .5s ease}
.case-detail .info .btn a:hover{background:#065e91}
.case-detail .info .tel{display:flex;font-family:arial;font-size:14px;line-height:30px;white-space:nowrap}
.case-detail .info .tel a{color:#707070;display:flex;align-items:center}
.case-detail .info .tel a:first-child{margin-right:20px}
.case-detail .info .tel i{color:#3366CC;font-size:16px;margin-right:5px}
.case-detail .info .tel a:hover{color:#005faf}
.case-detail .pro_show{width:100%;margin-top:20px}
.case-detail .pro_show .tit{color:#333;font-size:26px;line-height:70px;font-weight:bold;text-align:center;background:#f5f5f5;border-bottom:4px solid #3366CC;height:70px}
.case-detail .pro_show .content{padding:20px 0;word-break:break-word !important;overflow:hidden}
.case-detail .pro_show .content p{color:#666;font-size:16px;padding-bottom:15px;line-height:1.8}
.case-detail .pro_show .content img{max-width:100% !important;height:auto !important;display:block !important;margin:0 auto}
@media only screen and (max-width:1400px){.case-detail .gallery{width:43%}
}@media only screen and (max-width:1200px){.case-detail .gallery{width:50%}
}@media only screen and (max-width:1024px){.case-detail .gallery{float:none;width:100%}
.case-detail .gallery .thumbs{}
.case-detail .info{float:none;width:100%;padding:0}
.case-detail .info .box{margin-bottom:15px}
.case-detail .info .box h3{font-size:20px;font-weight:bold;padding:10px 0px}
.case-detail .info .txt{font-size:13px;line-height:1.6;padding:10px 0px;min-height:auto}
.case-detail .info .btn{display:flex;justify-content:space-between}
.case-detail .info .btn a{max-width:48%;width:100%;line-height:2.5}
.case-detail .pro_show .tit{font-size:20px;line-height:50px;height:50px}
}

@media (max-width: 960px) {
/*  移动端  */
.case-detail {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;    
}
}}
@media (min-width: 961px) {
/*  pc  */
.case-detail {
    width: 578px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;    
}
}}