.banner {

  background: url(../../img/earlier/banner.jpg) no-repeat center center;

}

.headline {

  border-bottom: none;

  background: url(../../img/earlier/line.png) repeat-x bottom center;

}

.sub-nav-title {

  height: 1px;

  background: #e5e5e5;

  text-align: center;

  margin-bottom: 2.5%;

  position: relative;

  margin-top: 7.4%;

}

.sub-nav-title p {

  position: absolute;

  bottom: 0;

  border-bottom: 1px solid #fff;

  font-size: 20px;

  color: #003a8d;

  font-weight: bolder;

  line-height: 100%;

  padding: 0 22px;

  left: 50%;

  margin-left: -77px;

}

.sub-nav-title p span {

  font-size: 25px;

  font-weight: normal;

}

.detail {

  color: #333;

  width: 71%;

  margin: 0 auto;

  line-height: 25px;

  margin-top: 2%;

  text-align: justify;

  font-size: 16px;

}

.detail span {

  font-size: 12px;

  color: #444;

}

/*骞冲彴鍒楄〃*/

.work-list {

  width: 77%;

  margin: 0 auto;

}

.work-list li {

  width: 25%;

  float: left;

}

.work-list img {

  width: 93%;

  display: block;

  margin: 0 auto;

}

/*table*/

.subcontent table {

  width: 71%;

  margin: 0 auto;

  border-collapse: collapse;

  border: none;

  margin-top: 2.7%;

}

.subcontent table.adding-top {

  margin-top: 5%;

}

.subcontent table th {

  background: #f3f4f4;

  color: #000000;

}

.subcontent table td {

  color: #444444;

}

.subcontent table td,
.subcontent table th {

  border: solid #e7e7e7 1px;

  padding: 2.4% 0;

  text-align: center;

}

/*浜嗚В鏇村*/

.more-btn {

  width: 71%;

  margin: 0 auto;

  margin-top: 6.4%;

  margin-bottom: 5.6%;

}

.more-btn p {

  text-align: center;

  color: #003a8d;

  font-size: 16px;

}

.more-btn .more {

  width: 310px;

  height: 58px;

  line-height: 58px;

  margin: 0 auto;

  margin-top: 2%;

  text-align: center;

  font-size: 18px;

  color: #fff;

  background: #003a8d;

  cursor: pointer;

  position: relative;

}

.more-btn .more img {

  position: absolute;

  width: auto;

  top: 21px;

  right: 21px;

}

/*杞﹁捶璁＄畻鍣�*/

.counter {

  background: url(../../img/earlier/bg.jpg) repeat;

  position: relative;

}

.counter .title-cd {

  text-align: center;

  font-size: 22px;

  color: #000;

  font-weight: bold;

  margin-top: 4.6%;

  margin-bottom: 3.7%;

}

.counter .more-btn {

  margin-top: 0;

}

.counter .more-btn .more {

  margin-top: 0;

}

@media all and (max-width:1024px) {

  .headline {

    padding-top: 5.4%;

    padding-bottom: 3.3%;

  }

  .sub-nav-title {

    margin-top: 12%;

  }

  .sub-nav-title p {

    font-size: 17px;

    padding: 0 8px;

    margin-left: -64px;

  }

  .sub-nav-title p span {

    font-size: 20px;

  }

  .detail {

    width: 88%;

    margin-left: 6%;

    margin-top: 4%;

    font-size: 14px;

    line-height: 23px;

  }



  /*// 鍐呴儴*/

  .work-list {

    width: 72%;

    margin-top: 3.5%;

  }

  .work-list li {

    width: 50%;

    float: left;

    margin-top: 3%;

  }

  .work-list img {

    width: 95%;

    margin: 0;

  }

  .work-list li:nth-child(2n) img {

    margin-left: 5%;

  }

  /*table*/

  .subcontent table {

    width: 88%;

    margin-top: 4%;

  }

  .subcontent table td,
  .subcontent table th {

    padding: 3.3% 0;

    font-size: 12px;

  }

  .subcontent table.adding-top {

    margin-top: 6%;

  }

  /*浜嗚В鏇村鎸夐挳*/

  .more-btn {

    width: 88%;

    margin-top: 10%;

    margin-bottom: 8.5%;

  }

  .more-btn p {

    font-size: 14px;

  }

  .more-btn .more {

    width: 100%;

    height: auto;

    line-height: 100%;

    font-size: 14px;

    padding: 5% 0;

    margin-top: 6%;

    background: #003a8d url(../../img/earlier/right-arr.png) no-repeat 90% center;

  }

  .more-btn .more img {

    display: none;

  }

  /*杞﹁捶璁＄畻鍣�*/

  .counter .title-cd {

    margin-top: 6.6%;

    margin-bottom: 6.6%;

    font-size: 17px;

  }

}

