10 months ago · dc1202f38a
--- a/cggw/index.html
+++ b/cggw/index.html
@@ -367,7 +367,7 @@
 
				             </div>
			
 
				             <a target="_blank" href="https://beian.miit.gov.cn/" class="bottom">
			
 
				                 闽ICP备2023001778号-1
			
 
				-                © 2023 财仝驾考驾考
			
 
				+                © 2024 财仝驾考驾考
			
 
				             </a>
			
 
				         </div>
			
 
				     </div>
			
--- a/jsjp_gw.zip
+++ b/jsjp_gw.zip
--- a/jsjp_gw/assets/logo@2x.png
+++ b/jsjp_gw/assets/logo@2x.png
--- a/jsjp_gw/assets/二维码@2x.png
+++ b/jsjp_gw/assets/二维码@2x.png
--- a/jsjp_gw/assets/图层
+++ b/jsjp_gw/assets/图层
--- a/jsjp_gw/downloadApp.html
+++ b/jsjp_gw/downloadApp.html
@@ -0,0 +1,145 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>极速驾培app下载</title>
			
 
				+    <style type="text/css">
			
 
				+        * {
			
 
				+            margin: 0;
			
 
				+            padding: 0;
			
 
				+            box-sizing: border-box;
			
 
				+            border: 0;
			
 
				+        }
			
 
				+
			
 
				+        #app {
			
 
				+            width: 100%;
			
 
				+            position: relative;
			
 
				+            overflow: hidden;
			
 
				+        }
			
 
				+
			
 
				+        .logo {
			
 
				+            width: 50%;
			
 
				+            position: absolute;
			
 
				+            left: 25%;
			
 
				+            top: 17vw;
			
 
				+        }
			
 
				+
			
 
				+        .bg {
			
 
				+            width: 100%;
			
 
				+            overflow: hidden;
			
 
				+            font-size: 0;
			
 
				+        }
			
 
				+
			
 
				+        .qr {
			
 
				+            position: absolute;
			
 
				+            top: 121vw;
			
 
				+            width: 25vw;
			
 
				+            height: 25vw;
			
 
				+            left: 37.5vw;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .button1 {
			
 
				+            width: 64vw;
			
 
				+            line-height: 12.8vw;
			
 
				+            background: #498EF5;
			
 
				+            border-radius: 48px;
			
 
				+            font-size: 6.4vw;
			
 
				+            position: absolute;
			
 
				+            top: 164vw;
			
 
				+            left: 18vw;
			
 
				+            color: #fff;
			
 
				+            text-align: center;
			
 
				+
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .button2 {
			
 
				+            position: absolute;
			
 
				+            width: 64vw;
			
 
				+            line-height: 12.8vw;
			
 
				+            background: #498EF5;
			
 
				+            border-radius: 48px;
			
 
				+            font-size: 6.4vw;
			
 
				+            top: 180vw;
			
 
				+            left: 18vw;
			
 
				+            color: #fff;
			
 
				+            text-align: center;
			
 
				+
			
 
				+        }
			
 
				+    </style>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+    <div class="#app">
			
 
				+
			
 
				+        <img class="bg" src="./assets/图层 79@2x.png">
			
 
				+        <img class="logo" src="./assets/logo@2x.png">
			
 
				+        <img class="qr" src="./assets/二维码@2x.png">
			
 
				+        <div onclick="downLoadApp1()" class="button1">
			
 
				+            点击下载1
			
 
				+        </div>
			
 
				+        <div onclick="downLoadApp2()" class="button2">
			
 
				+            点击下载2
			
 
				+        </div>
			
 
				+
			
 
				+    </div>
			
 
				+    <script>
			
 
				+        function getPhoneSystem() {
			
 
				+            var u = navigator.userAgent;
			
 
				+            if (u.indexOf('Android') > -1) {
			
 
				+                return 'android'
			
 
				+            }
			
 
				+            if (u.indexOf("iPhone") > -1 || u.indexOf("iOS") > -1) {
			
 
				+                return 'ios';
			
 
				+            }
			
 
				+        }
			
 
				+        function isWeixin() {
			
 
				+            var ua = navigator.userAgent.toLowerCase();
			
 
				+            if (ua.search('micromessenger') !== -1) {
			
 
				+                return true;
			
 
				+            } else {
			
 
				+                return false;
			
 
				+            }
			
 
				+        }
			
 
				+        function downLoadApp1() {
			
 
				+            if (getPhoneSystem() == 'ios' && isWeixin() == false) {
			
 
				+               // window.location.href = 'https://apps.apple.com/us/app/极速驾培/id1214200225'
			
 
				+               window.location.href = "https://itunes.apple.com/cn/app/id1214200225"
			
 
				+
			
 
				+
			
 
				+            }
			
 
				+            if (getPhoneSystem() == 'android' && isWeixin() == false) {
			
 
				+                window.location.href ='https://t1-1305573081.file.myqcloud.com/apk/fj_student_2.1.5.apk'
			
 
				+
			
 
				+
			
 
				+            }
			
 
				+            else {
			
 
				+               // window.location.href = "https://itunes.apple.com/cn/app/id1214200225"
			
 
				+            }
			
 
				+
			
 
				+
			
 
				+        }
			
 
				+        function downLoadApp2() {
			
 
				+            if (getPhoneSystem() == 'ios' && isWeixin() == false) {
			
 
				+               // window.location.href = 'https://apps.apple.com/us/app/极速驾培/id1214200225'
			
 
				+               window.location.href = "https://apps.apple.com/us/app/极速驾培/id1214200225"
			
 
				+
			
 
				+
			
 
				+            }
			
 
				+            if (getPhoneSystem() == 'android' && isWeixin() == false) {
			
 
				+                window.location.href ='https://t1-1305573081.file.myqcloud.com/apk/fj_student_2.1.5.apk'
			
 
				+
			
 
				+
			
 
				+            }
			
 
				+            else {
			
 
				+               // window.location.href = "https://itunes.apple.com/cn/app/id1214200225"
			
 
				+            }
			
 
				+        }
			
 
				+
			
 
				+    </script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/qcgw/assets/1.png
+++ b/qcgw/assets/1.png
--- a/qcgw/assets/2.png
+++ b/qcgw/assets/2.png
--- a/qcgw/assets/3.png
+++ b/qcgw/assets/3.png
--- a/qcgw/assets/4.png
+++ b/qcgw/assets/4.png
--- a/qcgw/assets/下载@2x.png
+++ b/qcgw/assets/下载@2x.png
--- a/qcgw/assets/下载标题@2x.png
+++ b/qcgw/assets/下载标题@2x.png
--- a/qcgw/assets/产品介绍.png
+++ b/qcgw/assets/产品介绍.png
--- a/qcgw/assets/产品特征.png
+++ b/qcgw/assets/产品特征.png
--- a/qcgw/assets/安卓.png
+++ b/qcgw/assets/安卓.png
--- a/qcgw/assets/安卓按钮.png
+++ b/qcgw/assets/安卓按钮.png
--- a/qcgw/assets/官网轮播图.png
+++ b/qcgw/assets/官网轮播图.png
--- a/qcgw/assets/性能跟踪@2x.png
+++ b/qcgw/assets/性能跟踪@2x.png
--- a/qcgw/assets/更新图库.png
+++ b/qcgw/assets/更新图库.png
--- a/qcgw/assets/永久免费@2x.png
+++ b/qcgw/assets/永久免费@2x.png
--- a/qcgw/assets/白字logo.png
+++ b/qcgw/assets/白字logo.png
--- a/qcgw/assets/练习.png
+++ b/qcgw/assets/练习.png
--- a/qcgw/assets/苹果.png
+++ b/qcgw/assets/苹果.png
--- a/qcgw/assets/苹果按钮.png
+++ b/qcgw/assets/苹果按钮.png
--- a/qcgw/assets/蒙版组
+++ b/qcgw/assets/蒙版组
--- a/qcgw/assets/财仝驾考logo.png
+++ b/qcgw/assets/财仝驾考logo.png
--- a/qcgw/assets/题库@2x.png
+++ b/qcgw/assets/题库@2x.png
--- a/qcgw/index.html
+++ b/qcgw/index.html
@@ -0,0 +1,392 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>官网</title>
			
 
				+    <style type="text/css">
			
 
				+        * {
			
 
				+            box-sizing: border-box;
			
 
				+            margin: 0;
			
 
				+            padding: 0;
			
 
				+        }
			
 
				+
			
 
				+        /* 头部区域的 */
			
 
				+        .head {
			
 
				+            height: 80px;
			
 
				+            width: 100%;
			
 
				+            position: relative;
			
 
				+            display: flex;
			
 
				+            justify-content: space-between;
			
 
				+            align-content: center;
			
 
				+            align-items: center;
			
 
				+            padding: 0 360px;
			
 
				+        }
			
 
				+
			
 
				+        .head .logo {
			
 
				+            width: 183px;
			
 
				+            height: 54px;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .head .option {
			
 
				+            cursor: pointer;
			
 
				+            color: black;
			
 
				+            font-size: 18px;
			
 
				+            font-weight: bold;
			
 
				+
			
 
				+
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .head .option>a {
			
 
				+            margin-right: 56px;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .head .option>a:link {
			
 
				+            color: black;
			
 
				+            text-decoration: none;
			
 
				+        }
			
 
				+
			
 
				+        .head .option>a:visited {
			
 
				+            color: black;
			
 
				+        }
			
 
				+
			
 
				+        #head .option .selected {
			
 
				+
			
 
				+            color: #498EF5;
			
 
				+            text-decoration: underline;
			
 
				+            text-decoration-thickness: 4px;
			
 
				+            text-underline-offset: 6px;
			
 
				+            text-decoration-color: #498EF5;
			
 
				+        }
			
 
				+
			
 
				+        /* banner图的 */
			
 
				+        .banner {
			
 
				+            width: 100%;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .banner>img {
			
 
				+            width: 100%;
			
 
				+        }
			
 
				+
			
 
				+        /* 产品介绍的 */
			
 
				+        .intro {
			
 
				+            width: 100%;
			
 
				+            display: flex;
			
 
				+            justify-content: center;
			
 
				+            flex-wrap: wrap;
			
 
				+            padding-top: 50px;
			
 
				+            padding-bottom: 47px;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .intro .img1 {
			
 
				+            width: 200px;
			
 
				+
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .intro .section {
			
 
				+            margin-top: 18px;
			
 
				+            display: flex;
			
 
				+            flex-wrap: wrap;
			
 
				+        }
			
 
				+
			
 
				+        .intro .section .text {
			
 
				+            margin-top: 120px;
			
 
				+            margin-left: 176px;
			
 
				+            width: 500px;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        /* 产品特征 */
			
 
				+        .features {
			
 
				+            padding: 50px 0;
			
 
				+            background-color: #F4F6FA;
			
 
				+            display: flex;
			
 
				+            flex-wrap: wrap;
			
 
				+            justify-content: center;
			
 
				+
			
 
				+
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .features .text {
			
 
				+            display: flex;
			
 
				+        }
			
 
				+
			
 
				+        .features .item {
			
 
				+            width: 285px;
			
 
				+            height: 263px;
			
 
				+            background-color: #fff;
			
 
				+            margin-left: 20px;
			
 
				+            position: relative;
			
 
				+        }
			
 
				+
			
 
				+        .features .item>img {
			
 
				+
			
 
				+            margin-top: 60px;
			
 
				+            margin-left: 109px;
			
 
				+            width: 80px;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .features .item .item-text {
			
 
				+            text-align: center;
			
 
				+            margin-top: 10px;
			
 
				+            color: #5C6066;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        /* 下载 */
			
 
				+        .download {
			
 
				+            padding: 50px 0;
			
 
				+            display: flex;
			
 
				+            flex-wrap: wrap;
			
 
				+            justify-content: center;
			
 
				+
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .download .left {
			
 
				+            margin-top: 110px;
			
 
				+        }
			
 
				+
			
 
				+        .download .left .download-buttons {
			
 
				+            margin-top: 36px;
			
 
				+            height: auto;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .download .download-text1 {
			
 
				+            color: #0A1A33;
			
 
				+            font-size: 40px;
			
 
				+            padding-right: 10px;
			
 
				+        }
			
 
				+
			
 
				+        .download .download-text2 {
			
 
				+            color: #0A1A33;
			
 
				+            font-size: 40px;
			
 
				+            padding-right: 10px;
			
 
				+        }
			
 
				+
			
 
				+        .download .download-android {
			
 
				+            background-image: url('./assets/安卓按钮.png');
			
 
				+            width: 280px;
			
 
				+            height: 64px;
			
 
				+            background-size: 100% 100%;
			
 
				+            margin-right: 20px;
			
 
				+        }
			
 
				+
			
 
				+        .download .download-ios {
			
 
				+            background-image: url('./assets/苹果按钮.png');
			
 
				+            width: 280px;
			
 
				+            height: 64px;
			
 
				+            background-size: 100% 100%;
			
 
				+        }
			
 
				+
			
 
				+        .download .icon {
			
 
				+            margin-left: 160px;
			
 
				+            margin-top: 57px;
			
 
				+        }
			
 
				+
			
 
				+        .download .icon>img {
			
 
				+            width: 353px;
			
 
				+        }
			
 
				+
			
 
				+        /* 联系 */
			
 
				+        .contact {
			
 
				+            display: flex;
			
 
				+            flex-wrap: wrap;
			
 
				+            background-color: #151E30;
			
 
				+            padding-top: 50px;
			
 
				+            justify-content: center;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .right {
			
 
				+            margin-left: 390px;
			
 
				+            display: flex;
			
 
				+            justify-content: center;
			
 
				+            flex-wrap: wrap;
			
 
				+            width: 400px;
			
 
				+            padding-bottom: 50px;
			
 
				+        }
			
 
				+
			
 
				+        .left {
			
 
				+            padding-bottom: 50px;
			
 
				+        }
			
 
				+
			
 
				+        .contact .logo {
			
 
				+            width: 405px;
			
 
				+        }
			
 
				+
			
 
				+        .contact .name {
			
 
				+            font-size: 26px;
			
 
				+            color: #FFFFFF;
			
 
				+        }
			
 
				+
			
 
				+        .contact .address {
			
 
				+            font-size: 18px;
			
 
				+            color: #FFFFFF;
			
 
				+        }
			
 
				+
			
 
				+        .contact .phone {
			
 
				+            color: #fff;
			
 
				+            font-size: 36px;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .contact .bottom {
			
 
				+            box-sizing: content-box;
			
 
				+            width: 100%;
			
 
				+            border-top: 1px solid #fff;
			
 
				+            height: 82px;
			
 
				+            line-height: 82px;
			
 
				+            text-align: center;
			
 
				+            color: #fff;
			
 
				+
			
 
				+        }
			
 
				+    </style>
			
 
				+</head>
			
 
				+
			
 
				+
			
 
				+<body>
			
 
				+    <div class="container">
			
 
				+        <div id="head" class="head">
			
 
				+            <img class="logo" src="./assets/财仝驾考logo.png" />
			
 
				+            <div class="option">
			
 
				+                <a onclick="selectHeadOption(this)" class="selected" href="#head" data-index="0">首页</a>
			
 
				+                <a onclick="selectHeadOption(this)" href="#intro" data-index="1">产品介绍</a>
			
 
				+                <a onclick="selectHeadOption(this)" href="#features" data-index="2">产品特征</a>
			
 
				+                <a onclick="selectHeadOption(this)" href="#price" data-index="3">产品价格</a>
			
 
				+                <a onclick="selectHeadOption(this)" href="#download" data-index="4">下载</a>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <div class="banner">
			
 
				+            <img src="./assets/官网轮播图.png" />
			
 
				+
			
 
				+        </div>
			
 
				+        <div class="intro" id="intro">
			
 
				+            <div style="width: 100%;text-align: center;" class="">
			
 
				+                <img class="img1" src="./assets/产品介绍.png">
			
 
				+            </div>
			
 
				+            <div class="section">
			
 
				+
			
 
				+                <img style="width: 414px;" src="./assets/产品介绍配图.png">
			
 
				+
			
 
				+
			
 
				+                <div class="text">
			
 
				+                    青葱学驾驾考是最佳的驾驶考试准备应用程序，帮助您为驾驶考试做准备。通过基于官方考试的练习测试题目、每道题目的详细解释、帮助识别弱点的性能跟踪以及定期更新的题目库，我们提供最全面、最实用的考试资源，帮助您轻松通过考试。
			
 
				+                </div>
			
 
				+
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <div class="features" id="features">
			
 
				+            <div class="" style="width: 100%;text-align: center;">
			
 
				+                <img src="./assets/产品特征.png" />
			
 
				+            </div>
			
 
				+            <div class="text">
			
 
				+                <div class="item">
			
 
				+                    <img src="./assets/练习.png" />
			
 
				+                    <div class="item-text">基于官方考试的练习题目</div>
			
 
				+                </div>
			
 
				+                <div class="item">
			
 
				+                    <img src="./assets/题库.png" />
			
 
				+                    <div class="item-text">详细的题目解释</div>
			
 
				+                </div>
			
 
				+                <div class="item">
			
 
				+                    <img src="./assets/性能跟踪.png" />
			
 
				+                    <div class="item-text">性能跟踪帮助识别弱点</div>
			
 
				+                </div>
			
 
				+                <div class="item">
			
 
				+                    <img src="./assets/更新图库.png" />
			
 
				+                    <div class="item-text">定期更新的题目库</div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <div class="banner" id="price">
			
 
				+            <img src="./assets/永久免费.png" />
			
 
				+
			
 
				+        </div>
			
 
				+        <div class="download" id="download">
			
 
				+            <div class="" style="width: 100%;text-align: center;">
			
 
				+                <img src="./assets/下载标题.png" />
			
 
				+            </div>
			
 
				+            <div class="left">
			
 
				+                <div>
			
 
				+                    <div class="download-text1">青葱学驾</div>
			
 
				+                    <div class="download-text2">您的驾考好助手</div>
			
 
				+                    <!-- 临时隐藏这部分 -->
			
 
				+                    <div class="download-buttons" style="display: none;">
			
 
				+                        <a href="https://ct.zzxcx.net/apk/ctjk1.0.5.apk">
			
 
				+                            <div class="download-android"></div>
			
 
				+                        </a>
			
 
				+                        <a href="https://itunes.apple.com/cn/app/id1670563437">
			
 
				+                            <div class="download-ios"></div>
			
 
				+                        </a>
			
 
				+                        <!-- 
			
 
				+                            // 跳转到应用商店:
			
 
				+(https)|(itms-apps)://itunes.apple.com/app/id{appID}
			
 
				+ 
			
 
				+// 跳转到撰写评价：
			
 
				+ (https)|(itms-apps)://itunes.apple.com/app/id{appID}?action=write-review
			
 
				+ 
			
 
				+// 跳转到查看评价：
			
 
				+ (https)|(itms-apps)://itunes.apple.com/app/viewContentsUserReviews?id={appID}
			
 
				+ 
			
 
				+
			
 
				+                         -->
			
 
				+
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+            <div class="icon">
			
 
				+                <img src="./assets/下载.png" />
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <div class="contact">
			
 
				+            <div class="left">
			
 
				+                <img class="logo" src="./assets/白字logo.png" />
			
 
				+                <div class="name">厦门祖儿网络科技</div>
			
 
				+                <div class="address">厦门市集美区岩隆路33号101室之7</div>
			
 
				+            </div>
			
 
				+            <div class="right">
			
 
				+                <!-- <div class="phone">电话：+86 17750216095</div> -->
			
 
				+                <div style="width: 100%;text-align: center;">
			
 
				+                    <img src="./assets/微信公众号二维码.png" />
			
 
				+                </div>
			
 
				+
			
 
				+                <div class="" style="color: #fff;">
			
 
				+                    青葱学驾微信公众号
			
 
				+                </div>
			
 
				+
			
 
				+            </div>
			
 
				+            <a target="_blank" href="https://beian.miit.gov.cn/" class="bottom">
			
 
				+                闽ICP备2023001778号-1
			
 
				+                © 2024 青葱学驾
			
 
				+            </a>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+    <script>
			
 
				+        let dataIndex = 0
			
 
				+        function selectHeadOption(e) {
			
 
				+            document.querySelectorAll(".head .option>a").forEach((item, index) => {
			
 
				+                item.className = ""
			
 
				+                if (Number(e.dataset.index) == index) {
			
 
				+                    document.querySelectorAll(".head .option>a")[index].className = 'selected'
			
 
				+                }
			
 
				+            })
			
 
				+    }
			
 
				+
			
 
				+    </script>
			
 
				+
			
 
				+
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/qcgw/qc_goods/img/btn1.png
+++ b/qcgw/qc_goods/img/btn1.png
--- a/qcgw/qc_goods/img/btn2.png
+++ b/qcgw/qc_goods/img/btn2.png
--- a/qcgw/qc_goods/img/good1.png
+++ b/qcgw/qc_goods/img/good1.png
--- a/qcgw/qc_goods/img/good_detail1.png
+++ b/qcgw/qc_goods/img/good_detail1.png
--- a/qcgw/qc_goods/img/good_detail2.png
+++ b/qcgw/qc_goods/img/good_detail2.png
--- a/qcgw/qc_goods/img/mini_good1.png
+++ b/qcgw/qc_goods/img/mini_good1.png
--- a/qcgw/qc_goods/img/mini_good2.png
+++ b/qcgw/qc_goods/img/mini_good2.png
--- a/qcgw/qc_goods/img/mini_good3.png
+++ b/qcgw/qc_goods/img/mini_good3.png
--- a/qcgw/qc_goods/img/mini_good4.png
+++ b/qcgw/qc_goods/img/mini_good4.png
--- a/qcgw/qc_goods/img/mini_good5.png
+++ b/qcgw/qc_goods/img/mini_good5.png
--- a/qcgw/qc_goods/img/收藏灰@2x.png
+++ b/qcgw/qc_goods/img/收藏灰@2x.png
--- a/qcgw/qc_goods/img/收藏红@2x.png
+++ b/qcgw/qc_goods/img/收藏红@2x.png
--- a/qcgw/qc_goods/img/组
+++ b/qcgw/qc_goods/img/组
--- a/qcgw/qc_goods/img/联合
+++ b/qcgw/qc_goods/img/联合
--- a/qcgw/qc_goods/index.html
+++ b/qcgw/qc_goods/index.html
@@ -0,0 +1,225 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>财仝驾考商品</title>
			
 
				+    <style type="text/css">
			
 
				+        * {
			
 
				+            padding: 0;
			
 
				+            margin: 0;
			
 
				+            box-sizing: content-box;
			
 
				+        }
			
 
				+
			
 
				+        .flex {
			
 
				+            display: flex;
			
 
				+        }
			
 
				+
			
 
				+        .inline-block {
			
 
				+            display: inline-block;
			
 
				+        }
			
 
				+
			
 
				+        .w-full {
			
 
				+            width: 100%;
			
 
				+        }
			
 
				+
			
 
				+        .w466 {
			
 
				+            width: 466px;
			
 
				+        }
			
 
				+
			
 
				+        .mt44 {
			
 
				+            margin-top: 44px;
			
 
				+        }
			
 
				+
			
 
				+        .mt109 {
			
 
				+            margin-top: 109px;
			
 
				+        }
			
 
				+
			
 
				+        .ml360 {
			
 
				+            margin-left: 360px;
			
 
				+        }
			
 
				+
			
 
				+        .ml40 {
			
 
				+            margin-left: 40px;
			
 
				+        }
			
 
				+        .ml48{
			
 
				+            margin-left: 48px;
			
 
				+        }
			
 
				+
			
 
				+        .mr20 {
			
 
				+            margin-right: 20px;
			
 
				+        }
			
 
				+
			
 
				+        .ml25 {
			
 
				+            margin-left: 25px;
			
 
				+        }
			
 
				+
			
 
				+        .w28 {
			
 
				+            width: 28px;
			
 
				+        }
			
 
				+
			
 
				+        .font30 {
			
 
				+            font-size: 30px;
			
 
				+        }
			
 
				+
			
 
				+        .font40 {
			
 
				+            font-size: 40px;
			
 
				+        }
			
 
				+
			
 
				+        .font-blod {
			
 
				+            font-weight: bold;
			
 
				+        }
			
 
				+
			
 
				+        .text-red {
			
 
				+            color: red;
			
 
				+        }
			
 
				+
			
 
				+        .align-middle {
			
 
				+            vertical-align: middle;
			
 
				+        }
			
 
				+
			
 
				+        .pr15 {
			
 
				+            padding-right: 15px;
			
 
				+        }
			
 
				+
			
 
				+        .pl15 {
			
 
				+            padding-left: 15px;
			
 
				+        }
			
 
				+
			
 
				+        .pt8 {
			
 
				+            padding-top: 8px;
			
 
				+        }
			
 
				+
			
 
				+        .pb8 {
			
 
				+            padding-bottom: 8px;
			
 
				+        }
			
 
				+
			
 
				+        .mt8 {
			
 
				+            margin-top: 8px;
			
 
				+        }
			
 
				+
			
 
				+        .mt50 {
			
 
				+            margin-top: 50px;
			
 
				+        }
			
 
				+
			
 
				+        .h50 {
			
 
				+            height: 50px;
			
 
				+        }
			
 
				+
			
 
				+        .lh50 {
			
 
				+            line-height: 50px;
			
 
				+        }
			
 
				+
			
 
				+        .w45 {
			
 
				+            width: 45px;
			
 
				+        }
			
 
				+
			
 
				+        .text-center {
			
 
				+            text-align: center;
			
 
				+        }
			
 
				+
			
 
				+        .w54 {
			
 
				+            width: 54px;
			
 
				+        }
			
 
				+
			
 
				+        .w120 {
			
 
				+            width: 120px;
			
 
				+        }
			
 
				+
			
 
				+        .w214 {
			
 
				+            width: 214px;
			
 
				+        }
			
 
				+
			
 
				+        .w282 {
			
 
				+            width: 282px;
			
 
				+        }
			
 
				+
			
 
				+        .w1102 {
			
 
				+            width: 1102px;
			
 
				+        }
			
 
				+
			
 
				+        .round5 {
			
 
				+            border-radius: 5px;
			
 
				+        }
			
 
				+    </style>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+    <div>
			
 
				+        <div class="mt109 ml360 flex">
			
 
				+            <div class="w28 mr20">
			
 
				+                <img src="./img/mini_good1.png" class="w-full">
			
 
				+                <img src="./img/mini_good2.png" class="w-full">
			
 
				+                <img src="./img/mini_good3.png" class="w-full">
			
 
				+                <img src="./img/mini_good4.png" class="w-full">
			
 
				+                <img src="./img/mini_good5.png" class="w-full">
			
 
				+            </div>
			
 
				+            <img class="w466" src="./img/good1.png">
			
 
				+            <div class="ml25">
			
 
				+                <span class="font30 font-blod">福州 | 华威夜间模拟灯光全套（东南V5）</span>
			
 
				+                <div class="align-middle">
			
 
				+                    <span>价格：</span><span class="font40 text-red">¥ 35.00</span>
			
 
				+                </div>
			
 
				+                <div class=" mt8">
			
 
				+                    <div>规格：<div style="
			
 
				+                        border: 1px solid #5C6066;display: inline-block;" class="pr15 pl15 pt8 pb8">考场视频</div>
			
 
				+                        <div style="
			
 
				+                        border: 1px solid red;display: inline-block;color: red;" class="pr15 pl15 pt8 pb8">考场视频</div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <div class=" mt8 flex round5">
			
 
				+                    <span class="lh50">数量：</span>
			
 
				+                    <div class="h50  flex lh50">
			
 
				+                        <div onclick="reduceQuantity1()" style="
			
 
				+                            border: 1px solid #5C6066;border-top-left-radius: 5px;border-bottom-left-radius: 5px;cursor: pointer;"
			
 
				+                            class="w45 h50 text-center inline-block ">-</div>
			
 
				+
			
 
				+                        <input value="1" class="w54 h50 inline-block text-center"
			
 
				+                            style="border: 1px solid #5C6066;outline: none;border-left: none;border-right: none;"
			
 
				+                            type="text" name="" id="quantity1">
			
 
				+                        <div onclick="addQuantity1()" style="
			
 
				+                            border: 1px solid #5C6066;border-top-right-radius: 5px;border-bottom-right-radius: 5px;cursor: pointer;"
			
 
				+                            class="w45 h50 text-center inline-block">+</div>
			
 
				+                        <span class="ml40">库存充足</span>
			
 
				+
			
 
				+                    </div>
			
 
				+
			
 
				+                </div>
			
 
				+                <div class="mt44">
			
 
				+                    <img class="w214" src="./img/btn1.png">
			
 
				+                    <img class="w282" src="./img/btn2.png">
			
 
				+                </div>
			
 
				+
			
 
				+
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <div class="ml360 mt50">
			
 
				+            <div>
			
 
				+                <img class="w120" src="./img/good_detail1.png">
			
 
				+            </div>
			
 
				+            <div class="ml48 mt50"> <img class="w1102" src="./img/good_detail2.png"></div>
			
 
				+
			
 
				+           
			
 
				+        </div>
			
 
				+
			
 
				+    </div>
			
 
				+</body>
			
 
				+<script>
			
 
				+    function addQuantity1(){
			
 
				+        document.getElementById('quantity1').value =Number( document.getElementById('quantity1').value)+1+''
			
 
				+    }
			
 
				+    function reduceQuantity1(){
			
 
				+        if(Number( document.getElementById('quantity1').value)==0){
			
 
				+            document.getElementById('quantity1').value='0'
			
 
				+            return
			
 
				+
			
 
				+        }
			
 
				+        document.getElementById('quantity1').value =Number( document.getElementById('quantity1').value)-1+''
			
 
				+        
			
 
				+    }
			
 
				+    
			
 
				+    
			
 
				+</script>
			
 
				+
			
 
				+</html>