diff --git a/css/huaxia.css b/css/huaxia.css index 70b4e95..b428495 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;} @@ -310,14 +313,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 +330,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..f2c2826 100644 --- a/css/huaxiaMedia.css +++ b/css/huaxiaMedia.css @@ -26,18 +26,34 @@ } @media screen and (min-width:1021px) and (max-width:1120px) { - + .logo{width: 26%;} } -@media screen and (min-width:1121px) and (max-width:1220px) { - +@media screen and (min-width:1121px) and (max-width:1260px) { + .input-box{display: none;} + .logo{width: 26%;} + .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%;} + .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%;} + .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;} } 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 @@ + + +
+ +