/*                  *\
**                  **
**                  **
**     mixins       **
**                  **
**                  **
*/
.nz {
  font: 0/0 a;
  overflow: hidden;
}
.ilblk {
  display: inline-block;
  *display: inline;
  *zoom: 1 ;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.z2 {
  z-index: 2 ;
}
.cp {
  cursor: pointer;
  _cursor: hand;
}
.tr {
  text-align: right;
}
.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.fr {
  float: right;
  _display: inline;
}
.fl {
  float: left;
  _display: inline;
}
.db {
  display: block;
}
.dn {
  display: none;
}
.ell {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.w {
  width: 100%;
}
.t12 {
  font-size: 12px;
}
.z1 {
  z-index: 1;
}
.h100 {
  height: 100%;
}
.ov {
  overflow: hidden;
  *zoom: 1;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "\0020";
  display: block ;
  height: 0;
  clear: both;
}
i.s,
span.s,
label.s {
  font-size: 70%;
}
@font-face {
  font-family: 'fz-EL';
  src: url('/resource/font/fz-l-sub.eot');
  src: url('/resource/font/fz-l-sub.eot?#iefix') format('embedded-opentype'), url('/resource/font/fz-l-sub.woff') format('woff');
}
@font-face {
  font-family: 'fz-L';
  src: url('/resource/font/fz-l-sub.eot');
  src: url('/resource/font/fz-l-sub.eot?#iefix') format('embedded-opentype'), url('/resource/font/fz-l-sub.woff') format('woff');
}
@font-face {
  font-family: 'fz-M';
  src: url('/resource/font/fz-m-sub.eot');
  src: url('/resource/font/fz-m-sub.eot?#iefix') format('embedded-opentype'), url('/resource/font/fz-m-sub.woff') format('woff');
}
/* glue: 0.11.1 hash: a66d692498 */
.SF {
  background-image: url('/resource/img/site.desktop/s/parts.png');
  background-repeat: no-repeat;
  background-size: 654px 436px;
}
.s-ase-band {
  width: 210px;
  height: 210px;
  background-position: -4px -4px;
}
.s-a3-screwdriver {
  width: 210px;
  height: 210px;
  background-position: -222px -4px;
}
.s-a3-screensaver {
  width: 210px;
  height: 210px;
  background-position: -4px -222px;
}
.s-a3-charger {
  width: 210px;
  height: 210px;
  background-position: -222px -222px;
}
.s-a3-band {
  width: 210px;
  height: 210px;
  background-position: -440px -4px;
}
.nav .M-all-product,
.nav .M-band {
  cursor: default;
}
.nav .M-all-product,
.nav .M-band,
.nav .M-all-product:hover,
.nav .M-band:hover {
  color: #ff5a5a;
}
.nav .M-all-product .M-text,
.nav .M-band .M-text {
  cursor: default;
}
.switch {
  display: none;
}
.page {
  min-width: 980px;
  font-family: 'fz-L', "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.outer {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
}
.page .inner {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
}
.spotlight {
  height: 290px;
  text-align: left;
  background-color: #28b8fb;
  background-image: -webkit-linear-gradient(top, #28b8fb, #9ce4e7);
  background-image: -ms-linear-gradient(top, #28b8fb, #9ce4e7);
  background-image: linear-gradient(top, #28b8fb, #9ce4e7);
  background-size: 10px 170px;
  background-repeat: repeat-x;
  background-position: bottom;
}
.spotlight .inner {
  padding-top: 115px;
}
.spotlight h1 {
  font-size: 64px;
  line-height: 1em;
  text-align: center;
  color: #FFF;
}
.spotlight .text-mute {
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
}
.page-goods {
  background-color: #f2f2f2;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}
.page-goods a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #313131;
}
.page-goods ul {
  *zoom: 1;
  margin: 0 -10px 0 0;
}
.page-goods ul:after {
  content: "\0020";
  display: block ;
  height: 0;
  clear: both;
}
.page-goods ul:after {
  content: "\0020";
  display: block ;
  height: 0;
  clear: both;
}
.page-goods li {
  float: left;
  _display: inline;
  width: 237px;
  padding: 40px 0 15px 0;
  margin: 0 10px 10px 0;
  background-color: #FFFFFF;
}
.page-goods .inner {
  position: relative;
  padding: 40px 0 70px;
}
.page-goods .SF {
  margin: 0 auto 20px;
}
.page-goods .price {
  color: #ff6167;
}
.page-goods .status {
  position: absolute;
  right: 0;
  bottom: 100%;
  background: #b1b1b1;
  color: #FFF;
  font-size: 14px;
  line-height: 28px;
  padding: 0 8px;
}