.title-middle {

display: block;
background: #fff;
overflow: hidden;
margin-left: 0;
margin-top: 0;
border-bottom: 1px solid #d8d8d8;
font-size:12px;
margin-top:20px;
}
.title-middle ul li {
font-size:12px;
float: left;
padding: 10px 20px;
color: #333;
border-bottom: 3px solid transparent;
cursor:pointer;
font-weight:bold;
}
.title-middle ul li.active {
color: #33bd61;
border-bottom: 3px solid #33bd61;
}

.sticky {
position: fixed;
top: 50px;
left: 0;
width: 100%;
background: #fff;
overflow: hidden;
margin-left: 0;
margin-top: 0;
border-bottom: 1px solid #d8d8d8;
z-index: 99999;
}

.about-yj-m { padding-top:20px;}
.mm20{ margin:10px;}

.container {
  padding: 20px;
}
.container ul li {
  margin-bottom: 20px;
}
.container ul li p {
  position: relative;
}
.container ul li img {
  width: 100%;
  vertical-align: top;
}
.container ul li .bor {
  background: #fff;
  border: 1px solid #d9d9d9;
  padding: 10px;
}
.container ul li .tit_b {
  font-size: 16px;
  line-height: 25px;
  color: #333;
}
.container ul li .tit_s {
  padding-left: 20px;
  background: url(http://pic.c-ctrip.com/h5/mice/m_nic_base.png) left top no-repeat;
}

.container ul li .pr_price {
  display: inline-block;
  padding: 2px 10px;
  color: #fff;
  background: #191d3b;
  font-size: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
}

/*首页*/

.more-city:after {
  right: 3px;
}
.mt-place-right:after, .mt-order-list li:after, .formal li:after, .first:before, .mt-bd li .text-word:after, .more-city:after, .mt_arrow:before, .mt-order:before, li.room-few:after, .detail-date-mt .detail-date:after, .hotel-content:after, .detail-date.room-content:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  vertical-align: -1px;
  border-top: 2px solid #ddd;
  border-right: 2px solid #ddd;
  position: absolute;
  top: 50%;
  right: 2px;
  -webkit-transform: translate(0,-50%) rotate(45deg);
  -moz-transform: translate(0,-50%) rotate(45deg);
  transform: translate(0,-50%) rotate(45deg);
  -ms-transform: translate(0,-50%) rotate(45deg);
}

