.images[data-v-13cef0fb] {
    -webkit-transform: translate(-10000vh,-10000vh);
    transform: translate(-10000vh,-10000vh)
}

.overlay[data-v-38640f84] {
    background: rgba(0,0,0,.7);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 21
}

.tipsContent[data-v-38640f84] {
    position: fixed;
    z-index: 21;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 700px
}

.cardNavWrap > [data-v-f1fac0ba] {
    cursor: pointer
}

.cardNavWrap > * a[data-v-f1fac0ba] {
    text-decoration: none;
    color: inherit;
    display: block
}

.service-feature[data-v-47a0d462] {
    font-size: 16px
}

.btn-underline[data-v-47a0d462] {
    text-decoration: underline
}

.cangku-img-wrap[data-v-47a0d462] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.addrWrap[data-v-26d3b5b3] {
    border: 2px dashed currentColor
}

@-webkit-keyframes btnFade-data-v-378a2292 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes btnFade-data-v-378a2292 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.overlay[data-v-378a2292] {
    background: rgba(0,0,0,.7);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 21
}

.teachingContent[data-v-378a2292] {
    position: absolute;
    z-index: 21;
    left: 0;
    top: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btnTeaching1[data-v-378a2292] {
    background: url(/static/img/btnBg.846a408.png);
    background-size: 100% 100%;
    display: inline-block;
    padding: 8px 18px;
    color: #fff;
    font-size: 30px;
    -webkit-animation: btnFade-data-v-378a2292 4s;
    animation: btnFade-data-v-378a2292 4s;
    cursor: pointer;
    font-weight: 700
}

.btnTeaching1.small[data-v-378a2292] {
    font-size: 20px
}

.continueBtn[data-v-378a2292] {
    padding-top: 15px;
    cursor: pointer
}

.continueBtn img[data-v-378a2292] {
    height: 40px
}

.inputWrap[data-v-378a2292] {
    color: #fff;
    font-size: 30px;
    border: 3px solid #fff;
    border-radius: 100px;
    line-height: 90px;
    display: inline-block;
    padding-left: 50px;
    width: 500px;
    height: 90px;
    text-align: left
}

.inputWrap input[data-v-378a2292] {
    outline: none
}

.addrWrap[data-v-378a2292] {
    color: #fff;
    font-size: 20px;
    border: 5px solid #fff;
    border-radius: 50px;
    padding: 20px
}

.avatar[data-v-ad3632ee] {
    width: 48px;
    height: 48px;
    vertical-align: middle;
    border-radius: 50%
}

.avatarWrap[data-v-ad3632ee] {
    position: relative
}

.getFb[data-v-ad3632ee] {
    width: 70px;
    background: rgba(0,0,0,.4);
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    line-height: 22px;
    cursor: pointer
}

.pwd-input[data-v-fc60c354] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pwd-input > div[data-v-fc60c354] {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 42px;
    height: 42px;
    border: 1px solid #cecece;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pwd-input > input[data-v-fc60c354] {
    position: absolute;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0
}

.pwd-input > input:focus ~ div.active[data-v-fc60c354] {
    border-color: rgb(82 168 236/60%);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0/8%),0 0 8px rgb(82 168 236/60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0/8%),0 0 8px rgb(82 168 236/60%)
}

    .pwd-input > input:focus ~ div.active[data-v-fc60c354]:before {
        content: "|";
        font-weight: 700;
        -webkit-animation: buling-data-v-fc60c354 1s infinite;
        animation: buling-data-v-fc60c354 1s infinite
    }

.pwd-input.large > div[data-v-fc60c354] {
    width: 50px;
    height: 50px;
    font-size: 25px
}

@-webkit-keyframes buling-data-v-fc60c354 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes buling-data-v-fc60c354 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.convertConfirm[data-v-c833233c] {
    width: 300px;
    height: 377px;
    background: url(/static/img/popup_a.d654f54.png);
    background-size: cover;
    position: relative;
    color: #9c612a
}

.card-hover button[data-v-ae8588de] {
    display: none
}

.card-hover:hover button[data-v-ae8588de] {
    display: inline-block
}

.cityListWrap[data-v-1ff62380] {
    max-height: 30vh;
    overflow: auto
}

.cityListWrap[data-v-aafd5f16] {
    max-height: 30vh;
    overflow: auto
}

.editButtonWrap[data-v-9a28a5ec] {
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s
}

.addrItem:hover .editButtonWrap[data-v-9a28a5ec] {
    opacity: 1
}

.item[data-v-0cc717dd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item .notice-title[data-v-0cc717dd] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.item time[data-v-0cc717dd] {
    font-size: 12px;
    white-space: nowrap
}

.shippingRateTable[data-v-29496166] {
    border: 0;
    border-collapse: collapse;
    width: calc(100% + 1px);
    text-align: center;
    line-height: 1.2
}

.shippingRateTable td[data-v-29496166], .shippingRateTable th[data-v-29496166] {
    border: 1px solid rgba(0,0,0,.12);
    padding: 6px 5px
}

.inputWrapTr > [data-v-759f8516]:first-child {
    width: 100px;
    border-right: 1px solid rgba(0,0,0,.2);
    padding: 10px 0
}

.inputWrapTr > [data-v-759f8516]:nth-child(2) {
    border-right: 1px solid rgba(0,0,0,.2);
    padding: 10px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px
}

.inputWrapTr input[data-v-759f8516] {
    text-align: center;
    width: 50px;
    border: 1px solid rgba(0,0,0,.2);
    margin-right: 5px;
    outline: none
}

.calcTable[data-v-759f8516] {
    border: 0;
    border-collapse: collapse;
    width: calc(100% + 1px);
    text-align: left;
    line-height: 1.2
}

.calcTable td[data-v-759f8516], .calcTable th[data-v-759f8516] {
    border: 1px solid rgba(0,0,0,.12);
    padding: 6px 5px
}

.inputWrap input[data-v-759f8516] {
    text-align: center;
    width: 40px;
    border: 1px solid rgba(0,0,0,.2);
    margin-right: 3px;
    outline: none;
    border-radius: 5px;
    line-height: 22px
}

.carrierItem[data-v-759f8516] {
    border: 1px solid green;
    border-radius: 5px
}

.carrierItem img[data-v-759f8516] {
    vertical-align: middle
}

.carrierItem .canUse[data-v-759f8516] {
    color: green
}

.carrierItem.limit[data-v-759f8516] {
    border: 1px solid red
}

.carrierItem.limit .canUse[data-v-759f8516] {
    display: none
}

@-webkit-keyframes bounceInLeft-data-v-4862a020 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-80px,0,0);
        transform: translate3d(-80px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft-data-v-4862a020 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-80px,0,0);
        transform: translate3d(-80px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.navAsideRoot[data-v-4862a020] {
    min-height: calc(100vh - 36px)
}

.expanded .navAside .nav-item.singleItem .rightText[data-v-4862a020] {
    display: none !important
}

.expanded .navAside .nav-item .rightText[data-v-4862a020] {
    margin-left: 120px
}

.navAside[data-v-4862a020] {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: .5s;
    transition: .5s
}

.navAside .nav-item[data-v-4862a020] {
    position: relative;
    display: block;
    width: 100%;
    min-height: 47px;
    border-bottom: 1px solid #3e3e3e;
    z-index: 1;
    text-decoration: none;
    text-align: right;
    padding-right: 40px;
    line-height: 46px
}

.navAside .nav-item a[data-v-4862a020] {
    text-decoration: none
}

.navAside .nav-item .svgWrapper[data-v-4862a020], .navAside .nav-item i.navIcon[data-v-4862a020] {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 46px;
    color: #fff;
    text-align: center;
    line-height: 46px;
    font-size: 20px
}

.navAside .nav-item .expandedText[data-v-4862a020] {
    position: absolute;
    right: 40px;
    width: 80px;
    color: #fff
}

.navAside .nav-item .rightText[data-v-4862a020] {
    position: absolute;
    top: 0;
    float: left;
    display: none;
    margin-left: 40px;
    padding: 0 9px 0 11px;
    min-width: 66px;
    border-right: 4px solid #333;
    background: #f60;
    white-space: nowrap;
    font-size: 14px;
    color: #fff;
    line-height: 46px
}

.navAside .nav-item .rightText.searchWrap[data-v-4862a020] {
    width: 180px;
    height: 46px;
    padding-top: 7px
}

.navAside .nav-item .rightText.linkList[data-v-4862a020] {
    line-height: 35px;
    padding: 10px 15px
}

.navAside .nav-item .rightText.linkList a[data-v-4862a020] {
    text-decoration: none
}

.navAside .nav-item .numberTips[data-v-4862a020] {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    font-size: 12px;
    top: -5px;
    right: -10px;
    border-radius: 50%;
    height: 20px;
    min-width: 20px;
    padding: 0 2px;
    line-height: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: .3s cubic-bezier(.25,.8,.5,1);
    transition: .3s cubic-bezier(.25,.8,.5,1);
    background: red
}

.navAside .nav-item .redTips[data-v-4862a020] {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    padding: 0 2px;
    background: red
}

.navAside .nav-item.curOpen[data-v-4862a020] {
    background-color: #f60
}

.navAside .nav-item.curOpen .rightText[data-v-4862a020] {
    display: none !important
}

.navAside .nav-item:not(.noHover):hover i[data-v-4862a020], .navAside .nav-item[data-v-4862a020]:not(.noHover):hover {
    background-color: #f60
}

.navAside .nav-item:not(.noHover):hover .rightText[data-v-4862a020] {
    display: block;
    -webkit-animation: bounceInLeft-data-v-4862a020 .3s ease-in-out forwards;
    animation: bounceInLeft-data-v-4862a020 .3s ease-in-out forwards
}

.navAside .quickLook[data-v-4862a020] {
    color: #efc737;
    text-align: center;
    font-size: 12px;
    padding: 5px 0
}

.navAside .quickLookBtns[data-v-4862a020] {
    background: #464646
}

.navAside .quickLookBtns .nav-item[data-v-4862a020] {
    border-bottom: 0;
    cursor: pointer
}

.navAside .quickLookBtns .nav-item.curOpen[data-v-4862a020] {
    background-color: #fff8e0
}

.navAside .quickLookBtns .nav-item.curOpen .expandedText[data-v-4862a020], .navAside .quickLookBtns .nav-item.curOpen .navIcon[data-v-4862a020] {
    color: #000
}

.navAside .quickLookBtns .nav-item.noHover[data-v-4862a020] {
    cursor: auto
}

.navAside .quickLookBtns .nav-item[data-v-4862a020]:not(.noHover):hover {
    background-color: #fff8e0
}

.navAside .quickLookBtns .nav-item:not(.noHover):hover .navIcon[data-v-4862a020] {
    color: #000;
    background-color: #fff8e0
}

.navAside .quickLookBtns .nav-item:not(.noHover):hover .expandedText[data-v-4862a020] {
    color: #000
}

.navAside .quickLookBtns .nav-item:not(.noHover):hover .rightText[data-v-4862a020] {
    background-color: #fff8e0;
    color: #000
}

.navAside .quickLookBtns i.navIcon[data-v-4862a020] {
    color: #fff
}

.slideContent[data-v-4862a020] {
    position: fixed;
    max-height: 100%;
    width: 300px;
    left: 0;
    top: 0;
    background: #fafafa;
    -webkit-transition: .5s;
    transition: .5s;
    overflow: auto;
    z-index: 11;
    border: 1px solid #000;
    border-left: 0
}

.slideContent .ordersubtnoItem[data-v-4862a020] {
    margin-bottom: 8px
}

    .slideContent .ordersubtnoItem[data-v-4862a020]:last-child {
        margin-bottom: 0
    }

.navAside .searchWrap input {
    text-align: center
}

.navAside .searchWrap .v-input .v-label {
    width: 100%;
    text-align: center
}

.disabledTips[data-v-26a129f8] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px
}

