|
|
|
/* pages/attract/attract.wxss */
|
|
|
|
page{
|
|
|
|
background: #FFF;
|
|
|
|
|
|
|
|
page {
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
.top_banner image{
|
|
|
|
|
|
|
|
.top_banner image {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.top_view{
|
|
|
|
background: #F7F7F7;
|
|
|
|
position:fixed;
|
|
|
|
top:0;
|
|
|
|
left:0;
|
|
|
|
width:100%;
|
|
|
|
z-index:101;
|
|
|
|
|
|
|
|
.top_view {
|
|
|
|
background: #f7f7f7;
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
|
|
z-index: 101;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* .top_banner{
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
...
|
...
|
@@ -20,7 +24,8 @@ page{ |
|
|
|
width: 100%;
|
|
|
|
z-index: 101;
|
|
|
|
} */
|
|
|
|
.menu_content{
|
|
|
|
|
|
|
|
.menu_content {
|
|
|
|
display: flex;
|
|
|
|
position: fixed;
|
|
|
|
top: 310rpx;
|
|
...
|
...
|
@@ -29,43 +34,49 @@ page{ |
|
|
|
z-index: 101;
|
|
|
|
border-top: 8rpx solid #f5f5f5;
|
|
|
|
}
|
|
|
|
.menu_items{
|
|
|
|
|
|
|
|
.menu_items {
|
|
|
|
display: flex;
|
|
|
|
font-size: 26rpx;
|
|
|
|
background: #FFF;
|
|
|
|
background: #fff;
|
|
|
|
border-bottom: 2rpx solid #f5f5f5;
|
|
|
|
position: relative;
|
|
|
|
flex: 1;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: nowrap;
|
|
|
|
line-height: 74rpx;
|
|
|
|
|
|
|
|
}
|
|
|
|
.menu_item{
|
|
|
|
padding:0 33rpx;
|
|
|
|
|
|
|
|
.menu_item {
|
|
|
|
padding: 0 33rpx;
|
|
|
|
display: inline-block;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* .menu_item:first-child{
|
|
|
|
padding-left: rpx;
|
|
|
|
} */
|
|
|
|
.menu_item.active{
|
|
|
|
color: #169BD5;
|
|
|
|
|
|
|
|
.menu_item.active {
|
|
|
|
color: #169bd5;
|
|
|
|
}
|
|
|
|
.paixun{
|
|
|
|
|
|
|
|
.paixun {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
height: 74rpx;
|
|
|
|
width: 78rpx;
|
|
|
|
justify-content: center;
|
|
|
|
background-color: #FFF;
|
|
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
.paixun image{
|
|
|
|
|
|
|
|
.paixun image {
|
|
|
|
width: 32rpx;
|
|
|
|
}
|
|
|
|
.paixun:before{
|
|
|
|
content:'';
|
|
|
|
|
|
|
|
.paixun:before {
|
|
|
|
content: '';
|
|
|
|
height: 32rpx;
|
|
|
|
width: 2rpx;
|
|
|
|
background-color: #f5f5f5;
|
|
...
|
...
|
@@ -74,33 +85,40 @@ page{ |
|
|
|
position: absolute;
|
|
|
|
transform: translateY(-50%);
|
|
|
|
}
|
|
|
|
.news_detail_container{
|
|
|
|
background: #FFF;
|
|
|
|
|
|
|
|
.news_detail_container {
|
|
|
|
background: #fff;
|
|
|
|
margin-top: 390rpx;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.news_detail_items{
|
|
|
|
|
|
|
|
.news_detail_items {
|
|
|
|
margin: 0 32rpx;
|
|
|
|
}
|
|
|
|
.news_detail_item{
|
|
|
|
border-bottom:2rpx solid #f5f5f5;
|
|
|
|
|
|
|
|
.news_detail_item {
|
|
|
|
border-bottom: 2rpx solid #f5f5f5;
|
|
|
|
display: flex;
|
|
|
|
padding: 24rpx 0;
|
|
|
|
}
|
|
|
|
.news_detail_item:last-child{
|
|
|
|
|
|
|
|
.news_detail_item:last-child {
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
.new_info_image{
|
|
|
|
|
|
|
|
.new_info_image {
|
|
|
|
width: 248rpx;
|
|
|
|
height: 146rpx;
|
|
|
|
border-radius: 8rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
margin-left: 32rpx;
|
|
|
|
}
|
|
|
|
.new_info_image image{
|
|
|
|
|
|
|
|
.new_info_image image {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.new_info{
|
|
|
|
|
|
|
|
.new_info {
|
|
|
|
flex: 1;
|
|
|
|
height: 146rpx;
|
|
|
|
display: flex;
|
|
...
|
...
|
@@ -108,34 +126,37 @@ page{ |
|
|
|
justify-content: space-between;
|
|
|
|
font-size: 32rpx;
|
|
|
|
color: #333;
|
|
|
|
|
|
|
|
}
|
|
|
|
.new_title{
|
|
|
|
|
|
|
|
.new_title {
|
|
|
|
display: -webkit-box;
|
|
|
|
word-break: break-all;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
overflow: hidden;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
-webkit-line-clamp:2;
|
|
|
|
-webkit-line-clamp: 2;
|
|
|
|
}
|
|
|
|
.new_time_address{
|
|
|
|
|
|
|
|
.new_time_address {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
font-size: 22rpx;
|
|
|
|
color: #999;
|
|
|
|
}
|
|
|
|
.zhaoshang_desc{
|
|
|
|
|
|
|
|
.zhaoshang_desc {
|
|
|
|
margin: 0 30rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.none-box{
|
|
|
|
.none-box {
|
|
|
|
top: 600rpx;
|
|
|
|
}
|
|
|
|
.recommond{
|
|
|
|
|
|
|
|
.recommond {
|
|
|
|
font-size: 20rpx;
|
|
|
|
padding:4rpx 8rpx;
|
|
|
|
background-color: #E80404;
|
|
|
|
padding: 4rpx 8rpx;
|
|
|
|
background-color: #e80404;
|
|
|
|
color: #fff;
|
|
|
|
display: inline-flex;
|
|
|
|
align-items: center;
|
|
...
|
...
|
@@ -147,3 +168,76 @@ page{ |
|
|
|
position: relative;
|
|
|
|
top: -4rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 轮播图 */
|
|
|
|
|
|
|
|
.swiper_image {
|
|
|
|
/* width: 686rpx;
|
|
|
|
height: 300rpx; */
|
|
|
|
font-size: 0;
|
|
|
|
/* margin: 30rpx auto 0; */
|
|
|
|
position: relative;
|
|
|
|
/* box-shadow: 0px -1px 6px 0px rgba(212, 137, 96, 0.11);
|
|
|
|
border-radius: 10px; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper_item_img {
|
|
|
|
/* border-radius: 10rpx; */
|
|
|
|
/* height: 300rpx; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper_image image {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
/* box-shadow:0px -1px 6px 0px rgba(212,137,96,0.11); */
|
|
|
|
/* border-radius: 10px; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper_item_img swiper-item {
|
|
|
|
/* width: 686rpx; */
|
|
|
|
/* height: 300rpx; */
|
|
|
|
/* box-shadow: 0px -1px 6px 0px rgba(212, 137, 96, 0.11); */
|
|
|
|
/* display: felx; */
|
|
|
|
/* align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
border-radius: 10px; */
|
|
|
|
border-radius:0!important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper_item_img swiper-item image {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
/* border-radius: 10px; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.dots {
|
|
|
|
/* width: 156rpx; */
|
|
|
|
height: 36rpx;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
position: absolute;
|
|
|
|
justify-content: center;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*未选中时的小圆点样式 */
|
|
|
|
|
|
|
|
.dot {
|
|
|
|
width: 16rpx;
|
|
|
|
height: 16rpx;
|
|
|
|
border-radius: 50%;
|
|
|
|
margin-right: 26rpx;
|
|
|
|
background-color: #b9c0f7;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*选中以后的小圆点样式 */
|
|
|
|
|
|
|
|
.active {
|
|
|
|
width: 16rpx;
|
|
|
|
height: 16rpx;
|
|
|
|
border-radius: 50%;
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
|
|
} |
...
|
...
|
|
