*{margin:0px; padding:0px;}

html{height: 100%;}
body{position: relative; width: 100%; height: 100%; min-width: 960px; min-height: 600px; margin: 0 auto; background-image: url("../res/bg/bg_3.jpg"); background-size: cover; background-position: center; overflow: hidden;  -moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}

/*desktop start*/
.desktop{position: absolute; top: 0px; left: 0px;}
.desktop .desktop-category-list{margin-top: 50px; margin-left: 50px; list-style: none; float:left;}
.desktop .desktop-category-list .desktop-category-icon{width: 60px; height: 60px;background-size: 60px 60px;}
.desktop .desktop-category-list .desktop-category-name{width: 80px; margin-left: -10px; margin-right: -10px; font-family: "微软雅黑"; font-size: 14px; color: white; text-align: center;}
.desktop .desktop-category-list .desktop-category{margin-bottom: 30px; cursor: pointer;}
.desktop .desktop-category-list .desktop-category:hover{text-shadow: 0 0 20px yellow; }
.desktop .desktop-category-list .desktop-category:hover .desktop-category-name{color: orange;}

/*taskbar start*/
.taskbar{border: 1px solid #000; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: rgba(0, 0, 0, 0.8); z-index: 99999;}
.taskbar .taskbar-date{margin-right: 10px; float:right; width: 200px;height: 50px; font-family: "微软雅黑"; font-weight: bold; font-size: 14px; line-height: 50px; color: white; text-shadow: 0 0 20px yellow; text-align: right;}

.taskbar .taskbar-tab-list{list-style: none;}
.taskbar .taskbar-tab-list .taskbar-tab{float: left; width: 180px; height: 50px; margin-left: 10px; padding: 7px; border-bottom: 3px solid orange; box-sizing: border-box; cursor: pointer;}
.taskbar .taskbar-tab-list .taskbar-tab .tab-icon{float: left; width: 35px; height: 35px; background-size: 35px 35px;}
.taskbar .taskbar-tab-list .taskbar-tab .tab-title{float: left; margin-left: 7px; font-family: "微软雅黑"; font-weight: bold; font-size: 14px; line-height: 36px; color: white;}
.taskbar .taskbar-tab-list .taskbar-tab:hover{text-shadow: 0 0 20px yellow; background: rgba(240, 240, 240, 0.2);}

.taskbar .taskbar-tab-list .taskbar-tab-min{float: left; width: 49px; height: 50px; margin-left: 10px; padding: 7px; border-bottom: 3px solid orange; box-sizing: border-box; cursor: pointer;}
.taskbar .taskbar-tab-list .taskbar-tab-min .tab-icon{float: left; width: 35px; height: 35px; background-size: 35px 35px;}
.taskbar .taskbar-tab-list .taskbar-tab-min .tab-title{display: none;}
.taskbar .taskbar-tab-list .taskbar-tab-min:hover{background: rgba(240, 240, 240, 0.2);}

/*window start*/
.window{position: absolute; top: 50px; left: 50px; border:1px solid #333; box-shadow: 0 0 5px #444; border-radius: 8px;}
.window .window-head{width: 100%; height: 40px; background: rgba(66, 66, 66, 0.8); border-top-left-radius: 8px; border-top-right-radius: 8px;}
.window .window-head .window-head-wrapper{margin-left: 5px;}
.window .window-head .window-head-wrapper .window-icon{float: left; width: 30px; height: 30px; margin-top: 5px; background: url("../res/icon/game.png"); background-size: 30px 30px;}
.window .window-head .window-head-wrapper .window-title{float: left; margin-left: 7px; font-family: "微软雅黑"; font-size: 14px; line-height: 40px; color: white;}

.window .window-head .window-buttons{float: right;}
.window .window-head .window-buttons .min-button{float: left; margin-top: 8px; margin-right: 5px; width: 24px; height: 24px; background-image: url("../res/icon/min.png"); background-size: 24px 24px; cursor: pointer;}
.window .window-head .window-buttons .exit-button{float:left; margin-top: 8px; margin-right: 5px; width: 24px; height: 24px; background-image: url("../res/icon/exit.png"); background-size: 24px 24px; outline: none; cursor: pointer;}

.window .window-body{width: 100%; background: rgb(250, 250, 250);}
.window .window-body .window-iframe{border: none;outline: none;}

.window .window-bottom{width: 100%; height: 30px; background: rgba(66, 66, 66, 1); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}

/*game*/
.game-content{border: 1px solid rgba(0, 0, 0, 0); width: 740px; height: 400px; background: rgb(240,255,240); overflow-x: hidden; overflow-y: auto;}

.game-list{list-style: none; margin: 10px;}
.game-list .game-item{float:left; margin: 10px; width: 160px; height: 200px; background: white; box-shadow: 0px 0px 4px #666;cursor: pointer;}
.game-list .game-item .game-image{border-bottom:1px solid #ebebeb;width: 160px; height: 100px;background-size: cover;}
.game-list .game-item .game-des{width: 160px; height: 74px;}
.game-list .game-item .game-type{text-align: center;padding: 5px; font-size: 12px; font-family: "微软雅黑"; background: #ebebeb; color: #999;}

.game-list .game-item .game-des .game-name{padding:5px;border-bottom:1px solid #ebebeb;text-align: center;font-family: "微软雅黑"; font-size: 14px; color:#666;}
.game-list .game-item .game-des .game-help{margin: 5px; font-family: "微软雅黑"; font-size: 12px; color:#999;}

.game-content::-webkit-scrollbar{width:10px;height:10px;}
.game-content::-webkit-scrollbar-button{background: rgba(230, 230, 150, 0.8);box-shadow: 0 0 3px yellow;display: none;}
.game-content::-webkit-scrollbar-track{background:rgba(210,180,140,0.6);}
.game-content::-webkit-scrollbar-thumb{background:rgba(210,180,140,0.6);box-shadow: 0 0 3px yellow;}
.game-content::-webkit-scrollbar-thumb:hover{background:rgba(210,180,140,1);}
.game-content::-webkit-scrollbar-corner{background: rgba(255,250,205,0.6);}

/*music player*/
.music-player{position: absolute; width: 300px; height: 550px; background-image: url("../res/bg/bg_music.jpg"); background-size: 300px 550px;}
.music-player .music-line{height: 25px; background: rgba(255, 255, 255, 0.6);}
.music-player .play-list-wrapper{height: 373px;overflow-x: hidden; overflow-y: auto;}

.music-player .play-list-wrapper::-webkit-scrollbar{width:10px;height:10px;}
.music-player .play-list-wrapper::-webkit-scrollbar-button{background: rgba(230, 230, 150, 0.8);box-shadow: 0 0 3px yellow;display: none;}
.music-player .play-list-wrapper::-webkit-scrollbar-track{background:rgba(210,180,140,0.6);}
.music-player .play-list-wrapper::-webkit-scrollbar-thumb{background:rgba(210,180,140,0.6);box-shadow: 0 0 3px yellow;}
.music-player .play-list-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(210,180,140,1);}
.music-player .play-list-wrapper::-webkit-scrollbar-corner{background: rgba(255,250,205,0.6);}

.music-player .play-list-wrapper ul{list-style: none;}
.music-player .play-list-wrapper ul li{cursor: pointer; width: 100%; height: 50px; border-bottom: 1px solid #fff; transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;}
.music-player .play-list-wrapper ul li .rank{float:left; margin-left: 10px; font-family: "微软雅黑"; font-size: 20px; color: #eee; line-height: 50px; height: 50px;}
.music-player .play-list-wrapper ul li .info-wrapper{float:left; margin-left: 10px; height: 50px;}
.music-player .play-list-wrapper ul li .info-wrapper .name{font-family: "微软雅黑"; font-size: 14px; color: #eee; line-height: 30px; height: 30px;}
.music-player .play-list-wrapper ul li .info-wrapper .singer{font-family: "微软雅黑"; font-size: 12px; color: #eee; line-height: 20px; height: 20px;}
.music-player .play-list-wrapper ul li .time{float:right; margin-right: 20px; font-family: "微软雅黑"; font-size: 12px; color: #eee; line-height: 50px; height: 50px;}
.music-player .play-list-wrapper ul li:hover{background: rgba(240, 240, 240, 0.6) !important;}

.music-player .music-info{height: 150px; border: 1px solid rgba(0, 0, 0, 0);}
.music-player .music-info .outline{width: 123px; height: 116px; margin-left:87px; margin-top: 20px; background-image: url("../res/bg/outline.png") ; background-size: 123px 116px; background-repeat: no-repeat;  padding-top: 10px;}
.music-player .music-info .outline .circle{width:82px; height: 82px; margin-left: 23px; background-image: url("../res/bg/music_circle.jpg"); border-radius: 41px;}
.music-player .music-info .progress{bottom: 0px; left:0px; width: 0px; height: 5px; background: rgba(230, 230, 150, 0.8);}
.music-player .music-info .progress-change{bottom: 0px; left:0px; width: 300px; height: 5px; cursor: pointer;}

.tip{padding: 10px; font-size: 14px; font-family: "微软雅黑"; color: #999;}