静态资源新增

static/user_guide.css

@@ -0,0 +1,283 @@
+@charset "UTF-8";
+* {
+  margin: 0;
+  padding: 0;
+}
+a {
+  text-decoration: none;
+}
+body {
+  font-family: "SourceHanSansCN", "Helvetica Neue", Arial, Verdana, sans-serif;
+  -webkit-font-smoothing: antialiased;
+}
+@media screen and (min-width: 320px) {
+  body {
+    width: 100%;
+    max-width: 750px;
+    margin: 0 auto;
+    text-align: center;
+  }
+  .container {
+    width: 100%;
+    line-height: 1;    
+  }
+  .container div.home {
+    position: relative;
+    width: 100%;
+    height: 12.2rem;
+    font-size: 0;
+    padding-left: 0.4rem;
+    text-align: left;
+    box-sizing: border-box;
+  }
+  .container div.home li {
+    width: 4.6rem;
+    height: 0.9rem;
+    line-height: 0.9rem;
+    border-bottom: 1px solid rgba(0,0,0,0.08);
+  }
+  .container div.home li a {
+    display: block;
+  }
+  .container div.home li a:focus {
+    outline: none;
+  }
+  .container div.home li img {
+    width: 0.3rem;
+    margin-right: 0.16rem;
+    vertical-align: middle;
+  }
+  .container div.home li span {
+    font-size: 0.26rem;
+    color: rgba(51,51,51,1);
+    vertical-align: middle;
+  }
+  .container div.content {
+    position: absolute;
+    left: 0.4rem;
+  }
+  .container div.bg {
+    position: absolute;
+    right: 0;
+    width: 2.18rem;
+    height: 100%;
+    background: url('http://cn-file.17pdf.com/website/usermanual/menu_pic_directory.png');
+    background-size: 2.18rem auto;
+  }
+  .container div.home h2 {
+    margin-top: 0.66rem;
+    margin-bottom: 0.78rem;
+    line-height: 0.54rem;
+    color: #ff4f4f;
+    font-size: 0.36rem;
+    font-weight: bold;
+  }
+  .container > ul li {
+    position: relative;
+    padding: 0 0.4rem;
+    border-top: 1px solid #dcdcdc;
+    text-align: left;
+    overflow: hidden;
+    list-style: none;
+  }
+  .container li h2 {
+    margin-top: 0.66rem;
+    margin-bottom: 0.36rem;
+    font-size: 0.36rem;
+    font-weight:bold;
+    color:rgba(255,79,79,1);
+  }
+  .container li h3 {
+    font-size: 0.26rem;
+    line-height: 0.36rem;
+    font-weight: bold;
+    color: #333;
+  }
+  .container li .step-content {
+    padding: 0.2rem 0 0 0.23rem;
+    font-size: 0.22rem;
+    color: #333;
+    line-height: 0.32rem;
+  }
+  .container li .step-content .st-detail {
+    margin-top: 0.2rem;
+  }
+  .container .step-content .st-detail .step {
+    display: flex;
+  }
+  .container .step-content .st-detail span {
+    vertical-align: middle;
+  }
+  .container .step-content .st-detail .content {
+    flex: 1;
+    margin-left: 0.36rem;
+  }
+  .container .step-content .st-detail .content img {
+    width: auto;
+    height: 18px;
+    vertical-align: middle;
+  }
+  .container .step-content .st-detail .num {
+    position: absolute;
+    display: inline-block;
+    width: 0.52rem;
+    height: 0.52rem;
+    margin-top: 0.02rem;
+    margin-right: 0.1rem;
+    background-color: #000;
+    color: #fff;
+    font-size: 0.36rem;
+    font-weight: 600;
+    line-height: 0.52rem;
+    text-align: center;
+    border-radius: 50%;
+     transform: scale(0.5);
+    transform-origin: 0% 0%;
+  }
+  .container .step-content .st-fir {
+    margin-top: 0.38rem;
+  }
+  .container .step-content .st-sec {
+    margin-top: 0.4rem;
+  }
+  .container .step-content .st-thr {
+    margin-top: 0.4rem;
+  }
+  .container .step-content .st-fou {
+    margin-top: 0.3rem;
+    margin-bottom: 0.8rem;
+    line-height: 0.32rem;
+  }
+  .container .step-content .st-detail > img {
+    width: 3.6rem;
+    margin-top: 0.3rem;
+  }
+  .container li div.num {
+    position: absolute;
+    bottom: 0.15rem;
+    right: 0.41rem;
+    font-size: 0.22rem;
+    color: #333;
+  }
+  .container li:nth-child(2) h3 {
+    margin-top: 0.66rem;
+  }
+  .container li:nth-child(2) .step-content:nth-child(4) p {
+    margin-bottom: 3.8rem;
+  }
+  .container li:nth-child(3) .st-fir {
+    margin-top: 0;
+    margin-bottom: 1rem;
+  }
+  .container li:nth-child(4) .st-detail.st-last {
+    margin-bottom: 0.8rem;
+  }
+  .container li:nth-child(4) .st-thr {
+    margin-bottom: 0.66rem;
+  }
+  .container li .explain {
+    margin-bottom: 0.2rem;
+    font-size: 0.22rem;
+    color: #333;
+    line-height: 0.36rem;
+  }
+  .container li:nth-child(5) .st-sec {
+    margin-bottom: 0.8rem;
+  }
+  .container.english li:nth-child(5) .step-content {
+    padding-top: 0;
+  }
+  .container li:nth-child(6) p {
+    margin-top: 0.46rem;
+  }
+  .container li:nth-child(6) .step-content .st-fir {
+    margin-top: 0.2rem;
+    margin-bottom: 0.5rem;
+  }
+  .container li:nth-child(6) .step-content .st-sec {
+    margin-top: 0.08rem;
+    margin-bottom: 0.32rem;
+  }
+  .container li:nth-child(6) .step-content .st-thr img {
+    margin-bottom: 0.32rem;
+  }
+  .container li:nth-child(7) h3 {
+    margin-top: 0.66rem;
+  }
+  .container li:nth-child(7) .step-content .st-last {
+    margin-bottom: 0.9rem;
+  }
+  .container li:nth-child(8) .step-content {
+    padding-top: 0;
+  }
+  .container li:nth-child(9) .step-content {
+    padding-top: 0;
+  }
+  .container li:nth-child(9) .step-content .st-last {
+    margin-bottom: 0.8rem;
+  }
+  .container li:nth-child(10) h3 {
+    margin-bottom: 0.2rem;
+  }
+  .container li:nth-child(10) .step-content {
+    padding-top: 0;
+    margin-bottom: 0.6rem;
+  }
+  .container li:nth-child(11) {
+    padding-bottom: 0.6rem;
+  }
+  .container li:nth-child(11) .step-content:first-child p {
+    margin-top: 0.46rem;
+  }
+  .container li:nth-child(11) h3 {
+    margin-top: 0.6rem;
+  }
+  .container li:nth-child(11) .step-content .st-fou {
+    margin-bottom: 0.2rem;
+  }
+  .container li:nth-child(12) .step-content p:nth-child(4) {
+    margin-top: 0.2rem;
+  }
+  .container li:nth-child(12) .step-content {
+    padding-top: 0;
+    margin-bottom: 0.6rem;
+  }
+  .container li:nth-child(13) .step-content {
+    padding-top: 0;
+    margin-bottom: 1.5rem;
+  }
+  .container li:nth-child(15) p {
+    margin-bottom: 0.2rem;
+    font-size: 0.22rem;
+    color: #333;
+  }
+  .container li:nth-child(15) .step-content {
+    margin-bottom: 3.0rem;
+    padding-top: 0;
+  }
+  .container li:nth-child(16) .step-content {
+    margin-bottom: 0.7rem;
+  }
+  .container >ul li:last-child {
+    padding: 0.72rem 0.4rem 0 0.7rem;
+  }
+  .container li .footer {
+    margin-bottom: 7.5rem;
+  }
+  .container li .footer p {
+    font-size: 0.22rem;
+    line-height: 0.32rem;
+    color: #333;
+    margin-top: 0.2rem;
+  }
+  .container .footer p img {
+    width: 0.4rem;
+    height: 0.4rem;
+    margin-right: 0.16rem;
+    vertical-align: middle;
+  }
+  .container .footer p span {
+    border-bottom: 2px solid #dcdcdc;
+    color: #333;
+  }
+}