.premiumFeeInput[data-v-26a129f8] {
    border: 1px dashed #333;
    width: 70px;
    padding: 0 10px
}

.confirmTable[data-v-26a129f8] {
    width: 100%;
    text-align: center
}

.confirmTable th[data-v-26a129f8] {
    border: 1px solid #e9eaec;
    background-color: #f8f8f9;
    padding: 8px
}

.confirmTable td[data-v-26a129f8] {
    padding: 5px
}

.expressName[data-v-2fad7292] {
    line-height: 28px
}

.closeBtn[data-v-4a7cb8c3] {
    position: absolute !important;
    right: -7px;
    top: -7px
}

.subtnoItem[data-v-4a7cb8c3] {
    cursor: pointer
}

.subtnoItem.active[data-v-4a7cb8c3] {
    background: #fffde7;
    color: #e40707
}

.border > label[data-v-f518a870] {
    border: 1px solid currentColor;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 12px
}

.jyoOneExpressLabel[data-v-6d9d65ff] {
    background: #f1a223;
    background: -webkit-gradient(linear,left bottom,left top,from(#f1a223),to(#ffd99c));
    background: linear-gradient(0deg,#f1a223,#ffd99c);
    color: #fff;
    padding: 0 4px 0 6px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px
}

.kd-info-time[data-v-f29a2aba] {
    position: relative;
    height: 100%
}

    .kd-info-time[data-v-f29a2aba]:after {
        content: "";
        position: absolute;
        top: 24px;
        left: 50%;
        bottom: 0;
        width: 1px;
        background-color: #e0e0e0
    }

.kd-info-time .custom-icon[data-v-f29a2aba] {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 1;
    font-size: 25px;
    line-height: 25px;
    opacity: .4
}

.logWrap .logItem .logText[data-v-f29a2aba] {
    opacity: .7
}

.logWrap .logItem:first-child .logText[data-v-f29a2aba] {
    opacity: 1
}

.logWrap .logItem.firstStage .timer[data-v-f29a2aba] {
    padding-top: 4px
}

.coupon[data-v-8d41c628] {
    border: 1px solid currentColor;
    border-radius: 3px;
    padding: 2px;
    position: relative;
    border-left-style: dashed;
    margin-left: 7px
}

    .coupon[data-v-8d41c628]:before {
        content: "";
        border: 1px solid currentColor;
        border-radius: 3px;
        padding: 2px;
        position: absolute;
        height: 20px;
        left: -7px;
        width: 7px;
        border-right: 0
    }

.pwd-input[data-v-6f6c13d0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pwd-input > div[data-v-6f6c13d0] {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50px;
    height: 50px;
    border: 1px solid #cecece;
    font-size: 25px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pwd-input > input[data-v-6f6c13d0] {
    position: absolute;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0
}

.pwd-input > input:focus ~ div.active[data-v-6f6c13d0] {
    border-color: rgb(82 168 236/60%);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0/8%),0 0 8px rgb(82 168 236/60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0/8%),0 0 8px rgb(82 168 236/60%)
}

    .pwd-input > input:focus ~ div.active[data-v-6f6c13d0]:before {
        content: "|";
        font-weight: 700;
        -webkit-animation: buling-data-v-6f6c13d0 1s infinite;
        animation: buling-data-v-6f6c13d0 1s infinite
    }

@-webkit-keyframes buling-data-v-6f6c13d0 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes buling-data-v-6f6c13d0 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.payLoading[data-v-6f6c13d0] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.coupon[data-v-1c41b984] {
    border: 1px solid currentColor;
    border-radius: 3px;
    padding: 2px;
    position: relative;
    border-left-style: dashed;
    margin-left: 7px
}

    .coupon[data-v-1c41b984]:before {
        content: "";
        border: 1px solid currentColor;
        border-radius: 3px;
        padding: 2px;
        position: absolute;
        height: 20px;
        left: -7px;
        width: 7px;
        border-right: 0
    }

.upload-wrap[data-v-359d5d10] {
    text-align: center;
    width: 250px;
    border: 2px dashed transparent !important;
    position: relative
}

.upload-wrap.block[data-v-359d5d10] {
    width: 100%
}

.upload-wrap[data-v-359d5d10]:focus {
    border: 2px dashed red !important
}

.upload-wrap.droping[data-v-359d5d10] {
    border: 2px dashed #afacac !important
}

.upload-wrap .pasteInput[data-v-359d5d10] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

    .upload-wrap .pasteInput[data-v-359d5d10]:focus {
        outline-style: auto;
        outline-color: #3b99fc
    }

.singleWrap[data-v-359d5d10] {
    border-radius: 12px;
    border: 2px dashed #b5b5b5 !important;
    overflow: hidden;
    color: #b5b5b5;
    height: 130px;
    background: #eee;
    cursor: pointer
}

.singleWrap .singlePreview[data-v-359d5d10] {
    width: 100%;
    height: 100%;
    background-size: cover
}

.dark .singleWrap[data-v-359d5d10] {
    background: none
}

.border > label[data-v-9c17e9da] {
    border: 1px solid currentColor;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 12px
}

.traPlatformIcon[data-v-0758e131] {
    color: #ed5d2e;
    vertical-align: bottom
}

.traPlatformIcon.icontianmao[data-v-0758e131] {
    color: #eb3340
}

.traPlatformIcon.iconxianyu[data-v-0758e131] {
    color: #ffd84d
}

.searchGoodsItem[data-v-a5d24f26]:nth-child(odd) {
    padding-right: 5px
}

.searchGoodsItem[data-v-a5d24f26]:nth-child(2n) {
    padding-left: 5px
}

.searchGoodsItem img[data-v-a5d24f26] {
    width: 100%
}

.searchGoodsItem .itemContent[data-v-a5d24f26] {
    border: 1px dashed rgba(0,0,0,.2);
    border-radius: 5px;
    padding: 3px;
    position: relative
}

.searchGoodsItem .itemContent .choseBtn[data-v-a5d24f26] {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff
}

.snackbarMiddle {
    -webkit-transform: translateY(-40vh);
    transform: translateY(-40vh)
}

.pnWrap[data-v-3e929466] {
    display: inline-block
}

.pnWrap > div > span[data-v-3e929466] {
    cursor: pointer;
    display: inline-block;
    background-color: #fff;
    margin: 5px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s
}

    .pnWrap > div > span[data-v-3e929466]:not(.disabled):hover {
        -webkit-box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12) !important;
        box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12) !important
    }

.pnWrap > div > span.active[data-v-3e929466] {
    background-color: #42a5f5;
    color: #fff
}

.pnWrap > div > span.disabled[data-v-3e929466] {
    background-color: #ececec;
    cursor: auto;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
    pointer-events: none
}

.leftAffix[data-v-3e929466] {
    padding-top: 60px;
    max-height: 100vh;
    overflow: auto
}

.AddressIndex .searhInput .v-input__slot {
    background: transparent !important
}

.parcelList th[data-v-f6d15c62] {
    padding: 0 4px !important
}

.parcelList .tb-checkbox[data-v-f6d15c62] {
    width: 25px;
    display: inline-block
}

.tableHeader[data-v-f6d15c62] {
    width: 100%;
    border-radius: 2px;
    border-collapse: collapse;
    border-spacing: 0
}

.tableHeader th[data-v-f6d15c62] {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.filterTwBtn[data-v-f6d15c62] {
    display: inline-block;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    margin-top: 6px;
    padding: 0 3px;
    height: 28px;
    overflow: hidden;
    line-height: 28px
}

.filterTwBtn > [data-v-f6d15c62] {
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center
}

.filterTwBtn[data-v-f6d15c62]:hover {
    -webkit-box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12) !important;
    box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12) !important
}

.filterTwBtn:not(.active):hover > [data-v-f6d15c62] {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px)
}

.filterTwBtn.active[data-v-f6d15c62] {
    background-color: #efefef;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12) !important;
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12) !important
}

.createBtnWrap[data-v-f6d15c62] {
    position: relative
}

.createBtnWrap .createBtnTips[data-v-f6d15c62] {
    position: absolute;
    bottom: -25px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    color: #fff;
    background: rgba(0,0,0,.7);
    padding: 4px 6px;
    white-space: nowrap;
    font-size: 14px
}

.inputWrap[data-v-e391401e] {
    border: 2px solid #ff7200;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .inputWrap[data-v-e391401e] > :first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.inputWrap > :first-child input[data-v-e391401e] {
    display: block;
    width: 100%;
    height: 32px;
    padding: 5px 20px;
    font-size: 14px;
    border: 0;
    background: #fff;
    outline: none;
    border-radius: 50px
}

