html{background-color: #fff;}



/*总的内容部分*/
.content-box{width: 100%; background-color: #edeef2; padding-top: 20px;}
.content{width: 1200px; margin: auto; position: relative; }
/*.content div{float: left;}*/
.left-content{width: 810px; float: left;}
.right-content{width: 370px; float: right;}

/*新盖*/
/*广告图*/
.banner-box{width: 100%; height:460px; overflow: hidden; position: relative;background-color: #fff; }
.banner{width: 100%; height: 100%;}
.banner:hover .prev{display: block;}
.banner:hover .next{display: block;}
.banner .prev{width: 40px;height: 60px; z-index: 9;background: rgba(0, 0, 0, 0.6);position: absolute;left: 0; top: 180px;display: none;-webkit-animation: leftfadein .5s ease-out;-moz-animation: leftfadein .5s ease-out;animation: leftfadein .5s ease-out;}
.banner .prev:after{content: "";display: block;width: 100%;height: 100%;background: url(/uploads/image/ttsimages/prev.png) no-repeat center;}
.banner .next{width: 40px;height: 60px; z-index: 9 ;background: rgba(0, 0, 0, 0.6);position: absolute;right: 0;top: 180px;display: none;-webkit-animation: rightfadein .5s ease-out;-moz-animation: rightfadein .5s ease-out;animation: rightfadein .5s ease-out;}
.banner .next:after{content: "";display: block;width: 100%; height: 100%;background: url(/uploads/image/ttsimages/next.png) no-repeat center;}
.banner .hd{height: 30px; width:800px !important;bottom: 8px;z-index: 2; position: absolute; text-align: right;}

/*.swiper-pagination-bullets{padding-right: 20px !important;}*/
.banner .hd li{opacity: 0.5 ;display: inline-block; margin-left: 10px;}
.banner .hd li.on{width:8px;border-radius: 4px; height:8px; background: #4a9dea!important;opacity: 1!important;}
.banner .hd li{width:8px;border-radius: 4px; height:8px; background: #fff;opacity: .5 ; border-radius: 4px;    transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;-o-transition: all .3s ease-in-out;}
.banner .slideinfo{ height: 60px; width: 100%; background-color: rgba(0,0,0,.5); position: absolute; bottom: 0; }
.banner .slideinfo p{margin-left: 15px; margin-right: 15px; color: #fff;font-size: 20px; line-height: 60px; margin-left: 15px; margin-right: 15px; font-size: 20px; font-weight: normal !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.banner .slideinfo a{display: block; color: #fff;font-size: 20px; line-height: 60px; margin-left: 15px; margin-right: 15px; font-weight: normal !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*新闻第一部分*/
.news-part1{width: 100%; background-color: #fff; box-shadow: 0 3px 3px rgba(0,24,101,.05); margin-bottom: 20px; margin-top: 10px;}
.news-part1 dl{margin-left: 12px; padding-bottom: 22px; max-width: 780px;  overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.news-part1 dt{font-size: 28px; color: #39393b; font-weight: bold; padding-top: 20px; }
.news-part1 dd{font-size: 18px; color: #5e5a5a; margin-top: 22px; }
.news-part1 dd a{display:block; overflow: hidden;}
.news-part1 a:hover{color: #4a89ff !important; cursor: pointer;}
.news-part1 dd i{ display: inline-block; font-style: normal; color: #bbbcc4; margin-right: 8px;}
.news-part1 dd span{color: #ff3e62; font-size: 16px; float: right; margin-right: 12px;}
.news-part1 dd p{max-width: 620px; float: left; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

/*新闻第二部分  可能样式重复*/
/*标题部分*/
.news-title-box{width: 100%; background-color: #fff; margin-bottom: 4px; overflow: hidden;}
.news-title{margin-left: 14px; float: left;background-color: #f1f2f5;  text-align: left;width: 120px;color: #ff3e62; font-family: "微软雅黑"; font-weight: bold; font-size: 22px; line-height: 40px;  position: relative; }
.to-top{font-size: 20px;}
.to-top i{ font-weight: normal; display: inline-block; text-align: center;color: #fff; background-color: #ff3e62; width: 45px; border-radius: 4px; transform:skew(-10deg); height: 25px; line-height: 25px; font-style: normal; vertical-align: middle; position: absolute; top: 0px ; right: 18px; z-index: 3;}
.news-title span{vertical-align: middle; margin-left: 4px;}
.to-top s{display: block; width: 45px; border-radius: 4px; transform:skew(-10deg); height: 25px; position: absolute; top: 0px;}
.to-top .bg1{background-color: #f7a3b4; right: 12px;z-index: 2;}
.to-top .bg2{background-color: #f4ced8; right: 6px;z-index: 1;}
.to-top{width: 70px; height: 26px; position: relative;}
.news-title .to-top{position: absolute; top: 9px; right: 0;}
.news-title-box .more{float: right; color: #999; margin-right: 16px; line-height: 40px;}

/*新闻内容部分*/
.news-content{margin-bottom: 2px;}
.news-content-box,.news-content{width: 100%;}
.news-content .pic-box{margin-left: 14px; border: solid 2px #fff; box-sizing: border-box; }
.news-content .pic-box img {width: 100%!important; object-fit: cover;}
.news-content .pic-box:hover{border: solid 2px #ff5e52; box-sizing: border-box;}
.news-content .newscontent-box{ margin-right: 14px; position: relative; height: 150px;}
.pic-box{width: 200px; height: 150px; float: left; text-align: center;}

.newscontent-box{width: 570px; float: right;}
.newscontent-box h3{color:#39393b; font-size: 20px ; max-height: 70px; overflow: hidden; }
.news-content{overflow: hidden; background-color: #fff; padding-top: 10px; padding-bottom: 10px;}
.news-content .to-top{transform: scale(.8); display: inline-block; vertical-align: middle; margin-top: 5px; font-size: 16px; right: 10px;}
.news-content .to-top .bg2{display: none;}
.newscontent-box span{vertical-align: middle;}
.news-content h3 a:hover{color: #4a89ff !important;}

/*帖子相关信息*/
.news-info .user-headicon{width: 32px; height: 32px; border-radius: 50%; overflow: hidden; vertical-align: middle; display: inline-block; margin-right: 10px; overflow: hidden;}
.news-info .user-headicon img{display: block; width: 100%; height: 100%; object-fit: cover;}
.news-info {font-size: 15px; color: #4d4d4f; overflow: hidden; width: 100%; }
.newscontent-box .news-info{position: absolute; bottom: 6px; width: 100%;}
.news-info  .tieba-channel{color: #ff3e62; vertical-align: middle;}
.news-info span{vertical-align: middle;}
.user-name{display: inline-block; max-width: 80px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.tiezi-time{color: #8d8d91;}
.left-info{float: left;}
.right-info{float: right; font-size: 13px; overflow: hidden; line-height: 32px;}
.right-info i{display: inline-block;width: 18px; height: 18px; margin-right: 5px;background-position: center center; background-repeat: no-repeat; vertical-align: middle;}
.right-info span{vertical-align: middle; color: #8d8d91;}
.right-info li:nth-child(1) i{background-image: url(/uploads/image/ttsimages/eye.png);}
.right-info li:nth-child(2) i{background-image: url(/uploads/image/ttsimages/msg.png);}
.right-info li:nth-child(3) i{background-image: url(/uploads/image/ttsimages/share.png);}
.right-info li {float: left; margin-left: 30px;}

/*视频帖子*/
i.video-icon {display: inline-block; z-index: 11;  border-radius: 50%; border:solid 1px #fff; background-color: rgba(255,255,255,.2); width: 46px ; height: 46px;  background-position: 17px center; background-image: url(/uploads/image/ttsimages/video.png); background-repeat: no-repeat;}
.video-pic{position: relative;}
.video-pic .video-icon{position: absolute; left: 77px; top:52px ; }
/*多图帖子*/
.pic-box{overflow: hidden;}
.pics-news-box h3,.nopics-news-box h3{color:#39393b; font-size: 20px ; max-height: 60px !important; overflow: hidden;}
.nopics-news-box h3{margin-bottom: 20px;}
.pics-news-box .to-top,.nopics-news-box .to-top{transform: scale(.8); display: inline-block; vertical-align: middle; margin-bottom: 4px;}
.pics-news,.nopics-news{margin-left: 14px; margin-right: 14px; }
.pics-news h3,.nopics-news h3{color:#39393b; font-size: 20px ; max-height: 60px !important; overflow: hidden;}
.pics-box{width: 100%; overflow: hidden; margin-top: 8px; margin-bottom: 10px; position: relative;}
.pics-box li{float: left;  width: 190px; height: 140px;  margin-right: 5.5px; }
.pics-box li a{display: block;width: 100%; height: 140px;  border: solid 2px #fff; box-sizing: border-box; overflow: hidden;}
.pics-box li a img {display: block; width: 100%!important; height: 100%!important; object-fit: cover;}
.pics-box li:nth-last-child(1){margin-right: 0;}
/*.pics-box li img{display: block; width: 100%;}*/
.pics-box span{display: block; height:20px ; padding-left: 8px; padding-right: 8px;border-radius: 10px; background-color: rgba(0,0,0,0.3); position: absolute; bottom: 10px; right: 10px; color: #fff;}
/*.pics-news .news-info{}*/
.news-content-box { margin-bottom: 20px; box-shadow: 0 3px 3px rgba(0,24,101,.05); }
.pics-box li a:hover{ border: solid 2px #ff5e52; box-sizing: border-box;}
.pic_big{width: 100%; position: relative;}
.pic_big li{display: none; text-align: center;}
.pic_big li img{max-width: 90%; }
/*.pic_big li a{cursor: url(/uploads/image/ttsimages/scale1.png) default !important;}*/
.pics-box  .onimg a{border: solid 2px #ff5e52 !important;}
.pic_big i{display: none; width: 30px; height: 30px; position: absolute; top: 50%;  border-top:solid 2px #ccc ;  border-right:solid 2px #ccc ; border-radius: 2px; cursor: pointer;}
.pic_big i.left{left: 10px;transform: rotate(-135deg);}
.pic_big i.right{right: 10px;transform: rotate(45deg);}
/*视频帖子*/

.video-box .news-title{color: #4a89ff !important;}
.tiezi-title i{background-color: #4a89ff !important; }
.tiezi-title .bg1{background-color: #a8c3f9 !important;}
.tiezi-title .bg2{background-color: #d0ddf7 !important;}
.video-content-box{width: 100%; background-color: #fff; padding-top: 10px; padding-bottom: 10px;box-shadow: 0 3px 3px rgba(0,24,101,.05); margin-bottom: 20px;}
.video-content {margin-left: 14px; margin-right: 14px; overflow: hidden;}
.banner-video{width: 440px; height: 300px; float: left; position: relative;}
.banner-video .video_guanggao{display: block; width: 100%; height: 300px; position: relative; overflow: hidden; box-sizing: border-box; }
.banner-video .video_guanggao{border: solid 2px #fff; box-sizing: border-box; overflow: hidden;}
.banner-video .video_guanggao:hover{border: solid 2px #ff5e52; box-sizing: border-box;}
.banner-video .video_guanggao .video-icon{transform: scale(1.2); left: 194px; top: 120px; position: absolute;  }
.banner img{width: 100%;}
.video-miaoshu{width: 100%; background-color: rgba(0,0,0,.3); position: absolute; bottom: 0;}
.video-miaoshu p{margin-left: 10px; width: 420px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 17px; color: #fff; line-height: 50px;}

.banner-video .hd li{display:inline-block; width: 10px; height: 10px;cursor: pointer; color: #4a89ff; background-color: rgba(255,255,255,0.7); margin-right: 4px; text-align: center; line-height: 16px;}
.banner-video .hd li.on{background-color: #4a89ff; color: #fff;}
.banner-video .hd{overflow: hidden; position: absolute; top:10px; left: 10px;z-index: 8; height: 20px !important;}
.banner-video .hd li{border-radius:0 !important; background: #fff !important;  opacity: 1;}
.banner-video .hd li.on{background: #568cfb !important; color: #fff;}
/*视频小尺寸*/
.tuijian-video{float: left;}
.small-video{float: left; width: 160px;  margin-left: 10px;}
.small-video .video-label{display: block; width: 160px; height: 120px; position: relative; overflow: hidden;}
.small-video .video-label img{width: 100%;}
.small-video .video-label .video-icon{position: absolute; transform: scale(.74); left: 58px; top: 36px;}
.video-box{overflow: hidden;}
.small-miaoshu{ margin-top: 10px; }
.small-miaoshu a{margin-left: 2px; margin-right: 2px; color: #39393b; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
.small-miaoshu a:hover,.video-list a:hover{color: #4a89ff;}
.small-video .video-label{box-sizing: border-box; border: solid 2px #fff;}
.small-video .video-label:hover{box-sizing: border-box; border: solid 2px #ff5e52;}
/*视频列表*/
.video-list{margin-left: 10px;}
.video-list li{margin-top: 14px;}
.video-list li i{display: inline-block; box-sizing: border-box;width: 24px; height: 24px; border-radius: 50%; margin-right: 8px;border: solid 2px #ff3e62; background-image: url(/uploads/image/ttsimages/video-2.png); background-repeat: no-repeat; background-position:6px center; vertical-align: middle;}
.video-list li span{font-size: 16px;display: inline-block; vertical-align: middle;width: 296px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*语音*/
.yinyin-left{width: 200px; height: 250px; float: left;background-image: url(/uploads/image/ttsupfiles/yuyin-bg.jpg); background-repeat: no-repeat; background-size: cover;}
.yuyin-box{overflow: hidden;width: 100%; box-shadow: 0 3px 3px rgba(0,24,101,.05); margin-bottom: 20px;}
.yuyin-box h3{font-size: 24px; font-weight: bold; color: #ffb049; margin-top: 20px; margin-left: 14px;}
.yinyin-right{ width: 590px; height: 230px; background-color: #fff3f2; padding:10px 9px; float: right;}
.yuyin-list{ background-color: #fff; padding: 18px;}
.yuyin-list a i{display: inline-block; width: 12px; height: 17px; background-image: url(/uploads/image/ttsimages/yuyin1.png); background-repeat: no-repeat; background-size: cover; vertical-align: middle; margin-right: 10px;}
.yuyin-list a span{display: inline-block; max-width: 430px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; font-size: 16px; color: #4f4f4f;}
.yuyin-list a:hover>span{color: #2e90ff;}
.yuyin-list a:hover>i{background-image: url(/uploads/image/ttsimages/yuyin2.png);}
.yuyin-list a p{float: right; text-align: right; font-size: 14px; color: #ababab;}
.yuyin-list a{display: block; overflow: hidden;}
.yuyin-list li{margin-bottom: 18px; }
.yuyin-list li:nth-last-child(1){margin-bottom: 0;}

/*今日地区*/
.area-todaynews .news-title{min-width:120px; width: auto !important; }
.area-todaynews .news-title p{float: left; font-size: 22px; min-width: 48px; text-align: center;}
.area-todaynews .news-title{overflow: hidden;}
.area-todaynews .news-title p:nth-child(1){border-bottom: solid 3px #ff3e62;margin-left: 12px;}
.area-todaynews .news-title p:nth-child(2){border-bottom: solid 3px #3b3b3b; color: #3b3b3b; margin-right: 12px;}

/*loading*/
.loadings-animate{text-align: center;}
.loadings-animate i{display: inline-block; width: 6px; height: 6px; border-radius: 3px;  margin:2px ;}
.loadings-animate i:nth-child(1){animation: animate1 .7s infinite forwards;}
.loadings-animate i:nth-child(2){animation: animate1 .7s infinite forwards; animation-delay: .3s;}
.loadings-animate i:nth-child(3){animation: animate1 .7s infinite forwards; animation-delay: .5s;}
.text-loading{text-align: center; margin-top: 10px; color: #787878; font-size: 12px;}
.loading{margin-bottom: 60px; margin-top: 36px;}
@keyframes animate1{
	0%{background-color: rgba(126,127,130,.7);}
	25%{background-color: rgba(126,127,130,.5);}
	50%{background-color: rgba(126,127,130,.4);}
	75%{background-color: rgba(126,127,130,.3);}
	100%{background-color: rgba(126,127,130,.2);}
}

/*右侧内容*/
/*签到*/
.sign-box{width: 370px; height: 240px; border-radius: 4px; background-color: #fff; box-shadow: 0 1px 7px rgba(0,0,0,.09); overflow: hidden; margin-bottom: 10px;}
.sign-tieba{width: 330px; height: 50px; margin: auto; margin-top: 20px;  box-shadow: 0px 5px 5px rgba(0,125,255,.2); overflow: hidden;}
.sign-button{width: 166px; height: 50px;border-bottom-left-radius: 4px; border-top-left-radius: 4px; float: left; background-color: #73aeff\0;background: -webkit-linear-gradient(right, #75d2f9 , #73aeff); /* safari 5.1 - 6.0 */background: -o-linear-gradient(left, #75d2f9 , #73aeff); /* opera 11.1 - 12.0 */background: -moz-linear-gradient(left, #75d2f9 , #73aeff); /* firefox 3.6 - 15 */background: linear-gradient(to left, #75d2f9 , #73aeff); /* 标准的语法 */}
.sign-button button{display: block; background: none;cursor: pointer !important; border: none; font-size: 18px; color: #fff;width: 100%; text-align: center; line-height: 50px;}
.sign-button button a{color: #fff;}
.sign-button i{display: inline-block; width: 42px; height: 42px; background-image: url(/uploads/image/ttsimages/sign.png); background-repeat: no-repeat; background-position:left bottom ; margin-top: 4px; vertical-align: middle; }
.sign-button span{ margin-left: 6px;  vertical-align: middle;}
.sign-count{width: 164px; height: 50px;text-align: center; box-sizing: border-box; border:solid 2px #75d2f9; overflow: hidden; float: left; border-bottom-right-radius: 4px; border-top-right-radius: 4px;}
.sign-count  i{display: inline-block; width: 18px; height: 20px;margin-left: 14px; background-position: center center; background-repeat: no-repeat; vertical-align: middle;}
/*.sign-count span:nth-child(2) i{background-image: url(/uploads/image/ttsimages/tongji_icon.png);}
.sign-count span:nth-child(1) i{background-image: url(/uploads/image/ttsimages/person_icon.png);}*/
.sign-count  s{text-decoration: none; vertical-align: middle; font-size: 12px; line-height: 50px; color: #5bc3ff;  padding-left: 5px; padding-right: 10px;}
.sign-count  i{background-image: url(/uploads/image/ttsimages/person_icon.png);}

/*.sign-count span:nth-child(1) s{border-right: solid 1px #75d2f9;}
.sign-count span{float: left; margin-top: 10px;}
.sign-count span:nth-child(2){text-align: right; float: right;}*/
.out-tiezi{width: 330px; height: 50px; margin: auto;  margin-top:16px;text-align: center; cursor: pointer; border-radius: 4px; background-color: #ff516f\0;background: -webkit-linear-gradient(right, #ff516f , #ff6666); /* safari 5.1 - 6.0 */background: -o-linear-gradient(left, #ff516f , #ff6666); /* opera 11.1 - 12.0 */background: -moz-linear-gradient(left, #ff516f , #ff6666); /* firefox 3.6 - 15 */background: linear-gradient(to left,#ff516f , #ff6666); /* 标准的语法 */ box-shadow: 0 5px 5px rgba(255,62,98,.23);}
.out-tiezi a{display: block; color: #fff; font-size: 18px;  line-height:50px;}
.count-box{width: 348px;overflow: hidden; margin: auto; margin-top: 30px;}
.count-box li{float: left; width: 116px; text-align: center;}
.count-box li h3{font-size: 20px; color: #e83f5e; }
.count-box li p{font-size: 14px; color: #5e5a5a;}
.count-box li i{display: block; width: 1px; height: 20px; background-color: rgba(0,0,0,.1); position: absolute;}
.count-box li:nth-child(2){position: relative;}
.count-box li .left-line{left: 0;top: 20px;}
.count-box li .right-line{right: 0; top: 20px;}

/*右侧内容*/
.pub-style{width: 370px; background-color: #fff; margin-bottom: 10px; padding-top: 10px;}
.pub-style .top-title{width: 360px;height: 40px; font-size: 18px; line-height: 40px; padding-left: 10px; font-weight: bold;}
.hot-topic-title{color: #ff3e62; border-left: solid 4px #ff3e62; background: -webkit-linear-gradient(left, rgba(255,62,98,.13) , rgba(255,62,98,0)); /* safari 5.1 - 6.0 */background: -o-linear-gradient(right, rgba(255,62,98,.13) , rgba(255,62,98,0)); /* opera 11.1 - 12.0 */background: -moz-linear-gradient(right, rgba(255,62,98,.13) , rgba(255,62,98,0)); /* firefox 3.6 - 15 */background: linear-gradient(to right,rgba(255,62,98,.13) , rgba(255,62,98,0)); /* 标准的语法 */}
.person-live-title{color: #4a89ff; border-left: solid 4px #4a89ff; background: -webkit-linear-gradient(left, rgba(74,137,255,.23) ,rgba(74,137,255,0)); /* safari 5.1 - 6.0 */background: -o-linear-gradient(right, rgba(74,137,255,.23) , rgba(74,137,255,0)); /* opera 11.1 - 12.0 */background: -moz-linear-gradient(right, rgba(74,137,255,.23) , rgba(74,137,255,0)); /* firefox 3.6 - 15 */background: linear-gradient(to right,rgba(74,137,255,.23) , rgba(74,137,255,0)); /* 标准的语法 */}
.city-activity-title{color: #ff8753; border-left: solid 4px #ff8753;  background: -webkit-linear-gradient(left, rgba(255,109,51,.13) ,rgba(74,137,255,0)); /* safari 5.1 - 6.0 */background: -o-linear-gradient(right, rgba(255,109,51,.13) , rgba(74,137,255,0)); /* opera 11.1 - 12.0 */background: -moz-linear-gradient(right, rgba(255,109,51,.13), rgba(74,137,255,0)); /* firefox 3.6 - 15 */background: linear-gradient(to right,rgba(255,109,51,.13) , rgba(74,137,255,0)); /* 标准的语法 */}
.contact-us-title{color: #4a89ff;  border-left: solid 4px #4a89ff; background: -webkit-linear-gradient(left, rgba(74,137,255,.23) ,rgba(74,137,255,0)); /* safari 5.1 - 6.0 */background: -o-linear-gradient(right, rgba(74,137,255,.23) , rgba(74,137,255,0)); /* opera 11.1 - 12.0 */background: -moz-linear-gradient(right, rgba(74,137,255,.23) , rgba(74,137,255,0)); /* firefox 3.6 - 15 */background: linear-gradient(to right,rgba(74,137,255,.23) , rgba(74,137,255,0)); /* 标准的语法 */}
.content-list{margin-left: 10px; margin-right: 10px;}
/*列表排版*/
.topic-list li a:hover h3{color: #3e9dff;}
.topic-list li,.activity-list li{padding-top: 10px; padding-bottom: 10px; background-image: url(/uploads/image/ttsimages/line-border.png); background-position: right bottom; background-repeat: no-repeat;}
.topic-list li:nth-last-child(1),.activity-list li:nth-last-child(1){background-image: none;}
.topic-list li a,.activity-list li {display: block; overflow: hidden;}
.topic-list .limg{width: 100px; height: 80px; border-radius: 4px; overflow: hidden; float: left; margin-right: 10px; display: table-cell; text-align: center;     vertical-align: middle; line-height: 80px;}
.topic-list .limg img{width: 100%; height: 100%; object-fit: cover; display: block;}
.topic-list .rcontent{width: 240px; position: relative; overflow: hidden;}
.topic-list .rcontent p{font-size: 12px; color: #8d8e91; margin-top: 10px;}
.topic-list .rcontent h3,.activity-list .rcontent h3{color: #4d4d4f; font-size: 15px; height: 45px; overflow: hidden;}
.topic-list .rcontent p span{vertical-align: middle; margin-right: 30px;}
.topic-list .otherstyle1 h3{color: #ff3e62;}
.topic-list .otherstyle2 h3{color: #3e9dff;}
.activity-list .limg{width: 130px; height: 100px; float: left; overflow: hidden;}
.activity-list .limg img{display: block; width: 100%!important; height: 100%!important; object-fit: cover;}
.activity-list .rcontent{float: right; width: 210px; height: 100px; position: relative;}
.join-button{width: 80px; height: 26px; background-color: #ff8753; border-radius: 2px; float: right;}
.join-button button{display: block; background: none; border: none; color: #fff; line-height: 26px; text-align: center; width: 100%; outline: none ; cursor: pointer;}
.activity-list .rcontent .tongji{overflow: hidden; position: absolute; bottom: 5px; width: 100%;}
.activity-list .rcontent .tongji span{float: left; line-height: 26px; font-size: 12px; color: #8d8e91;}
.activity-list .rcontent a:hover {color:#3e9dff ;}

/*活跃会员*/
.activist {width: 350px; height: 70px; border-radius: 4px; box-shadow: 1px 1px 5px 2px rgba(0,0,0,.1); position: relative; overflow: hidden;}
.activist .limg{width: 70px; height: 70px; float: left; overflow: hidden;}
.activist .limg img{width: 100%!important; height: 100%!important; display: block; object-fit: cover;}
.activist .rcontent{float: left; margin-left: 10px;}
.activist .rcontent p span{display: inline-block; vertical-align: middle; color: #8d8e91; font-size: 12px; }
.activist .rcontent h3{color: #4d4d4f; font-size: 16px; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 6px;}
.activist .rcontent p{margin-top: 15px;}
.activist-list li{padding-top: 10px; padding-bottom: 10px;}
.activist .rcontent p i{color: #8d8e91; font-size: 12px; margin-left:18px ; margin-right: 18px; font-style: normal;}
.concern-btn button,.concerned-btn button{background: none;  outline: none; border:none; width: 100%; line-height: 26px; cursor: pointer;}
.concern-btn,.concerned-btn{width: 60px; height: 26px ; border-radius: 4px; position: absolute; right: 10px; top: 10px; }
.concern-btn{border: solid 1px #4a89ff;}
.concerned-btn{background-color: #f2f2f2;}
.concern-btn button{color: #4a89ff;}
.concerned-btn button{color: #bec0c4;}
.activist-list li{position: relative;}
.activist-list li .listtop{display: inline-block; width: 20px; height: 20px; border-radius: 4px; color: #fff; position: absolute; top: 5px; left: -7px; text-align: center;}
.top1{background-color: #ff5e52;}
.top2{background-color: #ff9f52;}
.top3{background-color: #ffcb4e;}

/*联系我们*/
.contact-us{width: 350px; height: 310px;position: relative; overflow: hidden;;background-image: url(/uploads/image/ttsupfiles/contact.jpg); background-repeat: no-repeat; background-size: contain; margin: 10px auto; padding-bottom: 10px;}
.contact-us h3{font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 30px;}
.ways-contact i{display: inline-block; width: 16px; height: 14px; background-repeat: initial; background-size: cover; vertical-align: middle;}
.ways-contact span{vertical-align: middle; margin-left: 8px;}
.ways-contact li{font-size: 14px; color: #fff; font-weight: bold;}
.ways-contact li:nth-child(1) i{background-image: url(/uploads/image/ttsimages/qq_icon.png);}
.ways-contact li:nth-child(2) i{background-image: url(/uploads/image/ttsimages/emall.png);}
.ways-contact li:nth-child(3) i{background-image: url(/uploads/image/ttsimages/sina.png);}
.ways-contact li:nth-child(4) i{background-image: url(/uploads/image/ttsimages/w_wechat_icon.png);}
.contact-us-info{position: absolute; right: 20px; top: 40px;}