/* =====================

详情弹窗

===================== */


.yv3-modal{


display:none;


position:fixed;


left:0;


top:0;


width:100%;


height:100%;


background:rgba(0,0,0,.45);


z-index:99999;


align-items:center;


justify-content:center;


padding:20px;


}




.yv3-modal.active{


display:flex;


}







.yv3-modal-box{


width:950px;


max-width:100%;


background:#fff;


display:grid;


grid-template-columns:1fr 1fr;


position:relative;


max-height:90vh;


overflow:auto;


}








.yv3-close{


position:absolute;


right:20px;


top:15px;


font-size:30px;


cursor:pointer;


z-index:5;


color:#333;


}








.yv3-detail-image{


background:#fafafa;


display:flex;


align-items:center;


justify-content:center;


padding:45px;


}



.yv3-detail-image img{


width:100%;


max-height:500px;


object-fit:contain;


}







.yv3-detail-info{


padding:45px;


}



.yv3-detail-number{


font-size:11px;


letter-spacing:2px;


color:#52758b;


font-weight:bold;


}



.yv3-detail-info h2{


font-size:30px;


font-weight:400;


margin:15px 0 30px;


}







.yv3-detail-list div{


display:flex;


justify-content:space-between;


gap:20px;


padding:14px 0;


border-bottom:1px solid #eee;


font-size:13px;


}



.yv3-detail-list span{


color:#666;


text-align:right;


}








.yv3-note{


margin-top:25px;


background:#f7f9fa;


padding:15px;


font-size:12px;


line-height:1.7;


color:#666;


}








.yv3-detail-buttons{


display:flex;


gap:15px;


margin-top:25px;


}



.yv3-detail-buttons a{


padding:14px 25px;


font-size:11px;


text-decoration:none;


letter-spacing:1px;


}



.yv3-inquire-btn{


background:#52758b;


color:white!important;


}



.yv3-buy-btn{


border:1px solid #52758b;


color:#52758b!important;


}









@media(max-width:600px){



.yv3-modal-box{


grid-template-columns:1fr;


}



.yv3-detail-image{


height:260px;


padding:25px;


}



.yv3-detail-info{


padding:25px;


}



.yv3-detail-info h2{


font-size:22px;


}



.yv3-detail-list div{


display:block;


}



.yv3-detail-list span{


display:block;


text-align:left;


margin-top:6px;


}



.yv3-detail-buttons{


flex-direction:column;


}



.yv3-detail-buttons a{


width:100%;


text-align:center;


}



}