dos

Public/static/css/index.css

-.wrap {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  margin: 0 auto;
-  overflow: hidden;
-}
-
-.wrap-inner {
-  position: absolute;
-  overflow: hidden;
-  left: 0;
-  width: 640px;
-  height: 1238px;
-  top: 50%;
-  transform: translate(0, -50%);
-  -webkit-transform: translate(0, -50%);
-}
-
-/*消除ios点击阴影*/
-html,
 body {
 body {
-  -webkit-text-size-adjust: 100%;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  /* ios 滑动 */
-  -webkit-overflow-scrolling: touch;
+  user-select: none;
   -webkit-user-select: none;
   -webkit-user-select: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  font-family: "Microsoft YaHei";
 }
 }
 
 
-/*消除ios动画抖动*/
-* {
-  -webkit-backface-visibility: hidden;
-}
-
-/* 去除滚动条 */
-::-webkit-scrollbar {
-  width: 0;
-  height: 1px
-}
-
-/* 清除浮动 */
-.clearfix:after {
-  content: ".";
-  display: block;
-  height: 0;
-  clear: both;
-  visibility: hidden;
-}
-
-.clearfix {
-  *zoom: 1;
+canvas,
+canvas img {
+  width: 100%;
+  height: 100%;
 }
 }
 
 
-.page {
-  display: none;
+@font-face {
+  font-family: 'fzlt';
+  src: url(./fzlt.ttf);
 }
 }
 
 
-.hd {
-  background: rgba(0, 0, 0, 0.8);
+#notification_area {
+  z-index: 20000;
+  padding: 0;
+  margin: 0;
 }
 }
 
 
-.bg {
-  background-size: 100%;
+.notify_center {
+  background: #1E211F;
 }
 }
 
 
-input::-webkit-input-placeholder {
-  /* placeholder颜色  */
-  color: #333;
+.notification {
+  clear: left;
+  float: left;
+  list-style: none;
 }
 }
 
 
-input[name=name],
-input[name=job-number] {
-  font-size: 24px;
-  color: #333;
-  line-height: 35px;
-  text-align: center;
-  padding: 0 30px;
-  box-sizing: border-box;
-  outline: none;
+.notification iframe {
   border: 0;
   border: 0;
 }
 }
 
 
-.page1 .num {
-  font-size: 28px;
-  color: #fff;
-  text-align: center;
-  line-height: 40px;
-  letter-spacing: 4px;
-  /* font-family: 'text'; */
-}
-
-.page1 .num .numbig {
-  font-size: 40px;
-  font-family: 'num';
-}
-
-.page1 .regulate-block {
-  z-index: 12;
+.notification iframe body {
+  margin: 0;
 }
 }
 
 
-
-#posterCanvas {
-  display: none;
-  width: 640px;
-  height: 1238px;
+.notify_content {
+  float: left;
+  background: #1E211F;
+  color: #eee;
+  padding: 20px;
+  border-radius: 5px;
+  opacity: .7;
+  max-width: 450px;
+  font-size: 30px;
 }
 }
 
 
-#uploadCanvas {
+.container {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
-}
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+  overflow: hidden;
 
 
-.posterimg {
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  opacity: 0;
 }
 }
 
 
-.logo {
-  z-index: 11;
+.page {
+  top: 50%;
+  transform: translate(0, -50%);
 }
 }
 
 
-.end-page {
-  position: absolute;
-  top: 0;
-  z-index: 10;
+.L-arrow,
+.R-arrow {
+  z-index: 9;
 }
 }
 
 
-.username {
-  font-size: 45px;
-  line-height: 45px;
-  color: #fff;
-  text-align: right;
-  font-weight: bolder;
+.inputTip {
+  pointer-events: none;
 }
 }
 
 
-.upload-page .top,
-.upload-page .bottom {
-  z-index: 1;
+.img {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  position: absolute;
 }
 }
 
 
-.company {
-  color: #fff;
-  text-align: right;
-  font-size: 20px;
+.img img {
+  width: 100%;
+  height: 100%;
 }
 }
 
 
-.home-logo {
-  z-index: 1;
+input[name=username] {
+  font-size: 30px;
+  /*text-indent: 20px;*/
+  text-align: center;
+  outline: none;
+  font-family: "fzlt";
 }
 }
\ No newline at end of file