/*reset start*/
@charset "UTF-8";
/* CSS Document */
html {
    width: 100%;
    height:auto;
    overflow-x: hidden;
}  
body {
  position: relative;
  height: auto;
  padding: 0px;
  margin: 0px; 
  font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow-x: hidden; 
  /* background: #fafafa;  */
  color:#333;
  font-style: normal;
  font-size:1em;
}
*{outline:none;}
input[type=button], input[type=submit], input[type=file], button { 
  cursor: pointer; 
  -webkit-appearance: none; 
} 
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}
*{
  outline:none;
} 
input[type=checkbox]{
  display:none !important;
  opacity:0;
}
input[type=checkbox]+label{
    line-height: 1;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*cursor: pointer;*/
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin:2px;
}
input[type=checkbox]+label:before{
    line-height: 20px;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    content: '';
    color: #fff;
    border: 1px solid #dce4e6;
    background-color: #f3f6f8;
    border-radius: 3px;
}
input[type=checkbox]:checked+label:before{
    content:'\2713';
    color:#fff;
    border-radius: 3px;
    font-size:16px;
    text-align: center;
}
input[type=checkbox]:checked+label:before{
    background-color: #999;
    border-color: #999;
}
.mask{
  position: fixed;
  z-index:99;
  height:100vh;
  width:100vw;
  top:0;
  background-color: none;
  display:none;
}
.page_guide{
  position: relative;
  top: 2em;
  z-index: 2;
  color: #999;
}
.page_guide a{
  color: #999;
}
div {
  outline: 0;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input, textarea {
  outline: 0; 
  margin: 0px;
  border: 0px;
  width: 100%;
  height: 100%;
  line-height: 1.2em;
  background: none;
  text-decoration: none;
  font-size: 1em;
  display: inline-block;  
  vertical-align:middle;  
}
.bgfff{
    background-color: #fff;
}
input[type="search"] { 
  -webkit-appearance: none;
}
ul, li {
  list-style: none; 
  margin:0;padding:0;
}
h1,h2,h3,h4,h5,h6,p{
 margin: 0;
}
i { 
  font-style: normal;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { 
  background-color:transparent;    
  position: relative;
}
table{
  table-layout: fixed;
}
table tr td{
  overflow: hidden;
}
select {
  -moz-appearance:none;
  -webkit-appearance: menulist-button; 
  -webkit-appearance:none;
  appearance:none;
  padding-right: 14px;
  text-indent:0.01px;
  text-overflow:"";
}
option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding-left:0.35em 0.75em !important;
    box-sizing: border-box;
}
select option{
  line-height: 2em;
  color: #666;
}
a:focus, input[type=button] ,input[type=submit] ,:focus{
  outline:none;
}
a:hover{
  cursor: pointer;
}
select::-ms-expand { 
  display: none; 
}
:active{
  outline:none;
}
::-moz-focus-inner{
  outline:none;
}
input[type=button]:focus,input[type=submit]:focus{
  outline:none;
}
input[type=button]::-moz-focus-inner{
  outline:0;
}
i{
  /*cursor: pointer;*/
}
a {
  text-decoration: none;
  color: #333;
  cursor: pointer;
  outline:none;
}
a:hover{
  color: #FD7B23;
}
textarea {
  resize: none;
}
button{
  border: 1px solid transparent;
}
.div_pc{
  display: block;
}
.div_m{
  display: none;
}
.lansel{
  position: absolute;
  right: 0.25em;
  top: 0.25em;
  z-index: 10;
  color: #fff;
  align-items: center;
  cursor: pointer;
  display: none;
}
.lansel i{
  display: inline-block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  margin-left: 0.25em;
}
.lansel_model .model_con .model_context{
  font-size: 100%;
  padding: 2em 25%;
}
.lansel_model .model_con .model_context a{
  display: flex;
  align-items: center;
  padding:0.625em 0;
}
.child_header{
  background-color: #000;
  display: none;
  align-items: center;
  justify-content: center;
  height: 2.69em;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  color: #fff;
  box-sizing: border-box;
}
.child_header i{
  position: absolute;
  z-index:2;
}
.child_header i.icon_back{
  left:0.25em;
}
.child_header .detail_icontwo{
  right: 0.325em;
  display: flex;
  height: 100%;
  align-items: center;
  position: absolute;
  width: 30px;
  justify-content: center;
}
.child_header .child_title{
 font-size: 12px;
}
/*address model start*/
.modal-backdrop1 {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width:100vw;
    height:100vh;
    z-index: 150;
    background-color: #000;
    opacity: .2;
    filter: alpha(opacity=20);
}
ol, ul {
    list-style: none;
}
.hidden {
    display: none;
}
.alert_address{
    padding: 10px;
    width:100%;
    max-width: 450px;
    position: fixed;
    z-index: 150;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.yelp_close{
    position: absolute;
    right: 20px;
    font-size: 200%;
    color: #666;
    cursor: pointer;
    opacity: .5;
    top: 10px;
}
.address_modal_dialog {
    margin: 0 auto;
    vertical-align: middle;
    overflow: hidden;
    text-align: left;
    border-radius: 5px;
    background: #fff;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    padding-top:10px;
}
.address_modal_head {
    border-bottom: 1px solid #ccc;
    padding: 12px;
    padding-right: 48px;
    margin: 0 12px;
}
.address_modal_head h2{
    word-wrap: break-word!important;
    word-break: break-word!important;
    overflow-wrap: break-word!important;
    font-weight: 700;
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 1.28571em;
    color: #d32323;
}
.address_modal_body{
   padding: 18px 12px;
}
.address_modal_dialog p.address_dialog{
    margin-bottom:12px !important;
    font-size: 14px;
    line-height: 20px;
    padding-left: 12px;
}
.address_modal_dialog p.address_dialog b{
    font-weight: 700;
}
.curloc-error-modal ol {
    list-style: decimal inside;
}
.u-bg-color {
    background-color: #f5f5f5!important;
}
.modal_section {
    margin: 18px -12px;
    padding: 18px 24px;
    border: 1px solid #e6e6e6;
    border-left: 0;
    border-right: 0;
}
.curloc-error-modal ol>li {
    counter-increment: step-counter;
    display: table-row;
    font-size: 13px;
}
.curloc-error-modal ol>li:before {
    content: counter(step-counter) ".";
    display: table-cell;
    text-align: right;
    padding-right: .3em;
}
/*address model end*/
.all_screen{
    width:100%;
}
.max_screen{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    position: relative;
}
.target_flex_center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.target_flex{
    display: flex;
}
.header_new{
    height: 70px;
    box-sizing: border-box;
    background-color: #fff;
    align-items: center;
    display: flex;
    border-bottom:1px solid #fafafa;
    padding-left:10px;
}
.header_new a.logo{
    display: block;
    height: 35px;
}
.header_new a.logo img{
    height:100%;
}
.header_user{
  position: absolute;
  cursor: pointer;
  font-size: 87.5%;
  margin-left: auto;
  display: flex;
  height: 70px;
  right:0;
}
.header_m{
  height:2.69em;
  position: fixed;
  top:0;
  width:100%;
  background-color: #fff;
  z-index:99;
}
.header_m.header_mbg000{
  background-color: #000;
}
.header_m.header_mbg000 .headerm_i i{
  color: #fff;
}
.header_m.header_mbg000 .headerm_input{
  background-color: #fff;
  box-shadow: none;
}
.header_m .headerm_i{
  width: 2em;
  display: flex;
  justify-content: center;
}
.header_m .headerm_i i{
  font-size: 132.5%;
  position: relative;
  top: 0.05em;
}
.header_m .headerm_i i.icon_menu{
  font-size: 200%;
}
.header_m .headerm_i i.icon_cathide{
  font-size: 132.5%;
  display: none;
}
.header_m .headerm_i.header_righti{
  width:auto;
  padding:0 0.45em;
}
.header_m .headerm_i.header_righti i.icon_list{
  margin-left:0.45em;
}
.header_m .headerm_i.header_righti i.icon_list{
  display: none;
}
/*lg--new*/
.headerm_i .icon_more {
    margin: 0 5px;
}
.head-tip{
    display: none;
    width: 40%;
    position: absolute;
    top: 50px;
    right: 10px;
    padding: 0.5em;
    border-radius: 4px;
    box-shadow: 4px 4px 10px #ddd;
    background-color: #fff;
    z-index: 10;
}
.head-tiplist li{
    margin: 5px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.head-tiplist li a{
    display: block;
    height: 100%;
}
.head-tiplist li a:active{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    background-color: rgba(0,0,0,0.1);
    border-radius: 4px;
}
.mark{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 10;
}
.popup{
    width: 500px;
    height: 550px;
    border-radius: 20px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
    z-index: 10;
    display: none;
}
.popup .popup-title{
    margin: 30px 0;
    text-align: center;
}
.popup-count .description,.popup-count .feedback{
    width: 90%;
    margin: 10px auto;
    font-size: 14px;
    color: #555;
}
.popup-count .opinion{
    width: 90%;
    margin: 0 auto 20px;
    display: block;
    border-radius: 5px;
    outline: none;
    resize: none;
    border: 1px solid #555;
    padding: 5px;
    box-sizing: border-box;
    line-height: 18px;
}
.popup-count .add{
    width: 90%;
    margin: 0 auto;
    padding:5px;
}
.popup-count .add .add-upload{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 6px;
    background-color: #f3f3f3;
    position: relative;
    margin: 5px;
}
.popup-count .add .add-upload img{
    width: 60%;
    height: 60%;
}
#upload-input{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}
.popup-foot{
    width: 100%;
    /*background-color: #f3f3f3;*/
    padding-top: 24px;
    /*    position: absolute;
        left: 0;
        bottom: 0;*/
    border-radius: 0 0 20px 20px;
}
.popup-foot .popup-foot-text{
    width: 90%;
    margin: 20px auto;
    font-size: 14px;
}
.popup-foot .submit-btn{
    display: block;
    width: 60%;
    height: 40px;
    line-height: 40px;
    margin: 5px auto 20px;
    text-align: center;
    background-color: #555;
    color: #fff;
    border-radius: 6px;
    border: none;
}
/*pc*/
.popup-pc{
    width:56px;
    height:56px;
    box-shadow:0 5px 8px 1px rgba(0, 0, 0, 0.14);
    border-radius:5px;
    position: fixed;
    right: 1.25em;
    bottom: 1.25em;
    z-index: 10;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-icon{
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(/static/images/img/feedback.png) no-repeat 0 0 #fff;
    overflow: hidden;
}
.error-pop{
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    color: #f00;
}
.imgUpload{
    width: 50px;
    height: 50px;
    vertical-align: middle;
    margin: 5px 5px 5px 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    float: left;
}
.pop-close{
    position: absolute;
    right: 15px;
    top: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
/*lg --new--end*/
.header_m .headerm_input{
  flex-grow: 1;
  border-radius: 50px;
  height: 2em;
  display: flex;
  justify-content: center;
  box-shadow: 2px 2px 10px #ccc;
  font-size: 87.5%;
  align-items: center;
  padding: 0 0.625em;
}
.header_m .headerm_input input{
  padding-left:0.45em;
  box-sizing: border-box;
}
.header_model{
  position: absolute;
  right: 0;
  top: 47px;
  z-index: 9;
  background-color: #fff;
  padding: 0.625em;
  box-sizing: border-box;
  line-height: 30px;
  border-radius: 0.3em;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
  animation: fadeIn 0.4s;
  -webkit-animation: fadeIn 0.4s;
  -moz-animation: fadeIn 0.4s;
  -o-animation: fadeIn 0.4s;
  -ms-animation: fadeIn 0.4s;
  display: none;
}
.header_model.user_model{
  right:110px;
}
.header_model.language_model{
  right:10px;
}
.header_model.user_model,.header_model.language_model{
  top:70px;
}
.header_model.language_model a{
  display: flex;
  padding:0.325em 0;
  box-sizing: border-box;
  align-items: center;
}
.header_model a{
  color: #333;
  font-size:87.5%;
}
.header_model a:hover{
  color: #FD7B23;
}
.header_user p,.header_user a{
  height: 100%;
  border-left: 1px solid #eee;
  box-sizing: border-box;
  min-width: 110px;
  width:auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.45em;
}
.header_user p:hover{
  color: #FD7B23;
}
.header_user p.header_no_user:hover{
  color: #333;
}
.header_user p.header_no_user span:first-child:hover,.header_user p.header_no_user span:last-child:hover{
  color: #FD7B23;
}
.header_user p.header_user_infor span{
  display: inline-block;
  max-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header_user p i{
  margin-left:0.25em;
  display: inline-block;
  -webkit-transform: rotate(90deg);/*Safari 4+,Google Chrome 1+ */
  -moz-transform: rotate(90deg);/*Firefox 3.5+*/
} 
.user_model a,.language_model a{
  display: block;
  padding:0 0.625em;
  white-space: nowrap;
}
.user_model::before,.language_model::before{
  position: absolute;
  top: -8px;
  right: 25px;
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0px 9px 8px;
  border-color: transparent transparent #fff;
  box-sizing: border-box;
}
.user_model,.language_model{
  min-width:100px;
}
.user_model a p{
  position: relative;
  display: inline-block;
}
.header_language i{
  font-size: 145%;
  margin: 0 0.25em 0 0;
  position: relative;
  top: 0.05em;
}
.header_lanimg{
  width:22px;
  height:22px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right:0.625em;
  border-radius: 50%;
  box-shadow: 1px 2px 10px #999;
  -webkit-box-shadow: 1px 2px 10px #999;
}
.user_model a p .nav_noread,.four_btn a p .nav_noread{
  position: absolute;
  text-align: center;
  background-color: #FD7B23;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 50%;
  top: 3px;
  right: -12px;
  z-index: 2;
  width: 8px;
  height: 8px;
  display: none;
}
.four_btn a p{
  position: relative;
}
.four_btn a p .nav_noread{
  right: 5px;
  top: -1px;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  z-index:1;
}
.user_model.user_model_m .user_model_infor{
  padding: 0 0.875em;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 70px;
  border-bottom: 1px solid #f5f5f5;
}
.user_model_infor .header_user_img{
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: cover;
  flex-shrink: 0;
  border-radius: 0.3em;
  background-color: #f5f5f5;
  display: block;
}
.user_model_infor .header_user_img img{
  height: 70%;
  width: 70%;
  margin: 15%;
}
.user_model_infor .header_user_name{
  padding-left: 0.45em;
  font-size: 175%;
  max-width: 65%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user_model_infor i{
  margin-left: auto;
  position: absolute;
  right: 0.625em;
  margin-top: 0.15em;
  color: #aaa;
}
.user_model.user_model_m .user_model_list{
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height:calc(100% - 70px);
}
.user_model.user_model_m .user_model_list a{
  padding: 0.45em 0.875em;
}
.user_model.user_model_m .user_model_list a:last-child{
  padding-bottom:0.875em;
}
.user_model.user_model_m .user_model_list a.header_line{
  border-top: 1px solid #f5f5f5;
  padding-top: 0.9em;
  margin-top: 0.45em;
}
.user_model.user_model_m .user_model_list a.header_line:first-child{
  border-top: none;
  margin-top:0;
}
.user_model.user_model_m .user_model_list a i{
  padding-right:0.625em;
}
.search_slides{
    position: fixed;
    top: 0;
    background-color: #fff;
    box-sizing: border-box;
    width: 100%;
    height:100vh;
    z-index: 99;
    display: none;
}
.search_slides .search_slide_fix{
    background-color: #000;
    padding: 0.875em;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    width: 100%;
}
.search_slides .search_slide_fix .search_slide_opear{
  color: #fff;
  font-size: 87.5%;
  margin-bottom:0.875em;
}
.search_slides .search_slide_fix .search_slide_opear .search_slide_btn{
  margin-left:auto;
}
.search_slides .search_slide_fix .search_slide_input{
    background-color: #fff;
    border-radius: 0.5em;
    font-size: 82.5%;
    padding: 0.625em;
    margin-top: 0.875em;
}
.search_slides .search_slide_fix .search_slide_input input{
    padding-left: 0.45em;
    box-sizing: border-box;
}
.search_slides .search_slide_con{
    background-color: #fff;
    font-size: 87.5%;
    padding: 0 0.875em;
    box-sizing: border-box;
    position: relative;
    top: 145px;
    overflow-y: scroll;
    /*-webkit-overflow-scrolling: touch*/
    height: calc(100vh - 145px);
}
.search_slides .search_slide_con.con_slidey{
    height:180px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}
.search_slides .search_slide_con .slide_cats_list{
    align-items: center;
    padding:0.625em 0;
}
.search_slides .search_slide_con .slide_cats_list img{
    height: 18px;
    margin-right: 0.625em;
}
.search_slides .search_slide_con .slide_cats_list i{
  margin-right:0.625em;
}
.search_slides .search_slide_con .slide_history span{
    display: flex;
    padding:0.625em 0;
}
.search_slides .search_slide_con .slide_history span b{
  font-weight: normal;
}
.search_slides .search_slide_con .slide_history span.list_history_loc{
    color: #FD7B23;
}
.search_slides .search_slide_con .slide_history span.list_history_loc img{
    margin-left: inherit;
    margin-right: 0.45em;
    position: relative;
    top:0.1em;
}
.search_slides .search_slide_con .slide_history span i{
  margin-left:auto;
}
.search_slides .search_slide_con .slide_history.slide_history_a{
  display: none;
}
.banner::after{
    content: "";
    background-image: url(/static/images/img/banner_radius.png);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    height: 80px;
    z-index: 2;
    background-size: 100% 100%;
}
.banner .swiper-pagination-bullet{
    width:15px;
    height:15px;
    background: #fff;
    opacity: 1;
}
.banner .swiper-pagination-bullet-active{
    background:#000;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:20px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 10px;
}
.banner .swiper-slide::after{
  content: '';
  position: absolute;
  background-color:rgba(0,0,0,.3);
  top:0;
  left:0;
  right:0;
  bottom:0;
}
.banner .header_search{
    position: absolute;
    top: 45%;
    left: 50%;
    color: #fff;
    z-index: 11;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.banner .header_search p.imachika_adword{
  font-weight: bold;
  font-size: 300%;
}
.header_search .four_btn{
  padding:0 25%;
  box-sizing: border-box;
  margin-top:1.25em;
  height:28px;
  line-height: 28px;
}
.header_search .four_btn a{
  color: #fff;
  flex:1;
  font-size: 87.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header_search .four_btn a i{
  margin-right: 0.325em;
  font-size: 150%;
}
.header_search .four_btn a:first-child i{
  /*font-size: 165%;*/
}
.header_search .search_input{
  margin-top:2.5em;
}
.header_search .search_input div.input_q,.header_search .search_input div.input_address{
  margin-right:1.25em;
  flex:auto;
  position: relative;
}
.header_search .search_input .search_model,.header_search .search_input .list_history{
  background-color: #fff;
  border-radius: 0.5em;
}
.header_search .search_input .search_model{
  display: flex;
  position: relative;
}
.header_search .search_input .list_history{
  margin-top:1px;
  position: absolute;
  width:100%;
  display: none;
  font-size: 87.5%;
  z-index:2;
}
.header_search.childpage_search .search_input .list_history{
  font-size: 100%;
}
.header_search .search_input .list_history span{
  display: flex;
  align-items: center;
  width:100%;
  color: #666;
  padding:0 0.625em;
  cursor: pointer;
  box-sizing: border-box;
  height:30px;
  line-height: 30px;
}
.header_search .search_input .list_history span b{
  font-weight: normal;
  max-width: 90%;
  display: inline-block;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header_search .search_input .list_history span i{
  margin-left:auto;
  font-size: 87.5%;
}
.header_search .search_input .list_history span.list_history_loc i{
  margin-left: inherit;
  margin-right: 0.25em;
  font-size: 125%;
  z-index: 2;
  position: relative;
  top: 0.05em;
}
.header_search .search_input .list_history span:hover,.header_search .search_input .list_history span.list_history_loc{
  color: #FD7B23;
}
.header_search .search_input div input{
  color: #666;
  padding: 0 1.25em;
  box-sizing: border-box;
  height: 60px;
}
.slide_inputa,.slide_inputq,.search_q input,.search_a input,.header_m .headerm_input input{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header_search .search_input div input::focus{
  border:1px solid #FD7B23;
}
.header_search .search_input div.input_q{
  position: relative;
  flex-shrink: 0;
  width: 320px;
}
.header_search .search_input div.input_address input{
  padding-right:55px;
}
.header_search.childpage_search .search_input div.input_address input{
  padding-right:41px;
}
.header_search .search_input div.input_address .address_icon{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  z-index: 2;
  border-left: 1px solid #f5f5f5;
}
.header_search .search_input div.input_address .address_icon .loc_loading_home{
  height:32px;
}
.header_search .search_input .search_btn{
  background-color: #FD7B23;
  color: #fff;
  height: 60px;
  padding:0 1.5em;
  line-height: 1.2em;
  border-radius: 0.5em;
  flex-shrink: 0;
}
.header_search .search_input div.input_address .address_icon,.header_search .search_input .search_btn{
  cursor: pointer;
}
.header_search.childpage_search{
  font-size: 87.5%;
  margin-left: 1.25em;
  width: 650px;
}
.header_search.childpage_search .search_input{
  width: 100%;
}
.header_search.childpage_search .search_input div input{
  padding: 0 0.625em;
  border: 1px solid #ddd;
  border-radius: 0.5em;
  height: 40px;
}
.header_search.childpage_search .search_input div.input_address .address_icon{
  width:40px;
}
.header_search.childpage_search .search_input div.input_address .address_icon i{
  font-size: 150%;
}
.header_search.childpage_search .search_input .search_btn{
  height:40px;
  padding:0;
  width:70px;
}
.header_search.childpage_search .search_input{
  margin-top:0;
}
.header_search.childpage_search .search_input .list_history{
  z-index: 5;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.list_history span{
  display: block;
  padding:0.625em;
}
.hot_cats{
    margin-top:4em;
    flex-wrap: wrap;
}
.hot_cats .hot_cat{
    flex-shrink: 0;
    width:calc((100% - 3em)/4);
    margin:0 0 1em 1em;
    background-color: #fff;
    border-radius: 0.5em;
    padding: 1.5em 0 1.5em 0.875em;
    box-sizing: border-box;
    cursor: pointer;
}
.hot_cats .hot_cat:nth-child(4n+1){
    margin-left:0;
}
.hot_cats .hot_cat .hot_cat_img{
    width: 65px;
    height: 65px;
    border-radius: 50%;
    flex-shrink: 0;
}
.hot_cats .hot_cat .hot_cat_img img{
    width:35px;
}
.hot_cats .hot_cat .hot_cat_text{
    flex-grow: 1;
    padding: 0 0.45em 0 0.875em;
}
.hot_cats .hot_cat,.hot_cats .hot_cat .hot_cat_img,.content .recommend_lists .recommend_list{
    -moz-box-shadow:4px 4px 10px #ddd; 
    -webkit-box-shadow:4px 4px 10px #ddd;
    box-shadow:4px 4px 10px #ddd;
}
.hot_cat .hot_cat_text .hot_cat_name{
    font-size: 112.5%;
    font-weight: bold;
    margin-bottom:0.25em;
}
.hot_cat .hot_cat_text .hot_cat_desc{
    color: #999;
    font-size: 82.5%;
}
.cats_more_m{
  display: none;
  position: fixed;
  top:2.69em;
  width:100%;
  bottom:0;
  height:calc(100% - 6.19em);
  background-color: #fff;
  z-index:2;
}
.cats_more_m .cats_more_lists_r{
  background-color: #fafafa;
  height:auto;
}
.cats_more_m .cats_more_list{
  font-size: 87.5%;
  display: flex;
  align-items: center;
  padding: 0.625em 0.625em 0.625em 1.5em;
  box-sizing: border-box;
}
.cats_more_m .cats_more_list.big_cats{
  padding-left:0.625em;
  font-weight: bold;
}
.cats_more_m .cats_more_lists_l,.cats_more_m .cats_more_lists_r{
  flex:1;
  box-flex:1;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.cats_more_m .cats_more_lists_l .cats_more_list.active{
  background-color: #fafafa;
}
.cats_more_m .cats_more_list.active{
  color: #FD7B23;
}
.cats_more_m .cats_more_list img{
  height:18px;
  margin-right:0.625em;
}
.cats_more{
    margin-top: 1.5em;
    padding: 0 2.5em;
    box-sizing: border-box;
    background-color: #fff;
    display: none;
}
.cats_more .cats_more_top{
    padding: 1.25em 0 0.625em;
    border-bottom:1px solid #f5f5f5;
}
.cats_more .cats_more_top .cats_more_topL span:nth-child(2){
  color:#FD7B23;
}
.cats_more .cats_more_top .cats_more_topL i{
  margin:0 0.45em;
}
.cats_more .cats_more_top .cats_more_topR{
    margin-left:auto;
}
.cats_more .cats_more_top .cats_more_topR span{
    margin-left: 1.25em;
    color: #999;
    border: 1px solid #999;
    border-radius: 0.5em;
    font-size: 75%;
    padding: 0.45em 0.625em;
    cursor: pointer;
}
.cats_more .cats_more_top .cats_more_topR span:first-child{
  margin-left:0;
}
.cats_more .cats_more_top .cats_more_topR span.active{
  color: #FD7B23;
  border:1px solid #FD7B23;
}
.cats_more_lists{
  flex-wrap: wrap;
  padding:0.625em 0;
}
.cats_more_lists .cats_more_list{
  color: #999;
  font-size: 87.5%;
  cursor: pointer;
  flex:0 0 25%;
  padding:0.625em 0;
}
.cats_more_lists .cats_more_list img{
  width: 16px;
  margin-right: 0.625em;
  position: relative;
  top: 0.15em;
}
.cats_more_lists .cats_more_list:hover,.cats_more_lists .cats_more_list.active{
  color: #FD7B23;
}
.content{
    align-items: normal;
    justify-content: normal;
    margin: 4em auto 2em;
    background-color: #fafafa;
}
.content.index_content{
  margin-top:3em;
}
.contents{
  width:350px;
  flex-shrink: 0;
  min-height: calc(100vh - 160px);
}
.contents .content_filter{
  width: 100%;
  background-color: #fff;
  border-radius: 0.3em;
  position: relative;
  z-index: 3;
  border: 1px solid #eee;
  box-sizing: border-box;
}
.content_filter .filter_top{
  align-items: center;
}
.content_filter .filter_seltab{
  border-top: 1px solid #fafafa;
  padding: 0 0 0.875em 0.875em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  font-size: 87.5%;
  display: none;
}
.content_filter .filter_seltab span{
    margin-right: 0.625em;
    border: 1px solid #ddd;
    color: #666;
    box-sizing: border-box;
    border-radius: 0.3em;
    font-size: 0.875em;
    position: relative;
    margin-top: 0.875em;
    padding: 0 0.45em;
    height: 2.5em;
    align-items: center;
    display: flex;
}
.content_filter .filter_seltab span i{
  font-size: 87.5%;
  margin-left: 0.45em;
  position: relative;
  top:0.05em;
}
.content_filter .filter_top,.content_filter .filter_types p.filter_type_tab{
  padding: 0.875em;
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  display: flex;
}
.content_filter .filter_top span i{
  margin-right:0.625em;
  font-weight: bold;
}
.content_filter .filter_top span i,.content_filter .filter_top span.filter_empty{
  color: #FD7B23;
  font-size: 87.5%;
}
.content_filter .filter_top span.filter_empty{
  margin-left: auto;
  cursor: pointer;
}
.content_filter .filter_types div.filter_type{
    border: 1px solid #fff;
    border-top: 1px solid #fafafa;
    cursor: pointer;
    align-items: center;
    box-sizing: border-box;
    border-right: 0;
    flex-shrink: 0;
    display: flex;
    width: 100%;
}
.content_filter .filter_types .filter_type:hover .filter_type_tab span,.content_filter .filter_types .filter_type.active .filter_type_tab span{
  color: #FD7B23;
}
.content_filter .filter_types .filter_type.active{
  /*border:1px solid #ddd;*/
  border-right: 0;
}
.content_filter .filter_types .filter_type_tab i{
  margin-left:auto;
  color: #999;
}
.filter_model{
  position: absolute;
  left: 100%;
  width: 450px;
  top: 0;
  background-color: #fff;
  z-index: 10;
  display: none;
  border: 1px solid #ddd;
}
/*滚动条样式*/
.filter_model::-webkit-scrollbar,.filter_model .filter_modelcon div::-webkit-scrollbar,.filter_model.filter_file .filter_modelcon::-webkit-scrollbar,.search_slides .search_slide_con::-webkit-scrollbar,.cats_more_m .cats_more_lists_l::-webkit-scrollbar, .cats_more_m .cats_more_lists_r::-webkit-scrollbar {/*滚动条整体样式*/
    width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.filter_model::-webkit-scrollbar-thumb,.filter_model .filter_modelcon div::-webkit-scrollbar-thumb,.filter_model.filter_file .filter_modelcon::-webkit-scrollbar-thumb,.search_slides .search_slide_con::-webkit-scrollbar-thumb,.cats_more_m .cats_more_lists_l::-webkit-scrollbar-thumb, .cats_more_m .cats_more_lists_r::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.1);
}
.filter_model::-webkit-scrollbar-track,.filter_model .filter_modelcon div::-webkit-scrollbar-track,.filter_model.filter_file .filter_modelcon::-webkit-scrollbar-track,.search_slides .search_slide_con::-webkit-scrollbar-track,.cats_more_m .cats_more_lists_l::-webkit-scrollbar-track, .cats_more_m .cats_more_lists_r::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.05);
    border-radius: 0;
    background: rgba(0,0,0,0.05);
}
.filter_model .filter_modelcon{
  height:380px;
}
.filter_model.filter_area .filter_modelcon{
  height:323px;
}
.filter_model.filter_file .filter_modelcon{
  height:310px;
}
.filter_model .filter_modelcon div{
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.filter_model .filter_modelcon span{
  display: block;
  padding: 0.625em 0.625em 0.625em 2em;
  font-size: 87.5%;
  box-sizing: border-box;
}
.filter_modelcon .modelcon.modelconl span{
  border-left: 3px solid #fff;
}
.filter_model .filter_modelcon span.big_cats{
  font-weight: bold;
  color: #666;
  padding-left:0.625em;
  cursor: default;
}
.filter_area p{
  padding:1em 1.5em;
  box-sizing: border-box;
}
.filter_area p input{
  padding: 0.625em 0.875em;
  background-color: #f5f5f5;
  font-size: 87.5%;
  border-radius: 0.3em;
}
.filter_modelcon .modelcon{
  flex:1;
}
.filter_modelcon span{
  display: block;
  padding-left: 1.5em;
  box-sizing: border-box;
  padding: 0.625em 0 0.625em 1.5em;
  cursor: pointer;
}
.filter_modelcon .modelcon.modelconl span.active,.filter_modelcon .modelcon.modelconl span:hover{
  background-color: #f5f5f5;
  border-left: 3px solid #FD7B23;
}
.filter_modelcon .modelcon.modelconl span.big_cats:hover{
  background-color: #fff;
}
.filter_modelcon span.active,.filter_modelcon span:hover{
  color: #FD7B23;
}
.filter_modelcon .modelcon.modelconr{
  background-color: #f5f5f5;
}
/*file*/
.filter_model.filter_file .filter_modelcon div{
    overflow: hidden;
    margin-bottom: 1.25em;
    padding: 0 0.625em;
}
.filter_model.filter_file{
  padding: 0 0 3.69em;
  box-sizing: border-box;
}
.filter_model.filter_file .filter_modelcon{
  overflow-y: scroll;
  padding:0.625em 0;
  -webkit-overflow-scrolling: touch;
}
.filter_model.filter_file .filter_modelcon div p{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.filter_model.filter_file .filter_modelcon div.file_food p span{
  flex-shrink: inherit;
  flex: 0 0 30%;
}
.filter_model.filter_file span{
    justify-content: center;
    display: flex;
    flex-shrink: 0;
    margin-right: 0.625em;
    align-items: center;
    padding: 0.625em 0.45em;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 0.3em;
    margin-top: 0.625em;
    color: #333;
    cursor: pointer;
    box-sizing: border-box;
    width: auto;
}
.filter_model.filter_file span:hover{
  color: #FD7B23;
}
.filter_model.filter_file span.active {
    border: 1px solid #FD7B23;
    color: #FD7B23;
}
.filter_model.filter_file span:last-child{
  margin-right:0;
}
.filter_model.filter_file .file_btn{
  display: flex;
  margin-bottom: 0;
  padding: 0;
  border-top: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}
.filter_model.filter_file .file_btn span{
  margin-left: 0;
  border-radius: 0;
  flex: 0 0 50%;
  border: 0;
  margin-top: 0;
  padding: 1em 0;
  margin: 0;
}
.filter_model.filter_file .file_btn span.file_btn_sure{
  border-left: 1px solid #ddd;
  background-color: #FD7B23;
  color: #fff;
}
.map_informodel{
    /*width: 350px;*/
    /*height: 120px;*/
    /*padding: 0.625em;*/
    height:100%;
    width:100%;
    background-color: #fff;
    -moz-box-shadow: 4px 4px 10px #ddd;
    -webkit-box-shadow: 4px 4px 10px #ddd;
    box-shadow: 4px 4px 10px #ddd;
    border-radius: 0.3em;
    box-sizing: border-box;
    z-index:2;
}
.map_informodel:hover{
  color: #333;
}
.map_informodel .map_image{
    height: 100px;
    border-radius: 0.3em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
    width: 100px;
}
.map_informodel .map_infor{
    flex-grow: 1;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: auto;
    overflow: hidden;
    align-items: center;
    padding: 0.45em 0 0.45em 0.625em;
}
.map_informodel .map_infor .map_infor_name,.map_informodel .map_infor .map_infor_con{
    flex-shrink: 0;
    width:100%;
}
.map_informodel .map_infor .map_infor_name{
    font-size: 100%;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.map_informodel .map_infor .map_infor_con{
    font-size: 82.5%;
    color: #666;
}
.map_start_distance span{
    position: relative;
    margin-left: auto;
}
.map_start_distance{
  position: relative;
  top:0.45em;
}
.map_start_distance .recommend_star{
    height: 15px;
}
.map_start_distance .recommend_star p i{
    font-size: 100%;
}
.map_tag_review{
  display: flex;
}
.map_tag_review .map_tag{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    display: inline-block;
}
.map_tag_review .map_review{
    flex-shrink: 0;
    margin-left: auto;
}
/*list start*/
.loc_mes{
  background-color: #fff4e6;
  padding: 0.625em;
  display: flex;
  color: #666;
  margin-bottom: 1.25em;
  position: relative;
  display: none;
  align-items: center;
}
.loc_mes .icon_loc{
  font-size: 1.25em;
  position: relative;
  top: 0.1em;
  margin-right: 0.1em;
}
.loc_mes .loc_mes_opera{
  display: flex;
  align-items: center;
  margin-left: auto;
}
.loc_mes .loc_mes_opera a{
  border: 1px solid #FD7B23;
  color: #FD7B23;
  padding: 0.25em 0.625em;
  border-radius: 0.3em;
  font-size: 87.5%;
  margin-right: 0.625em;
}
.loc_mes .loc_mes_opera i{
  color: #999;
  position: relative;
  top: 0.05em;
}
.content .recommend_lists{
    flex-shrink: 0;
    padding-left: 2em;
    box-sizing: border-box;
    width: calc(100% - 350px);
}
.content .recommend_lists .recommend_like{
    color: #666;
    font-size: 125%;
    font-weight: bold;
    padding: 0 0 1.25em 0;
}
.sort_list{
  padding-bottom:3em;
}
.search_nolist{
  padding:0 5%;
  box-sizing: border-box;
  line-height: 1.5;
}
.search_nolist .search_nolist_title{
  font-size: 125%;
}
.search_nolist .nolist_prompt_title{
  margin-top: 1.25em;
  font-weight: bold;
}
.content .recommend_lists .recommend_like:first-child{
  margin-top:0;
}
.content .recommend_lists .recommend_list{
  margin-bottom:1.5em;
  display: block;
  border-radius: 0.3em;
  width:100%;
  overflow:hidden;
  background-color: #fff;
}
.content .recommend_lists .recommend_list:hover{
  color: #3333;
}
.recommend_list .recommend_img{
  width:100%;
  position: relative;
}
.recommend_list .recommend_img p{
  position: absolute;
  bottom:0;
  width:100%;
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
  background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
  padding:4em 0.625em 0.625em;
  box-sizing: border-box;
  font-size: 87.5%;
  color: #fff;
}
.recommend_list .recommend_img span{
  flex:1;
  height:100%;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.recommend_list .recommend_img span:nth-child(2){
  margin-left:2px;
}
.recommend_list .recommend_text{
  padding:1.25em;
  box-sizing: border-box;
  color: #333;
  position: relative;
}
.recommend_list .recommend_text .dislike_item{
  position: absolute;
  right: 0.625em;
  cursor: pointer;
}
.recommend_list .recommend_text .dislike_item img{
    height:20px;
    margin-top:0.2em;
}
.recommend_list .recommend_text .recommend_name,.recommend_list .recommend_img p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recommend_list .recommend_text .recommend_name{
  font-size: 150%;
  font-weight: bold;
}
.rank_lists .recommend_list .recommend_text .recommend_name{
  height:50px;
  display: -webkit-box;
  width:100%;
  padding:0.2em 0;
  box-sizing: border-box;
}
.rank_lists .recommend_list .recommend_text .recommend_name span{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.recommend_list .recommend_text .recommend_rankmes{
  margin-top:0.625em;
  color: #1286F5;
  font-weight: bold;
}
.recommend_list .recommend_text .recommend_rankmes i{
  position: relative;
  top: -0.05em;
  font-size: 125%;
}
.recommend_list .recommend_text .recommend_rankmes span b{
  /*margin-right:0.25em;*/
}
.recommend_list .recommend_text .recommend_name.list_unlike{
  padding-right:1.75em;
  box-sizing: border-box;
}
.recommend_list .recommend_con{
  height:25px;
  margin-top:0.625em;
  overflow:hidden;
  line-height: 25px;
}
.recommend_star{
  position: relative;
  height:25px;
}
.recommend_star p{
  margin:0;
  color: #ccc;
  display: flex;
}
.recommend_star p i{
  font-size: 150%;
}
.recommend_star p:last-child{
  position: absolute;
  top: 0;
  bottom: 0;
  color: #f8a300;
  white-space: nowrap;
  overflow: hidden;
}
.recommend_list .recommend_con img{
  height:80%;
  position: relative;
  top:5%;
}
.recommend_list .recommend_con .recommend_coupon img{
  top:15%;
  height:70%;
}
.recommend_list .recommend_con p.target_flex{
  height:100%;
  margin-left:1.25em;
  display: flex;
}
.recommend_list .recommend_con p.recommend_tag{
  max-width:calc(100% - 145px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recommend_list .recommend_con p.recommend_review{
    position: relative;
    height: 25px;
    margin-top:0.1em;
}
.recommend_list .recommend_con p.target_flex img{
  margin-right:0.45em;
}
.recommend_list .recommend_con p:first-child{
  margin-left:0;
}
.recommend_list .recommend_hreview{
  margin-top:0.625em;
  align-items: center;
}
.recommend_list .recommend_hreview span.hreview_img{
  width:50px;
  height:50px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin-right:16px;
  flex-shrink: 0;
}
.recommend_list .recommend_hreview .hreview_text{
  flex-shrink: 0;
  width: calc(100% - 66px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 87.5%;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.recommend_list .recommend_hreview .hreview_text b{
  color: #333;
  margin-right:0.625em;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recommend_lists .recommend_more{
  text-align: center;
}
.recommend_lists .recommend_more a{
    color: #999;
    display: inline-block;
    cursor: pointer;
}
.recommend_lists .recommend_more a:hover{
  color: #FD7B23;
}
.recommend_lists .recommend_more a i{
    position: relative;
    top:0.1em;
    margin-left:0.25em;
}
.change_page{
  padding-bottom:4em;
  display: block;
  text-align: center;
}
.change_page a{
  padding:0 1.25em;
}
.change_page a.no_morelist,.change_page a.no_morelist:hover{
  color: #999;
  cursor: default;
}
/*about_imachika*/
.about_imachika::before{
    content: "";
    background-image: url(/static/images/img/banner_radius.png);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width:100%;
    height: 80px;
    z-index: 2;
    background-size: 100% 100%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.about_imachika{
  background-color: #fff;
  text-align: center;
  padding-top:6em;
  position: relative;
}
.about_imachika .imachika1_text{
  padding-top:4em;
}
.imachika1_text p{
  line-height: 25px;
}
.imachika1_text .imachika1_title,.imachika1_modelL .imachika1_modelL_title{
  font-size: 250%;
  font-weight: bold;
  margin-bottom:0.625em;
}
.imachika1_model{
  height:60vh;
}
.imachika1_model .imachika1_modelL{
  text-align: left;
  margin-right: 5em;
}
.imachika1_model .imachika1_modelL .imachika1_modelL_btn{
  margin-top:1.5em;
}
.imachika1_model .imachika1_modelL .imachika1_modelL_btn a{
  display: inline-block;
}
.about_imachika2{
  position: relative;
  margin: 0 -5px;
  width: 100.5%;
  height: 41.5vw;
  background-image: url(/static/images/img/footerbanner.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.about_imachika2 .imachika2_model{
  position: absolute;
  margin-top:1em;
}
.about_imachika2 .imachika2_model .imachika2_title{
  font-size: 300%;
  font-weight: bold;
  margin-bottom:1.25em;
  line-height: 80px;
  color: #fff;
}
.about_imachika2 .imachika2_model a{
  background-color: #FD7B23;
  border-radius: 0.3em;
  color: #fff;
  padding: 0 1.25em;
  height: 60px;
  line-height: 60px;
  font-size: 150%;
  display: inline-block;
  cursor: pointer;
}
/*footer*/
footer{
    text-align: center;
    background-color: #000;
    color: #fff;
    padding:3em 0 2em;
    box-sizing: border-box;
}
footer.footer_fix{
  position: fixed;
  left:0;
  bottom:0;
  width:100%;
}
footer .footer_name{
    font-size: 150%;
    font-weight: bold;
    color: #aaa;
}
footer .footer_text{
    margin: 1.25em 0 0.625em;
    color: #aaa;
}
footer .footer_by{
    margin-left:1.25em;
}
footer .footer_text span:first-child{
    margin-right:1.25em;
}
.footer_content{
  padding-bottom:3em;
}
.footer_content .footer_con{
  flex:1;
  line-height: 40px;
  position: relative;
  text-align: left;
}
.footer_content .footer_con span,.footer_content .footer_con a{
  display: flex;
  flex-wrap:wrap;
  color: #aaa;
}
.footer_content .footer_con a img{
  height:40px;
}
.footer_content .footer_con span.footer_title,.footer_content .footer_con a:hover{
  color: #fff;
}
.footer_content .footer_con span.footer_title{
  display: flex;
}
.footer_content .footer_con span.footer_title b{
  font-weight: normal;
}
.footer_content .footer_con span.footer_title i{
  margin-left: 0.25em;
  display: inline-flex;
  margin-top: -0.05em;
}
.footer_content .footer_con .footer_model{
  border: 1px solid #666;
  padding: 0.625em;
  box-sizing: border-box;
  background-color: #000;
  font-size: 87.5%;
  display: none;
}
.footer_content .footer_con .language_model{
  line-height: 40px;
  width: 95px;
  position: relative;
  left: -20px;
}
.footer_content .footer_con .address_model{
  margin-top: 10px;
  line-height: normal;
  width: 370px;
  position: absolute;
  left: -150px;
  z-index:9;
}
.footer_content .footer_con .address_model a{
  display: inline-block;
  margin:0.625em 0.625em 0 0;
}
.footer_content .footer_app a{
  margin-top: 20px;
  border: 1px solid #666;
  border-radius: 0.3em;
  display: inline-flex;
}
.footer_address .footer_title{
  cursor: pointer;
}
.nav_lists{
  position: fixed;
  bottom:0;
  height:3.5em;
  left:0;
  width:100%;
  background-color: #fff;
  box-shadow: 2px -2px 10px #ddd;
  z-index:2;
}
.nav_lists .nav_list{
  flex: 0 0 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav_lists .nav_list p{
  display: inline-block;
  position: relative;
  text-align: center;
}
.nav_lists .nav_list p span{
  display: block;
  font-size: 87.5%;
}
.nav_lists .nav_list p i{
  font-size: 125%;
  /*font-weight: bold;*/
}
.nav_lists .nav_list p span.nav_noread{
    position: absolute;
    text-align: center;
    background-color: #FD7B23;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 50%;
    top: -5px;
    right: -12px;
    z-index: 2;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 62.5%;
    display: none;
}
.loc_img{
  height:24px;
}
.loc_loading{
  display: none;
}
/*搜索結果頁面 添加 排名入口*/
.sort_list.sort_rank_list{
  padding-bottom:2em;
}
.rank_title{
  margin-bottom:1.25em;
  align-items: center;
}
.rank_title p{
  color:#333;
  font-size: 132.5%;
  font-weight: bold;
}
.rank_title a{
  font-size: 100%;
  color:#666;
  margin-left:auto;
}
.rank_title a i{
  margin-left:0.25em;
}
.rank_list_con{
  overflow: hidden;
}
.rank_lists{
  height:385px;
  position: relative;
  display: flex;
  align-items: center;
}
.rank_lists .rank_list_con{
  height:100%;
}
.rank_lists .rank_list{
  height: 100%;
  padding:0 5px;
  box-sizing: border-box;
}
.rank_more_lists .swiper-wrapper{
  display: flex;
}
.rank_more_lists .swiper-wrapper .swiper-slide{
  flex: 0 0 33.33333%;
}
.rank_more_lists .swiper-wrapper .swiper-slide:last-child{
  margin-right:0;
}
.rank_lists .recommend_list{
  height: calc(100% - 15px);
  margin-bottom: 0 !important;
}
.rank_lists .recommend_list .recommend_img{
  height:200px !important;
}
.rank_lists .recommend_list .recommend_text{
  font-size: 75%;
}
.rank_lists .rank_meter{
  margin-left:auto;
  margin-top:0.1em;
}
.rank_review p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.5;
}
.rank_lists .swiper-button-next, .rank_lists .swiper-container-rtl .swiper-button-prev,.rank_lists .swiper-button-prev, .rank_lists .swiper-container-rtl .swiper-button-next{
  background: none;
}
.rank_lists .click_next i,.rank_lists .click_prev i{
  font-size: 150%;
  color: #666;
}
.rank_lists .click_next,.rank_lists .click_prev{
  z-index:2;
}
.rank_lists .click_next{
  right: -1.325em;
}
.rank_lists .click_prev{
  left:-1.25em;
}
.rank_lists .recommend_list .rank_num{
  position: absolute;
  top: 0;
  left: 5px;
  color: #fff;
  background-color: #FD7B23;
  z-index: 2;
  font-size: 82.5%;
  padding: 0.25em 1em;
  border-radius: 0.3em 0 0 0;
}
.menukeyword {
  font-weight: bold;
}
/*搜索結果頁面 添加 关键字入口*/
.sort_list.sort_keyword_list{
  padding-bottom: 2em;
  display: flex;
  flex-wrap: wrap;
  line-height: 2;
}
.sort_keyword_list .sort_key_title{
  display: flex;
  align-items: center;
  padding-left: 1.75em;
  position: relative;
  margin-right:1.5em;
}
.sort_keyword_list .sort_key_title span{
  font-weight: bold;
}
.sort_keyword_list .sort_key_title i{
  position: absolute;
  left: 0;
  font-size: 125%;
  color:#666;
}
.sort_keyword_list a{
  color: #666;
  display: inline-block;
  padding-left:1.75em;
}
/*index_rank start*/
.index_rank{
  border-radius: 1em;
}
.index_rank .index_rankimg{
  width:100%;
  height:130px;
  background-image: url(/static/images/img/index_rankimg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index_rank .index_rankimg span{
  color: #fff;
  font-size: 125%;
  font-weight: bold;
  margin-top:-2em;
  -moz-text-shadow: 2px 2px 5px #333
  -webkit-text-shadow: 2px 2px 5px #333;
  text-shadow: 2px 2px 5px #333;
}
.index_rank .index_rankcon{
    position: relative;
    top: -2em;
    background-color: #fff;
    border-radius: 0.625em;
    padding:0 1.25em 1.25em;
    box-sizing: border-box;
    -moz-box-shadow: 4px 4px 10px #ddd;
    -webkit-box-shadow: 4px 4px 10px #ddd;
    box-shadow: 4px 4px 10px #ddd;
}
.index_rank .index_rankcon .index_ranktitle{
    padding: 1.25em 0 0.25em;
    font-weight: bold;
}
.index_rank .index_rankcon .index_ranklist a{
  display: inline-block;
  font-size: 0.875em;
  color: #666;
  margin:0.45em 0.625em 0 0;
}
.content .recommend_lists.index_norank{
  padding-left: 0;
  margin-left: 175px;
}
/*index_rank end*/
.page_content{
  min-height:150vh;
}
@media screen and (max-width: 1200px) and (min-width: 960px){
    body{
      font-size: 87.5%;
    }
    .banner .header_search p.imachika_adword{
      font-size: 200%;
    }
    .max_screen{
      max-width:960px;
    }
    .header_search.childpage_search{
      width:450px;
    }
    .header_search .search_input div.input_q{
      width:40%;
    }
    .loc_loading{
      height:22px;
    }
    .header_search .search_input .search_btn{
      padding: 0;
      width: 60px;
      text-align: center;
    }
    .rank_lists .recommend_list .recommend_img{
      height:180px !important;
    }
    .header_user p, .header_user a{
      min-width: 80px;
    }
    .rank_lists .recommend_list .recommend_text .recommend_name{
      height:49px;
    }
    .rank_lists{
      height:370px;
    }
    .page_content {
      min-height:130vh;
    }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
    body{
      font-size: 87.5%;
    }
    .banner .header_search p.imachika_adword{
      font-size: 200%;
    }
    .max_screen{
      max-width:750px;
    }
    .header_search .search_input div input{
      height:50px;
      padding:0 0.875em;
    }
    .header_search .search_input .search_btn{
      height:50px;
    }
    .rank_lists .recommend_list .recommend_img{
      height:140px !important;
    }
    .header_search.childpage_search{
      display: none;
    }
    .page_content {
      padding: 0 1.25em;
      box-sizing: border-box;
      min-height:141vh;
    }
    .header_search .search_input{
      padding: 0 0.625em;
      box-sizing: border-box;
    }
    .contents{
      width: 38vw;
    }
    .content .recommend_lists{
      width: calc(100% - 38vw);
    }
}
@media screen and (min-width: 480px) and (max-width: 767px){
  .dsearch_model{
    display: none;
  }
  .page_content{
    padding:0 1.25em;
    box-sizing: border-box;
  }
  footer{
    padding-left:0.625em;
    padding-right:0.625em;
  }
}
@media only screen and (max-width: 479px) {
    .lansel{
      display: flex;
    }
    /*排名页面 手机显示footer start*/
    .child_header{
      display: flex;
    }
    .recommend_star p i{
        font-size: 125%;
    }
    .recommend_list .recommend_text{
      padding:0.875em;
    }
    footer{
      padding: 1.25em 0.625em 5em;
      box-sizing: border-box;
    }
    .footer_content{
      flex-wrap: wrap;
      padding-bottom: 0;
    }
    .footer_content .footer_con{
      line-height: normal;
      flex: 0 0 100%;
      display: flex;
      align-items: center;
      font-size: 75%;
      padding:1.25em 0;
      box-sizing: border-box;
    }
    .footer_content .footer_con span,.footer_content .footer_con a{
      display: inline-flex;
      flex-shrink: 0;
      align-items: center;
    }
    .footer_content .footer_con span{
      width:30%;
    }
    .footer_content .footer_con a{
      min-width:22%;
    }
    footer .footer_text{
      font-size: 75%;
    }
    footer .footer_name{
      display: none;
    }
    .footer_content .footer_con .address_model{
      width: 100%;
      left: 0;
      z-index: 2;
      margin-top: 0;
      bottom: 4em;
    }
    .footer_content .footer_con.footer_app a img{
      height:32px;
    }
    .footer_content .footer_con.footer_app a{
      margin-right:1.25em;
      margin-top:10px;
    }
    /*排名页面 手机显示footer end*/
    .recommend_list .recommend_text .recommend_rankmes{
      font-size: 87.5%;
    }
    .recommend_list .recommend_text .recommend_rankmes i{
      margin-right:0.1em;
    }
    .loc_img{
      height:18px;
    }
    .mask{
      background-color: rgba(0,0,0,.2);
    }
    .filter_model.filter_file span:hover,.content_filter .filter_types .filter_type:hover .filter_type_tab span,.filter_modelcon span:hover{
      color: #333;
    }
    .filter_modelcon .modelcon.modelconl span:hover{
      background-color: #fff;
      border-left: 3px solid #fff;
    }
    .filter_modelcon .modelcon.modelconl span.active{
      background-color: #f5f5f5;
      border-left: 3px solid #FD7B23;
    }
    .filter_modelcon span.active,.content_filter .filter_types .filter_type.active .filter_type_tab span{
      color: #FD7B23;
    }
    .hot_cat .hot_cat_text .hot_cat_name{
      font-size: 100%;
    }
    .alert_address{
        bottom: 0;
        top: inherit;
        transform: none;
        left: 0;
        padding: 0;
        max-height: 75vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .div_pc{
      display: none;
    }
    .div_m{
      display: block;
    }
    .nav_lists{
      display: flex;
    }
    .header_m{
      display: flex;
      justify-content:center;
      align-items: center;
    }
    .header_model{
      position: fixed;
      right: inherit;
      left: 0;
      top: 2.69em;
      bottom:0;
      z-index: 3;
      background-color: rgba(0,0,0,.7);
      border-radius: 0;
      height: calc(100vh - 2.69em);
      /*transition: left linear .25s;*/
    }
    .header_model.user_model_m{
      position: fixed;
      top: 0;
      left: -75%;
      bottom: 0;
      z-index: 100;
      width: 75%;
      right: inherit;
      height: 100vh;
      background-color: #fff;
      transition: left linear .25s;
      padding: 0;
      display: block;
    }
    .body_safari .header_model.user_model_m{
      height:calc(100vh - 75px);
    }
    .header_model.user_model a{
      color: #333;
    }
    .cats_map{
      z-index:2;
      top:0;
    }
    .header_model a{
      color: #fff;
    }
    .page_content{
      padding-top:2.69em;
    }
    .hot_cat .hot_cat_text .hot_cat_desc{
      display: none;
    }
    .hot_cats{
        background-color: #fff;
        margin-top:0;
        box-sizing: border-box;
        z-index: 2;
        padding:0 0.625em;
    }
    .hot_cats .hot_cat{
        margin: 0;
        margin: 0.875em 0;
        padding: 0;
        width: 25%;
        display: block;
        font-size: 75%;
    }
    .hot_cats .hot_cat, .hot_cats .hot_cat .hot_cat_img{
      box-shadow: none;
    }
    .hot_cats .hot_cat .hot_cat_img,.hot_cats .hot_cat .hot_cat_text{
      flex-shrink: 0;
      width:100%;
    }
    .hot_cats .hot_cat .hot_cat_text{
      padding-left:0;
      text-align: center;
    }
    .content{
      margin-top: 0;
      padding-top: 0;
      display: block;
      position: relative;
      z-index: 1;
    }
    .content.index_content{
      margin-top:0.625em;
    }
    .loc_mes{
      margin-bottom:0.45em;
      font-size: 87.5%;
    }
    .search_content{
      margin:0;
    }
    .contents{
      width:100%;
      min-height:1px;
    }
    .content .recommend_lists{
      width:100%;
      padding: 0; 
      box-sizing: border-box;
    }
    .content .recommend_lists .sort .sort_list{
      padding: 1.25em 0.625em 0;
      box-sizing: border-box;
      margin-top: 0;
    }
    .content .recommend_lists .sort:last-child .sort_list:last-child{
      padding: 1em 0.625em 2em;
    }
    .search_nolist{
      padding: 1.25em 0.625em;
      font-size: 87.5%;
    }
    .search_content.content .recommend_lists .sort .sort_list{
      padding:0;
    }
    .search_content.content .recommend_lists .sort .sort_list.sort_rank_list{
      padding:0 0 1.75em 0;
      margin-top:-0.625em;
    }
    .search_content.content .recommend_lists .sort .sort_list.sort_keyword_list{
      padding:0 0 1.75em 0;
      font-size: 87.5%;
    }
    .sort_keyword_list .sort_key_title i{
      font-size: 112.5%;
    }
    .search_content.content .recommend_lists .sort{
      padding: 2em 0.625em 0;
    }
    .change_page{
      padding-bottom:6em;
    }
    .recommend_list .recommend_hreview span.hreview_img{
      width:35px;
      height:35px;
      margin-right:10px;
    }
    .recommend_list .recommend_hreview .hreview_text p.hreview_user{
      max-width:100px;
    }
    .content .recommend_lists .recommend_like{
      font-size: 112.5%;
    }
    .recommend_list .recommend_text .recommend_name{
      font-size: 125%;
    }
    .rank_lists .recommend_list .recommend_text .recommend_name{
      height: 38px;
    }
    .recommend_list .recommend_con,.recommend_list .recommend_hreview{
      margin-top:0.25em;
    }
    .recommend_list .recommend_con p.target_flex{
      font-size: 87.5%;
    }
    .recommend_list .recommend_hreview .hreview_text{
      font-size: 75%;
      width: calc(100% - 45px);
    }
    .recommend_lists .recommend_more{
      font-size: 87.5%;
    }
    .recommend_lists .recommend_more:last-child{
      padding-bottom:2em;
    }
    /*search start*/
    .contents .content_filter{
      display: flex;
      height: auto;
      position: fixed;
      top: 2.69em;
      flex-wrap: wrap;
      border:1px solid #fff;
    }
    .content_filter .filter_top{
      display: none;
    }
    .content_filter .filter_types{
      display: flex;
      width: 100%;
      height:3em;
    } 
    .content_filter .filter_types p.filter_type_tab{
      flex-shrink: unset;
      padding: 0;
      justify-content: center;
    }
    .content_filter .filter_types p.filter_type_tab span{
      max-width: 60px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .content .content_filter .filter_types .filter_type{
      flex: 1;
      font-size: 87.5%;
      justify-content: space-between;
      padding: 0.625em 0.45em;
      box-sizing: border-box;
    }
    .content_filter .filter_types .filter_type.active{
      border:0;
    }
    .content .content_filter .filter_types .filter_type .filter_type_tab,.content_filter .filter_types .filter_type.active .filter_type_tab{
      border: 0;
      border-left: 1px solid #f5f5f5;
    }
    .content .content_filter .filter_types .filter_type:first-child,.content_filter .filter_types .filter_type:first-child.active{
      border-left:0;
    }
    .content_filter .filter_types .filter_type .filter_type_tab i{
      margin-left:0.25em;
      position: relative;
      top:-0.05em;
    }
    .content_filter .filter_types .filter_type.active .filter_type_tab i{
      /*transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
      top:0.2em;*/
      color: #FD7B23;
    }
    .filter_model{
      position: absolute;
      top: 3em;
      width: 100%;
      left: 0;
      border: 0;
      border-top: 1px solid #f5f5f5;
      border-bottom:1px solid #ddd;
    }
    .content_filter .filter_seltab{
      flex-wrap: nowrap;
      overflow-x: auto;
      margin: 0 0.625em;
      padding-left: 0;
      border-top:1px solid #fff;
    }
    .content_filter .filter_seltab span{
      flex-shrink: 0;
      white-space: nowrap;
    }
    .filter_model .filter_modelcon{
      height:320px;
    }
    .filter_model.filter_area .filter_modelcon{
      height:263px;
    }
    .filter_model.filter_file .filter_modelcon{
      height:260px;
    }
    /*search end*/
    /*lg--new*/
    .popup{
        width: 100%;
        height: auto;
        border-radius: 20px 20px 0 0;
        left: 0;
        bottom: -80%;
        display: none;
        transform: none;
        top: inherit;
    }
    .popup .popup-title{
        margin: 24px 0;
        font-size: 20px;
    }
    .popup-count .opinion{
        height: 100px;
    }
    .popup-count .description, .popup-count .feedback{
        margin: 10px auto;
    }
    .popup-foot{
        border-radius: 0;
        padding-top: 5px;
    }
    .popup-foot .popup-foot-text{
        margin: 10px auto;
    }
    .popup-foot .submit-btn{
        width: 90%;
    }
    .rank_lists .click_next,.rank_lists .click_prev{
        display: none;
    }
    .rank_title p,.rank_title a{
      font-size: 87.5%;
    }
    .rank_title a{
      min-width: 80px;
      text-align: right;
    }
    .rank_title a i{
      font-size: 87.5%;
    }
    .rank_lists{
      height:265px;
    }
    .rank_lists .recommend_list .rank_num{
      font-size: 62.5%;
      padding: 0.25em 0.75em;
    }
    .rank_lists .recommend_list .recommend_img{
      height:120px !important;
    }
    .rank_list_con .swiper-wrapper{
      display: flex;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
    }
    .rank_lists .rank_list{
      flex-shrink: 0;
      width:43%;
    }
    .rank_more_lists .swiper-wrapper .swiper-slide{
      flex:0 0 45%;
    }
    .rank_lists .recommend_list .recommend_text{
      font-size: 62.5%;
    }
    /*index_rank start*/
    .index_rank{
      padding: 0 0.625em;
      margin-top: 1em;
      margin-bottom: -1em;
    }
    .content .recommend_lists.index_norank{
      margin-left:0;
    }
    /*index_rank end*/
}

.makeAppointment,#test1 .layui-laydate-main{width: 100%;}
		.layui-form .layui-input-block{ margin-left:  95px;width: calc(100% - 95px); }
		.layui-form .layui-form-label{ text-align: left;padding: 9px 0px; width: 90px; }
		.layui-form .layui-form-label i{  color: #f00; }
		
		#test1,.layui-laydate-main{width:100%; }
		#test1 .layui-laydate-content td,#test1 .layui-laydate-content th{width: 45px}		
		#test1 .layui-laydate-header i.laydate-prev-y,#test1 .layui-laydate-header i.laydate-next-y{ display: none }
		#test1 .layui-laydate-header i.laydate-prev-m{left: 12px;}
		#test1 .layui-laydate-header i.laydate-next-m{ right: 12px; }
    #test1 .layui-form-item .layui-inline{margin-bottom: 0px!important;}

    #test1 .laydate-set-ym span{padding: 0 4px;}
    #test1 .layui-laydate-header{padding:10px 0;}
    
		.layui-btn{ background: #FD7B23; width: 100%; }
    .paymentframeMB{ display: none;}
    
    	
.makeAppointment .layui-laydate-content td, .layui-laydate-content th{height: 40px;}
.makeAppointment .layui-laydate .layui-this{border:1px solid #fae486!important;    background-color: #fefae6!important;color: #000!important}
.makeAppointment .layui-laydate-content td::after{
  position: absolute;
    content: '';
    background: none;
    border: 2px solid #fa0;
    left: 50%;
    margin-left: -5px;
    top: 20px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
 .makeAppointment .layui-laydate-content td.laydate-disabled::after
{position: absolute;
    content: '';
    background: #d2d2d2;    
    right: 14px;
    top: 26px;
    width: 10px;
    height: 2px;
border-radius: 0;border:0;}
.makeAppointment .layui-laydate-content td.laydate-day-prev{
	opacity: 0
}
.makeAppointment .laydate-day-next{ display: none }
.layui-form-selected1 .layui-edge {
    margin-top: -9px;
    -webkit-transform: rotate(
180deg
);
    transform: rotate(
180deg
);
    margin-top: -3px\9;
}

.makeAppointmentPOP{ width: 100%; background: #fff }    
.header{ border-bottom: 1px solid #e1e1e1 ; padding: 20px; box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}
.cont{padding:0 20px; box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; background: #fff}
.box-sizing {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* Safari */
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.makeAppointment .layui-form-select dl{ top:0px;padding: 0 }
.makeAppointment .layui-form-select dl dd{ display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;}
.makeAppointment .layui-form-select .layui-input{ line-height: 35px;  display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;}

    .booking-modal__rst-name {
    width: 100%;
    color: #000;
    font-weight: bold;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    margin-bottom: 5px;
    font-size: 18px;
}
.booking-visit-info {
    color: #13131e;
}
.booking-visit-info__item {
    display: inline-block;
    margin-right: 12px;
}
.booking-visit-info__title {
    color: #595960;
    margin-right: 12px;
    font-size: 14px;
}
.booking-visit-info__year {
    margin-right: 3px;
    font-size: 18px;
}
.booking-visit-info__date, .booking-visit-info__member, .booking-visit-info__time {
    margin: 0 4px;
    font-size:22px;
}
.booking-visit-info__week {
    font-size: 16px;
    margin-right: -5px;
}
.booking-visit-info__item {
    display: inline-block;
    margin-right: 12px;
}
.booking-visit-info__title {
    color: #595960;
    margin-right: 12px;
    font-size: 14px;
}
.booking-modal__title {
    position: relative;
    margin: 30px 0 20px;
    color: #000;
    line-height: 1.1;
    font-size: 18px;
    padding-left: 28px;
}
.booking-modal__title.is-done::before {
    background-color: #82ad24;
}
.booking-modal__title::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    content: '';
    background-color: #b4b4b4;
    width: 18px;
    height: 18px;
}
.booking-modal__title::after {
    display: block;
    position: absolute;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: '';
    top: 03px;
    left: 06px;
    width: 04px;
    height: 07px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.booking-report{border:1px solid #fae486;
    color: #797152;
    height: 44px;
    line-height: 44px; text-indent: 10px;
    background-color: #fcf4ce;
    font-size: 13px
}
.layui-form2{ margin-top: 20px;background-color: #faf8f5;    padding: 15px;
    border: 1px solid #e0dccc;
    border-radius: 4px;
    color: #13131e;
    font-size: 13px; }
.layui-form2 .layui-form-label{text-align: left; padding:9px 0; width: 92px;font-weight: bold;font-size: 13px;white-space: initial;}
.booking-modal__submit {
    margin-top: 20px;
    padding: 20px;
    text-align: center;
    background-color: #fefae6;
}
.booking-counterplan-check {
  margin: 20px auto 10px;
  padding: 16px 50px;
  border: 1px solid #fae486;
  border-radius: 4px;
  color: #13131e;
  box-sizing: border-box;
  font-size: 13px;
  background-color: #fcf4ce;
}
.booking-counterplan-check__title {
    font-weight: 600;
}
.c-label.c-label--emphasis {
    background-color: #e64c30;
}

.booking-counterplan-check__label {
    margin: -4px 0 0 8px;
    font-size: 11px;
    padding: 3px 4px 4px;
}
.c-label {
    display: inline-block;
    margin: 0;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
    line-height: 12px;
    background-color: #bcb08a;
    border-radius: 2px;
    padding: 3px 8px;
    font-size: 12px;
}
.booking-counterplan-check__text {
    margin: 10px 0 12px;
    text-align: left;
    line-height: 16px;
}
.c-radio+label, .c-checkbox+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    vertical-align: text-top;
    padding-left: 5px;
    line-height: 16px;
}

.booking-counterplan-check__check-label {
    text-decoration: underline;
}
.booking-modal__submit-btn.is-disabled {
    pointer-events: none;
    background-color: #b4b4b4;
}
.booking-modal__submit-btn {
    display: inline-block;
    cursor: pointer;
    margin-top: 20px;
    padding-top: 5px;
    outline: none;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    line-height: 1.8;
    background-color: #82ad24;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding: 10px;
    transition: 0.1s ease-out;
}
.booking-modal__submit-btn>em {
    font-size: 18px;font-style: normal;
    font-weight: bold;
}
.makeAppointmentPOP a:hover{ color: #f3980a }
a.ago{color: #06c}
.is-no{ display: none }
#check1-d{ width: 13px; height: 13px;border:1px solid #666; background: #fff; cursor: pointer; margin-right:5px; }
#check1-d i{ font-size: 12px; color: #82ad24; font-weight: bold; }
@media screen and (max-width: 850px) {
  
  .layui-layer{width: 100%!important;left: 0!important}
  .booking-counterplan-check{ margin: 0; padding: 10px }
  }
  @media screen and (max-width: 380px) {
    .makeAppointmentPOP {
      width: 100%;
      background: #fff;
      padding-bottom: 100px;
  }
  .layui-layer{width: 100%!important;height: 100%!important;left: 0!important;top: 0!important; background: #f00}
  .booking-counterplan-check{ margin: 0; padding: 10px }
  }

.makeAppointmentPOP2 .list ul li{border-bottom: 1px solid #f7f1f1;padding: 5px; line-height: 30px;}
.makeAppointmentPOP2 .list p{ font-size: 14px; text-align: right; width: 160px;margin-right: 5px;margin-left: 5px; color: #666}
.makeAppointmentPOP2 .list span{ width: 230px;max-height: 55px;overflow: auto; font-size: 14px; color: #333; display:block;}