.cf {

  width: 100%;

  background-color: #F6F6F6;

}

.goods1 {

  background: #F6F6F6 url(../fonts/dd8c5dc1a2e545cc83dbbcb5e022f7d9.woff);

  overflow: hidden

}

figure {

  margin: 1em 40px

}

hr {

  box-sizing: content-box;

  height: 0

}

pre, textarea {

  overflow: auto

}

code, kbd, pre, samp {

  font-family: monospace, monospace;

  font-size: 1em

}

button, input, optgroup, select, textarea {

  color: inherit;

  font: inherit;

  margin: 0

}

.fs-sm, .tips, html {

  font-size: 14px

}

button {

  overflow: visible

}

button, select {

  text-transform: none

}

button, html input[type=button], input[type=reset], input[type=submit] {

  -webkit-appearance: button;

  cursor: pointer

}
.fl{
	float:left;
}
button[disabled], html input[disabled] {

  cursor: default

}

 button::-moz-focus-inner, input::-moz-focus-inner {

 border:0;

 padding:0

}

input {

  line-height: normal

}

input[type=checkbox], input[type=radio] {

  box-sizing: border-box;

  padding: 0

}

 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {

 height:auto

}

input[type=search] {

  -webkit-appearance: textfield;

  box-sizing: content-box

}

 input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {

 -webkit-appearance:none

}

fieldset {

  border: 1px solid silver;

  margin: 0 2px;

  padding: .35em .625em .75em

}

.hide, legend, td, th {

  padding: 0

}

legend {

  border: 0

}

optgroup {

  font-weight: 700

}

table {

  border-collapse: collapse;

  border-spacing: 0

}

a, body, button, div, h1, h2, h3, h4, h5, h6, img, input, li, ol, p, span, table, td, tr, ul {

  padding: 0;

  margin: 0

}

a:active {

  -webkit-tap-highlight-color: transparent

}

/*默认文本粗度*/

a, b, div, em, h1, h2, h3, h4, h5, h6, li, p, span, strong {

  font-weight: 100

}

/*默认文本粗度*/

/*指定标签文本加粗*/

a, b, div, em, h1, h2, h3, h4, h5, h6,span{

  font-weight: bold;

}

/*指定标签文本加粗*/

li, ol, ul {

  list-style: none

}

em {

  font-style: normal

}

img {

  border: none;

  vertical-align: middle

}

html {

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

  font-family: "Hiragino Sans GB", 'Microsoft Yahei', "寰蒋闆呴粦", STXihei, "鍗庢枃缁嗛粦", Georgia, "Times New Roman", Arial, sans-serif, serif

}

.goods_list.hot .goods_price del, .goods_list.sale .goods_price del, .num {

  font-family: Arial

}

.tips {

  color: #a3a3a3

}

.tips.warn {

  color: tomato

}

.b-thick {

  color: #1e1e1e

}

.b-base {

  color: #3f3f3f

}

.b-thin {

  color: #7b7b7b

}

.b-thinner {

  color: #a3a3a3

}

.red-base {

  color: tomato

}

.fs-base {

  font-size: 16px

}

.fs-mid {

  font-size: 18px

}

.fs-big {

  font-size: 28px

}

.tx-l {

  text-align: left

}

.tx-r {

  text-align: right

}

.tx-c {

  text-align: center

}

.icon_select {

  display: inline-block;

  width: 23px;

  height: 23px;

}

.content {

  width: 990px;

  margin: 40px auto 0

}

.l {

  float: left

}

.r {

  float: right

}

.logo, .navbar, .navbar .nav-item {

  float: left

}

.cf:after, .cf:before {

  content: "";

  display: table

}

.cf:after {

  clear: both

}

.cf {

  zoom: 1

}

:focus {

  -moz-outline-style: none;

  outline: 0

}

.hide {

  width: 1px;

  height: 1px;

  margin: -1px;

  overflow: hidden;

  clip: rect(0,0,0,0);

  border: 0

}

.header, .header .wrapper, .logo, .navbar .nav-item {

  position: relative

}

.header {

  height: 70px;

  background-color: #27292b;

  z-index: 1060

}

.header .wrapper {

  width: 1200px;

  margin: 0 auto;

  z-index: 10

}

.logo {

  left: 0;

  z-index: 1060

}

.logo a {

  display: block;

  height: 76px

}

.logo img {

  height: 100%;

  width: auto

}

