/* /static/mobile/img/detail/detail.css 详情,荣华软件,刘荣,2024-06-30 */
.detail{display: flex; flex-wrap: wrap; padding: 0px 20px 10px 20px;background-color: #fff;}
.detail .item{display: flex;justify-content: space-between;width: 100%;margin: 10px 0px; }
.detail .item .left{flex:none;width: 65px;font-size: 14px}
.detail .item .right{flex: 1;line-height: 20px;color: #808080;}
.detail .item .right image{width: 40px;margin: 10px 0px;}
.detail .item.short{width: 50%;}

.detail_img{background: #fff;padding: 10px;} 
.detail_img .left{width: 25%;font-size: 14px;margin-bottom: 10px;padding: 0px 10px;} 
.detail_operate{position: fixed;bottom: 0px;background-color: #fff;width: 100%;padding:10px 10px 25px 0px;min-width: 320px;max-width: 768px;margin:0 auto;}
.detail_operate .button{margin-left: -10px;border-radius: 20px;height: 30px;line-height: 28px;font-size: 14px;display: inline-block;margin-left:10px; text-align: center;color: #262626; border: 1px solid #ababab;padding:0px 10px;}
.detail_operate .active{border-radius: 20px;font-size: 14px;border: 1px solid #cf2448;color: #cf2448; background-color: #fff;}

.detail_table{border-collapse: collapse;text-align: center;border: 1px solid #d9d9d9;width: 100%;font-size: 12px;}
.detail_table .tr{display: flex;border-bottom: 1px solid #d9d9d9;align-items: center;}
.detail_table .tr{background: #f5f5f5;display: flex;}
.detail_table .tr .long{width: 50%;text-align: left;padding:0px 10px;line-height: 25px;}
.detail_table .tr .short{width: 25%;text-align: center; }
.detail_table .td{display: flex;border-bottom: 1px solid #d9d9d9;align-items: center;}
.detail_table .td .long{width: 50%;text-align: left;padding:0px 10px;line-height: 25px;}
.detail_table .td .short{width: 25%;text-align: center; }

.detail_plate{padding: 5px 0px;margin-bottom: 5px; width: 100%;display: flex;justify-content: space-between;}
.detail_plate span{font-size: 15px;}
.detail_plate img{width: 15px;height: 15px;}

.detail_about{padding: 20rpx; background: #fff; margin: 0 20rpx; border-radius: 20rpx;}
.detail_about .sort{display: flex;  padding: 20rpx; margin-bottom: 40rpx;}
.detail_about .sort .nav_li{ flex: 1; text-align: center; position: relative; font-size: 16px; cursor: pointer;}
.detail_about_act{ color: #3a6bfa;}
.detail_about_act::after{ content: ''; position: absolute; bottom: -20rpx; left: 50%; margin-left: -20rpx; width: 40rpx; height: 6rpx; background: #3a6bfa; border-radius: 5rpx; }
.detail_about .detail_about_list{display: flex; align-items: center; padding: 16rpx 0; border-bottom: 1px #eaeaea solid; }
.detail_about .detail_about_list .image{width: 140rpx; height: 140rpx; display: block; border-radius: 20rpx; margin-right: 30rpx;}
.detail_about .detail_about_list .item .title{font-size: 16px; margin-bottom: 10rpx;}
.detail_about .detail_about_list .item .time{color: #999; margin-bottom: 10rpx; font-size: 12px;}
.detail_about .detail_about_item{display: flex; align-items: center; margin-bottom: 20rpx;}
.detail_about .detail_about_item .title{width: 170rpx; text-align: justify; text-align-last: justify;}
.detail_about .detail_about_item .txt{color: #999;}
.detail_about .detail_about_item .txt.wid{width: 500rpx;}
.detail_about .img_list{display: flex; margin-bottom: 20rpx;flex-wrap: wrap;padding: 0 10px;box-sizing: border-box;}
.detail_about .img_list .img_list_item{width: calc(25% - 20px);padding: 10px;}
.detail_about .img_list .img_list_item image{width:100%;}
.detail_about .detail_about_store{display: flex; align-items: center; margin-bottom: 30rpx; }
.detail_about .detail_about_store .img{width: 140rpx; height: 140rpx; border-radius: 20rpx; margin-right: 30rpx;}
.detail_about .detail_about_store .text{font-size: 18px; margin-bottom: 5rpx;}
.detail_about .detail_about_store .id{color: #999;font-size: 14px;padding-top: 5px;} 
.detail_tag{font-size: 12px;background-color: #eee;color: #666;padding: 2px 8px;border-radius: 3px;margin: 5px 10px 5px 0;}
.detail_about_picture {flex:none;width: 50%;padding: 0 24rpx;box-sizing: border-box;margin-bottom: 24rpx;}
.detail_about_picture .item_picture {display: block;width: 100%;height: auto;}
.detail_about_picture .item_date {padding: 12rpx 0;font-size: 14px;}

.detail_mask{z-index: 102;width: 100%;height: 100%;overflow-y: hidden;position: fixed;background: #333;top: 0px;opacity: 0.6;bottom: 0;} 
.detail_close{position: absolute;right: 3%;top: 10upx;width: 40px;height: 40px;background: url(~@/static/icon/close.png) no-repeat center center / 50% auto;}
.detail_content{background: #fff;position: fixed;left: 0;right: 0;z-index: 999;bottom: 0px;padding: 0 20px 20px;}
.detail_content .detail_describe {position: relative;margin-bottom: 20px;}
.detail_content .detail_describe .row{display: flex;align-items: center;border-bottom: 1px solid #d5d5d5;padding: 10px 0px;}
.detail_content .detail_describe .row text{flex: none;margin-right: 20px;} 
.detail_content .detail_describe {padding: 20rpx 80rpx 20rpx 220rpx;height: 60px;}