/* 大图幻灯 */
.banner {height: 420px; position: relative; z-index: 12;}
.slide {width: 1920px; height: 420px; overflow: hidden; position: relative; z-index: 9; left: 50%; margin-left: -960px;}
.slide .slideshow-item {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 11;}
.slide .slideshow-item a, .slide .slideshow-item a img {width: 1920px; height: 420px; display: block;}
.slide .slideshow-item .slideinfo {display: none;}
.banner .wrap {position: relative; height: 420px; z-index: 10;}
.banner .slidebtn {position: absolute; width: 100%; bottom: 20px; left: 0; z-index: 10; text-align: center;}
.banner .slidebtn a {background: #000; width: 25px; height: 25px; border-radius: 100%; display: inline-block; _display: inline; text-align: center; margin: 0 0 0 5px; font-size: 12px; color: #fff;}
.banner .slidebtn a.activeSlide {background: #c40000;}

.container {background-color: #fff; padding: 20px 0 30px;}
.mt {height: 60px; line-height: 40px; padding: 0 5px 5px;}
.mt h3 {float: left; line-height:55px;font-size: 22px; color: #323232;}
.mt .more {float: right;line-height:55px; color: #323232; font-size: 14px;}

.mt1 {position: relative; height: 60px; line-height: 60px; padding: 0 0 5px;}
.mt1 h3 {text-align: center; font-size: 26px; color: #323232;}
.mt1 .tcorl {position: absolute; right: 5px; top: 30px;}
.mt1 .tcorl a {float: left; width: 7px; height: 7px; font-size: 0; line-height: 7px; overflow: hidden; margin-left: 9px; border: 2px solid #ff2832; background-color: #ff2832; border-radius: 7px;}
.mt1 .tcorl a.activeSlide {background-color: #fff;}

/* 优质商家推荐 */
.recbus {height: 160px; background-color: #fff; box-shadow: 0 0 15px #dfdfdf; overflow: hidden; margin-bottom: 10px;}
.recbus li {float: left; width: 142px; height: 80px; text-align: center;}
.w1200 .recbus li {width: 150px;}
.recbus li a {display: block; height: 80px; overflow: hidden;}
.recbus li a img {padding-top: 15px; height: 51px; vertical-align: middle;}
.recbus li a p {overflow: hidden; height: 20px; line-height: 20px; filter: alpha(opacity = 0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; color: #666;}


/* 限时大抢购 */
.panic {margin-bottom: -10px;}
.panic ul {width: 1024px;}
.w1200 .panic ul {width: 1224px;}
.panic li {float: left; width: 319px; margin: 0 22px 20px 0;}
.w1200 .panic li {width: 385px; margin: 0 23px 20px 0;}
.panic li a {display: block; padding-top: 10px; background-color: #fff; box-shadow: 0 0 15px #dfdfdf; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear;}
.panic li a:hover {background-color: #ff2832; box-shadow: 0 0 25px #9b9b9b;}
.panic li .p {position: relative; width: 300px; height: 266px; overflow: hidden; margin: 0 10px 0; background-color: #fff;}
.w1200 .panic li .p {width: 365px; height: 365px;}
.panic li .p img {width: 400px; height: 400px; margin-left: -55px; background: #f5f5f5;}
.w1200 .panic li .p img {margin-left: -20px;}
.panic li .t {position: absolute; left: 0; right: 0; bottom: -100px; padding: 5px 10px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;}
.panic li a:hover .t {bottom: 0;}
.panic li .t h4 {position: relative; z-index: 2; font-size: 14px; color: #333;}
.panic li .t span {position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background-color: #fff; filter: alpha(opacity = 70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7;}
.panic li .i {height: 55px; line-height: 55px; font-size: 14px; color: #929292;}
.panic li .i strong {float: left; font-size: 18px; color: #f40; margin-left: 10px;}
.w1200 .panic li .i strong {font-size: 26px;}
.panic li .i del {float: left; margin-left: 10px; line-height: 60px;}
.w1200 .panic li .i del {margin-left: 20px;}
.panic li .i span {float: right; line-height: 60px;}
.panic li .i span em {color: #dd2727;}
.panic li .i s {float: right; width: 38px; height: 38px; margin: 8px 10px 0 15px; border-radius: 50%; background-color: #ff2832;}
.panic li .i s i {width: 24px; height: 23px; display: block; margin: 7px auto 0; vertical-align: middle; background: url('sprite.png') no-repeat -54px -21px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;}
.panic li a:hover .i, .panic li a:hover .i strong, .panic li a:hover .i span em  {color: #fff;}
.panic li a:hover .i s {background-color: #fff;}
.panic li a:hover .i s i {background-position: -30px -21px;}

/* 新品发布 */
.xplm{ width:1200px; margin:auto; margin-top:20px; overflow:hidden;}
.xplm .xplmdi { width:660px; margin:auto; border-bottom:2px solid #d2d2d2; height:28px; position:relative;}
.xplm .xplmdi .xplmbt{ position:absolute; background:#FFF; font-size:26px; left: 50%; width: 140px; margin-left: -70px; text-align:center;}
.xplm .xplmfl { width:100%; float:left; margin-top:40px; text-align:center; font-size:18px; color:#666;}


.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
}
.wrapper {
	padding: 40px 0;
}
.card {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, .1);
	display: flex;
	flex-direction: column;
	transition: box-shadow .2s ease-in-out;
}
.card__picture {
	display: block;
	width: 100%;
	height: auto;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.card-infos {
	padding: 20px;
	background: #fff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.card-infos dd { margin-top:10px; overflow:hidden;}
.card-infos dd span{ font-size:22px; float:left; font-family: 'Hind'; color:#C00; font-weight:bold;}
.card-infos dd samp{ font-size:14px; float:right; font-family: 'Hind'; line-height:38px;}
.card-infos a { margin-top:10px; text-align:center; font-size:16px; display:block; line-height:40px; background:#eaeaea; margin-bottom:5px;}
.card-infos a:hover { color:#FFF; font-weight:500; background:#b81111;}


.card__title {
	font-size: 18px;
	text-align:center;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 10px;
}
.card__text {
	font-size: 14px;
	font-weight: 300;
	margin: 0;
	color: #86888A;
}
.card__text--high {
	font-weight: 600;
}
.header__title {
	margin: auto;
	font-weight: 300;
	font-size: 3.2rem;
	color: #fff;
}
.header__title--high {
	font-weight: 600;
}
.sortable__nav {
	display: flex;
	justify-content: center;
	height:0;
}
.nav__link {
	padding: 0 20px 4px;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 300;
	display: block;
	border-bottom: 2px solid transparent;
}
.nav__link.is-active {
	border-color: var(--main-bg-color);
}
.footer__list.list {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.list__item.item {
	display: flex;
}
.item__link.link {
	margin: 0;
}
.item__link.link:not(:first-child) {
	margin-left: 20px;
}
.link__icon {
	height: 2rem;
	width: 2rem;
}

.sjs-default {
	position: relative;
	padding: 0;
	margin: 0;
	opacity: 0;
	transition: height .2s ease-out, opacity .2s ease-out .2s
}
[data-sjsel] {
opacity:0;
position:absolute;
top:0;
left:0;
transition:-webkit-transform .2s ease-out;
transition:transform .2s ease-out;
transition:transform .2s ease-out, -webkit-transform .2s ease-out
}







.friendship-link {
    position: relative;
    background: #222;
    color: #fff;
    padding: 18px 0 5px 0;
}
.w1010 .friendship-link dd a {
    font-size: 12px;
}
.friendship-link dd a:hover {
    color: #fff;
}
.friendship-link dd {
    overflow: hidden;
    padding: 0 10px 10px 10px;
}
.friendship-link dd a {
    color: #a0a0a0;
    font-size: 13px;
    line-height: 26px;
    padding-right: 15px;
}
a:hover {
    color: #000;
}
.friendship-link-arrow {
    display: block;
    height: 20px;
    background: url(5468059102450959891_pic1.png) center center no-repeat;
    margin-bottom: -5px;
}
.friendship-link dt{
	overflow:hidden;
}
.friendship-link dt img {
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
.friendship-link dt .fl {
	width:568px;
	height:88px;
	float:right;
	background:url(di22.jpg) center no-repeat;
	margin:10px 0;
	position:relative;
}
.friendship-link dt .fl .username1{
	position:absolute;
	width: 200px;
    border: 0;
    top: 10px;
    left: 32px;
    font-size: 14px;
    line-height: 26px;
}
.friendship-link dt .fl .username2{
	position:absolute;
	width: 200px;
    border: 0;
    top: 10px;
    left: 276px;
    font-size: 14px;
    line-height: 26px;
}
.friendship-link dt .fl .username3{
	position:absolute;
	width: 440px;
    border: 0;
    top: 52px;
    left: 32px;
    font-size: 14px;
    line-height: 26px;
}
.friendship-link dt .fl .username4{
	position:absolute;
	width: 80px;
    border: 0;
	background:none;
    top: 5px;
    left: 488px;
    font-size: 14px;
    line-height: 78px;
	cursor: pointer;
}




.guanggao{ width:100%; border-top:3px solid #C00; overflow:hidden; margin-top:100px;}
.guanggao ul{ width:960px; background:url(di33.jpg) left no-repeat; height:80px; margin-left:auto; margin-right:auto;}
.guanggao ul li{ width:168px; float:left; font-size:16px; color:#C00; padding-top:10px; margin-left:70px;}

#footer {
    padding: 23px 0 24px 0;
    background: #121212;
    border-top: #3E3E3E solid 1px;
    text-align: center;
    font-size: 14px;
    color: #a0a0a0;
}
#footer .link {
    color: #fff;
    padding-bottom: 10px;
}
.w1190 {
    width: 1200px;
}
.marA {
    margin: auto;
}
#footer .link a {
    color: #fff;
    font-size: 15px;
}
#footer .link span {
    padding: 0 17px;
    color: #6D6D6D;
}
#footer p a {
    color: #a0a0a0;
}
#footer .authentication {
    padding-top: 18px;
}
#footer .authentication a:first-child {
    margin-left: 15px;
}
#footer .authentication a {
    display: inline-block;
    margin-right: 15px;
}