.detail-container{padding:5.208vw var(--padding) 6.771vw;background-color:#f7f7f7}.detail-container__navs{background-color:#f7f7f7;padding:6.888889vw var(--padding) 0}.detail-container .boder h2{font-weight:400;padding-bottom:3.6vw;border-bottom:1px solid #a8a8a8;line-height:var(--font-size-30)}.detail-container .boder .content{margin-top:7.066667vw;font-size:var(--font-size-20);line-height:var(--font-size-24);overflow:hidden}.detail-container .boder .content span{white-space:normal !important;word-break:break-word !important}.detail-container .boder .content img,.detail-container .boder .content video{width:100%;max-width:100%}.detail-container .boder .detail-navs{color:#a8a8a8;margin-top:6vw}.detail-container .boder .detail-navs div{width:100%;display:inline-flex}.detail-container .boder .detail-navs div span{flex-shrink:0}.detail-container .boder .detail-navs div a{display:inline-block;--link-color: #A8A8A8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detail-container .boder .detail-navs div.next-data{margin-top:4vw}.detail-container .detail-recommend{display:none}@media screen and (min-width: 992px){.detail-container{display:flex;align-items:stretch;justify-content:space-between;padding:5.208vw var(--padding) 6.771vw}.detail-container__navs{padding:5.208vw var(--padding) 0}.detail-container .boder{flex:1;width:0}.detail-container .boder h2{line-height:1;padding-bottom:1.40625vw}.detail-container .boder .content{width:0;min-width:100%;font-size:var(--font-size-16);margin-top:2.76vw;overflow:hidden}.detail-container .boder .detail-navs{display:flex;align-items:center;justify-content:space-between;margin-top:4.84375vw}.detail-container .boder .detail-navs div{flex-shrink:0;width:auto;max-width:45%}.detail-container .boder .detail-navs div.next-data{margin-top:0;justify-content:flex-end}.detail-container .detail-recommend{display:block;margin-left:8.333333vw;width:20.833333vw;flex-shrink:0}.detail-container .detail-recommend .recome-box{position:sticky;top:170px;width:100%}.detail-container .detail-recommend .recome-box a{display:block;margin-bottom:29px}.detail-container .detail-recommend .recome-box a .cover{width:100%;height:12.708333vw;overflow:hidden}.detail-container .detail-recommend .recome-box a .cover img{width:100%;height:100%;object-fit:cover}.detail-container .detail-recommend .recome-box a .title{color:#333;margin-top:22px;font-size:var(--font-size-16)}.detail-container .detail-recommend .recome-box a p{margin-top:16px;font-size:var(--font-size-12);line-height:1;color:#555}.detail-container .detail-recommend .recome-box a span{display:block;margin-top:18px;color:#a8a8a8;font-size:var(--font-size-12)}.detail-container .detail-recommend .recome-box a:hover .title{color:var(--link-hover-color)}}@media screen and (min-width: 1440px){.detail-container .detail-recommend .recome-box{top:calc(9.271vw + 30px)}}@media screen and (min-width: 1920px){.detail-container__navs{padding:100px var(--padding) 0}.detail-container .boder .detail-navs{margin-top:93px}.detail-container .detail-recommend{width:400px;margin-left:160px}.detail-container .detail-recommend .recome-box{top:200px}.detail-container .detail-recommend .recome-box a .cover{height:244px}}
