.dbtimeContainer{ display: inline-block; vertical-align: top; width: 191px; height: 59px; background: url(../img/time.png) no-repeat; background-size: 100% 100%; } .dbtimeContainer .standardTime{ color: #fff; text-align: center; } .dbtimeContainer .standardTime .title{ font-family: 'SimHei'; font-size: 12px; margin: 6px 0 0 25px; } .dbtimeContainer .standardTime .title .date{ font-size: 13px; margin-left: 10px; } .dbtimeContainer .standardTime .time{ margin: 5px 0 0 65px; transform: scale(0.9); -ms-transform: scale(0.9); } .dbtimeContainer .standardTime .time span{ display: inline-block; width: 16.5px; height: 24px; } .dbtimeContainer .standardTime .time .n0{ background: url(../img/numbers.png) -148px 0 no-repeat; } .dbtimeContainer .standardTime .time .n1{ background: url(../img/numbers.png) 6px 0 no-repeat; } .dbtimeContainer .standardTime .time .n2{ background: url(../img/numbers.png) -11px 0 no-repeat; } .dbtimeContainer .standardTime .time .n3{ background: url(../img/numbers.png) -29px 0 no-repeat; } .dbtimeContainer .standardTime .time .n4{ background: url(../img/numbers.png) -46px 0 no-repeat; } .dbtimeContainer .standardTime .time .n5{ background: url(../img/numbers.png) -63px 0 no-repeat; } .dbtimeContainer .standardTime .time .n6{ background: url(../img/numbers.png) -80px 0 no-repeat; } .dbtimeContainer .standardTime .time .n7{ background: url(../img/numbers.png) -96px 0 no-repeat; } .dbtimeContainer .standardTime .time .n8{ background: url(../img/numbers.png) -113px 0 no-repeat; } .dbtimeContainer .standardTime .time .n9{ background: url(../img/numbers.png) -130px 0 no-repeat; } .dbtimeContainer .standardTime .time .mao{ background: url(../img/mao.png) 0 9px no-repeat; width: 6px; }