.detail{position:relative;border:0 solid red;height:calc(100vh - 115px);background:#000}.detail .back{border:0 solid #fff;color:#fff;margin:0 0 0 20px;line-height:40px;font-size:14px}.detail .back .img{color:#fff}.detail .content{position:relative;background:#111226;height:calc(100% - 50px);width:98%;margin:0 auto;border-radius:6px;color:#fff}.detail .content .content_box{display:flex;width:90%;margin:0 auto;padding:30px 0 0 0}.detail .content .content_box .item{height:620px;border:0 solid red;margin:0 1.5% 0 0}.detail .content .content_box .image_list{width:15%;overflow-y:scroll;overflow-x:hidden;cursor:pointer}.detail .content .content_box .image_list img{display:block;width:96%;margin:0 0 10px 0;border:0 solid #000;border-radius:6px;background:#fff}.detail .content .content_box .image_info{width:35%;overflow:hidden;border:0 solid red;border-radius:6px;background:none;position:relative;display:flex;justify-content:center}.detail .content .content_box .image_info img{display:block;height:100%!important;border-radius:4px;margin:0 auto;border:0 solid red}.detail .content .content_box .image_info .el-image{height:100%;margin:0 auto;position:relative;border:0 solid #000}.detail .content .content_box .image_info .el-image img{display:block;height:100%!important;border-radius:4px;margin:0 auto;border:0 solid red}.detail .content .content_box .other_info{width:45%}.detail .content .content_box .other_info .name{line-height:40px;font-size:20px;color:#fff}.detail .content .content_box .other_info .view_time{font-size:14px;display:flex;justify-content:flex-start;border:0 solid #ccc;height:24px;line-height:24px;padding:0 0 10px 0;margin-left:0}.detail .content .content_box .other_info .view_time .time{display:flex;align-items:center}.detail .content .content_box .other_info .view_time .view_count{display:flex;align-items:center;margin:0 10px 0 10px}.detail .content .content_box .other_info .view_time .icon{width:14px;margin:0;max-width:100%;height:auto;display:block}.detail .content .content_box .other_info .material_info{width:100%;height:200px;border:0 solid #fff;margin:20px auto;border-radius:20px;background:#1a1b2e;padding:10px 0}.detail .content .content_box .other_info .material_info .title{line-height:50px;color:#fff;font-size:18px;margin:0 0 0 10px}.detail .content .content_box .other_info .material_info .item_box{width:100%;display:flex;flex-wrap:wrap;font-size:14px}.detail .content .content_box .other_info .material_info .item_box .item_list{width:47%;margin:10px 0 10px 10px}.detail .content .content_box .other_info .material_info .item_box .item_list .label{margin:6px 0 14px 0;color:#9ca3af}.detail .content .content_box .other_info .download_btn{width:100%;border:0 solid #fff;margin:26px 0 0 0;display:flex;flex-direction:column;padding:16px 0;gap:0 10px;flex-wrap:wrap;align-content:center;background:linear-gradient(0deg,transparent,transparent),linear-gradient(90deg,#2563eb,#db2777);text-align:center;border-radius:5px;color:#fff}.detail_old{position:relative;width:98%;height:auto;background:#1f2937;border-radius:10px;margin:20px auto 0;font-family:Roboto;border:0 solid red}.detail_old .top{display:flex;justify-content:space-between}.detail_old .top .left{width:90%}.detail_old .top .left .title{line-height:60px;font-size:24px;color:#fff;margin:0 0 0 20px}.detail_old .top .left .title .back{width:20px;height:20px;margin:0 14px 0 0}.detail_old .top .left .time_view{display:flex;margin:0 0 0 20px;color:#6b7280;font-size:14px}.detail_old .top .left .time_view img{width:16px}.detail_old .top .left .time_view .time{display:flex;margin:0 10px 0 0}.detail_old .top .left .time_view .view_count{display:flex}.detail_old .top .right{width:10%;border:0 solid red}.detail_old .top .right .price{font-size:20px;color:#1b9af5;line-height:40px;text-align:right;margin:0 14px 0 0}.detail_old .top .right .btn{text-align:right;margin:0 14px 0 0;border:0 solid red}.detail_old .image{width:98%;height:100%;border:0 solid red;margin:10px auto 0}.detail_old .image img{width:100%;height:100%;border-radius:10px}.detail_old .title{font-size:20px;font-weight:700;line-height:44px;letter-spacing:0;color:#f3f4f6;margin:0 0 0 20px;border:0 solid red}.detail_old .text{width:100%;margin:30px auto 0;padding:0 0 20px 0}.detail_old .text .content{width:98%;font-size:14px;font-weight:400;letter-spacing:0;color:#d1d5db;margin:0 auto;border:0 solid red}.detail_old .text .content img{width:100%;height:100%;margin:0;padding:0;border-radius:2px}.detail_old .recommend{width:100%;height:auto;position:relative}.detail_old .recommend .content{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;margin:0 0 20px 0}.detail_old .recommend .content .list{width:46%;border:0 solid red;margin:0 0 0 3%;font-size:14px}.detail_old .recommend .content .list .image{width:100%;height:auto}.detail_old .recommend .content .list .image img{width:100%;border-radius:5px}.detail_old .recommend .content .list .name{width:100%;color:#e5e7eb;line-height:30px}.detail_old .recommend .content .list .price{color:#1b9af5}.detail_old .comments{width:100%;padding:0 0 20px 0}.detail_old .comments .content{width:100%}.detail_old .comments .content .list{width:97%;background:#374151;border-radius:5px;display:flex;flex-wrap:wrap;margin:2px auto 18px}.detail_old .comments .content .list .avatar{width:4.5%;border:0 solid red}.detail_old .comments .content .list .avatar img{width:40px;height:40px;margin:8px 0 0 8px}.detail_old .comments .content .list .nickname_content{width:95.5%;color:#d1d5db}.detail_old .comments .content .list .nickname_content .nickname_star{width:100%;line-height:30px;display:flex}.detail_old .comments .content .list .nickname_content .nickname_star .nickname{font-size:14px}.detail_old .comments .content .list .nickname_content .nickname_star .star{display:flex;justify-content:flex-start}.detail_old .comments .content .list .nickname_content .nickname_star .star img{width:16px;height:16px;margin:8px 4px 0 4px}.detail_old .comments .content .list .nickname_content .comment_content{font-size:14px;line-height:20px;margin:0 0 8px 0}