@charset "utf-8";

/* bbs-header */

.bbs-header {position:relative; background-color:var(--bbs-color2);}

.bbs-header .nav {position:relative;}
.bbs-header .nav:before {display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:0; border-bottom:1px solid #000; opacity:0.1;}
.bbs-header .nav ul {position:relative;}
.bbs-header .nav li {display:block; min-height:47px;}
.bbs-header .nav li:nth-child(1),
.bbs-header .nav li:nth-child(3) {position:absolute; bottom:0; width:47px;}

.bbs-header .nav li:nth-child(1) {left:0;}
.bbs-header .nav li:nth-child(2) {margin:0 47px; text-align:center;}
.bbs-header .nav li:nth-child(3) {right:0;}

.bbs-header .nav li:nth-child(1) a,
.bbs-header .nav li:nth-child(3) span {text-decoration:none; display:block; width:47px; height:47px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; cursor:pointer;}

.bbs-header .nav li:nth-child(1) a {background-position:-750px -200px;}

.bbs-header .nav p:nth-child(1) {padding:16px 0 13px 0;}
.bbs-header .nav p:nth-child(1) a {font-weight:bold; line-height:1.4; font-size:18px; color:#fff; word-wrap:break-word; word-break:break-all;}
.bbs-header .nav p:nth-child(2) {line-height:1.4; font-size:13px; color:#fff; word-wrap:break-word; word-break:break-all;}

.bbs-header .nav li:nth-child(3) span {right:0; background-position:-1000px -200px;}

.bbs-header .nav.ty-slogan li:nth-child(2) {padding:15px 0;}
.bbs-header .nav.ty-slogan p:nth-child(2) {padding-bottom:18px;}

.bbs-header .search {display:none; position:absolute; left:0; right:0; bottom:0; width:100%; height:69px;}
.bbs-header .search .block {padding:15px;}
.bbs-header .search .block li {display:inline-block; vertical-align:top;}
.bbs-header .search .block li:nth-child(1) {width:100px;}
.bbs-header .search .block li:nth-child(2) {margin-left:2px; width:calc(100% - 102px);}

.bbs-header .search .selectblock {z-index:1; position:relative; display:block; background-color:#fff;}
.bbs-header .search .selectblock:after {z-index:-1; display:block; content:''; position:absolute; right:12px; top:calc(50% - 4px); width:8px; height:8px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:0px -50px; opacity:0.4;}

.bbs-header .search .selectblock select {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 39px;
    outline: 0;
    opacity: 0;
}

.bbs-header .search .selectblock option {
    line-height: 1.4;
    font-size: 15px;
    color: #000;
}

.bbs-header .search .selectblock .select {padding:0 12px; width:calc(100% - 24px); height:39px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.bbs-header .search .selectblock .select {line-height:39px; font-size:15px; color:#000;}
.bbs-header .search .selectblock.focus:after {opacity:1;}

.bbs-header .search .input {position:relative; width:100%; background-color:#ffffff; border-radius:0; border:0;}
.bbs-header .search .input input {color:#000;}
.bbs-header .search .input input {padding:0 39px 0 12px; width:calc(100% - 51px); height:39px; line-height:39px; font-size:15px; color:#000;}
.bbs-header .search .input .icon {z-index:10; position:absolute; right:0; top:0; width:39px; height:100%; cursor:pointer;}
.bbs-header .search .input .icon:after {z-index:-1; content:''; position:absolute; right:0; top:0; width:39px; height:39px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:-150px -150px; opacity:0.4;}
.bbs-header .search .input.focus .icon:after {opacity:1;}
.bbs-header .search .input.ty-q {background-color:#ffffc4;}

.bbs-header.ty-search {padding-bottom:69px;}
.bbs-header.ty-search .nav li:nth-child(3) {background-position:-200px -650px;}
.bbs-header.ty-search .search {display:block;}

/* bbs-ct */

.bbs-ct {z-index:1; position:relative; padding:0 15px; width:calc(100% - 30px); height:45px; background-color:#ffffff;}
.bbs-ct:after {z-index:-1; display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:0; border-bottom:1px solid #e8e8e8;}
.bbs-ct div {z-index:1; display:block; position:absolute; left:0; top:0; right:0; margin:0 auto; width:100%;}
.bbs-ct ul {position:relative; display:block; white-space:nowrap; overflow-x:auto; overflow-y:hidden;}
.bbs-ct ul::-webkit-scrollbar {display:none;}
.bbs-ct li {padding:0 15px; display:inline-block; vertical-align:top; cursor:pointer;}
.bbs-ct li:first-child {padding-left:0;}
.bbs-ct li:last-child {padding-right:0;}
.bbs-ct li span {position:relative; height:45px; display:block;}
.bbs-ct li span {line-height:45px; font-size:15px; color:#999;}
.bbs-ct li.active span {color:#000;}
.bbs-ct li.active span:after {z-index:1; display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:0; border-bottom:2px solid #000;}

/* bbs-list */

.bbs-list {padding-bottom:50px; background-color:#ffffff;}
.bbs-list.ty-article {border-top:1px solid #e8e8e9;}
.bbs-list a {text-decoration:none;}

/* list */

.bbs-list .list li {position:relative; padding:11px 15px 12px 15px; border-bottom:1px solid #e8e8e9; display:flex; justify-content:space-between;}
.bbs-list .list li a {z-index:10; display:block; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%;}

/*.bbs-list .list .inner.ty-2 {min-height:56px;}*/

.bbs-list .list .block {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.bbs-list .list .block {overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}

.bbs-list .list .block {line-height:1.4; font-size:16px; color:#000;}
.bbs-list .list .ct {margin-right:5px; color:var(--bbs-color2);}

.bbs-list .list .icon-notice,
.bbs-list .list .icon-secret,
.bbs-list .list .icon-adult {position:relative; margin-right:7px; top:2px; display:inline-flex; flex:none; width:15px; height:15px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position-x:-300px;}
.bbs-list .list .icon-notice {background-position-y:0px;}
.bbs-list .list .icon-secret {background-position-y:-50px;}
.bbs-list .list .icon-secret.ty-2 {background-position-y:-100px;}
.bbs-list .list .icon-adult {background-position-y:-250px;}

.bbs-list .list .info {margin-top:2px; margin-bottom:-2px; white-space:nowrap; overflow:hidden;}
.bbs-list .list .info div {display:inline-block; vertical-align:top;}
.bbs-list .list .info div {line-height:1.4; font-size:12px; color:#999999;}
.bbs-list .list .info div:nth-child(n+2) {margin-left:11px;}
.bbs-list .list .info span {display:inline-block;}
.bbs-list .list .info span:nth-child(2) {margin-left:5px;}
.bbs-list .list .info .name {max-width:110px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}

.bbs-list .list .thumb {z-index:1; display:inline-flex; position:relative; width:58px; height:58px; justify-content:flex-end; border:.5px solid rgba(0,0,0,0.08); border-radius:6px;}
.bbs-list .list .thumb > div {display:inline-block; position:relative; width:58px; height:58px;}

.bbs-list .list .thumb img {margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; border:0; border-radius:6px;}

.bbs-list .list .reply {z-index:1; display:inline-flex; position:relative; width:36px; height:60px; background-color:#f3f3f3; border-radius:6px; justify-content: flex-end;}
.bbs-list .list .reply:before {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 10px); top:8px; width:20px; height:20px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:-300px -300px; opacity:0.3;}
.bbs-list .list .reply span {display:block; position:absolute; left:0; right:0; bottom:7px; width:100%; text-align:center;}
.bbs-list .list .reply span {font-weight:bold; line-height:1.4; font-size:12px; color:#000; opacity:0.3;}
.bbs-list .list .reply span.active {opacity:1;}

.bbs-list .list li.ty-all .inner {width:calc(100% - 110px); display:inline-block;}
.bbs-list .list li.ty-thumb .inner {width:calc(100% - 65px); display:inline-block;}
.bbs-list .list li.ty-reply .inner {width:calc(100% - 50px); display:inline-block; vertical-align:top;}
.bbs-list .list li.ty-all .thumb { }

/* notice */

.bbs-list .notice li {background-color:#f3f8fe;}
.bbs-list .notice .inner {min-height:initial;}

/* paging */

.bbs-list .paging {margin-top:25px; height:32px;}
.bbs-list .paging ul {text-align:center;}
.bbs-list .paging li {display:inline-block; vertical-align:top; text-align:center;}
.bbs-list .paging li:nth-child(n+2) {margin-left:10px;}
.bbs-list .paging .btn {width:32px; height:32px; background-color:#f3f3f3; border-radius:100%; cursor:pointer;}
.bbs-list .paging .btn {font-weight:bold; line-height:32px; font-size:12px; color:#bbbbbb;}
.bbs-list .paging .btn.ty-on {background-color:var(--bbs-color2); color:#fff;}
.bbs-list .paging .icon {position:relative; z-index:1; width:32px; height:32px; opacity:0;}
.bbs-list .paging .icon:before {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 9px); top:calc(50% - 9px); width:18px; height:18px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position-x:0px;}
.bbs-list .paging .icon.ty-off {opacity:0;}
.bbs-list .paging .icon.ty-on {cursor:pointer; opacity:0.15;}
.bbs-list .paging .icon.ty-prev-0:before {background-position-y:-500px;}
.bbs-list .paging .icon.ty-prev-1:before {background-position-y:-550px;}
.bbs-list .paging .icon.ty-next-1:before {background-position-y:-600px;}
.bbs-list .paging .icon.ty-next-0:before {background-position-y:-650px;}

/* bbs-not */

.bbs-not {position:relative; padding:50px 30px 100px 30px; background-color:#fff;}
.bbs-not .inner {margin:0 auto; max-width:360px; width:100%;}
.bbs-not .icon span {margin:0 auto; display:block; width:120px; height:120px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position-x:-450px;}
.bbs-not .tx1 {margin-top:45px;}
.bbs-not .tx1 {font-weight:bold; line-height:1.4; font-size:18px; color:#000;}
.bbs-not .tx2 {margin:12px 0 -4px 0;}
.bbs-not .tx2,
.bbs-not .tx2 p {line-height:1.6; font-size:13px; color:#666;}
.bbs-not .tx2 .keyword {color:var(--bbs-color2);}
.bbs-not .tx2.error {color:#ed1c24;}
.bbs-not .tx2 .red {color:#ed1c24;}
.bbs-not .btn {margin-top:40px; text-align:center;}
.bbs-not .btn li {display:block;}
.bbs-not .btn li:nth-child(n+2) {margin-top:10px;}
.bbs-not .btn a,
.bbs-not .btn span {text-decoration:none; display:block; max-width:360px; height:50px; background-color:var(--bbs-color2); text-align:center; cursor:pointer;}
.bbs-not .btn a,
.bbs-not .btn span {font-weight:bold; line-height:50px; font-size:18px; color:#fff;}
.bbs-not.ty-1 .icon span {background-position:-600px 0;}
.bbs-not.ty-2 .icon span {background-position:-600px 0;}
.bbs-not.ty-10 .icon span {background-position-y:-600px;}
.bbs-not.ty-11 .icon span {background-position-y:-150px;}
.bbs-not.ty-12 .icon span {background-position-y:-150px;}
.bbs-not.ty-13 .icon span {background-position-y:-300px;}
.bbs-not.ty-14 .icon span {background-position-y:-600px;}
.bbs-not.ty-20 .icon span {background-position-y:-450px;}
.bbs-not.ty-21 .icon span {background-position-y:-450px;}
.bbs-not.ty-22 .icon span {background-position-y:-450px;}
.bbs-not.ty-30 .icon span {background-position-y:-450px;}
.bbs-not.ty-31 .icon span {background-position-y:-450px;}
.bbs-not.ty-32 .icon span {background-position-y:-450px;}

.bbs-not .block {margin-top:15px; padding-bottom:3px; display:block;}
.bbs-not .block .input {display:block; background-color:#fff; border:1px solid #e1e1e1;}
.bbs-not .block .input input {padding:0 15px; width:calc(100% - 30px); height:47px;}
.bbs-not .block .input input {line-height:47px; font-size:18px; color:#666666;}
.bbs-not .block .input .name {line-height:47px; font-size:18px; color:#999999;}
.bbs-not .block .input.focus {background-color:#fff; border-color:#686868;}
.bbs-not .block .input.focus input {color:#000000;}

.bbs-view-not-footer {height:50px;}