/*search*/
.search-section {
  min-width: 990px;
  padding-top: 60px;
  min-height: 350px;
  margin-top: -1px;
  background-color: #3278e6;
}
.search-box {
  width: 920px;
  margin: auto;
  position: relative;
  z-index: 96;
}
.search-absolute {
  /*margin-bottom: 20px;*/
  position: relative;
}
.search-absolute .search-side {
  width: 310px;
  position: absolute;
  right: -320px;
  top: -6px;
}
.search-side img {
  width: 100%;
}
.search-title {
  font-size: 26px;
  padding: 0 0 20px;
  color: #ffffff;
  text-align: center;
  letter-spacing: 1px;
  line-height: 30px;
  /*主题-圣诞树*/
  /*position: relative;
  bottom: 20px;*/
}
.search-box .com-logo {
  background: #fff;
  line-height: 42px;
  padding: 0;
  cursor: pointer;
  border: 1px solid #d2d2d2;
  border-right: 0px;
}
.search-box .com-logo i {
  display: block;
  position: absolute;
  bottom: 3px;
  right: 3px;
  width: 10px;
  height: 10px;
  background: url("/images/spider_search_v4.png") 0px -650px no-repeat;
}
.search-box .com-logo:hover i {
  background-position: -49px -650px;
}
.com-logo img {
  width: 56px;
  height: 56px;
}
.logo-model {
  width: 56px;
  height: 54px;
  line-height: 42px;
  border: none;
  padding: 0;
  opacity: 0;
  position: absolute;
}
.search-box .input-box {
  position: relative;
  box-shadow: 0px 0px 20px 3px #2864c8;
  z-index: 10;
}
.search-box .inp-search {
  padding: 9px 10px;
  width: 655px;
  height: 28px;
  line-height: 36px;
  font-size: 16px;
  -webkit-appearance: none;
  border-radius: 0px;
  border-radius: 4px 0px 0px 4px;
  border: 1px solid #0082FA;
  background: #FFF;
}
/*.search-box .inp-search:focus {
border: 1px solid #2864c8;
}*/
.search-box .btn-search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 186px;
  height: 50px;
  line-height: 50px;
  /* background: url("/images/spider_search_v4.png") 84px -576px no-repeat #0082FA; */
  background-color: #0082FA;
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  border-radius: 0px 4px 4px 0px;
  /* line-height: 24px; */
}
.batch-link {
  margin-right: 20px;
}
.search-box .btn-search span {
  display: inline-block;
  width: 17px;
  height: 17px;
  text-align: center;
  background: url("https://cdn.kuaidi100.com/images/www/home/search_icon.png") no-repeat;
  background-size: 100% 100%;
  margin-right: 10px;
}
/* .search-box .btn-search:hover {
  background: url("/images/spider_search_v4.png") 84px -576px no-repeat #ff961e;
}
.search-box .btn-search:focus, .search-box .btn-search:active {
  background: url("/images/spider_search_v4.png") 84px -576px no-repeat #e66414;
} */
.search-box .btn-location {
  position: absolute;
  top: 12px;
  left: 692px;
  display: block;
  width: 35px;
  height: 35px;
  background: url("/images/spider_search_v4.png") 8px -30px no-repeat #fff;
}
.search-box .btn-location:hover {
  background-position:-28px -30px
}
/*input-tips */
.input-tips {
  position: absolute;
  z-index: 4;
  top: 58px;
  padding: 1px;
  width: 673px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  /* margin: -1px 0 0 57px; */
}
.input-tips li.selection {
  line-height: 2em;
  font-size: 14px;
  overflow: hidden;
  cursor: pointer;
  transition: color 0.2s linear, background-color 0.2s linear;
  -webkit-transition: color 0.2s linear, background-color 0.2s linear;
  -moz-transition: color 0.2s linear, background-color 0.2s linear;
}
.input-tips li.selection span {
  display: inline-block;
  margin: 0 10px;
}
.input-tips li.selection span img {
  margin-bottom: 4px;
  width: 26px;
  height: 26px;
  background-color: #fff;
  border-radius: 50%;
}
.input-tips li.selection0 {
  color: #323232;
}
.input-tips li.selection1 {
  color: #323232;
}
.input-tips li.selection2 {
  color: #5a5a5a;
}
.input-tips li.selection3 {
  color: #5a5a5a;
}
.input-tips li.selection4 {
  color: #828282;
}
.input-tips li.selection5 {
  color: #828282;
}
.input-tips li.selection6 {
  color: #aaaaaa;
}
.input-tips li.selection7 {
  color: #aaaaaa;
}
.input-tips li.selection8 {
  color: #323232;
}
.input-tips li.selection9 {
  color: #323232;
}
.input-tips li.hover {
  color: #d2d2d2;
}
.input-tips li.tips_bottom {
  padding: 2px 5px;
  text-align: right;
  color: #d2d2d2;
}
.input-tips li.histips_bottom{
  padding: 5px 5px;
  color: #d2d2d2;
  padding-left: 10px;
}
.input-tips li.histips_bottom .del-list{
  background: url("/images/spider_search_v4.png?version=201707191039") 0px -1351px no-repeat;
  color: #d2d2d2;
  padding-left: 15px;
  float: right;
}
.input-example {
  padding-left: 64px;
  background-color: #3278e6;
  color: #b4d2ff;
}
.input-example a {
  color: #b4d2ff;
}
.delhistory{
  position: relative;
  display: inline-block;
  background: url("/images/spider_search_v4.png") 8px -1277px no-repeat;
  width: 30px;
  height: 28px;
  vertical-align: middle;
  margin: 0 5px;
  cursor: pointer;
  float: right;
}
.delhistory:hover {
  background: url("/images/spider_search_v4.png") -28px -1277px no-repeat;
}
/*valicode*/
.serch-valicode {
  padding: 5px 0;
  font-size: 14px;
  color: #5a5a5a;
}
.inp-valicode {
  width: 160px;
  height: 24px;
  padding: 4px;
  font-size: 14px;
}
/*result*/
#queryContext {
  z-index: 3
}
.query-box {
  float: left;
  margin-bottom:10px;
}
.result-top {
  width: 918px;
  height: 43px;
  background-color: #ffffff;
  /*border: 1px solid #a2bbda;*/
  border-bottom: none;
}
.result-top span, .result-top a {
  display: inline-block;
  height: 43px;
  line-height: 43px;
  vertical-align: middle;
  font-size: 14px;
}
.result-top a {
  padding-left: 23px;
  width: 37px;
  font-weight: bold;
  color: #3278e6;
}
.result-top .a-rss {
  background: url("/images/spider_search_v4.png") 3px -312px no-repeat;
}
.result-top .a-share {
  background: url("/images/spider_search_v4.png") 8px -342px no-repeat;
}
.result-top .col1 {
  background: url("/images/spider_search_v4.png") 80px -900px no-repeat;
  width: 90px;
  text-align: center;
  color: #323232;
  cursor: pointer;
  padding-left: 14px;
  font-size:16px;
}
.result-top .col1-down {
  background: url("/images/spider_search_v4.png") 80px -941px no-repeat;
  width: 90px;
  text-align: center;
  font-size: 20px;
  color: #828282;
  cursor: pointer;
  padding-left: 14px;
}
.result-top .col2 {
  width: 303px;
  text-align: left;
  font-size: 20px;
  color: #828282;
  padding-left: 70px;
}
/*result-info*/
.result-info {
  width: 100%;
  float: left;
}
.result-follow {
  width: 453px;
  color: #000;
  border-radius: 4px;
  border: 1px solid rgba(0, 130, 250, 0.50);
  background: rgba(0, 130, 250, 0.10);
  padding: 4px 8px;
  font-size: 12px;
  line-height: 18px;
  position: relative;
  z-index: 99;
}
.result-follow-o {
  color: #FD6E00;
}
.result-follow-img {
  width: 18px;
  height: 18px;
  margin-left: 12px;
}
.result-follow-img-pop {
  width: 120px;
  position: absolute;
  top: 25px;
  left: 425px;
  z-index: 999;
}
.queryRight {
  float: right;
  margin-right: 10px;
}
.result-info td {
  position: relative;
  padding: 14px;
  color: #828282;/*border-bottom: 1px solid #d2d2d2;
  background-color: #f5f5f5*/
}
/* .result-info .status {
  width: 30px;
  background: url("/images/spider_search_v4.png") 13px -764px no-repeat;
} */
.result-info td.status {
  font-size: 0;
  line-height: 0;
  transform: translateY(13px);
}
.result-info .status:before {
  position: relative;
  z-index: 2;
  display: block;
  width: 30px;
  height: 30px;
  background: url("/images/spider_search_v4.png") 8px -778px no-repeat #FFF;
  content: '';
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.result-info-down .status:before {
  width: 30px;
  background-position: -35px -778px;
}

.result-info .status-first:before {
  /* background-position: 8px -817px; */
  background: url("https://cdn.kuaidi100.com/images/www/home/status-first.png") no-repeat #fff;
  background-size: 15px 15px;
  background-position: 7.5px 7.5px;
  
}
.result-info .status-check:before {
  /* background-position: 6px -731px; */
  background: url("https://cdn.kuaidi100.com/images/www/home/status-check.png") no-repeat #fff;
  background-size: 22px 22px;
  background-position: 6px 4px;
}
.result-info .status-wait:before {
  /* background-position: -35px -816px; */
  background: url("https://cdn.kuaidi100.com/images/www/home/status-wait.png") no-repeat #fff;
  background-size: 15px 15px;
  background-position: 8.5px 7.5px;
}
.status .col2 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
}
.status .line1, .status .line2 {
  display: block;
  margin: 0 auto;
  width: 1px;
  border-right: 1px solid #d2d2d2;
  height: 50%;
}
.result-info .last td .line1, 
.result-info-down .status-first .line1,
.result-info .status-first .line2,
.result-info-down .last .line2 {
  visibility: hidden;
}

