@charset "utf-8";

/* bbs-view-nav */

.bbs-view-nav {position:relative; background-color:var(--bbs-color2);}
.bbs-view-nav:before {display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:0; border-bottom:1px solid #000; opacity:0.1;}
.bbs-view-nav ul {position:relative;}
.bbs-view-nav li {display:block; height:47px;}
.bbs-view-nav li:nth-child(1),
.bbs-view-nav li:nth-child(3) {position:absolute; bottom:0; width:47px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; cursor:pointer;}
.bbs-view-nav li:nth-child(1) {left:0; background-position:-1050px -200px;}
.bbs-view-nav li:nth-child(1) a {display:block; height:47px;}
.bbs-view-nav li:nth-child(2) {margin:0 47px;}
.bbs-view-nav li:nth-child(2) a {text-decoration:none; display:block; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.bbs-view-nav li:nth-child(2) a {font-weight:bold; line-height:47px; font-size:18px; color:#fff;}
.bbs-view-nav li:nth-child(3) {right:0; background-position:-1100px -200px;}

/* bbs-view */

.bbs-view {}
.bbs-view a {text-decoration:none;}
.bbs-view .header {border-bottom:1px solid #e5e5e5; background-color:#fff;}
.bbs-view .header .inner {position:relative; padding:20px 20px 0 20px;}
.bbs-view .header .ct {margin:-4px 0 -5px 0; padding-bottom:15px;}
.bbs-view .header .ct a {z-index:1; position:relative; display:inline-block; padding-right:14px;}
.bbs-view .header .ct a:before {z-index:-1; display:block; content:''; position:absolute; right:0; top:calc(50% - 5px); width:12px; height:12px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:-100px -300px;}
.bbs-view .header .ct a {line-height:1.4; font-size:12px; color:var(--bbs-color2);}

.bbs-view .header .title {
    display:-webkit-inline-box;
    display:-moz-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    display:flex;
}
.bbs-view .header .title span,
.bbs-view .header .title h1 {
    display:inline-block;
    -webkit-box:none;
    -moz-box:none;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none;
}

.bbs-view .header .notice {position:relative; top:7px; margin-right:7px; width:15px; height:15px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:-300px 0px;}
.bbs-view .header h2 {margin-bottom:15px; max-width:100%; width:100%; margin-left:auto; word-wrap:break-word; word-break:break-all;}
.bbs-view .header h2 {line-height:1.7; font-size:17px; color:#000000;}
.bbs-view .header .name {display:block; padding-bottom:7px;}
.bbs-view .header .name {line-height:1.4; font-size:12px; color:#333;}
.bbs-view .header .info {position:relative; padding-bottom:15px;}
.bbs-view .header .info li {display:inline-block; vertical-align:top;}
.bbs-view .header .info li {line-height:1.4; font-size:12px; color:#999;}
.bbs-view .header .info li:nth-child(n+2) {margin-left:15px;}
.bbs-view .header .info li span {display:inline-block;}
.bbs-view .header .info li span:nth-child(n+2) {margin-left:5px;}
.bbs-view .header .shares {z-index:1; display:block; position:absolute; right:0; bottom:0px; width:47px; height:47px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:-950px -350px; opacity:0.3; cursor:pointer;}
.bbs-view .header .police {display:block; padding:10px 20px; background-color:#fbd2d3;}
.bbs-view .header .police li {padding:0 10px; height:29px; display:inline-block; background-color:#fff; border-radius:3px; text-align:center; cursor:pointer;}
.bbs-view .header .police li {line-height:29px; font-size:12px; color:#ec1c23;}
.bbs-view .header .police li:nth-child(n+2) {margin-left:5px;}
.bbs-view .header .police li.on {background-color:#ec1c23; color:#fff;}

.bbs-view .files {position:relative; background-color:#f4f4f4;}
.bbs-view .files .f-url {border-bottom:1px solid #e8e8e8;}
.bbs-view .files .f-url a {z-index:1; position:relative; padding:0 20px 0 45px; height:48px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.bbs-view .files .f-url a {line-height:48px; font-size:13px; color:#666666;}
.bbs-view .files .f-url a:after {z-index:-1; display:block; content:''; position:absolute; left:20px; top:calc(50% - 9px); width:18px; height:18px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:-300px -150px; opacity:0.3;}

.bbs-view .files .f-files {padding:0 20px 0 45px; z-index:1; position:relative; border-bottom:1px solid #e8e8e8; cursor:pointer;}
.bbs-view .files .f-files:after {z-index:-1; display:block; content:''; position:absolute; left:20px; top:calc(50% - 9px); width:18px; height:18px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:-300px -200px; opacity:0.3;}
.bbs-view .files .f-files .tx {line-height:48px; font-size:15px; color:#666666;}
.bbs-view .files .f-files .tx span:nth-child(2) {}
.bbs-view .files .f-files .btn {position:absolute; right:20px; top:calc(50% - 14px); display:block; padding:0 15px; background-color:#555;}
.bbs-view .files .f-files .btn {line-height:29px; font-size:13px; color:#ffffff;}

.bbs-view .article {padding-top:20px; position:relative; background-color:#ffffff;}
.bbs-view .article .video {font-size:0; line-height:0; padding-bottom:30px; overflow:hidden; text-align:center;}
.bbs-view .article .video .item {margin-top:30px;}
.bbs-view .article .video .item:first-child {margin-top:0;}
.bbs-view .article .image {font-size:0; line-height:0; padding-bottom:30px; overflow:hidden; text-align:center;}
.bbs-view .article .image a {margin:0 auto; display:table;}
.bbs-view .article .image img {margin:0 auto; display:table; max-width:100%; border:0;}
.bbs-view .article .wrap {padding:20px 20px 70px 20px;}
.bbs-view .article .content {vertical-align:top; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.bbs-view .article .content {line-height:1.625; font-size:16px; color:#000000;}
.bbs-view .article .content a {color:#0000ff;}
.bbs-view .article .content img {max-width:100%; border:0;}
.bbs-view .article .viewer {display:inline-block; position:relative;}
.bbs-view .article .viewer .icon {z-index:10; display:block; position:absolute; right:0; bottom:0; width:36px; height:36px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:-750px -350px; cursor:pointer;}

.bbs-view .hashtag {padding:10px 20px; background-color:#fff;}
.bbs-view .hashtag div {margin:-10px 0 0 -10px;}
.bbs-view .hashtag a {margin:10px 0 0 10px; padding:0 10px 0 10px; display:inline-block; vertical-align:top; background-color:#f4f4f4; border-radius:30px;}
.bbs-view .hashtag a {line-height:30px; font-size:12px; color:#666666;}

.bbs-view .goods {padding:50px 0 30px 0; background-color:#fff; text-align:center;}
.bbs-view .goods ul li {position:relative; z-index:1; width:150px; height:42px; text-align:center; display:inline-block; vertical-align:top; cursor:pointer;}
.bbs-view .goods ul li:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 2px); background-color:#fff; border:1px solid #e5e5e5;}
.bbs-view .goods ul li:after {z-index:-2; display:block; content:''; position:absolute; left:1px; top:1px; width:100%; height:100%; background-color:#f7f7f7;}
.bbs-view .goods ul li:nth-child(n+2) {margin-left:10px;}
.bbs-view .goods ul li span {z-index:1; position:relative; display:inline-block; vertical-align:top; padding-left:27px;}
.bbs-view .goods ul li span {font-weight:bold; line-height:40px; font-size:18px; color:#666666;}
.bbs-view .goods ul li span:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:calc(50% - 8px); width:17px; height:17px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position-x:-250px;}

.bbs-view .goods ul li.good1 span:before {background-position-y:-250px;}
.bbs-view .goods ul li.good2 span:before {background-position-y:-300px;}

.bbs-view .goods ul li.good1 span {color:#0078dd;}
.bbs-view .goods ul li.good2 span {color:#ed1c24;}

.bbs-view .goods ul li.good1.active:before {border-color:#0078dd; background-color:#0078dd;}
.bbs-view .goods ul li.good2.active:before {border-color:#ed1c24; background-color:#ed1c24;}

.bbs-view .goods ul li.good1.active span,
.bbs-view .goods ul li.good2.active span {color:#ffffff;}

.bbs-view .goods ul li.good1.active span:before,
.bbs-view .goods ul li.good2.active span:before {background-position-x:-200px;}

.bbs-view .emotion {background-color:#fff;}
.bbs-view .emotion ul {margin:0 20px; padding:30px 0; display:block; text-align:center; border-top:1px solid #e5e5e5;}
.bbs-view .emotion ul li {position:relative; width:70px; height:87px; text-align:center; display:inline-block; vertical-align:top; cursor:pointer;}
.bbs-view .emotion ul li .icon {margin:0 auto; position:relative; display:block; text-align:center; width:50px; height:50px;}
.bbs-view .emotion ul li .icon img {transition:all .1s ease; display:block; position:absolute; left:0; top:0; width:50px; height:50px; border:0;}
.bbs-view .emotion ul li p {}
.bbs-view .emotion ul li .name {display:block; position:absolute; left:0; top:46px; width:100%; text-align:center; letter-spacing:-0.1em;}
.bbs-view .emotion ul li .name {line-height:1.4; font-size:12px; color:#999;}
.bbs-view .emotion ul li .name.ty-2 {font-size:11px;}
.bbs-view .emotion ul li .count {display:block; position:absolute; left:0; right:0; top:63px; text-align:center;}
.bbs-view .emotion ul li .count span {position:relative; display:inline-block;}
.bbs-view .emotion ul li .count span {line-height:1.4; font-size:16px; color:#333333;}

.bbs-view .contents-line {border-top:1px solid #e5e5e5;}

.bbs-view .btns {display:block; padding:30px 0 50px 0; background-color:#fff; text-align:center;}
.bbs-view .btns a {text-decoration:none; position:relative; display:inline-block; width:162px; height:50px; text-align:center; background-color:var(--bbs-color2); cursor:pointer;}
.bbs-view .btns a {font-weight:bold; line-height:50px; font-size:18px; color:#ffffff;}

.bbs-view .nextarticle {background-color:#fff; padding-bottom:40px;}
.bbs-view .nextarticle li {text-decoration:none; position:relative; display:block; height:51px; background-color:#fff; border-top:1px solid #e8e8e8;}
.bbs-view .nextarticle li:last-child {border-bottom:1px solid #e8e8e8;}
.bbs-view .nextarticle li {position:relative;}
.bbs-view .nextarticle li a {z-index:2; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:#ffffff; opacity:0;}
.bbs-view .nextarticle .title {
    height:51px;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
}
.bbs-view .nextarticle .title span:nth-child(1) {
    display:inline-block;
    -webkit-box:none;
    -moz-box:none;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none;
}
.bbs-view .nextarticle .title span:nth-child(1) {margin:0 20px; padding:0 10px; height:22px; background-color:#f4f4f4; border-radius:22px;}
.bbs-view .nextarticle .title span:nth-child(1) {line-height:22px; font-size:12px; color:#aaaaaa;}
.bbs-view .nextarticle .title span:nth-child(2) {height:51px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.bbs-view .nextarticle .title span:nth-child(2) {line-height:51px; font-size:15px; color:#000;}

.bbs-view .scroll-top {background-color:#fff; padding:100px 0 30px 0; text-align:center;}
.bbs-view .scroll-top span {display:inline-block; width:50px; height:50px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:-850px -350px; cursor:pointer;}