| | |
| | | background-color: #fff; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | } |
| | | |
| | | .navbar-title { |
| | | white-space: nowrap; |
| | | /* overflow: hidden; */ |
| | | text-overflow: ellipsis; |
| | | color: #0F1214; |
| | | font-size: 40rpx; |
| | |
| | | flex-wrap: wrap; |
| | | justify-content: space-between; |
| | | margin: 15px; |
| | | |
| | | |
| | | } |
| | | |
| | | .contentBox { |
| | | width: 330rpx; |
| | | /* height: 231rpx; */ |
| | | /* border: 1px #000 solid; */ |
| | | margin: 10px 0; |
| | | background-color: #fff; |
| | | |
| | | } |
| | | |
| | | image { |
| | | width: 327rpx; |
| | | .contentBox .imageBox { |
| | | width: 330rpx; |
| | | height: 128rpx; |
| | | } |
| | | |
| | | |
| | | |
| | | image { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | |
| | | .textBox { |
| | | font-family: PingFang SC, PingFang SC; |
| | | width: 280rpx; |
| | | /* height: 75rpx; */ |
| | | font-size: 25rpx; |
| | | |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 2; |
| | | /* text-align: center; */ |
| | | margin: 20rpx; |
| | | |
| | | } |
| | | |
| | | |
| | | .example-search { |
| | | /* width: 300px; */ |
| | | background-color: #fff; |
| | | /* padding: 16rpx 32rpx; */ |
| | | } |
| | | |
| | | .iconBox { |
| | |
| | | .sortBox { |
| | | color: #999999; |
| | | display: flex; |
| | | /* border-bottom: 1px #ededed solid; */ |
| | | align-items: center; |
| | | height: 86rpx; |
| | | width: 195rpx; |
| | | margin-top: 8rpx; |
| | | font-size: 30rpx; |
| | | font-size: 25rpx; |
| | | } |
| | | |
| | | .outsideSortBox { |
| | | width: 96rpx; |
| | | height: 95rpx; |
| | | margin: 0 15rpx; |
| | | box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.16); |
| | | padding: 0 10rpx; |
| | | } |
| | | |
| | | .sortBox text { |
| | | font-family: PingFang SC, PingFang SC; |
| | | font-weight: 400; |
| | | font-size: 25rpx; |
| | | color: #999999; |
| | | } |
| | | |
| | | .titleBox { |
| | | display: flex; |
| | | align-items: center; |
| | | margin: 10px; |
| | | margin-left: 0; |
| | | padding-top: 30rpx; |
| | | } |
| | | |
| | | |
| | | |
| | | .frameBox { |
| | | width: 13rpx; |
| | | width: 7rpx; |
| | | height: 54rpx; |
| | | background: #FF6C00; |
| | | border-radius: 0rpx 9rpx 9rpx 0rpx; |
| | | |
| | | } |
| | | |
| | | .titleTextBox { |
| | | font-size: 20px; |
| | | font-weight: bolder; |
| | | margin-left: 10px; |
| | | font-family: JDLangZhengTi, JDLangZhengTi; |
| | | margin-left: 5px; |
| | | width: 180rpx; |
| | | height: 36rpx; |
| | | /*宽 3.7 高1 */ |
| | | } |
| | | |
| | | .titleTextBox image { |
| | | width: 100%; |
| | | height: 100%; |
| | | image-rendering: -webkit-optimize-contrast; |
| | | } |
| | | |
| | | .classification { |
| | | width: 550rpx; |
| | | /* margin-bottom: 50rpx; */ |
| | | |
| | | margin: 0 30rpx; |
| | | } |
| | | |
| | | .menuBox { |
| | | display: flex; |
| | | height: 75rpx; |
| | | |
| | | } |
| | | |
| | | .assembleContent { |
| | | background-color: #F2F3F8; |
| | | min-height: 90vh; |
| | | margin-top: 270rpx; |
| | | |
| | | } |
| | | |
| | | .t-dropdown-menu:after, |
| | | .t-dropdown-menu::after { |
| | | height: 0px; |
| | | } |
| | | |
| | | .t-dropdown-item__body, |
| | | .t-dropdown-item__footer, |
| | | .t-radio { |
| | | background: #F6F6F6 !important; |
| | | } |
| | | |
| | | .t-dropdown-item__body { |
| | | padding: 40rpx 0; |
| | | } |
| | | |
| | | .t-dropdown-menu__item { |
| | | margin: 10rpx 10rpx 0 10rpx; |
| | | border-radius: 40rpx; |
| | | height: 68rpx; |
| | | background: #F6F6F6 !important; |
| | | } |
| | | |
| | | .t-dropdown-menu__item--active { |
| | | height: 68rpx !important; |
| | | background: #F6F6F6 !important; |
| | | } |
| | | |
| | | .t-dropdown-menu__item--active, |
| | | .t-radio__icon--checked, |
| | | .t-checkbox__icon--checked { |
| | | color: #FF6C00 !important |
| | | } |
| | | |
| | | .t-checkbox__icon--disabled { |
| | | color: #c0c4cc !important; |
| | | } |
| | | |
| | | .t-radio--block { |
| | | padding: 20rpx !important; |
| | | } |
| | | |
| | | .t-radio__border { |
| | | height: 0 !important; |
| | | } |
| | | |
| | | /* .t-button--primary { |
| | | color: #fff !important; |
| | | background-color: #FF6C00 !important; |
| | | border: 1rpx #fff solid !important; |
| | | } */ |
| | | |
| | | .t-button--primary { |
| | | color: var(--td-button-primary-color, var(--td-font-white-1, #ffffff)) !important; |
| | | background-color: var(--td-button-primary-bg-color, var(--td-brand-color, var(--td-primary-color-7, #FF6C00))) !important; |
| | | } |
| | | |
| | | .t-button--primary::after { |
| | | border-width: var(--td-button-border-width, 4rpx); |
| | | border-color: var(--td-button-primary-border-color, var(--td-brand-color, var(--td-primary-color-7, #FF6C00))) !important; |
| | | } |
| | | |
| | | .t-button--primary.t-button--hover::after { |
| | | background-color: var(--td-button-primary-active-bg-color, var(--td-brand-color-active, var(--td-primary-color-8, #FF6C00))) !important; |
| | | border-color: var(--td-button-primary-active-border-color, var(--td-brand-color-active, var(--td-primary-color-8, #FF6C00))) !important; |
| | | } |
| | | |
| | | |
| | | .t-button--light { |
| | | color: #000 !important; |
| | | background-color: #fff !important; |
| | | } |
| | | |
| | | |
| | | .menu--t-dropdown-menu::after { |
| | | background-color: var(--td-component-border, var(--td-gray-color-4, #fff)) !important; |
| | | |
| | | } |
| | | |
| | | .noData { |
| | | |
| | | margin: 0 auto; |
| | | margin-top: 100rpx; |
| | | } |
| | | |
| | | .t-checkbox--tag .t-checkbox__title--checked { |
| | | color: var(--td-checkbox-tag-active-color, var(--td-brand-color, var(--td-primary-color-7, #fff))) !important; |
| | | } |
| | | |
| | | .t-checkbox--tag.t-checkbox--checked { |
| | | color: var(--td-checkbox-tag-active-color, var(--td-brand-color, var(--td-primary-color-7, #fff))) !important; |
| | | background-color: var(--td-checkbox-tag-active-bg-color, var(--td-brand-color-light, var(--td-primary-color-1, #FF6C00))) !important; |
| | | } |
| | | |
| | | .outsideBigTitleBox { |
| | | position: fixed; |
| | | top: 0px; |
| | | background-color: #fff; |
| | | height: 135px; |
| | | } |
| | | |
| | | .disableds { |
| | | color: var(--td-dropdown-menu-disabled-colorm, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))) !important; |
| | | } |