/* header */

#header {

	height: 242px;

	background: #fff;

	box-shadow: 0px 4px 6px 0px rgba(59, 62, 70, 0.06);

}



.header-top {

	font-size:14px;

	height: 42px;

	line-height: 42px;

	color: #b4b4b4;

	background: #E8EAED;

}



.site-nav {

    height: 30px;

    line-height: 30px;

    background-color: #f5f5f5;

    border-bottom: 1px solid #eeeeee;

    font-size: 12px;

}



.sn-left {

    float: left;

}



.sn-left li {

    float: left;

    max-width: 250px;

    white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

}



.sn-left .split {

    color: #dddddd;

    margin: 0 8px;

}



.sn-left .signin {

    color: #ffa902;

}



.sn-left .reg {

    color: #e40000;

}



.header-ope a {

	color: #b4b4b4;

	cursor: pointer;

}



.header-ope span {

	margin: 0 14px;

	color: #555;

}



.header-center {

	height: 154px;

	overflow: hidden;

}



.header-title {

	margin-top: 40px;

	width: 174px;

	text-align: center;

	cursor: pointer;

}



.banner-title {

	/*此颜色固定*/

	color:#ffffff;

	width: 174px;

	text-align: center;

	cursor: pointer;

}



.banner-title>div:first-child {

	margin-top: 8px;

	height: 40px;

	line-height: 40px;

	font-size: 40px;

	font-family: 'hxb';

}



.banner-title>div:nth-child(2) {

	height: 27px;

	line-height: 27px;

	font-size: 15px;

}



.header-title>div:first-child {

	height: 52px;

	line-height: 52px;

	font-size: 43px;

	font-family: 'hxb';

}



.header-title>div:nth-child(2) {

	height: 27px;

	line-height: 27px;

	font-size: 17px;

}



.header-search {

	width: 651px;

	margin: 22px 0 0 101px;

}



.search-hdl {

	float: left;

	height: 36px;

	line-height: 36px;

	margin-left: 20px;

	font-size: 15px;

	color: #5c5c5c;

	cursor: pointer;

}



.search-hdl:first-child {

	margin-left: 5px;

}



.search-hdl.active {

	position: relative;

	font-size: 16px;

}



.search-hdl.active:after {

	content: '';

	position: absolute;

	width: 16px;

	height: 6px;

	left: 0;

	right: 0;

	bottom: 0;

	margin: 0 auto;

	background: center center no-repeat;

}



.search-border {

	width: 553px;

	height: 42px;

	border: 2px solid;

}



.search-border>input {

	width: calc(100% - 88px);

	height: 100%;

	font-size: 15px;

	padding: 0 10px 0 32px;

	background: url("../../images/index_new/index/icon_search.png") 10px

		center no-repeat;

}



.search-border>button, .adv-search {

	width: 88px;

	height: 100%;

	font-size: 16px;

	color: #fff;

	cursor: pointer;

}



.adv-search {

	width: 90px;

	height: 42px;

	margin-left: 8px;

}



.search-hot {

	margin-top: 8px;

	height: 22px;

	line-height: 22px;

}



.search-hot a {

	color: #bdbdbd;

	margin-left: 17px;

}



.search-hot a:first-child {

	margin-left: 0;

}



.header-cart {

	position: relative;

	width: 140px;

	margin: 58px 0 0 24px;

	height: 42px;

	line-height: 40px;

	font-size: 16px;

	color: #5c5c5c;

	text-align: center;

	border: 1px solid #d6d6d6;

	border-radius: 4px;

	cursor: pointer;

}



.header-cart-icon {

	display: inline-block;

	vertical-align: top;

	width: 18px;

	height: 16px;

	margin: 11px 8px 0 0;

	background: center center no-repeat;

}



.header-cart-num {

	position: absolute;

	left: 24px;

	top: 0px;

	width: 23px;

	height: 23px;

	text-align: center;

	line-height: 21px;

	color: #fff;

	font-size: 12px;

	border-radius: 50%;

	background: #ff2323;

}



.header-code {

	margin-top: 38px;

}



.header-code-cont {

	width: 80px;

	height: 80px;

	padding: 8px;

	border: 1px solid #e4e4e4;

	box-shadow: 0px 1px 10px 0px rgba(59, 62, 70, 0.08);

}



.header-code-cont>img {

	display: block;

	width: 100%;

	height: 100%;

}



