From 33164dc6e254ed7bafae870eb3242beb38f7ecf2 Mon Sep 17 00:00:00 2001
From: tangyi <275503107@qq.com>
Date: Fri, 10 Sep 2021 18:00:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/centerHead.css                   |   22 +-
 css/grzx/grzx.css                    |  309 +++++--
 css/huaxiaMedia.css                  |  424 ++++++++-
 css/institutions/institutions.css    | 1155 +++++++++++++++++++++++
 css/workspace.code-workspace         |    8 +
 htmls/grzx/personalData.html         |  600 +++++++-----
 htmls/institutions/institutions.html | 1264 ++++++++++++++++++++++++++
 public/center-head.html              |    3 +-
 8 files changed, 3413 insertions(+), 372 deletions(-)
 create mode 100644 css/institutions/institutions.css
 create mode 100644 css/workspace.code-workspace
 create mode 100644 htmls/institutions/institutions.html

diff --git a/css/centerHead.css b/css/centerHead.css
index 60b989b..618234a 100644
--- a/css/centerHead.css
+++ b/css/centerHead.css
@@ -24,29 +24,32 @@ ul {
 }
 
 .ty_herader>nav>img {
-    width: 489px;
-    height: 124px;
+    margin-right: 210px;
+
+    width:487px;
 }
 
 .ty_ds {
     display: flex;
-    justify-content: space-between;
+    justify-content: center;
+    align-content: flex-start;
+    align-items: flex-start;
+    
 }
 
 .ty_herader>nav {
     margin-top: 31px;
 }
 
