*{margin:0;padding:0}.king{width:709px;margin:100px auto;background-color:#1e4d75;overflow:hidden;padding:10px;border-radius:10px}.king ul{list-style:none}.king li{position:relative;float:left;width:69px;height:69px;margin-right:10px}.king li.current{width:224px}.king li.current .big{display:block}.king li.current .small{display:none}.big{width:224px;height:69px;display:none;border-radius:5px}.small{position:absolute;top:0;left:0;width:69px;height:69px;border-radius:5px}.red1{background:#f33}.red2{background:#c00}.orange1{background:#fb6}.orange2{background:#f80}.yellow1{background:#ffb}.yellow2{background:#ff7}.green1{background:#9f9}.green2{background:#6f6}.blue1{background:#0bf}.blue2{background:#06f}.pink1{background:#ff88c2}.pink2{background:#f4a}.purple1{background:#e93eff}.purple2{background:#c0f}