.inputWrap > :nth-child(2) button[data-v-e391401e] {
    display: block;
    height: 100%;
    background: #f27b03;
    font-size: 14px;
    color: #fff;
    border: none;
    padding: 0 20px;
    outline: none;
    border-radius: 50px
}

.fixedBtn[data-v-e391401e] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.searchGoodsItem[data-v-e391401e] {
    padding: 10px;
    cursor: pointer
}

.searchGoodsItem img[data-v-e391401e] {
    width: 100%
}

.searchGoodsItem .itemContent[data-v-e391401e] {
    border: 1px dashed rgba(0,0,0,.2);
    border-radius: 5px;
    padding: 3px;
    position: relative
}

.searchGoodsItem .itemContent .choseBtn[data-v-e391401e] {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff
}

.dialog-conente-scroll[data-v-e391401e] {
    max-height: calc(90vh - 108px)
}

.choseAddrAutocomplete .v-list__tile[data-v-52a0e36b] {
    height: auto;
    padding: 10px 0
}

.feeText[data-v-52a0e36b] {
    overflow: hidden;
    border-radius: 5px;
    line-height: 1.3em !important;
    background: #ef8640
}

.apeedyAddrItem[data-v-52a0e36b] {
    padding: 1em;
    border: 5px solid transparent;
    cursor: pointer;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) padding-box,repeating-linear-gradient(-45deg,#dcdcdc,#dcdcdc 12.5%,transparent 0,transparent 25%,#dcdcdc 0,#dcdcdc 37.5%,transparent 0,transparent 50%) 0/5em 5em;
    background: linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(-45deg,#dcdcdc,#dcdcdc 12.5%,transparent 0,transparent 25%,#dcdcdc 0,#dcdcdc 37.5%,transparent 0,transparent 50%) 0/5em 5em
}

.apeedyAddrItem.active[data-v-52a0e36b] {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) padding-box,repeating-linear-gradient(-45deg,red,red 12.5%,transparent 0,transparent 25%,#2196f3 0,#2196f3 37.5%,transparent 0,transparent 50%) 0/5em 5em;
    background: linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(-45deg,red,red 12.5%,transparent 0,transparent 25%,#2196f3 0,#2196f3 37.5%,transparent 0,transparent 50%) 0/5em 5em
}

.titleImg[data-v-52a0e36b] {
    height: 100px
}

.titleImg img[data-v-52a0e36b] {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

.confirmBtn[data-v-52a0e36b] {
    width: 120px;
    background: -webkit-gradient(linear,left top,left bottom,from(#ffdb70),to(#f39d00));
    background: linear-gradient(#ffdb70,#f39d00);
    -webkit-box-shadow: 7px 10px 20px rgba(255,224,83,.6);
    box-shadow: 7px 10px 20px rgba(255,224,83,.6)
}

.roundTips[data-v-52a0e36b] {
    border-radius: 10px;
    padding: 1px 4px
}

.singleQuickConfirmDialog {
    overflow-y: initial !important
}

.rightWrapper[data-v-6df85a3c] {
    width: 500px;
    max-height: 80vh;
    overflow: auto;
    margin-left: 30px
}

.pnWrap[data-v-6df85a3c] {
    display: inline-block
}

.pnWrap > div > span[data-v-6df85a3c] {
    cursor: pointer;
    display: inline-block;
    background-color: #fff;
    margin: 5px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s
}

    .pnWrap > div > span[data-v-6df85a3c]:not(.disabled):hover {
        -webkit-box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12) !important;
        box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12) !important
    }

.pnWrap > div > span.active[data-v-6df85a3c] {
    background-color: #42a5f5;
    color: #fff
}

.pnWrap > div > span.disabled[data-v-6df85a3c] {
    background-color: #ececec;
    cursor: auto;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
    pointer-events: none
}

.roundTips[data-v-6df85a3c] {
    border-radius: 10px;
    padding: 1px 4px
}

.hasMultiHeavyTips[data-v-3dd656ed] {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 933px;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hasMultiHeavyTips .content[data-v-3dd656ed] {
    background: hsla(0,0%,100%,.7);
    color: red;
    font-size: 18px;
    padding: 5px 10px
}

.canceParcelBtn[data-v-3dd656ed] {
    display: none
}

.hasMultiHeavy[data-v-3dd656ed] {
    background-color: #fff8e1;
    position: relative
}

.hasMultiHeavy .hasMultiHeavyTips[data-v-3dd656ed] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hasMultiHeavy .canceParcelBtn[data-v-3dd656ed] {
    display: initial
}

.premiumFeeInput[data-v-3dd656ed] {
    border: 1px solid #b9b9b9;
    width: 50px;
    text-align: center
}

.shpMethodItem[data-v-e6ea25b4] {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer
}

.shpMethodItem .title i[data-v-e6ea25b4] {
    font-size: 24px
}

.shpMethodItem .checkIconWrap[data-v-e6ea25b4] {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 20px solid transparent;
    border-right-color: #2196f3;
    border-bottom-color: #2196f3
}

.shpMethodItem .checkIconWrap i[data-v-e6ea25b4] {
    position: absolute;
    left: -1px;
    bottom: -20px;
    font-size: 20px
}

.shpMethodItem.active .title[data-v-e6ea25b4] {
    background: #2196f3;
    color: #fff
}

.shpMethodItem.active .v-card__text[data-v-e6ea25b4] {
    background: #fff;
    color: #4caf50
}

.shpMethodItem.active .checkIconWrap[data-v-e6ea25b4] {
    display: block;
    color: #fff
}

.shpMethodItem.active:nth-child(2) .v-card__text[data-v-e6ea25b4] {
    color: #ff9800
}

.businessContent .tabWrap > [data-v-e6ea25b4] {
    cursor: pointer
}

    .businessContent .tabWrap > [data-v-e6ea25b4]:first-child, .businessContent .tabWrap > [data-v-e6ea25b4]:nth-child(2) {
        border-right: 1px solid #d6d6d6
    }

    .businessContent .tabWrap > [data-v-e6ea25b4]:last-child {
        border-right: 0 solid #d6d6d6
    }

.businessContent .tabWrap i[data-v-e6ea25b4] {
    color: currentColor;
    margin-left: 3px;
    font-size: 20px
}

.businessContent .tabWrap > .active[data-v-e6ea25b4] {
    color: #2196f3
}

.coupon[data-v-716f47e8] {
    border: 1px solid currentColor;
    border-radius: 3px;
    padding: 2px;
    position: relative;
    border-left-style: dashed;
    margin-left: 7px
}

    .coupon[data-v-716f47e8]:before {
        content: "";
        border: 1px solid currentColor;
        border-radius: 3px;
        padding: 2px;
        position: absolute;
        height: 20px;
        left: -7px;
        width: 7px;
        border-right: 0
    }

.expectedTime[data-v-58de5d98] {
    border-top: 1px dashed #ff9800;
    margin: 8px 50px
}

.timeNum[data-v-58de5d98] {
    border: 1px solid hsla(0,0%,65%,.6);
    display: inline-block;
    line-height: 15px;
    border-radius: 3px;
    font-weight: 700;
    padding: 0 2px
}

.transportIcon[data-v-41ab27a0] {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 1em
}

.checkIcon[data-v-41ab27a0] {
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px)
}

.rateItem[data-v-41ab27a0] {
    padding: 20px 20px 10px;
    border: 1px solid #dcdcdc;
    margin-right: 10px;
    cursor: pointer
}

.rateItem.active[data-v-41ab27a0] {
    border: 1px solid #2196f3
}

.border[data-v-ad10a97e] {
    border: 1px solid currentColor;
    padding: 2px;
    margin-right: 5px
}

.shippingRateTable[data-v-5747a738] {
    border: 0;
    border-collapse: collapse;
    //:100%;
    text-align: center;
    line-height: 30px
}

.shippingRateTable td[data-v-5747a738], .shippingRateTable th[data-v-5747a738] {
    border: 1px solid rgba(0,0,0,.12)
}

.shippingRateTable[data-v-3562ce4c] {
    border: 0;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    line-height: 2.2em
}

.shippingRateTable td[data-v-3562ce4c], .shippingRateTable th[data-v-3562ce4c] {
    border: 1px solid rgba(0,0,0,.12)
}

.parcelItemJySrTypeRadio .v-icon {
    font-size: 16px
}

.parcelItemJySrTypeRadio .v-label {
    font-size: 14px
}

.parcelItemJySrTypeRadio .v-input--selection-controls__input {
    width: 15px
}

.parcelItemJySrTypeRadio .v-radio {
    margin: 0 !important
}

.parcelImage[data-v-667b09a6] {
    position: relative
}

.parcelImage .traPlatformIcon[data-v-667b09a6] {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(219,84,18,.5);
    color: #fff;
    display: block;
    font-size: 17px;
    line-height: 25px;
    width: 25px;
    text-align: center;
    border-top-right-radius: 5px
}

.parcelImage .traPlatformIcon.icontianmao[data-v-667b09a6] {
    background-color: hsla(0,0%,100%,.4);
    color: rgba(255,0,54,.4);
    font-size: 25px
}

.parcelImage .traPlatformIcon.iconxianyu[data-v-667b09a6] {
    background-color: rgba(255,216,77,.4);
    color: rgba(0,0,0,.4)
}

.singleMaxVolumeTipsText[data-v-667b09a6] {
    border: 1px solid currentColor;
    border-radius: 5px;
    line-height: 1.3em
}

.importBtnText[data-v-667b09a6] {
    text-decoration: underline;
    cursor: pointer
}

.kd-info-time[data-v-e0146ab0] {
    position: relative
}

    .kd-info-time[data-v-e0146ab0]:after {
        content: "";
        position: absolute;
        top: 0;
        right: 50px;
        bottom: 0;
        width: 1px;
        background-color: #e0e0e0
    }

.kd-info-time .custom-icon[data-v-e0146ab0] {
    position: absolute;
    top: 50%;
    right: 50px;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    z-index: 1;
    background-color: #fff
}

.qaFormRoot[data-v-07f170f0] {
    border: 1px dashed #ff9800;
    padding: 0 10px
}

.noviceTask[data-v-4ee7abba] {
    position: relative
}

.noviceTask .taskContent[data-v-4ee7abba] {
    position: relative;
    z-index: 1
}

.noviceTask .taskContent .stepTitle[data-v-4ee7abba] {
    position: relative;
    height: 34px;
    line-height: 34px
}

.noviceTask .taskContent .stepTitle > [data-v-4ee7abba]:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #9e9e9e57;
    font-size: 14px;
    font-weight: 700;
    padding-left: 7px;
    color: #000;
    white-space: nowrap
}

.noviceTask .taskContent .stepTitle > [data-v-4ee7abba]:first-child {
    border-left: 17px solid transparent;
    border-top: 17px solid #9e9e9e57;
    border-bottom: 17px solid #9e9e9e57
}

.noviceTask .taskContent .stepTitle > [data-v-4ee7abba]:nth-child(3) {
    border-left: 17px solid #9e9e9e57;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent
}

.noviceTask .taskContent .stepTitle.active > [data-v-4ee7abba]:nth-child(2) {
    background: #2196f3ad
}

.noviceTask .taskContent .stepTitle.active > [data-v-4ee7abba]:first-child {
    border-left: 17px solid transparent;
    border-top: 17px solid #2196f3ad;
    border-bottom: 17px solid #2196f3ad
}

.noviceTask .taskContent .stepTitle.active > [data-v-4ee7abba]:nth-child(3) {
    border-left: 17px solid #2196f3ad;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent
}

.noviceTask .taskContent .subTaskList[data-v-4ee7abba] {
    padding: 10px 10px 0 20px;
    color: #2196f3
}

.noviceTask .taskContent .subTaskList > [data-v-4ee7abba] {
    cursor: pointer;
    margin-bottom: 5px
}

.noviceTask .taskContent .subTaskList > .complete[data-v-4ee7abba] {
    color: #5a5a5a
}

canvas[data-v-4ee7abba] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    pointer-events: none
}

.selectType > [data-v-d152f808] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer
}

.parcelTitle[data-v-d152f808] {
    background: #f5f5f5
}

.b-r[data-v-d152f808] {
    border-right: 1px solid #dcdcdc
}

.b-t[data-v-d152f808] {
    border-top: 1px solid #dcdcdc
}

.b-b[data-v-d152f808] {
    border-bottom: 1px solid #dcdcdc
}

.tpItem[data-v-d152f808] {
    cursor: pointer
}

.tpItem img[data-v-d152f808] {
    border: 2px solid #dcdcdc
}

.tpItem.active img[data-v-d152f808] {
    border-color: #4089e4
}

.tab-line[data-v-6db69957] {
    border-width: 1px;
    position: relative;
    top: -2px
}

.position-relative[data-v-7950f6c3] {
    position: relative
}

.absoluteExpandIcon[data-v-7950f6c3] {
    position: absolute;
    left: 50%;
    bottom: -15px;
    z-index: 1;
    display: inline-block;
    width: 25px
}

.thTitle[data-v-7950f6c3] {
    background: #e9f8ff
}

.orderTitle[data-v-7950f6c3] {
    background: #f4fcff
}

.subtnoTitle[data-v-7950f6c3] {
    background: #fff
}

.stCarrierName[data-v-7950f6c3] {
    display: inline-block;
    width: 95px;
    text-align: right
}

.orderItem[data-v-7950f6c3] {
    position: relative;
    padding-bottom: 3px
}

.orderItem .grey-layer[data-v-7950f6c3] {
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.thTitle[data-v-04ac95e0] {
    background: #e9f8ff
}

.selectWrap > [data-v-04ac95e0] {
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer
}

    .selectWrap > [data-v-04ac95e0]:first-child {
        padding-left: 0;
        cursor: inherit
    }

.selectWrap > .active[data-v-04ac95e0] {
    background: #e0e0e0
}

.thTitle[data-v-2d34a6f4] {
    background: #e9f8ff
}

.selectWrap > [data-v-2d34a6f4] {
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer
}

.selectWrap > .active[data-v-2d34a6f4] {
    background: #e0e0e0
}

.thTitle[data-v-c8c8b362] {
    background: #e9f8ff
}

.selectWrap > [data-v-c8c8b362] {
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer
}

    .selectWrap > [data-v-c8c8b362]:first-child {
        padding-left: 0;
        cursor: inherit
    }

.selectWrap > .active[data-v-c8c8b362] {
    background: #e0e0e0
}

.border > label[data-v-696c1313] {
    border: 1px solid currentColor;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 12px
}

.thTitle[data-v-4408d216] {
    background: #e9f8ff
}

.selectWrap > [data-v-4408d216] {
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer
}

    .selectWrap > [data-v-4408d216]:first-child {
        padding-left: 0;
        cursor: inherit
    }

.selectWrap > .active[data-v-4408d216] {
    background: #e0e0e0
}

.parcelList th[data-v-7b6e7e34] {
    padding: 0 4px !important
}

.parcelList .tb-checkbox[data-v-7b6e7e34] {
    width: 25px;
    display: inline-block
}

.listHeader[data-v-7b6e7e34] {
    height: 40px;
    color: rgba(0,0,0,.54);
    font-size: 12px;
    background: #e9f8ff;
    background: #ececec
}

.filterTwBtn[data-v-7b6e7e34] {
    display: inline-block;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    margin-top: 6px;
    padding: 0 3px;
    height: 28px;
    overflow: hidden;
    line-height: 28px
}

.filterTwBtn > [data-v-7b6e7e34] {
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center
}

.filterTwBtn[data-v-7b6e7e34]:hover {
    -webkit-box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12) !important;
    box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12) !important
}