.header-code-name {

	height: 28px;

	line-height: 28px;

	text-align: center;

	font-size: 13px;

	color: #666;

}



.header-bottom {

	height: 46px;

}



.nav-item {

	float: left;

	height: 44px;

	line-height: 44px;

	padding: 0 18px;

	margin-left: 12px;

	font-size: 17px;

}



.nav-item:first-child {

	margin-left: 0;

}



.nav-item a {

	color: #5c5c5c;

}



.nav-item.active {

	position: relative;

	font-size: 18px;

	font-family: "SourceHanSansCN-Medium";

}



.nav-item.active:after {

	content: '';

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	height: 2px;

}



.site {

	position: relative;

	margin-top: 6px;

}



.site-cont {

	width: 150px;

	height: 30px;

	line-height: 28px;

	padding-left: 10px;

	padding-right: 30px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 15px;

	color: #666;

	border-radius: 2px;

	border: 1px solid #d6d6d6;

	background: url("../../images/index_new/index/icon_site.png") right 9px

		center no-repeat;

	cursor: pointer;

}



.site-search {

	position: absolute;

	top: 36px;

	right: 0;

	z-index: 999;

	width: 398px;

	padding: 22px 0 20px;

	background: #fff;

	box-shadow: 0px 3px 10px 0px rgba(59, 62, 70, 0.28);

	border-radius: 2px;

}



.site-search-close {

	position: absolute;

	width: 11px;

	height: 11px;

	top: 15px;

	right: 10px;

	cursor: pointer;

	background: url("../../images/index_new/index/icon_close.png") center

		center no-repeat;

}



.site-search-cont {

	width: 320px;

	height: 34px;

	margin-left: 18px;

	border: 1px solid #d6d6d6;

}



.site-input {

	width: 257px;

	height: 100%;

	font-size: 15px;

	padding: 0 10px 0 35px;

	background: url("../../images/index_new/index/icon_search.png") 10px

		center no-repeat;

}



.site-search-btn {

	width: 62px;

	height: 34px;

	margin: -1px -1px 0 0;

	color: #fff;

	cursor: pointer;

}



/*.site-items {

	padding: 0 6px;

	margin-top: 20px;

}



.site-item {

	float: left;

	width: 25%;

	height: 34px;

	line-height: 34px;

	padding: 0 13px;

	color: #5c5c5c;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	cursor: pointer;

	border-radius: 2px;

}*/



/* footer */

html {

	position: relative;

	min-height: 100%;

}



.footer {

	height: 206px;

	background: #000000;

	text-align: center;

	padding-top: 35px;

	min-width: 1200px;

	bottom: 0;

	left: 0;

	right: 0;

	color: #a7aebf;

}



.footer a {

	/*color: #a7aebf;*/

}



.footer-link-cont {

	height: 23px;

	line-height: 23px;

}



.footer-link-cont span {

	margin: 0 13px;

}



.footer-visit {

	margin-top: 22px;

	height: 22px;

	line-height: 22px;

}



.footer-visit span {

	margin-left: 18px;

}



.footer-visit span:first-child {

	margin-left: 0;

}



.footer-unit, .footer-ab {

	height: 26px;

	line-height: 26px;

}



.footer-unit {

	margin-top: 18px;

	white-space: nowrap;

}



.footer-unit>span, .footer-ab>span {

	display: inline-block;

	vertical-align: top;

	width: 240px;

	text-align: left;

}



/* 渚ц竟鏍� */

.totop {

	position: absolute;

	width: 70px;

	height: 70px;

	bottom: 158px;

	left: -83px;

	box-shadow: 0px 1px 11px 0px rgba(66, 83, 99, 0.18);

	border-radius: 2px;

	background: url("../../images/index_new/index/totop.png") center center

		no-repeat #fff;

	cursor: pointer;

}



.header-side-bar {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	margin-right: -280px;

	z-index: 999;

}



.side-items {

	position: absolute;

	top: 275px;

	left: -83px;

	width: 70px;

	background: #fff;

	box-shadow: 0px 1px 11px 0px rgba(66, 83, 99, 0.18);

	border-radius: 2px;

	overflow: hidden;

}



.side-item>a {

	position: relative;

	display: block;

	height: 66px;

	padding-top: 14px;

}



.side-item-icon {

	display: block;

	height: 20px;

	background: center center no-repeat;

}



.side-item-name {

	height: 25px;

	line-height: 25px;

	text-align: center;

	font-size: 13px;

	color: #5c5c5c;

}