static/userguide.html

@@ -0,0 +1,65 @@
+<!DOCTYPE HTML>
+<html lang="zh-cmn-Hans">
+<head>
+	<meta charset="utf-8">
+	<meta name ="viewport" content ="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+	<style type="text/css">
+		body{
+			background: #404040;
+			padding: 0px;
+			margin: 0px;
+		}
+		ul{
+			width: 1024px;
+			margin: 0px auto;
+			padding: 0px;
+			max-width: 100%;
+			background: #404040;
+		}
+		li{
+			list-style: none;
+			width: 100%;
+			background: #fff;
+			text-align: center;
+			min-height: 450px;
+			border-top: 1px solid #dcdcdc;
+			margin-top: 40px;
+		}
+		img{
+			max-width: 100%;
+		}
+		@media screen and (max-width: 1024px) {
+			body{
+				background: #fff;
+			}
+			ul{
+				width: 100%;
+				background: #fff;
+			}
+			li{
+				width: 100%;
+				margin-top: 0px;
+			}
+		}
+	</style>
+</head>
+<body>
+	<ul>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/1.jpg" /></li>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/2.jpg" /></li>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/3.jpg" /></li>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/4.jpg" /></li>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/5.jpg" /></li>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/6.jpg" /></li>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/7.jpg" /></li>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/8.jpg" /></li>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/9.jpg" /></li>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/10.jpg" /></li>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/11.jpg" /></li>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/12.jpg" /></li>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/13.jpg" /></li>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/14.jpg" /></li>
+		<li><img src="http://cn-file.17pdf.com/website/userguide/15.jpg" /></li>
+	</ul>
+</body>
+</html>