.main_room {background:#f5f6f8;}
.main_room .title {margin: 0px 0 20px 0; padding-top: 80px;}
.main_room .title .t01 {font-size: 33px;}
.main_room .room_list {max-width:1245px; margin:0 auto; padding-bottom:170px;}
.main_room .room_list .room_arrow .room_arrow_inner {width:106px; background:#f5f6f8; border:none; left:50%; margin-left:-53px; top:390px;}
.main_room .room_list .pre_btn {display:inline-block; padding:13px 23px; width:auto; line-height:normal; border:1px solid #ddd; background: url("../images/common/room_pre.png") no-repeat 50% 50% #fff; text-indent: -9999px; transition:.3s;} 
.main_room .room_list .pre_btn:hover {border:1px solid #ccc; transition:.3s;}
.main_room .room_list .nex_btn {display:inline-block; padding:13px 23px; width:auto; line-height:normal; border:1px solid #ddd; background: url("../images/common/l_le.png") no-repeat 50% 50% #fff; text-indent: -9999px; margin-left:10px; transition:.3s;} 
.main_room .room_list .nex_btn:hover {border:1px solid #ccc; transition:.3s;}
.main_room .room_box {height:400px;}
.main_room .room_box .img {width:370px; height: 250px; background-size: cover !important;}
.main_room .room_box .room_inner_wrap { display:inline-block; width:370px; top:0px; }
.main_room .room_box .room_inner_box {top:0px; right:auto; width:368px; height: auto; padding:0px; border: 1px solid #e5e5e5;}
.main_room .room_box .t01 {font-size: 20px; margin: 15px 0 0 20px;}
.main_room .room_box .t02 {font-size:14px; margin:5px 0 20px 20px; line-height: 22px;}
.main_room .room_box .t03 {position: absolute; top: 0px; right: 20px; padding: 11px 29px 11px 19px; margin-top: 38px;}

@media screen and (max-width: 1176px){
.main_room .room_list {max-width:990px;}
.main_room .room_box .img {width: 300px}
.main_room .room_box .room_inner_wrap {width: 300px}
.main_room .room_box .room_inner_box  {width: 298px}
}

@media screen and (max-width: 768px){
.main_room .title {padding-top: 10px;}
.main_room .title .t01 {font-size: 21px; margin-top: 40px;}
.main_room .title .t02 {font-size: 13px;}
.main_room .room_list {width: 92%; margin-left: 5%; padding-bottom: 7px;}
.main_room .room_list .room_arrow .room_arrow_inner{top: 290px; margin-left: -60px;}
.main_room .room_list .pre_btn {text-align:left;}
.main_room .room_box { width:95%; height:380px; }
.main_room .room_box .img {width: 100%; height: 170px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; background-position: center center !important;}
.main_room .room_box .room_inner_wrap {width: 100%;}
.main_room .room_box .room_inner_box  {width: 100%; margin: 0;}
.main_room .room_box .t01 {font-size: 18px; margin: 15px 15px 5px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_room .room_box .t02 {font-size: 14px; margin: -5px 15px 20px 15px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.main_room .room_box .t03 {top: -170px; left: 0px; right: 0px; background:none; border: none; text-indent: -9999px; padding: 0; height: 280px; margin: 0px;}
}