input,
select {
  -webkit-appearance: none;
  outline: none;
  border: none;
}

a {
  color: #317ee7;
}

.flex {
  display: -webkit-flex;
  display: flex;
}

.m-mask.flex {
  display: -webkit-box;
}

.result-box {
  background: #fff;
}

.toptips {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  font-size: 1rem;
  height: 2.7143rem;
  line-height: 1.5rem;
  text-align: center;
  background-color: #fff;
  padding: 0 1.0714rem;
}
.toptips .toptips-img {
  width: 3.5714rem;
  height: 1rem;
  margin-right: .2857rem;
}
.toptips button {
  background: #0082FA;
  color: #fff;
  padding: 0 1em;
  font-size: .75rem;
  border-radius: 2em;
  line-height: 2em;
  margin-right: 1em;
  border: none;
}
.logistics-message {
  display: flex;
  align-items: center;
  padding: .7143rem .8929rem;
  margin: 0 auto;
  width: 92%;
  /* height: 3.5rem; */
  background-color: #FFF4EA;
  color: #FF6411;
  font-size: .8571rem;
}
.logistics-message span {
  display: inline-block;
}
.logistics-message .sub {
  box-sizing: border-box;
  /* width: 6.0714rem; */
  border-radius: 1.0714rem;
  display: inline-block;
  background-color: #2EBE00;
  color: #fff;
  padding-left: .7143rem;
  padding-right: .7143rem;
  font-size: .8571rem;
  line-height: 2.1429rem;
  flex-shrink: 0;
}
.logistics-message .sub img {
  width: 15px;
}
.logistics-message-login {
  position: relative;
  box-sizing: border-box;
  padding: .7143rem .8929rem;
  margin: 0 auto;
  width: 92%;
  /* height: 4rem; */
  line-height: 1.2857rem;
  background-color: #DFF0FF;
  color: #888888;
  font-size: .8571rem;
}
.logistics-message-login .virtual-box {
  display: inline-block;
  height: 1.2857rem;
  width: 4rem;
  background-color: transparent;
}
.logistics-message-login .copy {
  position: absolute;
  right: .8929rem;
  bottom: .7143rem;
  font-weight: 500;
  color: #0082FA;
}
.bottom-tips {
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  padding: 13px 10px;
  width: 100%;
  z-index: 10;
  background-color: #E5F2FE;

  color: #405466;
  font-size: 12px;
  line-height: 18px;
}
.bottom-tips-close {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTYgMTQuMTE0NkwyMi42IDcuNTE0NjVMMjQuNDg1MyA5LjM5OTk4TDE3Ljg4NTMgMTZMMjQuNDg1MyAyMi42TDIyLjYgMjQuNDg1M0wxNiAxNy44ODUzTDkuMzk5OTggMjQuNDg1M0w3LjUxNDY1IDIyLjZMMTQuMTE0NiAxNkw3LjUxNDY1IDkuMzk5OThMOS4zOTk5OCA3LjUxNDY1TDE2IDE0LjExNDZaIiBmaWxsPSIjN0Y4Qzk4Ii8+Cjwvc3ZnPg==");
  background-size: 100% 100%;
}
.bottom-tips .sub {
  padding: 3px 10px;
  border-radius: 24px;
  border: 1px solid #0082FA;
  color: #0082FA;
  font-size: 10px;
  line-height: 18px;
  margin-left: auto;
}
.bottom-tips-ad {
  background: linear-gradient(180deg, #FFDFC1 2%, #FFFFFF 100%);
  color: #FF7F02;
  font-family: "PingFang TC Medium";
  padding: 2px 10px;
  font-weight: 500;
}
.bottom-tips-ad .sub {
  background-color: #FF7F02;
  color: #fff;
  margin-right: 6px;
  border: none;
}
.bottom-tips-preview {
  width: 32px;
  height: 32px;
  margin-right: 6px;
}
.global-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 1.6071rem;
  background-color: #fff;
  width: 90vw;
  border-radius: .5714rem;
}

