Merge branch 'master' of http://git.scdxtc.com/chen/huaxia
commit
2db3bd207b
|
|
@ -0,0 +1,80 @@
|
|||
* {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* header */
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.ty_herader {
|
||||
box-shadow: 0px 3px 6px rgb(0 0 0 / 20%);
|
||||
padding-bottom: 7px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.ty_herader>img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ty_herader>nav>img {
|
||||
width: 489px;
|
||||
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;
|
||||
margin-top: 66px;
|
||||
color: rgb(135, 135, 135);
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
||||
.ty_listnav>li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.ty_listnav a {
|
||||
color: rgb(135, 135, 135);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.ty_di {
|
||||
width: 4px;
|
||||
background-color: rgb(135, 135, 135);
|
||||
height: 4px;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.ty_topicon {
|
||||
width: 15px;
|
||||
margin-right: 6px;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
.ty_gr {
|
||||
color: rgb(201, 57, 57) !important;
|
||||
}
|
||||
|
|
@ -11,6 +11,7 @@ body{padding: 0;margin: 0;}
|
|||
}
|
||||
.foot-nav-box>div:first-child{color: #FFFFFF;font-size: 15px;display: flex;align-items: center;}
|
||||
.foot-box-nav>div{margin-right: 46px;cursor: pointer;}
|
||||
.foot-box-nav>div>a{text-decoration: none;color: #FFFFFF;}
|
||||
.foot-box-img>img{margin-left: 20px;cursor: pointer;-webkit-filter: invert(.1); filter: invert(.1);}
|
||||
/* -webkit-filter: invert(.8); filter: invert(.8); */
|
||||
.foot-box-img>img:nth-child(1),.foot-box-img>img:nth-child(2){width:23px;height:19px;}
|
||||
|
|
|
|||
|
|
@ -125,6 +125,7 @@ ul {
|
|||
|
||||
.ty_leftcon>img {
|
||||
margin-right: 10px;
|
||||
|
||||
}
|
||||
|
||||
.ty_ris {
|
||||
|
|
@ -167,13 +168,18 @@ ul {
|
|||
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 {
|
||||
|
|
@ -216,7 +222,7 @@ ul {
|
|||
}
|
||||
|
||||
select {
|
||||
border-radius: 5px;
|
||||
border-radius: 3px;
|
||||
border: solid 1px #000;
|
||||
border-color: rgb(208, 208, 208);
|
||||
appearance: none;
|
||||
|
|
@ -296,31 +302,38 @@ select {
|
|||
padding-left: 24px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.ty_shtit>div{
|
||||
|
||||
.ty_shtit>div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.ty_shtit>div>:nth-child(1){
|
||||
|
||||
.ty_shtit>div>:nth-child(1) {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.ty_shtit>div>:nth-child(2){
|
||||
|
||||
.ty_shtit>div>:nth-child(2) {
|
||||
font-size: 12px;
|
||||
}
|
||||
.ty_shtit>p{
|
||||
|
||||
.ty_shtit>p {
|
||||
font-size: 18px;
|
||||
color: rgb(13, 158, 61);
|
||||
}
|
||||
.ty_con{
|
||||
|
||||
.ty_con {
|
||||
width: 100%;
|
||||
height: 638px;
|
||||
margin-top: 10px;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;padding-top: 26px;
|
||||
background-color: #fff;
|
||||
padding-top: 26px;
|
||||
|
||||
}
|
||||
.ty_dizcon{
|
||||
|
||||
.ty_dizcon {
|
||||
width: 1006px;
|
||||
height: 190px;
|
||||
margin: auto;
|
||||
|
|
@ -331,11 +344,13 @@ select {
|
|||
padding: 20px 22px 0px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ty_dzxx>:nth-child(1)>:nth-child(1){
|
||||
|
||||
.ty_dzxx>:nth-child(1)>:nth-child(1) {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.ty_dzxx>:nth-child(1)>:nth-child(2){
|
||||
|
||||
.ty_dzxx>:nth-child(1)>:nth-child(2) {
|
||||
width: 61px;
|
||||
height: 23px;
|
||||
font-weight: bold;
|
||||
|
|
@ -344,51 +359,59 @@ select {
|
|||
line-height: 23px;
|
||||
margin-left: 18px;
|
||||
background-color: rgb(203, 25, 25);
|
||||
}
|
||||
.ty_dzxx>:nth-child(1){
|
||||
}
|
||||
|
||||
.ty_dzxx>:nth-child(1) {
|
||||
display: flex;
|
||||
}
|
||||
.ty_dzxx{
|
||||
|
||||
.ty_dzxx {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-self: flex-start;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.ty_dzxx>:nth-child(2){
|
||||
|
||||
.ty_dzxx>:nth-child(2) {
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
}
|
||||
.ty_dztext{
|
||||
|
||||
.ty_dztext {
|
||||
color: rgb(149, 149, 149);
|
||||
margin-bottom: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.ty_dztext>span{
|
||||
|
||||
.ty_dztext>span {
|
||||
color: #000;
|
||||
}
|
||||
.ty_mr{
|
||||
|
||||
.ty_mr {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.ty_mr>:nth-child(2){
|
||||
|
||||
.ty_mr>:nth-child(2) {
|
||||
display: flex;
|
||||
color: rgb(74, 122, 228);
|
||||
}
|
||||
.ty_mr>:nth-child(2)>p{
|
||||
|
||||
.ty_mr>:nth-child(2)>p {
|
||||
margin-left: 28px;
|
||||
}
|
||||
|
||||
|
||||
/* 新增收货地址 */
|
||||
.ty_xzsh{
|
||||
.ty_xzsh {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(00, 00, 00,0.3) ;
|
||||
background-color: rgba(00, 00, 00, 0.3);
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding-top: 45px;
|
||||
|
|
@ -396,14 +419,16 @@ select {
|
|||
left: 0px;
|
||||
z-index: 3;
|
||||
}
|
||||
.ty_tcon{
|
||||
|
||||
.ty_tcon {
|
||||
width: 653px;
|
||||
height: 438px;
|
||||
padding-bottom: 43px;
|
||||
border-radius: 5px;
|
||||
background-color: #fff;
|
||||
margin: auto;
|
||||
}
|
||||
.ty_tctiti{
|
||||
|
||||
.ty_tctiti {
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
|
|
@ -414,26 +439,29 @@ select {
|
|||
background-color: rgb(233, 233, 233);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ty_tctiti>:nth-child(2){
|
||||
|
||||
.ty_tctiti>:nth-child(2) {
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
}
|
||||
.ty_tris{
|
||||
|
||||
.ty_tris {
|
||||
padding-top: 26px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
.ty_tcwi{
|
||||
|
||||
.ty_tcwi {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.ty_tcwi>:nth-child(1){
|
||||
width: 82px
|
||||
|
||||
;
|
||||
.ty_tcwi>:nth-child(1) {
|
||||
width: 82px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
.ty_yhtit{
|
||||
|
||||
.ty_yhtit {
|
||||
width: 100%;
|
||||
height: 64px;
|
||||
background-color: #fff;
|
||||
|
|
@ -444,21 +472,26 @@ select {
|
|||
font-size: 18px;
|
||||
|
||||
}
|
||||
.ty_yhd{
|
||||
|
||||
.ty_yhd {
|
||||
font-weight: 600;
|
||||
}
|
||||
.ty_yhtit>p{
|
||||
|
||||
.ty_yhtit>p {
|
||||
margin-right: 40px;
|
||||
color: #191919;
|
||||
}
|
||||
|
||||
/* 优惠卷 */
|
||||
.ty_yhuij{
|
||||
.ty_yhuij {
|
||||
width: 244px;
|
||||
height: 226px;
|
||||
text-align: center;
|
||||
margin-right: 12px;
|
||||
margin-right: 11px;
|
||||
margin-bottom: 11px;
|
||||
}
|
||||
.ty_yhuij>:nth-child(1){
|
||||
|
||||
.ty_yhuij>:nth-child(1) {
|
||||
background-color: rgb(116, 210, 212);
|
||||
width: 100%;
|
||||
height: 142px;
|
||||
|
|
@ -466,12 +499,14 @@ select {
|
|||
padding-top: 26px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ty_yhuij>:nth-child(2){
|
||||
|
||||
.ty_yhuij>:nth-child(2) {
|
||||
width: 244px;
|
||||
height: 83px;
|
||||
background-color: rgb(249, 249, 249);
|
||||
}
|
||||
.ty_gb{
|
||||
|
||||
.ty_gb {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
|
|
@ -484,30 +519,34 @@ select {
|
|||
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 {
|
||||
color: #fff;
|
||||
font-size: 36px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
margin: auto;
|
||||
line-height: 33px;
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.ty_yhmn>span{
|
||||
|
||||
.ty_yhmn>span {
|
||||
font-size: 20px;
|
||||
display: inline-block;
|
||||
top:-9px;
|
||||
top: -9px;
|
||||
left: -19px;
|
||||
position: absolute;
|
||||
}
|
||||
.ty_textyh{
|
||||
|
||||
.ty_textyh {
|
||||
font-size: 13px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 20px;
|
||||
color: #fff;
|
||||
}
|
||||
.ty_yhbtn{
|
||||
|
||||
.ty_yhbtn {
|
||||
width: 121px;
|
||||
height: 35px;
|
||||
border: 1px solid rgb(116, 210, 212);
|
||||
|
|
@ -515,60 +554,72 @@ margin-left: 10px;
|
|||
margin-top: 26px;
|
||||
color: rgb(116, 210, 212);
|
||||
}
|
||||
.gqtp{
|
||||
|
||||
.gqtp {
|
||||
text-align: right;
|
||||
padding-top: 12px;
|
||||
padding-right: 12px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ty_tp>:nth-child(4n){
|
||||
|
||||
.ty_tp>:nth-child(4n) {
|
||||
margin-right: 0px;
|
||||
}
|
||||
.ty_listimg{
|
||||
|
||||
.ty_listimg {
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 订单 */
|
||||
.ty_ddnav{
|
||||
.ty_ddnav {
|
||||
display: flex;
|
||||
|
||||
}
|
||||
.ty_ddys{
|
||||
color: rgb(203,25,25);
|
||||
|
||||
.ty_ddys {
|
||||
color: rgb(203, 25, 25);
|
||||
}
|
||||
.ty_ddnav>p{
|
||||
|
||||
.ty_ddnav>p {
|
||||
margin-right: 32px;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
}
|
||||
.ty_ddxq{
|
||||
|
||||
.ty_ddxq {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background-color: rgb(245, 245, 245);
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
margin-bottom: 18px
|
||||
;
|
||||
margin-bottom: 18px;
|
||||
justify-content: space-between;
|
||||
align-items: center ;
|
||||
align-items: center;
|
||||
padding-left: 16px;
|
||||
padding-right: 40px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ty_ddxq>:nth-child(2){
|
||||
.ty_ddxq p{
|
||||
font-size: 14px;
|
||||
color: rgb(106, 106, 106);
|
||||
}
|
||||
.ty_ddxq>:nth-child(2) {
|
||||
display: flex;
|
||||
}
|
||||
.ty_ddxq>:nth-child(2)>*{
|
||||
|
||||
.ty_ddxq>:nth-child(2)>* {
|
||||
margin-left: 60px;
|
||||
}
|
||||
.ty_ddcon{
|
||||
|
||||
.ty_ddcon {
|
||||
width: 100%;
|
||||
height: 258px;
|
||||
border: 1px solid rgb(233, 233, 233);
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.ty_ddcontit{
|
||||
|
||||
.ty_ddcontit {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
background-color: rgb(245, 245, 245);
|
||||
|
|
@ -579,18 +630,467 @@ margin-left: 10px;
|
|||
padding-left: 13px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.ty_ddcontit>:nth-child(1)>p{
|
||||
|
||||
.ty_ddcontit>:nth-child(1)>p {
|
||||
color: rgb(146, 146, 146);
|
||||
}
|
||||
.ty_ddcontit>:nth-child(2){
|
||||
|
||||
.ty_ddcontit>:nth-child(2) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.ty_ddcontit>:nth-child(2)>p{
|
||||
|
||||
.ty_ddcontit>:nth-child(2)>p {
|
||||
margin-right: 5px;
|
||||
color: rgb(6, 110, 226);
|
||||
}
|
||||
|
||||
.ty_ddxx{
|
||||
.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_ddxx>:nth-child(1)>div>:nth-child(2) {
|
||||
width: 250px;
|
||||
font-size: 13px;
|
||||
padding-top: 12px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.ty_ddxx>:nth-child(1)>div>:nth-child(3) {
|
||||
padding-top: 12px;
|
||||
margin-left: 80px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.ty_ddxx>:nth-child(1)>div>:nth-child(4) {
|
||||
padding-top: 12px;
|
||||
margin-left: 72px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.ty_ddxx {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.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: 112px;
|
||||
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;
|
||||
padding-right: 24px;
|
||||
}
|
||||
|
||||
.ty_ysnr {
|
||||
width: 184px;
|
||||
margin-right: 23px;
|
||||
margin-bottom: 35px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ty_ysnr>p {
|
||||
font-size: 16px;
|
||||
color: #191919;
|
||||
text-align: center;
|
||||
margin-top: 18px;
|
||||
|
||||
}
|
||||
|
||||
.ty_ysmr {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.ty_ysmr>:nth-child(5n) {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.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: 323px;
|
||||
margin-right: 21px;
|
||||
margin-bottom: 21px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ty_wdgz>p {
|
||||
font-size: 16px;
|
||||
color: #191919;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.ty_gzmr>:nth-child(3n) {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.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;
|
||||
padding-right: 24px;
|
||||
}
|
||||
.ty_yishusc{
|
||||
width: 328px;
|
||||
margin-right: 14px;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
.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;
|
||||
padding-right: 22px;
|
||||
|
||||
}
|
||||
.ty_yspcon{
|
||||
width: 184px;
|
||||
margin-right: 24px;
|
||||
margin-bottom: 24px;
|
||||
position: relative;
|
||||
}
|
||||
.ty_yspcon>img{
|
||||
width: 100%;
|
||||
height: 185px;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
.ty_zgzti{
|
||||
font-size: 13px;
|
||||
color: rgb(82,82,82);
|
||||
}
|
||||
.ty_zgcon>:nth-child(1){
|
||||
width: 88px;
|
||||
height: 85px;
|
||||
margin-right: 11px;
|
||||
}
|
||||
.ty_zgcon>:nth-child(3){
|
||||
width: 187px;
|
||||
margin-right: 92px;
|
||||
margin-left: 80px;
|
||||
}
|
||||
.ty_zgcon>:nth-child(4){
|
||||
margin-right: 67px;
|
||||
}
|
||||
.ty_zgcon>:nth-child(5){
|
||||
margin-right: 34px;
|
||||
}
|
||||
.ty_zgcon>:nth-child(6){
|
||||
width: 62px;
|
||||
}
|
||||
.ty_zgcon>:nth-child(6)>button{
|
||||
width: 62px;
|
||||
height: 34px;
|
||||
border-radius: 3px;
|
||||
background-color: #fff;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.ty_zgcon>:nth-child(6)>p{
|
||||
color: #191919;
|
||||
font-size: 13px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
|
@ -2,12 +2,17 @@ body{margin: 0;padding: 0;}
|
|||
.w100{width: 100%;}
|
||||
.w96{width: 96%;}
|
||||
.w90{width: 90%;}
|
||||
.w56{width: 56%;}
|
||||
.w50{width: 50%;}
|
||||
.w48{width: 49%;}
|
||||
.w33{width: 33.33%;}
|
||||
.w25{width: 25%;}
|
||||
.w20{width: 19%;}
|
||||
|
||||
.op9{opacity: .9;}
|
||||
.op8{opacity: .8;}
|
||||
.op7{opacity: .7;}
|
||||
|
||||
.dis{display: flex;}
|
||||
.djb{display: flex;justify-content: space-between;}
|
||||
.dend{display: flex;justify-content: flex-end;}
|
||||
|
|
@ -37,6 +42,8 @@ body{margin: 0;padding: 0;}
|
|||
.m-s27{margin-top: 27px;}
|
||||
.m-s30{margin-top: 30px;}
|
||||
.m-s37{margin-top: 37px;}
|
||||
.m-s46{margin-top: 46px;}
|
||||
.m-s50{margin-top: 50px;}
|
||||
.m-s65{margin-top: 65px;}
|
||||
|
||||
.m-z10{margin-left: 10px;}
|
||||
|
|
@ -88,11 +95,14 @@ body{margin: 0;padding: 0;}
|
|||
|
||||
|
||||
.p-x65{padding-bottom: 65px;}
|
||||
.p-x30{padding-bottom: 30px;}
|
||||
.p-x27{padding-bottom: 27px;}
|
||||
.p-x20{padding-bottom: 20px;}
|
||||
.p-x10{padding-bottom: 10px;}
|
||||
|
||||
.p-zy320{padding-left: 320px;padding-right: 320px;}
|
||||
.p-zy180{padding-left: 180px;padding-right: 180px;}
|
||||
.p-zy40{padding-left: 40px;padding-right: 40px;}
|
||||
.p-zy30{padding-left: 30px;padding-right: 30px;}
|
||||
.p-zy20{padding-left: 20px;padding-right: 20px;}
|
||||
.p-zy15{padding-left: 15px;padding-right: 15px;}
|
||||
|
|
@ -109,6 +119,7 @@ body{margin: 0;padding: 0;}
|
|||
.font-13{font-size: 13px;}
|
||||
.font-14{font-size: 14px;}
|
||||
.font-15{font-size: 15px;}
|
||||
.font-16{font-size: 16px;}
|
||||
.font-18{font-size: 18px;}
|
||||
.font-20{font-size: 20px;}
|
||||
.font-22{font-size: 22px;}
|
||||
|
|
@ -129,6 +140,7 @@ body{margin: 0;padding: 0;}
|
|||
|
||||
|
||||
.tl{text-align: left;}
|
||||
.tr{text-align: right;}
|
||||
.col19{color: #191919;}
|
||||
.col7d{color: #7d7d7d;}
|
||||
.col9{color: #999999;}
|
||||
|
|
@ -140,6 +152,8 @@ body{margin: 0;padding: 0;}
|
|||
.backf5{background: #f5f5f5;}
|
||||
|
||||
|
||||
|
||||
.bd{border: 1px solid #e6e6e6;}
|
||||
.btt{border-top: 1px solid #ebebeb;}
|
||||
.bbt{border-bottom: 1px solid #ebebeb;}
|
||||
.tin2{text-indent: 2em;}
|
||||
|
|
@ -236,6 +250,8 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
/* 首页 */
|
||||
.logo{width: 487px;}
|
||||
.banner-img{width: 100%;height: auto;}
|
||||
.head-box{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;padding: 10px 180px;}
|
||||
.head-nav-box>div:last-child{margin-top: 20px;}
|
||||
.sy-dian{width: 4px;height: 4px;border-radius: 100%;background-color: #181818;margin: 0 10px;}
|
||||
.top-nav{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;}
|
||||
.dao-boxw{box-shadow: 0px 3px 6px rgba(0,0,0,.2);display: flex;justify-content: space-between;align-items: center;}
|
||||
|
|
@ -283,27 +299,33 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
.wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;}
|
||||
.wc-box>div>div>a:hover{color: #cb1919;text-decoration:underline;}
|
||||
/* 资讯 */
|
||||
.zx-nav,.szx-nav{padding: 0;}
|
||||
.zx-nav li,.szx-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;}
|
||||
.zx-nav li a,.szx-nav li a{text-decoration: none;color: #181818;font-size: 18px;}
|
||||
.zx-nav li div,.szx-nav li div{border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;}
|
||||
.zx-nav li .zx-nav-active,.szx-nav li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;}
|
||||
.zx-nav li .zx-nav-title,.szx-nav li .zx-nav-title{color: #CB1919;}
|
||||
.zx-nav,.szx-nav,.px-nav{padding: 0;}
|
||||
.zx-nav li,.szx-nav li,.px-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;}
|
||||
.zx-nav li a,.szx-nav li a,.px-nav li a{text-decoration: none;color: #181818;font-size: 18px;}
|
||||
.zx-nav li div,.szx-nav li div,.px-nav li div{border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;}
|
||||
.zx-nav li .zx-nav-active,.szx-nav li .zx-nav-active,.px-nav li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;}
|
||||
.zx-nav li .zx-nav-title,.szx-nav li .zx-nav-title,.px-nav li .zx-nav-title{color: #CB1919;}
|
||||
#zx-xg>div:first-child{margin-right: 10px;}
|
||||
.zx-xx{color: #cd2628;border: 1px solid #cd2628;padding: 6px 20px;border-radius: 3px;font-size: 16px;}
|
||||
.zx-gg{padding: 6px 20px;border: 1px solid #222222;border-radius: 3px;font-size: 16px;}
|
||||
|
||||
/* 机构 */
|
||||
#jg-list img,#jgm-list img,#jgz-list img,#jgy-list img{transition: transform .5s;}
|
||||
#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover{transform: scale(.94);transition: transform .5s;}
|
||||
#jg-list img,#jgm-list img,#jgz-list img,#jgy-list img,#jgs-list img,#pmd-list img,#pxsp-list img{transition: transform .5s;}
|
||||
#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover,#jgs-list img:hover,#pmd-list img:hover{transform: scale(.94);transition: transform .5s;cursor: pointer;}
|
||||
.jg-guanz{width: 110px;height: 42px;line-height: 42px;text-align: center;}
|
||||
.jg-xian{border: 0.5px solid #dbdbdb;position: absolute;right: -26px;height: 28%;top: 12%;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 拍卖 */
|
||||
#pm-list>div:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);cursor: pointer;}
|
||||
#pm-list>div:hover div:last-child>div:first-child{color: #CB1919;}
|
||||
#pm-list>div:hover div:last-child>div:first-child .quan{border: 2px solid #CB1919;}
|
||||
.quan{width: 6px;height: 6px;border-radius: 100%;border: 2px solid #818181;margin-right: 6px;}
|
||||
/* 培训 */
|
||||
.px-item-img{margin-bottom: -4px;}
|
||||
.px-item-bo{top: 50%;left: 50%;transform: translate(-50%,-50%);}
|
||||
#px-list>div:hover div>div:first-child{color: #CB1919;}
|
||||
#px-list>div:hover div>div:first-child .quan{border: 2px solid #CB1919;}
|
||||
#pxsp-list div>div:first-child:hover {transform: scale(.94);transition: transform .5s;cursor: pointer;}
|
||||
#pxsp-list div:hover>div {color: #CB1919;font-weight: bold;}
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -34,12 +34,10 @@
|
|||
@media screen and (min-width:1221px) and (max-width:1320px) {
|
||||
|
||||
}
|
||||
@media screen and (min-width:1321px) and (max-width:1420px) {
|
||||
@media screen and (min-width:1024px) and (max-width:1620px) {
|
||||
|
||||
}
|
||||
@media screen and (min-width:1421px) and (max-width:1520px) {
|
||||
|
||||
}
|
||||
@media screen and (min-width:1521px) and (max-width:1620px) {
|
||||
|
||||
@media screen and (min-width:1024px) and (max-width:1820px) {
|
||||
.logo{width: 30%;}
|
||||
.head-box{padding: 20px 100px;}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,146 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>拍卖</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">拍卖</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">拍卖</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<!-- 全部列表 -->
|
||||
<section id="pm-main">
|
||||
<div id="pm-list" class="p-sx30"></div>
|
||||
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
|
||||
<div class="container gray">
|
||||
<div class="ispinner gray animating">
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-z10 col7d">下拉加载更多信息</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,162 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>拍卖详情</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">拍卖</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">拍卖</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<img class="p-s30 p-x20" width="100%" src="../../img/public/pm01.png" >
|
||||
<div class="font-24 fb">四岛集珍唐人书画无底价专场</div>
|
||||
<div class="col19 font-16 m-s10 linh30 bbt p-x20">
|
||||
<div class="op8">主办方：华夏艺术网</div>
|
||||
<div class="op8">拍品总数：78 件</div>
|
||||
<div class="op8">拍卖时间：2021年07月21日上午10:00 开始</div>
|
||||
</div>
|
||||
<div class="font-16 col19 m-sx20">专场介绍</div>
|
||||
<div class="font-16 col19 m-x20 linh30 tin2">运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存</div>
|
||||
<div class="backf5" style="padding: 6px;">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20 p-x20">
|
||||
<div class="font-36">全部拍品</div>
|
||||
</div>
|
||||
<!-- 全部列表 -->
|
||||
<section id="pmd-main" class="p-zy20">
|
||||
<div id="pmd-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
|
||||
<div class="container gray">
|
||||
<div class="ispinner gray animating">
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-z10 col7d">下拉加载更多信息</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,173 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>拍卖全部商品详情</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">拍卖</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<div class="djb bbt ps m-s50 p-x30">
|
||||
<!-- Swiper -->
|
||||
<div class="ys-swiper swiper-container m-y20">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
<!-- 左箭头 -->
|
||||
<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
</div>
|
||||
<script>
|
||||
let twoswiper = new Swiper('.ys-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.two-next',
|
||||
prevEl: '.two-prev',
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="" style="width: 86%;padding-right: 10px;background: #f4f4f4;padding: 20px;">
|
||||
<div class="font-24 clips2" style="width:100%;line-height: 36px;margin: 0 10px;">約公元一世紀</br> 大理石雕阿斯克勒庇俄斯殘像</div>
|
||||
<div class="p-sx20 m-sx20 p-zy10 font-15 linh30" style="border-top: 1px solid #dbdbdb;">
|
||||
<div class="font-16 col19 fb">描述：</div>
|
||||
<span style="font-size: 15px;color: #4d4d4d;">该器为紫砂胎，通体施仿均釉，釉色极佳，蓝釉中泛出若隐若现的白点，似蓝色的云层中泛出点点繁星。整器大气磅礴，釉面细腻光滑，底部露该器为紫砂胎，通体施仿均釉，釉色极佳，蓝釉中泛出若隐若现的白点，似蓝色的云层中泛出点点繁星。整器大气磅礴，釉面细腻光滑，底部露该器为紫砂胎，通体施仿均釉，釉色极佳，蓝釉中泛出若隐若现的白点，似蓝色的云层中泛出点点繁星。整器大气磅礴，釉面细腻光滑，底部露</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="backf5" style="padding: 6px;">
|
||||
<div class="backf">
|
||||
<!-- 详情 -->
|
||||
<div class="p-zy20">
|
||||
<div class="bbt p-sx20 col19" style="font-size: 28px;">详情介绍</div>
|
||||
<div class="font-15 linh30 m-sx20 tin2" style="color: #222222;">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
|
||||
<div class="djcacfw">
|
||||
<img width="97%" class="m-x20" src="../../img/public/pm-sd02.png" >
|
||||
<img width="97%" class="m-x20" src="../../img/public/pm-sd03.png" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -96,7 +96,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -121,8 +121,8 @@
|
|||
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">艺术品</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
|
||||
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
|
||||
</ul>
|
||||
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,184 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>艺术品详情</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
|
||||
<div class="p-zy320">
|
||||
<div class="backf5" style="padding: 6px;margin-top: -90px;">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<div class="font-36">山东美术馆</div>
|
||||
<div class="dac">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
|
||||
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">艺术品</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
|
||||
</ul>
|
||||
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 详情 -->
|
||||
<div class="p-zy20 m-sx30">
|
||||
<div class="djb bbt p-x30">
|
||||
<!-- Swiper -->
|
||||
<div class="ys-swiper swiper-container m-y20">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
<!-- 左箭头 -->
|
||||
<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
</div>
|
||||
<script>
|
||||
let twoswiper = new Swiper('.ys-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.two-next',
|
||||
prevEl: '.two-prev',
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div style="width: 86%;padding-right: 10px;">
|
||||
<div class="font-24 fb clips2" style="width:100%;line-height: 42px;">
|
||||
东方泥土 创意陶瓷年雕塑艺术摆件 新婚礼物闺蜜 结婚礼品乐趣 H20-03B 乐趣猪 彩色
|
||||
</div>
|
||||
<div class="p-sx20 bbt btt m-sx20 font-15 linh30">
|
||||
简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1
|
||||
</div>
|
||||
<div class="p-s20"><span style="background-color: #CB1919;color: #FFFFFF;font-size: 20px;padding: 10px 40px;cursor: pointer;">去购买</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-15 linh30 m-sx20">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994</div>
|
||||
<img width="100%" src="../../img/public/jg-dyd-02.png" >
|
||||
<div class="font-15 linh30 m-sx20">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝</div>
|
||||
<img width="100%" src="../../img/public/jg-dyd-03.png" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,161 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>机构书刊杂志</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
|
||||
<div class="p-zy320">
|
||||
<div class="backf5" style="padding: 6px;margin-top: -90px;">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<div class="font-36">山东美术馆</div>
|
||||
<div class="dac">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
|
||||
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">书刊杂志</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
|
||||
</ul>
|
||||
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 全部列表 -->
|
||||
<section id="jgs-main" class="p-zy20">
|
||||
<div id="jgs-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
|
||||
<div class="container gray">
|
||||
<div class="ispinner gray animating">
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-z10 col7d">下拉加载更多信息</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,183 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>书刊详情</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
|
||||
<div class="p-zy320">
|
||||
<div class="backf5" style="padding: 6px;margin-top: -90px;">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<div class="font-36">山东美术馆</div>
|
||||
<div class="dac">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
|
||||
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">书刊杂志</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
|
||||
</ul>
|
||||
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 详情 -->
|
||||
<div class="p-zy20 m-sx30">
|
||||
<div class="djb bbt p-x30">
|
||||
<!-- Swiper -->
|
||||
<div class="ys-swiper swiper-container m-y20" style="background: #e6e6e6;">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide" style="background: #e6e6e6;"><img height="618" class="" src="../../img/public/jg-sk-01.png" ></div>
|
||||
<!-- <div class="swiper-slide" style="background: #e6e6e6;"><img height="618" class="" src="../../img/public/jg-sk-01.png" ></div>
|
||||
<div class="swiper-slide" style="background: #e6e6e6;"><img height="618" class="" src="../../img/public/jg-sk-01.png" ></div> -->
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div> -->
|
||||
</div>
|
||||
<script>
|
||||
let twoswiper = new Swiper('.ys-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:false,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.two-next',
|
||||
prevEl: '.two-prev',
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div style="width: 86%;padding-right: 10px;">
|
||||
<div class="font-24 fb clips2" style="width:100%;line-height: 42px;">新中国美术家系列——曹辉作品集</div>
|
||||
<div class="p-sx20 bbt btt m-sx20 font-15 linh30">
|
||||
简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1
|
||||
</div>
|
||||
<div class="p-s20 dac">
|
||||
<div style="border: 1px solid #CB1919;background-color: #CB1919;color: #FFFFFF;font-size: 20px;cursor: pointer;width: 163px;height: 53px;line-height: 53px;text-align: center;">去购买</div>
|
||||
<div style="border: 1px solid #CB1919;color: #CB1919;font-size: 20px;cursor: pointer;width: 163px;height: 53px;line-height: 53px;text-align: center;margin-left: 10px;">在线预览</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-15 linh30 m-sx20">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994</div>
|
||||
<img width="100%" src="../../img/public/jg-dxd-01.png" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>机构详情</title>
|
||||
<title>机构简介</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -121,8 +121,8 @@
|
|||
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
|
||||
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
|
||||
</ul>
|
||||
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -96,7 +96,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -121,8 +121,8 @@
|
|||
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">展会</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
|
||||
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
|
||||
</ul>
|
||||
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,163 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>机构新闻动态</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
|
||||
<div class="p-zy320">
|
||||
<div class="backf5" style="padding: 6px;margin-top: -90px;">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<div class="font-36">山东美术馆</div>
|
||||
<div class="dac">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
|
||||
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">新闻动态</a><div class="zx-nav-active"></div></li>
|
||||
</ul>
|
||||
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 全部列表 -->
|
||||
<div class="p-zy20">
|
||||
<section id="jgx-main">
|
||||
<div id="jgx-list"></div>
|
||||
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
|
||||
<div class="container gray">
|
||||
<div class="ispinner gray animating">
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-z10 col7d">下拉加载更多信息</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -121,8 +121,8 @@
|
|||
<li class="pr"><a href="javascript:;" class="zx-nav-title">机构成员</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
|
||||
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
|
||||
</ul>
|
||||
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -96,7 +96,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -96,7 +96,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,158 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>培训</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac m-s20">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">培训</div>
|
||||
<div class="dac m-s20" id="px-item">
|
||||
<div class="cq-cp zx-xx">课堂介绍</div>
|
||||
<div class="cq-cp zx-gg" style="margin: 0 10px;">课堂视频</div>
|
||||
<div class="cq-cp zx-gg">在线直播</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="px-nav bbt dac">
|
||||
<li><a href="javascript:;" class="zx-nav-title">国画</a><div class="zx-nav-active"></div></li>
|
||||
<li><a href="javascript:;">油画</a><div></div></li>
|
||||
<li><a href="javascript:;">书法</a><div></div></li>
|
||||
<li><a href="javascript:;">其他</a><div></div></li>
|
||||
</ul>
|
||||
<!-- 全部的课堂介绍列表 -->
|
||||
<div id="px-list" class="p-s10"></div>
|
||||
<!-- 全部的课堂视频列表 -->
|
||||
<div id="pxsp-list" class="p-s10 djbac fw" style="width: 102%;display: none;"></div>
|
||||
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
|
||||
<div class="container gray">
|
||||
<div class="ispinner gray animating">
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-z10 col7d">下拉加载更多信息</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,151 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>培训</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Swiper -->
|
||||
<div class="ont-swiper swiper-container" id="top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<!-- <div class="swiper-button-next"></div> -->
|
||||
<!-- 左箭头 -->
|
||||
<!-- <div class="swiper-button-prev"></div> -->
|
||||
<!-- 指示点 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let swiper = new Swiper('.ont-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||
<img class="logo" src="../../img/logo.png">
|
||||
<div>
|
||||
<div class="guan-box">
|
||||
<span class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div class="cq-cp dac">
|
||||
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac">
|
||||
<div class="w100">
|
||||
<ul class="dao-box dac">
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||
<!-- 点 -->
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pr input-box backf">
|
||||
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">培训</div>
|
||||
<div class="dac m-s20">
|
||||
<div class="cq-cp zx-gg">课堂介绍</div>
|
||||
<div class="cq-cp zx-gg" style="margin: 0 10px;">课堂视频</div>
|
||||
<div class="cq-cp zx-gg">在线直播</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<div class="dis backf5 m-sx30">
|
||||
<div class="pr fs w50">
|
||||
<img width="100%" class="px-item-img" src="../../img/public/px01.png" alt="图片丢失" title="">
|
||||
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
|
||||
</div>
|
||||
<div class="p-zy40 w50 m-s30">
|
||||
<div class="font-20 linh28 dac p-x10 bbt"><span class="quan"></span><div class="clips1">培训课名陈四岛集珍唐人书画培训</div></div>
|
||||
<div class="font-16 col19 clips4 m-s20 m-x10 fb">课程简介</div>
|
||||
<div class="font-15 col19 linh30 clips4 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="backf5" style="padding: 6px;">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20 p-x20">
|
||||
<div class="font-36">详情介绍</div>
|
||||
</div>
|
||||
<div class=" p-zy20">
|
||||
<div class="tin2 p-sx30 linh30">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
|
||||
<img width="100%" src="../../img/public/px-d01.png" >
|
||||
<img width="100%" src="../../img/public/px-d02.png" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,54 +7,65 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>个人中心</title>
|
||||
<link rel="stylesheet" href="../../css/grzx/grzx.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../css/layui.css" />
|
||||
|
||||
<style>
|
||||
.foot-iframe {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="ty_herader">
|
||||
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
|
||||
|
||||
<nav class="ty_w ty_ds">
|
||||
<img src="../../img/logo.png" title="图2" alt="图片已缺失">
|
||||
<ul class="ty_listnav">
|
||||
<li> 123</li>
|
||||
<li><span class="ty_di"></span><a href="">网站首页</a></li>
|
||||
<li><span class="ty_di"></span><a href="">关于我们</a></li>
|
||||
<li><span class="ty_di"></span><a href=""><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
|
||||
<li><span class="ty_di"></span><a href="">积分商城</a></li>
|
||||
<li><span class="ty_di"></span><a href="">联系我们</a></li>
|
||||
<li><span class="ty_di"></span><a href="" class="ty_gr">个人中心</a></li>
|
||||
<li><a href="">【退出】</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="mian ty_co">
|
||||
<body class="ty_co">
|
||||
<iframe src="../../public/center-head.html" width="100%" height="300" frameborder="0" scrolling="no"></iframe>
|
||||
<div class="mian ">
|
||||
<div class="ty_w ty_ds">
|
||||
<ul class="ty_left">
|
||||
<li class="ty_lefttx"><img src="../../img/grzx/tx_04.jpg" title="图4" alt="图片已缺失"><span>243</span></li>
|
||||
<li data-in="1" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_1.jpg" title="图5" alt="图片已缺失"> <img src="../../img/grzx/iocn (1).jpg" title="图5" alt="图片已缺失"> <span>个人资料</span></li>
|
||||
<li data-in="2" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_2.jpg" title="图6" alt="图片已缺失"> <img src="../../img/grzx/iocn (2).jpg" title="图6" alt="图片已缺失"> <span>密码修改</span></li>
|
||||
<li data-in="3" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_3.jpg" title="图7" alt="图片已缺失"> <img src="../../img/grzx/iocn (3).jpg" title="图7" alt="图片已缺失"> <span>我的订单</span></li>
|
||||
<li data-in="4" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_4.jpg" title="图8" alt="图片已缺失"> <img src="../../img/grzx/iocn (4).jpg" title="图8" alt="图片已缺失"> <span>我的关注</span></li>
|
||||
<li data-in="5" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_5.jpg" title="图9" alt="图片已缺失"> <img src="../../img/grzx/iocn (5).jpg" title="图9" alt="图片已缺失"> <span>我的收藏</span></li>
|
||||
<li data-in="6" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_6.jpg" title="图10" alt="图片已缺失"> <img src="../../img/grzx/iocn (6).jpg" title="图10" alt="图片已缺失"> <span>我的积分</span></li>
|
||||
<li data-in="7" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_7.jpg" title="图11" alt="图片已缺失"> <img src="../../img/grzx/iocn (7).jpg" title="图11" alt="图片已缺失"> <span>我的优惠券</span></li>
|
||||
<li data-in="8" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_8.jpg" title="图12" alt="图片已缺失"> <img src="../../img/grzx/iocn (8).jpg" title="图12" alt="图片已缺失"> <span>征稿作品管理</span></li>
|
||||
<li data-in="9" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_9.jpg" title="图12" alt="图片已缺失"> <img src="../../img/grzx/iocn (9).jpg" title="图12" alt="图片已缺失"> <span>收货地址</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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- <div 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>
|
||||
<p class="ty_col">仅支持JPG,GIF,PNG,JPEG,BMP格式</p>
|
||||
<p class="ty_col" style="font-size: 12px;">仅支持JPG,GIF,PNG,JPEG,BMP格式</p>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -99,8 +110,11 @@
|
|||
</div>
|
||||
|
||||
|
||||
</div> -->
|
||||
<!-- <div class="ty_ris ">
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 修改密码 -->
|
||||
<div style="display:none" data-in="2" class="ty_ris ">
|
||||
<p class="ty_tit">个人资料</p>
|
||||
|
||||
<div class="ty_riscon ty_riscon1">
|
||||
|
|
@ -132,9 +146,11 @@
|
|||
</div>
|
||||
|
||||
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<!-- <div class="ty_ris">
|
||||
|
||||
<!-- 收货地址 -->
|
||||
<div style="display:none" data-in="9" class="ty_ris">
|
||||
<div class="ty_shtit">
|
||||
<div>
|
||||
<p>收货地址</p>
|
||||
|
|
@ -159,7 +175,7 @@
|
|||
|
||||
<div class="ty_mr">
|
||||
<p class="ty_dztext">手机号：<span>136****4451</span></p>
|
||||
<div>
|
||||
<div class="ty_mrdiz">
|
||||
|
||||
<p>编辑</p>
|
||||
</div>
|
||||
|
|
@ -167,7 +183,7 @@
|
|||
</div>
|
||||
<div class="ty_dizcon">
|
||||
<div class="ty_dzxx">
|
||||
<div>
|
||||
<div >
|
||||
<p>张珊珊</p>
|
||||
|
||||
</div>
|
||||
|
|
@ -179,7 +195,7 @@
|
|||
|
||||
<div class="ty_mr">
|
||||
<p class="ty_dztext">手机号：<span>136****4451</span></p>
|
||||
<div>
|
||||
<div class="ty_mrdiz">
|
||||
<p>设为默认地址</p>
|
||||
<p>编辑</p>
|
||||
</div>
|
||||
|
|
@ -187,17 +203,52 @@
|
|||
</div>
|
||||
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<!-- <div 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: 32px 26px 0;display: flex; justify-content: space-between;">
|
||||
<div class="ty_con ty_tp" style="padding: 25px 25px 0;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="">
|
||||
</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="">
|
||||
</div>
|
||||
<div>
|
||||
<button class="ty_yhbtn">立即使用</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="ty_yhuij">
|
||||
<div>
|
||||
<div class="ty_gb">
|
||||
<img src="../../img/grzx//yhgb.png" 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="">
|
||||
</div>
|
||||
<div>
|
||||
<button class="ty_yhbtn">立即使用</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="ty_yhuij">
|
||||
<div>
|
||||
<div class="ty_gb">
|
||||
|
|
@ -257,7 +308,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ty_con ty_tp" style="padding: 32px 26px 0;display: none; ">
|
||||
<div class="ty_con ty_tp " style="padding: 25px 25px 0;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>
|
||||
|
|
@ -284,13 +335,65 @@
|
|||
</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 style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
|
||||
</div>
|
||||
<div class="gqtp">
|
||||
<img src="../../img/grzx/gqtp.png" alt="">
|
||||
</div>
|
||||
|
||||
</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 style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
|
||||
</div>
|
||||
<div class="gqtp">
|
||||
<img src="../../img/grzx/gqtp.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="ty_ris">
|
||||
</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="">
|
||||
</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 style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
|
||||
</div>
|
||||
<div class="gqtp">
|
||||
<img src="../../img/grzx/gqtp.png" alt="">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 订单 -->
|
||||
<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_ddtit">
|
||||
|
|
@ -308,11 +411,51 @@
|
|||
<div>
|
||||
<p>收货人</p>
|
||||
<p>金额</p>
|
||||
<div>全部状态<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;">
|
||||
<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="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<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>
|
||||
<div>
|
||||
<img src="../../img/grzx/yt1.png" alt="">
|
||||
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
|
||||
<p>x1</p>
|
||||
<p>¥532.20</p>
|
||||
</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>
|
||||
|
||||
</div>
|
||||
<div class="ty_ddcon">
|
||||
<div class="ty_ddcontit">
|
||||
<div style="display: flex;align-items: center;">
|
||||
|
|
@ -327,22 +470,419 @@
|
|||
|
||||
|
||||
<div class="ty_ddxx">
|
||||
<div>
|
||||
<div class="ty_ddxxnoe">
|
||||
<div>
|
||||
<img src="../../img/grzx/yt.png" alt="">
|
||||
<p></p>
|
||||
<p></p>
|
||||
<p></p>
|
||||
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
|
||||
<p>x1</p>
|
||||
<p>¥532.20</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="../../img/grzx/yt1.png" alt="">
|
||||
<p></p>
|
||||
<p></p>
|
||||
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
|
||||
<p>x1</p>
|
||||
<p>¥532.20</p>
|
||||
</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>
|
||||
|
||||
</div>
|
||||
<div class="ty_ddcon">
|
||||
<div class="ty_ddcontit">
|
||||
<div style="display: flex;align-items: center;">
|
||||
<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>
|
||||
<img src="../../img/grzx/yt.png" alt="">
|
||||
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
|
||||
<p>x1</p>
|
||||
<p>¥532.20</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="../../img/grzx/yt1.png" alt="">
|
||||
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
|
||||
<p>x1</p>
|
||||
<p>¥532.20</p>
|
||||
</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>
|
||||
|
||||
</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" alt="">
|
||||
<p>张龙升</p>
|
||||
<span class="ty_ysqxgz">取消关注</span>
|
||||
</div>
|
||||
<div class="ty_ysnr">
|
||||
<img src="../../img/grzx/y2.png" alt="">
|
||||
<p>张龙升</p>
|
||||
</div>
|
||||
<div class="ty_ysnr">
|
||||
<img src="../../img/grzx/y3.png" alt="">
|
||||
<p>张龙升</p>
|
||||
</div>
|
||||
<div class="ty_ysnr">
|
||||
<img src="../../img/grzx/y4.png" alt="">
|
||||
<p>张龙升</p>
|
||||
</div>
|
||||
<div class="ty_ysnr">
|
||||
<img src="../../img/grzx/y5.png" alt="">
|
||||
<p>张龙升</p>
|
||||
</div>
|
||||
<div class="ty_ysnr">
|
||||
<img src="../../img/grzx/y6.png" alt="">
|
||||
<p>张龙升</p>
|
||||
</div>
|
||||
<div class="ty_ysnr">
|
||||
<img src="../../img/grzx/y7.png" 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>
|
||||
|
||||
</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" alt="">
|
||||
<p>未来城市+ ：建筑设计模型展</p>
|
||||
<p>展览时间：2021.07.09 - 2021.07.19</p>
|
||||
<span class="ty_ysqxgz">取消收藏</span>
|
||||
</div>
|
||||
<div class="ty_yishusc">
|
||||
<img src="../../img/grzx/sc1.png" alt="">
|
||||
<p>未来城市+ ：建筑设计模型展</p>
|
||||
<p>展览时间：2021.07.09 - 2021.07.19</p>
|
||||
</div>
|
||||
<div class="ty_yishusc">
|
||||
<img src="../../img/grzx/sc.png" alt="">
|
||||
<p>未来城市+ ：建筑设计模型展</p>
|
||||
<p>展览时间：2021.07.09 - 2021.07.19</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" alt="">
|
||||
<p>艺术清酒--得寓(酒标作品)</p>
|
||||
<span class="ty_ysqxgz">取消收藏</span>
|
||||
</div>
|
||||
<div class="ty_yspcon">
|
||||
<img src="../../img/grzx/ysp1.png" alt="">
|
||||
<p>艺术清酒--得寓(酒标作品)</p>
|
||||
</div>
|
||||
<div class="ty_yspcon">
|
||||
<img src="../../img/grzx/ysp2.png" alt="">
|
||||
<p>艺术清酒--得寓(酒标作品)</p>
|
||||
</div>
|
||||
<div class="ty_yspcon">
|
||||
<img src="../../img/grzx/ysp3.png" alt="">
|
||||
<p>艺术清酒--得寓(酒标作品)</p>
|
||||
</div>
|
||||
<div class="ty_yspcon">
|
||||
<img src="../../img/grzx/ysp4.png" alt="">
|
||||
<p>艺术清酒--得寓(酒标作品)</p>
|
||||
</div>
|
||||
<div class="ty_yspcon">
|
||||
<img src="../../img/grzx/ysp4.png" alt="">
|
||||
<p>艺术清酒--得寓(酒标作品)</p>
|
||||
</div>
|
||||
<div class="ty_yspcon">
|
||||
<img src="../../img/grzx/ysp4.png" alt="">
|
||||
<p>艺术清酒--得寓(酒标作品)</p>
|
||||
</div>
|
||||
<div class="ty_yspcon">
|
||||
<img src="../../img/grzx/ysp4.png" 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" 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>
|
||||
</div>
|
||||
<div class="ty_zgcon">
|
||||
<img src="../../img/grzx/zgimg.png" 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>
|
||||
</div>
|
||||
<div class="ty_zgcon">
|
||||
<img src="../../img/grzx/zgimg.png" 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>
|
||||
</div>
|
||||
<div class="ty_zgcon">
|
||||
<img src="../../img/grzx/zgimg.png" 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>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
|
@ -351,27 +891,28 @@
|
|||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="ty_xzsh">
|
||||
<!-- 收货地址弹窗 -->
|
||||
<div class="ty_xzsh ty_shclick" style="display: none;">
|
||||
<div class="ty_tcon">
|
||||
<div class="ty_tctiti">
|
||||
<p>新增收货地址</p>
|
||||
<p class="ty_gbtc"><img src="../../img/grzx/sh.jpg" alt=""></p>
|
||||
<p class="ty_gbtc ty_shgb"><img src="../../img/grzx/sh.jpg" 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="">
|
||||
|
|
@ -397,22 +938,123 @@
|
|||
<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" 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="图25" 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 src="../../js/layui.js"></script> -->
|
||||
<script>
|
||||
// 弹窗点击
|
||||
$(".ty_cz").on("click", () => {
|
||||
$(".ty_xzsh").css("display", "flex")
|
||||
$("body").css("overflow", "hidden")
|
||||
$(".ty_shclick").css("display", "flex")
|
||||
|
||||
})
|
||||
$(".ty_gbtc").on("click", () => {
|
||||
$(".ty_xzsh").css("display", "none")
|
||||
$("body").css("overflow", "auto")
|
||||
$(".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) {
|
||||
|
||||
|
|
@ -428,6 +1070,58 @@
|
|||
}
|
||||
|
||||
})
|
||||
// 我的关注
|
||||
$(".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")
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 677 B |
Binary file not shown.
|
After Width: | Height: | Size: 512 B |
Binary file not shown.
|
After Width: | Height: | Size: 396 B |
Binary file not shown.
|
After Width: | Height: | Size: 499 B |
Binary file not shown.
|
After Width: | Height: | Size: 555 B |
Binary file not shown.
|
After Width: | Height: | Size: 619 B |
Binary file not shown.
|
After Width: | Height: | Size: 655 B |
Binary file not shown.
|
After Width: | Height: | Size: 664 B |
Binary file not shown.
|
After Width: | Height: | Size: 611 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 674 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 504 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 397 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 498 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 552 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 613 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 639 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 667 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 607 B |
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 126 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 568 B |
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 258 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 180 B |
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 461 B |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 315 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 398 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 792 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 178 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 186 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 217 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 158 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 198 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 459 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 868 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 383 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 215 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 416 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 285 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 477 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 336 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 425 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 529 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 450 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 408 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 469 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 412 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 543 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 644 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue