﻿.classify-module .header { text-align: center; font-size: 36px; font-weight: 700; letter-spacing: 5px; background: url(../images/header_bg.png) no-repeat center center; margin-bottom: 10px; }
.classify-module .header span { display: inline-block; position: relative; background-color: #fff; padding: 0 15px; word-break: break-all;}
.classify-module .sub-header { text-align: center; font-size: 18px; line-height: 180%; max-width: 950px; margin: 0 auto 30px;word-break: break-all; }
.classify-module .tabs-list { text-align: center; word-spacing: -4px; margin-bottom: 50px; }
.classify-module .tabs-list .tabs-item { margin-bottom: 10px; -webkit-transition: all ease .3s; transition: all ease .3s; }
.classify-module .tabs-list .tabs-item a { display: block; height: 49px; line-height: 47px; border-width: 1px; border-style: solid; border-radius: 100px; font-size: 18px; padding: 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -webkit-transition: all ease .3s; transition: all ease .3s; }
.classify-module .tabs-list .tabs-item.active a { color: #fff; }
.classify-module .common-list .common-item { margin-bottom: 50px; }
.classify-module .common-list .common-item .main-box { border-width: 1px; border-style: solid; border-radius: 5px; text-align: center; }
.classify-module .common-list .common-item .main-box .img { margin: 4px; overflow: hidden; background-color:#fff;}
.classify-module .common-list .common-item .main-box .img img { max-width: 100%; }
.classify-module .common-list .common-item .main-box .title { height: 60px; line-height: 60px; padding: 0 10px; color: #fff; font-size: 16px; }
.classify-module .common-list .common-item .main-box .title a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.classify-module .common-list .common-item .desc { margin-top: 10px; }
.classify-module .common-list .common-item .desc .txt { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 180%; }
.classify-module .common-list .common-item .desc .txt i { font-size: 12px; margin-right: 5px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.classify-module .common-list .common-item .desc .txt span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.classify-module .common-list .common-item .connom-btn-group { margin-top: 10px; word-spacing: -4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.classify-module .common-list .common-item .connom-btn-group a { display: inline-block; width: 129px; height: 40px; line-height: 38px; border-width: 1px; border-style: solid; border-radius: 5px; text-align: center; }

@media (max-width: 1200px) { .classify-module .common-list .common-item .connom-btn-group { word-spacing: -4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .classify-module .common-list .common-item .connom-btn-group a { width: 100px; } }
@media (max-width: 768px) { .classify-module .header { font-size: 20px; }
  .classify-module .sub-header { font-size: 14px; }
  .classify-module .tabs-list { margin-bottom: 30px; }
  .classify-module .tabs-list .tabs-item a { font-size: 12px; }
  .classify-module .common-list .common-item { margin-bottom: 30px; }
  .classify-module .common-list .common-item .main-box .title { height: 45px; line-height: 45px; padding: 0 10px; font-size: 14px; }
  .classify-module .common-list .common-item .desc .txt span { font-size: 12px; }
  .classify-module .common-list .common-item .connom-btn-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .classify-module .common-list .common-item .connom-btn-group a { width: 45%; font-size: 12px; } }
@media (max-width: 375px) { .classify-module .tabs-list .tabs-item a { height: 40px; line-height: 40px; }
  .classify-module .common-list .common-item .main-box .title { height: 45px; line-height: 45px; padding: 0 10px; font-size: 14px; } }