.loading_detail{
/*display: none;*/
position:fixed;
left: 50%;
top: 50%;
/*width: 2em;*/
text-align: center;
padding: 0.4em;
background: rgba(255,255,255,0.5);
border-radius: 8px;
/*margin: 0 auto;*/
margin-top: -1em;
margin-left: -1em;
z-index: 5000; 
}
/*search bar*/
.searchbar {
/*margin: 0 auto;*/
padding: 0.5em;
text-align: center;
}
.food_searchbar{background: #EB725E;}
.housing_searchbar{background: #92E0E0;}
.query_block{
display: inline-block;
vertical-align: middle;
background: white;
border-radius: 0.1em;
}
.searchbar input{
font-size: 1em; 
border: 0;
padding: 0.3em 0.5em;
text-align: left;
vertical-align: middle;
background: none;
}
.searchbar input{width: 100%;}
.searchbar cyb\:btn{
display: inline-block;
background: white;
text-align: center;
padding: 0.15em 0.6em;
margin: 0 0 0 0.4em;
vertical-align: middle;
border-radius: 0.1em;
}
.searchbar cyb\:btn:active{
display: inline-block;
text-align: center;
padding: 0.15em 0.6em;
margin: 0 0 0 0.4em;
vertical-align: middle;
border-radius: 0.1em;
background: #FFD966;
}
.searchbar cyb\:btn .icon-search, .searchbar cyb\:btn .icon-mic{
font-size: 1.5em;
line-height: 1em;
}
.food_searchbar cyb\:btn .icon-search, .food_searchbar cyb\:btn .icon-mic{color: #E56753;}
.housing_searchbar cyb\:btn .icon-search, .housing_searchbar cyb\:btn .icon-mic{color: #7ED9D9;}
.searchbar cyb\:btn:active .icon-search, .searchbar cyb\:btn:active .icon-mic{color: white;}

/*Tab*/
.tabs, .tabs table{width: 100%;}
.tabs{
position: fixed;
bottom: 0;
z-index: 500;
}
.food_tabs table{background: #E56753;}
.housing_tabs table{background: #7ED9D9;}
.tabs table td{
text-align: center;
width: 20%;
}
.tab_text{font-size: 0.9em;}
.tab{
display: inline-block;
width: 100%;
color: white;
font-weight: bold;
padding: 0.8em 0;
}
.food_tab_active{background: #C74632;}
.housing_tab_active{background: #3BB8B8;}
.article_tabs{
width: 100%;
bottom: 0;
padding: 0.3em 0;
}
.food_article_tabs{background: #EB725E;}
.housing_article_tabs{background: #8CE0E0;}
.article_tabs table{
width: 60%;
margin: 0 auto;
text-align: center;
}
.article_tabs table td{
text-align: center;
width: 50%;
}
.article_tab{
display: inline-block;
width: 100%;
color: white;
font-weight: bold;
border-radius: 0.5em;
padding: 0.3em 0;
}
.food_article_tab{background: #E56753;}
.housing_article_tab{background: #7ED9D9;}
.article_tab_active{
display: inline-block;
width: 100%;
color: white;
font-weight: bold;
border-radius: 0.5em;
padding: 0.3em 0;
}
.food_article_tab_active{background: #C74632;}
.housing_article_tab_active{background: #3BB8B8;}


/*scroller*/
#wrapper {
position: relative;
z-index: 1;
overflow: auto;
width: 100%;
}

.order_list{
font-size: 0.9em;
color: #595757;
}

.order_list .icon-minus, .order_list .icon-plus{
font-size: 1em;
color: #2A65C9;
}

/*index*/
#banner{
width: 100%;
height: 29%;
position: relative;
margin-bottom: 1%;
overflow: hidden;
}
#banner img{
width: 100%;
position: absolute;
top: 0em;
z-index: -1;
}
.banner_page_dots{
position: absolute;
width: 100%;
text-align: center;
top: 0.6em;
}
.page_dot{
display: inline-block;
width: 0.5em;
height: 0.5em;
border-radius: 1em;
background: rgba(255,255,255,0.8);
margin: 0 0.4em;
}
.banner_title_block{
width: 100%;
position: absolute;
background: rgba(0,0,0,0.5);
padding: 0.6em 0.2em 0.4em;
bottom: 0;
color: white;
}
.dot_on{background: #F39700;}
#food_block, #housing_block, #favor_block{margin-bottom: 1%;}
#food_block, #housing_block, #favor_block, .other_block{height: 24.55%;}
#food_block cyb\:btn, #housing_block cyb\:btn, #favor_block cyb\:btn, .other_block cyb\:btn{
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
#food_block cyb\:btn > img, #housing_block cyb\:btn > img, #favor_block cyb\:btn > img, .other_block cyb\:btn > img{
width: 100%;
position: absolute;
}
#food_block div, #housing_block div, #favor_block div, .other_block div{position: absolute;}
#food_block div, #housing_block div, #favor_block div{top: 0.3em; left: 0.3em;}
.other_block div{bottom: 0.1em; left: 0.4em;}
#food_block cyb\:btn > img{top: -0.5em;}
#housing_block cyb\:btn > img{top: -4em;}
#favor_block cyb\:btn > img{top: -3.8em;}
.other_block cyb\:btn > img{top: -4.2em;}
#food_block div>img, #housing_block div>img, #favor_block div>img{width: 6em;}
.other_block div>img{width: 14em;}
/*.other_block cyb\:btn{display: block;width: 100%;}
.other_block cyb\:btn:active{color: #369AFF;}
.other_block .icon-doubleRight{
padding: 0 0.2em;
font-size: 0.9em;
line-height: 1.5em;
vertical-align: middle;
}*/

/*Food-index*/
.list_block{
width: 100%;
display: block;
}
.list_block_act .list_blog_title, .list_block_act .list_store_name{
color: #369AFF;
} 
.list_block_table{
width: 100%;
/*margin: 0.2em auto 0;*/
background: white;
padding: 0.2em 0;
}
.list_block_table td{
padding: 0.2em;
}
.list_img{
height: 7em;
overflow: hidden;
}
.list_no_img{
width: 100%;
height: 7em;
text-align: center;
overflow: hidden;
background: #E6DFDF;
color: rgba(0,0,0,0.4);
}
.list_no_img .icon-camera{font-size: 3em;}
.list_no_img div{
font-weight: bold;
}
.list_img img{
width: 100%;
min-height: 7em;
}
.list_blog_title{
display: inline-block;
overflow: hidden;
text-overflow:ellipsis;
white-space : normal;
height: 3em;
line-height: 1.4em;
padding: 0 0.3em;
}
.icon-eye{
font-size: 1.2em;
margin-right: 0.1em;
}
.list_distance{
padding-right: 0.2em;
color: #FC4F52;
}
.list_block_btn{
width: 100%;
text-align:center;
margin-bottom: 0.2em;
background: white;
margin-top: 1px;
}
.list_block_btn td{width: 50%;}
.list_block_btn td cyb\:btn{
display: block;
padding: 0.3em 0;
}
.list_block_btn td cyb\:btn .icon-pin, .list_block_btn td cyb\:btn .icon-favorite, .list_block_btn td cyb\:btn .icon-share{
font-size: 1.1em;
margin-right: 0.2em;
color: #796A56;
}
.list_block_btn td cyb\:btn:active .icon-pin, .list_block_btn td cyb\:btn:active .icon-favorite, .list_block_btn td cyb\:btn:active .icon-share{color: white;}
.list_block_btn td cyb\:btn:active{
display: block;
width: 100%;
background: #FFD966;
padding: 0.3em 0;
color: white;
}
.list_address, .list_phone, .list_hits, .list_comment, .list_distance{font-size: 0.9em;}
.list_comment .icon-comment{font-size: 1.2em;}
.lazy{
background-image: url(../img/index_default_01.jpg);
background-size: 100%;
}

.more_btn{
display: block;
width: 100%;
background: white;
text-align: center;
padding: 0.3em 0;
}
.more_btn_act{
display: block;
width: 100%;
text-align: center;
background: #FFD966;
padding: 0.3em 0;
color: white;
}
/*Comment List*/
.comment_list_block{width: 100%; }
.comment_list_block cyb\:btn{
display: block;
margin: 0 auto 0.5em;
background: white;
padding: 0.5em 0.3em 0.2em;
}
.comment_list_block cyb\:btn table{width: 100%;}
.comment_poiName{
font-weight: bold;
padding-bottom: 0.4em;
color: rgba(0,0,0,0.7);
font-size: 1.05em;
}
.comment_userName{color: #878787;}
.comment_userName .icon-comment{font-size: 1em;}
.comment_text{
padding: 0.2em 0.5em 0.5em;
font-size: 0.95em;
}
.comment_createTime{
font-size: 0.8em;
text-align: right;
color: rgba(0,0,0,0.4);
}
.comment_list_block cyb\:btn:active .comment_poiName{color: #369AFF}

/*Food-Detail*/

/*****img*****/
.detail_img_block{
padding: 0 20%;
background: #403F3E;
text-align: center;
}
.detail_img{
position: relative;
height: 8em;
overflow: hidden;
vertical-align: middle;
text-align: center;
}
.detail_img img{
width: 100%;
vertical-align: middle;
}
.img_num{
display: inline-block;
position: absolute;
font-size: 1.4em;
font-wieght: bold;
bottom: 0;
right: 0;
color: white;
background: rgba(0,0,0,0.5);
padding: 0 0.2em;
}
.img_num .icon-plus{font-size: 0.6em;}
.for_align{
display: inline-block;
height: 8em;
width: 0;
vertical-align: middle;
}
.detail_no_img{
width: 100%;
height: 8em;
text-align: center;
overflow: hidden;
background: #E6DFDF;
color: rgba(0,0,0,0.4);
}
.detail_no_img .icon-camera{font-size: 5em;}
.detail_no_img div{font-weight: bold;}

/***content****/
.detail_block_table{
width: 100%;
padding: 0.2em 0 0.8em;
background-color: #F5F1EA;
}
.detail_block_table table{padding: 0.2em 0.3em;}
.detail_block_table td{padding: 0.2em;}
.favor_btn{
text-align: center;
vertical-align: top;
}
.favor_btn cyb\:btn{
display: inline-block;
background: white;
border-radius: 0.2em;
border: 1px solid #F2E7E6;
color: #796A56;
padding: 0.2em 0.4em;
text-align: center;
}
.favor_btn cyb\:btn:active{
background: #FFD966;
color: white;
}
.icon-favorite{font-size: 1.2em;}
.poi_name{font-size: 1.2em;}
.star img{width: 0.9em;}
.poi_phone{color: #369AFF;}
.detail_tab{
width: 100%;
background: #F5F1EA;
}
#comments_tab, #update_tab{
display: inline-block;
width: 48%;
text-align: center;
}
#comments_tab{border-radius: 0 0.2em 0 0;}
.comment_img_block{
display: inline-block;
width: 40%;
max-width: 280px;
vertical-align: top;
float: left;
margin-right: 0.5em;
margin-top: 0.2em;
}
.comment_img_block img{width: 100%;}
#update_tab{border-radius: 0.2em 0 0 0;}
.detail_tab_gap{
display: inline-block;
width: 4%;
text-align: center;
}
.detail_tab_nor, .detail_tab_act{padding: 0.4em 0;}
.detail_tab_nor{
position: relative;
background: #E5E1E0;
bottom: -1px;
z-index: 3;
}
.detail_tab_act{
position: relative;
background: white;
border: 1px solid #F2E7E6;
border-bottom: none;
bottom: -1px;
z-index: 5;
}
#comments_block, #update_block{
position: relative;
border-top: 1px solid #F2E7E6;
background: white;
z-index: 4;
}
.update_block_btn{
width: 100%;
text-align:center;
background: white;
margin-top: 1px;
}
.update_block_btn cyb\:btn{
display: block;
padding: 0.5em 0;
}
.update_block_btn cyb\:btn:active{
display: block;
width: 100%;
background: #FFD966;
padding: 0.4em 0;
color: white;
}
.comment_extend_arrow{
float: right;
margin-right: 0.5em;
}
#user_comment_btn{
position: fixed;
width: 100%;
bottom: 0;
z-index: 100;
background: white;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
}
#user_comment_btn cyb\:btn{
display: block;
padding: 0.6em 0.5em;
color: #796A56;
font-weight: bold;
}
#user_comment_btn cyb\:btn .icon-comment{
font-size: 1.1em;
padding-right: 0.1em;
}
#user_comment_btn cyb\:btn:active{
background: #FFD966;
color: white;
}
#user_comment_btn cyb\:btn .icon-arrowBtm, #user_comment_btn cyb\:btn .icon-arrowTop{
font-size: 1.1em;
margin-right: 0.2em;
}
#user_comment_btn cyb\:btn:active .icon-arrowBtm, #user_comment_btn cyb\:btn:active .icon-arrowTop{color: white;}
.comment_hr{
width: 98%;
margin: 0 auto 0.5em;
border-top: 1px solid #F2E7E6;
}
.comment_input_block{
width: 100%;
text-align:center;
margin-bottom: 0.2em;
background: white;
padding: 0.5em;
}
.comment_input_block td{padding: 0.5em;}
.comment_submit_block{
width: 100%;
text-align:center;
margin-bottom: 0.2em;
background: white;
margin-top: 1px;
}
.comment_submit_block td{width: 50%;}
.comment_submit_block td cyb\:btn{
display: block;
padding: 0.3em 0;
}
.comment_submit_block td cyb\:btn:active{
display: block;
width: 100%;
background: #FFD966;
padding: 0.3em 0;
color: white;
}
#all_comments{
margin: 0.5em 0 0.2em;
background: white;
}
#all_comments table{
width: 100%;
padding: 0.2em 0.4em;
}
#all_comments cyb\:btn{
vertical-align: middle;
text-align: center;
display: block;
padding: 0.3em 0;
}
#all_comments cyb\:btn:active{
display: block;
width: 100%;
background: #FFD966;
padding: 0.3em 0;
color: white;
}
#modified_type_block, #eddit_geo_block{
margin: 0.5em auto;
padding: 0.5em;
}
#update_block table{
width: 100%;
margin: 0.5em auto;
padding: 0.5em;
}
#update_block table td{
padding: 0.5em 0.2em;
}
#update_block input, #update_block table textarea,
#user_comment_report table input, #user_comment_report table textarea{
font-size: 1em;
width: 100%;
border: none;
background: none;
}
#update_block .update_block_input, #update_block table .update_block_textarea, 
#user_comment_report table .update_block_input, #user_comment_report table .update_block_textarea{
width: 12em;
border: 1px solid #F2E7E6;
border-radius: 0.2em;
padding: 0.1em;
background: white;
}
#update_block  cyb\:btn span.icon-camera{
font-size: 1.2em;
padding-right: 0.2em;
}
#update_block  cyb\:btn, #user_comment_report  cyb\:btn{
display: inline-block;
background: white;
border-radius: 0.2em;
border: 1px solid #F2E7E6;
color: #796A56;
padding: 0.2em 0.4em;
text-align: center;
}
#update_block  cyb\:btn:active, #user_comment_report  cyb\:btn:active{
background: #FFD966;
color: white;
}

