.order-detail-page { background: #f0f0f0; .block { position: relative; background: #fff; padding: 20px 30px; .iconfont { position: absolute; left: 30px; top: 50%; font-size: 40px; margin-top: -30px; } &.more-jit { background: #fff; padding: 30px 20px; border-bottom: 1px solid #e0e0e0; padding-top: 0; padding-bottom: 0; margin-bottom: 0; } .more-jit { height: 88px; line-height: 88px; position: relative; span { font-size: 34px; color: #444; } .iconfont { position: absolute; right: 0; left: auto; top: auto; margin: 0; } } } .sub { position: relative; .iconfont { left: 0; } } .logistics { display: block; .icon-right { right: 25px; left: auto; color: #b0b0b0; } .sub-content { border-top: 1px solid #e0e0e0; margin-top: 20px; padding-top: 20px; } } .owner-info { line-height: 1.5; } .range { background-image: resolve("me/rang.png"); background-size: cover; width: 640px; height: 20px; background-color: #fff; } .beside-icon { margin-left: 60px; } .name-phone { font-size: 30px; span { float: right; } } .address { font-size: 24px; margin-top: 10px; } .rest { display: none; position: relative; width: 100%; text-align: right; color: #f00; font-size: 24px; .iconAddress { position: static; font-size: 24px; } } .order-status { margin: 20px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding-right: 0; } .sub-content span { display: block; color: #b0b0b0; font-size: 24px; } .sub-content .sub-title { display: block; color: #000; font-size: 28px; } .goods { padding: 0; margin-top: 20px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .cost { li { font-size: 28px; span { float: right; } &:last-child span { color: #f00; } } } .dollar { background: #fff; padding: 0.5rem 0.75rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.7rem; .bg-dollar { display: inline-block; width: 0.6rem; height: 0.6rem; background: url('/me/yoho-coin/dollar.png') center center; background-size: 100% 100%; vertical-align: middle; } } .opt { text-align: right; border-top: 1px solid #e0e0e0; } .order-opt-info { color: #b6b6b6; } .btn { display: inline-block; box-sizing: border-box; width: 140px; height: 60px; line-height: 60px; border-radius: 5PX; font-size: 26px; text-align: center; border: 1px solid #000; } .btn-pay { color: #fff; border: none; background: #d0021b; margin-left: 10px; font-size: 24px; } .count-down { list-style: none; padding: 0; display: inline-block; text-align: right; font-size: 24px; color:#b0b0b0; float:left; margin-left: 30px; margin-top: 20px; .count-down-icon { margin-top: -8px; font-size: 30px; } &.hide { display: none; } li { display: inline-block; } li span { font-size: 24px; line-height: 24px; } } .reason-mask { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .5); z-index: 1; visibility: hidden; .reason-box { border-bottom: 1px solid #ccc; font: inherit; vertical-align: baseline; position: absolute; bottom: 0; width: 100%; height: 380px; color: #444; background: #fff; padding-bottom: 20px; .box-head { height: 60px; line-height: 60px; text-align: right; font-size: 24px; background: rgb(240, 240, 240); padding-right: 30px; } .box-main { background: #FFF; padding: 20px; height: 300px; .active-mask { width: 500px; height: 60px; position: absolute; left: 50%; top: 47%; margin-top: -18px; margin-left: -250px; z-index: 8; background: rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgb(223,224,224); border-top: 1px solid rgb(223,224,224); } } li { text-align: center; background: #FFF; color: rgba(0, 0, 0, .5); font-size: 28px; } .swiper-slide-active { padding-top: 0; font-style: normal; font-size: 32px; color: rgb(0, 0, 0); line-height: 58px; } } } .invoice-info { margin: 20px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background: #fff; padding: 30px; box-sizing: border-box; overflow: hidden; span { font-size: 28px; color: #444; line-height: 40px; } .invoice-fr { float: right; } .invoice-title { text-align: right; width: 450px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .invoice-see { color: #d0021b; } } .invoice-info { margin: 20px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background: #fff; padding: 30px; box-sizing: border-box; overflow: hidden; span { font-size: 28px; color: #444; line-height: 40px; } .invoice-fr { float: right; } .invoice-see { color: #d0021b; } } .tickets-mobile { font-size: 32px; height: 90px; line-height: 90px; .pull-left { float: left; } .pull-right { float: right; } } }