huaxia/css/huaxiaMedia.css

633 lines
25 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: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:767px) 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;}
}
@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;}
#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;}
#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 (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;}
}