mainindex.wxss 5.9 KB
@import '../template/templates.wxss';
@import '../icon/icon.wxss';
page{
 padding:0 0 120rpx 0;
}
.register{
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  position:fixed;
  left:0;
  right:0;
  z-index: 999;
}
.registerwrap{
  width:688rpx;
  height:320rpx;
  background: #ffffff;
  border-radius: 10px;
  position: absolute;
  z-index: 6;
  left:0;
  right:0;
  margin: 0 auto;
  bottom:182rpx;
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30rpx;
  box-sizing: border-box;
}
.cancelpublic{
  width:96rpx;
  height:96rpx;
  font-size: 0;
   position: absolute;
  z-index: 6;
  left:0;
  right:0;
  margin: 0 auto;
  bottom:38rpx;
  
}
.registerwrapimg{
  width:110rpx;
  height:110rpx;
  font-size: 0;
  border-radius: 50%;
}
.registerwrapimg image{
  width:100%;
  height:100%;
  border-radius: 50%;
}
.registername{
  width:110rpx;
  color:#333333;
  font-size: 26rpx;
  text-align: center;
}
.cancelpublic image{
  width:100%;
  height:100%;
}
.box{
    margin-bottom: 120rpx;
}
.search {
  width:688rpx;
  margin: 0 auto;
    height:64rpx;
    display:flex;
    justify-content: center;
    align-items:center;
    padding:12rpx 20rpx 12rpx 33rpx;
    background:rgba(245,245,245,1);
    opacity:1;
    border-radius:4px;
    box-sizing:border-box;
    position: relative

}
.enterword {
    width:418rpx;
    color:#CCCCCC;
    font-size:28rpx;
    text-align: center;
}
.searchicon{
    position: absolute;
    left:172rpx;

    color:#CCCCCC;
    font-size: 50rpx;
}

.nav {
height:100rpx;
display:flex;
justify-content:space-between;
align-items: center;
text-align:center;
box-sizing: border-box;
padding:20rpx 20rpx;
background:#fff;
border-bottom:1rpx solid #f5f5f5;

}
.nav_item {
white-space:nowrap;
list-style:none;
font-size:28rpx;
color:#666666;
width:auto;
padding:0 20rpx;
position:relative;
}
.active{
  color:#951B1B;

}
.active:after{
  content:"";
  display:bloc;
  position:absolute;
  left:0;
  right:0;
  margin: 0 auto;
  top:62rpx;
  width:32px;
  height:3px;
  background:rgba(149,27,27,1);
  opacity:1;
}
.topone{
  padding: 26rpx 36rpx;
  border-bottom: 1rpx solid #f5f5f5;
  position:relative;

}
.toponetext{
  color:#333333;
  font-size: 34rpx;
  padding-bottom: 12rpx;
}
.topnonecontent{
  display:flex;
  align-items: center;
}
.toponetitle{
  color:#999999;
  font-size: 32rpx;
}
.totop{
  /* width:60rpx; */
  height:32rpx;
  padding:0 10rpx;
  box-sizing: border-box;
  border:1px solid rgba(149,27,27,1);
 display: flex;
 justify-content: center;
 align-items: center;
  font-size: 23rpx;
  text-align: center;
  margin-left: 22rpx;
  color:#951B1B;
  border-radius:4rpx;


}
.toptwoimg{
  width:160rpx;
  height:160rpx;
  font-size: 0
}
.toptwoimg image{
  width:100%;
  height:100%;
}
.toptwo{
  display: flex;
  justify-content: space-between

}
.toptwotext{
  width:488rpx;
}

.newsimg{
  width:44rpx;
  height:34rpx;
  font-size: 0
}
.newsimg image{
  width:100%;
  height:100%;
}

