<head> <style>
input[type="button"] {
color: #353535;
text-shadow: 0 1px 0 #fff;
background-color: #f2f2f2;
border-color: #bfbfbf;
display: inline-block;
padding: 5px 12px;
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
line-height: 1.53846154;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: 4px;
-webkit-transition: all .4s cubic-bezier(.175,.885,.32,1);
-o-transition: all .4s cubic-bezier(.175,.885,.32,1);
transition: all .4s cubic-bezier(.175,.885,.32,1);
border-color: #bfbfbf;
}

function switchModelMode(){
    var model = document.cookie.replace(/(?:(?:^|.*;\s*)model\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
    if(model == '0'){
        document.body.classList.add('model');
        document.cookie = "model=1;path=/"
        console.log('皮肤模式开启');
    }else{
        document.body.classList.remove('model');
        document.cookie = "model=0;path=/"
        console.log('皮肤模式关闭');
    }
}


(function(){

        var model = document.cookie.replace(/(?:(?:^|.*;\s*)model\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
        if(model == '0'){
            document.body.classList.remove('model');
        }else if(model == '1'){
            document.body.classList.add('model');
        }
  
})();
//body样式
body.model{
    background-color: #263238;
    color: #aaa;
}
//class 样式
body.model .footer {
 
    color: #aaa;
}
//ID 样式
body.model #footer {
    color: #aaa;
   border: 1px solid #52646d !important;
}