page {
|
color: #333;
|
width: 100%;
|
height: 100%;
|
// background-color: #f5f5f5;
|
background-color:#fff;
|
}
|
|
.layout {
|
width: 100%;
|
height: 100%;
|
}
|
|
.top {
|
width: 530rpx;
|
.top-text {
|
max-width: 85%;
|
margin-right: 20rpx;
|
white-space: nowrap;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
}
|
}
|
|
.swiper {
|
width: 100%;
|
height: 400rpx;
|
// background: linear-gradient(180deg, #017BFC 0%, rgba(1, 123, 252, 0) 100%);
|
padding: 0 30rpx;
|
box-sizing: border-box;
|
}
|
|
.search-bar{
|
padding:20rpx 30rpx;
|
position: relative;
|
width:100%;
|
box-sizing: border-box;
|
}
|
.search-content{
|
position: absolute;
|
width: 100%;
|
height:500rpx;
|
border-radius:16rpx;
|
top:88rpx;
|
left:0;
|
z-index: 15;
|
box-shadow: 0rpx 10rpx 10rpx 0rpx rgba(0, 0, 0, 0.02);
|
border-bottom:1px solid #f5f5f5;
|
padding:0 30rpx;
|
box-sizing: border-box;
|
}
|
.search-scroll{
|
width:100%;
|
height:100%;
|
overflow: hidden;
|
}
|
.search-content-row{
|
padding:20rpx 0;
|
border-bottom: 1px solid #f5f5f5;
|
}
|
.search-tag{
|
padding:2rpx 10rpx;
|
border-radius: 8rpx;
|
background-color: rgb(236,244,255);
|
border:1px solid currentColor;
|
}
|
.search-content-text{
|
width:80%;
|
}
|
.mask{
|
position: fixed;
|
width:100%;
|
height:100%;
|
top:300rpx;
|
left:0;
|
z-index: 10;
|
background-color:rgba(0, 0, 0, .5);
|
}
|
|
|
.content {
|
padding: 20rpx 30rpx 0;
|
border-radius: 50rpx 50rpx 0 0;
|
position:relative;
|
top:-52rpx;
|
}
|
|
// .grid {
|
// margin-top: 20rpx;
|
// margin-bottom: 10rpx;
|
// }
|
.nav {
|
padding: 10rpx 0;
|
margin-bottom: 20rpx;
|
border-radius: 0 0 10rpx 10rpx;
|
margin:30rpx 0 20rpx 0;
|
|
.nav-item {
|
padding: 10rpx 0;
|
|
.badge{
|
position:absolute;
|
top:10rpx;
|
right:10rpx
|
}
|
}
|
|
.nav-item-text {
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #585b61;
|
}
|
}
|
|
|
.section {
|
margin-bottom: 30rpx;
|
.section-item {
|
width: 216rpx;
|
height: 120rpx;
|
position: relative;
|
}
|
|
.section-item-bg {
|
width: 216rpx;
|
height: 120rpx;
|
}
|
|
.item-box {
|
width: 216rpx;
|
height: 120rpx;
|
position: absolute;
|
top: 0;
|
left: 0;
|
padding: 20rpx 20rpx 0;
|
box-sizing: border-box;
|
}
|
}
|
|
|
|
.block {
|
.block-item,.module-item {
|
position: relative;
|
|
}
|
|
.block-item,
|
.block-item-bg,
|
.block-item-box {
|
width: 220rpx;
|
height: 150rpx;
|
border-radius: 10rpx;
|
}
|
|
.block-item-box {
|
padding: 0 12rpx;
|
box-sizing: border-box;
|
position: absolute;
|
top: 0;
|
left: 0;
|
|
}
|
|
|
.module-item,
|
.module-item-bg,
|
.module-item-box {
|
width: 330rpx;
|
height: 160rpx;
|
border-radius: 20rpx;
|
}
|
|
.module-item-box {
|
padding: 0 12rpx;
|
box-sizing: border-box;
|
position: absolute;
|
top: 0;
|
left: 0;
|
border-radius: 20rpx;
|
|
}
|
|
|
.badge{
|
position:absolute;
|
top:10rpx;
|
right:20rpx
|
}
|
|
.item-text {
|
height: 70rpx;
|
margin-left: 20rpx;
|
color: #fff;
|
}
|
.module-text{
|
height:90rpx;
|
margin-left:20rpx;
|
color: #fff;
|
}
|
|
.opacity {
|
opacity: .6;
|
}
|
}
|
|
.cell {
|
padding: 0 16rpx;
|
height: 64rpx;
|
border-radius: 8rpx;
|
margin-right: 20rpx;
|
margin-top: 30rpx;
|
// background-color:#2652A8;
|
// opacity: .8;
|
|
.cell-text {
|
margin-left: 16rpx;
|
}
|
}
|
|
.grid-item {
|
position: relative;
|
// width: 153rpx;
|
// height: 153rpx;
|
// border-radius: 16rpx 16rpx 16rpx 16rpx;
|
// justify-content: center;
|
// background:linear-gradient(133deg, #F9FAFE 0%, rgba(249,250,254,0) 100%)
|
|
.badge{
|
position:absolute;
|
top:10rpx;
|
right:-20rpx
|
}
|
|
}
|
.grid-icon{
|
width:100rpx;
|
height:100rpx;
|
border-radius: 24rpx;
|
background: linear-gradient( 180deg, #FFFFFF 6%, #E3EFF9 99%);
|
}
|
|
.row {
|
width: 100%;
|
margin: 30rpx 0;
|
|
.row-item {
|
width: 330rpx;
|
height: 134rpx;
|
box-shadow: 0rpx 10rpx 10rpx 0rpx rgba(0, 0, 0, 0.02);
|
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
}
|
}
|
|
.p-20 {
|
padding:20rpx;
|
border-radius: 10rpx;
|
}
|
|
.pb-20 {
|
padding-bottom: 20rpx;
|
}
|
|
.tabs {
|
|
border-radius: 10rpx;
|
// border-radius: 10rpx 10rpx 0 0;
|
// margin-bottom: 4rpx;
|
background-color: rgb(236, 244, 255);
|
margin-bottom:30rpx;
|
padding:5rpx;
|
|
.tabs-item {
|
// padding: 12rpx 24rpx;
|
height:70rpx;
|
line-height: 70rpx;
|
flex: 1;
|
text-align: center;
|
font-size:32rpx;
|
color:#333;
|
}
|
|
.tabs-active {
|
border-radius:4rpx ;
|
// border-radius: 10rpx 10rpx 0 0;
|
// background-color: rgb(236, 244, 255);
|
// color: #017BFC;
|
// color: rgb(236, 244, 255);
|
// background-color: #017BFC;
|
background-color: #fff;
|
font-weight: bold;
|
}
|
}
|
.house-nav{
|
box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(107,134,159,0.2);
|
margin-bottom:30rpx;
|
}
|
.nav,.notice{
|
box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(107,134,159,0.2);
|
border-radius:10rpx;
|
|
}
|
.notice{
|
padding:0 20rpx;
|
}
|
.menu-tabs {
|
padding: 20rpx 0;
|
}
|
|
.menu {
|
border-radius: 10rpx;
|
box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(107,134,159,0.2);
|
}
|
|
/deep/.u-cell__title-text {
|
font-size: 32rpx !important;
|
font-weight: bold;
|
color: #000;
|
position: relative;
|
|
}
|
/deep/.u-cell__title-text::before{
|
content: '';
|
width: 6rpx;
|
height: 28rpx;
|
background-color: #003399;
|
// background-color: #017BFC;
|
// margin-right: 14rpx;
|
position:absolute;
|
left:-20rpx;
|
top:6rpx;
|
display: inline-block;
|
}
|
.login-mode {
|
padding: 20rpx;
|
}
|
|
.login-input {
|
height: 90rpx;
|
border-radius: 45rpx;
|
background-color: #f0f0f0;
|
padding: 0 30rpx 0 40rpx;
|
margin-top: 20rpx;
|
width: 550rpx;
|
box-sizing: border-box;
|
}
|
|
.login-input text {
|
flex: 1;
|
}
|
|
.login-input input {
|
height: 90rpx;
|
width: 100%;
|
// flex: 3
|
}
|
|
.login-input-btn {
|
width: 200rpx;
|
height: 60rpx;
|
line-height: 60rpx;
|
border-radius: 30rpx;
|
padding: 0;
|
margin: 0;
|
transition: all ease-out .3s;
|
border: none;
|
}
|
|
.login-input-btn::after {
|
border: none;
|
}
|
|
.login-input-btn[disabled] {
|
background-color: #fff !important;
|
color: #aaa !important;
|
}
|
|
.login-explain {
|
margin-top: 10rpx;
|
}
|
|
.login-btn {
|
width: 550rpx;
|
height: 90rpx;
|
line-height: 90rpx;
|
border-radius: 45rpx;
|
margin-top: 50rpx;
|
transition: all ease-out .3s;
|
}
|
|
.login-btn[disabled] {
|
background-color: #9DB9F7 !important;
|
color: #fff !important;
|
}
|
|