.login-modal-content {
  color: #405466;
  text-align: center;
  font-size: 1rem;
  line-height: 1.4286rem;
  width: 90%;
  margin-bottom: 1.0714rem;
}

.login-modal-content .blue-text {
  color: #0082FA;
}

.login-modal-btn {
  width: 100% !important;
  height: 3.8214rem;
  border-top: 1px solid #E7E7E7;
  text-align: center;
  font-size: 1.1429rem;
  line-height: 3.8214rem;
  color: #0082FA;
  margin-bottom: 0;
}
.bottom-close {
  width: 2.5rem;
  height: 5.3571rem;
  margin: 0 auto;
  background: url(https://cdn.kuaidi100.com/images/uniapp/icoPopClose.png) center / 100% no-repeat;
}
.goback-modal-title {
  color: #333;
  text-align: center;
  font-size: 1.2857rem;
  line-height: 1.4286rem;
  margin-bottom: 1.0714rem;
}
.goback-modal-content {
  color: #405466;
  text-align: center;
  font-size: 1rem;
  line-height: 1.4286rem;
  width: 90%;
  margin-bottom: 1.0714rem;
}
.goback-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100% !important;
  height: 3.8214rem;
  border-top: 1px solid #E7E7E7;
  font-size: 1.1429rem;
}
.goback-modal-footer-cancel {
  width: 50%;
  text-align: center;
  color: #405466;
}
.goback-modal-footer-confirm {
  /* flex-grow: 1; */
  box-sizing: border-box;
  width: 50%;
  text-align: center;
  color: #0082FA;
  border-left: #D9D9D9 1px solid;
}
.overtimes-modal-title {
  color: #333;
  text-align: center;
  font-size: 1.2857rem;
  line-height: 1.4286rem;
  margin-bottom: 1.0714rem;
}
.overtimes-modal-content {
  color: #405466;
  text-align: center;
  font-size: 1rem;
  line-height: 1.4286rem;
  width: 90%;
  margin-bottom: 1.0714rem;
}

.overtimes-modal-content .blue-text {
  color: #0082FA;
}

.overtimes-modal-btn {
  width: 100% !important;
  height: 3.8214rem;
  border-top: 1px solid #E7E7E7;
  text-align: center;
  font-size: 1.1429rem;
  line-height: 3.8214rem;
  color: #0082FA;
  margin-bottom: 0;
}
.cominfo {
  align-items: center;
  padding: 10px;
  /* border-bottom: 1px solid #efeff4; */
  font-size: 1rem;
  background: #fff;
}

.cominfo .logo {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 10px;
  border-radius: 50%;
  background-size: 100%;
}

.cominfo .text {
  width: 0;
  flex: 1;
}

.cominfo .name {
  color: #001A32;
  display: flex;
  align-items: center;
}

.cominfo .name .remark-btn {
  display: inline-block;
  margin-left: 10px;
  height: 18px;
  line-height: 18px;
  width: 60px;
  padding: 2px 4px;
  font-size: 12px;
  background-color: #F5F6F9;
  color: #7F8C98;
  text-align: center;
  border-radius: 4px;
}

.cominfo .name .remark-btn::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 12px;
  width: 12px;
  background-size: auto 12px;
  background-image: url(https://cdn.kuaidi100.com/images/m/icons/newresult/remark.png);
}

.cominfo .select-wrap {
  margin-top: 6px;
  font-size: 13px;
  color: #7F8C98;
}

.select-wrap .copy-btn {
  margin-left: 8px;
  color: #0082FA;
}

.line-box {
  padding: 0 10px;   
  background: #fff;
}

.line-box .line-border {
  border-bottom: 1px dashed #D1D6DA; 
}

.select-com-box{
  position: relative;
}

.select-com-box select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  appearance: none;
  opacity: 0;
}


