@charset "utf-8";
/* CSS Document */

/*格式化样式*/
*{margin:0;padding:0}
body{font:12px/1.5 MIcrosoft YaHei,Arial, Helvetica, sans-serif;color:#333}
table{width:100%; border-collapse:collapse;border:none;border-spacing:0}
a{color:#202020;text-decoration:none;}
img{border:none}
input{vertical-align:middle;outline:none}
textarea{outline:none;}
ul,ol,dl{list-style:none;}
b,em,i,u,strong{font-weight:normal;font-style:normal;text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal;}

/*公共样式*/
.fl{float:left;}
.fr{float:right;}
.clearfix{overflow:hidden;zoom:1}
.clear{clear:both}

::-webkit-input-placeholder {
    color: #CAD0E6 !important;
    text-overflow: ellipsis;
}

:-moz-placeholder {
    color: #CAD0E6 !important;
    text-overflow: ellipsis;
}

::-moz-placeholder {
    color: #CAD0E6 !important;
    text-overflow: ellipsis;
}

:-ms-input-placeholder {
    color: #CAD0E6 !important;
    text-overflow: ellipsis;
}

input:-moz-placeholder,
input::-moz-placeholder {
    opacity: 1;
}

body{background:#f2f4f7;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.loginBx{width:540px;height:400px;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.05);border-radius:10px;position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-270px;}
.loginCenter{width:360px;padding-top:50px;margin:0 auto}
.loginTit{font-size:20px;font-weight:bold;margin-bottom:30px}
.loginItem{height:72px;position:relative}
.phone{width:100%;height: 48px;vertical-align: top;
    background: #FFFFFF;
    border: 1px solid #E3E8F0;
    outline: none;
    font-size: 14px;
    color: #181E33;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    padding: 0 24px 0 54px;
    box-sizing: border-box;}
.numItem:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/icon-tel.png) no-repeat center;
    background-size: cover;
    vertical-align: middle;
	position: absolute;
    top: 15px;
    left: 24px;
}
.tips{
	font-size:12px;
	color:#ff5152;
	padding:0 25px;
}
.passwordItem:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/icon-password.png) no-repeat center;
    background-size: cover;
    vertical-align: middle;
	position: absolute;
    top: 15px;
    left: 24px;
}
.yzmItem:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/icon-verify.png) no-repeat center;
    background-size: cover;
    vertical-align: middle;
	position: absolute;
    top: 15px;
    left: 24px;
}
.getYzm{
	position:absolute;
	right:20px;top:13px;
	font-size:14px;color:#3a8bff;
	cursor:pointer
}
.forgetIcon{
	position:absolute;
	height:48px;
	right:25px;
	top:0;
	font-size:14px;
	color:#91a0b5;
	line-height:48px;
	cursor:pointer
}
.eye{
	content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/icon-eye-close.png) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
	margin-right:20px;
	position:absolute;
	right:100px;
	top:15px;
	cursor:pointer
}
.loginBtn{
	padding-top:16px
}
.loginBtn .submit {
    width: 100%;
    height: 48px;
    background: linear-gradient(270deg, #69aaff 0%, #5f63ff 100%);
    box-shadow: 0 3px 12px 0 rgba(39, 125, 255, 0.3);
    border-radius: 24px;
    font-size: 18px;
    color: #ffffff;
    outline: none;
    cursor: pointer;
    border: none;
}

.numItem{
	position:relative
}
.areaCode{
	width:100%;
	height:48px;
	vertical-align: top;
    background: #FFFFFF url(../images/icon-down.png) no-repeat 90% center;
	background-size:12px 12px;
    border: 1px solid #E3E8F0;
    outline: none;
    font-size: 14px;
    color: #181E33;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    box-sizing: border-box;
	text-align:center;
	line-height:48px;
	font-size:14px;
	color:#646873
}
.moreCode{
	position: absolute;
	width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f7f8fa;
    z-index: 2;
    background: #FFFFFF;
    box-shadow: 0 2px 12px 0 #afbbcc;
    border-radius: 6px;
	top:50px;left:0;
	padding:10px 0;
}
.moreCode ul li{
	text-align: left;
    font-size: 14px;
    color: #181E33;
    line-height: 40px;
    height: 40px;
    padding: 0 12px;
    cursor: pointer;
    overflow: hidden;
}
.moreCode li:hover, .moreCode li:active, .moreCode li.current {
    background: #F7FAFC;
    color: #3A8BFF;
}

.moreCode li:hover span, .moreCode li:active span, .moreCode li.current span {
    color: #3A8BFF;
}

.moreCode .li-search {
    padding: 9px 13px;
}

.moreCode .li-search .dataSearch {
    width: 100%;
	position: relative;
    height: 36px;
}

.moreCode .li-search .dataSearch .dataSearch_input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.moreCode .li-search:hover {
    background: #ffffff;
}
.moreCode ul{	max-height:200px;overflow:auto}

.dataSearch_bnt {
    width: 18px;
    height: 18px;
    background: url(../images/icon-search.png) no-repeat;
	background-size:100%;
    border: 0 none;
    cursor: pointer;
    position: absolute;
    right: 17px;
    top: 7px;
    z-index: 3;
    outline: none;
}

/**美化滚动条*/
.beat-scroll::-webkit-scrollbar {
    width: 6px;
}

.beat-scroll::-webkit-scrollbar-track {
    background-color: #ffffff;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

.beat-scroll::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #E6E6E6;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

.dataSearch_input {
    width:100%;
    height: 34px;
    font-size: 14px;
    color: #181E33;
    border: 1px solid #E5E5E5;
    background: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 0 14px;
    border-radius: 40px;
}

.forgotBx{height:500px;margin-top:-250px}
@media screen and (max-width:640px) {
	body{
		background:#fff
	}
   .loginBx{
		width:100%;
		margin-left:0;
		box-shadow:none;
		position:static;
		margin-top:50px;
	}
	.loginCenter{
		width:94%
	}
}

.openEye{background:url(../images/icon-eye-open.png) no-repeat;background-size:100%}