body{margin:0 auto; padding: 0;  font-size: 12px;}
div,ul,li{list-style-type: none; margin: 0; padding: 0;}
a{text-decoration: none;}

/*login页*/
.bg{position: fixed; width:100%;height:100%;
    background: linear-gradient(top, #23b4f5, #0a62b5, #23b4f5);
    background: -moz-linear-gradient(top, #23b4f5, #0a62b5, #23b4f5);
    background: -webkit-linear-gradient(top, #23b4f5, #0a62b5, #23b4f5);
    background: -ms-linear-gradient(top, #23b4f5, #0a62b5, #23b4f5);
}
.box{width: 880px; height: 100%; background: #23b4f5; position: relative; margin: 0 auto;  }

.leftyinying{ position: absolute; left: -12px;top:50%; margin-top:-200px;}
.rightyinying{position: absolute; right: -12px;top:50%; margin-top:-200px;}

.whietBg{position: absolute;  width: 880px; height: 275px;top:45%; margin-top:-120px;background: #ffffff;}
.cloud{position: absolute; right: 10px;top:-250px;}
.systemName{position: absolute; top:-90px; left: 50px;}
.peoplePic{position: absolute; top: 23px; left: 80px;}
.blueLine{ position: absolute; bottom: -5px; left: 0;}
.hudie{position: absolute; top: -1px; right: -3px;}
.mLine{position: absolute; top: -10px; left: 438px;}
.context{position: absolute; top: 10px; right: 20px;}


.text{color: #696767;  font-size:14px; width: 360px;  height:200px;text-align: left; margin: 10px; padding: 0 10px;}
.text li{margin: 14px auto;}
.text .remember,.text .login{margin:10px auto}
.text span{letter-spacing: 10px;}
.text input{width: 200px; height: 25px; line-height:25px;border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0px 1px 2px #999999; margin-left: 15px;}
.yanzhengma span{letter-spacing: 0;}
.yanzhengma input{ width: 80px; margin-left: 20px;}
.yanzhengma img{vertical-align: middle;}
.yanzhengma a{color: #f0ad4e; font-size: 12px; text-decoration: underline;}
.remember{ padding-left: 62px;}
.remember span{letter-spacing: 0; margin: 0 10px;}
.remember a{color: #696767;}
.login{overflow:auto;padding-left: 50px;}
.login a{color: #fff;letter-spacing: 10px; font-size: 16px; font-weight: bold; line-height: 28px; margin-left: 8px;}
.denglu{ background: url("../../Content/images/denglu.png"); background-repeat:no-repeat;width:82px; height:30px;color: #fff; float: left;margin-left: 12px;padding-left: 12px; }

.chongzhi{background: url("../../Content/images/chongzhi.png"); background-repeat:no-repeat;width:82px; height:30px;color: #fff;float: left; margin-left: 12px; padding-left: 12px;}

.support{ position: fixed; left:50%; margin-left: -105px; bottom: 0; color: #fff;}
.support a{color:#fff;}

.text-button
{
    position:absolute;
    top:75%;
    left:0;
    width:100%;
    text-align:center;
}
.text-button li
{
    display:inline-block;
    margin-right:30px;
    margin-left:3px;
}
.text-button a
{
    color:#fff;
    font-size:14px;
}
.text-button a:hover
{
    color:#295598;
    text-decoration:underline;
}
.tip,.browser-tip
{
    padding:0;
    margin:0;
    padding-left:60px;
    font-size:12px;
    color:#666;
}
.tip a
{
    color:#337ab7;
    cursor:pointer;
}
.tip a:hover
{
    color:#2a5699;
    text-decoration:underline;
}

.tip-pic
{
    display:none;
    position:absolute;
    top:10px;
    left:-400px;
    width:964px;
    height:199px;
    background:url("../../Content/images/open360fast.png") no-repeat center;
    background-size:100% 100%;
}
.tip a:hover .tip-pic
{
    display:block;
}
.browser-tip
{
    margin-top:6px;
}
.browser-tip a{
	display: inline-block;
	font-size:12px;
	font-family:"Microsoft YaHei UI";
	text-decoration: none;
	color:#666;
	padding:0 0 0 23px;
	height:20px;
	line-height:20px;
	background-repeat:no-repeat;
	margin:0 0 0 8px;
	}
.browser-tip span
{
    letter-spacing:0;
    }
.ie_pic{ 
	background-image:url(../../Content/images/ie-pic.png);
}
.google_pic{ background-image:url(../../Content/images/google-pic.png)}
.firefox_pic{ background-image:url(../../Content/images/firefox-pic.png)}