.filterTwBtn:not(.active):hover > [data-v-7b6e7e34] {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px)
}

.filterTwBtn.active[data-v-7b6e7e34] {
    background-color: #efefef;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12) !important;
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12) !important
}

.createBtnWrap[data-v-7b6e7e34] {
    position: relative
}

.createBtnWrap .createBtnTips[data-v-7b6e7e34] {
    position: absolute;
    bottom: -25px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    color: #fff;
    background: rgba(0,0,0,.7);
    padding: 4px 6px;
    white-space: nowrap;
    font-size: 14px
}

.parcelItemJySrTypeRadio .v-icon {
    font-size: 16px
}

.parcelItemJySrTypeRadio .v-label {
    font-size: 14px
}

.parcelItemJySrTypeRadio .v-input--selection-controls__input {
    width: 15px
}

.parcelItemJySrTypeRadio .v-radio {
    margin: 0 !important
}

.parcelImage[data-v-4a5fc944] {
    position: relative
}

.parcelImage .traPlatformIcon[data-v-4a5fc944] {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(219,84,18,.5);
    color: #fff;
    display: block;
    font-size: 17px;
    line-height: 25px;
    width: 25px;
    text-align: center;
    border-top-right-radius: 5px
}

.parcelImage .traPlatformIcon.icontianmao[data-v-4a5fc944] {
    background-color: hsla(0,0%,100%,.4);
    color: rgba(255,0,54,.4);
    font-size: 25px
}

.parcelImage .traPlatformIcon.iconxianyu[data-v-4a5fc944] {
    background-color: rgba(255,216,77,.4);
    color: rgba(0,0,0,.4)
}

.singleMaxVolumeTipsText[data-v-4a5fc944] {
    border: 1px solid currentColor;
    border-radius: 5px;
    line-height: 1.3em
}

.parcelItemRoot[data-v-4a5fc944] {
    margin: 0;
    border: 1px solid #dcdcdc;
    background: #fff
}

    .parcelItemRoot[data-v-4a5fc944]:hover {
        border-color: #4089e4
    }

.parcelItemRoot .b-r[data-v-4a5fc944] {
    border-right: 1px solid #dcdcdc;
    margin: 10px 0
}

.parcelItemRoot .b-t[data-v-4a5fc944] {
    border-top: 1px solid #dcdcdc
}

.parcelItemRoot .b-b[data-v-4a5fc944] {
    border-bottom: 1px solid #dcdcdc
}

.parcelItemRoot .tpItem[data-v-4a5fc944] {
    cursor: pointer
}

.parcelItemRoot .tpItem img[data-v-4a5fc944] {
    border: 2px solid #dcdcdc
}

.parcelItemRoot .tpItem.active img[data-v-4a5fc944] {
    border-color: #4089e4
}

.parcelItemRoot .cellCenter[data-v-4a5fc944] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.parcelTitle[data-v-4a5fc944] {
    background: #f4fcff;
    background: #f5f5f5
}

.importBtnText[data-v-4a5fc944] {
    text-decoration: underline;
    cursor: pointer
}

.goodInfoWrap[data-v-4a5fc944] {
    position: relative
}

.goodInfoWrap .exampleWrap[data-v-4a5fc944] {
    position: absolute;
    left: 0;
    top: -10px
}

.goodInfoWrap .exampleWrap img[data-v-4a5fc944] {
    width: 60px
}

.createSingleParcelOrderBtn[data-v-4a5fc944] {
    position: relative;
    top: 3px;
    display: inline-block;
    cursor: pointer
}

