@charset "UTF-8"; .uni-load-more { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; height: 80rpx; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .uni-load-more__text { font-size: 28rpx; color: #999 } .uni-load-more__img { height: 24px; width: 24px; margin-right: 10px } .uni-load-more__img>.load { position: absolute } .uni-load-more__img>.load .item { width: 6px; height: 2px; border-top-left-radius: 1px; border-bottom-left-radius: 1px; background: #999; position: absolute; opacity: .2; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: load 1.56s ease infinite; animation: load 1.56s ease infinite } .uni-load-more__img>.load .item:nth-child(1) { -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 2px; left: 9px } .uni-load-more__img>.load .item:nth-child(2) { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: 11px; right: 0 } .uni-load-more__img>.load .item:nth-child(3) { -webkit-transform: rotate(270deg); transform: rotate(270deg); bottom: 2px; left: 9px } .uni-load-more__img>.load .item:nth-child(4) { top: 11px; left: 0 } .load1, .load2, .load3 { height: 24px; width: 24px } .load2 { -webkit-transform: rotate(30deg); transform: rotate(30deg) } .load3 { -webkit-transform: rotate(60deg); transform: rotate(60deg) } .load1 .item:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s } .load2 .item:nth-child(1) { -webkit-animation-delay: .13s; animation-delay: .13s } .load3 .item:nth-child(1) { -webkit-animation-delay: .26s; animation-delay: .26s } .load1 .item:nth-child(2) { -webkit-animation-delay: .39s; animation-delay: .39s } .load2 .item:nth-child(2) { -webkit-animation-delay: .52s; animation-delay: .52s } .load3 .item:nth-child(2) { -webkit-animation-delay: .65s; animation-delay: .65s } .load1 .item:nth-child(3) { -webkit-animation-delay: .78s; animation-delay: .78s } .load2 .item:nth-child(3) { -webkit-animation-delay: .91s; animation-delay: .91s } .load3 .item:nth-child(3) { -webkit-animation-delay: 1.04s; animation-delay: 1.04s } .load1 .item:nth-child(4) { -webkit-animation-delay: 1.17s; animation-delay: 1.17s } .load2 .item:nth-child(4) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s } .load3 .item:nth-child(4) { -webkit-animation-delay: 1.43s; animation-delay: 1.43s } @-webkit-keyframes load { 0% { opacity: 1 } 100% { opacity: .2 } } @charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page { background: #ffffff; height: 100%; } page .container { height: 100%; padding: 25rpx 25rpx; } page .container .swiper-box { height: 100%; } page .container .swiper-box .list-scroll-content { height: 100%; } .reply_btn { padding: 15rpx 0rpx; position: fixed; } .reply_btn .btn { padding: 10rpx 25rpx; font-size: 24rpx; background: #f4f4f4; margin-right: 25rpx; } .reply_btn .current { background-color: #e93323 !important; color: #ffffff !important; } .eva-box { padding: 30rpx 0; } .eva-box .portrait { -webkit-flex-shrink: 0; flex-shrink: 0; width: 80rpx; height: 80rpx; border-radius: 100px; } .eva-box .right { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: 28rpx; color: #606266; padding-left: 26rpx; } .eva-box .Rate { padding-top: 25rpx; } .content-box { padding: 20rpx 0; } .content-box .con { font-size: 28rpx; color: #303133; } .content-box .bot { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-size: 24rpx; color: #909399; } .con_image { width: 130rpx; height: 130rpx; display: inline-block; padding: 15rpx; } .con_image image { width: 100%; height: 100%; }