@import url(/app/yefoxs/static/plugs/bootstrap/bootstrap.min.css);
@import url(/app/yefoxs/static/plugs/animate/animate.css);
body,html{width: 100%;height: 100%;padding-top: 0px;overflow: hidden;}
body .header-section{display: none}
.container-wallpaper{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	position: fixed;
	top:0px;
	z-index: 99;
}

.mac-desk{background-color: rgba(0, 0, 0, 0);width: 100%;height: 100%;position: relative;}
.mac-desk:active .top+.bottom{display: none;}
.mac-desk .top{position: absolute;top: 0px;left: 0px;right: 0px;z-index: 9;background-color: rgba(0, 0, 0,0.8);color: #fff;padding: 5px 10px;display: flex;align-items: center;justify-content: space-between;}
.mac-desk .top .left{display: flex;align-items: center;}
.mac-desk .top .left .item{margin: 0px 10px;font-size: 12px;cursor: pointer;}
.mac-desk .top .left .logo{padding-right: 10px;}

.mac-desk .top .right{display: flex;align-items: center;justify-content: flex-end;padding-right: 15px;}
.mac-desk .top .right .item{margin: 0px 10px;font-size: 14px;cursor: pointer;}
.mac-desk .top .right .item i{font-size: 12px;}
.mac-desk .top .right  .user{background-color: #fff;width: 15px;height: 15px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.mac-desk .top .right  .user .img{width: 15px}
.mac-desk .top .right  .dianliang i{font-size: 12px;}
.mac-desk .top .right  .shengyin i{font-size: 14px;}


.mac-desk .mac-bottom{position: absolute;bottom: 0px;left: 0px;right: 0px;display: flex;align-items: center;justify-content: center;}
.mac-desk .mac-bottom .icoitems{display: flex;align-items: center;padding: 10px;background-color: rgba(255, 255, 255, 0.3);border-radius: 10px 10px 0px 0px;}
.mac-desk .mac-bottom .icoitems .item{width: 50px;height: 50px;margin: 0px 10px;cursor: pointer;}
.mac-desk .mac-bottom .icoitems .item img{width: 50px;height: 50px;transition: all 0.5s;}
.mac-desk .mac-bottom .icoitems .item:hover img{transform: scale(1.2);}


.win-desk{background-color: rgba(0, 0, 0, 0);width: 100%;height: 100%;position: relative;display: none;}
.win-desk:active .win-bottom{display: none;}
.win-desk .win-bottom{position: absolute;bottom: 0px;left: 0px;right: 0px;display: flex;align-items: center;justify-content: space-between;background-color: rgba(0, 0, 0, 0.8);}
.win-desk .win-bottom .left{display: flex;align-items: center;}
.win-desk .win-bottom .left .logo{padding: 12px 16px;}
.win-desk .win-bottom .left .logo i{font-size: 16px;color: #fff}
.win-desk .win-bottom .left .search{padding: 10px;background-color: #fff;display: flex;align-items: center;padding: 11px}
.win-desk .win-bottom .left .search .input{padding-left: 10px;}
.win-desk .win-bottom .left .search .input input{color: #666;border: 0px;outline: none;font-size: 14px;background-color: #fff;width: 236px}
.win-desk .win-bottom .left .view{padding: 11px 16px;}
.win-desk .win-bottom .left .view i{font-size: 18px;color: #fff}
.win-desk .win-bottom .left .appitems{display: flex;align-items: center;margin-left: 5px;}
.win-desk .win-bottom .left .appitems .item{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;padding:5px 5px;margin: 0px 4px;cursor: pointer;}
.win-desk .win-bottom .left .appitems .item:first-child{margin-left: 0px;background-color: rgba(255, 255, 255, 0.3);}
.win-desk .win-bottom .left .appitems .item:hover{background-color: rgba(255, 255, 255, 0.3);}
.win-desk .win-bottom .left .appitems .item img{width: 26px;height: 26px}

.win-desk .win-bottom .right{display: flex;align-items: center;justify-content: flex-end;padding-right: 15px;}
.win-desk .win-bottom .right .item{margin: 0px 10px;font-size: 14px;cursor: pointer;}
.win-desk .win-bottom .right .item i{font-size: 18px;color: #fff}


.switch_desk{position: absolute;bottom: 100px;left: 0px;right: 0px;display: flex;justify-content: center;align-items: center;}
.switch_desk .btn{padding: 10px 20px;background-color: rgba(0, 0, 0, 0.5);color: #eee;font-size: 12px;margin: 0px 20px}
.switch_desk .active{background-color: #db4646;color: #fff;}

.footer{display: none}