/*
* @Author: Marte
* @Date:   2017-03-18 09:24:45
* @Last Modified by:   Marte
* @Last Modified time: 2017-04-18 21:44:53
*/
/*
* @Author: Marte
* @Date:   2017-03-18 09:24:45
* @Last Modified by:   Marte
* @Last Modified time: 2017-04-01 16:08:24
*/
.filtrate .wrap {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  position:relative;
}
// .filtrate div {
//   margin-top: 10px;
// }
#railway{margin-right: 10px}
.railway_w{position: relative}
.railway_check{
    position: absolute!important;
  width: 0px;
  height: 16px;
    left: 0px;
    top: 6px !important;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 18px;
  margin-right: 5px;
  position: relative;
}

.railway_check::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  border: 1px solid #fe8a51;
}

input#railway[type="checkbox"]:checked+ .railway_check::before {
  content: "\2713";
  background-color: #fe8a51;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 1px solid #fe8a51;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.filtrate div dl .W74 {
  width: 74px;
  padding-left:11px;
}
.filtrate .more{
  top: 4px;right:283px;
  cursor:pointer;
}
.filtrate dl dd{
  line-height:50px;
}
.filtrate div dl dt {
  text-align: right;
  float: left;
  font-size: 16px !important;
  line-height: 30px;
  color: #666;
}

.filtrate div dl dd {
  float: left;
  line-height: 30px;
  color: #444;
}

.filtrate div dl dd span {
  padding: 0 8px;
  cursor: pointer;
  white-space:nowrap;
  font-size:16px
}
.filtrate div dl dd span.on {
  color: #14bab4;
}
.filtrate .type{
  padding-top:10px;
}
.filtrate .type span {
  width: 42px;
  height: 20px;
  border: 1px solid transparent;
}

.filtrate .type span:hover {
  border: 1px solid #fe8a51;
  color: #fe8a51;
}

.filtrate .type span.on {
  border: 1px solid #fe8a51;
  color: #fe8a51;
}
.filtrate .color dl {
  margin-right: 60px;
}
.filtrate .color dt{
  font-size:12px;
}
.filtrate .color .bm{
  padding:0 8px;
  color:#666;
}
.filtrate .range{
  margin-left:12px;
}
.filtrate .range div{
  margin-top:10px;
}
.filtrate .range dt {
  width: 74px;
  margin-right:10px;
  line-height: 50px;
}
.filtrate .range .W90{
  width:90px;
  text-align:right;
}
.filtrate .range .MB20{
  margin-bottom:20px;
}
.filtrate .rangeM{
  margin-left:50px;
  margin-right:50px;
}
/* .filtrate .rangeR .kedu{
  width:276px;
  height:33px;
  background: url(../images/kedu.png) no-repeat;
  background-color:#fff;
  top: 20px;left:-8px;
} */
.filtrate .rangeR .kedu{
  width:276px;
  height:33px;
  background: url(../images/slider-1.png) no-repeat;
  background-color:#fff;
  top: 20px;left:-8px;
}
.filtrate .range #slid span.irs-grid,
.filtrate .range #slid span.irs-grid-pol,
.filtrate .range #slid span.irs-slider,
.filtrate .range #slid span.irs-grid-text,
.filtrate .range #slid span.irs,
.filtrate .range #slid span.irs-bar
{
  padding: 0 0;
}
.filtrate .annual .lx{
  margin-right:248px;
}
.filtrate .deposit {
  height: 30px;
  overflow: hidden;
}

.filtrate .deposit .shandong{
  margin:0 12px 0 6px;
}
.filtrate .deposit .zhejiang{
  margin-left:18px;
  margin-right:12px;
}
.filtrate .deposit .sichuan{
  margin-left:8px;
  margin-right:10px;
}
.filtrate .deposit .shanxi{
  margin-left:18px;
  margin-right:13px;
}
.filtrate .deposit dl dd {
  width: 750px;
}

.filtrate .deposit span {
  color: #444;
  top: 3px;
  right: 225px;
  cursor: pointer;
  font-size:16px
}

.filtrate .deposit span:hover,
.filtrate .color span:hover,
.filtrate .annual span:hover{
  color: #fff;
  border-radius:9px;
  background-color:#14bab4;
}
.filtrate .deposit span.current,
.filtrate .color span.current,
.filtrate .annual span.current{
  color: #fff;
  border-radius:9px;
  background-color:#14bab4;
}
.filtrate .place {
  padding-bottom:10px;
}

.filtrate .place .cel {
    padding-left: 11px;
    width: 74px;
    text-align: right;
    font-size: 16px;
    height: 27px;
    line-height: 27px;
}

.filtrate .place .join {
  padding:2px 8px;
  margin-left: 7px;
  text-align: center;
  border: 1px solid #999;
  color: #444;
  white-space:nowrap;
}

.filtrate .place .join i {
  cursor: pointer;
  top: -5px;
  right: -4px;
  background-color: #14bab4;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  text-align: center;
  line-height: 9px;
  font-size: 12px;
  color: #fff;
}

