|
@@ -0,0 +1,584 @@
|
|
|
+<!doctype html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport"
|
|
|
+ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
+ <title>聚才网</title>
|
|
|
+ <link href="{{ theme_asset('mobile/css/h5page.css') }}" rel="stylesheet">
|
|
|
+ <style type="text/css">
|
|
|
+ @media screen and (min-width: 720px) {
|
|
|
+ #content {
|
|
|
+ max-width: 720px;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+ padding: 0 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #wechat_contact {
|
|
|
+ right: calc(50% - 440px)
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ @media screen and (max-width: 720px) {
|
|
|
+ #wechat_contact {
|
|
|
+ right: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media screen and (max-width: 1100px) {
|
|
|
+ #wechat_contact {
|
|
|
+ right: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media screen and (min-width: 1250px) {
|
|
|
+ .wechat_card {
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat_card_arrow {
|
|
|
+ left: 26px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ body {
|
|
|
+
|
|
|
+ padding: 20px 16px 12px 16px;
|
|
|
+
|
|
|
+ margin: 0;
|
|
|
+ overflow-x: hidden;
|
|
|
+ color: #333;
|
|
|
+ letter-spacing: .034em;
|
|
|
+ min-width: 0;
|
|
|
+ font-family: '-apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif';
|
|
|
+ }
|
|
|
+
|
|
|
+ h2 {
|
|
|
+ font-size: 22px;
|
|
|
+ line-height: 1.4;
|
|
|
+ font-weight: 400;
|
|
|
+ margin-top: 0;
|
|
|
+ margin-bottom: 14px;
|
|
|
+ word-break: break-all;
|
|
|
+ }
|
|
|
+
|
|
|
+ h2.pc {
|
|
|
+ margin-top: 32px;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .page_info {
|
|
|
+ color: #999;
|
|
|
+ font-size: 15px;
|
|
|
+ line-height: 20px;
|
|
|
+ margin-bottom: 32px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_info_source {
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 10px;
|
|
|
+ max-width: 70%;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ vertical-align: bottom;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_content {
|
|
|
+ font-size: 17px;
|
|
|
+ line-height: 1.6em;
|
|
|
+ text-align: justify;
|
|
|
+ color: #333;
|
|
|
+ word-break: break-all;
|
|
|
+ }
|
|
|
+
|
|
|
+ p {
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_content img, .page_content video {
|
|
|
+ max-width: 100% !important;
|
|
|
+ height: auto !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_content.with_card {
|
|
|
+ margin-top: 65px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_content p {
|
|
|
+ min-height: 1em;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_header {
|
|
|
+ width: 100%;
|
|
|
+ height: 65px;
|
|
|
+ box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ display: flex;
|
|
|
+ background: #fff;
|
|
|
+ z-index: 999;
|
|
|
+ overflow: hidden;
|
|
|
+ /* transition: top .3s cubic-bezier(.78,.14,.15,.86); */
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_header .info_card, .page_footer .info_card {
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ padding: 12px 16px;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_footer .info_card {
|
|
|
+ padding: 12px 0 12px 16px;
|
|
|
+ white-space: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
|
|
|
+ .page_footer .info_card {
|
|
|
+ padding-bottom: calc(12px + constant(safe-area-inset-bottom));
|
|
|
+ padding-bottom: calc(12px + env(safe-area-inset-bottom));
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_header .info_card .info_card_avator,
|
|
|
+ .page_footer .info_card .info_card_avator {
|
|
|
+ border-radius: 100%;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ background-position: center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ overflow: hidden;
|
|
|
+ /* margin-top: 3px; */
|
|
|
+ margin-right: 8px;
|
|
|
+ text-align: center;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 32px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_footer .info_card .info_card_avator {
|
|
|
+ overflow: auto;
|
|
|
+ flex-shrink: 0;
|
|
|
+ width: 36px;
|
|
|
+ height: 36px;
|
|
|
+ line-height: 36px;
|
|
|
+ margin-top: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_header .info_card .info_card_detail {
|
|
|
+ flex: 1;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ /* height: 41px; */
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_header .info_card .info_card_nick,
|
|
|
+ .page_footer .info_card .info_card_nick {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #222222;
|
|
|
+ width: 100%;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-bottom: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_header .info_card .info_card_ent,
|
|
|
+ .page_footer .info_card .info_card_ent {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #999999;
|
|
|
+ width: 100%;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_header .action {
|
|
|
+ width: 64px;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ padding: 12px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_header .action p,
|
|
|
+ .page_footer .action p {
|
|
|
+ color: #222222;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_header .action .colfont {
|
|
|
+ font-size: 19px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_header .action .colfont.colzaixianzixun {
|
|
|
+ color: #555CD1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_header .action .colfont.colweixin {
|
|
|
+ color: #57BB8A;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_header .action .colfont.coldianhua {
|
|
|
+ color: #5895E0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_header .action a, .page_header .action a:active, .page_header .action a:focus, .page_header .action a:visited {
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_footer {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ background: white;
|
|
|
+ display: flex;
|
|
|
+ border-top: 1px solid #D9D9DB;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_footer .action {
|
|
|
+ background: #00B377;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: white;
|
|
|
+ width: 64px;
|
|
|
+ font-size: 14px;
|
|
|
+ text-align: center;
|
|
|
+ /* padding: 8px 0; */
|
|
|
+ height: 32px;
|
|
|
+ margin-top: 16px;
|
|
|
+ line-height: 32px;
|
|
|
+ /* margin-right: 8px; */
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_footer .action:last-child {
|
|
|
+ margin-right: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* .page_footer .action p{
|
|
|
+ color:white;
|
|
|
+ } */
|
|
|
+ .page_footer .action_phone {
|
|
|
+ background: #2E8AE6;
|
|
|
+ margin-left: 8px;
|
|
|
+ margin-right: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_footer .action_phone a {
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+
|
|
|
+ h2.with_card {
|
|
|
+ margin-top: 65px;
|
|
|
+ }
|
|
|
+
|
|
|
+ ol li {
|
|
|
+ list-style-position: inside;
|
|
|
+ }
|
|
|
+
|
|
|
+ #wechat_qrcode_con {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ background: rgba(31, 31, 51, 0.90);
|
|
|
+ display: none;
|
|
|
+ z-index: 9999;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat_qrcode_inner {
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 8px;
|
|
|
+ width: 280px;
|
|
|
+ height: 396px;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ padding: 24px;
|
|
|
+ margin-top: 40px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #222222;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat_qrcode_inner img {
|
|
|
+ max-width: 232px;
|
|
|
+ max-height: 300px;
|
|
|
+ margin-top: 24px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat_qrcode_inner i {
|
|
|
+ position: absolute;
|
|
|
+ background: rgba(255, 255, 255, 0.20);
|
|
|
+ border: 1px solid #FFFFFF;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ border-radius: 100%;
|
|
|
+ left: 126px;
|
|
|
+ bottom: -56px;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 31px;
|
|
|
+ pointer-events: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .linkIframe {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border: none;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+
|
|
|
+ margin-top: 65px;
|
|
|
+ height: calc(100% - 65px);
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .fileIframe {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border: none;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+
|
|
|
+ margin-top: 65px;
|
|
|
+ height: calc(100% - 65px)
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .pptTip {
|
|
|
+ position: fixed;
|
|
|
+ left: 50%;
|
|
|
+ bottom: 3%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ color: #BFBFBF;
|
|
|
+ }
|
|
|
+
|
|
|
+ @media (orientation: landscape) {
|
|
|
+ .pptTip {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page_header {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .fileIframe {
|
|
|
+
|
|
|
+ height: 100%;
|
|
|
+ margin-top: 0;
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ blockquote {
|
|
|
+ padding-left: 10px;
|
|
|
+ border-left: 3px solid #dbdbdb;
|
|
|
+ color: rgba(0, 0, 0, 0.5);
|
|
|
+ font-size: 15px;
|
|
|
+ padding-top: 4px;
|
|
|
+ margin: 1em 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ #wechat_contact {
|
|
|
+ width: 64px;
|
|
|
+ height: 64px;
|
|
|
+ content: "";
|
|
|
+ padding: 4px;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 50px;
|
|
|
+ background-position: center;
|
|
|
+ background-color: #534CD9;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat_contact_avator {
|
|
|
+ width: 52px;
|
|
|
+ height: 52px;
|
|
|
+ margin-right: auto;
|
|
|
+ margin-left: auto;
|
|
|
+ border-radius: 100%;
|
|
|
+ position: relative;
|
|
|
+ background-color: white;
|
|
|
+ overflow: hidden;
|
|
|
+ text-align: center;
|
|
|
+ background-position: center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 52px;
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat_contact_img {
|
|
|
+ width: 56px;
|
|
|
+ height: 56px;
|
|
|
+ padding: 2px;
|
|
|
+ position: relative;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ background-color: white;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat_contact_btn {
|
|
|
+ background: #534CD9;
|
|
|
+ border: 1px solid #3F3AA6;
|
|
|
+ box-shadow: 0 8px 12px -4px rgba(76, 76, 217, 0.30);
|
|
|
+ border-radius: 2px;
|
|
|
+ color: white;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: -4px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* #wechat_contact .wechat_card{
|
|
|
+ display: none;
|
|
|
+ } */
|
|
|
+ /* #wechat_contact:hover .wechat_card{
|
|
|
+ display:block;
|
|
|
+ } */
|
|
|
+ .wechat_card {
|
|
|
+ background: #FFFFFF;
|
|
|
+ border: 1px solid #E6E7EB;
|
|
|
+ box-shadow: 0 16px 40px -16px rgba(0, 0, 0, 0.20);
|
|
|
+ border-radius: 8px;
|
|
|
+ padding: 20px;
|
|
|
+ position: absolute;
|
|
|
+ top: -9px;
|
|
|
+ transform: translateY(-100%);
|
|
|
+ width: 240px;
|
|
|
+ right: 0;
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat_card .colfont {
|
|
|
+ color: rgba(191, 191, 191);
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat_card_arrow {
|
|
|
+ background: #fff;
|
|
|
+ width: 9.485281px;
|
|
|
+ height: 9.485281px;
|
|
|
+ transform: rotate(45deg);
|
|
|
+ position: absolute;
|
|
|
+ display: block;
|
|
|
+ border-color: transparent;
|
|
|
+ border-style: solid;
|
|
|
+ bottom: -4.5px;
|
|
|
+ position: absolute;
|
|
|
+ right: 26px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat_contact_info {
|
|
|
+ display: flex;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #222222;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ word-break: break-all;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat_contact_phone {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999999;
|
|
|
+ line-height: 22px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat_contact_qrcode {
|
|
|
+ background: #FFFFFF;
|
|
|
+ border: 1px solid #E6E7EB;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-top: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat_contact_qrcode img {
|
|
|
+ max-height: 240px;
|
|
|
+ width: 196px;
|
|
|
+ object-fit: cover;
|
|
|
+ }
|
|
|
+
|
|
|
+ #img_preview_container {
|
|
|
+ background: black;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ text-align: center;
|
|
|
+ display: none;
|
|
|
+ z-index: 1000;
|
|
|
+ overscroll-behavior: contain;
|
|
|
+ }
|
|
|
+
|
|
|
+ #img_preview_container .board {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ #img_preview_container img {
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ object-fit: contain;
|
|
|
+ /* top:50%; */
|
|
|
+ position: relative;
|
|
|
+ /* transform:translateY(-50%) */
|
|
|
+ }
|
|
|
+
|
|
|
+ #huke_goods {
|
|
|
+ height: 100vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ .huke_goods_content {
|
|
|
+ padding: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .form-block-preview {
|
|
|
+ display: none !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ops button {
|
|
|
+ border: 1px solid #4c96e9;
|
|
|
+ background: none;
|
|
|
+ border-radius: 1rem;
|
|
|
+ font-size: 1rem;
|
|
|
+ padding: 1rem 2rem;
|
|
|
+ color: #4c96e9;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<div class="page_content with_card">
|
|
|
+ <div class="my-block-from not-inarticle" id="huke_form_280258" data-value="280258" data-name="来晋就业创业人才意向征集表" style="background: rgb(255, 255, 255);">
|
|
|
+ <div class="submit_success">
|
|
|
+ <img src="{{ theme_asset('mobile/images/nqetx-gs9p1.jpg') }}" alt="提交成功" width="120">
|
|
|
+ <div class="form_submit_success">您的资料已成功登记</div>
|
|
|
+ <div class="submit_success-guideText">长按识别,添加客服微信,随时了解动态</div>
|
|
|
+ <div class="submit_success-qrCode">
|
|
|
+ <div class="fishd-image-loader fishd-image-loader-loaded">
|
|
|
+ <img src="{{ theme_asset('mobile/images/success_qrcode.png') }}">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="submit_success-tips"></div>
|
|
|
+ <div class="ops">
|
|
|
+ <button onclick="javascrtpt:window.location.href='https://www.jucai.gov.cn/mobile/talent/shuobo'">
|
|
|
+ 返回硕博人才专区
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+</body>
|
|
|
+</html>
|