*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.hidden {
    display: none !important;
}
body,html{
	width: 100%;
	height: 100%;
}
.pass {
    height: 100%;
    background-image: url(/images/login_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.login_logo {
    position: absolute;
    left: 50px;
    top: 30px;
    display: block;
}
.word{
	position: fixed;
	width: 435px;
	height: 443px;
	top: 20%;
	left: 60%;
	text-align: center;
}
.word .card{
	background-color: #fff;
	border-radius: 5px;
	padding: 39px 34px 50px 34px;
    box-shadow: 0px 6px 4px 0px rgba(23, 115, 197, 0.25);
}
.yz {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.65);
    font-size: 13px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    overflow: hidden;
    width: 100%;
	margin-top: 37px;
}
.yz .phone .ph{
	float: left;
}
.yz .phone .password{
	float: right;
}
.one .content{
	position: relative;
}
.one .content::after{
	content: "";
	position: absolute;
	width: 128px;
	height: 1px;
	background-color: #999;
	top: 8px;
	left: 96px;
}
.one.one1 .content::after{
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	background-color: #999;
	top: 8px;
	left: 96px;
}
.one.one1.active .content::after{
	content: "";
	position: absolute;
	width: 128px;
	height: 1px;
	background-color: #0c83f0;
	top: 8px;
	left: -180px;
}
.msg-tip {
    margin-top: 10px;
}
.one .nums{
	font-size: 14px;
	line-height: 22px;
	width: 22px;
	height: 22px;
	color: rgba(0,0,0,.65);
	border-radius: 50%;
	display: inline-block;
	margin-right:10px;
	background-color: #fff;
	border:1px solid rgba(0,0,0,.25);
}
.one.active span{
	color: rgba(0,0,0,.85);
}
.one.active .nums{
	background-color: #0c83f0;
	border: 0;
	color: #fff;
}
.content{
	vertical-align: top;
}
.form-group input{
	width: 100%;
    height: 36px;
    padding-left: 35px;
    font-size: 14px;
    line-height: 36px;
    color: #999;
    border: 1px solid #dbdbdb;
	margin-bottom: 22px;
	border-radius: 4px;
}
.image-captcha{
    overflow:hidden;
}
.image-captcha .input-with-tips {
    float: left;
    position: relative;
}

.image-captcha input {
    width: 240px;
}

.select-input{
	position: relative;
}
.select-input .iconfont{
    position: absolute;
    left: 8px;
    top: 10px;
    color: #999;
}

/*.select-input::before{
	content: "";
	position: absolute;
	width: 9px;
	height: 15px;
	background-image: url(/admin/images/ico_phone.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	top: 11px;
	left: 15px;
}*/
.form-captcha {
	position: relative;
}
.form-captcha .iconfont , .image-captcha .iconfont {
    position: absolute;
    left: 8px;
    top: 11px;
    color: #999;
}

/*.form-captcha::before{
	content: "";
	position: absolute;
	width: 14px;
	height: 11px;
	background-image: url(/admin/images/ico_imail.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	top: 14px;
	left: 13px;
}*/
.xg{
	margin-top: 34px;
	text-align: left;
}
.btn {
    text-align: center;
    background-color: #0C83F0;
    width: 111px;
    height: 36px;
    color: #fff;
    border: none;
    margin-left: 11px;
    border-radius: 4px;
    cursor: pointer;
}
.btn-blue:hover, .btn-blue:focus {
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
}

.btn-blue:focus, .btn-blue:active:focus, .btn-blue.active:focus {
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
    opacity: 0.8;
}
.pass .btn {
    margin-left:0px;
    float:right;
}
.next {
    width: 100%;
    height: 48px;
    text-align: center;
    background-color: #0C83F0;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 48px;
    position: relative;
    cursor: pointer;
}
.next::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #dbdbdb;
	top: 80px;
	left: 0px;
}
.next:hover, .next:focus, .next:active:focus, .next.active:focus {
    opacity: 0.8;
}
.return{
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	color: #0C83F0;
	margin-top: 55px;
}
.second {
	margin-top: 34px;
}
.second input{
	padding-left: 10px;
}
.second .btn {
    width: 100%;
    text-align: center;
    margin-left: 0px;
    height: 48px;
    font-size: 18px;
    line-height: 18px;
    cursor: pointer;
}
#img-enti {
    width: 100px;
    height: 36px;
    float: right;
}
.form_dx .input-with-tips {
    display: inline-block;
    width: 240px;
}
@media screen and (max-width: 750px) {
    body{
        min-width:initial;
    }

    .word {
        position: fixed;
        top: 13%;
        left: 3%;
        text-align: center;
        right: 3%;
        margin-top: 0;
        width: 94%;
    }
    #img-enti {
        width: 90px;
    }
    .container .card .ant-form .form-group{
        width:92%;
        margin-bottom:10px;
    }
    .form-group .input-with-tips.select-input {
        width:100%;
    }
    .word .card .image-captcha input {
        width: 100%;
    }
    .form-group .input-with-tips {
        display: inline-block;
        width: 55%;
    }
    .second .form-group .input-with-tips {
        display: inline-block;
        width: 100%;
    }

    .frist .btn {
        float: right;
        width: 100px;
        margin-left: 0;
    }
    .container .card .ant-form {
        text-align: center;
    }
    .container .card .ant-form .form-group{
        text-align:left;
    }
    .login_logo {
        position: absolute;
        left: 30px;
        top: 20px;
        display: block;
    }
    .ant-form2{
        text-align:center;
    }
    .input-with-tips3, .input-with-tips2 {
        width: 100%;
        margin-bottom:10px;
    }
    .one .content::after {
        width: 70%;
    }
    .one.one1.active .content::after {
        width: 70%;
    }
}