.result-info-down .last .line1,
.result-info-down .status-first .line2  {
  visibility: visible !important;
}
.day {
  display:block;
  color:#ccc;
  font-size: 16px;
}
.time {
  display: inline-block;
  font-size: 18px;
  margin-top: 5px;
}
.result-info .last td,  .result-info .last td a{
  color: #0082FA;
  border-bottom: none;
}
.result-info .last .context {
  color: #0082FA;
  font-size: 16px;
  line-height: 24px; /* 24px */
  opacity: 0.9;
}
.result-info td a:hover {
  color: #3278e6;
}
.result-info .row1 {
  width: 105px;
  text-align: center;
  padding-left: 14px;
  padding-right: 0;
}
.result-companyurl {
  border-left: 1px solid #aaaaaa;
  background: url("/images/spider_search_v4.png") 10px -993px no-repeat;
  color: #828282;
  font-size: 14px;
  padding-left: 28px;
  font-weight: normal;
}
.sent-order {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NTY3QzI2OEVGNTkxMUU2QjMwNzk3Q0JEQzBBRkM2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NTY3QzI2OUVGNTkxMUU2QjMwNzk3Q0JEQzBBRkM2OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ1NjdDMjY2RUY1OTExRTZCMzA3OTdDQkRDMEFGQzY4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ1NjdDMjY3RUY1OTExRTZCMzA3OTdDQkRDMEFGQzY4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DaBAmAAAAO9JREFUeNqskjEKgzAUhl9CJ1dR6OIqDuLgDQSHnsGxl/ESHT1DN8HVVS8QEHR1EZxs8kiktVFq9YMfzIvvf3+MJE1T4Ny4HlxX+I+W6871pLJwxAxkr/AA+lY4Cnpctt5IkgSKooCmaXAdxzHYto3Pfd9DnucwDMNHD10z830fmzzPm2vCLMsyFGMMoij66ls1dF0XE6hES6qq0u5pDQ3DAMuyIAzDOa2OcRx/MxRGdV1D13VQliWmXWKapnaI9lIcx8HvpAiCAFOri1KIC1tC5I89wTkQurU7TfvnqCMT7ThCdhuKhEwe+QyxlwADAMXFUzEenMuXAAAAAElFTkSuQmCC") 0px 4px no-repeat;
  color: #828282;
  font-size: 14px;
  padding-left: 20px;
  font-weight: normal;
}
.sent-order:hover {
  color:#3278e6
}
.context {
  font-size: 16px;
  padding-left: 0px !important;
}
.context a {
  color: #828282;
}
.context a:hover {
  color: #3278e6;
}
/*result-qr*/
.qr-l {
  position: absolute;
  top: 0;
  left: -102px;
  width: 90px;
  height: 150px;
  text-align: center;
}
.qr-box {
  padding: 6px 20px;
  text-align: center;
  font-size: 14px;
  color: #828282;
  background-color: #fff;
}
.query-imgcode{
  margin: -30px 0 10px 0;
  width: 300px;
  height: 125px;
  background-color: #ffecde;
  border-radius: 5px;
  /*border: 1px solid #695649;*/
 }
