.w-switcher{position:fixed;left:-180px;top:40%;z-index:300;background-color:rgba(96,96,96,0.99);color:#fff}
.w-switcher-head{padding:0 25px;height:0;position:relative}
.w-switcher-title{display:none;font-size:16px;line-height:40px;font-weight:300}
.w-switcher-control{position:absolute;top:48px;right:-60px;font-size:24px;text-align:center;line-height:48px;height:48px;width:48px;cursor:pointer;background-color:#111;background-color:rgba(119,119,119,0.85);-webkit-transition:background-color 0.3s cubic-bezier(0.165,0.84,0.44,1),color 0.3s cubic-bezier(0.165,0.84,0.44,1);transition:background-color 0.3s cubic-bezier(0.165,0.84,0.44,1),color 0.3s cubic-bezier(0.165,0.84,0.44,1); background: url(open.png) no-repeat; border: 2px solid #666;border-radius: 50% !important;}
.w-switcher-control i{display:inline-block;-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}
.w-switcher-control:hover i,.w-switcher.active .w-switcher-control i{-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}
100%{-moz-transform:rotate(359deg)}
}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(359deg)}
}
@-o-keyframes spin{0%{-o-transform:rotate(0deg)}
100%{-o-transform:rotate(359deg)}
}
@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}
100%{-ms-transform:rotate(359deg)}
}
@keyframes spin{0%{transform:rotate(0deg)}
100%{transform:rotate(359deg)}
}
.w-switcher-body{margin:10px;width:160px}
.w-switcher-section{margin-bottom:10px}
.w-switcher-section.for_layout{display:block}
.w-switcher-section-title{display:block;font-size:16px;text-align:center;margin-bottom:10px;opacity:0.7;text-transform:uppercase;}
.w-switcher-section-list{margin-right:-3px}
.w-switcher-section-list:after,.w-switcher-section-list:before{display:table;content:''}
.w-switcher-section-list:after{clear:both}
.w-switcher-section-item{float:left;font-size:12px;line-height:24px;text-align:center;text-decoration:none;width:25px;height:24px;position:relative;background-color:#444;color:#fff; margin:3px}
.w-switcher-section-item:focus,.w-switcher-section-item:hover{color:#fff}
.w-switcher-section-item.active{box-shadow:0 0 0 3px rgba(206,206,206,0.9);color:#fff;z-index:3}
.w-switcher-section-item .text{position:relative;padding:0 4px;text-shadow:0 1px 1px rgba(0,0,0,0.5);background-color:#333;background-color:rgba(0,0,0,0.5)}
.w-switcher-section-text{display:none;font-size:12px;color:#999}
.w-switcher-section.for_layout .w-switcher-section-item{width:86px}
.w-switcher-section.for_color .w-switcher-section-item{width:20px}
.w-switcher-section-item .colorblocks{display:block;position:absolute;top:0;left:0;height:24px;width:100%;overflow:hidden;}
.w-switcher-section-item .colorblocks i{float:left;height:24px;padding:5px;}
.w-switcher-section-item.color_0 .c1{background-color:#ff5a00}
.w-switcher-section-item.color_0 .c2{background-color:#0a92ca}
.w-switcher-section-item.color_1 .c1{background-color:#9d3bc6}
.w-switcher-section-item.color_1 .c2{background-color:#888888}
.w-switcher-section-item.color_2 .c1{background-color:#fff}
.w-switcher-section-item.color_2 .c2{background-color:#009ABB}
.w-switcher-section-item.color_3 .c1{background-color:#fff}
.w-switcher-section-item.color_3 .c2{background-color:#00C0CC}
.w-switcher-section-item.color_4 .c1{background-color:#fff}
.w-switcher-section-item.color_4 .c2{background-color:#CC9BA6}
.w-switcher-section-item.color_5 .c1{background-color:#fff}
.w-switcher-section-item.color_5 .c2{background-color:#71A7D3}
.w-switcher-section-item.color_6 .c1{background-color:#fff}
.w-switcher-section-item.color_6 .c2{background-color:#447490}
.w-switcher-section-item.color_7 .c1{background-color:#fff}
.w-switcher-section-item.color_7 .c2{background-color:#CB7E60}
.w-switcher-section-item.color_8 .c1{background-color:#fff}
.w-switcher-section-item.color_8 .c2{background-color:#83BF29}
.w-switcher-section-item.color_9 .c1{background-color:#fff}
.w-switcher-section-item.color_9 .c2{background-color:#00A02A}
.w-switcher-section-item.color_10 .c1{background-color:#fff}
.w-switcher-section-item.color_10 .c2{background-color:#999900}
.w-switcher-section-item.color_11 .c1{background-color:#fff}
.w-switcher-section-item.color_11 .c2{background-color:#9EBAA0}
.w-switcher-section-item.color_12 .c1{background-color:#fff}
.w-switcher-section-item.color_12 .c2{background-color:#00BD9C}
.w-switcher-section-item.color_13 .c1{background-color:#fff}
.w-switcher-section-item.color_13 .c2{background-color:#FFA51F}
.w-switcher-section-item.color_14 .c1{background-color:#fff}
.w-switcher-section-item.color_14 .c2{background-color:#FF5B92}
.w-switcher-section-item.color_15 .c1{background-color:#fff}
.w-switcher-section-item.color_15 .c2{background-color:#F2377D}
.w-switcher-section-item.color_16 .c1{background-color:#fff}
.w-switcher-section-item.color_16 .c2{background-color:#AC87D7}
.w-switcher-section-item.color_17 .c1{background-color:#fff}
.w-switcher-section-item.color_17 .c2{background-color:#8C6F80}
.w-switcher-section-item.color_18 .c1{background-color:#fff}
.w-switcher-section-item.color_18 .c2{background-color:#9F1100}
.w-switcher-section-item.color_19 .c1{background-color:#fff}
.w-switcher-section-item.color_19 .c2{background-color:#FF4C40}
.w-switcher-section-item.color_20 .c1{background-color:#fff}
.w-switcher-section-item.color_20 .c2{background-color:#75A3B3}
.w-switcher-section-item.color_21 .c1{background-color:#fff}
.w-switcher-section-item.color_21 .c2{background-color:#8A93A4}
.w-switcher-section-item.color_22 .c1{background-color:#fff}
.w-switcher-section-item.color_22 .c2{background-color:#FFB800}
.w-switcher-section-item.color_23 .c1{background-color:#fff}
.w-switcher-section-item.color_23 .c2{background-color:#6D9DEB}
/* @media only screen and (max-width:1023px){
	 .w-switcher{display:none}
} */