.navbar .nav-item.active .nav-item-a, .navbar .nav-item:hover .nav-item-a {

  background-color: #060001

}

.navbar .nav-item .nav-item-a {

  position: relative;

  display: inline-block;

  vertical-align: top;

  height: 70px;

  line-height: 70px;

  /*width: 150px;*/

  min-width: 150px;

  border-right: 1px solid #212325;

  text-align: center;

  color: #fcfdfd;

  font-size: 18px;

  background-color: #27292b;

  transition: background-color .2s ease

}

.navbar .nav-item .nav-item-a .class, .navbar .nav-item .nav-item-a .star, .navbar .nav-item .nav-item-a .qun, .navbar .nav-item .nav-item-a .sou, .navbar .nav-item .nav-item-a .MF {

  margin-left: 24px;

  width: 20px;

  height: 20px;

  background-image: url(../images/sprite.3db4788c.png);

  float: left;

  cursor: pointer

}

.navbar .nav-item .nav-item-a .class {

  width: 20px;

  height: 20px;

  margin-top: 26px;

  background-position: -1px -1px

}

.navbar .nav-item .nav-item-a .star {

  width: 25px;

  height: 25px;

  margin-top: 23px;

  background-position: -98px -52px

}

.navbar .nav-item .nav-item-a .qun {

  width: 25px;

  height: 25px;

  margin-top: 23px;

  background-position: -98px -25px

}

.navbar .nav-item .nav-item-a .sou {

  margin-top: 23px;

  width: 25px;

  height: 25px;

  background-position: -65px -25px

}

.navbar .nav-item .nav-item-a .MF {

  margin-top: 23px;

  width: 27px;

  height: 25px;

  background-position: -126px -52px

}

.category {

  position: absolute;

  top: 70px;

  width: 100%;

  height: 140px;

  z-index: 9;

  display: none

}

.category .category-bg {

  width: 100%;

  height: 140px;

  background-color: #f7f7f7;

  opacity: .96;

  filter: alpha(opacity=96)

}

.category .category-sub-navbar {

  position: absolute;

  width: 990px;

  left: 50%;

  margin-left: -495px;

  top: 0

}

.category .category-sub-navbar li {

  margin: 40px 27px 0;

  display: inline-block;

  text-align: center

}

.category .category-sub-navbar li img {

  width: 50px;

  height: 50px

}

.category .category-sub-navbar li p {

  color: #3f3f3f;

  font-size: 14px

}

.sub-navbar {

  display: none;

  position: absolute;

  z-index: 100

}

.sub-navbar a {

  display: block;

  height: 50px;

  line-height: 50px;

  color: #fff;

  text-align: center;

  font-size: 14px;

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQkRFMkRENTRENzgxMUU1ODExM0UwRDdGODY0RUIwRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQkRFMkRENjRENzgxMUU1ODExM0UwRDdGODY0RUIwRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFCREUyREQzNEQ3ODExRTU4MTEzRTBEN0Y4NjRFQjBFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFCREUyREQ0NEQ3ODExRTU4MTEzRTBEN0Y4NjRFQjBFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SgXgjwAAABVJREFUeNpizEhNvskABEwMUAAQYAAfGQIN1mxjRAAAAABJRU5ErkJggg==);

  background-repeat: repeat;

  border-bottom: 1px solid #535456

}

.sub-navbar a:hover {

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQkRFMkRENTRENzgxMUU1ODExM0UwRDdGODY0RUIwRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQkRFMkRENjRENzgxMUU1ODExM0UwRDdGODY0RUIwRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFCREUyREQzNEQ3ODExRTU4MTEzRTBEN0Y4NjRFQjBFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFCREUyREQ0NEQ3ODExRTU4MTEzRTBEN0Y4NjRFQjBFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SgXgjwAAABVJREFUeNpizEhNvskABEwMUAAQYAAfGQIN1mxjRAAAAABJRU5ErkJggg==);

}

.login {

  float: right;

  color: #fff;

  font-size: 0

}

.login .scoring {

  display: inline-block;

  position: relative;

  font-size: 18px;

  cursor: pointer

}

.login .scoring:hover .scoring-user {

  background-color: #060001

}

.login .scoring .click-area {

  display: block;

  height: 70px;

  color: #fff

}

.login .scoring .mine {

  float: left;

  width: 30px;

  height: 30px;

  background-image: url(../images/sprite.3db4788c.png);

  margin-top: 20px;

  background-size: 100%;

  border-radius: 50%;

}

