body , ul , p,a { /*逗号:多选*/
				margin:0; /*外边距*/
				padding:0; /*内边距*/
			}
		
			li{
				list-style:none;/*列表样式:无(去掉小圆点)*/
			}
        	.lf{
        		float:left;
        	}
        	.rf{
        		float:right;
        	}
        	.clear:after{
        		content:'';
        		display:block;
        		clear:both;
        	}
        	.container{
        		background:#fff;
        		position:fixed;
        		top:0;
        		left:0;
        		width:100%;
        		height:100%;
        	}
        	.loginBox{
        		background#fff;
        		padding:10px;
        		position:absolute;
        		margin-top: 25px;
        		top:0%;
        		left:0%;
        		/* border:1px solid red; */
        		width:450px;
        		box-sizing:border-box;
        		height:100%;
        	}
        	.loginBox ul.navBox{
        		width:100%;
        		margin:0 auto;
        		/* border-bottom:1px solid #eee; */
        	}
			.loginBox ul.navBox>li{
				cursor:pointer;
				float:left;
				color:#aaa;
				/* width:46%; */
				height:40px;
				line-height:40px;
				text-align:center;
				font-size:20px;
			}
			.loginBox ul.navBox>li.active{
				color:#222;
				/* border-bottom:1px solid #9ac11d;	 */		
				/* border-bottom:1px solid #00abeb; */
			}
			.loginType{
				width: 352px;/*对整齐的宽度*/
    			margin: 0 auto;
			}
			.loginType>p{
				font-size:14px;
				height:30px;
				line-height:30px;
				text-align:right;
				color:#aaa;
			}
			.inputDiv{
				margin:0 auto;
				margin-bottom:20px;
				width:350px;
				border:1px solid #aaa;
				height:40px;
			}
			.protocol{/* 登录界面的协议样式 */
				float: right;					
				color:#aaa;
			}
			.inputDiv.focusborder{
				border:1px solid #00abeb;
			}
			.inputDiv i{
				display:inline-block;
				width:30px;
				margin-top:7px;
				text-align:center;
			}
			.inputDiv input{
				outline:none;
				border:none;
				height:38px;
				width:280px;
				vertical-align:top;
			}
			.inputDiv b{
				width:22px;
				height:22px;
				border-radius:50%;
				background:#eee;
				color:#fff;
				text-align:center;
				line-height:20px;
				float: right;
			    margin: 9px 5px;
			    display:none;
			    cursor:pointer;
			}
			.inputDiv b.show{
				display:inline-block;
			}
			.yzmBox input{
				float:left;
				outline:none;
				border:1px solid #aaa;
				padding:0 8px;
				width:180px;
				height:40px;
			}
			.yzmBox>div.yzmImg{
				width:130px;
				height:40px;
				border:1px solid #eee;
				float:right;
				text-align:center;
				line-height:40px;
			}
			.yzmBox>div.yzmImg img{
				    float: right;
				    width: 100%;
				    height: 42px;
			}
			.loginBtn{
				width:352px;
				height:40px;
				background:#00abeb;
				outline:none;
				border:none;
				margin:15px auto;
				display:block;
				color:#fff;
				font-size:20px;
			}
			.checkboxSpan{
				display: inline-block;
				width: 14px;
				height: 14px;
				cursor: pointer;
				border: solid 1px #aaa;
				color: #999;
				font-size: 12px;
				
			}
			.checkboxSpan.checked{
				background:url('common/images/login/gou14.png') no-repeat;
			}
			.loginFoot{
				width:352px;
				margin:0 auto;
				color:#555;
				font-size:14px;
				line-height:40px;
			}
			.loginFoot a.missProblem{
				color: #00abeb;
				text-decoration:none;
			}
			.loginFoot>a{
				color:#00abeb;
				cursor:pointer;
			}
			.errorPrompt{
				color:red;
				font-size:14px;
				margin: 8px auto;
    			width: 352px;
			}
			.inputBox {
			    padding-top: 20px;
			}
			/*二维码登录*/
 .porela, .input-required {
    position: relative;
}
@media screen and (max-width: 1366px)
 .wechat-qr-box {
    height: 280px;
}
.qrcode-help-box:hover .qrcode-help {
    visibility: visible;
    opacity: 1;
}
 .qrcode-help-box:hover .qr-code {
    margin-left: -150px;
}
 .wechat-qr-box {
    padding-top: 10px;
}

