.cantCheck { pointer-events: none; } .vox { padding-top: 8rpx; } .vox:after { content: ''; width: 30%; } .cx { display: inline-block; width: 164rpx; height: 60rpx; border: 1rpx solid #eeeeee; border-radius: 30rpx; text-align: center; } .cx > text { font-size: 24rpx; color: #333333; line-height: 60rpx; } .cex { margin-left: 24rpx; display: inline-block; width: 164rpx; height: 60rpx; background: #ff4444; border-radius: 30rpx; text-align: center; } .cex > text { font-size: 24rpx; color: #ffffff; line-height: 60rpx; } .foot { position: fixed; bottom: 0; left: 0; width: 750rpx; height: 97rpx; background: #ffffff; border-top: 1rpx solid #eeeeee; } .buttonViewPackage { display: flex; justify-content: space-between; padding: 19rpx 30rpx; } .processImage { margin-left: 55rpx; } .processImage > view { margin: 0 10rpx 10rpx 0; display: inline-block; width: 179rpx; height: 179rpx; background: #000000; border-radius: 8rpx; overflow: hidden; } .processImage > view > image { width: 179rpx; height: 179rpx; } .processBody { margin-top: 19rpx; } .processBody > text { font-size: 24rpx; color: #999999; } .title { display: flex; justify-content: space-between; padding-bottom: 20rpx; font-size: 28rpx; } .title > text:nth-child(1) { font-size: 28rpx; color: #999999; } .title > text:nth-child(2) { font-size: 24rpx; color: #999999; } .afterProcessPackage { padding: 0 30rpx 40rpx 30rpx; } .afterProcess { margin-top: 20rpx; width: 690rpx; background: #ffffff; border-radius: 10rpx; } .colorFF4444 { color: #ff4444 !important; } .bodyBottom { margin-top: 35rpx; } .bodyBottom > view { margin-top: 30rpx; display: flex; justify-content: space-between; } .bodyBottom > view > text { font-size: 24rpx; color: #666666; } .rightFoot { display: flex; justify-content: space-between; margin-top: 30rpx; } .rightFoot > text:nth-child(1) { font-size: 28rpx; color: #ff4444; } .rightFoot > text:nth-child(2) { font-size: 28rpx; color: #999999; } .rightBody { margin-top: 10rpx; font-size: 24rpx; color: #999999; } .rightTitle { height: 70rpx; font-size: 28rpx; color: #333333; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .titleRight { height: 170rpx; width: 440rpx; } .goodsTitle { display: flex; justify-content: space-between; } .titleLeft { width: 170rpx; height: 170rpx; border-radius: 6rpx; overflow: hidden; } .titleLeft > image { width: 170rpx; height: 170rpx; } .goodsPackage { padding: 27rpx 30rpx; } .goods { margin-top: 37rpx; width: 690rpx; height: 369rpx; background: #ffffff; border-radius: 10rpx; } .tips { margin-top: ; } .tips > image { vertical-align: middle; width: 30rpx; height: 30rpx; } .tips > text { vertical-align: middle; margin-left: 17rpx; font-size: 30rpx; color: #ffffff; } .afterDatli { background-image: ; font-size: 0; background: #f8f8f8; background-size: 750rpx auto; background-repeat: no-repeat; } .mainPackage { padding: 53rpx 30rpx 127rpx 30rpx; } .goods_detail .goods_image { margin-right: 28rpx; width: 170rpx; height: 170rpx; border-radius: 6rpx; background-repeat: no-repeat; background-size: 170rpx 170rpx; background-position: center; } /** * 订单物流 */ .logis-title { border-bottom: 1px solid #f0f0f0; } .logis-list .logis-date { word-wrap: break-word; word-break: normal; } .Icon-bg { width: 30rpx; height: 30rpx; line-height: 30rpx; border-radius: 50%; background: #ff4444; text-align: center; margin: 0 22rpx 0 0; position: relative; z-index: 5; } .icon-line { font-size: 28rpx !important; } .loggis-move .address { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .logis-list-header::after { content: ' '; position: relative; left: 7%; width: 2rpx; height: 120rpx; border-left: 1px solid #eeeeee; margin: -46rpx 0; } .pd-left { padding-left: 6%; } .logg-dotted { position: relative; left: 7%; width: 2rpx; height: 120rpx; border-left: 1px solid #eeeeee; margin: -46rpx 0; } .circle-seg { width: 16rpx; height: 16rpx; border-radius: 50%; background: #f0f0f0; margin: 0 30rpx 0 10rpx; position: relative; z-index: 2; } .floatLeft { width: 16rpx; height: 16rpx; margin: 0 30rpx 0 10rpx; position: relative; z-index: 2; } .Icon-bg-presen { background-color: #ffd940; color: #333333 !important; }