@charset "utf-8";
body{background-color:#fff;}

/* 社区首页 */
.community-home-top{padding:12px 10px; background-color:#fff;}
.community-home-top .swiper-container{border-radius:8px;}
.community-home-top .swiper-container .swiper-slide img{width:100%; max-height:220px;}
.community-home-top .swiper-container .swiper-pagination{line-height:0; text-align:right; bottom:8px; padding-right:10px; box-sizing:border-box;}
.community-home-top .swiper-container .swiper-pagination span{width:10px; height:10px; background-color:#fff; opacity:1; border-radius:14px; transition:0.3s; margin:0 3px;}
.community-home-top .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background-color:#ff9900;}
.community-home-top{border-bottom:0.16rem solid #f1f1f1;}

.community-home-top .link-box{line-height:0; padding-top:12px; display:flex;}
.community-home-top .link-box a{flex:1; text-align:center;}
.community-home-top .link-box a i{width:0.8rem; height:0.8rem; background:url(../images/public_img.png) no-repeat; background-size:2.69rem; display:inline-block;}
.community-home-top .link-box a .icon-1{background-position:0 -0.9rem;}
.community-home-top .link-box a .icon-2{background-position:-0.81rem -0.9rem;}
.community-home-top .link-box a .icon-3{background-position:-1.62rem -0.9rem;}
.community-home-top .link-box a p{font-size:16px; color:#000;}

.set-top-box{background-color:#fff; border-bottom:0.16rem solid #f1f1f1; padding:0.16rem 6px; position:relative; display:flex; align-items:center;}
.set-top-box .title{width:0.8rem; height:0.8rem; background:url(../images/public_img.png) no-repeat -0.99rem -1.71rem; background-size:2.69rem; flex:none;}
.set-top-box ul{flex:1; overflow:hidden; margin-left:0.05rem;}
.set-top-box li{margin-top: 0.08rem;position:relative;}
.set-top-box li a{color:#000; font-size:14px; line-height:20px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; display:block; margin-left:48px;}
.set-top-box li span{color:#fff; padding:2px 8px; border-radius:3px; background:#ff9900; background:linear-gradient(to right, #ff9800, #ff7300); margin-right:4px; position:absolute; left:0; font-size:14px;}  

.posts-list-box{background-color:#fff;min-height: 3.8rem;}
.posts-list-box .posts-list-head{border-bottom:1px solid #f1f1f1;padding:0.15rem 10px;display:flex;align-items:center;justify-content:space-between;z-index:11;position: relative;}
.posts-list-box .posts-list-head.no-flex{display:block; text-align:center; border:none; position:relative;}
.posts-list-box .posts-list-head .title{font-size:18px; color:#000; line-height:1em; flex:none;}
.posts-list-box .posts-list-head.no-flex .title{display:inline-block;}
.posts-list-box .posts-list-head.no-flex:before,.posts-list-box .posts-list-head.no-flex:after{content:''; height:1px; width:calc(50% - 45px); background:#f1f1f1; position:absolute; top:0; bottom:0; margin:auto;}
.posts-list-box .posts-list-head.no-flex:before{left:0;}
.posts-list-box .posts-list-head.no-flex:after{right:0;}

.posts-list-box .posts-list-head .border-title{padding-left:8px; border-left:3px solid #ff9900; font-size:16px;}
.posts-list-box .posts-list-head .choose-box a{color:#999; font-size:14px; padding-left:8px;}
.posts-list-box .posts-list-head .choose-box a.on{color:#000;}
.posts-list-box .posts-list-head .sort{flex:none; color:#999; font-size:16px; padding-right:15px; position:relative;}
.posts-list-box .posts-list-head .sort:after{content:''; width:11px; height:7px; background:url(../images/public_img.png) no-repeat -243px -101px; position:absolute; right:0; top:3px; bottom:0; margin:auto; transition:0.3s ease-in-out;}
.posts-list-box .posts-list-head .sort ul{position:absolute; right:0; top:24px; background-color:#fff; border:1px solid #e5e5e5; padding:5px 0.2rem; border-radius:5px; box-shadow:0 3px 6px rgba(153,153,153,0.15); display:none;}
.posts-list-box .posts-list-head .sort:hover ul{display:block;}
.posts-list-box .posts-list-head .sort:hover:after{transform:rotate(-180deg);}
.posts-list-box .posts-list-head .sort ul:before{content:''; width:0.2rem; height:0.1rem; background:url(../images/public_img.png) no-repeat -2.43rem -0.9rem; background-size:2.69rem; position:absolute; top:-0.1rem; right:25%;}
.posts-list-box .posts-list-head .sort ul li{padding:0.12rem 0; border-bottom:1px solid #e5e5e5;}
.posts-list-box .posts-list-head .sort ul li:last-child{border:none;}
.posts-list-box .posts-list-head .sort ul a{display:block; width:4em; font-size:16px; color:#999;}

.posts-list{padding:0 10px;}
.posts-list .posts-box,.posts-list .notice-box{-webkit-animation:opacityThis 0.3s linear; animation:opacityThis 0.3s linear;}
.posts-list.load-list{display:none;}
.posts-list.active{display:block;}
.posts-list .posts-box{border-bottom:1px solid #f1f1f1; padding:15px 0;}
.posts-list .posts-box.no-border{border:none;}
.posts-list .posts-head{display:flex; align-items:center;}
.posts-list .posts-head .user-pic{width:0.9rem; height:0.9rem; flex:none;}
.posts-list .posts-head .user-pic img{width:100%; height:100%; border-radius:50%;}
.posts-list .posts-head .posts-info-box{flex:1; overflow:hidden; padding:0 0.1rem;}
.posts-list .posts-head .posts-info-box .user-info .user-name{color:#333; font-size:16px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; max-width:8em; display:inline-block;}
.posts-list .posts-head .posts-info-box .user-info .level{color:#fff;background:#ff9900;background:linear-gradient(to right, #ff9800, #ff7300);padding:3px 7px;font-size:12px;vertical-align:top;line-height:1em;display:inline-block;border-radius:4px;text-shadow:1px 1px 1px #f8a518;margin-left: 5px;}
.posts-list .posts-head .posts-info-box .user-info .level.manager{background:#fd404c;background:linear-gradient(to right, #ff6f6a, #fd404c);}
.posts-list .posts-head .posts-info-box .time{color:#999; font-size:14px; padding-top:0.08rem; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.posts-list .posts-head .opera-box{flex:none;}
.posts-list .posts-head .opera-box a{display:inline-block;}
.posts-list .posts-head .opera-box .btn-menu{width:25px; height:25px; background:url(../images/public_img.png) no-repeat -243px -236px;}
.posts-list .posts-head .follow{background:#ff9900; background:linear-gradient(to right, #ff9800, #ff7300); font-size:14px; color:#fff; padding:5px 15px; border-radius:15px; box-sizing:border-box;}
.posts-list .posts-head .followed{color:#999; background:transparent; padding:4px 7px; border:1px solid #999;}
.posts-list .posts-head .reply{font-size:14px; border-radius:15px; color:#fff; background:#468cff; background:linear-gradient(to right, #4fa6ff, #468cff); padding:4px 14px;}
.posts-list .posts-title{font-size:16px; color:#000000; padding:0.15rem 0; line-height:22px;}
.posts-list .posts-box a p{color:#666; font-size:14px;}
.posts-list .posts-images{display:flex;flex-wrap:wrap;}
.posts-list .posts-images .images-box{flex:0 0 32%; margin-right:2%; margin-bottom:0.1rem; height:0; padding-bottom:32%; overflow:hidden; position:relative;}
.posts-list .posts-images .images-box:nth-of-type(3n+3){margin-right: 0;}
.posts-list .posts-images .images-box img{position:absolute;top:0;left:0;/* min-height:100%; */width: 100%;border-radius: 5px;}
.posts-list .posts-bottom{display:flex; justify-content:space-between; padding-top:5px;}
.posts-list .posts-bottom.no-type{justify-content:flex-end; padding-top:10px;}
.posts-list .posts-bottom .type{flex:auto; max-width:10em; color:#999; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.posts-list .posts-bottom .comment-box{flex:none; font-size:0;}
.posts-list .posts-bottom .comment-box a{font-size:14px; line-height:1em; padding-left:24px; position:relative; margin-left:5px; display:inline-block;}
.posts-list .posts-bottom .comment-box a.on{color:#ff9900;}
.posts-list .posts-bottom .comment-box a:before{content:''; width:21px; height:21px; background-image:url(../images/public_img.png); position:absolute; left:0; top:0; bottom:0; margin:auto; transform:scale(0.9);}
.posts-list .posts-bottom .comment-box .comment-btn:before{background-position:-124px -270px;}
.posts-list .posts-bottom .comment-box .laud-btn:before{background-position:-124px -291px;}
.posts-list .posts-bottom .comment-box .comment-btn.on:before{background-position:-146px -270px;}
.posts-list .posts-bottom .comment-box .laud-btn.on:before{background-position:-146px -291px;}

.posts-list .notice-box{border-bottom:1px solid #f1f1f1; padding:15px 0; display:flex; justify-content:space-between; overflow:hidden;}
.posts-list .notice-box .notice-text{flex:auto; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; position:relative; padding-right:0.1rem;}
.posts-list .notice-box .notice-text .notice-title{
    flex:none;
    font-size:16px; 
    max-height:44px; 
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
    color:#000000; 
    line-height:22px;
}
.posts-list .notice-box .notice-img{flex:none; width:1.85rem; height:1.4rem; overflow:hidden; border-radius:5px;}
.posts-list .notice-box .notice-img img{width:100%;}
.posts-list .notice-box .notice-bottom{flex:none; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.posts-list .notice-box .notice-bottom span{padding:0 5px 0 0; font-size:14px; color:#999;}

/* 帖子详情 */
.post-details-box{padding:15px 10px; background-color:#fff; border-bottom:0.16rem solid #f1f1f1;}
.post-details-box .posts-box{border-bottom:1px solid #f1f1f1; padding:15px 0;}
.post-details-box .posts-head{display:flex; align-items:center;}
.post-details-box .posts-head .user-pic{width:0.9rem; height:0.9rem; flex:none;}
.post-details-box .posts-head .user-pic img{width:100%; height:100%; border-radius:50%;}
.post-details-box .posts-head .posts-info-box{flex:1; overflow:hidden; padding:0 0.1rem;}
.post-details-box .posts-head .posts-info-box .user-info{display:flex; align-items:center;}
.post-details-box .posts-head .posts-info-box .user-info .user-name{flex:none; color:#333; font-size:16px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; max-width:8em;}
.post-details-box .posts-head .posts-info-box .user-info .level{flex:none; color:#fff; background:#ff9900; background:linear-gradient(to right, #ff9800, #ff7300); padding:3px 7px; font-size:12px; line-height:1em; border-radius:4px; text-shadow:1px 1px 1px #f8a518; margin-left:5px;}
.post-details-box .posts-head .posts-info-box .user-info .level.manager{background:#fd404c;background:linear-gradient(to right, #ff6f6a, #fd404c);}
.post-details-box .posts-head .posts-info-box .user-info .sex{flex:none; width:0.35rem; height:0.35rem; background-image:url(../images/public_img.png); background-size:2.69rem; margin-left:3px;}
.post-details-box .posts-head .posts-info-box .user-info .sex.boy{background-position:-0.52rem -2.7rem;}
.post-details-box .posts-head .posts-info-box .user-info .sex.girl{background-position:-0.88rem -2.7rem;}
.post-details-box .posts-head .posts-info-box .time{color:#999; font-size:14px; padding-top:0.08rem; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.post-details-box .posts-head .posts-info-box .personal-intr{color:#999; font-size:14px; padding-top:0.08rem; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.post-details-box .posts-head .opera-box{flex:none;}
.post-details-box .posts-head .opera-box a{display:inline-block;}
.post-details-box .posts-head .follow{background:#ff9900; background:linear-gradient(to right, #ff9800, #ff7300); font-size:14px; color:#fff; padding:5px 15px; border-radius:15px; box-sizing:border-box;}
.post-details-box .posts-head .followed{color:#999; background:transparent; padding:4px 7px; border:1px solid #999;}
.post-details-box .posts-head .reply{font-size:14px; border-radius:15px; color:#999; background:transparent; padding:4px 14px; border:1px solid #999;}
.post-details-box .posts-title{font-size:16px; color:#000000; padding:0.15rem 0; line-height:22px;}
.post-details-box .posts-box a p{color:#666; font-size:14px;}
.post-details-box .post-content{color:#666; font-size:14px; line-height:20px;}
.post-details-box .post-content img{max-width:100%; border-radius:6px; display:table; margin:0.1rem auto;}
.posts-list-box .comment-text{padding-left:1rem; padding-bottom:0.16rem ; color:#000; font-size:14px; line-height:20px;}
.reply-list .comment-text{padding-left:0.1rem; padding-top:0.06rem;}
.posts-list-box .reply-box{background-color:#f9f9f9; padding:0.1rem 0.1rem 0.1rem 1rem;}
.reply-list .reply-box{padding-left:0.1rem;}
.posts-list-box .reply-box p{font-size:14px; color:#000; line-height:20px;}
.posts-list-box .reply-box a{color:#40a7ff;}
.posts-list-box .reply-box .all-reply{padding-top:5px;}
.posts-list-box .reply-box.no-reply{display:none;}
.reply-list .reply-to-reply .posts-head .posts-info-box .user-info{font-size:14px; color:#000; line-height:20px; height:20px;}
.reply-list .reply-to-reply .posts-head .posts-info-box .user-info .user-name{color:#40a7ff; font-size:14px; line-height:20px; vertical-align:bottom;}

/* 关注详情 */
.follow-data{display:flex; padding-top:15px; border-top:1px solid #f1f1f1; margin-top:15px;}
.follow-data li{flex:1; text-align:center;}
.follow-data li .number{color:#000; font-size:20px; font-weight:bold; letter-spacing:-1px;}
.follow-data li .title{color:#999; font-size:14px;}

/* 获赞 */
.laud-list .laud-box{border-bottom:0.16rem solid #f1f1f1; padding:15px 10px;}
.laud-list .laud-title{font-size:16px; color:#000000; padding:0.15rem 0; line-height:22px;}
.laud-list .laud-head{display:flex; align-items:center;}
.laud-list .laud-head .user-pic{width:0.9rem; height:0.9rem; flex:none;}
.laud-list .laud-head .user-pic img{width:100%; height:100%; border-radius:50%;}
.laud-list .laud-head .posts-info-box{flex:1; overflow:hidden; padding:0 0.1rem;}
.laud-list .laud-head .posts-info-box .user-info .user-name{color:#333; font-size:16px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; max-width:8em; display:inline-block;}
.laud-list .laud-head .posts-info-box .user-info .level{color:#fff; background:#ff9900; background:linear-gradient(to right, #ff9800, #ff7300); padding:3px 7px; font-size:12px; vertical-align:top; line-height:1em; display:inline-block; border-radius:4px; text-shadow:1px 1px 1px #f8a518;}
.laud-list .laud-head .posts-info-box .time{color:#999; font-size:14px; padding-top:0.08rem; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.laud-list .laud-head .opera-box{flex:none;}
.laud-list .laud-head .opera-box a{display:inline-block;}
.laud-list .laud-head .follow{background:#ff9900; background:linear-gradient(to right, #ff9800, #ff7300); font-size:14px; color:#fff; padding:5px 15px; border-radius:15px; box-sizing:border-box;}
.laud-list .laud-head .followed{color:#999; background:transparent; padding:4px 14px; border:1px solid #999;}
.laud-list .laud-head .reply{font-size:14px; border-radius:15px; color:#999; background:transparent; padding:4px 14px; border:1px solid #999;}

.laud-list .post-intr{display:flex; border-radius:10px; overflow:hidden; box-shadow:0 0 15px rgba(233,233,233,0.9); align-items:center;}
.laud-list .post-intr .pic{width:80px; height:80px; background-color:#ccc; overflow:hidden; border-right:1px solid #f1f1f1; flex:none;}
.laud-list .post-intr .pic img{width:100%; height:100%;}
.laud-list .post-intr .text{flex:auto; overflow:hidden; padding:0.08rem 0.05rem 0.05rem 0.1rem;}
.laud-list .post-intr .text .user-name{color:#000; font-size:16px; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.laud-list .post-intr .text .intr{color:#999; font-size:14px; line-height:20px; max-height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:2;}
/* 评论 */
.laud-list .reply-title{color:#000; font-size:16px; padding:0.15rem 0;}
.laud-list .reply-title .user-name{color:#40a7ff;}
/* 通知 */
.notice-list-box{background-color:#fff; padding:0 10px;}
.notice-list-box .notice-box{display:flex; align-items:center; padding:0.16rem 0; border-bottom:1px solid #f1f1f1;}
.notice-list-box .notice-box a{flex:auto; overflow:hidden; display:flex; align-items:center;}
.notice-list-box .notice-box .pic{width:0.9rem; height:0.9rem; flex:none;}
.notice-list-box .notice-box .pic img{width:100%; height:100%; border-radius:50%;}
.notice-list-box .notice-box .text{flex:auto; overflow:hidden; padding:0 0.1rem 0 0.12rem;}
.notice-list-box .notice-box .text p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.notice-list-box .notice-box .text .user-name{font-size:16px; line-height:22px; color:#000;}
.notice-list-box .notice-box .text .notice-info{font-size:14px; color:#999; line-height:20px;}
.notice-list-box .notice-box .time{flex:none; color:#999; font-size:14px;}
.notice-list-box .notice-box .opera-box{flex:none;}
.notice-list-box .notice-box .opera-box a{display:inline-block;}
.notice-list-box .notice-box .opera-box span{display:inline-block;}
.notice-list-box .notice-box .follow{background:#ff9900; background:linear-gradient(to right, #ff9800, #ff7300); font-size:14px; color:#fff; padding:5px 15px; border-radius:15px; box-sizing:border-box;}
.notice-list-box .notice-box .followed{color:#999; background:transparent; padding:4px 7px; border:1px solid #999;}
/*上传图片组件*/
.ui-image-upload{display:flex; flex-wrap:wrap;}
.ui-image-upload .image-edit{flex:0 0 23%; margin-bottom:6px; position:relative; margin:0 1% 1%;}
.ui-image-upload .image-edit:nth-of-type(4n+4){margin-right:0;}
.ui-image-upload .image-edit .thumb{width:100%; border-radius:4px;}
.ui-image-upload .image-edit .image-del{ position:absolute; right:0; bottom:0; width:50px; height:22px; line-height:22px; text-align:center; font-size:12px; color:#fff;background-color: #FF5722; cursor:pointer;}
/* .ui-image-btn{width:70px; height:70px; background:url(../images/z_add.png); background-size:100% 100%; overflow:hidden; position:relative; display:inline-block;} */
.ui-image-btn .file{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}

/* 发帖 */
.post-btn{width:0.98rem; height:0.98rem; background:url(../images/public_img.png) no-repeat 0 -1.71rem; background-size:2.69rem; position:fixed; right:2px; bottom:0.9rem; z-index:99;}
.publish-post-box{position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:9999; transition:0.4s ease-in-out; opacity:1; overflow:hidden; display:flex; flex-direction:column;}
.publish-post-box.hide{top:-100%; opacity:0.7;}
.game-popup-list{position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:10000; transition:0.4s ease-in-out; opacity:1; overflow:hidden; display:flex; flex-direction:column;}
.game-popup-list.hide{top:-100%; opacity:0.7;}
.game-popup-list .forum-games-list{flex:auto; overflow-y:auto; -webkit-overflow-scrolling: touch;}
.game-popup-list .forum-games-list li .pic{width:60px; height:60px;}
.forum-games-list li .circle{padding:5px; flex:none; height:10px; width:10px; font-size:10px; line-height:12px; border-radius:20px; text-align:center; color:#fff; background:#ff9900; font-family:"微软雅黑"; display:none;}
.forum-games-list li.on .circle{display:list-item;}

.publish-post-box .top{flex:none; display:flex; justify-content:space-between; padding:10px; align-items:center; border-bottom:1px solid #f1f1f1;}
.publish-post-box .top a{flex:none;}
.publish-post-box .top span{flex:auto; text-align:center; color:#000; font-size:18px;}
.publish-post-box .top .publish-btn{font-size:14px; color:#999; background-color:#f1f1f1; padding:4px 15px; border-radius:20px;}
.publish-post-box .top .close-btn{width:23px; height:23px; background:url(../images/public_img.png) no-repeat -180px -171px; transform:scale(0.7);}
.publish-post-box .content{flex:auto; padding:0 10px; display:flex; flex-direction:column; border-bottom:1px solid #f1f1f1;}
.publish-post-box .content input{flex:none; width:100%; line-height:34px; font-size:16px; border:none; border-bottom:1px solid #f1f1f1; color:#999;}
.publish-post-box .content textarea{flex:1; border:none; padding:5px 0; font-size:16px; line-height:22px; color:#999; resize:none;}
.publish-post-box .ui-image-upload{flex:none; padding:15px 0;}
.publish-post-box .bottom{flex:none; padding:10px; display:flex; align-items:center; justify-content:space-between;}
.publish-post-box .bottom .type{font-size:16px; line-height:1em; background:#ff9900; background:linear-gradient(to right, #ff9800, #ff7300); color:#fff; padding:5px 10px; border-radius:20px; flex:none;}
.publish-post-box .bottom .pic{display:inline-block; width:0.4rem; height:0.4rem; background:url(../images/public_img.png) no-repeat -2.21rem -1.95rem; background-size:2.69rem; flex:none; position:relative;}
.publish-post-box .bottom .pic input{display:block; width:100%; opacity:0;}

.popup-bg{background:rgba(0,0,0,0.8);position: fixed;bottom:0;left:0;width:100%;height:100%;z-index:10000;opacity:1;transition:0.3s ease-in-out;}
.popup-bg.hide{bottom:-100%;}
.select-box{position:fixed; bottom:0; width:100%; z-index:10001; background-color:#fff; transition:0.4s ease-in-out;}
.select-box.hide{bottom:-100%;}
.popup-share-box{position:fixed; bottom:0; width:100%; z-index:10001; background-color:#fff; transition:0.4s ease-in-out;}
.popup-share-box.hide{bottom:-100%;}
.popup-share-box{position:fixed; bottom:0; width:100%; z-index:10001; background-color:#fff; transition:0.4s ease-in-out;}
.popup-share-tips{position:fixed; bottom:0; width:100%; padding-bottom:0.5rem; z-index:10001; transition:0.4s ease-in-out;}
.popup-share-tips img{width:100%;}
.popup-share-tips.hide{display:none;}
.popup-box div{color:#000; position:relative; text-align:center; font-size:16px;}
.popup-box .camera{border-bottom:1px solid #f1f1f1;}
.popup-box div input{opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; border:none;}
.popup-box .reply-box{padding:10px;}
.popup-box div input.reply{opacity:1; background-color:#f9f9f9; color:#999; font-size:14px; position:relative; border:1px solid #f1f1f1; line-height:35px; height:35px; border-radius:35px; padding:0 15px; box-sizing:border-box;}
.popup-box .delete{color:#ff515d; border-bottom:9px solid #f1f1f1; padding:15px 0;}
.share-box{border-bottom:9px solid #f1f1f1; padding:15px 0; display:flex;}
.share-box a{flex:1;}
.share-box a i{width:0.86rem; height:0.86rem; background:url(../images/share_icon.png) no-repeat; background-size:5.21rem; display:inline-block;}
.share-box a p{font-size:12px; color:#000; line-height:24px;}
.share-box .wechat i{background-position:0 0;}
.share-box .wechat-friends i{background-position:-0.87rem 0;}
.share-box .qq i{background-position:-1.74rem 0;}
.share-box .qq-zone i{background-position:-2.61rem 0;}
.share-box .weibo i{background-position:-3.48rem 0;}
.share-box .copy i{background-position:-4.35rem 0;}

.popup-box .pic-select-cancel{border-top:1px solid #f1f1f1; padding:15px 0; display:flex;}
.popup-box .pic-select-cancel a{flex:1; text-align:center; color:#000; font-size:14px;}
.popup-box .pic-select-cancel .sure{color:#00a0e9; border-right:1px solid #f1f1f1;}

.forum-games-list{background:#fff;}
.forum-games-list.my-games{border-bottom:0.16rem solid #f1f1f1;}
.forum-games-list .title{padding:10px; border-bottom:1px solid #f1f1f1; display:flex; justify-content:space-between;}
.forum-games-list .title p{flex:none; font-size:16px; color:#000; line-height:16px; padding-left:8px; border-left:3px solid #ff9900;}
.forum-games-list .title .number{color:#999; font-size:14px;}
.forum-games-list .title .edit{flex:none; font-size:14px; color:#999; line-height:14px;}
.forum-games-list ul{padding:0 10px;}
.forum-games-list ul li{border-bottom:1px solid #f1f1f1; display:flex; align-items:center;}
.forum-games-list ul li a{flex:auto; overflow:hidden; display:flex; align-items:center; padding:12px 0;}
.forum-games-list li em{flex:none; width:12px; height:24px; background:url(../images/public_img.png) no-repeat -243px -153px;}
.forum-games-list li .delete{flex:none; font-size:14px; border-radius:15px; color:#ff4040; background:transparent; padding:4px 14px; border:1px solid #ff4040; overflow:hidden; transition:0.3s ease-in-out; position:relative; right:-200px;}
.forum-games-list.my-games.dele-show li .delete{right:0px;}
.forum-games-list li .pic{width:65px; height:65px; flex:none;}
.forum-games-list li .pic img{width:100%; height:100%;}
.forum-games-list li .text{flex:auto; padding:0 0.15rem; overflow:hidden;}
.forum-games-list li .text p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.forum-games-list li .text .name{color:#000; font-size:16px;}
.forum-games-list.all-games li:nth-of-type(1) .text .name{color:#ff4040;}
.forum-games-list li .text .txt{color:#999; font-size:14px;}
.forum-games-list.my-games li .text .txt{padding-top:0.08rem;}
.forum-games-list li .text .number{color:#ff9900; font-size:14px;}
.forum-games-list li .text .intr{font-size:14px; color:#999; padding:3px 0;}
.forum-games-list li:last-child{border:none;}
@media screen and (max-width:320px){
    .forum-games-list li em{transform:scale(0.8); transform-origin:100% 50%;}
}

/* 论坛详情 */
.forum-info{border-bottom:0.16rem solid #f1f1f1; background-color:#fff; padding:0 10px;}
.forum-info .game-forum-info{display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid #f1f1f1;}
.forum-info .game-forum-info .pic{width:65px; height:65px; flex:none;}
.forum-info .game-forum-info .pic img{width:100%; height:100%;}
.forum-info .game-forum-info .join{flex:none;}
.forum-info .game-forum-info .text{flex:auto; padding:0 0.18rem 0 0.1rem; overflow:hidden;}
.forum-info .game-forum-info .text p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.forum-info .game-forum-info .text .name{font-size:16px; color:#333;}
.forum-info .game-forum-info .text .intr{font-size:14px; color:#999; padding-top:5px;}
.forum-info .game-forum-info .join{background:#ff9900; background:linear-gradient(to right, #ff9800, #ff7300); font-size:14px; color:#fff; padding:5px 15px; border-radius:15px; box-sizing:border-box;}
.forum-info .game-forum-info .joined{color:#999; background:transparent; border:1px solid #999; padding:4px 7px;}
.forum-info .setTop{padding:6px 0;}
.forum-info .setTop a{display:flex; align-items:center; padding:5px 0;}
.forum-info .setTop a span{color:#fff; padding:2px 8px; border-radius:3px; background:#ff9900; background:linear-gradient(to right, #ff9800, #ff7300);  font-size:14px; flex:none;}
.forum-info .setTop a p{color:#000; font-size:14px; flex:auto; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; padding:0 0.1rem;}

/* 消息中心 */
.message-link-box{background-color:#fff; display:flex; border-bottom:1px solid #f1f1f1; padding:15px 0 0;}
.message-link-box a{flex:1; text-align:center; font-size:16px; color:#000; position:relative; padding-bottom:10px;}
.message-link-box a:after{height:3px; width:0; content:''; position:absolute; left:0; right:0; bottom:-2px; margin:auto; transition:0.3s ease-in-out; background-color:#ff9900;}
.message-link-box .number{position:absolute; font-size:12px; color:#fff; background-color:#ff4040; line-height:12px; padding:2px 5px; border-radius:14px; left:50%; margin-left:15px; top:-7px;}
@media screen and (max-width:320px){
    .message-link-box a{font-size:14px;}
}
.message-link-box a.on:after{width:30px;}