.breadcrumb{display: flex;align-items: baseline;padding: 0.3rem 0;}
            .breadcrumb.absolute{position: absolute;top: 0;left: 0;width: 100%;}
            .breadcrumb .breadcrumb-item{line-height: 1.625;color: #666;transition: 0.3s;}
            .breadcrumb .breadcrumb-item:nth-child(n+2)::before{content: ">";display: inline-block;margin: 0 0.18rem;color: #666 !important;}
            .breadcrumb .breadcrumb-item:hover{color: var(--theme-color);}


            .about{background: url("/static/home/images/img/circle.png") no-repeat top left;}
.about .breadcrumb{margin-bottom: 0.34rem;}
.about .about-main{display: flex;align-items: flex-start;}
.about .about-left{flex: 1;min-height: 6.6rem;padding-left: 0.6rem;padding-right: 0.6rem;background: url("{$art_list_info.lists.0.album_format.0}") no-repeat top left/cover;transform: translateY(0.91rem);}
.about .about-content{width: 7.76rem;padding: 1.02rem 0;margin-left: auto;margin-right: 0.47rem;}
.about .about-subtitle{line-height: 1.3;margin: 0.25rem 0 0.24rem;color: #222;}
.about .about-info{line-height: 1.777;color: #666;}
.about .about-info *{line-height: inherit;}
.about .module-subtitle::after{margin-top: 0.17rem;}
.about .about-right{position: relative;width: 8.77rem;height: 6.4rem;}
.about .about-data{position: relative;height: 3.6rem;z-index: 5;}
.about .about-data::after{content: "";position: absolute;right: 0;top: 0;height: 100%;width: 6rem;background-color: var(--theme-color);z-index: 1;}
.about .data-list{position: relative;display: flex;min-height: 2.4rem;overflow-x: auto;z-index: 2;}
.about .data-list::-webkit-scrollbar{display: none;}
.about .data-item{width: 2.66rem;flex-shrink: 0;padding: 0.38rem 0.39rem;background-color: #ffffff;border: solid 0.01rem #dddddd;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.about .data-item:nth-child(n+2){border-left: none;}
.about .data-icon{height: 0.35rem;}
.about .data-value{color: var(--theme-color);margin: 0.28rem 0 0.22rem;}
.about .data-info{line-height: 1.5;color: #222;}
.video-ctrl{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.video-ctrl .video-play{display: flex;align-items: center;justify-content: center;width: 1rem;height: 1rem;border-radius: 50%;background: url("/static/home/images/icon/play.png") no-repeat center center, var(--theme-color);background-size: 0.19rem 0.25rem;-webkit-user-select: none;-moz-user-select: none;user-select: none;cursor: pointer;pointer-events: auto;}
.video-ctrl .video-play::before, .video-ctrl .video-play::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;transform-origin: center center;opacity: 0;}
.video-ctrl .video-play::before{width: 1rem;height: 1rem;border: dashed 0.01rem rgba(255, 255, 255, 0.2980392157);transition: transform 1s, width 0.8s, height 0.8s, opacity 0.3s;}
.video-ctrl .video-play::after{width: 1rem;height: 1rem;border: solid 0.01rem rgba(255, 255, 255, 0.4980392157);transition: transform 1s, width 0.3s, height 0.3s, opacity 0.3s;}
.video-ctrl .video-play:hover::before{width: 1.4rem;height: 1.4rem;transform: translate(-50%, -50%) rotate(360deg);opacity: 1;}
.video-ctrl .video-play:hover::after{width: 1.2rem;height: 1.2rem;opacity: 1;}
.video-ctrl .video-play.playing{opacity: 0;pointer-events: none;}
@media (max-width: 750px){.about .breadcrumb{padding: 0.35rem 0.6rem;}
.about .about-main{flex-direction: column;}
.about .about-content{width: 100%;}
.about .about-right{width: 100%;}
.about .about-left{width: 100%;transform: none;}
.about .about-data{height: auto;}
.about .data-list{overflow-x: visible;flex-wrap: wrap;}
.about .data-item{width: 50%;border: 0.01rem solid #ddd !important;}
}