@charset "utf-8";
/*
 * FOR:商品详情
 * ------------------------------
 */


/*清除浮动*/
.clearfix:after,.sku-choose .choose-amount:after,.onsale-list:after,.summary-price:after,.comment-tabs:after{content:'';display:block;height:0;clear:both;visibility:hidden;}

/* 外部容器 */
.page-detail{background-color: #f6f6f6;}


/* flex */
.sys-head .detail-tabs,.detail-intro .intro-cell,.sku-choose .sku-cell,.foot-panel .page-foot,.comment-item,.detail-coupon .coupon-cell,.detail-coupon .sv-list ul,.coupon-pop .coupon-item,.coupon-item .coupon-ft,.detail-summary .summary-meta,.detail-summary .summary-main{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;}
.sys-head .detail-tabs li,.detail-intro .intro-cell .cell-bd,.sku-choose .sku-cell-bd,.foot-panel .page-foot .foot-info,.sys-head .hd-nav-drop .nav-item,.comment-item .item-bd,.detail-coupon .coupon-cell .cell-bd,.detail-coupon .sv-list li,.coupon-pop .coupon-item .item-bd,.coupon-item .coupon-time,.detail-summary .summary-meta li,.detail-summary .summary-cont{-webkit-box-flex:1;-webkit-flex:1;flex:1;}


/* 图标 */
.sys-head .top-ico-search{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAAdVBMVEUAAABmZmZnZ2doaGhmZmZoaGhmZmZoaGhnZ2dmZmZnZ2dzc3OAgIBqampmZmZmZmZmZmZnZ2dmZmZnZ2dqampnZ2doaGhmZmZmZmZmZmZmZmZmZmZnZ2dqampxcXFmZmZnZ2dmZmZoaGhnZ2dnZ2dnZ2dmZma3KAeMAAAAJnRSTlMA9Wo67kziIcWJZwgEFN3Uu3ZtWyekQ+jNqpqBcRgRk5JWNCvndwnzrYQAAAIUSURBVFjD7ZfbkoIwDIaplGMRRJCTiKe17/+ISwrjuIKSgHvhTP8rlZ+PpkkTMbS0tLS0/shJTm7IJbOLXW0GnyCu60I+Kj9dFiM9JgfamIuYPpOj2jWzkYdNz+C7+mymF8v3Itnpx5rJTG0JYlUWPPwY2x12NYtpcgkqnaffRdxd8OasU91qj+WkKRX1Rt9PFaV7GL+6V9SECt2o0MWry2e12w6xltQ6xWvDVhkCUs0z2M/DO0sFVJ8C9eCO9+cmiOC5AXGh5YTJIlZrjcoC5DLCQ6EvVdOnQ7a6ovsnuLNpH5TyHgtNoIcgUnCENoiFnqC5IXwZPBwLdVtzjfA1shX2VIWt94wxMlXNOHHwYp+O7dYQVYrdJ2hV2KhQIzMirNTGejlhTwtk/xGU7O+QEygFqMD2E2SniFtfgZ6jyPS7lJka5K07np6NXd+hHH5bYMYDF2joRSKW6jDofMQBzZvpGmFr+ERJVTk9oo4GRaWciO0KwedrErT5kW/73zqUuLM8jE5uX61TMSuDqpWiVsHoE5lE1Md4GYKiYYgO5L0PhKzb6GvDAV4tFlCT/nb7mHU1K9LY7XFVPJfqAKITC92I37/l7aZs5/71D3xbDsWOUJ9zqYBdRU9IvgfkEirout/cAy+8TDyVHVDnyTGtxDKdDoig0vT1VP+LqMmHqb46ZMY/UEPj00ryMDO0tLS0tAzjF61fVyAGDaD3AAAAAElFTkSuQmCC);}
.detail-summary .summary-ft .act-item .ico-fav{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAAkFBMVEUAAAB3d3dmZmZvb29mZmZ5eXlubm5nZ2dmZmZnZ2dnZ2dpaWlmZmZnZ2doaGhnZ2dpaWlnZ2dmZmZmZmZmZmZnZ2dnZ2dmZmZnZ2dmZmZqamppaWlnZ2dmZmZnZ2dqampnZ2doaGhqampmZmZmZmZmZmZnZ2dra2tmZmZnZ2doaGhnZ2dpaWloaGhnZ2dmZmaF7kp+AAAAL3RSTlMABfoO9gcK8ZCDOSCzp0MpEuytmZSMfOLJnzQuiHNdHekkF+fXwboa3WNVz0xtah+ln98AAALQSURBVFjD7ZbXmqJAEIWlyRkESQoiSQwz5/3fbnFkaNzRRthvr3brxrbD36eqqILVv2GcphiGr4l/QPAFdCbvljMCAIQA8LmFhG0OrDXNJ3CTpW4Asdj9eoC3TIadw93SwRIRSn95J2ehjEMJOemD4iK3FyA2QNxffYuGws0XEQ4iOhkyyvkydoApDnGJgc1cgh5C0OjfREZ4mIlQqYiFMvYtBGs8oXUy9LnVsZbGE6IJqG8flwrdakGsx1lNQGvphcQ+Kzp6kqlxU8kAjGEzlQG5akw103TnCcmxz0FsXFz0NoigZgnDontp4uBsO+Plc03XIbS1uQnEH/5lO7OuxvuaK83YSb7fHEZr5cM6FPwrV/niYH0q67old0jKfVd1CVReerWPPPdWDfNH+5r6LWjx7YB6v5ptewNQ+nE31BY1RsCgiEVNySZo+qEPxPx8Am8AHn3+iSLNJUgBoXXE7QiIKs0kqLdD3JCl29+dNJvgc79NbPgZBHopdWwWg6euPzKg8G8SNk+DJwYCZUwRABJQAmWkBPD5NwgKJfxgCIDHTxJ8QAjEFxX4xXCmCSQVX1bxR8eI2QgPECjhGUOGrDMr3O0IHHNHiAvTEydCzn6fJASGyOxY66nmkgHK5DfDaep9/slGnABlmUzqKrDmWEmP4OoTTbdE5Cxep7csVkl9XRwrGvF5GXOcn3n32SKTR8+zKMoei3fLfPqcCOV+3MquDQFQn8eQI7MGdHecENEyCL6MGJZEhdWsStRGCeESUwBwOZ0iAIKpDZkyAesl4jwkhLM9GUCVFqtVkVYA5HjLDTHPWAjz/vWs5ABCdd+7H7QAXOX+8RqzELoLOePFQg0B5N0JurIpv5hHkT93mw7MpAq1cQPI3rfuB89CoxGAmNFSigYAjR41Gt/OouOKYcWuIijX1tNrRMvMQapNR2DacbvVX7d4PbH3q//2N+0XXpdaCIG2LhkAAAAASUVORK5CYII=);}
.detail-summary .summary-ft .act-item.fav-active .ico-fav{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAzCAMAAADrVgtcAAAAmVBMVEUAAAD/2AD/zgD/zwD/zwD/1gD/3wD/zwD/zwD/zwD/zwD/0AD/1wD/zwD/0AD/zwD/zwD/zwD/zwD/zwD/zwD/zwD/zwD/0AD/0QD/0AD/0gD/zwD/zwD/zgD/0AD/zwD/zwD/0AD/0QD/0QD/0gD/0gD/4gD//wD//wD/zgD/zwD/zwD/zgD/1AD/0AD/0AD/zwD/1QD/zgDwYKeeAAAAMnRSTlMADPzLwQ8Jz7uhXEMSxFP58ujVr6V/eFhKPi3r28edjoVxOzYzKQYCAeG2fWMXg2IgHo8MUXcAAAFmSURBVEjHndXXcoMwEEDRBWEw3XQb9xrXlP3/jwtxsAlkg7S5r5qDRjOLBH+nacBvIhAtl6s2OlbpTHeM8d7shcUCrHNYzHqwmLPdGJ8VDCYaZh05mzUFysz/yYSqcrHVWJEZbTZXHCvs5CqxYZcZ/M3kpxvsiiwVIyQaiTRztoPO3O6DfOFHKG3q23lQ1uPmRMgqut4Vsnur2InPIgAP/9ENDiFfhSbAgs9SANAsrooHUOUJnrK8ejwEV9Vurq6EB880X1m1BlMz1NS8Unzna9DJHMqVUSm+G5pAdDhLFVnQzwqgy/rZCujSfpYAXdzPZrQ66P1MN0lWoqQdyQoZc0i2krElyRIZO5NsJmMnSpk6ytIItute+Ov1FNttCea035jXAYCWtd+fK8Eu2BQub3DPW4aSqcybcbDf4dnHojnzhWD7x3JSdhaSx+dKIFrjV8YGfrX9/vFzINvYhu0CmVstTaDpE+xkFv+AqUOhAAAAAElFTkSuQmCC);}
.detail-summary .summary-ft .act-item .ico-share{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAAflBMVEUAAABmZmZmZmZnZ2doaGhnZ2dnZ2dmZmZsbGxnZ2doaGh0dHRmZmZnZ2doaGhmZmZmZmZmZmZra2tmZmZnZ2doaGhnZ2dmZmZmZmZnZ2eqqqpnZ2dnZ2dmZmZnZ2dnZ2dnZ2dnZ2doaGhoaGhqampsbGyAgICAgIBnZ2dmZmZrI1w6AAAAKXRSTlMA3/q4G/j04Q3JTge+fi7w0uwl5apANtaKcwOynpiDamNeSDspFwQCo9F85iYAAAFqSURBVFjD7dbHjoMwFEDRB6SYGmp6r3P//wcHMZGCMjiAvJhZcNfW8dOTLFmGhv649dYNUzOioCwOr/K5cx5Pa1lLeaUcqhZhpAfUlvduUusaLp7KfqQhcsomtWa7tzs890lbzYIHk6MSXf5xM4bPRAAnPXCYUjV1gUSzjoTxXSccK2C685QqidlcmrN148kooGxzfoiooBL6El4CONXsfilMLtKXONiQeFIJTikU0pfYA85NqrYwLqQvsQJ2a/kpwz5LX+IEhK+t5IX0JeY2LKVeX0JZ8CVGRA6xb0JUr+YqJoRvwUGMiBDchxGhEpiLERHCRnSly6id8DOItETAop04QSDaLMbtRACeGZFCtjYjVrAUMyKAuRmhbBIxIwrIDYl0gmdIyCgSQ6JsIAbi/xAzZqKp62EXLl2FC7jNPwkr6iZEFqzkd3cX7NjpUGyDu26y05jOxak05u8zOpWFvmhTow4pGRpq7RsdSTvtX10SSAAAAABJRU5ErkJggg==);}
.detail-coupon .coupon-cell .ico-dot{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAMFBMVEUAAADNzc2ampqCg43Nzc2ZmZmChI/Nzc2ZmZmBg47MzMyampqChI7MzMyZmZmBg402mU0dAAAADXRSTlMAzMzMdnZ28/Pzv7+/6SgnLAAAAHxJREFUSMdjGAWjYBSMAhoAFnERGDOoKQDKYrM0Q1G09u7dBRAW97t3r6GC5///P4Bs0N27d69AmHHv3r0LgBj0////b0iKGIGKLkKYekBFCmAWM1DRZyRF7EBF1yHMPqCiBjCLE6joJ2kmEXYTYd8RDqdRMApGwSgYBgAAuYpMUaHF4MIAAAAASUVORK5CYII=);}
.coupon-pop .pop-close{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEUAAAC7u7u9vb28vLy8vLy8vLy8vLy7u7umysnrAAAAB3RSTlMA9D7KsDUXODoAswAAALFJREFUOMt11EsKg1AMheFQ6AZuKZ3aJXTUHbTTdg9uQBSyfUUCB3L4Heh9+Pm4N0nMt1/YcX194pvDJ565xSOXqY9fjsF4p4hArvFPEYG8n+dhYJnq0sHQ1UA1DKhloJoNqO1AHd3UuIHqOqh+ByINiAh0ItBIAScFnBRwItCJgE/go/jl+Ln8g7gkvIi47LxRuLUcDBg+HHAYohzUmAacOJhqmJyYzlgAsGRgkcGytAOVTnj/7eRkIwAAAABJRU5ErkJggg==);}
.sku-choose .choose-amount .btn-decrease{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAgMAAACf9p+rAAAADFBMVEUAAAAzMzMzMzMzMzNb+58lAAAABHRSTlMA46vHUMQ6UgAAAC1JREFUSMdjGAWjYBSMAiyAaxUUrA0NrYKxFwAlWEOxgICRIDEKRsEoGAVEAwBMWFLWZdU5UQAAAABJRU5ErkJggg==);}
.sku-choose .choose-amount .btn-increase{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgBAMAAAAQtmoLAAAAHlBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzOYOQtZAAAACnRSTlMA425rqzjHqRwbj2A5WwAAAFdJREFUWMNjGAUw0BoKBJEkaFAUBALhUQ2jGkY1jGoY1TCqYahrKHFBB4kgDWIYwu5QDYJEg1ENQ1vDIEytoxpGNYxqGNUwqmFUA400BCkBgSrDKCAXAACOpEtUGKReeAAAAABJRU5ErkJggg==);}


/* ------------------------------------------
 * 顶部
 * ------------------------------------------ */
.page-detail {padding-top: 3.13rem;}
.page-detail .sys-head {position: fixed;left: 0;top: 0;width: 100%; background: linear-gradient(135deg, #019C50 0%, #01B05A 100%); box-shadow: none;}
.page-detail .sys-head .sys-top-bar{background: transparent; box-shadow: none;}
.page-detail .sys-head .go-back{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E"); background-size: 1.2rem; background-position: center; background-repeat: no-repeat;}
.page-detail .sys-head .top-ico-search{filter: brightness(0) invert(1);}
.page-detail .sys-head .top-ico-nav{filter: brightness(0) invert(1);}
.sys-head .detail-tabs{}
.sys-head .detail-tabs li{font-size: .94rem;text-align: center;}
.sys-head .detail-tabs li a{display: inline-block;position: relative;padding: 0 .5rem; color: rgba(255,255,255,0.8);}
.sys-head .detail-tabs li a:before{content: '';display: block;width: 0%;height: .19rem;background: #fff;box-shadow: 0 2px 4px rgba(255,255,255,0.3);position: absolute;left: 50%;bottom: 0;border-radius: 1.38rem;}
.sys-head .detail-tabs li.active a{color: #fff; font-weight: 600;}
.sys-head .detail-tabs li.active a:before{width: 100%;left: 0;}


/* ------------------------------------------
 * 商品
 * ------------------------------------------ */
.detail-panel{background-color: #fff;box-shadow: 0 2px 6px 0 rgba(114,114,114,0.10);padding: .94rem;margin-bottom: .75rem;}
.detail-panel .panel-hd{border-bottom: 1px solid #eee;margin-right: -.94rem;padding-right: .94rem;padding-bottom: .94rem;line-height: 1.31rem;}
.detail-panel .panel-hd .hd-title{display: inline;font-weight: normal;font-size: .94rem;}
.detail-panel .panel-hd .hd-desc{display: inline;font-size: .94rem;}
.detail-panel .panel-bd{padding: .94rem 0;}
.detail-summary {padding-right: 0;}
.detail-summary .summary-cont{}
.detail-summary .summary-ft{width: 4.5rem;text-align: center;}
.detail-summary .summary-ft .act-item{display: block;margin-top: .15rem;color: #666;}
.detail-summary .summary-ft .act-item .item-ico{display: inline-block;width: 1.35rem;height: 1.35rem;background-repeat: no-repeat;-webkit-background-size: contain;background-size: contain;vertical-align: middle;}
.detail-summary .summary-ft .act-item .item-txt{display: block;font-size: .75rem;line-height: .95rem;padding-top: .12rem;}
.detail-summary .summary-ft .act-item+.act-item{margin-top: 1.18rem;}
.detail-summary .summary-title{font-size: 1.06rem;line-height: 1.5rem;font-weight: normal;}
.detail-summary .summary-desc{font-size: .81rem;font-weight: normal;color:#FF4448;padding-top: .15rem;}
.detail-summary .summary-price{padding-top: .81rem;}
.detail-summary .summary-price .sys-badge{display: inline-block;vertical-align: top;}
.detail-summary .summary-price .pd-price{display: inline;display: inline-block;padding-left: .25rem;}
.detail-summary .summary-price .pd-price .price-ico,.detail-summary .summary-price .pd-price .price-amount{line-height: 1.15rem;}
.detail-summary .summary-meta{font-size: .75rem;padding-top: 1.25rem;}
.detail-summary .summary-meta,.detail-summary .summary-meta a{color: #999;}
.detail-summary .summary-meta li{text-align: center;}
.detail-summary .summary-meta li:first-child{-webkit-box-flex:1.8;-webkit-flex:1.8;flex:1.8;text-align: left;}


/* 商品大图 */
.detail-view{position: relative;padding: 50% 0;overflow: hidden;background-color: #f2f2f2;}
.detail-view .gallery-slides{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.gallery-slides .banner-item {display: block;position: relative;background-color: #fff;}
.gallery-slides .banner-item .banner-img,.gallery-slides .banner-item .banner-img img{display: block;width: 23.44rem;width: 100%;height:22.5rem!important;}
.gallery-slides .swiper-page{width: 100%;position: absolute;left: 0;bottom: .45rem;text-align: center;z-index: 2;}
.detail-view .loading-ico{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);opacity: .6;}


/* 优惠�?*/
.detail-coupon{padding:0 0 0 .94rem;}
.detail-coupon .coupon-cell{padding: 1.06rem .94rem 1.06rem 0;border-bottom: 1px solid #ddd;}
.detail-coupon .coupon-cell .cell-hd{padding-right: .94rem;color: #81838D;}
.detail-coupon .coupon-cell .sys-badge{border-radius: 0;height: 1.31rem;line-height: 1.4rem;font-size: .61rem;margin-right: .53rem;padding: 0 .25rem;overflow: hidden;}
.detail-coupon .coupon-cell .cell-ft{text-align: right;color: #999;}
.detail-coupon .coupon-cell .ico-dot{display: inline-block;width: 1.5rem;height: 1.5rem;background-position: center;background-repeat: no-repeat;-webkit-background-size: contain;background-size: contain;vertical-align: middle;}
.detail-coupon .coupon-cell .coupon-num{color: #999;vertical-align: middle;}
.detail-coupon .sv-list{padding: 1rem 0;}
.detail-coupon .sv-list li,.detail-coupon .sv-list li a{color: #81838D;}
.detail-coupon .sv-list li{padding: .15rem 0;}
.detail-coupon .sv-list .sv-label{padding-left: .15rem;vertical-align: middle;}
.detail-coupon .sm-txt-ico{display: inline-block;width: 1rem;height: 1rem;vertical-align: middle;background-repeat: no-repeat;-webkit-background-size: contain;background-size: contain;}
.coupon-pop{width: 100%;padding: .94rem;background-color: #f7f7f7;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 9;position: fixed;left: 0;bottom: 0;visibility: hidden;opacity: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);}
.coupon-pop .pop-hd{font-size: 1.31rem;font-size: .94rem;text-align: center;padding: 0 0 .5rem;font-weight: bold;}
.coupon-pop .pop-title{color: #81838D;font-size: .94rem;font-weight: normal;margin-bottom: .63rem;}
.coupon-pop .coupon-list {overflow: hidden;overflow-y: auto;max-height: -webkit-calc(100vh - 10rem);max-height: calc(100vh - 10rem);}
.coupon-pop .coupon-item {margin-bottom: .63rem;}
.coupon-pop .coupon-item .item-hd{width: 6rem;padding: .35rem 0 .75rem;text-align: center;color: #fff;
	background-image: -webkit-linear-gradient(41deg, #FF4347 19%, #FF8050 100%);background-image: -o-linear-gradient(41deg, #FF4347 19%, #FF8050 100%);background-image: linear-gradient(41deg, #FF4347 19%, #FF8050 100%);border-radius: 2px 0 0 2px;}
.coupon-pop .coupon-item .coupon-price{display: block;height: 3.13rem;line-height: 3.13rem;}
.coupon-pop .coupon-item .price-num{font-size: 2.25rem;}
.coupon-pop .coupon-item .price-ico{font-size: 1rem;}
.coupon-pop .coupon-item .coupon-scope{display: block;font-size: .75rem;}
.coupon-pop .coupon-item .item-bd{background-color: #fff;border: 1px solid #ddd;border-radius: 0 2px 2px 0;padding: .63rem;}
.coupon-pop .coupon-item .coupon-name{display: block;font-size: .81rem;font-weight: normal;padding-top: .5rem;}
.coupon-pop .coupon-item .coupon-ft{padding-top: 1.13rem;-webkit-box-align:center; -moz-align-items:center; -webkit-align-items:center; align-items:center;}
.coupon-pop .coupon-item .coupon-time{color: #999;font-size: .65rem;font-family: Arial;}
.coupon-pop .coupon-item .sys-btn{height: auto;line-height: 1.31rem;font-size: .75rem;padding: 0 .5rem;}
.coupon-pop .coupon-item:active .sys-btn{border-color: #FA5741;background-color: #FA5741;color: #fff!important;}
.coupon-pop .pop-close{display: block;width: 1.25rem;height: 1.25rem;background-position: center;background-repeat: no-repeat;-webkit-background-size: 1.1rem auto;background-size: 1.1rem auto;position: absolute;right: .94rem;top: 1.06rem;}
.coupon-pop.active{visibility: visible;opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}

/* 商品规格选择 */
.sku-choose{}
.sku-choose .sku-cell{padding-bottom: .75rem;line-height: 1.88rem;}
.sku-choose .sku-cell:last-child{padding-bottom: 0;}
.sku-choose .sku-cell-hd{display: block;width: 3.5em;color: #81838D;}
.sku-choose .sku-cell-bd{}
.sku-choose .sku-radio-list{margin-bottom: -.25rem;}
.sku-choose .option-radio,.sku-choose .option-checkbox{display: inline-block;margin-bottom: .75rem;margin-right: .75rem;line-height: 1.88rem;padding: 0 .94rem;border: 1px solid #bbb;border-radius: .13rem;}
.sku-choose .option-radio.checked,.sku-choose .option-checkbox.checked{color: #FA5741;border-color: #FA5741;}
.sku-choose .choose-amount .btn-decrease,.sku-choose .choose-amount .btn-increase{display: inline-block;width: 2.13rem;height: 1.88rem;line-height: 1.88rem;text-align: center;border: 1px solid #ddd;background-color: #f7f7f7;background-position: center;background-repeat: no-repeat;-webkit-background-size: auto 55%;background-size: auto 55%;-webkit-box-sizing: border-box;box-sizing: border-box;float: left;border-radius: 0 .15rem .15rem 0;}
.sku-choose .choose-amount .btn-decrease{margin-right: -1px;position: relative;border-radius: .15rem 0 0 .15rem;}
.sku-choose .choose-amount .ipt-amount{display: inline-block;width: 2.78rem;height: 1.88rem;text-align: center;line-height: 1.88rem;line-height:normal;border: 1px solid #ddd;-webkit-box-sizing: border-box;box-sizing: border-box;margin-right: -1px;float: left;-webkit-appearance:none;border-radius: 0;}
.sku-choose .choose-amount .disabled{opacity: .5;}

/* 说明�?*/
.detail-intro{}
.detail-intro .intro-hd{text-align: center;padding-bottom: .75rem;}
.detail-intro .intro-hd .hd-title{font-size: .94rem;font-weight: normal;}
.detail-intro .intro-hd .hd-desc{display: block;font-size: .75rem;color: #999;}
.detail-intro .intro-bd{border-top: 1px solid #eee;padding-top: .81rem;}
.detail-intro .intro-cell{line-height: 2;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;}
.detail-intro .intro-cell .cell-hd{width: 5em;padding-right: .5em;}
.detail-intro .intro-cell .cell-bd{color: #666;}

/* 图文详情 */
.detail-article { user-select:none; }
.detail-article img{width: 100%;}
.product-evalution[data-v-a90c5124]{background:#fff}
.product-evalution .evaluation-head[data-v-a90c5124]{display:flex;align-items:center;font-size:.8rem;padding-right:.12rem}
.product-evalution .evaluation-head span[data-v-a90c5124]{flex:0 1 auto}
.product-evalution .evaluation-head span.label[data-v-a90c5124]{flex:auto;padding:.27rem .48rem;font-size:.28rem;position:relative;font-weight:700}
.product-evalution .evaluation-head span.label[data-v-a90c5124]:before{content:"";position:absolute;left:.14rem;width:4px;height:.72rem;background:#3fadff;top:50%;transform:translateY(-50%);border-radius:2px}
.product-evalution .evaluation-head span em[data-v-a90c5124]{font-style:normal;color:red}
.product-evalution .evaluation-head i[data-v-a90c5124]{font-size:.4rem;font-weight:700;color:#666;flex:0 0 0.2rem}
.product-evalution .evaluation-body .loading[data-v-a90c5124],.product-evalution .evaluation-body .no-data[data-v-a90c5124]{text-align:center;padding:.4rem 0 .6rem}
.product-evalution .evaluation-body .evaluation-item[data-v-a90c5124]{padding:0 .24rem .6rem}
.product-evalution .evaluation-body .evaluation-item[data-v-a90c5124]:last-of-type{padding:0 .24rem .24rem}
.product-evalution .evaluation-foot[data-v-a90c5124]{text-align:center;padding:.3rem 0 .4rem}
.product-evalution .evaluation-foot button[data-v-a90c5124]{background:#fff;border:1px solid #ccc;height:30px;border-radius:15px;padding:0 .15rem}


.evalution-item .eva-head[data-v-2da8b8ca]{display:flex;align-items:center;margin-bottom:.2rem}
.evalution-item .eva-head .eva-name[data-v-2da8b8ca]{flex:auto}
.evalution-item .eva-head .eva-name img[data-v-2da8b8ca]{width:40px;float:left;margin-right:.1rem;border-radius:50%;overflow:hidden}
.evalution-item .eva-head .eva-name p[data-v-2da8b8ca]{margin-top:6px;font-size:13px}
.evalution-item .eva-head .eva-time[data-v-2da8b8ca]{flex:0 0 auto;font-size:12px;color:#999}
.evalution-item .eva-contant .eva-text[data-v-2da8b8ca]{line-height:1.5;margin-bottom:.1rem}
.evalution-item .eva-contant .eva-text-reply[data-v-2da8b8ca]{line-height:1.2;margin-bottom:.1rem;color:#169ADA;padding-top: 0.3rem;}
.evalution-item .eva-contant .eva-images[data-v-2da8b8ca]{display:flex}
.evalution-item .eva-contant .eva-images.less span[data-v-2da8b8ca]{display:inline-block;flex:0 3.5rem;width:3.5rem;height:3.5rem}
.evalution-item .eva-contant .eva-images span[data-v-2da8b8ca]{display:inline-block;flex:0 2.2rem;width:2.2rem;height:2.2rem;overflow:hidden;margin-right:.2rem;background:#f5f5f5;position:relative}
.evalution-item .eva-contant .eva-images span[data-v-2da8b8ca]:last-of-type{margin-right:0}
.evalution-item .eva-contant .eva-images span img[data-v-2da8b8ca]{width:100%;position:absolute;top:50%;transform:translateY(-50%)}

.star[data-v-e67acf0a]{padding-right:.1rem}
.star.whole i[data-v-e67acf0a]{color:#f5a623}
.star.half i[data-v-e67acf0a]{background-image:-webkit-linear-gradient(left,#f5a623 50%,#ccc 0);-webkit-text-fill-color:transparent;-webkit-background-clip:text}
.star i[data-v-e67acf0a]{color:#ccc}
.bind-account-list .user-item .item-label .iconfont[data-v-68eba7aa]{font-size:22px;vertical-align:middle}
.search-bar .info .info-login .iconfont[data-v-5a41a726]{font-size:.35rem}
.iconfont{font-family:iconfont!important;font-size:26px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-star-score-on:before{ content: '�?;font-family: FontAwesome;}
/* ------------------------------------------
 * 商品评论
 * ------------------------------------------ */
.detail-comment .panel-bd{padding: 0 0 .2rem;}
.comment-tabs{padding-top: 1.06rem;margin-right: -.94rem;border-bottom: 1px solid #ddd;}
.comment-tabs .cmt-tab{display: inline-block;height: 1.63rem;line-height: 1.63rem;background-color: #f6f6f6;border: 1px solid #f6f6f6;border-radius: 6.25rem;padding: 0 .63rem;margin-right: .25rem;margin-bottom: .53rem;color: #666;font-size: .75rem;float: left;}
.comment-tabs .cmt-tab.active{border-color: #FA5741;color: #FA5741;background-color: transparent;}
.comment-list{}
.comment-item {padding: 1.25rem .94rem 1.25rem 0;margin-right: -.94rem;border-bottom: 1px solid #ddd;}
.comment-item .item-hd{width: 2rem;}
.comment-item .item-hd .user-img,.comment-item .item-hd .user-img img{display: block;width: 2rem;height: 2rem;border-radius: 50%;}
.comment-item .item-bd{padding-left: .63rem;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;}
.comment-item .cmt-meta{display: block;height: 1rem;line-height: 1rem;}
.comment-item .cmt-meta .meta-name{float: left;}
.comment-item .cmt-meta .meta-time{display: block;text-align: right;font-size: .75rem;color: #999;}
.comment-item .cmt-credit{display: block;padding-top: .4rem;}
.comment-item .cmt-cont{padding-top: .63rem;line-height: 1.38rem;}
.comment-item .cmt-reply{padding-top: .63rem;}
.comment-item .cmt-reply dt{display: block;line-height: 1.38rem;color: #FA5741;}
.comment-item .cmt-reply dd{line-height: 1.25rem;}
.comment-foot{text-align: center;padding-top: 1.25rem;}
.comment-foot .btn-cmt-more{height: auto;line-height: 1.88rem;}


/* ------------------------------------------
 * 商品评论-弹出�?
 * ------------------------------------------ */
.comment-page{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;overflow: hidden;background-color: #fff;height: 100%;width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 9;opacity: 0;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.comment-page .sys-head{position: relative;}
.comment-page .sys-top-bar{box-sizing: border-box;padding-right: 3.13rem;}
.comment-page .sys-top-bar .top-title{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align: center;font-size: .94rem;font-weight: normal;}
.comment-page .comment-tabs{padding-left: .94rem;padding-right: 0;}
.comment-page .comment-body{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow: auto;padding-left: .94rem;}
.comment-page .comment-item{box-sizing: border-box;margin-right: 0;}
.comment-show{overflow: hidden;}
.comment-show .comment-page{opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}



/* ------------------------------------------
 * 同类热销
 * ------------------------------------------ */
.detail-onsale .panel-bd{padding: .63rem 0 0;}
.detail-onsale .onsale-list ul{margin: 0 -.78rem;}
.detail-onsale .onsale-list li{width: 50%;margin: 0 0 .78rem;float: left;padding: 0 .78rem;-webkit-box-sizing: border-box;box-sizing: border-box;}
.detail-onsale .onsale-item{display: block;text-align: center;}
.detail-onsale .onsale-item .item-img,.detail-onsale .onsale-item .item-img a,.detail-onsale .onsale-item .item-img img {display: block;width: 10rem;height: 10rem;max-width: 100%;}
.detail-onsale .onsale-item .item-img{margin: 0 auto;}
.detail-onsale .onsale-item .item-tit {display: block;height: 1.31rem;font-size: .94rem;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.detail-onsale .onsale-item .item-price{line-height: 1.31rem;padding-top: .24rem;}
.detail-onsale .onsale-item .pd-price .price-ico,.detail-onsale .onsale-item .pd-price .price-amount{font-size: .94rem;}


/* ============================================================
 * 现代化商城风�?- 详情页样式优�?
 * ============================================================ */

/* CSS变量 */
:root {
	--primary-color: #019C50;
	--primary-light: #01B05A;
	--primary-gradient: linear-gradient(135deg, #019C50 0%, #01B05A 100%);
	--accent-color: #FF5556;
	--accent-gradient: linear-gradient(135deg, #FF5556 0%, #FF7B7C 100%);
	--bg-color: #F7F8FA;
	--card-bg: #FFFFFF;
	--border-color: #EBEDF0;
	--text-primary: #323233;
	--text-secondary: #969799;
	--radius-small: 8px;
	--radius-medium: 12px;
	--radius-large: 16px;
	--shadow-light: 0 2px 12px rgba(25, 137, 250, 0.1);
}

/* 页面背景 */
.page-detail{
	background-color: #F7F8FA !important;
}

/* 详情面板现代�?*/
.page-detail .detail-panel{
	background-color: #fff !important;
	box-shadow: 0 2px 12px rgba(25, 137, 250, 0.1) !important;
	padding: .3rem !important;
	margin: 0 .2rem .2rem !important;
	border-radius: 12px !important;
}

/* 商品图片区域 */
.page-detail .detail-view{
	margin: 0 !important;
	border-radius: 0 !important;
	overflow: hidden !important;
	box-shadow: none !important;
}
.page-detail .gallery-slides .banner-item{
	background-color: #fff !important;
}
.page-detail .gallery-slides .swiper-page .swiper-pagination-bullet{
	background: rgba(0, 0, 0, 0.3) !important;
	opacity: 1 !important;
}
.page-detail .gallery-slides .swiper-page .swiper-pagination-bullet-active{
	background: #019C50 !important;
	width: .4rem !important;
	border-radius: .1rem !important;
}

/* 商品信息区域 - 保持原有大小 */
.page-detail .detail-summary{
	padding: .94rem !important;
	background: #fff !important;
	margin-bottom: .75rem !important;
}
.page-detail .detail-summary .summary-title{
	font-size: 1.06rem !important;
	line-height: 1.5rem !important;
	font-weight: normal !important;
	color: #323233 !important;
}
.page-detail .detail-summary .summary-title img{
	height: 1.2rem !important;
	vertical-align: middle !important;
	margin-right: .2rem !important;
}

/* 价格区域现代�?- 保持原有大小 */
.page-detail .detail-summary .summary-price{
	padding-top: .81rem !important;
	display: flex !important;
	align-items: center !important;
}
.page-detail .detail-summary .summary-price .sys-badge{
	padding: .15rem .25rem !important;
	background: linear-gradient(135deg, #FF5556 0%, #FF7B7C 100%) !important;
	background-image: linear-gradient(135deg, #FF5556 0%, #FF7B7C 100%) !important;
	color: #fff !important;
	font-size: .75rem !important;
	border-radius: .2rem !important;
	font-weight: 500 !important;
	height: auto !important;
	line-height: 1.4 !important;
}
.page-detail .detail-summary .summary-price .pd-price{
	display: inline-flex !important;
	align-items: baseline !important;
	padding-left: .25rem !important;
}
.page-detail .detail-summary .summary-price .pd-price .price-ico{
	font-size: .94rem !important;
	color: #FF5556 !important;
	font-style: normal !important;
}
.page-detail .detail-summary .summary-price .pd-price .price-amount{
	font-size: 1.5rem !important;
	color: #FF5556 !important;
	font-weight: 700 !important;
	line-height: 1.15rem !important;
}

/* 元信息行 - 保持原有大小 */
.detail-summary .summary-meta{
	padding-top: 1.25rem;
	font-size: .75rem;
}
.detail-summary .summary-meta li{
	color: #999;
}
.detail-summary .summary-meta li:first-child{
	text-align: left;
}

/* 规格选择�?- 保持原有大小 */
.page-detail .sku-choose{
	padding: .94rem !important;
	background: #fff !important;
	margin-bottom: .75rem !important;
}
.page-detail .sku-choose .sku-cell{
	padding-bottom: .75rem !important;
	line-height: 1.88rem !important;
}
.page-detail .sku-choose .sku-cell:last-child{
	padding-bottom: 0 !important;
}
.page-detail .sku-choose .sku-cell-hd{
	width: 3.5em !important;
	color: #81838D !important;
	font-size: inherit !important;
}
.page-detail .sku-choose .sku-radio-list{
	margin-bottom: -.25rem !important;
}
.page-detail .sku-choose .option-radio,
.page-detail .sku-choose .option-checkbox{
	margin-bottom: .75rem !important;
	margin-right: .75rem !important;
	padding: 0 .94rem !important;
	line-height: 1.88rem !important;
	border: 1px solid #bbb !important;
	border-radius: .13rem !important;
	font-size: inherit !important;
	background: transparent !important;
	transition: all 0.2s ease !important;
}
.page-detail .sku-choose .option-radio:active,
.page-detail .sku-choose .option-checkbox:active{
	transform: scale(0.96) !important;
}
.page-detail .sku-choose .option-radio.checked,
.page-detail .sku-choose .option-checkbox.checked{
	color: #019C50 !important;
	border-color: #019C50 !important;
	background: rgba(0, 200, 145, 0.08) !important;
}

/* 数量选择�?- 保持原有大小 */
.page-detail .sku-choose .choose-amount .btn-decrease,
.page-detail .sku-choose .choose-amount .btn-increase{
	width: 2.13rem !important;
	height: 1.88rem !important;
	line-height: 1.88rem !important;
	border: 1px solid #ddd !important;
	border-radius: .15rem !important;
	background-color: #f7f7f7 !important;
	background-size: auto 55% !important;
}
.page-detail .sku-choose .choose-amount .ipt-amount{
	width: 2.78rem !important;
	height: 1.88rem !important;
	line-height: 1.88rem !important;
	border: 1px solid #ddd !important;
	font-size: inherit !important;
}

/* 优惠券区�?- 保持原有大小，只改配�?*/
.page-detail .detail-coupon .coupon-cell .sys-badge{
	background: rgba(255, 85, 86, 0.1) !important;
	background-image: none !important;
	color: #FF5556 !important;
	box-shadow: none !important;
}

/* 优惠券弹出层 */
.coupon-pop{
	border-radius: var(--radius-large) var(--radius-large) 0 0;
	max-height: 70vh;
}
.coupon-pop .coupon-item{
	border-radius: var(--radius-medium);
	overflow: hidden;
	box-shadow: var(--shadow-light);
}
.coupon-pop .coupon-item .item-hd{
	background: var(--accent-gradient);
}

/* 说明书区�?*/
.detail-intro .intro-hd{
	padding: .3rem 0;
}
.detail-intro .intro-hd .hd-title{
	font-size: .3rem;
	font-weight: 600;
	color: var(--text-primary);
}
.detail-intro .intro-hd .hd-desc{
	font-size: .22rem;
	color: var(--text-secondary);
	margin-top: .1rem;
}
.detail-intro .intro-bd{
	border-top: 1px solid var(--border-color);
}
.detail-intro .intro-cell{
	padding: .2rem 0;
	border-bottom: 1px solid var(--border-color);
	font-size: .26rem;
}
.detail-intro .intro-cell:last-child{
	border-bottom: none;
}
.detail-intro .intro-cell .cell-hd{
	color: var(--text-secondary);
}
.detail-intro .intro-cell .cell-bd{
	color: var(--text-primary);
}

/* 评价区域 */
.product-evalution{
	margin: 0 .2rem .2rem;
	border-radius: var(--radius-medium);
	overflow: hidden;
}
.product-evalution .evaluation-head{
	padding: .3rem;
	background: var(--card-bg);
}
.product-evalution .evaluation-head span em{
	color: var(--accent-color);
}

/* 同类热销 */
.detail-onsale{
	margin: 0 .2rem;
}
.detail-onsale .panel-hd .hd-title{
	font-size: .3rem;
	font-weight: 600;
}
.detail-onsale .onsale-list li{
	padding: .15rem;
}
.detail-onsale .onsale-item{
	background: var(--card-bg);
	border-radius: var(--radius-medium);
	padding: .2rem;
	box-shadow: var(--shadow-light);
}
.detail-onsale .onsale-item .item-img img{
	border-radius: var(--radius-small);
}
.detail-onsale .onsale-item .item-tit{
	font-size: .24rem;
	height: auto;
	margin-top: .15rem;
}
.detail-onsale .onsale-item .pd-price .price-amount{
	color: var(--accent-color);
	font-weight: 600;
}

/* ========== 底部操作栏现代化 ========== */
.page-detail .foot-bar{
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: auto !important;
	background: #fff !important;
	display: flex !important;
	align-items: center !important;
	padding: .2rem .3rem !important;
	padding-bottom: calc(.2rem + env(safe-area-inset-bottom, 0)) !important;
	box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08) !important;
	z-index: 999 !important;
	box-sizing: border-box !important;
}
.page-detail .foot-bar .ico-btn-item{
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	padding: 0 .25rem !important;
	color: #969799 !important;
	vertical-align: middle !important;
}
.page-detail .foot-bar .ico-btn-item .item-ico{
	width: .44rem !important;
	height: .44rem !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	position: relative !important;
}
.page-detail .foot-bar .ico-btn-item .item-name{
	font-size: .2rem !important;
	margin-top: .08rem !important;
	display: block !important;
	padding-top: 0 !important;
	line-height: 1.2 !important;
}
.page-detail .foot-bar .ico-btn-item.active{
	color: #019C50 !important;
}
.page-detail .foot-bar .ico-btn-item.active .item-name{
	color: #019C50 !important;
}
/* 底部图标使用原始绿色精灵图，不需要伪元素遮挡 */
.page-detail .foot-bar .ico-btn-item .num-badge{
	position: absolute !important;
	top: -.1rem !important;
	right: -.15rem !important;
	left: auto !important;
	min-width: .3rem !important;
	height: .3rem !important;
	line-height: .3rem !important;
	padding: 0 .08rem !important;
	background: #FF5556 !important;
	color: #fff !important;
	font-size: .18rem !important;
	border-radius: 999px !important;
	text-align: center !important;
}
.page-detail .foot-bar .sys-btn{
	flex: 1 !important;
	display: block !important;
	height: .8rem !important;
	line-height: .8rem !important;
	text-align: center !important;
	border-radius: 999px !important;
	font-size: .28rem !important;
	font-weight: 500 !important;
	margin-left: .15rem !important;
	border: none !important;
	box-shadow: none !important;
	transition: all 0.2s ease !important;
	padding: 0 .3rem !important;
}
.page-detail .foot-bar .sys-btn:first-of-type{
	margin-left: .3rem !important;
}
.page-detail .foot-bar .sys-btn:active{
	transform: scale(0.98) !important;
	opacity: 0.9 !important;
}
/* 立即购买按钮 - 红色渐变 */
.page-detail .foot-bar .sys-btn:not(.sys-btn-info){
	background: linear-gradient(135deg, #FF5556 0%, #FF7B7C 100%) !important;
	background-image: linear-gradient(135deg, #FF5556 0%, #FF7B7C 100%) !important;
	color: #fff !important;
}
/* 加入购物车按�?- 绿色渐变 */
.page-detail .foot-bar .sys-btn.sys-btn-info{
	background: linear-gradient(135deg, #019C50 0%, #01B05A 100%) !important;
	background-image: linear-gradient(135deg, #019C50 0%, #01B05A 100%) !important;
	color: #fff !important;
}

/* 顶部样式已在上方修改 */

/* ================= 图片全屏预览（黑色背景） ================= */
html.img-preview-open,
body.img-preview-open{
	overflow: hidden !important;
	height: 100% !important;
}

.img-preview-modal{
	position: fixed !important;
	left: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	background: #000 !important;
	z-index: 2147483647 !important;
	display: none;
}
.img-preview-modal.active{display: block !important;}

.img-preview-modal .img-preview-top{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 3rem;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 .8rem;
	background: rgba(0,0,0,.35);
}

.img-preview-modal .img-preview-back{
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.img-preview-modal .img-preview-count{
	color: #fff;
	font-size: .9rem;
	line-height: 1;
}

.img-preview-modal .img-preview-swiper{
	width: 100%;
	height: 100%;
}

.img-preview-modal .img-preview-swiper .swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.img-preview-modal .img-preview-zoom-wrap{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	touch-action: none;
}

.img-preview-modal .img-preview-zoom-img{
	display: block;
	width: 100%;
	max-height: 100%;
	object-fit: contain;
	transform-origin: center center;
	will-change: transform;
}