*{margin:0;padding:0;font-family: "Microsoft YaHei","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,"Hiragino Sans GB",sans-serif;font-size:12px;color: #72716F;}
.clear{clear: both;}
.none{display: none!important;}
.green{color: #4678d4;font-size: 15px;}
.black{color: black;}
.red{color: red;}
.left{float: left;}
.right{float: right;}
.alignC{text-align: center;}
.mt25{margin-top: 25px;}
.pt8{padding-top: 8px;}
.W960{width:960px!important;}
.separLine{height: 1px; line-height: 1px; background: #c5c5c5;}

body{background: url(../image/newIndex/mainbg.png) center top;text-align: center;position: relative;}
.mybody{width: 960px;margin: 0 auto;}
#mybody{
    min-width: 1072px;
    max-width: 1120px;
    width: 90%;
    min-height: 1px;
    margin: auto;
    text-align: left;
    position: relative;
}
#toolsbox{background: #d7dde8; padding: 40px 0; min-width: 960px;}

.setupTop{height: 60px; position: relative; text-align: left;background: #4678d4;}
	.logoDiv{position: absolute; left: 0; top: 0;}
	.directLogoWrap{display: inline-block; padding: 0 20px;}
	#nfLogoWrap{border-left: 1px solid white;}
	.setupTopText{position: absolute;right: 10px;top: 25px;height: 40px;line-height:40px;}
		.setupTopText, .setupTopText a, .setupTopText span{color: white;font-size: 18px;}
		.setupTopText a{text-decoration: none;}
		.setupTopText a:hover{text-decoration: underline;}
		.setupTopText .separL{margin: 0 4px;}
	
.setupMain{
	height: 510px;
	min-width: 1072px;
    max-width: 1120px;
    width: 90%;
    min-height: 1px;
    margin: auto;
    text-align: left;
    position: relative;
    }
	.setupMain p{color: white;font-size: 15px;}
	.setupMain .anounceTitle{font-size: 25px;line-height: 70px; margin-top: 45px;color:#4678d4 !important;font-weight: 700;margin-bottom: 35px;}
	.anounceText{line-height: 30px;margin-left: 8%;margin-top: 5px;margin-right: 8%;word-wrap: break-word;}
	.setupMain p:nth-child(3){text-indent: 2rem;}
	.anounceText a{color: #32aae0!important; text-decoration: underline;}
	.anounceExtra{margin-top: 10px;padding-bottom:10px;line-height: 30px;margin-left: 8%;text-indent: 2rem;}
	.downloadBtn{display:block; padding: 0 25px; height:60px;line-height: 60px;margin-top: 25px;  border:0; float: left; outline: none;margin-left: 59%;background: #75d077;border-radius: 8px;text-align: center;text-decoration: none;}
	.downloadBtn span{font-size: 18px;margin-right: 10px;color: white;}
	.downloadBtn img{vertical-align: sub;}
	/* .downloadBtn:hover{background-position: -185px 0;}
	.downloadBtn:active{background-position: -371px 0;} */
	.manualDownloadBtn{float: left; margin-top: 45px;color: #4678d4;font-size: 15px;}
	.manualDownloadBtn:hover{color: white;}
	.manualDownloadBtn{margin-left: 20px;}
	#downloadBtn{display: none;}
.wjbHeight{height: 200px;}
/** 工具 **/
	.toolsUL{margin-bottom: 40px; list-style: none;height: 40px;width:100%; background: white; box-shadow: 0 0 8px #c5c5c5;}
		.toolsUL li{float: left;}
		.toolsLI{display: block;width: 320px;height: 40px;text-align:center;line-height: 40px;color: black;font-size: 14px;text-decoration: none;}
		.toolsLISelected,.toolsLI:hover{background: #7996c5;color: white;}

	.toolsDiv{height: 500px;}
		.toolsBlock1,.toolsBlock2{width: 460px;height: 100px; margin-bottom: 25px; background: white;}
		.toolsBlock1:hover,.toolsBlock2:hover{box-shadow: 0px 0px 8px #999;}
		.toolsBlock1{float: left;}
		.toolsBlock2{float: right;}

	.lblock{width: 70px;height: 100px;float: left; margin-left: 10px;}
		.toolPic{width: 70px;height: 68px; text-align: center;}
		.toolPic img{width: 54px; height: 57px; margin-top: 8px;}
		.toolBtn{display:block;width: 47px;text-align:center;height: 25px;line-height: 25px;background: #22AD38;color: white;text-decoration: none;margin-left: 13px;}

	.rblock{width: 350px;height: 100px;float: right; margin-right: 10px;}
		.rblock p{text-align: left;}
			.toolTitle{margin-top: 15px;font-weight: bold;color: #3A3A3A;}
			.toolText{height: 40px; line-height: 20px;overflow: hidden; text-overflow:ellipsis;}
			.toolFoot{border-top: 1px dashed #c5c5c5;}
			.toolLFoot{float: left;color: #3A3A3A;}
			.toolRFoot{float: right;color: #3A3A3A;}

	.pageBlock{text-align: center;}
		.pageDiv{width: 279px;margin: auto;height: 27px;}
			.lastPage,.nextPage{display:block;width: 27px;height: 27px;float: left;background: url(../image/setup/page.png);cursor: pointer;}
			.nextPage{background-position: -54px 0;float: right;}
			.lastPage:hover{background-position: -27px 0;}
			.nextPage:hover{background-position: -81px 0;}
			.aPage{width: 27px;text-align:center;height: 27px;line-height:27px;margin-left: 8px;background-color: white;color: #727171;float: left;cursor: pointer;text-decoration: none;}
			.selectedPage,.aPage:hover{background-color: #7996c5!important;color: white!important;}
			.tailPage{float: right!important; margin-right: 8px!important;}

.copyright{color:#999;text-align: center;width:100%;position: absolute;bottom: 40px;left:0;}

.settingGrayBtn{background: url(../image/button/btnGray.png) no-repeat 0 0;display: inline-block;
width: 70px;text-align: center;height: 24px;line-height: 24px;text-decoration: none;margin-top:11px;}
.settingGrayBtn:hover{background-position: -70px 0;}

.manualInstallBtn{display:inline-block; border: 1px solid #2D2D2D; border-radius: 4px; color: #2D2D2D; width: 70px; text-align: center; height: 30px; line-height: 30px; float: right; margin-right: 8px; margin-top: 22px; text-decoration: none;}

.box-inner{height: 46px; line-height: 46px; text-align: left; padding: 0 15px; position: relative;}
.point{background:url(../image/settings/point.png) 0 18px no-repeat;padding-left:17px;}

#groupListSelect{width: 210px; margin-left: 4px;}
#groupTreeSelect{position: absolute; top: 10px; left: 96px; display: block; width: 210px; height: 20px; line-height: 20px; border: 1px solid #c5c5c5;background:url(../image/top/tree3.png) no-repeat 190px center; text-indent: 6px; cursor: pointer; overflow: hidden;}
#treeBlock{border: 1px solid #c5c5c5;max-height:360px;_height:360px;overflow-y: auto; text-align: left;background: #F7F7F7;}
#group_name{display: inline-block; width: 210px; height: 46px; line-height: 46px; overflow: hidden; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}

/* 移动端安装包 */
#auot{height:42px; margin-top: 20px;text-align: center; line-height:42px; font-weight:bold;}
#auot img{margin-bottom:-15px;}
#auot span{color:#4c78ae;}
#qrcode{text-align:center; margin-top:20px;}
#qrcode img{box-shadow:0 0 10px black; width:200px;}
#auot2{margin-top:40px;}
#auot2 span{font-weight:bolder;color:#ffa200;}

/* 登录框 */
	.loginMainDiv{width: 289px; height: 240px; background: white url(../image/setup/login.png) no-repeat; padding-left: 90px;box-shadow: 0 0 8px #000; text-align: left;}
		#loginCloseBtn{height: 28px; line-height: 28px; text-align: right; padding-right: 8px;}
			#loginCloseBtn i{font-size: 14px; color: white; cursor: pointer;}
			#loginCloseBtn i:hover{color: #C00000}
		#loginBoxTitle{height: 30px; font-size: 15px; color: white; text-shadow: 2px 2px 4px #333; text-align: left;}
	.inputDiv{width: 200px;height: 24px;line-height: 24px; margin: 6px 0 18px 0; position: relative;}
		.inputDiv i{font-size: 16px; display: inline-block; width: 24px; text-align: center; height: 24px; line-height: 24px; background: #26a6f8; color: #c5c5c5; position: absolute; top: 0; left: 0;}
		.inputDiv input{position: absolute; top: 0; left: 24px; width: 170px; height: 24px; line-height: 24px; padding-left: 6px; border: 0; background: #f1f1f1;}
	#loginNotice{height: 20px; line-height: 20px; text-align: left; margin-top: -6px; color: #ffba00;}
	.loginBtn{display: block; width: 200px; text-align: center; height: 28px; line-height: 28px; background: #26a6f8; border-radius: 2px; color: white;margin-top: 30px; text-decoration: none;}
	.loginBtn:hover{background: #2693f8;}
	.loginBtn:active{background: #266ac8;}
	.loginFocus{color:white!important; text-shadow: 2px 2px 4px #333;}

a.tipshover{color: #4d89e5; text-decoration: underline;}
a.tipshover2{color: white; text-decoration: underline;}
.phoneClient{width: 250px;position: absolute;display: none;}
/*.phoneClientTop{height: 8px;background: url(../image/login/tipTop.png) 110px 0 no-repeat;}*/
.phoneClientTop2{height: 8px;background: url(../image/login/tipTop.png) 140px 0 no-repeat;}
.phoneClientBody{background-color: #fff;/*height: 400px;*/border-radius: 6px;padding-bottom: 25px;}
.btnOut{padding-top: 10px;}
.logoBox{padding-top: 25px;}
.icoImg{width:76px;}
.codeBox{padding-top: 7px;}
.AndroidImg{width: 160px;}
.appNmame{height: 36px;line-height: 36px;font-size: 16px;} 
.downBtn{display: inline-block;line-height: 40px;background: url(../image/login/down_btn.png) 0 0 no-repeat;text-decoration: none;text-align: center; }
.downBtn:hover{background: url(../image/login/down_btn.png) -300px 0 no-repeat;}
.AndroidIco{display: inline-block;width:115px;height: 40px;background: url(../image/login/Andrond.png) 0px 9px no-repeat;margin-left: 35px;color: #3c9de6;}

/*.phoneBox{width: 200px;position: absolute;}*/
.phoneBody{height: 40px;line-height: 40px;border-radius: 6px;} 
.phoneIco2{float: left;margin-top: 7px;margin-left:13px;margin-right: 11px;}
.separL2{float: left;height:22px;}
.phoneNum{float: left;color:#3c9de6;font-size: 16px; }