﻿
/******************public start***********************************/
html,body{	
	margin:0px; padding:0px; width:100%;
	font-size:16px;color:#313131;
	text-align:center; height:100%;
	font-family:Arial,"微软雅黑";
	font-weight:bold;
	
}

input{
border:none;
padding-left:10px;
line-height:30px;
vertical-align:middle;
}

.middleText
{
	width:162px;
	height:30px;
	background:url(../img/input.png) no-repeat;
}

a{text-decoration:none;}

button{border:none;outline: none}


.container{
	/* width:100%; */
	/* height:100%; */
	border:1px solid #d2d2d2;
	text-align:center;
	overflow:hidden; 
	}
.ocxDiv{
	height:100%;
	border:1px solid #d2d2d2;
	text-align:center;
	overflow:hidden; 
	top:0px;
}

/*********************end******************************/


/***********index.html css start*******************/

.deviceText
{
	width:145px;
	height:29px;
	background: #eeeeee;
	border: 1px solid silver;
}

.a_bottom{
	color:#313131;
	font-size:14px;
	
	
}
.a_bottom:hover{
	color:#0068b7; /*0068b7*/
}
.btn_tab{
	display:inline;	
	width:50%;
	height:48px;
	font-weight:bold;
	text-align:center;
	line-height:48px; /*垂直居中设置*/
	
}
.div_td{
	width:100%;
	height:40px;
}
.div_title{
	width:80%;
	height:100%;
	border:0px solid red;
	padding:0 0 0 180px;
	color:#313131;
	font-size:23px;
	font-weight:bold;
	line-height:85px;
}
.login_btn
{
	width:250px;
	height:30px;
	font-size:18px;
	color:#ffffff;
	background:url(../img/login_btn1.png);
	font-weight:bold;
	font-family:Microsoft YaHei;
}
.subDiv
{
	margin-top:10px;
	text-align:left;
}

#tb_index
{
	border-collapse: collapse;
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
    background: url("../img/login_bg.jpg") no-repeat;
}

#login_div
{
	border:1px solid #d2d2d2;
	overflow:hidden;
	width:302px;
	height:342px;
	background:#ffffff;
	padding:0;
}
.user_input
{
	width:149px;
	height:29px;
	background: #eeeeee;
	border: 1px solid silver;
}
#bottom_login
{
	width:100%;
	background:#eeeeee;
	height:35px;
	margin-top:35px;
	line-height:35px;
}

.login_hs
{
	padding-top:5px;
	border-top:1px solid #d2d2d2;
	width:252px;height:130px;
}

ul{padding: 0;margin: 0;list-style: none;}
.load_box{
	border:1px solid #999999;
	width: 352px;height: 232px;
	background:#FFFFFF;
	position: absolute;
	top:130px;
	left: -200px;


}
/* IE9+ */
@media all and (min-width:0) {
	.load_box{
		border:1px solid #999999;
		width: 352px;height: 232px;
		background:#FFFFFF;
		position: absolute;
		top: 24%;
		left: 35%;
	}
	.user_input
	{
		width:143px;
		height:29px;
		background: #eeeeee;
		border: 1px solid silver;
	}
	.deviceText
	{
		width:152px;
		height:29px;
		background: #eeeeee;
		border: 1px solid silver;
	}
}
/*IE10以上识别*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {
	.load_box{
		border:1px solid #999999;
		width: 352px;height: 232px;
		background:#FFFFFF;
		position: absolute;
		top: 24%;
		left: 35%;
	}
	.user_input
	{
		width:143px;
		height:29px;
		background: #eeeeee;
		border: 1px solid silver;
	}
	.deviceText
	{
		width:150px;
		height:29px;
		background: #eeeeee;
		border: 1px solid silver;
	}

}
/*Chrome opera*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.load_box{
		border:1px solid #999999;
		width: 352px;height: 232px;
		background:#FFFFFF;
		position: absolute;
		top: 24%;
		left: 35%;
	}
	.user_input
	{
		width:143px;
		height:29px;
		background: #eeeeee;
		border: 1px solid silver;
	}
	.deviceText
	{
		width:150px;
		height:29px;
		background:#eeeeee;
		border: 1px solid silver;
	}
}
/* Firefox */
@-moz-document url-prefix() {
	.load_box{
		border:1px solid #999999;
		width: 352px;height: 232px;
		background:#FFFFFF;
		position: absolute;
		top: 24%;
		left: 35%;
	}
	.user_input
	{
		width:143px;
		height:29px;
		background: #eeeeee;
		border: 1px solid silver;
	}
	.deviceText
	{
		width:150px;
		height:29px;
		background: #eeeeee;
		border: 1px solid silver;
	}

}
#u1
{
	margin-top: 0px;
	margin-top:10px\9; /*IE6、7、8识别*/
}
#Choose
{
	float: left;
	margin-left: 56px;
	width: 240px;
	height: 40px;
	text-align: left;
    margin-top: 13px;
}
.sload{
	margin-top: 16px;line-height: 32px;
	font-size: 16px;text-align: center;width: 240px;height:32px;;
}

