/* 颜色小图标 */

.clear{clear: both;}
.color-icon {
    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: url(https://img.muukal.com/img/color/colors.png) no-repeat;
    float: left;
}


.color-leopard,.color-floral { background-position:0 0;}
.color-tortoise{  background-position:-25px 0;}
.color-striped{  background-position:0 -25px;}
.color-black{  background-position: 0 -50px;}
.color-gray{  background-position:-25px -75px;background-color:gray;}
.color-clear{  background-position:-25px -25px;}
.color-white{  background-position:-25px -50px;background-color:#e6e6fa;}
.color-pink{  background-position:0 -75px;background-color:pink;}
.color-red{  background-position:-25px -100px;background-color:red;}
.color-brown{  background-position:0 -100px;background-color:maroon;}
.color-orange{  background-position:-25px -125px;background-color:orange;}
.color-yellow{  background-position:0 -125px;background-color:#ff0;}
.color-green{  background-position:-25px -150px;background-color:green;}
.color-blue{  background-position:0 -150px;background-color:#00f;}
.color-purple{  background-position:-25px -175px;background-color:purple;}
.color-gold{  background-position:-25px -200px;}
.color-silver{  background-position:0 -200px;}
.color-bronze{  background-position: 0 -175px;}
.color-rosegold{  background-position:0 -225px;}
.color-khaki{  background-position:-25px -225px;}
.color-mix{  background-position:0 -250px;}
.color-colorful{  background-position:-25px -250px;}


.color-name{
    display: inline-block;
    height: 25px;
    line-height: 25px; 
    margin-left: 3px;
    float: left;
  }