diff --git a/css/huaxiaMedia.css b/css/huaxiaMedia.css index 711082a..0bb8dc3 100644 --- a/css/huaxiaMedia.css +++ b/css/huaxiaMedia.css @@ -1,61 +1,31 @@ - - -@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: 120px; padding-right: 120px; } - .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_riscon { padding-left: 32px; } - .tygrzx_int> :nth-child(2) { width: 345px; } - .tygrzx select { width: 108px; } @@ -83,44 +53,20 @@ } } @media screen and (min-width:767px) and (max-width:991px) { - - - .tygrzx_ddxq{ - display: none; - - } - .tygrzx_ddnav { - margin-bottom: 10px; - } - .p-zy320 { - padding-left: 60px; - padding-right: 60px; - } + .tygrzx_ddxq{display: none;} + .tygrzx_ddnav {margin-bottom: 10px;} + .p-zy320 {padding-left: 60px;padding-right: 60px;} .tygrzx select { width: 30%; padding: 12px 9px; background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 14px top 20px transparent; margin-right: 0px; } - .tygrzx_setlecon{ - width: 85%; - justify-content: space-between; - } - .tygrzx_leftcon { - padding-left: 15px; - } - - .tygrzx_riscon { - padding-left: 32px; - } - - .tygrzx_int> :nth-child(2) { - width: 85%; - } - .tygrzx_wic> :nth-child(2) { - width: 81%; -} - + .tygrzx_setlecon{width: 85%;justify-content: space-between;} + .tygrzx_leftcon {padding-left: 15px;} + .tygrzx_riscon {padding-left: 32px;} + .tygrzx_int> :nth-child(2) {width: 85%;} + .tygrzx_wic> :nth-child(2) {width: 81%;} .tygrzx_riscon>form { display: block; padding-right: 0px; @@ -513,38 +459,18 @@ .sypx-box img{height: 200px;object-fit: cover;} .sypx-box .ys-title{height: 50px;line-height: 50px;} .ys-title{font-size: 15px;} - - .ty_di { - display: none; - } - .ty_listnav a{ - padding-left: 0px; - } - .ty_listnav>li { - padding-left: 7px; - } + .ty_di {display: none;} + .ty_listnav a{padding-left: 0px;} + .ty_listnav>li {padding-left: 7px;} } @media screen and (max-width:1000px){ - .ty_herader .dis>a { - - width: 260px; - } -.ty_listnav{ - display: none; -} -.ty_btntop{ - display: block; -} -.ty_herader>nav { - padding-top: 31px; - justify-content: space-between; -align-items: center; -} -.ty_herader>img { - display: none; -} + .ty_herader .dis>a {width: 260px;} + .ty_listnav{display: none;} + .ty_btntop{display: block;} + .ty_herader>nav {padding-top: 31px;justify-content: space-between;align-items: center;} + .ty_herader>img {display: none;} } @media screen and (min-width:1001px) and (max-width:1120px) { .logo{width: 26%;} @@ -559,22 +485,10 @@ align-items: center; .hz-imgItem div{width: 25%;margin-bottom: 20px;} .hz-imgItem div img{width: 80%;} .sypx-box img{height: 240px;object-fit: cover;} - - .ty_di { - display: none; - } - .ty_listnav a{ - padding-left: 0px; - } - -.ty_herader .dis>a { - - width: 30%; -} -.ty_listnav { - - padding-bottom: 26px; -} + .ty_di {display: none;} + .ty_listnav a{padding-left: 0px;} + .ty_herader .dis>a {width: 30%;} + .ty_listnav {padding-bottom: 26px;} } @media screen and (min-width:1121px) and (max-width:1260px) { @@ -587,21 +501,10 @@ align-items: center; .head-nav-box > div:last-child {margin-top: 0px;} .redD {right: 6px;} .sypx-box img{height: 240px;object-fit: cover;} - .ty_di { - display: none; - } - .ty_listnav a{ - padding-left: 0px; - } - -.ty_herader .dis>a { - - width: 33%; -} -.ty_listnav { - - padding-bottom: 26px; -} + .ty_di {display: none;} + .ty_listnav a{padding-left: 0px;} + .ty_herader .dis>a {width: 33%;} + .ty_listnav {padding-bottom: 26px;} } @media screen and (min-width:1261px) and (max-width:1350px) { @@ -612,26 +515,13 @@ align-items: center; .head-nav-box > div:last-child {margin-top: 10px;} .redD {right: 6px;} .sypx-box img{height: 240px;object-fit: cover;} - - .ty_di { - display: none; - } - .ty_listnav a{ - padding-left: 8px; - } - -.ty_herader .dis>a { - - width: 33%; -} -.ty_listnav { - - padding-bottom: 26px; -} + .ty_di {display: none;} + .ty_listnav a{padding-left: 8px;} + .ty_herader .dis>a {width: 33%;} + .ty_listnav {padding-bottom: 26px;} } @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) { @@ -641,21 +531,10 @@ align-items: center; .dao-box>li>div{padding: 6px 0;} .redD {right: 8px;} .sypx-box img{height: 340px;object-fit: cover;} - .ty_di { - display: none; - } - .ty_listnav a{ - padding-left: 0px; - } - -.ty_herader .dis>a { - - width: 33%; -} -.ty_listnav { - - padding-bottom: 26px; -} + .ty_di {display: none;} + .ty_listnav a{padding-left: 0px;} + .ty_herader .dis>a {width: 33%;} + .ty_listnav {padding-bottom: 26px;} #ys-cate{overflow-x: scroll;overflow-y: hidden;} #ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;} .jg-tou .font-36{font-size: 26px;margin-top: 6px;} @@ -663,6 +542,7 @@ align-items: center; .jg-xian{display: none;} .jg-guanz {width: 80px;height: 30px;line-height: 30px;} } +} @media screen and (min-width:1621px) and (max-width:1820px) { .logo{width: 30%;} .p-zy180,.head-box{padding: 20px 180px;} @@ -679,9 +559,8 @@ align-items: center; } @media screen and (min-width:1621px) and (max-width:1820px) { - .logo { - width: 30%; - } + .logo {width: 30%;} +} @media (max-width:766px){ #zx-list img {width: 120px;max-height: 74px;} #zx-list .clips2 {-webkit-line-clamp: 2;} @@ -1023,10 +902,5 @@ align-items: center; .zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;margin-right: 20px;} .jg-xian{display: none;} .jg-guanz {width: 80px;height: 30px;line-height: 30px;} -} - - .p-zy180, - .head-box { - padding: 20px 100px; - } + .p-zy180,.head-box {padding: 20px 100px;} } \ No newline at end of file