From 26103a89f8c531745ccd3e6efbbaae2e6da39918 Mon Sep 17 00:00:00 2001 From: chen <2659004835@qq.com> Date: Fri, 24 Sep 2021 18:12:41 +0800 Subject: [PATCH] =?UTF-8?q?=E9=83=A8=E5=88=86=E5=93=8D=E5=BA=94=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/foot.min.css | 2 +- css/huaxia.css | 192 ++----- css/huaxiaMedia.css | 79 ++- htmls/artNetwork/artist.html | 87 ++-- htmls/artNetwork/artistDetail.html | 73 ++- htmls/artNetwork/artistSKDetail.html | 71 ++- htmls/artNetwork/auction.html | 73 ++- htmls/artNetwork/auctionDetail.html | 73 ++- htmls/artNetwork/auctionShopDetail.html | 73 ++- htmls/artNetwork/exhibition.html | 79 +-- htmls/artNetwork/exhibitionComingDetail.html | 73 ++- htmls/artNetwork/mechanism.html | 73 ++- htmls/artNetwork/mechanismArtworkDetail.html | 71 ++- htmls/artNetwork/mechanismBooksDetail.html | 90 ++-- htmls/artNetwork/mechanismDetail.html | 73 ++- htmls/artNetwork/pointsMall.html | 75 ++- htmls/artNetwork/pointsMallDetail.html | 75 ++- htmls/artNetwork/realTimeInfo.html | 121 +++-- htmls/artNetwork/realTimeInfoDetail.html | 73 ++- htmls/artNetwork/shopDetail.html | 73 ++- htmls/artNetwork/shopMore.html | 73 ++- htmls/artNetwork/shoppingMall.html | 92 +++- htmls/artNetwork/train.html | 135 ++++- htmls/artNetwork/trainDetail.html | 73 ++- htmls/grzx/personalData.html | 22 +- htmls/logshoppingcar/shopcar.html | 21 + img/cell-search.png | Bin 0 -> 1143 bytes img/public/gn.png | Bin 3378 -> 619 bytes index.html | 164 +++--- js/huaxia.js | 94 ++-- js/jquery.media.js | 511 +++++++++++++++++++ yulan.pdf | Bin 0 -> 415348 bytes 32 files changed, 1924 insertions(+), 860 deletions(-) create mode 100644 img/cell-search.png create mode 100644 js/jquery.media.js create mode 100644 yulan.pdf diff --git a/css/foot.min.css b/css/foot.min.css index 2f6d882..74026ca 100644 --- a/css/foot.min.css +++ b/css/foot.min.css @@ -35,7 +35,7 @@ body{padding: 0;margin: 0;} .foot-iframe{width: 100%;height: 400px;} /* 固定底部导航 */ -.fixed_foot{position: fixed;bottom: 0;left: 0;right: 0;z-index: 6px;display: none;background: #CB1919;} +.fixed_foot{position: fixed;bottom: 0;left: 0;right: 0;z-index: 6;display: none;background: #CB1919;} .fixed_foot>a{padding: 15px 0 10px 0;border-left: 1px solid rgba(255,255,255,.2);text-decoration: none;} .fixed_foot>a:nth-child(1){border-left: 1px solid rgba(255,255,255,0);} @media (max-width:766px){ diff --git a/css/huaxia.css b/css/huaxia.css index 78080be..38ae38c 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -1096,25 +1096,11 @@ input { width: 100%; justify-content: flex-end; } - +.guan-box a{color: #161616;} .guan-box span { opacity: .8; } -.redD { - width: 6px; - height: 6px; - border-radius: 100%; - background: #cd2628; - top: 10px; - right: 12px; -} - -.xiahx { - width: 100%; - bottom: 0; - border-bottom: 3px solid #cd2628; -} .dao-box>li { padding: 5px 25px; @@ -1142,10 +1128,28 @@ input { } .cq-dao-active { + position: relative; font-weight: bold; color: #cd2628; } - +.cq-dao-active::before{ + position: absolute; + content: ''; + width: 100%; + height: 3px; + bottom: 0; + background: #cd2628; +} +.cq-dao-active::after{ + position: absolute; + content: ''; + width: 6px; + height: 6px; + border-radius: 100%; + right: -10px; + top: 4px; + background: #cd2628; +} .cq-dao-active>a { font-weight: bold; color: #cd2628 !important; @@ -1212,13 +1216,6 @@ input { margin-bottom: 0; } -.exhibition .swiper-slide .item-box { - width: 293px; -} - -.exhibition .swiper-slide img { - object-fit: cover; -} /* .xx-img{ width:242px; height:151px;} */ .xx-content { @@ -1228,95 +1225,9 @@ input { .xx-img { width: 100%; } - -.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>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); @@ -1333,14 +1244,6 @@ input { color: rgba(25, 25, 25, .7); } -.gongn { - display: none; - width: 50px; - height: 50px; - position: absolute; - right: 50px; - cursor: pointer; -} .xinxy-box { background: #f6f5f3; @@ -1394,22 +1297,6 @@ input { z-index: 1; } -.hz-input-box input { - margin-right: 10px; - border-radius: 3px; - border: 1px solid #e9e9e9; - height: 48px; -} - -.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; @@ -2303,10 +2190,6 @@ ul { background-color: #fff; } -input { - padding-left: 14px; - box-sizing: border-box; -} .tygrzx_dindantit { @@ -5616,33 +5499,34 @@ select { display: inline-block; } -.exhibition .swiper-slide .item-box{width: 293px;} -.exhibition .swiper-slide img{object-fit: cover;} +.exhibition .swiper-slide img{object-fit: cover;width: 100%;} /* .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;} +/* .ysc .ya-item-box>div:first-child:hover{transform: scale(.9);} */ .ya-item-box .pr{padding-right: 1.25em;} +.ysc .ya-item-box:hover .ys-title{color: #CB1919;text-decoration: underline;} .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:hover img{transform: scale(.9);} .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;} +.wc-box div a 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 div{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;} +.gn-box{display: none;position: absolute;right: 50px;} +.gongn{width: 39px;height: 27px;cursor: pointer;transition: all .5s;} +.trans90{transform: rotate(90deg);} .xinxy-box{background: #f6f5f3;padding-bottom: 65px;} .xinxy-box .dac{width: 101.4%;overflow: hidden;} .xinxy-box .msg .w48{width: 49%;} @@ -5654,15 +5538,24 @@ select { .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 textarea{border: 1px solid #e9e9e9;resize: none;border-radius: 3px;margin-right: 10px;height: 48px;line-height: 48px;outline: none;box-sizing: border-box;} .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;} +.cell-input,.cell-nav{position: absolute;right: 0px;top: 63px;background: rgba(0,0,0,.5);width: 100%;z-index: 5;height: 2000px;transition: all 1s;} +.cell-nav div{float: right;background: rgba(255,255,255,1);} +.cell-nav li{padding: 15px 60px;text-align: center;border-top: 1px solid #E6E6E6;} +.cell-nav li a{color: #191919;} +.cell-nav li .cell-active{color: #CB1919;} +.shous{width: 28px;height: 26px;margin-right: 20px;cursor: pointer;} +.cell-input div {width: 100%;background: rgba(255,255,255,1);display: flex;justify-content: center;padding: 10px 0;} +.cell-input input{width: 94%;border-radius: 3px;height: 40px;border: 1px solid #e5e5e5;position: relative;z-index: 6;} /* 资讯 */ #zx-list>div div:hover{cursor: pointer;} #zx-list>div:hover .zx-title{color: #CB1919;} #zx-list>div:hover .zx-dian{color: #CB1919;} +#zx-list img{width: 362px; object-fit: contain;max-height: 225px;} .zx-nav,.szx-nav,.px-nav{padding: 0;} .zx-nav li span {cursor: pointer;} @@ -5674,7 +5567,10 @@ select { #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;} - +#ys-list,#zled,#zlwill,#zling{width: 102.6%;} +#ys-list .font-13{padding: 8px 15px;} +#ys-list .m-x30{margin-bottom: 10px;} +.cell-js{display: none;} .tyjgzx_riscon>form { display: inline-block; } diff --git a/css/huaxiaMedia.css b/css/huaxiaMedia.css index a69c18b..dc9d581 100644 --- a/css/huaxiaMedia.css +++ b/css/huaxiaMedia.css @@ -95,7 +95,7 @@ @media screen and (max-width:750px) { .logo{width: 50%;} .head-box {top: 0px;} - .gongn{display: inline;right: 20px;width: 40px;height: 40px;} + .gn-box{display: inline;right: 20px;} .dmedia{display: none;} .head-box{padding: 10px 20px;} .p-zy180{padding: 10px 20px 0 20px;} @@ -134,7 +134,6 @@ .syys-name{font-size: 18px;margin-top: 10px;margin-bottom: 10px;} .ysj-name{line-height: 20px;} .w20{width: 100%;padding-bottom: 10px;} - .wc-box > div > img {width: 100%;} .sypx-box {padding-bottom: 20px;} .sypx-box .djb .backf {padding-bottom: 10px;} .sypx-box .djb .backf div{margin-top: 10px;margin-right: 10px;} @@ -162,6 +161,7 @@ .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%;} + .wc-box div a img{width: 100%;transition: transform .5s;} .sypx-box .djb .w50 .ys-title{width: 90%;} .wc-box{justify-content: space-between;} #homeArtist{width: 102%;} @@ -180,10 +180,12 @@ .exhibition .tl div{display: none;} .exhibition .tl div:nth-child(1){display: inherit;} .exhibition .tl div:nth-child(2){display: -webkit-box;} + .parent-page,.parent-page img {height: 130px;} + .shous{display: inline;} } @media screen and (min-width:751px) and (max-width:850px) { .logo{width: 26%;} - .gongn{display: inline;} + .gn-box{display: inline;} .dmedia{display: none;} .p-zy180,.head-box{padding: 10px 20px;} .hz-input-box div{padding: 0px 50px;} @@ -197,10 +199,12 @@ .sypx-box .ys-title{height: 40px;line-height: 40px;} .ys-title{font-size: 15px;} .m-zy30 {margin-left: 15px;margin-right: 15px;} + .parent-page,.parent-page img {height: 130px;} + .shous{display: inline;} } @media screen and (min-width:851px) and (max-width:1000px) { .logo{width: 26%;} - .gongn{display: inline;} + .gn-box{display: inline;} .dmedia{display: none;} .input-box{display: none;} .head-box{padding: 10px 20px 5px 20px;} @@ -242,7 +246,7 @@ .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>div{padding: 6px 0;} - .head-nav-box > div:last-child {margin-top: 10px;} + .head-nav-box > div:last-child {margin-top: 0px;} .redD {right: 6px;} .sypx-box img{height: 240px;object-fit: cover;} } @@ -270,7 +274,70 @@ .logo{width: 30%;} .p-zy180,.head-box{padding: 20px 180px;} } - +@media (max-width:766px){ + #zx-list img {width: 120px;max-height: 74px;} + #zx-list .clips2 {-webkit-line-clamp: 2;} + #zx-list .clips3 {display: none;} + #zx-list .font-20{font-size: 14px;} + #zx-list .p-sx30 {padding-top: 10px;padding-bottom: 10px;} + .p-zy320{padding: 0 20px;} + #zl-item,.zx-dian{margin: 0px;} + .allitem-title{padding: 20px 0;} + .font-40{font-size: 20px;} + .p-zy320 #zx-xg{margin-top: 0;} + .p-zy320>div:first-child .m-s20{margin-top: 0;} + .zx-nav{overflow-x: scroll;overflow: hidden;} + .zx-nav li, .szx-nav li, .px-nav li {margin-right: 20px;padding: 10px 0 8px 0;font-size: 14px;} + .zx-xx,.zx-gg {padding: 3px 10px;font-size: 14px;} + #zled,#zlwill,#zling{width: 100%;} + #zl-list .m-s30{margin-top: 20px;} + #zl-list .w90{width: 100%;max-height: 200px;object-fit: cover;} + #ys-list {justify-content: space-between;width: 100%;} + #ys-list .w25{width: 48%;} + #ys-list .w90{width: 100%;margin-top: 10px;} + #ys-list .font-26{font-size: 18px;} + #ys-list .font-13{padding: 6px 8px;} + #zl-list .m-s20{margin-top: 10px;} + #ys-cate{overflow-x: scroll;overflow-y: hidden;} + #ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;} + #jg-list{width: 100%;justify-content: space-between;} + #jg-list .m-s30{margin-top: 20px;} + #jg-list .m-s20{margin-top: 10px;} + #jg-list .font-18{font-size: 15px;} + #jg-list .w33{width: 48%;} + + #px-list {padding-top: 20px;} + #px-list .djbac{flex-direction: column;} + #px-list .w50:first-child{width: 100%;} + #px-list .w50:last-child{width: 94%;} + #px-list .p-zy40{margin-top: 10px;} + .pc-js{display: none;} + .cell-js{display: inline;} + + #pxsp-list .w50{width: 49%;} + #px-list .px-item-bo,#pxsp-list .px-item-bo{width: 40px;height: 40px;} + #pxsp-list .m-s20{margin-top: 10px;} + #pxsp-list .m-x30{margin-bottom: 20px;} + #pxsp-list .font-18{font-size: 15px;} +} +@media (min-width:767px) and (max-width:991px){ + #zx-list img {width: 250px;max-height: 155px;} + #zx-list .clips2 {-webkit-line-clamp: 1;} + #zx-list .p-sx30 {padding-top: 10px;padding-bottom: 10px;} + .p-zy320{padding: 0 60px;} + .zx-dian{margin: 10px 0 0 0;} + .zx-nav li, .szx-nav li, .px-nav li {margin-right: 20px;padding: 10px 0 8px 0;font-size: 14px;} +} +@media (min-width:992px) and (max-width:1199px){ + #zx-list img {width: 250px;max-height: 155px;} + #zx-list .clips2 {-webkit-line-clamp: 1;} + #zx-list .p-sx30 {padding-top: 10px;padding-bottom: 10px;} + .p-zy320{padding: 0 120px;} + .zx-dian{margin: 10px 0 0 0;} +} +@media (min-width:1200px) and (max-width:1440px){ + +} diff --git a/htmls/artNetwork/artist.html b/htmls/artNetwork/artist.html index 0c0f948..2e2042a 100644 --- a/htmls/artNetwork/artist.html +++ b/htmls/artNetwork/artist.html @@ -6,6 +6,7 @@ + @@ -58,41 +59,32 @@ 【退出】 -