.login .scoring .unpay-tag {

  position: absolute;

  top: 18px;

  left: 32px;

  width: 10px;

  height: 10px;

  border-radius: 5px;

  background: tomato;

  visibility: hidden

}

.login .scoring .unpay-tag.show {

  visibility: visible

}

.login .scoring em {

  float: left;

  margin-left: 10px;

  max-width: 118px;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

  cursor: pointer

}

.login .scoring-user {

  position: relative;

  padding: 0 10px;

  color: #fff;

  display: inline-block;

  line-height: 70px

}

.login .sub-navbar {

  top: 70px;

  left: -1px;

  width: 150px

}

.login .shopping-cart {

  position: relative;

  display: inline-block;

  height: 70px;

  width: 90px;

  vertical-align: top

}

.login .shopping-cart:hover {

  background-color: #060001

}

.login .shopping-cart .cart {

  position: relative;

  margin: 20px auto 0;

  width: 30px;

  height: 30px;

  background-image: url(../images/sprite.3db4788c.png);

  background-position: -62px -22px

}

.login .shopping-cart .cart .badge {

  position: absolute;

  width: 16px;

  height: 16px;

  right: -8px;

  top: -4px;

  color: #fff;

  font-size: 12px;

  text-align: center;

  line-height: 16px;

  border-radius: 50%;

  background-color: #35c367

}

.search-product a {

  height: 70px;

  position: absolute;

  right: 0;

  top: 0;

  width: 90px;

  background-color: #121213

}

.search-product .search {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 30px;

  height: 30px;

  margin-left: -15px;

  margin-top: -15px;

  background-image: url(../images/sprite.3db4788c.png);

  background-position: -63px -22px

}



body {

  background-color: #f6f6f6

}

.banner-wrap {

  position: relative;

  width: 100%;

  height: 390px

}

.banner-wrap .banner-list {

  height: 390px

}

.banner-wrap .banner-list .banner-item {

  width: 100%;

  height: 390px;

  position: absolute;

  overflow: hidden

}

.banner-wrap .banner-list .banner-item a {

  display: block;

  width: 100%;

  height: 390px;

  text-decoration: none;

  outline-style: none

}

.banner-wrap .banner-list .banner-item img {

  position: absolute;

  height: 390px;

  width: 1920px;

  left: 50%;

  margin-left: -960px;

  background-repeat: no-repeat;

  background-position: center;

  opacity: 0;

  filter: alpha(opacity=0)

}

.banner-wrap .banner-list .banner-item.active {

  z-index: 999

}

.banner-wrap .banner-list .banner-item.active img {

  opacity: 1;

  filter: alpha(opacity=100)

}

.banner-wrap .banner-ctrls {

  position: absolute;

  width: 200px;

  left: 50%;

  margin-left: -50px;

  bottom: 30px;

  z-index: 1000

}

.banner-wrap .banner-ctrls .banner-ctrl-item {

  float: left;

  margin: 0 10px;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background-color: #fff;

  opacity: .5;

  filter: alpha(opacity=50);

  cursor: pointer

}

.banner-wrap .banner-ctrls .banner-ctrl-item.active, .banner-wrap .banner-ctrls .banner-ctrl-item:hover {

  opacity: 1;

  filter: alpha(opacity=100)

}

.entry {

  width: 980px;

  padding: 0 5px;

  margin: 40px auto

}

.entry .entry-list .entry-item {

  position: relative;

  float: left;

  margin-bottom: 20px;

  height: 54px;

  overflow: hidden

}

.entry .entry-list .entry-item a {

  display: block;

  height: 54px

}

.entry .entry-list .entry-item .entry-cover {

  position: absolute;

  height: 54px;

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQkRFMkRENTRENzgxMUU1ODExM0UwRDdGODY0RUIwRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQkRFMkRENjRENzgxMUU1ODExM0UwRDdGODY0RUIwRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFCREUyREQzNEQ3ODExRTU4MTEzRTBEN0Y4NjRFQjBFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFCREUyREQ0NEQ3ODExRTU4MTEzRTBEN0Y4NjRFQjBFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SgXgjwAAABVJREFUeNpizEhNvskABEwMUAAQYAAfGQIN1mxjRAAAAABJRU5ErkJggg==);

  background-repeat: repeat

}

.entry .entry-list .entry-item .entry-pic {

  position: absolute;

  width: 100%

}

