*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
html{
	height:100%;
	width:100%;
	overflow:auto;
	}
body{
	height:100%;
	width:100%;
	color:#333333;
	font-family:"Microsoft YaHei","宋体";
	font-size:14px;
	background-color:#f7f7f7;
	overflow:auto;
	background-image:url(../images/nav/bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	}
input,select{
	font-family:"Microsoft YaHei","宋体";
	font-size:14px;
	-webkit-user-select:auto;
	outline:none;
	}
li{
	list-style:none;
	float:none;
	}
a{
	text-decoration:none;
	cursor:pointer;
	}
img{
	border:0;
	}
table{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
	}
.clearfix:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	}
::-webkit-input-placeholder{
	color: #999;
    }
:-moz-placeholder{
	color: #999;
	}
::-moz-placeholder{
	color: #999;
	}
:-ms-input-placeholder{
	color: #999;
	}
.wrap{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-498px;
	margin-top:-431px;
	}
.header{
	padding-top:30px;
	text-align:center;
	}
.header img{
	height:80px;
	width:auto;
	margin:0 auto;
	vertical-align:middle;
	margin-top:-6px;
	}
.header img.logo2{
	height:52px;
	width:auto;
	vertical-align:middle;
	margin-left:10px;
	margin-top:0px;
	}
.user-wrap{
	width:870px;
	margin:0 auto;
	border:10px solid rgba(255,255,255,0.2);
	margin-top:50px;
	}
.user-info{
	background-color:#ffffff;
	padding:25px;
	height:114px;
	}
.user-info img{
	float:left;
	height:64px;
	width:64px;
	margin-top:0px;
	}
.user-info p{
	margin-left:80px;
	text-align:left;
	line-height:20px;
	padding:9px 0px 9px 0px;
	font-weight:bold;
	font-size:18px;
	color:#666666;
	}
.user-info p a{
	font-weight:normal;
	margin-left:20px;
	font-size:14px;
	color:#666666;
	}
.user-info p.welcome{
	padding:0px 0px 0px 0px;
	color:#999999;
	font-size:14px;
	font-weight:normal;
	}



.xtgl{
	position:absolute;
	display:block;
	right:20px;
	top:0px;
	padding-top:12px;
	width:90px;
	height:65px;
	text-align:center;
	color:#ffffff;
	font-size:12px;
	}
.xtgl:hover{
	background-color:rgba(0,0,0,0.2);
	}
.xtgl img{
	width:32px;
	height:auto;
	margin-bottom:6px;
	}

.nav-wrap{
	margin:0 auto;
	position:relative;
	text-align:center;
	margin-top:50px;
	width:870px;
	overflow:hidden;
	}
.nav-bg{
	position:absolute;
	width:240px;
	height:240px;
	background-repeat:no-repeat;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	}
	
.nav-btn{
	display:block;
	float:left;
	width:180px;
	margin-right:50px;
	color:#666666;
	}
.nav-btn:last-child{
	margin-right:0px;
	}
.system-icon{
	display:block;
	width:160px;
	height:160px;
	margin:0 auto;
	margin-bottom:15px;
	text-align:center;
	border-radius:20px;
	background-color:#ffffff;
	}
.system-icon img{
	width:100%;
	height:100%;
	}
.system-name{
	background-color:rgba(0,0,0,0.8);
	display:block;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	height:32px;
	line-height:32px;
	border-radius:100px;
	font-size:14px;
	}






a.more{
	display:block;
	width:60px;
	height:120px;
	position:fixed;
	z-index:99;
	right:0px;
	margin-top:-60px;
	top:50%;
	display:none;
	}
a.more:hover{
	opacity:0.8;
	}
a.more.active{
	display:block;
	}


.mark{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	display:none;
	}
.mark.active{
	display:block;
	}
.setting-wrap{
	width:0px;
	height:100%;
	float:right;
	background-color:#ffffff;
	padding:0px 50px 30px 50px;
	overflow:auto;
	overflow-x:hidden;
	transition:all 2s;
	-o-transition:all 2s;
	margin-right:-800px;
	}
.setting-wrap.active{
	width:800px;
	margin-right:0px;
	}
.setting-main{
	overflow:hidden;
	}
.setting-head{
	height:36px;
	overflow:hidden;
	margin-top:30px;
	}
.setting-head .setting-title{
	display:block;
	float:left;
	line-height:36px;
	font-weight:bold;
	font-size:15px;
	}
.setting-head .setting-title img{
	vertical-align:middle;
	margin-top:-6px;
	margin-right:6px;
	}
.setting-head .close{
	display:block;
	float:right;
	width:32px;
	height:32px;
	}
.setting-head .close img{
	width:100%;
	height:100%;
	}
.setting-panel-head{
	border-bottom:1px solid #ececec;
	padding-bottom:10px;
	}
.setting-panel-title{
	display:block;
	border-left:4px solid #dc306b;
	height:15px;
	line-height:15px;
	font-weight:bold;
	padding-left:8px;
	margin-top:40px;
	}
.system-li{
	display:block;
	float:left;
	border:1px solid #dddddd;
	border-radius:3px;
	margin-top:10px;
	margin-right:10px;
	padding:0px 15px;
	height:41px;
	line-height:40px;
	color:#666666;
	}
.system-li a.heart{
	display:block;
	float:left;
	background-image:url(../images/nav/heart.png);
	height:15px;
	width:16px;
	margin-top:12px;
	margin-right:6px;
	}
.system-li a.heart.active{
	background-image:url(../images/nav/heart-active.png);
	}














/****滚动条自定义样式****/
.zUIpanelScrollBox,.zUIpanelScrollBar{
	width:16px;
	top:0px;
	right:0px;
	border-radius:0px;
	border-left:1px solid #d6d6d6;
	background-color:#ffffff;
	
}
.zUIpanelScrollBar{
	background:#e2e2e2;
	width:9px;
	right:3px;
	border-radius:100px;
}