1032 lines
30 KiB
CSS
1032 lines
30 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: 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;
|
|
}
|
|
}
|
|
@media screen and (max-width:991px){
|
|
.tygrzx_ddxx {
|
|
display: block;
|
|
}
|
|
.tygrzx_ddxxTxt{
|
|
width: 100%;
|
|
border-bottom: 1px solid rgb(233, 233, 233);
|
|
padding: 16px 0;
|
|
}
|
|
.tygrzx_ddxxTxt1{
|
|
width: 100%;
|
|
border-bottom: 1px solid rgb(233, 233, 233);
|
|
padding: 16px 0;
|
|
}
|
|
.tygrzx_ddxx>:nth-child(1)>:last-child {
|
|
border-bottom: 1px solid rgb(233, 233, 233);
|
|
}
|
|
.tygrzx_ddxxTxt1>a {
|
|
width: 50%;
|
|
|
|
}
|
|
}
|
|
@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 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_riscon>form {
|
|
display: block;
|
|
padding-right: 0px;
|
|
width: 95%;
|
|
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
.tygrzx_dindantop {
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
.tygrzx_ddcontit {
|
|
height: auto;
|
|
}
|
|
.tygrzx_riscon>form {
|
|
display: block;
|
|
padding-right: 0px;
|
|
width: 95%;
|
|
}
|
|
.p-zy320 {
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.tygrzx_left {
|
|
width: 100%;
|
|
height: auto;
|
|
overflow-x: auto;
|
|
display: flex;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.caiadn {
|
|
width: 100%;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
left: 0px;
|
|
padding-right: 30px;
|
|
padding-left: 30px;
|
|
|
|
|
|
}
|
|
|
|
.tygrzx_riscon {
|
|
/* padding-left: 32px; */
|
|
padding: 40px 20px 20px;
|
|
position: relative;
|
|
height: auto;
|
|
}
|
|
|
|
.tygrzx_ris {
|
|
margin-top: 98px;
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.tygrzx_leftcon {
|
|
width: auto;
|
|
flex-shrink: 0;
|
|
padding: 0px;
|
|
padding-left: 24px;
|
|
}
|
|
|
|
.tygrzx_int> :nth-child(2) {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.tygrzx_lefttx {
|
|
display: none;
|
|
}
|
|
.tygrzx_setlecon {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
|
|
|
|
|
|
.tygrzx_tupian {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.tygrzx_name> :nth-child(1) {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.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_int> :nth-child(1) {
|
|
|
|
margin-right: 0px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.tygrzx_setle> :nth-child(1) {
|
|
margin-right: 0px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.tygrzx_scimg {
|
|
width: 100px;
|
|
height: 100px;
|
|
|
|
}
|
|
.tygrzx_wic> :nth-child(2) {
|
|
width: 81%;
|
|
}
|
|
|
|
}
|
|
|
|
@media screen and (max-width:430px) {
|
|
|
|
.tygrzx_grzximg {
|
|
position: absolute;
|
|
width: 98%;
|
|
border-radius: 50px;
|
|
height: 100px;
|
|
left: -127px;
|
|
top: -49px;
|
|
}
|
|
.caiadn {
|
|
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
.tygrzx_scanniu>:nth-child(3) {
|
|
display: none;
|
|
}
|
|
|
|
.tygrzx_tubtn {
|
|
display: none;
|
|
}
|
|
|
|
.tygrzx_int {
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
|
|
.tygrzx_name {
|
|
position: absolute;
|
|
top: 52px;
|
|
left: 145px;
|
|
}
|
|
|
|
.p-zy320 {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.tygrzx_scimg {
|
|
width: 100px;
|
|
height: 100px;
|
|
background-image: url(../img/jgzx/images/xwfm_03.png);
|
|
background-size: 102%;
|
|
border: solid 1px #000;
|
|
border-color: rgb(208, 208, 208);
|
|
}
|
|
|
|
.tygrzx_int> :nth-child(1) {
|
|
text-align: left;
|
|
font-size: 14px;
|
|
}
|
|
.tygrzx_setle> :nth-child(1) {
|
|
text-align: left;
|
|
margin-bottom: 10px;
|
|
font-size: 14px;
|
|
}
|
|
.tygrzx select {
|
|
padding: 0px 7px;
|
|
font-size: 12px;
|
|
background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 10% top 46% transparent;
|
|
background-size: 12px 8px;
|
|
height: 39px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
width: 30.9%;
|
|
|
|
|
|
}
|
|
|
|
.tygrzx_setlecon {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.tygrzx_setle {
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.tygrzx_int> :nth-child(2) {
|
|
width: 100%;
|
|
|
|
margin-top: 10px;
|
|
font-size: 12px;
|
|
height: 39px;
|
|
}
|
|
|
|
.tygrzx_btn>button {
|
|
border-radius: 5px;
|
|
font-size: 18px;
|
|
width: 100%;
|
|
height: 33px;
|
|
color: #fff;
|
|
background-color: rgb(203, 25, 25);
|
|
cursor: pointer;
|
|
border: none;
|
|
}
|
|
.tygrzx_riscon>form {
|
|
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:1620px) {
|
|
.tygrzx_ddmas>:nth-child(2) {
|
|
width: 100px;
|
|
padding-right: 12px;
|
|
font-size: 13px;
|
|
padding-top: 12px;
|
|
margin-left: 12px;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
height: 53px;
|
|
-webkit-line-clamp: 3;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
word-wrap: break-word;
|
|
word-break: break-all;
|
|
}
|
|
}
|
|
|
|
|
|
@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:766px) {
|
|
.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;font-size: 13px;}
|
|
.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;font-size: 13px;}
|
|
.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;}
|
|
|
|
.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;
|
|
}
|
|
}
|
|
@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;}
|
|
|
|
.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) {
|
|
.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;}
|
|
.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) {
|
|
.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;}
|
|
|
|
.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) {
|
|
.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;}
|
|
.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;}
|
|
.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;}
|
|
}
|
|
@media screen and (min-width:1621px) and (max-width:1820px) {
|
|
.logo{width: 30%;}
|
|
.p-zy180,.head-box{padding: 20px 180px;}
|
|
.ty_di {
|
|
display: none;
|
|
}
|
|
.ty_listnav a{
|
|
padding-left: 8px;
|
|
}
|
|
#ys-cate{overflow-x: scroll;overflow-y: hidden;}
|
|
#ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;}
|
|
.zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;margin-right: 20px;}
|
|
.jg-xian{display: none;}
|
|
}
|
|
|
|
@media screen and (min-width:1621px) and (max-width:1820px) {
|
|
.logo {
|
|
width: 30%;
|
|
}
|
|
@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-y: 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%;margin-top: -20px;}
|
|
#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;padding-bottom: 20px;}
|
|
#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: 49%;}
|
|
|
|
#px-list {padding-top: 20px;}
|
|
#px-list .djbac{flex-direction: column;margin-top: 20px;padding-bottom: 20px;}
|
|
#px-list .w50:first-child{width: 100%;}
|
|
#px-list .w50:last-child{width: 94%;}
|
|
#px-list .p-zy40{margin-top: 10px;}
|
|
#px-list .m-s30{margin-top: 15px;}
|
|
.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;}
|
|
|
|
.zaixian-img{min-height: 120px; max-height: 220px;}
|
|
.px-item-bo{width: 30px;height: 30px;}
|
|
#pxzb-list .p-zy30{padding-left: 15px;padding-right: 15px;}
|
|
#pxzb-list .m-s20{margin-top: 10px;}
|
|
#pxzb-list .font-20{font-size: 16px;}
|
|
#pxzb-list .font-15{font-size: 12px;}
|
|
#pxzb-list .p-x20{padding-bottom: 10px;}
|
|
#pxzb-list .clips4{-webkit-line-clamp: 1;}
|
|
#pxzb-list .w56{width: 100%;}
|
|
#pxzb-list .w56 .col19:nth-child(3){display: none;}
|
|
#pxzb-list .linh26{line-height: 16px;}
|
|
#pxzb-list .m-x30{margin-bottom: 20px;}
|
|
.p-sx30{padding-top: 20px;padding-bottom: 20px;}
|
|
.font-40{font-size: 28px;}
|
|
.allitem-title{padding: 25px 0 20px 0;}
|
|
.font-26{font-size: 20px;}
|
|
.m-z30{margin-left: 20px;}
|
|
.zixun-left-box{width: 100%;}
|
|
.zixun-left-box .p-zy30{padding-left: 10px;padding-right: 10px;}
|
|
.zixun-left-box .font-26{padding: 20px 0 10px 0;}
|
|
.zixun-right-box{width: 100%;float: left;margin-left: 0px;padding: 0 20px 20px 20px;box-sizing: border-box;}
|
|
#zlDetail{flex-direction: column;}
|
|
#zlDetail .linh32{line-height: 26px;font-size: 15px;}
|
|
#zlDetail .font-15{font-size: 14px;}
|
|
#zlDetail .w50{width: 100%;max-height: 300px;overflow: hidden;}
|
|
#zlDetail .w50 img{object-fit: cover;max-height: 300px;width: 100%;}
|
|
.toug-btn {width: 80px;height: 28px;line-height: 28px;font-size: 14px;}
|
|
.zhanlan-box{flex-direction: column;padding-top: 10px;margin-left: 10px;margin-right: 10px;}
|
|
.zhanlan-box>.dac{flex-direction: column;width: 100%;}
|
|
.zhanlan-box>.dac .m-y10{margin-right: 0px;}
|
|
.zhanl-select{width: 100%;padding: 0 10px;box-sizing: border-box;margin: 10px 0;}
|
|
.zhanl-select div{width: 100%;}
|
|
.zpsearch-box{width: 100%;box-sizing: border-box;}
|
|
.font-28{font-size: 18px;}
|
|
.zhanlan-list{padding-left: 10px;padding-right: 10px;}
|
|
.zhanlan-list img{max-height: 300px;object-fit: cover;}
|
|
.zhanlan-list .w25{margin-top: 20px;}
|
|
.zhanlan-list .w90{width: 100%;}
|
|
.w102{width: 100%;}
|
|
#zlzp-list .pr div {right: 6px;}
|
|
.zhanlan-list .linh28{line-height: 23px;}
|
|
#success_fail{width: 320px;}
|
|
#success_fail .font-24{font-size: 14px;}
|
|
#success_fail .font-36{font-size: 20px;}
|
|
#success_fail .m-sx30{margin-top: 15px;margin-bottom: 15px;}
|
|
#failk img ,#successk img {width: 50px;height: 50px;margin-top: 20px;}
|
|
.goShop, #successk div:last-child div{margin: 20px 0; width: 90px;height: 30px;line-height: 30px;}
|
|
#isTank > div > div{width: 320px;}
|
|
.tk-tougao > div > input{width: 100%;height: 35px;margin-top: 10px;}
|
|
.tk-tougao {padding: 15px 20px;}
|
|
.tgsub-btn {width: 100%;}
|
|
.chooseImg-content2 {margin-top: 120px;margin-left: 0px;font-size: 12px;}
|
|
.tgsub-btn div {width: 100px;height: 36px;line-height: 36px;font-size: 14px;}
|
|
.tk-tougao .dis{flex-direction: column;}
|
|
.chooseImg-box{margin-top: 10px;}
|
|
|
|
#ysj-jj .m-sx20{margin-top: 10px;margin-bottom: 10px;}
|
|
#ysj-jj .linh30{line-height: 26px;}
|
|
#ys-nav {margin: -10px 20px 0px 20px!important;}
|
|
#ysj-zp{margin-top: -20px;}
|
|
.szx-nav{overflow-x: scroll;overflow-y: hidden;}
|
|
.zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;}
|
|
.zx-nav li a, .szx-nav li a, .px-nav li a{font-size: 14px;}
|
|
#jgy-list{justify-content: space-between;}
|
|
#jgy-list img{margin-bottom: 10px;}
|
|
#jgy-list .w25{width: 48%;margin-bottom: 20px;}
|
|
#jgy-list .w90{width: 100%;}
|
|
#ysjzz-list, #ysj-ft-list{justify-content: space-between;}
|
|
#ysjzz-list .w25,#ysj-ft-list .w33{width: 48%;}
|
|
#ysjzz-list .w90{width: 100%;}
|
|
#ysjzz-list .m-s30{margin-top: 0px;margin-bottom: 20px;}
|
|
#ysj-ft-list .pd20{padding: 0;}
|
|
#ysjzz-list img{margin-bottom: 10px;}
|
|
.m-s50{margin-top: 20px;}
|
|
|
|
#jgjj-box{margin-top: 0px;}
|
|
.jg-tou{margin-top: 10px;}
|
|
.jg-tou .p-sx20{padding: 0 20px;}
|
|
.jg-tou .font-36{font-size: 20px;}
|
|
#jgjj-box .m-zy20:first-child{margin-left: 0px;margin-right: 0px;margin-top: 0px;line-height: 26px;}
|
|
#jgjj-box .m-zy20:last-child{margin-left: 0px;margin-right: 0px;margin-top: 10px;line-height: 30px;}
|
|
#jgjj-box .linh42{padding-bottom: 20px;}
|
|
#jgjj-box .linh42 .dac{align-items: baseline;}
|
|
.jg-guanz{width: 80px;height: 30px;line-height: 30px;flex-shrink: 0;margin-left: 10px;}
|
|
.borr{font-size: 14px;}
|
|
|
|
.jg-tou .p-zy20{padding-left: 0px;padding-right: 0px;}
|
|
#jgs-list,#jgz-list,#jgm-list{justify-content: space-between;}
|
|
#jgs-list .w25,#jgz-list .w25,#jgm-list .w25{width: 48%;}
|
|
#jgs-list .m-s30,#jgz-list .m-s30,#jgm-list .m-s30{margin-top: 0px;margin-bottom: 10px;}
|
|
#jgs-list .w90,#jgz-list .w90,#jgm-list .w90{width: 100%;margin-bottom: 10px;}
|
|
#jgs-list .font-18{margin-bottom: 0px;}
|
|
#jgz-list .m-s10{margin-top: 0;}
|
|
#jgcy-box{padding-bottom: 20px;}
|
|
#zx-list .m-y30{margin-right: 10px;}
|
|
.artist_box .pd6,.trainDetail .pd6{margin-left: -20px;margin-right: -20px;}
|
|
.trainDetail .m-s30{margin-top: 6px;}
|
|
.trainDetail .m-x10{display: none;}
|
|
.trainDetail .p-zy40{padding-left: 10px;padding-right: 10px;}
|
|
.trainDetail .linh28{margin-bottom: 6px;}
|
|
.trainDetail .clips4{-webkit-line-clamp: 2;}
|
|
.trainDetail .linh30{line-height: 25px;}
|
|
.trainDetail .font-26{margin-left: 20px;}
|
|
.trainDetail .p-zy20{padding-left: 20px;padding-right: 20px;}
|
|
.trainDetail .m-zy20{margin-right: 0px;}
|
|
.shop-swiper .swiper-pagination-bullet{width: 6px;height: 6px;}
|
|
|
|
#rem-list,#jf-list {justify-content: space-between;flex-direction: column;align-items: flex-start;}
|
|
#rem-list .w20,#jf-list .w20{width: 100%;}
|
|
#rem-list .m-s20,#jf-list .m-s20{margin-top: 10px;}
|
|
#rem-list .clips2,#jf-list .clips2{-webkit-line-clamp: 1;}
|
|
#rem-list a div:nth-of-type(1), #jf-list a div:nth-of-type(1){height: 20px;}
|
|
#rem-list a img, #jf-list a img{height: 200px;}
|
|
|
|
.shopBox .m-x20{margin-bottom: 10px;}
|
|
.shop-swiper{padding-top: 10px;}
|
|
|
|
#sh-list {flex-direction: column;}
|
|
#sh-list>a:first-child{width: 100%;}
|
|
#cq-list .w59,#sh-list .w59{justify-content: space-between;flex-wrap: wrap;width: 100%;margin-top: 10px;}
|
|
#cq-list .w33,#sh-list .w33{width: 48%;margin-bottom: 10px;}
|
|
#cq-list .m-z20,#sh-list .m-z20{margin-left: 0px;}
|
|
/* #cq-list .m-sx10,#sh-list .m-sx10{margin-bottom: 0px;margin-top: 0px;} */
|
|
#cq-list>.dis,#sh-list>.dis{justify-content: space-between;flex-wrap: wrap;}
|
|
#cq-list>.dis .w20,#sh-list>.dis .w20{width: 48%;}
|
|
#cq-list>.dis .m-y20,#sh-list>.dis .m-y20{margin-right: 0px;}
|
|
#cq-list>.dis .m-s20,#sh-list>.dis .m-s20{margin-top: 0px;}
|
|
|
|
#scjf-list{justify-content: space-between;flex-wrap: wrap;}
|
|
#scjf-list .w20{width: 48%;}
|
|
#scjf-list .m-y20{margin-right: 0px;}
|
|
|
|
#alls-list{justify-content: space-between;flex-wrap: wrap;padding-bottom: 20px;}
|
|
#alls-list .dfc > div{margin: 0;}
|
|
#alls-list .w20{width: 48%;box-shadow: none;}
|
|
|
|
.shopDetail-title{padding-top: 10px;}
|
|
.shopDetail-box{padding-top: 20px;}
|
|
.xq-pub {width: 30px;height: 30px;}
|
|
.xq-pre{left: 10px;}
|
|
.xq-next{right: 10px;}
|
|
.shopDetail-box .detail-right {width: 100%;padding: 0;}
|
|
.shopDetail-box .detail-right .font-24{font-size: 16px;}
|
|
.shopDetail-box .detail-right .linh42{line-height: 25px;height: 40px;margin-bottom: 10px;}
|
|
.shopDetail-box .detail-right .font-30{font-size: 15px;}
|
|
.shopDetail-box .detail-right .font-15{font-size: 12px;}
|
|
.shopDetail-box .youhq-box{margin-top: 0px;}
|
|
.detail-input-box{margin-top: 10px;margin-left: 12px;}
|
|
.dui-box, .addcart-box {
|
|
width: 80px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
margin-left: 0px;
|
|
}
|
|
.addcart-box .font-20{font-size: 14px;}
|
|
.detail-right .p-x20{padding-bottom: 10px;}
|
|
.detail-right .p-s20{padding-top: 10px;padding-bottom: 10px;}
|
|
.detail-right .p-s20 > .dac{margin-left: 0px;}
|
|
#pm-list{padding-bottom: 0px;}
|
|
#pm-list .m-x30{margin-bottom: 20px;}
|
|
#pm-list img{height: 150px;}
|
|
#pm-list .w56{width: 100%;padding-left: 10px;padding-right: 10px;}
|
|
#pm-list .clips3{-webkit-line-clamp: 2;}
|
|
#pm-list .m-s20{margin-top: 10px;}
|
|
#pm-list .m-x10{margin-bottom: 0px;display: none;}
|
|
#pm-list .p-sx20{padding-top: 10px;padding-bottom: 10px;}
|
|
#pm-list .font-20{font-size: 15px;}
|
|
#pm-list .font-15{font-size: 13px;}
|
|
#pm-list .m-x20{margin-bottom: 10px;display: none;}
|
|
|
|
.pm-detail img{padding-top: 20px;padding-bottom: 10px;}
|
|
.pm-detail .font-24{font-size: 18px;}
|
|
.pm-detail .font-16{font-size: 14px;line-height: 22px;}
|
|
.pm-detail .m-sx20{margin: 10px 0;}
|
|
.pm-detail .pd6 .font-36{font-size: 20px;padding-left: 10px;margin-top: -10px;}
|
|
|
|
|
|
#pmd-main{padding: 0 10px;margin-top: -30px;}
|
|
#pmd-list{justify-content: space-between;flex-wrap: wrap;}
|
|
#pmd-list .w25{width: 48%;}
|
|
#pmd-list .w90{width: 100%;}
|
|
#pmd-list .m-s30{margin-top: 0px;}
|
|
#pmd-list .clips1{margin-top: 0px;}
|
|
|
|
#duih{font-size: 13px;}
|
|
|
|
.artist_box .m-sx30{margin-top: 0px;}
|
|
.artist_detail_right{width: 100%;padding-right: 0;}
|
|
.artist_detail_right .font-24{font-size: 20px;}
|
|
.artist_detail_right .linh42{line-height: 30px;}
|
|
.artist_detail_right .m-sx20{margin-top: 10px;margin-bottom: 10px;}
|
|
.artist_detail_right .p-s20{padding-top: 0px;}
|
|
.goMai {font-size: 13px; padding: 6px 15px;}
|
|
|
|
#previewImg div:first-child{width: 60%;height: auto;}
|
|
#previewImg div:first-child img{height: 100%;float: left;}
|
|
}
|
|
@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 15px;}
|
|
.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;}
|
|
#ys-cate{overflow-x: scroll;overflow-y: hidden;}
|
|
#ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;}
|
|
#px-list .p-zy40{padding-left: 20px;padding-right: 20px;}
|
|
#px-list a .clips4{-webkit-line-clamp: 3;}
|
|
#px-list a .m-s30{margin-top: 15px;}
|
|
|
|
.zaixian-img{max-height: 220px;}
|
|
.px-item-bo{width: 40px;height: 40px;}
|
|
#pxzb-list .p-zy30{padding-left: 15px;padding-right: 15px;}
|
|
#pxzb-list .m-s20{margin-top: 10px;}
|
|
#pxzb-list .font-20{font-size: 16px;}
|
|
#pxzb-list .p-x20{padding-bottom: 10px;}
|
|
#pxzb-list .clips4{-webkit-line-clamp: 2;}
|
|
#pxzb-list .w56{width: 100%;}
|
|
#pxzb-list .w56 .col19:nth-child(3){display: none;}
|
|
.p-sx30{padding-top: 20px;padding-bottom: 20px;}
|
|
.font-40{font-size: 28px;}
|
|
.allitem-title{padding: 25px 0 20px 0;}
|
|
.font-26{font-size: 20px;}
|
|
.m-z30{margin-left: 20px;}
|
|
#zlDetail .linh32{line-height: 26px;}
|
|
|
|
.jg-tou{margin-top: 10px;}
|
|
.jg-tou .p-sx20{padding: 0 20px;}
|
|
.jg-tou .font-36{font-size: 20px;margin-top: 6px;}
|
|
#jgjj-box{margin-top: 20px;}
|
|
#jgjj-box .m-zy20:first-child{margin-left: 0px;margin-right: 0px;margin-top: 0px;line-height: 26px;}
|
|
#jgjj-box .m-zy20:last-child{margin-left: 0px;margin-right: 0px;margin-top: 10px;line-height: 30px;}
|
|
#jgjj-box .linh42{padding-bottom: 20px;}
|
|
#jgjj-box .linh42 .dac{align-items: baseline;}
|
|
.jg-guanz{width: 80px;height: 30px;line-height: 30px;}
|
|
.borr{font-size: 14px;}
|
|
|
|
#jgsk-box,#jgzh-box,#jgcy-box{padding-bottom: 20px;}
|
|
#zx-list .m-y30{margin-right: 10px;}
|
|
.trainDetail .p-zy40{padding-left: 20px;padding-right: 20px;}
|
|
.trainDetail .clips4{-webkit-line-clamp: 3;}
|
|
.trainDetail .linh30{line-height: 25px;}
|
|
#pm-list img{height: 200px;}
|
|
#pm-list .w56{width: 100%;padding-left: 10px;padding-right: 10px;}
|
|
#pm-list .clips3{-webkit-line-clamp: 2;}
|
|
#pm-list .m-s20{margin-top: 10px;}
|
|
#pm-list .m-x10{margin-bottom: 0px;}
|
|
#pm-list .p-sx20{padding-top: 10px;padding-bottom: 10px;}
|
|
#pm-list .font-20{font-size: 15px;}
|
|
#pm-list .font-15{font-size: 13px;}
|
|
#pm-list .m-x20{margin-bottom: 10px;}
|
|
}
|
|
@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;}
|
|
.p-sx30{padding-top: 20px;padding-bottom: 20px;}
|
|
.zx-dian{margin: 10px 0 0 0;}
|
|
#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: 20px;margin-top: 12px;}
|
|
.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;}
|
|
.zx-nav li a, .szx-nav li a, .px-nav li a{font-size: 14px;}
|
|
.jg-tou .p-sx20{padding: 0 20px;}
|
|
.zx-nav li, .szx-nav li, .px-nav li {padding: 15px 0 15px 0;}
|
|
#jgjj-box .m-zy20:first-child{margin-left: 0px;margin-right: 0px;margin-top: 0px;line-height: 26px;}
|
|
#jgjj-box .m-zy20:last-child{margin-left: 0px;margin-right: 0px;margin-top: 10px;line-height: 30px;}
|
|
#jgjj-box .linh42{padding-bottom: 20px;}
|
|
#jgjj-box .linh42 .dac{align-items: baseline;}
|
|
.borr{font-size: 14px;}
|
|
|
|
#pm-list img{height: 200px;}
|
|
#pm-list .w56{width: 100%;padding-left: 10px;padding-right: 10px;}
|
|
#pm-list .clips3{-webkit-line-clamp: 2;}
|
|
#pm-list .m-s20{margin-top: 10px;}
|
|
#pm-list .m-x10{margin-bottom: 0px;}
|
|
#pm-list .p-sx20{padding-top: 10px;padding-bottom: 10px;}
|
|
#pm-list .font-20{font-size: 15px;}
|
|
#pm-list .font-15{font-size: 13px;}
|
|
#pm-list .m-x20{margin-bottom: 10px;}
|
|
|
|
|
|
}
|
|
@media (min-width:1200px) and (max-width:1440px){
|
|
#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;}
|
|
.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;
|
|
}
|
|
} |