@charset utf-8;
html,body{
  color:#333;
  background-color:#1C1D21;
}
a{
  text-decoration:none
}
a:link,a:visited {
  color:#333;
}

/* 特殊意义的类选择器 */
.frame {
    width: 80%;
    max-width: 12rem;
    margin: 0 auto;
    min-width: 3.2rem;
    overflow: hidden;
}
@font-face {
  font-family: 'iconfont';  /* project id 679794 */
  src: url('//at.alicdn.com/t/font_679794_u6i9z7rz9hs.eot');
  src: url('//at.alicdn.com/t/font_679794_u6i9z7rz9hs.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_679794_u6i9z7rz9hs.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_679794_u6i9z7rz9hs.woff') format('woff'),
  url('//at.alicdn.com/t/font_679794_u6i9z7rz9hs.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_679794_u6i9z7rz9hs.svg#iconfont') format('svg');
}

.iconfont,.ifont{
	font-family:iconfont;
	font-size:.16rem;
	font-style:normal;
	/*-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:.02rem;*/
}
input,select,textarea,button{
  padding: 0 .1rem;
  border: 1px solid #888;
  outline: none;
}
button,
input[type=button],
input[type=submit],
input[type=reset]{
    border: none;
    background-color: #333;
    color: #fff;
}
/*input[type=radio],
input[type=checkbox]{
  vertical-align: middle;
  -webkit-appearance:none;
}
button:hover,
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover{
    background-color: #555;
}
button:active,
input[type=submit]:active,
input[type=button]:active,
input[type=reset]:active{
    background-color: #000;
}
button:disabled,
input[type=submit]:disabled,
input[type=button]:disabled,
input[type=reset]:disabled {
    border: 1px solid #ddd !important;
    background-color: #eee !important;
    color: #888 !important;
}*/


.btn{
  display: inline-block;
  line-height: 3;
}
.btn1,
.btn1:link,
.btn1:visited{
  background-color: #3E4146;
  color:#fff;
}
.btn1:hover{
  background-color: #f80;
}
.btn1:active{
  background-color: #f00;
}



.link1:link,
.link1:visited{
  text-decoration: underline;
  color:#fff;
}
.link1:hover{
  color:#f80;
}
.link1:active{
  color:#f00;
  margin:0 .1rem;
}
.link2:link,
.link2:visited{
  color:#f00;
}
.link2:hover{
  color:#f80;
}
.link2:active{
  color:#f00;
}


.link3:link,
.link3:visited{
  color:#fff;
  background-color: #212121;
}
.link3:hover{
  background-color:#f80;
}
.link3:active{
  background-color:#f00;
}

.link4:link,
.link4:visited{
  color:#fff;
  background-color: #900;
}
.link4:hover{
  background-color:#f80;
}
.link4:active{
  background-color:#f00;
}






@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4);background-color: #ddd; }
    20% { -webkit-transform: scaleY(0.8);background-color: #555; }
}
@-moz-keyframes stretchdelay {
    0%, 40%, 100% { -moz-transform: scaleY(0.4);background-color: #ddd; }
    20% { -moz-transform: scaleY(0.8);background-color: #555; }
}
@-ms-keyframes stretchdelay {
    0%, 40%, 100% { -ms-transform: scaleY(0.4);background-color: #ddd; }
    20% { -ms-transform: scaleY(0.8);background-color: #555; }
}
@-o-keyframes stretchdelay {
    0%, 40%, 100% { -o-transform: scaleY(0.4);background-color: #ddd; }
    20% { -o-transform: scaleY(0.8);background-color: #555; }
}
@keyframes stretchdelay {
    0%, 40%, 100% {transform: scaleY(0.4);background-color: #ddd;}  
    20% { transform: scaleY(0.8);background-color: #555;}
}

.loader-default {
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    color:#888;
}
.loading.loader-default>* {    
    background-color: #eee;
    height: 100%;
    width: .05rem;
    vertical-align: middle;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    -moz-animation: stretchdelay 1.2s infinite ease-in-out;
    -ms-animation: stretchdelay 1.2s infinite ease-in-out;
    -o-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}
.loading.loader-default>:nth-child(2) {
    -webkit-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
    -ms-animation-delay: -1.1s;
    -o-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.loading.loader-default>:nth-child(3) {
    -webkit-animation-delay: -1.0s;
    -moz-animation-delay: -1.0s;
    -ms-animation-delay: -1.0s;
    -o-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.loading.loader-default>:nth-child(4) {
    -webkit-animation-delay: -0.9s;
    -moz-animation-delay: -0.9s;
    -ms-animation-delay: -0.9s;
    -o-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.loading.loader-default>:nth-child(5) {
    -webkit-animation-delay: -0.8s;
    -moz-animation-delay: -0.8s;
    -ms-animation-delay: -0.8s;
    -o-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.loading.loader-default:after {
    content:'正在加载...';
}
.empty.loader-default>*{
  display: none;
}
.empty.loader-default:after {
    content:'没有更多内容了';
}
.no.loader-default:after {
	content:'该品牌下没有商品';
}





@media screen and (max-width: 960px){
  .frame {
      width: auto;
      margin: 0 .1rem;
      min-width: auto;
      overflow: hidden;
  }
}