@charset "utf-8";
.fontIcon { font-family: "font_hp" !important; font-style: normal; font-size: 1.5em; -webkit-transition: font-size 0.25s ease-out 0s; -moz-transition: font-size 0.25s ease-out 0s; transition: font-size 0.25s ease-out 0s; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.popuContainer {  position: relative;  height: 410px;  background-image: url(https://zpimg2.zhaopin.com/image/mobile/share/tip_bg_01.png); background-size: 100% auto;  font-size: 20px;}
.popuContainer .clsBtn {position: absolute; right: 0.6em; top: 0.6em; font-size: 0.9em;  line-height: 0.9em;  color: #999;  }
.popuContainer .bigTitle { color: #43a90b; text-align: center; padding-top:0.6em; font: 1.4em/4em microsoft yahei; }
.popuContainer .firstLeaveTitle { font:1em/1.3em microsoft yahei; color:#333; text-align:center;  margin-top: -1.35em;}
.popuContainer .bigTitle em.iconRight , .popuContainer .firstLeaveTitle em.iconRight { vertical-align: top;  margin-right: 0.2em;}
.popuContainer .detialContent { font: 0.9em/1.4em microsoft yahei; color: #666666; padding: 0 8%; }
.popuContainer .detialContent.minWith { padding: 0 15%; }
.popuContainer .bottomDownLoadBtn {position:absolute; bottom: -0.25em;width: 100%; }

.popupLayer { margin-top: 10%;}
.popupLayer .contentTop {position: relative;width: 100%;height: 150px;background-color: #ff5556; border-top-left-radius: 5px;border-top-right-radius: 5px;}
.popupLayer .contentTop .ResumeHaveUpload_banner {position: absolute;bottom: 54px;width: 100%; }
.popupLayer .contentTop .clsLayer { position: absolute;bottom: 24px;width: 30px;top: -58px;right: 8px;}
.popupLayer .contentTop .titleName { position: absolute; bottom: 0;  width: 100%;font: 16px/55px microsoft yahei;color: #fff;text-align: center;}
.popupLayer .contentTop .line2ClsBtn {position: absolute;top: -28px;right: 22px; width: 2px; height: 36px; background-color: #fff;z-index: -1; }

.popupLayer .contentBottom { background-color: #ffffff; padding-left: 10px; padding: 8px 10% 8% 10%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.popupLayer .contentBottom .lineTitle { font: 16px/16px microsoft yahei; color: #333333;margin-top: 14px;}
.popupLayer .contentBottom .lineAccount { font: 14px/14px microsoft yahei; color: #666666;margin-top: 16px;}
.popupLayer .contentBottom .linePassword { font: 14px/14px microsoft yahei;color: #666666; margin-top: 14px;}
.popupLayer .contentBottom .tipMsg { color: #ff5556; font: 12px/14px microsoft yahei;margin-top:18px; margin-bottom:22px;}
.popupLayer.resumeHaveUpload .contentBottom .updatePwd {float:left;width: 46%; height: 36px; color: #ffffff; text-align: center; border-radius: 3px; font: 16px/36px microsoft yahei;background-color: #ff5556; }
.popupLayer.autoGenerateAccount .contentBottom .updatePwd {width: 100%; height: 40px; color: #ffffff; text-align: center; border-radius: 5px; font: 16px/40px microsoft yahei;background-color: #ff5556;}
.popupLayer .contentBottom .viewResume { float:right;width: 46%; height: 34px; color: #ff5556; text-align: center; border-radius: 3px; font: 16px/34px microsoft yahei;border:1px solid #ff5556;}