huaxia/css/huaxiaMedia.css

277 lines
9.2 KiB
CSS
Raw Normal View History

2021-09-05 12:56:27 +00:00
2021-09-14 10:07:17 +00:00
2021-09-05 12:56:27 +00:00
@media screen and (min-width:721px) and (max-width:820px) {
2021-09-23 10:47:14 +00:00
2021-09-10 10:00:42 +00:00
2021-09-05 12:56:27 +00:00
}
2021-09-10 10:00:42 +00:00
@media screen and (min-width:300px) and (max-width:1020px) {
2021-09-23 10:47:14 +00:00
2021-09-05 12:56:27 +00:00
}
2021-09-10 10:00:42 +00:00
@media screen and (min-width:300px) and (max-width:820px) {
2021-09-23 10:47:14 +00:00
2021-09-10 10:00:42 +00:00
}
@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) {}
2021-09-23 10:47:14 +00:00
@media screen and (min-width:991px) and (max-width:1520px) {
2021-09-10 10:00:42 +00:00
2021-09-23 10:47:14 +00:00
.tygrzx_riscon {
padding-left: 32px;
2021-09-10 10:00:42 +00:00
}
2021-09-05 12:56:27 +00:00
}
2021-09-23 10:47:14 +00:00
@media screen and (min-width:991px) and (max-width:1440px) {
.p-zy320 {
padding-left: 180px;
padding-right: 180px;
2021-09-10 10:00:42 +00:00
}
2021-09-23 10:47:14 +00:00
.tygrzx_int> :nth-child(2) {
width: 345px;
2021-09-10 10:00:42 +00:00
}
2021-09-23 10:47:14 +00:00
.tygrzx select {
width: 108px;
2021-09-10 10:00:42 +00:00
}
2021-09-23 10:47:14 +00:00
.tygrzx_leftcon {
padding-left: 15px;
2021-09-10 10:00:42 +00:00
}
2021-09-05 12:56:27 +00:00
}
2021-09-10 10:00:42 +00:00
2021-09-23 10:47:14 +00:00
@media screen and (min-width:767) and (max-width:1440px){
.tygrzx_leftcon {
padding-left: 15px;
2021-09-10 10:00:42 +00:00
}
2021-09-23 10:47:14 +00:00
.tygrzx_int> :nth-child(2) {
width: 345px;
2021-09-10 10:00:42 +00:00
}
2021-09-23 10:47:14 +00:00
.tygrzx select {
width: 108px;
2021-09-10 10:00:42 +00:00
}
2021-09-05 12:56:27 +00:00
}
2021-09-23 10:47:14 +00:00
@media screen and (min-width:767px) and (max-width:991px) {
2021-09-10 10:00:42 +00:00
2021-09-23 10:47:14 +00:00
.p-zy320 {
padding-left: 60px;
padding-right: 60px;
2021-09-10 10:00:42 +00:00
}
2021-09-23 10:47:14 +00:00
.tygrzx_int> :nth-child(2) {
width: 345px;
2021-09-10 10:00:42 +00:00
}
2021-09-23 10:47:14 +00:00
.tygrzx select {
width: 108px;
2021-09-10 10:00:42 +00:00
}
2021-09-23 10:47:14 +00:00
.tygrzx_leftcon {
padding-left: 15px;
2021-09-10 10:00:42 +00:00
}
2021-09-05 12:56:27 +00:00
}
2021-09-10 10:00:42 +00:00
2021-09-14 10:07:17 +00:00
@media screen and (min-width:1521px) and (max-width:1620px) {}
2021-09-10 09:58:15 +00:00
@media screen and (width:320px) {
.exhibition .item-box {height: 200px!important;}
.swiper-button-next, .swiper-button-prev {top: 40%!important;}
2021-09-05 12:56:27 +00:00
}
2021-09-10 09:58:15 +00:00
@media screen and (max-width:750px) {
2021-09-23 11:14:53 +00:00
.logo{width: 50%;}
2021-09-10 09:58:15 +00:00
.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;}
2021-09-23 11:14:53 +00:00
.cq-item-title-box {padding: 10px 0 20px 0;}
.font-32 {font-size: 26px;}
.font-22 {font-size: 14px;}
2021-09-10 09:58:15 +00:00
.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;}
2021-09-23 11:14:53 +00:00
.m-sx16 {margin-top: 6px;margin-bottom: 6px;}
2021-09-10 09:58:15 +00:00
.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;}
2021-09-23 11:14:53 +00:00
.m-s37 {margin-top: 20px;}
2021-09-10 09:58:15 +00:00
.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;}
.wc-box > div > img {width: 100%;}
.sypx-box {padding-bottom: 20px;}
.sypx-box .djb .backf {padding-bottom: 10px;}
2021-09-23 11:14:53 +00:00
.sypx-box .djb .backf div{margin-top: 10px;margin-right: 10px;}
.hz-jies{position: absolute;top: 45px;left: 0;margin-left: 0px;}
2021-09-10 09:58:15 +00:00
.hz-imgItem{margin-top: 20px;}
.hz-input-box{display: inherit;}
.hzly-box{padding: 20px;}
2021-09-23 11:14:53 +00:00
.hz-input-box .p-zy10{width: 98%;margin-top: 10px;}
2021-09-10 09:58:15 +00:00
.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;}
2021-09-23 11:14:53 +00:00
.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;}
2021-09-05 12:56:27 +00:00
}
2021-09-10 09:58:15 +00:00
@media screen and (min-width:751px) and (max-width:850px) {
.logo{width: 26%;}
.gongn{display: inline;}
.dmedia{display: none;}
2021-09-23 11:14:53 +00:00
.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;}
2021-09-05 12:56:27 +00:00
}
2021-09-10 09:58:15 +00:00
@media screen and (min-width:851px) and (max-width:1000px) {
2021-09-09 10:08:53 +00:00
.logo{width: 26%;}
2021-09-10 09:58:15 +00:00
.gongn{display: inline;}
.dmedia{display: none;}
.input-box{display: none;}
2021-09-23 11:14:53 +00:00
.head-box{padding: 10px 20px 5px 20px;}
.p-zy180 {padding: 10px 20px;}
2021-09-10 09:58:15 +00:00
.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;}
2021-09-23 11:14:53 +00:00
.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;}
2021-09-09 10:08:53 +00:00
}
2021-09-10 09:58:15 +00:00
@media screen and (min-width:1001px) and (max-width:1120px) {
.logo{width: 26%;}
2021-09-09 10:08:53 +00:00
.input-box{display: none;}
2021-09-23 11:14:53 +00:00
.p-zy180,.head-box{padding: 10px 60px;}
2021-09-10 09:58:15 +00:00
.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;}
2021-09-23 11:14:53 +00:00
.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;}
2021-09-10 09:58:15 +00:00
}
@media screen and (min-width:1121px) and (max-width:1260px) {
2021-09-09 10:08:53 +00:00
.logo{width: 26%;}
2021-09-10 09:58:15 +00:00
.input-box{display: none;}
2021-09-23 11:14:53 +00:00
.p-zy180,.head-box{padding: 10px 60px;}
2021-09-09 10:08:53 +00:00
.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;}
2021-09-23 11:14:53 +00:00
.sypx-box img{height: 240px;object-fit: cover;}
2021-09-09 10:08:53 +00:00
}
@media screen and (min-width:1261px) and (max-width:1350px) {
.logo{width: 26%;}
2021-09-23 11:14:53 +00:00
.p-zy180,.head-box{padding: 10px 60px;}
2021-09-09 10:08:53 +00:00
.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;}
2021-09-23 11:14:53 +00:00
.sypx-box img{height: 240px;object-fit: cover;}
}
@media (min-width:1200px) and (max-width:1440px){
.p-zy180,.head-box{padding: 20px 120px!important;}
2021-09-09 10:08:53 +00:00
}
@media screen and (min-width:1351px) and (max-width:1620px) {
.logo{width: 26%;}
2021-09-23 11:14:53 +00:00
.p-zy180,.head-box{padding: 20px 180px;}
2021-09-09 10:08:53 +00:00
.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;}
2021-09-23 11:14:53 +00:00
.sypx-box img{height: 340px;object-fit: cover;}
2021-09-05 12:56:27 +00:00
}
2021-09-09 10:08:53 +00:00
@media screen and (min-width:1621px) and (max-width:1820px) {
2021-09-08 09:55:15 +00:00
.logo{width: 30%;}
2021-09-23 11:14:53 +00:00
.p-zy180,.head-box{padding: 20px 180px;}
2021-09-05 12:56:27 +00:00
}
2021-09-23 10:47:14 +00:00
2021-09-10 09:58:15 +00:00