@charset utf-8;
.show-panel{width:50px;height:49px;position:fixed;top:60px;left:-1px;background:#fff;z-index:122;cursor:pointer;border:1px solid #292929;}
.show-panel i {font-size:24px;color:#292929; line-height:49px;} 
.panel{width:240px; padding:10px 0;background:#fff;display:none;position:fixed;top:60px;left:0;z-index:121;}
.panel h3{font-weight:700;margin:50px 0 10px;color:#292929;font-family: "Bebas", Arial;}
.panel-container{float:left;width:90%;margin:20px 2.5% 0}
.color-switch,.layout-switch{margin-top:6px;margin-left:2.5%;margin-bottom:20px;width:95%}
.color-switch {margin-left:10px;padding-bottom:30px;} 
.color-switch li{float:left;width:30px;height:30px;margin:2px 0 0 2px}
.color-switch li a{float:left;display:block;width:100%;height:100%;position:relative;z-index:10}
.color-switch li.blue{background:#3498DB}
.color-switch li.green{background:#54BABB}
.color-switch li.yellow{background:#FFDB5D}
.color-switch li.orange{background:#F54A4B}
.color-switch li.bb{background:#585F73}
.color-switch li.lazure {background:#6DCFF6}
.layout-holder{width:100%;float:left;margin:0 0 0 15px;}
.panel .layout-holder h5{margin:5px 0 0 -10px !important;}
.panel .layout-holder h4{margin:10px 0; color:#666}
.layout {float:left;width:40%;margin:0 0 5% 5%;border: 1px solid #ccc;border-bottom: 4px solid #ccc;padding:6px 10px; border-radius:4px;font-size:14px;color:#666}
.layout:hover,.acttype{color:#54BABB}