body{
	width:100%;
	background:url(../images/denglu_01.jpg) repeat center;
  overflow:hidden;}

@media screen and (max-width: 480px) {
   body{width:100%;
	background:url(../images/denglu_01_m.jpg) no-repeat center;
  overflow:hidden; }
}
.main{
	width:470px;
	height:470px;
	margin-top:-235px;
	margin-left:-235px;
	position:absolute;
	top:50%;
	left:50%;
	*width:508px;
	*height:470px;
	*margin-top:-235px;
	*margin-left:-254px;
}
@media screen and (max-width: 480px) {.main{
	width:90%;
	height:460px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-230px;
	margin-left:-45%;
}}
.main .title{
	margin:0 0 15px 10px;
	overflow:hidden;
}
.main .title img{
	display:block;
	float:left;
}
.main .title span{
	display:block;
	float:left;
	margin:10px 0 0 5px;
	font-size:30px;
	letter-spacing:2px;
	color:#b0e0ea;
}
.main .loginbar{
	width:460px;
	height:410px;
	border:1px solid #b1e1ef;
	border-radius:20px;
	margin:0 auto;
	background:rgba(255,255,255,0.1);
	box-shadow: 10px 10px 10px #004868;
	/*-moz-box-shadow: 10px 10px 10px #004868;*/
	-webkit-box-shadow: 10px 10px 10px #004868;
	*width:498px;
	*height:374px;
	*background:url(../images/denglu_03.png);
	*border:none;
}
@media screen and (max-width: 480px){.main .loginbar{
	width:100%;
	height:410px;
	box-shadow:none;
	/*-moz-box-shadow:none;*/
	-webkit-box-shadow:none;
	*background:url(../images/denglu_03_m.png);
	*border:none;}}
.main .loginbar .tag{
	width:100%;
	height:50px;
	border-radius:20px 20px 0 0;
	font-size:24px;
	color:#fff;
	text-align:center;
	line-height:50px;
	/*letter-spacing:10px;*/
	text-indent: 5px;
	background:rgba(5,117,155,0.5);

}
@media screen and (max-width: 480px){.main .loginbar form{
    padding:10px;
	}}
.main .loginbar .inbox{
	width:380px;
	margin:0 auto;
	padding-top:20px;
	overflow:hidden;
}
@media screen and (max-width: 480px){.main .loginbar .inbox{width:90%;}}
.main .loginbar .inbox label{
	display:block;
	float:left;
	text-align:justify;
	width:90px;
	height:40px;
	font-size:18px;
	font-weight:500;
	line-height:38px;
	/*letter-spacing:4px;*/
}
.main .loginbar .inbox label>span{
	display:inline-block;/* Opera */
	padding-left:100%;
}
@media screen and (max-width: 480px){.main .loginbar .inbox label{width:25%;/*letter-spacing:4%;*/}}
.main .loginbar .inbox input{
	display:block;
	float:right;
	width:285px;
	height:38px;
	line-height:38px;
	border:1px solid #b1e1ef;
	border-radius:6px;
	font-size:16px;
	text-indent:1em;
	letter-spacing:2px;
	background:rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	*border:none;
	*background:none;
}

