chen
/
huaxia
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: chen:94dd9be6b353522b96731800faf9701704c20cb4
Branches Tags
chen:master
...
compare: chen:00629bc7f5882ba384ec646cd6c6267dfebc897b
Branches Tags
chen:master

2 Commits
94dd9be6b3 ... 00629bc7f5

Author SHA1 Message Date
chen 00629bc7f5 冲突 2021-09-23 19:19:10 +08:00
chen 10bb30ffba 底部响应式调整 2021-09-23 19:14:53 +08:00
11 changed files with 404 additions and 83 deletions
Show Stats Expand all files Collapse all files

92
css/foot.min.css vendored
View File

@ -15,24 +15,18 @@ body{padding: 0;margin: 0;}
.foot-box-nav>div{margin-right: 46px;cursor: pointer;} .foot-box-nav>div{margin-right: 46px;cursor: pointer;}
.foot-box-nav>div>a{text-decoration: none;color: #FFFFFF;} .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);} .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{width:19px;height:19px;}
.foot-box-img>img:nth-child(1),.foot-box-img>img:nth-child(2){width:23px;}
.foot-box-img>img:nth-child(3){width:19px;height:19px;}
.foot-box-img>img:nth-child(4){width:17px;height:17px;}
.foot-box-img>img:nth-child(5){width:18px;height:18px;}
.foot-end-box{display: flex;justify-content: space-between;} .foot-end-box{display: flex;}
.foot-end-box>div:first-child{padding: 27px 20px 0 180px;border-right: 1px solid #ededed;} .foot-end-box>div:first-child{padding: 27px 20px 0 180px;border-right: 1px solid #ededed;width: 42%;}
/* .foot-end-box>div:first-child>img{width:362px;height: 88px;} */ .foot-end-box>div:first-child img{width: 71%;}
.foot-end-box>div:first-child>img{width: 80%;} .foot-end-box>div:last-child{background: #faf9f8;width: 100%;padding-top: 27px;}
.foot-end-box>div:last-child{background: #faf9f8;width: 90%;padding-top: 27px;}
.foot-end-right{padding: 0 180px 30px 30px;display: flex;justify-content: space-between;} .foot-end-right{padding: 0 180px 30px 30px;display: flex;justify-content: space-between;}
.foot-end-titlez,.foot-end-title{font-size: 14px;line-height: 26px;font-weight: bold;} .foot-end-titlez,.foot-end-title{font-size: 14px;line-height: 26px;font-weight: bold;}
.foot-end-content{font-size: 13px;color: #616161;} .foot-end-content{font-size: 13px;color: #616161;}
/* .shu-logo{width: 389px;height: 70px;} */ .shu-logo{max-height: 70px; margin-bottom: 14px;}
.shu-logo{width: 100%;} .foot-count{margin: 30px 15px 0 15px;line-height: 30px;}
.foot-count{margin: 30px 15px 0 15px;flex-shrink: 0;line-height: 30px;}
.foot-qrcode{margin-top: 30px;display: flex;justify-content: space-between;} .foot-qrcode{margin-top: 30px;display: flex;justify-content: space-between;}
.foot-qrcode>div{display: flex;flex-direction: column;align-items: center;cursor: pointer;} .foot-qrcode>div{display: flex;flex-direction: column;align-items: center;cursor: pointer;}
.foot-qrcode>div>img{width: 99px;height: 99px;} .foot-qrcode>div>img{width: 99px;height: 99px;}
@ -40,23 +34,61 @@ body{padding: 0;margin: 0;}
.foot-end-bottom{font-size: 13px;color: #616161;border-top: 1px solid #ededed;padding: 30px;} .foot-end-bottom{font-size: 13px;color: #616161;border-top: 1px solid #ededed;padding: 30px;}
.foot-iframe{width: 100%;height: 400px;} .foot-iframe{width: 100%;height: 400px;}
/* 固定底部导航 */
@media (min-width:1220px) and (max-width:1619px){ .fixed_foot{position: fixed;bottom: 0;left: 0;right: 0;z-index: 6px;display: none;background: #CB1919;}
.foot-end-box>div:last-child{width: 100%;} .fixed_foot>a{padding: 15px 0 10px 0;border-left: 1px solid rgba(255,255,255,.2);text-decoration: none;}
/* .foot-end-box>div:first-child>img{width:260px;height: 60px;} .fixed_foot>a:nth-child(1){border-left: 1px solid rgba(255,255,255,0);}
.shu-logo{width: 260px;height: 50px;} @media (max-width:766px){
.foot-box-nav>div{margin-right: 30px;cursor: pointer;} .foot-end-box{margin-bottom: 70px;}
.foot-end-box>div:first-child{padding: 27px 20px 0 120px;} .foot-nav-box{padding: 10px 15px;}
.foot-nav-box{margin-top: 30px;padding: 20px 120px;} .foot-end-right .linh30{line-height: 25px;}
.foot-end-right{padding: 0 120px 30px 30px;} .foot-end-box>div:first-child{padding: 20px 20px 0 15px;}
.foot-end-box>div:last-child{width: 180%;} .foot-count {margin: 10px 15px 0 15px;line-height: 26px;}
.foot-count{margin-top: 30px;margin: 30px 15px 0 15px;width: 33%;} .foot-end-box > div:first-child{display: none;}
.foot-iframe{width: 100%;height: 410px;} */ .foot-end-bottom,.foot-nav-box,.shu-logo{display: none;}
.foot-count {margin: 0px;line-height: 25px;width: 60%;}
.foot-end-titlez, .foot-end-title{font-size: 17px;font-weight: bold;color: #CB1919;margin-bottom: 0px;}
.foot-end-content {font-size: 14px;}
/* .foot-count .foot-end-content:nth-child(3) {float: left;margin-right: 64px;} */
.foot-qrcode {margin-top: -230px;display: flex;flex-direction: column;float: right;}
.foot-qrcode>div>div{font-size: 12px;}
.foot-end-title{margin-top: 10px;}
.fixed_foot{display: flex;}
.foot-end-right {padding: 0 20px 15px 20px;display: block;}
.foot-end-right>div:first-child{width: 74%;}
} }
@media (min-width:1620px) and (max-width:1900px){ @media (min-width:767px) and (max-width:991px){
.foot-end-box>div:last-child{width: 100%;} .foot-end-box{margin-bottom: 70px;}
/* .foot-box-nav>div{margin-right: 30px;cursor: pointer;} .fixed_foot{display: flex;}
.foot-nav-box{padding: 10px 20px;}
.foot-end-box>div:first-child{padding: 20px 20px 0 20px;}
.shu-logo{max-height: 26px;}
.foot-count {margin: 10px 15px 0 15px;line-height: 26px;}
.foot-end-bottom,.foot-end-box > div:first-child{display: none;}
.foot-nav-box,.shu-logo{display: none;}
.foot-end-right{display: block;padding: 0 15px 15px 15px;}
.foot-count {margin: 0px 0px 0 0px;line-height: 32px;}
.foot-end-titlez, .foot-end-title{font-size: 22px;font-weight: bold;color: #CB1919;margin-bottom: 10px;}
.foot-end-content {font-size: 20px;}
.foot-count .foot-end-content:nth-child(3) {float: left;margin-right: 40px;}
.foot-qrcode {margin-top: -245px;display: flex;flex-direction: column;float: right;}
.foot-qrcode>div>div{font-size: 16px;}
.foot-end-title{margin-top: 30px;}
}
@media (min-width:992px) and (max-width:1199px){
.foot-nav-box{padding: 20px 60px;}
.foot-end-box>div:first-child{padding: 20px 20px 0 60px;}
.foot-end-right {padding: 0 60px 30px 30px;}
.shu-logo{max-height: 36px;}
.foot-count {margin: 10px 15px 0 15px;line-height: 26px;}
.foot-qrcode > div{transform: scale(.9);}
.foot-count {margin: 10px 15px 0 15px;line-height: 26px;}
}
@media (min-width:1200px) and (max-width:1440px){
.foot-nav-box{padding: 20px 120px;}
.foot-end-box>div:first-child{padding: 27px 20px 0 120px;} .foot-end-box>div:first-child{padding: 27px 20px 0 120px;}
.foot-nav-box{margin-top: 30px;padding: 20px 120px;} .foot-end-right {padding: 0 120px 30px 30px;}
.foot-end-right{padding: 0 120px 30px 30px;} */ .shu-logo{max-height: 46px;}
.foot-count {margin: 20px 15px 0 15px;line-height: 26px;}
} }

59
css/huaxia.css
View File

@ -5616,6 +5616,65 @@ select {
display: inline-block; display: inline-block;
} }
.exhibition .swiper-slide .item-box{width: 293px;}
.exhibition .swiper-slide img{object-fit: cover;}
/* .xx-img{ width:242px; height:151px;} */
.xx-content{line-height: 28px;}
.xx-img{ max-width:252px;}
.ysc .ya-item-box>div:first-child{transition: transform .5s;cursor: pointer;}
.ysc .ya-item-box>div:first-child:hover{transform: scale(.9);transition: transform .5s;}
.ya-item-box .pr{padding-right: 1.25em;}
.ys-price{font-size: 18px;color: #cb1919;background: rgba(0,0,0,.2);border-radius: 3px;left: 14px;bottom: 14px;padding: 6px 10px;}
.ys-title{font-size: 20px;font-weight: bold;padding-right: 20px;}
.ys-cate{font-size: 14px;color: #a6a6a4;padding-right: 20px;}
.ysj-name{line-height: 26px;}
.ysj .ya-item-box{margin-right: 1.36em;width:94%;padding-bottom:10px;}
.ysj .ya-item-box img{transition: transform .5s;cursor: pointer;}
.ysj .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;}
.ysj .ya-item-box:last-child{margin-right: 0px;}
.ysj .pr{padding-right: 0px;}
#homeArtist{width: 101.2%;}
.wc-box{width: 101%;}
.wc-box>div>img{width: 96%;transition: transform .5s;}
.wc-box .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;}
.wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;}
.wc-box>div>div>a:hover{color: #cb1919;text-decoration:underline;}
.checksyzp{background: #cb1919;color: rgba(255,255,255,.8);padding: 6px 10px;}
.ysj-itemcheck{border: 1px solid #cecccc;padding: 6px 10px;color: rgba(25,25,25,.7);}
.ysj-itemcon{color: rgba(25,25,25,.7);}
.gongn{display: none;width: 50px;height: 50px;position: absolute;right: 50px;cursor: pointer;}
.xinxy-box{background: #f6f5f3;padding-bottom: 65px;}
.xinxy-box .dac{width: 101.4%;overflow: hidden;}
.xinxy-box .msg .w48{width: 49%;}
.syysj-box{background: #100e0d;padding-bottom: 65px;}
.syys-name{font-size: 30px;font-weight: bold;color: #cb1919;}
.sypx-box{background: url(../img/public/px-bac.png); background-size: 100% 100%;padding-bottom: 65px;}
.sypx-box img{height: 470px;float: left;}
.sypx-box .ys-title{height: 70px;line-height: 70px;}
.hz-jies{font-size: 14px;color: rgba(25,25,25,.5);margin-left: 10px;}
.hzly-box{padding: 30px;z-index: 1;}
.hz-input-box input{margin-right: 10px;border-radius: 3px;border:1px solid #e9e9e9;height: 48px;}
.hz-input-box textarea{border: 1px solid #e9e9e9;resize: none;border-radius: 3px;margin-right: 10px;height: 48px;line-height: 48px;outline: none;}
.hz-input-box div{color: #FFFFFF;background: #cb1919;padding: 0px 82px;border-radius: 3px;height: 48px;line-height: 48px;border: 1px solid #CB1919;}
.hz-imgItem img{cursor: pointer;width: 90%;}
.yssc-img{height: 500px;vertical-align: bottom;}
.yssc-item{height: 500px;vertical-align: bottom;max-width: 364px;}
/* 资讯 */
#zx-list>div div:hover{cursor: pointer;}
#zx-list>div:hover .zx-title{color: #CB1919;}
#zx-list>div:hover .zx-dian{color: #CB1919;}
.zx-nav,.szx-nav,.px-nav{padding: 0;}
.zx-nav li span {cursor: pointer;}
.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;}
.tyjgzx_riscon>form { .tyjgzx_riscon>form {
display: inline-block; display: inline-block;
} }

112
css/huaxiaMedia.css
View File

@ -1,14 +1,3 @@
@media screen and (max-width:300px) {}
@media screen and (min-width:301px) and (max-width:350px) {}
@media screen and (min-width:351px) and (max-width:420px) {}
@media screen and (min-width:421px) and (max-width:490px) {}
@media screen and (min-width:491px) and (max-width:620px) {}
@media screen and (min-width:621px) and (max-width:720px) {}
@media screen and (min-width:721px) and (max-width:820px) { @media screen and (min-width:721px) and (max-width:820px) {
@ -104,15 +93,15 @@
} }
@media screen and (max-width:750px) { @media screen and (max-width:750px) {
.logo{width: 60%;} .logo{width: 50%;}
.head-box {top: 0px;} .head-box {top: 0px;}
.gongn{display: inline;right: 20px;width: 40px;height: 40px;} .gongn{display: inline;right: 20px;width: 40px;height: 40px;}
.dmedia{display: none;} .dmedia{display: none;}
.head-box{padding: 10px 20px;} .head-box{padding: 10px 20px;}
.p-zy180{padding: 10px 20px 0 20px;} .p-zy180{padding: 10px 20px 0 20px;}
.cq-item-title-box {padding: 10px 0;} .cq-item-title-box {padding: 10px 0 20px 0;}
.font-32 {font-size: 16px;} .font-32 {font-size: 26px;}
.font-22 {font-size: 12px;} .font-22 {font-size: 14px;}
.cq-gengd {font-size: 12px;color: #191919;} .cq-gengd {font-size: 12px;color: #191919;}
.cq-item-title-box>div>div{background: -webkit-linear-gradient(left,red,rgba(255,255,255,0));height: 6px;bottom: 0;left: 0; width: 70px;opacity: .8;z-index: 0;} .cq-item-title-box>div>div{background: -webkit-linear-gradient(left,red,rgba(255,255,255,0));height: 6px;bottom: 0;left: 0; width: 70px;opacity: .8;z-index: 0;}
.exhibition .item-box {height: 270px;} .exhibition .item-box {height: 270px;}
@ -122,7 +111,7 @@
.swiper-pagination-bullet,.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{width: 6px;height: 6px;} .swiper-pagination-bullet,.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{width: 6px;height: 6px;}
.swiper-button-next, .swiper-button-prev {background: rgba(0,0,0,.6);width: 20px;height: 20px;top: 42%;} .swiper-button-next, .swiper-button-prev {background: rgba(0,0,0,.6);width: 20px;height: 20px;top: 42%;}
.swiper-button-next::after, .swiper-button-prev::after {font-size: 12px;} .swiper-button-next::after, .swiper-button-prev::after {font-size: 12px;}
.m-sx16 {margin-top: 10px;margin-bottom: 10px;} .m-sx16 {margin-top: 6px;margin-bottom: 6px;}
.m-x16 {margin-bottom: 2px;} .m-x16 {margin-bottom: 2px;}
.m-x65 {margin-bottom: 20px;} .m-x65 {margin-bottom: 20px;}
.p-sx20{padding-top: 0px;padding-bottom: 10px;} .p-sx20{padding-top: 0px;padding-bottom: 10px;}
@ -136,11 +125,9 @@
.djb{display: inline;} .djb{display: inline;}
.djb .w50{width: 100%;margin-bottom: 10px;} .djb .w50{width: 100%;margin-bottom: 10px;}
.djb .w50 .m-zy30{margin-left: 0px;margin-right: 0px;margin-bottom: 10px;} .djb .w50 .m-zy30{margin-left: 0px;margin-right: 0px;margin-bottom: 10px;}
.ys-title {font-size: 16px;}
.ya-item-box .pr{padding-right: 0;} .ya-item-box .pr{padding-right: 0;}
.m-s37 {margin-top: 10px;} .m-s37 {margin-top: 20px;}
.syysj-box,.xinxy-box{padding-bottom: 20px;} .syysj-box,.xinxy-box{padding-bottom: 20px;}
.xinxy-box .dac{display: inline;}
.syysj-box .dac{display: inherit;} .syysj-box .dac{display: inherit;}
.syysj-box .dac .m-zy30{margin-left: 10px;margin-right: 10px;height: 200px;} .syysj-box .dac .m-zy30{margin-left: 10px;margin-right: 10px;height: 200px;}
.syysj-box .dac .m-zy30 .m-s30{margin-top: 20px;} .syysj-box .dac .m-zy30 .m-s30{margin-top: 20px;}
@ -150,73 +137,138 @@
.wc-box > div > img {width: 100%;} .wc-box > div > img {width: 100%;}
.sypx-box {padding-bottom: 20px;} .sypx-box {padding-bottom: 20px;}
.sypx-box .djb .backf {padding-bottom: 10px;} .sypx-box .djb .backf {padding-bottom: 10px;}
.sypx-box .djb .backf div{margin-top: 10px;} .sypx-box .djb .backf div{margin-top: 10px;margin-right: 10px;}
.hz-jies{position: absolute;top: 25px;left: 0;margin-left: 0px;} .hz-jies{position: absolute;top: 45px;left: 0;margin-left: 0px;}
.hz-imgItem{margin-top: 20px;} .hz-imgItem{margin-top: 20px;}
.hz-input-box{display: inherit;} .hz-input-box{display: inherit;}
.hzly-box{padding: 20px;} .hzly-box{padding: 20px;}
.hz-input-box .p-zy10{width: 94%;margin-top: 10px;} .hz-input-box .p-zy10{width: 98%;margin-top: 10px;}
.hz-input-box .p-zy10:first-child{margin-top: 30px;} .hz-input-box .p-zy10:first-child{margin-top: 30px;}
.hz-input-box div{margin-top: 10px;text-align: center;} .hz-input-box div{margin-top: 10px;text-align: center;}
#gotoTop {width: 40px;height: 40px;right: 20px;bottom: 120px;} #gotoTop {width: 40px;height: 40px;right: 20px;bottom: 120px;}
.hz-input-box{display: flex;justify-content: center;flex-direction: column;}
.hz-input-box .p-zy10{width: 96%;}
.hz-input-box input{margin-right: 0;}
.hz-input-box textarea{display: flex;width: 96%;border: 1px solid #e9e9e9;resize: none;border-radius: 3px;margin: 10px 0;height: 90px;padding: 10px;}
#submitLY{margin: 10px 0 0px 0;width: 40%;padding: 0;}
.hz-imgItem{flex-wrap: wrap;margin-top: 52px;}
.hz-imgItem div{width: 25%;margin-bottom: 20px;}
.hz-imgItem div img{width: 80%;}
.sypx-box .djb .backf{padding-bottom: 0px;}
.djb .w50:last-child{display: flex;justify-content: space-between;}
.djb .w50 .m-zy30{margin-bottom: 0px;}
.wc-box{width: 100%;}
.sypx-box .ys-title{height: 50px;line-height: 50px;}
.ys-title{font-size: 15px;padding-right: 0;}
.sypx-box img{max-height: 230px;object-fit: cover;}
.wc-box .w25,.djb .w50>div{width: 48%;}
.sypx-box .djb .w50 .ys-title{width: 90%;}
.wc-box{justify-content: space-between;}
#homeArtist{width: 102%;}
#homeArtist{display: flex; justify-content: space-between;flex-wrap: nowrap;}
#homeArtist .w20{width: 32%;}
#homeArtist .m-s10{margin-top: 10px; text-align: center;display: inherit;}
#homeArtist .ysj-itemcheck,#homeArtist .ysj-itemcon{display: none;}
.ysc {justify-content: space-between;}
.ysc .w25{width: 48%;}
.xinxy-box .dac{width: 100%;}
.yssc-img,.yssc-item {height: 240px;}
.yssc-cont>div{width: 100%!important;}
.xinxy-box .msg .w48{width: 100%;}
.xx-img{width: 100%;max-width: 100%;max-height: 200px;object-fit: cover;}
.exhibition .swiper-slide .item-box{width: 200px;}
.exhibition .tl div{display: none;}
.exhibition .tl div:nth-child(1){display: inherit;}
.exhibition .tl div:nth-child(2){display: -webkit-box;}
} }
@media screen and (min-width:751px) and (max-width:850px) { @media screen and (min-width:751px) and (max-width:850px) {
.logo{width: 26%;} .logo{width: 26%;}
.gongn{display: inline;} .gongn{display: inline;}
.dmedia{display: none;} .dmedia{display: none;}
.p-zy180,.head-box{padding: 10px 60px;} .p-zy180,.head-box{padding: 10px 20px;}
.hz-input-box div{padding: 0px 50px;}
.hz-jies{position: absolute;top: 40px;left: 0;margin-left: 0px;}
.hz-input-box .p-zy10{margin-top: 20px;}
.hz-input-box div{margin-top: 20px;}
.hz-imgItem{flex-wrap: wrap;margin-top: 52px;}
.hz-imgItem div{width: 25%;margin-bottom: 20px;}
.hz-imgItem div img{width: 80%;}
.sypx-box img{height: 200px;object-fit: cover;}
.sypx-box .ys-title{height: 40px;line-height: 40px;}
.ys-title{font-size: 15px;}
.m-zy30 {margin-left: 15px;margin-right: 15px;}
} }
@media screen and (min-width:851px) and (max-width:1000px) { @media screen and (min-width:851px) and (max-width:1000px) {
.logo{width: 26%;} .logo{width: 26%;}
.gongn{display: inline;} .gongn{display: inline;}
.dmedia{display: none;} .dmedia{display: none;}
.input-box{display: none;} .input-box{display: none;}
.head-box{padding: 10px 60px 5px 60px;} .head-box{padding: 10px 20px 5px 20px;}
.p-zy180 {padding: 10px 60px;} .p-zy180 {padding: 10px 20px;}
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;} .dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
.dao-box>li:last-child{padding-right: 0;} .dao-box>li:last-child{padding-right: 0;}
.dao-box>li>div{padding: 6px 0;} .dao-box>li>div{padding: 6px 0;}
.head-nav-box > div:last-child {margin-top: 0px;} .head-nav-box > div:last-child {margin-top: 0px;}
.redD {right: 6px;} .redD {right: 6px;}
.hz-input-box div{padding: 0px 50px;}
.hz-jies{position: absolute;top: 40px;left: 0;margin-left: 0px;}
.hz-input-box .p-zy10{margin-top: 20px;}
.hz-input-box div{margin-top: 20px;}
.hz-imgItem{flex-wrap: wrap;margin-top: 52px;}
.hz-imgItem div{width: 25%;margin-bottom: 20px;}
.hz-imgItem div img{width: 80%;}
.sypx-box img{height: 200px;object-fit: cover;}
.sypx-box .ys-title{height: 50px;line-height: 50px;}
.ys-title{font-size: 15px;}
} }
@media screen and (min-width:1001px) and (max-width:1120px) { @media screen and (min-width:1001px) and (max-width:1120px) {
.logo{width: 26%;} .logo{width: 26%;}
.input-box{display: none;} .input-box{display: none;}
.p-zy180,.head-box{padding: 10px 100px;} .p-zy180,.head-box{padding: 10px 60px;}
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;} .dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
.dao-box>li:last-child{padding-right: 0;} .dao-box>li:last-child{padding-right: 0;}
.dao-box>li>div{padding: 6px 0;} .dao-box>li>div{padding: 6px 0;}
.head-nav-box > div:last-child {margin-top: 0px;} .head-nav-box > div:last-child {margin-top: 0px;}
.redD {right: 6px;} .redD {right: 6px;}
.hz-imgItem{flex-wrap: wrap;margin-top: 52px;}
.hz-imgItem div{width: 25%;margin-bottom: 20px;}
.hz-imgItem div img{width: 80%;}
.sypx-box img{height: 240px;object-fit: cover;}
} }
@media screen and (min-width:1121px) and (max-width:1260px) { @media screen and (min-width:1121px) and (max-width:1260px) {
.logo{width: 26%;} .logo{width: 26%;}
.input-box{display: none;} .input-box{display: none;}
.p-zy180,.head-box{padding: 10px 100px;} .p-zy180,.head-box{padding: 10px 60px;}
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;} .dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
.dao-box>li:last-child{padding-right: 0;} .dao-box>li:last-child{padding-right: 0;}
.dao-box>li>div{padding: 6px 0;} .dao-box>li>div{padding: 6px 0;}
.head-nav-box > div:last-child {margin-top: 10px;} .head-nav-box > div:last-child {margin-top: 10px;}
.redD {right: 6px;} .redD {right: 6px;}
.sypx-box img{height: 240px;object-fit: cover;}
} }
@media screen and (min-width:1261px) and (max-width:1350px) { @media screen and (min-width:1261px) and (max-width:1350px) {
.logo{width: 26%;} .logo{width: 26%;}
.p-zy180,.head-box{padding: 10px 100px;} .p-zy180,.head-box{padding: 10px 60px;}
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;} .dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
.dao-box>li>div{padding: 6px 0;} .dao-box>li>div{padding: 6px 0;}
.head-nav-box > div:last-child {margin-top: 10px;} .head-nav-box > div:last-child {margin-top: 10px;}
.redD {right: 6px;} .redD {right: 6px;}
.sypx-box img{height: 240px;object-fit: cover;}
}
@media (min-width:1200px) and (max-width:1440px){
.p-zy180,.head-box{padding: 20px 120px!important;}
} }
@media screen and (min-width:1351px) and (max-width:1620px) { @media screen and (min-width:1351px) and (max-width:1620px) {
.logo{width: 26%;} .logo{width: 26%;}
.p-zy180,.head-box{padding: 20px 100px;} .p-zy180,.head-box{padding: 20px 180px;}
.dao-box>li{padding: 5px 20px;flex-shrink: 0;text-align: center;font-size: 16px;} .dao-box>li{padding: 5px 20px;flex-shrink: 0;text-align: center;font-size: 16px;}
.dao-box>li>div{padding: 6px 0;} .dao-box>li>div{padding: 6px 0;}
.redD {right: 8px;} .redD {right: 8px;}
.sypx-box img{height: 340px;object-fit: cover;}
} }
@media screen and (min-width:1621px) and (max-width:1820px) { @media screen and (min-width:1621px) and (max-width:1820px) {
.logo{width: 30%;} .logo{width: 30%;}
.p-zy180,.head-box{padding: 20px 100px;} .p-zy180,.head-box{padding: 20px 180px;}
} }

16
htmls/artNetwork/realTimeInfo.html
View File

@ -124,10 +124,10 @@
</ul> </ul>
<!-- 全部列表 --> <!-- 全部列表 -->
<section id="zx-list"> <section id="zx-list">
<div class="bbt djbac psx p-sx30"> <div class="bbt dac psx p-sx30">
<div class="fs m-y30"> <div class="fs m-y30">
<a href="realTimeInfoDetail.html"> <a href="realTimeInfoDetail.html">
<img style="width: 100%;" src="../../img/public/zx-01.png" alt="图片丢失" title=""> <img style="width: 100%;max-height: 225px;" src="../../img/public/zx-01.png" alt="图片丢失" title="">
</a> </a>
</div> </div>
<div> <div>
@ -137,10 +137,10 @@
<div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div> <div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div>
</div> </div>
</div> </div>
<div class="bbt djbac psx p-sx30"> <div class="bbt dac psx p-sx30">
<div class="fs m-y30"> <div class="fs m-y30">
<a href="realTimeInfoDetail.html"> <a href="realTimeInfoDetail.html">
<img style="width: 100%;" src="../../img/public/zx-02.png" alt="图片丢失" title=""> <img style="width: 100%;max-height: 225px;" src="../../img/public/zx-02.png" alt="图片丢失" title="">
</a> </a>
</div> </div>
<div> <div>
@ -150,10 +150,10 @@
<div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div> <div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div>
</div> </div>
</div> </div>
<div class="bbt djbac psx p-sx30"> <div class="bbt dac psx p-sx30">
<div class="fs m-y30"> <div class="fs m-y30">
<a href="realTimeInfoDetail.html"> <a href="realTimeInfoDetail.html">
<img style="width: 100%;" src="../../img/public/zx-03.png" alt="图片丢失" title=""> <img style="width: 100%;max-height: 225px;" src="../../img/public/zx-03.png" alt="图片丢失" title="">
</a> </a>
</div> </div>
<div> <div>
@ -163,10 +163,10 @@
<div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div> <div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div>
</div> </div>
</div> </div>
<div class="bbt djbac psx p-sx30"> <div class="bbt dac psx p-sx30">
<div class="fs m-y30"> <div class="fs m-y30">
<a href="realTimeInfoDetail.html"> <a href="realTimeInfoDetail.html">
<img style="width: 100%;" src="../../img/public/zx-04.png" alt="图片丢失" title=""> <img style="width: 100%;max-height: 225px;" src="../../img/public/zx-04.png" alt="图片丢失" title="">
</a> </a>
</div> </div>
<div> <div>

60
htmls/artNetwork/train.html
View File

@ -67,7 +67,7 @@
<span class="redD pa dn"></span> <span class="redD pa dn"></span>
</li> </li>
<li class="pr"> <li class="pr">
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div> <div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span> <span class="redD pa dn"></span>
</li> </li>
<li class="pr"> <li class="pr">
@ -122,7 +122,63 @@
<li><a href="javascript:;">其他</a><div></div></li> <li><a href="javascript:;">其他</a><div></div></li>
</ul> </ul>
<!-- 全部的课堂介绍列表 --> <!-- 全部的课堂介绍列表 -->
<div id="px-list" class="p-s10"></div> <div id="px-list" class="p-s10">
<div class="djbac backf5">
<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">
<div class="font-20 linh28 fb dac p-x10 bbt"><span class="quan"></span><div class="clips1">艺术清酒--得寓(酒标作品)Delight Sake</div></div>
<div class="font-15 col19 linh30 clips4 op8 m-s16">本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
<div class="font-12 colcb m-s30"><span class="cq-cp">查看详情+</span></div>
</div>
</div>
<div class="djbac backf5">
<div class="p-zy40 w50">
<div class="font-20 linh28 fb dac p-x10 bbt"><span class="quan"></span><div class="clips1">艺术清酒--得寓(酒标作品)Delight Sake</div></div>
<div class="font-15 col19 linh30 clips4 op8 m-s16">本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
<div class="font-12 colcb m-s30"><span class="cq-cp">查看详情+</span></div>
</div>
<div class="pr fs w50">
<img width="100%" class="px-item-img" src="../../img/public/px02.png" alt="图片丢失" title="">
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
</div>
</div>
<div class="djbac backf5">
<div class="pr fs w50">
<img width="100%" class="px-item-img" src="../../img/public/px03.png" alt="图片丢失" title="">
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
</div>
<div class="p-zy40 w50">
<div class="font-20 linh28 fb dac p-x10 bbt"><span class="quan"></span><div class="clips1">艺术清酒--得寓(酒标作品)Delight Sake</div></div>
<div class="font-15 col19 linh30 clips4 op8 m-s16">本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
<div class="font-12 colcb m-s30"><span class="cq-cp">查看详情+</span></div>
</div>
</div>
<div class="djbac backf5">
<div class="p-zy40 w50">
<div class="font-20 linh28 fb dac p-x10 bbt"><span class="quan"></span><div class="clips1">艺术清酒--得寓(酒标作品)Delight Sake</div></div>
<div class="font-15 col19 linh30 clips4 op8 m-s16">本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
<div class="font-12 colcb m-s30"><span class="cq-cp">查看详情+</span></div>
</div>
<div class="pr fs w50">
<img width="100%" class="px-item-img" src="../../img/public/px04.png" alt="图片丢失" title="">
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
</div>
</div>
<div class="djbac backf5">
<div class="pr fs w50">
<img width="100%" class="px-item-img" src="../../img/public/px05.png" alt="图片丢失" title="">
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
</div>
<div class="p-zy40 w50">
<div class="font-20 linh28 fb dac p-x10 bbt"><span class="quan"></span><div class="clips1">艺术清酒--得寓(酒标作品)Delight Sake</div></div>
<div class="font-15 col19 linh30 clips4 op8 m-s16">本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
<div class="font-12 colcb m-s30"><span class="cq-cp">查看详情+</span></div>
</div>
</div>
</div>
<!-- 全部的课堂视频列表 --> <!-- 全部的课堂视频列表 -->
<div id="pxsp-list" class="p-s10 djbac fw" style="width: 102%;display: none;"></div> <div id="pxsp-list" class="p-s10 djbac fw" style="width: 102%;display: none;"></div>
<!-- 直播 --> <!-- 直播 -->

BIN
img/cart.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 942 B

BIN
img/home.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 866 B

BIN
img/personal.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1011 B

BIN
img/shop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 903 B

145
index.html
View File

@ -6,8 +6,8 @@
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <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/swiper-bundle.min.css" />
<link rel="stylesheet" type="text/css" href="css/huaxia.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/huaxiaMedia.css"/> <link rel="stylesheet" type="text/css" href="css/huaxiaMedia.css"/>
<link rel="stylesheet" type="text/css" href="css/foot.min.css"/>
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script> <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/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/huaxia.js" type="text/javascript" charset="utf-8"></script> <script src="js/huaxia.js" type="text/javascript" charset="utf-8"></script>
@ -257,7 +257,7 @@
</div> </div>
<div class="djbacfw msg"> <div class="djbacfw msg">
<div class="dac backf p-sx20 w48 m-x32"> <div class="dac backf p-sx20 w48 m-x32">
<img src="img/public/xin-one.png" class="xx-img" style="max-width:252px" alt="图片丢失" title=""> <img src="img/public/xin-one.png" class="xx-img" alt="图片丢失" title="">
<div class="m-zy15"> <div class="m-zy15">
<div class="clips1 font-18 col19">助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...</div> <div class="clips1 font-18 col19">助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...</div>
<div class="font-12 col9 m-sx10">2021.06.30</div> <div class="font-12 col9 m-sx10">2021.06.30</div>
@ -265,7 +265,7 @@
</div> </div>
</div> </div>
<div class="dac backf p-sx20 w48 m-x32"> <div class="dac backf p-sx20 w48 m-x32">
<img src="img/public/xin-two.png" class="xx-img" style="max-width:252px" alt="图片丢失" title=""> <img src="img/public/xin-two.png" class="xx-img" alt="图片丢失" title="">
<div class="m-zy15"> <div class="m-zy15">
<div class="clips1 font-18 col19">助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...</div> <div class="clips1 font-18 col19">助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...</div>
<div class="font-12 col9 m-sx10">2021.06.30</div> <div class="font-12 col9 m-sx10">2021.06.30</div>
@ -273,7 +273,7 @@
</div> </div>
</div> </div>
<div class="dac backf p-sx20 w48 m-x32"> <div class="dac backf p-sx20 w48 m-x32">
<img src="img/public/xin-three.png" class="xx-img" style="max-width:252px" alt="图片丢失" title=""> <img src="img/public/xin-three.png" class="xx-img" alt="图片丢失" title="">
<div class="m-zy15"> <div class="m-zy15">
<div class="clips1 font-18 col19">助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...</div> <div class="clips1 font-18 col19">助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...</div>
<div class="font-12 col9 m-sx10">2021.06.30</div> <div class="font-12 col9 m-sx10">2021.06.30</div>
@ -281,7 +281,7 @@
</div> </div>
</div> </div>
<div class="dac backf p-sx20 w48 m-x32"> <div class="dac backf p-sx20 w48 m-x32">
<img src="img/public/xin-four.png" class="xx-img" style="max-width:252px" alt="图片丢失" title=""> <img src="img/public/xin-four.png" class="xx-img" alt="图片丢失" title="">
<div class="m-zy15"> <div class="m-zy15">
<div class="clips1 font-18 col19">助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...</div> <div class="clips1 font-18 col19">助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...</div>
<div class="font-12 col9 m-sx10">2021.06.30</div> <div class="font-12 col9 m-sx10">2021.06.30</div>
@ -295,10 +295,10 @@
<div class="cq-gengd cq-cp sy-more">View More +</div> <div class="cq-gengd cq-cp sy-more">View More +</div>
</div> </div>
<div class="djb"> <div class="djb">
<div class="w50"> <div class="w50 yssc-cont">
<div class="pr backf"> <div class="pr backf">
<img src="img/public/yi-one.png" class="yssc-img" width="100%"> <img src="img/public/yi-one.png" class="yssc-img" width="100%">
<div class="pa ys-price">￥2256.0</div> <div class="pa ys-price">￥22560.0</div>
</div> </div>
<div class="clips1 m-sx16 ys-title">艺术清酒--得寓(酒标作品)Delight Sake</div> <div class="clips1 m-sx16 ys-title">艺术清酒--得寓(酒标作品)Delight Sake</div>
<div class="ys-cate">分类：酒品包装</div> <div class="ys-cate">分类：酒品包装</div>
@ -407,7 +407,47 @@
</div> </div>
</div> </div>
<!-- 艺术家item列表 --> <!-- 艺术家item列表 -->
<div id="homeArtist" class="dac fw ysj"></div> <div id="homeArtist" class="dac fw ysj">
<div class="w20 m-s37">
<div class="ya-item-box backf">
<img class="w100" src="img/public/ys-one.png" alt="图片丢失" title="">
<div class="p-zy15">
<div class="m-s10 djbac">
<div class="ys-title clips1">张龙森</div>
<div class="col19 fs cq-cp ysj-itemcheck">查看作品</div>
</div>
<div class="ysj-itemcon font-14 linh24">职业画家</div>
<div class="clips2 ysj-itemcon font-14 linh24">毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
</div>
</div>
</div>
<div class="w20 m-s37">
<div class="ya-item-box backf">
<img class="w100" src="img/public/ys-two.png" alt="图片丢失" title="">
<div class="p-zy15">
<div class="m-s10 djbac">
<div class="ys-title clips1">张龙森</div>
<div class="col19 fs cq-cp ysj-itemcheck">查看作品</div>
</div>
<div class="ysj-itemcon font-14 linh24">职业画家</div>
<div class="clips2 ysj-itemcon font-14 linh24">毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
</div>
</div>
</div>
<div class="w20 m-s37">
<div class="ya-item-box backf">
<img class="w100" src="img/public/ys-three.png" alt="图片丢失" title="">
<div class="p-zy15">
<div class="m-s10 djbac">
<div class="ys-title clips1">张龙森</div>
<div class="col19 fs cq-cp ysj-itemcheck">查看作品</div>
</div>
<div class="ysj-itemcon font-14 linh24">职业画家</div>
<div class="clips2 ysj-itemcon font-14 linh24">毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
</div>
</div>
</div>
</div>
</div> </div>
<div class="p-zy180"> <div class="p-zy180">
<!-- 文创专区 --> <!-- 文创专区 -->
@ -415,7 +455,7 @@
<div class="font-32 pr">文创专区<span class="font-22 m-z10">Cultural and Creative Zone</span><div class="pa"></div></div> <div class="font-32 pr">文创专区<span class="font-22 m-z10">Cultural and Creative Zone</span><div class="pa"></div></div>
<div class="cq-gengd cq-cp sy-more">View More +</div> <div class="cq-gengd cq-cp sy-more">View More +</div>
</div> </div>
<div class="dac fw wc-box" style="width: 101%;"> <div class="dac fw wc-box">
<div class="w25 ya-item-box m-x37 cq-cp"> <div class="w25 ya-item-box m-x37 cq-cp">
<img src="img/public/wc-01.png"> <img src="img/public/wc-01.png">
<div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div> <div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div>
@ -514,8 +554,8 @@
</div> </div>
<div class="djbac m-s20 pr hz-input-box"> <div class="djbac m-s20 pr hz-input-box">
<input class="w100 p-zy10" type="text" name="username" placeholder="联系人" /> <input class="w100 p-zy10" type="text" name="username" placeholder="联系人" />
<input class="w100 p-zy10" type="number" name="userphone" placeholder="联系电话" /> <input class="w100 p-zy10" type="number" maxlength="11" name="userphone" placeholder="联系电话" />
<input class="w100 p-zy10" type="text" name="usercontent" placeholder="联系说明" /> <textarea class="w100 p-zy10" rows="" cols="" placeholder="留言内容"></textarea>
<div id="submitLY" class="fs cq-cp">提交</div> <div id="submitLY" class="fs cq-cp">提交</div>
</div> </div>
</div> </div>
@ -523,7 +563,88 @@
</div> </div>
</div> </div>
<!-- 底部导航 --> <!-- 底部导航 -->
<iframe src="public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' marginheight='0'></iframe> <!-- <iframe src="public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' marginheight='0'></iframe> -->
<div class="foot-nav-box">
<!-- 导航文字 -->
<div class="foot-box-nav">
<div><a href="index.html" target="_parent">首页</a></div>
<div><a href="htmls/artNetwork/realTimeInfo.html" target="_parent">资讯</a></div>
<div><a href="htmls/artNetwork/exhibition.html" target="_parent">展览</a></div>
<div><a href="htmls/artNetwork/artist.html" target="_parent">艺术家</a></div>
<div><a href="htmls/artNetwork/mechanism.html" target="_parent">机构</a></div>
<div><a href="htmls/artNetwork/train.html" target="_parent">培训</a></div>
<div><a href="htmls/artNetwork/shoppingMall.html" target="_parent">商城</a></div>
<div><a href="htmls/artNetwork/auction.html" target="_parent">拍卖</a></div>
</div>
<!-- 导航图片 -->
<div class="foot-box-img">
<img src="img/public/foot-xl.png" alt="图片缺失" title="新浪">
<img src="img/public/foot-wx.png" alt="图片缺失" title="微信">
<img src="img/public/foot-whatsapp.png" alt="图片缺失" title="电话">
<img src="img/public/foot-facebook.png" alt="图片缺失" title="facebook">
<img src="img/public/foot-skype.png" alt="图片缺失" title="钱">
</div>
</div>
<div class="foot-end-box">
<div>
<img src="img/logo.png" alt="图片丢失" title="华夏艺术网">
<div class="linh26">
<div class="foot-end-title">中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名</div>
<div class="clips2 foot-end-content">是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...</div>
</div>
</div>
<div>
<div class="foot-end-right">
<div>
<div>
<img class="shu-logo" src="img/public/shuy-logo.png" alt="图片丢失" title="成都惠民职工书院">
</div>
<div class="linh30">
<div class="foot-end-titlez">成都惠民职工书院</div>
<div class="foot-end-content">地址：成都市青羊区青羊大道129号文化宫2楼</div>
<div class="foot-end-content">电话：028-81712589</div>
</div>
</div>
<div class="foot-count">
<div class="foot-end-title">联系我们</div>
<div class="foot-end-content">地址：四川省成都市武侯区天益街38号理想中心3栋601</div>
<div class="foot-end-content">手机：13880548658</div>
<div class="foot-end-content">电话：028-61529525</div>
<div class="foot-end-content">邮箱：zarts@126.com</div>
</div>
<div class="foot-qrcode">
<div>
<img src="img/public/huax-em.png" alt="图片丢失" title="华夏艺术网">
<div>华夏艺术网</div>
</div>
<div>
<img src="img/public/shuy-em.png" alt="图片丢失" title="成都惠民职工书院">
<div>成都惠民职工书院</div>
</div>
</div>
</div>
<div class="foot-end-bottom">Copyright@2021 华夏艺术网.All rights reserved.&nbsp;&nbsp;&nbsp;&nbsp蜀ICP备11111111号&nbsp;&nbsp;&nbsp;&nbsp技术支持：全美网络 </div>
</div>
</div>
<!-- 底部固定导航栏 -->
<div class="fixed_foot">
<a class="w100 dac fc" style="background: red;" href="index.html">
<div><img src="img/home.png" width="28" height="26" ></div>
<span class="font-22 colf">首页</span>
</a>
<a class="w100 dac fc" href="htmls/artNetwork/shoppingMall.html">
<div><img src="img/shop.png" width="28" height="26" ></div>
<span class="font-22 colf">商城</span>
</a>
<a class="w100 dac fc" href="htmls/logshoppingcar/shopcar.html">
<div><img src="img/cart.png" width="28" height="26" ></div>
<span class="font-22 colf">购物车</span>
</a>
<a class="w100 dac fc" href="htmls/grzx/personalData.html">
<div><img src="img/personal.png" width="28" height="26" ></div>
<span class="font-22 colf">个人中心</span>
</a>
</div>
<!-- 回到顶部 --> <!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="img/public/backTop.png" alt="图片丢失" title="回到顶部"> <img id="gotoTop" onclick="pageScroll()" src="img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body> </body>

3
js/huaxia.js
View File

@ -350,7 +350,6 @@ $(function () {
$(e.target).next().css('display', 'inline') $(e.target).next().css('display', 'inline')
console.log($(e.target).next().attr("class")); console.log($(e.target).next().attr("class"));
if ($(e.target).next().attr("class") != "upImg") { if ($(e.target).next().attr("class") != "upImg") {
$(".uptoux").attr('src', $filePath); $(".uptoux").attr('src', $filePath);
$(".tyjgzx_topimgtx").css("display", "block") $(".tyjgzx_topimgtx").css("display", "block")
} }
@ -470,6 +469,7 @@ function goJGDetail(e) { //查看机构详情
} }
function checkPeo() { //查询机构成员列表 function checkPeo() { //查询机构成员列表
>>>>>>> 94dd9be6b353522b96731800faf9701704c20cb4
let jgmHtml = ''; let jgmHtml = '';
let jgmData = [{ let jgmData = [{
imgSrc: '../../img/public/jg-dp-01.png', imgSrc: '../../img/public/jg-dp-01.png',
@ -885,6 +885,7 @@ function checkPXList() { //拍卖全部商品事件
} }
function goPXDetail(e) { //查看培训详情 function goPXDetail(e) { //查看培训详情
>>>>>>> 94dd9be6b353522b96731800faf9701704c20cb4
location.href = `trainDetail.html?id=${e}` location.href = `trainDetail.html?id=${e}`
} }