


.search_top {padding:30px 0 20px; text-align:center;}
.search_top .t01 {padding-bottom:20px; font-size:20px; color:#000000; background:url('/images/search/icon_arr01.png') no-repeat center bottom;}
.search_top .t01 strong {color:#30bbc3; font-weight:700;}
.search_top .t02 {font-size:13px; color:#707070; font-weight:300;}
.search_top .t02 em {color:#000000;}
.search_top .t02 strong {color:#000000; font-weight:500;}

.search_title {position:relative; margin-bottom:18px; text-align:left;}
.search_title * {vertical-align:middle;}
.search_title h3 {display:inline-block; margin-right:6px; font-size:18px; color:#30bbc3; font-weight:700;}
.search_title span {font-size:12px; color:#a0a0a0; font-weight:300;}
.search_title span em {font-weight:500; color:#000000;}
.search_title .btn_more02 {position:absolute; right:0; bottom:0; padding-right:9px; font-size:12px; background:url('/images/search/icon_arr03.png') no-repeat right center; background-size:6px auto;}


.btn_more01 {display:block; width:150px; margin:20px auto 0; padding-bottom:2px; border:1px solid #48c2c9; border-radius:30px; text-align:center;}
.btn_more01 * {vertical-align:middle;}
.btn_more01 span {display:inline-block; font-size:15px; color:#30bbc3; font-weight:500; line-height:35px;}
.btn_more01::after {display:inline-block; position:relative; top:2px; width:8px; height:8px; margin-left:4px; vertical-align:middle; background:url('/images/search/icon_plus.png') no-repeat center; content:''; background-size:contain;}
.btn_more01:hover {}

.search_pd {padding:40px 0;}

.img_wrap {overflow:hidden;}
.img_wrap span {position:relative; display:block; background:#e6e6e6;}
.img_wrap span img {position:absolute; top:50%; left:0; width:100%; height:auto; transform:translateY(-50%);}

.surger_info {text-align:left; background:#f8f8f8;}
.surger_info .search_title {margin-bottom:0;}
.surger_info ul {margin-top:20px; text-align:left;}
.surger_info li+li {margin-top:15px;}
.surger_info li a {display:block; position:relative; padding:0 0 18px; border-bottom:1px solid #dfdfdf;}
.surger_info li strong {font-size:15px; font-weight:500;}
.surger_info li .cont {overflow:hidden; margin-top:8px; margin-right:60px; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#666666; font-weight:300;}
.surger_info li .view {position:absolute; bottom:18px; right:0; padding-right:10px; font-size:13px; color:#808080; font-weight:500; background:url('/images/search/icon_arr02.png') no-repeat right 4px; background-size:6px auto;}


.search_blist {overflow:hidden; margin:-10px -5px}
.search_blist li {float:left; width:50%; padding:10px 5px;}
.search_blist li:nth-child(2n+1) {clear:both;}
.search_blist .img_wrap span {padding-bottom:63.97%;}
.search_blist li strong {display:block; overflow:hidden; margin-top:8px; font-size:15px; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}
.search_blist li .cont {overflow:hidden; margin-top:4px; font-size:13px; color:#666666; font-weight:300; white-space:nowrap; text-overflow:ellipsis;}

.search_review {}
.search_review .img_wrap span {padding-bottom:80%;}


.search_tv {background:#f8f8f8;}
.search_tv .img_wrap span {padding-bottom:55.5%;}


.search_bna {}
.search_bna ul {overflow:hidden; margin:-5px;}
.search_bna li {float:left; width:50%; padding:5px;}
.search_bna .sbox {position:relative;}
.search_bna .bna_img {overflow:hidden;}
.search_bna .bna_img span {float:left; position:relative; width:50%; padding-bottom:56.375%;}
.search_bna .bna_img img {position:absolute; top:0; left:0; width:100%; height:100%;}
.search_bna .btn_login {position:absolute; top:0; left:0; z-index:10; width:100%; height:100%;}
.search_bna .btn_login p {display:block; width:50%; height:100%; font-size:11px; line-height:1.3; text-align:center; color:#fff; font-weight:300; background:rgba(55,64,65,.7);}
.search_bna .btn_login p > span {position:absolute; top:50%; left:0; right:50%; transform:translateY(-50%);}
.search_bna .btn_login p strong {font-weight:500;}
.search_bna .btn_login p span span {display:block; width:50px; margin:8px auto; border:1px solid #fff; font-family: 'Roboto', sans-serif; font-size:10px; color:#fff; line-height:18px; text-align:center; letter-spacing:0;}


.search_event {background:#f8f8f8;}
.search_event .img_wrap span {padding-bottom:100%;}



.search_media .img_wrap span {padding-bottom:73.73%;}


.search_recommend {margin-top:40px; padding:72.08% 0 11.111%; background:url('/m/images/search/search_recommend_bg.jpg') no-repeat center top #f8f8f8; background-size:100% auto;}
.search_recommend h3 {display:inline-block; margin-bottom:12px; padding-left:29px; border-bottom:2px solid #bdbdbd; font-size:23px; font-weight:500; line-height:40px; background:url('/images/search/icon_search.png') no-repeat 2px 10px; background-size:21px;}
.search_recommend .cbox {min-height:25rem; padding:3% 3% 5%; background:#fff;}
.search_recommend h4 {margin-bottom:10px; font-size:16px; font-weight:500;}
.search_recommend ul {overflow:hidden; margin:-5px;}
.search_recommend li {float:left; padding:5px;}
.search_recommend li a {display:block; padding:0 8px; border:1px solid #898989; border-radius:14px; color:#898989; font-size:13px; font-weight:300; line-height:26px; transition:all 0.3s;}
.search_recommend li a:hover {border-color:#30bbc3; color:#30bbc3;}