*{
	padding: 0;
	margin: 0;
	border: none;
}
a{
	text-decoration: none;
}
html,body{
	font-size: 62.5%;
	color: #666;
	font-family:"微软雅黑";
}
.header{
	width: 100%;
	height: 4.5rem;
	background: dodgerblue;
	text-align: center;
	color: white;
	line-height:4.5rem;
	font-size: 1.8rem;
	overflow: hidden;
	position: fixed;
	left: 0rem;
	top:0rem;
	z-index:9999;
}
.headerIndex{
	width: 100%;
	height: 4.5rem;
}

.header .back{
	width:5rem;
	height:3rem;
	position: absolute;
	left:.7rem;
	top:.7rem;
	background: url("../images/back.png") no-repeat;
	background-size: 5rem 3rem;
	padding:.3rem;
	color: #fff;
	cursor: pointer;
}

.main_table{
	width: 100%;
	min-height: 30rem;
	overflow: hidden;
}
.main_table .title{
	text-align: center;
	color:dodgerblue;
	font-size: 1.4rem;
	padding-top:2rem;
}
.main_table .login_form{
	height:30rem;
	text-align: center;
	margin-top: 3rem;
	background: url("../images/login.png") no-repeat top center;
}

.main_table .login_form input{
	display: inline-block;
	margin: .5rem;
	width: 177px;
	padding: 1px 11px;
	padding-left:49px;
	height: 35px;
	outline:none;
	border-radius: .3rem;
	background: none;
}
.main_table .login_form input.userName{
	margin-top:90px;
	margin-bottom:0px;
}
.main_table .login_form input.password{
	margin-top:3px;
}
.main_table .login_form input.submit{
	padding-left:0px;
}
.main_table .login_form input.focus{
	border:1px solid dodgerblue;
	box-shadow: 0px 0px 10px dodgerblue;
}
.main_table .login_form .submit{
	display: block;
	width: 180px;
	height: 3rem;
	margin: 2rem auto;
	background: dodgerblue;
	color: white;
	cursor: pointer;
	border-radius: .5rem;
	line-height: 3rem;
	border: none;
}
.copyRight{
	padding-top:2rem;
	width:100%;
	text-align: center;
	font-size:1.4rem;
}



/*main界面*/
.main_p{
	padding: 1rem;
	font-size: 1.4rem;
}

.buttons{
	width: 100%;
	overflow: hidden;
}
.buttons .button{
	display: block;
	width: 18rem;
	padding: 1rem 0;
	background: dodgerblue;
	color: #eee;
	margin: 1rem auto;
	border-radius: .3rem;
	cursor: pointer;
}
.buttons .main_btn{
	display: none;
}
.quit{
	padding-top: 2rem;
}
.quit_btn{
	float: right;
	display: inline-block;
	padding: .7rem 2rem;
	color: #eee;
	background: dodgerblue;
	cursor: pointer;
	border-radius: .5rem;
	margin-right: 10%;
}




/*上传文件界面*/
.container {
    overflow:hidden;
    width:100%;
}

.upload_form_cont {
    width: 100%;
    overflow: hidden;
}
#upload_form {
    float:left;
    padding:20px;
    width:100%;
    box-sizing: border-box;
}

#upload_form > div {
    margin-bottom:10px;
}
#speed,#remaining {
    float:left;
    width:100px;
}
#b_transfered {
    float:right;
    text-align:right;
}
.clear_both {
    clear:both;
}

#user_file {
	display: inline-block;
    width:19rem;
    margin: 0 auto;
}
.wx span{
	width:6rem!important;
}
.wx input{
	width:13rem!important;
}

/*获取文件界面*/
.download{
	display: block;
	width: 50%;
	height: 3rem;
	margin: 2rem auto;
	background: dodgerblue;
	color: white;
	cursor: pointer;
	border-radius: .5rem;
	line-height: 3rem;
	border: none;
	display: none;
	font-size:1.4rem;
}
.creat_form{
	text-align: center;
	margin-top: 3rem;
}
.creat_form span{
	display: inline-block;
	width:7rem;
	height:3rem;
	font-size:1.4rem;
	text-align: right;
}
.creat_form input{
	display: inline-block;
	margin: .5rem;
	width: 14rem;
	padding: 0 1rem;
	height: 3rem;
	outline:none;
	border-radius: .3rem;
	border:1px solid dodgerblue;
}
.creat_form input.focus{
	border:1px solid dodgerblue;
	box-shadow: 0px 0px 1rem dodgerblue;
}
.submit{
	display: block;
	width: 18rem;
	height: 3rem;
	margin: 2rem auto;
	background: dodgerblue;
	color: white;
	cursor: pointer;
	border-radius: .5rem;
	line-height: 3rem;
	border: none;
}


/*重读配置文件页面*/
.reset{
	width:18rem;
	height:3rem;
}




/*更新序列号界面*/
.errorTip{
	width: 100%;
	height:2rem;
	font-size:1.4rem;
	text-align: center;
	margin: 0 auto;
}

/*介绍界面*/
.section{
	width:95%;
	margin:2.5%;
	padding:2.5%;
	box-sizing: border-box;
	border:1px solid dodgerblue;
	position: relative;
}
.section .title{
	width:100%;
	height:3rem;
	line-height:3rem;
	text-align: center;
	font-size: 1.4rem;
}
.section .content{
	position: relative;
	width:100%;
	overflow: hidden;

}
.section .content span{
	position: absolute;
	display: block;
	font-size:1.2rem;
	width:36%;
	text-indent: 1em;
	border:2px solid #F52929;
	border-radius:.5rem;
	padding:1rem;
	color: #333;
}
.section .content span.right{
	top:4rem;
	left:4rem;
}
.section .content span.left{
	top:4rem;
	right:1rem;
}
.section .content span.center{
	top:2rem;
	left:1rem;
	width:33%;
	padding:.5rem;
}
.section .content span.other{
	top:2rem;
	right:1rem;
	width:25%;
	padding:.5rem;
}
.section .content span.other1{
        top:1rem;
        right:1rem;
        width:50%;
        padding:.5rem;
}
.section .content img{
	display: block;
	width:100%;
}
.section .tip{
	width: 100%;
	color:red;
	text-align: center;
	font-size:1.4rem;
	font-weight: bolder;
	position: absolute;
	top:5.5rem;
	left:0px;
}
.top,.down{
	width:3rem;
	height:3rem;
	background: url("../images/top.png") no-repeat;
	-webkit-background-size:3rem 3rem;
	background-size:3rem 3rem;
	position: fixed;
	right:3rem;
	bottom:3rem;
	z-index: 999;
}
.top{
	display: none;
}
.down{
	background: url("../images/down.png") no-repeat;
	background-size:3rem 3rem;
}