.entry .entry-list .entry-item .entry-name {

  position: absolute;

  height: 54px;

  left: 0;

  top: 0;

  line-height: 54px;

  color: #3f3f3f;

  font-size: 16px;

  text-align: center;

  background-color: #e6e6e6;

  cursor: pointer

}

.entry .entry-list .entry-item:hover .entry-name {

  background-color: transparent;

  color: #fff

}

.entry.entry-1 .entry-list, .entry.entry-2 .entry-list, .entry.entry-3 .entry-list, .entry.entry-4 .entry-list {

  margin-left: -20px

}

.entry.entry-1 .entry-list .entry-item, .entry.entry-2 .entry-list .entry-item, .entry.entry-3 .entry-list .entry-item, .entry.entry-4 .entry-list .entry-item {

  margin-left: 20px

}

.entry.entry-1 .entry-list .entry-item .entry-pic, .entry.entry-2 .entry-list .entry-item .entry-pic, .entry.entry-3 .entry-list .entry-item .entry-pic, .entry.entry-4 .entry-list .entry-item .entry-pic {

  top: -180%

}

.entry.entry-1 .entry-list .entry-cover, .entry.entry-1 .entry-list .entry-item, .entry.entry-1 .entry-list .entry-name, .entry.entry-2 .entry-list .entry-cover, .entry.entry-2 .entry-list .entry-item, .entry.entry-2 .entry-list .entry-name, .entry.entry-3 .entry-list .entry-cover, .entry.entry-3 .entry-list .entry-item, .entry.entry-3 .entry-list .entry-name, .entry.entry-4 .entry-list .entry-cover, .entry.entry-4 .entry-list .entry-item, .entry.entry-4 .entry-list .entry-name {

  width: 230px

}

.entry.entry-5 .entry-list {

  margin-left: -15px

}

.entry.entry-5 .entry-list .entry-item {

  margin-left: 15px

}

.entry.entry-5 .entry-list .entry-item .entry-pic {

  top: -130%

}

.entry.entry-5 .entry-list .entry-cover, .entry.entry-5 .entry-list .entry-item, .entry.entry-5 .entry-list .entry-name {

  width: 184px

}

.entry.entry-6 .entry-list {

  margin-left: -11px

}

.entry.entry-6 .entry-list .entry-item {

  margin-left: 11px

}

.entry.entry-6 .entry-list .entry-item .entry-pic {

  top: -100%

}

.entry.entry-6 .entry-list .entry-cover, .entry.entry-6 .entry-list .entry-item, .entry.entry-6 .entry-list .entry-name {

  width: 154px

}

.entry.entry-7 .entry-list {

  margin-left: -9px

}

.entry.entry-7 .entry-list .entry-item {

  margin-left: 9px

}

.entry.entry-7 .entry-list .entry-item .entry-pic {

  top: -80%

}

.entry.entry-7 .entry-list .entry-cover, .entry.entry-7 .entry-list .entry-item, .entry.entry-7 .entry-list .entry-name {

  width: 132px

}

.entry.entry-8 .entry-list {

  margin-left: -7px

}

.entry.entry-8 .entry-list .entry-item {

  margin-left: 7px

}

.entry.entry-8 .entry-list .entry-item .entry-pic {

  top: -60%

}

.entry.entry-8 .entry-list .entry-cover, .entry.entry-8 .entry-list .entry-item, .entry.entry-8 .entry-list .entry-name {

  width: 116px

}

.content, .entry {

  margin-top: 20px

}

.section {

  width: 990px;

  margin-bottom: 30px

}

.section .section-header .title {

  overflow: hidden;

  clear: both

}

.section .section-header img {

  width: 30px;

  height: 30px;

  float: left;

  margin-right: 10px;

  margin-top: 2px;

  margin-left: 6px

}

.section .section-header h2 {

  color: #000000;

  font-size: 24px

}

.section .section-header a {

	   float:right; 
	   
	   background:#000000;

	   color:#f7f7f7;

		border-radius:15px;

		padding:2px 20px;

		font-size:16px;

		display:inline;

		margin:2px 0 0 0;
		margin-top: -28px
}


.section .section-header .more .txt {

  color: #3f3f3f

}

.section .section-header .more:hover .txt {

  color: #1e1e1e

}

.section .section-header {

  margin-bottom: 15px

}

.section .section-header .icon_hand {

  float: left;

  margin-top: 5px;

  margin-right: 10px;

  width: 25px;

  height: 25px;

  background-image: url(../images/sprite.3db4788c.png);

  background-position: -63px -307px

}

