@charset "utf-8";

/*---slider--*/
.page-slider{width:180px;border:1px solid #e6e8e9}
.page-slider li{border-bottom:1px solid #eceff0;font-size:14px;margin-bottom:-1px;text-align:center;list-style:none}
.page-slider li a{display:block;line-height:59px;}
.page-slider li .nav{color:#ee0000;border-left:2px solid #ee0000;line-height:59px}
.page-slider li a:hover{color:#e2395a}
.page-body{width:640px}
.page-body-wide{width:790px;margin-left:20px;border:1px solid #e6e8e9}
.page-record{width:74%}
.page-activity{width:820px;padding:20px;border:1px solid #e6e8e9}
.page-activity-slider{width:200px;border:1px solid #e6e8e9}
.page-list-aside{width:250px;padding:20px;border:1px solid #e6e8e9}
.page-content{padding:20px;border:1px solid #e6e8e9}
.page-manage{text-align:center;line-height:56px;border-left:1px solid #e6e8e9;border-right:1px solid #e6e8e9;border-bottom:1px solid #e6e8e9}
.page-manage a{padding:8px 15px;border:1px solid #ccc;border-radius: 15px;margin-right:20px}
.page-manage a:hover{background-color:#d80c18;border-color:#d80c18;color:#fff;text-decoration: none}

/*activity list*/
.list-sortby{background:#fff;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;height:40px;margin:0 0 15px 0}
.list-sortby a{border-right:1px solid #eaeaea;color:#999;display:inline-block;height:40px;line-height:40px;padding:0 20px}
.list-sortby a.nav,.list-sortby a:hover{background:white;text-decoration:none;color:#ee0000}
.list-sortby .pub a{border-left:1px solid #eaeaea;border-right:none}

.activity-wrapper{width:100%;overflow:hidden}
.activity-list li {
	list-style:none;
}
.activity-list{width:1020px;overflow:hidden;position:relative;margin-right:-20px}
.activity-list li {
	width:320px;
	overflow:hidden;
	margin-bottom:20px;
	float:left;
	margin-right:20px;
}

.activity-photo{position:relative;width:100%;height:200px;overflow:hidden}
.activity-status {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    text-align: center;
    padding: 0 5px;
    height: 22px;
    width: 54px;
    line-height: 22px;
    color: #fff;
}
.activity-end {
    background: #eee;
	color:#666
}
.activity-in {
    background: #e13d46;
}
.activity-prepub {
    background: #ffb933;
}

.activity-info{border-left:1px solid #ededed;border-right:1px solid #ededed;border-bottom:1px solid #ededed}
.activity-list .item-info{padding:12px}
.activity-list .f3{height:28px;line-height:25px;overflow:hidden;font-weight:100;font-size:16px;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;-o-text-overflow:ellipsis}
.activity-list .f3 font{font-size:12px}
.activity-list .f3 a{color:#2a2a2a}

.activity-list img {opacity: 0.95;min-height:200px}
.activity-list a:hover img{opacity: 1;}

.activity-list .des{line-height:24px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;-o-text-overflow:ellipsis}
.activity-list .extra-info {background:#f9f9f9;border-top:1px dotted #ddd;width:100%}

.num-info{display:inline-block;width:30%;line-height:18px;padding:8px 0}
.num-info em{display:inline-block;width:100%;font-style:normal;color:#333;font-size:14px;font-weight:500;text-align:center}
.num-info .info-name{line-height:18px;color:#999;font-size:12px;font-weight:400}
.info-hasnum{width:40%;text-align:center}

/*content*/
.activity-view{width:998px;height:245px;border:1px solid #e6e8e9;overflow:hidden}
.activity-view-pic{width:360px;height:245px;overflow:hidden}
.activity-view-info{width:638px;height:245px;overflow:hidden;font-size:14px}
.activity-view-top{padding:20px 25px 5px 25px}.activity-view-top font{color:#666;font-size:12px}
.activity-view-info h2{
    height:25px;
    line-height:20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.activity-view-info p{margin:15px 0}
.activity-view-bottom .a-s{float:left;border-top:1px solid #eee;border-right:1px solid #eee;width:126px;height:55px;padding:5px 0 0 25px;line-height:24px;font-size:12px}
.activity-view-bottom span{display:block;font-size:16px;font-weight:400}
.activity-view-bottom .a-bs{float:left;width:182px;height:60px}
.activity-view-bottom .a-bs a{width:100%;height:60px;line-height:60px;color:#fff;text-align:center;display:block}
.activity-view-bottom .a-bs a.in{background-color:#e64562}.activity-view-bottom .a-bs a.end{background-color:#bebdbd}
.activity-view-bottom .a-bs a.t{background-color:#ffb933}
.activity-view-bottom .a-bs a:hover{text-decoration:none}
.activity-view-bottom .a-g{width:97px}.activity-view-bottom .a-bs-g{width:134px}

.point-name{height:32px;border-bottom:1px #eee solid;margin-bottom:-1px}
.point-name span{width:80px;height:30px;font-weight:300;font-size:16px;display:inline-block;text-align:center}
.point-name span.passed-name{border-bottom:3px #ee0000 solid}
.point-name span.joined-name{margin-left:20px}
.point-name span a:hover{text-decoration:none}
.point-list li{width:100%;overflow:hidden;margin-top:20px;border-bottom:1px solid #eceff0}
.point-list li:last-child{border-bottom:none}
.point-list li a{font-size:14px;line-height:18px}.point-list li p{margin:10px 0 15px 0;line-height:22px;color:#999}

.author{margin-top:20px;width:100%;font-size:14px;line-height:24px}
.avatar{width:50px;height:50px;float:left;margin-right:10px;}
.avatar img{width:50px;height:50px;border-radius:50px}

.psth{margin-top:2em;padding:15px 0;width:100%;font-size:16px;color:#fff;text-align:center}
.psth-blue{background-color:#d80c18}
.psth-sky{background-color:#ffb933}
.psth-pink{background-color:#ffb933}
.psth-brown{background-color:#d80c18}
.dt{width:100%;font-size:12px;border-left:1px solid #eee;border-right:1px solid #eee}
.dt th{background:#F2F2F2;font-weight:400;text-align:left}
.dt td.calculus{color:#FF3300}
.dt td,.dt th{margin:0;border-bottom:1px solid #eee;padding:5px 10px;line-height:28px}


/*list-wrapper*/
.list-wrapper dl{width:100%;padding:25px 0;border-bottom:1px dashed #ddd;overflow:hidden}
.list-wrapper dt{font-size:18px;line-height:26px;margin-bottom:10px}
.list-wrapper dt a{color:#333}
.list-wrapper dt a:hover{color:#e2395a;text-decoration:none}
.s-pic{float:left;margin-right:15px;height:115px;overflow:hidden}
.s-pic img{vertical-align:top;min-height:125px}
.g-pic{margin-top:10px;height:140px;overflow:hidden}
.g-pic img{vertical-align:top;min-height:140px;margin-right:3px}
.brief{margin-top:20px;font-size:14px;line-height:26px;color:#999}
.list-head{font-size:14px}.list-head span{margin-right:18px}


.page-list-aside .aside-btn{width:100%;height:45px;line-height:45px;text-align:center;font-size:14px;color:#fff;margin-bottom:15px;display:block}
.page-list-aside .aside-btn:hover{ text-decoration:none}
.post-btn{background:#ff6458}.help-btn{background:#fd9e00}.my-pub{background:#fafafa;margin-top:2px}

/*item*/
.floor{border-top:1px solid #ddd}.floor img{border-radius:4px}
.floor-left{width:120px;vertical-align:top;}
.floor-right{vertical-align:top;padding:20px 0}
.item-title,.floor-comment-top{border-bottom:1px dashed #ddd;padding:2px 0 12px}
.item-title .post-num{float:right;color:#999;margin-top:5px}
.post-date{margin-left:15px}
.item-title .pipe,.item-time .pipe{margin:0 10px}
.item-time{margin-top:15px}
.item-main{clear:both;margin-top:25px;font-size:14px;line-height:24px;color:#333}
.item-main img{max-width:640px}
.floor-user{padding:20px 0}
.floor-name{margin-top:5px}


/*comment*/
.page-comment{margin-top:20px;padding:20px;border:1px solid #e6e8e9}
.comment-box{margin-top:20px}
.reply-text{margin-bottom:3px;border:1px solid #e4e4e4;background:#fbfbfb;padding:5px;width:99%;width:calc(100% - 12px);height:70px;resize:none;overflow:auto;font:14px Tahoma, Geneva, sans-serif;color:#333}
.reply-sub-text{width:98%}
.error{border-color:#E77776;box-shadow:0 0 3px #f5a7a7}
.replyManage{margin-left:10px}
.msg-count{margin:5px 0 0 8px}
.msg-count em{font-style:normal}

#floor-box{margin-top:40px}
#floor-count{display:none}
.floor-comment-top b{float:right}
.floor-comment{width:520px;margin:10px 0;font-size:14px;line-height:24px;color:#333}
.floor-right{position:relative;padding-bottom:60px}
.floor-manage{position:absolute;bottom:10px}

.floor-reply dl{width:480px;padding:15px;background-color:#fbfbfb;border:1px dashed #ddd;overflow:hidden;margin-top:10px;overflow:hidden}
.floor-reply dl dt{float:left;margin-right:15px}
.floor-reply dd{float:left;width:410px}
.reply_user,.reply_time{display:block}
.reply_user{line-height:20px}
.reply_time{margin-top:10px}
.floor-reply-post{display:none;width:510px;margin-top:15px}


/*jifen*/
.jf-box{width:365px;margin-top:20px;margin-left:20px;display:inline-block;float:left}
.ic_container{
    vertical-align:baseline;
    position:relative;
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
	cursor:pointer;
    position:absolute;
    opacity:0.7;
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
p.ic_category{padding:10px 10px 0 10px;margin:0}

.ic_category span{font-size:14px;color:#e2395a}
.ic_caption h3{
    padding:10px;
    margin:0px;
    font-size:16px;
}
.ic_text{
    padding:5px 10px;
	line-height:22px;
    margin:0px;
    text-align:justify;
}


.score-box{width:799px;font:12px 'microsoft yahei';background-color:#fff;color:#3F3F3F;padding:20px}
.score-box h1{margin:0;font-size:16px;font-weight:normal;line-height:26px}
.score-box .score-button{margin-top:12px}
.score-box .btn-score{display:inline-block;color:white;font-size:18px;padding:13px 35px;background:#F85482;-moz-border-radius:5px;border-radius:5px;text-decoration:none}
.score-box .btn-score:hover{background:#ea3c6d}
.score-box .btn-dark{background:#ddd;color:#666}
.score-box .btn-dark:hover{background:#ddd}
.score-photo{float:left;width:320px;height:210px}
.score-info{float:right;width:450px}.jf-info p{margin:0;margin-top:5px;line-height:24px}
.score-info span{font-size:18px;margin-right:3px}
.score-content{margin-top:15px;background-color:#F0F0F0;line-height:24px;padding:20px}
.score-content h3{font-size:14px;font-weight:normal;margin:0;height:34px}
.getnum{width:30px;padding:3px;border:1px solid #ddd;color:#333;font:11px Arial}

@media screen and (max-width: 765px) {
	.block{width:100%}
	.page-slider{display:block;width:100%}
	.page-body{width:100%;margin-left:0;border-left:0;border-right:0}
	.page-content{width:calc(100% - 30px);padding:20px 15px;border-left:0;border-right:0}
	.list-wrapper dl{width:calc(100% - 30px);padding:20px 15px;}


.floor-reply dl{width:calc(100% - 30px)}.floor-reply dd{width:100%}
#logo,.search,.position,.post-num,.item-time,.floor-left,.floor-reply dl dt,.page-content-slider{display:none}
}

.wish{
    width: 978px;
    padding-top:30px;
}
.wish-box {
    width: 425px;
    border: 1px solid #e8e8e8;
    background-color: #fafafa;
    float: left;
    padding: 20px;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 20px;
    transition: .5s;
}
.wish .wish-box:nth-child(even){
    margin-right: 0;
}

.wish-box:hover {
    box-shadow: 0 0 20px rgba(204, 0, 0, 0.3);
}
.wish-box a:hover{
    text-decoration: none;
}

.wish-box .titless {
    color:#333;
    font-size: 16px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 52px;
}
.wish-box .timess {
    padding: 20px 0;
}
.wish-box .timess .time {
    color: #999;
    font-size: 15px;
    line-height: 23px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wish-box .timess .types {
    float: right;
    font-size: 15px;
    color: #ffffff;
    padding: 4px 10px;
    border-radius: 12px;
    line-height: 1;
}
.wish-box .timess .types.green {
    background-color: #4bc665;
}

.wish-box .timess .types.red {
    background-color: #ff7461;
}

.wish-box .location {
    padding-left: 24px;
    height:18px;
    line-height: 20px;
    background: url(../image/icon-index-local.png) no-repeat left center;
    font-size: 15px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.time_boxs {
    margin-top: 30px;
}
.time_boxs label {
    width:80px;
    display: inline-block;
    text-align: justify;
    text-align-last: justify;
    font-size: 15px;
    margin-right: 10px;
    font-weight: 700;
    color:#333;
}
.time_boxs .times {
    font-size: 15px;
    line-height: 20px;
    padding-top: 1px;
}

.bottom-opts {
    margin-top: 50px;
    margin-bottom:10px;
}
.task-btn.light-orange {
    width: 260px;
    height:52px;
    line-height: 52px;
    background: #e64562;
}
.task-btn.light-cancel {
    width: 160px;
    height:52px;
    line-height: 52px;
    background: #bebdbd;
    margin-right:10px;
}
.task-btn.light-feedback,.task-btn.light-green {
    width: 220px;
    height:52px;
    line-height: 52px;
    background: #4bc665;
}
.task-btn.dark-orange {
    width:100%;
    height: 48px;
    line-height: 48px;
    background: #ff9900;
    margin-bottom:20px;
}
.task-btn {
    display: inline-block;
    font-size:16px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
}
.task-btn:hover{
    text-decoration: none;
}