diff --git a/css/huaxia.css b/css/huaxia.css index 70b4e95..0c379d1 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -12,6 +12,7 @@ body{margin: 0;padding: 0;} .op9{opacity: .9;} .op8{opacity: .8;} .op7{opacity: .7;} +.op6{opacity: .6;} .dis{display: flex;} .djb{display: flex;justify-content: space-between;} @@ -83,6 +84,8 @@ body{margin: 0;padding: 0;} .pd30{padding: 30px;} +.pd20{padding: 20px;} +.pd10{padding: 10px;} .p-s65{padding-top: 65px;} .p-s30{padding-top:30px;} @@ -170,6 +173,7 @@ ul li {list-style: none;padding: 0px;margin: 0px;} .tn{text-decoration: none;} #gotoTop{width: 57px;height: 57px; cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;} +.dmedia{display: inline;} /* 轮播图 */ .swiper-container { @@ -298,6 +302,16 @@ ul li {list-style: none;padding: 0px;margin: 0px;} .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;} + +.gongn{display: none;width: 50px;height: 50px;position: absolute;right: 50px;cursor: pointer;} +.xinxy-box{background: #f6f5f3;padding-bottom: 65px;} +.xinxy-box .dac{width: 102%;overflow: hidden;} +.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;} +.hz-jies{font-size: 14px;color: rgba(25,25,25,.5);margin-left: 10px;} +.hzly-box{padding: 30px;z-index: 1;} +.hz-input-box div{color: #FFFFFF;background: #cb1919;padding: 10px 50px;border-radius: 3px;} /* 资讯 */ .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;} @@ -310,14 +324,15 @@ ul li {list-style: none;padding: 0px;margin: 0px;} .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,#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-list img,#jgm-list img,#jgz-list img,#jgy-list img,#jgs-list img,#pmd-list img,#pxsp-list img,#ys-list img,#zl-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,#ys-list img:hover,#zl-list img:hover{transform: scale(.94);transition: transform .5s;cursor: pointer;} +#zl-list div:hover .m-s20{font-weight: bold;} .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;} +#pm-list>div:hover,#pxzb-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,#pxzb-list>div:hover div:last-child>div:first-child{color: #CB1919;} +#pm-list>div:hover div:last-child>div:first-child .quan,#pxzb-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;} @@ -326,11 +341,22 @@ ul li {list-style: none;padding: 0px;margin: 0px;} #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;} - - - - - +/* 艺术家 */ +#ys-cate{padding: 0;} +#ys-cate li a{text-decoration: none;color: #181818;font-size: 18px;} +#ys-cate li {margin-right: 29px;position: relative;padding: 20px 0 15px 0;} +#ys-cate li div {border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;} +#ys-cate li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;} +#ys-cate li .zx-nav-title{color: #CB1919;} +#ys-list div:hover .djbac{color: #CB1919;} +#ys-list div:hover .djbac>div:last-child{color: #FFFFFF;background-color: #CB1919;cursor: pointer;} +#ysj-ft>div>div:hover{box-shadow: 0px 0px 20px rgba(0,0,0,.2);cursor: pointer;color: #CB1919;opacity: 1;} +#ysj-ft>div>div:hover div{color: #CB1919;} +#ysj-ft>div>div .dac span{opacity: 0;} +#ysj-ft>div>div:hover .op6{opacity: 1;} +#ysj-ft>div>div:hover .dac span{opacity: 1;} +#ysj-skd-box{width: 26%;} +#ysj-skd-box .m-s20:hover{cursor: pointer;color: #CB1919;} diff --git a/css/huaxiaMedia.css b/css/huaxiaMedia.css index aac62a4..a82313a 100644 --- a/css/huaxiaMedia.css +++ b/css/huaxiaMedia.css @@ -16,28 +16,128 @@ @media screen and (min-width:621px) and (max-width:720px) { } -@media screen and (min-width:721px) and (max-width:820px) { +@media screen and (width:320px) { + .exhibition .item-box {height: 200px!important;} + .swiper-button-next, .swiper-button-prev {top: 40%!important;} +} +@media screen and (max-width:750px) { + .logo{width: 60%;} + .head-box {top: 0px;} + .gongn{display: inline;right: 20px;width: 40px;height: 40px;} + .dmedia{display: none;} + .head-box{padding: 10px 20px;} + .p-zy180{padding: 10px 20px 0 20px;} + .cq-item-title-box {padding: 10px 0;} + .font-32 {font-size: 16px;} + .font-22 {font-size: 12px;} + .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;} + .exhibition .item-box {height: 270px;} + .font-20 {font-size: 16px;} + .font-13 {font-size: 12px;} + .m-x16 {margin-bottom: 16px;} + .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::after, .swiper-button-prev::after {font-size: 12px;} + .m-sx16 {margin-top: 10px;margin-bottom: 10px;} + .m-x16 {margin-bottom: 2px;} + .m-x65 {margin-bottom: 20px;} + .p-sx20{padding-top: 0px;padding-bottom: 10px;} + .m-x37,.m-x32 {margin-bottom: 10px;} + .w25,.w48{width: 100%;} + .msg .dac{display: inline;} + .m-zy15 {margin-left: 10px; margin-right: 10px;margin-top: 10px;} + .font-18 {font-size: 16px;} + .xx-content {line-height: 20px;} + .msg .m-x32:nth-last-child(2) {margin-bottom: 10px;} + .djb{display: inline;} + .djb .w50{width: 100%;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;} + .m-s37 {margin-top: 10px;} + .syysj-box,.xinxy-box{padding-bottom: 20px;} + .xinxy-box .dac{display: inline;} + .syysj-box .dac{display: inherit;} + .syysj-box .dac .m-zy30{margin-left: 10px;margin-right: 10px;height: 200px;} + .syysj-box .dac .m-zy30 .m-s30{margin-top: 20px;} + .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;} + .hz-jies{position: absolute;top: 25px;left: 0;margin-left: 0px;} + .hz-imgItem{margin-top: 20px;} + .hz-input-box{display: inherit;} + .hzly-box{padding: 20px;} + .hz-input-box .p-zy10{width: 94%;margin-top: 10px;} + .hz-input-box .p-zy10:first-child{margin-top: 30px;} + .hz-input-box div{margin-top: 10px;text-align: center;} + #gotoTop {width: 40px;height: 40px;right: 20px;bottom: 120px;} } -@media screen and (min-width:821px) and (max-width:920px) { - +@media screen and (min-width:751px) and (max-width:850px) { + .logo{width: 26%;} + .gongn{display: inline;} + .dmedia{display: none;} + .p-zy180,.head-box{padding: 10px 60px;} } -@media screen and (min-width:921px) and (max-width:1020px) { - +@media screen and (min-width:851px) and (max-width:1000px) { + .logo{width: 26%;} + .gongn{display: inline;} + .dmedia{display: none;} + .input-box{display: none;} + .head-box{padding: 10px 60px 5px 60px;} + .p-zy180 {padding: 10px 60px;} + .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: 0px;} + .redD {right: 6px;} } -@media screen and (min-width:1021px) and (max-width:1120px) { - +@media screen and (min-width:1001px) and (max-width:1120px) { + .logo{width: 26%;} + .input-box{display: none;} + .p-zy180,.head-box{padding: 10px 100px;} + .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: 0px;} + .redD {right: 6px;} } -@media screen and (min-width:1121px) and (max-width:1220px) { - +@media screen and (min-width:1121px) and (max-width:1260px) { + .logo{width: 26%;} + .input-box{display: none;} + .p-zy180,.head-box{padding: 10px 100px;} + .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;} + .redD {right: 6px;} } -@media screen and (min-width:1221px) and (max-width:1320px) { - +@media screen and (min-width:1261px) and (max-width:1350px) { + .logo{width: 26%;} + .p-zy180,.head-box{padding: 10px 100px;} + .dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;} + .dao-box>li>div{padding: 6px 0;} + .head-nav-box > div:last-child {margin-top: 10px;} + .redD {right: 6px;} } -@media screen and (min-width:1024px) and (max-width:1620px) { - +@media screen and (min-width:1351px) and (max-width:1620px) { + .logo{width: 26%;} + .p-zy180,.head-box{padding: 20px 100px;} + .dao-box>li{padding: 5px 20px;flex-shrink: 0;text-align: center;font-size: 16px;} + .dao-box>li>div{padding: 6px 0;} + .redD {right: 8px;} } -@media screen and (min-width:1024px) and (max-width:1820px) { +@media screen and (min-width:1621px) and (max-width:1820px) { .logo{width: 30%;} - .head-box{padding: 20px 100px;} + .p-zy180,.head-box{padding: 20px 100px;} } +@media screen and (min-width:751px) and (max-width:1820px) { + .cq-item-title-box {padding: 20px 0 15px 0;} + .font-32 {font-size: 26px;} +} + diff --git a/css/layer.css b/css/layer.css new file mode 100644 index 0000000..b9dbf20 --- /dev/null +++ b/css/layer.css @@ -0,0 +1 @@ +.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px} \ No newline at end of file diff --git a/htmls/artNetwork/artist.html b/htmls/artNetwork/artist.html new file mode 100644 index 0000000..3045c2f --- /dev/null +++ b/htmls/artNetwork/artist.html @@ -0,0 +1,149 @@ + + +
+ +