.section .section-header .more {

  float: right;

  cursor: pointer

}

.section .section-header .txt {

  float: right;

  margin-right: 10px

}

.section .section-header .icon_change {

  float: right;

  margin-top: 2px;

  width: 16px;

  height: 16px;

  background-image: url(../images/sprite.3db4788c.png);

  background-position: -1px -128px;

  cursor: pointer

}

.section.hot .goods_wrap:hover, .section.new .goods_wrap:hover {

  box-shadow: 0 15px 30px rgba(0,0,0,.1);

  transform: translate3d(0, -2px, 0)

}

.goods_list {

  padding-bottom: 74px;

  font-size: 0

}

.goods_list .goods_wrap {

  position: relative;

  z-index: 1;

  display: inline-block

}

.goods_list .goods_wrap.surface {

  z-index: 2

}

.goods_list .goods {

  padding: 9px 9px 20px;

  border: 1px solid #ececec;

  margin: 0 10px 10px 0

}

.goods_list .goods.like .goods_like {

  color: #ff3b3b

}

.goods_list .goods_pic {

  position: relative

}

.goods_list .goods_pic .status {

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 26px;

  text-align: center;

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQkRFMkRENTRENzgxMUU1ODExM0UwRDdGODY0RUIwRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQkRFMkRENjRENzgxMUU1ODExM0UwRDdGODY0RUIwRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFCREUyREQzNEQ3ODExRTU4MTEzRTBEN0Y4NjRFQjBFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFCREUyREQ0NEQ3ODExRTU4MTEzRTBEN0Y4NjRFQjBFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SgXgjwAAABVJREFUeNpizEhNvskABEwMUAAQYAAfGQIN1mxjRAAAAABJRU5ErkJggg==);

}

.goods_list .goods_pic .status p {

  width: 100%;

  height: 100%;

  color: #fff;

  line-height: 26px;

  font-size: 14px

}

.goods_list .goods_pic .sold-out-cover {

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQkRFMkRENTRENzgxMUU1ODExM0UwRDdGODY0RUIwRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQkRFMkRENjRENzgxMUU1ODExM0UwRDdGODY0RUIwRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFCREUyREQzNEQ3ODExRTU4MTEzRTBEN0Y4NjRFQjBFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFCREUyREQ0NEQ3ODExRTU4MTEzRTBEN0Y4NjRFQjBFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SgXgjwAAABVJREFUeNpizEhNvskABEwMUAAQYAAfGQIN1mxjRAAAAABJRU5ErkJggg==);

}

.goods_list .goods_pic .sold-out-cover p {

  width: 100%;

  height: 100%;

  margin-top: 90px;

  color: #fff;

  font-size: 28px

}

.goods_list .goods_info {

  width: 220px;

  overflow: hidden;

  text-align: left

}

.goods_list .goods_info .goods_name {

  font-size: 14px;

  color: #555;

  float: left;

  margin-top: 12px;

  width: 150px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  cursor: pointer

}

.goods_list .goods_info .goods_price {

  font-size: 18px;

  color: #2A2F31;

  float: left;

  margin-top: 12px;

  white-space: nowrap;

  text-overflow: ellipsis

}

.goods_list .goods_info .goods_jf {

  font-size: 14px;

  color: #35c367;

  float: right;

  margin-top: 15px;

  text-align: right

}

.goods_list .goods_info .sold_out {

  font-size: 13px;

  line-height: 15px;

  color: #fff;

  background-color: #7b7b7b;

  float: right;

  margin-top: 15px;

  padding: 0 5px

}

.goods_list .goods_info .goods_like {

  display: block;

  font-size: 14px;

  color: #7b7b7b;

  float: right;

  margin-top: 12px;

  width: 60px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  text-align: right

}

.goods_list .goods_info .goods_like .icon_fulllove {

  display: inline-block;

  width: 13px;

  height: 11px;

  background-image: url(../images/sprite.3db4788c.png);

  background-position: -61px -53px;

  background-repeat: no-repeat;

  margin-right: 2px

}

.goods_list .goods_info .goods_like .icon_fulllove.on {

  background-image: url(../images/sprite.3db4788c.png);

  background-position: -74px -53px

}

.goods_list .goods_detail {

  width: 290px;

  position: absolute;

  top: -31px;

  left: -11px;

  z-index: 10;

  padding: 40px 20px;

  box-shadow: 0 15px 30px rgba(0,0,0,.15);

  border: 1px solid #DDD;

  background-color: #fff;

  font-size: 0;

  display: none;

  -webkit-animation: fadeIn .5s both;

  animation: fadeIn .5s both

}

