@charset "utf-8";


/* 노트북 */


/* 페이지 */
.div_con {width:100%; min-height:100vh;}
.div_con_left {float:left; width:50%; min-height:100vh;  background:#fff; box-sizing:border-box; padding:20px; }
.div_con_right {float:left; width:50%; min-height:100vh; background:#e0e0e0;}
.div_con_left h2 {font-size:17px; font-weight:bold; margin:0;}

.div_movile .close,
.div_movile .all,
.div_movile .left > div > div { display: none;}


.placeNav {width: 100%; float:left; text-align: center; }
.placeNav ul {display: flex; margin:30px 0 25px 0;  padding: 0;}
.placeNav ul li { flex:1; height: 30px; border-bottom: 1px solid #999; box-sizing:border-box;}
.placeNav ul h4 {flex:1; font-size: 14px; font-weight: bold; line-height:30px; text-align:left; cursor:pointer;}
.placeNav ul a {color: #aaa; }
.placeNav ul .active { border-bottom:2px solid #000;}
.placeNav ul .active a {color: #000;}

.optionNav{width: 100%; float:left; text-align: center; }
.optionNav ul {display: flex; margin:0 auto; display:inline-block; margin-bottom:15px;}
.optionNav ul li { flex:1;  font-size: 14px; font-weight: bold; text-align:center; cursor:pointer; box-sizing:border-box; float:left; text-align:center; padding:5px 10px; border-radius:7px;}
.optionNav ul li a:hover {color: #333; }
.optionNav ul a {color: #aaa; }
.optionNav ul .active, 
.optionNav ul .active a:hover,
.optionNav ul .active a { background:#000; color: #fff;}

.cateNav {width: 100%; float:left;  }
.div_con_right .hotel_picture {height:230px;}
.div_con_right .hotel_picture .left {float: left; width: 100%; height:100%; overflow: hidden;}
.div_con_right .hotel_picture .left img {margin-top:-50px;}
.div_con_right .hotel_picture .right {display:none;}


/* 페이지-왼쪽- 리스트목록1 */

.div_con_left .goods_list ul li {position: relative; float: left; width: 31.9%; height:170px; margin:0 0.7% 7px 0.7%;}

.div_con_left .goods_list ul li .box {height:170px;}
.div_con_left .goods_list ul li .pic {height:90px;}
.div_con_left .goods_list ul li .pic img {height:90px;}


.div_con_left .goods_list ul li:hover .pic img {height:90px;}
.div_con_left .goods_list_long ul li .box h5.tit  {font-size:13px; color:#888; font-weight:normal; margin:5px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}