@charset "utf-8";
@import url('option.css?ver=20240816001');

.header > .navigation > a.icon.icon-back {display:block;}
.header > .navigation > a.icon.icon-home {display:none;}
.header > .navigation > a.icon.icon-search {display:block;}
.header > .navigation > a.icon.icon-cart {display:block;}

.goods-detail > .bread-crumb {display:none; margin-top:16px;}
.goods-detail > .bread-crumb > ul {display:flex; align-items:flex-start;}
.goods-detail > .bread-crumb > ul > li {position:relative; margin-left:8px; line-height:16px;}
.goods-detail > .bread-crumb > ul > li:before {display:inline-block; width:10px; height:10px; margin-right:8px; background:url(../images/icon-go-2.png) no-repeat center center; background-size:8px auto; content:'';}
.goods-detail > .bread-crumb > ul > li:first-child {margin-left:0;}
.goods-detail > .bread-crumb > ul > li:first-child:before {display:none;}
.goods-detail > .bread-crumb > ul > li > a {font-weight:500;}
.goods-detail > .bread-crumb > ul > li > ul {display:none; position:absolute; left:10px; top:20px; padding:16px; border:1px solid #f0f2f4; background-color:#fff; border-radius:3px; white-space:nowrap; z-index:100;}
.goods-detail > .bread-crumb > ul > li > ul.on {display:block;}
.goods-detail > .bread-crumb > ul > li > ul > li {margin-top:4px; font-size:13px;}
.goods-detail > .bread-crumb > ul > li > ul > li:first-child {margin-top:0;}

.goods-detail > .screen > .detail-image {position:relative;}
.goods-detail > .screen > .detail-image > .swiper-container > ul:after {clear:both; display:block; content:'';}
.goods-detail > .screen > .detail-image > .swiper-container > ul > li {position:relative; float:left; width:100vw; height:calc(100vw * var(--prdt_img_rate)); overflow:hidden;}
.goods-detail > .screen > .detail-image > .swiper-container > ul > li > img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;}
.goods-detail > .screen > .detail-image.books > .swiper-container > ul > li > img {left:50%; top:0; transform:translateX(-50%); width:auto; max-width:100%; height:100%;}
.goods-detail > .screen > .detail-image > .swiper-pagination {position:absolute; left:0; bottom:22px; width:100%; z-index:100;}
.goods-detail > .screen > .detail-image > .swiper-pagination a {width:8px; height:8px; margin-left:7px; font-size:0; line-height:0; background-color:#333; opacity:0.2;}
.goods-detail > .screen > .detail-image > .swiper-pagination a:first-child {margin-left:0;}
.goods-detail > .screen > .detail-image > .swiper-pagination .swiper-pagination-bullet-active {opacity:1;}

.goods-detail > .screen > .detail-price {padding:0 16px; margin-top:16px;}
.goods-detail > .screen > .detail-price > .icon {margin-bottom:8px;}
.goods-detail > .screen > .detail-price > .icon > em {display:inline-block; padding:0 6px; margin-left:2px; font-size:10px; font-weight:500; line-height:18px; color:#333; background-color:#e4e2e0; border-radius:2px; vertical-align:middle;}
.goods-detail > .screen > .detail-price > .icon > em:first-child {margin-left:0;}
.goods-detail > .screen > .detail-price > .icon > em.timesale {color:#e279b6; border:1px solid #f5bcde; background-color:#fff;}
.goods-detail > .screen > .detail-price > .icon > em.onlyuser {color:#f58888; border:1px solid #f7bcbc; background-color:#fff;}
.goods-detail > .screen > .detail-price > .brand {margin:4px 0;}
.goods-detail > .screen > .detail-price > .brand > a {display:inline-block; padding-right:12px; font-size:12px; color:#999; background:url(../images/icon-go-3.png) no-repeat right center;}
.goods-detail > .screen > .detail-price > dl > dt {font-size:16px; font-weight:600; line-height:18px;}
.goods-detail > .screen > .detail-price > dl > dd {margin-top:8px;}
.goods-detail > .screen > .detail-price > dl > dd.timer {padding-left:20px; font-size:12px; line-height:19px; background:url(../images/icon-time-invert.png) no-repeat left center; background-size:16px 16px;}
.goods-detail > .screen > .detail-price > dl > dd.price {font-size:12px; font-weight:300; line-height:16px;}
.goods-detail > .screen > .detail-price > dl > dd.price > s {display:block; color:#999;}
.goods-detail > .screen > .detail-price > dl > dd.price > div {display:flex; align-items:center;}
.goods-detail > .screen > .detail-price > dl > dd.price > div > em {display:inline-block; margin-right:6px; font-size:18px; font-weight:500; line-height:20px; color:#fa6c6c;}
.goods-detail > .screen > .detail-price > dl > dd.price > div > strong {margin-right:1px; font-size:18px; font-weight:500; line-height:20px;}
.goods-detail > .screen > .detail-price > dl > dd.marks {display:flex; justify-content:space-between; align-items:center; margin-top:12px;}
.goods-detail > .screen > .detail-price > dl > dd.marks > em {display:flex; align-items:center;}
.goods-detail > .screen > .detail-price > dl > dd.marks > em > span {position:relative; display:inline-block; width:65px; height:12px; font-size:0; line-height:0; vertical-align:middle; background:url(../images/star-on-3.png) repeat-x left center; background-size:13px 12px;}
.goods-detail > .screen > .detail-price > dl > dd.marks > em > span > em {position:absolute; right:0; top:0; display:inline-block; width:100%; height:12px; font-size:0; line-height:0; background:#fff url(../images/star-3.png) repeat-x right center; background-size:13px 12px;}
.goods-detail > .screen > .detail-price > dl > dd.marks > em > a {display:inline-block; margin-left:4px; font-size:12px; line-height:12px; color:#a0a0a0; text-decoration:underline;}
.goods-detail > .screen > .detail-price > dl > dd.marks > div {display:flex; align-items:center;}
.goods-detail > .screen > .detail-price > dl > dd.marks > div > a.icon {display:block; width:36px; height:36px; margin-left:6px; font-size:0; line-height:0; border:1px solid #ebedee; background-repeat:no-repeat; background-position:center center; border-radius:18px;}
.goods-detail > .screen > .detail-price > dl > dd.marks > div > a.icon:first-child {margin-left:0;}
.goods-detail > .screen > .detail-price > dl > dd.marks > div > a.icon.wish {background-image:url(../images/icon-heart.png);}
.goods-detail > .screen > .detail-price > dl > dd.marks > div > a.icon.wish.on {background-image:url(../images/icon-heart-on.png);}
.goods-detail > .screen > .detail-price > dl > dd.marks > div > a.icon.link {background-image:url(../images/icon-link.png);}
.goods-detail > .screen > .detail-price > dl > dd.alarm {padding-top:24px; margin-top:24px; color:#a0a0a0; border-top:1px solid #f0f2f4;}
.goods-detail > .screen > .detail-price > dl > dd.alarm > a {display:inline-block; margin-left:5px; font-weight:600; text-decoration:underline;}
.goods-detail > .screen > .detail-price > dl > dd.guide {padding-top:24px; margin-top:24px; border-top:1px solid #eee;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li {display:flex; margin-top:12px; font-size:13px; font-weight:300; line-height:17px; color:#666;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li:first-child {margin-top:0;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li > strong {width:80px; font-weight:500; color:#333;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li > em {font-weight:600;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li > div {display:block; margin-top:4px; font-size:12px; line-height:14px; color:#888;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li > div > a {display:inline-block; margin-left:4px; text-decoration:underline;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li > div > div {display:none; padding:8px; margin-top:4px; background-color:#f6f8fa; border-radius:3px;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li > div > div.on {display:block;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li > div > div > dl {display:flex; justify-content:space-between; align-items:center; margin-top:4px;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li > div > div > dl:first-child {margin-top:0;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li.copn-list {position:relative; padding-right:65px;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li.copn-list > button {position:absolute; right:0; bottom:-4px; height:24px; padding:0 8px; font-size:12px; color:#fff; background-color:#333; border-radius:3px;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li.copn-list > button[disabled="disabled"] {background-color:#ccc;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li.dvex {display:block; position:relative; padding-left:80px;}
.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li.dvex > strong {display:block; position:absolute; left:0; top:0;}
.goods-detail > .screen > .detail-price > dl > dd.guide > div {padding:16px; margin-top:16px; font-size:13px; line-height:18px; background-color:#f6f8fa; border-radius:3px;}
.goods-detail > .screen > .detail-price > dl > dd.goals {height:40px;}
.goods-detail > .screen > .detail-price > dl > dd.goals > div {position:relative; height:8px; margin-bottom:24px; margin-top:8px; background-color:#ccc; border-radius:4px;}
.goods-detail > .screen > .detail-price > dl > dd.goals > div > .txt {position:absolute; left:0; top:16px; display:flex; justify-content:space-between; align-items:center; width:100%;}
.goods-detail > .screen > .detail-price > dl > dd.goals > div > .txt > small {font-size:12px; line-height:16px;}
.goods-detail > .screen > .detail-price > dl > dd.goals > div > .txt > small > span {font-weight:600;}
.goods-detail > .screen > .detail-price > dl > dd.goals > div > .bar {position:absolute; left:0; top:0; height:8px; background-color:#333; border-radius:4px;}
.goods-detail > .screen > .detail-price > dl > dd.goals > div > .txt {color:#888;}
.goods-detail > .screen > .detail-price > dl > dd.goals > div > .bar {background-color:#888;}

.goods-detail > .detail-order {position:sticky; bottom:0; display:flex; justify-content:space-between; align-items:center; padding:16px; background-color:#fff; z-index:901;}
.goods-detail > .detail-order > button {width:100%; height:60px; font-size:16px; font-weight:600; color:#fff; background-color:#333; border-radius:3px;}
.goods-detail > .detail-order > button[disabled="disabled"] {background-color:#888;}
.goods-detail > .detail-order > button.gift {position:relative; width:60px; font-size:0; background-image:url(../images/icon-gift.svg); background-repeat:no-repeat; background-position:center center; background-size:24px auto; border-radius:3px 0 0 3px;}
.goods-detail > .detail-order > button.gift:after {position:absolute; right:0; top:50%; transform:translateY(-50%); display:block; width:1px; height:24px; background-color:#888; opacity:0.5; content:'';}
.goods-detail > .detail-order > button.gift + button {width:calc(100% - 60px); border-radius:0 3px 3px 0;}

.goods-detail > .detail-goods {padding-bottom:16px; margin-top:32px; border-top:8px solid #f6f8fa;}
.goods-detail > .detail-goods > .tab {position:sticky; top:56px; background:#fff; border-bottom:1px solid #eee; z-index:100;}
.goods-detail > .detail-goods > .tab > ul {display:flex;}
.goods-detail > .detail-goods > .tab > ul > li {width:25%; text-align:center;}
.goods-detail > .detail-goods > .tab > ul > li > a {display:block; font-weight:600; line-height:48px; color:#a0a0a0; box-sizing:border-box;}
.goods-detail > .detail-goods > .tab > ul > li > a.on {color:#333; border-bottom:2px solid #333;}
.goods-detail > .detail-goods > .tab-list {padding:16px; padding-bottom:0; border-top:8px solid #f6f8fa;}
.goods-detail > .detail-goods > .tab-list > h2 {position:relative; display:block; font-size:18px; line-height:20px; font-weight:600;}
.goods-detail > .detail-goods > .tab-list > h2 > a {position:absolute; right:0; top:2px; font-size:14px; font-weight:400; line-height:16px; text-decoration:underline;}
.goods-detail > .detail-goods > .tab-list.detail img,
.goods-detail > .detail-goods > .tab-list.detail video,
.goods-detail > .detail-goods > .tab-list.detail iframe {display:block; max-width:100% !important; margin:0 auto;}
.goods-detail > .detail-goods > .tab-list.detail table {max-width:100% !important; margin:0 auto;}
.goods-detail > .detail-goods > .tab-list.detail > h2,
.goods-detail > .detail-goods > .tab-list.more > h2 {display:none;}
.goods-detail > .detail-goods > .tab-list.detail {padding:0; border-top-style:none;}
.goods-detail > .detail-goods > .tab-list.detail > .banner > img + img {margin-top:8px;}
.goods-detail > .detail-goods > .tab-list.detail > .text {padding:16px;}
.goods-detail > .detail-goods > .tab-list.detail > .text strong.books {display:block; margin:6px 0; font-size:16px;}
.goods-detail > .detail-goods > .tab-list.detail > .size-guide {padding:16px; border-top:1px solid #eee;}
.goods-detail > .detail-goods > .tab-list.detail > .size-guide > dl > dt {font-size:18px; font-weight:600;}
.goods-detail > .detail-goods > .tab-list.detail > .size-guide > dl > dd {position:relative; padding-left:8px; margin-top:8px; font-size:12px; font-weight:300; line-height:14px; color:#565656; z-index:0;}
.goods-detail > .detail-goods > .tab-list.detail > .size-guide > dl > dt + dd {margin-top:16px;}
.goods-detail > .detail-goods > .tab-list.detail > .size-guide > dl > dd:before {position:absolute; left:0; top:0; content:'·';}
.goods-detail > .detail-goods > .tab-list.detail > .size-guide > select {display:block; margin-top:16px;}
.goods-detail > .detail-goods > .tab-list.detail > .size-guide > .text {margin-top:8px;}
.goods-detail > .detail-goods > .tab-list.detail > .size-guide > .text > table {table-layout:fixed; width:100%; white-space:nowrap;}
.goods-detail > .detail-goods > .tab-list.detail > .size-guide > .text > table > thead * {height:42px; font-weight:400; text-align:center; border:1px #ebedee solid; background-color:#f6f8fa;}
.goods-detail > .detail-goods > .tab-list.detail > .size-guide > .text > table > tbody th {height:35px; font-weight:400; text-align:center; border:1px #ebedee solid; background-color:#f6f8fa;}
.goods-detail > .detail-goods > .tab-list.detail > .size-guide > .text > table > tbody td {height:35px; text-align:center; border:1px #ebedee solid;}
.goods-detail > .detail-goods > .tab-list.detail > .size-guide > .text > .unit {margin-top:5px; text-align:right}
.goods-detail > .detail-goods > .tab-list > .list > .empty {min-height:unset; padding-bottom:80px;}

.goods-detail > .detail-goods > .tab-list.review {padding-left:0; padding-right:0;}
.goods-detail > .detail-goods > .tab-list.review > h2 {display:flex; align-items:center; padding:0 16px;}
.goods-detail > .detail-goods > .tab-list.review > h2 > a {right:16px;}
.goods-detail > .detail-goods > .tab-list.review > h2 > .marks {display:flex; align-items:center; margin-left:6px;}
.goods-detail > .detail-goods > .tab-list.review > h2 > .marks > span {position:relative; display:inline-block; width:80px; height:16px; font-size:0; line-height:0; background:#fff url(../images/star-on-4.png) repeat-x; background-size:16px;}
.goods-detail > .detail-goods > .tab-list.review > h2 > .marks > span > em {position:absolute; right:0; top:0; display:inline-block; height:16px; font-size:0; line-height:0; background:#fff url(../images/star-4.png) repeat-x center right; background-size:16px;}
.goods-detail > .detail-goods > .tab-list.review > h2 > .marks > strong {margin-left:6px; color:#fa6c6c; font-size:16px;}
.goods-detail > .detail-goods > .tab-list.review > .photo {padding:16px; margin-top:16px; border-top:1px #f0f2f4 solid;}
.goods-detail > .detail-goods > .tab-list.review > .photo > ul {display:flex; justify-content:flex-start;}
.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li {width:calc((100vw - 32px - 24px) / 4); margin-left:8px;}
.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li:first-child {margin-left:0;}
.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li:nth-child(4),
.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li:nth-child(5),
.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li:nth-child(6) {display:none;}
.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li > a {display:block; position:relative;}
.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li > a > img,
.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li > a > video {display:block; width:calc((100vw - 32px - 24px) / 4); height:calc((100vw - 32px - 24px) / 4); object-fit:cover;}
.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li > a > span {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; background-color:rgba(0, 0, 0, 0.4);}
.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li > a > span > span {font-size:14px; line-height:16px; letter-spacing:-0.5px; color:#fff; transform:translateY(-1px); display:inline-flex;}
.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li > a > em {position:absolute; right:3px; bottom:3px; display:inline-block; padding:0 6px; font-size:10px; line-height:15px; color:#fff; background-color:#333; background-color:rgba(0, 0, 0, 0.7); border-radius:2px;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item {margin-top:12px;}
.goods-detail > .detail-goods > .tab-list.review > .photo + .list > .item {margin-top:0;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li {position:relative; padding:16px; border-top:1px solid #f0f2f4;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.user {display:block; height:40px; font-size:14px; line-height:15px; color:#a0a0a0;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.user > strong {display:inline-block; margin-right:3px; font-weight:400;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.user > span.star {display:block; margin-top:5px;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.user > span.star > span {position:relative; display:inline-block; width:80px; height:16px; font-size:0; line-height:0; vertical-align:middle; background:url(../images/star-on-2.png) repeat-x left center; background-size:16px 15px;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.user > span.star > span > em {position:absolute; right:0; top:0; display:inline-block; width:100%; height:16px; padding:0; font-size:0; line-height:0; background:#fff url(../images/star-2.png) repeat-x right center; background-size:16px 15px;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text {display:block; margin-top:16px;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text:after {clear:both; display:block; content:'';}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text > span.area {display:block; cursor:pointer;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text > span.area > span.body {font-weight:400; line-height:22px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text > span.imgs {display:block; margin-top:16px; cursor:pointer;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text > span.imgs > em {display:none;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text.image > span.area {display:block; float:left; width:calc(100% - 70px);}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text.image > span.imgs {float:left; position:relative; width:60px; height:60px; margin-top:0; margin-left:10px; cursor:pointer; overflow:hidden;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text.image > span.imgs > img,
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text.image > span.imgs > video {display:block; width:100%; height:100%; object-fit:cover;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text.image > span.imgs > img.hide,
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text.image > span.imgs > video.hide {display:none !important;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text.image > span.imgs > em {position:absolute; right:3px; bottom:3px; display:inline-block; padding:0 6px; font-size:10px; line-height:15px; color:#fff; background-color:#333; background-color:rgba(0, 0, 0, 0.7); border-radius:2px;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text > span.mngr {display:block; padding-top:14px;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text > span.mngr > a {display:inline-block; padding:0 14px; line-height:26px; color:#a0a0a0; border:1px solid #dcdee0; background-color:#fff; border-radius:3px;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text > a.like {position:absolute; top:20px; right:16px; height:28px; padding:0 12px; font-size:14px; color:#a0a0a0; border:solid 1px #ebedee; background-color:#fff; border-radius:17px; display:flex; align-items:center;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text > a.like > s {margin-right:4px; width:14px; height:16px; background:url("../images/icon-like-rvws.png") no-repeat; background-size:100% auto; filter: invert(1);}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text > a.like.on {background-color:#fa6c6c; color:#fff;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li > span.text > a.like.on > s {filter:invert(0);}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li.on {padding-left:0; padding-right:0; background-color:#f6f8fa;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li.on > span.user {padding:0 16px;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li.on > span.user > span.star > span > em {background-color:#f6f8fa;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li.on > span.text {padding:0 16px;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li.on > span.text > span.area > span.body {display:block; -webkit-line-clamp:unset; -webkit-box-orient:unset; text-overflow:unset; overflow:unset;}
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li.on > span.text > span.imgs > img,
.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li.on > span.text > span.imgs > video {display:block !important; max-width:100%; margin:0 auto; margin-top:8px;}
.goods-detail > .detail-goods > .tab-list.review > .list > .more {padding:16px;}
.goods-detail > .detail-goods > .tab-list.review > .list > .more > a {display:block; width:100%; font-weight:600; line-height:48px; letter-spacing:-0.4px; text-align:center; border:1px solid #dcdee0; background-color:#fff; border-radius:3px;}
.goods-detail > .detail-goods > .tab-list.review > .list > .more > a > em {display:inline-block; width:11px; height:7px; margin-left:6px; background:url(../images/icon-down.png) no-repeat center center; vertical-align:middle;}

.goods-detail > .detail-goods > .tab-list.inquiry {padding-left:0; padding-right:0;}
.goods-detail > .detail-goods > .tab-list.inquiry > h2 {padding:0 16px;}
.goods-detail > .detail-goods > .tab-list.inquiry > h2 > a {right:16px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .sort {margin:16px; margin-bottom:0;}
.goods-detail > .detail-goods > .tab-list.inquiry > .sort > ul {height:17px; white-space:nowrap; overflow-x:auto; overflow-y:hidden;}
.goods-detail > .detail-goods > .tab-list.inquiry > .sort > ul::-webkit-scrollbar {display:none;}
.goods-detail > .detail-goods > .tab-list.inquiry > .sort > ul > li {display:inline-block; width:auto; height:15px; margin-left:8px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .sort > ul > li:first-child {margin-left:0;}
.goods-detail > .detail-goods > .tab-list.inquiry > .sort > ul > li > a {line-height:15px; color:#aaa;}
.goods-detail > .detail-goods > .tab-list.inquiry > .sort > ul > li > a.on {font-weight:600; color:#333;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item {margin-top:12px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li {padding:16px; border-top:1px solid #f0f2f4;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.cate {position:relative; display:block; font-weight:500; line-height:16px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.cate > em {position:absolute; right:0; top:18px; display:inline-block; padding:0 12px; font-size:12px; font-weight:400; line-height:30px; border-radius:1px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.cate > em.c {color:#fff; background-color:#333;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.cate > em.r {color:#999; background-color:#f4f4f3;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.user {display:block; margin-top:14px; line-height:16px; color:#a0a0a0;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.user > strong {display:inline-block; margin-right:3px; font-weight:normal;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.body {margin-top:10px; line-height:22px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.body.view {cursor:pointer;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.body.secret {padding-left:21px; background:url(../images/icon-secret.png) no-repeat left center;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.body > span.reply {display:none; margin-top:16px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.body > span.reply > strong {display:block; margin-bottom:4px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.body > img,
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.body > video {display:none; max-width:100%; margin:0 auto; margin-top:8px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.mngr {display:block; margin-top:14px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.mngr > a {display:inline-block; padding:0 14px; line-height:26px; color:#a0a0a0; border:1px solid #dcdee0; background-color:#fff; border-radius:3px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li.on {padding:16px 0; margin:0; background-color:#f6f8fa;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li.on > span.cate {padding:0 16px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li.on > span.cate > em {display:none;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li.on > span.user {padding:0 16px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li.on > span.body {display:block; padding:0 16px; -webkit-line-clamp:unset; -webkit-box-orient:unset; text-overflow:unset; overflow:unset;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li.on > span.body > img,
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li.on > span.body > video {display:block;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li.on > span.body > span.reply {display:block;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li.on > span.mngr {padding:0 16px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .more {padding:16px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .more > a {display:block; width:100%; font-weight:600; line-height:48px; letter-spacing:-0.4px; text-align:center; border:1px solid #dcdee0; background-color:#fff; border-radius:3px;}
.goods-detail > .detail-goods > .tab-list.inquiry > .list > .more > a > em {display:inline-block; width:11px; height:7px; margin-left:6px; background:url(../images/icon-down.png) no-repeat center center; vertical-align:middle;}

.goods-detail > .detail-goods > .tab-list.more > ul > li {padding:16px 0; border-top:1px solid #f0f2f4;}
.goods-detail > .detail-goods > .tab-list.more > ul > li:first-child {padding-top:0; border-top-style:none;}
.goods-detail > .detail-goods > .tab-list.more > ul > li > h3 {display:block; margin-bottom:12px; font-size:18px; line-height:20px; font-weight:600;}
.goods-detail > .detail-goods > .tab-list.more > ul > li > div.text {margin-top:16px; color:#999;}
.goods-detail > .detail-goods > .tab-list.more > ul > li > div.text > img {max-width:100% !important;}
.goods-detail > .detail-goods > .tab-list.more > ul > li > dl {display:flex; margin-top:4px; color:#999;}
.goods-detail > .detail-goods > .tab-list.more > ul > li > dl > dt {width:100px; word-break:keep-all;}
.goods-detail > .detail-goods > .tab-list.more > ul > li > dl > dd {width:calc(100% - 100px - 8px); margin-left:8px;}

.goods-detail > .inal-layer {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#333; background-color:rgba(0, 0, 0, 0.5); z-index:999;}
.goods-detail > .inal-layer.on {display:block;}
.goods-detail > .inal-layer dl {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width:calc(100% - 32px);
	width:-moz-calc(100% - 32px);
	width:-webkit-calc(100% - 32px);
	padding:16px;
	max-width:350px;
	text-align:center;
	background-color:#fff;
	box-sizing:border-box;
	border-radius:3px;
}
.goods-detail > .inal-layer > dl > dt {padding:16px 0; padding-bottom:32px; font-size:20px; line-height:20px; font-weight:600;}
.goods-detail > .inal-layer > dl > dd select {display:block;}
.goods-detail > .inal-layer > dl > dd input {display:block; margin:8px 0 16px 0;}
.goods-detail > .inal-layer > dl > dd .agree-text {padding:12px; margin-top:16px; font-size:12px; line-height:16px; color:#aaa; text-align:left; border:1px solid #f0f2f3; border-radius:2px; background-color:#f6f8f9;}
.goods-detail > .inal-layer > dl > dd .agree-check {margin-top:8px; text-align:left;}
.goods-detail > .inal-layer > dl > dd .button {display:flex; margin-top:16px;}
.goods-detail > .inal-layer > dl > dd .button > button {flex:auto; height:50px; margin-left:8px; font-size:16px; font-weight:500; border:1px solid #c8cacc; border-radius:3px;}
.goods-detail > .inal-layer .button button:first-child {margin-left:0;}
.goods-detail > .inal-layer .button button.submit {color:#fff; border-style:none; background-color:#333;}

body.pc .goods-detail > .detail-goods > .tab-list.review > .photo > ul > li {width:calc((100vw - 32px- 24px - 9px) / 4);}
body.pc .goods-detail > .detail-goods > .tab-list.review > .photo > ul > li > a > img {width:calc((100vw - 32px - 24px - 9px) / 4); height:calc((100vw - 32px - 24px - 9px) / 4);}

/** PC */
@media all and (min-width:760px) {
	.goods-detail > .bread-crumb {display:block; width:1180px; margin:0 auto; margin-top:32px;}
	
	.goods-detail > .screen {display:flex; justify-content:space-between; align-items:flex-start; width:1180px; margin:0 auto; margin-top:32px;}
	.goods-detail > .screen > .detail-image {width:600px;}
	.goods-detail > .screen > .detail-image > .swiper-container > ul > li {width:100%; height:calc(600px * var(--prdt_img_rate));}
	
	.goods-detail > .screen > .detail-price {width:480px; padding:0; margin:0;}
	.goods-detail > .screen > .detail-price > .brand > a {font-size:14px;}
	.goods-detail > .screen > .detail-price > dl > dt {font-size:18px; line-height:20px;}
	.goods-detail > .screen > .detail-price > dl > dd.timer {font-size:13px;}
	.goods-detail > .screen > .detail-price > dl > dd.price {font-size:14px; line-height:18px;}
	.goods-detail > .screen > .detail-price > dl > dd.price > div {display:flex; align-items:center;}
	.goods-detail > .screen > .detail-price > dl > dd.price > div > em {font-size:20px; line-height:22px;}
	.goods-detail > .screen > .detail-price > dl > dd.price > div > strong {font-size:20px; line-height:22px;}
	.goods-detail > .screen > .detail-price > dl > dd.alarm {padding-top:32px; margin-top:32px;}
	.goods-detail > .screen > .detail-price > dl > dd.guide {padding-top:32px; margin-top:32px;}
	.goods-detail > .screen > .detail-price > dl > dd.guide > ul > li {font-size:14px; line-height:18px;}
	
	.goods-detail > .detail-order {display:none;}
	
	.goods-detail > .detail-goods {margin-top:64px; border-top-style:none;}
	.goods-detail > .detail-goods > .tab {top:60px;}
	.goods-detail > .detail-goods > .tab > ul {width:1180px; margin:0 auto;}
	
	.goods-detail > .detail-goods > .tab-list {border-top-width:1px;}
	.goods-detail > .detail-goods > .tab-list.detail > .banner {width:1180px; margin:0 auto; margin-top:32px;}
	.goods-detail > .detail-goods > .tab-list.detail > .text {width:1180px; padding:32px 16px; margin:0 auto; box-sizing:border-box;}
	.goods-detail > .detail-goods > .tab-list.detail > .size-guide {width:1180px; padding:32px 0; margin:0 auto;}
	.goods-detail > .detail-goods > .tab-list.detail > .size-guide > dl > dd {font-size:14px; line-height:16px;}
	
	.goods-detail > .detail-goods > .tab-list.review > h2 {width:1180px; padding:32px 0; margin:0 auto;}
	.goods-detail > .detail-goods > .tab-list.review > h2 > a {top:34px; right:0;}
	.goods-detail > .detail-goods > .tab-list.review > .photo {width:1180px; padding:32px 0; margin:0 auto;}
	.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li {width:calc((1180px - 48px) / 7) !important;}
	.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li:nth-child(4),
	.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li:nth-child(5),
	.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li:nth-child(6) {display:block;}
	.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li > a > img,
	.goods-detail > .detail-goods > .tab-list.review > .photo > ul > li > a > video {width:calc((1180px - 48px) / 7) !important; height:calc((1180px - 48px) / 7) !important;}
	.goods-detail > .detail-goods > .tab-list.review > .list {width:1180px; margin:0 auto;}
	.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li.on > span.text > span.imgs > img,
	.goods-detail > .detail-goods > .tab-list.review > .list > .item > ul > li.on > span.text > span.imgs > video {max-width:50%;}
	.goods-detail > .detail-goods > .tab-list.review > .list > .more > a {width:250px; margin:0 auto; border-radius:25px;}
	
	.goods-detail > .detail-goods > .tab-list.inquiry > h2 {width:1180px; padding:32px 0; margin:0 auto;}
	.goods-detail > .detail-goods > .tab-list.inquiry > h2 > a {top:34px; right:0;}
	.goods-detail > .detail-goods > .tab-list.inquiry > .sort {width:1180px; margin:0 auto;}
	.goods-detail > .detail-goods > .tab-list.inquiry > .list {width:1180px; margin:0 auto;}
	.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.body > img,
	.goods-detail > .detail-goods > .tab-list.inquiry > .list > .item > ul > li > span.body > video {max-width:50%;}
	.goods-detail > .detail-goods > .tab-list.inquiry > .list > .more > a {width:250px; margin:0 auto; border-radius:25px;}
	
	.goods-detail > .detail-goods > .tab-list.more > ul > li > h3 {margin-bottom:28px;}
	.goods-detail > .detail-goods > .tab-list.more > ul {width:1180px; padding-top:16px; margin:0 auto;}
	.goods-detail > .detail-goods > .tab-list.more > ul > li {padding:32px 0;}
	.goods-detail > .detail-goods > .tab-list.more > ul > li > dl {margin:0 16px; margin-top:4px;}
	.goods-detail > .detail-goods > .tab-list.more > ul > li > dl > dt {width:150px;}
	.goods-detail > .detail-goods > .tab-list.more > ul > li > dl > dd {width:calc(100% - 150px - 8px);}
	.goods-detail > .detail-goods > .tab-list.more > ul > li > div.text {padding:0 16px;}
}