.goods_list .goods_detail .goods_main_pic {

  display: inline-block

}

.goods_list .goods_detail .goods_other_pic {

  width: 60px;

  height: 220px;

  display: inline-block;

  vertical-align: top;

  margin-left: 10px

}

.goods_list .goods_detail .goods_other_pic a {

  float: left

}

.goods_list .goods_detail .goods_other_pic .goods_other_pic_left {

  float: left;

  width: 60px;

  margin-right: 10px

}

.goods_list .goods_detail .goods_other_pic .goods_other_pic_right {

  float: right;

  width: 60px

}

.goods_list .goods_detail .goods_other_pic img {

  margin-bottom: 10px

}

.goods_list .goods_detail .goods_other_pic.goods_other_pic_lg {

  width: 130px

}

.goods_list .goods_detail .goods_info .like {

  color: #ff3b3b

}

.goods_list .goods_detail.goods_detail_lg {

  width: 360px

}

.goods_list .corner {

  position: absolute;

  left: 0;

  top: -2px;

  width: 64px;

  height: 64px;

  background-image: url(../images/sprite.3db4788c.png);

  cursor: pointer;

  z-index: 2

}

.goods_list .corner.new {

  background-position: -135px -98px

}

.goods_list .corner.hot {

  background-position: -70px -98px

}

.goods_list .corner.sale {

  background-position: -63px -240px

}

.goods_list .corner.sale .discount-txt {

  position: relative;

  padding-top: 24px;

  padding-left: 2px;

  color: #fff;

  font-size: 12px

}

.goods_list .corner.sale .discount-txt em {

  position: absolute;

  top: 2px;

  font-size: 18px

}

.goods_list .corner.buy {

  top: 0;

  background-position: -64px -306px

}

.goods_list.primary, .goods_list.second-primary {

  margin: 0 0 0 -20px;

  padding: 0 5px

}

.goods_list.primary .goods_wrap, .goods_list.second-primary .goods_wrap {

  width: 230px;

  height: 330px;

  margin-left: 20px;

  margin-bottom: 20px;

  overflow: hidden;

  background-color: #fff;

  transition: box-shadow .2s linear, transform .2s linear

}

.goods_list.primary .goods_wrap .goods, .goods_list.second-primary .goods_wrap .goods {

  position: relative;

  width: 230px;

  border: none;

  padding: 0

}

.goods_list.primary .goods_wrap .goods img, .goods_list.second-primary .goods_wrap .goods img {

  vertical-align: top

}

.goods_list.primary .goods_wrap .goods .goods_info, .goods_list.second-primary .goods_wrap .goods .goods_info {

  position: relative;

  width: 230px

}

.goods_list.primary .goods_wrap .goods .goods_info p.goods_name, .goods_list.second-primary .goods_wrap .goods .goods_info p.goods_name {

  padding-top: 10px;

  padding-left: 10px;

  font-weight: 400;

  float: none

}

.goods_list.primary .goods_wrap .goods .goods_info .goods_like, .goods_list.second-primary .goods_wrap .goods .goods_info .goods_like {

  width: auto;

  position: absolute;

  top: 0;

  margin-top: 22px;

  right: 10px

}

.goods_list.primary .goods_wrap .goods .goods_info .goods_like .icon_fulllove, .goods_list.second-primary .goods_wrap .goods .goods_info .goods_like .icon_fulllove {

  margin-right: 5px;

  width: 13px;

  height: 11px

}

.goods_list.primary .goods_wrap .goods .goods_info p.goods_price, .goods_list.second-primary .goods_wrap .goods .goods_info p.goods_price {

  padding-left: 10px

}

.goods_list.primary .goods_wrap .goods .goods_info .goods_jf, .goods_list.second-primary .goods_wrap .goods .goods_info .goods_jf {

  margin-right: 10px

}

.goods_list.primary .goods_wrap .goods .corner {

  position: absolute;

  left: 0;

  top: 0;

  width: 64px;

  height: 64px;

  background-image: url(../images/sprite.3db4788c.png);

  cursor: pointer

}

.goods_list.primary .goods_wrap .goods .corner.new {

  background-position: -136px -100px

}

.goods_list.primary .goods_wrap .goods .corner.hot {

  background-position: -71px -100px

}

