@charset "utf-8";

/* CNC加工服务 */
.features_box {width: 100%;}
.features_list {}
.features_list li{display:flex;align-items:center;font-size:0.8vw;line-height:1.6vw;margin-bottom: 0.3vw;font-weight: bold;}
.features_list li i { margin-right: 0.3vw; font-size: 1vw;}

.Ser_quote {box-shadow: 0 10px 30px rgba(0, 0, 0, .05);}
.service_quote_box {padding: 2vw;}
.service_quote_box .quote_cent {background: #f7fafc;border: 2px dashed #cbd5e0; border-radius: 0.5vw; padding: 2vw; max-width: 80%;}
.bg_gray .service_quote_box .quote_cent {background: #FFF;}
.service_quote_box .quote_cent:hover {border-color: var(--zt-color); background: #edf2f7;}
.service_quote_box .quote_head .title {font-size: 1.5vw;}
.service_quote_box .quote_head .subtitle {font-size: 0.8vw;}
.service_quote_box .quote_tips {font-size: 0.7vw; color: #666;}
.file-input-area {font-size: 0.8vw; line-height: 1.5vw; color: #718096;}

/* 材料TAB切换 */
.tab-container{width:100%;border-radius:var(--rounded-normal);box-shadow:var(--shadow-light);overflow:hidden;font-family:'Montserrat',sans-serif;display:flex;justify-content:space-between}
.materials_left{width:10vw}
.first-level-tabs{display:flex;background-color:var(--zt-color);flex-direction:column;height:100%}
.first-tab-item{text-align:center;padding:1vw;color:#FFF;font-weight:bold;cursor:pointer;transition:background-color 0.3s ease}
.first-tab-item.active{background-color:rgba(0,0,0,.15);position:relative}
.first-tab-item.active::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px}
.materials_right{width:calc(100% - 10vw);background:#FFF;padding:2vw;box-sizing:border-box}
/* .second-level-box{margin-bottom:1.25vw} */
.second-level-tabs{display:none;flex-wrap:wrap;padding-bottom:1vw;border-bottom:1px solid #EEE}
.second-level-tabs.active{display:flex}
.second-tab-item{padding:0.5vw 1vw;margin:0 0.5vw 0.5vw 0;color:var(--text-main);cursor:pointer;background:var(--bg-gray-light);border-radius:var(--rounded-low);transition:all 0.2s ease}
.second-tab-item.active{background-color:var(--zt-color);color:#FFF;}
.second-tab-item:hover:not(.active){background-color:#EEE;color:var(--zt-color)}
.tab-content-box{padding-top:1.25vw;min-height:10vw}
.content-item{display:none}
.content-item.active{display:block;animation:fadeIn 0.3s ease}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}.materials_box{}
.materials_cont{width:55%;align-content:space-between;}
.materials_pic{width:30%}
.materials_link {position: absolute;left: 2vw; bottom: 2vw;}