#modified_type_block cyb\:btn{
width: 50%;
display: block;
margin: 0.4em auto;
text-align: center;
}

/*Report New Page*/
.report_new_table{
width: 100%;
margin: 0.5em auto;
padding: 0.5em;
}
.report_new_table td{padding: 0.5em 0.2em;}
.report_new_table input, .report_new_table textarea{
font-size: 1em;
width: 100%;
border: none;
background: none;
color: rgba(0,0,0,0.7);
}
.report_new_table .update_block_input, .report_new_table .update_block_textarea{
width: 12em;
border: 1px solid #F2E7E6;
border-radius: 0.2em;
padding: 0.2em;
background: white;
}
.report_new_table span.icon-camera{
font-size: 1.2em;
padding-right: 0.2em;
}
.report_new_table cyb\:btn{
display: inline-block;
background: white;
border-radius: 0.2em;
border: 1px solid #F2E7E6;
padding: 0.2em 0.4em;
text-align: center;
}
.report_new_table cyb\:btn:active{
background: #FFD966;
color: white;
}
.report_new_table span.icon-camera, .report_new_table .icon-arrowBtmfullMini{color: #796A56;}
.address_picker>cyb\:btn{margin-right: 0.2em;}
.address_picker cyb\:btn select{
width: 100%;
font-size: 1em;
line-height: 1.5em;
border: 0;
background: none;
color: rgba(0,0,0,0.7);
-webkit-appearance: none;
-moz-appearance: none;
}
.address_picker cyb\:btn{
position: relative;
width: 5.6em;
text-shadow: 0 0 0;
font-weight: normal;
/*padding: 0.1em 0.2em;*/
color: #796A56;
font-size: 1em;
box-sizing: border-box;
padding: 0;
}
.address_picker cyb\:btn:active{
background: #FFD966;
color: white;
}
.address_picker .icon-arrowBtmfullMini{
position: absolute;
right: 0;
top: 50%;
margin-top: -0.5em;
}

.address_picker cyb\:btn:active select, .report_new_table cyb\:btn:active span.icon-camera, .report_new_table cyb\:btn:active .icon-arrowBtmfullMini{color: white;}
.report_check_btn cyb\:btn{
padding: 0.3em 1em;
margin: 0.5em;
}
.report_check_btn{text-align: center;}
/****Pop up*******/
#overlay {
display: none;    
position: fixed;  
left: 0px;        
top: 0px;         
width: 100%;      
height: 100%;     
background: #000; 
opacity: 0.8;     
z-index: 1000;   
}

