@charset "utf-8";
/*模板颜色B*/
.g_bg0{background-color:#0180CF;color:#fff;}
/*模板颜色E*/

.mobantop1{height:45px;color:#fff;background-color:#e45c44;}
.mobantop1 .d1{width:40px;margin:0 0 0 10px;}
.mobantop1 .d1 img{height:23px;margin:11px 0 0 0;}
.mobantop1 .d2{text-align:center;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin:10px 0 0 0;font-size:18px;}
.mobantop1 .d3{width:40px;margin:0 10px 0 0;text-align:right;}
.mobantop1 .d3 img{height:23px;margin:11px 0 0 0;}

#topxialam{z-index:9;position:fixed;width:100%;top:45px;}
.topxialam1{background-color:#fff;width:100%;}
.topxialam1 .dmain{margin:0 0 20px 0;}
.topxialam1 .dmain .d1{float:left;width:33%;margin:20px 0 0 0;text-align:center;font-size:14px;}
.topxialam1 .dmain .d1 img{width:60px;margin:0 0 8px 0;}
.topxialam2{width:100%;}
.topxialam2 .dmain{margin:0;text-align:center;}
.topxialam2 .dmain img{width:35px;}

/*底部样式*/
.bottommain{float:left;width:100%;height:46px;color:#999;}
.gbottom{position:fixed;bottom:0px;width:100%;height:45px;border-top:#DEDEDE solid 1px;background-color:#F7F7F7;z-index:9;}
.gbottom .d1{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;height:40px;margin:5px 0 0 0;}
.gbottom .d1 .dm{float:left;width:20%;text-align:center;}
.gbottom .d1 .dm img{width:20px;margin:0 0 3px 0;}
.gbottom .d1 .dm1{color:#ff0000;}

#topzhezhao{left:0;right:0;top:45px;bottom:0;background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;position:fixed;display:none;z-index:8;} 



/* 客服按钮样式 - 优化移动端*/        
.customer-service {position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:1000;display:flex;align-items:center;}
.service-btn {background:linear-gradient(135deg,#2575fc 0%,#6a11cb 100%);color:white;border:none;height:60px;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:flex-start;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:0 4px 15px rgba(37,117,252,0.3);position:relative;padding:0 20px;overflow:hidden;white-space:nowrap;min-width:200px;
/* 桌面端默认宽度*/            
touch-action:manipulation;
/* 改善触摸响应*/;}
.service-btn:hover {background:linear-gradient(135deg,#1c6ae4 0%,#5a0fb9 100%);}
.service-btn i {font-size:24px;margin-right:12px;transition:transform 0.3s ease;min-width:24px;}
.service-btn:hover i {transform:rotate(15deg);}
.btn-text {font-weight:600;letter-spacing:0.5px;}
.service-panel {position:absolute;left:-280px;top:0;background:white;width:260px;border-radius:0 15px 15px 0;box-shadow:5px 5px 25px rgba(0,0,0,0.15);overflow:hidden;transition:left 0.4s cubic-bezier(0.25,0.46,0.45,0.94);opacity:0;visibility:hidden;}
.customer-service.active .service-panel {left:calc(100% - 10px);opacity:1;visibility:visible;}
.panel-header {background:linear-gradient(135deg,#2575fc 0%,#6a11cb 100%);color:white;padding:20px;display:flex;align-items:center;position:relative;}
.panel-header i {font-size:28px;margin-right:15px;}
.panel-header h3 {font-size:1.3rem;font-weight:600;}
.panel-content {padding:20px;}
.contact-options h4 {color:#333;margin-bottom:20px;font-size:1.2rem;border-bottom:1px solid #eee;padding-bottom:10px;text-align:center;}
.option {display:flex;align-items:center;padding:15px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:all 0.3s;border-radius:10px;text-decoration:none;color:inherit;margin-bottom:12px;border:1px solid #f0f0f0;min-height:70px;
/* 确保触摸目标足够大*/;}
.option:hover {background-color:#f0f5ff;transform:translateX(5px);border-color:#d0e1ff;box-shadow:0 5px 15px rgba(37,117,252,0.1);}
.option i {width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:20px;color:white;flex-shrink:0;}
.option:nth-child(2) i {background:linear-gradient(135deg,#ff7e5f 0%,#feb47b 100%);}
.option:nth-child(3) i {background:linear-gradient(135deg,#36d1dc 0%,#5b86e5 100%);}
.option-text h5 {font-size:1.1rem;color:#333;margin-bottom:5px;}
.option-text p {font-size:0.9rem;color:#777;}
.close-btn {position:absolute;top:15px;right:15px;background:rgba(255,255,255,0.2);color:white;border:none;width:40px;
/* 增大触摸目标*/            height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background 0.3s;}
.close-btn:hover {background:rgba(255,255,255,0.3);transform:rotate(90deg);}
.notification {position:absolute;top:-5px;right:-5px;background-color:#ff4757;color:white;width:22px;height:22px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:bold;animation:pulse 2s infinite;display:none;}
@keyframes pulse {0% {transform:scale(1);}
50% {transform:scale(1.1);}
100% {transform:scale(1);}
;}
.work-hours {margin-top:20px;font-size:0.85rem;color:#888;text-align:center;padding-top:15px;border-top:1px dashed #eee;}
.work-hours i {margin-right:5px;color:#6a11cb;}
/* 平板设备 (768px 以下)*/       
@media (max-width:768px) {.service-btn {min-width:150px;
/* 减小宽度*/               
height:55px;font-size:15px;padding:0 15px;}
.service-btn i {font-size:22px;margin-right:10px;}
.service-panel {width:240px;left:-240px;}
.customer-service.active .service-panel {left:calc(100% - 8px);}
.option {padding:12px;min-height:65px;}
.option i {width:40px;height:40px;font-size:18px;}
;}
/* 手机设备 (480px 以下)*/       
@media (max-width:480px) {.service-btn {min-width:120px;
/* 进一步减小宽度*/                
height:50px;font-size:14px;padding:0 12px;border-radius:0 20px 20px 0;}
.service-btn i {font-size:20px;margin-right:8px;}
.btn-text {font-size:14px;}
.service-panel {width:220px;left:-220px;}
.customer-service.active .service-panel {left:calc(100% - 5px);}
.panel-header {padding:15px;}
.panel-header h3 {font-size:1.1rem;}
.panel-header i {font-size:24px;margin-right:10px;}
.panel-content {padding:15px;}
.contact-options h4 {font-size:1.1rem;margin-bottom:15px;}
.option {padding:10px;margin-bottom:10px;min-height:60px;}
.option i {width:35px;height:35px;font-size:16px;margin-right:10px;}
.option-text h5 {font-size:1rem;}
.option-text p {font-size:0.8rem;}
.close-btn {width:35px;height:35px;top:10px;right:10px;}
.work-hours {font-size:0.8rem;}
;}
/* 小屏幕手机 (360px 以下)*/        
@media (max-width:360px) {.service-btn {min-width:100px;
/* 最小宽度*/               
height:45px;font-size:13px;padding:0 10px;}
.service-btn i {font-size:18px;margin-right:6px;}
.btn-text {font-size:13px;}
.service-panel {width:200px;left:-200px;}
.customer-service.active .service-panel {left:calc(100% - 3px);}
;}
/* 防止在非常小的屏幕上按钮遮挡内容*/        
@media (max-height:500px) {.customer-service {top:70%;}
;}
/* 横屏模式优化*/        
@media (max-height:400px) and (orientation:landscape) {.customer-service {top:80%;}
.service-btn {min-width:100px;height:40px;}
;}



/*收藏提示弹窗 */
.fav-popup-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9999;display:none;justify-content:center;align-items:center;}
.fav-popup-box {background:#fff;border-radius:12px;width:85%;max-width:320px;overflow:hidden;animation:favPopupSlide 0.3s ease;}
@keyframes favPopupSlide {from {opacity:0;transform:translateY(-30px);}
to {opacity:1;transform:translateY(0);}
;}
.fav-popup-header {background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:25px 20px;text-align:center;color:#fff;}
.fav-popup-header .icon {font-size:48px;margin-bottom:10px;}
.fav-popup-header h3 {font-size:18px;font-weight:500;margin:0;}
.fav-popup-body {padding:20px;text-align:center;}
.fav-popup-body p {font-size:14px;color:#666;line-height:1.6;margin-bottom:15px;}
.fav-popup-body .url-box {background:#f5f5f5;border-radius:6px;padding:12px;font-size:14px;color:#333;word-break:break-all;margin-bottom:15px;}
.fav-popup-footer {padding:0 20px 20px;display:flex;gap:10px;}
.fav-popup-footer button {flex:1;height:44px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:opacity 0.2s;}
.fav-popup-footer button:active {opacity:0.8;}
.fav-popup-footer .btn-close {background:#f0f0f0;color:#666;}
.fav-popup-footer .btn-fav {background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;}