body{ width: 7.5rem; } .body-top{ position: relative; width: 100%; height: 3.33rem; background-image: url(/uploads/image/iw203/2024703131607_27767.png); background-size: 100% 3.33rem; background-position: 0 0; background-repeat: no-repeat; padding:0 } .body-top .box{ display:flex } .box-img{ background-image: url(/uploads/image/iw203/2024703131530_23188.png); background-size: 1.6rem 3.2rem; background-position: 0 0; background-repeat: no-repeat; background-position: 0 -2.4rem; width: 1.4158rem; height: 0.6745rem; margin:0.3rem 0.1rem 0 0.23rem; } .box-l{ display:flex; } .box-r{ margin-right:0.23rem } .body-top .box{ justify-content: space-between; } .box-title{ color: #ffffff; text-align: left; font-family: "pingfang sc"; font-size: 0.45rem; font-style: normal; font-weight: 700; line-height: 0.55rem; margin-top:0.18rem } .box-tag{ color: #ffffffb3; text-align: center; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.34rem; } .box-r-city{ color: #ffffff; text-align: center; font-family: "pingfang sc"; font-size: 0.26rem; font-style: normal; font-weight: 500; line-height: 0.36rem; margin-right:0.05rem } .box-r img{ width: 0.17rem; height: 0.09rem; flex-shrink: 0; fill: #ffffffcc; display:block } .box-r-box{ display:flex; align-items: center; border-radius: 0.27rem; background: #ffffff33; padding:0.05rem 0.16rem 0.05rem 0.19rem; margin-top:0.25rem } .body-content { border-radius: 0.3rem 0.3rem 0 0; background: #f5f5f5; margin-top:-0.32rem; position: relative; width:100%; padding:0.33rem 0 0.2rem 0; min-height: calc(100vh - 3rem); } .jing-hot-title{ color: #333333; text-align: left; font-family: "pingfang sc"; font-size: 0.34rem; font-style: normal; font-weight: 700; line-height: 0.48rem; margin-left:0.35rem; margin-bottom:0.28rem; } .jing-hot-wrap{ display:flex; margin-left:0.25rem; flex-wrap:wrap; } .jing-hot-one{ width:1.4rem; display:flex; align-items: center; flex-wrap:wrap; justify-content: center; margin-bottom:0.36rem } .jing-hot-one img{ width: 0.94rem; height: 0.94rem; margin-bottom:0.08rem; border-radius: 100%; } .jing-hot-name{ color: #333333; text-align: center; font-family: "pingfang sc"; font-size: 0.26rem; font-style: normal; font-weight: 500; line-height: 0.36rem; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; width:1.4rem } .tuijian{ display:block; width: 3.39rem; height: 3.4rem; flex-shrink: 0; border-radius: 0.24rem; background: linear-gradient(135deg, #fff 1.98%, #ffbe93 111.81%); overflow:hidden; position:relative } .tuijian .tuijian-bottom{ position:absolute; width: 2.74rem; height: 2.74rem; bottom:-0.58rem; right:-0.38rem } .tuijian-r .yuan{ position:absolute; width: 1.57rem; height: 1.57rem; flex-shrink: 0; background: #ffffff33; border-radius: 100%; bottom:-0.44rem; right:-0.19rem } .tuijian-r .big-star{ position:absolute; width: 0.2rem !important; height: 0.2rem !important; top:0.09rem !important; right:0.97rem !important; } .tuijian-r .small-star{ position:absolute; width: 0.13rem !important; height: 0.13rem !important; top:0.2rem !important; right:0.2rem !important; } .tuijian .big-star{ position:absolute; width: 0.2rem; height: 0.2rem; top:0.96rem; right:1.35rem } .tuijian .small-star{ position:absolute; width: 0.13rem; height: 0.13rem; top:0.58rem; right:0.47rem } .tuijian .tuijian-title{ color: #333333; text-align: left; font-family: "pingfang sc"; font-size: 0.34rem; font-style: normal; font-weight: 700; line-height: 0.48rem; margin-left:0.28rem; margin-top:0.25rem; margin-bottom:0.11rem } .tuijian .tuijian-spec{ color: #666666; text-align: left; font-family: "pingfang sc"; font-size: 0.26rem; font-style: normal; font-weight: 500; line-height: 0.4rem; margin-left:0.28rem; } .tuijian-button{ width:fit-content; width:-webkit-fit-content; width:-moz-fit-content; color: #ffffff; text-align: left; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.4rem; padding:0.01rem 0.18rem 0.01rem 0.27rem; box-sizing :border-box; border-radius: 0.3rem; margin-left:0.34rem; margin-top:0.1rem; border: 1px solid #fff; background: var(--linear, linear-gradient(146deg, #ffb800 3.98%, #f60 89.97%)); } .tuijian-button img{ width: 0.2rem; height:0.2rem; } .tuijian-wrap{ display:flex; padding:0 0.26rem; justify-content: space-between; margin-bottom:0.53rem } .tuijian-r{ width: 3.39rem; height: 3.4rem; display: flex; justify-content: space-between; flex-direction: column; } .tuijian-r .tejia{ display:block; width: 3.39rem; height: 1.6rem; flex-shrink: 0; border-radius: 0.24rem; background: linear-gradient(106deg, #f5eeff 26.21%, #e0ccf0 93.9%); overflow: hidden; position:relative } .tuijian-r .tejia-title{ color: #333333; text-align: left; font-family: "pingfang sc"; font-size: 0.34rem; font-style: normal; font-weight: 700; line-height: 0.48rem; margin:0.16rem 0 0.03rem 0.26rem; } .tuijian-r .tejia-tag{ color: #666666; text-align: left; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.34rem; margin-left:0.25rem } .tuijian-r .tejia img{ width: 0.96rem; height: 0.96rem; position:absolute; right:0.15rem; bottom:-0.11rem } .tuijian-r .huodong{ display:block; width: 3.39rem; height: 1.6rem; flex-shrink: 0; border-radius: 0.24rem; background: linear-gradient(106deg, #e2fcff 26.21%, #b3d6ef 93.9%); overflow: hidden; position:relative } .tuijian-r .tuijian-r-bottom{ width: 0.96rem; height: 0.96rem; position:absolute; right:0.15rem; bottom:-0.11rem } .tuijian-r .tuijian-r-bottom{ width: 0.96rem; height: 0.96rem; position:absolute; right:0.15rem; bottom:-0.11rem } .jingqu-title{ color: #333333; text-align: left; font-family: "pingfang sc"; font-size: 0.34rem; font-style: normal; font-weight: 700; line-height: 0.48rem; margin-left:0.27rem; margin-bottom:0.28rem; position:relative; width:fit-content; width:-webkit-fit-content; width:-moz-fit-content; } .jingqu-title:after{ content:''; position:absolute; bottom:0; left:0; width: 100%; height: 0.08rem; flex-shrink: 0; background: linear-gradient(90deg, #f60 0%, #f5f5f500 100%); } .jingqu-chakan{ display:flex; /* overflow-x:scroll; */ flex-wrap:nowrap; margin:0 0.26rem 0.2rem 0.3rem; align-items: center; position:relative; } .jingqu-chakan:last-child{ margin-bottom:0 ; } .jingqu-select-l{ margin:0 0 0 0.3rem; width:calc(100% - 0.7rem) } .jingqu-select-r{ width:0.4rem; position:relative; } .jingqu-select-r-b img{ width:0.3rem; height:0.3rem; position:absolute; bottom:0.1rem; left:0.05rem; } .jingqu-select-r-b{ position:absolute; bottom:0; height:0.52rem; right:0; width:0.4rem; background:#f5f5f5; /* width: 5.21px; height: 52px; flex-shrink: 0; background: linear-gradient(90deg, #f5f5f5 0%, #f5f5f5 28.25%); */ box-shadow: -0.04rem 0 0 0 #00000014; } .jingqu-select{ display:flex; overflow-x:scroll; flex-wrap:nowrap; justify-content: space-between; margin-right:0.26rem } .jingqu-chakan .jingqu-chakan-l{ color: #666666; text-align: left; font-family: "pingfang sc"; font-size: 0.26rem; font-style: normal; font-weight: 500; line-height: 0.36rem; white-space: nowrap; flex-shrink:0; } .jingqu-chakan-r-wrap{ display:flex; overflow-x:scroll; flex-wrap:nowrap; margin-right:0.5rem } .jingqu-chakan .jingqu-chakan-r{ display:block; white-space: nowrap; color: #666666; text-align: center; font-family: "pingfang sc"; font-size: 0.26rem; font-style: normal; font-weight: 500; line-height: 0.36rem; padding:0.08rem 0.18rem; border-radius: 0.08rem; background: #fff; margin-right:0.14rem; } .jingqu-chakan-r.active{ color: #ffffff; background: #f60; } .ups-wrap{ position:absolute; background: #00000080; width:7.5rem; height:100vh; top:3rem; z-index:999; transition: opacity 0.5s; opacity:0 } .ups-wrap.showmask{ opacity:1 } .ups{ z-index:10000; position:absolute; top:0; left:0; background: rgb(255,146,74); background: linear-gradient(to bottom, rgb(255,146,74),transparent); width:7.5rem; } .ups-s{ border-radius: 0.3rem 0.3rem 0.24rem 0.24rem; background: #f5f5f5; width:100%; padding:0.33rem 0 0.2rem 0; } .jingqu-chakan::-webkit-scrollbar { /*滚动条整体样式*/ width: 0.5rem; /*高宽分别对应横竖滚动条的尺寸*/ height: 0.01rem; } .jingqu-chakan-r-wrap::-webkit-scrollbar { /*滚动条整体样式*/ width: 0.5rem; /*高宽分别对应横竖滚动条的尺寸*/ height: 0.01rem; } .jingqu-detail-top{ width:100%; flex-shrink: 0; border-radius: 0.24rem; background: #fff; padding:0.33rem 0.26rem; box-sizing :border-box; box-shadow: 0 0.04rem 0.15rem 0 #0000000d; margin-top:0.2rem; position:relative; z-index:9 } .jingqu-detail-top-s{ display:flex; } .jingqu-detail-top:first-child{ margin-top:0.3rem } .jingqu-detail-top .jingqu-detail-top-l{ height: 1.5rem; width:2rem; flex-shrink: 0; border-radius: 0.14rem; margin-right:0.16rem } .jingqu-detail-top-r{ width:calc(100% - 2.16rem) } .jingqu-detail-top-r .top-r-t{ display:flex; justify-content: space-between; align-items: center; margin-bottom:0.03rem } .jingqu-detail-top-r .top-r-t .top-r-t-title{ color: #333333; text-align: center; font-family: "pingfang sc"; font-size: 0.34rem; font-style: normal; font-weight: 700; line-height: 0.48rem; } .jingqu-detail-top-r .top-r-t .top-r-t-a{ color: #ff6600; text-align: center; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.34rem; display:flex; align-items: center; } .jingqu-detail{ margin:0 0.26rem } .top-r-t .top-r-t-a .top-r-t-a-img{ width: 0.26rem; height: 0.26rem; display:block } .top-r-m{ display:flex; flex-wrap:nowrap; align-items: center; margin-bottom:0.05rem } .jingqu-detail-wrap .top-r-m:last-child{ margin-bottom:0 } .top-r-m .top-r-m-img{ width: 0.28rem; height: 0.28rem; margin-right:0.1rem } .top-r-m .top-r-m-text{ color: #666666; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.34rem; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; } .jingqu-detail-bottom{ display:flex; flex-wrap:nowrap; margin-top:0.2rem; } .jingqu-detail-bottom .botton-i{ margin-right:0.2rem; display:block } .jingqu-detail-bottom .botton-i:last-child{ margin-right:0 } .bottom-gg{ display: block; width: 4rem; margin: 0.3rem 0 0 0.8rem; color: #ff6600; text-align: center; font-family: "pingfang sc"; font-size: 0.26rem; font-style: normal; font-weight: 500; line-height: 0.6rem; height: 0.6rem; flex-shrink: 0; border-radius: 0.38rem; background: #ff66001a; flex-grow: 1; display: block; } .jingqu-detail-bottom .bottom-first{ color: #ff6600; text-align: center; font-family: "pingfang sc"; font-size: 0.26rem; font-style: normal; font-weight: 500; line-height: 0.6rem; height: 0.6rem; flex-shrink: 0; border-radius: 0.38rem; background: #ff66001a; flex-grow: 1; } .jingqu-detail-bottom .bottom-other{ color: #ff6600; text-align: center; font-family: "pingfang sc"; font-size: 0.26rem; font-style: normal; font-weight: 500; line-height: 0.6rem; height: 0.58rem; flex-shrink: 0; border-radius: 0.38rem; border: 0.01rem solid #f60; flex-grow: 1; } .jingqu-detail-message{ flex-shrink: 0; border-radius: 0.24rem; padding:0.81rem 0.26rem 0.18rem 0.26rem; background: linear-gradient(180deg, #fff4ec 0%, #fff 25.62%); box-sizing :border-box; margin-top:-0.53rem } .jingqu-detail-message .jingqu-detail-message-title{ color: #333333; text-align: left; font-family: "pingfang sc"; font-size: 0.32rem; font-style: normal; font-weight: 700; line-height: 0.45rem; } .message-flex{ display:flex; justify-content: space-between; align-items: center; } .message-flex img{ width: 0.48rem; height: 0.48rem; } .message-one{ margin-top:0.2rem; color: #333333; font-family: "pingfang sc"; font-size: 0.26rem; font-style: normal; font-weight: 500; line-height: 0.36rem; } .message-one a{ color: #ff6600; } .message-one-title{ color: #333333; font-family: "pingfang sc"; font-size: 0.28rem; font-style: normal; font-weight: 700; line-height: 0.39rem; position:relative; } .message-one-title:before{ position:absolute; top:0.07rem; left:-0.2rem; content:''; width: 0.04rem; height: 0.25rem; flex-shrink: 0; background: var(--linear, linear-gradient(146deg, #ffb800 3.98%, #f60 89.97%)); } .message-one-detail{ color: #333333; font-family: "pingfang sc"; font-size: 0.26rem; font-style: normal; font-weight: 500; line-height: 0.36rem; margin-top:0.1rem } .message-one-detail a{ color: #ff6600; } .message-border{ width:calc(100% 0.52rem); position:relative; left:-0.26rem; height:0.01rem; margin-top:0.25rem; background: #eee; } .message-time{ margin-top:0.14rem; color: #999999; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.34rem; } .article-top{ padding:0rem 0.0rem 0rem 0.0rem; width:100%; overflow-x:scroll; display: flex; } .article-title{ cursor: pointer; margin-right:0.33rem; color: #666666; font-family: "pingfang sc"; font-size: 0.28rem; font-style: normal; font-weight: 500; line-height: 0.46rem; margin-bottom: 0.25rem; } .article-title:last-child{ margin-right:0rem; } .article-title.active{ color: #ff6600; /* font-size: 0.3rem; line-height: 0.4rem; */ position: relative; } .article-title.active:before{ content:''; position: absolute; width:0.38rem; height: 0.04rem; flex-shrink: 0; border-radius: 0.02rem 0; background: var(--linear, linear-gradient(146deg, #ffb800 3.98%, #f60 89.97%)); left:0.08rem; bottom:-0.1rem } .article-top::-webkit-scrollbar-button { display: none; } .article-top::-webkit-scrollbar { /*高宽分别对应横竖滚动条的尺寸*/ /* width: 0.04rem; */ height: 0.04rem; /* background-color: #999; */ border-radius: 0.1rem; } .article-top::-webkit-scrollbar-thumb { background: #999; border-radius: 1rem; height: 0.3rem; } .article-son .article-son-title{ font-size:0.28rem; font-weight:600; line-height:0.46rem; color:rgb(51, 51, 51); padding-left: 0.5rem; margin-bottom: 0.2rem; position: relative; } .article-son .article-son-title::before{ position: absolute; content: ''; background-image: url(/uploads/image/iw207/2024707204358_29003.png); background-size: 100% 100%; width: 0.2rem; height: 0.15rem; /* background-color: #ff6600; */ border-radius: 5rem; top:0.1rem; left:0; z-index: 9; } .article-son .article-son-time{ font-size:0.26rem; font-weight:400; line-height:0.46rem; color:rgb(51, 51, 51); opacity: 0.45; padding-left: 0.55rem; margin-bottom: 0.15rem; } .article-son{ border-bottom:0.01rem solid rgba(0,0,0,0.1); margin-top:0.2rem; width: 100%; display: block; padding-bottom:0.01rem } .article-son-wrap .article-son:last-child{ border:none } .article-bottom{ width:100%; cursor: pointer; font-size:0.23rem; text-align:center; line-height:0.7rem; border-top:0.01rem solid rgba(0,0,0,0.1); color:#ff6600; } .article-son-wrap{ display:none } .article-son-wrap:first-child{ display:block } .main-single-block-ticket-time{ margin-top:0.05rem } .main-single-block { cursor: pointer; width: 100%; flex-shrink: 0; border-radius: 0.16rem; background: #fff; margin-top: 0.2rem; padding: 0.25rem; padding-bottom:0; margin-top:0.1rem !important; } .fixed { position: fixed; bottom: 0; z-index: 999; display: flex; align-items: flex-end; justify-content: center; width: 100%; max-width: 7.5rem; margin: auto; padding: 0.22rem 0; background: #fff; } .share div ,.guanzhu div{ display: flex; justify-content: center; align-items: center; } .share-icon { width: 0.28rem; height: 0.3rem; } .list-title-tag{ padding: 5px 10px; border: 1px solid #78e000; color:#78e000; font-size: 12px; font-weight: 500; border-radius: 5px; } .other-city { width: 60%; height: 0.76rem; line-height: 0.76rem; text-align: center; font-size: 0.26rem; border: 0; border-radius: 1.5625rem; margin-left: 0.2rem; margin-right: 0.275rem; margin-top: 0.1rem; color: #ffffff; background: #ff6600; } .share,.other_btns { width: 40%; height: 0.76rem; line-height: 0.76rem; border-radius: 0.39rem; color: #ff6600; font-size: 0.26rem; font-weight: 500; background-color: #ff66001a; margin-left: 0.2rem; } .guanzhu{ width: 40%; height: 0.76rem; line-height: 0.76rem; border-radius: 0.39rem; color: #ff6600; font-size: 0.26rem; font-weight: 500; background-color: #fff; margin-left: 0.2rem; border-radius: 0.39rem; border: 0.01rem solid #f60; } .back_to_feed { display: none !important; } /* footer */ footer { display: none; } .footer-info { font-size: 0.35rem; text-align: center; } /* 导粉 */ .daofen-box { margin-top: 0.3rem; padding: 0.1rem 0.4rem; font-size: 0.31rem !important; line-height: 0.60rem !important; background: #fff; } .daofen-box img { width: 100% !important; height: 100% !important; } .loading,.nomore { display: none; margin-top: 0.1rem; text-align: center; font-size: 0.26rem; color: #999; } .no_more { display: none; margin-top: 0.42rem; font-size: 0.26rem; color: #666; text-align: center; } .moretj{ margin:0 0.26rem; width: calc(100% - 0.52rem); flex-shrink: 0; border-radius: 0.16rem; background: #fff; margin-top: 0.2rem; height: 1.72rem; display: flex; justify-content: space-around; align-items: center; } .moretj img{ width: 0.92rem; display: block; height: 0.92rem; margin: auto; } .moretj p{ color: #666666; font-size: 0.23rem; margin-top: 0.08rem; text-align: center; } .ych_bottom { margin:0 0.26rem; margin-top:0.28rem; width: calc(100% - 0.52rem); display: flex; flex-wrap: wrap; /* margin-top: 0 !important; */ } .flex { display: flex; } .ych_bottom a { margin-right: 0; color: #666; display: block; font-size: 0.25rem; padding: 0 0.1rem; margin-bottom: 0.2rem; } .search_wrap{ display: flex; align-items: center; justify-content: space-between; position: relative; } .border-wrap{ width: 5.97rem; height: 0.74rem; border-radius: 50px; } .search_cont{ /* position: absolute; */ box-sizing: border-box; width: 5.36rem; right: 0.02rem; margin-left:0.29rem; border-radius: 0.5rem; margin-top:0.25rem; /* background: #ffffffcc; */ background-color: rgba(243,254,252,1); } .search_cont input{ background-color: rgba(243,254,252,1); border-radius: 0.5rem; width:100%; padding-left:0.37rem; margin:0.15rem 0; line-height: 0.39rem; font-size: 0.28rem; } input::placeholder { color: rgb(153, 153, 153); text-align: left; font-family: "pingfang sc"; font-size: 0.28rem; font-style: normal; font-weight: 500; line-height: 0.39rem; } .city_select{ flex-shrink: 0; } .search_btnai{ position: relative; text-align: center; line-height: 0.64rem; width: 1.17rem; height: 0.66rem; flex-shrink: 0; border-radius: 0.65rem; background: linear-gradient(146deg, #ffb800 3.98%, #f60 89.97%);; } .ditujingdian{ position:absolute; width: 1.42rem; height: 0.7rem; flex-shrink: 0; background-color: #ffffffcc; top:1.32rem; right:0.25rem; border-radius: 0.8rem; } .ditujingdian img{ position:absolute; top:-0.23rem; left:0.44rem; width: 0.59rem; height: 0.54rem; } .ditujingdian .text{ position:absolute; bottom:0.08rem; width:100%; text-align: center; color: #ff6600; text-align: center; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.34rem; } .address-wrap{ display:flex; flex-wrap:nowrap; width:calc(100% - 0.52rem); overflow-x:auto; margin:0.26rem 0.26rem 0 0.26rem ; } .address-wrap .search_item{ display:block; color: #ffffffcc; text-align: center; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.34rem; padding:0.05rem 0.2rem; flex-shrink: 0; border-radius: 0.52rem; background: #ffffff33; margin-right:0.14rem; } .address-wrap::-webkit-scrollbar { height:0rem } .state{ padding:0.01rem 0.02rem; flex-shrink: 0; border-radius: 0.02rem; background: linear-gradient(90deg, #fff6e0 0%, #ffe4d2 100%); color: #666666; text-align: center; font-family: "pingfang sc"; font-size: 0.2rem; font-style: normal; font-weight: 500; line-height: 0.25rem; margin-left: 0.05rem; } .state a{ color: #ff6600; } .message-one-wrap{ overflow:hidden; transition: height 0.5s ease; } .message-one-wrap.xzheight{ max-height:2rem; } .gonggao{ position:fixed; background: #00000080; width:100%; height:100vh; top:0; z-index:999; transition: opacity 0.5s; opacity:0 } .gonggao.showmask{ opacity:1 } .gonggao-wrap .gonggao-img{ position:absolute; top:-0.42rem; left:2.6rem; width: 1.38rem; height: 1.1rem; } .gonggao .gonggao-wrap{ position:absolute; top:6rem; left:0.55rem; width: 6.4rem; padding:0.88rem 0.34rem 0.43rem 0.34rem; box-sizing: border-box; flex-shrink: 0; border-radius: 24px; background: linear-gradient(180deg, #ffeee2 0%, #fff 38.05%); } .gonggao .gonggao-wrap .gonggao-title{ color: #333333; text-align: center; font-family: "pingfang sc"; font-size: 0.32rem; font-style: normal; font-weight: 700; line-height: 0.45rem; margin-bottom:0.17rem } .gonggao .gonggao-wrap .gonggao-content{ color: #333333; font-family: "pingfang sc"; font-size: 0.28rem; font-style: normal; font-weight: 500; line-height: 0.48rem; } .jingqu-type-wrap{ display:flex; margin:0.23rem 0.26rem 0 0.26rem; width:calc(100% - 0.52rem); flex-wrap:wrap; } .jingqu-type.active{ border: 0.01rem solid #f60; background: #fff0e7; color: #ff6600; } .jingqu-type{ color: #666666; text-align: center; font-family: "pingfang sc"; font-size: 0.26rem; font-style: normal; font-weight: 500; line-height: 0.52rem; width: 1.27rem; height: 0.52rem; flex-shrink: 0; border-radius: 0.08rem; background: #ededed; margin-right:0.15rem; margin-bottom:0.14rem } .jingqu-type:nth-child(5n){ margin-right:0 }