page { width: 100%; overflow-x: hidden; } .safetyGoods { position: relative; background-color: #fff; width: 45%; height: 110rpx; display: flex; align-items: center; padding-left: 20rpx; border-radius: 20rpx; } /* 横线 */ .line { width: 100%; /* height: 1px; background-color: rgb(245, 243, 243); */ margin: 34rpx 0; border-bottom: 1px dashed rgb(245, 243, 243); } .tag { margin-top: 0.8rem; display: flex; flex-wrap: nowrap; overflow-y: scroll; max-height: 140rpx; flex-shrink: 0; font-size: 24rpx; color: var(--subtitleColor); } .tag::-webkit-scrollbar { width: 0; height: 0; color: transparent; } .product-tag { flex-shrink: 0; } .product-tag-item { display: inline-block; background: var(--subtitleColor); color: #000; border-radius: 4rpx; padding: 4rpx 8px; border-radius: 8rpx; margin-right: 16rpx; margin-bottom: 16rpx; flex-shrink: 0; } .active { width: 100%; padding-bottom: 90rpx; } .top { width: 100%; margin-bottom: 20rpx; } .top .swiper { width: 100%; height: 388rpx; } .top .swiper image { width: 100%; height: 388rpx; } .product-box { padding: 10rpx 20rpx; font-size: 28rpx; overflow: hidden; background: #fff; margin-top: 20rpx } .product-minfo-box { padding: 10rpx 0; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .product-info-box { padding: 10rpx 0; /*border-bottom: 1px solid #e7e7e7;*/ display: flex; align-items: center; } .col { margin-right: 20rpx; } .active-type .active-type-st { color: var(--subtitleColor); border: 1rpx solid var(--subtitleColor); padding: 0 15rpx; border-radius: 10rpx; font-size: 24rpx } .colBox { display: flex; justify-content: flex-start; align-items: center; } .col-s { text-decoration: line-through; } .product-info-line { /* padding: 10rpx 0; */ font-size: 32rpx; } .product-title { width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 20rpx; font-weight: 600; font-size: 32rpx; } .content { padding-bottom: 160rpx; } .census { width: 100%; padding: 0 30rpx 20rpx 30rpx; background-color: #fff; margin-bottom: 20rpx; box-sizing: border-box; } .census-title { font-size: 24rpx; padding-top: 20rpx; color: #878787 } .censusList { width: 100%; display: flex; align-items: center; position: relative; } .list { float: left; margin-top: 20rpx; margin-right: 20rpx; position: relative; } .list .joinHeard { width: 47rpx; height: 47rpx; border-radius: 50%; } .list .name { width: 80rpx; text-align: center; font-size: 22rpx; color: #908F90; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .next { width: 15rpx; height: 15rpx; border-right: 2px solid #666; border-bottom: 2px solid #666; transform: rotate(-45deg) translateY(-50%); position: absolute; top: 50%; right: 20rpx; } .newsDet { width: 100%; background-color: #fff; padding-left: 40rpx; margin-bottom: 20rpx; box-sizing: border-box; } .newsList { width: 99%; padding: 20rpx 0; border-bottom: 1px solid #eee; display: flex; justify-content: flex-start; align-items: center; position: relative; } .newsList:last-child { border-bottom: 0 none; } .newsList .icon { font-size: 44rpx; margin-right: 20rpx; } .newsList .icon-t { font-size: 36rpx; margin-right: 20rpx; } .address { width: 100; font-size: 26rpx; color: #595757; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 1px; } .navigation { padding-left: 18rpx; display: inline-flex; align-items: center; position: absolute; right: 80rpx; top: 16rpx; } .navigation::after { content: ''; width: 1px; height: 50rpx; background-color: var(--subtitleColor); position: absolute; left: -10rpx; top: 0; z-index: 1; } .navigateT { font-size: 26rpx; color: #595757; margin-left: 10rpx; } .icon-Navigate { font-size: 50rpx; } .newsTitle { font-size: 26rpx; color: #595757; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bottom { width: 100%; height: 90rpx; position: fixed; left: 0; bottom: 0; z-index: 9999; display: flex; } .bottom .btn { width: 100%; line-height: 90rpx; text-align: center; font-size: 30rpx; color: #fff; } .consult { background-color: #585453; } .enroll { background-color: var(--subtitleColor); } .details { overflow-x: hidden; } .product-nav { height: 75rpx; } .nav { width: 100%; height: 75rpx; border-bottom: 1px solid #E9E9E9; display: flex; padding: 0 30rpx; box-sizing: border-box; background-color: #fff; } .topNav { width: 100%; height: 75rpx; position: fixed; left: 0; top: 0; z-index: 9999; background-color: #fff; display: flex; box-shadow: 0px 3px 6px 1px rgba(207, 212, 226, 0.9); padding: 0 30rpx; box-sizing: border-box; } .nav .nav-col, .topNav .nav-col { width: 100%; font-size: 28rpx; text-align: center; line-height: 75rpx; background-color: #fff; position: relative; } .detailsNav .navFix { position: fixed; left: 0; top: 0; } .nav .nav-col .navCol, .topNav .nav-col .navCol { display: inline-block; line-height: 64rpx; padding: 0 6rpx; } .nav-col .total { position: absolute; top: 5rpx; right: 0; border-radius: 40rpx; background: var(--subtitleColor); font-size: 20rpx; color: #fff; line-height: 30rpx; padding: 0 10rpx; } .nav-col .current { color: var(--subtitleColor); border-bottom: 2px solid var(--subtitleColor); } .head>image:first-child { margin-left: 0; } .head>image { width: 50rpx; height: 50rpx; border-radius: 100%; margin-left: -20rpx; border: 4rpx solid #fff; vertical-align: middle; } .groupText { font-size: 24rpx; color: #3d4145; } .colRight .groupBtn { width: 170rpx; height: 60rpx; text-align: center; line-height: 60rpx; font-size: 28rpx; color: #fff; border-radius: 30rpx; background-color: var(--subtitleColor); margin-right: 10rpx; padding: 0 20rpx; } .colRight .fill { background-color: #ccc !important; } /*评价*/ .userInfor { margin-top: -30rpx; padding: 20rpx 0; display: flex; align-items: center; position: relative; justify-content: space-between; } .userBox { flex-shrink: 0; text-align: right; } .headerBox { flex-shrink: 1; width: 100%; } .headerBox>text { white-space: nowrap; max-width: 180rpx; vertical-align: middle; font-size: 28rpx; display: inline-block; overflow: hidden; text-overflow: ellipsis; } .headerBox .headerImgB { width: 47rpx; height: 47rpx; border-radius: 50%; vertical-align: middle; margin-right: 10rpx; } .fen { position: absolute; right: 0; top: 28rpx; } .fen image { width: 57rpx; height: 30rpx; } .score { font-size: 28rpx; color: #595757; line-height: 40rpx; } .starBlank { width: 194rpx; height: 40rpx; background-size: contain; margin-left: 20rpx; } .mini-starBlank { width: 176rpx; height: 20rpx; margin-left: 10rpx; } .scoreBG { background-size: contain; } .score .sign { color: var(--subtitleColor); } .comment_content { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 4; word-wrap: break-word; word-break: break-all; white-space: normal; font-size: 22rpx; color: #717071; } .scoreImg { display: flex; align-items: center; flex-wrap: wrap; } .appraise { border-radius: 18rpx; } .scoreImg image { width: 135rpx; height: 135rpx; margin-left: 20rpx; border-radius: 12rpx; } .addScore { width: 100%; font-size: 26rpx; color: var(--subtitleColor); margin-top: 20rpx; border-top: 1px solid #E9E9E9; } .comment { padding:20rpx 20rpx; } .scoreBox { height: 40rpx; font-size: 28rpx; color: #595757; } .scoreTit { color: #000; font-size: 26rpx; vertical-align: middle } .noScore { width: 100%; text-align: center; line-height: 60rpx; font-size: 26rpx; color: #bbb; } .evaluate { width: 100%; padding: 0 10rpx; box-sizing: border-box; overflow-x: hidden; } .video { width: 100%; border-radius: 20rpx; } .topbox { width: 100%; height: 75rpx; } .vipPrompt { width: 100%; color: var(--subtitleColor); font-size: 24rpx; padding: 10rpx 0; line-height: 60rpx; border-top: 1px solid #e7e7e7; } .viode-top { padding-top: 30rpx; } .addTitle { font-size: 28rpx; color: var(--subtitleColor); padding: 10rpx 0; } .reply { background-color: #f9f9f9; border-radius: 14rpx; padding: 0 20rpx; box-sizing: border-box; margin-top: 30rpx; position: relative; } .reply::before { content: ''; width: 0; height: 0; border-width: 0 16rpx 20rpx; border-style: solid; border-color: transparent transparent #f9f9f9; position: absolute; top: -20rpx; } .replyTitle { display: flex; align-items: center; padding-left: 20rpx; border-bottom: 1px solid #ebebeb; } .replyTitle text { margin-right: 14rpx; font-size: 34rpx; } .detail-content { padding: 0 10rpx; box-sizing: border-box; background: #fff } .product-nav-fiexd~.detail-content { padding-top: 75rpx; } .barOnBottom { /* width: calc(100% - 40rpx); padding: 10rpx 20rpx; */ width: 100%; position: fixed; left: 0; bottom: -2rpx; z-index: 9999; box-shadow: 0 -2rpx 5rpx rgba(0, 0, 0, .2); background: #fff; } .barOnBottom .buttons-row { padding: 10rpx 20rpx; } .label { box-sizing: border-box; display: flex; flex-wrap: wrap; padding: 0 20rpx; margin-top: 20rpx; } .labelCol { line-height: 54rpx; padding: 0 20rpx; font-size: 26rpx; border-radius: 30rpx; border: 1px solid var(--subtitleColor); margin: 10rpx; } .labelCh { color: #fff; background-color: var(--subtitleColor); } .labelNo { color: var(--subtitleColor); background-color: #fff; } .item-disabled { background-color: #fafafa !important; color: #c8c9cc !important; border-color: #f6f5f5 !important; } .bbztx-editor { position: relative; color: #595757; } .bbztx-editor .overflow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 100%; background: rgba(0, 0, 0, .3); z-index: 10 } .bbztx-editor .overflow:before { content: ""; display: block; width: 100%; height: 100%; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QURBNURDREY5QzRDMTFFOEFFMUVDNENDRDE3ODgzMTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QURBNURDRTA5QzRDMTFFOEFFMUVDNENDRDE3ODgzMTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBREE1RENERDlDNEMxMUU4QUUxRUM0Q0NEMTc4ODMxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBREE1RENERTlDNEMxMUU4QUUxRUM0Q0NEMTc4ODMxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgWQeh4AAAG1SURBVHjazFexboMwEIWqO+oPsLCxRQpTsnRGivoH/QnmQrvyEwzZOkVi79IsCTNTJ34A+ICIHtW1sa6HbRxE8qS3YPPe3fmwjd11nXUt3I+YGwBXwCXQB7rAB2ANrIAlsADugUctxT5zBUNgBmw6PTQ4P1RpywY9YDrClAsiRZ1R5mvgrpsGO9T752MzDbcGvgEfB1bqiOta4Dr72Acr7AsOH8AX4KdszT1JxjnwGegMVMvB8VxSAU9W9pR56QsYSUy5ICJ8jyIdMg+Z5uoFNpqmlBsmgEb8CsTJGRNpJBGPNQKIGM2MmgdM1rmi1J1GAA7TAw36WXfYd32nOqRD34GtYo9KgLFkvEUdEQ76/WW+JdEdNBpMRKzI/kDmb8XMfRLdXiNr3Qq0qCfix+/X3CWDhcEhJQuA6rli2U+kLAuNTh4CtwQLMucklr3mymIIm3lG9Wqx7BUZXBoav2L5LYVeJZqXZJD79EyNz5/WGaVoXjC3lqcJjC3UCdgGvHCH65GY7nCX7O0qY+293eRUS6Y81a56ns9+k7mpO9yst9ebvLfP8sdij/hRnPxfbYz55PgWYACplrdElmq06AAAAABJRU5ErkJggg==') center no-repeat; } .editor-back .bbztx-editor-h3title, .editor-back .bbztx-editor-title { color: #000; } .bbztx-editor p { margin: 10rpx 0; } .bbztx-editor-textcenter, .bbztx-editor-pcenter, .bbztx-editor-content { text-align: center; line-height: 50rpx; font-size: 28rpx; } .bbztx-editor-title { text-align: center; font-size: 28rpx; line-height: 20rpx; } .bbztx-editor-title:before, .bbztx-editor-title:after, .editor-back .bbztx-editor-h3title:before, .editor-back .bbztx-editor-h3title:after { content: ""; position: relative; top: -2rpx; display: inline-block; width: 14rpx; height: 14rpx; background: #F05469; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); } .bbztx-editor-title:before, .editor-back .bbztx-editor-h3title:before { margin-right: 20rpx; } .bbztx-editor-title:after, .editor-back .bbztx-editor-h3title:after { margin-left: 20rpx; } .bbztx-editor-tcontent { margin: 210rpx 0; } .bbztx-editor-tcontent p, .bbztx-editor-content { margin: 0 !important; } .bbztx-editor-content { text-align: left; } .bbztx-editor-img { margin: 30rpx 0; text-align: center; } .bbztx-editor-img img { max-width: 100%; width: auto; } .bbztx-editor-h2title { font-size: 32rpx; display: inline-block; font-weight: bold; position: relative; color: #fff; background: #F05469; border-radius: 0 80rpx 80rpx 0; padding: 6rpx 80rpx 6rpx 80rpx; } .bbztx-editor-h2title:after { content: ""; position: absolute; top: 50%; right: 10rpx; width: 100%; height: 80%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); display: block; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjY5RjA5MkY5QzQxMTFFODgwODBENkVFNzlBRTNGRDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjY5RjA5MzA5QzQxMTFFODgwODBENkVFNzlBRTNGRDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjlGMDkyRDlDNDExMUU4ODA4MEQ2RUU3OUFFM0ZEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NjlGMDkyRTlDNDExMUU4ODA4MEQ2RUU3OUFFM0ZEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvgQOI8AAANASURBVHjavJdpSBVRFMff02f2oaQFJQSJ0rC0SAqSTMgwAotEIqhIKAhCgoIWaEPxUyZUBAW2EFTkx6JA0g9RRCu5RPlF2zCjhVBDjRZNp9/R82y6znszo9SBHzN35p77P3Nn7j1nggEPZllWkMNSWA05kA4zIAYG4RO0wkO4CY+CwaDlNm7QRXQCh22wB9LgJzyGZ9CubemTDJmwDCbDKzgBFwiiL+DXEM6DVmvY7sImmKT3YmAKxBk+cbAG6tRP/PP8iAahFAbgqQaRD9P1fiy06eDfYWGU4F/qOKX66lyFq3TgJ7AeVkAJPJcAIAS90AOvId1hnAIogmL4qONVRQ2AmxXWH5OIr0M1pOhAc7Vfre0V5Iava/sUXIJ+a7RVRBIuNDq263vdqe1ql1mTwJOhEY5bka3QdEyAD1Z0O+AiLlN92XI30UmwO5a7OBx1W5KwVV9VN7zQaT8Hbx3GKw87xkNHFOHDHlZIGXTpqsiGDTAbGjQY00QvPqBf5Zim2iYuK+C8rohs2/VMXW5OVhSiTwF0QDekwj24Bi3sTnUuorEcDkE+LNfLt7gu/rK9pujOGNCtNxHmaLtA1nUTJ22QoIOsRbTG4xPnarBeTLbZBbAKioe2Zd0sjkAaHIN3cu5jC/ZsNj/R6wlpIujiaSUZ7JNdi+Ntjrs4ypr8AQe53+2gP+AjXdgTzOchXQ1qt/FEs6DFFnQ9JEb40ORLv6i0RHjoPtho89s7NBPhaXcYuM0YoNkpAMNnItwx/L7BSqNfpejKSRNc9SDuNYB1hs8Ohz43RFcqkXrIdU15wzYfNrv0GTTa8uRJMDNcC4ie6MpJLSRpFfKXU4TB+wP+rQTC35UUF9NENyzeCdsNB2mfNa5VwpUxiMtKemMLpFN1RxLLL8gw3k2W7d3JhznVw9qfB1/U5ysstt1bBIMjicVIqQ90y3QSXxIYh2l91zAqpRrFRGUE8axxip92LCYcyqj92s6wiaeOQ7gsahnlUECe1KnaYt+dfIpKrXDGUwHpUDo32vOzT+Ecze/eSucoPw01WqOFPHxUnn8a/P4u9cB9aIb30Kt1QLLm6lxte/pdCnqchX/zo2jL8f/dfgswAKSOSPgWwycoAAAAAElFTkSuQmCC') right center no-repeat; background-size: contain; } .bbztx-editor-h3title, .bbztx-editor-h4title { text-align: center; color: #F05469; font-size: 32rpx; padding: 20rpx 0; } .bbztx-editor-h4title { color: var(--subtitleColor); } .bbztx-editor-h3title~.bbztx-editor-img:first-child, .bbztx-editor-h4title~.bbztx-editor-img:first-child { margin: 0; } .bbztx-editor-img~p { margin: 0; margin-top: 20rpx !important; } .editor-back .bbztx-editor-h2title { background: #F05469; height: 36rpx; line-height: 34rpx; display: inline-block; font-size: 32rpx; margin-top: 32rpx; position: relative; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); padding: 10rpx; border-radius: 0; } .editor-back .bbztx-editor-h2title:after { content: ""; position: absolute; top: -36rpx; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAA+CAYAAACm03wJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTQ3RjJCQ0Y5QzQxMTFFODhCODlERUM0Qjg1QjRFNTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTQ3RjJCRDA5QzQxMTFFODhCODlERUM0Qjg1QjRFNTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNDdGMkJDRDlDNDExMUU4OEI4OURFQzRCODVCNEU1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNDdGMkJDRTlDNDExMUU4OEI4OURFQzRCODVCNEU1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pguuv44AABeHSURBVHja7FwJdBzV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') center top no-repeat; background-size: contain; } .editor-back .bbztx-editor-h3title, .editor-back .bbztx-editor-h4title { color: #000; } .fixed_kxzb { position: fixed; bottom: 60px; right: 10px; z-index: 100; } .fixed_kxzb image { width: 160rpx; height: 124rpx; } .preferential-box { margin-bottom: 20rpx; overflow: hidden; } .preferential { display: flex; justify-content: space-between; align-items: center; padding: 30rpx 20rpx; background: #fff; position: relative; } .preferential-start { align-items: flex-start; } .preferential::after { content: ''; position: absolute; left: 0; bottom: 0; width: calc(100% - 80rpx); border-bottom: 2rpx solid #eee; margin-left: 40rpx; } .growup-line::after { border-bottom-style: solid; } .preferential:last-child::after { border-bottom: 0 none; } .preferential>.tag-text { border: 2rpx solid var(--subtitleColor); color: var(--subtitleColor); padding: 2rpx 10rpx; border-radius: 13rpx; font-size: 22rpx; } .preferential>.tag-text.blue { border-color: #22AC38; color: #22AC38; } .preferential>.tag-text { flex-shrink: 0; } .preferential>.preferential-text { flex: 1; margin: 0 40rpx 0 20rpx; font-size: 24rpx; overflow: hidden; text-overflow: ellipsis; width: 100%; } .preferential>.change-privilege { color: #fff; background: var(--subtitleColor); font-size: 24rpx; line-height: 2; border-radius: 40rpx; } .preferential-text2 { display: flex; justify-content: space-between; align-items: center; margin-left: 0; } .preferential>.preferential-after { flex-shrink: 0; margin-right: 20rpx; } .preferential::before { content: '\e977'; font-family: 'icomoon'; font-size: 40rpx; position: absolute; top: 50%; right: 10rpx; transform: translateY(-50%); } .no-preferential::before { content: ''; } .button-growup .button { display: flex; flex-direction: column; line-height: 1.8; flex: 1; align-items: center; } .tag-list { margin-left: -2%; overflow: hidden; white-space: nowrap; } .tag-list>.text { border: 2rpx solid #c8c9cb; border-radius: 40rpx; width: 23%; margin-left: 2%; padding: 10rpx 0; font-size: 24rpx; text-align: center; float: left; box-sizing: border-box; margin-bottom: 3%; } .qptype-box .priceRemark { color: #000; font-size: 24rpx; border-radius: 24rpx; border: 1px solid #000; display: inline-block; padding: 4rpx 10rpx; } .product-box .priceRemark { color: #000; font-size: 22rpx; border: 2rpx solid var(--subtitleColor); border-radius: 30rpx; background-color: var(--subtitleColor); padding: 4rpx 10rpx; } .qptype-box { display: flex; justify-content: space-between; align-items: center; padding: 10rpx 20rpx 25rpx 20rpx; background: var(--subtitleColor) ; background-size: 100% 100%; } .qptype-info { flex-shrink: 1; } .qptype-info .amount { display: inline-block; margin-left: 9rpx; /* font-size: 18rpx !important; */ } .qptype-info .amount text { font-size: 24rpx !important; } .qptype-downtime { flex-shrink: 0; } .qptype-text { display: block; } .qptype-downtime>.time-m { display: inline-block; padding: 0 4rpx; font-size: 22rpx; text-align: center; color: #000; background-color: #fff; border-radius: 8rpx; font-style: normal; margin: 0 7rpx; } .qptype-downtime>.i { font-weight: bold; font-style: normal; font-size: 1rem; line-height: 0; margin: 0 5px; } .qptype-downtime>.i-d { font-size: 22rpx; } .sku { margin-bottom: 20rpx; } scroll-view ::-webkit-scrollbar { display:none; width:0; height:0; color:transparent; } .sku-boxs { width: 100%; display: flex; flex-direction: row; overflow-x: auto; } .sku-box { border-radius: 16rpx; color: #717071; font-size: 24rpx; padding: 20rpx; text-align: center; display: inline-block; margin-left: 15rpx; background: #f5f5f4; display: flex; flex-direction: column; flex-shrink: 0; min-width: 220rpx; border: 1px solid #f0f0ec; } .sku-box:first-child { margin-left: 0; } .disabled { background: #C9C9C9 !important; color: #fff; border-color: #C9C9C9; } .set-remind { background: #08bc99; color: #fff; text-align: center; padding: 15rpx 40rpx; font-size: 28rpx; display: flex; flex-direction: row; justify-content: space-around; border-radius: 15rpx; width: 100%; } .act-tip { position: absolute; bottom: 0; color: #fff; right: 0; padding: 0 15rpx; border-top-left-radius: 20rpx; background: -webkit-linear-gradient(left, var(--subtitleColor), rgba(238, 58, 67, 0.3)); background: linear-gradient(to right, var(--subtitleColor), rgba(238, 58, 67, 0.3)); border-bottom-left-radius: 20rpx; line-height: 1.8; font-size: 24rpx; } .btns { padding: 0 20rpx; } .orange { color: #ff7e8d; border: 1rpx solid #ff7e8d; padding: 0 10rpx; border-radius: 20rpx; } .green { color: #22AC38; border: 1rpx solid #22AC38; padding: 0 10rpx; border-radius: 20rpx; } .blue { color: #4DB0EB; border: 1rpx solid #4DB0EB; padding: 0 10rpx; border-radius: 20rpx; } .redStatus { /* color: var(--subtitleColor); border: 1rpx solid var(--subtitleColor); */ border: 1rpx solid #000; padding: 0 10rpx; border-radius: 20rpx; } .dis { display: flex; justify-content: space-between; } .ft14 { font-size: 28rpx; position: relative; } .marvellous { background-color: #fff; box-sizing: border-box; margin-top: 20rpx; } .marvellous_top { display: flex; justify-content: space-between; } .marvellous_top_content { display: flex; align-items: baseline; /* font-weight: 900; */ } .brillianticon::after { margin-right: 10rpx; content: ''; border-top: 1px solid #C7C7C7; border-right: 1px solid #C7C7C7; width: 12rpx; height: 12rpx; display: inline-block; transform: rotate(45deg); float: right; margin-top: 8rpx; } .marvellous_top_content .brilliant { width: 188rpx; height: 36rpx; margin-right: -10rpx; } .brilliantIcon { width: 100rpx; height: 100rpx; position: absolute; right: 28rpx; top: 10rpx; } .marvellous_bottom { display: flex; margin-top: 20rpx; } .bottom_li { width: 24%; /* background-color: rgb(105, 104, 104); */ height: 167.5rpx; margin-right: 10rpx; border-radius: 18rpx; } .bottom_li .iconAdd { font-size: 50rpx; color: #fff; position: relative; top: -62rpx; right: -120rpx; pointer-events: none; } .bottom_li .img { width: 45rpx; height: 45rpx; position: relative; top: -60rpx; right: -120rpx; } .bottom_li image { width: 100%; height: 100%; } .bottom_li video { width: 100%; height: 100%; border-radius: 20rpx; display: none } .bottom_li .channelVideo { width: 100%; height: 100%; } .listScore { display: flex; justify-content: space-between; } .buttom1 { width: 158rpx; height: 47rpx; background-color: var(--subtitleColor) ; display: flex; justify-content: center; align-items: center; color: #000; border-radius: 30rpx; } .priceBox { margin-top: -13rpx; } .flex-box { display: flex; align-items: center; justify-content: space-between; padding: 20rpx; border-radius: 42rpx; } .flex-box .box-c { letter-spacing: 2px; color: #9d9d9e; font-weight: 500; font-size: 13px; } .flex-box .box-r::after { margin-right: 16rpx; content: ''; border-top: 1px solid #C7C7C7; border-right: 1px solid #C7C7C7; width: 12rpx; height: 12rpx; display: inline-block; transform: rotate(45deg); float: right; } .safety { position: relative; } .safety .bgImg { width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; }