#a4,#a5,#a6{
	text-decoration: none; ;color:#FFFFFF;font-size: 12px;cursor: pointer;font-family: "Microsoft YaHei";
}
#aload{float: right;font-size: 14px;cursor: pointer;}


/******************end*****************************/			

 
/**********header.html css start*******************/
.link_pic{
	font-weight:300;
	font-family:"";
	background:url(../img/header_top.png);

}

.link_pic a{color:#ffffff;font-size:18px;font-weight:bold;}
/*.link_pic a:hover{color:#00ffff;}*/

/*********************end*******************************/



/******************register.html css start*******************/


.title{
	width:40%;
	text-align:right;
	font-size:16px;
}

.text{text-align:left;}

.regBtn
	{
		width:115px;
		height:30px;
		background:url(../img/reg_btn1.png);
		font-size:16px;
		color:#ffffff;	
		font-weight:bold;
	font-family:Microsoft YaHei;
	}
#reg_title
{
	text-align:center;
	font-size:18px;
	color:#0068b7;
	font-family:Microsoft YaHei;
	border-bottom:1px solid #d2d2d2;
	width:85%;
	height:100%;
	display:inline-block;
	line-height:50px;
}
#tb_reg
{
	border-collapse: collapse;
	border:1px solid #d2d2d2;
}
.text input
{
	width:175px;
	height:29px;
	background:url(../img/reg_input.png) no-repeat;
}

/*********************end*******************************/



/******************user_info.html css start*******************/
	#user_info
	{
		width:600px;
		height:361px;
		border:1px solid #d2d2d2;
		background:#ffffff;
	}
@-moz-document url-prefix(){#user_info{height:369px;}}/*仅firefox 识别*/
@media screen and (-webkit-min-device-pixel-ratio:0){#user_info{height:359px;}}{} /* Safari(Chrome) 有效 */
	.ok_can_btn
	{
		width:200px;
		height:30px;
		font-size:16px;
		font-weight:700;
		font-family:Microsoft YaHei;

	}
/*********************end*******************************/


/******************device_list.html css start*******************/
			#div1{
				margin-right:5px;
				text-align:center;
				float:left;
			}

			#div2
			{
				float:left;
				padding:0px;
				margin:0px;
			}

			#div2_v6
			{
				float:left;
				padding:0px;
				margin:0px;
			}

			#bRefresh
			{
				width:130px;
				height:30px;
				background:url(../img/refresh_btn1.png);
				font-size:16px;
				color:#ffffff;
				font-weight:bold;
				font-family:Microsoft YaHei;
			}

			#div_dl
			{
				border:1px solid #d2d2d2;
				background:#434343;
				padding-top:5px;
			}

			#devList_tb th
			{
				height:40px;
				border-top:1px solid #d2d2d2;
				border-bottom:1px solid #d2d2d2;
			}
			
			#titleTb th
			{
				background:url(../img/th_devlist.png);
				font-size:16px;
				height:40px;
			}

			#devList_tb td
			{
				height:40px;
				border-bottom:1px solid #d2d2d2;
				color:#000000;
				font-size:16px;
				text-align:center;
				width:50%;
			}

			.td_div
			{
				display:inline-block;
				width:32px;
				height:32px;
			}
/*********************end*******************************/


/******************device_manager.html css start*******************/
.control{
    width:84%;
	padding-bottom:10px;		
	text-align:right;
}

	.deviceName{width:25%;text-align:center;}
	.deviceID{width:40%;text-align:center;}
	.deviceOperator{width:35%;text-align:center;}
	.deviceName,.deviceID,.deviceOperator{border-bottom:1px solid #d2d2d2;}

#s1,#s2,#s3,#s4,#s5,#s55{
	display: inline-block;
	width:180px;
	text-align: right;
}
.dmText
	{   margin-right: 20px;
		width:175px;
		height:30px;
		background:#eeeeee;
	    border:1px solid silver;
	}

.mod
	{
		background:url(../img/modify_1.png);
	}
	.del
	{
		background:url(../img/delete_1.png);	
	}

	.mod,.del
	{
		width:30px;
		height:30px;
		display:-moz-inline-box;
		display:inline-block;
	}
	
	#devMan_tb
	{
		border-collapse: collapse; 
		width:100%;
	}

	#devMan_tb td
	{
		border-bottom:1px solid #d2d2d2;
		font-size:14px;
		color:#000000;
		text-align:center;
	}

	#devMan_tb tr
	{
		background:#a0a0a0;
		height:40px;
	}

	#dm_btn
	{
		width:160px;
		height:30px;
		background:url(../img/reg_btn1.png);
		font-size:16px;
		font-weight:700;
		color:#ffffff;
		font-family:Microsoft YaHei;
	}

	#deviceInfo
	{
		width:600px;
		height:415px;
		margin-left:50%; 
		left: -300px;
		margin-top:-180px;
		top:50%;
		border:1px solid #d2d2d2;
		z-index:1;
		background:#ffffff;
		display:none;
		position: absolute;
	}
@-moz-document url-prefix(){#deviceInfo{height:400px;}}/*仅firefox 识别*/
@media screen and (-webkit-min-device-pixel-ratio:0){#deviceInfo{height:393px;}}{} /* Safari(Chrome) 有效 */
	#deviceInfo div
	{
		position:relative;
	}
	.ok_can_btn
	{
		width:100px;
		height:30px;
		font-size:16px;
		font-weight:700;
	}
.okbtn
{
	width:120px;
	height:30px;
        line-height: 30px;
	font-size:16px;
	font-weight:700;

}
	#tr1
	{
		background:url(../img/th_devlist.png);
		border-bottom:1px solid #d2d2d2;
	}

/*********************019 QV013*******************************/
.bottom_bigbox{
	width: 1280px;
	height: 300px;
	/*border: 1px solid red;*/
	/*box-sizing: border-box;*/
}
.bottomone{
	/*margin-left: 10px;*/
	margin-top:10px;
	background:#FFFFFF;
	float: left;
	width: 560px;
	height: 280px;
	/*border: 1px solid paleturquoise;*/
	/*box-sizing: border-box;*/
}
.bottomone_div{
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	width: calc(100% - 5px);
	height: calc(100% - 5px);
	/*border: 1px solid green;*/
	/*box-sizing: border-box;*/
}
.noteimg{
	/*height: 30px;*/
	width: 100%;
	/*border: 1px solid green;*/
	background-image: url('../img/dian_t.png');
	background-repeat: no-repeat;
	background-position: 0px -5px;
}
.notetitle{
	margin: 0;
	/*white-space: nowrap;*/
	/*text-overflow: ellipsis;*/
	/*overflow: hidden;*/
	width: calc(100% - 30px);
	word-wrap:break-word;
	text-align: left;
	/*width: 400px;*/
	font-size: 14px;
	font-weight: normal;
	margin-left: 30px;
	line-height: 20px;
}
.bottomtwo{
	margin-left: 20px;
	margin-top:10px;
	float: left;
	width: 380px;
	height: 280px;
	/*border: 1px solid red;*/
	/*box-sizing: border-box;*/
}
.bottomtwo_top{
	width: 100%;
	height: 60px;
	margin-top: 5px;
}
.title_googleplay{
	float: left;
	margin-left: 10px;
	width: 150px;
	height: 45px;
	margin-top: 5px;
	text-align: center;
	line-height: 45px;
	background-image: url(../img/google_play.png);
	background-repeat: no-repeat;
}
.title_apple{
	float: left;
	width: 150px;
	height: 45px;
	margin-left: 55px;
	margin-top: 5px;
	text-align: center;
	line-height: 45px;
	background-image: url(../img/DownloadApp_Store.png);
	background-repeat: no-repeat;
}
.bottomtwo_foot{
	width: 100%;
	height: 150px;
	margin-top: 20px;
}
.googleplay{
	float: left;
	margin-left: 25px;
	width: 120px;
	height: 120px;
	margin-top: 5px;
}
.apple{
	float: left;
	margin-left: 85px;
	width: 120px;
	height: 120px;
	margin-top: 5px;
}
.bottomthree{
	margin-left: 10px;
	margin-top:10px;
	float: left;
	width: 290px;
	height: 280px;
	text-align: center;
	/*border: 1px solid red;*/
	/*box-sizing: border-box;*/
}
.bottomthree_top{
	width: 100%;
	height: 50px;
	margin-top: 5px;
	text-align: center;
	/*border: 1px solid green;*/
	/*box-sizing: border-box;*/
}
.bottomthree_topDiv{
	width: 200px;
	height: 50px;
	margin-top: 5px;
	line-height: 50px;
	font-size: 20px;
	margin-left: 50px;
	font-weight: bold;
	border-bottom: 3px solid #F00000;
	box-sizing: border-box;
}
.bottomthree_foot{
	width: 100%;
	height: 200px;
	/*border: 1px solid green;*/
	/*box-sizing: border-box;*/
}
.bottomthree_footDiv{
	width: 200px;
	height: 30px;
	margin-top: 10px;
	line-height: 30px;
	font-size: 22px;
	font-weight: bold;
	margin-left: 50px;
	cursor: pointer;
	/*border: 1px solid green;*/
	/*box-sizing: border-box;*/
}
.Close_Choose{
	float: left;
	margin-left: 56px;
	width: 240px;
	height: 40px;
	text-align: left;
	margin-top: 13px;
}
/*********************end*******************************/