.hot-place{border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #e1e1e1;
  border-image: url(ddata:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch;
  -webkit-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch;}
.hot-place{background: #fff;margin-bottom: 5px;}
.hot-place h2{font-size: 15px;position: relative;padding:0 8px;padding-right: 100px;height: 35px;line-height: 35px;}
.more-city{font-size: 13px;color:#999;position: absolute;right: 10px; top:0;padding-right: 15px;}
.more-city:after{right:3px;}
.place-list a{min-height: 103px;border-radius: 5px;display: block;font-size: 0px;}
.place-pic{min-height: 103px;position: relative;border-radius: 5px;overflow: hidden; }
.place-pic img {
  width: 100%;
  border: 0;
  border: none;
  outline: none;
}
.place-pic img{min-height: 103px;overflow: hidden;border:0;}

.place-city{position: absolute;right: 10px;top: 10px;color:#fff;font-size:12px;text-align:center;background: rgba(0,0,0,0.6);border-radius: 15px;min-width:35px;height: 16px;line-height: 16px;padding:0 8px;}
.place-list h3{font-size: 14px;line-height: 1.8;padding-top: 5px;}
.place-price{height: 20px;line-height: 20px;border-radius: 5px;overflow: hidden;}
.place-list li{padding:8px;}
.place-list li:last-child{border-bottom: 0;}
.place-mt{font-size: 12px;padding-right:10px;max-width: 50%;float: left;color:#666;}
.place-mt em{color:#ff3000;   font-style: normal;
  font-weight: 400;}
.place-mt .place-up{color:#999;font-size: 12px;transform:scale(0.8);display: inline-block;margin-left: 2px;}
/* 话术 */
.group-text{padding:10px 16px 18px;}
.group-hd{position: relative;}
.group-hd:after{content:"";border-color: #d3d3d3;display: block;height: 1px;width: 100%;position: absolute;left: 0;top:50%;}
.group-text h2{font-size: 14px;text-align: center;background: #f3f3f3;padding:0 5px;position: relative;z-index: 1;width:180px;margin:0 auto;}
.circle{width: 4px;height:4px;overflow: hidden;background: #333;display: inline-block;border-radius: 50%;vertical-align:2px;}
.group-text p{font-size: 12px;color: #999;}
.group-hd:after {
  content: "";
  border-color: #d3d3d3;
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
}
.edit-main li, .contact-r, .contact-info, .fill-main p, .back-main p, .back-list:first-child, .other-list li, .mt-order-list li:first-child, .formal, .formal li, .mt_bd li, .mt-arrow .mt-word, .mt-bd li .text-word, .mt-bd li .text-word, .ad-last a:first-child, .place-list li, .hot-place h2, .mt-detail-top>li, .group-hd:after, .detail-date, .mt-tab {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e1e1e1;
  border-image: url(ddata:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch;
  -webkit-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch;
}

/*酒店内页*/
.mt-detail-content {
  min-height: 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.mt-detail-content li {
  padding: 0;
  border-bottom: 0;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: #e2e2e2 solid 1px;
}
p.color66 {
  color: #999;
  font-size: 12px;
}
.mt-detail-content li:last-child {
  border-right: none;
}
.mt-detail-top li:last-child {
  border-bottom: 0;
}

/*酒店列表页*/
.mt-list-main li {
  padding: 5px;
  border-bottom: #dddddd solid 1px;
  min-height: 86px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ddd;
  border-image: url(ddata:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch;
  -webkit-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch;
}
.mt-list-pic {
  width: 86px;
  height: 86px;
  overflow: hidden;
  float: left;
  border-radius: 3px;
  margin-right: 5px;
}
.mt-list-pic a {
  font-size: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.mt-list-pic a img {
/*  min-width: 86px;
  min-height: 86px;*/
  vertical-align: middle;
}
.mt-list-word {
  min-height: 86px;
}
.mt-list-word h2 {
  font-size: 14px;
  color: #111!important;
  line-height: 1.8;
}
.mt-list-r {
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.mt-list-r p:first-child {
  height: 20px;
}
.mt-list-r p {
  height: 18px;
}
.hotel-star {
  color: #111;
  line-height: 1.8;
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.mt-list-info {
  font-size: 12px;
  color: #999;
  font: 400 12px/1.2 Arial,"Lucida Grande",Verdana,"Microsoft YaHei",hei;
}
.mt-list-info span {
  float: left;
  margin-right: 4px;
  line-height: 1.5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mt-list-show3 {
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  color: #666;
}
span.mt-list-show3 {
  margin-top: 2px;
}

span.mt-list-show1, span.mt-list-show2 {
  margin-top: 4px;
  width: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.mt-list-icon1,.mt-list-icon2{float: left;margin-left: -2px;height: 16px;}
.mt-list-icon1:before,.mt-list-icon2:before{display:none;content: "会";display: inline-block;border:#1ba0ec solid 1px;border-radius: 3px;width: 12px;height: 12px;overflow: hidden;line-height: 1;color: #1ba0ec;padding: 1px;transform: scale(0.7);-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);}
.mt-list-icon2:before{content: "容";} 

span.mt-list-show2 {
  width: 95px;
}
.mt-list-btn {
  width: 22%;
}
.mt-list-btn p {
  width: 100%;
  min-height: 26px;
  line-height: 24px;
  border-radius: 2px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.list-group>span {
  display: block;
  text-align: right;
  line-height: 1;
}
.list-group .group-title {
  font-size: 12px;
  color: #c6c6c6;
  display: inline-block;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
}
.mt-hotel-sprice {
  display: block;
  font-size: 12px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.mt-hotel-sprice dfn {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #fd8612;
}
dfn {
  font-family: Arial;
}
.mt-hotel-sprice em {
  font-size: 14px;
  color: #ff8a00;
  font-weight: 600;
}
.mt-hotel-sprice .group-up {
  font-size: 12px;
  font-weight: 500;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  display: inline-block;
}
.list-group .line {
  height: 1px;
  background: -webkit-linear-gradient(left ,rgba(225,225,225,0) 0%,rgba(225,225,225,1) 100%);
}
.list-group .group-title {
  font-size: 12px;
  color: #c6c6c6;
  display: inline-block;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
}

.hot_df .tit{ border:none}

.mt-list-show {
  width: 100%;
  height: auto;
  background: #fff;
   
}
.ellips{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}