@charset "utf-8";
/* CSS Document */
/*map图标颜色d81e06*/
*{margin: 0;outline: 0;padding: 0;}
html {overflow-y:scroll;}
body {font-size:16px;color:#000;font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;margin: 0px;padding: 0px;background-color: #fff;}
ul,li,img,dl,dt,dd,form{margin: 0px;padding: 0px;}
textarea{ margin:0px;padding:0px;}
input{margin:0;padding:0;}
a{text-decoration:none;color: #000;}
li{ list-style-type:none;}
img{border:0px;}
span{text-indent: 0px;}
.red{color: #FF0000;}
.green{color: #00CC00;}
.font12{font-size: 12px;color: #FFFFFF;}
.col-60{color: #606060;}
.font14{font-size: 14px;color: #333;}
.font14bold{font-size: 14px;color: #333;font-weight: bold;}
.line{border: solid 1px #abc3a9;}
.clear{clear: both;height:0px;width:100%;}
.clear2{clear: both;height: 2px;width: 100%;margin: 0px;padding: 0px;}
.clear3{clear: both;height: 3px;width: 100%;margin: 0px;padding: 0px;}
.clear4{clear: both;height: 4px;width: 100%;margin: 0px;padding: 0px;}
.clear5{clear: both;height: 5px;width: 100%;margin: 0px;padding: 0px;}
.clear6{clear: both;height: 6px;width: 100%;margin: 0px;padding: 0px;}
.clear7{clear: both;height: 7px;width: 100%;margin: 0px;padding: 0px;}
.clear8{clear: both;height: 8px;width: 100%;margin: 0px;padding: 0px;}
.clear10{clear: both;height: 10px;width: 100%;margin: 0px;padding: 0px;}
.clear15{clear: both;height: 15px;width: 100%;margin: 0px;padding: 0px;}
.clear20{margin: 0px;padding: 0px;clear: both;height: 20px;width: 100%;}
.clear30{margin: 0px;padding: 0px;clear: both;height: 30px;width: 100%;}
.clear32{margin: 0px;padding: 0px;clear: both;height: 32px;width: 100%;}
.clear40{margin: 0px;padding: 0px;clear: both;height: 40px;width: 100%;}
.clear48{margin: 0px;padding: 0px;clear: both;height: 48px;width: 100%;}
.clear50{margin: 0px;padding: 0px;clear: both;height: 50px;width: 100%;}
.clear55{margin: 0px;padding: 0px;clear: both;height: 55px;width: 100%;}
.clear56{margin: 0px;padding: 0px;clear: both;height: 56px;width: 100%;}
.clear60{margin: 0px;padding: 0px;clear: both;height: 60px;width: 100%;}
.clear70{margin: 0px;padding: 0px;clear: both;height: 70px;width: 100%;}
.clear90{margin: 0px;padding: 0px;clear: both;height: 90px;width: 100%;}
.clear120{margin: 0px;padding: 0px;clear: both;height: 120px;width: 100%;}
.clear150{margin: 0px;padding: 0px;clear: both;height: 150px;width: 100%;}
.clear180{margin: 0px;padding: 0px;clear: both;height: 180px;width: 100%;}
.clear240{margin: 0px;padding: 0px;clear: both;height: 240px;width: 100%;}
.clearbg10{clear: both;height: 10px;width: 100%;margin: 0px;padding: 0px;background-color:#f2f2f2;}
.clearbg5{clear: both;height: 5px;width: 100%;margin: 0px;padding: 0px;background-color:#f2f2f2;}
.topclearbg2{clear: both;height: 3px;width: 100%;margin: 0px;padding: 0px;background-color:#f2f2f2;}
.clearbg10{clear: both;height: 10px;width: 100%;margin: 0px;padding: 0px; background-color:#f5f5f5;}
.clearbg5{clear: both;height: 5px;width: 100%;margin: 0px;padding: 0px; background-color:#f1eff2;}
.clearbg6{clear: both;height: 6px;width: 100%;margin: 0px;padding: 0px; background-color:#f1eff2;}
.clearbg62{clear: both;height: 62px;width: 100%;margin: 0px;padding: 0px; background-color:#f1eff2;}
.f_l {float:left;}
.f_r {float:right;}
.m_r6{margin-right:6px;}
.fontxiadan{ color:#999999; font-size:14px;}
.fontdt{color:#51b27d;}
.fontzt{color:#f33f31;}
.warp{padding: 0px;max-width: 640px;margin: 0px auto 0px auto; width:100%;}
/*首页*/
.club-top{ width:100%; height:30px; max-width:640px; line-height:30px; text-align:center; font-size:18px; font-weight:bold; padding:10px 0px; border-bottom:1px solid #f2f2f2; position:fixed; top:0px; background-color:#FFFFFF; z-index:999;}
.club-top span.back{ width:60px; position:absolute; left:0px; height:50px;}
.club-top span.back img{ width:20px; height:20px; margin-top:6px;}
.toast{ width:120px; height:40px; line-height:40px; text-align:center; font-size: 16px; color:#FFFFFF;background-color:rgba(0,0,0,0.7);position:fixed; top:45%; left:calc(50% - 60px); border-radius:3px; display:none; z-index:999999;}
.club-gg{width:calc(100% - 30px); height:50px; line-height:50px;border-bottom:1px solid #f2f2f2; margin:auto;}
.club-gg .title{ float:left; width:80px; text-align: right; color:#000000; font-weight:bold;}
.club-gg .title img{ width:25px; height:25px; vertical-align:middle; margin-top:-3px;margin-right:3px;}
.club-gg .text{ float:right; width:calc(100% - 80px);}
.club-jx{width:calc(100% - 30px); height:50px; line-height:50px; margin:auto;}
.club-jx .title{ float:left; width:80px; text-align: right; color:#000000; font-weight:bold;}
.club-jx .title img{ width:25px; height:25px; vertical-align:middle; margin-top:-3px; margin-right:3px;}
.club-jx .club-swiper{ float:right; width:calc(100% - 80px);}
.club-swiper .swiper-container { width: 100%; height: 50px; }
.club-swiper .swiper-container  a {text-decoration:none;display:block;height: 50px; line-height: 50px;overflow:hidden;color: #000000;}
.club-swiper .swiper-slide { height: 50px; line-height: 50px;overflow:hidden; }

.club-nav{ width:100%; background-color:#cbdefc; padding-top:5px; height:40px; line-height:40px;}
.club-nav ul{width:100%; height:40px; line-height:40px; margin:0px; padding:0px;}
.club-nav ul li{ width:50%; float:left; text-align:center; font-size:18px; font-weight:bold;}
.club-nav ul li.on{ background-color:#FFFFFF; color:#333;}

.club-pz-nav{ width:calc(100% - 20px); padding:0px; margin:0px; height:40px; line-height:40px;}
.club-pz-nav ul{ width:100%; padding:0px; margin:0px;}
.club-pz-nav ul li{ width:calc(20% - 10px); margin:0px 5px; text-align: center; float:left; background-color:#f6f6f6; color:#a4a4a4; border-radius:20px;}
.club-pz-nav ul li.on{ color:#fff; background-color:#1379ff;}

/*list*/
.club-list{width:100%;padding:0px; margin:0px;}
.club-list-box{ width:calc(100% - 30px); padding:0px; margin:0px auto;}
.club-list-box .zhutie{ width:100%; padding:0px; margin:0px;border-bottom:1px solid #f2f2f2;}
.club-list-box .zhutie .userinfo{ width:100%; height:60px; padding:10px 0px;}
.header{ width:70px; height:60px; float:left;}
.header img{ width:60px; height:60px; border-radius:50%;}
.plheader{ width:70px; height:60px; float:left; text-align:center;}
.plheader img{ width:40px; height:40px; border-radius:50%;}
.club-list-box .zhutie .userinfo .info{width:calc(100% - 80px); height:60px;float:left;}
.club-list-box .zhutie .userinfo .boxpush{ width:60px; float:right; text-align:right; height:30px; padding-top:20px;}
.club-list-box .zhutie .userinfo .boxpush img{ width:25px; height:25px;}
.font-name{ font-weight:bold; padding-top:10px;}
.font-date{ font-size:14px; color:#999999;}
.font-rname{color:#206cce;}
.club-list-box .zttitle{ width:100%; line-height:30px; height:auto;/*word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; */}
.imgone,.imgtwo,.imgthree{ width:100%;}
.imgone img{ width:70%; height:auto; max-height:500px; border-radius:10px;}
.imgtwo img{ width:calc(50% - 10px); height:180px;border-radius:10px; margin:0px 5px; float:left;}
.imgthree img{width:calc(33.3% - 8px); height:120px;border-radius:10px; margin:0px 4px; float:left;}
.club-list-box .zhutie .action{ width:100%; height:40px}
.club-list-box .zhutie .action span{background-repeat: no-repeat;background-size: 20px 20px;background-position: left center; padding-left:21px;}
#likes{margin-right:15px;background-image: url(club/likes.png);}
#likes.on{margin-right:15px;background-image: url(club/likes-on.png);}
#hates{margin-right:15px;background-image: url(club/hates.png);}
#hates.on{margin-right:15px;background-image: url(club/hates-on.png);}
#award{margin-right:15px;background-image: url(club/award.png);}
#comment{ float:right;background-image: url(club/comment.png);}
.club-list-box .zhutie .action span i{font-style: normal;}
.lccomment{ width:100%; padding:0px; margin:0px;}
.club-list-box .zhutiereply{ width:100%; margin:0px; padding:0px;}
.club-list-box .reply-tishitext{ width:calc(100% - 20px); background-color:#f4f4f4; padding:5px 10px; color: #666666; border-radius:5px;}
.sendtiezi{ position:fixed; bottom:30%; right:10px; z-index:999;}
.sendtiezi img{ width:60px; height:60px;}
/*louceng*/
.club-lc{ width:100%; padding:0px; margin:0px;}
.club-lc-r{width:calc(100% - 70px); float:right; border-bottom:1px solid #f2f2f2;}
.club-lc-r .name{ width: 100%; padding:0px; margin:0px; height:30px;}
.club-lc-r .name span{ float:right;}
.rcontent{ width:100%; line-height:26px; position:relative;}
.rcontent .raction{ position:absolute; right:0px; bottom:0px;}
.rcontent .raction .reply{ color:#206cce; font-size:15px;}

.reply-count{ width:100%; height:50px; line-height:50px; text-align:right; color:#206cce; clear:both;}

#rlikes{margin-right:15px;background-image: url(club/likes.png);background-repeat: no-repeat;background-size: 18px 18px;background-position: left center; padding-left:21px; margin-left:15px;}
#rlikes.on{margin-right:15px;background-image: url(club/likes-on.png);background-repeat: no-repeat;background-size: 18px 18px;background-position: left center; padding-left:21px;}

.rcontentmore{width:100%; line-height:26px; padding:3px 0px;}

/*打赏*/
.award-main{ width:100%; height:100%; position:fixed; top:0px; z-index:99999;background-color:rgba(0,0,0,0.5); display:none;}
.award-body{ width:100%; position:absolute; bottom:0px; background-color:#f5f5f5; }
.award-body .title{ width:100%; height:50px; line-height:50px; text-align: center; border-bottom:1px solid #f2f2f2;}
.award-body .title i{ color:#6c9de7; font-style:normal;}
.award-body .title span.close{ float:right; font-size:20px; color:#666666; padding:0px 20px;}
.award-choose{width:100%; margin:0px; padding:0px;}
.award-choose ul{width:calc(25% - 12px); height:80px; background-color:#FFFFFF; margin-left:8px; margin-top:8px; float: left; border-radius:5px; border:1px solid #fff;}
.award-choose ul.on{border:1px solid #ff8a26;}
.award-choose ul li{ width:100%; padding:0px; margin:0px; text-align:center;}
.award-choose ul li.img{ padding-top:15px;}
.award-choose ul li.text{padding-top:3px;}
.award-choose ul li.text i{ color:#0e1ffc; font-style: normal; margin-right:3px;}
.award-submit{width:calc(100% - 16px); height:50px; line-height:50px; background-color:#5890ff; color:#fff; text-align:center; margin:auto; border-radius:5px; font-size:18px;letter-spacing: 3px;} 
/**/
.reply-main{ width:calc(100% - 30px); margin:20px auto; background-color:#fff; border-radius:5px; border:1px solid #07c160; }
.reply-main .reply-text{ width:100%; margin:0px; padding:0px;}
.reply-main .reply-text .content-input{ width:calc(100% - 10px);padding:5px; border:none; outline:none; height:120px;}
.reply-main .reply-send{width:100%; height:32px; text-align:right; padding: 0px;}
.btn_g{padding:5px 15px; background-color:#07c160; color:#FFFFFF; margin-right:10px; border-radius:5px; border:none; outline:none;}

.index-reply-send{ position:fixed; background-color:#ededed; width:100%; bottom:0px; left:0px; display:none; z-index:99999;}
.index-reply-main{ width:calc(100% - 30px); margin:10px auto; background-color:#fff; border-radius:5px; border:1px solid #07c160; }
.index-reply-main .reply-text{ width:100%; margin:0px; padding:0px;}
.index-reply-main .reply-text .content-input{ width:calc(100% - 10px);padding:5px; border:none; outline:none; height:120px;}
.index-reply-main .reply-send{width:100%; height:32px; text-align:right; padding: 0px;}
.index-reply-send .reply-close{width:calc(100% - 20px); text-align:right; padding:10px 20px 0px 0px; color:#666666;}

/*发布页*/
.clubadd-top{ width:100%; max-width:640px;  height:30px; line-height:30px; text-align:center; font-size:18px;  padding:10px 0px; position:fixed; top:0px; background-color:#1677ff; z-index:999; color:#FFFFFF;}
.clubadd-top span.back{ width:60px; position:absolute; left:0px; height:50px;}
.clubadd-top span.back img{ width:20px; height:20px; margin-top:6px;}
.clubadd-top span.share{ width:60px; position:absolute; right:0px; height:50px;}
.clubadd-top span.share img{ width:20px; height:20px; margin-top:6px;}
.clubadd-main{ width:calc(100% - 30px); margin:auto;}
.clubpzchoose{ width:100%; padding:0px; margin:0px; height:50px; line-height:50px; border-bottom:1px solid #f2f2f2;}
.clubpzchoose span{ margin-right:10px;}
.clubpzchoose span.pz{ padding:2px 5px;}
.clubpzchoose span.on{ background-color:#1677ff; border-radius:3px; color:#FFFFFF;}

.clubjfchoose{width:100%; padding:0px; margin:0px; height:50px; line-height:50px; border-bottom:1px solid #f2f2f2;}
.clubjfchoose span{ margin-right:10px;}
.clubjfchoose span.jf{ padding:2px 5px;}
.clubjfchoose span.on{ background-color:#1677ff; border-radius:3px; color:#FFFFFF;}

.clubtext{ width:100%; padding:10px 0px; margin:0px;}
.clubtext .content-input{ width:calc(100% - 10px);padding:5px; border:none; outline:none; height:120px; font-size:16px; line-height:28px;}
.clubimagesadd{ width:100%; margin:0px; padding:0px;}
.div-clubsend{ width:100%; background:#1677ff; height:40px; line-height:40px; text-align:center; color:#FFFFFF; border:none; outline:none; border-radius:5px; font-size:18px;}
.clubsend-back{width:calc(100% - 2px); height:40px; line-height:40px; text-align:center; color:#1677ff; border:1px solid #1677ff; border-radius:5px; font-size:18px;}

.clubtitle{width:100%; padding:0px; margin:0px; height:50px; line-height:50px; border-bottom:1px solid #f2f2f2;}
.clubtitle span{ margin-right:10px;}
.clubtitle-input{width:calc(100% - 100px); height:46px; line-height:46px;border:none; outline:none; font-size:18px;}
.clubnei-content{width:100%; margin:0px; padding:0px; line-height:32px; font-size:18px;}
.clubnei-content img{max-width:100%; height:auto;}
.clubnei-content p{ margin-top:15px;}
.clubnei-title{width:100%; padding:5px 0px;border-bottom:1px solid #f2f2f2; font-size:22px; font-weight:bold; line-height:32px;}
.noreply{ width:100%; text-align:center; text-align:center; color:#CCCCCC; padding-top:20px;}
.clubnei-tishi{ width:100%; text-align:center; padding:20px 0px;}
.clubnei-pay{ width:100%; text-align:center; padding:20px 0px;}
.clubnei-pay span{ padding:5px 20px; color:#FFFFFF; background-color:#1677ff; border-radius:5px;}
/*fee*/
.feemain{ width:100%; height:100%; position:fixed; top:0px; z-index:99999;background-color:rgba(0,0,0,0.5); display:none;}
.feemain-tishi{ width:80%; position:absolute; top:40%; left:10%; background-color:#fff; height: auto; border-radius:15px;}
.feemain-tishi-title{ width:100%; padding:15px 0px 0px 0px; text-align:center; font-size:18px;}
.feemain-tishi-text{ width:calc(100% - 20px); padding:5px 10px; margin:0px;text-align:center; color: #333333;}
.feemain-tishi-choose{width:100%;  padding:5px 0px 0px 0px; margin:0px; text-align:center; font-size:13px; color:#666666;}
.feemain-tishi-submit{width:100%; padding:10px 0px; height:30px;}
.feemain-tishi-submit li{width:50%;float:left; text-align:center;}
#submittrue span { padding:2px 8px; background-color:#1677ff; color:#FFFFFF;border:1px solid #1677ff; border-radius:5px;}
#submitfalse span { padding:2px 8px; border:1px solid #999999; border-radius:5px;}
/*foot*/
.foot{position:fixed;bottom:0px; width:100%; max-width:640px;height: auto; z-index:9999; background-color:#FFFFFF; border-top:1px solid #f5f5f5; padding:10px 0px;}
.foot ul{ width:20%; float:left; margin:0px; padding:0px;}
.foot ul li{ width:100%; text-align:center; font-size:15px;}
.foot ul li.pic img{ width:25px; height:25px;}
.foot ul li.on{ color:#1879fe;}
.foot ul li.on a{ color:#1879fe;}


.weui-uploader__input {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 79px;
    height: 79px;
    opacity: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.weui-uploader__bd{ width:100%; padding:10px 0px;}
.weui-uploader__bd ul{ padding:0px; margin:0px;}
.weui-uploader__bd ul li{ float:left; width: calc(20% - 5px); margin-right:5px; height:79px;background-repeat: no-repeat;background-size: 100% 79px;}
.weui-uploader__input-box {
    float: left;
    position: relative;
    margin-right: 9px;
    margin-bottom: 9px;
    width: 77px;
    height: 77px;
    border: 1px solid #D9D9D9;
}
.weui-uploader__input-box:after {
    width: 39.5px;
    height: 2px;
}
.weui-uploader__input-box:before {
    width: 2px;
    height: 39.5px;
}
.weui-uploader__input-box:before, .weui-uploader__input-box:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #D9D9D9;
}

.weui-uploader__file{ position:relative;}
.weui-uploader__file .del{
	width:30px;
	height:30px;
	position:absolute;
	right:0px;
	top:0px;
	background-image: url(club/imgdel.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px 25px;
}

/*credit*/
.credit-top{ width:calc(100% - 30px); margin:15px auto; padding:30px 0px; background-color:#1677ff; text-align: center; color:#FFFFFF; border-radius:10px; font-size:16px; line-height:32px;}
.credit-list{width:calc(100% - 30px); margin:auto;}
.credit-list .credit-box{ width:100%; padding:10px 0px; margin:0px; border-bottom:1px solid #f2f2f2; }
.credit-list .credit-box .credit-info{ line-height:30px;}
.credit-list .credit-box .credit-info span{ float:right; color: #0066CC; font-size:14px;}
.credit-list .credit-box .credit-info span.red{ color:#FF0000;}
.credit-list .credit-box .credit-info span.green{ color: #00CC00;}
.credit-list .credit-box .credit-time{ font-size:14px; color:#999999;}