body {
    transition: all 0.3s ease;
}
body.skin {
    background-size: cover !important;
    background-attachment: fixed !important;
}

    body.skin > #skin_cover {
        opacity: 0.5;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #ffffff;
        z-index: -1;
    }

    body.skin.pushable > .pusher {
        background: none;
    }

    body.skin .ui.menu {
        background: rgba(255,255,255,0.5);
    }

    body.skin.skin_高山湖泊 {
        background-image: url(高山湖泊.JPG) !important;
    }

    body.skin.skin_海边沙滩 {
        background-image: url(海边沙滩.JPG) !important;
    }

    body.skin.skin_海洋冰山 {
        background-image: url(海洋冰山.JPG) !important;
    }

    body.skin.skin_茫茫沙漠 {
        background-image: url(茫茫沙漠.JPG) !important;
    }

    body.skin.skin_青青绿草 {
        background-image: url(青青绿草.JPG) !important;
    }

    body.skin.skin_纯红 {
        background: rgba(255,0,0,0.5) !important;
    }

    body.skin.skin_纯绿 {
        background: rgba(0,255,0,0.5) !important;
    }

    body.skin.skin_纯蓝 {
        background: rgba(0,0,255,0.5) !important;
    }

    body.skin.skin_渐变1 {
        background-color: #4158D0 !important;
        background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%) !important;
    }

    body.skin.skin_渐变2 {
        background-color: #FA8BFF !important;
        background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%) !important;
    }