.createSingleParcelOrderBtn .tips[data-v-4a5fc944] {
    position: absolute;
    top: -11px;
    left: 0;
    background: red;
    width: 100%;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.createSingleParcelOrderBtn button[data-v-4a5fc944] {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    font-size: 10px;
    min-width: auto
}

.singleLine > div[data-v-349c836e] {
    display: inline-block
}

.ParcelJySrTypeIconText > [data-v-349c836e] {
    margin-bottom: 5px
}

.iconfont[data-v-349c836e] {
    vertical-align: bottom
}

.group[data-v-6b1732a1] {
    margin: 10px 0
}

.group.hasPri[data-v-6b1732a1] {
    border: 1px dashed #4089e4
}

.group .priNo[data-v-6b1732a1] {
    background: #e8fcff
}

.b-l[data-v-fdc69d88] {
    border-left: 1px solid #dcdcdc
}

.b-r[data-v-fdc69d88] {
    border-right: 1px solid #dcdcdc
}

.b-t[data-v-fdc69d88] {
    border-top: 1px solid #dcdcdc
}

.b-b[data-v-fdc69d88] {
    border-bottom: 1px solid #dcdcdc
}

.cellCenter[data-v-fdc69d88] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.parcelItemRoot[data-v-fdc69d88] {
    margin: 0;
    border: 1px solid #dcdcdc;
    border-top: 0;
    background: #fff
}

.thTitle[data-v-0b49034f] {
    background: #e9f8ff;
    border: 2px dashed rgba(0,0,0,.2)
}

.subtnoTitle[data-v-0b49034f] {
    background: #fffde7;
    border: 1px solid #f57f17;
    margin-top: 1px
}

.orderItem[data-v-0b49034f] {
    position: relative
}

.orderItem .exampleWrap[data-v-0b49034f] {
    position: absolute;
    left: 0;
    top: -10px
}

.orderItem .exampleWrap img[data-v-0b49034f] {
    width: 60px
}

.needCrrMaskTips[data-v-0b49034f] {
    border: 1px solid currentColor;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 5px;
    background: #fff
}

.cvsTips[data-v-257eca96] {
    height: 43px;
    line-height: 40px;
    font-size: 16px;
    color: #007f61
}

.cvsTips .cvsBg[data-v-257eca96] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#f6821f),color-stop(0,#fff),color-stop(29%,#fff),color-stop(0,#007f61),color-stop(71.5%,#007f61),color-stop(0,#fff),color-stop(81%,#fff),color-stop(0,red));
    background: linear-gradient(#f6821f 20%,#fff 0,#fff 29%,#007f61 0,#007f61 71.5%,#fff 0,#fff 81%,red 0)
}

.icon-round[data-v-680e60a8] {
    display: inline-block;
    text-align: center;
    background: #ff5100;
    color: #fff;
    border-radius: 50%
}

.label[data-v-3376b4ff] {
    border: 1px solid currentColor;
    border-radius: 5px;
    padding: 2px 4px;
    margin-right: 4px;
    white-space: nowrap
}

.discount[data-v-3376b4ff] {
    border-radius: 10px;
    padding: 2px 7px
}

.subTitle[data-v-3a4b06d8] {
    color: #50c77e
}

    .subTitle[data-v-3a4b06d8]:before {
        background: currentColor
    }

.calendarWrap[data-v-3a4b06d8] {
    border: 2px solid #50c77e
}

.calendarWrap > [data-v-3a4b06d8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: right;
    padding: 5px;
    height: 90px;
    position: relative;
    cursor: pointer
}

.calendarWrap > * .weatherIcon[data-v-3a4b06d8] {
    position: absolute;
    left: 5px;
    top: 5px
}

.calendarWrap > .active[data-v-3a4b06d8] {
    border: 2px solid #ff9800
}

.calendarWrap > .sameDay[data-v-3a4b06d8] {
    border: 2px solid green
}

.calendarWrap > * .catAt[data-v-3a4b06d8] {
    text-align: left
}

.calendarWrap > * .eventName[data-v-3a4b06d8] {
    text-align: left;
    padding-left: 3px
}

.calendarWrap > * .eventName.greenEvent[data-v-3a4b06d8] {
    padding-left: 0
}

    .calendarWrap > * .eventName.greenEvent[data-v-3a4b06d8]:before {
        background: #4caf50
    }

.calendarWrap > * .eventName.noDot[data-v-3a4b06d8]:before {
    background: none;
    width: 0
}

.calendarWrap > * .eventName[data-v-3a4b06d8]:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: red;
    border-radius: 50%
}

.calendarWrap > * .schedule[data-v-3a4b06d8] {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.calendarWrap > .cut[data-v-3a4b06d8], .calendarWrap > .pack[data-v-3a4b06d8] {
    background: #fff6e7
}

.calendarWrap > .export[data-v-3a4b06d8] {
    background: #fdeaea
}

.calendarWrap > .cc[data-v-3a4b06d8] {
    background: #e6f6ff
}

.calendarWrap > .ktj[data-v-3a4b06d8] {
    background: #ebedff
}

.dayDetailWrap[data-v-3a4b06d8] {
    width: 120px;
    margin-top: 30px;
    background: #50c77e;
    color: #fff;
    text-align: center
}

.dayDetailWrap .deatilDay[data-v-3a4b06d8] {
    background: #ffc107;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    font-size: 30px
}

.dayDetailWrap .scheduleDate .num[data-v-3a4b06d8] {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: #fff;
    color: #000;
    text-align: center
}

.textWrap > [data-v-3a4b06d8] {
    border: 2px solid #50c77e;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.textWrap > * .title[data-v-3a4b06d8] {
    color: #50c77e;
    font-weight: 700
}

.textWrap > * .title img[data-v-3a4b06d8] {
    vertical-align: middle
}

.tiemTextWrap[data-v-3a4b06d8] {
    border: 2px solid #50c77e
}

.tiemTextWrap img[data-v-3a4b06d8] {
    vertical-align: middle
}

.tiemTextWrap table[data-v-3a4b06d8] {
    width: 100%;
    text-align: center;
    border-collapse: collapse
}

.tiemTextWrap table td[data-v-3a4b06d8], .tiemTextWrap table th[data-v-3a4b06d8] {
    border: 1px solid #50c77e
}

.tiemTextWrap table th[data-v-3a4b06d8] {
    padding: 10px 5px
}

.tiemTextWrap table td[data-v-3a4b06d8] {
    padding: 8px 5px
}

.subTitle[data-v-3a4b06d8] {
    font-weight: 700
}

.subTitle[data-v-19699e36] {
    color: #22aff7
}

    .subTitle[data-v-19699e36]:before {
        background: currentColor
    }

.calendarWrap[data-v-19699e36] {
    border: 2px solid #22aff7
}

.calendarWrap > [data-v-19699e36] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: right;
    padding: 5px;
    min-height: 90px;
    cursor: pointer
}

.calendarWrap > .active[data-v-19699e36] {
    border: 2px solid #ff9800
}

.calendarWrap > .sameDay[data-v-19699e36] {
    border: 2px solid green
}

.calendarWrap > .hasEvent[data-v-19699e36] {
    background: #feeee4
}

.calendarWrap > .hasEvent .date[data-v-19699e36] {
    color: red
}

.calendarWrap > * .eventName[data-v-19699e36] {
    text-align: left
}

.calendarWrap > * .eventName.greenEvent[data-v-19699e36]:before {
    background: #22aff7
}

.calendarWrap > * .eventName.noDot[data-v-19699e36]:before {
    background: none;
    width: 0
}

.calendarWrap > * .eventName[data-v-19699e36]:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: red;
    border-radius: 50%
}