.goods_list.primary .goods_wrap:hover {

  box-shadow: 0 15px 30px rgba(0,0,0,.1);

  transform: translate3d(0, -2px, 0)

}

.goods_list.second-primary .goods_wrap:hover .goods_cover {

  top: 230px

}

.goods_list.second-primary .goods_cover {

  position: absolute;

  width: 190px;

  height: 60px;

  padding: 20px;

  top: 330px;

  transition: top .2s ease;

  background-image: url(../images/base641.png);

}

.goods_list.second-primary .goods_cover .cover_txt {

  height: 60px;

  width: 190px;

  font-size: 12px;

  color: #fff;

  line-height: 20px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical

}

.goods_list.sale .goods_wrap:hover {

  -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);

  -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1);

  box-shadow: 0 15px 30px rgba(0,0,0,.1);

  -webkit-transform: translate3d(0, -2px, 0);

  -moz-transform: translate3d(0, -2px, 0);

  transform: translate3d(0, -2px, 0)

}

.goods_list.sale .goods_price {

  font-size: 12px

}

.goods_list.sale .goods_price .num {

  font-size: 22px

}

.goods_list.sale .goods_price em {

  display: inline-block;

  position: relative;

  top: -3px;

  width: 18px;

  height: 18px;

  line-height: 18px;

  text-align: center;

  background-color: tomato;

  border: 1px solid tomato;

  border-radius: 2px;

  font-size: 12px;

  color: #fff;

  -webkit-transform: scale(.9);

  transform: scale(.9)

}

.goods_list.sale .goods_price del {

  color: #7b7b7b;

  font-size: 12px;

  margin-left: 4px

}

.goods_list.hot .goods_price {

  font-size: 12px;

  color: tomato

}

.goods_list.hot .goods_price .num {

  font-size: 22px;

  font-weight: 100

}

.goods_list.hot .goods_price del {

  font-size: 12px;

  margin-left: 4px;

  color: #a3a3a3

}

.goods_list.hot .goods_amount {

  font-size: 14px;

  color: #3f3f3f;

  float: right;

  margin-top: 17px;

  text-align: right

}



