body{font-family:"Microsoft YaHei","微软雅黑";font-size:14px;color:#000;background:#f5f5f5;margin:0;padding:0;padding-top:72px;}dd,div,dl,dt,form,img,input,li,ol,p,ul{margin:0;padding:0;border:0;list-style:none}h1,h2,h3,h4,h5,h6{font-size:14px;margin:0;padding:0;font-weight:400}em,i,optgroup,th,var{font-style:normal;font-weight:400}a{color:#000;text-decoration:none}a:hover{color:#B043F1;text-decoration:none}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background-color:hsla(0,0%,100%,.5);border-radius:2px}::-webkit-scrollbar-thumb{background:#aaa;border-radius:7px}::-webkit-scrollbar-corner{background-color:transparent}button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input[type="checkbox"],.o{display:none;}
.l{float:left;}.r{float:right;}.blank{clear:both;height:20px;overflow:hidden;display:block;}
.top{background-color: #fff;box-shadow: 0 20px 20px -10px rgb(0 0 0 / 20%);position: fixed;top: 0;width: 100%;z-index: 99; height: 72px;display: flex;}
.navs {width:1200px;margin:0 auto;}
.logo {width:360px;line-height: 40px;margin: 16px 0 0 10px;color: #E344AB;display: flex;}
.logo img {float:left;width:40px;margin-right:9px;border-radius:6px;}
.logo b{font-size:30px;}
.logo a{color:#B043F1;}
.menu{width:500px;font-size:20px;margin-top:24px;}.menu li{float:left;margin-right:36px; padding:0 10px;}.menu .nv,.menu a:hover{padding-bottom:5px;border-bottom:solid 2px #B043F1;}
.login{width:120px;text-align:center;margin-top:17px;border:solid 1px #B043F1;line-height:36px;height:36px;border-radius:36px;}
.login i{color:#666666;display:inline-block;padding:0 12px;}
.login a{color:#B043F1;}
.banner{width:100%;height:720px;overflow:hidden;position:relative;background:url(http://css.xianlv.net/img/banner.jpg) no-repeat;background-size:cover;}
.regs{width:1200px;position:relative;margin:0 auto;}
.regs .regbox{width:420px;height:420px;position:absolute;right:0;top:150px;background:rgba(255, 255, 255, 0.5);z-index:11;border-radius:12px;}
.regs .gyl{text-align:center;font-weight:bold;font-size:20px;color:#333;line-height:40px;margin-bottom:10px;padding-top:30px;}
.regs .dl{width:350px;margin:0 auto;clear:both}
.regs .dl .dt,.regs .dl .dd{line-height:50px;float:left;margin-top:4px}
.regs .dl .dt{width:60px}
.regs .dl .dd{width:260px;text-align:left}
.regs button{width:320px;margin:15px auto 0 auto;display:block;height:52px;line-height:52px;font-size:20px;color:#fff;background-color:#B043F1;border:0;border-radius:6px}
.radioskin{display:none}
.radioskin-label{text-align:left;-webkit-user-select:none;display:inline-block;white-space:nowrap;}
.radioskin-label i{position:relative;width:22px;height:22px;box-sizing:border-box;display:inline-block;border:1px solid #c2c2c2;border-radius:20px;background-color:#fff;vertical-align:middle;-webkit-transition:.2s linear;transition:.2s linear}
.radioskin-label i:before{position:absolute;content:'';background-color:#fff;width:10px;height:10px;top:5px;left:5px;border-radius:10px}
.radioskin-label b{vertical-align:middle;display:inline-block;font-weight:normal;margin:0 10px;overflow:hidden}
.radioskin:checked + label.radioskin-label i{border-color:#B043F1}
.radioskin:checked + label.radioskin-label i:before{background-color:#B043F1}
.radioskin-label:hover i{border-color:#B043F1}
.checkskin-label:hover i{border-color:#B043F1}
.checkskin:checked + label.checkskin-label i {background-color:#FF6F6F;border-color:#B043F1}
.reg ul{width:100%;height:38px;line-height:36px;border:#e1e1e1 1px solid;display:block;padding-left:12px;position:relative;margin-top:5px;float:left;box-sizing:border-box;border-radius:20px;background:#FFF;}
.reg ul:after{position:absolute;right:10px;top:14px;display:inline-block;content:'';width:14px;height:7px;background-position:left top;transition:transform .5s;-webkit-transition:-webkit-transform .5s}
.reg ul:hover{cursor:pointer;box-shadow:3px 3px 2px rgba(0,0,0,0.1)}
.reg ul:hover:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.reg ul:hover li{display:block;box-shadow:3px 3px 2px rgba(0,0,0,0.1)}
.reg ul li{width:100%;position:absolute;border:#dfdfdf 1px solid;background-color:#fff;left:-1px;top:36px;display:none;z-index:5}
.reg ul li .msk{width:208px;height:5px;background-color:#fff;margin:-12px -10px 0 0;float:right}
.reg ul li a{display:block;text-align:left;color:#666;padding-left:15px}
.reg ul li a:hover{background-color:#eee;color:#000}
.reg ul li a.ed{background-color:#FD66B5;color:#fff}
.reg ul li em a{text-align:center}
.reg ul.area li{width:500px;height:220px;padding:10px 10px 20px 10px;left:auto;right:-1px}
.reg ul.area li.close{height:auto}
.reg ul.area li a{float:left;min-width:40px;padding:0 5px;height:30px;line-height:30px;margin:5px;border:#eee 1px solid}
.reg ul.area li a.ed{border-color:#f70}
.reg ul.area dl{margin:0 0 15px;clear:both;overflow:hidden;position:relative}
.reg ul.area dt{float:left;line-height:25px;text-align:center;color:#666;padding:0 15px;margin:0 15px;border-bottom:0px;margin-top:10px}
.reg ul.area dt.ed{background:#fff;border:#dedede 1px solid;border-bottom:0px;border-top:#FD66B5 2px solid;border-bottom:#fff 1px solid}
.reg ul.area dl dd{width:100%;height:25px;border-bottom:#dedede 1px solid;position:absolute;bottom:0;left:0;z-index:-1}
.reg ul.area span{display:block;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reg2 ul{width:100%;height:40px;line-height:38px;border:#e1e1e1 1px solid;display:block;padding-left:12px;position:relative;box-sizing:border-box;position:relative;border-radius:20px;background:#FFF;}
.reg2 ul:after{position:absolute;right:10px;top:14px;display:inline-block;content:'';width:14px;height:7px;background-position:left top;transition:transform .5s;-webkit-transition:-webkit-transform .5s}
.reg2 ul:after,.so ul:after{background:url("../img/ico.png") no-repeat;}
.reg2 ul:hover{cursor:pointer;box-shadow:3px 3px 2px rgba(0,0,0,0.1)}
.reg2 ul:hover:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.reg2 ul:hover li{display:block;box-shadow:3px 3px 2px rgba(0,0,0,0.1)}
.reg2 ul li{width:100%;position:absolute;border:#dfdfdf 1px solid;background-color:#fff;left:auto;right:-1px;top:38px;display:none;z-index:5}
.reg2 ul.birthday span{display:block;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reg2 ul.birthday li{width:530px;min-height:220px;padding:20px 10px 20px 10px;line-height:32px;z-index:6}
.reg2 ul.birthday li .msk{width:100%;height:5px;background-color:#fff;margin:-22px -10px 0 0;float:right}
.reg2 ul.birthday li p b,.reg2 ul.birthday li p i,.reg2 ul.birthday li p font{min-width:34px;margin:2px;padding:0 4px;border-radius:3px;border:0;display:inline-block;line-height:30px;text-align:center;color:#666;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;box-sizing:border-box;border:#fff 1px solid}
.reg2 ul.birthday li p b{margin-right:0;padding-right:2px;font-weight:normal;color:#999}
.reg2 ul.birthday li p i{border-color:#eee}
.reg2 ul.birthday li p i:hover{border-color:#FD66B5;background-color:#FCEFF4;color:#E83191}
.reg2 ul.birthday li p .ed{border-color:#FD66B5;background-color:#FD66B5;color:#fff}
.reg2 ul.birthday li p .ed:hover{background-color:#E83191;color:#fff}
.reg2 ul.birthday li .Ybox{display:none}
.reg2 ul.birthday li .Mbox,.reg2 ul.birthday li .Dbox{display:none;padding:20px 0 0}
.reg2 ul.birthday li .Mbox i,.reg2 ul.birthday li .Dbox i{margin:6px}
.down,.apppic{margin:20px auto; clear:both; overflow:hidden;}
.down a{display:block;margin:0 auto;width:40%;height:50px;text-align:center;line-height:50px; background:#B043F1;color:#FFF;font-size:24px;border-radius:12px;}
.apppic li{float:left;width:25%;}
.apppic li img{width:96%;}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.section {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
}

.section-title {
    font-size: 24px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #B043F1;
    color: #333;
}


.member-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
}

.member-card {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    transition: transform 0.3s;
}

.member-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.member-avatar {
    width: 186px;
    height:186px;
    border-radius:9px;
    object-fit: cover;
    margin: 0 auto 10px;
    display: block;
}

.member-info {
    font-size: 14px;
}

.member-info p {
    margin: 5px 0;
}
.member-link {
    text-decoration: none;
    color: inherit;
}

.member-link .member-card {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    transition: transform 0.3s;
}

.member-link:hover .member-card {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}


.dynamic-item {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}

.dynamic-item:last-child {
    border-bottom: none;
}

.dynamic-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.dynamic-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

.dynamic-meta {
    flex: 1;
}

.dynamic-nickname {
    font-weight: bold;
    margin-bottom: 3px;
    color: #B043F1;
}

.dynamic-time {
    font-size: 12px;
    color: #999;
}

.dynamic-content {
    margin-bottom: 10px;
}

.dynamic-images {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

.dynamic-image {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 5px;
}

.dynamic-stats {
    display: flex;
    gap: 15px;
    font-size: 14px;
    color: #666;
}
.dynamic-link {
    text-decoration: none;
    color: inherit;
}
.dynamic-link:hover {
    text-decoration: none;
}
.stat-item {
    display: flex;
    align-items: center;
}

.stat-item i {
    margin-right: 5px;
    color: #B043F1;
}

.activity-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.activity-card {
    border-radius: 8px;
    overflow: hidden;
    background-color: #f9f9f9;
    transition: transform 0.3s;
}

.activity-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.activity-cover {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.activity-info {
    padding: 10px;
}

.activity-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #B043F1;
}

.activity-meta {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
}

.activity-status {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
    margin-top: 5px;
}

.status-active {
    background-color: #e6f7ff;
    color: #1890ff;
}

.status-ended {
    background-color: #f5f5f5;
    color: #999;
}
.activity-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}
.activity-table th {
    background-color: #B043F1;
    color: white;
    text-align: center;
    padding: 15px 20px;
    font-weight: bold;
}
.activity-table td {
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
}
.activity-table tr:nth-child(even) {
    background-color: #f9f9f9;
}
.activity-table tr:hover {
    background-color: #f5f7fa;
}
.activity-content {
    line-height: 1.8;
}
.activity-content p{margin:1.4em 0;font-size:16px;text-indent:32px;}

.activity-content h3 {
    color: #B043F1;
    margin: 20px 0 10px 0;
}
.activity-content ul {
    padding-left: 20px;
}
.activity-content li {
    margin-bottom: 8px;
}
.section-title {
    color: #B043F1;
    padding-bottom: 10px;
    border-bottom: 2px solid #B043F1;
    margin-bottom: 20px;
}
.cover-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.btn-signup {
    display: inline-block;
    background-color: #B043F1;
    color: white;
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    margin: 20px 0;
}
.btn-signup:hover {
    background-color: #cf42fd;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.activity-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 20px 0;
    font-size: 12px;
}
.meta-item {
    background-color: #f0f8ff;
    padding: 10px 15px;
    border-radius: 5px;
    flex: 1;
    min-width: 200px;
}
.meta-item strong {
    color: #B043F1;
}
.foot{text-align:center;width:1200px;margin:0 auto;padding-bottom:20px;}
.foot i{margin:0 9px;color:#ccc;}
.foot p{ padding-top:10px;}