.primary-color {
    color:#ff9641
  }

  .common-title {
    text-align:center;
    font-size:24px;
    font-weight:700;
    color:#150c31;
    display:flex;
    width:80%;
    align-items:center;
    justify-content:center
  }
  .common-title .line {
    width:15%;
    height:2px;
    margin:0 20px;
    background-color:#f0f0f0
  }
  .selected {
    border-bottom:5px solid #3541a7!important
  }
  [v-cloak] {
    display:none
  }
  header {
    height:400px
  }
  header .introduce {
    padding-top:160px
  }
  header .introduce .introduce-text {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    margin:0 auto 50px;
    padding:10px;
    text-align:center
  }
  header .introduce .introduce-text .introduce-text-title {
    font-size:35px;
    color:#fff
  }
  header .introduce .introduce-text .introduce-text-content {
    max-width:800px;
    padding-top:20px;
    padding-bottom:35px;
    font-size:16px;
    color:#fff;
    line-height:24px
  }
  header .introduce .introduce-text .start {
    cursor:pointer;
    padding:15px 50px;
    background:#ff9641;
    border-radius:30px;
    color:#fff
  }
  header .introduce .introduce-advantage {
    background-color:rgba(255,150,65,.75)
  }
  header .introduce .introduce-advantage ul {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    justify-content:center;
    align-items:center;
    padding:25px 0;
    max-width:1300px;
    margin:0 auto
  }
  header .introduce .introduce-advantage ul li {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:#fff
  }
  header .introduce .introduce-advantage ul li .icon i {
    font-size:45px
  }
  header .introduce .introduce-advantage ul li .text {
    line-height:35px
  }
  header .introduce .introduce-advantage ul li:nth-child(2) {
    border-left:1px solid #6b6db5;
    border-right:1px solid #6b6db5
  }
  header .package-search {
    display:flex;
    justify-content:center;
    padding:20px 0;
    background-color:#ff8421
  }
  header .package-search .search-input {
    display:flex;
    align-items:center;
    width:880px;
    height:50px;
    background-color:#fff;
    border-radius:30px;
    margin:0 10px;
    padding:0 5px
  }
  header .package-search .search-input .package-search-text {
    flex:auto;
    padding:10px 0;
    border-right:1px solid #ece8f1;
    text-align:center;
    font-size:14px;
    color:#807996
  }
  header .package-search .search-input .order-number {
    flex:12;
    margin:0 10px;
    border:none;
    outline:none
  }
  header .package-search .search-input button {
    background-color:#fff;
    border:none
  }
  header .package-search .search-input .search-icon {
    flex:1;
    cursor:pointer;
    margin-right:10px;
    font-size:25px;
    font-weight:700;
    text-align:center;
    color:#ff8421
  }
  @media (max-width:768px) {
    header .introduce .introduce-text .introduce-text-title {
      font-size:42px
    }
    header .introduce .introduce-advantage ul {
      grid-template-columns:1fr;
      grid-gap:20px;
      padding:10px 0
    }
    header .introduce .introduce-advantage ul .icon-zhinengludeng {
      margin-left:9px
    }
    header .package-search .search-input {
      width:90%
    }
  }
  section .notice {
    padding:0
  }
  section .notice .el-dialog {
    width:672px;
    position:relative;
    background-image:url(img/notice.png);
    background-size:100% 100%;
    height:508px;
    background-repeat:no-repeat
  }
  section .notice .dialog-close {
    width:24px;
    height:24px;
    position:absolute;
    right:15px;
    top:15px;
    cursor:pointer
  }
  section .notice .el-dialog__body,
  section .notice .el-dialog__header {
    padding:0
  }
  section .notice .el-dialog__headerbtn .el-dialog__close {
    color:#fff
  }
  section .notice .el-dialog__footer {
    padding-bottom:33px
  }
  section .notice .notice-title {
    display:grid;
    grid-template-columns:auto 1fr;
    gap:16px;
    align-items:center;
    padding:20px 30px;
    color:#fff;
    background-color:#ff8421
  }
  section .notice .notice-title i {
    font-size:50px
  }
  section .notice .notice-title .notice-text {
    line-height:29px
  }
  section .notice .notice-content {
    padding:180px 43px 25px;
    min-height:210px;
    line-height:35px
  }
  section .notice .notice-content .content-noticeData {
    height:150px;
    overflow-y:auto
  }
  section .notice .notice-content h2 {
    margin:0
  }
  section .notice .notice-content img {
    width:auto
  }
  section .notice .notice-content .notice-time {
    text-align:right
  }
  section .notice .notice-content::-webkit-scrollbar {
    width:10px;
    height:1px
  }
  section .notice .notice-content::-webkit-scrollbar-thumb {
    border-radius:10px;
    box-shadow:inset 0 0 5px rgba(0,0,0,.2);
    background:#ebebeb
  }
  section .notice .notice-content::-webkit-scrollbar-track {
    border-radius:10px;
    background:#fff
  }
  section .notice .notice-footer {
    display:flex;
    justify-content:center
  }
  section .notice .notice-footer .notice-button {
    cursor:pointer;
    width:150px;
    height:48px;
    line-height:48px;
    border-radius:29px;
    text-align:center;
    color:#fff;
    background-color:#ff9641
  }
  section .business-introduction {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:60px 0;
    background-color:#fff
  }
  section .business-introduction .content {
    width:60%;
    padding:40px 0;
    font-size:12px;
    line-height:35px
  }
  section .business-introduction .introduction-detailed {
    width:50%;
    padding:25px 0 95px;
    text-align:center;
    line-height:25px;
    font-size:14px;
    color:#555
  }
  section .business-introduction .function {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    width:80%
  }
  section .business-introduction .function .function-item {
    display:flex;
    align-items:center;
    width:45%;
    margin-bottom:40px
  }
  section .business-introduction .function .function-item .function-icon {
    margin-right:20px
  }
  section .business-introduction .function .function-item .function-icon img {
    max-width:110px
  }
  section .business-introduction .function .function-item .function-icon i {
    font-size:70px
  }
  section .business-introduction .function .function-item .function-text {
    line-height:30px
  }
  section .business-introduction .function .function-item .title {
    font-size:18px;
    font-weight:700;
    color:#150c31
  }
  section .business-introduction .function .function-item .text {
    font-size:12px;
    color:#555;
    line-height:24px
  }
  section .process {
    display:flex;
    justify-content:center
  }
  section .process .pc {
    width:80%
  }
  section .process .mobile {
    display:none
  }
  section .right-side {
    background:#fff;
    width:104px;
    padding:12px 10px 10px;
    border-radius:10px;
    position:fixed;
    right:2px;
    bottom:calc(50% - 200px);
    z-index:5;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    box-shadow:0 0 10px 0 hsla(0,0%,72.9%,.33)
  }
  section .right-side .coupon {
    position:absolute;
    top:-92px
  }
  section .right-side.close {
    padding:10px
  }
  section .right-side .content {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    font-size:14px
  }
  section .right-side .content .customer-time {
    color:#999;
    font-size:12px;
    height:32px;
    line-height:32px
  }
  section .right-side .content .customer-url {
    background-color:#fe831d;
    width:100%;
    border-radius:4px;
    padding:2px 0;
    display:flex;
    color:#fff;
    font-size:14px;
    gap:10px;
    align-items:center;
    cursor:pointer
  }
  section .right-side .content .customer-url img {
    width:24px
  }
  section .right-side .content .wechat-oa-url {
    width:100%;
    text-align:center
  }
  section .right-side .content .wechat-oa-url img {
    width:96px
  }
  section .right-side .collapse-btn {
    cursor:pointer;
    text-align:center;
    border-top:2px solid #f0f0f0;
    margin:10px 0 0;
    height:30px;
    padding-top:10px;
    width:100%;
    line-height:30px;
    font-size:14px
  }
  section .right-side .collapse-btn.white-border {
    border-top:none;
    margin:0;
    padding-top:1px
  }
  section .freight-estimation,
  section .service {
    background-color:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:0 0 40px
  }
  section .freight-estimation .service-content,
  section .service .service-content {
    display:flex;
    justify-content:space-between;
    width:80%;
    padding-top:90px
  }
  section .freight-estimation .service-content .service-item,
  section .service .service-content .service-item {
    display:flex;
    flex-direction:column;
    align-items:center
  }
  section .freight-estimation .service-content .service-item .service-text,
  section .service .service-content .service-item .service-text {
    font-weight:700
  }
  section .freight-estimation {
    padding:60px 0 40px
  }
  section .freight-estimation .service-content {
    padding-top:40px
  }
  section .jiyun-steps {
    margin:0 auto;
    display:flex;
    justify-content:center;
    gap:20px;
    position:relative;
    top:-50px
  }
  section .jiyun-steps .step {
    background-color:#fff;
    box-shadow:1px 1px 2px #ddd,-1px 1px 2px #ccc;
    border-radius:10px;
    padding:20px 30px;
    display:flex;
    width:16%;
    height:90px
  }
  section .jiyun-steps .step img {
    width:60px;
    height:60px
  }
  section .jiyun-steps .step a {
    color:#9b9b9b;
    cursor:pointer
  }
  section .calculator .calculation-main-content .calculator-form {
    display:grid;
    grid-template-columns:repeat(7,1fr);
    grid-template-rows:repeat(2,1fr);
    -moz-column-gap:20px;
    column-gap:20px
  }
  section .calculator .calculation-main-content .el-form-item {
    margin-bottom:-10px
  }
  section .calculator .calculation-main-content .el-form--label-top .el-form-item__label {
    padding:0
  }
  section .calculator .calculation-main-content .receiver {
    grid-row:1/span 1;
    grid-column:1/span 2
  }
  section .calculator .calculation-main-content .warehouse {
    grid-row:1/span 1;
    grid-column:3/span 2
  }
  section .calculator .calculation-main-content .postcode {
    grid-row:1/span 1;
    grid-column:5/span 2
  }
  section .calculator .calculation-main-content .props {
    grid-row:2/span 1;
    grid-column:1/span 2
  }
  section .calculator .calculation-main-content .weight {
    grid-row:2/span 1;
    grid-column:3/span 2
  }
  section .calculator .calculation-main-content .weight .el-input-group__append {
    background:#fff;
    border-left:none
  }
  section .calculator .calculation-main-content .package-size {
    grid-row:2/span 1;
    grid-column:5/span 2
  }
  section .calculator .calculation-main-content .query {
    grid-row:1/span 2;
    grid-column:7/span 1;
    height:107px;
    margin-top:42px;
    font-size:22px;
    background:#333e9f;
    color:#fff;
    border-radius:20px
  }
  section .route {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:66px 0 0;
    background-color:#fff
  }
  section .route .country {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    row-gap:10px;
    justify-content:space-around;
    width:80%;
    padding:10px 0;
    margin-top:30px;
    border-radius:12px;
    background-color:#fff
  }
  section .route .country .country-item {
    display:flex;
    flex-direction:column;
    align-items:center;
    cursor:pointer;
    position:relative
  }
  section .route .country .country-item .country-icon img {
    width:50px;
    height:50px
  }
  section .route .country .country-item .country-name {
    padding:7px 0;
    border-bottom:5px solid #fff
  }
  section .route .country .country-item .iconfont {
    font-size:22px
  }
  section .route .country .country-item:not(:last-of-type):after {
    content:"";
    position:absolute;
    right:0;
    top:12px;
    width:1px;
    height:22px;
    background-color:#f3f3f3
  }
  section .route .package {
    padding:40px 10px
  }
  section .route .package .el-carousel__container {
    min-height:621px
  }
  section .route .package .line-scroll {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-gap:20px
  }
  section .route .package .no-line {
    text-align:center
  }
  section .route .package .package-item {
    border:1px solid #f0f0f0;
    cursor:pointer;
    padding:20px 30px;
    background-color:#fff
  }
  section .route .package .package-item .package-item-top {
    display:flex;
    align-items:center;
    padding-bottom:10px
  }
  section .route .package .package-item .package-item-top .package-img {
    flex:1
  }
  section .route .package .package-item .package-item-top .package-img img {
    max-width:90px;
    max-height:90px
  }
  section .route .package .package-item .package-item-top .package-parameter {
    flex:4;
    padding-bottom:10px
  }
  section .route .package .package-item .package-item-top .package-parameter .package-parameter-top {
    display:flex;
    align-items:center
  }
  section .route .package .package-item .package-item-top .package-parameter .package-parameter-top .package-country {
    margin-right:5px;
    font-size:20px;
    font-weight:700
  }
  section .route .package .package-item .package-parameter-bottom {
    display:flex;
    justify-content:space-between;
    padding-top:10px
  }
  section .route .package .package-item .package-parameter-bottom .package-parameter-item {
    margin-right:10px
  }
  section .route .package .package-item .package-parameter-bottom .package-parameter-item .params,
  section .route .package .package-item .package-parameter-bottom .package-parameter-item .time {
    font-size:20px;
    font-weight:700
  }
  section .route .package .package-item .package-parameter-bottom .package-parameter-item .price {
    color:#b05528
  }
  section .route .package .package-item .package-parameter-bottom .desc1,
  section .route .package .package-item .package-parameter-bottom .desc2 {
    display:inline-block;
    width:100%;
    height:40px;
    line-height:40px;
    color:#aaa;
    text-align:center
  }
  section .route .package .package-item .package-attribute {
    display:flex;
    flex-wrap:wrap;
    border-top:2px solid #f7f7f7;
    padding-top:12px
  }
  section .route .package .package-item .package-attribute .package-attribute-item {
    padding:7px 20px;
    margin:0 5px 5px 0;
    font-size:12px;
    background-color:#f3f6ff;
    color:#64689f;
    border-radius:3px
  }
  section .route .package .package-item .package-item-bottom {
    padding:10px
  }
  section .route .package .package-item .package-item-bottom .characteristic {
    font-size:18px;
    color:#010101
  }
  section .route .package .package-item .package-item-bottom .describe {
    display:-webkit-box;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    padding-top:10px;
    overflow:hidden;
    font-size:14px;
    color:#7f7f7f;
    line-height:20px
  }
  section .appraise {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:60px;
    background-color:#f7f7f7
  }
  section .appraise .appraise-content {
    width:80%;
    max-width:1550px;
    padding:60px 10px
  }
  section .appraise .appraise-content .appraise-item {
    padding:30px 20px;
    background-color:#fff
  }
  section .appraise .appraise-content .appraise-item .appraise-item-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:50px
  }
  section .appraise .appraise-content .appraise-item .appraise-item-top .portrait {
    display:flex;
    align-items:center
  }
  section .appraise .appraise-content .appraise-item .appraise-item-top .portrait img {
    width:45px;
    height:45px;
    border-radius:50%
  }
  section .appraise .appraise-content .appraise-item .appraise-item-top .username {
    font-size:16px;
    margin:0 5px
  }
  section .appraise .appraise-content .appraise-item .appraise-item-top .start img {
    width:30px
  }
  section .appraise .appraise-content .appraise-item .appraise-item-top .five-start {
    font-size:16px
  }
  section .appraise .appraise-content .appraise-item .appraise-item-main {
    padding:20px 0
  }
  section .appraise .appraise-content .appraise-item .appraise-item-main .picture-evaluation {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-gap:10px;
    height:100px;
    overflow:hidden
  }
  section .appraise .appraise-content .appraise-item .appraise-item-main .picture-evaluation .picture-item {
    max-width:120px;
    max-height:110px;
    overflow:hidden;
    margin:0 auto;
    background-color:#abcdef
  }
  section .appraise .appraise-content .appraise-item .appraise-item-main .text-evaluation {
    height:50px;
    overflow-y:auto;
    padding-top:20px;
    font-size:16px
  }
  section .appraise .appraise-content .appraise-item .appraise-item-main .text-evaluation::-webkit-scrollbar {
    width:10px;
    height:1px
  }
  section .appraise .appraise-content .appraise-item .appraise-item-main .text-evaluation::-webkit-scrollbar-thumb {
    border-radius:10px;
    box-shadow:inset 0 0 5px rgba(0,0,0,.2);
    background:#ebebeb
  }
  section .appraise .appraise-content .appraise-item .appraise-item-main .text-evaluation::-webkit-scrollbar-track {
    border-radius:10px;
    background:#fff
  }
  section .appraise .appraise-content .appraise-item .appraise-item-bottom {
    display:flex;
    justify-content:space-between;
    align-items:center
  }
  section .appraise .appraise-content .appraise-item .appraise-item-bottom .appraise-time {
    font-size:16px;
    color:#999
  }
  section .appraise .appraise-content .appraise-item .appraise-item-bottom .appraise-country {
    font-size:16px
  }
  section .appraise .appraise-content .el-carousel__container {
    height:340px
  }
  section .appraise .appraise-content .appraise-scroll {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-gap:20px
  }
  section .news {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:60px;
    background-color:#fff
  }
  section .news .news-content {
    max-width:1550px;
    margin:0 auto;
    padding:60px 10px
  }
  section .news .news-content .news-item {
    margin:0 auto 30px;
    cursor:pointer
  }
  section .news .news-content .news-item .news-title {
    padding:20px 0 10px;
    font-size:18px;
    font-weight:700;
    color:#150c31
  }
  section .news .news-content .news-item .news-details {
    font-size:14px;
    line-height:24px;
    color:#555;
    overflow:hidden
  }
  section .news .el-carousel__container {
    height:460px
  }
  section .news .appraise-scroll {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-gap:20px
  }
  @media (max-width:1280px) {
    section .appraise .appraise-content .appraise-item {
      padding:30px 15px
    }
    section .appraise .appraise-content .appraise-item .appraise-item-top .start img {
      width:24px
    }
  }
  @media (max-width:1024px) {
    section .notice {
      font-size:14px
    }
    section .notice .el-dialog {
      width:90%
    }
    section .notice .el-dialog__footer {
      padding:40px 20px 20px
    }
    section .notice .notice-footer .notice-button {
      width:20%
    }
    section .route .package .el-carousel__container {
      height:660px
    }
    section .route .package .line-scroll {
      grid-template-columns:repeat(2,minmax(0,1fr));
      grid-template-rows:1fr 1fr
    }
    section .appraise .appraise-content .el-carousel__container {
      height:700px
    }
    section .appraise .appraise-content .appraise-scroll {
      grid-template-columns:repeat(2,minmax(0,1fr));
      grid-template-rows:1fr 1fr
    }
    section .news .news-content {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
  }
  @media (max-width:768px) {
    section .jiyun-steps {
      flex-direction:column
    }
    section .jiyun-steps .step {
      width:50%;
      margin:0 auto
    }
    section .calculator-form {
      grid-template-columns:repeat(2,1fr)!important;
      grid-template-rows:repeat(4,1fr)!important;
      -moz-column-gap:2px!important;
      column-gap:2px!important
    }
    section .receiver {
      grid-row:1/span 1!important;
      grid-column:1/span 1!important
    }
    section .warehouse {
      grid-row:1/span 1!important;
      grid-column:2/span 1!important
    }
    section .postcode {
      grid-row:2/span 1!important;
      grid-column:1/span 1!important
    }
    section .weight {
      grid-row:2/span 1!important;
      grid-column:2/span 1!important
    }
    section .props {
      grid-row:3/span 1!important;
      grid-column:1/span 1!important;
      margin-top:0
    }
    section .package-size {
      grid-row:3/span 1!important;
      grid-column:2/span 1!important
    }
    section .query {
      grid-row:4/span 1!important;
      grid-column:1/span 2!important;
      margin-top:0!important
    }
    section .notice .notice-button {
      width:30%
    }
    section .business-introduction {
      padding:30px 0
    }
    section .business-introduction .introduction-detailed {
      width:90%;
      padding:40px 0
    }
    section .business-introduction .function {
      width:90%;
      flex-direction:column
    }
    section .business-introduction .function .function-item {
      width:100%
    }
    section .process .pc {
      display:none
    }
    section .process .mobile {
      display:block
    }
    section .service {
      padding:40px 0
    }
    section .service .service-content {
      display:grid;
      grid-template-columns:1fr 1fr 1fr;
      grid-gap:20px;
      width:100%;
      padding-top:40px
    }
    section .route .country {
      grid-template-columns:repeat(4,minmax(0,1fr));
      width:90%
    }
    section .appraise .appraise-content {
      grid-template-columns:repeat(1,minmax(0,1fr))
    }
  }
  @media (max-width:640px) {
    section .notice {
      font-size:12px
    }
    section .notice .notice-footer .notice-button {
      width:35%
    }
    section .route .package .el-carousel__container {
      height:1017px
    }
    section .route .package .line-scroll {
      grid-template-columns:1fr!important;
      grid-template-rows:repeat(3,1fr)
    }
    section .appraise .appraise-content .el-carousel__container {
      height:1054px
    }
    section .appraise .appraise-content .appraise-scroll {
      grid-template-columns:1fr;
      grid-template-rows:1fr 1fr 1fr
    }
  }
  .mini-mp {
    display:none
  }
  @media (max-width:1200px) {
    .mini-mp {
      display:block
    }
    .large-mp {
      display:none
    }
  }