@charset "utf-8";

.bna_list {margin:0 15px;}
.bna_list > ul {overflow:hidden; margin:-3px;}
.bna_list > ul > li {float:left; width:33.33%; padding:3px;}
.bna_list .bna_img {overflow:hidden; position:relative;}
.bna_list .bna_img:after {position:absolute; top:0; left:0; right:0; bottom:0; border:4px solid #db4952; opacity:0; transition:all 0.4s; content:'';}
.bna_list .bna_img > p {float:left; position:relative; width:50%; padding-bottom:63%;}
.bna_list .bna_img img {position:absolute; top:0; left:0; width:100%; min-height:100%;}
.bna_list > ul > li.on .bna_img:after,
.bna_list > ul > li:hover .bna_img:after {opacity:1;}
.bna_list .before_dimmed {display:none;}
.bna_list.login_before .before_dimmed {display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.9);}
.bna_list.login_before .before_dimmed i {position:absolute; top:50%; left:50%; width:40px; height:40px; margin:-20px; border-radius:100%; font-size:9px; font-weight:300; color:rgba(229,229,229,0.8); text-align:center; line-height:40px; border:1px solid rgba(255,255,255,0.3); background:rgba(0,0,0,0.3);}
 

#bna_swiper {position:relative; margin:0 15px;}
#bna_swiper .swiper-container {position:relative;}
#bna_swiper .bna_img {overflow:hidden; position:relative;}
#bna_swiper .bna_img > p {float:left; position:relative; width:50%; padding-bottom:63%;}
#bna_swiper .bna_img img {position:absolute; top:0; left:0; width:100%; min-height:100%;}
#bna_swiper .title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; color:#fff; line-height:35px; text-align:center; font-weight:500; background:#db4952;}
#bna_swiper .swiper-button-prev,
#bna_swiper .swiper-button-next {width:29px; height:54px; margin-top:-27px; background:no-repeat center; background-size:15px auto;}
#bna_swiper .swiper-button-prev {left:10px; background-image:url('../images/btn_prev.png');}
#bna_swiper .swiper-button-next {right:10px; background-image:url('../images/btn_next.png');}

.btn_login {position:absolute; top:0; left:0; width:50%; bottom:35px; z-index:10; background:rgba(0,0,0,0.9);}
.btn_login span {position:absolute; top:50%; left:50%; border-radius:100%; width:130px; height:130px; margin:-65px; padding-top:28px; text-align:center; background:rgba(0,0,0,0.9);}
.btn_login span img {width:90px;}

.page_prev,
.page_next {overflow:hidden; position:absolute; top:50%; z-index:2; width:29px; height:54px; margin-top:-27px; text-indent:-999px;}
.page_prev {left:10px;}
.page_next {right:10px;}

.bna_top {overflow:hidden; position:relative; margin-bottom:20px; padding-bottom:20px; background:#f4edee;}
.board_top {overflow:hidden; padding:30px 15px 0;}
.btitle {float:left; margin-bottom:20px; line-height:1.1;}
.btitle p {font-size:11px; color:#db4952; font-weight:400;}
.btitle h2 {font-size:25px; color:#333333; font-weight:bold;}
.board_top .right {float:right; margin-top:30px;}

#bna_category {position:relative; margin-bottom:10px;}
#bna_category:before {position:absolute; top:0; left:0; right:0; height:3px; background:#e2d3d5; content:'';}
#bna_category .swiper-slide {width:auto;}
#bna_category a {display:block; padding:0 20px; position:relative; text-align:center; line-height:45px; font-size:15px; color:#000000; font-weight:400; transition:all 0.3s;}
#bna_category a:after {position:absolute; top:0; left:0; right:0; height:3px; opacity:0; background:#db4952; transition:all 0.3s; content:'';}
#bna_category .swiper-slide.select a {color:#db4952;}
#bna_category .swiper-slide.select a:after {opacity:1;}


.writeForm {margin-top:20px;}
#boardSkin {margin-bottom:60px;}

#search_box {margin:0 15px;}