#popup_setting, #popup_share {
display: none;
position: fixed;
left: 50%;
/*top: 50%;*/
width: 18em;     
height: 10em;
margin-left: -9em;
/*margin-top: -8em;*/
border-radius: 10px;
padding-bottom: 0.5em;
background: #FFFFFF;
z-index: 10000;
overflow-x: hidden;
}
/*
.setting_title{
display: none;    
position: fixed;
background: #F2A444;
font-size: 1.3em;
color: white;
margin: 0 0 0.3em;
font-weight: bold;
border-radius: 10px 10px 0 0;   
z-index: 20000; 
}*/
.title_txt{padding: 0.2em 0.5em;}
.setting_list, .share_list{width: 100%;}

.hide_cyb_btn{
overflow: hidden;
display: block;
border-bottom: 1px solid #DCDEDA;
padding-left: 0.4em;
-webkit-animation: hideCybBtn 360ms linear; /* Safari and Chrome */
height:0;
}

.geo_btn{
padding: 0.4em 0.2em;
display: block;
background: white;
font-size: 0.8em;
color: gray;
vertical-align: middle;
}
.geo_btn:active{color: black;}
.geo_btn img{
height: 1em;
vertical-align: middle;
}
.other_title{
background: white;
display: block;
padding: 0.4em 0.2em;
font-weight: bold;
border-bottom:1px solid #F2F0ED ; 
}
.other_title:active{
background: #FFD966;
color: white;
}
.other_title .icon-arrowBtm, .other_title .icon-arrowTop{
font-size: 1.2em;
margin-right: 0.2em;
}
.other_title:active .icon-arrowBtm, .other_title:active .icon-arrowTop{color: white;}
#nbest_list cyb\:btn{
display: block;
background: white;
padding: 0.2em 0.2em;
font-size: 1em;
border-bottom:1px solid #F2F0ED ; 
}
#nbest_list cyb\:btn:active{
background: #FFD966;
color: white;
}
/*My Favor*/
.favor_top_tabs{
position: fixed;
width: 100%;
bottom: 0;
background: #FA7D8F;
text-align: center;
}
.favor_top_tabs table{
width: 100%;
margin: 0  auto;
color: white;
font-weight: bold;
text-align: center;
}
.favor_top_tabs table td{width: 50%;}
.favor_food_tab, .favor_live_tab{
width: 100%;
padding: 0.6em 0;
font-size: 1.1em;
background: #F96479;
}
.favor_tabs_act{background: #E6455C;}
.favor_btm_tabs{
background: #FA7D8F;
padding: 0.4em 0;
text-align: center;
border-top: 1px solid rgba(242,231,230,0.2);
}
.favor_btm_tabs table{
margin: 0  auto;
color: white;
font-weight: bold;
background: #F06074;
border-radius: 0.2em;
}
.favor_tab{
padding: 0.4em 1em;
font-size: 1em;
}
.favor_tab_act{background: #E6455C;}
.popup_btn, #popup_setting cyb\:btn{
display: inline-block;
background: white;
border-radius: 0.2em;
border: 1px solid #F2E7E6;
color: #796A56;
padding: 0.2em 0.4em;
margin: 0.4em 0.4em;
text-align: center;
}
 .popup_btn:active, #popup_setting cyb\:btn:active{
background: #FFD966;
color: white;
}

/*showImage*/
.img_block{
height: 7em;
overflow: hidden;
position: relative;
}
input[type=checkbox] {display: none;}
input[type="checkbox"] + label span {
display: inline-block;
width: 2em;
height: 2em;
background-image: url('../img/checkbox.png');
background-size: 4em;
background-position: left top;
background-repeat: no-repeat;
margin: -1px 4px 0 0;
vertical-align: middle;
position: absolute;
top: 0.2em;
right: 0;
}
input[type="checkbox"]:checked + label span {
background: url('../img/checkbox.png');
background-size: 4em;
background-position:  -2em top;
background-repeat: no-repeat;
}
#report_error_img{text-align: right;}
#report_error_img cyb\:btn{
display: inline-block;
background: white;
border-radius: 0.2em;
border: 1px solid #F2E7E6;
color: #796A56;
padding: 0.2em 0.4em;
margin: 0.4em 0.4em;
text-align: center;
}
#report_error_img cyb\:btn:active{
background: #FFD966;
color: white;
}

/*****Share Btn*****/
.share_btn{
display: block;
border: 0px;
}
.share_btn_active{
display: block;
border: 0px;
opacity: 0.5;
}