@media (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {

.goods_list .corner, .goods_list .goods_info .goods_like .icon_fulllove, .goods_list.primary .goods_wrap .goods .corner {

  background-size: 200px 400px

}

}

.goods_list {

  margin: 0 0 0 -20px;

  padding: 0 5px

}

.goods_list .goods_wrap {

  width: 230px;

  height: 330px;

  margin-left: 20px;

  margin-bottom: 20px;

  overflow: hidden;

  background-color: #fff;

  transition: box-shadow .2s linear, transform .2s linear

}

.goods_list .goods_wrap .goods {

  position: relative;

  width: 230px;

  border: none;

  padding: 0

}

.goods_list .goods_wrap .goods .goods_info {

  position: relative;

  width: 230px

}

.goods_list .goods_wrap .goods .goods_info .goods_name {

  padding-top: 10px;

  padding-left: 10px;

  font-weight: 400;

  float: none

}

.goods_list .goods_wrap .goods .goods_info .goods_like {

  width: auto;

  position: absolute;

  top: 0;

  margin-top: 22px;

  right: 10px

}

.goods_list .goods_wrap .goods .goods_info .goods_like .icon_fulllove {

  margin-right: 5px;

  width: 12px;

  height: 11px

}

.goods_list .goods_wrap .goods .goods_info p.goods_price {

  padding-left: 10px

}

.goods_list .goods_wrap .goods_cover {

  position: absolute;

  width: 190px;

  height: 60px;

  padding: 20px;

  top: 330px;

  transition: top .2s ease;

  background-image: url(../images/base64.png);

}

.goods_list .goods_wrap .goods_cover .cover_txt {

  height: 60px;

  width: 190px;

  font-size: 12px;

  color: #fff;

  line-height: 20px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical

}

.goods_list .goods_wrap:hover .goods_cover {

  top: 230px

}

.fixed-tools {

  position: fixed;

  bottom: 20px;

  left: 50%;

  z-index: 101;

  margin-left: 500px;

  width: 43px;

  text-align: center

}

.fixed-tools .btn-back-to-old {

  display: block;

  width: 43px;

  height: 43px;

  background-image: url(../images/sprite.3db4788c.png);

  background-repeat: no-repeat

}

.fixed-tools .btn-back-to-top {

  display: block;

  width: 30px;

  height: 30px;

  background-image: url(../images/sprite.3db4788c.png);

  background-repeat: no-repeat

}

.fixed-tools .btn-back-to-old {

  background-position: -1px -311px;

  margin-bottom: 48px

}

.fixed-tools .btn-back-to-old:hover {

  background-position: -1px -355px

}

.fixed-tools .btn-back-to-top {

  position: absolute;

  left: 0;

  bottom: 0;

  background-position: -133px -340px

}

.fixed-tools .btn-back-to-top:hover {

  background-position: -1px -267px

}

.fixed-tools .btn-show-mobile-qrcode {

  display: block;

  width: 43px;

  height: 115px;

  font-size: 0;

  margin-bottom: 45px

}

.fixed-tools .show-mobile-qrcode {

  position: relative

}

.fixed-tools .show-mobile-qrcode .jifen-mobile-qrcode {

  display: none;

  position: absolute;

  top: -15px;

  left: -168px;

  z-index: 1000;

  width: 171px;

  height: 191px;

}

.fixed-tools .show-mobile-qrcode .jifen-mobile-qrcode.show {

  display: block

}

.fixed-tools .show-mobile-qrcode .jifen-mobile-qrcode img {

  max-width: 100%;

  vertical-align: middle;

  margin-right: 15px;

  margin-top: 13px

}



.footer {

  width: 100%;

  background-color: #27292b

}

.footer .footer_cont {

  width: 990px;

  margin: 0 auto

}

.footer .footer_cont .footer_help_nav {

  border-bottom: 1px solid #2e3032;

  padding: 35px 0

}

.footer .footer_cont .footer_help_nav ul {

  overflow: hidden

}

.footer .footer_cont .footer_help_nav li {

  position: relative;

  float: left;

  width: 198px;

  text-align: center

}

.footer .footer_cont .footer_help_nav li a {

  display: inline-block;

  zoom: 1;

  color: #a3a3a3;

  height: 19px;

  line-height: 18px;

  font-size: 16px;

  padding-left: 32px;

  -webkit-transition: color ease .2s;

  -moz-transition: color ease .2s;

  transition: color ease .2s

}

.footer .footer_cont .footer_help_nav li a:hover {

  color: #fff

}

.footer .footer_cont .footer_help_nav li a.f_icon {

  background-repeat: no-repeat;

  background-image: url(../images/footer_help_sprites.14f9d884.png)

}

.footer .footer_cont .footer_help_nav li a.f_icon_1 {

  background-position: 0 -1px

}

.footer .footer_cont .footer_help_nav li a.f_icon_2 {

  background-position: 0 -21px

}

.footer .footer_cont .footer_help_nav li a.f_icon_3 {

  background-position: 0 -40px

}

.footer .footer_cont .footer_help_nav li a.f_icon_4 {

  background-position: 0 -60px

}

.footer .footer_cont .footer_help_nav li a.f_icon_5 {

  background-position: 0 -80px

}

.footer .footer_cont .footer_help_nav li .vertical_line {

  position: absolute;

  right: 0;

  top: 0;

  display: block;

  width: 1px;

  height: 21px;

  background-color: #353739

}

.footer .footer_cont .footer_nav {

  padding-top: 30px;

  padding-bottom: 15px;

  text-align: center

}

.footer .footer_cont .footer_nav ul {

  letter-spacing: -4px;

  word-spacing: -4px;

  font-size: 0

}

.footer .footer_cont .footer_nav li {

  letter-spacing: normal;

  word-spacing: normal;

  position: relative;

  display: inline-block;

  zoom: 1;

  width: 100px;

  line-height: 1

}

.footer .footer_cont .footer_nav li .vertical_line {

  position: absolute;

  right: 0;

  top: 3px;

  display: block;

  width: 1px;

  height: 9px;

  background-color: #b1b1b1

}

.footer .footer_cont .footer_nav a {

  font-size: 14px;

  color: #989898;

  -webkit-transition: color ease .2s;

  -moz-transition: color ease .2s;

  transition: color ease .2s

}

.footer .footer_cont .footer_nav a:hover {

  color: #fff

}

.footer .footer_cont .copyright {

  text-align: center;

  color: #989898;

  font-size: 12px;

  padding-bottom: 30px

}



@media (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {

.footer .footer_cont .footer_help_nav li a.f_icon {

  background-size: 28px 100px

}

.section .section-header .icon_change {

  background-size: 200px 400px;

  background-position: -1px -128px

}

}