You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
363 lines
7.0 KiB
363 lines
7.0 KiB
/* 公共样式 */
|
|
@import url("public.css");
|
|
/* 页头 */
|
|
@import url("header.css");
|
|
@import url("font.css");
|
|
/* 活动创建 */
|
|
|
|
.ativity-create-info{
|
|
|
|
}
|
|
|
|
.ativity-create-info .title{
|
|
}
|
|
/* 活动详情 */
|
|
.activity-detail{
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
.activity-detail .image-area{
|
|
width: 100%;
|
|
height: 300rpx;
|
|
}
|
|
|
|
.activity-detail .image-area .image{
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 30rpx;
|
|
}
|
|
.activity-detail .name-category{
|
|
padding:0 30rpx 0 30rpx;
|
|
display: flex;
|
|
flex-direction: row;
|
|
min-height: 96rpx;
|
|
background-color: #F1F1F1;
|
|
align-items: center;
|
|
}
|
|
.activity-detail .name-category .name{
|
|
color: #101010;
|
|
font-size: 32rpx;
|
|
display:-webkit-box;
|
|
-webkit-line-clamp:1;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
-webkit-box-orient:vertical;
|
|
word-break:break-all;
|
|
flex: 1;
|
|
}
|
|
.activity-detail .name-category .category{
|
|
color: #fff;
|
|
font-size: 24rpx;
|
|
height:32rpx;
|
|
background-color: #F2BF5C;
|
|
margin-left: 20rpx;
|
|
padding: 5rpx 10rpx;
|
|
}
|
|
|
|
.activity-detail .item-area{
|
|
margin-top: 20rpx;
|
|
}
|
|
.activity-detail .item-area .item-name-mold-money{
|
|
height: 96rpx;
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
background-color: #F1F1F1;
|
|
padding: 0 30rpx 0 30rpx;
|
|
}
|
|
.activity-detail .item-area .item-name-mold-money .item-name{
|
|
color: #101010;
|
|
font-size: 28rpx;
|
|
flex: 1;
|
|
padding: 0 30rpx 0 30rpx;
|
|
}
|
|
.activity-detail .item-area .item-name-mold-money .mold-money{
|
|
margin-left:30rpx;
|
|
color: #ff0000 ;
|
|
font-size: 24rpx;
|
|
}
|
|
.activity-detail .item-area .item-introduction{
|
|
min-height: auto;
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding:30rpx;
|
|
}
|
|
.activity-detail .introduction{
|
|
min-height: auto;
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding:30rpx;
|
|
}
|
|
.activity-detail .item-area .date-adress{
|
|
display: flex;flex-direction: row;margin-top: 20rpx;margin-left: 30rpx;margin-right: 30rpx;align-items: center;
|
|
}
|
|
.activity-detail .item-area .date{
|
|
font-size: 30rpx;color: #E3A428 ;
|
|
}
|
|
.activity-detail .item-area .address{
|
|
color: #666666; font-size: 30rpx;text-align: right;flex: 1;
|
|
}
|
|
.activity-detail .item-area .address text{
|
|
margin-left: 30rpx;
|
|
}
|
|
.activity-detail .line{
|
|
height: 1rpx;
|
|
background-color: #eee;
|
|
flex: 1;
|
|
margin-left: 20rpx;
|
|
}
|
|
/* 活动块 */
|
|
.activity-area{
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 10rpx;
|
|
padding: 36rpx;
|
|
background: #FFFFFF;
|
|
}
|
|
.activity-area .summary{
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.activity-area .summary .name-category{
|
|
display: flex; flex-direction: row;
|
|
}
|
|
.activity-area .summary .name-category .name{
|
|
color: #101010;
|
|
font-size: 32rpx;
|
|
display:-webkit-box;
|
|
-webkit-line-clamp:1;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
-webkit-box-orient:vertical;
|
|
word-break:break-all;
|
|
flex: 1;
|
|
}
|
|
.activity-area .summary .name-category .category{
|
|
height:32rpx;
|
|
float:right;
|
|
color: #fff;
|
|
font-size: 20rpx;
|
|
background-color: #F2BF5C;
|
|
padding: 5rpx 10rpx;
|
|
}
|
|
.activity-area .summary .enroll{
|
|
color: #898989 ;
|
|
font-size: 24rpx;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.activity-area .image-area{
|
|
width: 100%;
|
|
height: 300rpx;
|
|
margin-top: 20rpx;
|
|
/* margin-bottom: 20rpx; */
|
|
}
|
|
.activity-area .image-area .image{
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 30rpx;
|
|
}
|
|
.activity-area .image-area .tips{
|
|
display: flex; height: 50rpx;width: 100%; margin-top: -80rpx;
|
|
}
|
|
.activity-area .image-area .tips .icon{
|
|
width: 28px;height: 48rpx;margin-left: 30rpx;
|
|
}
|
|
.activity-area .image-area .tips .popularity{
|
|
color: #fff; margin-left: 15rpx;flex: 1;
|
|
}
|
|
.activity-area .image-area .tips .enroll-state{
|
|
display: flex;text-align: center; padding: 8rpx 15rpx;color: #FFFFFF; font-size: 28rpx; margin-right:30rpx; border-radius: 10rpx;
|
|
}
|
|
.activity-area .image-area .tips .enroll-no {
|
|
background: #BBBBBB;
|
|
}
|
|
.activity-area .image-area .tips .enroll-yes {
|
|
background: #0081D5;
|
|
}
|
|
.activity-area .item-area{
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top:20rpx;
|
|
/* margin-bottom: 10rpx; */
|
|
}
|
|
.activity-area .item-area .item-name-mold-money{
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
/* margin-top: 10rpx; */
|
|
}
|
|
.activity-area .item-area .item-name-mold-money .item-name{
|
|
color: #101010;
|
|
font-size: 28rpx;
|
|
flex: 1;
|
|
}
|
|
.activity-area .item-area .item-name-mold-money .mold-money{
|
|
color: #ff0000 ;
|
|
font-size: 24rpx;
|
|
}
|
|
.activity-area .item-area .enroll-amount-date{
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin-top: 20rpx;
|
|
/* margin-bottom:5rpx */
|
|
}
|
|
.activity-area .item-area .enroll-amount-date text{
|
|
color: #919191;
|
|
font-size: 24rpx;
|
|
}
|
|
.activity-area .item-area .enroll-amount-date .amount{
|
|
flex: 1;
|
|
}
|
|
.activity-area .item-area .enroll-amount-date .date{
|
|
float: right;
|
|
display: flex;
|
|
text-align: center;
|
|
}
|
|
|
|
/* 队伍创建及加入块 */
|
|
.team-join-nav{
|
|
height: 224rpx;
|
|
width: auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
background-color: #fff;
|
|
align-items: center;
|
|
padding-left:36rpx;
|
|
padding-right: 36rpx;
|
|
}
|
|
.team-join-nav .left{
|
|
width: auto;
|
|
height: 120rpx;
|
|
float: left;
|
|
background-color: white;
|
|
vertical-align: middle;
|
|
}
|
|
.team-join-nav text{
|
|
float: left;
|
|
}
|
|
.team-join-nav button{
|
|
float: right;
|
|
width: 160rpx;
|
|
height: 60rpx;
|
|
font-size: 26rpx;
|
|
color: #FFFFFF;
|
|
background-color: #F4CE98;
|
|
}
|
|
|
|
.team{
|
|
background-color: #fff;
|
|
margin-bottom: 24rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 250rpx;
|
|
margin-top: 32rpx;
|
|
border-bottom:10rpx solid #eee;
|
|
}
|
|
.team .scorll{
|
|
min-height: 180rpx;
|
|
}
|
|
.team .info{
|
|
height: 100rpx;
|
|
flex-direction: row;
|
|
border-bottom:1rpx solid #eee;
|
|
}
|
|
.team .info .top{
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
.team .info .team-name {
|
|
max-width: 350rpx;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
font-size: 36rpx;
|
|
color: #101010;
|
|
}
|
|
.team .info .link{
|
|
float: right;
|
|
margin-left:24rpx;
|
|
font-size: 30rpx;
|
|
text-decoration-line: underline;
|
|
color: #E99D42;
|
|
}
|
|
.team .info .label-list {
|
|
width: 100%;
|
|
float: left;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.team .info .label-list .label {
|
|
height: 32rpx;
|
|
color: #E99D42;
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
align-items: center;
|
|
margin-top:15rpx;
|
|
margin-right: 25rpx;
|
|
}
|
|
.team .operation {
|
|
padding-top:20rpx;
|
|
padding-bottom:20rpx;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
text-align: right;
|
|
border-top:1rpx solid #eee;
|
|
}
|
|
|
|
.team .operation text{
|
|
float: right;
|
|
margin-left:24rpx;
|
|
font-size: 30rpx;
|
|
text-decoration-line: underline;
|
|
color: #E99D42;
|
|
}
|
|
|
|
/* 微信授权登录页面 */
|
|
.login{
|
|
text-align:center;
|
|
}
|
|
|
|
.login .name-logo{
|
|
width: 500rpx;
|
|
height: 320rpx;
|
|
margin: 0 auto;
|
|
margin-top:140rpx;
|
|
}
|
|
.login .name-logo image{
|
|
height: 120rpx;
|
|
}
|
|
.login .name-logo .name{
|
|
float:left;
|
|
width: 310rpx;
|
|
}
|
|
.login .name-logo .logo{
|
|
width: 160rpx;
|
|
float:left;
|
|
margin-left:30rpx;
|
|
}
|
|
|
|
.login .icons{
|
|
float: none;
|
|
width:540rpx;
|
|
height: 160rpx;
|
|
margin: 0 auto;
|
|
margin-bottom: 70rpx;
|
|
}
|
|
.login .icons .wx-icon{
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
}
|
|
.login .icons .exchange{
|
|
width: 90rpx;
|
|
height: 90rpx;
|
|
margin:35rpx 70rpx;
|
|
}
|
|
.login .icons .head-image{
|
|
width: 150rpx;
|
|
height: 150rpx;
|
|
}
|