body {
  font-family: "microsoft yahei", Tahoma, sans-serif;
  font-size: 12px;
  background: #fdfdfd;
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  /* you could also put this in a class */
  -webkit-user-select: none;
  /* and add the CSS class here instead */
  -ms-user-select: none;
  user-select: none; }

html, body, div, span, ul, li, a, em, h1, h2, h3, h4, h5, p, input, em, i, img {
  margin: 0;
  padding: 0;
  border: none; }

em, i {
  font-style: normal;
  color: #666; }

a {
  text-decoration: none;
  cursor: pointer;
  color: #666;
  outline: none; }

body a {
  outline: none;
  blr: expression(this.onFocus=this.blur()); }

a:hover, a:focus {
  outline: none; }

input {
  outline: none; }

ul, li {
  list-style: none; }

h3 {
  font-size: 12px;
  font-weight: bold;
  color: #666; }

p {
  color: #999; }

.box {
  width: 600px;
  overflow: hidden;
  padding: 15px;
  height: 469px !important; }

.box .box-bd {
  border-top: none;
  clear: both;
  height: 523px;
  overflow: hidden;
  position: relative;
  z-index: 0; }

.clothes-out .step-search {
  height: 22px;
  background-color: #fff;
  padding-top: 10px; }

.search-input {
  position: relative;
  width: 240px;
  margin-right: 30px;
  margin-top: 7px;
  height: 28px;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }

.fl {
  float: left;
  _display: inline; }

.search-input input {
  width: 155px !important;
  height: 28px !important;
  height: 26px\0 !important;
  line-height: 25px\0 !important;
  border: none !important;
  text-indent: 10px;
  font-size: 12px;
  color: #999 !important;
  margin-top: 0 !important;
  margin-top: 2px\0 !important;
  background: none !important;
  outline: none; }

.search-input i {
  position: absolute;
  right: 10px;
  top: 7px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  background-image: url(../img/search.png); }

/* Base for label styling */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

.clothes-types {
  padding-top: 1px; }

.clothes-types > a {
  display: block;
  color: #408bcb;
  margin-bottom: 5px; }

.step-search .btn {
  padding-top: 1px; }

a {
  text-decoration: none;
  cursor: pointer;
  color: #666; }

a:hover {
  text-decoration: none; }

.mod-tabs-trigger li {
  width: 50%;
  float: left;
  _display: inline;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #666;
  font-size: 12px;
  background-color: #ecf3f9;
  cursor: pointer; }

.information a {
  cursor: pointer; }

.mod-tabs-trigger li.selected {
  background-color: #ddebf7;
  font-weight: bold; }

.col-6 li {
  width: 16.6%; }
  .col-6 li a {
    display: inline-block;
    _display: inline;
    width: 100%;
    height: 100%; }

#equip-list .hero-list {
  position: relative;
  height: 407px;
  overflow: hidden; }

.mod-art, .mod-pic, .mod-tabs-content {
  zoom: 1; }

.mod-pic {
  padding: 15px 0; }

.mod-pic li {
  float: left;
  _display: inline;
  overflow: hidden;
  margin: 0 15px 5px 0px;
  width: 60px;
  height: 80px; }

.mod-pic a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: center; }

.mod-pic img {
  display: block;
  width: 60px;
  height: 60px; }

.mod-pic em {
  display: inline-block;
  text-align: left;
  cursor: pointer;
  line-height: 18px;
  padding: 4px 1px 0; }

.sort-select a, .sort-select i {
  display: inline-block;
  *display: inline;
  *zoom: 1; }
.sort-select a {
  width: 12px;
  height: 12px;
  border: 1px solid #c1c1c1;
  vertical-align: -2px;
  margin-right: 5px; }
  .sort-select a i {
    width: 9px;
    height: 8px;
    margin: 0 0 2px 1px; }
  .sort-select a.selected i {
    background: url(../img/check.png); }

.star_nav {
  color: #f26460; }