
html, body {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  line-height:20px;
  font-weight: normal;
  font-style: normal;
  font-family: inherit;
}

a:link { text-decoration: none;color: #000099;}
a:visited { text-decoration: none;color: #000099;} 
a:hover { text-decoration:underline; color: #FF6600;} 
a:active { text-decoration:blink; color: #FF6600;}

body {
	font-size: 14px;
	background-color: #fefefe;
}

input[type="text"], input[type="password"] {
	width:250px;
	border: 1px solid #a3b8cb;
	background: #fff;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, input.sffocus {
	background: #cfc;
	border-color: #090;
}

.input_must {
	color: red;
}

.input_tip {
	color: #7a7a7a;
}

.input_err, .input_ok, .input_checking {
	background:url(/_base/img/check.gif) no-repeat 1000px 1000px;
	display:inline-block;
	font-family:Verdana,Geneva,sans-serif;
	font-size:12px;
	line-height:14px;
	vertical-align:middle;
}

.input_err {
	background-position:-65px -65px;
	background-color:#faf7e3;
	border:1px solid #f7dea3;
	padding:4px 4px 4px 20px;
}

.input_ok {
	height:12px;
	background-position:-7px -126px;
	border:none;
	background-color:transparent;
	padding:4px 4px 4px 20px;
}

.input_checking {
	background-position:-94px -36px;
	background-color:#faf7e3;
	border:1px solid #f7dea3;
	padding:4px 4px 4px 25px;
}

.input_error_style{
	border:1px solid red;
}

.input_normal_style{
}

.div_error_msg_style{
	color: red;
}

/* 问号和其帮助信息 */
.help-tip{
	position: relative;
	text-align: center;
	background-color: #AAAAAA;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	font-size: 10px;
	line-height: 15px;
	cursor: default;
    float: left;
}

.help-tip:before{
	content:'?';
	font-weight: bold;
	color:#fff;
}

.help-tip:hover p{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{
	display: none;
	text-align: left;
	background-color: #1E2021;
	padding: 20px;
	width: 300px;
	position: relative;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	left: -4px;
	color: #FFF;
	font-size: 13px;
	line-height: 1.4;
    z-index:9999;
}

.help-tip p:before{
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#1E2021;
	left:5px;
	top:-12px;
}

.help-tip p:after{
	width:100%;
	height:40px;
	content:'';
	position: relative;
	top:-40px;
	left:0;
}

/*输入框内的图标*/
.input-actions {
    position: relative;
    right: 20px;
    top: 42%;
    transform: translateY(-50%);
    display: flex;
    gap: 10px;
    color: #888888;
    float: right;
}

.input-action-btn {
    background: none;
    border: none;
    color: var(--gray);
    cursor: pointer;
    font-size: 14px;
    transition: var(--transition);
}

.input-action-btn:hover {
    color: var(--primary);
}

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}
