.shop-home-top { background-color: #fff; }
.shop-home-main { padding-top: 10px; margin-bottom: 20px; }
@media (min-width: 768px) { .shop-home-main { padding-top: 10px; margin-bottom: 30px; } }
@media (min-width: 1000px) { .shop-home-main { padding-top: 20px; margin-bottom: 40px; } }
@media (min-width: 1367px) { .shop-home-main { padding-top: 30px; margin-bottom: 50px; } }

.shop-banner { margin: 0 -15px; }
.shop-banner .slick-dots { position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; font-size: 0; }
.shop-banner .slick-dots > li { display: inline-block; vertical-align: middle; }
.shop-banner .slick-dots > li button { display: block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 6px; height: 6px; padding: 0; margin: 0 5px; border: 2px solid #fff; border-color: rgba(255, 255, 255, 0.3); border-radius: 10px; text-align: left; text-indent: -9999px; overflow: hidden; _zoom: 1; background: #f5f5f5; background: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66000000", endColorstr="#66000000") \9; -webkit-transition: all .2s; transition: all .2s; }
.shop-banner .slick-dots .slick-active button { background: #fff; background: rgba(255, 255, 255, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66ffffff", endColorstr="#66ffffff") \9; border-color: #757575; border-color: rgba(0, 0, 0, 0.4); }
@media (min-width: 768px) { .shop-banner { margin: 0; }
  .shop-banner .slick-dots { right: 30px; bottom: 25px; text-align: right; } }

.shop-promo { font-size: 0; margin: 0 -5px 15px; letter-spacing: -1px; }
.shop-promo .col { padding: 10px 5px 0; }
.shop-promo img { display: block; width: 100%; }
@media (min-width: 768px) { .shop-promo { margin: 0 -8px 30px; }
  .shop-promo .col { padding: 18px 8px 0; } }

.shop-bigtit { height: 38px; line-height: 38px; overflow: hidden; }
.shop-bigtit .title { float: left; color: #333; }
.shop-bigtit .extra { float: right; font-size: 12px; }
.shop-bigtit .extra a { margin-left: 20px; color: #424242; }
@media (min-width: 768px) { .shop-bigtit { height: 44px; line-height: 44px; }
  .shop-bigtit .title { font-size: 16px; }
  .shop-bigtit .extra { font-size: 14px; } }
@media (min-width: 1000px) { .shop-bigtit { height: 52px; line-height: 52px; }
  .shop-bigtit .title { font-size: 19px; }
  .shop-bigtit .extra { font-size: 16px; } }
@media (min-width: 1367px) { .shop-bigtit { height: 58px; line-height: 58px; }
  .shop-bigtit .title { font-size: 22px; } }

.shop-starpdt { margin-bottom: 20px; }
@media (min-width: 768px) { .shop-starpdt { margin-bottom: 35px; } }
@media (min-width: 1000px) { .shop-starpdt { margin-bottom: 50px; } }
@media (min-width: 1367px) { .shop-starpdt { margin-bottom: 65px; } }

.shop-home-carouse .item { margin: 0 6px; padding-bottom: 20px; background-color: #fafafa; }
.shop-home-carouse .item .figure { margin: 15px 25px 5px; }
.shop-home-carouse .item1 { border-top: 1px solid #ffac13; }
.shop-home-carouse .item2 { border-top: 1px solid #83c44e; }
.shop-home-carouse .item3 { border-top: 1px solid #2196f3; }
.shop-home-carouse .item4 { border-top: 1px solid #e53935; }
.shop-home-carouse .item5 { border-top: 1px solid #00c0a5; }
@media (min-width: 768px) { .shop-home-carouse .slick-arrow { position: absolute; top: -30px; width: 36px; height: 24px; line-height: 22px; font-size: 0; border: 1px solid #e0e0e0; background-color: #fff; color: #b0b0b0; }
  .shop-home-carouse .slick-arrow:after { font-family: "iconfont" !important; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; font-size: 13px; }
  .shop-home-carouse .slick-arrow:hover { color: #e93a3a; }
  .shop-home-carouse .slick-arrow.slick-disabled { color: #e0e0e0; }
  .shop-home-carouse .slick-prev { right: 40px; }
  .shop-home-carouse .slick-prev:after { content: '\e60c'; }
  .shop-home-carouse .slick-next { right: 6px; }
  .shop-home-carouse .slick-next:after { content: '\e60d'; } }
@media (min-width: 1000px) { .shop-home-carouse .slick-arrow { top: -34px; } }
@media (min-width: 1367px) { .shop-home-carouse { margin: 0 -6px; }
  .shop-home-carouse .slick-arrow { top: -37px; }
  .shop-home-carouse .item { padding-bottom: 32px; }
  .shop-home-carouse .item .figure { margin: 35px auto 25px; width: 160px; } }

.shop-home-box { margin-bottom: 5px; font-size: 0; }
@media (min-width: 1000px) { .shop-home-box { margin-bottom: 10px; }
  .shop-home-box .item { position: relative; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
  .shop-home-box .item:hover { -webkit-box-shadow: 0 15px 30px rgba(180, 168, 168, 0.1); box-shadow: 0 15px 30px rgba(180, 168, 168, 0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
  .shop-home-box .col1 { float: left; width: 186px; }
  .shop-home-box .col1 .item { margin-top: 12px; display: block; width: 100%; height: 498px; }
  .shop-home-box .col1 .item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .shop-home-box .col1 .item:first-child { margin-top: 0; }
  .shop-home-box .col1 .item-middle { height: 243px; }
  .shop-home-box .col2 { margin-left: 188px; } }
@media (min-width: 1367px) { .shop-home-box { margin-bottom: 15px; }
  .shop-home-box .col1 { width: 230px; }
  .shop-home-box .col1 .item { display: block; width: 100%; height: 616px; }
  .shop-home-box .col1 .item-middle { height: 302px; }
  .shop-home-box .col2 { margin-left: 232px; } }

.shop-home-list { font-size: 0; margin-left: -8px; letter-spacing: -1px; }
.shop-home-list .item { padding-bottom: 10px; margin: 0 0 8px 8px; letter-spacing: normal; background-color: #fff; }
.shop-home-list .desc { display: none; }
@media (min-width: 768px) { .shop-home-list { margin-left: -12px; }
  .shop-home-list .item { padding-bottom: 15px; margin: 0 0 12px 12px; }
  .shop-home-list .figure { margin: 20px 35px 15px; }
  .shop-home-list .desc { display: block; } }
@media (min-width: 1000px) { .shop-home-list { margin-left: 0; }
  .shop-home-list .item { padding: 0; height: 243px; } }
@media (min-width: 1367px) { .shop-home-list .figure { margin: 20px auto; width: 160px; }
  .shop-home-list .item { height: 302px; } }

.shop-filter { position: relative; padding: 5px 0; margin-bottom: 40px; font-size: 12px; background-color: #fff; }
.shop-filter .cell { overflow: hidden; margin: 0; padding-top: 10px; text-align: left; border-top: 1px solid #e0e0e0; }
.shop-filter .cell:first-child { border-top: none; }
.shop-filter .cell.hide { display: none; }
.shop-filter .cell .hd { float: left; width: 4.5em; color: #b0b0b0; }
.shop-filter .cell .bd { margin-left: 4.5em; overflow: hidden; }
.shop-filter .cell .item { float: left; margin: 0 0 10px 15px; }
.shop-filter .cell .item:first-child { margin-left: 0; }
.shop-filter .cell .item.current { color: #ff6700; }
.shop-filter .toggle { position: absolute; top: 100%; left: 50%; width: 100px; margin: 0 0 0 -50px; line-height: 28px; text-align: center; color: #999; background-color: #fff; cursor: pointer; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.shop-filter .toggle .show { display: none; }
.shop-filter .toggle i { margin-left: 5px; font-size: 12px; line-height: 0; color: #ff6700; }
.shop-filter .toggle i:before { content: '\e607'; }
.shop-filter .toggle.on i:before { content: '\e606'; }
.shop-filter .toggle.on .dft { display: none; }
.shop-filter .toggle.on .show { display: block; }
.shop-filter.on .cell.hide { display: block; }
@media (min-width: 768px) { .shop-filter { margin-bottom: 48px; padding: 10px 0; font-size: 14px; }
  .shop-filter .cell .item { margin-left: 35px; }
  .shop-filter .toggle { width: 120px; line-height: 32px; -webkit-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; } }
@media (min-width: 1000px) { .shop-filter { padding: 18px 0; }
  .shop-filter .cell .item { margin-left: 0; width: 130px; } }
@media (min-width: 1367px) { .shop-filter { margin-bottom: 60px; }
  .shop-filter .cell .item { width: 172px; } }

.shop-list { font-size: 0; margin: 0 -15px; letter-spacing: -1px; }
.shop-list .col { padding: 0 2px; letter-spacing: normal; }
.shop-list .item { position: relative; margin-bottom: 4px; padding-bottom: 15px; background-color: #fff; -webkit-transition: box-shadow 0.5s linear; transition: box-shadow 0.5s linear; }
.shop-list .item .tumb { position: relative; display: none; width: 220px; margin: 15px auto 0; font-size: 0; }
.shop-list .item .tumb .spic { display: inline-block; vertical-align: top; cursor: pointer; }
.shop-list .item .tumb img { display: block; margin: 0 4px; width: 34px; height: 34px; max-width: none; border: 1px solid #e0e0e0; }
.shop-list .item .tumb .slick-arrow { position: absolute; top: 50%; padding: 0; margin-top: -10px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 0; border: none; background-color: transparent; font-family: "iconfont" !important; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.shop-list .item .tumb .slick-arrow:after { font-size: 18px; color: #ddd; }
.shop-list .item .tumb .slick-arrow:hover:after { color: #ee3d3d; }
.shop-list .item .tumb .slick-prev { left: -20px; }
.shop-list .item .tumb .slick-prev:after { content: '\e60c'; }
.shop-list .item .tumb .slick-next { right: -20px; }
.shop-list .item .tumb .slick-next:after { content: '\e60d'; }
.shop-list .item .figure { margin: 10px 30px; }
.shop-list .item .desc { margin-bottom: 0; }
.shop-list .item:hover { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }
@media (min-width: 768px) { .shop-list { margin: 0 -8px; }
  .shop-list .col { padding: 0 8px; }
  .shop-list .item { margin-bottom: 16px; }
  .shop-list .item .figure { margin: 10px auto; width: 160px; }
  .shop-list .item .desc { font-size: 14px; height: 24px; } }
@media (min-width: 1000px) and (max-width: 1366px) { .shop-list .item .figure { float: left; }
  .shop-list .item .cont { margin-left: 170px; }
  .shop-list .item .tit, .shop-list .item .price, .shop-list .item .desc { text-align: left; }
  .shop-list .item .desc { margin-top: 35px; }
  .shop-list .item .tumb { display: block; } }

@media (min-width: 1367px) { .shop-list .item { height: 430px; padding: 0; }
  .shop-list .item .figure { float: none; width: 200px; margin: 38px auto 22px; }
  .shop-list .item .tumb { margin-top: 21px; display: block; text-align: center; } }

.goods-detail-top { padding: 10px 0 20px; background-color: #fff; }
@media (min-width: 768px) { .goods-detail-top { padding: 40px 0 50px; } }

.goods-tumb { position: relative; margin: 0 -15px; border-bottom: 1px solid #f6f6f6; }
.goods-tumb .big-show { width: 57%; margin: auto; }
.goods-tumb .big-show .inner { position: relative; padding-bottom: 100%; }
.goods-tumb .big-show .bigpic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.goods-tumb .big-show .slick-dots { bottom: 5px; }
.goods-tumb .big-show .slick-dots li { width: 8px; height: 8px; background-color: #ccc; border: none; -webkit-border-radius: 50%; border-radius: 50%; }
.goods-tumb .big-show .slick-dots li.slick-active { background-color: #ee3d3d; }
.goods-tumb .small-show { display: none; }
@media (min-width: 768px) { .goods-tumb { min-height: 380px; margin: 0; }
  .goods-tumb .big-show { width: 338px; height: 338px; }
  .goods-tumb .small-show { position: absolute; top: 0; left: 0; display: block; width: 50px; }
  .goods-tumb .small-show .item { margin-top: 8px; padding: 4px; width: 40px; border: 1px solid #e0e0e0; -webkit-transition: border-color 0.4s ease-out; transition: border-color 0.4s ease-out; }
  .goods-tumb .small-show .item:first-child { margin-top: 0; }
  .goods-tumb .small-show .item.current { border-color: #ff6700; }
  .goods-tumb .small-show .spic { display: block; width: 40px; height: 40px; } }
@media (min-width: 1000px) { .goods-tumb { float: left; width: 540px; border: none; }
  .goods-tumb .big-show { margin: 0 0 0 130px; } }
@media (min-width: 1367px) { .goods-tumb { width: 760px; min-height: 550px; }
  .goods-tumb .big-show { margin-left: 200px; width: 482px; height: 482px; }
  .goods-tumb .small-show { left: 10px; width: 70px; }
  .goods-tumb .small-show .item { width: 60px; margin-top: 14px; }
  .goods-tumb .small-show .spic { width: 60px; height: 60px; } }

.goods-info { padding-top: 10px; }
@media (min-width: 768px) { .goods-info { padding-top: 30px; } }
@media (min-width: 1000px) { .goods-info { padding-top: 0; float: right; width: 420px; } }

.goods-meta { display: table; width: 100%; margin-bottom: 5px; font-size: 12px; line-height: 30px; color: #757575; }
.goods-meta > .hd { display: table-cell; vertical-align: top; width: 66px; }
.goods-meta > .bd { display: table-cell; }
.goods-meta .item { position: relative; float: left; margin: 0 8px 4px 0; line-height: 26px; }
.goods-meta .item:last-child { margin-right: 0; }
.goods-meta .item:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ''; border: 1px solid #ccc; }
.goods-meta .item a { position: relative; z-index: 2; display: block; padding: 2px 7px; color: inherit; }
.goods-meta .item.current:before, .goods-meta .item:hover:before { border: 2px solid #e4393c; }
.goods-meta .item.current a:after { position: absolute; z-index: 2; bottom: 2px; right: 2px; width: 10px; height: 10px; content: ''; background: url(../img/meta-selected.jpg) no-repeat right bottom; }
.goods-meta-img .item a { padding-left: 2px; }
.goods-meta-img .item img { height: 30px; vertical-align: middle; }
@media (min-width: 1000px) { .goods-meta { font-size: 14px; margin-bottom: 15px; }
  .goods-meta > .hd { width: 78px; } }
@media (min-width: 1367px) { .goods-meta { margin-bottom: 30px; } }

.goods-name { font-size: 16px; color: #333; font-weight: 700; }
@media (min-width: 768px) { .goods-name { font-size: 20px; } }
@media (min-width: 1000px) { .goods-name { padding-bottom: 20px; font-size: 24px; border-bottom: 1px solid #e0e0e0; } }
@media (min-width: 1367px) { .goods-name { padding-bottom: 30px; font-size: 28px; } }

.goods-price { color: #FF5722; }
.goods-price strong { font-size: 16px; }
.goods-price .txt { display: table-cell; vertical-align: bottom; text-align: right; font-size: 12px; color: #999; }
@media (min-width: 768px) { .goods-price strong { font-size: 18px; } }
@media (min-width: 1000px) { .goods-price { padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #e0e0e0; }
  .goods-price strong { font-size: 22px; } }
@media (min-width: 768px) { .goods-price { padding: 15px 0; }
  .goods-price strong { font-size: 26px; } }

.goods-action { margin: 10px -7px 0; font-size: 0; }
.goods-action .col { padding: 0 7px; }
.goods-action .btn { display: block; width: 100%; color: #fff; line-height: 3; font-size: 14px; border: none; background-color: #b0b0b0; }
.goods-action .btn i { margin-right: 3px; line-height: 0; }
.goods-action .consult { background-color: #fb4343; }
@media (min-width: 1367px) { .goods-action { margin-top: 40px; }
  .goods-action .btn { font-size: 16px; }
  .goods-action .btn i { margin-top: 5px; font-size: 22px; line-height: 0; } }

.goods-nav { font-size: 0; text-align: center; border-top: 1px solid #e6e6e6; background-color: #fff; }
.goods-nav-wrap { height: 53px; line-height: 52px; }
.goods-nav .item { position: relative; padding: 0 2em; display: inline-block; vertical-align: middle; font-size: 14px; }
.goods-nav .item:before { position: absolute; top: 50%; left: 0; content: ''; width: 1px; height: 1em; margin-top: -.5em; background-color: #e0e0e0; }
.goods-nav .item:first-child:before { display: none; }
.goods-nav .item.current { color: #ff3434; }
.goods-nav.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 999; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.18); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.18); }
@media (min-width: 768px) { .goods-nav-wrap { height: 60px; line-height: 59px; }
  .goods-nav .item { font-size: 16px; } }
@media (min-width: 1000px) { .goods-nav-wrap { height: 68px; line-height: 67px; }
  .goods-nav .item { font-size: 18px; } }

.goods-desc { margin-bottom: 10px; }
.goods-desc-tit { padding: 15px 0 5px; font-size: 0; text-align: center; }
.goods-desc-tit .cont { position: relative; height: 26px; }
.goods-desc-tit .cont:before { position: absolute; top: 50%; left: 0; right: 0; content: ''; border-bottom: 1px solid #e0e0e0; }
.goods-desc-tit:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.goods-desc-tit span { position: relative; z-index: 2; padding: 0 1.1em; display: inline-block; vertical-align: middle; font-size: 16px; color: #b0b0b0; background-color: #f9f9f9; }
@media (min-width: 768px) { .goods-desc { margin-bottom: 20px; }
  .goods-desc-tit { padding: 24px 0 10px; }
  .goods-desc-tit .cont { height: 36px; }
  .goods-desc-tit span { font-size: 20px; } }
@media (min-width: 1000px) { .goods-desc { margin-bottom: 30px; }
  .goods-desc-tit { padding: 30px 0 10px; }
  .goods-desc-tit .cont { height: 48px; }
  .goods-desc-tit span { font-size: 24px; } }
@media (min-width: 1367px) { .goods-desc { margin-bottom: 40px; }
  .goods-desc-tit { padding: 40px 0 10px; }
  .goods-desc-tit .cont { height: 60px; }
  .goods-desc-tit span { font-size: 30px; } }

.goods-tech-meta { overflow: hidden; padding: 15px 10px 10px; color: #424242; background-color: #fff; }
.goods-tech-meta .list { margin: 0 -8px; font-size: 0; }
.goods-tech-meta .col { margin-bottom: 8px; padding: 0 8px; font-size: 12px; line-height: 1.4; }
@media (min-width: 768px) { .goods-tech-meta .figure { float: left; width: 120px; }
  .goods-tech-meta .list { margin: 10px 0 0 140px; }
  .goods-tech-meta .col { font-size: 14px; } }
@media (min-width: 1367px) { .goods-tech-meta { padding: 48px 0 0 35px; }
  .goods-tech-meta .figure { width: 150px; margin-bottom: 30px; }
  .goods-tech-meta .list { margin: 0 0 0 230px; }
  .goods-tech-meta .col { overflow: hidden; height: 44px; line-height: 22px; } }

/*# sourceMappingURL=shop.css.map */
/*详情中的详情*/
.page-floor1{}
.page-floor1 ul{ float:left; padding-bottom:50px;}