.cominfo .tel {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 5px;
  vertical-align: -7px;
  background: url("https://cdn.kuaidi100.com/images/m/icons/ico_phone.png") center center no-repeat;
  background-size: 1rem auto;
}

.cominfo small:after {
  display: inline-block;
  width: .3em;
  height: .3em;
  margin-left: 5px;
  vertical-align: 2px;
  border-top: 1px solid;
  border-right: 1px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.result-success {
  position: relative;
  padding: 10px 15px
}

.result-list li {
  display: -webkit-flex;
  display: flex;
  padding-bottom: .5em;
  color: #888;
}

.result-list li .left-box {
  width: 32px;
  margin-right: 6px;
}

.result-list li .right-box {
  width: 100%;
}

.left-box .transfom-logo {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #D1D6DA;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.left-box .transfom-logo img {
  width: 16px;
}

.right-box .status-text {
  font-size: 16px;
  color: #001A32;
  font-weight: 500;
}

.right-box .finish {
  color: #0082FA;
}

.right-box .btn-list {
  float: right;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
} 

.right-box .btn-list span {
  border-radius: 15px;
  display: inline-block;
}

.right-box .btn-list span:nth-child(1){
  background-color: #2EBE00;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.right-box .btn-list span:nth-child(1) img {
  width: 15px;
}

.right-box .btn-list span:nth-child(2){
  background-color: #fff;
  color: #405466;
  border: 1px solid #7F8C98;
  padding-left: 20px;
  padding-right: 20px;
  height: 28px;
}

.right-box .select-city {
  display: flex;
  justify-content: space-between;
  border-radius: 3px;
  background: #F0F0F0;
  padding: 9px 10px;
  margin-top: 8px;
  font-size: 13px;
}

.right-box .select-city span:nth-child(1) {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 62%;
  white-space: nowrap;
}
.btn-list .followed {
  background-color: #fff !important;
  color: #0082fa !important;
  border: 1px solid #0082fa;
  padding: 3px 10px;
  text-align: center;
  font-size: 10px;
  line-height: 18px; /* 180% */
}
.left-box .finish {
  background: #0082FA;
}

.result-list .time {
  color: #7F8C98;
  font-size: 12px;
  line-height: 13px; /* 108.333% */
  margin-left: 8px;
}

.result-list .text {
  position: relative;
  flex: 1;
  font-size: .875rem;
  margin-top: 8px;
}

.result-list .last .text:before {
  top: 11px;
}


.result-list li:last-child .text:before {
  display: none;
}

.result-more {
}
.result-more-button {
  position: relative;
  color: #0082FA;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
}
.feedback {
  margin-top: 6px;
  text-align: center;
  color: #bebebe;
  font-size: 12px;
}

.result-success .more {
  position: absolute;
  left: 0;
  width: 100%;
  height: 36%;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
.more .button-text {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 10px;
  color: #317ee7;
  text-align: center;
  font-size: .875rem;
}
.result-success .bottom5 {
  bottom: 5.5em;
}
.result-success .open-mp {
  width: 100%;
  /* margin-top: 1.3rem; */
  position: relative;
}
.result-success .open-mp .box {
  width: 100%;
  height: 44px;
}
.result-success .open-mp button{
  width: 94%;
  margin-left: 3%;
  background: #ff7f02;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  height: 44px;
  line-height: 44px;
  border: none;
  border-radius: 22px;
}
.result-success .open-mp .button-text{
  width: 94%;
  margin-left: 3%;
  background: transparent;
  color: #317ee7;
  /* border-radius: 4px; */
  text-align: center;
  height: 44px;
  line-height: 44px;
  border: none;
  font-size: .875rem;
  /* border-radius: 22px; */
}


@keyframes myfirst {
  from {bottom: 45px;}
  to {bottom: 35px;}
}
@-webkit-keyframes myfirst {
  from {bottom: 45px;}
  to {bottom: 35px;}
}
.result-success .more-text {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  color: #888;
  font-size: .875rem;
  animation: myfirst 0.7s infinite alternate;
}

.result-success .more-text:after {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("https://cdn.kuaidi100.com/images/m/icons/newresult/expand.png") no-repeat;
  background-size: 100%;
  content: '';
}
.result-box_result {
  position: relative;
  padding: 0 0 1.2857rem;
  width: 100%;
  background: #fff;
  border-radius: .7143rem;
}
.result-fail-noresult {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: #C0C1CA;
  line-height: 1.4286rem;
  width: 21.0714rem;
  margin: 1.4286rem auto 0;
}
.result-fail-noresult-btn {
  width: 60vw;
  height: 3.1429rem;
  text-align: center;
  line-height: 3.1429rem;
  color: #FFF;
  font-size: 1.1429rem;
  background-color: #0082fa;
  border-radius: 1.5714rem;
  margin: 1.4286rem auto 0;
}
.result-fail-noresult_image {
  display: flex;
  justify-content: center;
  width: 10.7143rem;
  height: 6.4286rem;
  margin: 1.9286rem auto 1.0714rem;
}
.result-fail-contact {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.1429rem auto .7143rem;
}
.result-fail-contact-tips {
  font-size: 1rem;
  color: #888;
}
.result-fail-contact-tel {
  font-size: 1rem;
  color: #317EE7;
  border-bottom: 1px solid #317EE7;
}
.delivery-status {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* width: 24.6429rem; */
  margin: .5rem auto 0.5rem;
  padding: .7143rem .5357rem;
  color: #FF6411;
  font-size: .8571rem;
  line-height: 1.2857rem;
  background-color: #FFF4EA;
  border-radius: .1786rem;
}
.delivery-status-btn {
  box-sizing: border-box;
  padding: .3571rem .7143rem;
  background-color: #1FCE56;
  border-radius: 2rem;
  margin-left: 1.0714rem;
  margin-right: 0;
  width: 5.5rem;
  flex-shrink: 0;
  text-align: center;
  color: #fff;
}
.overlimit-btn {
  width: 60vw;
  height: 3.1429rem;
  text-align: center;
  line-height: 3.1429rem;
  color: #FFF;
  font-size: 1.1429rem;
  background-color: #0082fa;
  border-radius: 1.5714rem;
  margin: 1.4286rem auto 0;
}
.redpack {
  width: 2.375rem;
  padding: 0;
}

.check-dialog {
  position: relative;
  background: #FFF;
  padding: 1.375rem;
  box-sizing: border-box;
  width: 92%;
}

.check-dialog .content {
  padding-top: 2rem;
  text-align: center;
  font-size: 1.1875rem;
  line-height: 1.5em;
}

@media screen and (max-width: 320px) {
  .check-dialog .content {
    font-size: 1rem;
  }
}

.check-dialog .num {
  position: relative;
  display: webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-top: 13%;
  overflow: hidden;
}

.check-dialog .input-wrap {
  position: absolute;
  left: -100px;
  right: -100px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.check-dialog .num span {
  width: 21%;
  padding: .625rem 0;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
  font-size: 2rem;
  height: 2.625rem;
}

.check-dialog .num input {
  width: 100%;
  height: 100%;
  opacity: 0;
  caret-color: transparent;
}

.check-dialog .num span.active {
  border-color: #3278e5;
}

.check-dialog .btn {
  margin-top: 2rem;
  padding: .9375rem 0;
}

.check-dialog .btn.disabled {
  background: #cccccc;
}

.check-dialog .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 1.375rem;
  height: 1.375rem;
  background: url(https://cdn.kuaidi100.com/images/m/icons/ico_close.png) center center/100% no-repeat;
}

.express-card {
  background: #fff;
  height: 290px;
  padding: 15px 10px;
}

.express-card .price-card {
  color: #7F8C98;
}

.price-card .top-left-fixed {
  display: fixed;
  top: 0;
  left: 0;
  font-size: 14px;
  line-height: 20px;
}

.price-card .address {
  padding: 15px 50px 20px;
  color: #001A32;
  font-weight: 500;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  word-break: keep-all;
}

.price-card .address img {
  width: 34px;
  margin: 0 auto;
}

.price-card .card-list {
  min-height: 114px;
  display: flex;
  justify-content: flex-start;
  overflow-x: scroll;
  min-width: 100%;
}

.card-list .card {
  border-radius: 8px;
  background: #fff;
  margin-right: 6px;
  border: 1px solid #f3f5f5;
  min-width: 84px;
  /* flex: 1; */
}

.card:last-child {
  margin-right: 0;
}

.card .card-top{
  background: #f7f8f9;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-list .select-card .card-details {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #0082FA;
  border-radius: 0px 0px 8px 8px;
}

.select-card .card-top {
  background: #0082FA;
  border-radius: 8px 8px 0px 0px;
}

.card .card-top img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.card .card-top span {
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  margin-left: 2px;
  color: #001A32;
  
}

.select-card .card-top span {
  color: #fff;
}

.card .card-details {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.card-details span {
  font-size: 10px;
}

.card-details span:nth-child(3) {
  color: #405466;
}

.card-details .price-text span:nth-child(1) {
  color: #FF6411;
  font-size: 28px;
  font-weight: 900;
}

.card-details .price-text span:nth-child(2) {
  color: #001A32;
  font-size: 12px;
  line-height: 19px;
}

.express-card button {
  width: 100%;
  height: 44px;
  line-height: 44px;
  background-color: #0070F4;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  border-radius: 22px;
  border: none;
  text-align: center;
  margin-top: 20px;
}

#custom-dialog::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110px;
  background: url(https://cdn.kuaidi100.com/images/m/index/app_cover.png) 0 0 no-repeat;
  background-size: 60% 100%;
  background-position: 125% 50%;
  background-color: #0083FE;
  margin: 0px auto;
  border-radius: 16px 16px 0 0;
}

#custom-dialog .appguide_download-dialog-title {
  position: absolute;
  top: 30px;
  left: 20px;
  color: #ffffff;
  font-size: 16px;
}

#custom-dialog .appguide_download-dialog-text {
  position: absolute;
  top: 50px;
  left: 20px;
  color: #ffffff;
  font-size: 16px;
}

#custom-dialog .list {
  margin-top: 95px;
  margin-bottom: 33px;
}

#custom-dialog .list li {
  font-size: 16px;
  color: #001A32;
  line-height: 20px;
  margin-bottom: 16px;
}

