﻿html,
  body {

  	height: 100%;
  }
* {
        box-sizing:border-box;
}
  body {
  	width: 100%;
  	text-align: left;
  	min-width: 900px;
  	min-height: 600px;
  }
  .content{
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .middle{
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .footer {
  	height: 50px;
  	line-height: 50px;
  	position: fixed;
  	left: 0;
  	bottom: 0;
  	z-index: 99999;
  	width: 100%;
  }

  .footer p {
  	text-align: center;
  	color: #fff;
  }

  .footer p a {
  	margin-left: 5px;
  	color: #fff;
  }

  .middle {
  	background: url(/f9/images/login_bg.jpg?v=1);
  	background-size: 100% 100%;
  	position: relative;
  }

  .login{
  padding:50px 30px;
  position:fixed;
  top:50%;
  right:15%;
  z-index:8888889;
  background-color:rgba(255,255,255,.9);
  border-radius:4px;
  width:340px;
  margin-top:-203px;
}
.login .login-cover{
  position: absolute;
  width:100%;
  height:100%;
  background-color:#000;
  top:0;
  left:0;
  opacity:.3;
  filter: alpha(opacity=3);
  z-index:99;
  display: none;
}
.login .warn,.tryout .notice{
  position: absolute;
  top:50%;
  left:30px;
  width:280px;
  padding-bottom:10px;
  transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  text-align: center;
  border-radius: 4px;
  z-index: 100;
  background-color:#fff;
  box-shadow:0 1px 6px rgba(99,99,99,.3);
  /*box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1), 0 1px rgba(0,0,0,0.1);*/
  border:1px solid #dcdcdc;
    display: none;
  /*background:-webkit-gradient(linear, 0 0, 0 100%, from(#EFF5FE), to(#D6E4F4));*/
}
.tryout .notice{
  left:220px;
}
.tryout .notice p{
  height:30px;
  line-height: 30px;
  color:red;
}
.login .warn2{
  height: 40px;
  line-height: 40px;
  color:red;
  font-size:14px;
}
.login .warn p{
  text-align: left;
  line-height: 2;
  color:red;
  display: inline-block;
  margin:10px 0;
}
.login .warn .warn-button,.tryout .notice .notice-button{
  padding:2px 0;
  width:48px;
  background-color: #3f9cee;
  color:#fff;
  cursor:pointer;
  border-radius: 4px;
  margin-left: 215px;

}
.login .login-img {
display:flex;
display:-webkit-flex;
}
.login .login-img img{
  display:block;
  margin:0 auto;
  /*width:49%;*/
  height:60px;
}
.login .login-form{
  margin-bottom:10px;
}
.login .warn-title,.tryout .notice-title{
  height: 30px;
  line-height: 30px;
  background-color:  #f6f6f6;
  text-align:  left;
  font-size: 12px;
  padding-left: 15px;
}
.login .warn-notice{
  padding:0 10px;
}
.login .login-form .input-g{
  border:1px solid #dcdcdc;
  border-radius:4px;
  margin-bottom:16px;
  display:flex;
  display:-webkit-flex;
  align-items:center;
  /*
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1), 0 1px rgba(0,0,0,0.1);
  */
}
.login .login-form .input-g img{
  margin-left: 10px;
}
.login .login-form .login-input{
  border:none;
  display:inline-block;
  width:205px;
  height:35px;
  padding:7px 6px;
  margin:0;
  border-radius:4px;
  box-sizing:border-box;
  background-color:transparent;
  font-size:14px;
  color:#333;
  flex:1;
}

.login .login-form input[type=checkbox]{
  -webkit-appearance: checkbox;
}
.login .login-form .login-spinput{
  border:none;
  margin-bottom:0;
}
.login .login-form .login-spinput .login-button{
  padding:7px 6px;
  margin-left:0;
  width:100%;
  background-color: #3f9cee;
  color:#fff;
  cursor:pointer;
}
.mask{
  display:none;
  width: 100%;
  height: 100%;
  position:fixed;
  left:0;
  top:0;
  z-index:99;
  background-color:rgba(0,0,0,.3);
}
.mask_tips{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -312px;
  margin-top: -155px;
  width: 584px;
  height: 270px;
  background-color:#fff;
  color: #fff;
  padding:20px;
}
.mask_tips_logo{
  float: left;
}
.mask_tips_title_outer{
  color:#3fbfff;
  margin-top:5px;
  padding-top:5px;
}
.mask_tips_title_img{
  width:20px;
  height:20px;
  vertical-align:middle;
}
.mask_tips_title{
  font-size:14px;
  vertical-align:middle;
}
.llq-outer{
  background-color:#f0f8ed;
  margin-top:30px;
  overflow:hidden;
  height:182px;
}
.llq-part{
  vertical-align:middle;
  padding: 33px 0px;
  width:25%;
  float:left;
  text-align:center;
  line-height:35px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.llq-part + .llq-part{
  border-left: 1px solid #fff;
}
.llq-part-frist{
  background-color:#87c309;
}
.chrome-btn{
  cursor:pointer;
  background-color: #87c309;
  height: 30px;
  line-height: 30px;
  width: 65%;
  display: inline-block;
  color:#fff;
}
.sanliulin-btn{
  cursor:pointer;
  background-color: #1afa29;
  height: 30px;
  line-height: 30px;
  width: 65%;
  display: inline-block;
  color:#fff;
}
.firefox-btn{
  cursor:pointer;
  background-color: #35abf1;
  height: 30px;
  line-height: 30px;
  width: 65%;
  display: inline-block;
  color:#fff;
}