.supplyDetails{width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:hidden;position:relative}.supplyDetails .breadcrumb{width:75rem;font-size:14px;font-weight:400;color:#666;padding-top:20px;text-align:left}.supplyDetails .breadcrumb span{cursor:pointer}.supplyDetails .breadcrumb span:hover{color:#333;font-weight:700}.supplyDetails .el-dialog{width:31.25rem}.supplyDetails .el-dialog .el-dialog__body{border-top:.0625rem solid #e4e4e4;border-bottom:.0625rem solid #e4e4e4}.supplyDetails .el-dialog .el-input{width:20rem}.supplyDetails .banner{width:75rem;height:300px;height:auto;display:flex;justify-content:space-between;margin-top:.875rem;margin-bottom:1.875rem;background:#fff;border:1px solid #eee}.supplyDetails .banner .mianl{width:100%;display:flex;justify-content:flex-start;background-color:#fff}.supplyDetails .banner .mianl .contantl{width:300px;height:300px}.supplyDetails .banner .mianl .contantl img{width:300px;height:300px;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.supplyDetails .banner .mianl .contantr{width:900px;padding:20px 20px 20px 40px;display:flex;flex-direction:column;justify-content:space-between}.supplyDetails .banner .mianl .contantr .contantr-top{display:flex;flex-direction:column}.supplyDetails .banner .mianl .contantr .contantr-top h3{font-size:18px;height:18px;line-height:18px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplyDetails .banner .mianl .contantr .contantr-top .desc{margin-top:10px;margin-bottom:20px;font-size:14px;line-height:1.2;color:#666;max-height:34px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.supplyDetails .banner .mianl .contantr .contantr-bottom{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:150px;width:100%}.supplyDetails .banner .mianl .contantr .contantr-bottom .bottom-item{display:flex;align-items:center;margin-top:15px}.supplyDetails .banner .mianl .contantr .contantr-bottom .bottom-item span{font-size:14px;color:#333}.supplyDetails .banner .mianl .contantr .contantr-bottom .bottom-item span.label{color:#999;width:80px;font-size:14px;display:inline-block}.supplyDetails .banner .mianl .contantr .contantr-bottom .bottom-item span.price{color:#f04444;font-size:20px;font-weight:700}.supplyDetails .banner .mianl .contantr .contantr-bottom .btn-container{position:absolute;right:22px;bottom:0}.supplyDetails .banner .mianl .contantr .contantr-bottom .btn-container .buy-btn{width:160px;height:40px;background:#f04444;border-radius:0}.supplyDetails .banner .mianl .contantr .contantr-bottom .btn-container .favorite-btn{border-radius:0;width:160px;height:40px}.supplyDetails .bottom{width:75rem;height:auto;display:flex;justify-content:space-between;margin-bottom:2.875rem}.supplyDetails .bottom .banner{width:56.25rem;height:auto;background-color:#fff;margin:0;display:flex;flex-direction:column;border-width:0}.supplyDetails .bottom .banner .el-tabs{height:100%}.supplyDetails .bottom .banner .el-tabs--border-card{box-shadow:none;border:0}.supplyDetails .bottom .banner .el-tabs--border-card>.el-tabs__content{padding-left:0;padding-right:0}.supplyDetails .bottom .banner .el-tabs--border-card>.el-tabs__header{border:1px solid #eee;border-bottom-color:#409eff;background:#f9f9f9}.supplyDetails .bottom .banner .el-tabs__item{border-top:.25rem solid #f5f7fa;height:50px;font-size:16px;line-height:48px;color:#333}.supplyDetails .bottom .banner .el-tabs__item.is-active{border-top:.25rem solid #409eff;background:#409eff;color:#fff}.supplyDetails .bottom .banner .el-tabs__item.is-active:hover{color:#fff}.supplyDetails .bottom .banner .text{width:56.25rem;min-height:53.5rem}.supplyDetails .bottom .banner .commentList{height:auto}.supplyDetails .bottom .banner .commentList .card{height:16.125rem;display:flex;justify-content:flex-start;padding:1.25rem}.supplyDetails .bottom .banner .commentList .card .avatar{width:10%;display:flex;flex-direction:column;align-items:center}.supplyDetails .bottom .banner .commentList .card .avatar img{width:2.5rem;height:2.5rem;border-radius:50%}.supplyDetails .bottom .banner .commentList .card .avatar span{width:2.5rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.supplyDetails .bottom .banner .commentList .card .comment{flex-grow:1}.supplyDetails .bottom .banner .commentList .card .comment .el-textarea__inner{font-family:Microsoft YaHei;border-radius:0;border:.0625rem solid #f2f2f2}.supplyDetails .bottom .banner .commentList .card .comment .commentB{display:flex;background-color:#fff;justify-content:flex-end;margin-top:20px}.supplyDetails .bottom .banner .commentList .card .comment .commentB .el-button{border-radius:0;width:160px;height:40px;padding:0}.supplyDetails .bottom .banner .commentList .commen-container{width:100%;display:flex;flex-direction:column}.supplyDetails .bottom .banner .commentList .commen-container .page{align-self:flex-end}.supplyDetails .bottom .banner .commentList .cards{display:flex;justify-content:flex-start;padding:1.25rem;border-top:.0625rem solid #f2f2f2;margin-top:10px}.supplyDetails .bottom .banner .commentList .cards .avatar{width:10%;display:flex;flex-direction:column;align-items:center}.supplyDetails .bottom .banner .commentList .cards .avatar img{width:2.5rem;height:2.5rem;border-radius:50%}.supplyDetails .bottom .banner .commentList .cards .avatar span{width:2.5rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.supplyDetails .bottom .banner .commentList .cards .comment{width:90%}.supplyDetails .bottom .banner .commentList .cards .comment .commentt{display:flex;flex-direction:column}.supplyDetails .bottom .banner .commentList .cards .comment .commentt .nickname{display:flex;justify-content:flex-start}.supplyDetails .bottom .banner .commentList .cards .comment .commentt .nickname span{line-height:1rem;height:1rem;font-size:1rem;color:#262626}.supplyDetails .bottom .banner .commentList .cards .comment .commentt .nickname .grade{margin-left:.625rem;font-size:.75rem;width:2.1875rem;height:1rem;line-height:1rem;background:#ff9500;border-radius:.5rem;color:#fff;text-align:center}.supplyDetails .bottom .banner .commentList .cards .comment .commentt p{margin-top:10px;padding-right:10px;font-size:14px;font-weight:400;color:#333}.supplyDetails .bottom .banner .commentList .cards .comment .commentt .time{align-self:flex-end;padding-right:0;font-size:12px;font-weight:400;color:#999}.supplyDetails .bottom .banner .commentList .cards .comment .commentb{margin-top:1.25rem;background:#f2f2f2;padding:1.25rem;display:flex;flex-direction:column}.supplyDetails .bottom .banner .commentList .cards .comment .commentb h3{font-size:1rem;font-weight:400;color:#262626}.supplyDetails .bottom .banner .commentList .cards .comment .commentb p{margin-top:.625rem;font-size:14px;font-weight:400;color:#333}.supplyDetails .bottom .banner .commentList .cards .comment .commentb span{display:block;margin-top:.625rem;align-self:flex-end;font-size:12px;font-weight:400;color:#999}.supplyDetails .bottom .banner .commentList .nodata{display:flex;justify-content:center;flex-direction:column;align-items:center;height:220px;width:100%;border-top:.0625rem solid #f2f2f2;margin-top:10px}.supplyDetails .bottom .banner .commentList .nodata span{margin-top:20px;font-size:14px;font-weight:400;color:#999}.supplyDetails .bottom .bottomR{width:16.25rem}.supplyDetails .bottom .bottomR .mianr{width:100%;height:auto;background-color:#fff}.supplyDetails .bottom .bottomR .mianr .header{background:#f9f9f9;border:.0625rem solid #e6e6e6;border-bottom:0;display:flex;align-items:center}.supplyDetails .bottom .bottomR .mianr .header h3{font-size:1rem;font-family:Microsoft YaHei;font-weight:400;width:100%;color:#333;padding:10px 20px}.supplyDetails .bottom .bottomR .mianr .main{padding:0 1.25rem;min-height:18.75rem;height:auto;border:.0625rem solid #e6e6e6;font-size:.875rem}.supplyDetails .bottom .bottomR .mianr .main .text{width:13.125rem;height:auto;display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:1.25rem}.supplyDetails .bottom .bottomR .mianr .main .text .el-rate{margin-top:.1875rem}.supplyDetails .bottom .bottomR .mianr .main .text .text1{width:4.375rem;margin-right:.3125rem;color:grey}.supplyDetails .bottom .bottomR .mianr .main div{margin-top:.625rem;display:flex;flex-wrap:nowrap}.supplyDetails .bottom .bottomR .mianr .main div .text1{display:flex;justify-content:space-between;min-width:4.375rem;color:grey;margin-right:.3125rem}.supplyDetails .bottom .bottomR .mianr .main div .text2{display:inline-block;max-width:150px}.supplyDetails .bottom .bottomR .mianr .main div img{margin-bottom:-4px;margin-left:4px;width:14px;height:16px}.supplyDetails .bottom .bottomR .mianr .main .introduce{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;flex-wrap:wrap;margin-bottom:1.875rem}.supplyDetails .bottom .bottomR .mianr .main .introduce p{width:100%}.supplyDetails .bottom .bottomR .mianr .footer{display:flex;justify-content:center;padding:1.25rem 1.25rem;border:.0625rem solid #e6e6e6;border-top:0}.supplyDetails .bottom .bottomR .mianr .footer .el-button{width:200px;height:30px;padding:0 1.25rem;border-radius:0}.supplyDetails .bottom .bottomR .mianr .footer .other-btn{background:#fff;border:.0625rem solid #4080ed;color:#4080ed}.supplyDetails .bottom .bottomR .goods-list{width:100%;margin-top:30px}.supplyDetails .bottom .bottomR .goods-list .goods-item-container{width:100%;display:flex;justify-content:space-between;flex-direction:column;padding-bottom:20px;background:#fff;border:1px solid #eee;margin-bottom:20px}.supplyDetails .bottom .bottomR .goods-list .goods-item-container .header{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;width:100%;background:#f9f9f9;border-bottom:1px solid #eee;font-size:16px;color:#333}.supplyDetails .bottom .bottomR .goods-list .goods-item-container .header span:last-child{font-size:14px;color:#999;cursor:pointer}.supplyDetails .bottom .bottomR .goods-list .goods-item-container .goods-item{padding:0 18px;display:flex;justify-content:space-between;width:100%;height:60px;margin-top:24px;cursor:pointer}.supplyDetails .bottom .bottomR .goods-list .goods-item-container .goods-item .img-container{height:60px;min-width:60px;background:#fff}.supplyDetails .bottom .bottomR .goods-list .goods-item-container .goods-item .img-container img{height:60px;width:60px;-o-object-fit:contain;object-fit:contain;border:1px solid #eee}.supplyDetails .bottom .bottomR .goods-list .goods-item-container .goods-item .goods-desc{height:60px;width:100%;display:flex;flex-direction:column;justify-content:space-between;margin-left:10px}.supplyDetails .bottom .bottomR .goods-list .goods-item-container .goods-item .goods-desc .goods-desc-top{display:inline-block;max-width:150px;height:32px;overflow:hidden;font-size:14px;color:#333;line-height:1.2;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.supplyDetails .bottom .bottomR .goods-list .goods-item-container .goods-item .goods-desc .goods-desc-bottom{font-size:16px;color:#f43f32;display:inline-block;font-weight:700}.supplyDetails /deep/ .el-tabs--border-card>.el-tabs__header .el-tabs__item{transition:none!important}.confirmBox{padding:1.25rem;width:15.625rem;height:7.9375rem}.confirmBox .el-message-box__header{display:none}.confirmBox .el-message-box__message{font-size:1rem;color:#000}.communication{z-index:123;position:absolute;width:37.5rem;height:32.5rem;background-color:#fff;top:12.5rem;right:35%;box-shadow:0 0 .5rem rgba(9,41,77,.12)}.communication .js-time{margin-top:10px;text-align:center}.communication .js-time span{background-color:#dadada;color:#f2f2f2;font-size:12px;padding:3px 10px;border-radius:4px}.communication .liRight .message{word-break:break-all;max-width:430px;margin-right:10px}.communication .liRight div{width:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.communication .header{width:100%;height:4.375rem;border-bottom:1px solid #e6e6e6;display:flex;justify-content:space-between;padding:0 1.25rem}.communication .header h3{height:5.625rem;line-height:4.375rem;padding-left:1.25rem}.communication .header i{line-height:4.375rem;font-size:1.5625rem}.communication .main{height:21.875rem;background-color:#f1f2f3;padding:1.25rem;overflow-y:scroll}.communication .main .infinite-list{height:auto}.communication .main .infinite-list .prompt{text-align:center;width:12.5rem;height:1.5625rem;line-height:1.5625rem;background-color:#e5e5e5;border-radius:.25rem;margin:auto;color:#777;font-size:.75rem}.communication .main .infinite-list .liLeft{height:auto;width:100%;display:flex;align-items:center;margin-top:1.25rem;margin-bottom:1.875rem}.communication .main .infinite-list .liLeft img{width:2.375rem;border-radius:50%;margin-right:1.25rem}.communication .main .infinite-list .liLeft span{border-radius:.25rem;background-color:#fff;padding:.625rem}.communication .main .infinite-list .liRight{height:auto;width:100%;display:flex;justify-content:flex-end;align-items:center;margin-top:1.25rem;margin-bottom:1.875rem}.communication .main .infinite-list .liRight img{width:2.375rem;border-radius:50%;margin-left:1.25rem}.communication .main .infinite-list .liRight span{border-radius:.25rem;background-color:#4293f4;padding:.625rem;color:#fff}.communication .footer{border-top:1px solid #e6e6e6;height:5.625rem;position:relative}.communication .footer .el-textarea,.communication .footer .el-textarea__inner{height:5.3125rem;border-radius:0;border:none;font-family:Microsoft YaHei}.communication .footer .send{position:absolute;right:1.25rem;bottom:1.25rem;width:6.875rem;height:2.5rem;border:none;background-color:#4080ed;color:#fff;line-height:2.5rem;text-align:center}.goods-item-container .nodata{display:flex;justify-content:center;flex-direction:column;align-items:center;height:220px;width:100%;margin-top:10px}.goods-item-container .nodata span{margin-top:20px;font-size:14px;font-weight:400;color:#999}