@charset "utf-8";
/* CSS Document */
/*********** Base Style ***********/



.img_wrap  p {padding-bottom:100% !important;}


.board_list {}
.board_list > ul {overflow:hidden; margin:-20px -5px; text-align:center;}
.board_list > ul > li {float:left; width:50%; padding:20px 5px;}
.board_list > ul > li > div {}
.board_list .cont {border-top:0; padding:10px; text-align:left; background:#eceff0;}
.board_list .title {overflow:hidden; height:36px; font-size:15px; color:#222222; line-height:18px; font-weight:bold; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.board_list .txt {overflow:hidden; margin-top:10px; font-size:14px; color:#333333;}
.board_list .txt * {vertical-align:top;}
.board_list .b_info {margin-top:0;}
.btn_login {position:absolute; top:0; left:50%; width:50%; bottom:0; background:url('../images/login.png') no-repeat center rgba(51,51,51,0.75);}

/*
.board_list strong {display:block; overflow:hidden; height:62px; padding:7px 20px 2px; font-size:24px; color:#383838; line-height:30px; font-weight:400;}
.board_list span {display:inline-block; margin-top:15px; font-size:16px; color:#888888;}
*/


.before_after {margin:20px 0; font-size:0; text-align:center;}
.before_after > div {display:inline-block; width:48.5%; position:relative;}
.before_after > div+ div {margin-left:3%;}
.before_after .img {overflow:hidden; position:relative; padding-bottom:112.18%; text-align:center; background:#eaeaec;}
.before_after .img img {position:absolute; top:0; left:50%; height:100%; transform:translateX(-50%); vertical-align:top;}
.before_after .txt {font-weight:700; letter-spacing:0; font-size:12px; color:#fff; line-height:25px; text-align:center; background:#333333;}
.before_after .after .txt {background:#f1597d;}



#categoryBox ul+ul {margin-top:10px;}

.best_container {margin:0 -15px; background:#f7f7f7;}
#best_swiper {position:relative; margin:0 0 20px; padding:30px 50px;}
#best_swiper .swiper-slide {overflow:hidden;}
#best_swiper .swiper-slide .icon_best {position:absolute; top:10px; right:10px; z-index:10; width:47px;}
#best_swiper .title {overflow:hidden; max-height:42px; margin-top:17px; font-size:16px; line-height:21px; color:#000000; font-weight:bold; display: -webkit-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
#best_swiper .content {overflow:hidden; max-height:57px; margin-top:10px; font-size:14px; color:#888888; line-height:19px; display: -webkit-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis;}
#best_swiper .title {-webkit-line-clamp: 2;}
#best_swiper .txt {margin:11px 0 5px; font-size:14px; color:#333333;}
#best_swiper .txt em {color:#f1597d;}
#best_swiper .swiper-button-prev {left:11px; width:13px; height:25px; margin-top:-12px; background:url('../images/btn_prev.png') no-repeat; background-size:100% auto;}
#best_swiper .swiper-button-next {right:11px; width:13px; height:25px; margin-top:-12px; background:url('../images/btn_next.png') no-repeat; background-size:100% auto;}
#best_swiper .swiper-pagination {position:relative; bottom:0; margin-top:10px;}
#best_swiper .swiper-pagination-bullet {position:relative;  width:6px; height:6px; margin:0 4px; background:#cecece; opacity:1;}
#best_swiper .swiper-pagination-bullet-active {background:#f1597d;}
#best_swiper .swiper-pagination-bullet-active:before {position:absolute; top:50%; left:50%; width:14px; height:14px; margin-left:-7px; margin-top:-7px; border-radius:50%; border:1px solid #f1597d; content:'';}