/*琛ㄥ崟鏍峰紡*/

.h-sel_wrap {
  width: 65%;
  position: relative;
  margin-left: 50px;
  height: 35px;
  background: #FFF url("../../img/earlier/from-bg.jpg") no-repeat right;
  color: #a1a1a1;
  font-size: 12px;
  cursor: pointer;
  _filter: alpha(opacity=0);
  border: 1px solid #CCC
}

.h-sel_wrap label {
  padding-left: 10px;
  font-size: 12px;
  z-index: 2;
  color: #a1a1a1;
  line-height: 35px;
  height: 35px;
  display: block;
  width: 69%;
  overflow: hidden;
}

.h-sel_wrap .h-select_cti {
  width: 100%;
  height: 35px;
  line-height: 35px;
  position: absolute;
  top: 0;
  z-index: 4;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  font-size: 12px;
}

.h-input_cti {
  width: 41%;
  position: relative;
  font-size: 12px !important;
  margin-left: 8px;
  height: 35px;
  background: #FFF;
  color: #a1a1a1;
  font-size: 16px;
  cursor: pointer;
  _filter: alpha(opacity=0);
  border: 1px solid #CCC;
  padding-left: 10px;
}

.counter .common_center,
.subcontent,
.result-box {

  width: 1080px;

}

@media screen and (max-width: 1280px) {

  .counter .common_center,
  .subcontent,
  .result-box {

    width: 84.375%;

  }

}

@media screen and (max-width: 1024px) {

  .counter .common_center,
  .subcontent,
  .result-box {

    width: 89%;

  }

}

.option-list {

  margin-bottom: 4.6%;

}

.option-list li {

  float: left;

  width: 28%;

}


.option-list li.last {

  width: 44%;

  font-size: 16px;

}

.option-list li span {

  float: left;

  margin-top: 7px;

  font-size: 16px;

}

.option-list li em.tip {

  font-size: 12px;

  font-style: normal;

  color: #a1a1a1;

}

.count-list {

  width: 100%;

  margin-bottom: 2%;

  border-collapse: collapse;

  border: none;

}

.count-list .first-td {

  width: 80px;

}

.count-list td {

  text-align: left;

  color: #3e3a39;

  font-size: 16px;

  padding-bottom: 3%;

}

.count-list ul li {

  float: left;

  width: 88px;

  padding-left: 32px;

  cursor: pointer;

  background: url(../../img/earlier/no.png) no-repeat center left;

}

.count-list ul li.current {

  background: url(../../img/earlier/yes.png) no-repeat center left;

}

