/*section*/
body > iframe {
  display: none;
}
.blue-section, .white-section {
  min-height: 400px;
  position: relative;
  min-width: 990px;
}
.blue-section table, .white-section table {
  margin: auto;
  width: 960px;
}
.blue-section {
  background-color: #f7f8fa;
}
.white-section {
  background-color: #ffffff;
}
.section-down {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  background: url("/images/index/spider_index_v4.png") 0px -80px no-repeat;
  width: 35px;
  height: 35px;
  top: -20px;
  left: 48%;
  -webkit-transition: color .5s, background .5s, height .5s;
  -moz-transition: color .5s, background .5s, height .5s;
  -o-transition: color .5s, background .5s, height .5s;
  -ms-transition: color .5s, background .5s, height .5s;
  transition: color .5s, background .5s, height .5s;
}
.section-up {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.section-down:hover {
  background: url("/images/index/spider_index_v4.png") 0px -75px no-repeat;
}
.section-font {
  line-height: 30px;
  font-size: 14px
}
.section-font .more {
  padding-left: 326px;
}
.section-font h3 {
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 22px;
  margin-top: 46px;
}
.section-color ul li{
  color: #787878;
}
a.btn-index-sec {
  position: relative;
  width: 400px;
  line-height: 60px;
  margin: 20px 0 10px 0;
  font-size: 18px;
  border-radius:2px;
}
.index-section-list {
  line-height: 36px;
  font-size:16px;
  color:#787878;
  /*list-style: outside;
  margin-left: 20px;*/
}
.index-cloud {
  position: absolute;
  background: url("/images/index/spider_index_v4.png") 0px -310px no-repeat;
  width: 75px;
  height: 55px;
  opacity: 0.8;
}
/*surprise*/
.ie7shownone{
  *display:none;
}
.topfly{
  transition: top 8s linear;
}
.close-result {
  color: #ff7800;
  background: #FFF;
  text-align: center;
  line-height: 2.5em;
  border-top: 1px solid #e2e2e2;
  cursor: pointer;
  margin-top: 15px;
}
/*冬日主题*/
.surprise-bigbox{cursor: pointer;position: absolute;width: 200px;height: 210px;background: url(/images/index/surprise/bigbox.png) 0px 0px no-repeat;right: 20px; z-index: 100;top: 160px;transition:all 5s linear 1s;-moz-transition:all 5s linear 1s ; /* Firefox 4 */-webkit-transition:all 5s linear 1s; /* Safari and Chrome */-o-transition:all 5s linear 1s; /* Opera */zoom: 1;overflow: hidden;}
.surprise-smallbox{position: absolute;width: 200px;height: 210px;background: url(/images/index/surprise/smallbox.png) 0px 0px no-repeat;left: 230px;top: -58px;}
.surprise-mountain{position: absolute;width: 350px;height: 210px;right: 280px;z-index: 2;top: 245px;background: url(/images/index/surprise/mountain.png) 0px 0px no-repeat;}
.surprise-snow{position: absolute;width: 920px;height: 48px;background: url(/images/index/surprise/snow.png) 0px 0px no-repeat;z-index: 11;top: 38px;}
.surprise-goosesm{position: absolute;background: url(/images/index/surprise/wildgoose.png) 0px 0px no-repeat;width: 20px;height: 25px;opacity: 0.8;}
.surprise-goosesm-one{left: 330px;top: 200px;}
.surprise-goosesm-two{left: 450px;top: 220px;}
.surprise-goosesm-three{left: 500px;top: 190px;}
.surprise-goosebg{position: absolute;background: url(/images/index/surprise/wildgoose.png) 0px -35px no-repeat;width: 30px;height: 30px;opacity: 0.8;}
.surprise-goosebg-one{left: 380px;top: 230px;}
.surprise-goosebg-two{left: 535px;top: 215px;}
.surprise-goosebger{position: absolute;background: url(/images/index/surprise/wildgoose.png) 0px -80px no-repeat;width: 40px;height:40px;opacity: 0.8;left: 550px;top: 170px; }
.surprise-goosebgest{position: absolute;background: url(/images/index/surprise/wildgoose.png) 0px -120px no-repeat;width: 50px;height: 50px;opacity: 0.8;right: 300px;top: 230px;}
.surprise-snowdotsm{position: absolute;background: url(/images/index/surprise/wildgoose.png) 0px -260px no-repeat;width: 10px;height: 15px;}
.surprise-snowdotsm-one{left: -80px;top: 110px;}
.surprise-snowdotsm-two{top: 300px;left: 180px;}
.surprise-snowdotsm-three{left: 50px;top: 20px;}
.surprise-snowdotsm-four{right: 260px;top: -30px;}
.surprise-snowdotsm-five{left: 320px;top: 140px;}
.surprise-snowdotsm-six{right: 320px;top: 140px;}
.surprise-snowdotsm-seven{right: 100px;top: 150px;}
.surprise-snowdotbg{position: absolute;background: url(/images/index/surprise/wildgoose.png) 0px -300px no-repeat;width: 20px;height: 25px;}
.surprise-snowdotbg-one{right: 230px;top: -60px;}
.surprise-snowdotbg-two{top: 180px;left: 20px;}
.surprise-snowdotbg-three{right: -50px;top: -20px;}
/*云朵主题*/
.cloud {transition: all 0.1s linear;}
.cloud-01 {top: 35%;left: 40%;}
.cloud-02 {top: -380px;left: 35%;}
.cloud-03 {background: url("/images/index/spider_index_v4.png") -75px -320px no-repeat;top: -240px;left: 48%;}
.cloud-04 {background: url("/images/index/spider_index_v4.png") 0px -440px no-repeat;width: 160px;height: 70px;left: 20%;bottom: -10px;}
.cloud-05{position: absolute;width: 140px;height: 210px;background: url("/images/index/spider_index_v4.png") 0px -724px no-repeat;right: 165px;z-index: 2;top: 185px;}
.cloud-06{position: absolute;left: 5%;top: 250px;background: url("/images/index/spider_index_v4.png") 0px -440px no-repeat;width: 160px;height: 70px;opacity: 0.3;z-index: 1;}
.cloud-07{left: 130px;top: -40px;}
.cloud-08{left: 524px;top: 170px;}
.cloud-09{left: 880px;top:-60px;}
.cloud-fly{top: -105px;}
.cloud-hide{top: -500px;opacity: 0;}
/*圣诞主题*/
.merry-snow{
  position: absolute;
  background: url(/images/index/surprise/merry/snow.png) center no-repeat;
  width: 100%;
  height: 50px;
  top: 466px;
}
.merry-bigbox{
  position: absolute;
  width: 135px;
  height: 160px;
  background: url(/images/index/surprise/merry/bigbox.png) 0px 0px no-repeat;
  right: 220px;
  top: 188px;
}
.merry-geezer{
  position: absolute;
  width: 220px;
  height: 160px;
  background: url(/images/index/surprise/merry/geezer.png) 0px 0px no-repeat;
  left: 0px;
  top: 196px;
  transition:all 5s linear 1s;
  cursor: pointer;
}
.merry-roll{
  background: url(/images/index/surprise/merry/merryele.png) -10px -40px;
  position: absolute;
  top: -195px;
  right: 140px;
  width: 95px;
  height: 170px;
  z-index: 99;
}
.merry-snowflake1{
  background: url(/images/index/surprise/merry/merryele.png) -145px -160px;
  position: absolute;
  left: -180px;
  top: 120px;
  width: 30px;
  height: 30px;
}
.merry-snowflake2{
  background: url(/images/index/surprise/merry/merryele.png) -145px -160px;
  position: absolute;
  left: 30px;
  top: 20px;
  width: 30px;
  height: 30px;
}
.merry-snowflake3{
  background: url(/images/index/surprise/merry/merryele.png) -320px -150px;
  position: absolute;
  left: 280px;
  top: 150px;
  width: 60px;
  height: 60px;
}
.merry-snowflake4{
  background: url(/images/index/surprise/merry/merryele.png) -320px -150px;
  position: absolute;
  right: -100px;
  top: -30px;
  width: 60px;
  height: 60px;
}
.merry-snowflake5{
  background: url(/images/index/surprise/merry/merryele.png) -220px -160px;
  position: absolute;
  right: 455px;
  top: 270px;
  width: 30px;
  height: 30px;
}
.merry-snowflake6{
  background: url(/images/index/surprise/merry/merryele.png) -145px -160px;
  position: absolute;
  left: 280px;
  top: -30px;
  width: 30px;
  height: 30px;
}
.merry-dot1{
  background: url(/images/index/surprise/merry/merryele.png) -150px -90px;
  position: absolute;
  left: -120px;
  top: -50px;
  width: 15px;
  height: 15px;
}
.merry-dot2{
  background: url(/images/index/surprise/merry/merryele.png) -150px -90px;
  position: absolute;
  left: -140px;
  top:150px;
  width: 15px;
  height: 15px;
}
.merry-dot3{
  background: url(/images/index/surprise/merry/merryele.png) -150px -90px;
  position: absolute;
  left: 200px;
  top: 150px;
  width: 15px;
  height: 15px;
}
.merry-dot4{
  background: url(/images/index/surprise/merry/merryele.png) -227px -85px;
  position: absolute;
  right: 100px;
  top: 290px;
  width: 20px;
  height: 20px;
}
.merry-dot5{
  background: url(/images/index/surprise/merry/merryele.png) -150px -90px;
  position: absolute;
  right: 200px;
  top: 160px;
  width: 15px;
  height: 15px;
}
.merry-dot6{
  background: url(/images/index/surprise/merry/merryele.png) -150px -90px;
  position: absolute;
  right:-80px;
  top: 140px;
  width: 15px;
  height: 15px;
}
.merry-dot7{
  background: url(/images/index/surprise/merry/merryele.png) -150px -90px;
  position: absolute;
  right: 120px;
  top: -20px;
  width: 15px;
  height: 15px;
}
.merry-tree{
  position: absolute;
  width: 230px;
  height: 50px;
  background: url(/images/index/surprise/merry/merryele.png) 0px 0px no-repeat;
  left: 345px;
  top: 15px;
}
/*app*/
a.btn-app {
  display: inline-block;
  width: 145px;
  color: #fff;
  line-height: 50px;
  font-size: 18px;
  margin-left: 76px;
  text-align: left;
  background-color: #ff7800;
  border-radius:2px;
}
a.btn-app:hover {
  text-decoration: none;
  background-color: #ff961e;
}
a.btn-app:active, a.btn-app:focus {
  background-color: #e66414;
}
a.btn-app span{
  margin-left: 10px;
  margin-right: 5px;
}
a.btn-app label{
  font-size: 16px;
}
a.btn-ios, .btn-andriod {
  padding-left: 45px;
}
a.btn-ios {
  background: url("/images/index/spider_index_v4.png") 15px -200px no-repeat;
  background-color: #ff7800;
}
a.btn-andriod {
  background: url("/images/index/spider_index_v4.png") 15px -148px no-repeat;
  background-color: #ff7800;
}
a.btn-api {
  width: 400px;
  line-height: 60px;
  text-align: center;
  position: relative;
  margin-top:10px;
}
.index-api-list{
  position: relative;
  margin-top: 38px;
}
.index-down-img {
  background: url("/images/index/spider_index_v4.png") 0px -535px no-repeat;
  width: 127px;
  padding-top: 127px;
  color: #d2d2d2;
  text-align: center;
  position: absolute;
  right: 0px;
  top: 20px;
}
/*api*/
.index-api-list li {
  padding-left: 20px;
  display: inline-block;
  background: url("/images/index/spider_index_v4.png") 0px -273px no-repeat;
  float:right;
  margin-left: 30px;
}
/*partner*/
.partner-box {
  position: relative;
  height: 230px;
  margin: auto;
  width: 960px;
  padding-top:40px
}
.partner-box h4 {
  font-size: 16px;
  color: #828282;
  font-weight: normal;
}
.partner-box a {
  font-size: 14px;
  margin-top: 10px;
  text-align: right;
}
.partner-box .partner-h4 {
  margin-top: 38px
}
.index_img_print {
  margin-bottom: -138px;
  position: absolute;
  top: 115px;
  z-index: 9;
  left: 518px;
}
.index_dev_txt {
  color: #787878;
  font-size:16px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #2a72d0; opacity:1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #2a72d0;opacity:1;
}

input:-ms-input-placeholder{
  color: #828282;opacity:0.5;
}

input::-webkit-input-placeholder{
  color: #828282;opacity:0.5;
}
/*小程序*/
.small-grogram{
  min-width: 990px;
  width: 100%;
  height:200px;
  background: center center no-repeat;
  background-image: url("/images/index/small-program.png?version=201701201520");
  bottom: 0px;
}
  .result-wrap {
    position: relative;
    background: #FFF;
  }
  .result-wrap:after {
    content: '';
    display: table;
    clear: both;
    overflow: hidden;
  }
  .query-box {
    z-index: 3;
  }
  .query-box,.result-info {
    float: none;
  }

  .result-wrap + .result-wrap {
    border-top: 1px solid #e5e5e5;
  }
  .query-right {
    position: relative;
    z-index: 4;
    float: right;
    margin-right: 10px;
    margin-top: 190px;
  }
  [role-slot] + [role-slot] {
    margin-top: 10px;
  }
  .query-right [role-slot] img{
    max-width: 300px;
    width: 300px\9;
  }
  .query-code {
    position: absolute;
    width: 280px;
    height: 90px;
    background-color: #ffecde;
    border-radius: 3px;
    padding: 10px;
    top: 70px;
    right: 10px;
    z-index: 8;
    font-size: 16px;
    color: #333;
  }
  .query-code img {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .head-control {
    position: absolute;
    right: 0;
    top: 0;
  }
    .select-name i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("https://cdn.kuaidi100.com/images/all/global/youzhengguoji.jpg") 0% 0% / 22px 22px no-repeat;
    vertical-align: middle;
  }
  .select-name a:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px 0 5px;
    background: url(/images/spider_search_v4.png) 0px -650px no-repeat;
    content: '';
  }
  .map-wrap {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 98;
  }
  .map-mask {
    background: #000;
    opacity: 0.7;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .express-map {
    margin: 0;
    width: 726px;
    height: 288px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -144px;
    margin-left: -368px;
    z-index: 99;
    overflow: hidden;
    border: 1px #666666 solid;
    background-color: #ffffff;
}
.express-header {
    padding: 8px;
    height: 30px;
    background: #f0f0f0;
}
.header-search {
    width: 650px;
    padding-left: 10px;
    font-size: 16px;
    background: #ffffff;
    line-height: 26px;
    color: #656565;
}
.header-close {
    background: url(https://cdn.kuaidi100.com/images/sz/ico_close.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    float: right;
    cursor: pointer;
    margin-top: 4px;
}
.express-list {
    list-style-type: none;
    vertical-align: baseline;
    max-height: 230px;
    overflow: auto;
    margin: 8px 0 0 8px;
    padding: 2px;
}
.express-list li {
    list-style-type: none;
    vertical-align: baseline;
    margin: 0 12px 20px 0;
    padding: 0;
    float: left;
}
.express-list li a {
    display: block;
    width: 220px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    background: #e8e8e8;
    color: #000000;
    overflow: hidden;
}
.express-list li a:hover {
    background-color: #ff7800;
    color: #ffffff;
}
.left-image {
    margin: 10px;
    display: block;
    float: left;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    margin: 0;
    padding: 0;
}
.right-word {
    display: block;
    text-align: center;
    vertical-align: baseline;
    font-size: 14px;
    float: left;
    margin: 0 0 0 10px;
    padding: 2px;
    width: 166px;
    text-align: left;
}
.express-list a span em {
    font-size: 12px;
    display: block;
    white-space: nowrap;
    font: inherit;
    vertical-align: baseline;
    line-height: 18px;
}
.inner-loading, .inner-tip {
    width: 600px;
    text-align: center;
    padding: 30px 0;
    color: #ff7800;
    font-size: 16px;
    display: none;
}
.inner-loading img {
  width: 60px;
}
.ico-refresh {
    background: url(/images/reflash.png);
    cursor: pointer;
    background-size: 19px 19px;
    background-repeat: no-repeat;
}
.select-com b {
  margin-left: 10px;
}
.cloud-box {
  width: 305px;
}