html{ margin: auto; } *{ z-index:20; font-family: "pingfang sc"; } body { margin: auto; display: flex; justify-content: center; } .zx_select { border-radius: 0.16rem 0.16rem 0 0; background: #fff; } .zx_select header button,.zx_select header{ background-color: #fff !important; } .sel_top,.sel_bottom{ background: rgba(254, 255, 255, 0.7) !important; } .city{ font-size: 0.27rem !important; position: relative !important; display: flex; align-items: center; top: 0px; left: 0px; padding: 0px; color: #ff6600; text-align: center; font-family: "pingfang sc"; } .banners img { width: 100%; } .box { width: 7.5rem; margin: 0px !important; background: #f9f9f9; min-height: 100vh; /* overflow: hidden; */ } .share div{ align-items: center; } .share{ width: 1.95rem; height: 0.7rem; flex-shrink: 0; border-radius: 0.49rem; border: 0.01rem solid #ff5e26; border-radius: 1.5625rem; color: #ff5e26; font-size: 0.27rem; font-weight: 500; background: #fff; margin-left: 0.275rem; display: flex; align-items: center; justify-content: center; } .shares{ width: 1.95rem; height: 0.7rem; flex-shrink: 0; border-radius: 0.49rem; border-radius: 1.5625rem; background: var(--linear, linear-gradient(131deg, #ff9142 26.93%, #ff5e26 100%)); color: #fff; font-size: 0.27rem; font-weight: 500; margin-left: 0.275rem; display: flex; align-items: center; justify-content: center; } .other-city{ flex: 1; height: 0.7rem; flex-shrink: 0; border-radius: 0.49rem; background: var(--linear, linear-gradient(131deg, #ff9142 26.93%, #ff5e26 100%)); text-align: center; font-size: 0.27rem; line-height: 0.7rem; border: 0; border-radius: 1.5625rem; margin-left: 0.275rem; margin-right: 0.275rem; margin-top: 0.1rem; color: #ffffff; display: flex; align-items: center; justify-content: center; } .fixed { width: 7.5rem !important; font-size: 0.26rem; background-color: #fff !important; padding: 0.2rem 0 !important; } .fixed a { font-size: 0.26rem; } #search_right{ margin-bottom: 0.03rem; height:0.4rem; } .search{ width: 7rem; height: 0.7rem; flex-shrink: 0; border-radius: 0.49rem; border: 0.01rem solid #ff660033; background: #fff; box-shadow: 0 0 0.15rem 0 #facc951a; padding: 0 0.2rem; margin: auto; font-size: 0.24rem; display: flex; align-items: center; position: relative; z-index: 20; } .searchicon { width: 0.31rem; margin-right: 0.1rem; } .search-wrap { position: relative; display: flex; align-items: center; margin-bottom: 0.2rem; } .nav-head { width: 0.98rem; height: 0.47rem; flex-shrink: 0; flex-shrink: 0; border-radius: 0 50px 50px 0; background: linear-gradient(131deg, #ff9142 26.93%, #ff5e26 100%); margin-top: 0.23rem; color: #fff !important; text-align: center; font-family: "pingfang sc"; font-size: 0.27rem; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.01rem; line-height:0.47rem; margin-right: 0.3rem; } .nav { display: flex; flex-wrap: nowrap; justify-content: start; overflow-x: scroll; transition: 0.3s; } .nav::-webkit-scrollbar{ display: none; } .nav > a { margin-right: 0.3rem; text-align: center; color: #666; cursor: pointer; font-size: 0.27rem; flex-shrink: 0; margin-bottom: 5px; } .nav > div:not(:first-of-type):hover { color: #ff5e26 !important; } .navwrap{ display: flex; width: 7rem; margin: auto; align-items: center; position: relative; margin-top: 0.27rem; } .single-card { width: 7rem; flex-shrink: 0; border-radius: 10px; background: #fff; padding: 0.24rem 0.22rem; box-sizing: border-box; margin: auto; margin-bottom: 0.21rem; position: relative; z-index: 1; } .single-card a{ display: flex; } .single-card-p1 { width: 4rem; color: #333333; text-align: justify; font-family: "pingfang sc"; font-size: 0.3rem; font-style: normal; font-weight: 600; line-height: 0.4rem; display: flex; justify-content: space-between; overflow: hidden;/*隐藏多出部分文字*/ text-overflow: ellipsis;/*用省略号代替多出部分文字*/ display: -webkit-box;/* 显示多行文本容器 */ -webkit-box-orient: vertical; -webkit-line-clamp:1;/*显示行数*/ position: relative; } .zhuanqu .single-card-p1 { height: unset; } ::-webkit-input-placeholder { color:#999; font-size: 0.24rem; } .single-card-p2 { color: #ff5e26; text-align: justify; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 400; line-height: normal; display: flex; align-items: center; margin-top: 0.24rem; } .single-card-p3{ font-size: 0.21rem; width: 1.04rem; height: 0.33rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0px; left: 0px; border-radius: 0.12rem 0; } .single-card-p3-color1{ background: #ff9650; color: #fff; } .single-card-p3-color2{ background: #3793c7; color: #fff; } .single-card-p3-color3{ background: #65c737; color: #fff; } .single-card-p3-color4{ background: #f94b4b; color: #fff; } .single-card-p3-color5{ background-color: #999; color: #fff; } .single-card-p2 img { width: 0.3rem; height: 0.3rem; margin-right: 0.1rem; } .fans { width: 351px; height: 90px; flex-shrink: 0; background: #fff; margin: auto; margin-top: 20px; } .detail-card { background-color: #fff; width: 351px; flex-shrink: 0; border-radius: 10px; background: #fff; box-shadow: 0 0 7.5px 0 #facc9540; margin: auto; padding: 10px; margin-bottom: 20px; } .detail-head-text { color: #333333; font-family: "pingfang sc"; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.5px; } .single-decoration { display: flex; align-items: start; margin-top: 0.2rem; font-size: 0.26rem; } .single-decoration :first-child { color: #999; font-size: 0.26rem; display: block; flex-shrink: 0 } .single-decoration .line { height: 10px; width: 1px; background-color: #999; margin: 0.14rem 10px; opacity: 0.2; } .bottom-button { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 20px; } .bottom-button button { padding: 10px 20px; border-radius: 8px; background: var(--linear, linear-gradient(131deg, #ff9142 26.93%, #ff5e26 100%)); border: 0px; color: #fff; } .single-decoration{ display: flex; align-items: start; margin-top: 0.3rem; font-size: 0.24rem; line-height: 0.40rem; } .single-decoration :first-child{ color: #999; font-size: 0.24rem; display: block; flex-shrink:0 } .single-decoration .line{ height: 10px; width: 1px; background-color: #999; margin: 0.14rem 10px; opacity: 0.2; } .bottom-button button:first-child { margin-right: 15px; } .active-class{ color: #ff5e26 !important; } .active-class::after{ content: ''; display: block; width: 0.35rem; height: 0.05rem; flex-shrink: 0; border-radius: 0.24rem; background: #f60; margin: auto; margin-top: 0.05rem; } .daofen-box2{ margin-top: 0.1rem; padding: 0.4rem 0.4rem; font-size: 0.24rem !important; line-height: 0.35rem !important; background: #fff; width: 7rem; margin: auto; letter-spacing: 0.02rem; } .daofen-box2 img{ width: 100% !important; height: 100%; margin-top: 0.2rem; } .hot{ width: 6.62rem; flex-shrink: 0; border-radius: 0.2rem; background: #fff; margin: auto; padding: 0.35rem 0.23rem; } .hot-head{ color: #333333; font-family: "pingfang sc"; font-size: 0.31rem; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.01rem; margin-bottom: 0.33rem; position: relative; } .hot-head img{ width: 0.55rem; height: 0.55rem; position: absolute; top: -12px; } .hot-head::after{ content: ''; display: block; width: 1.51rem; height: 0.14rem; flex-shrink: 0; border-radius: 0.1rem 0.1rem 0 0; background: #ffe3c2; margin-top: -10px; } .hot-wrap{ width: 6.86rem; flex-shrink: 0; border-radius: 0.2rem; border: 0.01rem solid #fff; background: #ffffff66; backdrop-filter: blur(0.07rem); margin: auto; position: relative; padding: 0.16rem 0px; top: -50px; display: flex; } .hot-body ul li{ margin-bottom: 0.2rem; display: flex; color: #333333; font-family: "pingfang sc"; font-size: 0.27rem; font-style: normal; font-weight: 400; line-height: 0.41rem; align-items: center; } .hot-dot{ width: 0.12rem; height: 0.12rem; flex-shrink: 0; background: var(--linear, linear-gradient(131deg, #ff9142 26.93%, #ff5e26 100%)); border-radius: 50%; margin-right: 0.23rem; } .weui-mask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); } .weui-dialog { position: fixed; z-index: 5000; width: 80%; max-width: 750px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #ffffff; text-align: center; border-radius: 0.06rem; overflow: hidden; } .weui-dialog__hd { padding: 1.3em 1.6em 0.5em; } .weui-dialog__title { font-weight: 400; font-size: 0.36rem; } .weui-dialog__bd { padding: 0 1.6em 0.8em; min-height: 0.8rem; font-size: 0.3rem; line-height: 1.3; word-wrap: break-word; word-break: break-all; color: #808080; text-align:left; } .weui-dialog__bd img{ max-width:100%;} .weui-dialog__bd:first-child { padding: 2.7em 0.4rem 1.7em; color: #353535; } .weui-dialog__ft { position: relative; line-height: 0.96rem; font-size: 0.36rem; display: -webkit-box; display: -webkit-flex; display: flex; } .weui-dialog__ft:after { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 0.02rem; border-top: 0.02rem solid #d5d5d6; color: #d5d5d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaley(0.5); transform: scaley(0.5); } .weui-dialog__btn { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #09bb07; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; } .weui-dialog__btn:active { background-color: #eeeeee; } .weui-dialog__btn:after { content: " "; position: absolute; left: 0; top: 0; width: 0.02rem; bottom: 0; border-left: 0.02rem solid #d5d5d6; color: #d5d5d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scalex(0.5); transform: scalex(0.5); } .weui-dialog__btn:first-child:after { display: none; } .weui-dialog__btn_default { color: #353535; } .weui-dialog__btn_primary { color: #09bb07; } .ticket{ display: flex; align-items: center; width: calc(100% 0.66rem); transform: translate(-0.33rem, 0); margin: 0.14rem 0; } .ticket-head{ width: 0.14rem; height: 0.27rem; border-radius: 0 0.27rem 0.27rem 0px; background-color: #ffe8ce } .ticket-line{ width: 100%; border: 1px dashed #ffebd3; } .ticket-end{ width: 0.14rem; height: 0.27rem; border-radius: 0.27rem 0 0 0.27rem; background-color: #ffe8ce } .head-text{ width: 7rem; margin: auto; padding: 0.2rem 0rem 0 0rem; display: flex; justify-content: space-between; } .head-text-left{ display: flex; align-items: end; height: 0.53rem; margin-bottom: 0.22rem; } .head-text span { font-size: 0.2rem; flex-shrink: 0; margin-left: 0.15rem; color: #ff660099 !important; font-size: 0.2rem; margin-bottom: 0.05rem; } .swiper { width: 7rem; height: 1.66rem; margin-top: 0.22rem; } .nav ::-webkit-scrollbar{ display: none; } .nav-dialog{ width: 7.55rem; flex-shrink: 0; border-radius: 0 0 0.2rem 0.2rem; background: #fafafa; position: absolute; top: 0.75rem; padding:0 0.24rem 0.24rem 0.24rem; z-index: 999; left: 50%; transform: translatex(-50%); display: none; } .nav-dialog div{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-wrap: wrap; } .nav-dialog div a{ display: inline-flex; width: 1.44rem; height: 0.56rem; justify-content: center; align-items: center; margin-top: 0.2rem; border-radius: 0.1rem; background: #f2f2f2; color: #666666; } .nav-dialog div .active-class-dia{ background: #ffefe4; color: #ff6600; } .screen-wrap{ width: 7rem; flex-shrink: 0; border-radius: 10px; display: flex; box-sizing: border-box; margin: auto; margin-bottom: 0.24rem; position: relative; z-index: 1; margin-top: 0.2rem; } .screen-wrap a{ display: block; padding: 0.08rem 0.24rem 0.08rem 0.25rem; background: #fff; color: #666666; margin-right: 0.2rem; display: flex; align-items: center; justify-content: center; border-radius: 0.1rem; font-size: 0.23rem; } .screen-wrap .screen-active{ background: #ffefe4; color: #ff6600; } .single-card-left{ position: relative; width: 2rem; height: 2rem; border-radius: 0.12rem; /* display: flex; */ /* justify-content: center; align-items: center; */ overflow: hidden; position: relative; } .single-card-left .img_cover{ border-radius: 0.12rem; height: 100%; } .single-card-right{ width: 4.37rem; margin-left: 0.2rem; position: relative; } .receivebutton{ position: absolute; bottom: 0px; right: 0px; width: 1.62rem; height: 0.54rem; flex-shrink: 0; border-radius: 0.5rem; border: 0.01rem solid #fff; background: var(--linear, linear-gradient(131deg, #ff9142 26.93%, #ff5e26 100%)); color: #fff; font-size: 0.23rem; } .tag-wrap{ display: flex; } .tag-wrap div{ background: linear-gradient(101deg, #ffe9d5 4.2%, #fff7f3 113.98%); color: #ff6600; width: 0.88rem; height: 0.38rem; flex-shrink: 0; border-radius: 0.04rem; display: flex; justify-content: center; align-items: center; margin-top: 0.15rem; margin-right: 0.2rem; font-size: 0.23rem; } .sketch{ width: 4.48rem; color: #feab14; font-size: 0.25rem; font-weight: 700; line-height: 0.36rem; margin-top: 0.08rem !important; overflow: hidden; /* 隐藏溢出的文本 */ white-space: nowrap; /* 禁止文本换行 */ text-overflow: ellipsis; /* 显示省略号 */ } .head-text .headtextimg{ width: 2.7rem; height: 0.52rem; box-sizing: content-box; } .head-text p{ color: #ff660099; font-family: "pingfang sc"; font-size: 0.23rem; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.01rem; margin-top: 0.13rem; } .headtag{ width: 1.1rem; height: 0.63rem; margin-left: 0.52rem; margin-top: 0.13rem; transform: translatey(0.2rem); } .shuline{ width: 0.01rem; height: 0.33rem; flex-shrink: 0; background: #ffd1b3; margin: 0 0.2rem; } .bgbanner{ position: absolute; top: 0px; width: 7.5rem; height: 4.14rem; background: no-repeat 100% 100%; background-size: cover; z-index: 1; } .allcate{ text-align: center; color: #666; margin-bottom: 0.2rem; } .swiper-slide img{ /* width: 100%; height: 100%; */ border-radius: 0.16rem; } .xfqicon{ cursor: pointer; position: fixed; bottom: 1.5rem; transform: translatex(6.8rem); } .today-wrap{ width: 7rem; margin: auto; background: linear-gradient(172deg, #ffece4 -5.58%, #fff 15.49%); padding: 0.24rem; position: relative; margin-top: 0.2rem; border-radius: 0.16rem; } .today-head .jinriimg{ width: 1.33rem; height: 0.31rem; } .today-head{ display: flex; justify-content: space-between; margin-bottom: 0.22rem; } .today-block{ width: 2.03rem; } .today-block a>p{ color: #000000; font-size: 0.21rem; margin: 0.1rem 0; font-weight: 700; overflow: hidden;/*隐藏多出部分文字*/ text-overflow: ellipsis;/*用省略号代替多出部分文字*/ display: -webkit-box;/* 显示多行文本容器 */ -webkit-box-orient: vertical; -webkit-line-clamp:1;/*显示行数*/ } .today-block-wrap{ display: flex; justify-content: space-around; } .today-block img{ } .pricep1{ color: #ff6600; font-size: 0.29rem; font-weight: 700; } .pricep2{ color: #aaaaaa; font-size: 0.21rem; } .receivebutton{ font-size: 0.16rem; width: 100% !important; } .head-text{ position: relative; z-index: 20; } .headtag{ width: 2.35rem; height: 1.3rem; margin: 0rem 0 0 1.2rem; transform: translatey(0.8rem); } .head-text span{ color: #fff !important; } #search_right{ margin-top: 0rem; font-size: 0.27rem; flex: 1; } .searchbutton{ width: 1.08rem; height: 0.56rem; flex-shrink: 0; border-radius: 0.50rem; background: var(--156, linear-gradient(128deg, #ff934a 8.03%, #f60 54.85%)); color: #fff; line-height: 0.56rem; text-align: center; font-size: 0.28rem; } .goimg{ margin-left: 0.05rem; width: 0.11rem; height: 0.15rem; display: inline-block; transform: translatey(-0.02rem); } .newnanwrap{ margin:0.23rem auto; position: relative; z-index: 999; align-items: center; } .newnanwrap .opennav{ display: flex; height: 0.54rem; padding: 0.11rem 0.26rem 0.1rem 0.26rem; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 0.1rem; background: #fff; color: #444444; text-align: center; font-size: 0.23rem; } .newnanwrap img{ margin-left: 0.12rem; width: 0.15rem; height: 0.1rem; } .opennav{ margin-right: 0.18rem; } .nav-dialog{ width: 7.55rem; left:50%; z-index: 99; } .nav-dialog div{ justify-content: start; } .nav-dialog div a:not(:nth-child(4n)){ margin-right: 0.34rem; } #nav-dialog2{ left:50%; z-index: 99; } .card-price{ margin-bottom: 0.08rem; } .card-price1{ display: inline-flex; padding: 0 0.06rem 0 0.04rem; justify-content: center; align-items: center; border-radius: 0.05rem; border: 0.01rem solid #ffa061; color: #ff6600; font-size: 0.2rem; margin-right: 0.1rem; } .card-price2{ color: #ff6600; font-size: 0.2rem; font-weight: 700; } .receivebutton{ width: 4.15rem; height: 0.54rem; flex-shrink: 0; border-radius: 1.18rem; border: 0.01rem solid #ff660099; background: #fff5ee; position: absolute; display: flex; justify-content: space-between; align-items: center; padding: 0 0.28rem; margin-top: 0.17rem; bottom: 0px; } .receivebuttonimg{ position: absolute; top: -0.05rem; right: -0.06rem; z-index: -1; width: 2.01rem; height: 0.58rem; } .todayimg{ width: 2.03rem; height: 1.47rem; display: block; border-radius: 0.14rem 0.14rem 0 0; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #f0f0f070 } .todayimg img{ height: 100%; } .card-mask{ position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 98; background-color: rgba(0, 0, 0, 0.6); display: none; } .search{ border: 0.01rem solid #f60; padding: 0 0.1rem 0 0.2rem; } .city{ color: #333; } .single-card-right{ height: 2rem; } .price-descriptionwrap{ width: 2.3rem; overflow: hidden; display: flex; align-items: center; } .price-description1{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; flex-shrink: 0; max-width: 2.3rem; } .price-description2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .bottomnav-head{ width: 7rem; margin: auto; margin-top: .2rem; margin-bottom: .15rem; } .bottomnavwrap{ display: flex; flex-wrap: wrap; } .bottomnavwrap a { font-size: 0.24rem; color: #555; margin-right: 0.24rem; margin-bottom: 0.12rem; } .xfqicon { display: none; opacity: 0.5; } /* .nav-wraps { width: 7.5rem; height: 0.9rem; flex-shrink: 0; background: #fff; position: fixed; bottom: -1px; display: flex; justify-content: space-around; align-items: center; } .nav-wraps p { margin-top: 0px; margin-bottom: 0px; font-size: 0.2rem; transform: translatex(0.02rem); color: #333; } .nav-wraps img { width: 0.43rem; height: 0.43rem; } .nav-wraps div { display: flex; flex-direction: column; } */ .list_title_wrap{ display: flex; justify-content: space-between; width: 7rem; margin: 0.32rem auto 0.32rem auto; align-items: end; } .list_title_wrap a{ color: #666666; font-size: 0.23rem; display: flex; align-items: center; } .list_title_wrap >div{ display: flex; align-items: end; } .list_title_wrap img{ width: 0.41rem; height: 0.41rem; } .list_title_left p:first-of-type{ color: #333333; font-size: 0.35rem; font-weight: 700; margin: 0 0rem 0 0.15rem; } .list_title_left p:last-of-type{ color: #666666; } .msgsources{ color: #999999; font-family: "pingfang sc"; font-size: 0.24rem; color: #555; display: flex; justify-content: space-between; padding-top: 0.16rem; margin-top: 0.24rem; border-top: 0.01rem solid #ebebeb; } .msgsources .pingtai-icon{ width: 0.3rem; height: 0.3rem; margin-right: 0.07rem; } .msgsources .left, .msgsources .right { display: flex; align-items: center; } .msgsources .left a .flex_end, .msgsources .right a .flex_end { display: flex; align-items: center; } .msgsources .shangjia_name{ color: #666; max-width: 2.05rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; } .msgsources .flex_end{ position: relative; } .msgsources .flex_end::after{ content: ""; background-image: ; width: 0.24rem; height: 0.24rem; background-repeat: no-repeat; background-size: 100% 100%; margin-left: 0.05rem; } .msgsources .left .tips{ font-size: 0.2rem; color: #999; margin-left: 0.08rem; } .flex_end{ display: flex; align-items: flex-end; } .newnanwrap{ border-radius: 0.16rem; padding: 0.15rem 0.2rem; color: #444; width: 7rem; background-color: #fff; } .newnanwraps{ border-radius: 0.16rem; padding: 0rem 0.2rem; color: #444; width: 5rem; } .newnanwraps{ margin:0.23rem auto; position: relative; z-index: 999; } .newnanwraps .opennav{ display: flex; height: 0.54rem; padding: 0.11rem 0.26rem 0.1rem 0.26rem; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 0.1rem; background: #fff; color: #444444; text-align: center; font-size: 0.23rem; } .newnanwraps img{ margin-left: 0.12rem; width: 0.15rem; height: 0.1rem; } .shaixuan_outer{ display: flex; align-items: center; } .shaixuan_outer_scroll{ overflow-x: scroll; } .shaixuan_outer.nomargin_bot{ margin-bottom: 0 } .shaixuan_outer .shaixuan_name{ white-space: nowrap; font-weight: 600; line-height: 0.4rem; } .shaixuan_outer .type_tab{ margin-right: 0.1rem; border-radius: 0.4rem; height: 0.4rem; line-height: 0.4rem; padding: 0 0.1rem; font-size: 0.26rem; color: #444; flex-shrink: 0; } .shaixuan_outer .type_tab.active-type_tab{ color: #fff; border-radius: 0.98rem; background: #f60; } .status_box{ display: flex; background-color: pink; margin-top: 0.12rem; padding: 0.12rem; } .status_box .status_item{ color: #333; padding: 0 0.24rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.27rem; margin-right: 0.16rem; background-color: #fff; } .status_box .status_item.active-status_item{ color: #f60; } .single-card-left{ min-width: 2rem; max-width: 2rem; } .single-card-left .left-title{ max-width: 1.7rem; padding: 0.05rem 0.14rem; font-size: 0.18rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; bottom: 0.5rem; left: 50%; transform: translatex(-50%); background-color: rgba(255,255,255,0.8); border-radius: 1rem; } .single-card-left .left-title.color1 { color: #216de8; } .single-card-left .left-title.color2 { color: #ff7800; } .single-card-left .left-title.color3 { color: #9644e5; } .single-card-left .left-title.color4 { color: #1cb97c; } .single-card-left .left-title.color5 { color: #f64181; } .todayimg{ position: relative; } /* .todayimg img{ height: 100%; width: 100%; object-fit: cover; } */ .todayimg .img_title{ max-width: 1.7rem; padding: 0.05rem 0.16rem; font-size: 0.16rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; bottom: 0.3rem; left: 50%; transform: translatex(-50%); background-color: rgba(255,255,255,0.8); border-radius: 2rem; } .todayimg .img_title.color1 { color: #216de8; } .todayimg .img_title.color2 { color: #ff7800; } .todayimg .img_title.color3 { color: #9644e5; } .todayimg .img_titlee.color4 { color: #1cb97c; } .todayimg .img_title.color5 { color: #f64181; } .swiper-backface-hidden .swiper-slide{ overflow: hidden; border-radius: 0.16rem !important; } .outer_banner_a img{ transform: scale(1.01); } .banner_img{ width: 100%; height: 100%; object-fit: cover; } .banner_img_width{ width: 100%; } .banner_img_height{ height: 100%; } .swiper{ position: relative; } .tuijian_banner_mask{ width: 7.02rem !important; height:0.88rem !important; position: absolute; bottom: 0; left: 0; } .tuijian_banner_mask .mask_img{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; border-bottom-left-radius: 0.16rem; border-bottom-right-radius: 0.16rem; z-index: 0; } .tuijian_banner_mask .tuijian_title{ color: white; overflow: hidden; white-space: nowrap; color: white; font-size: 0.28rem; width: 5rem; line-height: 1.1rem; position: relative; z-index: 1; text-overflow: ellipsis; margin-left: 0.22rem; } .swiper-pagination{ text-align: right; padding-right:0.20rem; } .img_cover_height{ border-radius: 0.12rem; height: 100%; } .img_cover_width{ border-radius: 0.12rem; width: 100%; } .img_cover{ height: 100%; width: 100%; object-fit: cover; } .today_cover_img{ width: 100%; height: 100%; object-fit: cover; } /* .nav-wraps{ height: fit-content; z-index: 999; box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.1); align-items: flex-start; padding-top: 0.24rem; padding-bottom: 0.26rem; } */ .nav-wraps div{ /* align-items: center; */ /* justify-content: center; */ /* background-color: pink; */ } .big_bottom{ padding-bottom: 0.48rem!important; padding-top: 0rem!important; height: 1.5rem!important; } .big_bottom2{ padding-bottom: 0.48rem!important; padding-top: 0.3rem!important; height: 1.5rem!important; } .orange{ color: #f60 !important; } .list_title_wrap{ align-items: center; } .list_title_wrap >div{ align-items: center; } .ico-gelizhengce { background-image: url(/uploads/image/ic208/20221108171440_21888.png) !important; } .ico-zijiachuxing { background-image: url(/uploads/image/ic208/20221108171557_80591.png) !important; } .ico-yqdengji { background-image: url(/uploads/image/ic208/20221108171623_15497.png) !important; } /* .ico-wanshengjie { background-image: url(/uploads/image/iw220/20221020135109_29825.png) !important; } */ .ico-jiankangma { background-image: url(/uploads/image/is25/20210405230722_47444.png) !important; } .ico-zhuantixuguanjiaqiangzhen { background-image: url(/uploads/image/ic208/20221108171824_50180.png) !important; } .ico-xingcheng { background-image: url(/uploads/image/ic208/20221108171721_31258.png) !important; } .ico-zhuantifdll { background-image: url(/uploads/image/is25/20210405230707_51028.png) !important; } .ico-guokaobaomingbiao { background-image: url(/uploads/image/iw230/20210330142540_99472.png) !important; } .ico-shenfenzheng { background-image: url(/uploads/image/is25/20210405230935_60673.png) !important; } .ico-edu {background-image: url(/uploads/image/ic208/2024508174711_25684.png) !important;} .ico-zp {background-image: url(/uploads/image/iimages/icon_zp.png) !important;} .ico-bzf {background-image: url(/uploads/image/iimages/icon_bzf.png) !important;} .ico-zx {background-image: url(/uploads/image/iimages/icon_zx.png) !important;} .ico-sh {background-image: url(/uploads/image/iimages/icon_sh.png) !important;} .ico-ydyb {background-image: url(/uploads/image/iimages/icon_ydyb.png) !important;}s .ico-duanwu {background-image: url(/uploads/image/is219/2023619103739_56854.png) !important;} .ico-jdb {background-image: url(/uploads/image/iw230/20210330142541_22771.png) !important;} .ico-xfq{background-image: url(/uploads/image/is227/20231227141642_46559.png) !important;} .ico-zq {background-image: url(/uploads/image/iw230/20210330142541_79672.png) !important;} .ico-gq {background-image: url(/uploads/image/iw230/20210330142540_81455.png) !important;} .ico-yj {background-image: url(/uploads/image/is25/20210405231031_93017.png) !important;} .ico-hy {background-image: url(/uploads/image/iw212/20211012124340_11247.png) !important;} .ico-yx {background-image: url(/uploads/image/iw208/20231008143350_82208.png) !important;} .ico-yd {background-image: url(/uploads/image/is227/20231227141300_96944.png) !important;} .ico-cj{background-image: url(/uploads/image/iw28/20220208144219_77596.png) !important;} .ico-xx{background-image: url(/uploads/image/is25/20210405231019_28784.png) !important;} .ico-dh{background-image: url(/uploads/image/iw223/2024223171503_97880.png) !important;} .ico-gs{background-image: url(/uploads/image/is23/20220303195933_73975.png) !important;} .ico-chwl{background-image: !important;} .ico-youhui{background-image: url(/uploads/image/ix215/2024115094137_10919.png) !important;} .shotcut { background-color: #f9f9f9; margin: 6px 0 } .shotcut .shotcut-wrap { margin-bottom: .14rem; padding-bottom: .15rem; /* border-top: .01rem solid #fff; border-bottom: .01rem solid #e0e0e0 */ } .shotcut .shotcut-wrap ul { list-style: none; width: 100%; padding: 0; margin: 0 } .shotcut .shotcut-wrap ul li { float: left; width: 25%; padding: 0; margin: 0; /* margin-top: 30px; */ } .shotcut .shotcut-wrap ul li a { display: block; padding: .15rem; text-align: center; overflow: hidden; text-decoration: none } .shotcut .shotcut-wrap ul li a .ico { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-image: ; background-size: .86rem 5.5rem; background-repeat: no-repeat } .shotcut .shotcut-wrap ul li a .ico.ico-bus { background-position: 0 0 } .shotcut .shotcut-wrap ul li a .ico.ico-metro { background-position: 0 -.5rem } .shotcut .shotcut-wrap ul li a .ico.ico-keche { background-position: 0 -1rem } .shotcut .shotcut-wrap ul li a .ico.ico-geshui { background-position: 0 -1.5rem } .shotcut .shotcut-wrap ul li a .ico.ico-shebao { background-position: 0 -2rem } .shotcut .shotcut-wrap ul li a .ico.ico-weizhang { background-position: 0 -2.5rem } .shotcut .shotcut-wrap ul li a .ico.ico-huoche { background-position: 0 -3rem } .shotcut .shotcut-wrap ul li a .ico.ico-tianqi { background-position: 0 -3rem } .shotcut .shotcut-wrap ul li a .ico.ico-jingdian { background-position: 0 -4rem } .shotcut .shotcut-wrap ul li a .ico.ico-kuaidi { background-position: 0 -4.5rem } .shotcut .shotcut-wrap ul li a .ico.ico-caipiao { background-position: 0 -5.0rem } .shotcut .shotcut-wrap ul li a .ico-huodong { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: ; } .shotcut .shotcut-wrap ul li a .ico-jingdianyuyue { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: url(/uploads/image/isp229/20210129171227_32911.png); } .shotcut .shotcut-wrap ul li a .ico-feiyan { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: ; } .shotcut .shotcut-wrap ul li a .ico-jiujia { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: ; } .shotcut .shotcut-wrap ul li a .ico-xianxing { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: ; } .shotcut .shotcut-wrap ul li a .ico-youjia { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: ; } .shotcut .shotcut-wrap ul li a .ico-hesuan { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: url(/uploads/image/iw23/20210303145542_24274.png); } .shotcut .shotcut-wrap ul li a .ico-yiqing { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: url(/uploads/image/iw23/20210303144733_14375.png); } .shotcut .shotcut-wrap ul li a div { white-space: nowrap; color: #666; line-height: .34rem; opacity: 1; color: rgba(102, 102, 102, 1); font-size: .24rem; font-weight: 500; font-family: "pingfang sc"; text-align: center; } .clearfix { clear: both; } .more_btn{ margin: auto; margin-top: 0.28rem; display: block; background-color: #fff7f3; border: 1px solid #f60; border-radius: 0.8rem; height: 0.66rem; width: 2.55rem; line-height: 0.66rem; text-align: center; color: #f60; font-size: 0.24rem; } .new-nav{ width: 7rem; flex-shrink: 0; border-radius: 0.16rem; background: #fff; margin: auto; position: relative; z-index: 20; margin-top: 0.22rem; display: flex; justify-content: start; align-items: flex-start; padding: 0.12rem 0.45rem 0.2rem 0.45rem; flex-wrap: wrap; } .new-nav a{ display: block; width: 1.05rem; margin-right: 0.2rem; /* background-color: pink; */ } .new-nav a:nth-child(5n){ margin-right: 0; } .new-nav a img{ width: 0.82rem; height: 0.82rem; margin: auto; display: block; } .new-nav p{ text-align: center; color: #333333; font-family: "pingfang sc"; font-size: 0.24rem; line-height: 0.45rem; white-space: nowrap; } /* */ .cover_left{ background-repeat: no-repeat; background-position: center center; background-size: auto 100%; height: 2rem; width: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .cover_left [class^=info_]{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cover_left{ background-image: ; } .cover_left .info_1{ color:#fe7800; max-width: 1.8rem; font-size: 0.26rem; font-weight: 600; position: absolute; top:22%; left: 50%; transform: translate(-50%,-50%); } .cover_left .info_2{ color:#fff; font-size: 0.22rem; font-weight: 600; max-width: 1.6rem; position: absolute; top:48%; left: 50%; transform: translate(-50%,-50%); } .cover_left .info_3{ color:#fe7800; max-width: 1.8rem; font-size: 0.20rem; transform: translatey(-0.05rem); position: absolute; top:74%; left: 50%; transform: translate(-50%,-50%); } .cover_left.blue{ background-image: ; } .cover_left.blue .info_1{ color:#488af7; } .cover_left.blue .info_2{ color:#fff; } .cover_left.blue .info_3{ color:#488af7; } /* */ .channel_ziying{ background-color: #ff3939; color: #fff; font-size: 0.18rem; padding: 0.00rem 0.06rem; border-radius: 0.04rem; display: inline-block; font-weight: 500; line-height: 0.28rem; margin-top: -0.05rem; height: fit-content; vertical-align: middle; position: absolute; left: 0; top: 0.12rem; width: fit-content; text-align: left; text-indent: 0; } /* 行首空两格 */ .indent_2{ text-indent: 2em; } /* 面包屑 */ .bread_link{ padding: 0 0.2rem; color: #888; margin-bottom: 0.24rem; font-size: 0.26rem; } .bread_link a{ font-size: 0.26rem; color: #333; } .new-head-text{ width: 7.5rem; height: 0.93rem; margin: auto; padding: 0.21rem 0.24rem 0.14rem 0.24rem; display: flex; justify-content: space-between; background: no-repeat; background-size:100% 100%; } .fix{ position: fixed; top: 0; z-index: 9999; } .new-head-text .headtextimg { width: 2.7rem; height: 0.52rem; opacity: 1; padding-right: 0.3rem; display: block; box-sizing: content-box; } .hot-data{ width: 6.98rem; margin:0.32rem 0.26rem; padding:0.32rem 0.3rem 0.32rem 0.26rem; flex-shrink: 0; border-radius: 0.2rem; border: 0.01rem solid #f60; background: linear-gradient(353deg, #ffffff33 63.22%, #ffeadc33 107.44%); } .hot-data-detail{ margin-bottom: 0.33rem; } .hot-data-wrap .hot-data-detail:last-child{ margin-bottom: 0rem; } .hot-data-wrap .hot-data-detail:nth-child(n 4) .detail-l img{ display: none; } .hot-data-wrap .hot-data-detail:nth-child(n 4) .detail-l{ color:#999999 } .flex{ display: flex; } .detail-l{ color: #ff6600; font-family: "pingfang sc"; font-size: 0.3rem; font-style: normal; font-weight: 700; line-height: 0.42rem; height: 0.42rem; letter-spacing: 0.01rem; width: 0.34rem; text-align: center; position: relative; margin-right: 0.28rem; margin-top: 0.25rem; } .detail-l img{ width: 0.32rem; height: 0.28rem; position: absolute; bottom:-0.08rem; left: 0.01rem; } .hot-img{ display: flex; align-items: center; } .hot-img img{ display: block; width: 1.5rem; height: 0.31rem; margin-right: 0.29rem; } .hot-img .grey{ width: 1.4rem; height: 0.28rem; } .hot-img-wrap{ margin:0.4rem 0 0 0.26rem } .detail-r{ display: flex; padding-bottom: 0.02rem; } .detail-r .img{ width: 0.98rem; height: 0.98rem; flex-shrink: 0; border-radius: 0.12rem; margin-right:0.21rem; overflow: hidden; } .detail-r-r{ width: 4.63rem; } .detail-r-r .r-title{ color: #333333; font-family: "pingfang sc"; font-size: 0.28rem; font-style: normal; font-weight: 700; line-height: 0.42rem; margin-bottom: 0.18rem; height: 0.42rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .r-title-bottom{ display: flex; justify-content: space-between; align-items: center; } .r-title-bottom-f{ color: #ff6600; font-family: "pingfang sc"; font-size: 0.2rem; font-style: normal; font-weight: 700; line-height: 0.28rem; position: relative; /* top:-0.03rem */ } .r-title-bottom-s{ color: #ff6600; font-family: "pingfang sc"; font-size: 0.3rem; font-style: normal; font-weight: 700; line-height: 0.42rem; } .r-title-bottom-t{ color: #aaaaaa; font-family: "pingfang sc"; font-size: 0.2rem; font-style: normal; font-weight: 700; line-height: 0.28rem; text-decoration:line-through; display: inline-block; margin-left: 0.1rem; position: relative; /* top:-0.03rem */ } .r-title-bottom-box{ color: #ffffff; font-family: "pingfang sc"; font-size: 0.18rem; font-style: normal; font-weight: 500; line-height: 0.28rem; height: 0.28rem; padding:0 0.08rem; background-color: #ff660099; border-radius: 0.05rem; } .new-detail-l{ margin-right: 0.31rem; } .new-detail-r-r{ width: 4.97rem; } .new-detail-r img{ width: 0.56rem; height: 0.56rem; flex-shrink: 0; border-radius:0.12rem; overflow: hidden; } .new-detail-r{ align-items: center; } .new-detail-r-r .r-title{ color: #333333; font-family: "pingfang sc"; font-size: 0.28rem; font-style: normal; font-weight: 700; line-height: 0.42rem; width: 4.97rem; margin:0.07rem 0 0 0.26rem } .new-detail-l{ margin-top:0.03rem } .ziyin{ color: #444444; text-align: center; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.34rem; height: 0.46rem; margin-left: 0.29rem; padding:0.06rem 0.27rem; border-radius: 0.7rem; background: #f4f4f4; } .ziyin.active{ color:#ff6600; border:0.01rem solid #f60; background: #ff66001a; }