344 lines
12 KiB
CSS
344 lines
12 KiB
CSS
|
|
|
|
@media screen and (min-width:721px) and (max-width:820px) {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
@media screen and (min-width:300px) and (max-width:1020px) {
|
|
|
|
|
|
|
|
}
|
|
|
|
@media screen and (min-width:300px) and (max-width:820px) {
|
|
|
|
}
|
|
|
|
@media screen and (min-width:821px) and (max-width:920px) {}
|
|
|
|
@media screen and (min-width:921px) and (max-width:1020px) {}
|
|
|
|
@media screen and (min-width:1021px) and (max-width:1120px) {}
|
|
|
|
@media screen and (min-width:1121px) and (max-width:1220px) {}
|
|
|
|
@media screen and (min-width:991px) and (max-width:1520px) {
|
|
|
|
.tygrzx_riscon {
|
|
padding-left: 32px;
|
|
}
|
|
|
|
}
|
|
@media screen and (min-width:991px) and (max-width:1440px) {
|
|
|
|
.p-zy320 {
|
|
padding-left: 180px;
|
|
padding-right: 180px;
|
|
}
|
|
|
|
.tygrzx_int> :nth-child(2) {
|
|
width: 345px;
|
|
}
|
|
.tygrzx select {
|
|
width: 108px;
|
|
}
|
|
.tygrzx_leftcon {
|
|
padding-left: 15px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width:767) and (max-width:1440px){
|
|
.tygrzx_leftcon {
|
|
padding-left: 15px;
|
|
}
|
|
.tygrzx_int> :nth-child(2) {
|
|
width: 345px;
|
|
}
|
|
.tygrzx select {
|
|
width: 108px;
|
|
}
|
|
}
|
|
@media screen and (min-width:767px) and (max-width:991px) {
|
|
|
|
.p-zy320 {
|
|
padding-left: 60px;
|
|
padding-right: 60px;
|
|
}
|
|
.tygrzx_int> :nth-child(2) {
|
|
width: 345px;
|
|
}
|
|
.tygrzx select {
|
|
width: 108px;
|
|
}
|
|
|
|
.tygrzx_leftcon {
|
|
padding-left: 15px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width:1521px) and (max-width:1620px) {}
|
|
|
|
|
|
@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: 50%;}
|
|
.head-box {top: 0px;}
|
|
.gn-box{display: inline;right: 20px;}
|
|
.dmedia{display: none;}
|
|
.head-box{padding: 10px 20px;}
|
|
.p-zy180{padding: 10px 20px 0 20px;}
|
|
.cq-item-title-box {padding: 10px 0 20px 0;}
|
|
.font-32 {font-size: 26px;}
|
|
.font-22 {font-size: 14px;}
|
|
.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: 6px;margin-bottom: 6px;}
|
|
.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;}
|
|
.ya-item-box .pr{padding-right: 0;}
|
|
.m-s37 {margin-top: 20px;}
|
|
.syysj-box,.xinxy-box{padding-bottom: 20px;}
|
|
.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;}
|
|
.sypx-box {padding-bottom: 20px;}
|
|
.sypx-box .djb .backf {padding-bottom: 10px;}
|
|
.sypx-box .djb .backf div{margin-top: 10px;margin-right: 10px;}
|
|
.hz-jies{position: absolute;top: 45px;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: 98%;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;}
|
|
.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%;}
|
|
.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%;}
|
|
#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;}
|
|
.parent-page,.parent-page img {height: 130px;}
|
|
.shous{display: inline;}
|
|
}
|
|
@media screen and (min-width:751px) and (max-width:850px) {
|
|
.logo{width: 26%;}
|
|
.gn-box{display: inline;}
|
|
.dmedia{display: none;}
|
|
.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;}
|
|
.parent-page,.parent-page img {height: 130px;}
|
|
.shous{display: inline;}
|
|
}
|
|
@media screen and (min-width:851px) and (max-width:1000px) {
|
|
.logo{width: 26%;}
|
|
.gn-box{display: inline;}
|
|
.dmedia{display: none;}
|
|
.input-box{display: none;}
|
|
.head-box{padding: 10px 20px 5px 20px;}
|
|
.p-zy180 {padding: 10px 20px;}
|
|
.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;}
|
|
.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) {
|
|
.logo{width: 26%;}
|
|
.input-box{display: none;}
|
|
.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:last-child{padding-right: 0;}
|
|
.dao-box>li>div{padding: 6px 0;}
|
|
.head-nav-box > div:last-child {margin-top: 0px;}
|
|
.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) {
|
|
.logo{width: 26%;}
|
|
.input-box{display: none;}
|
|
.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:last-child{padding-right: 0;}
|
|
.dao-box>li>div{padding: 6px 0;}
|
|
.head-nav-box > div:last-child {margin-top: 0px;}
|
|
.redD {right: 6px;}
|
|
.sypx-box img{height: 240px;object-fit: cover;}
|
|
}
|
|
@media screen and (min-width:1261px) and (max-width:1350px) {
|
|
.logo{width: 26%;}
|
|
.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>div{padding: 6px 0;}
|
|
.head-nav-box > div:last-child {margin-top: 10px;}
|
|
.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) {
|
|
.logo{width: 26%;}
|
|
.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>div{padding: 6px 0;}
|
|
.redD {right: 8px;}
|
|
.sypx-box img{height: 340px;object-fit: cover;}
|
|
}
|
|
@media screen and (min-width:1621px) and (max-width:1820px) {
|
|
.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){
|
|
|
|
}
|
|
|
|
|
|
|