html{-webkit-font-smoothing:antialiased;background:#fff;}
body{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;cursor:default;-ms-content-zooming:none;-webkit-text-size-adjust:100%;height:100%;color:#000;font-family:songti,YaHei,microsoft YaHei,Helvetica,Tahoma,sans-serif;font-size:16px;line-height:1.5;padding:0;margin:0;font-size:14px;background-color:#f8f9fa;}
a{text-decoration:none;}
:root{--bs-nav-link-font-size:16px;}
.block{display:block}
.relative{position:relative}
.absolute{position:absolute;}
.rounded-lg{border-radius:0.5rem}
.w-full{width:100%}
.h-60{height:15rem}
.object-cover{object-fit:cover}
.bg-gradient-to-r{background-image: linear-gradient(to right, rgb(0 0 0 / 0.7) , transparent);}
.text-white-80{color:rgba(255, 255, 255,0.8);}
.max-w-md{max-width:28rem}
.top{height:80px;position:fixed;top:0;background-color:#fff;right:0;left:0;z-index:1000;}
.mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:998;display:none;}
.top .container{height: 80px;display:flex;justify-content:space-between;align-items:center;}
.header_blank{height:100px;}
.top h1{margin:0;width:185px;height:100%;overflow:hidden;background:url(./logo/logo_with.png?v=26053101) 0 50% no-repeat;background-size:auto 80%;text-indent:-20000px;}
.top h1 a{width:180px;height:100%;display:block;}
.top .menu{display:flex;align-items:center;gap:20px}
.top .menu .sign_in{border-radius:20px;width:110px;text-align:center;}
.top .menu .other{color:#1677ff;}
.banner{height:95px;border-radius:12px;overflow:hidden;background:#2a64f2 url(./image/banner.png) right 0 no-repeat;background-size:auto 100%;color: #fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;position:relative;}
.banner b{font-size:18px;margin-left:20px;}
.banner span{font-size:12px;margin-left:20px;}
.banner strong{position:absolute;top:20px;right:30px;font-size:20px;}
.dropdown-menu{right:0;padding:0;overflow:hidden;}
.dropdown-menu li{height:50px;line-height:50px;text-indent:10px;border-bottom:1px solid #eee;}
.dropdown-menu li a{text-decoration:none;;}
.dropdown-menu li#mobileLoginBtn{border-bottom:none;color:#fff;background-color:#1677ff;}
.dropdown-menu li#mobileLoginBtn a{color:#fff;}
#userArea{width:60px;height:60px;position: relative;}
.search-bar{padding-top:16px;}
.search-bar dl{display:flex;padding:10px;border-bottom:1px solid #eee;margin-bottom:0;}
.search-bar dl dt{width:50px;line-height:36px;color:#999;font-weight:normal;font-size:16px;}
.search-bar dl dd{flex:1;display:flex;flex-wrap: wrap;gap: 12px;}
.sort-bar{font-size:16px;}
.sort-bar span{cursor:pointer;}
.sort-bar span:hover{color:#1677ff;}
.navigation{display:flex;justify-content:center;padding:50px 0;}
.card-hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);transition: all 0.3s ease-in-out;}
.card-hover:hover{box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);transform: translateY(-3px);}
.card-img-top{height:200px;object-fit:cover;}
.card-title{height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
footer{background-color: #333;font-size:16px;}
.aside{position:fixed;right:20px;bottom:280px;z-index:10;display:flex;flex-direction:column;gap:20px;}
.aside .item{width:66px;height:66px;cursor:pointer;background:#fff;border-radius:50%;display:flex;
justify-content:center;align-items:center;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);position:relative;font-size:32px;transition: all 0.3s ease-in-out;}
.aside .chat{color:#1677ff;}
.aside .wechat{color:#07c160;}
.aside .item:hover{box-shadow:0 0 10px rgba(0, 0, 0, 0.2);transform:translateY(-2px);}
.aside .wechat .qr_code{display:none;width:280px;height:280px;position:absolute;bottom:0;right:80px;background:#fff url(./image/wechat_qr_code.png) center center no-repeat;background-size:260px 260px;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);border-radius:8px;}
.aside .wechat:hover .qr_code{display:block;}

.top,.top .container,.header_blank{height:64px;}
.top_nav{flex:1;}
.nav_title{margin:0;font-size:24px;font-weight:800;}
.card-title-1{-webkit-line-clamp:1;height:24px;}
.card{overflow:hidden;}
.card-image{height:160px;position:relative;overflow:hidden;}
.card-image h3{position:absolute;left:0;right:0;top:50%;color:#fff;text-align:center;z-index:2;transform:translateY(-50%);font-size:22px;font-weight:normal;}
.card-image h3 p{font-size:16px;}
.card-image img{width:100%;height:100%;object-fit:cover;}
.doc_card,.software_card{padding:16px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;}
.doc_card{border:none;border-left-width:4px;border-left-style:solid;}
.doc_card.doc_card_1{border-left-color:rgb(22, 93, 255)!important;}
.doc_card.doc_card_2{border-left-color:rgb(54, 207, 201)!important;}
.doc_card.doc_card_3{border-left-color:rgb(34, 197, 94)!important;}
.doc_card.doc_card_4{border-left-color:rgb(168, 85, 247)!important;}
.doc_card{padding:16px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;}
.object-cover {object-fit: cover;}
.card-image span{position:absolute;background-color:rgba(0, 0, 0, 0.7);padding:4px 8px;color:#fff;font-size:12px;border-radius:4px;right:8px;bottom:8px;}
.software_card_image{width:80px;height:80px;}
.software_card_image img{width:80px;height:80px;}
.btn-tiny{font-size:12px;padding:2px 8px;}
.news-items{padding:12px;}
.news_items{gap:16px;display:flex;flex-direction: column;}
.news-top{height:100%;}
.news-top .image{flex:2;}
.news-top .image img{width:100%;height:100%;object-fit:cover;}
.news-top .info{flex:3;padding:16px;display:flex;flex-direction:column;justify-content:space-between}
.news-top .info .news-top-title{}
.news-top .info .news-top-title .title{}
#buyback .absolute{left:0;top:0;right:0;bottom:0;}
.video-container{position:relative;height:500px;}
.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-container .cover{position:absolute;left:0;top:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.video-container .cover .title{position:absolute;left:0;top:15%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;font-size:32px;font-weight:500;gap:20px}
.video-container .cover .title div{font-size:24px;}
.btn-circle{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(2);}
.bar_title{padding:16px;font-size:16px;border-bottom:1px #ddd solid;}
.bar_title i{color:#0d6efd}
.bar_item{display:flex;gap:12px;padding:16px;border-bottom:1px #ddd solid;height:97px;text-decoration:none;}
.bar_item .bar_item_image{height:64px;width:96px;overflow:hidden;position:relative;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;font-size:10px;border-radius:4px;background-repeat:no-repeat;background-size: cover;}
.bar_item .bar_content{flex:1;color:#111;font-size:12px;display:flex;flex-direction:column;justify-content:space-around;}
.bar_item .bar_content b{-webkit-line-clamp:2;font-size:13px;}
.bar_item .bar_time{color:rgb(134, 144, 156);width:60px;font-size:12px;display:flex;justify-content:center;align-items:center;}
.bar_more{text-align:center;height:45px;line-height:45px;display:block;}
.bar_more:hover,
.bar_item:hover{background-color:rgba(33, 37, 41, 0.15);}
#main{min-height:500px;}
.align-content-flex-start{align-content:flex-start!important;}
.document{display:block;}
.bg-gray{background-color:rgb(242, 243, 245);}
.bg-gray-hover:hover{background-color:rgb(229, 230, 235);}
.preview_util{width:100%;border:none;height:100%;overflow:hidden;}
#preview_util{position: relative;background-color:#fff;}
#preview_util .btn.fixed{position:absolute;top:0;right:0;}
#preview_util .v{display:none;}
#preview_util.full{position:fixed;left:0;top:0;z-index:9999;height:100vh;width:100vw;overflow:scroll;}
#preview_util.full #preview_img{width:100%!important;max-width: 1240px!important;}
#preview_util.full #prev,
#preview_util.full #next{position:fixed;top:50%;overflow:hidden;width:50px;height:50px;border-radius:50%;text-indent:-1000px;}
#preview_util.full #prev{left:10px;}
#preview_util.full #next{right:10px;}
#preview_util.full .v{display:block;}
#preview_util.full .bi-arrows-expand{display:block;}
#preview_util.full .bi-arrows-expand-vertical{display:none;}
#preview_util.full.h100 .bi-arrows-expand{display:none;}
#preview_util.full.h100 .bi-arrows-expand-vertical{display:block;}

#preview_util.full.h100 #preview_img{height:100vh!important;width: auto!important;}

#preview_util #prev .bi,#preview_util #next .bi{display:none;}
#preview_util.full #prev .bi,#preview_util.full #next .bi{display:block;text-indent:0;font-size:32px;position: absolute;font-size: 32px;top: 50%;left: 50%;transform: translate(-50%, -50%);}

#preview_util.full #page_info{position:absolute;top:5px;left:50%;transform:translateX(-50%);}

body.full{overflow:hidden;height:100vh;width:100vw;}
.text-clamp-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}
.document_title{height:42px;}
.document_brand{height:21px;}
.news .news-item .image{height:180px;}
.news .news-item .image img{width:100%;height:180px;object-fit:cover}
.news .news-item .info{flex:1}
.news_bar{margin:0;padding:0;list-style-type:decimal;list-style-position:inside}
.news-content{font-size:16px;line-height:1.8;min-height:600px;}
.carousel-item {height: 500px;}
.carousel-item video{height: 100%;width:100%;}
.carousel-item img{height: 100%;width:100%;object-fit:cover;}
.preview{cursor: pointer;}
.calculator-card {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);border: 1px solid #e9ecef;transition: all 0.3s ease;font-size:16px;}
.calculator-card:hover {box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);}

.result-list{list-style:none;padding:0;margin:20px 0;}
.result-item{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:20px;margin-bottom:16px;transition:all 0.3s;}
.result-item:hover{box-shadow:0 4px 12px rgba(114,46,209,0.15);border-color:#722ed1;}
.result-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;}
.result-item-brand{font-size:18px;font-weight:600;color:#722ed1;}
.result-item-type{font-size:13px;color:#666;background:#f5f5f5;padding:4px 10px;border-radius:4px;}
.result-item-body{display:grid;grid-template-columns:1fr 2fr;gap:12px;}
.result-item-field{background:#fafafa;padding:10px 12px;border-radius:6px;}
.result-item-field label{display:block;font-size:12px;color:#888;margin-bottom:6px;}
.result-item-field span{font-size:14px;color:#333;font-weight:500;}
.result-item-field .highlight{color:#722ed1;font-weight:600;}
.range-bar{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-top:6px;position: relative;z-index:0;}
.range-bar .range-tick{position:absolute;width:2px;height:12px;top:-2px;background:inherit;z-index:3;}
.range-bar-fill{height:100%;background:linear-gradient(90deg, rgba(114,46,209,1), rgba(146,84,222,1));border-radius:4px;transition:width 0.5s;height:8px;position:absolute;left:0;top:0;z-index:1;}
.range-ticks{position:relative;padding-top:4px;font-size:10px;color:#999;}
.range-bar-txt{height:24px;display:flex;justify-content: space-evenly;}
.range-bar-txt span{font-size:11px;}
.result-item-actions{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;text-align:right;}
.result-item-actions .btn-buy{display:inline-block;background:linear-gradient(90deg,#722ed1,#9254de);color:#fff;padding:8px 24px;border-radius:6px;text-decoration:none;font-weight:500;transition:all 0.3s;}
.result-item-actions .btn-buy:hover{color:#fff;box-shadow:0 4px 12px rgba(114,46,209,0.4);transform:translateY(-2px);}
.empty-result{text-align:center;padding:40px 20px;color:#999;}
.empty-result i{font-size:48px;margin-bottom:12px;display:block;}
.model-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.model-tag{background:#f0f0f0;padding:6px 12px;border-radius:6px;font-size:13px;color:#333;border:1px solid #e0e0e0;transition:all 0.3s;}
.model-tag:hover{background:#722ed1;color:#fff;border-color:#722ed1;}

.calculator-section { padding: 2rem 0; }
.calculator-section .calculator-card { background: linear-gradient(135deg, #1a1f2e 0%, #2d3748 100%); border-radius: 12px; padding: 2rem; color: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.65);border:none; }
.calculator-section .calculator-title { font-size: 1.75rem; font-weight: 700; text-align: center; margin-bottom: 1.5rem; color: #fff; }
.calculator-section .calculator-content { display: flex; gap: 2rem; align-items: center; flex-wrap: wrap; }
.calculator-section .calculator-form { flex: 1; min-width: 280px; }
.calculator-section .form-group { margin-bottom: 1.25rem; }
.calculator-section .form-label { display: block; margin-bottom: 0.5rem; font-size: 0.95rem; color: rgba(255, 255, 255, 0.9); }
.calculator-section .form-select,
.calculator-section .form-control { width: 100%; padding: 0.625rem 0.875rem; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; color: #fff; font-size: 0.95rem; }
.calculator-section .form-select:focus, .calculator-section .form-control:focus { outline: none; border-color: #4299e1; background: rgba(255, 255, 255, 0.15); }
.calculator-section .form-select option { background: #2d3748; color: #fff; }
.calculator-section .input-group { display: flex;}
.calculator-section .input-group .form-control { flex: 1; }
.calculator-section .calculator-form .form-control{color:#fff}
.calculator-section .calculator-form .form-control:focus{color:#fff}
.calculator-section .input-unit { display: inline-flex; align-items: center; padding: 0.625rem 0.875rem; background: rgba(66, 153, 225, 0.3); border-radius: 6px; color: #fff; font-size: 0.9rem; white-space: nowrap; }
.calculator-section .calculator-result { flex: 1; min-width: 280px; }
.calculator-section .result-box { background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%); border-radius: 8px; padding: 1.5rem; text-align: center; margin-bottom: 1rem; }
.calculator-section .result-text { font-size: 1.25rem; font-weight: 600; margin: 0; color: #fff; }
.calculator-section .result-note { font-size: 0.85rem; color: rgba(255, 255, 255, 0.7); line-height: 1.6; margin: 0; }
@media (max-width: 768px) { 
.calculator-section .calculator-content { flex-direction: column; } 
.calculator-section .calculator-form,
.calculator-section .calculator-result { width: 100%; } 
}
#userModal .modal-content{border-radius:8px;border:none;}
#userModal .modal-header{border-bottom:none;padding-bottom:0;}
#userModal .modal-title{font-weight:600;}
#userModal .modal-body{padding-top:8px;}
#userModal .btn-primary{background-color:#722ed1;border-color:#722ed1;border-radius:6px;font-weight:500;}
#userModal .btn-primary:hover{background-color:#531dab;border-color:#531dab;}
#userModal .btn-outline-primary{color:#722ed1;border-color:#722ed1;border-radius:6px;}
#userModal .btn-outline-primary:hover{background-color:#722ed1;color:#fff;}
#userModal .form-control{border-radius:6px;}
#userModal .form-control:focus{border-color:#722ed1;box-shadow:0 0 0 0.2rem rgba(114,46,209,0.25);}
.user-dropdown{position:absolute;right:0;top:100%;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);min-width:120px;z-index:1001;display:none;}
.user-dropdown .user-dropdown-item{padding:12px 16px;cursor:pointer;font-size:14px;color:#333;border-bottom:1px solid #f0f0f0;}
.user-dropdown .user-dropdown-item:last-child{border-bottom:none;}
.user-dropdown .user-dropdown-item:hover{background-color:#f5f5f5;}
#userIconI.logged-in{color:#722ed1;}
.user-nav .list-group-item{cursor:pointer;border:none;border-left:3px solid transparent;padding:14px 20px;color:#333;font-size:15px;}
.user-nav .list-group-item:hover{background:#f5f7fa;color:#1677ff;}
.user-nav .list-group-item.active{background:#e7f1ff;border-left-color:#1677ff;color:#1677ff;font-weight:600;}
.form-control:focus,.form-select:focus{border-color:#1677ff;box-shadow:0 0 0 0.25rem rgba(22,119,255,.25);}
.btn-primary{background-color:#1677ff;border-color:#1677ff;}
.btn-primary:hover{background-color:#0d5ddb;border-color:#0d5ddb;}
@media (min-width:992px){
  .position-lg-sticky{position:sticky;}
}
#repurchaseLoading{position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;background-color:rgba(255,255,255,.5);}

.address_items{position: relative;display:flex;align-items:center;gap:12px;padding:12px;justify-content:center;margin-left:18px;}
.address_items_check{position:absolute;left:-18px;top:50%;transform:translateY(-50%);z-index:1;}
.address_items_label{flex:1;cursor:pointer;}