.td-tit{display: flex;margin: 10px;border:1px solid #e1e1e1;-webkit-border-raius:5px;border-radius:5px;background: #fff;} .td-tit li{position:relative;flex: 1;text-align: center;-webkit-border-raius:5px;border-radius:5px;} .td-tit li div:first-child{padding: 10px 0;font-size: 20px;font-weight: 600;} .td-tit li div:last-child{padding-bottom: 8px;font-size: 14px;} .td-tit li:after{content: ' ';width: 1px;position: absolute;top: 15px; right: 0;bottom: 15px;background: #E1E1E1;} .td-tit li:last-child:after{content: ' ';width: 0;} .wait-num{color: #ff4c4c;} .ok-num{color: #06bf04;} .con-num{color: #17b3ec;} .td-item{position:relative;display:block;background: #fff;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;margin-bottom: 10px;padding-left: 60px;padding-right: 45px;} .td-head{width: 40px;height: 40px;-webkit-border-radius: 50%;border-radius: 50%;position: absolute;top: 50%;-webkit-transform: translateY(-50%);left: 10px;overflow: hidden;} .td-head img{width: 100%;height: 100%;} .remind-link{position: absolute;width:45px;top: 0;bottom: 0;right: 0;background: #19d5c5;color: #fff;font-size: 14px;text-align: center;padding-top: 20px;} .td-i-con h3{padding: 10px 0 12px 0;font-size: 18px;color: #333;} .td-i-con div{display: inline-block;font-size: 14px;color: #999;padding: 0 10px 10px 0;} .rl-none{background: #ccc;} .td-con{display: block;}