diff --git "a/\351\203\221\345\212\233\350\261\252/20241110--\344\272\254\344\270\234.md" "b/\351\203\221\345\212\233\350\261\252/20241110--\344\272\254\344\270\234.md"
new file mode 100644
index 0000000000000000000000000000000000000000..1c1153dbb31c8d7441a250b79441e996391670bc
--- /dev/null
+++ "b/\351\203\221\345\212\233\350\261\252/20241110--\344\272\254\344\270\234.md"
@@ -0,0 +1,538 @@
+```cs
+* {
+    margin: 0;
+    padding: 0;
+}
+
+.box {
+    width: 390px;
+    height: 100%;
+}
+
+.app {
+    height: 50px;
+    
+    display: flex;
+
+}
+
+.jdapp {
+    width: 290px;
+    height: 100%;
+    background-color: rgb(51, 52, 51);
+    color: white;
+    display: flex;
+
+}
+
+.close {
+    height: 15px;
+    width: 15px;
+    margin-left: 10px;
+    margin-top: 20px;
+    background-image: url("./素材/jd/dh5-close.png");
+    background-size: cover;
+}
+
+.logo {
+    width: 30px;
+    height: 30px;
+    margin-left: 10px;
+    margin-top: 10px;
+    align-content: center;
+    background-image: url("./素材/jd/dh5-logo.png");
+    background-size: cover;
+}
+
+.ap {
+    margin-left: 10px;
+    margin-top: 10px;
+}
+
+
+
+.open {
+    width: 100px;
+    height: 100%;
+    background-color: rgb(244, 53, 21);
+    color: white;
+    align-content: center;
+}
+
+.begin {
+    margin-left: 19px;
+}
+
+
+
+.login {
+    height: 60px;
+    display: flex;
+    position: sticky;
+    top: 0;
+    background-color: rgb(195, 10, 11);
+}
+
+.left {
+    width: 40px;
+    height: 40px;
+}
+
+.lis {
+    margin-left: 10px;
+    margin-top: 19px;
+    width: 20px;
+    height: 20px;
+    background-image: url(./素材/jd/dh5-list.png);
+    background-size: cover;
+}
+
+.center {
+    margin-top: 12px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-image: url(./Snipaste_2024-11-08_10-57-12.png);
+    width: 300px;
+    height: 100%;
+}
+
+.jdt {
+    height: 30px;
+    width: 30px;
+    background-color: white;
+    border-right: 1px solid gray;
+    display: inline-block;
+}
+
+.jdti {
+    width: 20px;
+    height: 16px;
+    background-image: url(./素材/jd/dh5-left-jd.png);
+    background-size: cover;
+    margin: 7px auto;
+}
+
+.dlt {
+    background-color: white;
+    width: 34px;
+    height: 41px;
+    display: inline-block;
+}
+
+.dlti {
+    width: 17px;
+    height: 20px;
+    background: url('./素材/jd/dh5-jd-sprites.png') no-repeat -133px -62px;
+}
+
+input {
+    width: 215px;
+    height: 32px;
+
+}
+
+.right {
+    width: 44px;
+    height: 100%;
+}
+
+.logintxt {
+    color: white;
+    margin-left: 7px;
+    display: block;
+    margin-top: 17px;
+}
+
+.newyear {
+    height: 166px;
+    background-color: rgb(195, 10, 11);
+    background-image: url(./素材/jd/jdh5-banner.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.goods {
+    background-color: rgb(195, 10, 11);
+    height: 119px;
+    display: flex;
+    justify-content: space-between;
+}
+
+.erji {
+    height: 100%;
+    width: 94px;
+    background-image: url(./素材/jd/dh5-nianhuo1.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.watch {
+    height: 100%;
+    width: 205px;
+    background-image: url(./素材/jd/dh5-nianhuo2.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.jiadian {
+    width: 96px;
+    height: 100%;
+    background-image: url(./素材/jd/jdh5-nianhuo3.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.super {
+    height: 160px;
+ 
+    display: flex;
+    flex-direction: column;
+
+
+}
+
+.sky {
+    height: 80px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+}
+
+.d1 {
+    height: 70px;
+    width: 49px;
+    margin-left: 5px;
+    margin-right: 5px;
+
+}
+
+.jdsm {
+    display: inline-block;
+    color: gray;
+    font-size: 12px;
+    margin-top: 56px;
+}
+
+.dd1 {
+    background-image: url(./素材/jd/dh5-nav1.png);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.dd2 {
+    background-image: url(./素材/jd/dh5-nav2.png);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.dd3 {
+    background-image: url(./素材/jd/dh5-nav3.png);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.dd4 {
+    background-image: url(./素材/jd/dh5-nav4.png);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.dd5 {
+    background-image: url(./素材/jd/dh5-nav5.png);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.dd6 {
+    background-image: url(./素材/jd/dh5-nav6.png);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.dd7 {
+    background-image: url(./素材/jd/dh5-nav7.png);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.dd8 {
+    background-image: url(./素材/jd/dh5-nav8.png);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.dd9 {
+    background-image: url(./素材/jd/dh5-nav9.png);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.dd10 {
+    background-image: url(./素材/jd/dh5-nav10.png);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.other {
+    height: 130px;
+
+}
+
+.miaosha {
+    height: 25px;
+    width: 100%;
+}
+
+.jdms {
+    font-weight: bolder;
+    display: inline-block;
+    margin-left: 14px;
+}
+
+.jddc {
+    font-weight: bolder;
+    display: inline-block;
+    margin-left: 12px;
+}
+
+.imdc {
+    margin-left: 2px;
+    width: 23px;
+    height: 15px;
+    display: inline-block;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-image: url(./素材/jd/dh5-ms-dc.png);
+}
+
+.gdms {
+    margin-left: 4px;
+    font-weight: bolder;
+    display: inline-block;
+}
+
+.rightjd {
+    margin-left: 146px;
+    width: 12px;
+    height: 12px;
+    background-image: url(./素材/jd/dh5-ms-right.png);
+    background-repeat: no-repeat;
+    background-size: contain;
+    display: inline-block;
+}
+
+
+.many {
+    height: 105px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin-top: 6px;
+}
+
+.d2 {
+    height: 100%;
+    width: 60px;
+
+}
+
+.mmmm {
+    margin-left: 15px;
+}
+
+.mmm {
+    color: rgb(195, 10, 11);
+    font-size: 13px;
+    font-weight: bolder;
+    display: inline-block;
+    margin-top: 71px;
+    margin-left: 8px;
+}
+
+.ddd1 {
+    background-image: url(./素材/jd/jdh5-ms1.jpg);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.ddd2 {
+    background-image: url(./素材/jd/jdh5-ms2.jpg);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.ddd3 {
+    background-image: url(./素材/jd/jdh5-ms3.jpg);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.ddd4 {
+    background-image: url(./素材/jd/jdh5-ms4.jpg);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.ddd5 {
+    background-image: url(./素材/jd/jdh5-ms5.jpg);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.ddd6 {
+    background-image: url(./素材/jd/jdh5-ms6.jpg);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.foods {
+    height: 210px;
+   
+    display: flex;
+    justify-content: center;
+}
+
+.rice {
+    width: 190px;
+    height: 100%;
+   
+}
+
+.lll {
+    background-image: url(./素材/jd/jdh5-product1.webp);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.llll {
+    background-image: url(./素材/jd/jdh5-product2.webp);
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.down {
+    width: 390px;
+    height: 80px;
+    position: fixed;
+    bottom: 0;
+    background-color: white;
+}
+
+.downtxt {
+    line-height: 80px;
+    text-align: center;
+    color: gray;
+    font-weight: bolder;
+    font-size: 16px;
+    display: inline-block;
+}
+.txt1{
+    margin-left: 35px;
+}
+.txt2{
+    margin-left: 30px;
+}
+```
+```html
+<body>
+<div class="box">
+    <div class="app">
+        <div class="jdapp">
+            <div class="close"></div>
+            <div class="logo"></div>
+            <div class="ap">
+                <span>打开京东App，购物更轻松</span>
+            </div>
+        </div>
+        <div class="open">
+            <span class="begin">立即打开</span>
+        </div>
+    </div>
+
+
+    <div class="login">
+        <div class="left">
+            <div class="lis"></div>
+        </div>
+        <div class="center">
+            <!-- <div class="jdt">
+                <div class="jdti"></div>
+            </div>
+            <div class="dlt">
+                <div class="dlti"></div>
+            </div> -->
+            <!-- <input type="text" placeholder="键盘鼠标套装"> -->
+        </div>
+        <div class="right">
+            <span class="logintxt">登录</span>
+        </div>
+    </div>
+    <div class="newyear">
+
+    </div>
+    <div class="goods">
+        <div class="erji"></div>
+        <div class="watch"></div>
+        <div class="jiadian"></div>
+    </div>
+    <div class="super">
+        <div class="sky">
+            <div class="d1 dd1">
+                <span class="jdsm">京东超市</span>
+            </div>
+            <div class="d1 dd2"><span class="jdsm">京东超市</span></div>
+            <div class="d1 dd3"><span class="jdsm">京东超市</span></div>
+            <div class="d1 dd4"><span class="jdsm">京东超市</span></div>
+            <div class="d1 dd5"><span class="jdsm">京东超市</span></div>
+        </div>
+        <div class="sky">
+            <div class="d1 dd6"><span class="jdsm">京东超市</span></div>
+            <div class="d1 dd7"><span class="jdsm">京东超市</span></div>
+            <div class="d1 dd8"><span class="jdsm">京东超市</span></div>
+            <div class="d1 dd9"><span class="jdsm">京东超市</span></div>
+            <div class="d1 dd10"><span class="jdsm">京东超市</span></div>
+        </div>
+    </div>
+    <div class="other">
+        <div class="miaosha">
+            <span class="jdms">京东秒杀</span>
+            <span class="jddc">18</span>
+            <div class="imdc"></div>
+            <span class="gdms">更多秒杀</span>
+            <div class="rightjd"></div>
+        </div>
+        <div class="many">
+            <div class="d2 ddd1">
+                <span class="mmm mmmm">￥25</span>
+            </div>
+            <div class="d2 ddd2">
+                <span class="mmm">￥2568</span>
+            </div>
+            <div class="d2 ddd3">
+                <span class="mmm">￥28.8</span>
+            </div>
+            <div class="d2 ddd4">
+                <span class="mmm">￥19.7</span>
+            </div>
+            <div class="d2 ddd5">
+                <span class="mmm">￥420</span>
+            </div>
+            <div class="d2 ddd6">
+                <span class="mmm">￥42.9</span>
+            </div>
+        </div>
+    </div>
+    <div class="foods">
+        <div class="rice lll"></div>
+        <div class="rice llll"></div>
+    </div>
+    <div class="down">
+        <span class="downtxt txt1">首页</span>
+        <span class="downtxt txt2">分类</span>
+        <span class="downtxt txt2">京喜</span>
+        <span class="downtxt txt2">购物车</span>
+        <span class="downtxt txt2">未登录</span>
+    </div>
+</div>
+</body>
+```
\ No newline at end of file