/*目的地sug--20190919版本*/
.ih-sugbox-new{ width: 500px; border:1px solid #ddd; box-shadow:2px 2px 6px 0 rgba(0,0,0,.2);; background: #fff;}
.ih-sugbox-new .other-city{height: 30px; padding: 0 15px; line-height: 30px; background: #fafafa; font-size: 12px; color: #888;}
.ih-sugbox-new .sug-list{ padding:10px 0;}
.ih-sugbox-new .sug-item{ padding:8px 15px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;-moz-box-align:center;-webkit-box-align:center; -ms-flex-align:center;-o-box-align:center;box-align:center;}
.ih-sugbox-new .sug-item-hover{ background: #f5f5f5; cursor:pointer;}
.ih-sugbox-new .sug-item .item-left{ -webkit-box-flex: 0; margin-right: 12px;}
.ih-sugbox-new .sug-item .item-left .icon{ display: block;width: 18px; height: 18px; background: url("//www.elongstatic.com/ihotelStatic/pic/sug-icon.png"); background-size: 500px 18px;}
.ih-sugbox-new .sug-item .item-left .icon-country{ background-position: 0 0;}
.ih-sugbox-new .sug-item .item-left .icon-theme{ background-position: -18px 0;}
.ih-sugbox-new .sug-item .item-left .icon-city{ background-position: -36px 0;}
.ih-sugbox-new .sug-item .item-left .icon-poi{ background-position: -54px 0;}
.ih-sugbox-new .sug-item .item-left .icon-airport{ background-position: -72px 0;}
.ih-sugbox-new .sug-item .item-left .icon-railway{ background-position: -90px 0;}
.ih-sugbox-new .sug-item .item-left .icon-subway{ background-position: -108px 0;}
.ih-sugbox-new .sug-item .item-left .icon-bus{ background-position: -126px 0;}
.ih-sugbox-new .sug-item .item-left .icon-scenic{ background-position: -144px 0;}
.ih-sugbox-new .sug-item .item-left .icon-shopping{ background-position: -162px 0;}
.ih-sugbox-new .sug-item .item-left .icon-beach{ background-position: -180px 0;}
.ih-sugbox-new .sug-item .item-left .icon-site{ background-position: -198px 0;}
.ih-sugbox-new .sug-item .item-left .icon-school{ background-position: -216px 0;}
.ih-sugbox-new .sug-item .item-left .icon-hospital{ background-position: -234px 0;}
.ih-sugbox-new .sug-item .item-left .icon-hotel{ background-position: -252px 0;}
.ih-sugbox-new .sug-item .item-left .icon-other{ background-position: -270px 0;}
.ih-sugbox-new .sug-item .item-main{ -webkit-box-flex: 1; width: 100%;}
.ih-sugbox-new .sug-item .item-main .title-cn{ line-height:20px; font-size: 14px; color: #555555; word-break: break-all; word-wrap: break-word; text-align: justify;}
.ih-sugbox-new .sug-item .item-main .title-cn .text-light,.ih-sugbox-new .sug-item .item-main .title-en.text-light{ color: #ff661f;}
.ih-sugbox-new .sug-item .item-main .title-en,.ih-sugbox-new .sug-item .item-main .title-another{ line-height:18px; font-size: 12px; color: #b2b2b2;word-break: break-all; word-wrap: break-word; text-align: justify;}
.ih-sugbox-new .sug-item .item-main .des{ line-height:18px; font-size: 12px; color: #4499ff;}
.ih-sugbox-new .sug-item .item-right{  -webkit-box-flex: 0; margin-left: 30px; line-height: 16px; color: #555; font-size: 12px; text-align: right;}
.ih-sugbox-new .sug-item .item-right .des{ color: #b2b2b2;}



/* 样式合并 */

#m_contentend {
  position: static;
}

.ih-sugbox{
  width: 542px;
  padding: 25px 30px;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 2px 2px 6px 0 rgba(0,0,0,.2);
  overflow: hidden;
}
.ih-sugbox1{
  width: 560px;
  padding: 0;
}
.ih-sugbox2{
  width: 402px;
  padding: 8px 20px;
}
.toltal-city{
  margin-bottom: 14px;
  font-size: 12px;
  color: #999;
}
.area-tit{
  border-bottom: 2px solid #ddd;
}
.area-tit li{
  position: relative;
  float: left;
  padding: 0 13px 10px 13px;
  margin-right: 7px;
  font-weight: 700;
  font-size: 14px;
  color: #555;
  cursor: pointer;
}

.area-tit .act,.area-tit li.hover{
  color: #49f;
}
.area-tit li.act:after,.area-tit li:hover:after{
  pointer-events: none;
  position: absolute;
  z-index: 999;
  bottom: -2px;
  left: 0;
  width: 100%;
  overflow: hidden;
  content: "\0020";
  border-color: #49f;
  border-style: solid;
  border-width: 0 0 3px 0 !important;
}
.destination-city {
  padding-bottom: 8px;
  border-bottom: 1px dashed #ddd;
}
.destination-city a{
  float: left;
  width: 79px;
  height: 26px;
  line-height: 26px;
  margin-top: 8px;
  padding-left: 10px;
  font-size: 14px;
  color: #333;
}
.destination-city a:hover{
  color: #49f !important;
  background: #ecf5ff;
}
.sug-recommend p{
  margin-top: 20px;
}
.sug-recommend .sug-recommendp2{
  margin-top: 12px;
}
.sug-recommend a{
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 6px;
  margin-right: 18px;
  font-size: 14px;
  color: #333;
}
.sug-recommend a:hover{
  color: #49f;
  background: #ecf5ff;
}
.sug-recommend .recom-tit{
  font-weight: 700;
  margin-right: 14px;
  cursor:  default;
}
.sug-recommend .recom-tit i{
  margin-right: 8px;
}
.sug-recommend .recom-country,.sug-recommend .recom-country:hover {
  color: #24b28d;
  background: none;
}
.sug-recommend .recom-theme,.sug-recommend .recom-theme:hover{
  color: #f5a025;
  background: none;
}
.ih-sugbox2 .key-tit{
  font-weight: 700;
  font-size: 14px;
  color: #555;
  margin: 12px 0 6px 0;
}
.ih-sugbox2 .key-tit i{
  margin-right: 6px;
}
.ih-sugbox2 .key-cont{
  line-height: 32px;
  margin-left: 20px;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 6px;
}
.borbnone{
  border-bottom: none !important;
}
.ih-sugbox2 .key-cont a{
  float: left;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 6px;
  color: #555;
  font-size: 14px;
  margin: 0 8px 6px 0;
}
.ih-sugbox2 .key-cont a:hover{
  color: #49f;
  background: #ecf5ff;
}
.dest-sear-contxt .fl {
  width: 350px !important;
}
.dest-sear-contxt .fr {
  width: 140px !important;
}

  /*
      date样式文件抽取
      'https://file.40017.cn/js40017cnproduct/cn/h/elong_pc/common/css/new2015.min.css';
  */
.com_cbox .calendar_year .year a,.com_cbox .calendar_year .month_1 a{
  display: inline-block;
  background: url(../pic/icon2015-0.png?t=20160613121949) no-repeat;
  vertical-align: middle;
  overflow: hidden;
}
.com_cbox{position:relative;border:#aaaaaa solid 1px;background:#FFF;width:300px;overflow:hidden;}
.com_cbox .c_green {color:#1c95c4;}
.com_cbox .calendar_year a:link{text-decoration:none;width:12px;height:12px;display:block;font-size:30px;}
.com_cbox .calendar_year {background:#e8eff5;width:300px;font-weight:bold;height:22px;font-size:12px;position:relative;line-height:22px;z-index:100;}
.com_cbox .calendar_year .h{margin-left:47px;_margin-left:24px;display:block;float:left;background:none;}
.com_cbox .calendar_year .m{margin-right:55px;display:block;text-align:right;float:right;_float:none;}
.com_cbox .calendar_year .year {left:28px;position:absolute;_height:12px;_overflow:hidden;}
.com_cbox .calendar_year .month {position:absolute;top:3px;right:6px;}
.com_cbox .calendar_year .month_1{position:absolute;right:-10px;top:0;height:10px;overflow:hidden;}
.com_cbox .date_box table {font-size:12px;float:left;margin:10px 0;}
.com_cbox .date_box .hr{width:1px;height:120px;line-height:0;font-size:1px;border-left:#aaaaaa solid 1px;float:left;margin:8px 8px 0 8px;}
.com_cbox .date_box td{text-align:center;vertical-align:middle;width:14%;cursor:pointer;font-weight:bold;line-height:24px;}
.com_cbox .date_box th {text-align:center;vertical-align:middle;width:14%;color:#777777;font-weight:bold;}
.com_cbox .date_box .Close{font-weight:normal;color:#777777;cursor:auto;}
.com_cbox .date_box td.hover {background:#1c95c4 none repeat scroll 0 0;font-weight:bold;color:#FFFFFF;}
.com_cbox .date_box td.newdate{color:#BB0000;font-weight:bold;}
#m_contentend{position: relative;}
.date_box{position: relative;width: 560px;height: 100%;}
.date_box .month_opa{position: absolute;width: 50%;height: 100%;text-align: center;font-size: 120px;top:0;left: 0;line-height: 200px;z-index: 0;}
.date_box .month_opa2{position: absolute;width: 50%;height: 100%;text-align: center;font-size: 120px;top: 0;left: 50%;line-height: 200px;z-index: 0;}
.date_box .month_opa,.date_box .month_opa2{color: #f4f4f4;}
.date_box table{position: relative;z-index: 2;}
.com_cbox .date_box table td{color: #58c;font-weight: normal;width: 36px;text-align: center;line-height: 26px;}
.com_cbox .date_box table td.hover{color: #fff;background: #36c;font-weight: normal;}
.com_cbox .date_box td.newdate{font-weight: normal;color: #f60;}
.com_cbox .date_box .family{background: #f4f4f4;}
.com_cbox .date_box .Close{color: #ccc;}
.com_cbox .date_box .hr{border-left: 1px solid #ededed;}
.com_cbox, .com_cbox{padding: 10px 20px;width: 560px;}
.com_cbox .calendar_year{background: none;}
.com_cbox .date_box table td.check{color: #fff;background: #36c;border-right: 1px solid #fff;position: relative;}
.com_cbox .date_box table td.interval{color: #fff;background: #86b7f4;border-right: 1px solid #fff;}
.com_cbox .calendar_year .h, .com_cbox .calendar_year .m{width: 260px;margin:0;text-align: center;color: #555;font-size: 14px;}
.com_cbox, .com_cbox .calendar_year{width:560px;}
.com_cbox .calendar_year .year,.com_cbox .calendar_year .month_1{width:20px;height: 20px;}
.com_cbox .calendar_year .year{left: -10px;}
.com_cbox .calendar_year .year a,.com_cbox .calendar_year .month_1 a{width: 20px;height: 20px;background-position:-711px -560px;}
.com_cbox .calendar_year .cu_n{width: 20px;height: 20px;background-position:-711px -560px;}
.com_cbox .calendar_year .year a{background-position:-711px -580px;}
.com_cbox .calendar_year .year a:hover{background-position:-711px -620px;}
.com_cbox .calendar_year .month_1 a{background-position:-711px -560px;}
.com_cbox .calendar_year .month_1 a:hover{background-position:-711px -600px;}
.com_cbox .tag{ width:40px;height:26px;position:absolute;top:26px;left:0px;background-position:-605px -620px;z-index: 3;box-shadow: 1px 1px 3px #ebebeb;}
.tag b{width:40px;height:20px;display: block;text-align: center;font-weight: normal;color: #36c;line-height: 32px;}
.arrow{position:absolute;width:40px;height:26px;left:0px;top:-26px;overflow:hidden;}
.arrow *{display:block;position:absolute;font-size:34px;line-height:34px;width:36px;font-style:normal;font-weight:normal;text-align:center;vertical-align:middle;}
.arrow em{color:#92bbee;top:15px;}
.arrow span{color:#FFF;top:16px;}

.com_cbox .date_box .or {
  color: #f55;
}

.Cal-desc {
  width: 560px;
  background-color: #fff5e5;
  color: #ff6000;
  font-size: 12px;
  margin-top: 10px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
}

/* sug搜索样式抽取
https://file.40017.cn/css40017cnproduct/cn/h/elong_pc/20190619_11.18400/new_index2017.css
*/
.f61f {
  color: #ff661f;
}
.fl {
  float: left;
}
.fr{
  float: right;
}
.dest-sear li {
  position: relative;
  padding: 4px;
  border-bottom: 1px solid #ddd
}

.dest-sear .dest-sear-type {
  position: absolute;
  width: 54px;
  text-align: center;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%)
}

.dest-sear .dest-sear-contbox {
  border-left: 1px solid #ddd;
  margin: 3px 0 3px 56px
}

.dest-sear .dest-sear-cont {
  color: #b2b2b2;
  cursor: pointer;
  margin-left: 4px
}

.dest-sear .dest-sear-cont p {
  padding: 0 6px 0 6px;
  line-height: 18px
}

.dest-sear .dest-sear-contxt {
  padding: 4px 0 8px 0
}

.dest-sear .dest-sear-cont:hover .dest-sear-contxt {
  background: #f3f7fc
}

.bgd-s-ctxt {
  background: #f3f7fc
}

.dest-sear-contxt .fl {
  width: 370px
}

.dest-sear-contxt .fr {
  text-align: right;
  width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.dest-sear-cont .cname {
  color: #333;
  font-size: 14px
}

.dest-sear-cont .cnamefl {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 370px
}

.dest-sear-cont .hnum {
  font-size: 12px;
  color: #b2b2b2
}

.choice-per {
  color: #49f
}

.dest-sear-cont .english-cname {
  word-break: break-all;
  word-wrap: break-word;
  color: #888;
  margin-left: 14px
}


/* 图标 */
.sugic {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(//file.40017.cn/img140017cnproduct/cn/h/elong_pc/20181019_15.1843e/index2015/icon2015-0.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  overflow: hidden
}

.sugic1 {
  background-position: -695px -1072px
}

.sugic2 {
  background-position: -713px -1072px
}

.sugic3 {
  background-position: -803px -1072px
}

.sugic4 {
  background-position: -821px -1072px
}

.sugic5 {
  background-position: -839px -1072px
}

.sugic6 {
  background-position: -857px -1072px
}

.sugic7 {
  background-position: -875px -1072px
}

.sugic8 {
  background-position: -893px -1072px
}

.sugic9 {
  position: absolute;
  left: 25px;
  top: -15px;
  width: 29px;
  height: 18px;
  background-position: -731px -1072px
}

.sugic10 {
  position: absolute;
  left: 25px;
  top: -15px;
  width: 39px;
  height: 18px;
  background-position: -762px -1072px
}
