<!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">
<link rel="stylesheet" href="../../css/huaxiaMedia.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>
</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>
<li onclick="tyList(9)" class="ty_leftcon ty_litittwo">
<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 ">
<p class="ty_tit">个人资料</p>
<div class="ty_riscon">
<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_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_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 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_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 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_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 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>
<table class="ty_jftable" cellspacing=0>
<tr class="ty_jfntit">
<th>时间</th>
<th>收入/支出</th>
<th>详情说明</th>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价（商品号:65428233459）奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价（商品号:65428233459）奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价（商品号:65428233459）奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价（商品号:65428233459）奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价（商品号:65428233459）奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价（商品号:65428233459）奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价（商品号:65428233459）奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价（商品号:65428233459）奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价（商品号:65428233459）奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价（商品号:65428233459）奖励积分 </td>
</tr>
</table>
<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>
// 弹窗点击
$(".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>