video{
  width:686rpx;
  height:390rpx;
  margin: 0 auto;
}
.prayimg{
  width:208rpx;
  height:224rpx;
  font-size: 0
}
.prayimg image{
  width:100%;
  height:100%;
}
.praylist{
    display:flex;
    justify-content: space-between;
}
.touristname{
  color:#333333;
  font-size: 32rpx;
}
.tourlist{
  padding: 20rpx 32rpx;
  border-bottom:1rpx solid #f5f5f5;
}
.tourlistimglist{
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10rpx;
}
.tourlistimg{
  width:208rpx;
  height: 166rpx;
  font-size: 0;
  border-radius: 16rpx;
}
.tourlistimg image{
  width:100%;
  height:100%;
  border-radius:16rpx;
}
.carfriend{
  width:32rpx;
  height:32rpx;
  border-radius:50%;
  background: #F5F5F5;
}
.carfriendname{
  font-size: 22rpx;
  color:#999999;
  margin-left: 2rpx
}
.carfrienditem{
  display:flex;
  margin-top: 14rpx;
}
.festivalname{
  color:#333333;
  font-size: 34rpx;
  /* padding: 14rpx 32rxp; */
  padding: 14rpx 14rpx 90rpx 14rpx;
  position: relative;
}
.noticeindex{
 position: fixed;
 bottom:10%;
 left:0;
 z-index:2;
 width:50rpx;
 height:120rpx;
 font-size: 34rpx;
 color:#951B1B;
 background:rgba(248,248,248,1);
border:1px solid rgba(235,235,235,1);
opacity:1;
border-radius:0rpx 3rpx 3rpx 0rpx;
text-align: center;
line-height:60rpx;
}
.homenoticeindex{
  width:50rpx;
 height:120rpx;
 font-size: 34rpx;
 color:#951B1B;
 background:rgba(248,248,248,1);
border:1px solid rgba(235,235,235,1);
opacity:1;
border-radius:0rpx 3rpx 3rpx 0rpx;
text-align: center;
line-height:60rpx;
position: absolute;
bottom:105rpx;
left:0;
}
/* 追思名人 */
.peoplenav{
  display:flex;
  /* height:100rpx; */
  align-items: center;
  padding-top:30rpx;

}
.peoplenav_item{
  margin-left: 48rpx;
  color:#333333;
  font-size: 26rpx;
}
.peopleactive{

  background:rgba(149,27,27,1);
  opacity:1;
  border-radius:8rpx;
  padding: 5rpx 10rpx;
  box-sizing: border-box;
  color:#fff;
}
.peoplelist{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 24rpx;
}
.peoplelistitem{
  margin-top: 32rpx;
}
.peoplelistitem:nth-child(2n){
  margin-left: 14rpx;
}
.peoplelistitemimg{
  width:345rpx;
  height:240rpx;
  font-size: 0;
}
.peoplelistitemimg image{
  width:100%;
  height:100%;
}
.peoplecallname{
  color:#000000;
  font-size: 32rpx;
  font-weight: bold
}
.peoplecalldate{
  color:#951B1B;
  font-size: 24rpx;
  margin-left: 12rpx;
}
.peoplecall{
  margin-top: 20rpx;
}
.attentionlist{
  display:flex;
  margin-top: 12rpx;
  align-items: flex-end
}
.attention{
  width:112rpx;
  height:48rpx;
  background:rgba(251,188,188,1);
  opacity:1;
  border-radius:8rpx;
  font-size: 28rpx;
  text-align: center;
  line-height: 48rpx;
  color:#fff;
}
.folktext{
  font-size: 32rpx;
}
.folkimg{
  width:208rpx;
  height:128rpx;
  font-size: 0;
}
.folkimg image{
  width:100%;
  height:100%;
}
.folktitle{
  font-size: 22rpx;
}
.mainindex_search{
position: fixed;
top:0;
left:0;
width:100%;
z-index:2;
}
.mainindex_nav{
position: fixed;
top:64rpx;
left:0;
width:100%;
z-index:2;
}