.query-imgcode img{
  padding: 10px;
}
.query-imgcode li {
  text-align:center;
  float: left;
 }
 .query-imgcode li span{
  display:block;
   position: relative;
   bottom: 10px;
 }
 .open-app img{
   width: 160px;
   height: 71px;
   padding-top: 0px;
 }
 .open-preview{
   position: absolute;
   top:-35px;
   margin-left: 290px;
   cursor: pointer;
 }
 #barCodeNum{
   display: block;
   font-size: 16px;
   letter-spacing: 3px;
   margin-top:7px;
 }
 .clo-preCode{
   width: 25px;
   height: 25px;
   display: inline-block;
   position: absolute;
   bottom: 315px;
   left: 292px;
   cursor: pointer;
 }
/*notfind*/
.notfind {
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid #FF9632;
  background: #FFF;
}
.notfind-p {
  width: 300px;
  margin: 28px auto 0;
  text-align: center;

}
.notfind-p h5 {
  color: #333;
  text-align: center;
  font-size: 16px;
  line-height: 16px; /* 100% */
}
.notfind-p p {
  color: #666;
  text-align: center;
  font-size: 12px;
  line-height: 20px; /* 166.667% */
  margin-top: 12px;
}
.notfind-img {
  width: 345px;
  margin: 10px auto;
  display: block;
}
.notfind-body {
  background: url("/images/spider_search_v4.png") 0px -100px no-repeat;
}
.notfind-icon {
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 1.8em;
  text-align: center;
  color: #ff7800;
  border-bottom: 1px dashed #d2d2d2;
  /* background: url("/images/spider_search_v4.png") 309px -197px no-repeat; */
  background: url("https://cdn.kuaidi100.com/images/www/home/icon-tips.png") no-repeat;
  background-position: 288px 4px;
}
.notfind-ul {
  padding-top: 15px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  /*padding-left: 200px;*/
}
.notfind-ul li {
  float: left;
  /* padding-left: 50px; */
  color: #323232;
  margin-right: 16px;
  color: #4E5969;
  font-size: 15px;
  font-weight: 400;
  line-height: 32px; /* 200% */
}
.notfind-taobao {
  margin: 20px auto 10px;
  padding-left: 50px;
  width: 300px;
  /* background: url("/images/spider_search_v4.png") 6px -555px no-repeat; */
}
.notfind-taobao a {
  color: #0082FA;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.ico_wrong {
  /* background: url("/images/spider_search_v4.png") 18px -275px no-repeat */
  background: url("https://cdn.kuaidi100.com/images/www/home/icon-wrong.png") no-repeat;
  background-position-y: center;
  padding-left: 38px;
}
.ico_right {
  /* background: url("/images/spider_search_v4.png") 13px -234px no-repeat */
  background: url("https://cdn.kuaidi100.com/images/www/home/icon-right.png") no-repeat;
  background-position-y: center;
  padding-left: 46px;
}
.ico_right .fontred {
  color: #0082FA;
}
/*select*/
.select-com {
  background: url("/images/spider_search_v4.png") 0px -1161px repeat-x;
  background-color: #fff;
  padding-left: 7px;
  height: 52px;
  line-height: 52px;
  font-size: 14px;
  font-weight: bold;
}
.select-com a#selectComBtn {
  width: 56px;
  display: inline-block;
  text-align: center;
  padding-right: 24px;
  cursor: pointer;
  background: url("/images/spider_search_v4.png") 62px -71px no-repeat #fff;
}
.select-com span {
  margin-right: 10px;
  padding: 2px 0px 2px 24px;
  color: #828282;
  font-weight: normal;
}
.select-com span#oldCompanyTips {
  padding: 2px 0px 2px 14px;
  color: #888;
}
.select-com .ico-tel {
  background: url("/images/spider_search_v4.png") 4px -868px no-repeat;
  color: #828282;
}
.select-com .ico-clock {
  background: url("/images/spider_search_v4.png") 6px -487px no-repeat;
}
.select-com .ico-date {
  background: url("/images/spider_search_v4.png") 6px -520px no-repeat;
}
.select-com .a-bindtel {
  background: url("/images/spider_search_v4.png") 0px -674px no-repeat;
  float: right;
  margin-right: 20px;
  padding-left: 15px;
}
.select-com .a-share {
  background: url("/images/spider_search_v4.png") 0px -357px no-repeat;
  float: right;
  margin-right: 20px;
  padding-left: 18px;
}
.select-com .a-rss {
  background: url("/images/spider_search_v4.png") 0px -320px no-repeat;
  float: right;
  margin-right: 20px;
  padding-left: 15px;
}
.select-com .a-print {
  background: url("https://cdn.kuaidi100.com/images/spider_search_v4.png?version=201707191039") 0px -1301px no-repeat;
  float: right;
  margin-right: 20px;
  padding-left: 15px;
}
/*com-list*/
.select-box {
  position: relative;
  padding: 1px;
  background-color: #fff;
  _zoom: 1;
}
.other-com {
  position: absolute;
  top: -35px;
  left: -1px;
  display: block;
  height: 27px;
  padding: 3px 30px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #a2bbda;
  border-bottom: 1px solid #fff;
  background: url("/images/spider_search_v4.png") 92px -68px no-repeat #fff;
}
.com-list .suggest {
  font-size: 14px;
  background-color: #f5f5f5;
  margin-bottom: 1px;
}
.com-list .suggest .li-title {
  display: inline-block;
  margin-right: 1px;
  width: 26px;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #ff7800;
  padding: 4px 0;
}
.com-list .suggest a {
  display: inline-block;
  height: 36px;
  padding: 0 10px;
  line-height: 36px;
  vertical-align: middle;
  color: #323232;
  cursor: pointer;
}
.com-list .suggest a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #78aaf0;
}
.com-list .common {
  font-size: 14px;
  background-color: #d2e6ff;
}
.com-list .common .li-title {
  display: inline-block;
  margin-right: 1px;
  width: 26px;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #3278e6;
  padding: 4px 0;
}
.com-list .common a {
  display: inline-block;
  padding: 0 10px;
  vertical-align: middle;
  color: #323232;
  cursor: pointer;
}
.com-list .common a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #78aaf0;
  line-height: 36px;
}
.com-list .all-list {
  padding: 1px 0;
  _zoom: 1;
}
.com-list .all-list li {
  height: 27px;
}
.com-list .all-list li.dl-bg {
  background-color: #f5f5f5;
}
.com-list .all-list li:hover, .com-list li.dl-bg:hover {
  background-color: #d2e6ff;
}
.com-list .all-list .li-title {
  display: inline-block;
  width: 30px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  color: #3278e6;
}
.com-list .all-list li a {
  display: inline-block;
  height: 27px;
  width: 84px;
  padding: 0 4px;
  line-height: 27px;
  vertical-align: middle;
  color: #323232;
  cursor: pointer;
}
.com-list .all-list li a:hover {
  text-decoration: none;
  color: #3278e6;
}
.com-list .other {
  padding: 5px 0;
  text-align: center;
  border-top: 1px solid #d2d2d2;
}
/*loading-01*/
.loader-box {
  text-align: center;
  font-size: 14px;
  line-height: 35px;
  color: #d2d2d2;
  margin: 50px;
  color: #3278e6;
}
.loader-box img {
  width:150px;
}
.loader {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  margin: auto;
  border-top: 0.625em solid rgba(50, 120, 230, 0.2);
  border-right: 0.625em solid rgba(50, 120, 230, 0.2);
  border-bottom: 0.625em solid rgba(50, 120, 230, 0.2);
  border-left: 0.625em solid #3278e6;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader, .loader:after {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
@-webkit-keyframes load8 {
 0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
 0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*分享二维码*/
.share-box{
  position: relative;
  margin: 450px auto 0;
  width: 290px;
  background-color: #fff;
  height: 290px;
}
.share-title{
  width: 290px;
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  font-weight: bold;
}
.share-box img{
  width: 190px;
  height: 190px;
  margin-left: 50px;
}
.share-box span{
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #353535;
  line-height: 50px;
}
.share-close{
  height: 22px;
  width: 22px;
  background: url(/images/spider_search_v4.png) no-repeat 3px -1283px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
}
.share-close:hover {
  background: url(/images/spider_search_v4.png) no-repeat -33px -1283px;
}
.check-code-close{
  height: 22px;
  width: 22px;
  background: url(/images/spider_search_v4.png) no-repeat 3px -1283px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
}
.check-code-close:hover {
  background: url(/images/spider_search_v4.png) no-repeat -33px -1283px;
}
.check-code-box {
  position: relative;
  width: 328px;
  height: 288px;
  background: #fff;
  margin: 300px auto 0;
  z-index: 99;
  font-size: 18px;
}
.check-code-box .content {
  padding: 40px 0 30px;
  text-align: center;
}
.check-code-box .input-wrap {
  position: relative;
  margin: 0 14px;
  text-align: justify;
  text-align-last: justify;
  line-height: 0;
}
.check-code-box input {
  width: 50px;
  height: 35px;
  font-size: 32px;
  border:none;
  outline: none;
  text-align: center;
  text-align-last: center;
  border-bottom: 1px solid #d8d8d8;
}
.check-code-box .btn {
  display: block;
  margin: 27px 12px 0;
  line-height: 56px;
  padding: 0;
}
.check-code-box .etips {
  color: red;
  font-size: 12px;
  padding-left: 12px;
  text-align: center;
}
.official {
  position: absolute;
  left: 10px;
  top: 6px;
  height: 36px;
  padding-left: 10px;
  background: #ff7f02;
  background: linear-gradient(109deg,#f64f4f 14%, #ff7f02 90%);
  border-radius: 8px 8px 8px 0px;
  font-size: 16px;
  line-height: 36px;
  color: #FFF;
  font-weight: normal !important;
  z-index: 15;
  cursor: pointer;
  display: none;
}
.official b {
  font-weight: normal;
}
.official::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -10px;
  content: '';
}
.official-btn {
  float: right;
  padding: 0 16px 0 5px;
  margin: 5px 10px 0 28px;
  border: 1px solid #FFF;
  border-radius: 4px;
  background: url(https://cdn.kuaidi100.com/images/icon-btn-arrow.png) 72px center no-repeat;
  line-height: 22px;
  z-index: 2;
}
.official-code-wrap {
  position: absolute;
  left: 0;
  top: 47px;
  width: 100%;
  padding: 24px 0;
  background: #FFF;
  border-radius: 8px;
  box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
  text-align: center;
  color: #333;
  font-size: 14px;
  line-height: 1em;
  display: none;
}
.official-code-wrap .code {
  width: 155px;
}
.official-code-wrap .ico, .side-official-wrap .ico {
  width: 16px;
  margin-right: 5px;
  vertical-align: middle;
}
.official-code-wrap::before {
  position: absolute;
  right: 48px;
  top: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #FFF;
  content: "";
}
.code-text {
  margin: 5px 0 15px;
}
.official-code-wrap .desc, .side-official-wrap .desc {
  font-weight: 600;
  line-height: 1.5em;
}
.side-official-wrap .desc {
  font-size: 14px;
}

.side-official-wrap {
  margin-bottom: 20px;
  border: 1px solid #efeff4;
  font-size: 16px;
  color: #333;
  text-align: center;
}

.side-official-wrap .title {
  background: #317ee7;
  line-height: 34px;
  color: #FFF;
  text-align: center;
  font-size: 14px;
}
.slide-code-text-wrap {
  text-align: center;
}
.side-code {
  width: 155px;
  margin-top: 10px;
}
.slide-code-text-wrap .ico {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
}

.slide-code-text {
  margin: 5px 0 15px;
}


.slide-official-wrap .desc {
  font-weight: 600;
  line-height: 1.5em;
  font-size: 14px;
}
.header-bottom-line {
  width: 96%;
  margin: 0 auto;
  margin-top: 48px;
  height: 1px;
  background: rgba(165, 165, 165, 0.60);
}
.result-header a {
  color: #0082FA;
  font-weight: normal;
}