@font-face {
  font-family: 'iconfont';
  /* project id 642235 */
  src: url("../../font/alibaba/iconfont.eot");
  src: url("../../font/alibaba/iconfont.eot?#iefix") format("embedded-opentype"), url("../../font/alibaba/iconfont.woff") format("woff"), url("../../font/alibaba/iconfont.ttf") format("truetype"), url("../../font/alibaba/iconfont.svg#iconfont") format("svg"); }
[class^="icon-"], [class*="icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#category_index table .recommend {
  height: 370px;
  width: 262px;
  padding: 20px;
  box-sizing: border-box;
  background: white;
  margin-top: 18px; }
  #category_index table .recommend:after {
    display: block;
    content: '';
    clear: both; }
  #category_index table .recommend .recommend_title {
    font-size: 14px;
    color: black; }
  #category_index table .recommend .recomment_content {
    float: left;
    width: 105px;
    margin-top: 10px;
    margin-left: calc(100% - 105px*2); }
    #category_index table .recommend .recomment_content:nth-child(2n) {
      margin-left: 0; }
    #category_index table .recommend .recomment_content img {
      height: 40px;
      width: 100%; }
#category_index table td[colspan="3"] {
  border: none; }
  #category_index table td[colspan="3"] .banner_imgs {
    background-color: white;
    padding: 30px;
    box-sizing: border-box; }
    #category_index table td[colspan="3"] .banner_imgs:after {
      clear: both;
      display: block;
      content: ""; }
    #category_index table td[colspan="3"] .banner_imgs:first-child {
      margin-left: 0; }
    #category_index table td[colspan="3"] .banner_imgs figure {
      width: 186px;
      height: 186px;
      margin-left: calc((100% - 6*186px)/5);
      margin-top: 0; }
      #category_index table td[colspan="3"] .banner_imgs figure:first-child {
        margin-left: 0; }
      #category_index table td[colspan="3"] .banner_imgs figure a {
        width: 100%;
        height: 100%;
        display: inline-block; }
        #category_index table td[colspan="3"] .banner_imgs figure a img {
          height: 186px;
          width: 186px;
          margin-top: 0; }
      #category_index table td[colspan="3"] .banner_imgs figure b {
        font-size: 14px;
        color: black;
        text-align: center;
        line-height: 25px; }
      #category_index table td[colspan="3"] .banner_imgs figure div {
        text-align: center;
        color: #6e6e6e; }
#category_index table .cate_list {
  background: #f5f5f5; }
  #category_index table .cate_list .sider_lists {
    width: 221.5px;
    height: 378px;
    overflow: auto;
    padding-top: 12px;
    background: #4d4d4d; }
    #category_index table .cate_list .sider_lists a {
      line-height: 32px;
      text-align: center;
      width: 39%;
      display: inline-block;
      color: white;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      box-sizing: border-box;
      margin-left: calc((100% - 47%*2)); }
#category_index table .img_wrap {
  margin: 18px; }
  #category_index table .img_wrap img {
    height: 370px; }
#category_index table td {
  border: none;
  vertical-align: top; }
#category_index .whitemain {
  background: white;
  margin-top: 40px; }
  #category_index .whitemain .red_bar_title {
    margin-top: 0;
    padding-top: 40px; }
    #category_index .whitemain .red_bar_title h3 div.guess_text {
      background: white; }
#category_index .red_mask a {
  color: white; }
#category_index .guess_like .pic_text:hover {
  border: none; }

.slideBox {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd; }

.slideBox .hd {
  height: 15px;
  overflow: hidden;
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 1; }

.slideBox .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left; }

.slideBox .hd ul li {
  float: left;
  margin-right: 2px;
  width: 15px;
  height: 15px;
  line-height: 14px;
  text-align: center;
  background: #fff;
  cursor: pointer; }

.slideBox .hd ul li.on {
  background: #f00;
  color: #fff; }

.slideBox .bd {
  position: relative;
  height: 100%;
  z-index: 0; }

.slideBox .bd li {
  zoom: 1;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.slideBox .bd ul {
  width: 100%;
  height: 100%; }

.slideBox .bd img {
  width: 100%;
  height: 100%;
  display: block; }

.slideBox .prev,
.slideBox .next {
  position: absolute;
  left: 3%;
  top: 50%;
  margin-top: -25px;
  display: block;
  width: 32px;
  height: 40px;
  background: url(images/slider-arrow.png) -110px 5px no-repeat;
  filter: alpha(opacity=50);
  opacity: 0.5; }

.slideBox .next {
  left: auto;
  right: 3%;
  background-position: 8px 5px; }

.slideBox .prev:hover,
.slideBox .next:hover {
  filter: alpha(opacity=100);
  opacity: 1; }

/*# sourceMappingURL=index.css.map */