.dropdown-menu{display:none;position:absolute;z-index:2;top:105px;left:130px;width:140px;background:#f2f2f2;border:1px solid #bbb;border-radius: 5px;}
.dropdown-menu li{text-align: center;margin:0;padding:0;}
.dropdown-menu li a{display:inline-block;width:100%;height:30px;line-height: 30px;}
.main .loginbar .toggle{
	background:#f2f2f2;
	display:inline-block;
	position:relative;
	width:140px;
	height:38px;
	line-height:38px;
	text-align: center;
	border-radius:8px;
	border:none;
}
.caret{
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #666;
	position:relative;
	top:15px;
	left:40px;
}
@media screen and (max-width: 480px){.main .loginbar .toggle{width:31%;}}
.main .loginbar .dropdown-menu li a:hover{background:#0f86a8;color:#fff;}
.main .loginbar .active{color:#000;}
@media screen and (max-width: 480px){.main .loginbar .inbox input{width:74%;background:rgba(0,0,0,0.3);}}
.main .loginbar .inbox2{
	display:inline-block;
	margin-left:6%;
	padding-top:20px;
	font-size:18px;
	vertical-align:middle;
}
@media all and (orientation : landscape) {/*匹配横屏*/
	.main .loginbar .inbox2{
	margin-left:9%;
}}
.main .loginbar .pin{
	width:380px;
	height:42px;
	margin:0 auto;
	padding-top:20px;
	overflow:hidden;
}
@media screen and (max-width: 480px){.main .loginbar .pin{width:190px;}}
.main .loginbar .pin label{
	float:left;
	margin-right:6px;
	font-size:18px;
	font-weight:500;
	line-height:38px;
	letter-spacing:4px;
}
.main .loginbar .pin input{
	float:left;
	width:160px;
	height:38px;
	line-height:38px;
	border:1px solid #b1e1ef;
	border-radius:6px;
	font-size:18px;
	text-indent:1em;
	letter-spacing:2px;
	color:#fff;
	background:rgba(0,0,0,0.4);
	border:none\9;
	background:none\9;
}
.main .loginbar .pin img{
	margin:10px 0 0 30px;
	cursor:pointer;
}
.main .loginbar button{
	display:block;
	width:380px;
	height:50px;
	margin:0 auto;
	margin-top:20px;
	border:1px solid #b1e1ef;
	border-radius:8px;
	font-size:18px;
	color:#fff;
	letter-spacing:34px;
	text-indent: 17px;
	text-align:center;
	background:#14A1BD;
	cursor:pointer;
	*background:url(../images/buttom_1.gif);
	*border:none;
}
@media screen and (max-width: 480px){.main .loginbar button{width:90%;}}
.main .loginbar button:hover{
	background:#e83d2c;
	*background:url(../images/buttom_2.gif);
}
.main .loginbar .msg{
	width:360px;
	margin:0 auto;
	padding-top:20px;
	font-size:15px;
	overflow:hidden;
}
@media screen and (max-width: 480px){.main .loginbar .msg{width:90%;}}
.main .loginbar .msg label{
	display:block;
	float:left;
	margin-right:5px;
	vertical-align:-1px;
}
.main .loginbar .msg a{
	display:block;
}
.main .loginbar .msg a:hover{
	color:red;
}
.main .foot{
	margin-top:10px;
	text-align:center;
	font-size:16px;
	line-height:70px;
	line-height:30px\9;
	+line-height:30px;
	*line-height:30px;
	letter-spacing:2px;
	text-indent: 1px;
	color:#b0e0ea;
}
@media screen and (max-width: 480px){.main .foot{line-height:20px;margin-top:5%;}}
.main .foot a{
	display:inline;
	color:#b0e0ea;
}
.main .foot a:hover{
	color:red;
}
.QRcode{
	position:fixed;
	top:15px;
	left:15px;
    width:15%;
	padding-bottom:15px;
	background:#fff;
}
@media screen and (max-width:700px){.QRcode{display:none;}}
.QRcode img{width:100%;}
.QRcode p{
	font-size:0.9rem;
	text-align:center;
	background:white;
}
.logoff{
	position:absolute;
	bottom:5px;
	right:5px;
	display:block;
	padding:8px;
	border:1px solid #b1e1ef;
	border-radius:8px;
	font-size:14px;
	font-weight: 300;
	color:#fff;
	background:rgba(21,132,167,.3);
	text-align:center;
	cursor:pointer;
}
@media all and (orientation : landscape) {/*这是匹配横屏的状态，横屏时的css代码　　*/
	.logoff{
	position:absolute;
	top:380px;
	right:5px;
	height:20px;
}} 
@media all and (orientation : portrait){/*这是匹配竖屏的状态，竖屏时的css代码　　*/

}}