.calendarWrap > * .schedule[data-v-19699e36] {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.calendarWrap > .cut[data-v-19699e36], .calendarWrap > .pack[data-v-19699e36] {
    background: #fff6e7
}

.calendarWrap > .export[data-v-19699e36] {
    background: #fdeaea
}

.calendarWrap > .cc[data-v-19699e36] {
    background: #e6f6ff
}

.calendarWrap > .delivery[data-v-19699e36] {
    background: #ebedff
}

.dayDetailWrap[data-v-19699e36] {
    width: 110px;
    margin-top: 30px;
    background: #22aff7;
    color: #fff;
    text-align: center
}

.dayDetailWrap .deatilDay[data-v-19699e36] {
    background: #ffc107;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    font-size: 30px
}

.dayDetailWrap .scheduleDate .num[data-v-19699e36] {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: #fff;
    color: #000;
    text-align: center
}

.textWrap > [data-v-19699e36] {
    border: 2px solid #22aff7;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.textWrap > * .title[data-v-19699e36] {
    color: #22aff7;
    font-weight: 700
}

.textWrap > * .title img[data-v-19699e36] {
    vertical-align: middle
}

.tiemTextWrap[data-v-19699e36] {
    border: 2px solid #22aff7
}

.tiemTextWrap img[data-v-19699e36] {
    vertical-align: middle
}

.tiemTextWrap table[data-v-19699e36] {
    width: 100%;
    text-align: center;
    border-collapse: collapse
}

.tiemTextWrap table td[data-v-19699e36], .tiemTextWrap table th[data-v-19699e36] {
    border: 1px solid #22aff7
}

.tiemTextWrap table th[data-v-19699e36] {
    padding: 10px 5px
}

.tiemTextWrap table td[data-v-19699e36] {
    padding: 8px 5px
}

.subTitle[data-v-19699e36] {
    font-weight: 700
}

.porAmountInput[data-v-37c51d0a] {
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    line-height: 36px;
    width: 80px;
    padding: 0 10px
}

.thTitle[data-v-d59f8482] {
    background: #e9f8ff
}

.thTitle[data-v-281983d3] {
    background: #e9f8ff
}

.selectWrap > [data-v-fa4eda0a] {
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer
}

    .selectWrap > [data-v-fa4eda0a]:first-child {
        padding-left: 0;
        cursor: inherit
    }

.selectWrap > .active[data-v-fa4eda0a] {
    background: #e0e0e0
}

img[data-v-3c28e92a] {
    vertical-align: middle
}

.thTitle[data-v-dec4a6c4] {
    background: #e9f8ff
}

.upload-wrap[data-v-5071b0b1] {
    text-align: center;
    border: 2px dashed transparent !important;
    position: relative
}

.upload-wrap.block[data-v-5071b0b1] {
    width: 100%
}

.upload-wrap[data-v-5071b0b1]:focus {
    border: 2px dashed red !important
}

.upload-wrap.droping[data-v-5071b0b1] {
    border: 2px dashed #afacac !important
}

.upload-wrap .pasteInput[data-v-5071b0b1] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

    .upload-wrap .pasteInput[data-v-5071b0b1]:focus {
        outline-style: auto;
        outline-color: #3b99fc
    }

.avatar[data-v-6547bbd4] {
    border-radius: 50%;
    overflow: hidden;
    display: block;
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 16px
}

.inputWrapTr > [data-v-05ef8a46]:first-child {
    width: 70px;
    padding: 10px 0
}

.inputWrapTr > [data-v-05ef8a46]:nth-child(2) {
    padding: 10px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px
}

.inputWrapTr input[data-v-05ef8a46] {
    text-align: center;
    width: 50px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
    margin-right: 5px;
    outline: none;
    background: #f9f9f9
}

.dark input[data-v-05ef8a46] {
    color: #fff
}

.inject[data-v-05ef8a46] {
    border: 1px solid #eee
}

.inject .btnWrap[data-v-05ef8a46] {
    padding: 0 30px 10px
}

.inject .subTitle[data-v-05ef8a46] {
    margin-left: 10px
}

.inputWrapTr > [data-v-54317be4]:first-child {
    width: 100px;
    border-right: 1px solid rgba(0,0,0,.2);
    padding: 10px 0
}

.inputWrapTr > [data-v-54317be4]:nth-child(2) {
    border-right: 1px solid rgba(0,0,0,.2);
    padding: 10px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px
}

.inputWrapTr input[data-v-54317be4] {
    text-align: center;
    width: 50px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
    margin-right: 5px;
    outline: none
}

.dark input[data-v-54317be4] {
    color: #fff
}

.inject[data-v-54317be4] {
    border: 1px solid rgba(0,0,0,.2)
}

.inject .inputWrapTr > [data-v-54317be4]:first-child {
    width: 80px
}

.inject .inputWrapTr > [data-v-54317be4]:nth-child(2) {
    border-right: 0 solid rgba(0,0,0,.2)
}

.carrierItem[data-v-54317be4] {
    border: 1px solid green;
    border-radius: 5px
}

.carrierItem img[data-v-54317be4] {
    vertical-align: middle
}

.carrierItem .canUse[data-v-54317be4] {
    color: green
}

.carrierItem.limit[data-v-54317be4] {
    border: 1px solid red
}

.carrierItem.limit .canUse[data-v-54317be4] {
    display: none
}

.imageItem[data-v-688c12bc] {
    overflow: hidden
}

.imageItem .btns[data-v-688c12bc] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.imageItem .btns i[data-v-688c12bc] {
    color: #fff
}

.imageItem:hover .btns[data-v-688c12bc] {
    opacity: 1
}

.InputTracnkingNo .v-input .v-label {
    font-size: 14px
}

.likeBtnWrap > [data-v-7ba0d2c5] {
    cursor: pointer
}

.likeBtnWrap .noActive[data-v-7ba0d2c5] {
    opacity: .5
}

.selectWrap > [data-v-c725654c] {
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer
}

    .selectWrap > [data-v-c725654c]:first-child {
        padding-left: 0;
        cursor: inherit
    }

.selectWrap > .active[data-v-c725654c] {
    background: #e0e0e0
}

.selectWrap > [data-v-19c2ecef] {
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer
}

    .selectWrap > [data-v-19c2ecef]:first-child {
        padding-left: 0;
        cursor: inherit
    }

.selectWrap > .active[data-v-19c2ecef] {
    background: #e0e0e0
}

.titleLabel[data-v-19c2ecef] {
    margin: auto;
    text-align: center
}

.titleLabel span[data-v-19c2ecef] {
    padding: 5px 35px;
    color: #45b3fe;
    border: 1px solid currentColor;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 8px 0 #45b3fe94;
    box-shadow: 0 0 8px 0 #45b3fe94;
    display: inline-block;
    background: #fff
}

.textWrap[data-v-19c2ecef] {
    font-size: 14px;
    width: 350px;
    margin: auto
}

.textWrap li[data-v-19c2ecef] {
    margin-bottom: 5px
}

.roundeImg1[data-v-19c2ecef] {
    position: absolute;
    left: 0;
    top: 69px;
    width: 240px
}

.roundeImg2[data-v-19c2ecef] {
    position: absolute;
    right: 0;
    top: 69px;
    width: 170px
}

.roundeImg3[data-v-19c2ecef] {
    position: absolute;
    left: 0;
    top: 500px
}

.selectWrap > [data-v-8d64de6c] {
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer
}

.selectWrap > .active[data-v-8d64de6c] {
    background: #e0e0e0
}

.thTitle[data-v-8d64de6c] {
    background: #ebebeb
}

.subCouponItem .iconBg[data-v-6c11ffe0] {
    display: inline-block;
    vertical-align: middle;
    background: url(/static/img/bg.052739e.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 50px;
    height: 52px;
    padding-top: 12px;
    text-align: center
}

.subCouponItem.expired .iconBg[data-v-6c11ffe0] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.subCouponItem .statusIcon[data-v-6c11ffe0] {
    width: 50px
}

.mulCouponItem[data-v-6c11ffe0] {
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 20px 20px 10px;
    width: 380px;
    height: 185px
}

.mulCouponItem .nameWrap[data-v-6c11ffe0] {
    color: #50c77e
}

.mulCouponItem .couponIcon[data-v-6c11ffe0] {
    font-size: 30px
}

.mulCouponItem .cpnName[data-v-6c11ffe0] {
    font-size: 22px;
    font-weight: 700
}

.mulCouponItem .cpnDiscount[data-v-6c11ffe0] {
    font-size: 70px;
    line-height: 50px
}

.mulCouponItem.air[data-v-6c11ffe0] {
    background-image: url(/static/img/mul-air-bg.d4e0dce.png)
}

.mulCouponItem.air .nameWrap[data-v-6c11ffe0] {
    color: #22aff7
}

.mulCouponItem.se[data-v-6c11ffe0] {
    background-image: url(/static/img/mul-se-bg.a75310e.png)
}

.mulCouponItem.unActive[data-v-6c11ffe0] {
    background-image: url(/static/img/mul-unactive-bg.b8dddf8.png);
    color: #ffffff5e
}

.mulCouponItem.unActive .cpnName[data-v-6c11ffe0] {
    color: #9e9e9e
}

.mulCouponItem.unable[data-v-6c11ffe0] {
    background-image: url(/static/img/mul-unable-bg.4d4860f.png)
}

.mulCouponItem .activateBtn[data-v-6c11ffe0] {
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 7px;
    color: #fff;
    text-shadow: #00000040 .1em .1em .2em
}

.mulCouponItem .statusIcon[data-v-6c11ffe0] {
    position: absolute;
    right: 30px;
    bottom: 10px;
    width: 130px;
    z-index: 2
}

.root[data-v-4a58bb68] {
    min-height: 100vh;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 1920px;
    margin: auto
}

.banner[data-v-4a58bb68] {
    position: relative
}

.banner .bannerContent[data-v-4a58bb68] {
    height: 100%
}

.banner .carousel[data-v-4a58bb68] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.banner .carousel .imgItem[data-v-4a58bb68] {
    background: #fff 50% no-repeat;
    height: 100%
}

.banner .carousel .carousel-item[data-v-4a58bb68] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.banner .carousel .carousel-item.fade-enter-active[data-v-4a58bb68], .banner .carousel .carousel-item.fade-leave-active[data-v-4a58bb68], .banner .carousel .carousel-item.fade-leave-to[data-v-4a58bb68] {
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    opacity: 1
}

.banner .carousel .carousel-item.fade-enter[data-v-4a58bb68], .banner .carousel .carousel-item.fade-leave-to[data-v-4a58bb68], .banner .carousel .carousel-item.fade-leave[data-v-4a58bb68] {
    opacity: 0
}

.textContent[data-v-4a58bb68] {
    padding: 10px 0 10px 130px;
    height: 100%
}

.textContent > [data-v-4a58bb68] {
    line-height: 40px;
    margin: 10px 0
}

.textContent > * img[data-v-4a58bb68] {
    height: 40px;
    vertical-align: middle
}

.textContent > * span[data-v-4a58bb68] {
    margin-left: 30px;
    font-size: 20px;
    font-weight: 700
}

.textContentWrap[data-v-4a58bb68] {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.loginFormWrap[data-v-5cc57fad] {
    background: hsla(0,0%,100%,.7);
    width: 360px;
    padding: 30px;
    z-index: 1;
    position: relative
}

.loginFormWrap .lockWrap[data-v-5cc57fad] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.subTitle[data-v-6a11814c] {
    position: relative;
    padding-left: 10px;
    color: #ff9800;
    font-size: 16px;
    font-weight: 700
}

    .subTitle[data-v-6a11814c]:before {
        content: "";
        width: 3px;
        height: .8em;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #ff9800
    }

.subTitle[data-v-4d48dc6c] {
    position: relative;
    padding-left: 10px;
    color: #ff9800;
    font-size: 16px;
    font-weight: 700
}

    .subTitle[data-v-4d48dc6c]:before {
        content: "";
        width: 3px;
        height: .8em;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #ff9800
    }

.footer[data-v-ebcd1c74] {
    background: #2b2b2b;
    color: #777
}

.footer a[data-v-ebcd1c74] {
    color: #777;
    text-decoration: none
}

.header[data-v-38991cfc] {
    height: 100px;
    margin-bottom: 20px
}

.root[data-v-0a765a14] {
    background: #fff;
    max-width: 1920px;
    margin: auto
}

.banner[data-v-0a765a14] {
    background: url(/static/img/about-banner.f4aa424.jpg) 50% no-repeat;
    height: 600px;
    position: relative
}

.textContentWrap h1[data-v-0a765a14] {
    font-size: 50px
}

.textContentWrap p[data-v-0a765a14] {
    font-size: 40px;
    margin-bottom: 2em;
    color: #686868
}

.root[data-v-dd342532] {
    background: #000;
    color: #f5c168;
    max-width: 1920px;
    height: 100vh;
    margin: auto;
    position: relative
}

.footerImg[data-v-dd342532] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30vw;
    background: url(/static/img/footerImg.9f93be3.png) 50% no-repeat;
    background-size: 100%
}

.phoneImg[data-v-dd342532] {
    position: absolute;
    right: 5vw;
    bottom: 0;
    height: 44vw;
    background: url(/static/img/phone.aa38b09.png) no-repeat;
    background-size: 100%
}

.topImgRight[data-v-dd342532] {
    position: absolute;
    right: -4vw;
    top: -5vw;
    width: 17vw
}

.topImgLeft[data-v-dd342532] {
    position: absolute;
    left: -3vw;
    top: -3vw;
    width: 12vw
}

.logo[data-v-dd342532] {
    position: absolute;
    left: 15vw;
    top: 6vh;
    width: 14vw
}

.text[data-v-dd342532] {
    position: absolute;
    left: 10vw;
    top: 23vh;
    width: 28vw;
    font-size: 1.7vw
}

.text > div[data-v-dd342532] {
    margin-bottom: 3vh
}

.text img[data-v-dd342532] {
    vertical-align: middle;
    width: 3vw;
    margin-right: 1vw
}

.parcel[data-v-dd342532] {
    position: absolute;
    left: 40vw;
    top: 5vh;
    width: 14vw
}

.appDownWrap[data-v-dd342532] {
    position: absolute;
    left: 6vw;
    bottom: 0;
    width: 30vw;
    padding: 0 10px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-shadow: 0 0 6px 0 #505050;
    box-shadow: 0 0 6px 0 #505050
}

.qiao[data-v-dd342532] {
    position: absolute;
    width: 13vw
}

#nprogress {
    pointer-events: none
}

    #nprogress .bar {
        background: #29d;
        position: fixed;
        z-index: 1031;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px
    }

    #nprogress .peg {
        display: block;
        position: absolute;
        right: 0;
        width: 100px;
        height: 100%;
        -webkit-box-shadow: 0 0 10px #29d,0 0 5px #29d;
        box-shadow: 0 0 10px #29d,0 0 5px #29d;
        opacity: 1;
        -webkit-transform: rotate(3deg) translateY(-4px);
        transform: rotate(3deg) translateY(-4px)
    }

    #nprogress .spinner {
        display: block;
        position: fixed;
        z-index: 1031;
        top: 15px;
        right: 15px
    }

    #nprogress .spinner-icon {
        width: 18px;
        height: 18px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 2px solid transparent;
        border-top-color: #29d;
        border-left-color: #29d;
        border-radius: 50%;
        -webkit-animation: nprogress-spinner .4s linear infinite;
        animation: nprogress-spinner .4s linear infinite
    }

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

    .nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner {
        position: absolute
    }

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.svg-icon {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

body {
    font-family: Helvetica Neue,Helvetica,Arial,STHeitiTC-light,STHeiti,Microsoft JhengHei,微軟正黑體,sans-serif
}

.unpaid-color {
    background-color: #ff8e45 !important;
    border-color: #ff8e45 !important
}

.unpaid-color--text {
    color: #ff8e45 !important
}

.unpacked-color {
    background-color: #ed3e77 !important;
    border-color: #ed3e77 !important
}

.unpacked-color--text {
    color: #ed3e77 !important
}

.packed-color {
    background-color: #982432 !important;
    border-color: #982432 !important
}

.packed-color--text {
    color: #982432 !important
}

.shipped-color {
    background-color: #297cda !important;
    border-color: #297cda !important
}

.shipped-color--text {
    color: #297cda !important
}

.received-color {
    background-color: #63b866 !important;
    border-color: #63b866 !important
}

.received-color--text {
    color: #63b866 !important
}

.refunded-color {
    background-color: #8d8f8f !important;
    border-color: #8d8f8f !important
}

.refunded-color--text {
    color: #8d8f8f !important
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.line-clamp-1 {
    height: 1.5em;
    -webkit-line-clamp: 1
}

.line-clamp-1, .line-clamp-2 {
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-2 {
    max-height: 3em;
    -webkit-line-clamp: 2
}

#nprogress .bar {
    background: #ff9800;
    height: 3px
}

#nprogress .spinner-icon {
    border-top-color: #ff9800;
    border-left-color: #ff9800
}

.clearfix:after {
    content: "";
    clear: both;
    display: table
}

.postDetailContent img {
    width: 100%;
    vertical-align: middle
}

.postDetailContent p {
    margin-bottom: 0;
    min-height: 1em
}

.text-decoration-none {
    text-decoration: none
}

.display-inline-block {
    display: inline-block
}

.ql-editor {
    padding: 0;
    font-size: 16px;
    height: auto
}

.cursor-pointer {
    cursor: pointer
}

img[data-v-2895ee56] {
    vertical-align: middle
}

.tab-border {
    position: relative
}

    .tab-border:after {
        content: "";
        position: absolute;
        right: 0;
        width: 1px;
        display: block;
        height: 30%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: rgba(0,0,0,.2)
    }

.parcelList .trackingNoTitle {
    background-color: #f9f9f9
}

.parcelList .theme--light.v-table tbody tr:hover:not(.v-datatable__expand-row) {
    background-color: #f1f8e9 !important
}

    .parcelList .theme--light.v-table tbody tr:hover:not(.v-datatable__expand-row).noStorage {
        background-color: #eee !important
    }

    .parcelList .theme--light.v-table tbody tr:hover:not(.v-datatable__expand-row) .trackingNoTitle {
        background-color: transparent
    }

.table-border-left {
    border-left: 1px solid rgba(0,0,0,.12)
}

.table-border-right {
    border-right: 1px solid rgba(0,0,0,.12)
}

.max-width-auto {
    max-width: inherit !important
}

.position-relative {
    position: relative
}

.hideLastHr:last-child > hr {
    display: none
}

.white-space-nowrap {
    white-space: nowrap
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

.line-clamp-1, .line-clamp-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-2 {
    height: 3em;
    line-height: 1.5em;
    -webkit-line-clamp: 2
}

.dialog-conente-scroll {
    max-height: calc(90vh - 68px);
    overflow: auto
}

.mainPanel {
    width: 1200px;
    margin: auto
}

.teachingFocus {
    position: relative;
    z-index: 99;
    background: #fff
}

.subTitle {
    position: relative;
    padding-left: 10px
}

    .subTitle:before {
        content: "";
        width: 3px;
        height: .8em;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #2196f3
    }

.v-snack__content {
    height: auto !important;
    min-height: 112px !important
}

.v-dialog.dialogNoBoxShadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.srIcon[data-v-6e62fa8c] {
    border-radius: 50%;
    width: 24px;
    line-height: 24px;
    display: inline-block;
    text-align: center
}

.srIcon.air[data-v-6e62fa8c] {
    color: #4caf50;
    background: rgba(76,175,80,.22)
}

.srIcon.air.twt[data-v-6e62fa8c] {
    color: #f44336;
    background: rgba(244,67,54,.22)
}

.srIcon.se[data-v-6e62fa8c] {
    color: #2196f3 !important;
    background: rgba(33,150,243,.22)
}

.mx-icon-double-left:after, .mx-icon-double-left:before, .mx-icon-double-right:after, .mx-icon-double-right:before, .mx-icon-left:before, .mx-icon-right:before {
    content: "";
    position: relative;
    top: -1px;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    border-style: solid;
    border-color: currentColor;
    border-width: 2px 0 0 2px;
    border-radius: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-45deg) scale(.7);
    transform: rotate(-45deg) scale(.7)
}

.mx-icon-double-left:after {
    left: -4px
}

.mx-icon-double-right:before {
    left: 4px
}

.mx-icon-double-right:after, .mx-icon-double-right:before, .mx-icon-right:before {
    -webkit-transform: rotate(135deg) scale(.7);
    transform: rotate(135deg) scale(.7)
}

.mx-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 15px;
    margin: 0;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    color: #73879c;
    white-space: nowrap
}

    .mx-btn:hover {
        border-color: #1284e7;
        color: #1284e7
    }