.order {

	background-image: url("../../images/index_new/index/icon_order.png");

}



.shopping {

	background-image: url("../../images/index_new/index/icon_shopping.png");

}



.message {

	background-image: url("../../images/index_new/index/icon_message.png");

}



.follow {

	background-image: url("../../images/index_new/index/icon_follow.png");

}



.record {

	background-image: url("../../images/index_new/index/icon_record.png");

}



 .hotphone {

	background-image: url("../../images/index_new/index/icon_phone.png");

}



.side-item>a:hover, .side-item>a.active {

	border-radius: 2px;

}



.side-item>a:hover .side-item-name, .side-item>a.active .side-item-name

	{

	color: #fff;

}



.side-item>a:hover .order {

	background-image: url("../../images/index_new/index/icon_orderh.png");

}



.side-item>a:hover .shopping, .side-item>a.active .shopping {

	background-image: url("../../images/index_new/index/icon_shoppingh.png");

}



.side-item>a:hover .message {

	background-image: url("../../images/index_new/index/icon_messageh.png");

}



.side-item>a:hover .follow, .side-item>a.active .follow {

	background-image: url("../../images/index_new/index/icon_followh.png");

}



.side-item>a:hover .record {

	background-image: url("../../images/index_new/index/icon_recordh.png");

}



.side-item>a:hover .hotphone {

	background-image: url("../../images/index_new/index/icon_phoneh.png");

}



.side-cart-num {

	position: absolute;

	top: 8px;

	right: 6px;

	width: 23px;

	height: 23px;

	line-height: 22px;

	text-align: center;

	color: #f1eded;

	background: #ff2323;

	border-radius: 50%;

}



.header-side {

	width: 280px;

	height: 100%;

	background: #fff;

	box-shadow: 0px 3px 10px 0px rgba(36, 30, 30, 0.18);

	z-index: 99;

}



.cart-side, .follow-side {

	display: none;

	height: 100%;

}



.cart-hd, .follow-hd {

	height: 48px;

	line-height: 48px;

	padding-left: 27px;

	padding: 0 15px 0 42px;

	font-size: 15px;

	color: #5c5c5c;

	background: url("../../images/index_new/index/icon_shopping.png") 16px

		center no-repeat;

}



.follow-hd {

	background: url("../../images/index_new/index/icon_follow.png") 18px

		center no-repeat;

}



.side-close {

	width: 11px;

	height: 11px;

	margin-top: 16px;

	cursor: pointer;

	background: url("../../images/index_new/index/icon_close.png") center

		center no-repeat;

}



.side-del {

	width: 11px;

	height: 11px;

	margin-top: 5px;

	cursor: pointer;

	background: url("../../images/index_new/index/icon_close.png") center

		center no-repeat;

	float: right;

	margin-right: 5px;

	cursor:pointer;

}



.cart-items-cont {

	height: calc(100% - 63px - 57px);

}



.cart-items {

	padding: 0 15px;

}



.cart-item {

	height: 80px;

	margin-top: 10px;

	border: 1px solid #e0e0e0;

}



.cart-item:first-child {

	margin-top: 0;

}



.cart-item-img {

	width: 79px;

	height: 100%;

	font-size: 0;

	text-align: center;

	background: #f6f6f6;

}



.cart-item-img>img {

	display: inline-block;

	vertical-align: middle;

	width: 88%;

	height: auto;

	max-height: 100%;

	font-size: 14px;

}



.cart-item-img>i {

	display: inline-block;

	vertical-align: middle;

	height: 100%;

	width: 0;

}



.cart-item-cont {

	width: calc(100% - 79px - 16px);

	padding-top: 3px;

	padding-left: 10px;

}



.cart-item-name {

	height: 40px;

	line-height: 20px;

	color: #5c5c5c;

}



.cart-item-price {

	margin-top: 5px;

}



.cart-price {

	word-break: break-all;

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

	height: 22px;

	line-height: 22px;

	font-size: 14px;

	font-family: "SourceHanSansCN-Medium";

}



.cart-num-ope {

	height: 22px;

	text-align: center;

	width: 40px;

	margin-right: 9px;

	font-size: 13px;

	color: #5c5c5c;

}



.cart-reduce, .cart-add {

	width: 17px;

	height: 100%;

	line-height: 20px;

	cursor: pointer;

	background: #fff;

}



.cart-num {

	width: 26px;

	height: 100%;

	text-align: center;

	line-height: 20px;

	border: solid #e0e0e0;

	border-width: 0 1px;

}



