.travel-top { padding: 30rpx 24rpx; background-color: #fff; } .base-info { margin-top: 30rpx; background-color: #fff; } .span24{ font-size: 26rpx; } .mt8{ margin-top: 12rpx; } .mt24{ margin-top: 24rpx; } .ml36 { margin-left: 36rpx; } .ml24 { margin-left: 24rpx; } .detail-top-box { box-shadow: 0px 0 6rpx 2rpx rgb(234, 234, 234); background-color: #fff; border-radius: 8rpx; } .line-block { border-bottom: 2rpx dashed #E4E6EC; /* background-color: #E4E6EC; */ width: 100%; margin-top: 28rpx; margin-bottom: 28rpx; } .between-circle{ position: relative; } .between-circle:before { content: ''; width: 30rpx; height: 30rpx; background-color: #fff; box-shadow: -4rpx 0rpx 6rpx rgb(234, 234, 234); border-radius: 50%; position: absolute; left: -42rpx; top: -12rpx; z-index: 1; transform: rotate(180deg); } .between-circle:after { content: ''; width: 30rpx; height: 30rpx; background-color: #fff; box-shadow: -4rpx 0rpx 6rpx rgb(234, 234, 234); border-radius: 50%; position: absolute; right: -42rpx; z-index: 1; top: -12rpx; } h3 { font-weight: bold; font-size: 32rpx; text-align: center; line-height: 1.6; } h4 { /* padding-top: 32rpx; */ font-size: 28rpx; text-align: center; line-height: 1.6; } .text-title { color: #888; } .detail-top-base text.text-title { max-width: 320rpx; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .detail-top-base > view.span24 { display: flex; align-items: center; } .detail-top-base { font-size: 26rpx; padding-top: 48rpx; display: flex; justify-content: space-between; align-items: center; padding-bottom: 8rpx; } .detail-top-base+.detail-top-base { padding-top: 0; padding-bottom: 16rpx; } .detail-top-base .detail-base-name { font-size: 26rpx; color: #686868; } .detail-top-bottom { /* width: 100%; */ font-size: 26rpx; padding: 24rpx 24rpx 28rpx 24rpx; } .detail-middle { overflow: hidden; box-shadow: 0px 4rpx 6rpx 2rpx rgb(234, 234, 234); } .detail-middle-box { padding: 20rpx 24rpx; font-size: 26rpx; border-top: 8rpx solid #eee; } .detail-flex { display: flex; align-items: flex-start; font-size: 26rpx; } .attachment { font-size: 26rpx; padding: 12rpx 0 24rpx 0; } .detail-title { display: flex; align-items: center; font-size: 26rpx; min-width: 172rpx; color: #888; } .detail-middle-box .remark{ color: #686868; font-size: 26rpx; } .imgBox { margin-left: 32rpx; padding-top: 16rpx; } .imgBox a { display: flex; align-items: center; position: relative; } .imgBox a+a { margin-top: 16rpx; } .imgBox image { width: 22%; height: 120rpx; margin: 4rpx 8rpx; border-radius: 6rpx; } .ico-wjxz { position: absolute; right: -4rpx; } .imgBox span { text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; font-size: 22rpx; padding-right: 60rpx; color: #686868; } .process-box .prosess-unit:last-child::before { content: ''; display: none; } .uni-list-cell:after { height: 0; } .button-box { padding-top: 36rpx; display: flex; /* padding-bottom: 40rpx; */ justify-content: space-around; padding-bottom: 6rpx; } .button-box image { width: 100rpx; height: 100rpx; } .button-box span { font-size: 26rpx; display: flex; flex-direction: column; text-align: center; } .ico-ndbz:before{ background-image: url('/static/images/tender/je.png'); } .ico-bm:before{ background-image: url('/static/images/tender/bm.png'); } .ico-pj:before{ background-image: url('/static/images/expense/pj.png'); } .ico-rzlx:before{ background-image: url('/static/images/expense/rzlx.png'); } .ico-khyh:before{ background-image: url('/static/images/expense/khyh.png'); } .ico-dw:before{ background-image: url('/static/images/expense/dw.png'); } .ico-skzh:before{ background-image: url('/static/images/expense/skzh.png'); } .ico-ccsy:before{ background-image: url('/static/images/expense/ccsy.png'); } .ico-ccry:before{ background-image: url('/static/images/expense/ccry.png'); } .ico-xmgl:before{ background-image: url('/static/images/expense/xmgl.png'); } .ico-fy:before{ background-image: url('/static/images/expense/fy.png'); } .ico-ly:before{ background-image: url('/static/images/expense/ly.png'); } .ico-sjx:before{ background-image: url('/static/images/expense/sjx.png'); } .ico-lbrs:before{ background-image: url('/static/images/expense/lbrs.png'); } .ico-ptrs:before{ background-image: url('/static/images/expense/ptrs.png'); } .ico-jbry:before{ background-image: url('/static/images/expense/jbry.png'); } .ico-je:before{ background-image: url('https://eshangtech.com/ShopICO/ahyd-BID/contract/htsp_je.png'); } .ico-dzfp:before{ background-image: url('/static/images/expense/dzfp.png'); } .ico-user:before{ background-image: url('/static/images/tender/lxr.png'); } .ico-zcyz:before{ background-image: url('/static/images/expense/zcyz.png'); } .ico-zcmc:before{ background-image: url('/static/images/expense/zcmc.png'); } .ico-ljzj:before{ background-image: url('/static/images/expense/ljzj.png'); } .ico-gzsl:before{ background-image: url('/static/images/expense/gzsl.png'); } .ico-jfmc:before{ background-image: url('/static/images/expense/jfmc.png'); }