first commit

历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/css/a.css

@@ -0,0 +1,406 @@
+/* bady{
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    z-index: -99999;
+    background: #1A0706 url("../img/下载.jpg");
+    background-size: cover;
+} */
+
+.bctop {
+    background: url("../img/下载2.png") 0 0 repeat;
+    height: 47px;
+    width: 100%;
+}
+
+.bctopc {
+    width: 90%;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-between;
+}
+
+.bctop_left {}
+
+.bctop_left a {
+    line-height: 47px;
+    font-size: 14px;
+    padding: 0 10px;
+    color: white;
+}
+
+.inputa {
+    width: 280px;
+    height: 30px;
+    background: #fff;
+    margin-top: 7px;
+    box-sizing: border-box;
+    position: relative;
+    margin-right: 10px;
+}
+
+.abc {
+    position: absolute;
+    top: -11px;
+    left: 30px;
+}
+
+.abc span {
+    color: #999 !important;
+}
+
+.inputa input {
+    box-sizing: border-box;
+    /* margin-top: -6px; */
+    padding: 5px;
+    outline: none;
+    border: 0;
+}
+
+.bctop_right {
+    display: flex;
+    box-sizing: border-box;
+    line-height: 47px;
+}
+
+.btr {
+    width: 30px;
+    height: 30px;
+    border: 1px solid #90909099;
+    background: #90909099;
+    margin-top: 7px;
+    margin-right: 10px;
+}
+
+.bctop_right span {
+    color: white;
+    font-size: 14px;
+    margin-right: 10px;
+}
+
+.log {
+    width: 100%;
+    height: 95px;
+}
+
+.log1 {
+    width: 90%;
+    margin: 0 auto;
+}
+
+.content {
+    width: 100%;
+    height: 800px;
+}
+
+.content_main {
+    width: 89.4%;
+    height: 100%;
+    margin: 0 auto;
+}
+
+.topaaa{
+    
+    height: 95px;
+}
+.main_top1 {
+    width: 100%;
+    height: 59px;
+    margin: 0 auto;
+}
+
+.main_top1 {}
+
+.main_top2 {
+    height: 800px;
+    display: flex;
+}
+
+.main_top2 .main_top2l {
+    width: 10%;
+    height:800px;
+    background: #fbf2dc url("../img/下载3.png") left top repeat-y;
+}
+
+.main_top2 .main_top2r {
+    width: 10%;
+    height: 800px;
+    background: #fbf2dc url("../img/下载4.png") right top repeat-y;
+}
+
+.mainc{
+    width: 80%;
+    display: flex;
+    background: #fbf2dc ;
+}
+
+.mainc_top{
+    width: 100%;
+    height: 60px;
+    display: flex;
+}
+.mainc_top .mainc_topl ul{
+    color: #fff;
+    display: flex;
+    justify-content: space-around;
+    line-height: 60px;
+
+}
+.mainc_top .mainc_topl{
+    background: #1A0706 url("../img/下载6.png") left top no-repeat;
+}
+.mainc_topl {
+    width: 68%;
+}
+.mainc_topr{
+    width: 40%;
+}
+.mainc_top{}
+
+.group{
+    display: none;
+    background: #fbf2dc;
+    color: black;
+}
+.mainc_topl ul li:hover {
+}
+.mainc_topl ul li {
+    font-size: 16px;
+    width: 137px;
+    height: 60px;
+    /* float: left; */
+    border-right: 1px solid #1A0706;
+}
+.acyivity{
+    color: yellow !important;
+}
+.mainc_topl ul {
+    text-align: center;
+
+}
+.mainc_topl ul li:hover .group {
+    display: block;
+}
+.mainc_topl ul li:hover{
+    background: #6e221e;
+}
+
+.mainc_topr{
+    margin-left: 20px;
+    background: url(https://www.mcbbs.net/template/mcbbs/image/notice_bg.png) left top no-repeat;
+}
+.iii{
+    height: 60px;
+    position: relative;
+}
+.mainc_topr .iii a{
+    position: absolute;
+    left: 50px;
+    top: 15px;
+}
+.subject{
+    margin-top: 10px;
+}
+.subject img{
+    width: 615px;
+}
+.user{
+    margin-top: 10px;
+    height: 280px;
+    background: url("../img/下载8.png") 0 0 no-repeat;
+    background-size: 270px 300px;
+    margin-bottom: 12px;
+}
+.user_log{
+    display: flex;
+}
+.user_log img{
+    width: 80px;
+    height: 80px;
+    margin-top: 30px;
+    margin-left: 10px;
+}
+.user_logr{
+    width: 120px;
+    height: 70px;
+    padding: 5px 10px;
+    margin-left: 10px;
+    margin-top: 30px;
+    background: url("../img/下载9.png") center center no-repeat;
+}
+.user_log a{
+    text-align: center;
+    font-size: 14px;
+}
+.way{
+    margin-top: 15px;
+}
+.way img{
+    margin-left: 20px;
+}
+.method{
+    font-size: 14px;
+    display: flex;
+    justify-content: space-around;
+    margin-top: 20px;
+}
+
+.recommend{
+    width: 100%;
+    height: 330px;
+    background: url("../img/下载11.png") left top no-repeat;
+    position: relative;
+}
+.recommend p{
+    margin-left: 50px;
+    font-weight: 600;
+    font-size: 16px;
+    text-align: center;
+    line-height: 34px;
+    position: absolute;
+    width: 80px;
+    height: 32px;
+    margin-top: 3px;
+    background: #fff;
+}
+.recommend_img{
+    width: 100%;
+    height: 100%;
+}
+.recommend_img .imgee{
+    width: 144px;
+    height: 91px;
+    margin-top: 36px;
+}
+.recommend_img{
+}
+.ull{
+    display: flex;
+    flex-wrap: wrap;
+}
+.ull .ull1{
+    width: 25%;
+}
+.ull1 h4{
+    font-size: 12px;
+}
+.people_all{
+display: flex;
+justify-content: space-between;
+width: 140px;
+}
+.people_all a{
+    font-size: 12px;
+}
+.news{
+    border-left: 2px solid #999;
+    border-right: 2px solid #999;
+    border-bottom: 2px solid #999;
+}
+.news .vbc{
+    width: 100%;
+    height: 32px;
+    background: url("../img/下载11.png") left top no-repeat;
+}
+.news p{
+    margin-left: 50px;
+    font-weight: 600;
+    font-size: 16px;
+    text-align: center;
+    line-height: 34px;
+    position: absolute;
+    width: 80px;
+    height: 32px;
+    margin-top: 3px;
+    background: #fff;
+}
+.news_main{
+    width: 90%;
+    height: 121px;
+    margin: 0 auto;
+    margin-top: 20px;
+}
+.news_main .main_ooo h5{
+    height: 30px;
+    color: green;
+    border-bottom: 2px solid #999;
+}
+.news_main a{
+    font-size: 12px;
+    color: green;
+}
+.down{
+    border-left: 2px solid #999;
+    border-right: 2px solid #999;
+    border-bottom: 2px solid #999;
+}
+.down .vbc2{
+    width: 100%;
+    height: 32px;
+    background: url("../img/下载11.png") left top no-repeat;
+}
+.vbc2 p{
+    margin-left: 50px;
+    font-weight: 600;
+    font-size: 16px;
+    text-align: center;
+    line-height: 34px;
+    position: absolute;
+    width: 80px;
+    height: 32px;
+    margin-top: 3px;
+    background: #fff;
+}
+.down_main{
+    width: 100%;
+    height: 121px;
+}
+
+.main_ooo{
+    margin-top: 10px;
+    margin-bottom: 10px;
+    height: 50px;
+    /* background: url("../img/下载14.png"); */
+}
+.main_ooo1{
+    margin-top: 10px;
+    margin-bottom: 10px;
+    height: 50px;
+    background: url("../img/下载14.png");
+}
+.main_ooo1 h2{
+    text-align: center;
+    font-size: 16px;
+    line-height: 50px;
+    color: #fff;
+}
+.main_ppp{
+    display: flex;
+    justify-content: space-around;
+    position: relative;
+}
+
+.main_pppl img{
+    width: 120px;
+    height: 57px;
+}
+.main_pppr img{
+    width: 120px;
+    height: 57px;
+}
+.main_pppl{
+    width: 45%;
+    height: 50px;
+    background: url("../img/下载14.png");
+    text-align: center;
+    line-height: 50px;
+    color: #fff;
+}
+.main_pppr{
+    width: 45%;
+    height: 50px;
+    background: url("../img/下载14.png");
+    text-align: center;
+    line-height: 50px;
+    color: #fff;
+}

历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/css/clear.css

@@ -0,0 +1,10 @@
+body,ul,li,h1,h6,h2,h3,h4,h5,p {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    box-sizing: border-box;
+}
+
+a {
+    text-decoration: none;
+}

历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/css/clear1.css

@@ -0,0 +1,14 @@
+body,ul,li,h1,h6,h2,h3,h4,h5,p {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    box-sizing: border-box;
+}
+
+body{
+    background: url("../img/下载.jpg");
+}
+a {
+    text-decoration: none;
+}

历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/css/index.css

@@ -0,0 +1,654 @@
+.navigation{
+    width: 100%;
+    /* height: 35px; */
+    font-size: 12px;
+    /* transform: translate(0.1rem); */
+    color: #3C3C3C;
+    background: #f4f4f4;
+    border-bottom: 1px solid #eee;
+    /* display: flex; */
+    line-height: 30px;
+    box-sizing: border-box;
+}
+.naigation_center{
+    width: 80%;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-between;
+}
+.naigation_center i{
+margin-right: 7px;
+font-size: 10px;
+ color: #9c9c9c;
+ /* transform: scale(0.2); */
+}
+.navigation_left{
+    display: flex;
+    position: relative;
+    transform: scale(0.8);
+}
+.navigation_left a:hover{
+    height: 34px;
+    background: #FFF;
+    color: #fd5632;
+}
+
+
+.navigation_right{
+    display: flex;
+    transform: scale(0.8);
+}
+.navigation_right li:hover{
+    color: #fd5632;
+}
+
+.dropmenu {
+    display: none;
+    overflow-y: scroll;
+    width: 150px;
+    height: 80px;
+    position: absolute;
+}
+ ul li:hover .dropmenu {
+    display: block;
+    background: #FFF;
+}
+
+.item:hover{
+    background: #f4f4f4;
+}
+
+.dropmenu1 {
+    display: none;
+    width: 160px;
+    height: 110px;
+    position: absolute;
+    /* display: flex; */
+    display: none;
+}
+.dropmenu1 a{
+    display: block;
+    text-align: center;
+    border: 1px solid #FFE8DE;
+    background: #FFF0E8;
+    padding: 4px 0;
+}
+ul li:hover .dropmenu1 {
+    display: block;
+    background: #FFF;
+}
+.dropmenu1 img{
+    width: 60px;
+    height: 60px;
+    float: left;
+}
+.ssssss{
+    display: flex;
+    flex-wrap: wrap;
+    align-self: flex-end;
+    margin-bottom: -4px;
+
+}
+.dropmenu1 .me_news {
+    font-size: 12px;
+    transform: scale(0.9);
+}
+.dropmenu1 .me_news1 {
+    font-size: 12px;
+    transform: scale(0.9);
+    margin-top: -10px;
+}
+.dropmenu1 .me_news1 p{
+    margin-bottom: -10px;
+}
+.dropmenu1 .me_news1  span{
+}
+.dropmenu1 .me_news {
+    display: flex;
+}
+.dropmenu3 {
+    display: none;
+    width: 150px;
+    height: 80px;
+    position: absolute;
+}
+ ul li:hover .dropmenu3 {
+    display: block;
+    background: #FFF;
+}
+
+.more_navigation {
+    display: none;
+    width: 1200px;
+    height: 1000px;
+    position: absolute;
+    right: 0;
+}
+ ul li:hover .more_navigation {
+    display: block;
+    background: #FFF;
+}
+
+.item:hover{
+    background: #f4f4f4;
+}
+
+.navigation_right li:nth-child(5){
+    margin-left: 7px;
+
+}
+.navigation_right li span{
+    margin-left: 4px;
+    margin-right: 7px;
+}
+.navigation_right a{
+    color: black;
+}
+.shop_img{
+height: 50px;
+background: #fd5632;
+box-sizing: border-box;
+display: flex;
+}
+.shop_img img{
+    width: 80%;
+    margin: 0 auto;
+}
+
+.search{
+    width: 100%;    
+    margin-top: 33px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
+}
+.search_center{
+    width: 75%;
+    height: 88px;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+}
+
+
+
+
+.search3{ 
+    height: 70px;
+    width: 57.5px;
+   display: flex;
+   align-items: center;
+   display: block;
+    position: relative;
+   border: 1px solid #e4e1e1;
+   box-sizing: border-box;
+}
+.search3 img{
+    width: 50px;
+    height: 50px;
+    display: block;
+    display: flex;
+    margin-top: 15px;
+    margin-left: 2.5px;
+}
+.search3 p{
+    font-size: 12px;
+    transform: scale(0.8);
+    line-height: 20px;
+    margin: 4px auto 0;
+    width: 78px;
+    color: #ff5000!important;
+    position: absolute;
+    top: -8px;
+}
+.search3 .search31{
+    height: 12px;
+    width: 12px;
+    text-align: center;
+   /* display: flex;
+   align-items: center;
+   display: block; */
+    position: relative;
+   border: 1px solid #dbdbdb;
+   position: absolute;
+   top: -1px;
+   margin-left: -14.5px;
+}
+.search3 .search31 a{
+    font-size: 12px;
+    transform: scale(0.8);
+    color: #ff5000!important;
+    position: absolute;
+    top: -2px;
+    margin-left: -3px;
+}
+
+.search2{
+    width: 630px;
+    height: 87px;
+    font-size: 12px;
+}
+.search2 .search2_ul1 li{
+    margin-right: 10px;
+    margin-left: 17px;
+}
+.search2 .search2_ul1 li:nth-child(2){
+    margin-right: 10px;
+    margin-left: 17px;
+    color: #ff5000 !important;
+}
+.search2 .search2_ul1 li:nth-child(3){
+    margin-right: 10px;
+    margin-left: 17px;
+    color: #ff5000 !important;
+}
+.search2 ul{
+    display: flex;
+}
+.search2 li{}
+.search2  .search2_main{
+    position: relative;
+}
+.search2  .search2_main span{
+    width: 74px;
+    height: 40px;
+    background: #ff5000;
+    border-radius: 0 20px 20px 0;
+    color: white !important;
+    text-align: center;
+    line-height: 40px;
+    position: absolute;
+    right: 45px;
+    
+}
+.search2  .search2_main img{
+    width: 19px;
+    height: 19px;
+    position: absolute;
+    top: 10px;
+    right: 140px;
+}
+.search2  .search2_main input{
+    width: 550px;
+    height: 35px;
+    border: solid 1.5px #ff5000;
+    padding-left: 30px;
+    background-image: url("../img/search.png");
+    /* background-image: url("../img/X8S7KFTUF1J~L{NC]\)\)39S3.png"); */
+    background-repeat: no-repeat;
+    background-color: #eee; 
+    background-position:10px center;
+    background-size: 19px;
+    border-radius: 30px;
+    outline: 0;
+}
+.search2 .search2_ul2 li{
+    transform: scale(0.8);
+}
+.search2 .search2_baby{
+    width: 30px;
+    height: 20px;
+    background: #ff5000;
+    color: white;
+    border-top-left-radius:5px;
+    border-top-right-radius:5px;
+    text-align: center;
+    line-height: 20px;
+}
+.search2 .search2_baby{}
+.search2 .search2_activity{
+    color: #ff5000 !important;
+}
+
+.content{
+    width: 100%;
+    height: 152px;
+}
+.content_top{
+    width: 80%;
+    margin: 5px auto;
+
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+}
+.content_top img{
+    /* margin-top: 30px;
+    margin-left: 14%; */
+    height: 82px;
+    margin-left: 6%;
+}
+
+.seacher{
+    margin-left: 7%;
+    position: relative;
+}
+.seacher_top,.seacher_bot{
+    display: flex;
+    font-size: 12px;
+}
+.seacher_top_active{
+    
+    background: linear-gradient(to right,#ff9000 0,#ff5000 100%);
+    border-radius: 5px 5px 0 0;
+    color: white !important;
+    font-weight: bold;
+}
+.seacher_top{
+    box-sizing: border-box;
+    padding: 2.5px 6px;
+    color: #f22e00;
+    position: relative;
+    top: 2.5px;
+    left: 7.5px;
+}
+.seacher_top li{
+    padding: 2.5px 6px;
+}
+.seacher input{
+    width: 580px;
+    height: 30px;
+    outline: 0;
+    border-radius: 15px;
+    border: 2px solid #f22e00;
+    padding-left: 32px;
+    
+    
+}
+
+.seacher_bot{
+    padding: 5px 0;
+}
+.seacher_bot li{
+    margin: 0 3px;
+}
+
+.input_c{
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-right:-3px;
+    padding-left: 15px;
+    box-sizing: border-box;
+    position: absolute;
+    top: 34px;
+    color: #7c7b7b;
+}
+.input_c .input_cb span{
+    color: white;
+    font-weight: bold;
+    background:#f22e00 ;
+    border-radius: 0 15px 15px 0;
+    padding: 6.5px 15px ;
+}
+input::-webkit-input-placeholder {
+    
+     color: #aab2bd;
+     font-size: 12px;
+  }
+
+
+
+
+
+
+
+.imprtent1{
+    width: 100%;
+}
+  .imprtent{
+    width: 80%;
+    height: 600px;
+    margin: 0 auto;
+    display: flex;
+    
+}
+
+.bot_l{
+    width: 190px;
+}
+.bot_l h2{
+    width: 190px;
+    text-align: center;
+    font-size: 16px;
+    background: #ff5000;
+    color: white;
+    height: 29px;
+    line-height: 29px;
+}
+.bot_r{
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    
+}
+.bot_list{
+    padding-left: 20px;
+    box-sizing: border-box;
+    
+    padding-top: 5px ;
+    border-left: 1px solid red;
+    border-right: 1px solid red;
+    border-bottom: 1px solid red;
+    height: 522px;
+    position: relative;
+}
+.bot_list li{
+    display: flex;
+    justify-content: space-between;
+    font-size: 13.5px;
+    padding: 10px 10px 0 0;
+
+}
+.bot_list li:hover .menu{
+    display: block;
+}
+.bot_list li a{
+    color: #7c7b7b;
+}
+.bot_list::-webkit-scrollbar {
+    display: none;
+}
+.menu{
+    border: 2px solid #f22e00;
+    box-sizing: border-box;
+    height: 522px;
+    width: 780px;
+    position: absolute;
+    top: 0;
+    left: 189px;
+    display: none;
+}
+.menu:{
+    display: block;
+}
+.menu_l{
+    width: 530px;
+    height: 100%;
+    background: white;
+    overflow-y: scroll;
+    float: left;
+}
+.menu_l p{
+    height: 34px;
+    line-height: 34px;
+    font-size: 16px;
+    color: #333;
+    
+}
+.menu_r{
+    width: 245px;
+    height: 518px;
+    float: left;
+    padding-top: 10px;
+    box-sizing: border-box;
+    background: white;
+}
+.menu_r p{
+    text-align: center;
+}
+.menu_r_c{
+    width: 100%;
+    text-align: center;
+}
+.menu_r_c li{
+    margin: 4%;
+}
+.menu_r_c div{
+    width: 40%;
+    display: inline-block;
+    margin: 4%;
+}
+.menu_r_c div img{
+    width: 100%;
+}
+.r_top{
+    display: flex;
+    width: 100%;
+    justify-content: flex-start;
+    height: 29px;
+    align-items: center;
+    background: linear-gradient(to right,#ff9000 0,#ff5000 100%);
+}
+.r_top li{
+    padding: 0 10px;
+    color: white;
+    font-weight: bold;
+    cursor: pointer;
+    font-size: 14px;
+    position: relative;
+}
+.line::after{
+    content: "";
+    width: 2.5px;
+    height: 14px;
+    background: #ffffff;
+    position: absolute;
+    right: -0.5px;
+    top: 2.5px;
+}
+.r_bot{
+    flex: 1;
+    display: flex;
+    padding-top: 10px ;
+    padding-left: 10px;
+    box-sizing: border-box;
+}
+.r_bot_l{
+    width: 690px;
+    display: flex;
+    flex-direction: column;
+}
+.r_bot_r{
+    flex: 1;
+}
+.loop,.tab{
+    display: flex;
+    
+}
+.tab{
+    flex: 1;
+    /* margin-top: 90px; */
+}
+
+.tab_top{
+    display: flex;
+    justify-content: space-between;
+}
+
+
+
+.loopimg{
+    margin: 0px 10px 10px 0px;
+}
+.tabimg{
+
+}
+.r_bot_r{
+    margin-left:10px ;
+    padding-top: 10px;
+    box-sizing: border-box;
+    background: rgba(224, 224, 224, 0.582);
+}
+.tabimg img{
+    width: 49%;
+    height: 100%;
+}
+.login img{
+    margin-left: 50%;
+    transform: translate(-50%);
+    border-radius: 100%;
+}
+.act{
+    width: 100%;
+    text-align: center;
+}
+.botton{
+    margin-top: 15px;
+
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 8px;
+}
+.botton li{
+    padding: 1px 17px;
+    background: #ff5000;
+    color: white;
+    border-radius: 5px;
+}
+.fx{
+    width: 100%;
+    border-top:1px solid #aab2bdd2 ;
+    border-bottom:1px solid #aab2bdd2 ;
+    height: 70px;
+}
+.fx img{
+    width: 100%;
+    height: 100%;
+}
+.tabnews {
+    height: 70px;
+    width: 100%;
+    padding: 10px 0;
+    box-sizing: border-box;
+}
+.tabnews ul{
+    height: 50px;
+    width: 100%;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+}
+.last{
+    width: 315px;
+    margin-top: 10px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+    height: 154px;
+}
+.last li{
+    width: 25%;
+    border: 1px solid #aab2bd;
+    box-sizing: border-box;
+}
+.last p{
+    
+}
+.app_t{
+ display: flex;
+ justify-content: space-between;
+}
+.app_b{
+    display: flex;
+    justify-content: space-around;
+}
+.app_b li{
+    flex: 1;
+}
+.app_b li{
+    width: 70%;
+    height: 70%;
+}

历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/css/public.css

@@ -0,0 +1,9 @@
+body,ul,li,h1,h6,h2,h3,h4,h5,p {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+a {
+    text-decoration: none;
+}

历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/css/taobao.css

@@ -0,0 +1,651 @@
+.navigation{
+    width: 100%;
+    font-size: 12px;
+    color: #3C3C3C;
+    background: #f4f4f4;
+    /* border-bottom: 1px solid #eee; */
+    line-height: 30px;
+    box-sizing: border-box;
+}
+.naigation_center{
+    width: 80%;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-between;
+}
+.naigation_center i{
+margin-right: 7px;
+font-size: 10px;
+ color: #9c9c9c;
+ /* transform: scale(0.2); */
+}
+.navigation_left{
+    display: flex;
+    position: relative;
+    transform: scale(0.8);
+}
+.navigation_left a:hover{
+    height: 34px;
+    background: #FFF;
+    color: #fd5632;
+}
+
+
+.navigation_right{
+    display: flex;
+    transform: scale(0.8);
+}
+.navigation_right li:hover{
+    color: #fd5632;
+}
+
+.dropmenu {
+    display: none;
+    overflow-y: scroll;
+    width: 150px;
+    height: 80px;
+    position: absolute;
+}
+ ul li:hover .dropmenu {
+    display: block;
+    background: #FFF;
+}
+
+.item:hover{
+    background: #f4f4f4;
+}
+
+.dropmenu1 {
+    display: none;
+    width: 160px;
+    height: 110px;
+    position: absolute;
+    /* display: flex; */
+    display: none;
+}
+.dropmenu1 a{
+    display: block;
+    text-align: center;
+    border: 1px solid #FFE8DE;
+    background: #FFF0E8;
+    padding: 4px 0;
+}
+ul li:hover .dropmenu1 {
+    display: block;
+    background: #FFF;
+}
+.dropmenu1 img{
+    width: 60px;
+    height: 60px;
+    float: left;
+}
+.ssssss{
+    display: flex;
+    flex-wrap: wrap;
+    align-self: flex-end;
+    margin-bottom: -4px;
+
+}
+.dropmenu1 .me_news {
+    font-size: 12px;
+    transform: scale(0.9);
+}
+.dropmenu1 .me_news1 {
+    font-size: 12px;
+    transform: scale(0.9);
+    margin-top: -10px;
+}
+.dropmenu1 .me_news1 p{
+    margin-bottom: -10px;
+}
+.dropmenu1 .me_news1  span{
+}
+.dropmenu1 .me_news {
+    display: flex;
+}
+.dropmenu3 {
+    display: none;
+    width: 150px;
+    height: 80px;
+    position: absolute;
+}
+ ul li:hover .dropmenu3 {
+    display: block;
+    background: #FFF;
+}
+
+.more_navigation {
+    display: none;
+    width: 1200px;
+    height: 1000px;
+    position: absolute;
+    right: 0;
+}
+ ul li:hover .more_navigation {
+    display: block;
+    background: #FFF;
+}
+
+.item:hover{
+    background: #f4f4f4;
+}
+
+.navigation_right li:nth-child(5){
+    margin-left: 7px;
+
+}
+.navigation_right li span{
+    margin-left: 4px;
+    margin-right: 7px;
+}
+.navigation_right a{
+    color: black;
+}
+.shop_img{
+height: 50px;
+background: #fd5632;
+box-sizing: border-box;
+display: flex;
+}
+.shop_img img{
+    width: 80%;
+    margin: 0 auto;
+    /* z-index: 99; */
+}
+
+.search1{
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+}
+.search2{
+    width: 80%;
+    height: 88px;
+    margin: 0 auto;
+    display: flex;
+    justify-content: center;
+    align-items: flex-end;
+}
+
+.search2_tow .tow_a1 li{
+    color: #F40;
+    text-align: center;
+    width: 36px;
+    height: 22px;
+    line-height: 22px;
+    margin-right: 4px;
+    cursor: pointer;
+    font-size: 12px;
+}
+.search2_tow{
+    width: 630px;
+    height: 87px;
+    padding-bottom:-20px;
+}
+.search2_tow .tow_a1{
+    display: flex;
+    padding-left: 18px;
+}
+.search2_tow .tow_bc{
+    background: linear-gradient(to right,#ff9000 0,#ff5000 100%);
+    color: #fff !important;
+    border-top-right-radius: 6px;
+    border-top-left-radius: 6px;
+}
+
+.title_key{
+    display: flex;
+    font-size: 12px;
+}
+.title_key li{
+    margin-right: 5px;
+}
+
+
+
+
+.input_main{
+    /* width: 100%;
+    display: flex;
+    flex: 1;
+    height: 40px;
+    justify-content: space-between;
+    position: relative; */
+    display: flex;
+    height: 40px;
+}
+
+.input_left{
+    width: 556px;
+    border: 2px solid #ff5000;
+    border-top-left-radius: 20px;
+    border-bottom-left-radius: 20px;
+    position: relative;
+    overflow: hidden;
+    border-right: none;
+}
+.input_left input{
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    border: none;
+    /* outline: none; */
+    padding-left: 25px;
+    padding-right: 60px;
+}
+.input_left i{
+    position: absolute;
+    top: 25%;
+    /* left: 10px; */
+    color: #666;
+    font-size: 16px;
+}
+.icon-xiangji{
+    transform: scale(1.4);
+    right: 10px;
+}
+.icon-sousuo{
+    left: 10px;
+}
+.input_main .input_right{
+    flex: 1;
+    background: linear-gradient(to right,#ff9000 0,#ff5000 100%);
+    color: #fff;
+    text-align: center;
+    line-height: 40px;
+    font-size: 18px;
+    border-top-right-radius: 20px;
+    border-bottom-right-radius: 20px;
+}
+
+.imprtent{
+    width: 100%;
+    height: 500px;
+}
+
+.imprtent_one{
+    width: 90%;
+    height: 500px;
+    margin: 0 auto;
+    /* background: red; */
+    display: flex;
+}
+
+.imprtent_onel{
+    box-sizing: border-box;
+    width: 12%;
+    height: 100%;
+    /* background: blue; */
+    display: flex;
+    flex-direction: column;
+    
+}
+.imprtent_onel .menu_top{
+    width: 100%;
+    height: 30px;
+    background: hotpink;
+    /* line-height: calc(100% - 30px); */
+    font-size: 16px;
+    text-align: center;
+    line-height: 30px;
+    color: white;
+}
+
+.imprtent_onel .menu_bottom{
+    box-sizing: border-box;
+    flex: 1;
+    /* background: grey; */
+    /* position: relative; */
+    border-left: 1px solid red;
+    border-right: 1px solid red;
+}
+.menu_bottom ul li{
+    display: flex;
+    justify-content: space-between;
+    font-size: 12px;
+    margin-bottom: 10px;
+}
+.menu_bottom ul li:first-child{
+    margin-top: 10px;
+}
+
+
+.menu_bottom ul{
+   
+}
+
+.menu2_bottom .aa{
+    position: relative;
+}
+.dropmenu2{
+    display: none;
+    /* overflow-y: scroll; */
+    width: 500px;
+    height: 500px;
+    position: absolute;
+    left: 345px;
+    background: white;
+}
+.dropmenu2_left{
+    width: 300px;
+    height: 100%;
+    overflow: scroll;
+    box-sizing: border-box;
+}
+.dropmenu2_left .aa1{}
+.aa li:hover .dropmenu2{
+    display: block;
+}
+.aa1 p{
+    font-size: 20px;
+    margin-bottom: 20px;
+}
+.aa1 .aa2 span{
+    /* padding-top: 20px; */
+}
+
+.imprtent_oner{
+    flex: 1;
+    /* background: green; */
+    display: flex;
+    flex-direction: column;
+    /* display: flex; */
+}
+
+.dropmenu2_right{
+    width: 200px;
+    float: left;
+}
+.menu_bottom li:hover .menu{
+    display: block;
+}
+.menu_bottom li a{
+    color: #7c7b7b;
+}
+.menu_bottom::-webkit-scrollbar {
+    display: none;
+}
+.menu{
+    border: 2px solid #f22e00;
+    box-sizing: border-box;
+    height: 470px;
+    width: 780px;
+    position: absolute;
+    top: 197.1px;
+    left: 199px;
+    display: none;
+}
+.menu:{
+    display: block;
+}
+.menu_l{
+    width: 530px;
+    height: 100%;
+    background: white;
+    overflow-y: scroll;
+    float: left;
+}
+.menu_l p{
+    height: 34px;
+    line-height: 34px;
+    font-size: 16px;
+    color: #333;
+    
+}
+.menu_r{
+    width: 245px;
+    height: 518px;
+    float: left;
+    padding-top: 10px;
+    box-sizing: border-box;
+    background: white;
+}
+.menu_r p{
+    text-align: center;
+}
+.menu_r_c{
+    width: 100%;
+    text-align: center;
+}
+.menu_r_c li{
+    margin: 4%;
+}
+.menu_r_c div{
+    width: 40%;
+    display: inline-block;
+    margin: 4%;
+}
+.menu_r_c div img{
+    width: 100%;
+}
+.r_top{
+    display: flex;
+    width: 100%;
+    justify-content: flex-start;
+    height: 29px;
+    align-items: center;
+    background: linear-gradient(to right,#ff9000 0,#ff5000 100%);
+}
+.imprtent_oner .menu2_top{
+    width: 100%;
+    height: 30px;
+    background: rgb(255, 167, 211);
+    display: flex;
+}
+.menu2_top span{
+    margin-left: 20px;
+    counter-reset: 12px;
+    color: white;
+}
+.imprtent_oner .menu2_bottom{
+    flex: 1;
+    /* background:gold */
+    display: flex;
+}
+
+.menu2_bottom{
+    flex: 1;
+}
+.menu2_bottom .middle{
+    width: 70%;
+    height: 100%;
+}
+.middle .img_top{}
+.middle .img_bottom{
+    flex: 1;
+    display: flex;
+}
+.img_bottoml{
+    width: 500px;
+    font-size: 12px;
+    box-sizing: border-box;
+}
+.btl_top{
+    display: flex;
+    justify-content: space-between;
+}
+.btl_top .tianmaol{
+    display: flex;
+    
+}
+.btl_topminde{
+    width: 100%;
+    height: 2px;
+    border: 2px solid red;
+}
+.tianmaor span:nth-child(1){
+color: red;
+}
+.userinfo{
+    flex: 1;
+}
+.btl_bottom{
+    box-sizing: border-box;
+}
+.btl_bottom img{
+    width: 245px;
+    height: 165px;
+}
+
+.img_bottomr{
+    font-size: 12px;
+    flex: 1;
+    margin-left: 30px;
+    
+}
+.img_bottomr img{
+    height: 165px;
+}
+
+.userinfo {
+    flex: 1;
+    /* width: 290px;
+    height: 500px; */
+}
+.login {
+    background: url("../userback.png");
+    background-size: 290px 145px;
+    background-repeat: no-repeat;
+    background-position: 0 0;
+    height: 137px;
+    text-align: center;
+    padding-top: 5px;
+    font-size: 0;
+}
+.login img {
+    width: 50px;
+    height: 50px;
+    border-radius: 100%;
+}
+.login p {
+    font-size: 12px;
+    color: #3c3c3c;
+    margin-top: 4px;
+    margin-bottom: 3px;
+}
+.login {}
+.login ul{
+    display: flex;
+    justify-content: center;
+}
+.login li{
+    background: #ffe4db;
+    display: flex;
+    padding-right: 10px;
+    border-radius: 9px;
+    margin-right: 8px;
+}
+.login li:last-child {
+    margin-right: 0 !important;
+}
+.login li .jb{
+    height: 16px;
+    width: 16px;
+    background: url("https://img.alicdn.com/tfs/TB1tyFSXm_I8KJjy0FoXXaFnVXa-48-1194.png");
+    background-size: 24px 597px;
+    background-position: 0 -572.5px;
+    margin-right: 3px;
+}
+.login li span{
+    font-size: 12px;
+    color: #ff5000;
+}
+
+.buttons {
+    display: flex;
+    justify-content: center;
+    margin-top: 9px;
+}
+.button {
+    font-size: 14px;
+    color: #fff;
+    text-align: center;
+    height: 25px;
+    line-height: 25px;
+    width: 75px;
+    border-radius: 4px;
+    background: linear-gradient(to right,#ff5000 0,#ff6f06 100%);
+}
+.login_button {
+    width: 92px !important;
+}
+.reg_button {
+    margin: 0 7px;
+}
+.gg {
+    width: 100%;
+}
+.gg img{
+    width: 135px;
+    height: 30Spx;
+}
+.news {
+    margin-top: 7px;
+    padding: 0 8px;
+}
+.news_title {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    height: 25px;
+}
+.news_title .item{
+    font-size: 12px;
+    color: #3C3C3C;
+}
+.news_content {
+    font-size: 12px;
+    color: #3c3c3c;
+    padding: 6px 5px;
+}
+.jgg {
+    margin-top: 10px;
+    display: flex;
+    flex-wrap: wrap;
+    border-top: 1px solid #f4f4f4;
+    border-left: 1px solid #f4f4f4;
+}
+.jgg li{
+    text-align: center;
+    width: 25%;
+    border-right: 1px solid #f4f4f4;
+    border-bottom: 1px solid #f4f4f4;
+    box-sizing: border-box;
+    height: 75px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+.jgg li .jlt{
+    width: 24px;
+    height: 24px;
+    background: url("https://img.alicdn.com/tfs/TB1tyFSXm_I8KJjy0FoXXaFnVXa-48-1194.png");
+    background-size: 24px 597px;
+    margin-bottom: 6px;
+}
+.jgg li:nth-child(1) .jlt{
+    background-position: 0 0;
+}
+.jgg li:nth-child(1) .jlt{
+    background-position: 0 -87px;
+}
+.jgg li p{
+    font-size: 12px;
+    color: #333;
+}
+
+.title{
+    font-size: 12px;
+    display: flex;
+    justify-content: space-between;
+}
+
+.app ul{
+    display: flex;
+    justify-content: space-around;
+}
+.app ul li img{
+    width: 24px;
+    height: 24px;
+}

历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/page/a.html

@@ -0,0 +1,297 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="../css/a.css">
+    <link rel="stylesheet" href="../css/clear1.css">
+</head>
+
+<body>
+    <div class="bctop">
+        <div class="bctopc">
+            <div class="bctop_left">
+                <a href="">我的世界官网</a>
+                <a href="">中文百科</a>
+                <a href="">身份认证</a>
+                <a href="">服务器列表</a>
+            </div>
+            <div class="bctop_right">
+                <div class="inputa">
+                    <img src="../img/搜索.png" alt="">
+                    <div class="abc">
+                        <input type="text" placeholder="请输入搜索内容">
+                        <span>搜索</span>
+                    </div>
+
+                </div>
+                <img src="https://www.mcbbs.net/template/mcbbs/image/special_photo_bg.png" alt="" class="btr">
+                <span>登录</span>
+                <span>注册</span>
+            </div>
+        </div>
+
+        <div class="log">
+            <div class="log1">
+                <img src="https://www.mcbbs.net/template/mcbbs/image/logo_sc.png" alt="">
+            </div>
+        </div>
+
+        <div class="content">
+            <div class="content_main">
+                <div class="toplaaa">
+                    <div class="main_top1">
+                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABGkAAAA7CAYAAADIHddEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZCNTM5MEIzMTc4MDExRTc4M0E1REYwN0MyOUJCMTA4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZCNTM5MEI0MTc4MDExRTc4M0E1REYwN0MyOUJCMTA4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkI1MzkwQjExNzgwMTFFNzgzQTVERjA3QzI5QkIxMDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkI1MzkwQjIxNzgwMTFFNzgzQTVERjA3QzI5QkIxMDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7IEIULAAADBElEQVR42uzdMYoTYRzG4WQZMRDBsIWkWWx3y8VjeAQPIHgAxROIgmCjYLGlRxB7rUQWcZsVO9EiWCwKLlgEx8pC50OGmYnzQp6ny0cyM5npfnz5Z1rX9WQMe4vpOCcGAAAA+IdPX+vpGOfdcesBAAAAxifSAAAAAAQQaQAAAAACiDQAAAAAAaZDDw5uOxD4cD5z9wEAAIA4b89/tHrf0AOG7aQBAAAACCDSAAAAAASohjrQ7WtX3U0AAABga/xuIQ+OPw5yPDtpAAAAAAL0GhxcGhLcZyDw/vJKty8xWXuSAAAAsMXqjj8Wer/60vmcpQHDfYYJ20kDAAAAEECkAQAAAAgg0gAAAAAEEGkAAAAAArQeHNx2SHDX4b+9voTBwQAAALDVug4O7qM0dLjPMGE7aQAAAAACiDQAAAAAAUQaAAAAgAAiDQAAAECA4lSdtkOCS0pDfMcY3gMAAAAwlLZ/WlTqJ6XOUhombCcNAAAAQACRBgAAACCASAMAAAAQQKQBAAAACNBrou/BcnfjF/jt/LunBAAAAPR2eX5p0OOVusjp6qzz8eykAQAAAAgg0gAAAAAEEGkAAAAAAog0AAAAAAGqvcW0/nvxcD4b5WJKQ4IfvXo5uTC76EkBAAAARZ8/HDfWTk7e/fH653o9efHwqPG+oYcJl5Q6S6nHxO+kEWgAAACAvnaqKv8aPSYAAACA8Yk0AAAAAAFEGgAAAIAArX+QdbDcHfTEpSHBj9+89kQAAACAjbj77Elj7d6NW421PsOES/3kdHXW6rN20gAAAAAEEGkAAAAAAog0AAAAAAFEGgAAAIAA1f84iSHBAAAAQKLrd2421p7ff9pYW8xnG78WO2kAAAAAAog0AAAAAAFEGgAAAIAAIg0AAABAAJEGAAAAIIBIAwAAABBApAEAAAAIINIAAAAABBBpAAAAAAKINAAAAAABRBoAAACAACINAAAAQACRBgAAACCASAMAAAAQQKQBAAAACCDSAAAAAAQQaQAAAAACiDQAAAAAAX4JMADpWGfix+sSDwAAAABJRU5ErkJggg=="
+                            alt="">
+                    </div>
+                </div>
+
+                <div class="main_top2">
+                    <div class="main_top2l"></div>
+
+                    <div class="mainc">
+                        <div class="mainc_top">
+                            <div class="mainc_topl">
+                                <ul>
+                                    <li class="acyivity">首页</li>
+                                    <li>论坛</li>
+                                    <li>
+                                        小组
+                                        <div class="group">
+                                            <div class="items">小组审核申请</div>
+                                            <div class="items">小组审核申请</div>
+                                        </div>
+                                    </li>
+                                    <li>百科
+                                        <div class="group">
+                                            <div class="items">小组审核申请</div>
+                                            <div class="items">小组审核申请</div>
+                                        </div>
+                                    </li>
+                                    <li>工具
+                                        <div class="group">
+                                            <div class="items">小组审核申请</div>
+                                            <div class="items">小组审核申请</div>
+                                        </div>
+                                    </li>
+                                </ul>
+                                <div class="subject">
+                                    <img src="../img/lunbotu.png" alt="">
+                                </div>
+                                <div class="recommend">
+                                    <p>版主推荐</p>
+                                    <div class="recommend_img">
+                                        <div class="ull">
+                                            <div class="ull1">
+                                                <img src="	https://attachment.mcbbs.net/forum/202007/22/174320wv4274nnf4e74xpp.jpg"
+                                                    alt="" class="imgee">
+                                                <h4>BlocklyNukkit</h4>
+                                                <div class="people_all">
+                                                    <div class="peoplea_left">
+                                                        <img src="../img/下载12.png" alt="">
+                                                        <a>超神的冰凉</a>
+                                                    </div>
+                                                    <div class="peoplea_right">
+                                                        <img src="../img/下载13.png" alt="">
+                                                        <a>77</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                            <div class="ull1">
+                                                <img src="	https://attachment.mcbbs.net/forum/202007/22/174320wv4274nnf4e74xpp.jpg"
+                                                    alt="" class="imgee">
+                                                <h4>BlocklyNukkit</h4>
+                                                <div class="people_all">
+                                                    <div class="peoplea_left">
+                                                        <img src="../img/下载12.png" alt="">
+                                                        <a>超神的冰凉</a>
+                                                    </div>
+                                                    <div class="peoplea_right">
+                                                        <img src="../img/下载13.png" alt="">
+                                                        <a>77</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                            <div class="ull1">
+                                                <img src="	https://attachment.mcbbs.net/forum/202007/22/174320wv4274nnf4e74xpp.jpg"
+                                                    alt="" class="imgee">
+                                                <h4>BlocklyNukkit</h4>
+                                                <div class="people_all">
+                                                    <div class="peoplea_left">
+                                                        <img src="../img/下载12.png" alt="">
+                                                        <a>超神的冰凉</a>
+                                                    </div>
+                                                    <div class="peoplea_right">
+                                                        <img src="../img/下载13.png" alt="">
+                                                        <a>77</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                            <div class="ull1">
+                                                <img src="	https://attachment.mcbbs.net/forum/202007/22/174320wv4274nnf4e74xpp.jpg"
+                                                    alt="" class="imgee">
+                                                <h4>BlocklyNukkit</h4>
+                                                <div class="people_all">
+                                                    <div class="peoplea_left">
+                                                        <img src="../img/下载12.png" alt="">
+                                                        <a>超神的冰凉</a>
+                                                    </div>
+                                                    <div class="peoplea_right">
+                                                        <img src="../img/下载13.png" alt="">
+                                                        <a>77</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                            <div class="ull1">
+                                                <img src="	https://attachment.mcbbs.net/forum/202007/22/174320wv4274nnf4e74xpp.jpg"
+                                                    alt="" class="imgee">
+                                                <h4>BlocklyNukkit</h4>
+                                                <div class="people_all">
+                                                    <div class="peoplea_left">
+                                                        <img src="../img/下载12.png" alt="">
+                                                        <a>超神的冰凉</a>
+                                                    </div>
+                                                    <div class="peoplea_right">
+                                                        <img src="../img/下载13.png" alt="">
+                                                        <a>77</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                            <div class="ull1">
+                                                <img src="	https://attachment.mcbbs.net/forum/202007/22/174320wv4274nnf4e74xpp.jpg"
+                                                    alt="" class="imgee">
+                                                <h4>BlocklyNukkit</h4>
+                                                <div class="people_all">
+                                                    <div class="peoplea_left">
+                                                        <img src="../img/下载12.png" alt="">
+                                                        <a>超神的冰凉</a>
+                                                    </div>
+                                                    <div class="peoplea_right">
+                                                        <img src="../img/下载13.png" alt="">
+                                                        <a>77</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                            <div class="ull1">
+                                                <img src="	https://attachment.mcbbs.net/forum/202007/22/174320wv4274nnf4e74xpp.jpg"
+                                                    alt="" class="imgee">
+                                                <h4>BlocklyNukkit</h4>
+                                                <div class="people_all">
+                                                    <div class="peoplea_left">
+                                                        <img src="../img/下载12.png" alt="">
+                                                        <a>超神的冰凉</a>
+                                                    </div>
+                                                    <div class="peoplea_right">
+                                                        <img src="../img/下载13.png" alt="">
+                                                        <a>77</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                            <div class="ull1">
+                                                <img src="	https://attachment.mcbbs.net/forum/202007/22/174320wv4274nnf4e74xpp.jpg"
+                                                    alt="" class="imgee">
+                                                <h4>BlocklyNukkit</h4>
+                                                <div class="people_all">
+                                                    <div class="peoplea_left">
+                                                        <img src="../img/下载12.png" alt="">
+                                                        <a>超神的冰凉</a>
+                                                    </div>
+                                                    <div class="peoplea_right">
+                                                        <img src="../img/下载13.png" alt="">
+                                                        <a>77</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+
+
+                                    </div>
+                                </div>
+
+
+
+                            </div>
+
+                            <div class="mainc_topr">
+                                <div class="iii">
+                                    <a href="">
+                                        MCBBS十周岁啦!
+                                    </a>
+                                </div>
+                                <div class="user">
+                                    <div class="user_log">
+                                        <img src="../img/special_photo_bg.png" alt="">
+                                        <div class="user_logr">
+                                            <a>登陆之后发现更多精彩</a>
+                                        </div>
+                                    </div>
+                                    <div class="way">
+                                        <img src="../img/下载10.png" alt="">
+                                        <img src="../img/bilibili_login.png" alt="">
+                                    </div>
+                                    <div class="method">
+                                        <a>注册</a>
+                                        <a>找回密码</a>
+                                    </div>
+                                </div>
+
+                                <div class="news">
+                                    <div class="vbc">
+
+                                        <p>新闻资讯</p>
+                                    </div>
+                                    <div class="news_main">
+                                        <div class="main_ooo">
+                                            <h5 href="" class="main11">基岩版Beta1.16.210.53发布</h5>
+                                        </div>
+                                        <a href="">Java版20w5a发布</a>
+                                    </div>
+                                </div>
+
+                                <div class="down">
+                                    <div class="vbc2">
+                                        <p>游戏下载</p>
+                                    </div>
+                                    <div class="down_main">
+                                        <div class="main_ooo1">
+                                            
+                                            <h2>JAVA版1.16.4</h2>
+                                        </div>
+                                        <div class="main_ppp">
+                                            <div class="main_pppl">
+                                                <!-- <img src="../img/下载14.png" alt=""> -->
+                                                基岩版
+                                            </div>
+                                            <div class="main_pppr">
+                                                <!-- <img src="../img/下载14.png" alt=""> -->
+                                                主机版
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="main_top2r"></div>
+
+                </div>
+                <div class="main_top3">
+                    <img src="../img/下载5.png" alt="">
+                </div>
+            </div>
+        </div>
+
+    </div>
+</body>
+
+</html>

历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/page/index.html

@@ -0,0 +1,613 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>淘宝首页</title>
+    <link rel="stylesheet" href="../css/index.css">
+    <link rel="stylesheet" href="../css/public.css">
+    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2265920_9ayh6sjir0d.css">
+
+</head>
+
+<body>
+    <div class="navigation">
+        <div class="naigation_center">
+            <ul class="navigation_left">
+                <li>
+                    <a>
+                        中国大陆
+                        <i class="iconfont icon-xiangxia1"></i>
+                    </a>
+                    <div class="dropmenu">
+                        <div class="item">测试1</div>
+                        <div class="item">测试2</div>
+                        <div class="item">测试3</div>
+                        <div class="item">测试5</div>
+                        <div class="item">测试6</div>
+                        <div class="item">测试7</div>
+                        <div class="item">测试8</div>
+                        <div class="item">测试9</div>
+                        <div class="item">测试10</div>
+                        <div class="item">测试11</div>
+                        <div class="item">测试12</div>
+                        <div class="item">测试13</div>
+                    </div>
+                </li>
+                <li>
+                    <a>
+                        中国大陆
+                        <i class="iconfont icon-xiangxia1"></i>
+                    </a>
+                    <div class="dropmenu1">
+                        <img src="../img/touxiang.png" alt="">
+                        <div class="ssssss">
+                            <div class="me_news">
+                                <p>账号管理 | 退出</p>
+
+                            </div>
+                            <div class="me_news1">
+                                <p>淘气值:640</p>
+                                <span>普通会员</span>
+                            </div>
+                        </div>
+                        <a href="">查看你的专属权益</a>
+                    </div>
+                </li>
+                <li>
+                    <a>
+                        中国大陆
+                    </a>
+                </li>
+
+            </ul>
+            <ul class="navigation_right">
+                <li>
+                    <a href="">我的淘宝</a>
+                    <i class="iconfont icon-xiangxia1"></i>
+                    <div class="dropmenu3">
+                        <div class="item">测试1</div>
+                        <div class="item">测试2</div>
+                        <div class="item">测试3</div>
+                    </div>
+                </li>
+                <li>
+                    <i class="iconfont icon-gouwuche"></i>
+                    <a href="">购物车</a>
+                    <i class="iconfont icon-xiangxia1"></i>
+                </li>
+                <li>
+                    <i class="iconfont icon-shoucang"></i>
+                    <a href="">收藏夹</a>
+                    <i class="iconfont icon-xiangxia1"></i>
+                    <div class="dropmenu3">
+                        <div class="item">测试1</div>
+                        <div class="item">测试2</div>
+                        <div class="item">测试3</div>
+                    </div>
+                </li>
+                <li>
+                    <a href=""> 商品分类</a>
+                    <!-- <i class="iconfont icon-xiangxia1"></i> -->
+                </li>
+                <li>
+                    <a href="">免费开店</a>
+
+                    <span>|</span>
+                </li>
+                <li>
+                    <a href="">千牛卖家中心</a>
+
+                    <i class="iconfont icon-xiangxia1"></i>
+                    <div class="dropmenu3">
+                        <div class="item">测试1</div>
+                        <div class="item">测试2</div>
+                        <div class="item">测试3</div>
+                    </div>
+                </li>
+                <li>
+                    <a href="">联系客服</a>
+
+                    <i class="iconfont icon-xiangxia1"></i>
+                    <div class="dropmenu3">
+                        <div class="item">测试1</div>
+                        <div class="item">测试2</div>
+                        <div class="item">测试3</div>
+                    </div>
+                </li>
+                <li>
+                    <a href="" 网站导航></a>
+
+                    <i class="iconfont icon-xiangxia1"></i>
+                    <div class="more_navigation">
+                        <div class="more1">
+
+                        </div>
+                        <div class="more1">
+
+                        </div>
+                        <div class="more1">
+
+                        </div>
+                        <div class="more1">
+
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </div>
+
+    <div class="shop_img">
+        <img src="../img/3_O)OWSF7SH]7RCWICCR]3K.png" alt="">
+    </div>
+
+    <div class="search">
+        <div class="search_center">
+            <div class="search1">
+                <img src="../img/tblog.png" alt="">
+            </div>
+            <div class="search2">
+                <ul class="search2_ul1">
+                    <li class="search2_baby">
+                        宝贝
+                    </li>
+                    <li>
+                        天猫
+                    </li>
+                    <li>
+                        店铺
+                    </li>
+                </ul>
+                <div class="search2_main">
+                    <input type="text" placeholder="请输入要搜索的内容">
+                    <span>搜索</span>
+                    <img src="../img/X8S7KFTUF1J~L{NC]))39S3.png" alt="">
+                </div>
+
+                <ul class="search2_ul2">
+                    <a href="" style="margin-right: 10px;">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                </ul>
+            </div>
+            <div class="search3">
+                <img src="../img/erweima.png" alt="">
+                <p>去领红包</p>
+                <div class="search31">
+                    <a>x</a>
+                </div>
+
+            </div>
+
+        </div>
+    </div>
+
+    <div class="imprtent1">
+    <div class="imprtent">
+        <div class="bot_l">
+            <h2>主题市场</h2>
+            <ul class="bot_list" style="height: 592px;">
+                <li>
+                    <div>
+                        <a href="" style="margin-right: 10px;">衣服</a>/
+                        <a href="">衣服</a>/
+                        <a href="">衣服</a>
+                    </div>
+                    <span> > </span>
+                    <div class="menu">
+                        <div class="menu_l">
+                            <div>
+                                <p>流行趋势</p>
+                                <div>
+                                    <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                </div>
+                            </div>
+                            <div>
+                                <p>流行趋势</p>
+                                <div>
+                                    <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                </div>
+                            </div>
+                            <div>
+                                <p>流行趋势</p>
+                                <div>
+                                    <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                </div>
+                            </div>
+                            <div>
+                                <p>流行趋势</p>
+                                <div>
+                                    <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                </div>
+                            </div>
+                            <div>
+                                <p>流行趋势</p>
+                                <div>
+                                    <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                </div>
+                            </div>
+                            <div>
+                                <p>流行趋势</p>
+                                <div>
+                                    <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                </div>
+                            </div>
+                            <div>
+                                <p>流行趋势</p>
+                                <div>
+                                    <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                </div>
+                            </div>
+
+
+
+                        </div>
+
+                        <div class="menu_r">
+                            <p>猜你喜欢</p>
+                            <div class="menu_r_c">
+                                <div>
+                                    <img src="https://img.alicdn.com/tfs/TB1f1XfmGNj0u4jSZFyXXXgMVXa-786-786.jpg_q80.jpg"
+                                        alt="">
+                                    <p>卫衣</p>
+                                </div>
+                                <div>
+                                    <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                        alt="">
+                                    <span>卫衣</span>
+                                </div>
+                                <div>
+                                    <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                        alt="">
+                                    <span>卫衣</span>
+                                </div>
+                                <div>
+                                    <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                        alt="">
+                                    <p>卫衣</p>
+                                </div>
+                                <div>
+                                    <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                        alt="">
+                                    <span>卫衣</span>
+                                </div>
+                                <div>
+                                    <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                        alt="">
+                                    <span>卫衣</span>
+                                </div>
+
+
+
+
+
+
+                            </div>
+                        </div>
+                </li>
+                <li>
+                    <div>
+                        <a href="" style="margin-right: 10px;">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                    </div>
+                    <span> > </span>
+                    <div class="menu">
+                        <div class="menu_l">
+                            <div>
+                                <p>流行趋势</p>
+                                <div>
+                                    <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                </div>
+                            </div>
+                            <div>
+                                <p>流行趋势</p>
+                                <div>
+                                    <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                </div>
+                            </div>
+                            <div>
+                                <p>流行趋势</p>
+                                <div>
+                                    <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                </div>
+                            </div>
+                            <div>
+                                <p>流行趋势</p>
+                                <div>
+                                    <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                </div>
+                            </div>
+                            <div>
+                                <p>流行趋势</p>
+                                <div>
+                                    <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                </div>
+                            </div>
+                            <div>
+                                <p>流行趋势</p>
+                                <div>
+                                    <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                </div>
+                            </div>
+                            <div>
+                                <p>流行趋势</p>
+                                <div>
+                                    <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                </div>
+                            </div>
+
+
+
+                        </div>
+
+                        <div class="menu_r">
+                            <p>猜你喜欢</p>
+                            <div class="menu_r_c">
+                                <div>
+                                    <img src="https://img.alicdn.com/tfs/TB1f1XfmGNj0u4jSZFyXXXgMVXa-786-786.jpg_q80.jpg"
+                                        alt="">
+                                    <p>卫衣</p>
+                                </div>
+                                <div>
+                                    <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                        alt="">
+                                    <span>卫衣</span>
+                                </div>
+                                <div>
+                                    <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                        alt="">
+                                    <span>卫衣</span>
+                                </div>
+                                <div>
+                                    <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                        alt="">
+                                    <p>卫衣</p>
+                                </div>
+                                <div>
+                                    <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                        alt="">
+                                    <span>卫衣</span>
+                                </div>
+                                <div>
+                                    <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                        alt="">
+                                    <span>卫衣</span>
+                                </div>
+
+
+
+                            </div>
+                        </div>
+                </li>
+                <li>
+                    <div>
+                        <a href="" style="margin-right: 10px;">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                    </div>
+                    <span> > </span>
+                </li>
+                <li>
+                    <div>
+                        <a href="" style="margin-right: 10px;">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                    </div>
+                    <span> > </span>
+
+                </li>
+                <li>
+                    <div>
+                        <a href="" style="margin-right: 10px;">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                    </div>
+                    <span> > </span>
+                </li>
+                <li>
+                    <div>
+                        <a href="" style="margin-right: 10px;">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                    </div>
+                    <span> > </span>
+
+                </li>
+                <li>
+                    <div>
+                        <a href="" style="margin-right: 10px;">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                    </div>
+                    <span> > </span>
+                </li>
+                <li>
+                    <div>
+                        <a href="" style="margin-right: 10px;">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                    </div>
+                    <span> > </span>
+                </li>
+                <li>
+                    <div>
+                        <a href="" style="margin-right: 10px;">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                        /
+                        <a href="">衣服</a>
+                    </div>
+                    <span> > </span>
+                </li>
+            </ul>
+        </div>
+        <div class="bot_r">
+            <ul class="r_top">
+                <li>天猫</li>
+                <li>天猫</li>
+                <li class="line">天猫</li>
+                <li>天猫</li>
+                <li class="line">天猫</li>
+                <li>天猫</li>
+                <li>天猫</li>
+                <li>天猫</li>
+            </ul>
+            <div class="r_bot">
+                <div class="r_bot_l">
+                    <div class="loop">
+                        <img src="https://img.alicdn.com/imgextra/i2/6000000003003/O1CN01zZ2vNk1Y3Q1tNOMC6_!!6000000003003-0-octopus.jpg"
+                            alt="" class="loopimg">
+                        <img src="https://img.alicdn.com/imgextra/i2/1526258/O1CN01ojvfXb1w6DDuNYQFT_!!1526258-0-lubanu.jpg_400x400q90.jpg_.webp"
+                            alt="" class="gg">
+
+                    </div>
+                    <div class="tab_top">
+                        <div class="top_left">
+                            <img src="../img/tmlog.png" alt="">
+                            <span>理想生活上天猫</span>
+                        </div>  
+                        <div class="top_right">
+                            <span>2</span>
+                            <span>/6</span>
+                        </div>                      
+                        
+                    </div>
+                    <div class="tab">
+
+                        
+
+                        <div class="tabimg">
+                            <img src="https://aecpm.alicdn.com/simba/img/TB1X6uHLVXXXXcCXVXXSutbFXXX.jpg"
+                                alt="">
+                            <img src="https://img.alicdn.com/imgextra/i4/2345687106/O1CN01Oh7JGp22Mb5NGrGCn_!!2345687106-0-alimamazszw.jpg"
+                                alt="">
+
+                        </div>
+                        <img src="https://img.alicdn.com/simba/img/TB10Cp1efzO3e4jSZFxSuuP_FXa.jpg" alt="">
+                    </div>
+                </div>
+                <div class="r_bot_r">
+                    <div class="login">
+                        <img src="https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_50x50.jpg"
+                            alt="">
+                        <div class="act">
+                            <p>加入俱乐部</p>
+                        </div>
+                        <ul class="botton">
+                            <li>登录</li>
+                            <li>注册</li>
+                            <li>开店</li>
+                        </ul>
+                    </div>
+                    <div class="fx">
+                        <img src="https://img.alicdn.com/tfs/TB15R3vP7Y2gK0jSZFgXXc5OFXa-540-120.jpg" alt="">
+                    </div>
+                    <div class="tabnews">
+                        <ul>
+                            <li>公告
+
+                            </li>
+                            <li>公告
+
+                            </li>
+                            <li>公告
+
+                            </li>
+                            <li>公告
+
+                            </li>
+                            <li>公告
+
+                            </li>
+                        </ul>
+                        <P>aaaaaaaaaaaaaaa</P>
+                    </div>
+                    <ul class="last">
+                        <li>
+                            <img src="data:image/webp;base64,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" alt="">
+                            <p>旅行</p>
+                        </li>
+                        <li>
+                            <img src="data:image/webp;base64,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" alt="">
+                            <p>旅行</p>
+                        </li>
+                        <li>
+                            <img src="data:image/webp;base64,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" alt="">
+                            <p>旅行</p>
+                        </li>
+                        <li>
+                            <img src="data:image/webp;base64,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" alt="">
+                            <p>旅行</p>
+                        </li>
+                        <li>
+                            <img src="data:image/webp;base64,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" alt="">
+                            <p>旅行</p>
+                        </li>
+                        <li>
+                            <img src="data:image/webp;base64,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" alt="">
+                            <p>旅行</p>
+                        </li>
+                        <li>
+                            <img src="data:image/webp;base64,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" alt="">
+                            <p>旅行</p>
+                        </li>
+                        <li>
+                            <img src="data:image/webp;base64,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" alt="">
+                            <p>旅行</p>
+                        </li>   
+                    </ul>
+                    <div class="app">
+                        <div class="app_t">
+                            <span>APP</span><span>更多 > </span>
+                        </div>
+                        <ul class="app_b">
+                            <li>
+                                <img src="data:image/webp;base64,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"
+                                    alt="">
+                            </li>
+                            <li>
+                                <img src="data:image/webp;base64,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"
+                                    alt="">
+                            </li>
+                            <li>
+                                <img src="data:image/webp;base64,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"
+                                    alt="">
+                            </li>
+                            <li>
+                                <img src="data:image/webp;base64,UklGRtIFAABXRUJQVlA4WAoAAAAQAAAAOwAAOwAAQUxQSC0BAAANT8OwbdtIJ7nt/fuvm3SKiMiDLS0tfSHhpOWhRpaxMpexJsFFhZbtNYopea2fCotyUgtx0JEYNqDbtq0s2XR3d2MrYYvYdHd3vv8LNOh3fjtGRP8Tu2yjx2FWcfD3WauUSVaXOMRy3inAEFdtcbhb9znsCyMGMMpxhdMPU+yI42CcFzKfTbARxEHh953PsGK9gOZEF8XKbgVROFFm34JKGHjWa0HmzXtAJ7TbQGg3gdCsAaFaBEI5KKWgZOG/4AyUo4EMdP2GFnT1ohV0pYwDdOmUiw+qQaGd84MqhtVjQAya3hdWldgTCxSLIDbvvEtQRFnYLK4NVywwvYiMsTO/mb3KwGwnwMLe8vPj4lQG5ro/3zhYf0uaHWa1UoIVT4jfjqdYDfvNYraGPQAAAFZQOCB+BAAA0BYAnQEqPAA8AD6JOJdHpSOiISwYDzCgEQlsAMa1QVheDH3H8XPw5+Turf2PgFjqelPwPOV8wD9H/Mz/WD3AeYD9o/Vy/wH6ze4D9bPYA/aPrAPQA/Yj0zP2V+C/9zP3O9ph5Lo122ryda/Zofj9+p+mZ9hnogfsAj1tQXuVcitM5RQRoK4Bz6pXzH/zUc4VrcbDF0986A/R1QF3urllnqUU+UC1cMLEKOGPIeGWdCiBjsLBn+EB+lsEDEnn8ywA/v6/y7bkzLN/krBc33mDwaOzw6inxwQ2JrG4taZSSft5W/k4oFIMRWk8D/5VwIcOGueTfZ5aV1IZ/+lhUKfQfiUFyLveN4O7U1vHXMWO7V/ix06/O3zrhj/iJrPqF4FfjYv7JqXCypcE3zIXAwn+4/PMKZ51mYYKwdGEFC/YCq2e7k1K3zvTDfyJEM8j06UYQ6cbx+lSyZaGjVyZmrTOPN97ke5p+EMbmN9cJjoqWYNZ0Nruzijk4rtTJC35Y2/sBePYdqbm8jop8aLGu/LhKmU6cSjBdCjkejimS8K/q9zeptKioHz2CzkDfEeNAZNa7OMjN5jZ6fahqMTSsfF8/kZZHAhc0BKFqIPSee+POyPv3npNB6KL9RQw9QMupGBIPjM1O7VPSe5m/fvQGcj5ODMyyVuStIB8C3E7/w3dnFzUwtW/Tjxts3VtLSeWLiYHtIT6ipw5fb048qoC9FcQJap5gNhOt4/J9tkyB35CkEx7labVClYVDF4VbrxKotehrZu0CB8viRnZxoqwS6jyyvSAGb8E8F/ktk3u36OzTffqJ08g/b/6f4mWMfMfBIiVQhf4LrmCyqgUPdqxqagfg9deMHTJTZwO+snYPBQO4sQNej3UFoBH97UkJ77xXA5rDYmqUhEWN/2pikatYMXnl8gT/il8nUZ30udx/Ly/qICtacT6ITXlf4wN9BlwXJEjDd+yUzpgqAQyfeHHLRylz7SCOHBP3k2sxy0Zw1ihuNYsizlkGRwOG8dx6FtOUBQU2acvdvE9EjqIOrvzt0/oshM2wKxAiX6d2Kue6Bb02Rbe1gPoLFrMNRrAh+K0qtI/s5S4vApopBWWYzUryIawg/qyHLsAG3zfJd+7yndRi8SFc8U0kWXVaNWozdZESUbeDycER437GxzDLSFIJv+wGr9Hx9dCB9mT8xoSzovU0BlCd9CJB45NfEBuCuQ+OSKK3SPQdVWIfzzsvOzpi0yTcJ8aq9K8shP0R6SbBYLN7aBqORmktnHAx8oAer9vgel9MUebUSlFaOqRGdncFe836BHHlpop6wF7MHw7QFjCRUey6N2Xp8BDA6nMx7+/juDC7/a0gyzu59G+tFuQ9euKcxIRJ3My/tzx2PyBBma8rUDafyKangqwmHLiYwpD6/7z117KfgarAvvMpkSbNpa0qFD8pwhGzg97GDHm5AAAAFQjxvzt5qLwyHPdV9VgM+epHXH2V9GytP10q238TxwtvKy75X8zR74vXM7fZbJ/zrn2V1+/+MgADOZX4jAAAA=="
+                                    alt="">
+                            </li>
+                            <li>
+                                <img src="data:image/webp;base64,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"
+                                    alt="">
+                            </li>
+
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    </div>
+</body>
+
+</html>

历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/page/taobao.html

@@ -0,0 +1,438 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="../css/taobao.css">
+    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2265920_5e45z9gi20b.css">
+    <link rel="stylesheet" href="../css/clear.css">
+</head>
+
+<body>
+    <div class="navigation">
+        <div class="naigation_center">
+            <ul class="navigation_left">
+                <li>
+                    <a>
+                        中国大陆
+                        <i class="iconfont icon-xiangxia1"></i>
+                    </a>
+                    <div class="dropmenu">
+                        <div class="item">测试1</div>
+                        <div class="item">测试2</div>
+                        <div class="item">测试3</div>
+                        <div class="item">测试5</div>
+                        <div class="item">测试6</div>
+                        <div class="item">测试7</div>
+                        <div class="item">测试8</div>
+                        <div class="item">测试9</div>
+                        <div class="item">测试10</div>
+                        <div class="item">测试11</div>
+                        <div class="item">测试12</div>
+                        <div class="item">测试13</div>
+                    </div>
+                </li>
+                <li>
+                    <a>
+                        中国大陆
+                        <i class="iconfont icon-xiangxia1"></i>
+                    </a>
+                    <div class="dropmenu1">
+                        <img src="../img/touxiang.png" alt="">
+                        <div class="ssssss">
+                            <div class="me_news">
+                                <p>账号管理 | 退出</p>
+
+                            </div>
+                            <div class="me_news1">
+                                <p>淘气值:640</p>
+                                <span>普通会员</span>
+                            </div>
+                        </div>
+                        <a href="">查看你的专属权益</a>
+                    </div>
+                </li>
+                <li>
+                    <a>
+                        中国大陆
+                    </a>
+                </li>
+
+            </ul>
+            <ul class="navigation_right">
+                <li>
+                    <a href="">我的淘宝</a>
+                    <i class="iconfont icon-xiangxia1"></i>
+                    <div class="dropmenu3">
+                        <div class="item">测试1</div>
+                        <div class="item">测试2</div>
+                        <div class="item">测试3</div>
+                    </div>
+                </li>
+                <li>
+                    <i class="iconfont icon-gouwuche"></i>
+                    <a href="">购物车</a>
+                    <i class="iconfont icon-xiangxia1"></i>
+                </li>
+                <li>
+                    <i class="iconfont icon-shoucang"></i>
+                    <a href="">收藏夹</a>
+                    <i class="iconfont icon-xiangxia1"></i>
+                    <div class="dropmenu3">
+                        <div class="item">测试1</div>
+                        <div class="item">测试2</div>
+                        <div class="item">测试3</div>
+                    </div>
+                </li>
+                <li>
+                    <a href=""> 商品分类</a>
+                    <!-- <i class="iconfont icon-xiangxia1"></i> -->
+                </li>
+                <li>
+                    <a href="">免费开店</a>
+
+                    <span>|</span>
+                </li>
+                <li>
+                    <a href="">千牛卖家中心</a>
+
+                    <i class="iconfont icon-xiangxia1"></i>
+                    <div class="dropmenu3">
+                        <div class="item">测试1</div>
+                        <div class="item">测试2</div>
+                        <div class="item">测试3</div>
+                    </div>
+                </li>
+                <li>
+                    <a href="">联系客服</a>
+
+                    <i class="iconfont icon-xiangxia1"></i>
+                    <div class="dropmenu3">
+                        <div class="item">测试1</div>
+                        <div class="item">测试2</div>
+                        <div class="item">测试3</div>
+                    </div>
+                </li>
+                <li>
+                    <a href="" 网站导航></a>
+
+                    <i class="iconfont icon-xiangxia1"></i>
+                    <div class="more_navigation">
+                        <div class="more1">
+
+                        </div>
+                        <div class="more1">
+
+                        </div>
+                        <div class="more1">
+
+                        </div>
+                        <div class="more1">
+
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <div class="shop_img">
+        <img src="../img/banner.png" alt="">
+    </div>
+
+    <div class="search1">
+
+        <div class="search2">
+
+            <div class="search2_one">
+                <img src="../img/tblog.png" alt="">
+            </div>
+
+            <div class="search2_tow">
+                <ul class="tow_a1">
+                    <li class="tow_bc"> 宝贝</li>
+                    <li>天猫</li>
+                    <li>店铺</li>
+                </ul>
+                <div class="input_main">
+                    <div class="input_left">
+                        <i class="iconfont icon-sousuo"></i>
+                        <input type="text" placeholder="请输入搜索内容">
+                        <i class="iconfont icon-xiangji"></i>
+                    </div>
+                    <div class="input_right">搜索</div>
+                </div>
+                <ul class="title_key">
+                    <li>连衣裙</li>
+                    <li>连衣裙</li>
+                    <li>连衣裙</li>
+                    <li>连衣裙</li>
+                    <li>连衣裙</li>
+                </ul>
+            </div>
+
+        </div>
+
+    </div>
+    <div class="imprtent">
+        <div class="imprtent_one">
+            <div class="imprtent_onel">
+                <h2 class="menu_top">
+                    主题市场
+                </h2>
+                <div class="menu_bottom">
+                    <ul class="aa">
+                        <li>
+                            <div class="mb_lil">
+                                <a href="">女装</a>/
+                                <a href="">大佬</a>/
+                                <a href="">内衣</a>
+                            </div>
+                            <span>></span>
+                            <div class="menu">
+                                <div class="menu_l">
+                                    <div>
+                                        <p>流行趋势</p>
+                                        <div>
+                                            <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <p>流行趋势</p>
+                                        <div>
+                                            <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <p>流行趋势</p>
+                                        <div>
+                                            <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <p>流行趋势</p>
+                                        <div>
+                                            <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <p>流行趋势</p>
+                                        <div>
+                                            <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <p>流行趋势</p>
+                                        <div>
+                                            <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <p>流行趋势</p>
+                                        <div>
+                                            <span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;<span>毛衣外套</span>&nbsp;&nbsp;
+                                        </div>
+                                    </div>
+
+
+
+                                </div>
+
+                                <div class="menu_r">
+                                    <p>猜你喜欢</p>
+                                    <div class="menu_r_c">
+                                        <div>
+                                            <img src="https://img.alicdn.com/tfs/TB1f1XfmGNj0u4jSZFyXXXgMVXa-786-786.jpg_q80.jpg"
+                                                alt="">
+                                            <p>卫衣</p>
+                                        </div>
+                                        <div>
+                                            <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                                alt="">
+                                            <span>卫衣</span>
+                                        </div>
+                                        <div>
+                                            <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                                alt="">
+                                            <span>卫衣</span>
+                                        </div>
+                                        <div>
+                                            <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                                alt="">
+                                            <p>卫衣</p>
+                                        </div>
+                                        <div>
+                                            <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                                alt="">
+                                            <span>卫衣</span>
+                                        </div>
+                                        <div>
+                                            <img src="https://img.alicdn.com/tfs/TB1HI.6izMZ7e4jSZFOXXX7epXa-942-942.jpg_q80.jpg"
+                                                alt="">
+                                            <span>卫衣</span>
+                                        </div>
+
+
+
+
+
+
+                                    </div>
+                                </div>
+                        </li>
+
+
+                    </ul>
+                </div>
+
+            </div>
+
+
+            <div class="imprtent_oner">
+                <div class="menu2_top">
+                    <span>天猫</span>
+                    <span>天猫</span>
+                    <span>天猫</span>
+                    <span>|</span>
+                    <span>天猫</span>
+                    <span>天猫</span>
+                    <span>|</span>
+                    <span>天猫</span>
+                    <span>天猫</span>
+                    <span>天猫</span>
+                </div>
+                <div class="menu2_bottom">
+                    <div class="middle">
+                        <div class="img_top">
+                            <img src="https://aecpm.alicdn.com/simba/img/TB183NQapLM8KJjSZFBSutJHVXa.jpg" alt="">
+                            <img src="https://img.alicdn.com/imgextra/i2/1725301/O1CN01z3Crkn1p1uBk2OZhp_!!1725301-0-lubanu.jpg_400x400q90.jpg_.webp" alt="">
+                        </div>
+                        <div class="img_bottom">
+                            <div class="img_bottoml">
+                                <div class="btl_top">
+                                    <div class="tianmaol">
+                                        <img src="../img/33AHDQ2HOM5OJILJHV(]GUQ.png" alt="">
+                                        <p>理想生活上天猫</p>
+                                    </div>
+                                    <div class="tianmaor">
+                                        <span>6</span>
+                                        <span>/6</span>
+                                    </div>
+                                </div>
+                                <div class="btl_bottom">
+                                    <img src="https://img.alicdn.com/tps/i4/https://img.alicdn.com/imgextra/i4/6000000000162/O1CN0154zWlq1D4Eo7PYvgN_!!6000000000162-0-octopus.jpg_400x400q90.jpg_.webp" alt="">
+                                    <img src="https://img.alicdn.com/tps/i4/https://img.alicdn.com/imgextra/i4/6000000000162/O1CN0154zWlq1D4Eo7PYvgN_!!6000000000162-0-octopus.jpg_400x400q90.jpg_.webp" alt="">
+                                </div>
+                            </div>
+                            <div class="img_bottomr">
+                                <p>今日热卖</p>
+                                <img src="https://aecpm.alicdn.com/simba/img/TB1j4LLKpXXXXcbaXXXSutbFXXX.jpg" alt="">
+                            </div>
+
+                        </div>
+                    </div>
+                    <div class="userinfo">
+                        <div class="login">
+                            <img src="https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_50x50.jpg" alt="">
+                            <p>Hi! 你好</p>
+                            <ul>
+                                <li>
+                                    <div class="jb"></div>
+                                    <span>领淘金币抵钱</span>
+                                </li>
+                                <li>
+                                    <div class="jb"></div>
+                                    <span>领淘金币抵钱</span>
+                                </li>
+                            </ul>
+                            <div class="buttons">
+                                <div class="button login_button">登录</div>
+                                <div class="button reg_button">注册</div>
+                                <div class="button open_button">开店</div>
+                            </div>
+                        </div>
+                        <img class="gg" src="https://img.alicdn.com/tfs/TB15R3vP7Y2gK0jSZFgXXc5OFXa-540-120.jpg" alt="">
+                        <div class="news">
+                            <div class="news_title">
+                                <div class="item">公告</div>
+                                <div class="item">规则</div>
+                                <div class="item">安全</div>
+                                <div class="item">论坛</div>
+                                <div class="item">公益</div>
+                            </div>
+                            <div class="news_content">
+                                关于开展打击网络“有偿删帖”和“软色情”专项的公告
+                            </div>
+                        </div>
+                        <ul class="jgg">
+                            <li>
+                                <div class="jlt"></div>
+                                <p>旅行</p>
+                            </li>
+                            <li>
+                                <div class="jlt"></div>
+                                <p>旅行</p>
+                            </li>
+                            <li>
+                                <div class="jlt"></div>
+                                <p>旅行</p>
+                            </li>
+                            <li>
+                                <div class="jlt"></div>
+                                <p>旅行</p>
+                            </li>
+                            <li>
+                                <div class="jlt"></div>
+                                <p>旅行</p>
+                            </li>
+                            <li>
+                                <div class="jlt"></div>
+                                <p>旅行</p>
+                            </li>
+                            <li>
+                                <div class="jlt"></div>
+                                <p>旅行</p>
+                            </li>
+                            <li>
+                                <div class="jlt"></div>
+                                <p>旅行</p>
+                            </li>
+                        </ul>
+                        <div class="app">
+                            <div class="title">
+                                <h2>阿里APP</h2>
+                                <span>更多></span>
+                            </div>
+                            <ul>
+                                <li>
+                                    <img src="data:image/webp;base64,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" alt="">
+                                </li>
+                                <li>
+                                    <img src="data:image/webp;base64,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" alt="">
+                                </li>
+                                <li>
+                                    <img src="data:image/webp;base64,UklGRgAEAABXRUJQVlA4WAoAAAAQAAAAOwAAOwAAQUxQSHwAAAABT6AmAJA2yoZrtiCCaYyIACzbn+8CTmvbjqq3UgMLnS7QODpgIXH4+fu5gAyn2+By/RcR/U8r/Z6p+o2N3f5N9eKsrAid+YTwcDNS+0QaAtKUkB4Z6cdfXUb6JaRHQJqeSMOM1PqE8HC2InRW/Jvqxdnd75mq39hYAQAAVlA4IF4DAACwEwCdASo8ADwAPok0l0elIqIhMBgO+KARCWwAyB3A2X4bfO/xa/GPrq9sHzTwNuv1AflX/gdMd+gHuA/aD1Afxz+y/tF7yPoW/xnpGdQB6AHSl/u96U7wAcIKpmpY+TN7h+qqM4ubmG0ibBoLmlceXOfIo1GB/JWlEudV+hsr7TReEdtF0wwDPiYyc+UbAImXs8SWeQZwifHtnxT/I9qz9KyhuRpgAP78Dxd8z1Vb9U2kwkidDgtf7DFdtwP4K0aa3/+e9SHl/j0Sg/7fSBX/9kENOfG2BdkMHdb9gsAzQuvoY/QPaf82UlHGNsmN+D5d6ek42ZH9CPwLH2rz7+rC8ZV9CgNcfWUipMaFt6E3ibUUc9EEs2+IvRDf+Jh9fgpQIvw+4KU26J84baTcd1Sxff6CXuuZ3jrGAL7kG4we1j9pNJd1HTUzuon8cCeH24QYKsFiHQMceVDAcM2ncC2PKGFAnmRyrP7gz9VbqLO1U4tR2Nrseb97L8ZlZbMI6/rtCYycK7HzliXWoFKZtQ0Q1lf04Z8xwfkgVJhRD7amTUS3k39GoKRZK7HseimRPn6IdciQ4Mayeb7NV7divHxrqBIeWuYoSx5Jl2JB7Legtf6lnz66P9prafB+Egk+CkPgMf/9mQEqrf12NYigDLeLumA606lzar3axkXDx3yVW0GUJMoIeHmKiDF9VUBXFAWDolXLOA4YFN6Ha5XyYYXejO2M5t4DRXVmt5jd14dLKgyuJny4sSriJxnWN12nBissK9y0f8yD0bRMy60iACxIen9YeRUw0RhKYoJQLc5EsyKhcnFus2LItQTQxL5laAHB1MCbyIe68FRH26JPslw3zvytP42IxDUn0HG9rr79c6YCACTppy/6zbVaOvHcN3NKeu46PX9I3n0kiYr8xK/Uh1m/WWvDB9zr15i3jMz3Sndcug57tORpKnFudPUMaBsl1fFqdu4CYxP2u9mQZqyderFI3v6inLvqbM+50mRzreYHnttgLcf/JY3d73OtUTLoPabMPDtk9n71p2Ne+dtPaiSQFQ3+Jd97McsJKIx4zpruD08IggE2KNnK+nU3yIRlu/i3TUVedAAnfpZoK/KeDelXSxzVB+LTqsT4XZaeUvjl4U6yqNXKw7VsWSAA" alt="">
+                                </li>
+                                <li>
+                                    <img src="data:image/webp;base64,UklGRqQDAABXRUJQVlA4WAoAAAAQAAAAOwAAOwAAQUxQSPUAAAANP8IwkiQlNO5O/qm+kUNEZOU3y2ej0cijtFv12k/4Wv0epElqtM2pFma1BFeSbZvOfn6xbdu6cZ7nP6MY9/ynIvqfeCiRfCkd0sHHOK4m872FF18z7oKfHkoXAtv+BQ8p0bbBWYxVUl3m4JZoeeAv52o9hqu/7YFCSNa7Z6Vhg0bIpgaRBKjkKsu7IIsGy6ATiykQpsIgDGsg1PBXxdRAZx7CoDusU6Bbj4siqNzpPBgF1e60Z1UZNPZItQaprAAKb7HC9dytJwXw9zZD3FmvnpXB214MJdwd1slUoiJ4urvREi+XPgsWMiENfMzjcnZS8QAAAABWUDggiAIAALAOAJ0BKjwAPAA+kTqZSKWjIqEqFm3IsBIJbAC/cex4AdjF0ntn4jfkB05XAOIDwz0AbZrzAebX6AN4U3j7+9sEDSBTQPH0+IFspyuO/2ZK4XPUzO6+339kMZIaBJUS5UgmlcUTBuV6UwzSj/w5LCaKd+mbcGZNd6VLdCt7IAD+/HZeMGsdWiNDdKJN0b/BtAHTNRITSE631R03AH/XQiwkylEIoEP+rn1doZJLPLeH+GHgh84VRfZxbdZiDAVr01Vd7nMtYUbu+7H3mcDMZkPvQ0+rqaYJ84/Z7XSGrYuxscTlhehX5Bz9Z+z+HrwzHmbgmdYw4KvURAh0nwfqTArl2/xEqQ/tdybFE8YLmMJpM81z4paFU9q5BiTFPNNhFhQ89joA4E9417j3KJv7R/CBw26TCBwwV9vKno5mW83nd8fT1jtulm2h116lSCXj89/ydD8/jRdaeH//eLA3waFSgUhwLz1bCzzwdYWMY4nwO5NoWREdQen5KIYOuexulT2mHgFKWGOnM9O/0nkWg2beGv8wW3T0hYIMh58y0gj8wI3bo1IdpgvBdzOCFrLxzS+TUjrOm890AOo8i7sZVOt7xQk3iEenBp0PbHWKn57OmALerOwD3Am5pn2L9K2KZH6qlD2/2voadVV7gr1Kq4FFSomulzZAVdp+VqtgLqB2HYbdcSoiCVSCI8J6Niequyk0mXyquvW96CyFOvdW4Cj0WEO32+0Ym73apRFsN9/I/F19f8hHpAdTBejxwoPXzKPav/1l1Ct0UXYgpQ0/gbohhREZb3/ak0EPpRKpTPIAjJNt0otORYk06G72M4eJ5/HGOJgXQexc98ZI40Q+iABnip/BlAAAAA==" alt="">
+                                </li>
+                                <li>
+                                    <img src="data:image/webp;base64,UklGRv4DAABXRUJQVlA4WAoAAAAQAAAAOwAAOwAAQUxQSOMAAAAN78GgbSRHN+3uvj9/tLssIiIHXCrDoN586CUiCBEdWgeEZns/R1BG8Zs/Wg8BV5Ikm1Zd89m2be9/W9aZ/xcR/U+evXQ84uuouGzXy/Ged04tiTLdj8Sjk96Ol3gXxVYp2x7zlCugPugsh9zjBSSM9nLM1ekiY/QbW2pIueWGnUGssMoiZyTiCKYiCIY+gq7Ov42LjuDWR+6wjiC3WcaRm42jFlKnyX5eQGqk0coHyBwHXHf1voHEucJ9OmsbqD9XeRouOwGqjxVexu1C0UTlaTTgza65jKVCFzWHzWKs8QQAAABWUDgg9AIAALAPAJ0BKjwAPAA+kTyZSSWjIiEoGA1QsBIJbADDbXj+q9R9gXrX5FfkBkB3Owxe2O8wH61/rd2OPQA/p/UAegp0oX7q+kA8AFdHLAqbf7H6DX6Onx24/uQrxlObsxjHGyn/nuF0mqenUC+qX43Bu9N15YzOYPZSwG+VHZVTC+nSmfwqNbeAAP7+kZhYZqlOXrxsY6fefb9yr199+Au8wKyYEwSOjgJpsuV3g389/fprYJBafOre0/tED0Qqb+lG9xlvmUTCgdzoq7h76y5xwH173AjWTmdij9jDg4k8MLa9v6xV/R+F9TlUrKyyQYexeTnxk28/HwUZH/+gfqVmgt0a0IYqsvzCQwYOHO1dqYMl8lqJ7JW078ewu/HbWp3vfTyolWdJ0TO2DA52PF0bf9OzjMvf/g37kt5xOcS+rN7ux8YY2lenykPTfuKW2ynCUh4S6DaEhEFPXu2D/z4PxhI7Vn/hLrVAa9Wlzh6Gb8ez2u8w0IG2LtTRU0FC4lhOuX2pioKBqzePKMRVmMdtdYVJRHCT3HPdPcWTDxKeYLxRuNtJz6AZsnElv3MN9D59rN/EW2rer4wnYLr8ugvbo/KMY7uCpG7QOKtI5w5+j5ZmzQRTALW2Cr3nN62g7GHB+ZkcdduInfCD3EstY5LgZ3OK0u+W4qFC0f+FXsVzlowJpLvzxZcqVBI9kaLM3FaMxcZKEmvkpItWrPYgn56Z9WrG9fyIQMnVWiNl4vCH9zrFPfDUIAt8+CwaCRpzKwJniUfplNQzQ/9bsHiunfzs20S8v1DFaiTbk72tu6IWLNLz3FdJfnLL5QMR69mtEqBsElXx6mktrVlox/D+2k4auLl7B/o0fx/1TSKpkahtv+mnPBqAj9tmiaWKjt1Ugqd96EutsGQ1+s5OPUbwgQf37GWMIsuawp+HLP/QICol+FGH4oOnm50wLne1jeqRP7aweBTGK02yq6NI8cY3G4XJIK2CPvUaY7U9TBi32Wva1zyL/v3AAA==" alt="">
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+    <p>aaaa</p>
+    <p>aaaa</p>
+    <p>aaaa</p>
+
+</body>
+
+</html>