.cart-reduce.disable {

	color: #e0e0e0;

}



.mCSB_scrollTools {

	right: 4px;

}



.settlement {

	margin: 0 15px;

	padding-top: 12px;

	border-top: 1px solid #e8e8e8;

}



.settlement-money {

	height: 32px;

	line-height: 32px;

}



.settlement-money>span {

	font-size: 18px;

	font-family: "SourceHanSansCN-Medium";

}



.settlement-btn {

	width: 100px;

	height: 32px;

	color: #fff;

	border-radius: 4px;

	cursor: pointer;

}



.tab-follow {

	padding: 0 15px;

	height: calc(100% - 48px);

}



.tab-bd {

	height: calc(100% - 30px);

}



.tab-bd>div {

	height: 100%;

	overflow: hidden;

}



.tab-hd {

	border: 1px solid #e8e8e8;

	border-radius: 4px;

}



.tab-hdl {

	float: left;

	width: 50%;

	height: 28px;

	line-height: 28px;

	color: #5c5c5c;

	text-align: center;

	border-radius: 4px;

	cursor: pointer;

}



.tab-hdl.active {

	color: #fff;

}



.goods-tips {

	height: 30px;

	line-height: 28px;

	padding-left: 13px;

	border-radius: 4px;

	margin: 10px 15px 0;

}



.goods-close {

	width: 8px;

	height: 8px;

	margin: 10px 9px 0 0;

	cursor: pointer;

	background: center center no-repeat;

}



.goods-items-cont {

	height: calc(100% - 20px);

	margin: 0 -15px;

}



.goods-items {

	margin: 13px 15px 0;

}



.goods-item-index {

	position: relative;

	float: left;

	width: calc(( 100% - 8px)/2);

	height: 140px;

	margin-left: 8px;

	background: #f6f6f6;

	border: 1px solid transparent;

}



.goods-item-index:nth-child(2n+1) {

	margin-left: 0;

}



.goods-item-index:nth-child(n+3) {

	margin-top: 8px;

}



.goods-item-index:hover {

	background: #fff;

}



.goods-item-cont {

	display: block;

	height: 100%;

}



.goods-item-img {

	height: 100px;

	font-size: 0;

	text-align: center;

}



.goods-item-img>img {

	display: inline-block;

	vertical-align: middle;

	width: 88%;

	height: auto;

	max-height: 100%;

	font-size: 14px;

}



.goods-item-img>i {

	display: inline-block;

	vertical-align: middle;

	height: 100%;

	width: 0;

}



.goods-item-money {

	height: 30px;

	line-height: 30px;

	text-align: center;

	font-size: 20px;

	font-family: "SourceHanSansCN-Medium";

}



.goods-item-index.down:after {

	content: '关';

	position: absolute;

	top: 0;

	right: 6px;

	width: 22px;

	height: 22px;

	line-height: 22px;

	text-align: center;

	color: #fff;

	font-size: 13px;

	border-radius: 0 0 4px 4px;

	background: #fa873a;

	background: -moz-linear-gradient(top, #fa873a 0%, #f29f5b 100%);

	background: -webkit-linear-gradient(top, #fa873a 0%, #f29f5b 100%);

	background: -o-linear-gradient(top, #fa873a 0%, #f29f5b 100%);

	background: -ms-linear-gradient(top, #fa873a 0%, #f29f5b 100%);

	background: linear-gradient(to bottom, #fa873a 0%, #f29f5b 100%);

}



.shop-items-cont {

	margin: 0 -15px;

	height: calc(100% - 20px);

}



.shop-items {

	padding: 0 15px;

}



.shop-item {

	margin-top: 8px;

}



.shop-item:first-child {

	margin-top: 10px;

}



.shop-item-cont {

	height: 83px;

	padding-left: 15px;

	overflow: hidden;

}



.shop-item-name {

	margin-top: 13px;

	height: 23px;

	line-height: 23px;

	color: #fff;

	font-size: 15px;

	font-family: "SourceHanSansCN-Medium";

}



.shop-item-link {

	display: block;

	width: 70px;

	height: 26px;

	line-height: 26px;

	margin-top: 10px;

	font-size: 13px;

	color: #7a7a99;

	text-align: center;

	background: #fff;

	border-radius: 2px;

}



@media ( max-width :1366px) {

	.side-items {

		top: 80px;

	}

	.totop {

		bottom: 50px;

	}

}