@charset "UTF-8";
/* 吴锐茶城 - 公共样式 全站覆盖版 */

/* ============ 基础重置 ============ */
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:14px;-webkit-text-size-adjust:100%}
body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#333;background:#f5f5f5;font-size:14px;line-height:1.6}
a{color:#333;text-decoration:none;transition:color .2s}
a:hover{color:#e4393c}
a:focus{outline:none;text-decoration:none}
img{max-width:100%;vertical-align:middle;border:0;height:auto}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.4}
button,input,select,textarea{font-family:inherit;font-size:inherit;outline:none}
table{border-collapse:collapse;border-spacing:0}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.text-danger{color:#e4393c}
.text-muted{color:#999}
.text-primary{color:#e4393c}
.pull-right{float:right}
.pull-left{float:left}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.hidden,.hide{display:none}
.show{display:block}
.visible-xs{display:none}
.hidden-xs{display:block}
.inline{display:inline}
.font-16{font-size:16px}
.m-0{margin:0}
.mb-0{margin-bottom:0}
.mb-2{margin-bottom:10px}
.mb-3{margin-bottom:15px}
.mb-4{margin-bottom:20px}
.mb-5{margin-bottom:25px}
.mt-1{margin-top:5px}
.mt-2{margin-top:10px}
.mt-3{margin-top:15px}
.my-1{margin:5px 0}
.my-2{margin:10px 0}
.my-4{margin:20px 0}
.ml-3{margin-left:15px}
.mr-1{margin-right:5px}
.p-3{padding:15px}
.pt-1{padding-top:5px}
.py-2{padding-top:10px;padding-bottom:10px}
.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#e4393c;border-radius:10px}
.breadcrumb{padding:10px 0;font-size:13px;color:#999;background:none;border-radius:0;margin-bottom:10px}
.breadcrumb a{color:#666}
.breadcrumb a:hover{color:#e4393c}
.breadcrumb span{margin:0 8px;color:#ccc}
.list-unstyled{list-style:none;padding-left:0}
.list-inline{padding-left:0;list-style:none;margin-left:-5px}
.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}
.group-page{background:#f5f5f5}
.bg-gray{background:#f5f5f5}
.bg-white{background:#fff}
.no-border{border:none}
.small{font-size:85%}

/* ============ Bootstrap 网格补充 ============ */
.container{width:1200px;max-width:100%;margin:0 auto;padding:0 15px}
.container:before,.container:after{content:"";display:table}
.container:after{clear:both}
.row{margin-left:-15px;margin-right:-15px}
.row:before,.row:after{content:"";display:table}
.row:after{clear:both}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px;float:left}
.col-xs-12{width:100%}.col-xs-9{width:75%}.col-xs-6{width:50%}.col-xs-3{width:25%}
.col-sm-12{width:100%}.col-sm-9{width:75%}.col-sm-8{width:66.6667%}.col-sm-7{width:58.3333%}.col-sm-6{width:50%}.col-sm-5{width:41.6667%}.col-sm-4{width:33.3333%}.col-sm-3{width:25%}
.col-md-7{width:58.3333%}.col-md-5{width:41.6667%}
.col-sm-offset-1{margin-left:8.3333%}.col-sm-offset-3{margin-left:25%}
@media (max-width:1200px){
    .col-sm-3{width:25%}.col-sm-4{width:33.3333%}.col-sm-5,.col-md-5{width:41.6667%}.col-sm-6{width:50%}.col-sm-7,.col-md-7{width:58.3333%}.col-sm-8{width:66.6667%}.col-sm-9{width:75%}
}
@media (max-width:768px){
    .container{width:100%}
    .col-xs-12{width:100%}.col-xs-9{width:75%}.col-xs-6{width:50%}.col-xs-3{width:25%}
    .col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-md-5,.col-md-7{width:100%}
    .col-sm-offset-1,.col-sm-offset-3{margin-left:0}
    .hidden-xs{display:none!important}
    .visible-xs{display:block!important}
}

/* ============ 按钮 ============ */
.btn{display:inline-block;padding:8px 16px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.4;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;transition:all .2s}
.btn:hover,.btn:focus{color:#333;text-decoration:none}
.btn:active{outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-primary{color:#fff;background-color:#e4393c;border-color:#e4393c}
.btn-primary:hover,.btn-primary:focus{color:#fff;background-color:#c1272d;border-color:#a82227}
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default:hover,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}
.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}
.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}
.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}
.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}
.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}
.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}
.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}
.btn-outline-primary{color:#e4393c;background-color:transparent;border-color:#e4393c}
.btn-outline-primary:hover{color:#fff;background-color:#e4393c;border-color:#e4393c}
.btn-grey{color:#fff;background-color:#999;border-color:#999}
.btn-grey:hover{color:#fff;background-color:#777;border-color:#777}
.btn-lg{padding:12px 20px;font-size:18px;line-height:1.33;border-radius:6px}
.btn-md{padding:10px 18px;font-size:16px}
.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-block{display:block;width:100%}
.btn-search{background-color:#e4393c;color:#fff;border-color:#e4393c;height:46px;padding:0 24px;font-size:16px}
.btn-search:hover{background-color:#c1272d;color:#fff}
.btn-buynow{padding:12px 36px;font-size:16px;margin-right:10px;min-width:140px}
.btn-cart{padding:12px 36px;font-size:16px;min-width:170px}
.btn-collect,.btn-share{padding:8px 14px;margin-left:5px}
.btn-share{color:#666;background:#f5f5f5;border-color:#ddd}
.btn-share:hover{background:#e4393c;color:#fff;border-color:#e4393c}
.btn-captcha{padding:8px 12px;font-size:13px;margin-left:5px}
.btn-forgot{font-size:13px;color:#999}
.btn-forgot:hover{color:#e4393c}

/* ============ 表单 ============ */
.form-control{display:block;width:100%;height:38px;padding:8px 12px;font-size:14px;line-height:1.4;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
.input-group{position:relative;display:table;border-collapse:separate}
.input-group .form-control{position:relative;z-index:2;width:100%;margin-bottom:0;display:table-cell}
.input-group-btn{position:relative;font-size:0;white-space:nowrap;width:1%;vertical-align:middle;display:table-cell}
.input-group-btn:last-child>.btn{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}
.form-group{margin-bottom:15px}
.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}
.form-horizontal .form-group:before,.form-horizontal .form-group:after{content:"";display:table}
.form-horizontal .form-group:after{clear:both}
.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}
.form-horizontal .controls{padding-left:15px}
.control-label{font-weight:500;color:#666}
.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#999;font-size:12px}
.form-body{padding:20px;background:#fff;border-radius:4px}
.form-footer{padding:15px 0;text-align:center}
.form-layer{background:#fff;padding:20px;border-radius:4px}
.form-vertical .form-group{margin-bottom:15px}
.form-vertical .form-control{width:100%}
.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}
.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}
.radio input[type="radio"],.checkbox input[type="checkbox"]{position:absolute;margin-left:-20px}

/* ============ 顶部栏 ============ */
.main-header{background:#fff;border-bottom:1px solid #eee}
.top-bar{background:#f5f5f5;border-bottom:1px solid #eee;font-size:12px;color:#999;line-height:32px;height:32px}
.top-bar a{color:#999}
.top-bar a:hover{color:#e4393c}
.top-bar .nav-top{margin:0}
.top-bar .nav-top li{padding:0 8px}
.header-header{padding:20px 0;background:#fff}
.header-header .brand{padding:0 15px}
.header-header .logo{display:block;line-height:60px}
.header-header .logo img{height:60px;vertical-align:middle}
.header-search .search-form{margin-top:5px}
.header-search .search-input{height:46px;border:2px solid #e4393c;border-right:none;border-radius:4px 0 0 4px}
.header-search .search-input:focus{box-shadow:none}
.search-hot a{color:#999;margin-right:10px;font-size:12px}
.search-hot a:hover{color:#e4393c}

/* ============ 导航栏 ============ */
.header-menu{background:#fff;border-bottom:2px solid #e4393c;box-shadow:0 2px 4px rgba(0,0,0,.05)}
.header-menu .nav-bar{position:relative;height:50px;display:flex;align-items:center}
.nav-header{display:flex;align-items:center;height:50px}
.nav-item-topmenu{display:inline-block;background:#e4393c;color:#fff;width:220px;height:50px;line-height:50px;text-align:center;font-size:16px;font-weight:bold;cursor:pointer}
.nav-item-topmenu .fa{margin-right:8px}
.nav-item-navmenu{display:none;cursor:pointer}
.nav-collapse{flex:1}
.nav-menu{display:flex;margin:0;padding:0;height:50px}
.nav-menu>li{position:relative;list-style:none}
.nav-menu>li>a{display:block;padding:0 24px;line-height:50px;color:#333;font-size:15px;font-weight:500;transition:all .2s}
.nav-menu>li>a:hover{color:#e4393c;background:#fff7f7}
.nav-menu>li.active>a{color:#e4393c}
.nav-menu-right{margin-left:auto}
@media (min-width:769px){.nav-collapse .nav-menu>li{display:none}}
.nav-toggle{display:none}
.top-menu{position:absolute;top:50px;left:0;width:220px;background:#fff;border:1px solid #eee;border-top:none;z-index:100;box-shadow:0 4px 8px rgba(0,0,0,.1);display:none}
.top-menu ul{margin:0;padding:0}
.top-menu li{border-bottom:1px solid #f5f5f5}
.top-menu li:last-child{border-bottom:none}
.top-menu li a{display:block;padding:12px 20px;color:#333;font-size:14px}
.top-menu li a:hover{background:#fff7f7;color:#e4393c}
.top-menu .shopicon{font-size:16px;color:#e4393c;margin-right:8px;width:24px;display:inline-block;text-align:center}
.nav-header:hover+.nav-collapse .top-menu,.top-menu:hover,.header-menu:hover .top-menu{display:block}

/* 导航筛选 */
.nav-filter{background:#fff;padding:15px;margin-bottom:20px;border-radius:4px}
.nav-filter .nav-tabs{border-bottom:1px solid #eee;margin-bottom:15px}
.nav-filter .nav-tabs>li{display:inline-block;margin-right:20px}
.nav-filter .nav-tabs>li>a{display:block;padding:10px 0;color:#666;border-bottom:2px solid transparent}
.nav-filter .nav-tabs>li.active>a,.nav-filter .nav-tabs>li>a:hover{color:#e4393c;border-bottom-color:#e4393c}
.nav-bar-tabs{margin-bottom:20px;background:#fff;border-radius:4px;border:1px solid #eee}
.nav-bar-tabs li{display:inline-block;margin:0}
.nav-bar-tabs li a{display:block;padding:12px 24px;color:#666;border-bottom:2px solid transparent}
.nav-bar-tabs li a:hover{color:#e4393c}
.nav-bar-tabs li.nav-bar-tabs-active a,.nav-bar-tabs li.active a{color:#e4393c;border-bottom-color:#e4393c;background:#fff7f7}
.nav-bar-tabs .icon-order-arrow{font-family:'FontAwesome';position:relative;padding-right:14px}
.nav-bar-tabs .icon-order-arrow:after{content:'\f0d7';position:absolute;right:0;color:#999;font-size:12px}
.nav-bar-tabs li.nav-bar-tabs-active .icon-order-arrow:after,.nav-bar-tabs li.active .icon-order-arrow:after{color:#e4393c}
.nav-product{background:#fff;padding:10px;border-bottom:1px solid #eee}
.nav-bar-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}

/* ============ 轮播图 ============ */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;background-position:center;background-size:cover;background-repeat:no-repeat}
.swiper-pagination{position:absolute;text-align:center;transition:.3s;transform:translateZ(0);z-index:10;bottom:10px;left:0;width:100%}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2;margin:0 4px;cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#e4393c}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:36px;height:36px;margin-top:-18px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);color:#fff;border-radius:50%}
.swiper-button-next{right:10px}
.swiper-button-prev{left:10px}
.swiper-button-next:hover,.swiper-button-prev:hover{background:rgba(0,0,0,.5)}
.swiper-button-next .fa,.swiper-button-prev .fa{font-size:18px}
.swiper-recommend{padding:0 30px}
.swiper-recommend .swiper-slide{width:200px;padding:5px}
.gallery-top{width:100%;height:400px;margin-bottom:10px;border:1px solid #eee;background:#fff}
.gallery-thumbs{width:100%;height:80px}
.gallery-thumbs .swiper-slide{width:80px;height:80px;border:2px solid #eee;cursor:pointer;opacity:.7}
.gallery-thumbs .swiper-slide-active{opacity:1;border-color:#e4393c}

/* ============ Carousel（焦点图）============ */
.carousel{position:relative;margin-bottom:20px}
.carousel-focus{height:400px;overflow:hidden}
.carousel-inner{position:relative;width:100%;overflow:hidden;height:100%}
.carousel-inner>.item{position:relative;display:none;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat}
.carousel-inner>.item>a{display:block;width:100%;height:100%}
.carousel-inner>.item.active{display:block}
.carousel-inner>.item.next,.carousel-inner>.item.prev{display:block;position:absolute;top:0}
.carousel-text{padding:40px 60px;color:#fff;max-width:500px}
.carousel-text h2{color:#fff;font-size:36px;font-weight:bold;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.5)}
.carousel-text p{color:#fff;font-size:16px;line-height:1.8;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.carousel-indicators{position:absolute;bottom:15px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none;margin-bottom:0}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:0 5px;text-indent:-999px;cursor:pointer;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}
.carousel-indicators .active{background-color:#fff}
.carousel-control{position:absolute;top:0;bottom:0;left:0;width:8%;font-size:30px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background:rgba(0,0,0,.2);opacity:.5;display:flex;align-items:center;justify-content:center}
.carousel-control:hover{opacity:.9;color:#fff}
.carousel-control.right{left:auto;right:0}
.carousel-control .icon-prev,.carousel-control .icon-next{position:absolute;top:50%;transform:translateY(-50%);font-size:30px}
.animated{animation-duration:1s;animation-fill-mode:both}
.bounceInDown{animation-name:bounceInDown}
.slideInRight{animation-name:slideInRight}
@keyframes bounceInDown{
    0%,60%,75%,90%,100%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;transform:translate3d(0,-2000px,0)}
    60%{opacity:1;transform:translate3d(0,25px,0)}
    75%{transform:translate3d(0,-10px,0)}
    90%{transform:translate3d(0,5px,0)}
    100%{transform:none}
}
@keyframes slideInRight{
    0%{transform:translate3d(100%,0,0);visibility:visible}
    100%{transform:translate3d(0,0,0)}
}

/* ============ 商品列表 ============ */
.index-tab{margin:30px 0;background:#fff;padding:20px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.index-tab h3{padding:10px 0;border-bottom:2px solid #f5f5f5;margin-bottom:20px;font-size:22px;font-weight:bold}
.index-tab h3 a{color:#333}
.index-tab h3 a:hover{color:#e4393c}
.index-tab h3 span{padding:0 10px;border-left:3px solid #e4393c}
.pager{margin:20px 0;text-align:center}
.pager .pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pager .pagination>li{display:inline}
.pager .pagination>li>a,.pager .pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.4;color:#e4393c;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pager .pagination>li:first-child>a,.pager .pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pager .pagination>li:last-child>a,.pager .pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pager .pagination>li>a:hover,.pager .pagination>li>span:hover,.pager .pagination>li>a:focus,.pager .pagination>li>span:focus{z-index:2;color:#fff;background-color:#e4393c;border-color:#e4393c}
.pager .pagination>.active>a,.pager .pagination>.active>span,.pager .pagination>.active>a:hover,.pager .pagination>.active>span:hover,.pager .pagination>.active>a:focus,.pager .pagination>.active>span:focus{z-index:3;color:#fff;cursor:default;background-color:#e4393c;border-color:#e4393c}
.pager .pagination>.disabled>span,.pager .pagination>.disabled>span:hover,.pager .pagination>.disabled>span:focus,.pager .pagination>.disabled>a,.pager .pagination>.disabled>a:hover,.pager .pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.product-list{display:flex;flex-wrap:wrap;margin:0 -10px}
.product-grid{width:100%;padding:0}
.product-grid .product-item,.product-list .product-item{width:20%;padding:0 10px;margin-bottom:20px;display:inline-block;vertical-align:top}
.product-item{background:#fff;border:1px solid #f0f0f0;border-radius:4px;transition:all .3s;overflow:hidden}
.product-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px);border-color:#e4393c}
.product-item .card-item{display:block;padding:10px;color:#333}
.product-item .card-item:hover{text-decoration:none;color:#333}
.product-item .mb-3{margin-bottom:10px}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive-square{padding-bottom:100%}
.embed-responsive .img-zoom{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.embed-responsive img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.product-item:hover img{transform:scale(1.05)}
.item-info{padding:5px 0}
.item-title{font-size:14px;color:#333;line-height:1.5;height:42px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px}
.product-item:hover .item-title{color:#e4393c}
.item-detail{font-size:18px;font-weight:bold;color:#e4393c}
.item-detail span{font-size:12px;margin-right:2px}
.item-detail .small,.item-detail del{font-size:12px;font-weight:normal;margin-left:8px;color:#999}
.price,.price-sale{color:#e4393c;font-weight:bold;font-size:16px}
.goods-price{font-size:28px;font-weight:bold;color:#e4393c}
.goods-marketprice{font-size:14px;color:#999;margin-left:10px}
.goods-stocks{color:#666}

/* ============ 商品详情页 ============ */
.product-gallery{margin-bottom:20px}
.product-gallery .embed-responsive-square{padding-bottom:100%}
.product-gallery .embed-responsive-item{position:absolute;top:0;left:0;width:100%;height:100%}
.product-gallery .gallery-top,.product-gallery .gallery-top .swiper-wrapper,.product-gallery .gallery-top .swiper-slide{height:100%}
.product-gallery .gallery-top .swiper-slide{background-size:cover;background-position:center;background-repeat:no-repeat}
.product-gallery .gallery-thumbs{height:80px;margin-top:10px}
.product-gallery .gallery-thumbs .swiper-slide{height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid transparent;cursor:pointer;opacity:.7;transition:all .2s}
.product-gallery .gallery-thumbs .swiper-slide.swiper-slide-active,.product-gallery .gallery-thumbs .swiper-slide:hover{opacity:1;border-color:#e4393c}
.product-info{padding:20px;background:#fff;border-radius:4px}
.product-info h1{font-size:22px;margin-bottom:15px;line-height:1.4}
.product-info .price-line{margin:20px 0;padding:15px;background:#fff7f7;border-radius:4px}
.product-info .price-line .goods-price{font-size:32px}
.variations{margin-bottom:10px}
.variations .tr-item{display:flex;align-items:flex-start;margin-bottom:10px}
.variations .label{width:60px;color:#666;font-weight:500;padding-top:5px;flex-shrink:0}
.variations .value{flex:1}
.quantity{display:inline-flex;align-items:center;border:1px solid #ddd;border-radius:4px;overflow:hidden}
.quantity-down,.quantity-up{width:36px;height:36px;line-height:36px;text-align:center;background:#f5f5f5;cursor:pointer;user-select:none;font-size:18px;font-weight:bold;color:#666}
.quantity-down:hover,.quantity-up:hover{background:#e0e0e0}
.quantity-text{width:50px;height:36px;text-align:center;border:none;border-left:1px solid #ddd;border-right:1px solid #ddd;padding:0}
.product-cart-btn{margin-top:25px}
.product-cart-btn .btn{margin-right:10px;margin-bottom:10px}
.btn-collect{color:#666;background:#f5f5f5;border-color:#ddd}
.btn-collect:hover,.btn-collect.active{color:#fff;background:#e4393c;border-color:#e4393c}
.guarantee{margin:15px 0;padding:10px;background:#f9f9f9;border-radius:4px;color:#666;font-size:13px}
.guarantee .shopicon{margin-right:5px;color:#5cb85c}

/* 详情标签页 */
.nav-tabs{border-bottom:1px solid #ddd;margin-bottom:15px}
.nav-tabs>li{display:inline-block;margin-bottom:-1px}
.nav-tabs>li>a{display:block;padding:10px 20px;margin-right:2px;line-height:1.4;border:1px solid transparent;border-radius:4px 4px 0 0;color:#666}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd;background:#f5f5f5}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#e4393c;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}
.tab-content>.tab-pane{display:none}
.tab-content>.tab-pane.active{display:block}
.tab-content>.tab-pane.fade{opacity:0;transition:opacity .15s linear}
.tab-content>.tab-pane.fade.in,.tab-content>.tab-pane.fade.active{opacity:1}
.detail-content{background:#fff;padding:20px;border-radius:4px;margin-bottom:20px}
.detail-content-wrap{line-height:1.8}
.detail-content-wrap p{margin-bottom:15px}
.detail-content-wrap img{max-width:100%;height:auto}
.detail-content-wrap h1,.detail-content-wrap h2,.detail-content-wrap h3{margin:20px 0 10px;color:#333}
.z-have-detail-nav{position:relative}

/* ============ 面板 ============ */
.panel{margin-bottom:20px;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05)}
.panel-border{border:1px solid #eee}
.panel-heading{padding:15px 20px;border-bottom:1px solid #ddd;border-top-left-radius:3px;border-top-right-radius:3px;background:#f9f9f9}
.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit;font-weight:bold}
.panel-body{padding:20px}
.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}

/* ============ 媒体对象 ============ */
.media{margin-top:15px;display:table;width:100%}
.media:first-child{margin-top:0}
.media,.media-body{overflow:hidden;zoom:1}
.media-body{width:10000px}
.media-object{display:block;max-width:none}
.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}
.media-left{padding-right:10px}
.media-body p{margin-bottom:5px}

/* ============ 用户登录/注册 ============ */
.login-main{max-width:420px;margin:40px auto;background:#fff;padding:30px;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.login-section{margin-bottom:20px}
.login-section h2{text-align:center;margin-bottom:25px;color:#333}
.logon-tab{margin-bottom:20px;border-bottom:1px solid #eee}
.logon-tab li{display:inline-block;margin-right:20px}
.logon-tab li a{display:block;padding:10px 0;color:#666;border-bottom:2px solid transparent}
.logon-tab li.active a,.logon-tab li a:hover{color:#e4393c;border-bottom-color:#e4393c}
.social-login{margin-top:20px;padding-top:20px;border-top:1px solid #eee;text-align:center}
.social-login a{display:inline-block;width:40px;height:40px;line-height:40px;border-radius:50%;margin:0 8px;color:#fff;font-size:18px}
.social-login .fa-qq{background:#12b7f5}
.social-login .fa-wechat{background:#09bb07}
.social-login .fa-weibo{background:#e6162d}
.user-section{background:#fff;padding:20px;border-radius:4px;margin-bottom:20px}
.user-section .media-left img{width:80px;height:80px;border-radius:50%}
.msg-box{padding:20px;background:#fff;border-radius:4px;text-align:center}
.msg-box .jump{margin-top:15px}
.system-message{margin:50px auto;padding:50px;background:#fff;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.08);text-align:center;max-width:560px}
.system-message h1{font-size:24px;margin-bottom:20px;color:#444}
.system-message .jump{font-size:14px;margin:15px 0}
.system-message .jump a{display:inline-block;margin:0 10px;padding:8px 20px;border-radius:20px}
.system-message .jump a:first-child{background:#e4393c;color:#fff}
.system-message .jump a:last-child{background:#f5f5f5;color:#666}

/* ============ 优惠券 ============ */
.bg-coupon{background:linear-gradient(135deg,#e4393c 0%,#ff6b6b 100%);color:#fff}
.coupon-list{display:flex;flex-wrap:wrap;margin:0 -10px}
.coupon-item{width:33.3333%;padding:0 10px;margin-bottom:20px}
.coupon-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.coupon-card .coupon-top{padding:20px;background:linear-gradient(135deg,#e4393c 0%,#ff6b6b 100%);color:#fff;text-align:center}
.coupon-card .coupon-price{font-size:36px;font-weight:bold}
.coupon-card .coupon-limit{font-size:12px;margin-top:5px;opacity:.9}
.coupon-card .coupon-bottom{padding:15px;text-align:center}
.coupon-card .coupon-name{font-size:14px;color:#333;margin-bottom:10px}
.coupon-card .coupon-time{font-size:12px;color:#999}

/* ============ 购物车 ============ */
.cart-table{width:100%;background:#fff;border-radius:4px;overflow:hidden}
.cart-table th,.cart-table td{padding:15px;border-bottom:1px solid #eee;vertical-align:middle;text-align:center}
.cart-table th{background:#f9f9f9;font-weight:500;color:#666}
.cart-table td{text-align:left}
.cart-table .cart-img{width:80px;height:80px;border:1px solid #eee;border-radius:4px;overflow:hidden;display:inline-block}
.cart-table .cart-img img{width:100%;height:100%;object-fit:cover}
.cart-table .cart-info{padding-left:15px;display:inline-block;vertical-align:middle}
.cart-table .cart-title{color:#333;font-size:14px;display:block;margin-bottom:5px}
.cart-table .cart-spec{color:#999;font-size:12px}
.cart-table .cart-price{color:#e4393c;font-weight:bold;font-size:16px}
.cart-table .cart-action{color:#999;cursor:pointer}
.cart-table .cart-action:hover{color:#e4393c}
.cart-total{padding:20px;background:#fff;border-radius:4px;margin-top:20px;text-align:right}
.cart-total .price{font-size:24px;color:#e4393c;font-weight:bold}
.cart-empty{padding:60px 20px;text-align:center;background:#fff;border-radius:4px}
.cart-empty .fa{font-size:60px;color:#ddd;margin-bottom:20px}

/* ============ 评分 ============ */
.rating{color:#f5a623;font-size:14px}
.rating-star{color:#f5a623}
.rating .fa-star{color:#f5a623}
.rating .fa-star-o{color:#ddd}

/* ============ 下拉菜单 ============ */
.dropdown{position:relative;display:inline-block}
.dropdown-toggle{cursor:pointer}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175)}
.dropdown-menu>li>a{display:block;padding:8px 20px;clear:both;font-weight:400;line-height:1.4;color:#333;white-space:nowrap}
.dropdown-menu>li>a:hover{color:#e4393c;background:#f5f5f5}
.dropdown.open>.dropdown-menu{display:block}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}

/* ============ 折叠 ============ */
.collapse{display:none}
.collapse.in{display:block}

/* ============ 图片缩放 ============ */
.img-zoom{cursor:crosshair}

/* ============ 浮动按钮 ============ */
#floatbtn{position:fixed;right:20px;bottom:50px;z-index:99}
#floatbtn a{display:block;width:48px;height:48px;background:#fff;color:#666;text-align:center;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:5px;font-size:12px;line-height:1.2;transition:all .2s}
#floatbtn a:hover{background:#e4393c;color:#fff;border-color:#e4393c}
#floatbtn .fa{font-size:18px;margin-top:8px;display:block}
#floatbtn em{font-style:normal;display:block;font-size:11px}

/* ============ Footer ============ */
.main-footer{background:#2a2a2a;color:#999;padding:30px 0;border-top:3px solid #e4393c;margin-top:30px}
.main-footer a{color:#999}
.main-footer a:hover{color:#fff}
.main-footer p{margin:0;line-height:2}
.footer{padding:20px 0;text-align:center;color:#999;font-size:12px}
.copyright{margin-top:10px}

/* ============ 响应式 ============ */
@media (max-width:1200px){
    .product-grid .product-item,.product-list .product-item{width:25%}
    .coupon-item{width:50%}
}
@media (max-width:992px){
    .product-grid .product-item,.product-list .product-item{width:33.3333%}
    .gallery-top{height:300px}
}
@media (max-width:768px){
    .header-header .brand{width:100%;text-align:center}
    .header-header .header-search{width:100%;margin-top:15px}
    .nav-item-topmenu{width:120px;font-size:14px}
    .top-menu{width:120px}
    .top-menu li a{padding:10px;font-size:12px}
    .nav-menu{display:none;position:absolute;top:50px;left:0;width:100%;background:#fff;height:auto;flex-direction:column;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:99}
    .nav-menu>li{width:100%;border-bottom:1px solid #f5f5f5}
    .nav-menu>li>a{padding:0 15px;line-height:44px}
    .nav-item-navmenu{display:block;margin-left:15px;color:#e4393c}
    .nav-toggle{display:block;position:absolute;right:15px;top:10px;width:40px;height:30px;padding:5px;background:#e4393c;border:none;border-radius:4px}
    .nav-toggle .icon-bar{display:block;width:22px;height:2px;background:#fff;margin:4px auto}
    .nav-collapse.in .nav-menu,.nav-collapse.collapse.in .nav-menu{display:flex}
    .nav-collapse.in .top-menu,.nav-collapse.collapse.in .top-menu{display:block;position:static;width:100%;box-shadow:none;border-left:none;border-right:none}
    .product-grid .product-item,.product-list .product-item{width:50%}
    .carousel-focus{height:360px}
    .carousel-text{padding:15px}
    .carousel-text h2{font-size:18px}
    .carousel-text p{font-size:12px}
    .header-search .btn-search{padding:0 14px;font-size:14px}
    .header-search .search-input{font-size:14px}
    .gallery-top{height:250px}
    .product-info{padding:15px}
    .product-info h1{font-size:18px}
    .product-info .price-line{padding:12px}
    .product-info .price-line .goods-price{font-size:26px}
    .product-cart-btn{display:flex;gap:10px;align-items:center}
    .product-cart-btn .btn,.product-cart-btn .btn-lg,.product-info .product-cart-btn .btn{display:inline-block;flex:1;width:auto;margin:0 !important;font-size:15px;padding:12px 8px;white-space:nowrap;box-sizing:border-box;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.08)}
    .product-cart-btn .btn:last-child{margin-bottom:0 !important}
    .coupon-item{width:100%}
    .cart-table th{display:none}
    .cart-table td{display:block;width:100%;text-align:center;border:none;border-bottom:1px solid #eee}
    .cart-table tr{display:block;border:1px solid #eee;margin-bottom:15px}
    .detail-content-wrap,.detail-content-wrap *{font-size:16px !important;line-height:1.6 !important}
    .detail-content-wrap p{margin-bottom:0 !important}
    .detail-content-wrap img{display:block;width:100%;height:auto;margin:0 !important;padding:0 !important}
    .detail-content-wrap br{display:none}
    .swiper-recommend{padding:0 12px}
    .swiper-recommend .swiper-slide{width:82vw;padding:6px}
}
@media (max-width:480px){
    .product-grid .product-item,.product-list .product-item{width:100%}
    .gallery-top{height:200px}
}

/* ============ 移动端商品详情整体 redesign ============ */
@media (max-width:768px){
    :root{
        --tea-primary:#c45c48;
        --tea-primary-dark:#a84a38;
        --tea-secondary:#5a7a55;
        --tea-bg:#faf9f6;
        --tea-card:#ffffff;
        --tea-text:#2c2c2c;
        --tea-text-muted:#888;
        --tea-border:#ece9e4;
        --tea-radius:12px;
        --tea-shadow:0 4px 16px rgba(0,0,0,.06);
    }

    body{background:var(--tea-bg)}

    /* 商品图 */
    .gallery-top{height:340px;border-radius:0 0 var(--tea-radius) var(--tea-radius);overflow:hidden;box-shadow:var(--tea-shadow)}
    .gallery-thumbs{margin:12px auto;width:92%}
    .gallery-thumbs .swiper-slide{border-radius:6px;border:2px solid transparent;background-size:cover}
    .gallery-thumbs .swiper-slide-active{border-color:var(--tea-primary)}

    /* 信息卡片 */
    .product-info{background:var(--tea-card);margin:-24px 12px 15px;padding:22px 18px;border-radius:var(--tea-radius);box-shadow:var(--tea-shadow);position:relative;z-index:2}
    .product-info h1{font-size:20px !important;font-weight:600 !important;color:var(--tea-text) !important;line-height:1.5 !important;margin:0 0 10px !important}
    .product-subtitle{color:var(--tea-text-muted) !important;font-size:13px !important;margin-bottom:16px !important}

    /* 价格区 */
    .product-price-line{display:flex;align-items:baseline;gap:10px;background:linear-gradient(135deg,#fff8f6 0%,#fff 100%);border:1px solid #f0e6e3;border-radius:10px;padding:14px;margin-bottom:16px}
    .product-price-symbol{font-size:16px;color:var(--tea-primary);font-weight:600}
    .product-price-line .goods-price{font-size:30px !important;font-weight:700 !important;color:var(--tea-primary) !important;line-height:1 !important}
    .product-market-price{font-size:13px !important;color:var(--tea-text-muted) !important}

    /* 规格/库存/数量 */
    .product-info .variations{background:transparent;box-shadow:none;margin:0;padding:0;border-radius:0}
    .product-info .variations .tr-item{display:flex;align-items:flex-start;margin-bottom:14px}
    .product-info .variations .tr-item:last-child{margin-bottom:0}
    .product-info .variations .label{width:64px;color:var(--tea-text-muted);font-size:14px;flex-shrink:0;padding-top:6px}
    .product-info .variations .value{flex:1;font-size:14px;color:var(--tea-text)}
    .goods-stocks{color:var(--tea-secondary);font-weight:500}

    .goods-spec-text{padding:0;margin:0;list-style:none}
    .goods-spec-text li{display:inline-block}
    .goods-spec-text li a{display:inline-block;padding:6px 14px;border:1px solid var(--tea-border);border-radius:20px;margin:0 8px 8px 0;font-size:13px;color:var(--tea-text);background:#fff;transition:all .2s}
    .goods-spec-text li a:hover,.goods-spec-text li.active a{border-color:var(--tea-primary);color:var(--tea-primary);background:#fff5f3}

    .quantity{border-color:var(--tea-border);border-radius:8px;height:40px}
    .quantity-down,.quantity-up{width:42px;height:40px;line-height:40px;background:#f9f7f4;font-size:16px}
    .quantity-text{width:55px;height:40px;font-size:15px}

    /* 按钮 */
    .product-cart-btn{margin:20px 12px;gap:12px}
    .product-cart-btn .btn{padding:14px 8px !important;font-size:15px !important;font-weight:500 !important;border-radius:10px !important;box-shadow:0 4px 12px rgba(196,92,72,.12) !important}
    .btn-buynow{background:linear-gradient(135deg,var(--tea-primary) 0%,var(--tea-primary-dark) 100%) !important;border:none !important;color:#fff !important;box-shadow:0 4px 14px rgba(196,92,72,.28) !important}
    .btn-cart{border:1px solid var(--tea-primary) !important;color:var(--tea-primary) !important;background:#fff !important}
    .btn-cart:hover{background:#fff5f3 !important}

    /* 收藏/分享 */
    .btn-collect,.btn-share{display:inline-flex !important;align-items:center;gap:5px;padding:8px 14px !important;border:1px solid var(--tea-border) !important;border-radius:20px !important;font-size:13px !important;color:var(--tea-text-muted) !important;background:#fff !important;margin:0 6px 15px 12px !important}
    .btn-share{margin-left:0 !important}
    .btn-collect i,.btn-share i{color:var(--tea-primary) !important}

    /* 标签页 */
    .nav-tabs{border:none !important;background:var(--tea-card);margin:0 12px 12px;border-radius:var(--tea-radius);box-shadow:var(--tea-shadow);padding:8px;display:flex}
    .nav-tabs li{flex:1;text-align:center;margin:0 !important}
    .nav-tabs li a{border:none !important;border-radius:8px !important;padding:12px 4px !important;font-size:13px !important;color:var(--tea-text-muted) !important;background:transparent !important;margin:0 !important}
    .nav-tabs li.active a{background:var(--tea-primary) !important;color:#fff !important;font-weight:500}

    /* 标签内容 */
    .tab-content{background:var(--tea-card);margin:0 12px 20px;border-radius:var(--tea-radius);box-shadow:var(--tea-shadow);padding:16px}
    .detail-content{background:transparent;padding:0;margin:0;border-radius:0}
    .detail-content-wrap,.detail-content-wrap *{font-size:15px !important;line-height:1.7 !important;color:var(--tea-text) !important}
    .detail-content-wrap img{display:block;width:100%;height:auto;border-radius:8px;margin:0 !important;padding:0 !important}
    .detail-content-wrap p{margin:0 !important;padding:0 !important}
    .detail-content-wrap br{display:none}
    .detail-content-wrap span{display:block;margin:0 !important;padding:0 !important}
}