#custom-dialog .list li:last-child {
  margin-bottom: 0px;
}

#custom-dialog .list li img {
  width: 21px;
  height: 20px;
  margin-right: 4px;
}

#custom-dialog .appguide_download-dialog-bt {
  height: 40px;
  margin: 0 66px 20px;
  border-radius: 20px;
  background-color: #0180f9;
}

.new-download-box {
  background: #fff;
  margin: 10px 0;
  text-align: center;
  color: #001a32;
  padding-top: 0.96rem;
}

.new-download-box p {
  margin-bottom: 0.94rem;
  font-size: 0.875rem;
}

.blue-text {
  color: #0082fa;
}

.new-download-box .go-download-btn {
  display: inline-block;
  font-size: 1rem;
  color: #fff;
  background: #ff7f02;
  margin-top: 0.4rem;
  margin-bottom: 1rem;
  height: 2.5rem;
  width: 11.5rem;
  line-height: 2.5rem;
  border-radius: 3.125rem;
}

.modal-btn-group {
  display: flex;
  justify-content: space-between;
}

.modal-btn-group span {
  display: inline-block;
  width: 8.4rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  border-radius: 0.1875rem;
}

.modal-btn-group .cancel-btn-show {
  background: color;
  color: #262626;
  border: 2px solid #c5c5c5;
}