@media screen and (max-width: 1024px) {

  .option-list,
  .count-list {

    width: 88%;

    margin-left: 6%;

  }

  .count-list {

    margin-bottom: 10%;

  }

  .option-list li {

    float: none;

    width: 100%;

    margin-bottom: 6%;

  }

  .option-list li .h-sel_wrap {
    width: 83%;
  }

  .option-list li.last input {
    width: 50%;
  }


  .option-list li.last {

    width: 100%;

  }

  .count-list .first-td {

    width: 60px;

    vertical-align: top;

    padding: 0;

    padding-top: 5.6%;

  }

  .option-list li span,
  .option-list li.last,
  .count-list td {

    font-size: 14px;

  }

  .count-list ul li {

    width: auto;

    padding-left: 20px;

    margin-top: 6%;

    padding-right: 11px;

    background-size: 18px;

  }

  .count-list tr td {

    border-top: 1px dotted #98a3ac;

  }

  .count-list tr:first-child td {

    border: none;

  }

  .count-list ul li.current {

    background: url(../../img/earlier/yes.png) no-repeat center left;

    background-size: 18px;

  }

}

/*搴曢儴璁＄畻淇℃伅*/

.result-box {

  position: relative;

  overflow: visible;

  padding-top: 5%;

  padding-bottom: 5.5%;

}

.result li {

  float: left;

  width: 47%;

  padding: 1% 0;

  border-top: 1px solid #ececec;

  position: relative;

}

.result li.even {

  float: right;

}

.result li.no-top-border {

  border-top: 0;

}

.result table {

  width: 55%;

  margin: 0 auto;

}

.result table td {

  color: #666;

  font-size: 15px;

}

.result table td:first-child {

  width: 60%;

  color: #000;

  text-align: right;

}

.result table td.end-price {

  width: 30%;

  color: #ff0000;

}

img.flag {

  position: absolute;

  bottom: 0;

  left: 50%;

  margin-left: -33px;

  width: auto;

}

@media screen and (max-width: 1024px) {

  .result {

    width: 88%;

    margin-left: 6%;

  }

  .result li {

    float: none;

    width: 100%;

    padding: 3% 0;

  }

  .result li.even {

    float: none;

  }

  .result li.no-top-border {

    border-top: 1px solid #ececec;

  }

  .result li:first-child {

    border-top: none;

  }

  .result table {

    width: 89%;

  }

  .result table td:first-child {

    width: 59%;

    width: 117px;

  }

  .result table td {

    font-size: 14px;

  }

  img.flag {

    left: 45%;

    width: 10%;

    margin-left: 0;

  }

}

.hover-tip {

  cursor: pointer;

  display: inline-block;

  position: absolute;

  width: 24px;

  height: 24px;

  left: 78%;

  background: url(../../img/earlier/x.png) no-repeat center center;

}

.bubble {

  /*display: none;*/

  z-index: 99;

  position: absolute;

  top: 31px;

  left: -31px;

  width: 389px;

  height: auto;

  background: url(../../img/earlier/bubble-2.png) repeat center center;

}

.bubble p {

  font-size: 12px;

  color: #fff;

  margin: 2.5% 5px;

  text-align: left;

}

.pc-only {

  display: block;

}

.angle {

  /*display: none;*/

  position: absolute;

  bottom: -7px;

  left: 7px;

  width: 10px;

}

.hover-tip .bubble,

.hover-tip .angle {

  display: none;

}

.hover-tip.current .bubble,

.hover-tip.current .pc-only,

.hover-tip:hover .bubble,

.hover-tip:hover .pc-only {

  display: block;

}

@media screen and (max-width: 1024px) {

  .pc-only {

    display: none;

  }



  .hover-tip:hover,

  .hover-tip.current {

    background: url(../../img/earlier/xx.png) no-repeat center center;

  }

  .bubble {

    height: auto;

    background: url(../../img/earlier/bubble-m-2.png) no-repeat center center;

    background-size: 100% 100%;

  }

  .bubble p {

    margin: 2% 5px;

    line-height: 150%;

  }

}

@media screen and (max-width: 767px) {

  .hover-tip {

    left: 89%;

  }

  .angle {

    width: 10px;

  }
}

@media screen and (max-width:400px) {

  .option-list li.last input {
    width: 43%;
  }
}