-.ty_w {
-    width: 1280px;
-    margin: auto;
-}
+
 
 .ty_listnav {
     display: flex;
-    margin-top: 66px;
+    padding-top: 66px;
     color: rgb(135, 135, 135);
     align-self: flex-start;
+    flex-wrap: wrap;
+    justify-content:flex-end;
 }
 
 .ty_listnav>li {
@@ -78,3 +81,6 @@ ul {
 .ty_gr {
     color: rgb(201, 57, 57) !important;
 }
+
+
+/* 自适应 */
diff --git a/css/grzx/grzx.css b/css/grzx/grzx.css
index 5904bb8..ce773bb 100644
--- a/css/grzx/grzx.css
+++ b/css/grzx/grzx.css
@@ -11,7 +11,7 @@ a {
 ul {
     list-style: none;
 }
-
+/* 
 .ty_herader {
     box-shadow: 0px 3px 6px rgb(0 0 0 / 20%);
     padding-bottom: 7px;
@@ -28,19 +28,13 @@ ul {
     height: 124px;
 }
 
-.ty_ds {
-    display: flex;
-    justify-content: space-between;
-}
+
 
 .ty_herader>nav {
     margin-top: 31px;
 }
 
-.ty_w {
-    width: 1280px;
-    margin: auto;
-}
+
 
 .ty_listnav {
     display: flex;
@@ -77,9 +71,27 @@ ul {
 
 .ty_gr {
     color: rgb(201, 57, 57) !important;
-}
+} */
 
 /* main */
+.ty_ds {
+    display: flex;
+    justify-content: center;
+    position: relative;
+}
+.naliu{
+    width: 50px;
+    height: 50px;
+    background-color: #fff;
+    text-align: center;
+    line-height: 50px;
+    position: fixed;
+    top: 36%;
+    display: none;
+    left: 10px;
+    border-radius: 50%;
+    z-index: 5;
+}
 .mian {
     padding-top: 22px;
 }
@@ -93,9 +105,24 @@ ul {
     height: 711px;
     background-color: #fff;
     padding-top: 29px;
+    margin-right: 19px;
+    position: relative;
     box-sizing: border-box;
 }
+.ty_caidan{
+    width: 100%;
+    height: 30px;
+    border-radius: 3px;
+    line-height: 30px;
+    background-color: #fff;
+    display: none;
+    font-weight: 500;
+    text-align: center;
+    position: absolute;
+   top: -60px;
 
+
+}
 .ty_lefttx {
     text-align: center;
     border-bottom: 1px solid rgb(245, 245, 245);
@@ -103,8 +130,8 @@ ul {
 }
 
 .ty_lefttx>img {
-    width: 102px;
-    height: 102px;
+    width: 60%;
+    height: 50%;
     margin: auto;
     margin-bottom: 29px;
 
@@ -125,10 +152,11 @@ ul {
 
 .ty_leftcon>img {
     margin-right: 10px;
-  
+
 }
 
 .ty_ris {
+  
     width: 1060px;
 }
 
@@ -153,6 +181,14 @@ ul {
     box-sizing: border-box;
     background-color: #fff;
 }
+.ty_dindantit{
+    width: 100%;
+    height:20px;
+    border-bottom: 1px solid rgb(233, 233, 233);;
+    display: none;
+    margin-bottom: 5px;
+
+}
 
 .ty_scimg {
     width: 154px;
@@ -168,9 +204,11 @@ ul {
     align-items: center;
     margin-bottom: 44px;
 }
+
 ::-webkit-input-placeholder {
     color: #222222;
 }
+
 .ty_tubtn {
     width: 202px;
     height: 33px;
@@ -334,7 +372,7 @@ select {
 }
 
 .ty_dizcon {
-    width: 1006px;
+    width: 94%;
     height: 190px;
     margin: auto;
     margin-bottom: 23px;
@@ -484,13 +522,18 @@ select {
 
 /* 优惠卷 */
 .ty_yhuij {
-    width: 244px;
-    height: 226px;
+    width: 25%;
     text-align: center;
-    margin-right: 11px;
+    padding-right: 11px;
     margin-bottom: 11px;
+    box-sizing: border-box;
+}
+.ty_yhjyuan{
+    position: absolute;
+    bottom: -4px;
+    width: 100%;
+    left: 0px;
 }
-
 .ty_yhuij>:nth-child(1) {
     background-color: rgb(116, 210, 212);
     width: 100%;
@@ -501,7 +544,7 @@ select {
 }
 
 .ty_yhuij>:nth-child(2) {
-    width: 244px;
+    width: 100%;
     height: 83px;
     background-color: rgb(249, 249, 249);
 }
@@ -576,7 +619,12 @@ select {
     display: flex;
 
 }
-
+.ty_dindantetx{
+    display: flex;
+}
+.ty_dnum{
+    display: flex;
+}
 .ty_ddys {
     color: rgb(203, 25, 25);
 }
@@ -600,10 +648,12 @@ select {
     padding-right: 40px;
     box-sizing: border-box;
 }
-.ty_ddxq p{
+
+.ty_ddxq p {
     font-size: 14px;
     color: rgb(106, 106, 106);
 }
+
 .ty_ddxq>:nth-child(2) {
     display: flex;
 }
@@ -638,6 +688,7 @@ select {
 .ty_ddcontit>:nth-child(2) {
     display: flex;
     align-items: center;
+    width: 61px;
 }
 
 .ty_ddcontit>:nth-child(2)>p {
@@ -657,21 +708,26 @@ select {
 .ty_ddxx>:nth-child(1)>:last-child {
     border-bottom: none;
 }
-
-.ty_ddxx>:nth-child(1)>div>:nth-child(2) {
+.ty_ddmas{
+    display: flex;
+}
+.ty_ddmas>:nth-child(2) {
     width: 250px;
     font-size: 13px;
     padding-top: 12px;
     margin-left: 12px;
 }
+.ty_dindantop{
+display: flex;align-items: center;font-size: 14px;
 
-.ty_ddxx>:nth-child(1)>div>:nth-child(3) {
+}
+.ty_dnum>:nth-child(1) {
     padding-top: 12px;
     margin-left: 80px;
     font-size: 13px;
 }
 
-.ty_ddxx>:nth-child(1)>div>:nth-child(4) {
+.ty_dnum>:nth-child(2) {
     padding-top: 12px;
     margin-left: 72px;
     font-size: 13px;
@@ -679,6 +735,7 @@ select {
 
 .ty_ddxx {
     display: flex;
+    flex-wrap: wrap;
 }
 
 .ty_ddxxTxt {
@@ -691,7 +748,7 @@ select {
 
 .ty_ddxxTxt1 {
     padding-top: 24px;
-    width: 112px;
+    width: 100px;
     text-align: center;
 }
 
@@ -731,6 +788,7 @@ select {
 .ty_shtcint {
     display: flex;
     align-items: center;
+ 
 }
 
 .ty_sgtxt {
@@ -758,21 +816,23 @@ select {
     margin-top: 82px;
     margin-left: 15px;
     font-size: 12px;
-    color: rgb(126,126,126);
+    color: rgb(126, 126, 126);
 }
 
 .ty_yscon {
     padding-left: 24px;
-    padding-right: 24px;
 }
 
 .ty_ysnr {
-    width: 184px;
-    margin-right: 23px;
+    width: 20%;
+    padding-right: 23px;
+    box-sizing: border-box;
     margin-bottom: 35px;
     position: relative;
 }
-
+.ty_ysnr >img{
+    width: 100%;
+}
 .ty_ysnr>p {
     font-size: 16px;
     color: #191919;
@@ -786,9 +846,7 @@ select {
     flex-wrap: wrap;
 }
 
-.ty_ysmr>:nth-child(5n) {
-    margin-right: 0px;
-}
+
 
 .ty_ysqxgz {
     display: inline-block;
@@ -805,21 +863,22 @@ select {
 }
 
 .ty_wdgz {
-    width: 323px;
-    margin-right: 21px;
+    width: 33%;
+    padding-right: 21px;
+    box-sizing: border-box;
     margin-bottom: 21px;
     position: relative;
 }
-
+.ty_wdgz>img{
+    width: 100%;
+}
 .ty_wdgz>p {
     font-size: 16px;
     color: #191919;
     margin-top: 18px;
 }
 
-.ty_gzmr>:nth-child(3n) {
-    margin-right: 0px;
-}
+
 
 .ty_jftit {
     width: 100%;
@@ -910,78 +969,97 @@ select {
     padding: 16px 0px 17px 26px;
     border-bottom: 1px solid rgb(238, 233, 231);
 }
-.ty_jfcon>div>:nth-child(1){
+
+.ty_jfcon>div>:nth-child(1) {
     font-size: 13px;
     color: #525252;
     margin-right: 200px;
 }
-.ty_jfcon>div>:nth-child(2){
+
+.ty_jfcon>div>:nth-child(2) {
     width: 75px;
     font-size: 14px;
     margin-right: 161px;
-  
+
     font-weight: bold;
 }
-.ty_jfys{
-    color: rgb(0,166,8);
+
+.ty_jfys {
+    color: rgb(0, 166, 8);
 }
-.ty_jfys2{
+
+.ty_jfys2 {
     color: rgb(203, 25, 25);
 }
-.ty_jfcon>div>:nth-child(3){
+
+.ty_jfcon>div>:nth-child(3) {
     font-size: 13px;
     color: #525252;
 }
 
 /* 收藏 */
-.ty_sccon{
+.ty_sccon {
     padding-left: 24px;
-    padding-right: 24px;
+ 
 }
-.ty_yishusc{
-width: 328px;
-margin-right: 14px;
-position: relative;
+
+.ty_yishusc {
+    width: 33%;
+    padding-right: 14px;
+    position: relative;
+    box-sizing: border-box;
 
 }
-.ty_yishusc>:nth-child(2){
+.ty_yishusc>img{
+    width: 100%;
+}
+
+.ty_yishusc>:nth-child(2) {
     font-size: 16px;
     color: #191919;
     margin-top: 17px;
     margin-bottom: 14px;
 }
-.ty_yishusc>:nth-child(3){
-    color: rgb(147,147,147);
+
+.ty_yishusc>:nth-child(3) {
+    color: rgb(147, 147, 147);
     font-size: 13px;
 }
-.ty_scmr>:nth-child(3n){
+
+.ty_scmr>:nth-child(3n) {
     margin-right: 0px;
 }
-.ty_scml{
+
+.ty_scml {
     padding-left: 22px;
-    padding-right: 22px;
- 
+
 }
-.ty_yspcon{
-    width: 184px;
-    margin-right: 24px;
+
+.ty_yspcon {
+    width: 20%;
+    padding-right: 24px;
     margin-bottom: 24px;
+    box-sizing: border-box;
     position: relative;
 }
-.ty_yspcon>img{
+
+.ty_yspcon>img {
     width: 100%;
-    height: 185px;
+   
 }
-.ty_yspcon>p{
+
+.ty_yspcon>p {
     font-size: 14px;
     color: #191919;
     margin-top: 18px;
 }
-.ty_scml>:nth-child(5n){
+
+.ty_scml>:nth-child(5n) {
     margin-right: 0px;
 }
+
 /* 签到 */
-.ty_qidaocon{
+.ty_qidaocon {
     width: 657px;
     height: 307px;
     background-image: url("../../img/grzx/qdbj.jpg");
@@ -991,23 +1069,26 @@ position: relative;
     justify-content: center;
     align-items: flex-end;
 }
-.ty_qidaocon>img{
+
+.ty_qidaocon>img {
     position: absolute;
- top: 14px;
- right: 16px;
+    top: 14px;
+    right: 16px;
 }
-.ty_qidaocon>button{
+
+.ty_qidaocon>button {
     width: 176px;
     height: 50px;
     border-radius: 3px;
-    background-color: rgb(203,25,25);
+    background-color: rgb(203, 25, 25);
     border: none;
     margin-bottom: 24px;
     font-size: 18px;
     color: #fff;
 }
+
 /* 征稿 */
-.ty_zgtit{
+.ty_zgtit {
     width: 100%;
     background-color: rgb(245, 245, 245);
     height: 40px;
@@ -1016,81 +1097,111 @@ position: relative;
     padding-left: 77px;
     box-sizing: border-box;
 }
-.ty_zgtit>p{
+
+.ty_zgtit>p {
     font-size: 14px;
     color: rgb(106, 106, 106);
 }
-.ty_zgtit>:nth-child(1){
+
+.ty_zgtit>:nth-child(1) {
     margin-right: 314px;
 }
-.ty_zgtit>:nth-child(2){
+
+.ty_zgtit>:nth-child(2) {
     margin-right: 159px;
 }
-.ty_zgtit>:nth-child(3){
+
+.ty_zgtit>:nth-child(3) {
     margin-right: 101px;
 }
-.ty_zgtit>:nth-child(4){
-margin-right: 82px;    
+
+.ty_zgtit>:nth-child(4) {
+    margin-right: 82px;
 }
-.ty_zgcon{
+
+.ty_zgcon {
     padding-top: 17px;
     padding-bottom: 14px;
     padding-left: 9px;
     padding-right: 7px;
 }
-.ty_zgcon{
+
+.ty_zgcon {
     display: flex;
-    border-bottom:1px solid rgb(238, 233, 231);
+    border-bottom: 1px solid rgb(238, 233, 231);
+    flex-wrap: wrap;
 }
-.ty_zgzti{
+
+.ty_zgzti {
     font-size: 13px;
-    color: rgb(82,82,82);
+    color: rgb(82, 82, 82);
 }
-.ty_zgcon>:nth-child(1){
+
+.ty_zgcon>:nth-child(1) {
     width: 88px;
     height: 85px;
     margin-right: 11px;
 }
-.ty_zgcon>:nth-child(3){
+.ty_ristext{
+    display: flex;
+}
+.ty_ristext>:nth-child(1) {
     width: 187px;
     margin-right: 92px;
     margin-left: 80px;
 }
-.ty_zgcon>:nth-child(4){
+
+.ty_ristext>:nth-child(2) {
     margin-right: 67px;
 }
-.ty_zgcon>:nth-child(5){
+
+.ty_ristext>:nth-child(3) {
     margin-right: 34px;
 }
-.ty_zgcon>:nth-child(6){
+
+.ty_ristext>:nth-child(4) {
     width: 62px;
 }
-.ty_zgcon>:nth-child(6)>button{
+
+.ty_ristext>:nth-child(4)>div>button {
     width: 62px;
     height: 34px;
     border-radius: 3px;
     background-color: #fff;
     margin-bottom: 5px;
 }
-.ty_zgcon>:nth-child(6)>p{
+
+.ty_ristext>:nth-child(4)>div>p{
     color: #191919;
     font-size: 13px;
     margin-top: 5px;
 }
-.ty_bj{
+.ty_ristext>div>:nth-child(1){
+    display: none;
+}
+
+.ty_bj {
     color: #00a608;
     border: 1px solid #00a608;
 }
-.ty_scsc{
+
+.ty_scsc {
     color: #066ee2;
-    border: 1px solid #066ee2; 
+    border: 1px solid #066ee2;
 }
-.ty_lititnoe>:nth-child(2){
+
+.ty_lititnoe>:nth-child(2) {
     display: none;
 }
-.ty_lititnoe>span{
+
+.ty_lititnoe>span {
     color: rgb(203, 25, 25);
 }
-.ty_litittwo>:nth-child(1){
+
+.ty_litittwo>:nth-child(1) {
     display: none;
-}
\ No newline at end of file
+}
+.ty_topifrane{
+    width: 100%;
+    height: 300px;
+}
diff --git a/css/huaxiaMedia.css b/css/huaxiaMedia.css
index 8c81688..ebc0f19 100644
--- a/css/huaxiaMedia.css
+++ b/css/huaxiaMedia.css
@@ -1,45 +1,417 @@
-@media screen and (max-width:300px) {
+@media screen and (max-width:300px) {}
 
-}
-@media screen and (min-width:301px) and (max-width:350px) {
+@media screen and (min-width:301px) and (max-width:350px) {}
 
-}
-@media screen and (min-width:351px) and (max-width:420px) {
+@media screen and (min-width:351px) and (max-width:420px) {}
 
-}
-@media screen and (min-width:421px) and (max-width:490px) {
+@media screen and (min-width:421px) and (max-width:490px) {}
 
-}
-@media screen and (min-width:491px) and (max-width:620px) {
+@media screen and (min-width:491px) and (max-width:620px) {}
 
-}
-@media screen and (min-width:621px) and (max-width:720px) {
+@media screen and (min-width:621px) and (max-width:720px) {}
 
-}
 @media screen and (min-width:721px) and (max-width:820px) {
+    .ty_left {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+
+    }
+
+    /* .ty_riscon {
+    padding-left: 36px;
+} */
+
+
 
 }
-@media screen and (min-width:821px) and (max-width:920px) {
+
+
+@media screen and (min-width:300px) and (max-width:1020px) {
+
+
+    .ty_leftcon {
+        justify-content: center;
+        padding-left: 0px;
+    }
+
+    .ty_left {
+        width: 14%;
+    }
+
+    .ty_ris {
+        width: 75%;
+    }
+
+    .ty_btn>button {
+        width: 112px;
+        height: 37px;
+    }
+
+    .ty_btn {
+        width: 424px;
+    }
+
+    .ty_password+.ty_btn {
+        width: 448px;
+
+    }
+
+    select {
+        padding: 0px 18px;
+        background-size: 12px 8px;
+        width: 106px;
+        font-size: 12px;
+        background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 9px top 14px transparent;
+        height: 37px;
+    }
+
+    .ty_int> :nth-child(2) {
+        width: 338px;
+        height: 36px;
+
+    }
+
+    .ty_scimg {
+        width: 100px;
+        height: 100px;
+        background-color: rgb(245, 245, 245);
+        border-radius: 50%;
+        border: none;
+        margin-right: 28px;
+    }
+}
+
+@media screen and (min-width:300px) and (max-width:820px) {
+    .ty_left {
+        position: absolute;
+        left: -14%;
+        top: 0px;
+        transition: all 2s;
+    }
+    .naliu {
+        display: block;
+    }
+    .ty_ris {
+        width: 95%;
+    }
+    .ty_caidan {
+        display: block;
+    }
+    .ty_dnum {
+        width: 100%;
+        border-top: 1px solid rgb(233, 233, 233);
+        margin-top: 10px;
+    }
+    .ty_ysnr {
+        width: 25%;
+    }
+    .ty_wdgz {
+        width: 33%;
+    }
+    .ty_wdgz>p {
+        margin-top: 4px;
+    }
+    .ty_ysnr {
+        margin-bottom: 10px;
+    }
+    .ty_ysnr>p {
+        margin-top: 8px;
+        font-size: 13px;
+    }
+    .ty_yspcon {
+        width: 25%;
+        margin-bottom: 14px;
+    }
+    .ty_yspcon>p {
+        margin-top: 10px;
+    }
+}
+
+@media screen and (min-width:821px) and (max-width:920px) {}
+
+@media screen and (min-width:921px) and (max-width:1020px) {}
+
+@media screen and (min-width:1021px) and (max-width:1120px) {}
+
+@media screen and (min-width:1121px) and (max-width:1220px) {}
+
+
+@media screen and (min-width:1021px) and (max-width:1320px) {
+    .ty_leftcon>img {
+        display: none;
+    }
+
+    .ty_leftcon {
+        justify-content: center;
+        padding-left: 0px;
+    }
+
+    .ty_left {
+        width: 14%;
+    }
+
+    .ty_ris {
+        width: 75%;
+    }
+
+
 
 }
-@media screen and (min-width:921px) and (max-width:1020px) {
 
-}
-@media screen and (min-width:1021px) and (max-width:1120px) {
-
-}
-@media screen and (min-width:1121px) and (max-width:1220px) {
-
-}
-@media screen and (min-width:1221px) and (max-width:1320px) {
-
-}
 @media screen and (min-width:1321px) and (max-width:1420px) {
+    .ty_dindantit{
+        display: inline-block;
+    
+    }
+    .ty_ddnav {
+        margin-bottom: 10px;
+    }
+
+    .ty_ris {
+        width: 75%;
+    }
+
+    .ty_ddxxnoe {
+        width: 100% !important;
+    }
+
+    .ty_ddxxnoe>div {
+        width: 100% !important;
+        flex-wrap: wrap;
+    }
+
+    .ty_ddxq {
+        display: none;
+    }
+
+    .ty_ddxx>div {
+        width: 100%;
+        border-top: 1px solid rgb(233, 233, 233);
+    }
+
+    .ty_ddxxTxt {
+        padding-top: 2px;
+        width: 22%;
+    }
+
+    .ty_ddxxTxt1 {
+        border-right: 1px solid rgb(233, 233, 233);
+        padding-top: 2px;
+        width: 34%;
+
+    }
+}
+
+@media screen and (min-width:300px) and (max-width:620px) {
+    .ty_riscon {
+        padding-left: 10px;
+    }
+    .ty_yhuij {
+        width: 50% !important ;
+      
+    }
+}
+
+@media screen and (min-width:301px) and (max-width:490px) {
+    .ty_btn {
+        width: 334px;
+    }
+
+    .ty_password+.ty_btn {
+        width: 358px;
+    }
+
+    .ty_int> :nth-child(2) {
+        width: 248px;
+    }
+
+    select {
+        padding: 0px 5px;
+
+        width: 76px;
+    }
+
+    .ty_left {
+        width: 67px;
+        left: -68px;
+    }
+
+    .ty_leftcon {
+        font-size: 12px;
+    }
+
+    .ty_ddmas>:nth-child(2) {
+        width: 180px;
+    }
+
+    .ty_dindantop {
+        display: block;
+    }
+
+    .ty_ddnav>p {
+        margin-right: 23px;
+    }
+
+    .ty_ddcontit {
+        height: 46px;
+    }
+}
+
+@media screen and (min-width:300px) and (max-width:1320px) {
+    .ty_dindantit{
+        display: inline-block;
+    
+    }
+    .ty_ddxxTxt {
+        padding-top: 2px;
+        width: 20%;
+    }
+
+    .ty_ddxxTxt1 {
+        border-right: 1px solid rgb(233, 233, 233);
+        padding-top: 2px;
+        width: 40%;
+    }
+
+    .ty_herader>nav>img {
+        margin-right: 11%;
+        width: 35%;
+    }
+
+    .ty_ddxq {
+        display: none;
+    }
+
+    .ty_listnav {
+        width: 45%;
+        text-align: left;
+    }
+
+    .ty_leftcon>img {
+        display: none;
+    }
+
+    .ty_listnav {
+        padding-top: 3%;
+    }
+
+    .ty_topcon {
+        height: 47%;
+    }
+
+    .ty_ddxx>div {
+        width: 100%;
+        border-top: 1px solid rgb(233, 233, 233);
+    }
+
+    .ty_ddxxnoe {
+        width: 100% !important;
+    }
+
+    .ty_ddxxnoe>div {
+        width: 100% !important;
+        flex-wrap: wrap;
+        padding-left: 0px;
+    }
+
+    .ty_dindantetx {
+        border-top: 1px solid rgb(233, 233, 233);
+        width: 100%;
+
+    }
+
+    .ty_ddnav {
+        margin-bottom: 10px;
+    }
 
 }
-@media screen and (min-width:1421px) and (max-width:1520px) {
+
+@media screen and (min-width:300px) and (max-width:411px) {
+    .ty_password {
+        display: block;
+        padding-left: 40px;
+
+    }
+
+    .ty_password>p {
+        text-align: left !important;
+        margin-bottom: 10px;
+    }
+
+    .ty_password+.ty_btn {
+        width: 288px;
+    }
+
+    .ty_didanpd {
+        padding-left: 9px !important;
+        padding-right: 9px !important;
+    }
+
+    .ty_wdgz {
+        width: 50%;
+
+    }
+
+    .ty_ysnr {
+        width: 33%;
+        margin-bottom: 10px;
+        font-size: 13px;
+    }
+    .ty_wdgz>p {
+        margin-top: 4px;
+    }
+
+    .ty_yishusc>:nth-child(2) {
+        font-size: 13px;
+        color: #191919;
+        margin-top: 2px;
+        margin-bottom: 6px;
+    }
+    .ty_yspcon {
+        width: 33%;
+        margin-bottom: 14px;
+    }
+    .ty_yspcon>p {
+        margin-top: 10px;
+    }
+
+    .ty_jfn>:nth-child(2)>:nth-child(2) {
+        margin-left: 52px;
+        margin-right: 73px;
+    }
+    .ty_jfcon>div>:nth-child(2) {
+        margin-right: 38px;
+    }
+    .ty_jfn>:nth-child(2)>:nth-child(2) {
+        margin-right: 22px;
+    }
+    .ty_textyh {
+        font-size: 13px;
+        margin-top: 2px;
+        margin-bottom: 5px;
+        color: #fff;
+    }
 
 }
-@media screen and (min-width:1521px) and (max-width:1620px) {
 
+@media screen and (min-width:300px) and (max-width:1200px) {
+    .ty_jfcon>div>:nth-child(1) {
+        margin-right: 50px;
+    }
+    .ty_jfn>:nth-child(2)>:nth-child(2) {
+        margin-left: 100px;
+        margin-right: 31px;
+    }
+    .ty_jfcon>div>:nth-child(2) {
+        margin-right: 16px;
+    }
+    .ty_yhuij {
+        width: 33%;
+      
+    }
 }
+
+@media screen and (min-width:1421px) and (max-width:1520px) {}
+
+@media screen and (min-width:1521px) and (max-width:1620px) {}
\ No newline at end of file
diff --git a/css/institutions/institutions.css b/css/institutions/institutions.css
new file mode 100644
index 0000000..7ab8cd0
--- /dev/null
+++ b/css/institutions/institutions.css
@@ -0,0 +1,1155 @@
+* {
+    padding: 0px;
+    margin: 0px;
+}
+
+/* header */
+a {
+    text-decoration: none;
+}
+
+ul {
+    list-style: none;
+}
+
+.ty_ds {
+    display: flex;
+    justify-content: center;
+    position: relative;
+}
+.naliu{
+    width: 50px;
+    height: 50px;
+    background-color: #fff;
+    text-align: center;
+    line-height: 50px;
+    position: fixed;
+    top: 36%;
+    display: none;
+    left: 10px;
+    border-radius: 50%;
+    z-index: 5;
+}
+.mian {
+    padding-top: 22px;
+}
+
+.ty_co {
+    background-color: rgb(245, 245, 245);
+}
+
+.ty_left {
+    width: 202px;
+    height: 711px;
+    background-color: #fff;
+    padding-top: 29px;
+    margin-right: 19px;
+    position: relative;
+    box-sizing: border-box;
+}
+.ty_caidan{
+    width: 100%;
+    height: 30px;
+    border-radius: 3px;
+    line-height: 30px;
+    background-color: #fff;
+    display: none;
+    font-weight: 500;
+    text-align: center;
+    position: absolute;
+   top: -60px;
+
+
+}
+.ty_lefttx {
+    text-align: center;
+    border-bottom: 1px solid rgb(245, 245, 245);
+    padding-bottom: 24px;
+}
+
+.ty_lefttx>img {
+    width: 60%;
+    height: 50%;
+    margin: auto;
+    margin-bottom: 29px;
+
+    display: block;
+}
+
+.ty_leftcon {
+    width: 100%;
+    height: 53px;
+    border-bottom: 1px solid rgb(245, 245, 245);
+    display: flex;
+    align-items: center;
+    padding-left: 31px;
+    font-size: 15px;
+    position: relative;
+    box-sizing: border-box;
+}
+
+.ty_leftcon>img {
+    margin-right: 10px;
+
+}
+
+.ty_ris {
+  
+    width: 1060px;
+}
+
+.ty_tit {
+    width: 100%;
+    height: 64px;
+    background-color: #fff;
+    line-height: 64px;
+    font-weight: bold;
+    box-sizing: border-box;
+    font-size: 18px;
+
+    padding-left: 24px;
+}
+
+.ty_riscon {
+    width: 100%;
+    margin-top: 20px;
+    height: 709px;
+    padding-top: 40px;
+    padding-left: 100px;
+    box-sizing: border-box;
+    background-color: #fff;
+}
+.ty_dindantit{
+    width: 100%;
+    height:20px;
+    border-bottom: 1px solid rgb(233, 233, 233);;
+    display: none;
+    margin-bottom: 5px;
+
+}
+
+.ty_scimg {
+    width: 154px;
+    height: 154px;
+    background-color: rgb(245, 245, 245);
+    border-radius: 50%;
+    border: none;
+    margin-right: 28px;
+}
+
+.ty_tupian {
+    display: flex;
+    align-items: center;
+    margin-bottom: 44px;
+}
+
+::-webkit-input-placeholder {
+    color: #222222;
+}
+
+.ty_tubtn {
+    width: 202px;
+    height: 33px;
+    border: 1px solid rgb(245, 245, 245);
+    background-image: linear-gradient(#fff, rgb(245, 245, 245));
+    margin-bottom: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.ty_col {
+    color: rgb(193, 193, 193);
+}
+
+.ty_name {
+    display: flex;
+    margin-bottom: 37px;
+    font-size: 16px;
+}
+
+.ty_name> :nth-child(1) {
+    width: 65px;
+    margin-right: 20px;
+    text-align: right;
+}
+
+.ty_int {
+    display: flex;
+    align-items: center;
+    margin-bottom: 18px;
+}
+
+.ty_int> :nth-child(1) {
+    width: 65px;
+    text-align: right;
+    margin-right: 20px;
+    font-size: 16px;
+}
+
+.ty_int> :nth-child(2) {
+    width: 471px;
+    height: 52px;
+    box-sizing: border-box;
+    font-size: 16px;
+    border: solid 1px #000;
+    border-color: rgb(208, 208, 208);
+    border-radius: 5px;
+}
+
+select {
+    border-radius: 3px;
+    border: solid 1px #000;
+    border-color: rgb(208, 208, 208);
+    appearance: none;
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    display: flex;
+    padding: 12px 18px;
+    box-sizing: border-box;
+    background: url("../../img/grzx/xiala_08.jpg") no-repeat scroll right 20px top 20px transparent;
+    background-size: 12px 8px;
+    width: 150px;
+    height: 52px;
+}
+
+.ty_setle {
+    display: flex;
+    align-items: center;
+    margin-bottom: 18px;
+}
+
+.ty_setle> :nth-child(1) {
+    width: 65px;
+    text-align: right;
+    margin-right: 20px;
+    font-size: 16px;
+}
+
+.ty_setle>select {
+    margin-right: 10px;
+}
+
+.tyint_pal {
+    padding-left: 14px;
+    box-sizing: border-box;
+    color: #000;
+}
+
+.ty_btn {
+    text-align: right;
+    width: 557px;
+}
+
+.ty_btn>button {
+    border-radius: 5px;
+    font-size: 18px;
+    width: 138px;
+    height: 50px;
+    color: #fff;
+    background-color: rgb(203, 25, 25);
+    border: none;
+}
+
+.ty_btn1 {
+    text-align: right;
+    width: 581px;
+}
+
+
+.ty_jgzl{
+    height: auto;
+}
+
+
+
+
+
+
+/* 密码修改 */
+.ty_wic> :nth-child(1) {
+    width: 90px;
+}
+
+.ty_riscon1 {
+    height: 638px;
+    margin-top: 10px;
+}
+
+/* 收货地址 */
+.ty_shtit {
+    width: 100%;
+    height: 64px;
+    background-color: #fff;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-left: 24px;
+    padding-right: 20px;
+}
+
+.ty_shtit>div {
+    display: flex;
+    align-items: center;
+}
+
+.ty_shtit>div>:nth-child(1) {
+    font-size: 18px;
+    font-weight: bold;
+    margin-right: 20px;
+}
+
+.ty_shtit>div>:nth-child(2) {
+    font-size: 12px;
+}
+
+.ty_shtit>p {
+    font-size: 18px;
+    color: rgb(13, 158, 61);
+}
+
+.ty_con {
+    width: 100%;
+    height: 638px;
+    margin-top: 10px;
+    box-sizing: border-box;
+    background-color: #fff;
+    padding-top: 26px;
+
+}
+
+.ty_dizcon {
+    width: 94%;
+    height: 190px;
+    margin: auto;
+    margin-bottom: 23px;
+    border: 1px solid rgb(229, 229, 229);
+    padding-left: 22px;
+    padding-top: 20px;
+    padding: 20px 22px 0px;
+    box-sizing: border-box;
+}
+
+.ty_dzxx>:nth-child(1)>:nth-child(1) {
+    font-size: 18px;
+    font-weight: bold;
+}
+
+.ty_dzxx>:nth-child(1)>:nth-child(2) {
+    width: 61px;
+    height: 23px;
+    font-weight: bold;
+    text-align: center;
+    color: #fff;
+    line-height: 23px;
+    margin-left: 18px;
+    background-color: rgb(203, 25, 25);
+}
+
+.ty_dzxx>:nth-child(1) {
+    display: flex;
+}
+
+.ty_dzxx {
+    display: flex;
+    justify-content: space-between;
+    align-self: flex-start;
+    align-items: center;
+    margin-bottom: 20px;
+}
+
+.ty_dzxx>:nth-child(2) {
+
+    width: 20px;
+    height: 20px;
+
+}
+
+.ty_dztext {
+    color: rgb(149, 149, 149);
+    margin-bottom: 10px;
+    font-size: 14px;
+}
+
+.ty_dztext>span {
+    color: #000;
+}
+
+.ty_mr {
+    display: flex;
+    justify-content: space-between;
+}
+
+.ty_mr>:nth-child(2) {
+    display: flex;
+    color: rgb(74, 122, 228);
+}
+
+.ty_mr>:nth-child(2)>p {
+    margin-left: 28px;
+}
+
+
+/* 新增收货地址 */
+.ty_xzsh {
+    width: 100%;
+    height: 100%;
+    background-color: rgba(00, 00, 00, 0.3);
+    position: fixed;
+    top: 0px;
+    align-items: center;
+    justify-content: center;
+    padding-top: 45px;
+    box-sizing: border-box;
+    left: 0px;
+    z-index: 3;
+}
+
+.ty_tcon {
+    width: 653px;
+    padding-bottom: 43px;
+    border-radius: 5px;
+    background-color: #fff;
+    margin: auto;
+}
+
+.ty_tctiti {
+    width: 100%;
+    font-size: 16px;
+    font-weight: bold;
+    display: flex;
+    justify-content: space-between;
+    padding: 15px 20px 12px;
+    align-items: center;
+    background-color: rgb(233, 233, 233);
+    box-sizing: border-box;
+}
+
+.ty_tctiti>:nth-child(2) {
+
+    width: 20px;
+    height: 20px;
+
+}
+
+.ty_tris {
+    padding-top: 26px;
+    padding-left: 40px;
+}
+
+.ty_tcwi {
+    margin-bottom: 12px;
+}
+
+.ty_tcwi>:nth-child(1) {
+    width: 82px;
+    margin-right: 0px;
+}
+
+.ty_yhtit {
+    width: 100%;
+    height: 64px;
+    background-color: #fff;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    padding-left: 23px;
+    font-size: 18px;
+
+}
+
+.ty_yhd {
+    font-weight: 600;
+}
+
+.ty_yhtit>p {
+    margin-right: 40px;
+    color: #191919;
+}
+
+/* 优惠卷 */
+.ty_yhuij {
+    width: 25%;
+    text-align: center;
+    padding-right: 11px;
+    margin-bottom: 11px;
+    box-sizing: border-box;
+}
+.ty_yhjyuan{
+    position: absolute;
+    bottom: -4px;
+    width: 100%;
+    left: 0px;
+}
+.ty_yhuij>:nth-child(1) {
+    background-color: rgb(116, 210, 212);
+    width: 100%;
+    height: 142px;
+    position: relative;
+    padding-top: 26px;
+    box-sizing: border-box;
+}
+
+.ty_yhuij>:nth-child(2) {
+    width: 100%;
+    height: 83px;
+    background-color: rgb(249, 249, 249);
+}
+
+.ty_gb {
+    position: absolute;
+    right: 0px;
+    top: 0px;
+    width: 50px;
+    height: 50px;
+    background-image: url("../../img/grzx/yhq.png");
+    background-size: 100%;
+    text-align: right;
+    padding-right: 10px;
+    padding-top: 5px;
+    box-sizing: border-box;
+}
+
+.ty_yhmn {
+    color: #fff;
+    font-size: 36px;
+    text-align: center;
+    display: inline-block;
+    margin: auto;
+    line-height: 33px;
+    position: relative;
+    margin-left: 10px;
+}
+
+.ty_yhmn>span {
+    font-size: 20px;
+    display: inline-block;
+    top: -9px;
+    left: -19px;
+    position: absolute;
+}
+
+.ty_textyh {
+    font-size: 13px;
+    margin-top: 15px;
+    margin-bottom: 20px;
+    color: #fff;
+}
+
+.ty_yhbtn {
+    width: 121px;
+    height: 35px;
+    border: 1px solid rgb(116, 210, 212);
+    border-radius: 30px;
+    margin-top: 26px;
+    color: rgb(116, 210, 212);
+}
+
+.gqtp {
+    text-align: right;
+    padding-top: 12px;
+    padding-right: 12px;
+    box-sizing: border-box;
+}
+
+.ty_tp>:nth-child(4n) {
+    margin-right: 0px;
+}
+
+.ty_listimg {
+    position: absolute;
+    display: none;
+}
+
+/* 订单 */
+.ty_ddnav {
+    display: flex;
+
+}
+.ty_dindantetx{
+    display: flex;
+}
+.ty_dnum{
+    display: flex;
+}
+.ty_ddys {
+    color: rgb(203, 25, 25);
+}
+
+.ty_ddnav>p {
+    margin-right: 32px;
+    font-weight: bold;
+    font-size: 14px;
+}
+
+.ty_ddxq {
+    width: 100%;
+    height: 40px;
+    background-color: rgb(245, 245, 245);
+    margin-top: 10px;
+    display: flex;
+    margin-bottom: 18px;
+    justify-content: space-between;
+    align-items: center;
+    padding-left: 16px;
+    padding-right: 40px;
+    box-sizing: border-box;
+}
+
+.ty_ddxq p {
+    font-size: 14px;
+    color: rgb(106, 106, 106);
+}
+
+.ty_ddxq>:nth-child(2) {
+    display: flex;
+}
+
+.ty_ddxq>:nth-child(2)>* {
+    margin-left: 60px;
+}
+
+.ty_ddcon {
+    width: 100%;
+    border: 1px solid rgb(233, 233, 233);
+    box-sizing: border-box;
+    margin-bottom: 20px;
+}
+
+.ty_ddcontit {
+    width: 100%;
+    height: 35px;
+    background-color: rgb(245, 245, 245);
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    justify-content: space-between;
+    padding-left: 13px;
+    padding-right: 10px;
+}
+
+.ty_ddcontit>:nth-child(1)>p {
+    color: rgb(146, 146, 146);
+}
+
+.ty_ddcontit>:nth-child(2) {
+    display: flex;
+    align-items: center;
+    width: 61px;
+}
+
+.ty_ddcontit>:nth-child(2)>p {
+    margin-right: 5px;
+    color: rgb(6, 110, 226);
+}
+
+.ty_ddxx>:nth-child(1)>div {
+    display: flex;
+    padding: 14px 0px 14px 15px;
+    border-bottom: 1px solid rgb(233, 233, 233);
+    border-right: 1px solid rgb(233, 233, 233);
+    box-sizing: border-box;
+    width: 610px;
+}
+
+.ty_ddxx>:nth-child(1)>:last-child {
+    border-bottom: none;
+}
+.ty_ddmas{
+    display: flex;
+}
+.ty_ddmas>:nth-child(2) {
+    width: 250px;
+    font-size: 13px;
+    padding-top: 12px;
+    margin-left: 12px;
+}
+.ty_dindantop{
+display: flex;align-items: center;font-size: 14px;
+
+}
+.ty_dnum>:nth-child(1) {
+    padding-top: 12px;
+    margin-left: 80px;
+    font-size: 13px;
+}
+
+.ty_dnum>:nth-child(2) {
+    padding-top: 12px;
+    margin-left: 72px;
+    font-size: 13px;
+}
+
+.ty_ddxx {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.ty_ddxxTxt {
+    padding-top: 24px;
+    font-size: 13px;
+    width: 98px;
+    border-right: 1px solid rgb(233, 233, 233);
+    text-align: center;
+}
+
+.ty_ddxxTxt1 {
+    padding-top: 24px;
+    width: 100px;
+    text-align: center;
+}
+
+.ty_ddxxTxt1>button {
+    width: 79px;
+    height: 34px;
+    border: 1px solid rgb(233, 156, 156);
+    color: rgb(203, 25, 25);
+    margin-bottom: 8px;
+}
+
+.ty_paging {
+    display: flex;
+    align-items: center;
+}
+
+.ty_paging>p {
+    width: 101px;
+    height: 37px;
+    border: solid 1px rgb(243, 243, 243);
+    text-align: center;
+    line-height: 37px;
+    margin-right: 12px;
+    color: #848484;
+}
+
+.ty_pagingcol {
+    color: rgb(255, 82, 0);
+}
+
+.ty_paging>div>span {
+    margin-right: 12px;
+
+}
+
+
+.ty_shtcint {
+    display: flex;
+    align-items: center;
+ 
+}
+
+.ty_sgtxt {
+    font-size: 16px;
+    color: #191919;
+}
+
+.ty_tpsc {
+    display: flex;
+}
+
+.ty_tpsc>:nth-child(1) {
+    width: 109px;
+    height: 109px;
+    border: 1px solid rgb(208, 208, 208);
+    border-radius: 3px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 80px;
+}
+
+.ty_tpsc>:nth-child(2) {
+    color: #222222;
+    margin-top: 82px;
+    margin-left: 15px;
+    font-size: 12px;
+    color: rgb(126, 126, 126);
+}
+
+.ty_yscon {
+    padding-left: 24px;
+}
+
+.ty_ysnr {
+    width: 20%;
+    padding-right: 23px;
+    box-sizing: border-box;
+    margin-bottom: 35px;
+    position: relative;
+}
+.ty_ysnr >img{
+    width: 100%;
+}
+.ty_ysnr>p {
+    font-size: 16px;
+    color: #191919;
+    text-align: center;
+    margin-top: 18px;
+
+}
+
+.ty_ysmr {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+
+
+.ty_ysqxgz {
+    display: inline-block;
+    width: 67px;
+    height: 25px;
+    text-align: center;
+    line-height: 25px;
+    background-color: rgb(53, 53, 53);
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    color: #fff;
+    font-size: 13px;
+}
+
+.ty_wdgz {
+    width: 33%;
+    padding-right: 21px;
+    box-sizing: border-box;
+    margin-bottom: 21px;
+    position: relative;
+}
+.ty_wdgz>img{
+    width: 100%;
+}
+.ty_wdgz>p {
+    font-size: 16px;
+    color: #191919;
+    margin-top: 18px;
+}
+
+
+
+.ty_jftit {
+    width: 100%;
+    background-color: #fff;
+    height: 161px;
+    padding-top: 25px;
+    box-sizing: border-box;
+    padding-left: 22px;
+}
+
+.ty_jftit>:nth-child(1) {
+    font-size: 18px;
+    color: #191919;
+    font-weight: bold;
+}
+
+.ty_jftit>:nth-child(2) {
+    display: flex;
+    padding-left: 32px;
+    margin-top: 35px;
+    align-items: center;
+}
+
+.ty_jftit>:nth-child(2)>:nth-child(1) {
+    font-size: 16px;
+    color: #191919;
+}
+
+.ty_jftit>:nth-child(2)>:nth-child(2) {
+    color: #cb1919;
+    font-size: 24px;
+    margin-left: 20px;
+}
+
+.ty_jftit>:nth-child(2)>:nth-child(3) {
+    width: 179px;
+    height: 44px;
+    background-color: #cb1919;
+    border-radius: 3px;
+    font-size: 15px;
+    color: #fff;
+    text-align: center;
+    line-height: 44px;
+    margin-left: 30px;
+}
+
+.ty_jftit>:nth-child(2)>:nth-child(4) {
+    width: 98px;
+    font-size: 15px;
+    color: #cb1919;
+    text-align: center;
+    line-height: 44px;
+    border: 1px solid #cb1919;
+    border-radius: 3px;
+    margin-left: 20px;
+    height: 44px;
+}
+
+.ty_jfn>:nth-child(1) {
+    font-size: 14px;
+    color: #cb1919;
+    font-weight: bold;
+}
+
+.ty_jfn>:nth-child(2) {
+    width: 100%;
+    height: 42px;
+    margin-top: 10px;
+    background-color: rgb(245, 245, 245);
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    padding-left: 77px;
+}
+
+.ty_jfn>:nth-child(2)>p {
+    color: rgb(106, 106, 106);
+    font-size: 14px;
+}
+
+.ty_jfn>:nth-child(2)>:nth-child(2) {
+    margin-left: 250px;
+    margin-right: 173px;
+}
+
+.ty_jfcon>div {
+    display: flex;
+    padding: 16px 0px 17px 26px;
+    border-bottom: 1px solid rgb(238, 233, 231);
+}
+
+.ty_jfcon>div>:nth-child(1) {
+    font-size: 13px;
+    color: #525252;
+    margin-right: 200px;
+}
+
+.ty_jfcon>div>:nth-child(2) {
+    width: 75px;
+    font-size: 14px;
+    margin-right: 161px;
+
+    font-weight: bold;
+}
+
+.ty_jfys {
+    color: rgb(0, 166, 8);
+}
+
+.ty_jfys2 {
+    color: rgb(203, 25, 25);
+}
+
+.ty_jfcon>div>:nth-child(3) {
+    font-size: 13px;
+    color: #525252;
+}
+
+/* 收藏 */
+.ty_sccon {
+    padding-left: 24px;
+ 
+}
+
+.ty_yishusc {
+    width: 33%;
+    padding-right: 14px;
+    position: relative;
+    box-sizing: border-box;
+
+}
+.ty_yishusc>img{
+    width: 100%;
+}
+
+.ty_yishusc>:nth-child(2) {
+    font-size: 16px;
+    color: #191919;
+    margin-top: 17px;
+    margin-bottom: 14px;
+}
+
+.ty_yishusc>:nth-child(3) {
+    color: rgb(147, 147, 147);
+    font-size: 13px;
+}
+
+.ty_scmr>:nth-child(3n) {
+    margin-right: 0px;
+}
+
+.ty_scml {
+    padding-left: 22px;
+
+}
+
+.ty_yspcon {
+    width: 20%;
+    padding-right: 24px;
+    margin-bottom: 24px;
+    box-sizing: border-box;
+    position: relative;
+}
+
+.ty_yspcon>img {
+    width: 100%;
+   
+}
+
+.ty_yspcon>p {
+    font-size: 14px;
+    color: #191919;
+    margin-top: 18px;
+}
+
+.ty_scml>:nth-child(5n) {
+    margin-right: 0px;
+}
+
+/* 签到 */
+.ty_qidaocon {
+    width: 657px;
+    height: 307px;
+    background-image: url("../../img/grzx/qdbj.jpg");
+    background-size: 100%;
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: flex-end;
+}
+
+.ty_qidaocon>img {
+    position: absolute;
+    top: 14px;
+    right: 16px;
+}
+
+.ty_qidaocon>button {
+    width: 176px;
+    height: 50px;
+    border-radius: 3px;
+    background-color: rgb(203, 25, 25);
+    border: none;
+    margin-bottom: 24px;
+    font-size: 18px;
+    color: #fff;
+}
+
+/* 征稿 */
+.ty_zgtit {
+    width: 100%;
+    background-color: rgb(245, 245, 245);
+    height: 40px;
+    display: flex;
+    align-items: center;
+    padding-left: 77px;
+    box-sizing: border-box;
+}
+
+.ty_zgtit>p {
+    font-size: 14px;
+    color: rgb(106, 106, 106);
+}
+
+.ty_zgtit>:nth-child(1) {
+    margin-right: 314px;
+}
+
+.ty_zgtit>:nth-child(2) {
+    margin-right: 159px;
+}
+
+.ty_zgtit>:nth-child(3) {
+    margin-right: 101px;
+}
+
+.ty_zgtit>:nth-child(4) {
+    margin-right: 82px;
+}
+
+.ty_zgcon {
+    padding-top: 17px;
+    padding-bottom: 14px;
+    padding-left: 9px;
+    padding-right: 7px;
+}
+
+.ty_zgcon {
+    display: flex;
+    border-bottom: 1px solid rgb(238, 233, 231);
+    flex-wrap: wrap;
+}
+
+.ty_zgzti {
+    font-size: 13px;
+    color: rgb(82, 82, 82);
+}
+
+.ty_zgcon>:nth-child(1) {
+    width: 88px;
+    height: 85px;
+    margin-right: 11px;
+}
+.ty_ristext{
+    display: flex;
+}
+.ty_ristext>:nth-child(1) {
+    width: 187px;
+    margin-right: 92px;
+    margin-left: 80px;
+}
+
+.ty_ristext>:nth-child(2) {
+    margin-right: 67px;
+}
+
+.ty_ristext>:nth-child(3) {
+    margin-right: 34px;
+}
+
+.ty_ristext>:nth-child(4) {
+    width: 62px;
+}
+
+.ty_ristext>:nth-child(4)>div>button {
+    width: 62px;
+    height: 34px;
+    border-radius: 3px;
+    background-color: #fff;
+    margin-bottom: 5px;
+}
+
+.ty_ristext>:nth-child(4)>div>p{
+    color: #191919;
+    font-size: 13px;
+    margin-top: 5px;
+}
+.ty_ristext>div>:nth-child(1){
+    display: none;
+}
+
+.ty_bj {
+    color: #00a608;
+    border: 1px solid #00a608;
+}
+
+.ty_scsc {
+    color: #066ee2;
+    border: 1px solid #066ee2;
+}
+
+.ty_lititnoe>:nth-child(2) {
+    display: none;
+}
+
+.ty_lititnoe>span {
+    color: rgb(203, 25, 25);
+}
+
+.ty_litittwo>:nth-child(1) {
+    display: none;
+}
+.ty_topifrane{
+    width: 100%;
+    height: 300px;
+}
diff --git a/css/workspace.code-workspace b/css/workspace.code-workspace
new file mode 100644
index 0000000..a537fb0
--- /dev/null
+++ b/css/workspace.code-workspace
@@ -0,0 +1,8 @@
+{
+	"folders": [
+		{
+			"path": "..\\.."
+		}
+	],
+	"settings": {}
+}
\ No newline at end of file
diff --git a/htmls/grzx/personalData.html b/htmls/grzx/personalData.html
index 78caa46..beff1ec 100644
--- a/htmls/grzx/personalData.html
+++ b/htmls/grzx/personalData.html
@@ -7,6 +7,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>个人中心</title>
         <link rel="stylesheet" href="../../css/grzx/grzx.css">
+        <link rel="stylesheet" href="../../css/huaxiaMedia.css">
 
         <style>
             .foot-iframe {
@@ -17,54 +18,58 @@
     </head>
 
     <body class="ty_co">
-        <iframe src="../../public/center-head.html" width="100%" height="300" frameborder="0" scrolling="no"></iframe>
+        <iframe src="../../public/center-head.html" class="ty_topifrane" frameborder="0" scrolling="no"></iframe>
+
         <div class="mian ">
-            <div class="ty_w ty_ds">
+            <div class="ty_ds">
+                <button class="naliu">菜单</button>
                 <ul class="ty_left">
+                    <li class="ty_caidan">收起菜单</li>
+
                     <li class="ty_lefttx"><img src="../../img/grzx/tx_04.jpg" title="图4" alt="图片已缺失"><span>243</span></li>
-                   
-                   
+
+
                     <li onclick="tyList(1)" class="ty_leftcon ty_lititnoe">
                         <img style="width: 18px;" src="../../img/grzx/icon_1.png" title="图5" alt="图片已缺失"> <img style="width: 18px;" src="../../img/grzx/iocn (1).png" title="图5" alt="图片已缺失"> <span>个人资料</span>
                     </li>
                     <li onclick="tyList(2)" class="ty_leftcon ty_litittwo">
-                        <img  src="../../img/grzx/icon_2.png" title="图6" alt="图片已缺失"> <img  src="../../img/grzx/iocn (2).png" title="图6" alt="图片已缺失"> <span>密码修改</span>
+                        <img src="../../img/grzx/icon_2.png" title="密码修改" alt="图片已缺失"> <img src="../../img/grzx/iocn (2).png" title="密码修改" alt="图片已缺失"> <span>密码修改</span>
                     </li>
                     <li onclick="tyList(3)" class="ty_leftcon ty_litittwo">
-                        <img src="../../img/grzx/icon_3.png" title="图7" alt="图片已缺失"> <img src="../../img/grzx/iocn (3).png" title="图7" alt="图片已缺失"> <span>我的订单</span>
+                        <img src="../../img/grzx/icon_3.png" title="订单" alt="图片已缺失"> <img src="../../img/grzx/iocn (3).png" title="订单+" alt="图片已缺失"> <span>我的订单</span>
                     </li>
                     <li onclick="tyList(4)" class="ty_leftcon ty_litittwo">
-                        <img src="../../img/grzx/icon_4.png" title="图8" alt="图片已缺失"> <img src="../../img/grzx/iocn (4).png" title="图8" alt="图片已缺失"> <span>我的关注</span>
+                        <img src="../../img/grzx/icon_4.png" title="关注" alt="图片已缺失"> <img src="../../img/grzx/iocn (4).png" title="关注" alt="图片已缺失"> <span>我的关注</span>
                     </li>
                     <li onclick="tyList(5)" class="ty_leftcon ty_litittwo">
-                        <img src="../../img/grzx/icon_5.png" title="图9" alt="图片已缺失"> <img src="../../img/grzx/iocn (5).png" title="图9" alt="图片已缺失"> <span>我的收藏</span>
+                        <img src="../../img/grzx/icon_5.png" title="收藏" alt="图片已缺失"> <img src="../../img/grzx/iocn (5).png" title="收藏" alt="图片已缺失"> <span>我的收藏</span>
                     </li>
                     <li onclick="tyList(6)" class="ty_leftcon ty_litittwo">
-                        <img src="../../img/grzx/icon_6.png" title="图10" alt="图片已缺失"> <img src="../../img/grzx/iocn (6).png" title="图10" alt="图片已缺失"> <span>我的积分</span>
+                        <img src="../../img/grzx/icon_6.png" title="积分" alt="图片已缺失"> <img src="../../img/grzx/iocn (6).png" title="积分" alt="图片已缺失"> <span>我的积分</span>
                     </li>
                     <li onclick="tyList(7)" class="ty_leftcon ty_litittwo">
-                        <img src="../../img/grzx/icon_7.png" title="图11" alt="图片已缺失"> <img src="../../img/grzx/iocn (7).png" title="图11" alt="图片已缺失"> <span>我的优惠券</span>
+                        <img src="../../img/grzx/icon_7.png" title="优惠卷" alt="图片已缺失"> <img src="../../img/grzx/iocn (7).png" title="优惠卷" alt="图片已缺失"> <span>我的优惠券</span>
                     </li>
                     <li onclick="tyList(8)" class="ty_leftcon ty_litittwo">
-                        <img src="../../img/grzx/icon_8.png" title="图12" alt="图片已缺失"> <img src="../../img/grzx/iocn (8).png" title="图12" alt="图片已缺失"> <span>征稿作品管理</span>
+                        <img src="../../img/grzx/icon_8.png" title="征稿作品管理+" alt="图片已缺失"> <img src="../../img/grzx/iocn (8).png" title="征稿作品管理+" alt="图片已缺失"> <span>征稿作品管理</span>
                     </li>
                     <li onclick="tyList(9)" class="ty_leftcon ty_litittwo">
-                        <img src="../../img/grzx/icon_9.png" title="图12" alt="图片已缺失"> <img src="../../img/grzx/iocn (9).png" title="图12" alt="图片已缺失"> <span>收货地址</span>
+                        <img src="../../img/grzx/icon_9.png" title="收货地址" alt="图片已缺失"> <img src="../../img/grzx/iocn (9).png" title="收货地址" alt="图片已缺失"> <span>收货地址</span>
                     </li>
                 </ul>
 
                 <!-- 个人资料 -->
-                <div style="display:block"  data-in="1" class="ty_ris ">
+                <div style="display:block" data-in="1" class="ty_ris ">
                     <p class="ty_tit">个人资料</p>
 
                     <div class="ty_riscon">
                         <div class="ty_tupian">
                             <div class="ty_scimg">
-                                <img src="" alt="">
+                                <!-- <img src="" alt="图片缺失"> -->
                             </div>
 
                             <div>
-                                <button class="ty_tubtn"><img src="../../img/grzx/tusc.jpg" title="图14" alt="图片已缺失">请选择您要上传的头像</button>
+                                <button class="ty_tubtn"><img src="../../img/grzx/tusc.jpg" title="头像上传" alt="图片已缺失">请选择您要上传的头像</button>
                                 <p class="ty_col" style="font-size: 12px;">仅支持JPG,GIF,PNG,JPEG,BMP格式</p>
                                 </p>
                             </div>
@@ -86,7 +91,7 @@
                                 <input type="text">
                             </div>
                             <div class="ty_setle">
-                                <p>电话：</p>
+                                <p>地址：</p>
                                 <select name="" id="">
                                     <option value="">四川省</option>
                                 </select>
@@ -101,8 +106,8 @@
                                 <p></p>
                                 <input class="tyint_pal" placeholder="请输入详情地址" type="text">
                             </div>
-                          
-                            <div  class="ty_btn">
+
+                            <div class="ty_btn">
                                 <button>提交</button>
                             </div>
 
@@ -111,10 +116,10 @@
 
 
                 </div>
-              
-              
+
+
                 <!-- 修改密码 -->
-                <div style="display:none"   data-in="2"  class="ty_ris ">
+                <div style="display:none" data-in="2" class="ty_ris ">
                     <p class="ty_tit">个人资料</p>
 
                     <div class="ty_riscon ty_riscon1">
@@ -123,15 +128,15 @@
 
                         <div>
 
-                            <div class="ty_int ty_wic">
+                            <div class="ty_int ty_password ty_wic">
                                 <p>原密码：</p>
                                 <input type="text">
                             </div>
-                            <div class="ty_int ty_wic">
+                            <div class="ty_int ty_password ty_wic">
                                 <p>新密码：</p>
                                 <input type="text">
                             </div>
-                            <div class="ty_int ty_wic">
+                            <div class="ty_int ty_password ty_wic">
                                 <p>确认新密码:</p>
                                 <input type="text">
                             </div>
@@ -147,10 +152,10 @@
 
 
                 </div>
-             
-             
+
+
                 <!-- 收货地址 -->
-                <div style="display:none"  data-in="9" class="ty_ris">
+                <div style="display:none" data-in="9" class="ty_ris">
                     <div class="ty_shtit">
                         <div>
                             <p>收货地址</p>
@@ -167,7 +172,7 @@
                                     <p>张珊珊</p>
                                     <p>默认地址</p>
                                 </div>
-                                <p><img src="../../img/grzx/sh1.jpg" alt=""></p>
+                                <p><img src="../../img/grzx/sh1.jpg" alt="图片缺失"></p>
                             </div>
                             <p class="ty_dztext">收货人：<span>张珊珊</span> </p>
                             <p class="ty_dztext">所在地区：<span>四川成都市温江区</span> </p>
@@ -183,11 +188,11 @@
                         </div>
                         <div class="ty_dizcon">
                             <div class="ty_dzxx">
-                                <div >
+                                <div>
                                     <p>张珊珊</p>
 
                                 </div>
-                                <p><img src="../../img/grzx/sh1.jpg" alt=""></p>
+                                <p><img src="../../img/grzx/sh1.jpg" alt="图片缺失"></p>
                             </div>
                             <p class="ty_dztext">收货人：<span>张珊珊</span> </p>
                             <p class="ty_dztext">所在地区：<span>四川成都市温江区</span> </p>
@@ -204,29 +209,27 @@
 
                     </div>
                 </div>
-              
-              
-              
+
+
+
                 <!-- 优惠券 -->
-                <div style="display:none"  data-in="7" class="ty_ris">
+                <div style="display:none" data-in="7" class="ty_ris">
                     <div class="ty_yhtit">
                         <p data-in="1" class="ty_yhd yhdj">可用优惠卷</p>
                         <p data-in="2" class="yhdj">已过期优惠卷</p>
                     </div>
-                    <div class="ty_con ty_tp" style="padding: 25px 25px 0;display: flex; flex-wrap: wrap;align-content: flex-start;">
-
-
+                    <div class="ty_con ty_tp" style="padding: 25px 12px 0 25px;display: flex; flex-wrap: wrap;align-content: flex-start;">
 
                         <div class="ty_yhuij">
                             <div>
                                 <div class="ty_gb">
-                                    <img src="../../img/grzx//yhgb.png" alt="">
+                                    <img src="../../img/grzx//yhgb.png" title="优惠卷" alt="图片缺失">
                                 </div>
 
                                 <p class="ty_yhmn"><span>￥</span>50</p>
                                 <p class="ty_textyh">满500可用</p>
                                 <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
-                                <img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
+                                <img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
                             </div>
                             <div>
                                 <button class="ty_yhbtn">立即使用</button>
@@ -236,13 +239,13 @@
                         <div class="ty_yhuij">
                             <div>
                                 <div class="ty_gb">
-                                    <img src="../../img/grzx//yhgb.png" alt="">
+                                    <img src="../../img/grzx//yhgb.png" title="优惠卷" alt="图片缺失">
                                 </div>
 
                                 <p class="ty_yhmn"><span>￥</span>50</p>
                                 <p class="ty_textyh">满500可用</p>
                                 <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
-                                <img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
+                                <img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
                             </div>
                             <div>
                                 <button class="ty_yhbtn">立即使用</button>
@@ -252,13 +255,13 @@
                         <div class="ty_yhuij">
                             <div>
                                 <div class="ty_gb">
-                                    <img src="../../img/grzx//yhgb.png" alt="">
+                                    <img src="../../img/grzx//yhgb.png" title="优惠卷" alt="图片缺失">
                                 </div>
 
                                 <p class="ty_yhmn"><span>￥</span>50</p>
                                 <p class="ty_textyh">满500可用</p>
                                 <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
-                                <img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
+                                <img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
                             </div>
                             <div>
                                 <button class="ty_yhbtn">立即使用</button>
@@ -272,7 +275,7 @@
                                 <p class="ty_yhmn"><span>￥</span>100</p>
                                 <p class="ty_textyh">满500可用</p>
                                 <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
-                                <img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
+                                <img class="ty_yhjyuan" title="优惠卷" src="../../img/grzx/bjyh.png" alt="图片缺失">
                             </div>
                             <div>
                                 <button class="ty_yhbtn">立即使用</button>
@@ -286,7 +289,7 @@
                                 <p class="ty_yhmn"><span>￥</span>50</p>
                                 <p class="ty_textyh">满500可用</p>
                                 <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
-                                <img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
+                                <img class="ty_yhjyuan" title="优惠卷" src="../../img/grzx/bjyh.png" alt="图片缺失">
                             </div>
                             <div>
                                 <button class="ty_yhbtn">立即使用</button>
@@ -299,7 +302,7 @@
                                 <p class="ty_yhmn"><span>￥</span>50</p>
                                 <p class="ty_textyh">满500可用</p>
                                 <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
-                                <img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
+                                <img class="ty_yhjyuan" title="优惠卷" src="../../img/grzx/bjyh.png" alt="图片缺失">
                             </div>
                             <div>
                                 <button class="ty_yhbtn">立即使用</button>
@@ -308,16 +311,16 @@
                         </div>
                     </div>
 
-                    <div class="ty_con ty_tp " style="padding: 25px 25px 0;display: none; flex-wrap: wrap;align-content: flex-start;">
+                    <div class="ty_con ty_tp " style="padding: 25px 12px 0 25px;display: none; flex-wrap: wrap;align-content: flex-start;">
                         <div class="ty_yhuij">
                             <div style="background-color: rgb(173,173,173);">
                                 <p class="ty_yhmn"><span>￥</span>50</p>
                                 <p class="ty_textyh">满500可用</p>
                                 <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
-                                <img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
+                                <img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
                             </div>
                             <div class="gqtp">
-                                <img src="../../img/grzx/gqtp.png" alt="">
+                                <img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
                             </div>
 
                         </div>
@@ -328,10 +331,10 @@
                                 <p class="ty_yhmn"><span>￥</span>50</p>
                                 <p class="ty_textyh">满500可用</p>
                                 <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
-                                <img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
+                                <img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
                             </div>
                             <div class="gqtp">
-                                <img src="../../img/grzx/gqtp.png" alt="">
+                                <img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
                             </div>
 
                         </div>
@@ -342,60 +345,63 @@
                                 <p class="ty_yhmn"><span>￥</span>50</p>
                                 <p class="ty_textyh">满500可用</p>
                                 <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
-                                <img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
+                                <img class="ty_yhjyuan" title="过期" src="../../img/grzx/bjyh.png" alt="图片缺失">
                             </div>
                             <div class="gqtp">
-                                <img src="../../img/grzx/gqtp.png" alt="">
+                                <img src="../../img/grzx/gqtp.png" alt="图片缺失">
                             </div>
 
-                        </div>   <div class="ty_yhuij">
+                        </div>
+                        <div class="ty_yhuij">
                             <div style="background-color: rgb(173,173,173);">
 
 
                                 <p class="ty_yhmn"><span>￥</span>50</p>
                                 <p class="ty_textyh">满500可用</p>
                                 <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
-                                <img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
+                                <img class="ty_yhjyuan" title="过期" src="../../img/grzx/bjyh.png" alt="图片缺失">
                             </div>
                             <div class="gqtp">
-                                <img src="../../img/grzx/gqtp.png" alt="">
+                                <img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
                             </div>
 
-                        </div>   <div class="ty_yhuij">
+                        </div>
+                        <div class="ty_yhuij">
                             <div style="background-color: rgb(173,173,173);">
 
 
                                 <p class="ty_yhmn"><span>￥</span>50</p>
                                 <p class="ty_textyh">满500可用</p>
                                 <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
-                                <img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
+                                <img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
                             </div>
                             <div class="gqtp">
-                                <img src="../../img/grzx/gqtp.png" alt="">
+                                <img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
                             </div>
 
-                        </div>   <div class="ty_yhuij">
+                        </div>
+                        <div class="ty_yhuij">
                             <div style="background-color: rgb(173,173,173);">
 
 
                                 <p class="ty_yhmn"><span>￥</span>50</p>
                                 <p class="ty_textyh">满500可用</p>
                                 <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
-                                <img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
+                                <img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
                             </div>
                             <div class="gqtp">
-                                <img src="../../img/grzx/gqtp.png" alt="">
+                                <img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
                             </div>
 
                         </div>
                     </div>
 
                 </div>
-              
+
                 <!-- 订单 -->
-                <div style="display:none"  data-in="3" class="ty_ris">
+                <div style="display:none" data-in="3" class="ty_ris">
                     <p class="ty_tit">我的订单</p>
-                    <div class="ty_con" style="height: auto; padding: 25px 24px 20px;">
+                    <div class="ty_con ty_didanpd" style="height: auto; padding: 25px 24px 20px;">
                         <div class="ty_ddtit">
                             <div class="ty_ddnav">
                                 <p class="ty_ddys">全部订单</p>
@@ -411,20 +417,20 @@
                                 <div>
                                     <p>收货人</p>
                                     <p>金额</p>
-                                    <div style="font-size: 14px;">全部状态<img src="../../img/grzx/qbdd.png" alt=""></div>
+                                    <div style="font-size: 14px;">全部状态<img src="../../img/grzx/qbdd.png" alt="图片缺失"></div>
                                     <p>操作</p>
                                 </div>
                             </div>
                         </div>
                         <div class="ty_ddcon">
                             <div class="ty_ddcontit">
-                                <div style="display: flex;align-items: center;font-size: 14px;">
+                                <div class="ty_dindantop">
                                     <p style="margin-right: 30px;"><span>2021-07-10</span><span>15:24:44</span></p>
                                     <p><span>订单号：</span><span style="color: #000;">10954896547</span></p>
                                 </div>
                                 <div>
                                     <p style="font-size: 14px;">删除</p>
-                                    <img src="../../img/grzx/ljt.png" alt="">
+                                    <img src="../../img/grzx/ljt.png" title="删除" alt="图片缺失">
                                 </div>
                             </div>
 
@@ -432,39 +438,49 @@
                             <div class="ty_ddxx">
                                 <div class="ty_ddxxnoe">
                                     <div>
-                                        <img src="../../img/grzx/yt.png" alt="">
-                                        <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
-                                        <p>x1</p>
-                                        <p>¥532.20</p>
+                                        <div class="ty_ddmas"> <img src="../../img/grzx/yt.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
+                                            <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
+                                        </div>
+                                        <div class="ty_dnum">
+                                            <p>x1</p>
+                                            <p>¥532.20</p>
+                                        </div>
                                     </div>
                                     <div>
-                                        <img src="../../img/grzx/yt1.png" alt="">
-                                        <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
-                                        <p>x1</p>
-                                        <p>¥532.20</p>
+                                        <div class="ty_ddmas"> <img src="../../img/grzx/yt1.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
+                                            <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
+                                        </div>
+                                        <div class="ty_dnum">
+                                            <p>x1</p>
+                                            <p>¥532.20</p>
+                                        </div>
                                     </div>
 
                                 </div>
-                                <div class="ty_ddxxTxt">程鹏龙</div>
-                                <div class="ty_ddxxTxt">总金额¥532.20</div>
-                                <div class="ty_ddxxTxt ty_ddys">待支付</div>
-                                <div class="ty_ddxxTxt1">
-                                    <button class="ty_ddys">
-                                        去支付
-                                    </button>
-                                </div>
+                          
+                                    <div class="ty_ddxxTxt"><span class="ty_dindantit">收货人</span>程鹏龙</div>
+                                    <div class="ty_ddxxTxt"><span class="ty_dindantit">金额</span>总金额¥532.20</div>
+                                    <div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit">状态</span>待支付</div>
+                                    <div class="ty_ddxxTxt1">
+                                        <span class="ty_dindantit">操作</span>
+                                        <button class="ty_ddys">
+                                            去支付
+                                        </button>
+                                    </div>
+                              
+
                             </div>
 
                         </div>
                         <div class="ty_ddcon">
                             <div class="ty_ddcontit">
-                                <div style="display: flex;align-items: center;">
+                                <div class="ty_dindantop">
                                     <p style="margin-right: 30px;"><span>2021-07-10</span><span>15:24:44</span></p>
                                     <p><span>订单号：</span><span style="color: #000;">10954896547</span></p>
                                 </div>
                                 <div>
                                     <p>删除</p>
-                                    <img src="../../img/grzx/ljt.png" alt="">
+                                    <img src="../../img/grzx/ljt.png" alt="图片缺失">
                                 </div>
                             </div>
 
@@ -472,42 +488,53 @@
                             <div class="ty_ddxx">
                                 <div class="ty_ddxxnoe">
                                     <div>
-                                        <img src="../../img/grzx/yt.png" alt="">
-                                        <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
-                                        <p>x1</p>
-                                        <p>¥532.20</p>
+                                        <div class="ty_ddmas"> <img src="../../img/grzx/yt.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
+                                            <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
+                                        </div>
+                                        <div class="ty_dnum">
+                                            <p>x1</p>
+                                            <p>¥532.20</p>
+                                        </div>
                                     </div>
                                     <div>
-                                        <img src="../../img/grzx/yt1.png" alt="">
-                                        <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
-                                        <p>x1</p>
-                                        <p>¥532.20</p>
+                                        <div class="ty_ddmas"> <img src="../../img/grzx/yt1.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
+                                            <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
+                                        </div>
+
+                                        <div class="ty_dnum">
+                                            <p>x1</p>
+                                            <p>¥532.20</p>
+                                        </div>
                                     </div>
 
                                 </div>
-                                <div class="ty_ddxxTxt">程鹏龙</div>
-                                <div class="ty_ddxxTxt">总金额¥532.20</div>
-                                <div class="ty_ddxxTxt ty_ddys">待支付</div>
-                                <div class="ty_ddxxTxt1">
-                                    <button class="ty_ddys">
-                                        确认收货
-                                    </button>
-                                    <button class="ty_ddys">
-                                        查看物流
-                                    </button>
-                                </div>
+                           
+                                    <div class="ty_ddxxTxt"><span class="ty_dindantit"></span> 程鹏龙</div>
+                                    <div class="ty_ddxxTxt"><span class="ty_dindantit"></span> 总金额¥532.20</div>
+                                    <div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit"></span> 待支付</div>
+                                    <div class="ty_ddxxTxt1">
+                                        <span class="ty_dindantit"></span>
+                                        <button class="ty_ddys">
+                                            确认收货
+                                        </button>
+                                        <button class="ty_ddys">
+                                            查看物流
+                                        </button>
+                                    </div>
+                             
+
                             </div>
 
                         </div>
                         <div class="ty_ddcon">
                             <div class="ty_ddcontit">
-                                <div style="display: flex;align-items: center;">
+                                <div class="ty_dindantop">
                                     <p style="margin-right: 30px;"><span>2021-07-10</span><span>15:24:44</span></p>
                                     <p><span>订单号：</span><span style="color: #000;">10954896547</span></p>
                                 </div>
                                 <div>
                                     <p>删除</p>
-                                    <img src="../../img/grzx/ljt.png" alt="">
+                                    <img src="../../img/grzx/ljt.png" title="删除" alt="图片缺失">
                                 </div>
                             </div>
 
@@ -515,30 +542,40 @@
                             <div class="ty_ddxx">
                                 <div class="ty_ddxxnoe">
                                     <div>
-                                        <img src="../../img/grzx/yt.png" alt="">
-                                        <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
-                                        <p>x1</p>
-                                        <p>¥532.20</p>
+                                        <div class="ty_ddmas">
+                                            <img src="../../img/grzx/yt.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
+                                            <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
+                                        </div>
+                                        <div class="ty_dnum">
+                                            <p>x1</p>
+                                            <p>¥532.20</p>
+                                        </div>
                                     </div>
                                     <div>
-                                        <img src="../../img/grzx/yt1.png" alt="">
-                                        <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
-                                        <p>x1</p>
-                                        <p>¥532.20</p>
+                                        <div class="ty_ddmas"> <img src="../../img/grzx/yt1.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
+                                            <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
+                                        </div>
+                                        <div class="ty_dnum">
+                                            <p>x1</p>
+                                            <p>¥532.20</p>
+                                        </div>
                                     </div>
 
                                 </div>
-                                <div class="ty_ddxxTxt">程鹏龙</div>
-                                <div class="ty_ddxxTxt">总金额¥532.20</div>
-                                <div class="ty_ddxxTxt ty_ddys">待支付</div>
-                                <div class="ty_ddxxTxt1">
-                                    <button class="ty_ddys ty_sqtc">
-                                        申请售后
-                                    </button>
-                                    <button class="ty_ddys ty_sqjgtc">
-                                        售后结果
-                                    </button>
-                                </div>
+                             
+                                    <div class="ty_ddxxTxt"><span class="ty_dindantit"></span>程鹏龙</div>
+                                    <div class="ty_ddxxTxt"><span class="ty_dindantit"></span>总金额¥532.20</div>
+                                    <div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit"></span>待支付</div>
+                                    <div class="ty_ddxxTxt1">
+                                        <span class="ty_dindantit"></span>
+                                        <button class="ty_ddys ty_sqtc">
+                                            申请售后
+                                        </button>
+                                        <button class="ty_ddys ty_sqjgtc">
+                                            售后结果
+                                        </button>
+                                    </div>
+
                             </div>
 
                         </div>
@@ -553,72 +590,72 @@
                     </div>
                 </div>
                 <!-- 我的关注 -->
-               <div style="display:none"  data-in="4" class="ty_ris">
+                <div style="display:none" data-in="4" class="ty_ris">
                     <div class="ty_yhtit">
                         <p data-in="1" class="ty_yhd  ty_ysnav">我关注的艺术家</p>
                         <p data-in="2" class="ty_ysnav">我关注的机构</p>
                     </div>
                     <div class="ty_con ty_yscon ty_ysmr " style="align-content: flex-start;">
                         <div class="ty_ysnr">
-                            <img src="../../img/grzx/y1.png" alt="">
+                            <img src="../../img/grzx/y1.png" title="张龙升" alt="图片缺失">
                             <p>张龙升</p>
                             <span class="ty_ysqxgz">取消关注</span>
                         </div>
                         <div class="ty_ysnr">
-                            <img src="../../img/grzx/y2.png" alt="">
+                            <img src="../../img/grzx/y2.png" title="张龙升" alt="图片缺失">
                             <p>张龙升</p>
                         </div>
                         <div class="ty_ysnr">
-                            <img src="../../img/grzx/y3.png" alt="">
+                            <img src="../../img/grzx/y3.png" title="张龙升" alt="图片缺失">
                             <p>张龙升</p>
                         </div>
                         <div class="ty_ysnr">
-                            <img src="../../img/grzx/y4.png" alt="">
+                            <img src="../../img/grzx/y4.png" title="张龙升" alt="图片缺失">
                             <p>张龙升</p>
                         </div>
                         <div class="ty_ysnr">
-                            <img src="../../img/grzx/y5.png" alt="">
+                            <img src="../../img/grzx/y5.png" title="张龙升" alt="图片缺失">
                             <p>张龙升</p>
                         </div>
                         <div class="ty_ysnr">
-                            <img src="../../img/grzx/y6.png" alt="">
+                            <img src="../../img/grzx/y6.png" title="张龙升" alt="图片缺失">
                             <p>张龙升</p>
                         </div>
                         <div class="ty_ysnr">
-                            <img src="../../img/grzx/y7.png" alt="">
+                            <img src="../../img/grzx/y7.png" title="张龙升" alt="图片缺失">
                             <p>张龙升</p>
                         </div>
                     </div>
 
                     <div class="ty_con ty_yscon ty_gzmr" style="display:none;align-content: flex-start;flex-wrap: wrap;">
 
-                  <div class="ty_wdgz">
-                      <img src="../../img/grzx/jg1.png" alt="">
-                      <p>摩空精舍</p>
-                      <span class="ty_ysqxgz">取消关注</span>
-                  </div>
-                  <div class="ty_wdgz">
-                    <img src="../../img/grzx/jg1.png" alt="">
-                    <p>摩空精舍</p>
-                    <span class="ty_ysqxgz">取消关注</span>
-                </div>
-                <div class="ty_wdgz">
-                    <img src="../../img/grzx/jg1.png" alt="">
-                    <p>摩空精舍</p>
-                    <span class="ty_ysqxgz">取消关注</span>
-                </div>
-                <div class="ty_wdgz">
-                    <img src="../../img/grzx/jg1.png" alt="">
-                    <p>摩空精舍</p>
-                    <span class="ty_ysqxgz">取消关注</span>
-                </div>
+                        <div class="ty_wdgz">
+                            <img src="../../img/grzx/jg1.png" title="摩空精舍" alt="图片缺失">
+                            <p>摩空精舍</p>
+                            <span class="ty_ysqxgz">取消关注</span>
+                        </div>
+                        <div class="ty_wdgz">
+                            <img src="../../img/grzx/jg1.png" title="摩空精舍" alt="图片缺失">
+                            <p>摩空精舍</p>
+                            <span class="ty_ysqxgz">取消关注</span>
+                        </div>
+                        <div class="ty_wdgz">
+                            <img src="../../img/grzx/jg1.png" title="摩空精舍" alt="图片缺失">
+                            <p>摩空精舍</p>
+                            <span class="ty_ysqxgz">取消关注</span>
+                        </div>
+                        <div class="ty_wdgz">
+                            <img src="../../img/grzx/jg1.png" title="摩空精舍" alt="图片缺失">
+                            <p>摩空精舍</p>
+                            <span class="ty_ysqxgz">取消关注</span>
+                        </div>
 
                     </div>
 
-                </div> 
-               
+                </div>
+
                 <!-- 我的积分 -->
-                <div style="display:none"   data-in="6" class="ty_ris">
+                <div style="display:none" data-in="6" class="ty_ris">
                     <div class="ty_jftit">
                         <p>我的积分</p>
                         <div>
@@ -746,27 +783,27 @@
 
                 </div>
                 <!-- 收藏 -->
-                <div style="display:none"  data-in="5" class="ty_ris">
+                <div style="display:none" data-in="5" class="ty_ris">
                     <div class="ty_yhtit">
                         <p data-in="1" class="ty_yhd  ty_sc">我收藏的展览</p>
                         <p data-in="2" class="ty_sc">我收藏的艺术品</p>
                     </div>
                     <div class="ty_con ty_sccon ty_scmr" style="align-content: flex-start;display: flex;flex-wrap: wrap;">
                         <div class="ty_yishusc">
-                            <img src="../../img/grzx/sc.png" alt="">
+                            <img src="../../img/grzx/sc.png" title="未来城市+ ：建筑设计模型展" alt="图片缺失">
                             <p>未来城市+ ：建筑设计模型展</p>
-                            <p>展览时间：2021.07.09 - 2021.07.19</p>
+                            <p>展览时间： <span style="display: inline-block;"> 2021.07.09 - 2021.07.19</span></p>
                             <span class="ty_ysqxgz">取消收藏</span>
                         </div>
                         <div class="ty_yishusc">
-                            <img src="../../img/grzx/sc1.png" alt="">
+                            <img src="../../img/grzx/sc1.png" title="未来城市+ ：建筑设计模型展" alt="图片缺失">
                             <p>未来城市+ ：建筑设计模型展</p>
-                            <p>展览时间：2021.07.09 - 2021.07.19</p>
+                            <p>展览时间： <span style="display: inline-block;"> 2021.07.09 - 2021.07.19</span></p>
                         </div>
                         <div class="ty_yishusc">
-                            <img src="../../img/grzx/sc.png" alt="">
+                            <img src="../../img/grzx/sc.png" title="未来城市+ ：建筑设计模型展" alt="图片缺失">
                             <p>未来城市+ ：建筑设计模型展</p>
-                            <p>展览时间：2021.07.09 - 2021.07.19</p>
+                            <p>展览时间： <span style="display: inline-block;"> 2021.07.09 - 2021.07.19</span></p>
                         </div>
 
                     </div>
@@ -774,43 +811,43 @@
                     <div class="ty_con ty_sccon ty_scml" style="display:none;align-content: flex-start;flex-wrap: wrap;">
 
                         <div class="ty_yspcon">
-                           <img src="../../img/grzx/ysp.png" alt="">
-                           <p>艺术清酒--得寓(酒标作品)</p>
-                           <span class="ty_ysqxgz">取消收藏</span>
+                            <img src="../../img/grzx/ysp.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
+                            <p>艺术清酒--得寓(酒标作品)</p>
+                            <span class="ty_ysqxgz">取消收藏</span>
                         </div>
                         <div class="ty_yspcon">
-                            <img src="../../img/grzx/ysp1.png" alt="">
+                            <img src="../../img/grzx/ysp1.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
                             <p>艺术清酒--得寓(酒标作品)</p>
-                         </div>
-                         <div class="ty_yspcon">
-                            <img src="../../img/grzx/ysp2.png" alt="">
+                        </div>
+                        <div class="ty_yspcon">
+                            <img src="../../img/grzx/ysp2.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
                             <p>艺术清酒--得寓(酒标作品)</p>
-                         </div>
-                         <div class="ty_yspcon">
-                            <img src="../../img/grzx/ysp3.png" alt="">
+                        </div>
+                        <div class="ty_yspcon">
+                            <img src="../../img/grzx/ysp3.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
                             <p>艺术清酒--得寓(酒标作品)</p>
-                         </div>
-                         <div class="ty_yspcon">
-                            <img src="../../img/grzx/ysp4.png" alt="">
+                        </div>
+                        <div class="ty_yspcon">
+                            <img src="../../img/grzx/ysp4.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
                             <p>艺术清酒--得寓(酒标作品)</p>
-                         </div>
-                         <div class="ty_yspcon">
-                            <img src="../../img/grzx/ysp4.png" alt="">
+                        </div>
+                        <div class="ty_yspcon">
+                            <img src="../../img/grzx/ysp4.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
                             <p>艺术清酒--得寓(酒标作品)</p>
-                         </div>
-                         <div class="ty_yspcon">
-                            <img src="../../img/grzx/ysp4.png" alt="">
+                        </div>
+                        <div class="ty_yspcon">
+                            <img src="../../img/grzx/ysp4.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
                             <p>艺术清酒--得寓(酒标作品)</p>
-                         </div>
-                         <div class="ty_yspcon">
-                            <img src="../../img/grzx/ysp4.png" alt="">
+                        </div>
+                        <div class="ty_yspcon">
+                            <img src="../../img/grzx/ysp4.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
                             <p>艺术清酒--得寓(酒标作品)</p>
-                         </div>
+                        </div>
                     </div>
 
                 </div>
                 <!-- 征稿 -->
-                <div style="display:none"  data-in="8" class="ty_ris">
+                <div style="display:none" data-in="8" class="ty_ris">
                     <p class="ty_tit">征稿作品管理</p>
                     <div class="ty_con" style=" padding: 25px 24px 20px;">
                         <div class="ty_zgtit">
@@ -821,65 +858,132 @@
                             <p>操作</p>
 
                         </div>
-
+   <!-- 征稿 -->
                         <div>
+
                             <div class="ty_zgcon">
-                                <img src="../../img/grzx/zgimg.png" alt="">
+                                <img src="../../img/grzx/zgimg.png" title="雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 " alt="图片缺失">
                                 <div>
                                     <p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
 
                                     <p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
                                 </div>
-                                <p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
-                                <p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
-                                <p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
-                                <div>
-                                    <button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
-                                    <p></p>
+                                <div class="ty_ristext">
+                                    <div>
+                                        <p>所属展览</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
+                                    </div>
+                                    <div>
+                                        <p>审核状态</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
+                                    </div>
+                                    <div>
+                                        <p>发布日期</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
+                                    </div>
+                                    <div>
+                                        <div>
+                                            操作
+                                        </div>
+                                        <div>
+                                            <button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
+                                            <p></p>
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
                             <div class="ty_zgcon">
-                                <img src="../../img/grzx/zgimg.png" alt="">
+                                <img src="../../img/grzx/zgimg.png" title="雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 " alt="图片缺失">
                                 <div>
                                     <p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
 
                                     <p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
                                 </div>
-                                <p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
-                                <p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
-                                <p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
-                                <div>
-                                    <button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
-                                    <p></p>
+                                <div class="ty_ristext">
+                                    <div>
+                                        <p>所属展览</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
+                                    </div>
+                                    <div>
+                                        <p>审核状态</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
+                                    </div>
+                                    <div>
+                                        <p>发布日期</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
+                                    </div>
+                                    <div>
+                                        <div>
+                                            操作
+                                        </div>
+                                        <div>
+                                            <button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
+                                            <p></p>
+                                        </div>
+
+                                    </div>
                                 </div>
+
                             </div>
                             <div class="ty_zgcon">
-                                <img src="../../img/grzx/zgimg.png" alt="">
+                                <img src="../../img/grzx/zgimg.png" title="雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 " alt="图片缺失">
                                 <div>
                                     <p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
 
                                     <p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
                                 </div>
-                                <p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
-                                <p style="margin-top: 5px;" class="ty_zgzti">已审核</p>
-                                <p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
-                                <div>
-                                    <p>联系平台</p>
+                                <div class="ty_ristext">
+                                    <div>
+                                        <p>所属展览</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
+                                    </div>
+                                    <div>
+                                        <p></p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">已审核</p>
+                                    </div>
+                                    <div>
+                                        <p>发布日期</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
+                                    </div>
+                                    <div>
+                                        <div>
+                                            操作
+                                        </div>
+                                        <div>
+                                            <p>联系平台</p>
+                                        </div>
+                                    </div>
                                 </div>
+
                             </div>
                             <div class="ty_zgcon">
-                                <img src="../../img/grzx/zgimg.png" alt="">
+                                <img src="../../img/grzx/zgimg.png" title="雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 " alt="图片缺失">
                                 <div>
                                     <p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
 
                                     <p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
                                 </div>
-                                <p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
-                                <p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
-                                <p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
-                                <div>
-                                    <button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
-                                    <p></p>
+                                <div class="ty_ristext">
+                                    <div>
+                                        <p>所属展览</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
+                                    </div>
+                                    <div>
+                                        <p>审核状态</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
+                                    </div>
+                                    <div>
+                                        <p>发布日期</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
+                                    </div>
+                                    <div>
+                                        <div></div>
+                                        <div>
+                                            <button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
+                                            <p></p>
+                                        </div>
+
+                                    </div>
                                 </div>
                             </div>
 
@@ -906,7 +1010,7 @@
             <div class="ty_tcon">
                 <div class="ty_tctiti">
                     <p>新增收货地址</p>
-                    <p class="ty_gbtc ty_shgb"><img src="../../img/grzx/sh.jpg" alt=""></p>
+                    <p class="ty_gbtc ty_shgb"><img src="../../img/grzx/sh.jpg" title="关闭" alt="图片缺失"></p>
                 </div>
                 <div class="ty_tris">
                     <div class="ty_int ty_tcwi ">
@@ -947,7 +1051,7 @@
 
                 <div class="ty_tctiti">
                     <p>申请售后</p>
-                    <p class="ty_gbtc ty_shtcgb"><img src="../../img/grzx/sh.jpg" alt=""></p>
+                    <p class="ty_gbtc ty_shtcgb"><img src="../../img/grzx/sh.jpg" title="关闭" alt="图片缺失"></p>
                 </div>
 
                 <div class="ty_tris">
@@ -969,7 +1073,7 @@
                         <p class="ty_sgtxt" style="margin-top: 10px;">图片上传：</p>
                         <div class="ty_tpsc">
                             <div>
-                                <img src="../../img/grzx/szj.png" title="图25" alt="图片已缺失">
+                                <img src="../../img/grzx/szj.png" title="图片上传" alt="图片已缺失">
                             </div>
                             <p>上传图片格式包括jpg/png/gif，图片大小不超过20MB</p>
                         </div>
@@ -989,7 +1093,7 @@
 
                 <div class="ty_tctiti">
                     <p>售后结果</p>
-                    <p class="ty_gbtc ty_shjggb"><img src="../../img/grzx/sh.jpg" alt=""></p>
+                    <p class="ty_gbtc ty_shjggb"><img src="../../img/grzx/sh.jpg" alt="图片缺失"></p>
                 </div>
 
                 <div class="ty_tris" style="padding-right: 30px;">
@@ -1102,26 +1206,46 @@
 
             })
 
-           function tyList(data){
-            $(".ty_lititnoe").addClass("ty_litittwo"); 
-$(".ty_lititnoe").removeClass("ty_lititnoe");
- 
-$($(".ty_leftcon")[data-1]).addClass("ty_lititnoe"); 
-$($(".ty_leftcon")[data-1]).removeClass("ty_litittwo");
+            function tyList(data) {
+                $(".ty_lititnoe").addClass("ty_litittwo");
+                $(".ty_lititnoe").removeClass("ty_lititnoe");
 
-$(".ty_ris").css("display","none")
-               for (let index = 0; index < $(".ty_ris").length; index++) {
-              if ($($(".ty_ris")[index]).attr("data-in")==data) {
-                $($(".ty_ris")[index]).css("display","block")
-                $([index]).css("display","block")
-             
-              }
-                   
-               }
-            
+                $($(".ty_leftcon")[data - 1]).addClass("ty_lititnoe");
+                $($(".ty_leftcon")[data - 1]).removeClass("ty_litittwo");
 
-           }
-          
+                $(".ty_ris").css("display", "none")
+                for (let index = 0; index < $(".ty_ris").length; index++) {
+                    if ($($(".ty_ris")[index]).attr("data-in") == data) {
+                        $($(".ty_ris")[index]).css("display", "block")
+                        $([index]).css("display", "block")
+
+                    }
+
+                }
+
+
+            }
+
+
+
+
+
+
+
+
+
+
+
+
+
+            // 菜单事件
+            $(".naliu").on("click", () => {
+                $(".ty_left").css("left", "5%")
+            })
+            $(".ty_caidan").on("click", () => {
+
+                $(".ty_left").css("left", "-65PX")
+            })
         </script>
     </body>
 
diff --git a/htmls/institutions/institutions.html b/htmls/institutions/institutions.html
new file mode 100644
index 0000000..0d59b76
--- /dev/null
+++ b/htmls/institutions/institutions.html
@@ -0,0 +1,1264 @@
+<!DOCTYPE html>
+<html lang="en">
+
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>个人中心</title>
+        <link rel="stylesheet" href="../../css/grzx/grzx.css">
+       
+
+        <style>
+            .foot-iframe {
+                width: 100%;
+                height: 400px;
+            }
+        </style>
+    </head>
+
+    <body class="ty_co">
+        <iframe src="../../public/center-head.html" class="ty_topifrane" frameborder="0" scrolling="no"></iframe>
+
+        <div class="mian ">
+            <div class="ty_ds">
+                <button class="naliu">菜单</button>
+                <ul class="ty_left">
+                    <li class="ty_caidan">收起菜单</li>
+                    <li class="ty_lefttx"><img src="../../img/grzx/tx_04.jpg" title="图4" alt="图片已缺失"><span>243</span></li>
+                    <li onclick="tyList(1)" class="ty_leftcon ty_lititnoe">
+                        <img style="width: 18px;" src="../../img/grzx/icon_1.png" title="图5" alt="图片已缺失"> <img style="width: 18px;" src="../../img/grzx/iocn (1).png" title="图5" alt="图片已缺失"> <span>机构资料</span></span>
+                    </li>
+                    <li onclick="tyList(2)" class="ty_leftcon ty_litittwo">
+                        <img src="../../img/grzx/icon_2.png" title="密码修改" alt="图片已缺失"> <img src="../../img/grzx/iocn (2).png" title="密码修改" alt="图片已缺失"> 
+                        <span>密码修改</span>
+                    </li>
+                    <li onclick="tyList(3)" class="ty_leftcon ty_litittwo">
+                        <img src="../../img/grzx/icon_3.png" title="订单" alt="图片已缺失"> <img src="../../img/grzx/iocn (3).png" title="订单+" alt="图片已缺失"> <span>新闻公告</span>
+                    </li>
+                    <li onclick="tyList(4)" class="ty_leftcon ty_litittwo">
+                        <img src="../../img/grzx/icon_4.png" title="关注" alt="图片已缺失"> <img src="../../img/grzx/iocn (4).png" title="关注" alt="图片已缺失"> <span>展览</span>
+                    </li>
+                    <li onclick="tyList(5)" class="ty_leftcon ty_litittwo">
+                        <img src="../../img/grzx/icon_5.png" title="收藏" alt="图片已缺失"> <img src="../../img/grzx/iocn (5).png" title="收藏" alt="图片已缺失"> <span>艺术品</span>
+                    </li>
+                    <li onclick="tyList(6)" class="ty_leftcon ty_litittwo">
+                        <img src="../../img/grzx/icon_6.png" title="积分" alt="图片已缺失"> <img src="../../img/grzx/iocn (6).png" title="积分" alt="图片已缺失"> <span>书刊杂志</span>
+                    </li>
+                    <li onclick="tyList(7)" class="ty_leftcon ty_litittwo">
+                        <img src="../../img/grzx/icon_7.png" title="优惠卷" alt="图片已缺失"> <img src="../../img/grzx/iocn (7).png" title="优惠卷" alt="图片已缺失"> <span>信息动态</span>
+                    </li>
+                    <li onclick="tyList(8)" class="ty_leftcon ty_litittwo">
+                        <img src="../../img/grzx/icon_8.png" title="征稿作品管理+" alt="图片已缺失"> <img src="../../img/grzx/iocn (8).png" title="征稿作品管理+" alt="图片已缺失"> <span>机构成员</span>
+                    </li>
+                  
+                </ul>
+
+                <!-- 个人资料 -->
+                <div style="display:block" data-in="1" class="ty_ris ">
+                    <p class="ty_tit">个人资料</p>
+
+                    <div class="ty_riscon ty_jgzl">
+                        <div class="ty_tupian">
+                            <div class="ty_scimg">
+                                <!-- <img src="" alt="图片缺失"> -->
+                            </div>
+
+                            <div>
+                                <button class="ty_tubtn"><img src="../../img/grzx/tusc.jpg" title="头像上传" alt="图片已缺失">请选择您要上传的头像</button>
+                                <p class="ty_col" style="font-size: 12px;">仅支持JPG,GIF,PNG,JPEG,BMP格式</p>
+                                </p>
+                            </div>
+                        </div>
+
+
+                        <div>
+
+                            <div class="ty_name">
+                                <p>用户名：</p>
+                                <p>asdgf</p>
+                            </div>
+                            <div class="ty_int">
+                                <p>机构名称：</p>
+                                <input type="text">
+                            </div>
+                            <div class="ty_int">
+                                <p>联系人：</p>
+                                <input type="text">
+                            </div>
+                            <div class="ty_int">
+                                <p>电话：</p>
+                                <input type="text">
+                            </div>
+                            <div class="ty_int">
+                                <p>手机：</p>
+                                <input type="text">
+                            </div>
+                            <div class="ty_int">
+                                <p>E-MAIL：</p>
+                                <input type="text">
+                            </div>
+                            <div class="ty_setle">
+                                <p>地址：</p>
+                                <select name="" id="">
+                                    <option value="">四川省</option>
+                                </select>
+                                <select name="" id="">
+                                    <option value="">成都市</option>
+                                </select>
+                                <select name="" id="">
+                                    <option value="">锦江区</option>
+                                </select>
+                            </div>
+                            <div class="ty_int">
+                                <p></p>
+                                <input class="tyint_pal" placeholder="请输入详情地址" type="text">
+                            </div>
+
+                            <div class="ty_btn">
+                                <button>提交</button>
+                            </div>
+
+                        </div>
+                    </div>
+
+
+                </div>
+
+
+                <!-- 修改密码 -->
+                <div style="display:none" data-in="2" class="ty_ris ">
+                    <p class="ty_tit">个人资料</p>
+
+                    <div class="ty_riscon ty_riscon1">
+
+
+
+                        <div>
+
+                            <div class="ty_int ty_password ty_wic">
+                                <p>原密码：</p>
+                                <input type="text">
+                            </div>
+                            <div class="ty_int ty_password ty_wic">
+                                <p>新密码：</p>
+                                <input type="text">
+                            </div>
+                            <div class="ty_int ty_password ty_wic">
+                                <p>确认新密码:</p>
+                                <input type="text">
+                            </div>
+
+
+
+                            <div class="ty_btn ty_btn1">
+                                <button>提交</button>
+                            </div>
+
+                        </div>
+                    </div>
+
+
+                </div>
+
+
+                <!-- 收货地址 -->
+                <div style="display:none" data-in="9" class="ty_ris">
+                    <div class="ty_shtit">
+                        <div>
+                            <p>收货地址</p>
+                            <p>您以创建2个收货地址，最多可创建25个</p>
+                        </div>
+                        <p class="ty_cz">新增收货地址</p>
+                    </div>
+
+                    <div class="ty_con">
+
+                        <div class="ty_dizcon">
+                            <div class="ty_dzxx">
+                                <div>
+                                    <p>张珊珊</p>
+                                    <p>默认地址</p>
+                                </div>
+                                <p><img src="../../img/grzx/sh1.jpg" alt="图片缺失"></p>
+                            </div>
+                            <p class="ty_dztext">收货人：<span>张珊珊</span> </p>
+                            <p class="ty_dztext">所在地区：<span>四川成都市温江区</span> </p>
+                            <p class="ty_dztext">地址：<span>光华大道1568号</span> </p>
+
+                            <div class="ty_mr">
+                                <p class="ty_dztext">手机号：<span>136****4451</span></p>
+                                <div class="ty_mrdiz">
+
+                                    <p>编辑</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="ty_dizcon">
+                            <div class="ty_dzxx">
+                                <div>
+                                    <p>张珊珊</p>
+
+                                </div>
+                                <p><img src="../../img/grzx/sh1.jpg" alt="图片缺失"></p>
+                            </div>
+                            <p class="ty_dztext">收货人：<span>张珊珊</span> </p>
+                            <p class="ty_dztext">所在地区：<span>四川成都市温江区</span> </p>
+                            <p class="ty_dztext">地址：<span>光华大道1568号</span> </p>
+
+                            <div class="ty_mr">
+                                <p class="ty_dztext">手机号：<span>136****4451</span></p>
+                                <div class="ty_mrdiz">
+                                    <p>设为默认地址</p>
+                                    <p>编辑</p>
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+
+
+
+                <!-- 优惠券 -->
+                <div style="display:none" data-in="7" class="ty_ris">
+                    <div class="ty_yhtit">
+                        <p data-in="1" class="ty_yhd yhdj">可用优惠卷</p>
+                        <p data-in="2" class="yhdj">已过期优惠卷</p>
+                    </div>
+                    <div class="ty_con ty_tp" style="padding: 25px 12px 0 25px;display: flex; flex-wrap: wrap;align-content: flex-start;">
+
+                        <div class="ty_yhuij">
+                            <div>
+                                <div class="ty_gb">
+                                    <img src="../../img/grzx//yhgb.png" title="优惠卷" alt="图片缺失">
+                                </div>
+
+                                <p class="ty_yhmn"><span>￥</span>50</p>
+                                <p class="ty_textyh">满500可用</p>
+                                <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
+                                <img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
+                            </div>
+                            <div>
+                                <button class="ty_yhbtn">立即使用</button>
+                            </div>
+
+                        </div>
+                        <div class="ty_yhuij">
+                            <div>
+                                <div class="ty_gb">
+                                    <img src="../../img/grzx//yhgb.png" title="优惠卷" alt="图片缺失">
+                                </div>
+
+                                <p class="ty_yhmn"><span>￥</span>50</p>
+                                <p class="ty_textyh">满500可用</p>
+                                <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
+                                <img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
+                            </div>
+                            <div>
+                                <button class="ty_yhbtn">立即使用</button>
+                            </div>
+
+                        </div>
+                        <div class="ty_yhuij">
+                            <div>
+                                <div class="ty_gb">
+                                    <img src="../../img/grzx//yhgb.png" title="优惠卷" alt="图片缺失">
+                                </div>
+
+                                <p class="ty_yhmn"><span>￥</span>50</p>
+                                <p class="ty_textyh">满500可用</p>
+                                <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
+                                <img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
+                            </div>
+                            <div>
+                                <button class="ty_yhbtn">立即使用</button>
+                            </div>
+
+                        </div>
+                        <div class="ty_yhuij">
+                            <div>
+
+
+                                <p class="ty_yhmn"><span>￥</span>100</p>
+                                <p class="ty_textyh">满500可用</p>
+                                <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
+                                <img class="ty_yhjyuan" title="优惠卷" src="../../img/grzx/bjyh.png" alt="图片缺失">
+                            </div>
+                            <div>
+                                <button class="ty_yhbtn">立即使用</button>
+                            </div>
+
+                        </div>
+                        <div class="ty_yhuij">
+                            <div>
+
+
+                                <p class="ty_yhmn"><span>￥</span>50</p>
+                                <p class="ty_textyh">满500可用</p>
+                                <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
+                                <img class="ty_yhjyuan" title="优惠卷" src="../../img/grzx/bjyh.png" alt="图片缺失">
+                            </div>
+                            <div>
+                                <button class="ty_yhbtn">立即使用</button>
+                            </div>
+
+                        </div>
+                        <div class="ty_yhuij">
+                            <div>
+
+                                <p class="ty_yhmn"><span>￥</span>50</p>
+                                <p class="ty_textyh">满500可用</p>
+                                <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
+                                <img class="ty_yhjyuan" title="优惠卷" src="../../img/grzx/bjyh.png" alt="图片缺失">
+                            </div>
+                            <div>
+                                <button class="ty_yhbtn">立即使用</button>
+                            </div>
+
+                        </div>
+                    </div>
+
+                    <div class="ty_con ty_tp " style="padding: 25px 12px 0 25px;display: none; flex-wrap: wrap;align-content: flex-start;">
+                        <div class="ty_yhuij">
+                            <div style="background-color: rgb(173,173,173);">
+                                <p class="ty_yhmn"><span>￥</span>50</p>
+                                <p class="ty_textyh">满500可用</p>
+                                <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
+                                <img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
+                            </div>
+                            <div class="gqtp">
+                                <img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
+                            </div>
+
+                        </div>
+                        <div class="ty_yhuij">
+                            <div style="background-color: rgb(173,173,173);">
+
+
+                                <p class="ty_yhmn"><span>￥</span>50</p>
+                                <p class="ty_textyh">满500可用</p>
+                                <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
+                                <img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
+                            </div>
+                            <div class="gqtp">
+                                <img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
+                            </div>
+
+                        </div>
+                        <div class="ty_yhuij">
+                            <div style="background-color: rgb(173,173,173);">
+
+
+                                <p class="ty_yhmn"><span>￥</span>50</p>
+                                <p class="ty_textyh">满500可用</p>
+                                <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
+                                <img class="ty_yhjyuan" title="过期" src="../../img/grzx/bjyh.png" alt="图片缺失">
+                            </div>
+                            <div class="gqtp">
+                                <img src="../../img/grzx/gqtp.png" alt="图片缺失">
+                            </div>
+
+                        </div>
+                        <div class="ty_yhuij">
+                            <div style="background-color: rgb(173,173,173);">
+
+
+                                <p class="ty_yhmn"><span>￥</span>50</p>
+                                <p class="ty_textyh">满500可用</p>
+                                <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
+                                <img class="ty_yhjyuan" title="过期" src="../../img/grzx/bjyh.png" alt="图片缺失">
+                            </div>
+                            <div class="gqtp">
+                                <img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
+                            </div>
+
+                        </div>
+                        <div class="ty_yhuij">
+                            <div style="background-color: rgb(173,173,173);">
+
+
+                                <p class="ty_yhmn"><span>￥</span>50</p>
+                                <p class="ty_textyh">满500可用</p>
+                                <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
+                                <img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
+                            </div>
+                            <div class="gqtp">
+                                <img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
+                            </div>
+
+                        </div>
+                        <div class="ty_yhuij">
+                            <div style="background-color: rgb(173,173,173);">
+
+
+                                <p class="ty_yhmn"><span>￥</span>50</p>
+                                <p class="ty_textyh">满500可用</p>
+                                <p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
+                                <img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
+                            </div>
+                            <div class="gqtp">
+                                <img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
+                            </div>
+
+                        </div>
+                    </div>
+
+                </div>
+
+                <!-- 订单 -->
+                <div style="display:none" data-in="3" class="ty_ris">
+                    <p class="ty_tit">我的订单</p>
+                    <div class="ty_con ty_didanpd" style="height: auto; padding: 25px 24px 20px;">
+                        <div class="ty_ddtit">
+                            <div class="ty_ddnav">
+                                <p class="ty_ddys">全部订单</p>
+                                <p>待付款
+                                </p>
+                                <p>待发货</p>
+                                <p>待收货</p>
+                            </div>
+
+                            <div class="ty_ddxq">
+                                <p>订单详情</p>
+
+                                <div>
+                                    <p>收货人</p>
+                                    <p>金额</p>
+                                    <div style="font-size: 14px;">全部状态<img src="../../img/grzx/qbdd.png" alt="图片缺失"></div>
+                                    <p>操作</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="ty_ddcon">
+                            <div class="ty_ddcontit">
+                                <div class="ty_dindantop">
+                                    <p style="margin-right: 30px;"><span>2021-07-10</span><span>15:24:44</span></p>
+                                    <p><span>订单号：</span><span style="color: #000;">10954896547</span></p>
+                                </div>
+                                <div>
+                                    <p style="font-size: 14px;">删除</p>
+                                    <img src="../../img/grzx/ljt.png" title="删除" alt="图片缺失">
+                                </div>
+                            </div>
+
+
+                            <div class="ty_ddxx">
+                                <div class="ty_ddxxnoe">
+                                    <div>
+                                        <div class="ty_ddmas"> <img src="../../img/grzx/yt.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
+                                            <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
+                                        </div>
+                                        <div class="ty_dnum">
+                                            <p>x1</p>
+                                            <p>¥532.20</p>
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <div class="ty_ddmas"> <img src="../../img/grzx/yt1.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
+                                            <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
+                                        </div>
+                                        <div class="ty_dnum">
+                                            <p>x1</p>
+                                            <p>¥532.20</p>
+                                        </div>
+                                    </div>
+
+                                </div>
+                                <div class="ty_dindantetx">
+                                    <div class="ty_ddxxTxt"><span class="ty_dindantit">收货人</span>程鹏龙</div>
+                                    <div class="ty_ddxxTxt"><span class="ty_dindantit">金额</span>总金额¥532.20</div>
+                                    <div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit">状态</span>待支付</div>
+                                    <div class="ty_ddxxTxt1">
+                                        <span class="ty_dindantit">操作</span>
+                                        <button class="ty_ddys">
+                                            去支付
+                                        </button>
+                                    </div>
+                                </div>
+
+                            </div>
+
+                        </div>
+                        <div class="ty_ddcon">
+                            <div class="ty_ddcontit">
+                                <div class="ty_dindantop">
+                                    <p style="margin-right: 30px;"><span>2021-07-10</span><span>15:24:44</span></p>
+                                    <p><span>订单号：</span><span style="color: #000;">10954896547</span></p>
+                                </div>
+                                <div>
+                                    <p>删除</p>
+                                    <img src="../../img/grzx/ljt.png" alt="图片缺失">
+                                </div>
+                            </div>
+
+
+                            <div class="ty_ddxx">
+                                <div class="ty_ddxxnoe">
+                                    <div>
+                                        <div class="ty_ddmas"> <img src="../../img/grzx/yt.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
+                                            <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
+                                        </div>
+                                        <div class="ty_dnum">
+                                            <p>x1</p>
+                                            <p>¥532.20</p>
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <div class="ty_ddmas"> <img src="../../img/grzx/yt1.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
+                                            <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
+                                        </div>
+
+                                        <div class="ty_dnum">
+                                            <p>x1</p>
+                                            <p>¥532.20</p>
+                                        </div>
+                                    </div>
+
+                                </div>
+                                <div class="ty_dindantetx">
+                                    <div class="ty_ddxxTxt"><span class="ty_dindantit"></span> 程鹏龙</div>
+                                    <div class="ty_ddxxTxt"><span class="ty_dindantit"></span> 总金额¥532.20</div>
+                                    <div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit"></span> 待支付</div>
+                                    <div class="ty_ddxxTxt1">
+                                        <span class="ty_dindantit"></span>
+                                        <button class="ty_ddys">
+                                            确认收货
+                                        </button>
+                                        <button class="ty_ddys">
+                                            查看物流
+                                        </button>
+                                    </div>
+                                </div>
+
+                            </div>
+
+                        </div>
+                        <div class="ty_ddcon">
+                            <div class="ty_ddcontit">
+                                <div class="ty_dindantop">
+                                    <p style="margin-right: 30px;"><span>2021-07-10</span><span>15:24:44</span></p>
+                                    <p><span>订单号：</span><span style="color: #000;">10954896547</span></p>
+                                </div>
+                                <div>
+                                    <p>删除</p>
+                                    <img src="../../img/grzx/ljt.png" title="删除" alt="图片缺失">
+                                </div>
+                            </div>
+
+
+                            <div class="ty_ddxx">
+                                <div class="ty_ddxxnoe">
+                                    <div>
+                                        <div class="ty_ddmas">
+                                            <img src="../../img/grzx/yt.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
+                                            <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
+                                        </div>
+                                        <div class="ty_dnum">
+                                            <p>x1</p>
+                                            <p>¥532.20</p>
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <div class="ty_ddmas"> <img src="../../img/grzx/yt1.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
+                                            <p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
+                                        </div>
+                                        <div class="ty_dnum">
+                                            <p>x1</p>
+                                            <p>¥532.20</p>
+                                        </div>
+                                    </div>
+
+                                </div>
+                                <div class="ty_dindantetx">
+                                    <div class="ty_ddxxTxt"><span class="ty_dindantit"></span>程鹏龙</div>
+                                    <div class="ty_ddxxTxt"><span class="ty_dindantit"></span>总金额¥532.20</div>
+                                    <div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit"></span>待支付</div>
+                                    <div class="ty_ddxxTxt1">
+                                        <span class="ty_dindantit"></span>
+                                        <button class="ty_ddys ty_sqtc">
+                                            申请售后
+                                        </button>
+                                        <button class="ty_ddys ty_sqjgtc">
+                                            售后结果
+                                        </button>
+                                    </div>
+                                </div>
+
+                            </div>
+
+                        </div>
+                        <div class="ty_paging">
+                            <p>上一页</p>
+                            <div>
+                                <span class="ty_pagingcol">1</span>
+                            </div>
+                            <p>下一页</p>
+
+                        </div>
+                    </div>
+                </div>
+                <!-- 我的关注 -->
+                <div style="display:none" data-in="4" class="ty_ris">
+                    <div class="ty_yhtit">
+                        <p data-in="1" class="ty_yhd  ty_ysnav">我关注的艺术家</p>
+                        <p data-in="2" class="ty_ysnav">我关注的机构</p>
+                    </div>
+                    <div class="ty_con ty_yscon ty_ysmr " style="align-content: flex-start;">
+                        <div class="ty_ysnr">
+                            <img src="../../img/grzx/y1.png" title="张龙升" alt="图片缺失">
+                            <p>张龙升</p>
+                            <span class="ty_ysqxgz">取消关注</span>
+                        </div>
+                        <div class="ty_ysnr">
+                            <img src="../../img/grzx/y2.png" title="张龙升" alt="图片缺失">
+                            <p>张龙升</p>
+                        </div>
+                        <div class="ty_ysnr">
+                            <img src="../../img/grzx/y3.png" title="张龙升" alt="图片缺失">
+                            <p>张龙升</p>
+                        </div>
+                        <div class="ty_ysnr">
+                            <img src="../../img/grzx/y4.png" title="张龙升" alt="图片缺失">
+                            <p>张龙升</p>
+                        </div>
+                        <div class="ty_ysnr">
+                            <img src="../../img/grzx/y5.png" title="张龙升" alt="图片缺失">
+                            <p>张龙升</p>
+                        </div>
+                        <div class="ty_ysnr">
+                            <img src="../../img/grzx/y6.png" title="张龙升" alt="图片缺失">
+                            <p>张龙升</p>
+                        </div>
+                        <div class="ty_ysnr">
+                            <img src="../../img/grzx/y7.png" title="张龙升" alt="图片缺失">
+                            <p>张龙升</p>
+                        </div>
+                    </div>
+
+                    <div class="ty_con ty_yscon ty_gzmr" style="display:none;align-content: flex-start;flex-wrap: wrap;">
+
+                        <div class="ty_wdgz">
+                            <img src="../../img/grzx/jg1.png" title="摩空精舍" alt="图片缺失">
+                            <p>摩空精舍</p>
+                            <span class="ty_ysqxgz">取消关注</span>
+                        </div>
+                        <div class="ty_wdgz">
+                            <img src="../../img/grzx/jg1.png" title="摩空精舍" alt="图片缺失">
+                            <p>摩空精舍</p>
+                            <span class="ty_ysqxgz">取消关注</span>
+                        </div>
+                        <div class="ty_wdgz">
+                            <img src="../../img/grzx/jg1.png" title="摩空精舍" alt="图片缺失">
+                            <p>摩空精舍</p>
+                            <span class="ty_ysqxgz">取消关注</span>
+                        </div>
+                        <div class="ty_wdgz">
+                            <img src="../../img/grzx/jg1.png" title="摩空精舍" alt="图片缺失">
+                            <p>摩空精舍</p>
+                            <span class="ty_ysqxgz">取消关注</span>
+                        </div>
+
+                    </div>
+
+                </div>
+
+                <!-- 我的积分 -->
+                <div style="display:none" data-in="6" class="ty_ris">
+                    <div class="ty_jftit">
+                        <p>我的积分</p>
+                        <div>
+                            <p>我的总积分</p>
+                            <p>57421</p>
+                            <p>立即兑换超值礼品</p>
+                            <p class="ty_qdaoclick">立即签到</p>
+                        </div>
+                    </div>
+                    <div class="ty_con" style="height: auto; padding: 25px 24px 20px;">
+                        <div>
+                            <div class="ty_jfn">
+                                <p>积分记录</p>
+                                <div>
+                                    <p>时间</p>
+                                    <p>收入/支出</p>
+                                    <p>详情说明</p>
+                                </div>
+                            </div>
+
+
+
+                            <div class="ty_jfcon">
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys">+580</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                                <div>
+                                    <p>2019-12-20 12:25:30</p>
+                                    <p class="ty_jfys2">-80</p>
+                                    <p>商品评价（商品号:65428233459）奖励积分 </p>
+                                </div>
+                            </div>
+
+                            <div>
+
+                            </div>
+                        </div>
+
+
+
+                        <div class="ty_paging" style="margin-top: 20px;">
+                            <p>上一页</p>
+                            <div>
+                                <span class="ty_pagingcol">1</span>
+                            </div>
+                            <p>下一页</p>
+
+                        </div>
+                    </div>
+
+
+
+
+                </div>
+                <!-- 收藏 -->
+                <div style="display:none" data-in="5" class="ty_ris">
+                    <div class="ty_yhtit">
+                        <p data-in="1" class="ty_yhd  ty_sc">我收藏的展览</p>
+                        <p data-in="2" class="ty_sc">我收藏的艺术品</p>
+                    </div>
+                    <div class="ty_con ty_sccon ty_scmr" style="align-content: flex-start;display: flex;flex-wrap: wrap;">
+                        <div class="ty_yishusc">
+                            <img src="../../img/grzx/sc.png" title="未来城市+ ：建筑设计模型展" alt="图片缺失">
+                            <p>未来城市+ ：建筑设计模型展</p>
+                            <p>展览时间： <span style="display: inline-block;"> 2021.07.09 - 2021.07.19</span></p>
+                            <span class="ty_ysqxgz">取消收藏</span>
+                        </div>
+                        <div class="ty_yishusc">
+                            <img src="../../img/grzx/sc1.png" title="未来城市+ ：建筑设计模型展" alt="图片缺失">
+                            <p>未来城市+ ：建筑设计模型展</p>
+                            <p>展览时间： <span style="display: inline-block;"> 2021.07.09 - 2021.07.19</span></p>
+                        </div>
+                        <div class="ty_yishusc">
+                            <img src="../../img/grzx/sc.png" title="未来城市+ ：建筑设计模型展" alt="图片缺失">
+                            <p>未来城市+ ：建筑设计模型展</p>
+                            <p>展览时间： <span style="display: inline-block;"> 2021.07.09 - 2021.07.19</span></p>
+                        </div>
+
+                    </div>
+
+                    <div class="ty_con ty_sccon ty_scml" style="display:none;align-content: flex-start;flex-wrap: wrap;">
+
+                        <div class="ty_yspcon">
+                            <img src="../../img/grzx/ysp.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
+                            <p>艺术清酒--得寓(酒标作品)</p>
+                            <span class="ty_ysqxgz">取消收藏</span>
+                        </div>
+                        <div class="ty_yspcon">
+                            <img src="../../img/grzx/ysp1.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
+                            <p>艺术清酒--得寓(酒标作品)</p>
+                        </div>
+                        <div class="ty_yspcon">
+                            <img src="../../img/grzx/ysp2.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
+                            <p>艺术清酒--得寓(酒标作品)</p>
+                        </div>
+                        <div class="ty_yspcon">
+                            <img src="../../img/grzx/ysp3.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
+                            <p>艺术清酒--得寓(酒标作品)</p>
+                        </div>
+                        <div class="ty_yspcon">
+                            <img src="../../img/grzx/ysp4.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
+                            <p>艺术清酒--得寓(酒标作品)</p>
+                        </div>
+                        <div class="ty_yspcon">
+                            <img src="../../img/grzx/ysp4.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
+                            <p>艺术清酒--得寓(酒标作品)</p>
+                        </div>
+                        <div class="ty_yspcon">
+                            <img src="../../img/grzx/ysp4.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
+                            <p>艺术清酒--得寓(酒标作品)</p>
+                        </div>
+                        <div class="ty_yspcon">
+                            <img src="../../img/grzx/ysp4.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
+                            <p>艺术清酒--得寓(酒标作品)</p>
+                        </div>
+                    </div>
+
+                </div>
+                <!-- 征稿 -->
+                <div style="display:none" data-in="8" class="ty_ris">
+                    <p class="ty_tit">征稿作品管理</p>
+                    <div class="ty_con" style=" padding: 25px 24px 20px;">
+                        <div class="ty_zgtit">
+                            <p>作品名称</p>
+                            <p>所属展览</p>
+                            <p>审核状况</p>
+                            <p>发布日期</p>
+                            <p>操作</p>
+
+                        </div>
+   <!-- 征稿 -->
+                        <div>
+
+                            <div class="ty_zgcon">
+                                <img src="../../img/grzx/zgimg.png" title="雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 " alt="图片缺失">
+                                <div>
+                                    <p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
+
+                                    <p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
+                                </div>
+                                <div class="ty_ristext">
+                                    <div>
+                                        <p>所属展览</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
+                                    </div>
+                                    <div>
+                                        <p>审核状态</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
+                                    </div>
+                                    <div>
+                                        <p>发布日期</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
+                                    </div>
+                                    <div>
+                                        <div>
+                                            操作
+                                        </div>
+                                        <div>
+                                            <button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
+                                            <p></p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="ty_zgcon">
+                                <img src="../../img/grzx/zgimg.png" title="雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 " alt="图片缺失">
+                                <div>
+                                    <p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
+
+                                    <p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
+                                </div>
+                                <div class="ty_ristext">
+                                    <div>
+                                        <p>所属展览</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
+                                    </div>
+                                    <div>
+                                        <p>审核状态</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
+                                    </div>
+                                    <div>
+                                        <p>发布日期</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
+                                    </div>
+                                    <div>
+                                        <div>
+                                            操作
+                                        </div>
+                                        <div>
+                                            <button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
+                                            <p></p>
+                                        </div>
+
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div class="ty_zgcon">
+                                <img src="../../img/grzx/zgimg.png" title="雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 " alt="图片缺失">
+                                <div>
+                                    <p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
+
+                                    <p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
+                                </div>
+                                <div class="ty_ristext">
+                                    <div>
+                                        <p>所属展览</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
+                                    </div>
+                                    <div>
+                                        <p></p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">已审核</p>
+                                    </div>
+                                    <div>
+                                        <p>发布日期</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
+                                    </div>
+                                    <div>
+                                        <div>
+                                            操作
+                                        </div>
+                                        <div>
+                                            <p>联系平台</p>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div class="ty_zgcon">
+                                <img src="../../img/grzx/zgimg.png" title="雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 " alt="图片缺失">
+                                <div>
+                                    <p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
+
+                                    <p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
+                                </div>
+                                <div class="ty_ristext">
+                                    <div>
+                                        <p>所属展览</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
+                                    </div>
+                                    <div>
+                                        <p>审核状态</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
+                                    </div>
+                                    <div>
+                                        <p>发布日期</p>
+                                        <p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
+                                    </div>
+                                    <div>
+                                        <div></div>
+                                        <div>
+                                            <button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
+                                            <p></p>
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+
+
+
+
+                    </div>
+
+
+
+
+                </div>
+
+            </div>
+
+
+        </div>
+
+
+        <!-- 收货地址弹窗 -->
+        <div class="ty_xzsh ty_shclick" style="display: none;">
+            <div class="ty_tcon">
+                <div class="ty_tctiti">
+                    <p>新增收货地址</p>
+                    <p class="ty_gbtc ty_shgb"><img src="../../img/grzx/sh.jpg" title="关闭" alt="图片缺失"></p>
+                </div>
+                <div class="ty_tris">
+                    <div class="ty_int ty_tcwi ">
+                        <p>收货人：</p>
+                        <input type="text">
+                    </div>
+                    <div class="ty_setle ty_tcwi">
+                        <p>所在地址：</p>
+                        <select name="" id="">
+                            <option value="">四川省</option>
+                        </select>
+                        <select name="" id="">
+                            <option value="">成都市</option>
+                        </select>
+                        <select name="" id="">
+                            <option value="">锦江区</option>
+                        </select>
+                    </div>
+
+                    <div class="ty_int ty_tcwi">
+                        <p></p>
+                        <input class="tyint_pal" placeholder="请输入详情地址" type="text">
+                    </div>
+                    <div class="ty_int ty_tcwi">
+                        <p>手机：</p>
+                        <input type="text">
+                    </div>
+
+                    <div class="ty_btn">
+                        <button style="width: 155px;height: 51px;margin-right: 3px;">保存收货地址</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 申请售后弹窗 -->
+        <div class="ty_xzsh ty_sqshclick" style="display: none;">
+            <div class="ty_tcon">
+
+                <div class="ty_tctiti">
+                    <p>申请售后</p>
+                    <p class="ty_gbtc ty_shtcgb"><img src="../../img/grzx/sh.jpg" title="关闭" alt="图片缺失"></p>
+                </div>
+
+                <div class="ty_tris">
+                    <div class="ty_shtcint" style="margin-bottom: 29px;">
+                        <p class="ty_sgtxt">退款原因：</p>
+                        <select name="" id="" style="width: 460px;">
+                            <option value="">
+                                尺寸拍错/不喜欢/效果不好
+                            </option>
+                        </select>
+                    </div>
+
+                    <div class="ty_shtcint" style="margin-bottom: 38px;">
+                        <p class="ty_sgtxt">退款原因：</p>
+                        <p style="color: #cb1919;font-weight: bold;">￥562.00</p>
+                    </div>
+
+                    <div class="ty_shtcint" style="margin-bottom: 38px;align-items:flex-start;">
+                        <p class="ty_sgtxt" style="margin-top: 10px;">图片上传：</p>
+                        <div class="ty_tpsc">
+                            <div>
+                                <img src="../../img/grzx/szj.png" title="图片上传" alt="图片已缺失">
+                            </div>
+                            <p>上传图片格式包括jpg/png/gif，图片大小不超过20MB</p>
+                        </div>
+                    </div>
+                    <div class="ty_btn">
+                        <button style="width: 155px;height: 51px;margin-right: 3px;">立即提交</button>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+
+
+        <!-- 售后结果 -->
+        <div class="ty_xzsh ty_sqjgclick" style="display: none;">
+            <div class="ty_tcon">
+
+                <div class="ty_tctiti">
+                    <p>售后结果</p>
+                    <p class="ty_gbtc ty_shjggb"><img src="../../img/grzx/sh.jpg" alt="图片缺失"></p>
+                </div>
+
+                <div class="ty_tris" style="padding-right: 30px;">
+
+                    <div class="ty_shtcint" style="margin-bottom: 38px;align-items:flex-start;">
+                        <p class="ty_sgtxt">售后原因：</p>
+                        <p style="width: 490px;color: #525252;font-size: 14px;    line-height: 25px;">售后原因文字描述后面替换现有文字售后原因文字描述后面替换现有文字售后原 因文字描述后面替换现有文字售后原因文字描述后面替换现有</p>
+                    </div>
+                    <div class="ty_shtcint">
+                        <p class="ty_sgtxt">售后结果：</p>
+                        <p style="color: #cb1919;font-size: 14px;">等待售后</p>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+
+        <!-- 签到 -->
+        <div class="ty_xzsh ty_qdao" style="display: none;">
+            <div class="ty_qidaocon">
+                <img class="ty_qdgban" src="../../img/grzx/qdgb.png" title="关闭按钮" alt="图片缺失">
+                <button>立即签到</button>
+            </div>
+
+        </div>
+        <iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"></iframe>
+        <script src="../../js/jquery-1.9.1.js"></script>
+        <!-- <script src="../../js/layui.js"></script> -->
+        <script>
+            import E from 'wangeditor'
+const editor = new E('#div1')
+editor.create()
+            // 弹窗点击
+            $(".ty_cz").on("click", () => {
+                $(".ty_shclick").css("display", "flex")
+
+            })
+            $(".ty_shgb").on("click", () => {
+                $(".ty_shclick").css("display", "none")
+
+            })
+            $(".ty_sqtc").on("click", () => {
+                $(".ty_sqshclick").css("display", "flex")
+
+            })
+            $(".ty_shtcgb").on("click", () => {
+                $(".ty_sqshclick").css("display", "none")
+
+            })
+
+            $(".ty_sqjgtc").on("click", () => {
+                $(".ty_sqjgclick").css("display", "flex")
+
+            })
+            $(".ty_shjggb").on("click", () => {
+                $(".ty_sqjgclick").css("display", "none")
+
+            })
+            $(".ty_qdaoclick").on("click", () => {
+                $(".ty_qdao").css("display", "flex")
+
+            })
+            $(".ty_qdgban").on("click", () => {
+                $(".ty_qdao").css("display", "none")
+
+            })
+
+            // 优惠切换
+            $(".yhdj").on("click", () => {
+                if ($(event.target).attr("data-in") == 1) {
+
+                    $($(".ty_tp")[1]).css("display", "none")
+                    $($(".ty_tp")[0]).css("display", "flex")
+                    $($(".yhdj")[0]).addClass("ty_yhd");
+                    $($(".yhdj")[1]).removeClass("ty_yhd");
+                } else {
+                    $($(".ty_tp")[0]).css("display", "none")
+                    $($(".ty_tp")[1]).css("display", "flex")
+                    $($(".yhdj")[1]).addClass("ty_yhd");
+                    $($(".yhdj")[0]).removeClass("ty_yhd");
+                }
+
+            })
+            // 我的关注
+            $(".ty_ysnav").on("click", () => {
+                if ($(event.target).attr("data-in") == 1) {
+
+                    $($(".ty_yscon")[1]).css("display", "none")
+                    $($(".ty_yscon")[0]).css("display", "flex")
+                    $($(".ty_ysnav")[0]).addClass("ty_yhd");
+                    $($(".ty_ysnav")[1]).removeClass("ty_yhd");
+                } else {
+                    $($(".ty_yscon")[0]).css("display", "none")
+                    $($(".ty_yscon")[1]).css("display", "flex")
+                    $($(".ty_ysnav")[1]).addClass("ty_yhd");
+                    $($(".ty_ysnav")[0]).removeClass("ty_yhd");
+                }
+
+            })
+            $(".ty_sc").on("click", () => {
+                if ($(event.target).attr("data-in") == 1) {
+
+                    $($(".ty_sccon")[1]).css("display", "none")
+                    $($(".ty_sccon")[0]).css("display", "flex")
+                    $($(".ty_sc")[0]).addClass("ty_yhd");
+                    $($(".ty_sc")[1]).removeClass("ty_yhd");
+                } else {
+                    $($(".ty_sccon")[0]).css("display", "none")
+                    $($(".ty_sccon")[1]).css("display", "flex")
+                    $($(".ty_sc")[1]).addClass("ty_yhd");
+                    $($(".ty_sc")[0]).removeClass("ty_yhd");
+                }
+
+            })
+
+            function tyList(data) {
+                $(".ty_lititnoe").addClass("ty_litittwo");
+                $(".ty_lititnoe").removeClass("ty_lititnoe");
+
+                $($(".ty_leftcon")[data - 1]).addClass("ty_lititnoe");
+                $($(".ty_leftcon")[data - 1]).removeClass("ty_litittwo");
+
+                $(".ty_ris").css("display", "none")
+                for (let index = 0; index < $(".ty_ris").length; index++) {
+                    if ($($(".ty_ris")[index]).attr("data-in") == data) {
+                        $($(".ty_ris")[index]).css("display", "block")
+                        $([index]).css("display", "block")
+
+                    }
+
+                }
+
+
+            }
+
+
+
+
+
+
+
+
+
+
+
+
+
+            // 菜单事件
+            $(".naliu").on("click", () => {
+                $(".ty_left").css("left", "5%")
+            })
+            $(".ty_caidan").on("click", () => {
+
+                $(".ty_left").css("left", "-65PX")
+            })
+        </script>
+    </body>
+
+</html>
\ No newline at end of file
diff --git a/public/center-head.html b/public/center-head.html
index 36fdd30..25e77bd 100644
--- a/public/center-head.html
+++ b/public/center-head.html
@@ -6,11 +6,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>个人中心-头部</title></title>
     <link rel="stylesheet" href="../css/centerHead.css">
+    <link rel="stylesheet" href="../css/huaxiaMedia.css">
 </head>
 <body>
     <header class="ty_herader">
         <img src="../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
-        <nav class="ty_w ty_ds">
+        <nav class="ty_w ty_w1220 ty_ds">
             <img src="../img/logo.png" title="图2" alt="图片已缺失">
             <ul class="ty_listnav">
                 <li> 123</li>