3164 lines
78 KiB
Plaintext
3164 lines
78 KiB
Plaintext
|
page {
|
||
|
|
min-height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
grace-page,
|
||
|
|
gracepage,
|
||
|
|
page {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
grace-page,
|
||
|
|
gracepage {
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
view {
|
||
|
|
font-size: 28rpx;
|
||
|
|
}
|
||
|
|
.grace-img-in {
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.grace-opacity {
|
||
|
|
opacity: 0.9;
|
||
|
|
}
|
||
|
|
.grace-border-box {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.grace-flex,
|
||
|
|
.grace-rows {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.grace-rows {
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
.grace-columns {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.grace-wrap {
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
.grace-nowrap,
|
||
|
|
.grace-wrap {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
.grace-nowrap {
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
}
|
||
|
|
.grace-space-between {
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.grace-flex-center,
|
||
|
|
.grace-space-between {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
.grace-flex-center {
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.grace-flex-end {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: flex-end;
|
||
|
|
}
|
||
|
|
.grace-flex-vtop {
|
||
|
|
align-items: flex-start;
|
||
|
|
}
|
||
|
|
.grace-flex-vcenter {
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.grace-flex-vbottom {
|
||
|
|
align-items: flex-end;
|
||
|
|
}
|
||
|
|
.grace-no-scale {
|
||
|
|
flex-shrink: 0;
|
||
|
|
}
|
||
|
|
.grace-flex1 {
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
.grace-flex-v1 {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex: 1;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.grace-relative {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.grace-absolute-lt {
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.grace-absolute-rt {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.grace-absolute-lb {
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.grace-absolute-rb {
|
||
|
|
bottom: 0;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.grace-center-view {
|
||
|
|
left: 50%;
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
}
|
||
|
|
.grace-fixed-top {
|
||
|
|
height: auto;
|
||
|
|
left: 0;
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.grace-grids {
|
||
|
|
flex-wrap: wrap;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.grace-grids,
|
||
|
|
.grace-grids-items {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.grace-grids-items {
|
||
|
|
align-items: center;
|
||
|
|
box-sizing: border-box;
|
||
|
|
flex-direction: column;
|
||
|
|
padding: 20rpx 0;
|
||
|
|
width: 175rpx;
|
||
|
|
}
|
||
|
|
.grace-grids-icon {
|
||
|
|
font-size: 60rpx;
|
||
|
|
height: 80rpx;
|
||
|
|
line-height: 80rpx;
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.grace-grids-icon-img {
|
||
|
|
border-radius: 6rpx;
|
||
|
|
height: 80rpx;
|
||
|
|
width: 80rpx;
|
||
|
|
}
|
||
|
|
.grace-grids-text {
|
||
|
|
font-size: 24rpx;
|
||
|
|
line-height: 50rpx;
|
||
|
|
margin-top: 2px;
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.grace-padding {
|
||
|
|
padding: 0 25rpx;
|
||
|
|
}
|
||
|
|
.grace-margin {
|
||
|
|
margin: 0 25rpx;
|
||
|
|
}
|
||
|
|
.grace-body {
|
||
|
|
padding: 0 25rpx;
|
||
|
|
width: 700rpx;
|
||
|
|
}
|
||
|
|
.grace-margin-top {
|
||
|
|
margin-top: 30rpx;
|
||
|
|
}
|
||
|
|
.grace-padding-top {
|
||
|
|
padding-top: 30rpx;
|
||
|
|
}
|
||
|
|
.grace-black {
|
||
|
|
color: #333 !important;
|
||
|
|
}
|
||
|
|
.grace-black6 {
|
||
|
|
color: #666 !important;
|
||
|
|
}
|
||
|
|
.grace-black9 {
|
||
|
|
color: #999 !important;
|
||
|
|
}
|
||
|
|
.grace-white {
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-blue {
|
||
|
|
color: #3687ff !important;
|
||
|
|
}
|
||
|
|
.grace-light-blue {
|
||
|
|
color: #afcfff !important;
|
||
|
|
}
|
||
|
|
.grace-blue-sky {
|
||
|
|
color: #61cbef !important;
|
||
|
|
}
|
||
|
|
.grace-gray {
|
||
|
|
color: #a5a7b2 !important;
|
||
|
|
}
|
||
|
|
.grace-red {
|
||
|
|
color: #ff0036 !important;
|
||
|
|
}
|
||
|
|
.grace-yellow {
|
||
|
|
color: #fc0 !important;
|
||
|
|
}
|
||
|
|
.grace-light-yellow {
|
||
|
|
color: #ecd1a8 !important;
|
||
|
|
}
|
||
|
|
.grace-green {
|
||
|
|
color: #9dd26d !important;
|
||
|
|
}
|
||
|
|
.grace-bg-black {
|
||
|
|
background: #000 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-bg-white {
|
||
|
|
background: #fff !important;
|
||
|
|
color: #333 !important;
|
||
|
|
}
|
||
|
|
.grace-bg-blue {
|
||
|
|
background: #3687ff !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-bg-blue-sky {
|
||
|
|
background: #61cbef !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-bg-gray {
|
||
|
|
background: #a5a7b2 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-bg-light-gray {
|
||
|
|
background: #f8f8f8 !important;
|
||
|
|
}
|
||
|
|
.grace-bg-red {
|
||
|
|
background: #ff0036 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-bg-green {
|
||
|
|
background: #9dd26d !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-bg-yellow {
|
||
|
|
background: #fc0 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-bg-light-blue {
|
||
|
|
background: #afcfff !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-bg-light-yellow {
|
||
|
|
background: #ecd1a8 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-gtbg-blue {
|
||
|
|
background: linear-gradient(90deg, #b100ff, #00b3ff) !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-gtbg-pink {
|
||
|
|
background: linear-gradient(90deg, #f06, #ca00ff) !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-gtbg-green {
|
||
|
|
background: linear-gradient(90deg, #39b55a, #8dc63e) !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-gtbg-purple {
|
||
|
|
background: linear-gradient(90deg, #f000ee, #6e00ff) !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-gtbg-orange {
|
||
|
|
background: linear-gradient(90deg, #ffcd00, #ff9b00) !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-gtbg-blue-sky {
|
||
|
|
background: linear-gradient(90deg, #00ffd5, #008cff) !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.grace-imgbg,
|
||
|
|
.grace-imgbg-center {
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 100%auto;
|
||
|
|
}
|
||
|
|
.grace-imgbg-center {
|
||
|
|
background-position: 50%;
|
||
|
|
}
|
||
|
|
.grace-imgbg-bc {
|
||
|
|
background-position: bottom;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 100%auto;
|
||
|
|
}
|
||
|
|
.grace-border {
|
||
|
|
border: 1px solid #e9e9e9;
|
||
|
|
}
|
||
|
|
.grace-border-l {
|
||
|
|
border-left: 1px solid #e9e9e9;
|
||
|
|
}
|
||
|
|
.grace-border-r {
|
||
|
|
border-right: 1px solid #e9e9e9;
|
||
|
|
}
|
||
|
|
.grace-border-t {
|
||
|
|
border-top: 1px solid #e9e9e9;
|
||
|
|
}
|
||
|
|
.grace-border-b {
|
||
|
|
border-bottom: 1px solid #e9e9e9;
|
||
|
|
}
|
||
|
|
.grace-noborder {
|
||
|
|
border: none !important;
|
||
|
|
}
|
||
|
|
.grace-border-radius {
|
||
|
|
border-radius: 100rpx;
|
||
|
|
}
|
||
|
|
.grace-border-radius-small {
|
||
|
|
border-radius: 10rpx;
|
||
|
|
}
|
||
|
|
.grace-box-shadow {
|
||
|
|
box-shadow: 0 0 16rpx #d5d6d8;
|
||
|
|
}
|
||
|
|
.grace-shadow {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.grace-shadow::before {
|
||
|
|
background: inherit;
|
||
|
|
border-radius: inherit;
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
filter: blur(6rpx);
|
||
|
|
height: 100%;
|
||
|
|
left: 8rpx;
|
||
|
|
opacity: 0.38;
|
||
|
|
position: absolute;
|
||
|
|
top: 8rpx;
|
||
|
|
transform: scale(1, 1);
|
||
|
|
transform-origin: 0 0;
|
||
|
|
width: 100%;
|
||
|
|
z-index: -1;
|
||
|
|
}
|
||
|
|
.grace-h1 {
|
||
|
|
font-size: 80rpx;
|
||
|
|
}
|
||
|
|
.grace-h2 {
|
||
|
|
font-size: 60rpx;
|
||
|
|
}
|
||
|
|
.grace-h3 {
|
||
|
|
font-size: 45rpx;
|
||
|
|
}
|
||
|
|
.grace-h4 {
|
||
|
|
font-size: 32rpx;
|
||
|
|
}
|
||
|
|
.grace-h5 {
|
||
|
|
font-size: 30rpx;
|
||
|
|
}
|
||
|
|
.grace-h6 {
|
||
|
|
font-size: 28rpx;
|
||
|
|
}
|
||
|
|
.grace-bold {
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.grace-text {
|
||
|
|
font-size: 26rpx;
|
||
|
|
line-height: 50rpx;
|
||
|
|
}
|
||
|
|
.grace-desc {
|
||
|
|
font-size: 24rpx;
|
||
|
|
line-height: 44rpx;
|
||
|
|
}
|
||
|
|
.grace-text-small {
|
||
|
|
font-size: 22rpx;
|
||
|
|
line-height: 40rpx;
|
||
|
|
}
|
||
|
|
.grace-line-through {
|
||
|
|
text-decoration: line-through;
|
||
|
|
}
|
||
|
|
.grace-italic {
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
.grace-indent {
|
||
|
|
text-indent: 2em;
|
||
|
|
}
|
||
|
|
.grace-ellipsis {
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.grace-text-left {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.grace-text-center {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.grace-text-right {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.grace-text-justify {
|
||
|
|
text-align: justify;
|
||
|
|
}
|
||
|
|
.grace-center {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.grace-button {
|
||
|
|
border-radius: 6rpx;
|
||
|
|
font-size: 30rpx;
|
||
|
|
line-height: 88rpx;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.grace-button::after {
|
||
|
|
border: none;
|
||
|
|
border-radius: 4rpx !important;
|
||
|
|
}
|
||
|
|
.grace-button[type="primary"] {
|
||
|
|
background: #3688ff;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.button-hover[type="primary"] {
|
||
|
|
opacity: 0.9;
|
||
|
|
}
|
||
|
|
button[loading][type="primary"] {
|
||
|
|
background-color: #3688ff;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.grace-button[type="primary"][plain] {
|
||
|
|
background-color: transparent;
|
||
|
|
border: 1px solid #3688ff;
|
||
|
|
color: #3688ff;
|
||
|
|
}
|
||
|
|
.grace-button[type="warn"] {
|
||
|
|
background: #ee0a25;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.button-hover[type="warn"] {
|
||
|
|
background: #ff0036;
|
||
|
|
opacity: 0.9;
|
||
|
|
}
|
||
|
|
button[loading][type="warn"] {
|
||
|
|
background-color: #ee0a25;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.grace-button[type="warn"][plain] {
|
||
|
|
background-color: transparent;
|
||
|
|
border: 1px solid #ff0036;
|
||
|
|
color: #ff0036;
|
||
|
|
}
|
||
|
|
.grace-box-btn {
|
||
|
|
font-size: 50rpx;
|
||
|
|
height: 80rpx;
|
||
|
|
line-height: 80rpx;
|
||
|
|
padding: 0;
|
||
|
|
text-align: center;
|
||
|
|
width: 80rpx;
|
||
|
|
}
|
||
|
|
button[disabled][type="primary"] {
|
||
|
|
background-color: #3688ff;
|
||
|
|
opacity: 0.8;
|
||
|
|
}
|
||
|
|
.grace-title {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-weight: 700;
|
||
|
|
justify-content: space-between;
|
||
|
|
line-height: 2em;
|
||
|
|
padding: 10rpx 0;
|
||
|
|
}
|
||
|
|
.grace-title-text {
|
||
|
|
flex: auto;
|
||
|
|
width: 200rpx;
|
||
|
|
}
|
||
|
|
.grace-title-icon {
|
||
|
|
font-size: 36rpx;
|
||
|
|
width: 50rpx;
|
||
|
|
}
|
||
|
|
.grace-line-title {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
}
|
||
|
|
.grace-line-title-line {
|
||
|
|
background: #f9f9f9;
|
||
|
|
flex: auto;
|
||
|
|
height: 1px;
|
||
|
|
width: 50rpx;
|
||
|
|
}
|
||
|
|
.grace-line-title-text {
|
||
|
|
line-height: 80rpx;
|
||
|
|
padding: 0 80rpx;
|
||
|
|
}
|
||
|
|
.grace-title-border {
|
||
|
|
background: #3688ff;
|
||
|
|
flex-shrink: 0;
|
||
|
|
height: 28rpx;
|
||
|
|
margin-right: 16rpx;
|
||
|
|
width: 8rpx;
|
||
|
|
}
|
||
|
|
.grace-header-body {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex: auto;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
}
|
||
|
|
.grace-header-body > .icons,
|
||
|
|
.grace-header-icons {
|
||
|
|
flex-shrink: 0;
|
||
|
|
font-size: 26px;
|
||
|
|
height: 44px;
|
||
|
|
line-height: 44px;
|
||
|
|
text-align: center;
|
||
|
|
width: 44px;
|
||
|
|
}
|
||
|
|
.grace-header-content {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex: auto;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
line-height: 44px;
|
||
|
|
width: 200rpx;
|
||
|
|
}
|
||
|
|
.grace-header-content-noflex {
|
||
|
|
flex: auto;
|
||
|
|
width: 200rpx;
|
||
|
|
}
|
||
|
|
.grace-header-text {
|
||
|
|
font-size: 28rpx;
|
||
|
|
margin: 0 10rpx;
|
||
|
|
}
|
||
|
|
.grace-header-face {
|
||
|
|
border-radius: 30px;
|
||
|
|
height: 30px;
|
||
|
|
margin: 0 10rpx;
|
||
|
|
width: 30px;
|
||
|
|
}
|
||
|
|
.grace-header-leader {
|
||
|
|
background: rgba(0, 0, 0, 0.1);
|
||
|
|
border-radius: 62px;
|
||
|
|
flex-shrink: 0;
|
||
|
|
height: 62rpx;
|
||
|
|
margin-left: 20rpx;
|
||
|
|
padding: 0 15rpx;
|
||
|
|
width: 136rpx;
|
||
|
|
}
|
||
|
|
.grace-header-leader-btns {
|
||
|
|
font-size: 36rpx;
|
||
|
|
line-height: 60rpx;
|
||
|
|
text-align: center;
|
||
|
|
width: 60rpx;
|
||
|
|
}
|
||
|
|
.grace-header-leader-line {
|
||
|
|
background: hsla(0, 0%, 100%, 0.2);
|
||
|
|
height: 30rpx;
|
||
|
|
width: 1px;
|
||
|
|
}
|
||
|
|
.grace-swiper {
|
||
|
|
height: 200rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.grace-swiper-item {
|
||
|
|
font-size: 0;
|
||
|
|
line-height: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.grace-swiper-image {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.grace-swiper-title {
|
||
|
|
background: rgba(0, 0, 0, 0.2);
|
||
|
|
bottom: 0;
|
||
|
|
color: #fff;
|
||
|
|
height: 68rpx;
|
||
|
|
left: 0;
|
||
|
|
line-height: 68rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
position: absolute;
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 99;
|
||
|
|
}
|
||
|
|
.grace-class {
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.grace-class view {
|
||
|
|
border-radius: 50rpx;
|
||
|
|
display: inline-block;
|
||
|
|
line-height: 66rpx;
|
||
|
|
margin: 0 2px;
|
||
|
|
padding: 0 18px;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
.grace-class view:first-child {
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.grace-class view:last-child {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.grace-class .grace-current {
|
||
|
|
background: #3688ff;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.grace-tags {
|
||
|
|
font-size: 18rpx;
|
||
|
|
height: 26rpx;
|
||
|
|
line-height: 26rpx;
|
||
|
|
padding: 6rpx 12rpx;
|
||
|
|
}
|
||
|
|
.grace-tags,
|
||
|
|
.grace-tags-large {
|
||
|
|
background: #a5a7b2;
|
||
|
|
color: #fff;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.grace-tags-large {
|
||
|
|
font-size: 24rpx;
|
||
|
|
height: 40rpx;
|
||
|
|
line-height: 40rpx;
|
||
|
|
padding: 6rpx 20rpx;
|
||
|
|
}
|
||
|
|
.grace-tbr {
|
||
|
|
border-radius: 5rpx;
|
||
|
|
}
|
||
|
|
.grace-tbr-large {
|
||
|
|
border-radius: 40rpx;
|
||
|
|
}
|
||
|
|
.grace-capsule {
|
||
|
|
display: -webkit-inline-flex;
|
||
|
|
display: inline-flex;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
}
|
||
|
|
.grace-capsule-icon {
|
||
|
|
background: #3688ff;
|
||
|
|
color: #fff;
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 24rpx;
|
||
|
|
height: 30rpx;
|
||
|
|
line-height: 30rpx;
|
||
|
|
padding: 12rpx 15rpx;
|
||
|
|
}
|
||
|
|
.grace-icon-br {
|
||
|
|
border-bottom-left-radius: 3px;
|
||
|
|
border-top-left-radius: 3px;
|
||
|
|
}
|
||
|
|
.grace-capsule-text {
|
||
|
|
border: 1px solid #3688ff;
|
||
|
|
color: #3688ff;
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 24rpx;
|
||
|
|
height: 26rpx;
|
||
|
|
line-height: 26rpx;
|
||
|
|
padding: 12rpx 15rpx;
|
||
|
|
}
|
||
|
|
.grace-text-br {
|
||
|
|
border-bottom-right-radius: 3px;
|
||
|
|
border-top-right-radius: 3px;
|
||
|
|
}
|
||
|
|
.grace-list-items {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.grace-list-icon {
|
||
|
|
display: block;
|
||
|
|
font-size: 50rpx;
|
||
|
|
line-height: 80rpx;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.grace-list-icon,
|
||
|
|
.grace-list-image {
|
||
|
|
flex-shrink: 0;
|
||
|
|
height: 80rpx;
|
||
|
|
width: 80rpx;
|
||
|
|
}
|
||
|
|
.grace-list-image {
|
||
|
|
border-radius: 80rpx;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.grace-list-body {
|
||
|
|
flex: auto;
|
||
|
|
margin-left: 26rpx;
|
||
|
|
padding: 26rpx 0;
|
||
|
|
width: 100rpx;
|
||
|
|
}
|
||
|
|
.grace-list-title {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.grace-list-title-text {
|
||
|
|
color: #333;
|
||
|
|
display: block;
|
||
|
|
font-size: 26rpx !important;
|
||
|
|
line-height: 40rpx;
|
||
|
|
}
|
||
|
|
.grace-list-title-desc {
|
||
|
|
color: #999;
|
||
|
|
display: block;
|
||
|
|
flex-shrink: 0;
|
||
|
|
font-size: 22rpx;
|
||
|
|
line-height: 32rpx;
|
||
|
|
margin-left: 20rpx;
|
||
|
|
}
|
||
|
|
.grace-list-body-desc {
|
||
|
|
color: #999;
|
||
|
|
font-size: 22rpx;
|
||
|
|
line-height: 36rpx;
|
||
|
|
}
|
||
|
|
.grace-list-arrow-right {
|
||
|
|
color: #b2b2b2;
|
||
|
|
display: block;
|
||
|
|
flex-shrink: 0;
|
||
|
|
font-size: 36rpx !important;
|
||
|
|
height: 50rpx !important;
|
||
|
|
line-height: 50rpx !important;
|
||
|
|
text-align: right;
|
||
|
|
width: 60rpx;
|
||
|
|
}
|
||
|
|
.grace-img-card {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.grace-img-card-item {
|
||
|
|
margin-bottom: 26rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.grace-img-card-img,
|
||
|
|
.grace-img-card-item {
|
||
|
|
font-size: 0;
|
||
|
|
position: relative;
|
||
|
|
width: 340rpx;
|
||
|
|
}
|
||
|
|
.grace-img-card-img {
|
||
|
|
height: 220rpx;
|
||
|
|
}
|
||
|
|
.grace-img-card-bgTitle {
|
||
|
|
background-color: rgba(0, 0, 0, 0.2);
|
||
|
|
bottom: 0;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 24rpx;
|
||
|
|
left: 0;
|
||
|
|
line-height: 50rpx;
|
||
|
|
position: absolute;
|
||
|
|
text-align: center;
|
||
|
|
width: 340rpx;
|
||
|
|
}
|
||
|
|
.grace-img-card-title {
|
||
|
|
display: block;
|
||
|
|
font-size: 26rpx;
|
||
|
|
height: 50rpx;
|
||
|
|
line-height: 50rpx;
|
||
|
|
margin-top: 3px;
|
||
|
|
}
|
||
|
|
.grace-img-card-more {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 6rpx 0;
|
||
|
|
}
|
||
|
|
.grace-img-card-price {
|
||
|
|
color: #ff0036;
|
||
|
|
font-size: 30rpx;
|
||
|
|
}
|
||
|
|
.grace-img-card-btn {
|
||
|
|
border: 1px solid #ff0036;
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #ff0036;
|
||
|
|
display: block;
|
||
|
|
font-size: 20rpx;
|
||
|
|
line-height: 30rpx;
|
||
|
|
padding: 6rpx 16rpx;
|
||
|
|
text-align: center;
|
||
|
|
width: 66rpx;
|
||
|
|
}
|
||
|
|
.grace-scroll-x {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.grace-scroll-x-items {
|
||
|
|
display: -webkit-inline-flex;
|
||
|
|
display: inline-flex;
|
||
|
|
height: 200rpx;
|
||
|
|
margin-right: 10rpx;
|
||
|
|
width: 300rpx;
|
||
|
|
}
|
||
|
|
.grace-scroll-y {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
font-size: 0;
|
||
|
|
height: 200rpx;
|
||
|
|
}
|
||
|
|
.grace-scroll-y-items {
|
||
|
|
display: -webkit-inline-flex;
|
||
|
|
display: inline-flex;
|
||
|
|
flex-shrink: 0;
|
||
|
|
height: 200rpx;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.grace-badge {
|
||
|
|
border-radius: 38rpx;
|
||
|
|
font-size: 22rpx;
|
||
|
|
height: 38rpx;
|
||
|
|
line-height: 38rpx;
|
||
|
|
padding: 0 13rpx;
|
||
|
|
}
|
||
|
|
.grace-badge-absolute {
|
||
|
|
position: absolute;
|
||
|
|
right: 0rpx;
|
||
|
|
top: 4rpx;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.grace-badge-point {
|
||
|
|
background: red;
|
||
|
|
border-radius: 12rpx;
|
||
|
|
height: 20rpx;
|
||
|
|
position: absolute;
|
||
|
|
right: 4rpx;
|
||
|
|
top: 4rpx;
|
||
|
|
width: 20rpx;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.grace-badge-gender {
|
||
|
|
border-radius: 30rpx;
|
||
|
|
font-size: 22rpx !important;
|
||
|
|
height: 38rpx;
|
||
|
|
line-height: 38rpx;
|
||
|
|
position: absolute;
|
||
|
|
right: 6rpx;
|
||
|
|
text-align: center;
|
||
|
|
top: 4rpx;
|
||
|
|
width: 38rpx;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.grace-news-list {
|
||
|
|
margin-top: 25rpx;
|
||
|
|
padding-bottom: 25rpx;
|
||
|
|
}
|
||
|
|
.grace-news-item {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
padding: 8rpx 0;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.grace-news-img {
|
||
|
|
border-radius: 5rpx;
|
||
|
|
flex-shrink: 0;
|
||
|
|
height: 220rpx;
|
||
|
|
width: 220rpx;
|
||
|
|
}
|
||
|
|
.grace-news-img-l {
|
||
|
|
margin-right: 20rpx;
|
||
|
|
}
|
||
|
|
.grace-news-img-r {
|
||
|
|
margin-left: 20rpx;
|
||
|
|
}
|
||
|
|
.grace-news-body {
|
||
|
|
flex: auto;
|
||
|
|
overflow: hidden;
|
||
|
|
width: 150rpx;
|
||
|
|
}
|
||
|
|
.grace-news-title {
|
||
|
|
display: block;
|
||
|
|
font-size: 26rpx;
|
||
|
|
line-height: 36rpx;
|
||
|
|
margin-top: -2rpx;
|
||
|
|
}
|
||
|
|
.grace-news-desc {
|
||
|
|
color: #a5a7b2;
|
||
|
|
display: block;
|
||
|
|
font-size: 22rpx;
|
||
|
|
line-height: 32rpx;
|
||
|
|
margin-top: 8rpx;
|
||
|
|
}
|
||
|
|
.grace-news-info {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: space-between;
|
||
|
|
margin-top: 8rpx;
|
||
|
|
}
|
||
|
|
.grace-news-info-text {
|
||
|
|
color: #999;
|
||
|
|
font-size: 22rpx;
|
||
|
|
}
|
||
|
|
.grace-news-img-list {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
justify-content: space-between;
|
||
|
|
margin: 10rpx 0;
|
||
|
|
}
|
||
|
|
.grace-news-imgs {
|
||
|
|
border-radius: 5rpx;
|
||
|
|
font-size: 0;
|
||
|
|
margin: 8rpx 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.grace-news-imgs,
|
||
|
|
.grace-news-imgs-img {
|
||
|
|
height: 158rpx;
|
||
|
|
width: 225rpx;
|
||
|
|
}
|
||
|
|
.grace-card-view {
|
||
|
|
background-color: #fff;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
margin-bottom: 8rpx;
|
||
|
|
margin-top: 30rpx;
|
||
|
|
padding: 30rpx 25rpx;
|
||
|
|
}
|
||
|
|
.grace-card-body {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
padding-bottom: 30rpx;
|
||
|
|
}
|
||
|
|
.grace-card-img {
|
||
|
|
border-radius: 80rpx;
|
||
|
|
flex-shrink: 0;
|
||
|
|
height: 100rpx;
|
||
|
|
width: 100rpx;
|
||
|
|
}
|
||
|
|
.grace-card-desc {
|
||
|
|
flex: auto;
|
||
|
|
margin-left: 30rpx;
|
||
|
|
width: 100rpx;
|
||
|
|
}
|
||
|
|
.grace-card-title {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
}
|
||
|
|
.grace-card-name {
|
||
|
|
color: #333;
|
||
|
|
font-size: 28rpx;
|
||
|
|
line-height: 50rpx;
|
||
|
|
margin-right: 20rpx;
|
||
|
|
}
|
||
|
|
.grace-card-text {
|
||
|
|
color: #888;
|
||
|
|
display: block;
|
||
|
|
font-size: 24rpx;
|
||
|
|
line-height: 50rpx;
|
||
|
|
}
|
||
|
|
.grace-card-footer {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
justify-content: space-between;
|
||
|
|
margin-top: 20rpx;
|
||
|
|
}
|
||
|
|
.grace-card-footer-item {
|
||
|
|
color: #666;
|
||
|
|
font-size: 26rpx;
|
||
|
|
line-height: 38rpx;
|
||
|
|
text-align: center;
|
||
|
|
width: 700rpx;
|
||
|
|
}
|
||
|
|
.grace-accordion {
|
||
|
|
background: #fff;
|
||
|
|
margin-bottom: 20rpx;
|
||
|
|
}
|
||
|
|
.grace-accordion-items {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.grace-accordion-items:last-child {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.grace-accordion-title {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
font-size: 30rpx;
|
||
|
|
height: 96rpx;
|
||
|
|
justify-content: space-between;
|
||
|
|
line-height: 96rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 0 4%;
|
||
|
|
width: 92%;
|
||
|
|
}
|
||
|
|
.grace-accordion-body,
|
||
|
|
.grace-form {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.grace-form {
|
||
|
|
display: block;
|
||
|
|
height: auto;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.grace-form-item {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
}
|
||
|
|
.grace-form-label {
|
||
|
|
color: #888;
|
||
|
|
display: block;
|
||
|
|
height: 100rpx;
|
||
|
|
line-height: 100rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
width: 130rpx;
|
||
|
|
}
|
||
|
|
.grace-form-icon,
|
||
|
|
.grace-form-label {
|
||
|
|
flex-shrink: 0;
|
||
|
|
font-size: 28rpx;
|
||
|
|
}
|
||
|
|
.grace-form-icon {
|
||
|
|
height: 60rpx;
|
||
|
|
line-height: 60rpx;
|
||
|
|
width: 60rpx;
|
||
|
|
}
|
||
|
|
.grace-form-body {
|
||
|
|
margin-left: 20rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
width: 700rpx;
|
||
|
|
}
|
||
|
|
.grace-form-input {
|
||
|
|
background: none;
|
||
|
|
border: 0;
|
||
|
|
color: #333;
|
||
|
|
font-size: 26rpx;
|
||
|
|
height: 40rpx;
|
||
|
|
line-height: 40rpx;
|
||
|
|
margin: 20rpx 0;
|
||
|
|
outline: none;
|
||
|
|
text-align: right;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.grace-form-picker {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
justify-content: flex-end;
|
||
|
|
}
|
||
|
|
.grace-check-item {
|
||
|
|
display: block;
|
||
|
|
font-size: 26rpx;
|
||
|
|
margin: 10rpx 10rpx 0 0;
|
||
|
|
padding: 0 10rpx;
|
||
|
|
}
|
||
|
|
.grace-textarea {
|
||
|
|
background: none;
|
||
|
|
border: 0;
|
||
|
|
color: #666;
|
||
|
|
font-size: 26rpx;
|
||
|
|
height: 120rpx !important;
|
||
|
|
line-height: 38rpx;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: grace-iconfonts;
|
||
|
|
src: url(data:application/x-font-woff;charset=utf-8;base64,OLh6+EVGahJS0OU2yaKO26Kiu6Zv+fbC+9P6l/wm8ZwtrOU5zo2XwdDjj7ilb9szx6Pz8hzzU1DUMrbXMHC2NbU15WTlxOxUdK2llbX0DSSdFF0GClXLlRPIOJppGChZi5s6MnpKNvaqMLkwKoD8NsI9B7wqBANQgCNQhGDQgBAwhFKwhHGhBeDCDCOAI2YElRARjiAS2EBlMIQx4iGInC9nJQTHaVXQA6181F8AF72E25O4gBKhATdCAWWEFskIYcQBnigDbEBX2IBwYQHyQhIThBohj9KScAF0gKAuQMEpALsJAHSEG+/kuiIgA4aBqIoCiQhzQx6qgEABMoBTShNDCC5oAC1AQWUAuIQRYwhzaCM7QFGOgo6EHXQAn6DDbQJNjjczuo4gsok+FuApClC9pt9nPwK3ehR05loNUk);
|
||
|
|
}
|
||
|
|
.grace-footer {
|
||
|
|
background: #fff;
|
||
|
|
bottom: 0;
|
||
|
|
box-shadow: 1px 1px 6px #888;
|
||
|
|
left: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
position: fixed;
|
||
|
|
width: 750rpx;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.grace-footer-button {
|
||
|
|
border: none !important;
|
||
|
|
border-radius: 0;
|
||
|
|
color: #fff !important;
|
||
|
|
font-size: 26rpx;
|
||
|
|
height: 100rpx;
|
||
|
|
line-height: 100rpx !important;
|
||
|
|
padding: 0;
|
||
|
|
text-align: center;
|
||
|
|
width: 230rpx;
|
||
|
|
}
|
||
|
|
.grace-footer-button:after {
|
||
|
|
height: 0;
|
||
|
|
width: 0;
|
||
|
|
}
|
||
|
|
.grace-footer-input-body {
|
||
|
|
align-items: center;
|
||
|
|
background-color: #f5f6f8;
|
||
|
|
border-radius: 66rpx;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex: auto;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
height: 66rpx;
|
||
|
|
margin: 15rpx 0rpx 15rpx 20rpx;
|
||
|
|
padding: 0 20rpx;
|
||
|
|
width: 100rpx;
|
||
|
|
}
|
||
|
|
.grace-footer-input-icon {
|
||
|
|
color: #888;
|
||
|
|
display: block;
|
||
|
|
font-size: 32rpx;
|
||
|
|
line-height: 66rpx;
|
||
|
|
text-align: center;
|
||
|
|
width: 66rpx;
|
||
|
|
}
|
||
|
|
.grace-footer-input {
|
||
|
|
flex: auto;
|
||
|
|
font-size: 26rpx;
|
||
|
|
height: 32rpx;
|
||
|
|
line-height: 32rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 0;
|
||
|
|
width: 100rpx;
|
||
|
|
}
|
||
|
|
.grace-footer-subtext {
|
||
|
|
font-size: 26rpx;
|
||
|
|
padding: 0 25rpx;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes grace-animate-rotateY360 {
|
||
|
|
from {
|
||
|
|
transform: rotateY(0deg);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: rotateY(1turn);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes grace-animate-rotateY360 {
|
||
|
|
from {
|
||
|
|
transform: rotateY(0deg);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: rotateY(1turn);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.grace-animate-rotateY360 {
|
||
|
|
animation: grace-animate-rotateY360 0.5s linear;
|
||
|
|
}
|
||
|
|
.grace-comments-items {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
margin: 15rpx 0;
|
||
|
|
padding: 10rpx 0;
|
||
|
|
}
|
||
|
|
.grace-comments-face {
|
||
|
|
border-radius: 80rpx;
|
||
|
|
flex-shrink: 0;
|
||
|
|
height: 80rpx;
|
||
|
|
margin-right: 25rpx;
|
||
|
|
width: 80rpx;
|
||
|
|
}
|
||
|
|
.grace-comments-body {
|
||
|
|
flex: auto;
|
||
|
|
width: 100rpx;
|
||
|
|
}
|
||
|
|
.grace-comments-header {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
justify-content: space-between;
|
||
|
|
margin-top: -4rpx;
|
||
|
|
}
|
||
|
|
.grace-comments-header-text {
|
||
|
|
color: #333;
|
||
|
|
font-size: 26rpx;
|
||
|
|
line-height: 40rpx;
|
||
|
|
}
|
||
|
|
.grace-comments-info {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.grace-comments-info-text {
|
||
|
|
color: #999;
|
||
|
|
font-size: 22rpx;
|
||
|
|
line-height: 40rpx;
|
||
|
|
margin-top: 10rpx;
|
||
|
|
}
|
||
|
|
.grace-comments-content {
|
||
|
|
padding: 8rpx 0;
|
||
|
|
}
|
||
|
|
.grace-comments-content,
|
||
|
|
.grace-comments-replay {
|
||
|
|
color: #666;
|
||
|
|
display: block;
|
||
|
|
font-size: 24rpx;
|
||
|
|
line-height: 36rpx;
|
||
|
|
}
|
||
|
|
.grace-comments-replay {
|
||
|
|
background-color: #f5f6f8;
|
||
|
|
border-radius: 3px;
|
||
|
|
margin: 3px 0;
|
||
|
|
padding: 20rpx;
|
||
|
|
}
|
||
|
|
.grace-comments-replay-btn {
|
||
|
|
background-color: #f4f5f6;
|
||
|
|
border-radius: 44rpx;
|
||
|
|
color: #333 !important;
|
||
|
|
display: block;
|
||
|
|
font-size: 20rpx;
|
||
|
|
line-height: 44rpx;
|
||
|
|
margin: 5px 0;
|
||
|
|
padding: 0rpx 20rpx;
|
||
|
|
}
|
||
|
|
.grace-comments-imgs {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
margin: 8rpx 0;
|
||
|
|
}
|
||
|
|
.grace-comments-image {
|
||
|
|
font-size: 0;
|
||
|
|
height: 138rpx;
|
||
|
|
margin: 5rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
width: 190rpx;
|
||
|
|
}
|
||
|
|
.grace-comments-img {
|
||
|
|
border-radius: 3rpx;
|
||
|
|
height: 138rpx;
|
||
|
|
width: 190rpx;
|
||
|
|
}
|
||
|
|
.grace-file-list {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
.grace-file-list .add-btn {
|
||
|
|
background: #f3f4f5;
|
||
|
|
height: 210rpx;
|
||
|
|
margin: 5px 1%;
|
||
|
|
width: 31.3%;
|
||
|
|
}
|
||
|
|
.grace-file-list .add-btn view {
|
||
|
|
color: #999;
|
||
|
|
font-size: 28rpx;
|
||
|
|
height: 40rpx;
|
||
|
|
line-height: 40rpx;
|
||
|
|
margin-top: 5px;
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.grace-file-list .add-btn view:first-child {
|
||
|
|
font-size: 120rpx !important;
|
||
|
|
height: 80rpx;
|
||
|
|
line-height: 80rpx;
|
||
|
|
margin: 20rpx 0;
|
||
|
|
}
|
||
|
|
.grace-file-list .items {
|
||
|
|
background: #f3f4f5;
|
||
|
|
font-size: 0;
|
||
|
|
height: 210rpx;
|
||
|
|
margin: 5px 1%;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
width: 31.3%;
|
||
|
|
}
|
||
|
|
.grace-file-list .items image {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.grace-file-list .items .remove {
|
||
|
|
background: rgba(0, 0, 0, 0.5);
|
||
|
|
bottom: 0;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 40rpx;
|
||
|
|
height: 50rpx;
|
||
|
|
line-height: 50rpx;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
text-align: center;
|
||
|
|
width: 50rpx;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.grace-table {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.grace-theader {
|
||
|
|
border-left: 1px solid #f1f1f1;
|
||
|
|
border-top: 1px solid #f1f1f1;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
font-size: 30rpx;
|
||
|
|
}
|
||
|
|
.grace-td {
|
||
|
|
border-bottom: 1px solid #f1f1f1;
|
||
|
|
border-right: 1px solid #f1f1f1;
|
||
|
|
display: block;
|
||
|
|
font-size: 24rpx;
|
||
|
|
line-height: 88rpx;
|
||
|
|
text-align: center;
|
||
|
|
width: 375rpx;
|
||
|
|
}
|
||
|
|
.grace-tbody {
|
||
|
|
border-left: 1px solid #f1f1f1;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
}
|
||
|
|
.grace-stable {
|
||
|
|
width: 750rpx;
|
||
|
|
}
|
||
|
|
.grace-stable-title {
|
||
|
|
background: #fff;
|
||
|
|
left: 0;
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.grace-stable-td {
|
||
|
|
border-bottom: 1px solid #f8f8f8;
|
||
|
|
display: -webkit-inline-flex;
|
||
|
|
display: inline-flex;
|
||
|
|
font-size: 26rpx;
|
||
|
|
justify-content: center;
|
||
|
|
line-height: 100rpx;
|
||
|
|
width: 200rpx;
|
||
|
|
}
|
||
|
|
.grace-stable-l {
|
||
|
|
background-color: #fff;
|
||
|
|
width: 200rpx;
|
||
|
|
}
|
||
|
|
.grace-stable-r {
|
||
|
|
background-color: #fff;
|
||
|
|
width: 550rpx !important;
|
||
|
|
}
|
||
|
|
.grace-stable-body {
|
||
|
|
padding-top: 100rpx;
|
||
|
|
width: 750rpx;
|
||
|
|
}
|
||
|
|
.grace-stable-body-cl {
|
||
|
|
display: -webkit-inline-flex;
|
||
|
|
display: inline-flex;
|
||
|
|
flex-direction: column;
|
||
|
|
width: 200rpx;
|
||
|
|
}
|
||
|
|
.grace-dialog-buttons {
|
||
|
|
color: #999;
|
||
|
|
display: block;
|
||
|
|
font-size: 26rpx;
|
||
|
|
height: 88rpx;
|
||
|
|
line-height: 88rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
text-align: center;
|
||
|
|
width: 700rpx;
|
||
|
|
}
|
||
|
|
.grace-sbody {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
flex: 1;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.grace-common-line {
|
||
|
|
background: #f4f5f6;
|
||
|
|
height: 20rpx;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: grace-iconfont;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 400;
|
||
|
|
src: url(data:font/ttf;charset=utf-8;base64,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
|
||
|
|
format("truetype");
|
||
|
|
}
|
||
|
|
.grace-icons {
|
||
|
|
font-family: grace-iconfont;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
.icon-remove3:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-yinleliebiao:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-bofang:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-suiji:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-danqu:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-xunhuan:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-pause:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-firstpage:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-lastpage:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-shibai:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-jiesuo:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-pulldown:before,
|
||
|
|
.icon-xialashuaxin:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-sanjiao1:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-sanjiao2:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-checked:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-img-fail:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-shoucang2:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-home2:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-image:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-at:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-topic:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-pathfinding:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-remove-btn:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-drag:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-pick-down:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-pick-up:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-line:before,
|
||
|
|
.icon-pick-line:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-checkbox-ckd:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-checkbox:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-calendar:before,
|
||
|
|
.icon-date:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-retry:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-key:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-star2:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-down:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-add:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-close-with-bg:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-order:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-logoff:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-pwd:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-phone2:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-delete::before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-empty:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-empty2:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-remove2:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-empty3:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-radio-ckd:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-radio:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-msg:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-loading2:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-totop:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-help3:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-help2:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-kf3:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-kf2:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-kf1:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-help1:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-add2:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-back-delete:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-center:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-strong:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-sp-line:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-img:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-link:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-txt:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-quote:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-menu:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-article:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-user:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-phone:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-friend:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-wallet:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-set:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-scan:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-scancode:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-account:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-spliter:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-gonggao:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-speaker:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-boy:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-girl:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-close3:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-tel:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-address:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-face:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-wifi:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-voice:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-keyboard:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-microphone:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-photograph:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-share3:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-filter:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-right:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-share:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-shoppingcard:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-safe:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-position:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-eye:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-time2:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-back:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-home:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-write:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-qq:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-weixin:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-weibo:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-comments:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-share2:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-zan:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-star:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-time:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-remove:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-close2:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-search:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-refresh:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-close:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-loading:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-arrow-up:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-arrow-left:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-arrow-right:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-arrow-down:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-shoucang:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.icon-right-margin:before {
|
||
|
|
margin-right: 10rpx;
|
||
|
|
}
|
||
|
|
.icon-left-margin:before {
|
||
|
|
margin-left: 10rpx;
|
||
|
|
}
|
||
|
|
.tui-mask {
|
||
|
|
background: rgba(0, 0, 0, 0.5);
|
||
|
|
height: 100%;
|
||
|
|
left: 0;
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 999;
|
||
|
|
}
|
||
|
|
.tui-ellipsis {
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.tui-ellipsis,
|
||
|
|
.tui-ellipsis-2 {
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
}
|
||
|
|
.tui-ellipsis-2 {
|
||
|
|
word-wrap: break-word;
|
||
|
|
-webkit-line-clamp: 2;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
display: -webkit-box;
|
||
|
|
white-space: normal !important;
|
||
|
|
}
|
||
|
|
.tui-center {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.tui-right {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.tui-opcity {
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
.tui-scale-small {
|
||
|
|
transform: scale(0.9);
|
||
|
|
transform-origin: center center;
|
||
|
|
}
|
||
|
|
.tui-height-full {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.tui-width-full {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.tui-ptop-zero {
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
.tui-pbottom-zero {
|
||
|
|
padding-bottom: 0;
|
||
|
|
}
|
||
|
|
.tui-pleft-zero {
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
.tui-pright-zero {
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
.tui-col-12 {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.tui-col-11 {
|
||
|
|
width: 91.66666667%;
|
||
|
|
}
|
||
|
|
.tui-col-10 {
|
||
|
|
width: 83.33333333%;
|
||
|
|
}
|
||
|
|
.tui-col-9 {
|
||
|
|
width: 75%;
|
||
|
|
}
|
||
|
|
.tui-col-8 {
|
||
|
|
width: 66.66666667%;
|
||
|
|
}
|
||
|
|
.tui-col-7 {
|
||
|
|
width: 58.33333333%;
|
||
|
|
}
|
||
|
|
.tui-col-6 {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
.tui-col-5 {
|
||
|
|
width: 41.66666667%;
|
||
|
|
}
|
||
|
|
.tui-col-4 {
|
||
|
|
width: 33.33333333%;
|
||
|
|
}
|
||
|
|
.tui-col-3 {
|
||
|
|
width: 25%;
|
||
|
|
}
|
||
|
|
.tui-col-2 {
|
||
|
|
width: 16.66666667%;
|
||
|
|
}
|
||
|
|
.tui-col-1 {
|
||
|
|
width: 8.33333333%;
|
||
|
|
}
|
||
|
|
.tui-primary {
|
||
|
|
background: #5677fc !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.tui-light-primary {
|
||
|
|
background: #5c8dff !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.tui-dark-primary {
|
||
|
|
background: #4a67d6 !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.tui-dLight-primary {
|
||
|
|
background: #4e77d9 !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.tui-danger {
|
||
|
|
background: #ed3f14 !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.tui-warning {
|
||
|
|
background: #ff7900 !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.tui-green {
|
||
|
|
background: #19be6b !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.tui-black {
|
||
|
|
background: #000 !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.tui-white {
|
||
|
|
background: #fff !important;
|
||
|
|
color: #333 !important;
|
||
|
|
}
|
||
|
|
.tui-translucent {
|
||
|
|
background: rgba(0, 0, 0, 0.7);
|
||
|
|
}
|
||
|
|
.tui-light-black {
|
||
|
|
background: #333 !important;
|
||
|
|
}
|
||
|
|
.tui-gray {
|
||
|
|
background: #80848f !important;
|
||
|
|
}
|
||
|
|
.tui-phcolor-gray {
|
||
|
|
background: #ccc !important;
|
||
|
|
}
|
||
|
|
.tui-divider-gray {
|
||
|
|
background: #eaeef1 !important;
|
||
|
|
}
|
||
|
|
.tui-btn-gray {
|
||
|
|
background: #ededed !important;
|
||
|
|
color: #999 !important;
|
||
|
|
}
|
||
|
|
.tui-hover-gray {
|
||
|
|
background: #f7f7f9 !important;
|
||
|
|
}
|
||
|
|
.tui-bg-gray {
|
||
|
|
background: #fafafa !important;
|
||
|
|
}
|
||
|
|
.tui-light-blue {
|
||
|
|
background: #ecf6fd;
|
||
|
|
color: #4dabeb !important;
|
||
|
|
}
|
||
|
|
.tui-light-brownish {
|
||
|
|
background: #fcebef;
|
||
|
|
color: #8a5966 !important;
|
||
|
|
}
|
||
|
|
.tui-light-orange {
|
||
|
|
background: #fef5eb;
|
||
|
|
color: #faa851 !important;
|
||
|
|
}
|
||
|
|
.tui-light-green {
|
||
|
|
background: #e8f6e8;
|
||
|
|
color: #44cf85 !important;
|
||
|
|
}
|
||
|
|
.tui-btn {
|
||
|
|
border: 0 !important;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.tui-btn::after {
|
||
|
|
border-radius: 20rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
content: "";
|
||
|
|
height: 200%;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
transform: scale(0.5, 0.5);
|
||
|
|
transform-origin: 0 0;
|
||
|
|
width: 200%;
|
||
|
|
}
|
||
|
|
.tui-btn-block {
|
||
|
|
font-size: 36rpx;
|
||
|
|
height: 90rpx;
|
||
|
|
line-height: 90rpx;
|
||
|
|
}
|
||
|
|
.tui-white::after {
|
||
|
|
border: 1px solid #eaeef1;
|
||
|
|
}
|
||
|
|
.tui-white-hover {
|
||
|
|
background: #e5e5e5 !important;
|
||
|
|
color: #2e2e2e !important;
|
||
|
|
}
|
||
|
|
.tui-dark-disabled {
|
||
|
|
color: #fafbfc !important;
|
||
|
|
opacity: 0.6;
|
||
|
|
}
|
||
|
|
.tui-outline-hover {
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
.tui-primary-hover {
|
||
|
|
background: #4a67d6 !important;
|
||
|
|
color: #e5e5e5 !important;
|
||
|
|
}
|
||
|
|
.tui-primary-outline::after {
|
||
|
|
border: 1px solid #5677fc !important;
|
||
|
|
}
|
||
|
|
.tui-primary-outline {
|
||
|
|
background: none;
|
||
|
|
color: #5677fc !important;
|
||
|
|
}
|
||
|
|
.tui-danger-hover {
|
||
|
|
background: #d53912 !important;
|
||
|
|
color: #e5e5e5 !important;
|
||
|
|
}
|
||
|
|
.tui-danger-outline {
|
||
|
|
background: none;
|
||
|
|
color: #ed3f14 !important;
|
||
|
|
}
|
||
|
|
.tui-danger-outline::after {
|
||
|
|
border: 1px solid #ed3f14 !important;
|
||
|
|
}
|
||
|
|
.tui-warning-hover {
|
||
|
|
background: #e56d00 !important;
|
||
|
|
color: #e5e5e5 !important;
|
||
|
|
}
|
||
|
|
.tui-warning-outline {
|
||
|
|
background: none;
|
||
|
|
color: #ff7900 !important;
|
||
|
|
}
|
||
|
|
.tui-warning-outline::after {
|
||
|
|
border: 1px solid #ff7900 !important;
|
||
|
|
}
|
||
|
|
.tui-green-hover {
|
||
|
|
background: #16ab60 !important;
|
||
|
|
color: #e5e5e5 !important;
|
||
|
|
}
|
||
|
|
.tui-green-outline {
|
||
|
|
background: none;
|
||
|
|
color: #44cf85 !important;
|
||
|
|
}
|
||
|
|
.tui-green-outline::after {
|
||
|
|
border: 1px solid #44cf85 !important;
|
||
|
|
}
|
||
|
|
.tui-gray-hover {
|
||
|
|
background: #d5d5d5 !important;
|
||
|
|
color: #898989;
|
||
|
|
}
|
||
|
|
.tui-gray-outline {
|
||
|
|
background: none;
|
||
|
|
color: #999 !important;
|
||
|
|
}
|
||
|
|
.tui-gray-outline::after {
|
||
|
|
border: 1px solid #ccc !important;
|
||
|
|
}
|
||
|
|
.tui-fillet {
|
||
|
|
border-radius: 45rpx;
|
||
|
|
}
|
||
|
|
.tui-outline-fillet::after,
|
||
|
|
.tui-white.tui-fillet::after {
|
||
|
|
border-radius: 90rpx;
|
||
|
|
}
|
||
|
|
.tui-btn-gradual {
|
||
|
|
background: linear-gradient(-90deg, #5677fc, #5c8dff);
|
||
|
|
border-radius: 45rpx;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.tui-gradual-hover {
|
||
|
|
background: linear-gradient(-90deg, #4a67d6, #4e77d9);
|
||
|
|
color: #d5d4d9 !important;
|
||
|
|
}
|
||
|
|
.btn-gradual-disabled {
|
||
|
|
background: linear-gradient(-90deg, #cad8fb, #c9d3fb);
|
||
|
|
border-radius: 45rpx;
|
||
|
|
color: #fafbfc !important;
|
||
|
|
}
|
||
|
|
.tui-btn-mini {
|
||
|
|
font-size: 30rpx;
|
||
|
|
height: 70rpx;
|
||
|
|
line-height: 70rpx;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
.tui-btn-small {
|
||
|
|
font-size: 30rpx;
|
||
|
|
height: 60rpx;
|
||
|
|
line-height: 60rpx;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
.tui-flex {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.tui-flex-1 {
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
.tui-align-center {
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.tui-align-left {
|
||
|
|
justify-content: flex-start !important;
|
||
|
|
}
|
||
|
|
.tui-align-right {
|
||
|
|
justify-content: flex-end !important;
|
||
|
|
}
|
||
|
|
.tui-align-between {
|
||
|
|
justify-content: space-between !important;
|
||
|
|
}
|
||
|
|
.tui-align-around {
|
||
|
|
justify-content: space-around !important;
|
||
|
|
}
|
||
|
|
.tui-vertical-center {
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.tui-vertical-top {
|
||
|
|
align-items: flex-start;
|
||
|
|
-webkit-align-items: flex-end;
|
||
|
|
align-items: flex-end;
|
||
|
|
}
|
||
|
|
.tui-line-feed {
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
.tui-tag {
|
||
|
|
font-size: 28rpx;
|
||
|
|
line-height: 28rpx;
|
||
|
|
padding: 16rpx 26rpx;
|
||
|
|
}
|
||
|
|
.tui-tag,
|
||
|
|
.tui-tag-small {
|
||
|
|
border-radius: 6rpx;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.tui-tag-small {
|
||
|
|
font-size: 24rpx;
|
||
|
|
line-height: 24rpx;
|
||
|
|
padding: 10rpx 14rpx;
|
||
|
|
}
|
||
|
|
.tui-tag-outline {
|
||
|
|
background: none;
|
||
|
|
color: #5677fc;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.tui-tag-outline::after {
|
||
|
|
border: 1px solid #5677fc;
|
||
|
|
border-radius: 20rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
content: "";
|
||
|
|
height: 200%;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
transform: scale(0.5, 0.5);
|
||
|
|
transform-origin: 0 0;
|
||
|
|
width: 200%;
|
||
|
|
}
|
||
|
|
.tui-tag-fillet {
|
||
|
|
border-radius: 50rpx;
|
||
|
|
}
|
||
|
|
.tui-tag-outline-fillet::after,
|
||
|
|
.tui-white.tui-tag-fillet::after {
|
||
|
|
border-radius: 80rpx;
|
||
|
|
}
|
||
|
|
.tui-tag-fillet-left {
|
||
|
|
border-radius: 50rpx 0 0 50rpx;
|
||
|
|
}
|
||
|
|
.tui-tag-fillet-right {
|
||
|
|
border-radius: 0 50rpx 50rpx 0;
|
||
|
|
}
|
||
|
|
.tui-badge-dot {
|
||
|
|
border-radius: 8rpx;
|
||
|
|
height: 16rpx;
|
||
|
|
width: 16rpx;
|
||
|
|
}
|
||
|
|
.tui-badge,
|
||
|
|
.tui-badge-dot {
|
||
|
|
background: #5677fc;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.tui-badge {
|
||
|
|
border-radius: 50px;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 1;
|
||
|
|
padding: 3px 6px;
|
||
|
|
}
|
||
|
|
.tui-badge-small {
|
||
|
|
transform: scale(0.8);
|
||
|
|
transform-origin: center center;
|
||
|
|
}
|
||
|
|
.tui-loadmore {
|
||
|
|
font-size: 24rpx;
|
||
|
|
line-height: 1.5em;
|
||
|
|
margin: 1.5em auto;
|
||
|
|
text-align: center;
|
||
|
|
width: 48%;
|
||
|
|
}
|
||
|
|
.tui-loading {
|
||
|
|
animation: a 1s steps(12) infinite;
|
||
|
|
background: transparent
|
||
|
|
url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=)
|
||
|
|
no-repeat;
|
||
|
|
background-size: 100%;
|
||
|
|
display: inline-block;
|
||
|
|
height: 20px;
|
||
|
|
margin: 0 5px;
|
||
|
|
vertical-align: middle;
|
||
|
|
width: 20px;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes a {
|
||
|
|
0% {
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: rotate(1turn);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes a {
|
||
|
|
0% {
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: rotate(1turn);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tui-loading-2,
|
||
|
|
.tui-loadmore-tips {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.tui-loading-2 {
|
||
|
|
animation: rotate 1s linear infinite;
|
||
|
|
border: 1px solid #8f8d8e;
|
||
|
|
border-radius: 50%;
|
||
|
|
clip-path: polygon(0 0, 100%0, 100% 30%, 0 30%);
|
||
|
|
height: 28rpx;
|
||
|
|
margin: 0 6px;
|
||
|
|
width: 28rpx;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes rotate {
|
||
|
|
from {
|
||
|
|
transform: rotatez(0deg);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: rotatez(1turn);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes rotate {
|
||
|
|
from {
|
||
|
|
transform: rotatez(0deg);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: rotatez(1turn);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tui-loading-3 {
|
||
|
|
animation: tui-rotate 0.7s linear infinite;
|
||
|
|
background: 0 0;
|
||
|
|
border: 2px solid #e5e5e5;
|
||
|
|
border-left-color: #5677fc;
|
||
|
|
border-radius: 50%;
|
||
|
|
display: inline-block;
|
||
|
|
height: 28rpx;
|
||
|
|
margin: 0 6px;
|
||
|
|
vertical-align: middle;
|
||
|
|
width: 28rpx;
|
||
|
|
}
|
||
|
|
.tui-loading-3.tui-loading-red {
|
||
|
|
border-color: #e5e5e5 #e5e5e5 #e5e5e5 #19be6b;
|
||
|
|
}
|
||
|
|
.tui-loading-3.tui-loading-orange {
|
||
|
|
border-color: #e5e5e5 #e5e5e5 #e5e5e5 #ff7900;
|
||
|
|
}
|
||
|
|
.tui-loading-3.tui-loading-green {
|
||
|
|
border-color: #ededed #ededed #ededed #ed3f14;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes tui-rotate {
|
||
|
|
0% {
|
||
|
|
transform: rotate(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
transform: rotate(1turn);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes tui-rotate {
|
||
|
|
0% {
|
||
|
|
transform: rotate(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
transform: rotate(1turn);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tui-nomore {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
margin-top: 10rpx;
|
||
|
|
padding-bottom: 44rpx;
|
||
|
|
position: relative;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.tui-nomore::before {
|
||
|
|
border-bottom: 1rpx solid #e5e5e5;
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
top: 18rpx;
|
||
|
|
transform: scaleY(0.5);
|
||
|
|
width: 360rpx;
|
||
|
|
}
|
||
|
|
.tui-nomore::after {
|
||
|
|
background: #fafafa;
|
||
|
|
color: #999;
|
||
|
|
content: "没有更多了";
|
||
|
|
font-size: 24rpx;
|
||
|
|
height: 36rpx;
|
||
|
|
line-height: 36rpx;
|
||
|
|
padding: 0 18rpx;
|
||
|
|
position: absolute;
|
||
|
|
text-align: center;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.tui-nomore-dot {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
margin-top: 10rpx;
|
||
|
|
padding-bottom: 40rpx;
|
||
|
|
position: relative;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.tui-nomore-dot::before {
|
||
|
|
border-bottom: 1rpx solid #e5e5e5;
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
top: 18rpx;
|
||
|
|
transform: scaleY(0.5);
|
||
|
|
width: 360rpx;
|
||
|
|
}
|
||
|
|
.tui-nomore-dot::after {
|
||
|
|
background: #fafafa;
|
||
|
|
color: #e5e5e5;
|
||
|
|
content: "●";
|
||
|
|
font-size: 10px;
|
||
|
|
height: 36rpx;
|
||
|
|
line-height: 36rpx;
|
||
|
|
position: absolute;
|
||
|
|
text-align: center;
|
||
|
|
transform: scale(0.8);
|
||
|
|
transform-origin: center center;
|
||
|
|
width: 50rpx;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.tui-list-title {
|
||
|
|
box-sizing: border-box;
|
||
|
|
color: #999;
|
||
|
|
font-size: 28rpx;
|
||
|
|
line-height: 1;
|
||
|
|
padding: 25rpx 30rpx;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.tui-list-content {
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.tui-list-content::before {
|
||
|
|
border-top: 1rpx solid #eaeef1;
|
||
|
|
content: " ";
|
||
|
|
top: -1rpx;
|
||
|
|
}
|
||
|
|
.tui-list-content::after,
|
||
|
|
.tui-list-content::before {
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
transform: scaleY(0.5);
|
||
|
|
}
|
||
|
|
.tui-list-content::after {
|
||
|
|
border-bottom: 1rpx solid #eaeef1;
|
||
|
|
bottom: 0;
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.tui-border-top::after {
|
||
|
|
border-top: 0;
|
||
|
|
}
|
||
|
|
.tui-border-bottom::after {
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
.tui-border-all::after {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.tui-list-cell {
|
||
|
|
align-items: center;
|
||
|
|
background: #fff;
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 26rpx 30rpx;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.tui-list-cell.tui-padding-small {
|
||
|
|
padding: 24rpx 30rpx;
|
||
|
|
}
|
||
|
|
.tui-cell-hover {
|
||
|
|
background: #f7f7f9 !important;
|
||
|
|
}
|
||
|
|
.tui-list-cell::after {
|
||
|
|
border-bottom: 1rpx solid #eaeef1;
|
||
|
|
bottom: 0;
|
||
|
|
content: "";
|
||
|
|
left: 30rpx;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
transform: scaleY(0.5);
|
||
|
|
}
|
||
|
|
.tui-cell-last::after {
|
||
|
|
border-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
.tui-list-cell.tui-cell-arrow:before {
|
||
|
|
border-color: #b2b2b2;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 2px 2px 0 0;
|
||
|
|
content: " ";
|
||
|
|
height: 11px;
|
||
|
|
margin-top: -7px;
|
||
|
|
position: absolute;
|
||
|
|
right: 30rpx;
|
||
|
|
top: 50%;
|
||
|
|
transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
|
||
|
|
width: 11px;
|
||
|
|
}
|
||
|
|
.tui-card {
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
box-shadow: 0 0 10rpx #eee;
|
||
|
|
font-size: 28rpx;
|
||
|
|
margin: 0 30rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.tui-card-border {
|
||
|
|
box-shadow: none !important;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.tui-card-border::after {
|
||
|
|
border: 1px solid #eaeef1;
|
||
|
|
border-radius: 20rpx;
|
||
|
|
content: "";
|
||
|
|
height: 200%;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
transform: scale(0.5);
|
||
|
|
transform-origin: 0 0;
|
||
|
|
width: 200%;
|
||
|
|
}
|
||
|
|
.tui-card-header {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 20rpx;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.tui-card-header::after {
|
||
|
|
border-bottom: 1rpx solid #eaeef1;
|
||
|
|
bottom: 0;
|
||
|
|
content: "";
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
transform: scaleY(0.5);
|
||
|
|
}
|
||
|
|
.tui-header-line::after {
|
||
|
|
border-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
.tui-header-thumb {
|
||
|
|
border-radius: 6rpx;
|
||
|
|
height: 60rpx;
|
||
|
|
margin-right: 20rpx;
|
||
|
|
vertical-align: middle;
|
||
|
|
width: 60rpx;
|
||
|
|
}
|
||
|
|
.tui-thumb-circle {
|
||
|
|
border-radius: 50% !important;
|
||
|
|
}
|
||
|
|
.tui-header-title {
|
||
|
|
color: #7a7a7a;
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 30rpx;
|
||
|
|
max-width: 460rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
vertical-align: middle;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.tui-header-right {
|
||
|
|
color: #b2b2b2;
|
||
|
|
font-size: 24rpx;
|
||
|
|
}
|
||
|
|
.tui-card-body {
|
||
|
|
color: #262b3a;
|
||
|
|
font-size: 32rpx;
|
||
|
|
}
|
||
|
|
.tui-card-footer {
|
||
|
|
color: #596d96;
|
||
|
|
font-size: 28rpx;
|
||
|
|
}
|
||
|
|
.tui-grids {
|
||
|
|
display: flex;
|
||
|
|
display: -webkit-flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.tui-grids::after {
|
||
|
|
border-top: 1px solid #eaeef1;
|
||
|
|
content: " ";
|
||
|
|
height: 1px;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
transform: scaleY(0.5);
|
||
|
|
transform-origin: 0 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.tui-grid {
|
||
|
|
background: #fff;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: 40rpx 20rpx;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.tui-grid-2 {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
.tui-grid-3 {
|
||
|
|
width: 33.33333333%;
|
||
|
|
}
|
||
|
|
.tui-grid-4 {
|
||
|
|
width: 25%;
|
||
|
|
}
|
||
|
|
.tui-grid-5 {
|
||
|
|
width: 20%;
|
||
|
|
}
|
||
|
|
.tui-grid-2:nth-of-type(2n)::before,
|
||
|
|
.tui-grid-3:nth-of-type(3n)::before,
|
||
|
|
.tui-grid-4:nth-of-type(4n)::before,
|
||
|
|
.tui-grid-5:nth-of-type(5n)::before {
|
||
|
|
border-right: 0;
|
||
|
|
width: 0;
|
||
|
|
}
|
||
|
|
.tui-grid::before {
|
||
|
|
border-right: 1px solid #eaeef1;
|
||
|
|
top: 0;
|
||
|
|
transform: scaleX(0.5);
|
||
|
|
transform-origin: 100%0;
|
||
|
|
width: 1px;
|
||
|
|
}
|
||
|
|
.tui-grid::after,
|
||
|
|
.tui-grid::before {
|
||
|
|
bottom: 0;
|
||
|
|
content: " ";
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.tui-grid::after {
|
||
|
|
border-bottom: 1px solid #eaeef1;
|
||
|
|
height: 1px;
|
||
|
|
left: 0;
|
||
|
|
transform: scaleY(0.5);
|
||
|
|
transform-origin: 0 100%;
|
||
|
|
}
|
||
|
|
.tui-grid-bg {
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: 0;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.tui-grid-icon {
|
||
|
|
height: 64rpx;
|
||
|
|
margin: 0 auto;
|
||
|
|
width: 64rpx;
|
||
|
|
}
|
||
|
|
.tui-grid-icon image {
|
||
|
|
display: block;
|
||
|
|
height: 64rpx;
|
||
|
|
width: 64rpx;
|
||
|
|
}
|
||
|
|
.tui-grid-icon + .tui-grid-label {
|
||
|
|
margin-top: 10rpx;
|
||
|
|
}
|
||
|
|
.tui-grid-label {
|
||
|
|
color: #333;
|
||
|
|
display: block;
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-weight: 400;
|
||
|
|
overflow: hidden;
|
||
|
|
text-align: center;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.tui-footer {
|
||
|
|
box-sizing: border-box;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 30rpx 24rpx;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.tui-fixed {
|
||
|
|
bottom: 0;
|
||
|
|
position: fixed;
|
||
|
|
}
|
||
|
|
.tui-footer-link {
|
||
|
|
align-items: center;
|
||
|
|
color: #596d96;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
font-size: 28rpx;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.tui-link {
|
||
|
|
line-height: 1;
|
||
|
|
padding: 0 18rpx;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.tui-link::before {
|
||
|
|
border-right: 1px solid #d3d3d3;
|
||
|
|
bottom: 0;
|
||
|
|
content: " ";
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
transform: scaleX(0.5);
|
||
|
|
transform-origin: 100%0;
|
||
|
|
width: 1px;
|
||
|
|
}
|
||
|
|
.tui-link:last-child::before {
|
||
|
|
border-right: 0 !important;
|
||
|
|
}
|
||
|
|
.tui-link-hover {
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
.tui-footer-copyright {
|
||
|
|
color: #a7a7a7;
|
||
|
|
font-size: 24rpx;
|
||
|
|
line-height: 1;
|
||
|
|
padding-top: 16rpx;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.tui-triangle {
|
||
|
|
border: 16rpx solid;
|
||
|
|
height: 0;
|
||
|
|
width: 0;
|
||
|
|
}
|
||
|
|
.tui-triangle-left {
|
||
|
|
border-color: transparent #5c8dff transparent transparent;
|
||
|
|
}
|
||
|
|
.tui-triangle-right {
|
||
|
|
border-color: transparent transparent transparent #5c8dff;
|
||
|
|
}
|
||
|
|
.tui-triangle-top {
|
||
|
|
border-color: transparent transparent #5c8dff;
|
||
|
|
}
|
||
|
|
.tui-triangle-bottom {
|
||
|
|
border-color: #5c8dff transparent transparent;
|
||
|
|
}
|
||
|
|
.tui-parallelogram {
|
||
|
|
background: #19be6b;
|
||
|
|
height: 50rpx;
|
||
|
|
margin-left: 10rpx;
|
||
|
|
transform: skew(-10deg);
|
||
|
|
width: 100rpx;
|
||
|
|
}
|
||
|
|
.tui-crescent {
|
||
|
|
border-radius: 50%;
|
||
|
|
box-shadow: 12rpx 12rpx 0 0#9acd32;
|
||
|
|
height: 60rpx;
|
||
|
|
width: 60rpx;
|
||
|
|
}
|
||
|
|
.tui-chatbox {
|
||
|
|
border-radius: 10rpx;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 28rpx;
|
||
|
|
max-width: 60%;
|
||
|
|
padding: 20rpx 26rpx;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.tui-chatbox-left {
|
||
|
|
background: #5c8dff;
|
||
|
|
border: 1rpx solid #5c8dff;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.tui-chatbox-right {
|
||
|
|
background: #19be6b;
|
||
|
|
border: 1rpx solid #19be6b;
|
||
|
|
}
|
||
|
|
.tui-chatbox::before {
|
||
|
|
border: 16rpx solid;
|
||
|
|
content: "";
|
||
|
|
height: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 20rpx;
|
||
|
|
width: 0;
|
||
|
|
}
|
||
|
|
.tui-chatbox-left::before {
|
||
|
|
border-color: transparent #5c8dff transparent transparent;
|
||
|
|
right: 100%;
|
||
|
|
}
|
||
|
|
.tui-chatbox-right::before {
|
||
|
|
border-color: transparent transparent transparent #19be6b;
|
||
|
|
left: 100%;
|
||
|
|
}
|
||
|
|
.tui-checkbox,
|
||
|
|
.tui-checkbox .wx-checkbox-input {
|
||
|
|
border-radius: 50%;
|
||
|
|
height: 36rpx;
|
||
|
|
width: 36rpx;
|
||
|
|
}
|
||
|
|
.tui-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
|
||
|
|
background: #5c8dff;
|
||
|
|
border: none;
|
||
|
|
height: 38rpx !important;
|
||
|
|
width: 38rpx !important;
|
||
|
|
}
|
||
|
|
.tui-checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
|
||
|
|
background: transparent;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 20rpx;
|
||
|
|
height: 30rpx;
|
||
|
|
line-height: 30rpx;
|
||
|
|
text-align: center;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
width: 30rpx;
|
||
|
|
}
|
||
|
|
.tui-cells {
|
||
|
|
border-radius: 4rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
height: 280rpx;
|
||
|
|
padding: 20rpx 20rpx 0;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.tui-cells::after {
|
||
|
|
border: 1px solid #e6e6e6;
|
||
|
|
border-radius: 8rpx;
|
||
|
|
content: "";
|
||
|
|
height: 200%;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
transform: scale(0.5);
|
||
|
|
transform-origin: 0 0;
|
||
|
|
width: 200%;
|
||
|
|
}
|
||
|
|
.tui-textarea {
|
||
|
|
color: #666;
|
||
|
|
font-size: 28rpx;
|
||
|
|
height: 210rpx;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.tui-phcolor-color {
|
||
|
|
color: #ccc !important;
|
||
|
|
}
|
||
|
|
.tui-textarea-counter {
|
||
|
|
color: #999;
|
||
|
|
font-size: 24rpx;
|
||
|
|
height: 40rpx;
|
||
|
|
line-height: 40rpx;
|
||
|
|
padding-top: 4rpx;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.tui-upload-box {
|
||
|
|
display: flex;
|
||
|
|
display: -webkit-flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
.tui-upload-item {
|
||
|
|
border: 1rpx solid #e6e6e6;
|
||
|
|
border-radius: 4rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
height: 153rpx;
|
||
|
|
margin-bottom: 36rpx;
|
||
|
|
margin-right: 26rpx;
|
||
|
|
position: relative;
|
||
|
|
width: 153rpx;
|
||
|
|
}
|
||
|
|
.tui-upload-item:nth-of-type(4n) {
|
||
|
|
margin-right: 0 !important;
|
||
|
|
}
|
||
|
|
.tui-upload-img {
|
||
|
|
border-radius: 4rpx;
|
||
|
|
height: 153rpx;
|
||
|
|
width: 153rpx;
|
||
|
|
}
|
||
|
|
.tui-upload-del {
|
||
|
|
color: #ed3f14 !important;
|
||
|
|
font-size: 24px !important;
|
||
|
|
position: absolute;
|
||
|
|
right: -18rpx;
|
||
|
|
top: -18rpx;
|
||
|
|
}
|
||
|
|
.tui-upload-add {
|
||
|
|
align-items: center;
|
||
|
|
color: #e6e6e6;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
font-weight: 200;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.tui-upload-add text {
|
||
|
|
font-size: 84rpx;
|
||
|
|
height: 48rpx;
|
||
|
|
line-height: 38rpx;
|
||
|
|
}
|
||
|
|
.tui-operation {
|
||
|
|
align-items: center;
|
||
|
|
background: hsla(0, 0%, 100%, 0.9);
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
height: 100rpx;
|
||
|
|
justify-content: space-between;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.tui-operation::before {
|
||
|
|
border-top: 1rpx solid #eaeef1;
|
||
|
|
content: "";
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
transform: scaleY(0.5);
|
||
|
|
}
|
||
|
|
.tui-operation-item,
|
||
|
|
.tui-operation-left {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.tui-operation-item {
|
||
|
|
flex: 1;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.tui-operation-text {
|
||
|
|
color: #333;
|
||
|
|
font-size: 22rpx;
|
||
|
|
}
|
||
|
|
.tui-operation-right {
|
||
|
|
box-sizing: border-box;
|
||
|
|
height: 100rpx;
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
.tui-btn-class {
|
||
|
|
border-radius: 0 !important;
|
||
|
|
height: 100rpx !important;
|
||
|
|
line-height: 100rpx !important;
|
||
|
|
}
|
||
|
|
.tui-badge-class {
|
||
|
|
position: absolute;
|
||
|
|
top: -6rpx;
|
||
|
|
}
|
||
|
|
.tui-btn-class-2 {
|
||
|
|
border-radius: 0 !important;
|
||
|
|
font-size: 30rpx !important;
|
||
|
|
height: 100rpx !important;
|
||
|
|
line-height: 100rpx !important;
|
||
|
|
width: 50% !important;
|
||
|
|
}
|
||
|
|
.tui-right-flex {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.tui-btn-class-3 {
|
||
|
|
width: 120% !important;
|
||
|
|
}
|
||
|
|
.tui-btn-class-3,
|
||
|
|
.tui-btn-equals {
|
||
|
|
display: block !important;
|
||
|
|
font-size: 28rpx !important;
|
||
|
|
}
|
||
|
|
.tui-btn-equals {
|
||
|
|
width: 90% !important;
|
||
|
|
}
|
||
|
|
.tui-btn-comment {
|
||
|
|
align-items: center;
|
||
|
|
background: #ededed;
|
||
|
|
border-radius: 8rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
color: #999;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
font-size: 28rpx;
|
||
|
|
height: 64rpx;
|
||
|
|
margin-left: 30rpx;
|
||
|
|
padding-left: 20rpx;
|
||
|
|
padding-top: 0;
|
||
|
|
width: 84%;
|
||
|
|
}
|
||
|
|
.tui-chat-operation {
|
||
|
|
background: #f6f6f6 !important;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding-right: 18rpx;
|
||
|
|
}
|
||
|
|
.tui-input-box {
|
||
|
|
justify-content: flex-start;
|
||
|
|
width: 78%;
|
||
|
|
}
|
||
|
|
.tui-chat-input {
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 6rpx;
|
||
|
|
flex: 1;
|
||
|
|
height: 72rpx;
|
||
|
|
padding-left: 20rpx;
|
||
|
|
padding-right: 20rpx;
|
||
|
|
}
|
||
|
|
.tui-voice-icon {
|
||
|
|
margin-left: 12rpx;
|
||
|
|
margin-right: 12rpx;
|
||
|
|
}
|
||
|
|
.tukuan-button {
|
||
|
|
background: #f03d3d !important;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
color: #fff !important;
|
||
|
|
height: 100rpx !important;
|
||
|
|
line-height: 100rpx !important;
|
||
|
|
margin-top: 40rpx;
|
||
|
|
padding: 0rpx !important;
|
||
|
|
width: 93% !important;
|
||
|
|
}
|
||
|
|
.privacy-dialog {
|
||
|
|
background-color: #fff;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.2);
|
||
|
|
left: 50%;
|
||
|
|
max-width: 500rpx;
|
||
|
|
padding: 20rpx;
|
||
|
|
position: fixed;
|
||
|
|
top: 50%;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
width: 80%;
|
||
|
|
z-index: 9999;
|
||
|
|
}
|
||
|
|
.privacy-dialog__content {
|
||
|
|
font-size: 28rpx;
|
||
|
|
line-height: 1.5;
|
||
|
|
margin-bottom: 20rpx;
|
||
|
|
}
|
||
|
|
.privacy-dialog__title {
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
.privacy-dialog__text,
|
||
|
|
.privacy-dialog__title {
|
||
|
|
background-color: #fff;
|
||
|
|
border-radius: 5rpx;
|
||
|
|
display: block;
|
||
|
|
font-size: 36rpx;
|
||
|
|
line-height: 2;
|
||
|
|
padding: 10rpx;
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.privacy-dialog__text {
|
||
|
|
color: #007bff;
|
||
|
|
}
|
||
|
|
.privacy-dialog__button {
|
||
|
|
background-color: #007bff;
|
||
|
|
border-radius: 5rpx;
|
||
|
|
color: #fff;
|
||
|
|
display: block;
|
||
|
|
font-size: 36rpx;
|
||
|
|
line-height: 1;
|
||
|
|
padding: 10rpx;
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
height: 1200rpx;
|
||
|
|
padding: 10rpx 0 0rpx;
|
||
|
|
}
|
||
|
|
.tui-padding {
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: 0 30rpx;
|
||
|
|
}
|
||
|
|
.tui-title {
|
||
|
|
color: #333;
|
||
|
|
font-size: 32rpx;
|
||
|
|
font-weight: 700;
|
||
|
|
padding: 55rpx 0 30rpx;
|
||
|
|
}
|
||
|
|
.tui-flex {
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.tui-textarea {
|
||
|
|
height: 50%;
|
||
|
|
}
|
||
|
|
.tui-triangle {
|
||
|
|
margin-right: 30rpx;
|
||
|
|
}
|
||
|
|
.tui-checkbox {
|
||
|
|
margin-left: 60rpx;
|
||
|
|
}
|
||
|
|
.tui-top40 {
|
||
|
|
margin-top: -20rpx;
|
||
|
|
}
|
||
|
|
.tui-list {
|
||
|
|
background-color: #fff;
|
||
|
|
flex-direction: column;
|
||
|
|
padding-bottom: env(safe-area-inset-bottom);
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.tui-list,
|
||
|
|
.tui-list-cell {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.tui-list-cell {
|
||
|
|
align-items: center;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.tui-list-cell::after {
|
||
|
|
border-bottom: 1rpx solid #eaeef1;
|
||
|
|
bottom: 0;
|
||
|
|
content: "";
|
||
|
|
left: 30rpx;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
transform: scaleY(0.5);
|
||
|
|
}
|
||
|
|
.tui-cell-last::after {
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
.maps-container {
|
||
|
|
height: 120%;
|
||
|
|
}
|
||
|
|
map {
|
||
|
|
height: 400rpx;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.opcity {
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
.scrollView {
|
||
|
|
background: #fff;
|
||
|
|
padding-bottom: 100rpx;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.search-bar {
|
||
|
|
align-items: center;
|
||
|
|
background-color: #fff;
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
padding: 8px 10px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.icon-search {
|
||
|
|
font-size: inherit;
|
||
|
|
height: 18px;
|
||
|
|
margin-right: 8px;
|
||
|
|
position: relative;
|
||
|
|
top: 3px;
|
||
|
|
}
|
||
|
|
.icon-search-in-box {
|
||
|
|
left: 10px;
|
||
|
|
position: absolute;
|
||
|
|
top: 6px;
|
||
|
|
}
|
||
|
|
.search-bar-form {
|
||
|
|
-webkit-box-flex: 1;
|
||
|
|
background: #f0f0f0;
|
||
|
|
border-radius: 5px;
|
||
|
|
flex: auto;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.search-bar-text {
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 14px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.search-bar-box {
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding-left: 30px;
|
||
|
|
padding-right: 30px;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.search-bar-input {
|
||
|
|
font-size: 14px;
|
||
|
|
height: 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
.icon-clear {
|
||
|
|
font-size: 0;
|
||
|
|
padding: 7px 8px;
|
||
|
|
}
|
||
|
|
.icon-clear,
|
||
|
|
.search-bar-label {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.search-bar-label {
|
||
|
|
background: #f0f0f0;
|
||
|
|
border-radius: 3px;
|
||
|
|
bottom: 0;
|
||
|
|
color: #9b9b9b;
|
||
|
|
left: 0;
|
||
|
|
line-height: 30px;
|
||
|
|
text-align: center;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.cancel-btn {
|
||
|
|
color: #5982fd;
|
||
|
|
font-size: 15px;
|
||
|
|
line-height: 30px;
|
||
|
|
margin-left: 10px;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.tui-list-cell {
|
||
|
|
display: initial;
|
||
|
|
padding: 30rpx;
|
||
|
|
}
|
||
|
|
.addr-title {
|
||
|
|
color: #000;
|
||
|
|
font-size: 30rpx;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: 40rpx;
|
||
|
|
padding-bottom: 20rpx;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.addr-box {
|
||
|
|
align-items: flex-end;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.addr-detail {
|
||
|
|
-webkit-line-clamp: 2;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
color: #999;
|
||
|
|
display: -webkit-box;
|
||
|
|
font-size: 24rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
width: 450rpx;
|
||
|
|
}
|
||
|
|
.distance {
|
||
|
|
color: #5982fd;
|
||
|
|
padding-right: 6rpx;
|
||
|
|
}
|
||
|
|
.addr-opera {
|
||
|
|
align-items: center;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.opera-box {
|
||
|
|
margin-left: 26rpx;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.mini-img {
|
||
|
|
height: 44rpx;
|
||
|
|
width: 44rpx;
|
||
|
|
}
|
||
|
|
.text {
|
||
|
|
color: #333;
|
||
|
|
font-size: 24rpx;
|
||
|
|
line-height: 30rpx;
|
||
|
|
}
|