/* 商城列表样式 */
/* 侧栏 */
.btn-danger {
    color: #fff;
    background-color: #68879F;
    border-color: #68879F;
}

.btn-danger {
    color: #fff;
    background-color: #68879F;
    border-color: #68879F;
}

.btn-danger:hover {
    color: #fff;
    background-color: #3c5c7c;
    border-color: #3c5c7c;
}

.list-content {
    background-color: #fff;
    margin: 30px 0;
}

.list-sidebar {
    /* display: block; */
    width: 200px;
    background: #68879F;
    /* height: 100%;
    max-height: 100%; */
    top: 0;
    padding-left: 0;
    /* left: -300px; */
}

.list-sidebar .sidebar-menu {
    /* border-top: 1px solid #222b35; */
    padding-bottom: 10px;
}

.list-sidebar .sidebar-menu .header-menu span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #313131;
    padding: 10px 20px;
    display: inline-block;
}

.list-sidebar .sidebar-menu ul li a {
    display: inline-block;
    width: 100%;
    color: #313131;
    text-decoration: none;
    transition: color .3s;
    position: relative;
    padding: 5px 15px 5px 20px;
}

.list-sidebar .sidebar-menu ul li:hover>a {
    color: #fff;
}

.list-sidebar .sidebar-menu ul li a i {
    margin-right: 10px;
    font-size: 14px;
    background: #68879F;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}


/* 主体 */

.list-mainContent {
    padding: 0 20px 30px 20px;
    background-color: rgb(223, 223, 224);
}

.list-mainContent .spu-bar{
    padding: 15px 30px;
}

.list-mainContent .product-item {
    background-color: #f6f6f6;
    position: relative;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-top: 30px;
}
.list-mainContent .product-item:hover {
    -webkit-box-shadow: 0 5px 11px rgba(0, 0, 0, 0.14);
    box-shadow: 0 5px 11px rgba(0, 0, 0, 0.14);
}

.list-mainContent .product-item__thumb {
    position: relative;
}
.list-mainContent .product-item__thumb img {
    text-align: center;
    display: block;
    margin: auto;
}
.list-mainContent .product-item:hover .product-item__thumb .thumb-primary {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.list-mainContent .product-item:hover .product-item__thumb .thumb-secondary {
    opacity: 1;
    visibility: visible;
}
.list-mainContent .product-item__thumb .thumb-secondary {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.list-mainContent .product-item__content {
    padding: 5px 30px;
    position: relative;
}
/* .product-item__content .product-item__info{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
} */


/* @media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .product-item__content .title {
        font-size: 16px;
    }
} */


.list-mainContent .product-item:hover .product-item__content .product-item__info {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.list-mainContent .product-item .product-item__content .product-item__enInfo {
    opacity: 0;
    visibility: hidden;
    /* -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; */
    position: absolute;
    bottom: 6px;
}
.list-mainContent .product-item:hover .product-item__content .product-item__enInfo {
    opacity: 1;
    visibility:visible;
    /* -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; */
}

.list-mainContent .product-item__content .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    font-family: '等线';
}
.list-mainContent .product-item__content .price strong {
    color: #1b1b1c;
    font-weight: 600;
    font-family: '等线';
}
.list-mainContent .product-item__content .price {
    color: #666666;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.list-mainContent .product-item__content .originalPrice {
text-decoration: line-through;
}
/* 分页器 */
.list-mainContent .pagination {
    margin-top: 20px;
    /* text-align: center; */
}
/* .list-mainContent .pagination .disabled span{
   padding: 8px 16px;
} */

/* 商品详情页 因为bootstrap */
.panel-default {
    border-color:#ddd
   }
   .panel {
    margin: 30px 0;
    background-color:#fff;
    border:1px solid transparent;
    border-radius:4px;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
    box-shadow:0 1px 1px rgba(0,0,0,.05)
   }
   .panel-body {
    padding:15px
   }
   .panel-heading {
    padding:10px 15px;
    border-bottom:1px solid transparent;
    border-top-left-radius:3px;
    border-top-right-radius:3px
   }
   .panel-default>.panel-heading {
    color:#333;
    background-color:#f5f5f5;
    border-color:#ddd
   }
   .panel-title {
    margin-top:0;
    margin-bottom:0;
    font-size:16px;
    color:inherit
   }
   .panel-footer {
    padding:10px 15px;
    background-color:#f5f5f5;
    border-top:1px solid #ddd;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
   }
   /* 缩略图 */
   .thumbnail {
    display:block;
    padding:4px;
    margin-bottom:20px;
    line-height:1.42857143;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    -webkit-transition:border .2s ease-in-out;
    -o-transition:border .2s ease-in-out;
    transition:border .2s ease-in-out
   }
   .thumbnail a>img,
   .thumbnail>img {
    margin-right:auto;
    margin-left:auto
   }
   a.thumbnail.active,
   a.thumbnail:focus,
   a.thumbnail:hover {
    border-color:#337ab7
   }
   .thumbnail .caption {
    padding:9px;
    color:#333
   }
/* sku */
   .pull-left {
    float:left!important
   }
   input[type=checkbox],
input[type=radio] {
 margin:4px 0 0;
 margin-top:1px\9;
 line-height:normal
}
input[type=checkbox],
input[type=radio] {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 padding:0
}
button,
input,
select,
textarea {
 font-family:inherit;
 font-size:inherit;
 line-height:inherit
}

.nav-tabs {
    border-bottom:1px solid #ddd;
   }
   .nav-tabs>li {
    float:left;
    margin-bottom:-1px
   }
   .nav-tabs>li>a {
    margin-right:2px;
    line-height:1.42857143;
    border:1px solid transparent;
    border-radius:4px 4px 0 0
   }
   .nav-tabs>li>a:hover {
    border-color:#eee #eee #ddd
   }
   .nav-tabs>li.active>a,
   .nav-tabs>li.active>a:focus,
   .nav-tabs>li.active>a:hover {
    color:#555;
    cursor:default;
    background-color:#fff;
    border:1px solid #ddd;
    border-bottom-color:transparent
   }
   .fade:not(.show) {
    opacity: 1;
    /* 重写详情页的样式，让内容显示 */
}
/* .owl-carousel.zoom-more a>img {
    opacity:.5 !important;
    filter:alpha(opacity=80) !important;
    -webkit-filter:grayscale(100%) !important;
    -moz-filter:grayscale(100%) !important;
    -ms-filter:grayscale(100%) !important;
    -o-filter:grayscale(100%) !important;
    filter:grayscale(100%) !important;
    filter:url() !important;
    filter:gray !important;
   } */
   .exchangRate {
    display: grid;
    grid-template-columns: 15% 1% 17% 1% 17%;
    font-size: 12px;
}
.exchangRate .go {
    text-align: center;
}
@media only screen and (min-width: 300px) and (max-width: 991.98px) {
    .exchangRate {
        display: grid;
        grid-template-columns: 25% 1% 32% 1% 32%;
        font-size: 12px;
    }
    .exchangRate .go {
        text-align: center;
    }

    }

    /**
    详情页样式
    */
    .pc-slide {
		width: 100%;
		margin: 0 auto;
	}
	
	.view .swiper-container {
		/* width: 500px; */
		height: 280px;
	}
		
	.preview {
		width: 100%;
		margin-top: 10px;
		position: relative;
	}
	
	.preview .swiper-container {
		width: 430px;
		height: 82px;
		/* margin-left: 35px; */
	}
	
	.preview .swiper-slide {
		width: 87px;
        height: 82px;
	}
	
	.preview .slide6 {
		width: 82px;
	}
	
	.preview img {
        padding: 1px;
        
	}
	
	.preview .active-nav img {
		padding: 0;
		border: 2px solid #337ab7;
	}