/*! detail-bn start */
.detail-bn-wrap{position:relative;padding-top:1rem}.detail-bn-wrap.dark .bg-light{opacity:0}.detail-bn-wrap.dark .bg-dark{opacity:1}.detail-bn-wrap .bg-light{opacity:1}.detail-bn-wrap .bg-dark{opacity:0}.detail-bn-wrap .detail-bn{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.8rem}.detail-bn-wrap .db-left{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:9rem;max-width:100%}.detail-bn-wrap .swp-box{display:flex;align-items:center;justify-content:space-between;width:100%}.detail-bn-wrap .view-box{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}.detail-bn-wrap .ip-view{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:6.2rem;height:6.2rem;border-radius:50%;background:rgba(0,0,0,0);max-width:100%;padding:1.3rem;aspect-ratio:1}.detail-bn-wrap .ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotateZ(-90deg)}.detail-bn-wrap .swp-btn{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2em;height:2em;border-radius:50%;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);overflow:hidden}.detail-bn-wrap .swp-btn::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1;opacity:0;transition:.3s}.detail-bn-wrap .swp-btn .icon-box{position:relative;z-index:5}.detail-bn-wrap .swp-btn:hover::after{opacity:1}.detail-bn-wrap .swp-btn:hover .icon-box{filter:none}.detail-bn-wrap .db-item{display:flex;justify-content:space-between;opacity:0 !important}.detail-bn-wrap .db-item.swiper-slide-active{opacity:1 !important}.detail-bn-wrap .thumb{display:flex;justify-content:center;width:100%;margin-top:.6rem}.detail-bn-wrap .thumb-item{display:flex;align-items:center;justify-content:center;width:2em;height:2em;padding:.15rem;border-radius:.12rem;box-shadow:0 0 0 1px hsla(0,0%,100%,.3) inset;transition:.3s}.detail-bn-wrap .thumb-item.thumb-active{box-shadow:0 0 0 2px #fff inset}.detail-bn-wrap .db-right{position:relative;width:5.8rem;max-width:100%;border-radius:.2rem;color:#fff;padding:.75rem .6rem .9rem}.detail-bn-wrap .db-right::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.2rem;padding:3px;background:linear-gradient(135deg,#fff,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.detail-bn-wrap .dbr-head{position:relative;padding-bottom:.2rem;border-bottom:1px solid hsla(0,0%,100%,.2)}.detail-bn-wrap .dbr-head::before{content:"";position:absolute;bottom:0;left:0;width:.8rem;height:.03rem;background-color:#fff}.detail-bn-wrap .dbr-title{line-height:1.3333333333}.detail-bn-wrap .dbr-info{line-height:1.875;margin-top:.33rem;margin-bottom:.5rem}@media(max-width:750px){.detail-bn-wrap .detail-bn{flex-direction:column}.detail-bn-wrap .db-right{margin-top:.6rem}}
/*! detail-bn end */

.detail-bn-wrap .ip-view {padding: .8rem;}

@media (max-width: 750px) {
    .detail-bn-wrap .ip-view {padding: .5rem;}
}

/*! #p-detail start */
.p-detail-wrap{padding-top:.95rem;padding-bottom:1rem;background-color:#e7ebf5;overflow:visible}.p-detail-wrap .p-detail{display:flex;justify-content:space-between;align-items:flex-start}.p-detail-wrap .detail-left{position:sticky;top:1.1rem;width:2.6rem;max-width:100%}.p-detail-wrap .detail-right{width:11rem;max-width:100%;overflow:hidden}.p-detail-wrap .detail-head{position:relative;padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.p-detail-wrap .detail-head::before{content:"";position:absolute;bottom:0;left:0;width:.8rem;height:.03rem;background:linear-gradient(to right, #0f59d2, #bc8bef)}.p-detail-wrap .detail-title{line-height:1.3333333333;font-weight:bold}.p-detail-wrap .dl-title{line-height:1.25;font-weight:bold}.p-detail-wrap .dl-nav{position:relative;margin-top:.65rem;padding-left:.2rem}.p-detail-wrap .dl-nav::before{content:"";position:absolute;left:0;top:0;width:.02rem;height:100%;background-color:rgba(0,0,0,.1)}.p-detail-wrap .dln-line{position:absolute;top:0;left:0;height:100%;width:.02rem;background:linear-gradient(to bottom, #0f59d2, #bc8bef);transform-origin:top center;transform:scaleY(0);transition:.3s}.p-detail-wrap .nav-item{display:flex;color:#999;line-height:2;cursor:pointer;transition:.3s}.p-detail-wrap .nav-item:hover,.p-detail-wrap .nav-item.active{color:#0027ee}.p-detail-wrap .dl-category{margin-top:.95rem}.p-detail-wrap .dlc-list{display:flex;flex-wrap:wrap;margin-top:.3rem}.p-detail-wrap .dlc-item{display:block;transition:.3s}.p-detail-wrap .dlc-item{width:calc((100% - .2rem)/2)}.p-detail-wrap .dlc-item:nth-child(n+2){margin-left:.2rem}.p-detail-wrap .dlc-item:nth-child(2n+1){margin-left:0}.p-detail-wrap .dlc-item:nth-child(n+3){margin-top:.2rem}.p-detail-wrap .dlc-item img{transition:.5s}.p-detail-wrap .dlc-item:hover{color:#0027ee}.p-detail-wrap .dlc-item:hover img{transform:scale(1.2)}.p-detail-wrap .dlc-title{line-height:1.4166666667;font-weight:bold}.p-detail-wrap .dlc-pic{border-radius:.2rem;overflow:hidden}.p-detail-wrap .dlc-pic{position:relative}.p-detail-wrap .dlc-pic::before{content:"";display:block;padding-top:100%}.p-detail-wrap .dlc-pic .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;transition:.5s}.p-detail-wrap .dlc-name{line-height:1.875;margin-top:.13rem;font-weight:bold}.p-detail-wrap .dlcp-inner{padding:.3rem}.p-detail-wrap .bg{z-index:1}.detail-desc .dc-info{line-height:1.875;margin-top:.33rem;color:#666}.detail-desc .dc-swp{margin-top:.5rem;border-radius:.2rem;overflow:hidden}.detail-desc .dc-item{position:relative}.detail-desc .dc-item::before{content:"";display:block;padding-top:50%}.detail-desc .dc-item .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;transition:.5s}.detail-desc .swp-opt{display:flex;justify-content:center;width:100%;height:100%;margin-top:.2rem;pointer-events:none;z-index:5}.detail-desc .swp-progress{width:.6rem;height:.03rem;background-color:#d5d7df;overflow:hidden}.detail-desc .progress-inner{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background-color:#0027ee}.detail-related{padding-top:.72rem}.detail-related .dr-list{display:flex;flex-wrap:wrap;margin-top:.6rem}.detail-related .dr-item{display:block}.detail-related .dr-item{width:calc((100% - .6rem)/3)}.detail-related .dr-item:nth-child(n+2){margin-left:.3rem}.detail-related .dr-item:nth-child(3n+1){margin-left:0}.detail-related .dr-item:nth-child(n+4){margin-top:.3rem}.detail-related .dr-item:hover .dr-pic img{transform:scale(1.1)}.detail-related .dr-item:hover .dr-title{color:#0027ee}.detail-related .dr-pic{background-color:#fff;border-radius:.2rem;padding:.5rem;overflow:hidden}.detail-related .dr-pic{position:relative}.detail-related .dr-pic::before{content:"";display:block;padding-top:100%}.detail-related .dr-pic .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;transition:.5s}.detail-related .dr-pic img{transition:.5s}.detail-related .pic-inner{padding:.5rem}.detail-related .dr-title{line-height:1.6666666667;margin-top:.24rem;transition:.3s}.detail-related .dr-info{line-height:1.875;margin-top:.03rem;color:#666}.detail-video{padding-top:.9rem}.detail-video .dv-list{display:flex;flex-wrap:wrap;margin-top:.6rem}.detail-video .dv-item{cursor:pointer}.detail-video .dv-item{width:calc((100% - .3rem)/2)}.detail-video .dv-item:nth-child(n+2){margin-left:.3rem}.detail-video .dv-item:nth-child(2n+1){margin-left:0}.detail-video .dv-item:nth-child(n+3){margin-top:.3rem}.detail-video .dv-item:hover .play{box-shadow:none}.detail-video .dv-item:hover .play::before{opacity:1}.detail-video .dv-item:hover .dv-title{color:#0027ee}.detail-video .dv-pic{border-radius:.2rem;overflow:hidden}.detail-video .dv-pic{position:relative}.detail-video .dv-pic::before{content:"";display:block;padding-top:62.4299065421%}.detail-video .dv-pic .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;transition:.5s}.detail-video .dv-cover{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:5}.detail-video .play{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.6rem;height:.6rem;border-radius:50%;background:rgba(0,0,0,0);overflow:hidden;transition:.3s}.detail-video .play{box-shadow:0 0 0 1px #fff inset}.detail-video .icon-play{position:relative;z-index:5}.detail-video .dv-title{line-height:1.6666666667;margin-top:.24rem;transition:.3s}.detail-video .dv-info{line-height:1.875;margin-top:.03rem;color:#666}.detail-related2{padding-top:.9rem}.detail-related2 .dr2-list{display:flex;flex-wrap:wrap;margin-top:.6rem}.detail-related2 .dr2-item{width:calc((100% - 1.2rem)/5)}.detail-related2 .dr2-item:nth-child(n+2){margin-left:.3rem}.detail-related2 .dr2-item:nth-child(5n+1){margin-left:0}.detail-related2 .dr2-item:nth-child(n+6){margin-top:.3rem}.detail-related2 .dr2-view{display:flex;align-items:center;justify-content:center;border-radius:.2rem;background-color:#fff;overflow:hidden}.detail-related2 .dr2-view{position:relative}.detail-related2 .dr2-view::before{content:"";display:block;padding-top:100%}.detail-related2 .dr2-view .fill{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;transition:.5s}.detail-related2 .dr2-view:hover .dr2-icon{transform:rotateY(1turn)}.detail-related2 .dr2-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;border-radius:50%;background:linear-gradient(to right, #0f59d2, #bc8bef);transition:.8s}.detail-related2 .dr2-title{line-height:1.6666666667;margin-top:.24rem;margin-bottom:.11rem}.detail-related2 .dr2-opts{display:flex}.detail-related2 .dr2-btn{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2em;height:2em;border-radius:50%;background:#fff;overflow:hidden}.detail-related2 .dr2-btn .icon-box{position:relative;z-index:5}.detail-related2 .dr2-btn::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, #0f59d2, #bc8bef);opacity:0;transition:.3s}.detail-related2 .dr2-btn:nth-child(n+2){margin-left:.1rem}.detail-related2 .dr2-btn:hover::before{opacity:1}.detail-related2 .dr2-btn:hover .icon-box{filter:grayscale(1) brightness(10)}.video-player .dialog{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.5333333333);opacity:0;pointer-events:none;transform:translateY(100%);z-index:60}.video-player .dialog.dialog-show{opacity:1;pointer-events:auto;transform:translateY(0)}.video-player .dialog.dialog-show .dialog-inner{animation:dialog-show .5s forwards}@keyframes dialog-show{0%{transform:scale(0) translateY(100%)}30%{transform:scale(0.001, 0.001) translateY(0)}60%{transform:scale(0.001, 1) translateY(0)}100%{transform:scale(1, 1) translateY(0)}}.video-player .dialog-inner{position:relative;transition:.5s}.video-player .dialog-main{padding:.3rem;border-radius:.08rem;background-color:#fff}.video-player .dialog-cancel{position:absolute;top:.1rem;right:.1rem;width:1em;height:1em;color:#666;background-size:100%;transition:.3s;cursor:pointer;z-index:10}.video-player .dialog-cancel .cross{position:relative;width:1em;height:1em;flex-shrink:0;aspect-ratio:1;cursor:pointer}.video-player .dialog-cancel .cross::before,.video-player .dialog-cancel .cross::after{content:"";position:absolute;top:50%;left:50%;width:100%;height:.02rem;transform:translate(-50%, -50%);background-color:#fff;transition:.5s}.video-player .dialog-cancel .cross::before{transform:translate(-50%, -50%) rotate(90deg)}.video-player .dialog-cancel .cross::after{transform:translate(-50%, -50%) rotate(180deg)}.video-player .dialog-cancel .cross{transform:rotate(45deg);transition:.3s}.video-player .dialog-cancel:hover{transform:scale(1.1)}.video-player .dialog-cancel:hover .cross{transform:rotate(135deg)}.video-player .dialog-inner{display:flex;align-items:center;justify-content:center;width:auto}.video-player .dialog-cancel{color:#fff}.video-player .dialog-main{padding:0}.video-player .player{display:block;line-height:1;width:100%;height:100%}@media(max-width: 750px){.p-detail-wrap .detail-left{display:none}.p-detail-wrap .dr-item{width:calc((100% - .3rem)/2)}.p-detail-wrap .dr-item:nth-child(n+2){margin-left:.3rem}.p-detail-wrap .dr-item:nth-child(2n+1){margin-left:0}.p-detail-wrap .dr-item:nth-child(n+3){margin-top:.3rem}.p-detail-wrap .dr2-item{width:calc((100% - .3rem)/2)}.p-detail-wrap .dr2-item:nth-child(n+2){margin-left:.3rem}.p-detail-wrap .dr2-item:nth-child(2n+1){margin-left:0}.p-detail-wrap .dr2-item:nth-child(n+3){margin-top:.3rem}}
/*! #p-detail end */

.p-detail-wrap .nd-bt {
    margin-top: .6rem;
}
.p-detail-wrap .nd-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2em;
    min-width: 2rem;
    border-radius: 1em;
    padding: .1rem .2rem;
    color: #0f59d2;
    background: linear-gradient(to right, #0f59d2, #bc8bef);
    overflow: hidden;
    transition: .3s;
    margin-bottom: .5em;
}
.p-detail-wrap .nd-btn a {
    position: relative;
    z-index: 5;
}
.p-detail-wrap .nd-btn::before, .p-detail-wrap .nd-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: inherit;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #fff;
    z-index: 1;
}
.p-detail-wrap .nd-btn::after {
    background: linear-gradient(to right, #0f59d2, #bc8bef);
    opacity: .1;
    z-index: 2;
}
.p-detail-wrap .nd-btn:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .3333333333);
    transform: translateY(-5px);
}


.dr-list .dark .dr-pic {background-color: #000;}