page {
    background-color: #f7f7f7;
}
.alliance-detail {
    padding: 20rpx;
    box-sizing: border-box;
}
.alliance-detail-card {
    width: 690rpx;
    overflow: hidden;
    margin: 20rpx auto;
    background: #fff;
    box-shadow: 0rpx 5rpx 32rpx 0rpx hsla(0,0%,78%,.56);
    border-radius: 14rpx;
    padding: 20rpx 20rpx 0 20rpx;
    box-sizing: border-box;
}
.alliance-info {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 40rpx;
}
.alliance-info .info-head-img {
    width: 180rpx;
    height: 180rpx;
}
.alliance-info .info-head-img image{
    width: 100%;
    height: 100%;
}
.alliance-info .info-content {
    width: 400rpx;
}
.alliance-introduce {
    width: 100%;
    position: relative;
    padding-bottom: 84rpx;
}
.intro-show {
    height: auto;
    padding-bottom: 80rpx;
}
.intro-hide {
    max-height: 350rpx;
}
.alliance-introduce .title{
    font-size: 34rpx;
    margin-bottom: 20rpx;
}
.alliance-introduce .bottom {
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 1);
    color: royalblue;
    width: 100%;
    text-align: center;
    padding: 20rpx;
    box-sizing: border-box;
}
.alliance-detail-card .active-list {
    
}
.active-list .title {
    font-size: 34rpx;
    margin-bottom: 20rpx;
}
.active-list .active-item {
    display: flex;
    align-items: center;
    margin: 20rpx;
}
.active-list .active-item .active-img {
    width: 150rpx;
    height: 120rpx;
    margin-right: 20rpx;
}
.active-img image {
    width: 100%;
    height: 100%;
}
.active-list .active-item .active-content {
    
}
.active-list .active-item .active-content .active-contacts {
    margin-bottom: 10rpx;
}
.time-box {
    display: flex;
}
.time-box .time-label {
    font-size: 24rpx;
    color: silver;
    margin-right: 10rpx;
}
.active-list .active-item .active-content .active-time {
    font-size: 24rpx;
    color: silver;
}
.active-list .active-line {
    width: 95%;
    height: 1px;
    background: #eeeeee;
    margin: 20rpx auto;
}