/*.container{width: 1300px;}*/
li{list-style: none;}
*{margin: 0;padding: 0;}
.fl{float: left;}
.fr{float: right;}
.b-radius4{border-radius: 4px;}
.cl-9c9c9c {color: #9c9c9c;}
.container{margin: auto;padding: 0;}



.snscontent-right{padding: 0;}


/*snsnav*/
.snsnav{background-color:#fff; height:52px; width:100%;}
.search{height: 50px; background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 4px #ddd; -moz-box-shadow: 0 2px 4px #ddd; box-shadow: 0 2px 4px #ddd;}
.inp-tips{min-width:80%;max-width: 440px; margin-right: 10px; margin-top: 12px; margin-left: 10px; height: 25px; line-height: 25px; font-size: 14px; border: none; outline: none;}
.btn-search{float:right;width: 19px; height: 20px; background: url("/img/img/sns/onetest/icons.png") no-repeat 0 0; border: none; outline: none; margin-top: 14px; cursor: pointer;}

.sns-ico {
    width: 24px;
    height: 21px;
    margin-right: 4px;
    display: inline-block;
}
.nav-info{margin-top: 15px;}
.nav-info li{float: left; margin-left: 30px; font-size: 14px;}
.nav-info .sns-ico{width: 24px; height: 21px; margin-right: 4px; display: inline-block;}
.nav-Threads .sns-ico{background-position: -20px 0;}
.nav-Posts .sns-ico{background-position: -44px 0;}
.nav-Groups .sns-ico{background-position: -68px 0;}
.navi{height: 45px;width: 50px;display: inline-block;float: left;margin-top: 20px;margin-left: 20px;}


.snsnavul{margin:0;padding:0;border: 2px solid #008C95;height:70px;    box-shadow: 0 0 4px #ddd;
    background-image: linear-gradient(180deg, #ffffff 0%, #ffebca 99%, #ffe3b6 100%);}
.snsnavul li{float: right;width: 50%;text-align: center;line-height: 20px;}
.masklayer01 {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 460px;
    background: url("/img/img/banner/BBSSubject.jpg") no-repeat;
    background-size: 100% 100%;
    border: 1px solid #ccc
}
.masklayer01 a{width: 100%; height: 100px;padding-right: 30px; display: block;position:absolute;bottom:45px;left:30px;}
.masklayer01 .tit{line-height:28px;-webkit-line-clamp:1; display: -webkit-box;overflow: hidden; text-overflow: ellipsis;  -webkit-box-orient: vertical; height:28px;}
.stream-contentLeft .details{-webkit-line-clamp:2; display: -webkit-box;overflow: hidden; text-overflow: ellipsis;  -webkit-box-orient: vertical; height: 32px;}
.stream-contentLeft em{font-weight: 700;}

/*分享*/
.streamhero-actions{position: absolute; left: 30px; top: 420px;}
.streamhero-actions li{float: left; margin-right: 22px; color: #fff;}
.streamhero-actions .sns-ico,.streamhero-action .sns-ico{width: 18px; height: 19px; margin-right: 4px; display: inline-block;}
.streamhero-actions .streamhero-like{background-position: 0 -33px;}
.streamhero-actions .streamhero-comment{background-position: -36px -33px;}
.streamhero-actions a:hover .streamhero-like{background-position: -54px -33px;}
.streamhero-actions a:hover .streamhero-comment{background-position: -90px -33px;}
.streamhero-actions a.active .streamhero-like{background-position: 0 -52px;}
.sns-ico{background-image: url("/img/img/sns/icons.png"); background-repeat: no-repeat;vertical-align: middle;}



.latest-streamhero{margin-top:3px;}
.latest-streamhero dd{float:left;}
.latest-streamhero .sns-ico{width: 18px; height: 19px; margin-right:4px; display:inline-block;}
.latest-streamhero .streamhero-like{background-position: -54px -33px;}
.latest-streamhero a:hover .streamhero-like,.latest-streamhero a.active .streamhero-like{background-position: 0 -52px;}
.latest-streamhero .streamhero-comment{background-position: -90px -33px;}
.latest-streamhero a:hover .streamhero-comment{background-position: -36px -52px;}
.latest-streamhero a:hover{text-decoration:none;}
.latest-streamhero dd em{color:#7e7e7e; margin-right:10px;}


.post-list li{margin-bottom:20px;}
.post-list a.img{text-align:center; vertical-align:middle; display: table-cell; line-height:158px; border:1px solid #ddd; overflow:hidden; *display: block; *font-size: 138px; *font-family: Arail;padding:0}
.post-list a.img img{vertical-align:middle; max-width:100%; height:auto;}
/*.post-list .post-con{width: 660px; margin-left: 20px;}*/
.post-con .details{            overflow:hidden;
            text-overflow:ellipsis; 
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;line-height: 18px; color: #323232; margin:8px 0;height: 54px;}

.post-info{width: 200px; padding-right: 10px; height: 44px; border-right: 1px solid #e2e2e2; margin-right: 28px;}
.post-info .post-avatar{width: 40px; height: 40px; margin-right: 10px;border-radius:50%;}
.posts span{color: #868686; font-size:12px;}
.post p{margin: 0;padding: 0;}
.post-community{padding: 4px 12px; font-size:12px;}
.post-community:hover{background-color: #f3f3f3;}
.post-community p{margin: 0;padding: 0;}
/*.streamhero-action dd{width: 50px; text-align: center; margin-bottom: 8px;}*/
.streamhero-action dd{ margin-bottom:5px;}
.streamhero-action dd a{color: #919191;}
.streamhero-action dd a:hover{color: #f90; text-decoration: underline;}
.streamhero-action .sns-ico{margin-left: auto; margin-right: auto; display: block;}
.streamhero-action .streamhero-like{background-position: -54px -52px;}
.streamhero-action .jiathis_style .jtico_jiathis{width: 18px !important; height: 19px !important; padding: 0 !important; margin-left: 16px; background: url("/img/img/sns/onetest/icons.png") no-repeat -72px -52px;}
.streamhero-action .streamhero-comment{background-position: -90px -52px;}
.streamhero-action a:hover .streamhero-like{background-position: -54px -33px;}
.streamhero-action .jiathis_style .jtico_jiathis:hover{background-position: -72px -33px;}
.streamhero-action a:hover .streamhero-comment{background-position: -90px -33px;}
.streamhero-action a.active .streamhero-like{background-position: 0 -52px;}

h1,h2,h3{margin:0;padding:0}

.introduction {
    padding-top:30px;
    margin-top:30px;
    width: 100%;
    background: url("/img/img/sns/onetest/tit_bg1.jpg") no-repeat;
    background-size: 100%;
    color: #3c3c3c;
    overflow: hidden;
    text-align:center;
    color:#fff;
    height:180px;
    margin-bottom:30px;
}
.introduction h2{line-height:40px;}
.introduction p{padding:0;margin:0; font-size:13px;}

.shareboxbg{width:242px;height: 50px;background: url(/img/img/invite/sharebg.png) no-repeat;margin: auto; }


.sharebox{overflow: hidden;padding-top:20px;}
.shareicon{float: left;width: 28px;height: 28px;background: url(/img/img/invite/shareicon2.png) no-repeat;background-size: 190px;margin: 0 5px;cursor:pointer;transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.shareicon:hover {transform:translateY(-5px);}
.shareicon2{background-position: -33px -50px;}
.shareicon3{background-position: -65px -50px;}
.shareicon4{background-position: -31px -0px;}
.shareicon5{background-position: -131px -50px;}
.shareicon6{background-position: -33px -50px;}
.shareicon a{    display: block;
    width: 100%;
    height: 100%;}
.recommended-community .hd,.latest-postings .hd{border-bottom: 2px solid #5e5e5e; }
.recommended-community h2,.latest-postings h2{font-weight: 400; line-height: 50px;}
.recommended-community .hd a,.latest-postings .hd a{line-height: 50px;}

.community-list li{margin-top: 12px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; overflow: hidden;}
.community-list .img{border: 1px solid #dadada; margin-right: 10px;border-radius:50%!important}
.community-list .img img{width: 60px; height: 60px;display:inline-block;border-radius:50%;}
.community-list p{padding: 0;margin: 0;}
.community-list .con{  overflow: hidden;
  text-overflow: ellipsis;}
  .community-list .con p{width:250px;    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap}
.community-list .sort a{color: #222;}
.community-list .sort a:hover{color: #f90;}
.community-list span{color: #787878;font-size: 12px;}
.latest-postingsList li{margin-top: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ddd; overflow: hidden;}
.latest-postingsList .img{width: 150px; height: 111px; border: 1px solid #dadada; margin-right: 10px; text-align:center; vertical-align:middle; display: table-cell; line-height:111px; overflow:hidden; *display: block; *font-size: 98px; *font-family: Arail;}
.latest-postingsList .img img{max-width:100%; height:auto;}
.latest-postingsList .con{width: 215px;}
.latest-postingsList .line{width: 30px; height: 1px; background-color: #d3d3d3; margin-bottom: 8px; display: block;}
.latest-postingsList .details{line-height: 20px;font-size:16px;}
.latest-postingsList .con p{margin: 0;}
.post-list .share .i-ico {
    width: 18px;
    height: 19px;
    padding: 0 !important;
    background: url(/img/img/sns/onetest/icons.png) no-repeat -72px -52px;
}
.bordiv2{height:60px;width:153px;text-align:center;border-right:1px solid #ccc;margin-top:2px}
.bordiv1{height:60px;width:154px;text-align:center;}
.share .i-ico {
    width: 18px;
    height: 19px;
    padding: 0 !important;
    background: url(/img/img/sns/onetest/icons.png) no-repeat -18px -34px;
}
/*.i-ico, .i-arr-dropdown {
    background: url(/img/img/sns/icons.png) no-repeat;
    vertical-align: middle;
    display: inline-block;
}*/

@media (min-width: 1200px){
    .snscontent-left{padding: 0 20px 0  0;}
	.container {
	    width: 1300px;
	}
.post-list .imgl{width:230px!important;height:160px!important;}
}
@media screen and (min-width:800px) and (max-width:1200px){
.community-list .con,.community-list .con p{width: 100px;}
.latest-postingsList .con{width: 80px;}
.latest-postingsList .details{   overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap}
.nav-Groups div{border:0!important}
.snsnavul li{width:90%;}
.snsnavul{height:140px;}
/*.introduction p{display:none}*/
/*.sharebigbox{display:none}*/
.introduction p{display:none}
}

@media screen and (max-width: 990px) {
.snsnavul li{width:40%;}
.snsnavul{height:70px;}
.imgl{width:100%;height:100%;}
.introduction{height:160px;background-size: cover;}

}
@media screen and (max-width: 800px) {
	/*.snsnavul li{width: 50%;text-align: center;line-height: 50px;}*/
	.search{width: 100%;}
	.top-nav span{display: none;}
	.community-list .con,.community-list .con p{width: 300px;display: block;}
	.post-list a.img{width: 100%;height: 100%;padding:0}
	.post-list a.img img{width: 100%;height: 100%;}
    .snsnavul li{width:40%;}
.snsnavul li{width:75%;}
.snsnavul{height:140px;}
.introduction p{text-align:left}
/*.sharebigbox{display:none}*/
.introduction p{display:none}
.introduction h2 {
    line-height: 30px;
    font-size: 24px;
}
.pagination .prev{display:none}
.post-con .details{display:none}
.snscontent-right{padding:0 15px;}
.posts>div:nth-child(1){width:90%;margin:0;float:left}
.posts>div:nth-child(2){width:100%;margin:0;float:left}
.post-list a.img{margin-bottom:15px;}
.post-info{border:0}
    .snscontent-left{padding: 0 20px 0 ;}
.imgl{width:100%;height:100%;}
.introduction{height:180px;background-size: cover;}

.nav-Groups div{border:0!important}
}

@media screen and (max-width: 400px) {
    .streamhero-action{overflow:hidden;width:100%;}
    .streamhero-action dd{float:left;width:33%;}
    .minfenx{width:200px!important;margin:20px auto 0px;}
}

@media screen and (max-width: 380px) {
    .sharebigbox,.sharebox{width:200px!important;}
}