/**
 * ********************************************
 * Description   : 案例模块css，包括案例首页/列表页/详情页/搜索页，修改后注意注意测试案例模块的其他页面
 * Create time   : 2017-04-25
 * Last modified : 2017-04-25 
 * Modify Man    : shejiben
 * ********************************************
 */

.more{
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
    font-size: 14px;
    border-top: 1px #f1f1f1 solid;
}
.more i{
    display: inline-block;
    height: 8px;
    width: 8px;
    margin:0 0 -3px 6px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    -webkit-transform: rotate(45deg);
    vertical-align: 3px;
}

/*案例列表页筛选框*/
.filter {
    position: relative;
    display: block;
    border-top: solid 1px #E3E3E3;
    background: #fff;
}
.filter .tab{
    height: 40px;
     border-bottom: solid 1px #E3E3E3; 
}
.filter li.no-border{
    border: none;
}
.filter .tab li {
  position: relative;
  float: left;
  height: 40px;
  width: 33.3%;
  text-align: center;
  line-height: 40px;
  color: #666;
  border-right: solid 1px #E3E3E3;
}
.filter .tab li.on{
    color: #dd4f50;
}
.filter .tab .no-border{
    border: none;
}
.filter .tab li a {
    width: 100%;
    display: block;
}
.filter .tab li a.active {
  color: #dd4f50;
}
.filter .tab li i {
  height: 6px;
  width: 6px;
  margin:0 0 0 5px;
  display: inline-block;
  content: ' ';
  -webkit-transform: rotate(45deg);
}
.filter .tab li .icon-arrow{
    margin-bottom: 3px;
    border: none;
    border-bottom: solid 1px #666;
    border-right: solid 1px #666;
}
.filter .tab li.on .icon-arrow {
    margin-bottom: 0;
    border: none;
    border-top: solid 1px #dd4f50;
    border-left: solid 1px #dd4f50;
}
.filter-select-space {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 1013;
    background: #fff;
}
.filter-select-space li {
  height: 44px;
  line-height: 44px;
  border-bottom: solid 1px #E3E3E3;
  text-align: center;
}
.filter-select-space li a {
  color: #666 !important;
  display: block;
}
.filter-select-space li a.active {
  background: #e3e3e3;
  color: #d03939 !important;
}
.filter-select-space {
  padding-bottom: 15px;
}
.filter-select-space li {
  border: solid 1px #e3e3e3;
  border-radius: 17px;
  width: 30%;
  margin-top: 15px;
  float: left;
  margin-left: 2.5%;
  height: 34px;
  line-height: 32px;
  text-align: center;
}
.filter-select-space li.on{
    border-color:#dd4f50;
}
.filter-select-space li.on a{
    color:#dd4f50 !important;
}
.filter .mask{
    width: 100%;
    height: 300px;
    position: absolute;
    top: 40px;
    left: 0;
    background: #000;
    opacity: 0.7;
    z-index: 1012;
}
.filter-select-province{
    position: absolute;
    top: 40px;
    left: 0;
    width: 40%;
    padding-left: 20px;
    z-index: 10;
    background: #fff;
    z-index: 1013;
}
.filter-select-province li,.filter-select-city li{ 
    padding-right: 10px;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    border-bottom: 1px #eee solid;
    text-overflow:ellipsis; 
    white-space: nowrap;
    color: #666;
}
.filter-select-province li.cur{
    margin-left: -20px;
    background: #f8f8f8;
    text-indent: 20px;
    color: #dd4f50;
}
.filter-select-city{
    position: absolute;
    top: 40px;
    left: 39%;
    width: 40%;
    padding-left: 20px;
    z-index: 10;
    background: #f8f8f8;
    z-index: 1013;
}
.filter-select-sort{
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 1013;
    background: #fff;
}
.filter-select-sort li{
    width: 100%;
    height: 40px;
    border-bottom: 1px #eee solid;
    line-height: 40px;
    text-indent: 20px;
    color: #666;
}

/*设计师列表*/
.sjs-list{
    background: #fff;
    margin-bottom: 10px;
}
.sjs-list .info-box{
    position: relative;
    padding: 15px 0;
    border-bottom:1px #f1f1f1 solid;
}
.sjs-list .head{
    margin-left: 10px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 1px #f1f1f1 solid;
    float: left;
    margin-bottom: 15px;
}
.sjs-list .name{
    float: left;
    margin-left: 10px;
    height: 20px;
}
.sjs-list .name p{
    max-width: 95px;
    font-size: 16px;
    float: left;
    line-height: 20px;
}
.sjs-list .name em{
    float: left;
    margin:2px 0 0 2px;
}
.sjs-list .city{
    position: absolute;
    top: 40px;
    left: 60px;
    color: #999;
}
.sjs-list .price{
    position: absolute;
    top: 15px;
    right: 10px;
    line-height: 20px;
    text-align: center;
}
.sjs-list .price .numb{
    max-width: 90px;
    color: #dd4f50;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.sjs-list .case-pic{
    padding-left: 10px;
    width: 100%;
    display: block;
}
.sjs-list .case-pic a{
    width: 31.5%;
    margin:0 5px 0 0;
    padding: 0;
    float: left;
    display: block;
}