.styleswitcher .switcher-title {text-transform:uppercase;font-weight:800;margin:10px 5px;}.styleswitcher{position:fixed;left:-220px;top:0;width:220px;height:100%;padding:15px;z-index:999;background-color:#fff;box-shadow:2px 1px 5px rgba(0, 0, 0, 0.1);transition: all 0.5s linear;}.styleswitcher.active{left:0px;}.styleswitcher-inner {position: absolute;top: 3px;left:0;padding: 15px;width: 100%;height: 100%;overflow: auto;}.styleswitcher .switcher-btn-bx {position: absolute;right: -40px;top:200px;box-shadow:7px 0 5px rgba(0, 0, 0, 0.1);}.switch-btn {background: #fff none repeat scroll 0 0;box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);color: #333;cursor: pointer;display: block;font-size: 21px;height: 40px;line-height: 40px;text-align: center;width: 40px;}.layout-view, .nav-view, .nav-width, .header-view, .color-skins, .pattern-switcher, .background-switcher {margin:0;padding:0;}.layout-view li, .nav-view li, .nav-width li, .header-view li {display: inline-block;padding:5px 10px;margin:5px -2px;font-weight:600;cursor:pointer;min-width:90px;text-align:center;font-size:13px;background-color:#CECECE;}.layout-view li.active, .nav-view li.active, .nav-width li.active, .header-view li.active {color:#fff;background-color:#000;}.color-skins li {display: inline-block;list-style: outside none none;margin: 0 4px 10px 4px;cursor:pointer;}.color-skins li a {display:block;width:35px;height:35px;border:1px solid #999;}.color-skins li .skin-1 {background-color:#ffbc13;}.color-skins li .skin-2 {background-color:#E63F75;}.color-skins li .skin-3 {background-color:#1BBCE8;}.color-skins li .skin-4 {background-color:#1ABC9C;}.color-skins li .skin-5 {background-color:#D6110B;}.color-skins li .skin-6 {background-color:#FF5539;}.color-skins li .skin-7 {background-color:#9F5BA4;}.color-skins li .skin-8 {background-color:#5c85b7;}.color-skins li .skin-9 {background-color:#68a0b9;}.color-skins li .skin-10 {background-color:#83543A;}.color-skins li .skin-11 {background-color:#999999;}.color-skins li .skin-12 {background-color:#FF9800;}.background-switcher li {display: inline-block;width:35px;height:35px;margin: 0 4px 10px 4px;cursor:pointer;}.pattern-switcher li {display: inline-block;width:35px;height:35px;margin: 0 4px 10px 4px;cursor:pointer;}