.modal-btn-group .confirm-btn-show {
  background: #ff7f02;
  color: #fff;
}

.appguide_download-nav {
  display: none !important;
}

.more-arrow {
  position: absolute;
  left: 50%;
  top: -32px;
  transform: translateX(-50%);
  z-index: 20;
  background: url('https://cdn.kuaidi100.com/images/m/result/more-arrow.png');
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
  display: inline-block;
}
/* .more-cover {
  position: absolute;
  display: block;
  width: 100%;
  height: 60px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 1));
  top: -60px;
} */
.more-cover {
  position: relative; /* 保证子元素的绝对定位相对于这里 */
}

.more-cover::before {
  content: ""; /* 生成一个空内容元素 */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 100%, rgba(255, 255, 255, 0) 95%); /* 半透明黑色背景 */
  z-index: 10; /* 确保遮罩在内容之上 */
  pointer-events: none; /* 避免遮罩影响点击事件 */
}
.cominfo .cominfo-botton {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.cominfo .cominfo-botton .cominfo-botton-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.cominfo-botton-item img {
  width: 20px;
  height: 20px;

}
.cominfo-botton-item-text {
  color: #7F8C98;
  font-size: 10px;
  line-height: 18px;
}
.huanxing {
  padding: 0 15px 15px;
}
.huanxing-box {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-size: cover;
  background-position: center;
  width: calc(100vw - 30px);
  height: calc((100vw - 30px) * 0.36);
  background-color: #f5f6f9;
  border-radius: 10px;
  box-shadow: 0 4px 12.2px 0 rgba(179, 179, 179, 0.25) inset;
  overflow: hidden;
}
.huanxing-box-bg1 {
  background-image: url("https://cdn.kuaidi100.com/images/m/result/sketch_map_1.png");
}
.huanxing-box-bg2 {
  background-image: url("https://cdn.kuaidi100.com/images/m/result/sketch_map_2.png");
}
.huanxing-box-bg3 {
  background-image: url("https://cdn.kuaidi100.com/images/m/result/sketch_map_3.png");
}
.huanxing-box .huanxing-text {
  height: 28.8%;
  text-align: center;
  line-height: calc((100vw - 30px) * 0.36 * 0.288);
  color: #405466;
  font-size: 12px;
}
.follow-p {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  color: #405466;
  font-size: 10px;
  line-height: 18px;
  border-radius: 20px;
  background: #E5F2FE;
  margin-top: 8px;
}
.follow-icon {
  width: 12px;
  height: 12px;
  margin-left: 2px;
  background-image: url("https://cdn.kuaidi100.com/images/m/result/follow-icon.png");
  background-size: 12px 12px;
}
.ad-wrap {
  position: relative;
}
.ad-mask {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .4);
}
.ad-pop {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  bottom: -4px;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.ad-pop-image {
  width: 100%;
}
.ad-pop-image img {
  width: 100%;
  height: 100%;
}
.ad-pop-close {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -30px;
  right: 8px;
}
.ad-pop-btn {
  position: absolute;
  width: 263px;
  height: 63px;
  bottom: 24px;
  margin: 0 auto;
}
.lottery-area {
  position: fixed;
  top: 130px; 
  right: 0;
  transform: translateY(-50%);
  width: 40px; 
  z-index: 999;
  pointer-events: none;
  transition: transform 0.5s ease-in-out; 
}

.lottery-view {
  width: 100%;
  pointer-events: auto;
}

.lottery-activity-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  position: relative;
  
}
.lottery-activity-icon .img {
  width: 49px; 
  /* height: 49px;  */
  object-fit: cover;
}

.lottery-activity-icon .icon-close {
  position: absolute;
  top: -14px;
  right: 0;
  width: 16px; 
  height: 16px;
  z-index: 1000;
  cursor: pointer;
  object-fit: cover;
}