/* ----------------------------------- 校园群组样式  ----------------------------------- */
/* 校园群组主页样式 */
/* banner */
.group-school-banner {
    width: 100%;
    min-width: 1129px;
    height: 300px;
    background: url(//7nsts.w3cschool.cn/images/w3c/group-school-banner.png) no-repeat center center;
}
.group-banner-main {
    margin-top: 60px;
    font-size: 18px;
    color: #fff;
}
.group-banner-main .group-banner-title {
    font-size: 36px;
    font-weight: 400;
}
/* content */
.group-content {
    min-height: 550px;
}
.group-content .index-wrapper {
    margin: -80px auto 60px;
}
.groupinfo-main {
    padding: 25px 60px;
    overflow: hidden;
}
.group-logo {
    float: left;
    width: 200px;
    height: 200px;
    margin-right: 40px;
}
.group-logo img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.groupinfo-item {
    float: left;
    max-width: 600px;
}
.groupinfo-item div {
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
}
.groupinfo-item .group-name {
    font-size: 24px;
    font-weight: 600;
}
.groupinfo-item span {
    margin-right: 15px;
}
.groupinfo-intro-info {
    margin-top: 10px;
    line-height: 26px;
    word-wrap: break-word;
}
.groupinfo-stats {
    float: right;
    font-size: 15px;
    text-align: center;
}
.focus-group a {
    display: inline-block;
    padding: 4px 18px;
    line-height: 24px;
    font-size: 14px;
    border-radius: 4px;
}
.focus-group .focus {
    background-color: #d9534f;
    border: 1px solid #d9534f;
    color: #fff;
}
.focus-group .focus:hover {
    background-color: #d2322d;
    border: 1px solid #d2322d;
    color: #fff;
}