@charset "utf-8";
/**
*   MYZHAN Copyright (C)2008-2066
*   This is NOT a freeware,Use is subject to license.txt
*/
/*1*/
.sell_tip {width:180px;height:70px;background:url('sell_tip.gif') no-repeat;overflow:hidden;z-index:1000;position:absolute;}
.sell_tip p {margin:0 0 4px 2px;font-weight:bold;}
.sell_tip div {padding:8px 0 0 10px;}
.tools {padding:8px 0;border-bottom:#EEEEEE 1px solid;}
.tools table {width:100%;}
.tools select {padding:2px;}
.tool-btn {background:url('btn_1.gif') no-repeat;height:22px;line-height:22px;width:70px;padding:0 0 0 10px;border:none;cursor:pointer;}
.tool-btn:hover {background:url('btn_2.gif') no-repeat;}
.img_list li {height:22px;line-height:22px;overflow:hidden;}

.im-rec {z-index:3;position:relative;margin:0 0 0 -10px;}
.im-sec {display:block;height:48px;line-height:48px;background:#FFFFFF url('ico-sec-on.png') no-repeat 16px center;border-top:#F6F6F6 1px solid;font-size:14px;color:#E4393C;padding:0 16px 0 48px;overflow:hidden;}
.im-sec b {float:right;font-weight:normal;}

.list_price {color:#FF2900;width:160px;}
.list_price strong {font-family:Arial;color:#FF2900;font-weight:bold;font-size:16px;}
.list_count {color:#404040;width:100px;line-height:24px;}
.list_count span {color:#999999;}
.mall_tab {}
.mall_tab_1,.mall_tab_2 {float:left;}
.mall_tab_1 a,.mall_tab_2 a{display:inline-block;width: 100%;height: 100%;padding: 15px 20px;} 
.mall_c {border:#EEEEEE 1px solid;border-top:none;padding:20px;}
.cc_inp {border:#CCCCCC 1px solid;text-align:center;}

.stat {padding:15px 0 10px 0;}
.stat_p {height:10px;line-height:10px;background:#FFF7D2;font-size:1px;}
.stat_p div {height:10px;line-height:10px;background:#FFA40D;border-left:#FFA40D 2px solid;float:left;}
.comment-filter {background:#F3F3F3;padding:12px 16px;}
.comment {padding:16px 0;border-bottom:#EEEEEE 1px solid;overflow:hidden;}
.comment-l {width:128px;float:left;text-align:center;margin-right:24px;}
.comment-l img {width:48px;height:48px;border-radius:50%;margin-bottom:12px;}
.comment-l b {display:block;width:100%;}
.comment-r {float:left;width:1000px;overflow:hidden;}
.comment-r ul {margin-top:12px;overflow:hidden;}
.comment-r li {width:84px;height:84px;float:left;}
.comment-r li img {width:64px;height:64px;border:#EEEEEE 1px solid;padding:2px;cursor:pointer;}
.comment-r p {margin:0;overflow:hidden;clear:both;display:none;}
.comment-r p img {max-width:800px;cursor:url('next.cur'),default;}
.comment-info {padding:0 0 10px 0;}
.comment-info span {float:right;color:#666666;}
.comment-content {font-size:14px;line-height:24px;}
.comment-reply {font-size:14px;line-height:24px;color:#FF6600;margin-top:10px;border-top:#EAEAEA 1px dotted;padding-top:10px;clear:both;}
.comment-reply span {float:right;color:#666666;font-size:12px;}
.comment-empty {padding:128px;text-align:center;color:#666666;font-size:14px;}

.relate_1,.relate_2 {display:inline-block;height:40px;float:left;margin:0 6px 6px 0;}
.relate_1 img,.relate_2 img {width:40px;height:40px;float:left;}
.relate_1 b,.relate_2 b {float:left;display:inline-block;max-width:280px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;font-weight:normal;padding:0 10px;}
.relate_2 em {display:block;width:16px;height:16px;background:url('relate_on.gif') no-repeat;z-index:1;position:absolute;margin:40px 0 0 40px;}
.relate_1 a:link,.relate_1 a:visited,.relate_1 a:active {display:inline-block;height:40px;border:#CCCCCC 1px solid;}
.relate_1 a:hover {border:#C90000 1px solid;}
.relate_2 a:link,.relate_2 a:visited,.relate_2 a:active,.relate_2 a:hover {display:inline-block;height:40px;color:#333333;border:#C90000 1px solid;background:url('relate_on.gif') no-repeat right bottom;}

/* .nv_1,.nv_2,.nv_3 {float:left;padding:6px 10px;margin:0 6px 6px 0;cursor:pointer;}
.nv_1 {border:#CCCCCC 1px solid;}
.nv_1:hover {border:#C90000 1px solid;}
.nv_2 {border:#C90000 1px solid;background:url('relate_on.gif') no-repeat right bottom;}
 */
.promos {}
.promos span {display:block;float:left;padding:2px 6px;margin-right:10px;background:#FFDEDF;color:#DF3033;border-left:#DF3033 1px dotted;border-right:#DF3033 1px dotted;border-top:#DF3033 1px solid;border-bottom:#DF3033 1px solid;}
.promos span:hover {background:#FFFFFF;}

.cart_info {height:33px;overflow:hidden;border:#EEEEEE 1px solid;background:#F7F7F7 url('cart_info.gif') no-repeat 10px center;}
.cart_info div {padding:8px 0 0 40px;}

.mthumb {padding:5px 0 5px 0;}
.mthumb img {margin:3px;}
.mthumb li {height:24px;line-height:24px;overflow:hidden;}

.mall-list {width:970px;background:#F6F6F6;overflow:hidden;padding:0 0 10px 0;z-index:3;position:relative;}
.mall-list div {width:200px;height:316px;border:#FFFFFF 1px solid;border-radius:10px;margin:10px 10px 0 0;padding:15px;float:left;background:#FFFFFF;}
.mall-list div img {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.mall-list div:hover {border:#F6F6F6 1px solid;box-shadow:2px 2px 10px #EEEEEE;}
.mall-list div:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.mall-list i {display:block;height:32px;line-height:32px;font-size:12px;font-style:normal;}
.mall-list i span {color:#999999;}
.mall-list i img {float:right;margin:8px 2px 0 0;}
.mall-list b {display:block;height:40px;line-height:40px;color:#E4393C;font-size:14px;}
.mall-list b s {font-size:12px;text-decoration:none;}
.mall-list b em {float:right;font-size:12px;color:#999999;font-weight:normal;font-style:normal;padding-right:4px;}
.mall-list b span {color:#999999;font-weight:normal;}
.mall-list p {height:36px;line-height:18px;margin:0;overflow:hidden;font-size:12px;}

.mall-rec {overflow:hidden;padding:10px 0;}
.mall-rec h3 {line-height:24px;margin:0;padding:0;text-align:center;color:#999999;font-weight:normal;}
.mall-rec div {width:200px;height:286px;margin:0 0 10px 15px;padding:10px;float:left;background:#FFFFFF;border-bottom:#F6F6F6 1px solid;}
.mall-rec div img {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.mall-rec div:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.mall-rec b {display:block;height:40px;line-height:40px;color:#E4393C;font-size:14px;}
.mall-rec b s {font-size:12px;text-decoration:none;}
.mall-rec b em {float:right;font-size:12px;color:#999999;font-weight:normal;font-style:normal;padding-right:4px;}
.mall-rec b span {color:#999999;font-weight:normal;}
.mall-rec p {height:36px;line-height:18px;margin:0;overflow:hidden;font-size:12px;}

.list-view {width:1224px;}
.list-view:after {content:"";display:block;clear:both;}
.list-view div {width:204px;float:left;}
.list-view img:hover {border-left:#FFFFFF 1px solid;}
.list-view ul {margin:6px 24px 24px 0;}
.list-view li {height:24px;line-height:24px;overflow:hidden;font-size:14px;}
.list-view i {font-size:16px;font-family:Verdana;font-weight:100;font-style:normal;color:#999999;float:right;display:none;}
.list-view div:hover i {display:inline;}
.list-view-msg {padding:96px;text-align:center;font-size:16px;}

.list-sec {overflow:hidden;padding:16px;}
.list-sec div {width:300px;float:left;}
.list-sec img:hover {border-left:#FFFFFF 1px solid;}
.list-sec p {height:32px;line-height:32px;margin:0 20px 32px 6px;color:#FF0036;font-size:16px;}
.list-sec p s {display:block;float:right;width:84px;height:32px;line-height:32px;background:#FF0036;font-size:14px;color:#FFFFFF;text-align:center;text-decoration:none;}
.list-sec p s:hover {background:#DF3033;}
.list-sec p i {display:block;float:right;width:84px;height:32px;line-height:32px;background:#666666;font-size:14px;color:#FFFFFF;text-align:center;font-style:normal;}

.mall-title {line-height:28px;font-size:16px;padding:0 10px;margin:0;}
.mall-text {line-height:18px;font-size:12px;padding:10px 10px 0 10px;margin:0;color:#E4393C;}
.mall-text span {color:#005EA7;}
.mall-price {font-weight:bold;font-family:Arial;color:#E4393C;}
.mall-price b {font-size:18px;}
.mall-price i {font-size:12px;float:right;display:inline-block;color:#999999;font-style:normal;font-weight:normal;background:url('ico-spread.png') no-repeat 0 center;padding:0 0 0 16px;cursor:pointer;}
.mall-fprice {font-family:Arial;color:#7049FF;}
.mall-fprice b {font-size:16px;font-weight:normal;}
.mall-fprice span {color:#666666;}
.mall-alter {width:57px;height:33px;border:#CCCCCC 1px solid;float:left;}
.mall-alter input{width:40px;height:32px;line-height:32px;border:none;text-align:center;padding:0;float:left;}
.mall-alter b,.mall-alter i {width:16px;height:16px;line-height:16px;border-left:#CCCCCC 1px solid;background:#F2F2F2;text-align:center;float:left;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;user-select:none;}
.mall-alter b {border-bottom:#CCCCCC 1px solid;font-size:14px;}
.mall-alter i {font-style:normal;font-size:18px;}
.mall-alter b:hover,.mall-alter i:hover {background:#E2E2E2;}
.mall-amount {display:inline-block;height:32px;line-height:32px;float:left;margin-left:24px;color:#666666;}
.mall-sec1 {height:36px;line-height:36px;overflow:hidden;font-size:16px;color:#FFFFFF;background:#E4393C url('ico-sec.png') no-repeat 12px center;margin:10px 0 0 0;border-radius:10px 10px 0 0;padding:0 16px 0 48px;}
.mall-sec1 div {float:right;font-size:12px;}
.mall-sec2 {height:48px;line-height:48px;overflow:hidden;font-size:16px;color:#666666;background:#F6F6F6 url('ico-sec-on.png') no-repeat 12px center;margin:10px 0 0 0;border-radius:10px 10px 0 0;padding:0 16px 0 48px;}
.mall-sec2 b {color:#E4393C;}
.btn-buy,.btn-cart {font-size:16px;width:148px;height:36px;line-height:30px;border:none;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;margin:6px 10px 0 0;}
.btn-buy {background:#FFEDED;border:#FF0036 1px solid;color:#FF0036;}
.btn-buy:hover {background:#F7BBBB;}
.btn-buy:disabled {background:#F2F2F2;border:#D6D6D8 1px dashed;color:#CDCDCD;cursor:not-allowed;}
.btn-cart {background:#FF0036;border:#FF0036 1px solid;color:#FFFFFF;}
.btn-cart:hover {background:#DF3033;}
.btn-cart:disabled {background:#CDCDCD;border:#CDCDCD 1px solid;color:#999999;cursor:not-allowed;}
/*new*/
/*mall-index*/
.banner-section {width:100%;padding:0;margin:0;}
.banner-container {background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);padding:80px 20px;color:white;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;width:100%;min-height:500px;box-sizing: border-box;}
.banner-content {max-width:1200px;width:100%;z-index:2;text-align:center;padding:0 20px;}
.banner-title {font-size:42px;font-weight:700;margin-bottom:20px;line-height:1.2;}
.banner-subtitle {font-size:20px;margin-bottom:35px;opacity:0.9;max-width:800px;margin-left:auto;margin-right:auto;}
.banner-features {display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin-bottom:40px;}
.banner-feature {display:flex;align-items:center;gap:10px;font-size:16px;}
.banner-feature i {color:var(--secondary-color);font-size:20px;}
.banner-cta {background-color:white;color:var(--primary-color);border:none;padding:16px 32px;border-radius:var(--radius-md);font-weight:600;font-size:18px;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.banner-cta:hover {transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.15);}
.banner-image {position:absolute;right:10%;top:50%;transform:translateY(-50%);width:400px;height:300px;background-color:rgba(255,255,255,0.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:120px;color:rgba(255,255,255,0.2);}

.search-section {padding:50px 0 40px;}
.search-section .search-box {width: auto;max-width:700px;margin:0 auto;position:relative;}
.search-section .search-input {width:100%;padding:18px 24px;padding-left:56px;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:16px;transition:border-color 0.3s;box-sizing:border-box;height: auto;}
.search-section .search-input::placeholder{color: #999;font-size:16px}
.search-section .search-input:focus {outline:none;border-color:var(--primary-light);}
.search-section .search-icon {position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:20px;}
.search-section .search-btn {position:absolute;right:8px;top:50%;transform:translateY(-50%);background-color:var(--primary-color);color:white;border:none;border-radius:var(--radius-md);padding:10px 24px;font-weight:500;cursor:pointer;transition:background-color 0.3s;}
.search-section .search-btn:hover {background-color:var(--primary-light);}
.search-section .search-tags {display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px;}
.search-section .search-tag {background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:20px;padding:6px 16px;font-size:14px;color:var(--text-medium);cursor:pointer;transition:all 0.2s;}
.search-section .search-tag:hover {background-color:var(--primary-color);color:white;border-color:var(--primary-color);}

.services-section {padding:30px 0 50px;}
.section-title {font-size:32px;font-weight:700;margin-bottom:40px;text-align:center;color:var(--text-dark);}

.services-section .services-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;}
.services-section .service-card {background-color:var(--bg-white);border-radius:var(--radius-lg);padding:30px;box-shadow:0 4px 12px var(--shadow-light);transition:transform 0.3s,box-shadow 0.3s;position:relative;overflow:hidden;display:flex;flex-direction:column;}
.services-section .service-card:hover {transform:translateY(-8px);box-shadow:0 12px 24px var(--shadow-medium);}
.services-section .service-icon {width:70px;height:70px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:32px;color:white;}
.services-section .service-card:nth-child(1) .service-icon {background-color:#FFB74D;}
.services-section .service-card:nth-child(2) .service-icon {background-color:#4FC3F7;}
.services-section .service-card:nth-child(3) .service-icon {background-color:#81C784;}
.services-section .service-card:nth-child(4) .service-icon {background-color:#FF8A65;}
.services-section .service-card:nth-child(5) .service-icon {background-color:#BA68C8;}
.services-section .service-card:nth-child(6) .service-icon {background-color:#7986CB;}
.services-section .service-title {font-size:22px;font-weight:700;margin-bottom: 10px;color:var(--text-dark);}
.services-section .service-description {color:var(--text-medium);padding: 0;margin: 0;margin-bottom:20px;min-height:48px;font-size: 16px;}

.service-subcategories {background-color:var(--bg-light);border-radius:var(--radius-sm);padding:20px;margin-bottom:25px;flex-grow:1;min-height:220px;}
.service-subcategories,.service-subcategories>* {box-sizing: border-box;}
.subcategory-list {list-style-type:none;display:flex;flex-direction:column;justify-content:space-between;}
.subcategory-item {padding:10px 0;border-bottom:1px solid var(--border-color);cursor:pointer;transition:color 0.2s;display:flex;justify-content:space-between;align-items:center;min-height:45px;box-sizing: border-box;}
.subcategory-item .subcategory-item-a{width:100%;display:flex;justify-content:space-between;align-items:center;}
.subcategory-item:last-child {border-bottom:none;}
.subcategory-item.empty {border-bottom:1px solid transparent;cursor:default;visibility:hidden;;}
.subcategory-item:hover:not(.empty) {color:var(--primary-color);}
.subcategory-name {font-size:15px;font-weight:500;}
.subcategory-price {font-size:14px;color:var(--primary-color);font-weight:600;}
.service-actions {margin-top:auto;height:45px;;}
/* .btn-primary {background-color:var(--primary-color);color:white;border:none;border-radius:var(--radius-md);padding:12px 24px;font-weight:500;cursor:pointer;transition:background-color 0.3s;width:100%;text-align:center;text-decoration:none;display:inline-block;}
.btn-primary:hover {background-color:var(--primary-light);} */
.hot-tag {position:absolute;top:20px;right:20px;background-color:var(--accent-color);color:white;font-size:12px;padding:4px 12px;border-radius:20px;font-weight:500;}
.service-actions *{box-sizing:border-box}
.service-actions a.btn-primary{color:#ffffff}

.recommendations-section {padding:60px 0;background-color:var(--bg-white);}
.recommendations-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;}
.product-card {background-color:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 12px var(--shadow-light);transition:transform 0.3s,box-shadow 0.3s;border:1px solid var(--border-color);display:flex;flex-direction:column;}
.product-card:hover {transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow-medium);}
.product-badge {background-color:var(--accent-color);color:white;padding: 12px 15px;font-size:14px;font-weight:500;text-align:center;}
.product-content {padding:25px;flex-grow:1;display:flex;flex-direction:column;}
.product-icon {width:60px;height:60px;background-color:var(--secondary-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:28px;color:white;}
.product-icon img{width:100%;height:100%;border-radius:var(--radius-md);}
/* .product-title {font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text-dark);} */
.product-features {list-style-type:none;margin-bottom:20px;flex-grow:1;}
.product-features li {padding:4px 0;color:var(--text-medium);position:relative;padding-left:20px;}
.product-features li:before {content:"•";color:var(--secondary-color);font-weight:bold;position:absolute;left:0;}
.product-price {display:flex;align-items:center;gap:12px;margin-bottom:20px;}
.current-price {font-size:24px;font-weight:700;color:var(--primary-color);}
.original-price {font-size:16px;color:var(--text-light);text-decoration:line-through;}
.product-actions {display:flex;gap:12px;}
.product-actions a{width:100%}
.product-actions a .btn-primary{width:100%}

.guide-section {padding:60px 0;}
.guide-steps {display:flex;justify-content:center;flex-wrap:wrap;gap:40px;margin-bottom:40px;}
.guide-step {display:flex;flex-direction:column;align-items:center;text-align:center;max-width:200px;}
.step-number {width:60px;height:60px;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;font-weight:700;margin-bottom:20px;}
.step-title {font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text-dark);}
.step-description {color:var(--text-medium);}
.step-arrow {font-size:24px;color:var(--primary-light);align-self:center;}

.customer-support {background-color:var(--primary-color);border-radius:var(--radius-lg);padding:40px;text-align:center;color:white;margin-top:50px;}
.support-icon {font-size:48px;margin-bottom:20px;}
.support-title {font-size:28px;font-weight:700;margin-bottom:15px;}
.support-description {font-size:16px;margin-bottom:25px;opacity:0.9;max-width:600px;margin-left:auto;margin-right:auto;}
.support-btn {background-color:white;color:var(--primary-color);border:none;border-radius:var(--radius-md);padding:14px 32px;font-weight:600;font-size:16px;cursor:pointer;transition:all 0.3s;}
.support-btn:hover {background-color:var(--bg-light);transform:translateY(-2px);}

/*product-detail*/
#mid_div {width: 500px;height: 500px;cursor: auto;}
.product-detail {display:grid;grid-template-columns:500px 1fr; gap:20px;margin-bottom:40px;align-items:start;}

.product-images {background-color:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.08);height:500px;width:500px;transition:transform 0.3s ease,box-shadow 0.3s ease;/* position:relative; */}
.product-images:hover {transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.12);}
.main-image {height:100%;width:100%;display:flex;align-items:center;justify-content:center;/* position:relative; */overflow:hidden;}
.main-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.product-images:hover .main-image img {transform:scale(1.05);}

.product-info {background-color:var(--bg-white);border-radius:var(--radius-lg);padding:20px;box-shadow:0 8px 30px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;height:auto;display:flex;flex-direction:column;}
.product-info:hover {box-shadow:0 15px 40px rgba(0,0,0,0.12);}

.product-title {font-size: 20px;font-weight:700;color:var(--text-dark);margin-bottom:10px;line-height:1.3;}
.product-subtitle {padding: 0;margin: 0;font-size:13px;color:var(--text-medium);margin-bottom:20px;line-height:1.5;padding-bottom:15px;border-bottom:1px solid var(--border-color);}

.parameter-selector {margin-bottom:15px;background-color:var(--bg-white);border-radius:var(--radius-md);padding:15px;border:1px solid var(--border-color);box-shadow:0 4px 15px rgba(0,0,0,0.03);}
.parameter-label {font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text-dark);display:flex;align-items:center;gap:6px;}
.parameter-label i {color:var(--primary-color);}
.parameter-options{display:flex;flex-wrap:wrap;gap:8px;}
.parameter-options ul {display:flex;flex-wrap:wrap;gap:8px;}
.parameter-option,.nv_1,.nv_2 {padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-white);cursor:pointer;transition:all 0.2s;font-size:13px;font-weight:500;color:var(--text-medium);}
.parameter-option:hover,.nv_1:hover {border-color:var(--primary-color);color:var(--primary-color);}
.parameter-option.nv_2,.nv_2 {background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:white;border-color:var(--primary-color);box-shadow:0 4px 12px rgba(30,111,217,0.2);}

.product-price-section {background:#f9fcfd;border-radius:var(--radius-md);padding:15px;margin-bottom:15px;border:1px solid #eef7fd;/* position:relative; */overflow:hidden;}
.price-display {display:flex;align-items:baseline;flex-wrap:wrap;gap:15px;}
.price-label {font-size:14px;font-weight:600;color:var(--text-dark);display:flex;align-items:center;gap:6px;}
.price-label i {color:var(--primary-color);}
.price-value {display:flex;align-items:baseline;gap:4px;}
.product-price-amount {font-size:28px;font-weight:700;color:var(--primary-color);}
.product-price-period {font-size:14px;color:var(--text-medium);}

.quantity-selector {margin-bottom:15px;background-color:var(--bg-white);border-radius:var(--radius-md);padding:15px;border:1px solid var(--border-color);box-shadow:0 4px 15px rgba(0,0,0,0.03);}
.quantity-controls-container {display:flex;align-items:center;gap:15px;}
.quantity-label-wrapper {display:flex;align-items:center;gap:6px;flex-shrink:0;}
.quantity-label {font-size:14px;font-weight:600;color:var(--text-dark);white-space:nowrap;}
.quantity-label i {color:var(--primary-color);}
.quantity-input-group {display:flex;align-items:center;gap:8px;}
.quantity-btn {width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--bg-light),#f0f4f8);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;font-size:14px;color:var(--text-medium);box-shadow:0 2px 5px rgba(0,0,0,0.05);}
.quantity-btn:hover {background:linear-gradient(135deg,var(--primary-light),var(--primary-color));color:white;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 5px 15px rgba(30,111,217,0.2);}
.quantity-input {width:70px;height:36px;padding: 0;border-radius:var(--radius-md);border:1px solid var(--border-color);text-align:center;font-size:14px;font-weight:600;color:var(--text-dark);background-color:var(--bg-white);box-shadow:inset 0 2px 5px rgba(0,0,0,0.05);transition:all 0.2s;}
.quantity-input:focus {outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(30,111,217,0.1),inset 0 2px 5px rgba(0,0,0,0.05);}
.quantity-unit {color:var(--text-medium);font-size:13px;font-weight:500;white-space:nowrap;}
.quantity-tip {color:var(--text-light);font-size:12px;margin-top:10px;font-style:italic;display:flex;align-items:center;gap:4px;}
.quantity-tip i {color:var(--accent-color);font-size:12px;}

.purchase-actions {display:flex;gap:8px;margin-bottom: 10px;margin-top: 10px;}

.product-tabs {margin-top:25px;background-color:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.08);}
.tabs-header {display:flex;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f9fbfd,#f0f5fd);}
.tab-btn,
.mall_tab_1,
.mall_tab_2{/* padding:15px 20px; */background:none;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:600;color:var(--text-medium);cursor:pointer;transition:all 0.3s;position:relative;}
.tab-btn.active,
.mall_tab_2{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:rgba(30,111,217,0.05);}
.tab-btn:hover:not(.active),
.mall_tab_1:hover{color:var(--primary-color);background-color:rgba(30,111,217,0.03);}
.mall_c {padding:25px;animation:fadeIn 0.5s ease;}}
.tab-content.active {display:block;animation:fadeIn 0.5s ease;}
@keyframes fadeIn {
from {opacity:0;transform:translateY(10px);}
to {opacity:1;transform:translateY(0);}
}
.tab-content h3 {font-size:18px;font-weight:700;margin-bottom: 10px;color:var(--text-dark);padding-bottom: 5px;border-bottom:1px solid var(--border-color);}
.tab-content p {padding: 0;margin: 0;margin-bottom:12px;color:var(--text-medium);line-height:1.6;font-size: 12px;}
.tab-content ul,.tab-content ol {margin-bottom:15px;padding-left:18px;}
.tab-content li {margin-bottom:8px;color:var(--text-medium);line-height:1.5;font-size:13px;}

.related-services {margin-top:40px;margin-bottom: 50px;padding-top: 20px;/* border-top:1px solid var(--border-color); */}
.related-services h2 {font-size:22px;font-weight:700;margin-bottom:20px;color:var(--text-dark);text-align:center;}
.related-services .services-grid {display:grid;grid-template-columns:repeat(4,1fr); gap:20px;}
.related-services .service-card {background-color:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s;text-decoration:none;display:block;color:inherit;border:1px solid rgba(0,0,0,0.05);height:100%;display:flex;flex-direction:column;}
.related-services .service-card:hover {transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,0.15);}
.related-services .service-card *{}
.related-services .service-image {height: 288px;display:flex;align-items:center;justify-content:center;font-size:36px;color:white;position:relative;overflow:hidden;}
.related-services .service-image img{width:100%;height: 100%;object-fit: cover;}
.related-services .service-image::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,0.1),rgba(0,0,0,0));}
.related-services .service-content {padding:15px;flex-grow:1;display:flex;flex-direction:column;}
.related-services .service-title {font-size:16px;font-weight:700;margin-bottom:8px;color:var(--text-dark);}
.related-services .service-description {margin: 0;font-size:12px;color:var(--text-medium);margin-bottom: 10px;line-height:1.4;flex-grow:1;padding: 0;}
.related-services .service-price {font-size:16px;font-weight:700;color:var(--primary-color);margin-top:auto;}

/*mall-list*/
.page-header {background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:white;padding:60px 0; margin-bottom:30px;position:relative;overflow:hidden;}
.page-header::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,0.1) 0%,transparent 50%);pointer-events:none;}
.page-header-content {display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;}
.page-header-title {font-size:40px; font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,0.2);}
.page-header-subtitle {font-size:18px;opacity:0.9;max-width:800px;line-height:1.8;margin: 0;}

.main-content {display:flex;gap:30px;margin-bottom: 30px;}

.services-sidebar {flex: 0 0 220px;background-color:var(--bg-white);border-radius:var(--radius-lg);padding:25px;box-shadow:0 4px 12px var(--shadow-light);height:fit-content;position:sticky;top:100px;}
.sidebar-title {font-size:20px;font-weight:700;margin-bottom:20px;color:var(--text-dark);display:flex;align-items:center;gap:10px;}
.sidebar-title i {color:var(--primary-color);}
.services-nav {list-style-type:none;}
.services-nav li {margin-bottom:8px;}
.services-nav a {display:flex;align-items:center;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-medium);text-decoration:none;transition:all 0.2s;font-weight:500;font-size: 16px;}
.services-nav a:hover {background-color:var(--bg-light);color:var(--primary-color);}
.services-nav a.active {background-color:var(--primary-color);color:white;}
.services-nav a i {margin-right:10px;width:20px;text-align:center;font-size:18px;}

.content-area {flex:1;}

.service-purchase-area {background-color:var(--bg-white);border-radius:var(--radius-lg);padding:40px;box-shadow:0 4px 12px var(--shadow-light);min-height: 365px;}
.service-purchase-header {margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border-color);}
.service-purchase-header h1 {font-size:28px;font-weight:700;margin-bottom:10px;color:var(--text-dark);display:flex;align-items:center;gap:15px;}
.service-icon-large {width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:28px;color:white;}
.service-description {font-size:16px;color:var(--text-medium);max-width:800px;margin: 0;}

.membership-simple-grid {display:grid;grid-template-columns:repeat(3,1fr);gap: 20px;margin-bottom:40px;}
.membership-simple-item {background-color:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 12px var(--shadow-light);transition:transform 0.3s,box-shadow 0.3s;border: 1px solid var(--border-color);display:flex;flex-direction:column;height:100%;width: 320px;}
.membership-simple-item:hover {transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow-medium);border: 1px solid var(--primary-color);}
.membership-simple-item.featured {position:relative;}
.featured-badge {position:absolute;top:15px;right:15px;background-color:var(--accent-color);color:white;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;z-index:2;}
.membership-image {height: 320px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}
.membership-image-bg {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;}
.membership-image-bg img{width:100%;height: 100%;vertical-align: middle;}
.membership-image-icon {width:100px;height:100px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:48px;color:white;z-index:1;}
.membership-content {padding:25px;flex-grow:1;display:flex;flex-direction:column;}
.membership-title {font-size:22px;font-weight:700;margin-bottom:12px;color:var(--text-dark);}
.membership-description-short {color:var(--text-medium);margin: 0;margin-bottom:20px;min-height:60px;}
.membership-price {display:flex;align-items: center;margin-bottom:20px;}
.membership-current-price {font-size: 24px;font-weight:700;color:var(--primary-color);}
.membership-period {font-size:14px;color:var(--text-light);margin-left:5px;margin-top: 3px;}
.membership-actions {display:flex;gap:12px;width:100%;margin-top:auto;;}
.btn-primary {background-color:var(--primary-color);color:white;border:none;border-radius:var(--radius-md);padding:12px 24px;font-weight:500;cursor:pointer;transition:background-color 0.3s;flex-grow:1;text-align:center;}
.btn-primary:hover {background-color:var(--primary-light);}

.empty-state {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;}
.empty-icon {font-size:60px;color:var(--text-light);margin-bottom:20px;}
.empty-title {font-size:24px;font-weight:700;margin-bottom:15px;color:var(--text-dark);}
.empty-description {color:var(--text-medium);max-width:500px;margin-bottom:25px;}