.formError { position: absolute; top: 300px; left: 300px; padding-bottom: 13px; display: block; z-index: 5000; cursor: pointer; } #debugMode { background: #000; position: fixed; width: 100%; height: 200px; top: 0; left: 0; overflow: scroll; opacity: 0.8; display: block; padding: 10px; color: #fff; font-size: 14px; z-index: 100000; } .ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none } .formError .formErrorContent { width: 100%; background: #ee0101; color: #fff; width: 150px; font-family: "宋体"; font-size: 12px; border: 1px solid #ddd; box-shadow: 0px 0px 1px #333; -moz-box-shadow: 0px 0px 1px #333; -webkit-box-shadow: 0px 0px 1px #333; padding: 4px 10px 4px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .greenPopup .formErrorContent { background: #33be40; } .blackPopup .formErrorContent { background: #393939; color: #FFF; } .formError .formErrorArrow { position: absolute; bottom: 0; left: 20px; width: 15px; height: 15px; z-index: 5001; } .formError .formErrorArrowBottom { top: 0; margin: -6px; } .formError .formErrorArrow div { border-left: 1px solid #ddd; border-right: 1px solid #ddd; box-shadow: 0px 2px 3px #333; -moz-box-shadow: 0px 1px 1px #333; -webkit-box-shadow: 0px 1px 1px #333; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0px; font-size: 0px; display: block; position: relative; } .formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .greenPopup .formErrorArrow div { background: #33be40; } .blackPopup .formErrorArrow div { background: #393939; color: #FFF; } /*此方式绘制arrow不兼容IE by Eking .formError .formErrorArrow .line10 { width: 15px; border: none; } .formError .formErrorArrow .line9 { width: 13px; border: none; } .formError .formErrorArrow .line8 { width: 11px; } .formError .formErrorArrow .line7 { width: 9px; } .formError .formErrorArrow .line6 { width: 7px; } .formError .formErrorArrow .line5 { width: 5px; } .formError .formErrorArrow .line4 { width: 3px; } .formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0px solid #ddd; } .formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; } .formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }*/ .formError .formErrorArrow .formErrorArrowB { border:none; box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow: none; height: 11px; width: 17px; /* background:url("/jytqhlsjcom/images/"/jytqhlsjcom/images/images/arrow.png"") 0 0 no-repeat;*/ top: 1px; _top:2px; } .formError .formErrorArrow .formErrorArrowT { border:none; box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow: none; height: 11px; width: 17px; /* background:url("/jytqhlsjcom/images/"/jytqhlsjcom/images/images/arrow.png"") 0 -30px no-repeat;*/ top: -4px; } .greenPopup .formErrorArrow .formErrorArrowB{ /*background:url("/jytqhlsjcom/images/"/jytqhlsjcom/images/images/arrowsucc.png"") 0 0 no-repeat;*/ } .greenPopup .formErrorArrow .formErrorArrowT{ /*background:url("/jytqhlsjcom/images/"/jytqhlsjcom/images/images/arrowsucc.png"") 0 -30px no-repeat;*/ } .error_bg{ /*background: url("/jytqhlsjcom/images/invalid_line.gif") left bottom repeat-x !important;*/ border:1px solid red !important; } .success_bg{ border:1px solid #47ac13 !important; background:none; } .error_tips{ border:1px dotted red !important; padding:0 !important; background-color: #fff !important; } #preview div{ border: 0 !important; } #preview p{ line-height: 20px; text-align: left !important; padding:2px 5px !important; } .tipsGreen{ display: inline-block; /* background: url("/jytqhlsjcom/images/images/blind_success.png") no-repeat;*/ width: 16px; height:16px; margin-left: 5px; } .tipsBlack{ display: inline-block; /*background: url("/jytqhlsjcom/images/loading.gif") no-repeat;*/ width: 16px; height:16px; margin-left: 5px; }