@charset "UTF-8"; .dialog-content { background-color: #F2F2F2; width: 100%; } .express-title { background-color: white; padding-bottom: 0.1rem; height: auto; } .goods-express-icon { float: left; width: 0.6rem; height: 0.6rem; margin-left: 0.13rem; margin-top: 0.14rem; } .goods-express-icon img { width: 0.52rem; height: 0.52rem; margin: 0.03rem; } .express-header { color: #151516; display: inline-block; font-size: 0.14rem; margin: 0.18rem 0 0 0.11rem; } .express-header span { color: #25ae5f; margin-left: 0.05rem; } .express-shipper, .express-tel { color: #9c9c9c; font-size: 0.14rem; margin-left: 0.84rem; } .express-shipper span, .express-tel span { margin-left: 0.05rem; } .express-shipper a, .express-tel a { margin-left: 0.05rem; color: #6ab1ff; } .express-copy { width: 0.4rem; height: 0.22rem; border-radius: 0.03rem; border: 1px solid #b6b6b6; margin-left: 2.65rem; margin-top: -0.22rem; position: absolute; } .express-copy:after { content: "复制"; font-size: 0.12rem; color: #58595b; margin-left: 0.07rem; line-height: 0.2rem; } .express-tel { margin-bottom: 0.06rem; } .express-main { margin-top: 0.08rem; padding-top: 0.12rem; width: 100%; overflow: hidden; background-color: white; position: relative; } .express-main-title { padding-left: 0.1rem; padding-bottom: 0.12rem; margin-bottom: 0.37rem; font-size: 0.14rem; color: #111; border-bottom: 1px solid #ededed; } .express-main-title .newbie-express { margin-left: 0.03rem; font-size: 0.12rem; color: #838383; } .express-main-title .newbie-express i { color: #fc6504; } .express-abnormal { float: right; position: relative; padding-right: 0.3rem; height: 0.21rem; } .express-abnormal span { display: inline-block; font-size: 0.13rem; color: #9c9c9c; height: 0.21rem; line-height: 0.21rem; } .express-abnormal i { display: inline-block; position: absolute; width: 0.13rem; height: 0.13rem; margin: 0.03rem 0.06rem; background: url("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAWlBMVEUAAACcnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJz////p6enFxcW4uLjX19fR0dGqqqr09PTj4+PLy8ujo6O+vr6xsbEvPealAAAAEHRSTlMAxvrnvj8JwZiBdi8nEpuZ0EWWgAAAAM5JREFUKM99ktkOhSAMRFFx31pEcf3/37yRFgRv4jwNOWkZSoVT18gsTTPZdCJWXoJXmQegqCBSVTjSJ/BS0nMNEz0rtVzMqG6wh2NDq5nYYBOQn1EZgAnxpPOdhbIZXA+AmynOKURLbnedEIHUiprMgjtd6VEtJETacWMnRRaRCVGzzUT6IpPzaYQ04gUeRQ1X7sYNZVi0wSPJ4fkBS4BqejLJaBOglgf1r5LH6yf8IPvV4xMQPRmjr4RT+fcmxccCfK4NK0+CEl62jxX9AV4xIZBvo/cbAAAAAElFTkSuQmCC") no-repeat; background-size: contain; } .express-ui { font-size: 0.14rem; position: relative; margin: 0 0 0 0.2rem; } .express-ui:before { position: absolute; line-height: 200%; content: ""; width: 200%; height: 200%; transform-origin: 0 0; transform: scale(0.5, 0.5); box-sizing: border-box; -webkit-transform-origin: 0 0; -webkit-transform: scale(0.5, 0.5); -webkit-box-sizing: border-box; } .express-ui { list-style-type: none; } .express-show { text-align: center; height: 0.28rem; line-height: 0.28rem; margin-bottom: 0.15rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; } .express-show .label-show { font-size: 0.12rem; color: #58595b; padding-right: 0.05rem; position: relative; display: inline-block; } .express-show img { width: 0.09rem; height: 0.04rem; border: 0 none; position: relative; display: inline-block; } .express-show .img-rotate { transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); } .express-mix { height: 0.46rem; text-align: center; line-height: 0.46rem; } .express-mix span { height: 100%; display: inline-block; vertical-align: middle; } #recommend-label { font-size: 0.14rem; color: #58595b; background: #f4f4f4; display: inline-block; vertical-align: middle; width: 0.84rem; position: relative; } .recommend-img { background: url("http://cdn.yangkeduo.com/assets/img/goods_express_sprite-e7cc77eaa3.png") no-repeat; background-position: 0 0; background-size: 1.16rem 1.03rem; display: inline-block; width: 0.17rem; height: 0.17rem; display: inline-block; vertical-align: middle; transform: translateY(-0.01rem); -webkit-transform: translateY(-0.01rem); } .one-expre { position: relative; width: 100%; margin: 0; padding-left: 0.23rem; border-left: 1px solid #dddddd; } .one-expre:last-child { border-left: none !important; } .one-expre:last-child .express-trace-info-dot { left: -4px !important; } .one-expre:last-child .express-trace-info { margin-bottom: -0.22rem; } .one-expre:last-child .express-trace-info ._trace-info { border-bottom: none !important; } .one-expre:first-child .express-trace-info ._trace-info { margin-top: -0.17rem; } .one-expre:first-child .express-trace-info ._trace-info .trace-detail { color: #25ae5f !important; } .one-expre:first-child .express-trace-info ._trace-info .trace-time { color: #25ae5f !important; } .express-trace-info-dot { width: 10px; height: 10px; position: absolute; border-radius: 50%; -webkit-border-radius: 50%; top: -5px; left: -5px; background-color: #dddddd; } .express-trace-info-dot-repeat { width: 10px; height: 10px; position: absolute; border-radius: 50%; -webkit-border-radius: 50%; left: -4px; background-color: #dddddd; } .express-trace-info-dot-green { background-color: #25ae5f; box-shadow: rgba(37, 174, 95, 0.3) 0 0 0 3px; -webkit-box-shadow: rgba(37, 174, 95, 0.3) 0 0 0 3px; -webkit-transform: translate(0, -0.08rem); } .express-ui-body { width: 12%; display: inline-block; height: 100%; color: #58595b; } .express-ui-hr-1 { position: absolute; height: 0.15rem; border-left: 1px solid #dddddd; transform: translateX(0.2rem); -webkit-transform: translateX(0.2rem); } .express-ui-hr-2 { position: absolute; top: 0; height: 0.65rem; border-left: 1px solid #dddddd; transform: translateX(0.2rem); -webkit-transform: translateX(0.2rem); } .express-ui-round-1 { position: absolute; width: 0.1rem; height: 0.1rem; border: 1px solid #dddddd; border-radius: 0.05rem; background-color: #dddddd; left: 0.15rem; } .express-ui-round-2 { position: absolute; width: 0.1rem; height: 0.1rem; border: 3px solid #efbcbc; border-radius: 0.08rem; background-color: #ef293c; left: 0.15rem; } .express-trace-info { width: 100%; display: inline-block; height: 100%; margin-top: 0; padding-bottom: 0.22rem; } .express-trace-info ._trace-info { position: relative; display: inline-block; margin-top: -0.09rem; padding-bottom: 0.15rem; width: 100%; border-bottom: 1px solid #ededed; } .express-trace-info ._trace-info .trace-time { color: #9c9c9c; font-size: 0.12rem; line-height: 0.12rem; margin-top: 0.06rem; margin-right: 0.1rem; } .express-trace-info ._trace-info .trace-detail { color: #9c9c9c; line-height: 0.24rem; margin-right: 0.11rem; } .express-trace-info ._trace-info ._detail { margin-top: 0.1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 0.2rem; } .express-trace-info ._trace-info ._time { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 0.2rem; } .express-failed { width: 100%; height: 0.2rem; color: #1a1a1a; font-size: 0.13rem; text-align: center; } .speical-express { position: absolute; left: 0.1rem; top: 0.5rem; line-height: 1; } .speical-express .icon { width: 0.13rem; height: 0.13rem; line-height: 0.15rem; background-color: grey; color: white; margin-right: 0.02rem; display: inline-block; text-align: center; border-radius: 50%; text-align: center; } .speical-express .icon:after { font-size: 0.12rem; content: "!"; } .speical-express span { font-size: 0.13rem; color: #838383; } .sink { padding-top: 0.15rem; } .express-exception { text-align: center; border-top: 1.2rem solid #FFFFFF; background-color: #FFFFFF; height: 3.75rem; } .express-exception .exception-img { background: url("http://cdn.yangkeduo.com/assets/img/goods_express_sprite-e7cc77eaa3.png") no-repeat; background-position: -0.24rem 0; background-size: 1.16rem 1.03rem; width: 0.92rem; height: 1.03rem; margin: 0 auto; margin-bottom: 0.15rem; } .express-exception .exception-text { font-size: 0.14rem; color: #9c9c9c; line-height: 0.14rem; }