#btnRegister_v {
  background-color: #ec2027 !important;
}
.extend_home_bg_color,
#addTwoWay,
#minTwoWay,
.seachbtn {
  background-color: #672e87;
}
.nav-tabs .blue {
  background-color: #672e87;
}
.nav-tabs .active a {
  background-color: #ec2027 !important;
  color: #fff !important;
}
.seachbtn:hover {
  background-color: #672e87 !important;
}
.glyphicon.glyphicon-plus,
.glyphicon.glyphicon-minus {
  background-color: #672e87 !important;
}
.mask h3 {
  color: #ff5e18;
}
.mask .price {
  background-color: #75bc3a !important;
  color: #fff !important;
}
.flight-location-selector-wrap .flight-location-lv1-wrap a.active {
  background-color: #672e87 !important;
}
.flight-location-selector-wrap .flight-location-lv1-wrap a.active:after {
  border-color: transparent transparent transparent #672e87;
}
.flight-location-selector-wrap .flight-location-lv2-wrap ul li a:hover {
  color: #672e87 !important;
}
.hot-airline li:hover {
  background-color: #672e87 !important;
}
.priceButton,
.yuding,
.submit-01,
.btn_button {
  background-color: #672e87 !important;
  color: #fff !important;
}
.departure-search-wrap,
.right_body,
.departure_top {
  border-top-color: #672e87 !important;
}
#clearallTransit,
.select-all-bar button {
  color: #672e87;
}
.spn_totalFlightCount {
  color: #672e87 !important;
}
.btn-box {
  background-color: #672e87 !important;
  color: #fff !important;
  border: none !important;
}
.sorting-list li:hover {
  background-color: #672e87 !important;
  color: #fff !important;
}
.labelBg {
  background-color: #672e87 !important;
  color: #fff;
}
.fa-search {
  color: #672e87;
}
.extend_confirm_button_bg_color {
  background-color: #e00000 !important;
  color: #e00000;
}
.cuponCodeBtn {
  background-color: #e00000 !important;
}
.submintBtn {
  background-color: #e00000 !important;
}
.travelInfor > div,
.passengerInfor > form {
  border-top-color: #ec2027 !important;
}
.tiele_span,
.title,
.travelName {
  color: #4c4c4c !important;
}
.insurance-info .insurance-info-content p.amount {
  color: #672e87 !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background-color: #672e87 !important;
}
.date-range-end a {
  background-color: #672e87 !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover {
  background-color: #672e87 !important;
}
.tripItem li:hover {
  background: #ec2027 !important;
  color: #fff !important;
}
.tripItem li:hover a {
  background: #ec2027 !important;
  color: #fff !important;
}
.blue:hover {
  background: #672e87 !important;
}
.blue {
  background: #672e87 !important;
}
.top-header {
  background-color: #ffffff !important;
  padding: 0;
  line-height: 36px;
}
.top-header .top-contact {
  color: #666 !important;
}
.top-header .top-login a {
  color: #666 !important;
}
.top-header .text-right {
  color: #666 !important;
}
.top-mega-menu {
  z-index: 99999;
  background-color: #ffffff;
}
.top-mega-menu .travel-mega-menu {
  background-color: #ffffff;
}
.top-mega-menu .travel-mega-menu li.shopping-cart-menu .badge {
  background-color: #e00000;
}
.top-mega-menu .travel-mega-menu li a {
  color: #666;
}
.top-mega-menu .travel-mega-menu li a:hover {
  color: #e00000;
}
#footer {
  background-color: #0c1314;
  color: #ffffff;
}
#footer h3 {
  color: #ffffff;
}
#footer p i {
  color: #ff7c1b !important;
}
#footer .socialfooter i {
  background-color: #ff7c1b !important;
  border-color: #ff7c1b !important;
}
#footer .footer-bottom {
  background-color: #151e1f;
}
#footer .footer-bottom #list a {
  color: #ffffff;
}
.hotel_bar .progress-bar {
  color: #ccc;
  font-size: 14px;
  position: relative;
  display: flex;
  margin-bottom: 20px;
  background: none;
  border-bottom: none;
}
.hotel_bar .progress-bar li {
  position: relative;
  display: inline-block;
  min-width: 140px;
  margin-right: 120px;
  margin-bottom: 20px;
  text-align: left;
}
.hotel_bar .progress-bar li a {
  color: #333333;
}
.hotel_bar .progress-bar li:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: -22.5px;
  left: 1%;
  width: 198%;
  height: 5px;
  background-color: #E6E6E6;
}
.hotel_bar .progress-bar li.half span.dot,
.hotel_bar .progress-bar li.full span.dot,
.hotel_bar .progress-bar li.half:after,
.hotel_bar .progress-bar li.full:after {
  background-color: #e00000;
}
.hotel_bar .progress-bar .end:before {
  width: 0 !important;
  height: 0 !important;
}
.hotel_bar .progress-bar li span.dot {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 18px;
  height: 18px;
  margin: auto;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  background-color: #E6E6E6;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
}
.hotel_bar .progress-bar li.full:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -22.5px;
  left: 1%;
  width: 198%;
  height: 5px;
  background-color: #e00000;
}
.tearmStyle #box {
  border-top-color: #672e87 !important;
}
.toptitle,
#btnSave {
  background-color: #672e87 !important;
  color: #fff !important;
}
.member-info-page .content-wrap .btn-wrap {
  background: #E00000;
}
.member-info-page .menu-wrap.active {
  color: #E00000;
}
.member-info-page .menu-wrap.active i {
  color: #E00000;
}
.member-order-page .menu-wrap.active {
  color: #E00000;
}
.member-order-page .menu-wrap.active i {
  color: #E00000;
}
.member-order-page .order-header {
  background: #E00000;
}
.member-order-page .pager span.active {
  background: #E00000;
}
.member-order-page .empty-wrap {
  background: #E00000;
}
.register-page .register-btn {
  background-color: #ec2027;
  border-color: #ec2027;
}
.register-page .u-checkbox-square input[type=checkbox]:checked + label:before {
  background: #ec2027;
  border-color: #ec2027;
}
.hotel-index-page .search-container h2 {
  color: #672e87;
}
.hotel-index-page .search-container .el-form-item__label {
  color: #672e87;
}
.hotel-index-page .recommend-group-item .page-hr-short-line {
  background-color: #e00000;
}
.hotel-index-page .recommend-group-item .rcmd-title {
  color: #672e87;
}
.hotel-index-page .recommend-group-item .tag-item {
  color: #672e87;
  border-color: #672e87;
}
.hotel-index-page .recommend-group-item .btm-bar i {
  color: #e00000;
}
.hotel-index-page .recommend-group-item .swiper-pagination-bullet-active {
  background-color: #e00000;
}
.hotel {
  font-size: 14px;
}
.hotel .jiudian_shuixuan_btn {
  background: #672e87;
  color: #fff;
  width: 80px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  border-radius: 4px;
  text-align: center;
}
.hotel .padding_none {
  padding-left: 0;
  padding-right: 0;
}
.hotel .form-group {
  width: 100%;
}
.hotel .hotel_top {
  background: #fff;
  padding: 12px;
  border-top: 4px solid #672e87;
  box-shadow: 1px 1px 1px 1px #dbdbdb;
}
.hotel #loader_box {
  display: none;
}
.hotel .zimmer_list_style {
  width: 19%;
  padding-left: 0;
  padding-right: 0;
}
.hotel #zimmer_box .children_box div,
.hotel #zimmer_box .zimmer_list div {
  margin-bottom: 10px;
}
.hotel .pager_box {
  display: flex;
  justify-content: center;
  width: 100%;
}
.hotel .pager span.current {
  background: #672e87;
}
.hotel .main {
  padding: 0 16px;
  margin-top: 20px;
}
.hotel .main .title {
  padding: 8px 0;
  font-size: 16px;
  background: #672e87;
  color: #fff !important;
}
.hotel .main .title .p {
  margin-bottom: 0;
  cursor: pointer;
  text-align: center;
}
.hotel .main .title .p .btn-group {
  width: 100%;
}
.hotel .main .title .p .btn-group ul {
  width: 100%;
}
.hotel .main .title .p .btn-group .btn {
  color: #fff;
  background: none;
  width: 100%;
  border: none;
  font-size: 16px;
}
.hotel .raty_box img,
.hotel raty_PL img {
  width: 14px;
  height: 14px;
}
.hotel .main_list_center {
  padding-left: 0;
  color: #a59ba9;
  padding-top: 16px;
}
.hotel .main_list_center .name_and_raty {
  margin-bottom: 10px;
  display: flex;
}
.hotel .main_list_center .name_and_raty span {
  color: #3a3539;
  padding-right: 16px;
}
.hotel .main_list_center p {
  margin-bottom: 10px;
}
.hotel .main_list_center .map_icon {
  font-size: 18px;
}
.hotel .main_list_center .commit_icon {
  color: #333;
  padding: 0 6px;
  font-size: 18px;
}
.hotel .main_list_right {
  padding-right: 30px;
  padding-top: 16px;
  color: #3a3539;
  text-align: right;
}
.hotel .main_list_right .rmb_box {
  color: #672e87;
}
.hotel .main_list_right .rmb_box .rmb {
  font-size: 22px;
}
.hotel .main_left {
  color: #a59ba9;
  background: #fff;
}
.hotel .main_left .map_box {
  width: 100%;
  height: 160px;
}
.hotel .main_left .flight_title {
  background: #672e87;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  padding: 8px 16px;
  margin-top: 16px;
}
.hotel .main_left .flight_title .flight_Removal_filter {
  border: 1px solid #fff;
  padding: 6px 14px;
  border-radius: 4px;
  cursor: pointer;
}
.hotel .main_left #scope_amount_txt,
.hotel .main_left #Rating_txt {
  background: none;
  color: #3a3539 !important;
  padding-bottom: 8px;
}
.hotel .main_left .ui-slider-handle {
  border-radius: 50% !important;
  background: #dbdbdb !important;
}
.hotel .main_left .star_box {
  display: flex;
  margin-bottom: 8px;
}
.hotel .main_left .star_box .fa-check-square-o {
  padding-right: 10px;
}
.hotel .main_left .star_box i {
  padding-right: 4px;
  font-size: 16px;
}
.hotel .main_left .star_box .fa-star {
  color: #009eaf;
}
.hotel .main_left .OtherOptionsList {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.hotel .main_left .OtherOptionsList i {
  padding-right: 10px;
}
.hotel .main_left .OtherOptionsList span {
  color: #3a3539;
}
.hotel .main_right {
  padding-left: 30px;
}
.hotel .main_right .hotel_list_add_btn,
.hotel .main_right .hotel_list_add_btn_loding {
  text-align: center;
  height: 40px;
  line-height: 40px;
  background: #672e87;
  color: #fff;
  border-radius: 4px;
  margin-top: 24px;
  cursor: pointer;
}
.hotel .main_right .main_list_box .main_list {
  border: 1px solid #ccc;
  margin-top: 18px;
  margin-left: 0;
}
.hotel .main_right .main_list_box .main_list:hover {
  opacity: 0.84;
  cursor: pointer;
}
.hotel .main_right .main_list_box .main_list .img img {
  width: 92%;
  height: 100%;
}
.hotel .main_right .OtherOptionsText {
  padding: 10px 10px;
  color: #a59ba9;
}
.hotel .detail_hotel {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e5e5;
}
.hotel .detail_hotel .detail_hotel_service {
  padding-left: 16px;
  border-left: 1px solid #e5e5e5;
  margin-top: 16px;
}
.hotel .detail_hotel .detail_hotel_service ul li {
  color: #a69aa8;
}
.hotel .detail_hotel .detail_hotel_service ul li:before {
  content: '.';
  position: relative;
  top: -3px;
  display: inline-block;
  padding-right: 10px;
}
.hotel .content-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  padding: 25px 15px;
  border: 1px solid #E6E6E6;
  background-color: #FFFFFF;
}
.hotel .content-wrap .subheading {
  font-size: 16px;
  background: #e00000;
  color: #fff;
  padding: 10px;
}
.hotel .content-wrap .hotel-room-detail {
  border: 1px solid #ccc;
}
.hotel .content-wrap .hotel > p {
  margin-top: 14px;
  margin-bottom: 4px;
}
.hotel .content-wrap .benifits,
.hotel .content-wrap .location {
  color: #e00000;
}
.hotel .content-wrap .confirm-item {
  display: flex;
  padding: 0 16px;
}
.hotel .content-wrap .confirm-item li {
  padding-right: 30px;
}
.hotel .content-wrap .HotelName {
  font-size: 18px;
  font-weight: bold;
}
.hotel_detail .main_list_center p {
  margin-bottom: 5px;
}
.hotel_room_box thead .td-group {
  background-color: #e9e8e2;
  padding: 10px 15px;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: #2A0A4F;
  border: 1px solid #AAAAAA !important;
}
.hotel_room_box .room-name {
  color: #2A0A4F;
  font-weight: bold;
}
.hotel_room_box .room-bed {
  display: inline-block;
  margin: 5px 0;
  padding: 5px 0;
  border: none;
  border-top: 1px dashed #CCC;
  border-bottom: 1px dashed #CCC;
}
.hotel_room_box .person {
  margin-top: 10px;
  font-size: 12px;
  color: #999;
}
.hotel_room_box .detail {
  margin-top: 15px;
  font-weight: bold;
  color: #672e87;
  cursor: pointer;
}
.hotel_room_box .detail i {
  color: #672e87;
}
.pn-landing-ProductNav_Contents {
  background: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 16px;
  padding-top: 16px;
  padding-bottom: 4px;
}
.pn-landing-ProductNav_Contents ul {
  display: flex;
  justify-content: center;
}
.pn-landing-ProductNav_Contents ul li {
  text-align: center;
  width: 23%;
  font-size: 16px;
  font-weight: bold;
}
.hotel_room_title {
  background: #672e87;
  color: #fff;
  height: 40px;
  line-height: 40px;
}
.hotel_room_box .td-img {
  width: 22%;
  padding: 0;
}
.hotel_room_box .td-img img {
  min-height: 145px;
}
.hotel_room_box .td-title {
  width: 23%;
}
.hotel_room_box .td-type {
  width: 20%;
}
.hotel_room_box .td-price {
  width: 22%;
  text-align: right;
}
.hotel_room_box .td-price .price {
  padding: 0;
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  color: #672e87;
}
.hotel_room_box .td-price .price span {
  font-size: 20px;
  font-weight: bold;
}
.hotel_room_box .td-price .summary {
  padding: 0;
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 1.2;
  margin-bottom: 16px;
}
.hotel_room_box .td-price .non-cancel {
  border: 1px solid #8d6f3f;
  background-color: #eee9b3;
  border-radius: 4px;
  padding: 5px;
  display: inline-block;
  font-size: 12px;
  color: #8d6f3f;
}
.hotel_room_box .td-submit {
  padding-left: 26px;
  padding-right: 26px;
}
.hotel_room_box .td-submit .submit_list {
  margin-top: 4px;
}
.hotel_room_box .td-submit .submit_list button {
  background: #672e87;
  color: #fff;
  width: 100%;
  border: none;
  padding: 8px 0;
  border-radius: 4px;
}
.near_list {
  cursor: pointer;
  margin-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.near_list > div {
  border: 1px solid #ccc;
  width: 100%;
  background: #fff;
}
.near_list .img_box img {
  width: 100%;
  min-height: 160px;
}
.near_list .raty_near_box {
  display: flex;
  justify-content: space-between;
}
.near_list .raty_near_box > div {
  display: flex;
  align-items: center;
}
.near_list .bottom {
  border-top: 1px solid #ccc;
  margin-top: 6px;
  padding-top: 6px;
}
.near_list .bottom .benifits {
  padding-top: 6px;
  height: 70px;
  overflow: auto;
}
.checkout_title {
  background: #e00000 !important;
  color: #fff;
  padding: 6px 14px !important;
}
.back_button_checkout {
  color: #e00000;
  border: 1px solid #e00000 !important;
  background: none;
}
.yes_button_checkout {
  background: #e00000;
  border: 1px solid #e00000;
  color: #fff;
}
.hotel_result {
  border-top: 4px solid #672e87;
  color: #333;
}
.hotel_result h3 {
  color: #333;
  font-weight: 600;
  margin-bottom: 0;
}
#QueryCouponCode,
#QueryCouponCodeCancel {
  background: #e00000;
}
@media (max-width: 767px) {
  .hotel_room_box tbody tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    border: none;
  }
  .hotel_room_box tbody tr td {
    width: 100%;
  }
  .hotel_room_box .td-submit,
  .hotel_room_box .td-img,
  .hotel_room_box .td-title,
  .hotel_room_box .td-type,
  .hotel_room_box .td-price {
    width: 100%;
  }
}
#ehong-code-input {
  width: 42px;
  letter-spacing: 2px;
  margin: 0px 8px 0px 0px;
}
.ehong-idcode-val {
  position: relative;
  padding: 1px 4px 1px 4px;
  top: 0px;
  *top: -3px;
  letter-spacing: 4px;
  display: inline;
  cursor: pointer;
  font-size: 16px;
  font-family: "Courier New", Courier, monospace;
  text-decoration: none;
  font-weight: bold;
}
.ehong-idcode-val0 {
  border: solid 1px #A4CDED;
  background-color: #ECFAFB;
}
.ehong-idcode-val1 {
  border: solid 1px #A4CDED;
  background-color: #FCEFCF;
}
.ehong-idcode-val2 {
  border: solid 1px #6C9;
  background-color: #D0F0DF;
}
.ehong-idcode-val3 {
  border: solid 1px #6C9;
  background-color: #DCDDD8;
}
.ehong-idcode-val4 {
  border: solid 1px #6C9;
  background-color: #F1DEFF;
}
.ehong-idcode-val5 {
  border: solid 1px #6C9;
  background-color: #ACE1F1;
}
.ehong-code-val-tip {
  font-size: 12px;
  color: #1098EC;
  top: 0px;
  *top: -3px;
  position: relative;
  margin: 0px 0px 0px 4px;
  cursor: pointer;
}
.location-selector-wrap {
  display: none;
}
.location-selector-wrap,
.popup-selector-wrap,
.hotel-selector-wrap {
  position: absolute;
  top: 63px;
  left: 15px;
  width: 100%;
  max-width: 600px;
  border: 1px solid #E6E6E6;
  background-color: #FFFFFF;
  border-radius: 5px;
  z-index: 9999;
}
.location-lv1-wrap a {
  color: #333;
}
.alocation-selector-wrap:after,
.alocation-selector-wrap:before {
  bottom: 100%;
  left: 60%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.location-selector-wrap:before {
  border-color: rgba(194, 194, 194, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.location-selector-wrap .location-lv1-wrap,
.hotel-selector-wrap .location-lv1-wrap,
.popup-selector-wrap .selector-lv1-wrap {
  position: relative;
  display: table-cell;
  width: 120px;
  border-right: 1px solid #E6E6E6;
}
.location-selector-wrap .location-lv1-wrap a,
.hotel-selector-wrap .location-lv1-wrap a,
.popup-selector-wrap .selector-lv1-wrap a {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 15px 10px;
  border-bottom: 1px solid #E6E6E6;
  background-color: #FFFFFF;
}
.location-selector-wrap .location-lv2-wrap,
.hotel-selector-wrap .location-lv2-wrap,
.popup-selector-wrap .selector-lv2-wrap {
  position: relative;
  display: table-cell;
  padding: 10px 0;
  vertical-align: top;
}
.location-selector-wrap .location-lv2-wrap ul,
.hotel-selector-wrap .location-lv2-wrap ul,
.popup-selector-wrap .selector-lv2-wrap ul {
  position: relative;
  display: none;
  width: 100%;
  text-align: left;
}
.location-selector-wrap .location-lv2-wrap ul.active,
.hotel-selector-wrap .location-lv2-wrap ul.active,
.popup-selector-wrap .selector-lv2-wrap ul.active {
  display: block;
}
.location-selector-wrap .location-lv2-wrap ul li,
.hotel-selector-wrap .location-lv2-wrap ul li,
.popup-selector-wrap .selector-lv2-wrap ul li {
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
}
.location-selector-wrap .location-lv2-wrap ul li a,
.hotel-selector-wrap .location-lv2-wrap ul li a,
.popup-selector-wrap .selector-lv2-wrap ul li a {
  color: #969696;
}
.location-selector-wrap .location-lv1-wrap a.active,
.hotel-selector-wrap .location-lv1-wrap a.active,
.popup-selector-wrap .selector-lv1-wrap a.active {
  color: #FFFFFF;
  background-color: #672e87;
}
.location-selector-wrap .location-lv1-wrap a.active:after,
.hotel-selector-wrap .location-lv1-wrap a.active:after,
.popup-selector-wrap .selector-lv1-wrap a.active:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -8px;
  width: 0;
  height: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 6px 0 6px 8px;
  border-style: solid;
  border-color: transparent transparent transparent #672e87;
}
#ddr {
  margin: 0 auto;
  width: 70px;
}
.ddr {
  width: 10px;
  height: 36px;
  float: left;
  margin: 2px;
  background-color: #fff;
  animation: loading 1s infinite ease-in-out;
}
.ddr2 {
  animation-delay: -0.9s;
}
.ddr3 {
  animation-delay: -0.8s;
}
.ddr4 {
  animation-delay: -0.7s;
}
.ddr5 {
  animation-delay: -0.6s;
}
@keyframes loading {
  0%, 40%, 100% {
    /*定义每帧的动作*/
    -webkit-transform: scaleY(0.5);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
.hotel-list-page {
  background-color: #fff;
  /*搜尋表單 start*/

  /*搜尋表單 end*/

  /*麵包屑導航 start*/

  /*麵包屑導航 end*/

  /*篩選欄 start*/

  /*篩選欄 end*/

  /*地圖 start*/

  /*地圖 end*/

  /*酒店列表 start*/

  /*酒店列表 end*/

}
.hotel-list-page .search-container {
  padding: 18px 0;
  background-color: #e00000;
  color: #fff;
  font-size: 19px;
  min-height: 98px;
}
.hotel-list-page .search-container .destination-wrap {
  width: 248px;
}
.hotel-list-page .search-container .search-form {
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 10px 40px 15px;
}
.hotel-list-page .search-container .search-form .el-form-item {
  margin-bottom: 0px;
}
.hotel-list-page .search-container .search-form .el-form-item__label {
  color: #fff;
  padding: 0;
  font-size: 19px;
}
.hotel-list-page .search-container .search-form input {
  font-size: 19px;
}
.hotel-list-page .search-container .search-form .el-input__inner {
  background-color: transparent;
  color: #fff;
  border: none;
  padding: 0;
  font-weight: bold;
}
.hotel-list-page .search-container .search-form .el-input__inner,
.hotel-list-page .search-container .search-form .el-input__icon {
  height: 26px;
  line-height: 19px;
}
.hotel-list-page .search-container .search-form .el-form-item__content {
  line-height: initial;
}
.hotel-list-page .search-container .search-form .el-input__prefix {
  display: none;
}
.hotel-list-page .search-container .search-form .el-date-editor {
  width: 136px;
}
.hotel-list-page .search-container .search-form .el-select {
  width: 100px;
}
.hotel-list-page .search-container .search-form .hotel-hot-city-popper {
  max-width: 92vw;
  padding: 0px !important;
  border: none;
}
.hotel-list-page .search-container .search-form .hotel-hot-city-popper .el-button + .el-button {
  margin-left: 0px;
}
.hotel-list-page .search-container .search-form .hotel-search-result {
  max-height: 400px;
  overflow-y: auto;
}
.hotel-list-page .search-container .search-form .hotel-search-item {
  padding: 8px 10px;
  transition: all 0.2s linear;
}
.hotel-list-page .search-container .search-form .hotel-search-item:hover {
  background-color: #f5f7fa;
}
.hotel-list-page .search-container .search-form .hotel-search-item i {
  font-size: 14px;
}
.hotel-list-page .search-container .search-form .hotel-search-item i.fa-university {
  font-size: 10px;
}
.hotel-list-page .search-container .search-form .hotel-search-item i.fa-bus,
.hotel-list-page .search-container .search-form .hotel-search-item i.fa-flag {
  font-size: 12px;
}
.hotel-list-page .search-container .search-form .el-form-item__error {
  color: #fff;
}
.hotel-list-page .search-container .search-btn {
  color: #672e87;
  font-weight: bold;
  height: 44px;
  font-size: 19px;
}
.hotel-list-page .breadcrumb-wrap {
  margin-bottom: 0;
  margin-top: 25px;
}
.hotel-list-page .breadcrumb-wrap li {
  display: inline-block;
}
.hotel-list-page .breadcrumb-wrap li:after {
  content: '/';
  font-size: 14px;
  position: relative;
  display: inline-block;
  margin-right: 5px;
}
.hotel-list-page .breadcrumb-wrap li:nth-last-of-type(1):after {
  display: none;
}
.hotel-list-page .breadcrumb-wrap li a {
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  margin-right: 5px;
  padding: 10px 0;
  color: #000000;
}
.hotel-list-page .breadcrumb-wrap li a:hover {
  opacity: 0.8;
}
.hotel-list-page .page-hr-short-line {
  background-color: #e00000;
}
.hotel-list-page .filter-content {
  width: 300px;
  margin-right: 30px;
}
.hotel-list-page .filter-content .filter-header h4 {
  font-size: 29px;
  font-weight: bold;
  color: #672e87;
  margin: 0px 16px 25px;
}
.hotel-list-page .filter-content .filter-header .total-text {
  color: #e00000;
  font-size: 16px;
  color: #161d1e;
  font-weight: bold;
}
.hotel-list-page .filter-content .filter-header .total-text span {
  color: #e00000;
}
.hotel-list-page .filter-content .reset-wrap .el-button {
  height: 44px;
  font-weight: bold;
  color: #6a6a6a;
  border-color: #6a6a6a;
  min-width: 82px;
}
.hotel-list-page .filter-content .filter-content-inner {
  position: relative;
}
.hotel-list-page .filter-content .filter-wrap {
  border-bottom: 1px solid #c9c9c9;
  padding-bottom: 15px;
}
.hotel-list-page .filter-content .filter-wrap.reset-wrap {
  padding: 20px 0px 12px;
}
.hotel-list-page .filter-content .filter-wrap.reset-wrap .wrap-title {
  font-size: 20px;
}
.hotel-list-page .filter-content .filter-wrap .wrap-title {
  font-size: 14px;
  color: #6a6a6a;
}
.hotel-list-page .filter-content .filter-wrap .el-slider {
  padding: 0 10px;
}
.hotel-list-page .filter-content .filter-wrap .el-slider__button {
  width: 28px;
  height: 28px;
  border: none;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
}
.hotel-list-page .filter-content .filter-wrap .el-slider__bar {
  background-color: #6a6a6a;
}
.hotel-list-page .filter-content .filter-wrap .el-checkbox {
  display: flex;
  align-items: start;
}
.hotel-list-page .filter-content .filter-wrap .el-checkbox__label {
  padding-left: 16px;
  color: #6a6a6a !important;
}
.hotel-list-page .filter-content .filter-wrap .el-checkbox__inner {
  width: 24px;
  height: 24px;
}
.hotel-list-page .filter-content .filter-wrap .el-checkbox__inner::after {
  border-color: #6a6a6a;
  height: 17px;
  left: 7px;
  top: 0px;
  width: 8px;
}
.hotel-list-page .filter-content .filter-wrap .el-checkbox__inner:hover {
  border-color: #6a6a6a;
}
.hotel-list-page .filter-content .filter-wrap .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #fff;
  border-color: #DCDFE6;
}
.hotel-list-page .filter-content .filter-wrap .el-rate__icon {
  font-size: 24px;
}
.hotel-list-page .filter-content .view-all-btn {
  display: block;
  border-radius: 2px;
  border: 1px solid #6a6a6a;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  height: 30px;
  line-height: 30px;
  color: #6a6a6a;
  cursor: pointer;
}
.hotel-list-page .map_box {
  width: 100%;
  height: 134px;
  border-radius: 6px;
  overflow: hidden;
}
.hotel-list-page .hotel-content .sort-wrap {
  font-size: 15px;
}
.hotel-list-page .hotel-content .sort-wrap .sort-title {
  color: #672e87;
}
.hotel-list-page .hotel-content .sort-wrap .el-dropdown {
  color: #161d1e;
  font-weight: bold;
}
.hotel-list-page .hotel-content .hotel-list {
  margin-top: 32px;
}
.hotel-list-page .hotel-content .hotel-item {
  margin-bottom: 16px;
  box-shadow: 0px 2px 17px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s linear;
}
.hotel-list-page .hotel-content .hotel-item:hover {
  background-color: #edecf0;
}
.hotel-list-page .hotel-content .hotel-item .hotel-img {
  width: 300px;
  max-height: 225px;
}
.hotel-list-page .hotel-content .hotel-item .hotel-img i {
  font-size: 30px;
  margin-bottom: 10px;
}
.hotel-list-page .hotel-content .hotel-item .hotel-img i,
.hotel-list-page .hotel-content .hotel-item .hotel-img span {
  color: #909399;
}
.hotel-list-page .hotel-content .hotel-item .item-content {
  padding: 15px;
}
.hotel-list-page .hotel-content .hotel-item .item-content .hotel-title {
  font-size: 18px;
  font-weight: bold;
  color: #161d1e;
  margin-bottom: 0;
  line-height: 28px;
}
.hotel-list-page .hotel-content .hotel-item .item-content .star-wrap i {
  color: #e00000 !important;
  font-size: 24px;
}
.hotel-list-page .hotel-content .hotel-item .item-content .star-wrap a {
  color: #e00000;
  text-decoration: underline;
}
.hotel-list-page .hotel-content .hotel-item .item-content .location-wrap i {
  font-size: 20px;
  color: #e00000;
}
.hotel-list-page .hotel-content .hotel-item .item-content .location-wrap a {
  color: #e00000;
  text-decoration: underline;
}
.hotel-list-page .hotel-content .hotel-item .item-content .facilities-list {
  max-height: 123px;
  overflow: hidden;
}
.hotel-list-page .hotel-content .hotel-item .item-content .facilities-item {
  line-height: 24px;
  padding: 0px 10px;
  border-radius: 13px;
  border: 1px solid #672e87;
  color: #672e87;
  margin-right: 5px;
  margin-top: 15px;
}
.hotel-list-page .hotel-content .hotel-item .item-r {
  width: 180px;
  border-left: 1px solid #d9d9d9;
  padding: 16px 20px;
}
.hotel-list-page .hotel-content .hotel-item .item-r .star-wrap {
  color: #672e87;
}
.hotel-list-page .hotel-content .hotel-item .item-r .star-wrap i {
  font-size: 34px;
}
.hotel-list-page .hotel-content .hotel-item .item-r .star-wrap span {
  font-size: 26px;
}
.hotel-list-page .hotel-content .hotel-item .item-r .commit-wrap i {
  font-size: 18px;
  color: #672e87;
}
.hotel-list-page .hotel-content .hotel-item .item-r .commit-wrap span {
  font-size: 12px;
}
.hotel-list-page .hotel-content .hotel-item .item-r .itme-r-text-1 {
  color: #9fa3a3;
  font-size: 12px;
}
.hotel-list-page .hotel-content .hotel-item .item-r .price-wrap {
  color: #e00000;
}
.hotel-list-page .hotel-content .hotel-item .item-r .price-wrap .price-text {
  font-size: 20px;
  font-weight: bold;
}
.hotel-list-page .hotel-content .hotel-item .item-r .select-btn {
  width: 100%;
  font-size: 14px;
  height: 42px;
}
.hotel-list-page .hotel-content .more-btn .el-button {
  width: 150px;
}
.hotel-list-page .hotel-content .more-btn .el-icon-loading {
  color: #c9c9c9;
  font-size: 70px;
}
/* 酒店城市輸入框 */

.hotel-hot-city-popper .city-grid {
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0px 0;
}
.hotel-hot-city-popper .hot-city-header {
  padding: 10px;
  background-color: #faf7fc;
}
.hotel-hot-city-popper .custom-button {
  padding: 10px;
  margin-right: 0;
  color: #606266 !important;
}
.hotel-hot-city-popper .custom-button:hover {
  background-color: rgba(50, 100, 255, 0.08);
}
@media screen and (max-width: 767px) {
  .hotel-list-page {
    background-color: #fff;
    /*搜尋表單 start*/
  
    /*搜尋表單 end*/
  
    /*麵包屑導航 start*/
  
    /*麵包屑導航 end*/
  
    /*篩選欄 start*/
  
    /*篩選欄 end*/
  
    /*地圖 start*/
  
    /*地圖 end*/
  
    /*酒店列表 start*/
  
    /*酒店列表 end*/
  
  }
  .hotel-list-page .search-container {
    padding: 0px 0px 18px;
  }
  .hotel-list-page .search-container .search-form {
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 10px;
  }
  .hotel-list-page .search-container .search-btn {
    width: 100%;
  }
  .hotel-list-page .breadcrumb-wrap {
    margin-top: 0px;
  }
  .hotel-list-page .filter-content {
    width: 100%;
    margin-right: 0px;
  }
  .hotel-list-page .map_box {
    margin: 20px 0;
  }
  .hotel-list-page .hotel-content .hotel-list {
    margin-top: 10px;
  }
  .hotel-list-page .hotel-content .hotel-item .hotel-img {
    width: 100%;
  }
  .hotel-list-page .hotel-content .hotel-item .el-image__error {
    padding: 40px 0;
  }
  .hotel-list-page .hotel-content .hotel-item .item-r {
    border-left: none;
    width: 100%;
    padding: 0px 20px 20px;
  }
  .hotel-list-page .hotel-content .hotel-item .item-r .star-wrap {
    color: #672e87;
  }
  .hotel-list-page .hotel-content .hotel-item .item-r .star-wrap i {
    font-size: 20px;
  }
  .hotel-list-page .hotel-content .hotel-item .item-r .star-wrap span {
    font-size: 24px;
  }
}
.hotel-detail-page {
  background-color: #fff;
}
.hotel-detail-page .seaction-nav .back-up-btn {
  color: #672e87;
  border-color: #672e87;
}
.hotel-detail-page .seaction-nav nav.active,
.hotel-detail-page .seaction-nav nav:hover {
  color: #e00000;
}
.hotel-detail-page .breadcrumb-wrap a span {
  color: #672e87;
}
.hotel-detail-page .page-hr-short-line {
  background-color: #e00000;
}
.hotel-detail-page .page-top .star-wrap i {
  color: #e00000 !important;
}
.hotel-detail-page .page-top .star-wrap a {
  color: #e00000;
}
.hotel-detail-page .page-top .hotel-intro-btn {
  border-color: #e00000;
  color: #e00000;
}
.hotel-detail-page .search-container .search-btn {
  background-color: #e00000;
  border-color: #e00000;
  color: #fff;
}
.hotel-detail-page .el-checkbox__inner::after {
  border-color: #672e87;
}
.hotel-detail-page section h3 {
  color: #672e87;
}
.hotel-detail-page .room-item .line-a {
  color: #e00000;
}
.hotel-detail-page .room-item .additionals-item {
  color: #e00000;
  border-color: #e00000;
}
.hotel-detail-page .room-item .text-wrap a {
  color: #e00000;
}
.hotel-detail-page .room-item .action-wrap .price-1 span {
  color: #e00000;
}
.hotel-detail-page .room-item .action-wrap .member-booking-btn {
  background-color: #e00000;
  border-color: #e00000;
}
.hotel-detail-page .hotel-img-swiper-dialog .el-tabs__item.is-active,
.hotel-detail-page .hotel-img-swiper-dialog .el-tabs__item:hover {
  color: #e00000;
}
.hotel-detail-page .hotel-img-swiper-dialog .el-tabs__active-bar {
  background-color: #e00000;
}
.hotel-detail-page .room-list {
  padding: 20px;
  background: #f5f5f5;
}
.hotel-detail-page .room-list .total-main {
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: 18px;
}
.hotel-detail-page .room-list .total-main .price {
  font-weight: 600;
  padding: 0 16px;
  color: #e00000;
}
.hotel-detail-page .room-search-item {
  font-size: 16px;
  box-shadow: none;
  border-radius: 0;
}
.hotel-detail-page .room-search-item .room-title {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 16px;
}
.hotel-detail-page .room-search-item .room-title i {
  color: #e00000;
  padding-right: 8px;
}
.hotel-detail-page .room-search-item .adult-count {
  padding: 0 12px;
}
.hotel-detail-page .room-search-item .room-type-name {
  padding-left: 16px;
}
.hotel-detail-page .room-search-item table {
  background: #fff;
  color: #454545;
  font-size: 16px;
  /*    .cell {
                text-align: center !important;
            }*/

}
.hotel-detail-page .room-search-item table tbody tr:hover .fa {
  color: #e00000;
}
.hotel-detail-page .room-search-item table th {
  color: #454545;
  font-weight: bold;
}
.hotel-detail-page .room-search-item table i {
  font-size: 24px;
}
.hotel-detail-page .reservation-immediately {
  width: 180px;
  background: var(--main-theme-color-2);
  border-color: var(--main-theme-color-2);
}
.hotel-detail-page .reservation-immediately:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .hotel-detail-page .room-list {
    padding: 16px 6px;
  }
  .hotel-detail-page .room-list .total-main {
    display: block;
    text-align: center;
  }
  .hotel-detail-page .room-list .total-main .top {
    text-align: end;
    margin-bottom: 16px;
  }
  .hotel-detail-page .room-list .total-main button {
    width: 80%;
  }
  .hotel-detail-page .room-search-item i {
    color: var(--main-theme-color-2);
  }
  .hotel-detail-page .room-search-item .room-type-name {
    padding-left: 0;
  }
}
.daytour-progress-bar li.half:after,
.daytour-progress-bar li.fill:after,
.daytour-progress-bar li.active:after {
  background-color: #E00000;
}
.daytour-progress-bar li.half span.dot,
.daytour-progress-bar li.fill span.dot,
.daytour-progress-bar li.active span.dot {
  background-color: #E00000;
}
.daytour-page .filter-content .el-checkbox__inner::after {
  border-color: #672e87;
}
.daytour-page .filter-content .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  background-color: #672e87;
}
.daytour-page .u-checkbox-square input[type=checkbox]:checked + label:after {
  border-color: #672e87;
}
.daytour-page .page-hr-short-line {
  background-color: #e00000;
}
.daytour-page .page-title {
  color: #e00000;
}
.daytour-page .banner-wrap .more-btn {
  color: #e00000;
  border-color: #e00000;
}
.daytour-page .product-swiper-dialog .img-info .info-title {
  color: #672e87;
}
.daytour-page .result-total-block .text-1 {
  color: #e00000;
}
.daytour-page .result-total-block .text-2 span {
  color: #e00000;
}
.daytour-page .reset-filter-block .text-1 {
  color: #e00000;
}
.daytour-page .reset-filter-block .el-button {
  border-color: #e00000;
  color: #e00000;
}
.daytour-page .filter-content h3 {
  color: #e00000;
}
.daytour-page .filter-bar-item .filter-label {
  color: #e00000;
}
.daytour-page .seaction-nav .back-up-btn {
  color: #672e87;
  border-color: #672e87;
}
.daytour-page .date-action-bar .el-button {
  color: #e00000;
  border-color: #e00000;
}
.daytour-page .calendar-picker .selected {
  background-color: #e00000;
}
.daytour-page .plan-switch {
  border-color: #e00000;
  color: #e00000;
}
.daytour-page .plan-switch.select {
  background-color: #e00000;
}
.daytour-page .lowest-price-wrap .t2 {
  color: #e00000;
}
.daytour-page .num-picker .num-text {
  color: #e00000;
}
.price-range-picker .el-slider__bar {
  background-color: #e00000;
}
.daytour-page .filter-block .view-all-btn {
  color: #E00000;
  border-color: #E00000;
}
.daytour-page .filter-btn {
  background: #E00000;
}
.daytour-page .load-btn {
  background-color: #E00000;
}
.daytour-page .to-plan-content .price-text {
  color: #E00000;
}
.daytour-page .to-plan-btn {
  background-color: #E00000;
}
.daytour-page .plan-header .price-wrap {
  color: #E00000;
}
.daytour-page .seaction-nav nav.active,
.daytour-page .seaction-nav nav:hover {
  color: #e00000;
}
.daytour-page .cart-container .total-wrap .price-wrap {
  color: #E00000;
}
.cart-container .btn-wrap .btn-buy {
  background: #E00000;
}
.shoppingcart-page .checkbox-wrap input:checked ~ .checkmark {
  background-color: #E00000;
}
.shoppingcart-page .pay-btn {
  background-color: #E00000;
}
.daytour-checkout-page .content-wraper section .section-header {
  background: #E00000;
}
.daytour-checkout-page .content-wraper.pay-wrap .price-wrap {
  color: #E00000;
  font-weight: bold;
}
.daytour-checkout-page .content-wraper.pay-wrap .price-wrap span {
  font-size: 20px;
}
.daytour-checkout-page .content-wraper .coupon-wrap .comfirm-btn {
  background-color: #E00000;
}
.daytour-checkout-page .content-wraper .pay-btn {
  background-color: #E00000;
}
.daytour-checkout-page .container-right .total-wrap .price-wrap {
  color: #E00000;
}
.daytour-result-page .btn-bar .btn-wrap {
  background: #E00000;
}
.fit-page .price-wrap {
  color: #E00000;
}
.fit-page .btn-wrap .load-btn {
  background: #E00000;
}
.fit-page .filter-header {
  background: #E00000;
}
.fit-page .filter-item .u-checkbox-square input[type=checkbox]:checked + label:before {
  background: #E00000;
  border-color: #E00000;
}
.fit-page .filter-btn {
  background: #E00000;
}
.fit-page .view-all-btn {
  color: #E00000;
  border-color: #E00000;
}
.fit-detail-page .price-wrap {
  color: #E00000;
}
.fit-detail-page .btn-wrap {
  color: #E00000;
}
.fit-detail-page .btn-wrap.fill-btn {
  background: #E00000;
}
.fit-detail-page .btn-wrap.white-btn {
  border: 1px solid #E00000;
  color: #E00000;
}
.fit-detail-page .btn-wrap.white-btn i {
  color: #E00000;
}
.fit-detail-page .form-header {
  background: #E00000;
}