.filtrate .place .clear {
  width: 40px;
  height: 23px;
  border-radius:3px;
  line-height: 23px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  border: 1px solid #14bab4;
  color: #14bab4;
  margin-left: 10px;
}

.synthesize .synTit {
  overflow:hidden;
  border-bottom: 1px solid #ddd;
  height: 30px;
}

.synthesize .synTit ul li {
  float: left;
  width:75px;
  height:32px;
  text-align: center;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  border:1px solid #14bab4;
  border-bottom:none;
  font-size: 16px;
  margin-right:7px;
  color: #4d4d4d;
  line-height: 32px;
  cursor: pointer;
}

.synthesize .synTit ul li.cur {
  background-color: #14bab4;
  color: #fff;

}
.synthesize .synTit ul li.cur .syn_arrow{
  display:block;
}
.synthesize .synTit ul li .syn_arrow{
  width:10px;
  height:15px;
  top: 8px;right: 8px;
  display: none;
}
.synthesize .synTit ul li .syn_arrow img{
  width:100%;
  height:100%;
}
.synthesize .synTit .synTitR {
  line-height: 30px;
}

.synthesize .synTit .synTitR p {
  font-size: 16px;
  color: #999999;
}

.synthesize .synTit .synTitR p span {
  color: #fe8a51;
}

.synthesize .synTit .synTitR .search {
  margin-left: 30px;
}

.synthesize .synTit .synTitR .search input {
  width: 270px;
  height: 28px;
  line-height: 30px;
  border: none;
  outline: none;
  border: 1px solid #dddddd;
  /*border-bottom:none;*/
  border-radius: 3px;
  padding-left: 26px;
  font-size: 16px;
  color: #999999;
}

.synthesize .synTit .synTitR .search button {
  top: 10px;
  right: 8px;
  height: 30px;
  border: none;
  outline: none;
  color: #999999;
  font-size: 16px;
  background-color: #fff;
  border-radius: 10px;
  cursor: pointer;
}

.synthesize .synTit .synTitR .search .glass {
  width: 15px;
  height: 16px;
  top: 8px;
  left: 7px;
  background: url(../images/common-sprite.png) no-repeat;
  background-position: -84px -70px;
}

.synthesize .main {
  border: 1px solid #ddd;
  margin-top: 15px;
  padding-bottom: 10px;
  -webkit-transition: all .3s;
  transition:all .3s;
}
.synthesize .main:hover{
  -webkit-transform:translateY(-6px);
            transform:translateY(-6px);
  box-shadow: 0px 0px 3px 3px rgba(0,0,0,.1);
}
.synthesize .main .addcar:hover{
  color:#fe8a51;
}
.synthesize .main .mouseover{
 opacity:0;
 transition:all .5s;
}

.synthesize .main .synList .synListTop {
  height: 50px;
}
.synthesize .main .synList .synListTop h3 {
  padding-left: 20px;
  line-height: 50px;
}
.synthesize .main .synList .synListTop h3 i{
  width: 6px;
  height: 6px;
  margin-right: 7px;
  margin-left: 20px;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #14bab4;
}
.synthesize .main .synList .synListTop h3 a {
  font-size: 18px;
}
.synthesize .main .synList .synListTop h3 a.num_pi {
  font-size: 18px;
  font-weight: bold;
  color: #14bab4;
}
.synthesize .main .synList .synListTop h3 a.num_pi:hover {
  color: #fe8a51 !important;
}
.synthesize .main .synList .synListTop h3 .zi {
  width: 40px;
  height: 19px;
  font-size: 14px;
  top: 14px;
  left: 155px;
  border: 1px solid #fe8a51;
  color: #fe8a51;
  line-height: 19px;
  text-align: center;
}

.synthesize .synListCont {
  padding-left: 20px;
}
.synthesize .synListCont ul li {
  line-height: 30px;
  float:left;
  color: #999999;
  font-size: 16px;
  margin-right:15px;
}
.synthesize .synListCont ul li.weight{
  margin-right:0;
}
.synthesize .main .synList .synListCont ul li span {
  font-size: 16px;
  color: #000;
}

.synthesize .main .synList .field {
  padding-left: 20px;
  margin-top: 7px;
}

.synthesize .main .synList .field p:last-child {
  margin-left: 10px;
}

.synthesize .main .synList .field p {
  font-size: 16px;
  color: #999;
}
.synthesize .main .synList .field p a{
  font-size: 16px !important;
}
.synthesize .main .price {
  margin-top: 16px;
  text-align: right;
  padding-right: 20px;
  line-height: 30px;
}

.synthesize .main .price ul li:first-child {
  font-size: 16px;
  color: #999;
}

.synthesize .main .price ul .unit {
  font-size: 14px;
  color: #999999;
}

.synthesize .main .price ul .unit b {
  font-size: 24px;
  color: #fe8a51;
}

.synthesize .main .price ul .unit span {
  font-size: 12px;
  color: #fe8a51;
}

.synthesize .main .price .buy{
  width: 90px;
  height: 27px;
  color: #fff;
  text-align: center;
  line-height: 27px;
  background-color: #fe8a51;
  border-radius: 3px;
  font-size: 14px;
  margin-left:5px;
}