.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
 .qr-login-tip {
    padding-right: 40px;
    display: inline-block;
    text-align: right;
}

.cursor-p {
    cursor: pointer;
}

.wechat-qr-box p {
    margin: 10px 0 0;
}
.f-f66 {
    color: #666!important;
    margin-bottom:15px !important;
}
.text-center {
    text-align: center;
}
.ml-15 {
    margin-left: 15px;
}
.login-ico {
    display: inline-block;
    background-image: url(../images/login/login_ico.png);
}
.login-ico.icon-login-acct {
    background-position: -304px -31px;
}
.login-switch {
    width: 28px;
    height: 29px;
    vertical-align: top;
}
 .wechat-qr-box .icon-ask-wx {
    vertical-align: sub;
}
.icons {
    display: inline-block;
    background-image: url(../images/login/icons_v9.png);
}
.icons.icon-ask-wx {
    width: 19px;
    height: 15px;
    background-position: -179px -332px;
}
.box-transition, .caret {
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
img {
    vertical-align: middle;
}

img {
    border: 0;
}
 .qrcode-help-box .qrcode-help {
    position: absolute;
    top: 8px;
    visibility: hidden;
    opacity: 0;
}
@media screen and (max-width: 1366px)
 .wechat-qr-box p.coagent {
    margin-top: 12px;
    margin-bottom: 0;
}
.f-999-12 {
    color: #999;
    font-size: 12px;
}
.coagent i {
    margin-right: 6px;
    width: 15px;
    height: 16px;
    background-position: -123px -38px;
    vertical-align: text-top;
}
.coagent .faster {
    margin-left: 50px;
    margin-right: 50px;
}
.coagent i {
    margin-right: 6px;
    width: 15px;
    height: 16px;
    background-position: -123px -38px;
    vertical-align: text-top;
}
.coagent i.safe {
    background-position: -154px -38px;
}
.coagent .faster i {
    background-position: -138px -38px;
}
.icon-login-acct,.icon-login-qrcode {
    position: absolute;
    right: 51px;
    top: 41px;
}

 .login-switch {
    width: 28px;
    height: 29px;
    vertical-align: top;
}
.login-ico.icon-login-qrcode {
    background-position: -304px 0;
}
.hidden {
    display: none!important;
}
 #login_container{
 	display: inline-block;
  overflow: hidden;
  width: 170px;
  height: 170px;
 }
 .ewmklogin p{
 	margin:30px;
 }
  .other-login .login-ico {
margin-right: 30px;
width: 36px;
height: 36px;

}
.login-ico.icon-login-wx {
    background-position: -114px 0;
}
.login-ico.icon-login-wx:hover, .icon-login-wx.active {
    background-position: -76px 0;
}
@media screen and (max-width: 1366px)
 .other-login .login-ico {
    margin-right: 15px;
}
.other-login {
    padding: 20px 10px 20px 40px;
    border-top: 1px solid #eee;
        position: absolute;
    bottom: 24px;
    left: 0;
    width: 100%;
}
 .other-login .login-ico {
    margin-right: 30px;
    width: 36px;
    height: 36px;
}
@media screen and (max-width: 1366px)
 .other-login .login-ico {
    margin-right: 15px;
}
.login-ico.icon-login-desktop {
    background-position: -190px 0;
}
.login-ico.icon-login-desktop:hover, .icon-login-desktop.active {
    background-position: -152px 0;
}
 .other-login .register {
 	text-align: right;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
    margin-left:155px;
    vertical-align: top;
}
.default-color, .default-color:hover, .default-color:focus {
    color: #00b882 !important;
}

.text-weight {
    font-weight: bold;
}