.mx-btn-text {
    border: 0;
    padding: 0 4px;
    text-align: left;
    line-height: inherit
}

.mx-scrollbar {
    height: 100%
}

    .mx-scrollbar:hover .mx-scrollbar-track {
        opacity: 1
    }

.mx-scrollbar-wrap {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.mx-scrollbar-track {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    width: 6px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity .24s ease-out;
    transition: opacity .24s ease-out
}

    .mx-scrollbar-track .mx-scrollbar-thumb {
        position: absolute;
        width: 100%;
        height: 0;
        cursor: pointer;
        border-radius: inherit;
        background-color: hsla(220,4%,58%,.3);
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }

.mx-zoom-in-down-enter-active, .mx-zoom-in-down-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    -webkit-transform-origin: center top;
    transform-origin: center top
}

.mx-zoom-in-down-enter, .mx-zoom-in-down-leave-to {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.mx-datepicker {
    position: relative;
    display: inline-block;
    width: 210px
}

    .mx-datepicker svg {
        width: 1em;
        height: 1em;
        vertical-align: -.15em;
        fill: currentColor;
        overflow: hidden
    }

.mx-datepicker-range {
    width: 320px
}

.mx-datepicker-inline {
    width: auto
}

.mx-input-wrapper {
    position: relative
}

    .mx-input-wrapper .mx-icon-clear {
        display: none
    }

    .mx-input-wrapper:hover .mx-icon-clear {
        display: block
    }

        .mx-input-wrapper:hover .mx-icon-clear + .mx-icon-calendar {
            display: none
        }

.mx-input {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 6px 30px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.4;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .mx-input:focus, .mx-input:hover {
        border-color: #409aff
    }

    .mx-input.disabled, .mx-input:disabled {
        color: #ccc;
        background-color: #f3f3f3;
        border-color: #ccc;
        cursor: not-allowed
    }

    .mx-input:focus {
        outline: none
    }

    .mx-input::-ms-clear {
        display: none
    }

.mx-icon-calendar, .mx-icon-clear {
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 1;
    color: rgba(0,0,0,.5);
    vertical-align: middle
}

.mx-icon-clear {
    cursor: pointer
}

    .mx-icon-clear:hover {
        color: rgba(0,0,0,.8)
    }

.mx-datepicker-main {
    font: 14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;
    color: #73879c;
    background-color: #fff;
    border: 1px solid #e8e8e8
}

.mx-datepicker-popup {
    position: absolute;
    margin-top: 1px;
    margin-bottom: 1px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    z-index: 2001
}

.mx-datepicker-sidebar {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    padding: 6px;
    overflow: auto
}

    .mx-datepicker-sidebar + .mx-datepicker-content {
        margin-left: 100px;
        border-left: 1px solid #e8e8e8
    }

.mx-datepicker-body {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx-btn-shortcut {
    display: block;
    padding: 0 6px;
    line-height: 24px
}

.mx-range-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:750px) {
    .mx-range-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.mx-datepicker-header {
    padding: 6px 8px;
    border-bottom: 1px solid #e8e8e8
}

.mx-datepicker-footer {
    padding: 6px 8px;
    text-align: right;
    border-top: 1px solid #e8e8e8
}

.mx-calendar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 248px;
    padding: 6px 12px
}

    .mx-calendar + .mx-calendar {
        border-left: 1px solid #e8e8e8
    }

.mx-calendar-header, .mx-time-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px;
    line-height: 34px;
    text-align: center;
    overflow: hidden
}

.mx-btn-icon-double-left, .mx-btn-icon-left {
    float: left
}

.mx-btn-icon-double-right, .mx-btn-icon-right {
    float: right
}

.mx-calendar-header-label {
    font-size: 14px
}

.mx-calendar-decade-separator {
    margin: 0 2px
}

    .mx-calendar-decade-separator:after {
        content: "~"
    }

.mx-calendar-content {
    position: relative;
    height: 224px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .mx-calendar-content .cell {
        cursor: pointer
    }

        .mx-calendar-content .cell:hover {
            color: #73879c;
            background-color: #f3f9fe
        }

        .mx-calendar-content .cell.active {
            color: #fff;
            background-color: #1284e7
        }

        .mx-calendar-content .cell.in-range {
            color: #73879c;
            background-color: #dbedfb
        }

        .mx-calendar-content .cell.disabled {
            cursor: not-allowed;
            color: #ccc;
            background-color: #f3f3f3
        }

.mx-calendar-week-mode .mx-date-row {
    cursor: pointer
}

    .mx-calendar-week-mode .mx-date-row:hover {
        background-color: #f3f9fe
    }

    .mx-calendar-week-mode .mx-date-row.mx-active-week {
        background-color: #dbedfb
    }

    .mx-calendar-week-mode .mx-date-row .cell.active, .mx-calendar-week-mode .mx-date-row .cell:hover {
        color: inherit;
        background-color: transparent
    }

.mx-week-number {
    opacity: .5
}

.mx-table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle
}

    .mx-table th {
        padding: 0;
        font-weight: 500
    }

    .mx-table td {
        padding: 0
    }

.mx-table-date td, .mx-table-date th {
    height: 32px;
    font-size: 12px
}

.mx-table-date .today {
    color: #2a90e9
}

.mx-table-date .cell.not-current-month {
    color: #ccc
}

.mx-time {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 224px;
    background: #fff
}

    .mx-time + .mx-time {
        border-left: 1px solid #e8e8e8
    }

.mx-calendar-time {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mx-time-header {
    border-bottom: 1px solid #e8e8e8
}

.mx-time-content {
    height: 224px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.mx-time-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mx-time-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    border-left: 1px solid #e8e8e8;
    text-align: center
}

    .mx-time-column:first-child {
        border-left: 0
    }

    .mx-time-column .mx-time-list {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .mx-time-column .mx-time-list:after {
            content: "";
            display: block;
            height: 192px
        }

    .mx-time-column .mx-time-item {
        cursor: pointer;
        font-size: 12px;
        height: 32px;
        line-height: 32px
    }

        .mx-time-column .mx-time-item:hover {
            color: #73879c;
            background-color: #f3f9fe
        }

        .mx-time-column .mx-time-item.active {
            color: #1284e7;
            background-color: transparent;
            font-weight: 700
        }

        .mx-time-column .mx-time-item.disabled {
            cursor: not-allowed;
            color: #ccc;
            background-color: #f3f3f3
        }

.mx-time-option {
    cursor: pointer;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px
}

    .mx-time-option:hover {
        color: #73879c;
        background-color: #f3f9fe
    }

    .mx-time-option.active {
        color: #1284e7;
        background-color: transparent;
        font-weight: 700
    }

    .mx-time-option.disabled {
        cursor: not-allowed;
        color: #ccc;
        background-color: #f3f3f3
    }
/*!
 * Viewer.js v1.9.0
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-12-06T11:25:10.724Z
 */

.viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px
}

.viewer-zoom-in:before {
    background-position: 0 0;
    content: "Zoom In"
}

.viewer-zoom-out:before {
    background-position: -20px 0;
    content: "Zoom Out"
}

.viewer-one-to-one:before {
    background-position: -40px 0;
    content: "One to One"
}

.viewer-reset:before {
    background-position: -60px 0;
    content: "Reset"
}

.viewer-prev:before {
    background-position: -80px 0;
    content: "Previous"
}

.viewer-play:before {
    background-position: -100px 0;
    content: "Play"
}

.viewer-next:before {
    background-position: -120px 0;
    content: "Next"
}

.viewer-rotate-left:before {
    background-position: -140px 0;
    content: "Rotate Left"
}

.viewer-rotate-right:before {
    background-position: -160px 0;
    content: "Rotate Right"
}

.viewer-flip-horizontal:before {
    background-position: -180px 0;
    content: "Flip Horizontal"
}

.viewer-flip-vertical:before {
    background-position: -200px 0;
    content: "Flip Vertical"
}

.viewer-fullscreen:before {
    background-position: -220px 0;
    content: "Enter Full Screen"
}

.viewer-fullscreen-exit:before {
    background-position: -240px 0;
    content: "Exit Full Screen"
}

.viewer-close:before {
    background-position: -260px 0;
    content: "Close"
}

.viewer-container {
    bottom: 0;
    direction: ltr;
    font-size: 0;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .viewer-container::-moz-selection, .viewer-container ::-moz-selection {
        background-color: transparent
    }

    .viewer-container::selection, .viewer-container ::selection {
        background-color: transparent
    }

    .viewer-container:focus {
        outline: 0
    }

    .viewer-container img {
        display: block;
        height: auto;
        max-height: none !important;
        max-width: none !important;
        min-height: 0 !important;
        min-width: 0 !important;
        width: 100%
    }

.viewer-canvas {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

    .viewer-canvas > img {
        height: auto;
        margin: 15px auto;
        max-width: 90% !important;
        width: auto
    }

.viewer-footer {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center
}

.viewer-navbar {
    background-color: rgba(0,0,0,.5);
    overflow: hidden
}

.viewer-list {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 1px 0
}

    .viewer-list > li {
        color: transparent;
        cursor: pointer;
        float: left;
        font-size: 0;
        height: 50px;
        line-height: 0;
        opacity: .5;
        overflow: hidden;
        -webkit-transition: opacity .15s;
        transition: opacity .15s;
        width: 30px
    }

        .viewer-list > li:focus, .viewer-list > li:hover {
            opacity: .75
        }

        .viewer-list > li:focus {
            outline: 0
        }

        .viewer-list > li + li {
            margin-left: 1px
        }

    .viewer-list > .viewer-loading {
        position: relative
    }

        .viewer-list > .viewer-loading:after {
            border-width: 2px;
            height: 20px;
            margin-left: -10px;
            margin-top: -10px;
            width: 20px
        }

    .viewer-list > .viewer-active, .viewer-list > .viewer-active:focus, .viewer-list > .viewer-active:hover {
        opacity: 1
    }

.viewer-player {
    background-color: #000;
    bottom: 0;
    cursor: none;
    display: none;
    right: 0;
    z-index: 1
}

    .viewer-player, .viewer-player > img {
        left: 0;
        position: absolute;
        top: 0
    }

.viewer-toolbar > ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px
}

    .viewer-toolbar > ul > li {
        background-color: rgba(0,0,0,.5);
        border-radius: 50%;
        cursor: pointer;
        float: left;
        height: 24px;
        overflow: hidden;
        -webkit-transition: background-color .15s;
        transition: background-color .15s;
        width: 24px
    }

        .viewer-toolbar > ul > li:focus, .viewer-toolbar > ul > li:hover {
            background-color: rgba(0,0,0,.8)
        }

        .viewer-toolbar > ul > li:focus {
            -webkit-box-shadow: 0 0 3px #fff;
            box-shadow: 0 0 3px #fff;
            outline: 0;
            position: relative;
            z-index: 1
        }

        .viewer-toolbar > ul > li:before {
            margin: 2px
        }

        .viewer-toolbar > ul > li + li {
            margin-left: 1px
        }

    .viewer-toolbar > ul > .viewer-small {
        height: 18px;
        margin-bottom: 3px;
        margin-top: 3px;
        width: 18px
    }

        .viewer-toolbar > ul > .viewer-small:before {
            margin: -1px
        }

    .viewer-toolbar > ul > .viewer-large {
        height: 30px;
        margin-bottom: -3px;
        margin-top: -3px;
        width: 30px
    }

        .viewer-toolbar > ul > .viewer-large:before {
            margin: 5px
        }

.viewer-tooltip {
    background-color: rgba(0,0,0,.8);
    border-radius: 10px;
    color: #fff;
    display: none;
    font-size: 12px;
    height: 20px;
    left: 50%;
    line-height: 20px;
    margin-left: -25px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px
}

.viewer-title {
    color: #ccc;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    margin: 0 5% 5px;
    max-width: 90%;
    opacity: .8;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    white-space: nowrap
}

    .viewer-title:hover {
        opacity: 1
    }

.viewer-button {
    background-color: rgba(0,0,0,.5);
    border-radius: 50%;
    cursor: pointer;
    height: 80px;
    overflow: hidden;
    position: absolute;
    right: -40px;
    top: -40px;
    -webkit-transition: background-color .15s;
    transition: background-color .15s;
    width: 80px
}

    .viewer-button:focus, .viewer-button:hover {
        background-color: rgba(0,0,0,.8)
    }

    .viewer-button:focus {
        -webkit-box-shadow: 0 0 3px #fff;
        box-shadow: 0 0 3px #fff;
        outline: 0
    }

    .viewer-button:before {
        bottom: 15px;
        left: 15px;
        position: absolute
    }

.viewer-fixed {
    position: fixed
}

.viewer-open {
    overflow: hidden
}

.viewer-show {
    display: block
}

.viewer-hide {
    display: none
}

.viewer-backdrop {
    background-color: rgba(0,0,0,.5)
}

.viewer-invisible {
    visibility: hidden
}

.viewer-move {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.viewer-fade {
    opacity: 0
}

.viewer-in {
    opacity: 1
}

.viewer-transition {
    -webkit-transition: all .3s;
    transition: all .3s
}

@-webkit-keyframes viewer-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes viewer-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.viewer-loading:after {
    -webkit-animation: viewer-spinner 1s linear infinite;
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid hsla(0,0%,100%,.1);
    border-left-color: hsla(0,0%,100%,.5);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1
}

@media (max-width:767px) {
    .viewer-hide-xs-down {
        display: none
    }
}

@media (max-width:991px) {
    .viewer-hide-sm-down {
        display: none
    }
}

@media (max-width:1199px) {
    .viewer-hide-md-down {
        display: none
    }
}

.Affix {
    z-index: 10;
    width: 100%;
    top: 0
}

.Affix-fixed {
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}