.synthesize .main .price ul li:last-child i {
  margin-right:3px;
  /*
  vertical-align: middle;
  */
  width: 20px;
  height: 20px;
}
.synthesize .main .price ul li:last-child i>img{
  width:100%;
  height:100%;
}

/*联系业务员样式*/
.contact {
  top: 0;
  left: 220px;
  padding-right: 20px;
}
.contact img{
  vertical-align: middle;
  margin-right: 6px;
}
.contact:hover  .phoneNumber{
  /*opacity: 1;*/
  display: block;
  /*transition: all/ .5s;*/


}
.contact:hover p span{
  text-decoration: underline;
}
.phoneNumber{
  /*opacity: 0;*/
  display: none;
  /*transition: all .5s;*/
  width: 250px;
  height: 137px;
  top: 15px;
  left: 110px;
  text-align: center;
  background-color: #fff;
  background-image: url(../images/phoneBg.png);
  background-repeat: no-repeat;
  background-position: 143px 40px ;
  /*transition: all .5s;*/
  /*border:1px solid red;*/
  border-radius: 5px;
  box-shadow: 0 0 10px #333;
  z-index: 999999;
}
.phoneNumber h5{
  font-size: 16px;
  color: #2e3e4e;
  line-height: 40px;
  text-indent: -9px;
}
.phoneNumber p{
  font-size: 16px;
  color: #2e3e4e;
  line-height: 20px;
}
.phoneNumber p label{
  /*display: inline-block;*/
  position: relative;
  width: 103px;
  text-align: right;
  margin-right: 10px;
}
.phoneNumber p label:after{
  content: "";
  width: 6px;
  height: 6px;
  top: 8px;
  left: -11px;
  border-radius: 50%;
  background-color: #14bab4;
  position: absolute;
}
.callPhone img{
  vertical-align: middle;
  margin-left: 24px;
  margin-right: 6px;
  margin-top: -5px;
}
.linkman{
  display: none;
  width: 215px;
  height: 60px;
  border:1px solid #14bab4;
  border-radius:5px;
  background-color: #fff;
  top: 5px;
  left: 200px;
  text-align: center;
  padding-top: 15px;
  z-index: 5;
}
.linkman p{
  font-size: 14px;
  color: #2e3e4e;
  line-height: 25px;
}
.linkman p label{
  position: relative;
  width: 84px;
  text-align: right;
  margin-right: 10px;
}
.callPhone{
  padding-right: 20px;
}
.callPhone:hover  .linkman{
  display: block;
}
.resource .resourceCont .main .num .linkman p{
  text-indent: 0; 
}
.linkman  .in-block{
  width: 100px;
  text-align: left;
}

.page {
  margin-top: 50px;
}

.page .cont {
  width: 550px;
  margin: 0 auto;
  line-height: 30px;
}

.page .cont .prev, .page .cont .next {
  width: 68px;
  height: 30px;
  border-radius: 3px;
  border: 1px solid #ddd;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #333;
  cursor: pointer;
}

.page .cont .prev:hover, .page .cont .next:hover {
  background-color: #14bab4;
  color: #fff;
}

.page .cont ul {
  margin-left: 13px;
}

.page .cont ul li {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  margin-right: 10px;
  float: left;
  text-align: center;
  line-height: 30px;
  font-family:"Arial";
  border: 1px solid #ddd;
  color: #333;
  cursor: pointer;
}

.page .cont ul li:hover {
  background-color: #14bab4;
  color: #fff;
}

.page .cont ul li.now {
  background-color: #14bab4;
  color: #fff;
}

.page .cont div p {
  font-size: 16px;
  margin-left: 18px;
  color: #333;
}

.page .cont div input {
  width: 38px;
  height: 30px;
  margin: 0 17px;
}

.page .cont div a {
  width: 50px;
  height: 30px;
  border-radius: 3px;
  border: 1px solid #ddd;
  font-size: 16px;
  text-align: center;
  color: #333;
  line-height: 30px;
  cursor: pointer;
}

/*修改商城类型点击样式开始*/
.filtrate .type span.greenBG,.filtrate .type span.yellowBG{
  padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  width:80px;
  height:26px;
  line-height:26px;
  text-align:center;
  cursor: pointer;
  white-space:nowrap;
  font-size:18px;
  font-weight: 600;
  border-bottom-left-radius:15px;
  border-top-right-radius:15px;
  border: 1px solid transparent;
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  -o-user-select:none;
  margin-right:10px;
}
.filtrate .type span.greenBG{
  color: #14bab4;
  background-color:#dcf5f4;
}
.filtrate .type span.greenBG:hover {
  border:1px solid #14bab4;
}
.filtrate .type span.yellowBG{
  color: #fbb600;
  background-color:#fff3cf;
}
.filtrate .type span.yellowBG:hover {

  border:1px solid #fbb600;
}

.filtrate .type span.greenBG.on {
  background-color:#14bab4;
  color: #fff;
}
.filtrate .type span.yellowBG.on {
  background-color:#FFCF3F;
  color: #ffffff;
}
/*修改商城类型点击样式结束*/
