page, block, view, scroll-view, swiper, movable-view, icon, text, progress, button, checkbox, form, input, label, picker, picker-view, radio, slider, switch, textarea, navigator, audio, image, video, map, canvas, contact-button { box-sizing: border-box; } /* 字体 */ .ft48 { font-size: 48rpx; } .ft40 { font-size: 40rpx; } .ft38 { font-size: 38rpx; } .ft36 { font-size: 36rpx; } .ft34 { font-size: 34rpx; } .ft32 { font-size: 32rpx; } .ft30 { font-size: 30rpx; } .ft28 { font-size: 28rpx; } .ft26 { font-size: 26rpx; } .ft24 { font-size: 24rpx; } .ft22 { font-size: 22rpx; } .ft20 { font-size: 20rpx; } /* 字体颜色 */ .cof { color: #FFFFFF; } .cob { color: #000000; } .col { color: #AAAAAA; } .coh { color: #999; } .content .color-blue { color: #003A9B; } .content .color-black { color: #000000; } .color-bf { color: #B5B5B5; } .color-ffa { color: $uni-oil-color; } .border-b { border-bottom: 1px solid #F1F1F1; } .underline { text-decoration: line-through; } /* 背景颜色 */ .bgf { background: #FFFFFF; } /* 底边 */ .br { border-bottom: 1rpx solid #F5F6F9; } .bottom-bar { /* position: fixed; */ width: 100%; background: #fff; margin-bottom: 50rpx; } .btn1 { width: 670rpx; height: 98rpx; background: linear-gradient(315deg, #3387ff 2%, #569bff 99%); border-radius: 8rpx; box-shadow: 0px 0px 8rpx 0px rgba(51, 135, 255, 0.2); opacity: 1; font-size: 32rpx; color: #FFFFFF; margin: 0 auto; margin-bottom: 32rpx; } .btn2 { width: 670rpx; height: 98rpx; background: #ffbe2c; border-radius: 8rpx; box-shadow: 0px 0px 8rpx 0px rgba(51, 135, 255, 0.2); opacity: 1; font-size: 32rpx; color: #FFFFFF; margin: 0 auto; } @font-face { font-family: 'iconfont'; /* Project id 2086331 */ src: url('//at.alicdn.com/t/font_2086331_snxhzq2m72n.woff2?t=1635745396019') format('woff2'), url('//at.alicdn.com/t/font_2086331_snxhzq2m72n.woff?t=1635745396019') format('woff'), url('//at.alicdn.com/t/font_2086331_snxhzq2m72n.ttf?t=1635745396019') format('truetype'); } /* @font-face { font-family: 'iconfont'; src: url('//at.alicdn.com/t/font_2056607_hlj4okthw0o.eot'); src: url('//at.alicdn.com/t/font_2056607_hlj4okthw0o.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_2056607_hlj4okthw0o.woff2') format('woff2'), url('//at.alicdn.com/t/font_2056607_hlj4okthw0o.woff') format('woff'), url('//at.alicdn.com/t/font_2056607_hlj4okthw0o.ttf') format('truetype'), url('//at.alicdn.com/t/font_2056607_hlj4okthw0o.svg#iconfont') format('svg'); } */ .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-prev:before { content: "\e601"; } .descp { font-size: 26rpx; padding: 20rpx; width: 670rpx; margin: 0 auto; border: 1rpx solid #F1F1F1; margin-top: 30rpx; height: 100px; border-radius: 6rpx; } .descp textarea { height: 100%; width: 100%; } .desc-placeholder { font-size: 26rpx; } .main { background-color: #fff; border-radius: 20rpx 20rpx 0 0; margin-top: -20rpx; padding: 20rpx 0rpx 0; } .text-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .text-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .wen1 { width: 30rpx; height: 30rpx; margin-left: 10rpx; } .no-more { text-align: center; font-size: 28rpx; color: #999; } .nav-hover { opacity: 0.5; } .arr-r::after { content: ""; display: block; width: 14rpx; height: 14rpx; flex: none; border: 1rpx solid; border-color: #888 #888 transparent transparent; transform: rotate(45deg); margin-left:auto; } .content-row { border-top-right-radius: 20rpx; border-top-left-radius: 20rpx; margin-top: -20rpx; position: relative; background: rgba(255, 255, 255, 1); z-index: 3; } .break{ word-break: break-all } .is-iphone-x { padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */ box-sizing: inherit; } /* 解决1rpx 边框在ios显示缺失问题 */ .border1rpx, .border1rpx_before{ position: relative; border-width: 0rpx !important; padding: 0.5rpx; z-index: 0; } .border1rpx::after, .border1rpx_before::before{ content: ""; border-style: inherit; border-color: inherit; border-radius: inherit; box-sizing: border-box !important; position: absolute; border-width: 2rpx !important; left: 0; top: 0; width: 200% !important; height: 200% !important; transform-origin: 0 0; transform: scale(0.5) !important; z-index: -1; } .border1rpx-full { margin: -1rpx; }