/*-----------------------时间*/ /*-----------------------内容*/ .workquery-list-wrap>li{ margin-bottom: 30px; } .workquery-list-wrap>li:nth-of-type(7n+1) .workquery-list-title{ border-left: 2px solid #f94c6e; } .workquery-list-wrap>li:nth-of-type(7n+2) .workquery-list-title{ border-left: 2px solid #fead39; } .workquery-list-wrap>li:nth-of-type(7n+3) .workquery-list-title{ border-left: 2px solid #4886ff; } .workquery-list-wrap>li:nth-of-type(7n+4) .workquery-list-title{ border-left: 2px solid #98c74b; } .workquery-list-wrap>li:nth-of-type(7n+5) .workquery-list-title{ border-left: 2px solid #714cf9; } .workquery-list-wrap>li:nth-of-type(7n+6) .workquery-list-title{ border-left: 2px solid #f7e124; } .workquery-list-wrap>li:nth-of-type(7n+7) .workquery-list-title{ border-left: 2px solid #6297fe; } .workquery-list-title{ height: 64px; line-height: 64px; background-color: #fff; border-radius: 4px; overflow: hidden; } .workquery-list-title>li{ float: left; } .workquery-list-title li:nth-of-type(1){ width: 300px; font-size: 18px; color: #363d5d; padding-left: 80px; background: url("../../resource/img/circle-icon.png") no-repeat 60px center; } .commited-icon{ width:350px; padding-left: 30px; font-size: 18px; color: #363d5d; background: url("../../resource/img/person-cion.png") no-repeat 0 center; } .time-text{ font-size: 18px; color: #363d5d; position: relative; } .time-text:before{ content: ''; position: absolute; width: 10px; height: 10px; top: 26px; left: -30px; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; }