html{margin:0 auto;
padding:0;
width: 100%;
min-height:100%;
background:#f2f2f2;
}
body{ width: 100%;
min-height: 100%;
/*max-width:640px;*/
min-width:300px;
margin:0 auto;
}
#wrap,
#search,
#viewactivity,
#more{
width: 100%;
height: 100%;
/*max-width:640px;*/
min-width:300px;
background:#f2f2f2;
overflow:hidden;
}
/*index*/
/*头部search */
#wrap header ,
#search header,
#viewactivity header ,
#more header{
width: 100%;
height: 3.27rem;
background:white;
box-sizing: border-box;/*max-width: 640px;*/
}
#wrap header .left {
float:left;
width: 11%;
height: 3.27rem;
padding-left:4%;
margin-right: 2%;
background:url("/static/wx/img/common/drop-down.png") right center no-repeat;
background-size:0.53rem 0.27rem;
line-height: 3.27rem;
}
#wrap header .center,
#search header .center{
width:70%;
margin-top:0.7rem;
height: 2rem;
float:left;
background:#f2f2f2;
border:none;
line-height:2rem;
border-radius:1.5rem;
}
#wrap header .center .sousuo,
#search header .center .sousuo{background:url(/static/wx/img/common/search.png)20px center no-repeat;background-size:18px;text-indent:50px;color:#a1a1a1;float:left;padding:0 2px;}
#wrap header .right {
float:right;
width:9%;
height: 3.27rem;
background:url("/static/wx/img/common/news.png") left center no-repeat;
background-size: 1.33rem 1.27rem;
}
#search header .Return , #more header .Return{
float:left;
width:13%;
height:3.3rem;
margin-right:2%;
background:url("/static/wx/img/common/Arrow.png") right 1.2rem no-repeat;
background-size:1rem;
line-height: 3.3rem;
}
#search header .center input,
#more header .center input{background:#f2f2f2;border:none;width:70%;}
#search header .lookup,
#more header .lookup {
float:right;
width:15%;
height:3rem;
line-height: 3rem;
color:#969696;
background:#fff;
margin-top:0.05rem;
border:none;
}
/*message*/
.mgslist {
margin:0;
padding:0;
}
.mgslist li {
width:100%;
margin: 10px;
display: block;
clear: both;
overflow: hidden;
}
.mgslist li .noread{width:8px;height:8px;border-radius:100%;background:red;margin-left:5px;}
.read{background:#f2f2f2;}
.mgslist li .content{
padding:10px 10px;
margin-left:10px;
background:#fff;
margin-top:-5px;
border-radius:10px;
display:block;
margin-right:20px;
border:none;
}
.mgslist li .content .time{float:right;
width:120px;
text-align:right;
margin-right:5px;
padding:0px;
line-height:22px;
}
.mgslist li .content p{color:#777777;
line-height:18px;
padding:10px 0px;
}
.mgslist li .content a{text-decoration:none;
border-top:1px solid #dbdbdb;
display:block;
line-height:35px;
height:30px;
text-align:center;
color:#777777;
}
/*导航*/
#wrap nav {
width: 100%;
height: 4.2rem;
padding-top: 1.2rem;
background:white;
}
#wrap nav a {
float:left;
width: 20%;
height: 2.3rem;
padding-top: 1.9rem;
text-align: center;
}
#wrap nav a.createAct {
background:url("/static/wx/img/front/commonFront/indexa.png") center 0 no-repeat;
background-size: 1.73rem 1.4rem;
}
#wrap nav a.actList {
background:url("/static/wx/img/front/commonFront/indexb.png") center 0 no-repeat;
background-size: 1.73rem 1.4rem;
}
#wrap nav a.julebu {
background:url("/static/wx/img/front/commonFront/indexc.png") center 0 no-repeat;
background-size: 1.73rem 1.4rem;
}
#wrap nav a.insist {
background:url("/static/wx/img/front/commonFront/f_jl2.png") center 0 no-repeat;
background-size: 1.73rem 1.4rem;
}
#wrap nav a.actManage {
background:url("/static/wx/img/front/commonFront/indexe.png") center 0 no-repeat;
background-size: 1.73rem 1.4rem;
}
#wrap nav a.roomList {
background:url("/static/wx/img/front/commonFront/indexf.png") center 0 no-repeat;
background-size: 1.73rem 1.4rem;
}
/*我创建的*/
#wrap .Estab,
#wrap .join,
#wrap .hot,
#wrap .mend{
position: relative;
width: 100%;
height: 2.67rem;
background:#f7f7f7;
border-bottom: 0.47rem solid #f2f2f2;
line-height: 2.67rem;
font-size: 16px;
}
#wrap .Estab p,
#wrap .join p {
width: 100%;
height: 2.67rem;
padding-right: 1.17rem;
/* margin: 0 auto;*/text-align: center;
/*background:url("/static/wx/img/common/drop-down.png") right center no-repeat;*/
background-size:0.73rem 0.43rem;
/*text-align: right;*/
}
#wrap .Establish {
width: 100%;
background:white;
}
#wrap .Establish li {
width: 100%;
height: 4.23rem;
border-top:0.03rem solid #f2f2f2;
}
#wrap .Establish li:nth-child(1) {
border:none;
}
#wrap .Establish li dl {
float:left;
width: 80%;
height: 4.23rem;
}
.pictit dt {
float:left;
padding-left: 4%;
padding-top: 0.77rem;
margin-right: 3%;
}
.pictit dt img {
width: 2.73rem;
height: 2.73rem;
border-radius: 0.17rem;
}
.pictit dd {
font-size:14px;
float:left;
padding-top: 1rem;
}
.pictit dd span {
color:#969696;
font-size: 12px;
}
#wrap .Establish li .Minister {
float:right;
width: 12%;
height: 0.93rem;
margin-right: 4%;
margin-top: 1.5rem;
border:0.03rem solid #f65306;
border-radius: 0.17rem;
text-align: center;
line-height: 0.93rem;
padding:2px;
color:#f65306;
font-size:14px;
}
#wrap .Establish li .Finance {
float:right;
width: 12%;
height: 0.93rem;
margin-right: 4%;
margin-top: 1.5rem;
border:0.03rem solid #ebb713;
border-radius: 0.17rem;
text-align: center;
line-height: 0.93rem;
padding:2px;
color:#ebb713;
}
/*热门活动*/
#wrap .hot a,
#wrap .mend a {
position:absolute;
display: block;
width: 100%;
height: 2.67rem;
background:url("/static/wx/img/common/into-1.png") 96% center no-repeat;
background-size: 0.43rem 0.73rem;
text-align: center;
font-size: 16px;
}
#wrap .act {
width: 100%;
background:white;
}
#wrap .act li {
width: 100%;
height: 7.03rem;
border-top: 0.03rem solid #f2f2f2;
}
#wrap .act li:nth-child(1){
border:none;
}
#wrap .act li dl {
width: 92%;
height: 5.96rem;
padding: 1.07rem 4% 0;
}
#wrap .act li dt {
float:left;
width:42%;
height: 5.96rem;
}
#wrap .act li dt img {
width: 90%;
height: 5.07rem;
}
#wrap .act li dl dd {
float:left;
width: 58%;
height: 5.96rem;
}
#wrap .act li dl dd .name {
text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
height:2.5rem;
margin-bottom: 0.47rem;
}
#wrap .act li dl dd strong {
clear:both;
display:block;
color:#969696;
font-size: 12px;
}
#wrap .act li dl dd .timer {
float:left;
font-size: 12px;
color:#969696;
}
#wrap .act li dl dd .money {
float:right;
font-size: 14px;
color:#f65d15;
}
#wrap .act li dl dd .money span {
font-size: 12px;
}
/*美文相册*/
#wrap .Album {
width: 100%;
background:white;
}
#wrap .Album li {
width: 100%;
height: 5.83rem;
border-top: 0.03rem solid #f2f2f2;
}
#wrap .Album li:nth-child(1) {
border-top: none;
}
#wrap .Album li dl {
width: 92%;
padding:0.97rem 4% 0;
}
#wrap .Album li dl dt {
float:left;
width: 22%;
height: 4.87rem;
}
#wrap .Album li dl dt img {
width: 80%;
height: 4.1rem;
}
#wrap .Album li dl dd {
float:left;
width: 78%;
height: 4.87rem;
}
#wrap .Album li dl dd .name {
text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
height:2.5rem;
margin-bottom: 0.47rem;
}
#wrap .Album li dl dd p {
height:1rem;
}
#wrap .Album li dl dd p img {
float:left;
width: 1.27rem;
height: 1.27rem;
margin-right: 2%;
}
#wrap .Album li dl dd p span {
font-size: 12px;
color:#969696;
line-height: 1.27rem;
}
.notename {
float:left;
}
.notetime{
float:right;
}
/*城市弹层*/
.container{width:100%;position:absolute;top:0px;left:0;background-color:#ffffff;z-index:9999;display:none;overflow:hidden}
.letter{width:8%;padding:10px auto;height:100%;font-size:16px;position:fixed;top:10px;right:10px;text-align:center;line-height:24px;}
.letter ul{list-style-type:none;overflow-y:scroll;height:100%;}
.letter ul li a{text-decoration:none;padding:10px;}
.city{width:90%;overflow:hidden;padding:0px 20px 20px;}
.city-list{width:100%;overflow:hidden;}
.city-list .city-letter{color:#6e6e6e;font-size:16px;display:inline-block;padding-top:15px;padding-bottom:5px;border-bottom:1px solid #e8ecf1;width:100%;}
.city-list p{color:#afafaf;width:95%;height:50px;line-height:50px;border-bottom:1px solid #e8ecf1;cursor:pointer;}
.UISelect{margin-top:5px}
/*search*/
/*内容区*/
/* #search .con {
width: 58%;
height: 5.7rem;
margin:5.9rem auto 0;
}
#search .noResult {
width: 58%;
height: 5.7rem;
margin:5.9rem auto 0;
}
#search .con h1 {
color:#969696;
width: 100%;
height: 2.8rem;
font-size: 16px;
text-align: center;
}
#search .noResult h1 {
color:#969696;
width: 100%;
height: 2.8rem;
font-size: 16px;
text-align: center;
}
#search .con a {
display:block;
!*width: 33%;*!
height: 1.03rem;
padding-top: 1.7rem;
color:#969696;
border-right: 0.03rem solid #dbdbdb;
}
#search .con .jlb {
float:left;
width: 30%;
background: url("../images/jlb.png") 3% 0 no-repeat;
background-size: 2.03rem 1.27rem;
}
#search .con .hd {
float:left;
width: 42%;
background:url("../images/Sign.png") center 0 no-repeat;
background-size: 1.13rem 1.3rem;
text-align: center;
}
#search .con .mw {
float:right;
width:26%;
background:url("../images/mw.png") 89% 0 no-repeat;
background-size:1rem 1.17rem;
border:none;
text-align: right;
}*/
/*聚乐部*/
#search .Club {
width: 92%;
padding:0 4%;
background:white;
margin:0.5rem auto;
}
#search .Club li {
width: 100%;
height: 4.13rem;
border-top: 0.03rem solid #dbdbdb;
}
#search .Club .tit {
width: 100%;
height: 2.53rem;
border:none;
line-height: 2.53rem;
color:#969696;
}
#search .Club li div {
float:left;
width: 15%;
height: 3.26rem;
padding-top: 0.87rem;
}
#search .Club li div img {
width: 2.47rem;
height: 2.47rem;
border:0.17rem;
}
#search .Club li p {
float:left;
width: 85%;
height: 4.13rem;
line-height: 4.13rem;
}
/*活动*/
#search .activity {
width: 92%;
padding:0 4%;
background:white;
}
#search .activity li {
width: 100%;
border-top: 0.03rem solid #dbdbdb;
}
#search .activity .tit {
height: 2.53rem;
line-height: 2.53rem;
border-top: none;
color:#969696;
}
#search .activity .act {
height: 4.17rem;
}
#search .activity .acthide{
display:none;
}
#search .activity .act div {
float:left;
width: 25%;
height: 3.37rem;
padding-top: 0.8rem;
}
#search .activity .act div img {
width: 76%;
height: 2.47rem;
border-radius: 0.17rem;
}
#search .activity .act p {
float:left;
height: 4.17rem;
line-height: 4.17rem;
}
#search .activity .act span {
float:right;
height: 4.17rem;
line-height: 4.17rem;
font-size: 12px;
color:#969696;
}
#search .activity .more {
height: 2.9rem;
text-align: center;
line-height: 2.9rem;
color:#969696;
}
#search .btm {
width: 92%;
padding:0 4%;
background:white;
margin-top: 0.5rem;
}
#search .btm li {
border-bottom: 0.03rem solid #dbdbdb;
}
#search .btm li:last-child{
border-bottom: none;
}
#search .btm .belles {
height: 2.53rem;
line-height: 2.53rem;
color:#969696;
}
#search .btm .Article a{
display:block;
height: 4.13rem;
line-height: 4.13rem;
}
#search .btm .Article a span{float:right;color:#969696}
/*viewactivity*/
#viewactivity header a {
float:left;
width:33%;
height:3.3rem;
padding-left: 4%;
background:url("/static/wx/img/common/return.png") 0 1.2rem no-repeat;
background-size: 0.53rem 0.9rem;
line-height: 3.3rem;
}
#viewactivity header h1 {
position:absolute;
top:0;
left: 35%;
width: 30%;
height: 3.3rem;
text-align: center;
font-weight: bold;
font-size: 16px;
line-height: 3.3rem;
}
#viewactivity header div {
float:right;
width: 29%;
height: 3.3rem;
margin-right: 4%;
background:url("/static/wx/img/front/commonFront/share.png") right center no-repeat;
background-size: 1.13rem;
}
/*活动*/
#viewactivity .activity {
position:relative;
top:0;
left:0;
width: 100%;
height: 33.1rem;
margin-bottom: 0.63rem;
background:white;
}
#viewactivity .activity .Advert-1 {
position:absolute;
top:0;
left:0;
width: 100%;
opacity:0.5;
}
#viewactivity .activity .Pubmap-1 {
width: 100%;
}
#viewactivity .activity h2 {
width: 96%;
height: 1rem;
padding-top: 1.27rem;
padding-left: 4%;
/*解决图片默认缝隙*/
margin-top: -0.3rem;
font-size: 16px;
font-weight: bold;
}
#viewactivity .activity ul {
overflow:hidden;
width: 92%;
height: 16.23rem;
padding:0 4% ;
}
#viewactivity .activity ul li {
width: 100%;
height: 3.27rem;
border-bottom: 0.03rem solid #f2f2f2;
}
#viewactivity .activity ul .one .pic {
float:left;
width: 1.43rem;
height: 2.6rem;
padding-top: 0.67rem;
margin-right: 2%;
}
#viewactivity .activity ul .one .pic .portrait {
width: 1.43rem;
height: 1.43rem;
margin-top: 0.2rem;
border-radius: 50%;
}
#viewactivity .activity ul .one .center {
float:left;
width: 63%;
height: 3.27rem;
line-height: 3.27rem;
color:#9d9d9d;
}
#viewactivity .activity ul .one .center span:nth-child(1) {
margin-right:3%;
}
#viewactivity .activity ul .one .center span:nth-child(2) {
margin-right: 7%;
}
#viewactivity .activity ul .one .right {
float:right;
width: 26%;
height: 3.27rem;
}
#viewactivity .activity ul .one .right .read {
float:left;
width: 40%;
height: 3.27rem;
text-align: right;
line-height: 3.27rem;
background:url("../images/read.png") 0 center no-repeat;
background-size: 0.8rem 0.67rem;
color:#a2a2a2;
}
#viewactivity .activity ul .one .right .Forward {
float:right;
width: 20%;
height: 3.27rem;
line-height: 3.27rem;
padding-left: 20%;
background:url("../images/Forward.png") 0 center no-repeat;
background-size: 0.8rem 0.67rem;
color:#a2a2a2;
}
#viewactivity .activity ul li .Main {
float:left;
width: 12%;
height: 3.27rem;
line-height: 3.27rem;
color:#969696;
}
#viewactivity .activity ul li .content {
float:left;
width: 88%;
height: 3.27rem;
line-height: 3.27rem;
}
#viewactivity .activity ul li .add {
background:url("/static/wx/img/common/into.png") right center no-repeat;
background-size: 0.5rem 0.8rem;
}
#viewactivity .activity ul li .money {
color:#ff7a1a;
background:url("/static/wx/img/common/into.png") right center no-repeat;
background-size: 0.5rem 0.8rem;
}
/*活动详情*/
#viewactivity .Details {
width: 100%;
margin-bottom: 0.37rem;
background:white;
}
#viewactivity .Details .tit {
width: 100%;
height: 2.97rem;
border-bottom: 0.03rem solid #f2f2f2;
}
#viewactivity .Details .tit p {
float:left;
width: 50%;
height:2.97rem;
text-align: center;
line-height: 2.97rem;
color:#a5a5a5;
}
#viewactivity .Details .tit .Left {
color:#f23a3a;
border-bottom: 0.13rem solid #f23a3a;
}
/*左边*/
.Details .leftcon {
display:none;
width: 100%;
padding-top: 1rem;
}
.Details .leftcon .con-1 {
width: 92%;
height: 7.2rem;
margin:0 4%;
border-bottom: 0.07rem dashed #f2f2f2;
}
.Details .leftcon .con-1 p {
line-height: 1.37rem;
}
.Details .leftcon .con-2 {
border:none;
}
.Details .leftcon img {
display:block;
width: 89%;
height: 13.4rem;
margin:0.4rem auto 1.2rem;
}
.Details .rightcon {
display:block;
width: 100%;
padding-top: 1rem;
}
.Details .rightcon p {
width: 92%;
margin:0 4%;
line-height: 1.37rem;
}
/*已报名*/
#viewactivity .registered {
position:relative;
width: 100%;
height: 18.97rem;
background:white;
}
#viewactivity .registered .tit {
width: 92%;
height: 2.93rem;
padding:0 4%;
border-bottom: 0.03rem solid #f2f2f2;
}
.registered .tit p {
float:left;
line-height: 2.93rem;
}
.registered .tit p:nth-child(2) {
margin-left: 3%;
color:#949494;
}
.registered .tit p:nth-child(3) {
float:right;
color:#f23a3a;
}
.registered ul {
width: 100%;
height: 13.53rem;
}
.registered ul li {
width: 92%;
height: 4.47rem;
margin:0 auto;
border-bottom: 0.03rem solid #f2f2f2;
}
.registered ul li dl {
float:left;
width: 40%;
height: 4.47rem;
}
.registered ul li dl dt {
float:left;
width: 3.17rem;
height: 4.47rem;
}
.registered ul li dl dt img {
float:left;
width: 2.43rem;
height: 2.43rem;
margin-top: 0.9rem;
border-radius: 50%;
}
.registered ul li dl dd {
padding-top:1rem;
}
.registered ul li dl dd span:nth-child(2) {
display:block;
font-size: 12px;
margin-top: 0.3rem;
color:#969696;
}
.registered ul li img {
float:right;
width: 3.27rem;
height: 3.27rem;
margin-top:0.6rem;
}
.registered .Down {
position:absolute;
bottom:0;
left:0;
width: 100%;
height: 2.4rem;
text-align: center;
line-height: 2.4rem;
color:#969696;
}
#viewactivity .End {
height: 2.43rem;
line-height: 2.43rem;
text-align: center;
}
/*评论*/
#viewactivity .comment {
width: 100%;
height: 13.13rem;
background:white;
}
#viewactivity .comment .tit {
width: 96%;
height: 2.93rem;
padding-left: 4%;
line-height: 2.93rem;
}
#viewactivity .comment .con {
width: 92%;
height: 7.67rem;
padding:0 4%;
}
.comment .con dl {
position:relative;
width: 100%;
height: 3.8rem;
border-top: 0.03rem solid #f2f2f2;
}
.comment .con dl dt {
float:left;
width: 3.17rem;
height: 3.13rem;
padding-top: 0.67rem;
}
.comment .con dl dt img {
width: 2.43rem;
height: 2.43rem;
border-radius: 50%;
}
.comment .con div dl dd {
float:left;
height: 2.43rem;
}
.comment .con dl dd .user {
height: 2.13rem;
line-height: 2.13rem;
font-size: 16px;
}
.comment .con dl dd .Leaving {
font-size: 12px;
color:#969696;
}
.comment .con dl dd .timer {
position:absolute;
top:0.3rem;
right:0;
font-size: 12px;
color:#969696;
}
/*加载更多*/
.comment .load {
width: 100%;
height: 2.5rem;
line-height: 2.5rem;
color:#969696;
text-align: center;
border-top:0.03rem solid #f2f2f2;
}
#viewactivity .say {
width: 100%;
height: 3.14rem;
padding-top: 0.73rem;
margin: 0.47rem 0;
background:white;
}
#viewactivity .say input {
display:block;
width: 84%;
height: 2.27rem;
padding: 0 4% ;
margin:0 auto;
border:none;
border-radius: 1rem;
background:#f3f3f3;
}
#viewactivity .Advertising {
width: 100%;
height: 3.1rem;
margin-bottom: 0.57rem;
background:white;
}
#viewactivity .Advertising div {
float:left;
width: 19%;
height: 2.5rem;
padding:0.6rem 0 0 4%;
}
#viewactivity .Advertising div img {
width: 2.83rem;
height: 1.9rem;
}
#viewactivity .Advertising p {
float:left;
height:3.1rem;
line-height: 3.1rem;
font-weight: bold;
}
#viewactivity .btn {
width: 100%;
height: 3.4rem;
padding-top: 0.77rem;
background:white;
}
#viewactivity .btn a {
display:block;
width: 49%;
height: 2.63rem;
margin:0 auto;
color:white;
border-radius: 5rem;
text-align: center;
line-height: 2.63rem;
background:#f23a3a;
}
/*more*/
/*内容*/
#more ul {
width: 100%;
background:white;
margin-top: 0.5rem;
}
#more ul li {
width: 92%;
height: 4.2rem;
padding:0 4%;
border-bottom: 0.03rem solid #dbdbdb;
}
#more ul li dl {
width: 100%;
padding-top: 0.83rem;
}
#more ul li dl dt {
float:left;
width: 23%;
height: 3.37rem;
}
#more ul li dl dt img {
width: 84%;
height: 2.47rem;
border-radius: 0.17rem;
}
#more ul li dl dd {
float:left;
width: 77%;
height: 3.37rem;
}
#more ul li dl dd p {
float:left;
width: 47%;
height: 2.47rem;
}
#more ul li dl dd span {
float:right;
color:#969696;
font-size: 12px;
}