﻿@charset "utf-8";
/* CSS Document */

body{
	background:url(../../img/login/bg.gif);
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clearfix {
    clear: both;
}
.law-login-bg {
    width: 960px;
    height: 540px;
    background: url(../../img/login/login-center-bg.gif) no-repeat;
    margin: 200px auto 0;
}
.law-login-left{
	padding-top:33px;
	padding-left:46px;
	}
.law-login-left ul{
	width:400px;
	height:479px;
	}
.law-login-left-li1{
	font-size:14px;
	color:#a29df6;
	margin-bottom:20px;
	}
.law-login-left-li2{
	font-size:36px;
	color:#fff;
	font-weight:bolder;
	margin-bottom:15px;
	}
.law-login-left-li3{
	font-size:16px;
	color:#fff;
	font-weight:600;
	}
.law-login-left p{
	font-size:12px;
	color:#a29df6;
	}
.law-login-left p span{
	margin-right:15px;
	}
	
.law-login-right{
	width:406px;
	padding-top:59px;
	padding-left:50px;
	padding-right:50px;
	}
.law-login-right-header{
	height:48px;
	border-bottom:1px solid #e7e7e7;
	}
	
.law-login-right-header span{
	font-size:20px;
	color:#3d3d3d;
	font-weight:500;
	margin-right:73px;
	margin-left:30px;
}
.law-login-right-header .selected{
	color:#110699;
	border-bottom:2px solid #110699;
	padding-bottom:22px;
}
.law-login-right-header span:not(.selected){
	cursor: pointer;
}
.law-login-all{
	margin-top:38px;
	margin-left:27px;
	}
.input-cont{
	height: 47px;
	padding-bottom:20px;
	position: relative;
}
.input-cont span{	
    display: block;
	float: left;
	position: relative;	
}
.acc-input{
    width:335px;
	border:1px solid #e5e5e5;
	border-radius:10px;
	font-size:14px;
	color:#707070;
	line-height:45px;
	padding:0 21px;
}
.acc-input.c{
	width: 200px;
	border-radius:10px 0 0 10px;
}
.acc-input.s{
	width: 300px;
}
.icon-c, .icon-s{
	position: absolute;
	right: 5px;
	top: 10px;
	width: 24px;
	height: 24px;
    background-size: 100% 100%;    
	cursor: pointer;
}
.icon-c{
	display: none;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAHlBMVEUAAADMzMzNzc3Nzc3Nzc3MzMzMzMzPz8/Ozs7Nzc2Z5bCdAAAACnRSTlMA/lXB0M9LSiopP4KJtgAAAH5JREFUOMtjGAWkgslhMFapBYqEoaAChMEkKIwiESgoBGEoCoqgSBQKCipANAiKwQWhAkJgDSAFcAATgcljaIFJY2qByGLRAtWAqQWqAVMLVAOmFoQGwhIIowhZTti5CA8SDBLMQCQu2BNxRZQjWtQSTgyTw2GsEguGUUAiAAAoUA/JvBWTsAAAAABJRU5ErkJggg==);
}
.icon-s {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAUVBMVEUAAADNzc3Ozs7W1tbNzc3Pz8/Nzc3MzMzNzc3MzMzNzc3Nzc3Nzc3Nzc3Nzc3MzMzNzc3Nzc3MzMzNzc3Ozs7Nzc3Ozs7R0dHX19f////MzMxg+QCeAAAAGnRSTlMA+zoKaiT28One25uCfXPIt6eRTD4zKiETA+EbngEAAACZSURBVEjH7czHDsMgEEXRoYMxuLf5/w8NJIvIlEjJLhJned9ooGma5je0p1+NG0GyQMUSxi1pHhGVgCKhwuiTuJMQjSjemzCRPc0cA00hQzUGPB9s7GRm98pmEruF3GUx0u58t9NpjOwFJQ6f5OjpwdhB/ShfxUHF2mFBt0IV6xUmVM/gE8a723eenecEnwYjpRkmLqBp/tgDwI4Nr7IO2JwAAAAASUVORK5CYII=);
}
.icon-s.off-pwd {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAV1BMVEUAAADNzc3Q0NDNzc3Nzc3Nzc3Ozs7X19fNzc3Nzc3Nzc3Nzc3Nzc3Nzc3Ozs7Pz8/Pz8/Nzc3MzMzNzc3MzMzMzMzNzc3Ozs7Ozs7Ozs7V1dXNzc3MzMxIIVLAAAAAHHRSTlMA9RjJwmlkCO7oz72kfFQ1Iory2qt5bVg+KRKJvRKyKgAAAOlJREFUSMftVNcShCAMvAh2VLC3///OgwNGsN3kWffJJLtOGvm8eC6CiNEGoKEsCv6z4zBbHWRhfE/v03WHtL+RTNl6gmy64oegGbQbeRzzsaPahvCcX+ioCJz6hf5Hcc1ns++d2ZWiVP56OAaGWkXKQ/MT6U0qY0UEgETGqH6h/UhalX5lxLkuNg+MQhXS+nyuCLYZkm8Utn3K4J5ASA+x+WwjsFkR+S08AXXqIpuAOB2hnkBthC0LNgHYlqgdQQvQKaGLxrcVPzj8auCXD7/eR0W9uA9oAc3HPlHsEcCeGeQhQ57KF4/FFwhjLcIUtz4iAAAAAElFTkSuQmCC);
}
.text-btn {
    width: 135px;
    line-height: 47px;
	text-align: center;
    background: #100598;
	color:#fff;
	border-radius:0 10px 10px 0;
	cursor:pointer;
}
.text-btn.d{
	background: #b1b1b1;
	cursor: auto;
}
.btn {
    width: 100%;
    height: 45px;
    background-color: #100598;
	border: 0;
    border-radius: 60px;
    color: #fff;
	-webkit-box-shadow: 0 4px 10px rgb(15 5 152 / 30%);
    box-shadow: 0 4px 10px rgb(16 5 152 / 30%);
	margin: 25px 0 10px;
	cursor: pointer;
}
.foget-mima a{
	font-size:14px;
	color:#100598;
	font-weight:normal;
	margin-right:10px;
	}
.foget-mima a:hover{
	text-decoration:underline;
}
.tip{
	text-align: center;
	padding-top: 20px;
	color: #9c9c9c;
}
.tip a{
	color: #6588ec;
    text-decoration: underline;
}

	
	
	
	
	
	
	
	
	
	