@charset "utf-8";
.right-sidebar-con {
	width: auto;
	position: fixed;
	right: 10px;
	bottom: 0;
	z-index: 1000002;
	height: 100%;
}

.right-sidebar-main {
	height: 100%;
	width: 36px;
}

.right-sidebar-panel {
	width: 36px;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	font-family: 'microsoft yahei', arial;
}

.right-sidebar-panel .quick-links-a {
	display: block;
	line-height: 200px;
	width: 36px;
	height: 38px;
	text-decoration: none;
	color: #d8d8d8;
	font-size: 12px;
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0px;
	z-index: 1;
	margin: 0;
	padding: 0;
}

.right-sidebar-panel .popup {
	height: 38px;
	line-height: 38px;
	width: 92px;
	position: absolute;
	z-index: 2;
	left: -121px;
	top: 0;
	background: #000;
	color: #d8d8d8;
	text-align: center;
	display: block;
	visibility: hidden;
}

.right-sidebar-panel .popup font {
	font-size: 12px;
}

.right-sidebar-panel i {
	width: 18px;
	height: 19px;
}

.right-sidebar-panel li i {
	background: url(../../images/right_sidebar/icon.png) no-repeat;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	position: absolute;
}

/* .right-sidebar-panel i.bonus, .right-sidebar-panel i.arrow-right, */
/* 	.right-sidebar-panel i.cart, .right-sidebar-panel i.history, */
/* 	.right-sidebar-panel i.contrast, .right-sidebar-panel i.stores, */
/* 	.right-sidebar-panel i.collect, .right-sidebar-panel i.customer-service, */
/* 	.right-sidebar-panel i.qr-code, .right-sidebar-panel i.top { */
/* 	display: inline-block; */
/* 	background: url(../images/common-icon.png) no-repeat; */
/* 	cursor: pointer; */
/* 	vertical-align: top; */
/* 	position: absolute; */
/* } */
.quick-links {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -150px;
	z-index: 2;
	width: 36px;
}

.quick-links_min .right-sidebar-panel {
	right: 280px;
}

.quick-links>ul>li {
	position: relative;
	display: block;
	left: 0;
	top: 0px;
	background: #ffffff;
	margin-top: 8px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .4);
}

.quick-links li:hover .quick-links-a, .quick-links li.current .quick-links-a
	{
	text-decoration: none;
}

.quick-links a i, .quick-links .cart-list i {
	width: 30px;
	height: 30px;
	left: 1px;
	top: 4px;
}

.quick-links i.user {
	background-position: 0 0;
}

.quick-links i.cart {
	background-position: 0 -34px;
}

.quick-links i.history {
	background-position: 0 -68px;
}

.quick-links i.collection {
	background-position: 0 -102px;
}

.quick-links i.customer-service {
	background-position: 0 -136px;
}

.quick-links i.qr-code {
	background-position: 0 -170px;
}

.quick-links i.contrast {
	background-position: -321px -150px;
}

.quick-links i.bonus {
	background-position: -361px -120px;
}

.quick-links .popup i.arrow-right {
	position: absolute;
	right: -5px;
	top: 15px;
	width: 5px;
	height: 9px;
	background-position: -294px -95px;
	overflow: hidden;
}

.quick-toggle {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 36px;
}

.quick-toggle li {
	position: relative;
	display: block;
	left: 0;
	top: 0px;
}

.quick-toggle li:hover .quick-links-a, .quick-toggle li.current .quick-links-a
	{
	text-decoration: none;
}

.quick-toggle a i {
	width: 30px;
	height: 30px;
	left: 2px;
	top: 4px;
}

.quick-toggle i.customer-service {
	background-position: -321px -180px;
}

.quick-toggle i.qr-code {
	background-position: -358px -30px;
}

.quick-toggle li.returnTop {
	height: 36px;
	display: none;
}

.quick-toggle li.returnTop a {
	width: 36px;
	height: 36px;
	line-height: 36px;
}

.quick-toggle li.returnTop a i.top, #quick-links li.returnTop a i.top {
	background: url(../../images/top.png) no-repeat;
	width: 22px;
	height: 22px;
	left: 7px;
	top: 7px;
}

.quick-toggle .popup i.arrow-right {
	position: absolute;
	right: -5px;
	top: 15px;
	width: 5px;
	height: 9px;
	background-position: -294px -95px;
	overflow: hidden;
}

/*侧边栏用户弹出内容*/
.sidebar-user, .sidebar-code, .sidebar-service {
	width: 237px;
	height: auto;
	padding: 15px 10px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .4);
	border-radius: 5px 0 0 5px;
	border: 1px solid #ddd\0;
	border-right: 0;
	z-index: 999999;
	position: absolute;
	top: 0;
	left: -257px;
	left: -248px\0;
	display: none;
}

.sidebar-user i.arrow-right, .sidebar-code i.arrow-right,
	.sidebar-service i.arrow-right {
	position: absolute;
	right: -5px;
	top: 15px;
	width: 5px;
	height: 9px;
	background-position: -294px -124px;
	overflow: hidden;
}

.sidebar-user {
	width: 250px;
	left: -270px;
	box-sizing: content-box;
}

.sidebar-user .user-pic {
	width: 74px;
	height: 74px;
	position: relative;
	margin: 0 auto;
	line-height: 74px;
	text-align: center;
}

.sidebar-user .user-pic img {
	width: 74px;
	height: 74px;
}

.sidebar-user .user-pic-mask {
	width: 74px;
	height: 74px;
/* 	background: url(../images/mask3.png) no-repeat center center; */
	position: absolute;
	left: 0;
	top: 0;
}

.sidebar-user p {
	text-align: center;
	padding-bottom: 10px;
}

.sidebar-user a {
	padding: 0 5px;
	margin: 0 5px;
	color: #0D84D4;
}

.sidebar-user .user-have-login {
	overflow: hidden;
}

.sidebar-user .user-have-login .user-pic {
	float: left;
}

.sidebar-user .user-have-login .user-info {
	width: 163px;
	padding-left: 10px;
	float: left;
	padding-top: 17px;
	overflow: hidden;
}

.sidebar-user .user-have-login .user-info p {
	text-align: left;
	padding-bottom: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sidebar-user .user-have-login .user-info p img {
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 3px;
	max-width: 100px;
	max-height: 20px;
}

.sidebar-user .prev-login {
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #999;
	display: inline-block;
}

.sidebar-user .btn {
	display: inline-block;
	padding: 0px 15px;
	background: #F9F9F9;
	border: 1px solid #eee;
	margin-top: 5px;
}

.sidebar-user .btn:hover {
	background: #fff;
}

/*侧边购物车*/
.quick-links .cart-list .cart_num{
	background: #000;
}
.quick-links .cart-list {
	/* 	line-height: 16px; */
	/* 		height: 130px; */
	/* 	background-position: -23px -225px; */
	/* 	color: #fff; */
	/* 		margin: 10px 0 10px; */
}

.quick-links .cart-list .cart_num {
	width: 15px;
	height: 15px;
	display: block;
	border-radius: 50%;
	text-align: center;
	line-height: 15px;
	cursor: pointer;
	color: #fff;
	position: absolute;
	right: 2px;
	top: 5px;
}

/*侧边栏二维码弹出内容*/
.sidebar-code {
	padding: 10px;
	width: 130px;
	height: 130px;
	top: auto;
	bottom: 0;
	left: -150px;
	text-align: center;
	line-height: 130px;
	box-sizing: content-box;
}

.sidebar-code i.arrow-right {
	top: auto;
	bottom: 15px;
}

.sidebar-code img {
	max-width: 100%;
	max-height: 100%;
}