@charset "utf-8";
                                        
.iconfont {
  font-family:"iconfont" !important;
  font-size:0.8rem;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke-width:0;
}
                                        
body{width:100%; height:100%; overflow:hidden; font-family:Microsoft YaHei; text-align:center;}
ul,li,dl,dt,dd{ margin:0; padding:0; list-style:none;}
em,i{ font-style:normal; margin:0; padding:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
.hide {display: none !important;}
input::-webkit-input-placeholder{ font-size:0.7rem;}
.search-input input::-webkit-input-placeholder{color:#999;opacity:0.7}
img{display:block;}

/*去掉文本框外边框及iphone默认样式*/
input:hover,button:hover,input[type='button']:hover{ outline:none;}
input[type="button"], input[type="submit"], input[type="reset"],select {-webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
textarea {  -webkit-appearance: none;}   

/* reset */
.bar-nav0{  background-image:url(../images/topbarbg.png); background-repeat:repeat-x ; background-position:center top;  background-size:100% 100%;
background-color:rgba(35, 150, 230, 0);
-moz-transition: background-color 0.5s ease-out,color 0.3s ease-in;
    -webkit-transition: background-color 0.5s ease-out,color 0.3s ease-in;
    -o-transition: background-color 0.5s ease-out,color 0.3s ease-in;
    transition: background-color 0.5s ease-out,color 0.3s ease-in;
}
.bar-nav0 a{ color:#fff;}
.bar-nav0:after{ background:none;}
.bar-nav0.active{background-image:none ; background-color:rgba(35, 150, 230, 1) ; 
 		-moz-transition: background-color 0.5s ease-in,color 0.3s ease-out;
    -webkit-transition: background-color 0.5s ease-in,color 0.3s ease-out;
    -o-transition: background-color 0.5s ease-in,color 0.3s ease-out;
    transition: background-color 0.5s ease-in,color 0.3s ease-out;
  }
.hlogo{width:60%; display:inline-block; margin:0.5rem auto;}
.hlogo img{width: 100%;}
.bar-nav0 .searchbar{margin:0 0 0 45%;background:none; }
.bar-nav .searchbar{margin:0 0rem 0 45%; background:none;}
.bar-nav{ background:#2397ea;}
.bar-nav a{ color:#fff; font-size:0.7rem;}
.bar-nav h1{ color:#fff; font-size:0.9rem;}
.bar{ height:auto; overflow:hidden; border: 0; padding-right: 0;}
.bar .button{ top:0;}
.bar .icon-left{ font-size:0.7rem;}
.bar .title{ color:#fff; font-size:0.9rem;}
.bar .button-link{ color:#fff; font-size:0.75rem;}
.searchbar{ position:relative; z-index:10;}
.searchbar .button{ height:1.4rem; line-height:1.3rem;}
.search-input{}
.search-input input{width:100%;border-radius:1rem; background:rgba(255, 254, 255, 0.8) none repeat scroll 0 0;  color:#999; border:0; font-size:0.7rem; padding-left: 1.4rem;}
.bar .searchbar .searchbar-cancel{ color:#fff; font-size:0.7rem; background:#009ff0;}
.button.button-fill{background:#ff7e74; font-size:0.75rem;}
.bar-header-secondary~.content{ top:4.2rem;}
.bar .button.pull-left{ margin-right:0;}

.bar .topcity{ font-size:0.7rem;}
.bar .topcity span.icon{ font-size:0.5rem; margin-left:0.1rem;}
.bar .buttons-row{ margin-right:1.3rem;}
.bar .toplogin{ position:absolute; right:0.3rem; top:-0.1rem; z-index:20;}
.bar .toppass{ position:absolute; right:0.3rem; top:0rem; font-size:0.8rem; z-index:20;}
.bar-tab .tab-item .icon{ top:0;}
.bar-tab .tab-item .icon~.tab-label{top:0; text-align:center; font-size:0.65rem;}
.bar-tab .tab-item.active, .bar-tab .tab-item:active{ color:#017fd6;}
.bar-tab .tab-item .badge{ background:#ff3333; left:60%;}
.bar .expend img {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.bar .button.pull-right{margin-right: 0.5rem;}

footer.bar{ background:rgba(255, 254, 255, 0.8) none repeat scroll 0 0;}
.navbar{ height:auto; overflow:hidden; background:#fff; border-bottom:1px #dddddd solid; }
.navbar img{width:100%; margin:0; display:block;}
.navbar a{width:15%; margin:2% 5%; height:auto; overflow:hidden; float:left; display:block; text-align:center;}
.navbar a span{ color:#454545;font-size:0.7rem; }

.button{ height:1.5rem; line-height:1.5rem;}
.button.button-fill.button-big{height:2.2rem; line-height:2.2rem;}

.popup { overflow:hidden;  }
.popup .content-block{width:100%; height:100%; overflow:hidden; margin:0; padding:0;}
.popup a.close-popup{ display:inline-block; width:30px; height:31px; overflow:hidden; background:url(../images/btn_close.png) no-repeat; position:fixed; right:0; top:0; z-index:10000;}

.card0{width:100%; height:auto; overflow:hidden; background:#fff;}
.card0 .card-header{ min-height:2rem; border:0; position:inherit;}
.card0 .card-header:after{ display:none;}
.card0 .card-header h3{ font-size:0.8rem; color:#01a331; font-weight:normal;}
.card0 .card-header a{ font-size:0.6rem; color:#ccc;}

.card1{width:100%; height:auto; overflow:hidden; background:#fff;}
.card1 .card-header{ min-height:2rem; border:0; position:inherit;}
.card1 .card-header:after{ display:none;}
.card1 .card-header h3{ font-size:0.8rem; color:#0abe74; font-weight:normal;}
.card1 .card-header a{ font-size:0.6rem; color:#ccc;}

.card{ height:auto; overflow:hidden; box-shadow:none; border-radius:0.2rem;}
.card-header, .card-footer, .card-content-inner{ height:auto; overflow:hidden; clear:both;}

.card2{width:100%; height:auto; overflow:hidden; background:#fff;}
.card2 .card-header{ min-height:2rem; border:0;}
.card2 .card-header h3{ font-size:0.8rem; color:#0abe74; font-weight:normal;}
.card2 .card-header span{ color:#ccc; font-size:0.65rem;}

.item-inner{ border-bottom:1px #eeeeee solid;}
.item-input{font-size:0.7rem;}
.list-block{ margin:1rem 0;}
.item-inner .getcode{ display:inline-block; padding:0.2rem 0.5rem; position:absolute; right:0.5rem; font-size:0.7rem; top:0.3rem; border:1px #dddddd solid; border-radius:0.3rem;  }

.buttons-tab .button.active{ color:#0abe74;border-color:#0abe74;}
.buttons-tab .button{ font-size:0.7rem;}

.swiper-container{ padding:0;}
.swiper-slide img{width:100%;}
.swiper-container-horizontal>.swiper-pagination{bottom:3%;}
.swiper-pagination-bullet-active{ background:#ffb905;}
.h-next, .h-prev{width:2rem; height:2rem; line-height:2rem; text-align:center; background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0; font-size:1rem; color:#cccccc; z-index:100; position:absolute; top:40%;}
.h-next{ right:0.5rem; left:auto;}
.h-prev{ left:0.5rem;}

/*.list-block .item-title.label{width:22%;}*/
.list-block input[type=text], .list-block input[type=password], .list-block input[type=email], .list-block input[type=tel], .list-block input[type=url], .list-block input[type=date], .list-block input[type=datetime-local], .list-block input[type=time], .list-block input[type=number], .list-block input[type=search], .list-block select, .list-block textarea{ font-size:0.7rem;}

.radius5{-moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px;}
.radius5p{-moz-border-radius:50%; -webkit-border-radius:50%;  border-radius:50%;}
.button-cyan.button-fill{ background:#0abe74; }
.button-pink.button-fill{ background:#ff6766; }
.button-red.button-fill{ background:#ff3333; }

.scroll_y{overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
	}
.scroll_y::-webkit-scrollbar{width:0;height:0}

.m6{ margin-top:0.1rem;}
.m10{ margin-top:0.5rem;}
a.more{font-size:0.65rem; color:#ccc; }

.c_green{ color:#349800;}
.c_blue{ color:#349800;}

.foot_tips{width:100%; height:1.5rem; position:fixed; bottom:2.2rem; z-index:105; text-align:center; }
.foot_tips span{width:60%; height:1.2rem; line-height:1.1rem; display: block; margin: 0 auto; background:#ff4f42; border-radius:1rem ; color: #fff;font-size: 0.7rem; }
.foot_tips i{ color:#ff0; font-weight:bold; font-size:16px;}
.foot_tips b{ display:block; width:13px; height:7px; overflow:hidden; background:url(../images/footarrow.png) no-repeat 0 0px; margin:0 auto; }


/* 评论 */
.comment{ height:100%;}
.comment_tit0{ text-align:left; position:relative; background:#fff; margin:0.8rem 0; padding:0.5rem;}
.comment_tit0 h3{ font-size:0.8rem; color:#454545; line-height:1.5rem; }
.comment_tit0 a{ position:absolute; right:0.5rem; bottom:0.5rem;}
.comment_tit0 p{ font-size:12px;}
.comment_tit0 p em{ color:#f90; font-size:0.9rem;}
.comment_tit0 p span{ color:#999; font-size:14px; margin-left:10px;}

.comment_tit{ height:auto; overflow:hidden; padding:0.5rem; text-align:left; background:#fff; margin-top:0.8rem;}
.comment_tit strong{ font-size:0.8rem; font-weight:normal;}
.comment_tit span{ font-size:0.6rem;}
.comment_tit span i{ font-size:0.9rem; color:#f60;}
.comment_list{height:auto; overflow:hidden; padding:0 0.5rem 2rem 0.5rem; text-align:left; background:#fff;}
.comment_list li{width:100%; height:auto; overflow:hidden; text-align:left; border-top:1px #eeeeee solid; padding:0.5rem 0;}
.comment_list_t{width:100%; height:30px; line-height:30px; overflow:hidden;}
.comment_list_t strong{ float:left; display:inline; font-size:0.8rem; color:#454545; font-weight:normal;}
.comment_list_t strong em{ font-size:12px; color:#999; margin-left:10px; font-weight:normal;}
.comment_list_t span{ float:right; display:inline; font-size:10px; color:#f90;}

.comment_list_c{width:100%; height:auto; overflow:hidden; text-align:left; line-height:1.8em; font-size:14px; color:#666; padding:10px 0;}

.comment_list0{width:100%; height: auto; overflow: hidden; padding:0 0.5rem 0.3rem 0.5rem; text-align: center;}
.comment_list0 a{ float: left; display: block; overflow: hidden; padding:0.1rem 0.3rem; color: #999; border: 1px #dddddd solid; border-radius:5px; margin:0.2rem; font-size:0.6rem;}
.comment_list0 a.active{ border: 1px #ff9882 solid; color: #ff6766;}

/* comment_add */
.comment_add{ height:100%; background:#fff; padding:0.5rem;}
.comment_order{ height:auto; overflow:hidden; padding:10px 0; text-align:left;}
.comment_order img{width:35%; float:left; display:inline; margin-right:10px;-moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px;}
.comment_order h3{ font-size:14px; color:#454545; padding-top:5px; }
.comment_order p{ margin-top:10px;}
.comment_order p span{ float:left; display:inline;}
.comment_order p span i{ color:#f60;}
.comment_order p span em{ font-size:12px; color:#3EBBC5; font-weight:normal; font-size:12px; margin-left:10px;}
.comment_order p{ margin-top:15px;}
.comment_order p strong{ float:right; display:inline; font-size:12px; color:#666; }
.comment_order p strong i{color:#f60; font-size:16px;}

.comment_form1{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.comment_form1 h3{ font-size:14px; line-height:2em; text-align:left; color:#454545;}
.comment_form1 .areabox{width:100%; height:120px; font-size:12px; color:#454545; border:1px #cccccc solid; background:#f9f9f9; line-height:1.5em;}
.comment_form1 .button{width:100%; display:inline-block; height:40px; line-height:40px; overflow:hidden; background:#f80; color:#fff; font-size:16px; margin:25px 0px 0 0;  }


/* input_tips */
.input_tips{width:100%; height:auto; overflow:hidden; padding:0 0.5rem; background:#f9f9f9; position:absolute; left:0; top:2.2rem; z-index:1000;}
.input_tips dt{width:100%; line-height:2rem; font-size:0.75rem; color:#3EBBC5;}
.input_tips dd{width:100%; height:2rem; line-height:2rem; overflow:hidden; border-top:1px #eeeeee solid;}
.input_tips dd span{ color:#666; font-size:0.7rem; margin-left:0.5rem;}

/* 星级评分 */

.shop-rating { 
    width:100%;
    height: 35px;
    overflow: hidden;
    zoom: 1;
    padding: 2px 0px;
    position: relative;
    z-index: 999;
}

.shop-rating span {
    height: 23px;
    display: block;
    line-height: 23px;
    float: left;
}

.shop-rating span.tit {
    width:75px;
	font-size:14px;
    text-align: right;
    margin-right: 5px;
}

.shop-rating ul {
    float: left;
	margin:0;padding:0
}

.shop-rating .result {
    margin-left:0.5rem;
    padding-top:0.1rem;
	font-size:0.7rem;
	color:#09f;
}

.shop-rating .result span {
	color: #ff6d02;
}
.shop-rating .result em {
    color: #f60;
    font-family: arial;
    font-weight: bold;
}
.shop-rating .result strong {
	color: #666666;
	font-weight: normal;
}
.rating-level,
.rating-level a {
    background: url(../images/star_v2.png) no-repeat scroll 1000px 1000px;
}
.rating-level {
    background-position: 0px 0px;
    width: 120px;
    height: 23px;
    position: relative;
    z-index: 1000;
}
.rating-level li {
    display: inline;
}

.rating-level a {
    line-height: 23px;
    height: 23px;
    position: absolute;
    top: 0px;
    left: 0px;
    text-indent: -999em;
    *zoom: 1;
    outline: none;
}


.rating-level a.one-star {
    width: 20%;
    z-index: 6;
}

.rating-level a.two-stars {
width: 40%;
z-index: 5;
}

.rating-level a.three-stars {
    width: 60%;
    z-index: 4;
}

.rating-level a.four-stars {
    width: 80%;
    z-index: 3;
}

.rating-level a.five-stars {
    width: 100%;
    z-index: 2;
}

.rating-level .current-rating,.rating-level a:hover{background-position:0 -28px;}
.rating-level a.one-star:hover,.rating-level a.two-stars:hover,.rating-level a.one-star.current-rating,.rating-level a.two-stars.current-rating{background-position:0 -116px;}
.rating-level .three-stars .current-rating,.rating-level .four-stars .current-rating,.rating-level .five-stars .current-rating{background-position:0 -28px;}
.shop_score{ margin:10px 0; text-align:left;}
.shop_score label{font-size:14px; margin-left:5px;}
.shop_score input{width:20px; border:0; font-size:20px; color:#f60;}




/* 弹出详情页 */
.popup-about{ background:#fff; position:relative;}
.popup_con{ width:100%; height:100%; overflow-y:auto;}
.popup_con .popup_pic{width:100%;}
.popup_con .popup_pic img{width:100%; display:block;}
.popup_con .popup_tit{ background:#fff; text-align:left; }
.popup_con .popup_tit dt{ height:auto; overflow:hidden; padding:0.8rem 0.5rem; text-align:left; border-bottom:1px #eeeeee solid; position:relative;}
.popup_con .popup_tit dt h3{ font-size:0.85rem; color:#454545; font-weight:normal;}
.popup_con .popup_tit dt span{ display:inline-block; color:#f80; font-size:0.9rem;}
.popup_con .popup_tit dt a{ position:absolute; right:0.5rem; bottom:0.9rem; color:#999; font-size:0.7rem;}
.popup_con .popup_tit dt a.current{ color:#f60;}
.popup_con .popup_tit dd{ height:auto; overflow:hidden; padding:0.5rem;  border-bottom:1px #eeeeee solid; position: relative;}
.popup_con .popup_tit dd a{ color:#666;}
.popup_con .popup_tit dd strong{width:2.7rem; float:left; display:inline-block; padding:0.2rem 0.3rem; background:#29cbb0; text-align:center; font-size:0.7rem; font-weight:normal; color:#fff;margin-right:0.3rem;}
.popup_con .popup_tit dd h4{width:2.7rem; float:left; display:inline-block; text-align:center; color:#999; font-weight:normal; font-size:1rem; padding:0.2rem 0.5rem 0 0.5rem; margin-right:0.3rem;}
.popup_con .popup_tit dd h4 img{width:1.2rem;}
.popup_con .popup_tit dd p{ padding:0.2rem 0.5rem; font-size:0.8rem;}
.popup_con .popup_tit dd span{ position: absolute; right:0.4rem; bottom:0.8rem; font-size:0.6rem; color:#ccc;}
.popup_con .popup_list{ background:#fff; text-align:left; margin-top:0.7rem; border-top:1px #eeeeee solid; }
.popup_con .popup_list dt{ height:auto; overflow:hidden; padding:0.5rem; text-align:left; border-bottom:1px #eeeeee solid; position:relative;}
.popup_con .popup_list dt h3{ float:left; font-size:0.8rem; color:#f60; font-weight:normal; border-bottom:2px #f60 solid;}
.popup_con .popup_list dd{ height:auto; overflow:hidden; padding:0.5rem 0;  border-bottom:1px #eeeeee solid; position: relative;}
.popup_con .popup_list dd p{ padding:0.2rem 0.5rem; font-size:0.8rem;}
.popup_con .popup_list dd a{ padding:0.2rem 0.6rem; color:#f80; border:1px #f90 solid; font-size:0.7rem; border-radius:0.3rem; float:right; display:inline-block; margin-right:0.5rem; }
.popup_con .popup_list1{ background:#fff; text-align:left; margin-top:0.7rem; border-top:1px #eeeeee solid; }
.popup_con .popup_list1 li{ height:auto; overflow:hidden; padding:0.5rem;  border-bottom:1px #eeeeee solid; position: relative;}
.popup_con .popup_list1 .popup_list1_img{width:5rem; float:left; display:inline; position:relative; margin-right:0.5rem;}
.popup_con .popup_list1 .popup_list1_img img{width:5rem; height:3rem; display:block; border-radius:0.3rem;}
.popup_con .popup_list1 .popup_list1_img span{ display:block; padding:0 0.3rem; background:#333; color:#fff; font-size:0.7rem; position:absolute; right:0; bottom:0;}
.popup_con .popup_list1 .popup_list1_con{ text-align:left;}
.popup_con .popup_list1 .popup_list1_con h3{ font-size:0.8rem; color:#333; font-weight:normal;}
.popup_con .popup_list1 .popup_list1_con p{ font-size:0.7rem; color:#999;}
.popup_con .popup_list2{ background:#fff; text-align:left; margin-top:0.7rem; border-top:1px #eeeeee solid; }
.popup_con .popup_list2 li{ height:auto; overflow:hidden; padding:0.5rem;  border-bottom:1px #eeeeee solid; position: relative;}
.popup_con .popup_list2 h3{ font-size:0.8rem; color:#333; font-weight:normal;}
.popup_con .popup_list2 p{ font-size:0.7rem; color:#454545; line-height:1.5rem; margin-left:1rem;}
.popup_con .popup_list2 p em{ margin-right:0.5rem; color:#999; }


/* 空页面 */
/* 空页面 */
.blank{ padding: 50px 20px; text-align: center;}
.blank img{width:60%; margin: 0 auto;}
.blank h3{ font-size:16px; color:#454545; margin-top:30px;}
.blank  p{ padding: 30px 0; font-size: 14px; color: #999;}
.blank  a.abtn{width:60%; display:inline-block; height:40px; line-height:40px; overflow:hidden; background:#ff6766; color:#fff; font-size:16px; margin:5px 10px 0 0; margin-bottom:10px; text-decoration: none; }



/* screening 分类检索*/
div.screening{
    width: 100%;
    overflow: hidden;
    background: #f6f6f6;
    position: fixed;
	top:40px;
    z-index: 17;
}
div.screening>ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: solid 1px #d3d3d3;
    overflow: hidden;
}
div.screening>ul>li{
    float: left;
    width: 33%;
    text-align: center;
    line-height: 2.5rem;
	font-size:0.75rem;
    border-left: solid 1px #d3d3d3;
    background: url("../images/on_1.png") no-repeat 85% center;
}
/* grade */
.grade-eject,.Category-eject,.Sort-eject{
    position:fixed;
    top: -50%;
    width: 100%;
    height: 50%;
    z-index:16;
    -webkit-transition-duration: 0.4s;
}

.grade-eject>ul,.Category-eject>ul,.Sort-eject>ul{
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 100%;
    width: 100%;
    -webkit-transition-duration: 0.4s;
}
.grade-eject>ul>li,.Category-eject>ul>li,.Sort-eject>ul>li{
    line-height: 2.5rem;
    font-size: 0.12rem;
    padding-left: 1rem;
	text-align:left;
    border-bottom: solid 1px #eee;
}
.grade-eject>ul.grade-w,.Category-eject>ul.Category-w{
    background: #ddd;
    position: absolute;
    z-index: 1;
}
.grade-eject>ul.grade-t,.Category-eject>ul.Category-t{
    background: #eee;
    position: absolute;
    z-index: 2;
    left: 100%;
}
.grade-eject>ul.grade-t>li,.Category-eject>ul.Category-t>li{
    border-bottom: solid 1px #fff;
}
.grade-eject>ul.grade-s,.Category-eject>ul.Category-s{
    background: #fff;
    position: absolute;
    z-index: 3;
    left: 100%;
    list-style-type: none;
}
.grade-eject>ul.grade-s>li,.Category-eject>ul.Category-s>li{
    border-bottom: solid 1px #eee;
    margin-left: 1rem;
    padding: 0;
}
.grade-w-roll{
top: 4.5rem;
}
.grade-w-roll::after{
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background:rgba(0,0,0,0.2);
    top: 0;
	
}
/*Sort-eject*/
.Sort-Sort{
    background: #fff;
    position: absolute;
    z-index: 3;
    left: 0;
    list-style-type: none;
}
.Sort-Sort>li{
	height:auto; overflow:hidden;
    border-bottom: solid 1px #eee;
    padding: 0;
}
.Sort-height{}

/* spinner jquery加减 */

/*.spinner-sprite, .spinner .decrease, .spinner .decrease[disabled], .spinner .increase, .spinner .value, .spinner .value.passive {*/
	/*background: url('../images/spinner.png') no-repeat*/
/*}*/
.spinner {
    width:100px;
    height:30px;
    overflow: hidden;
    background:none;
}
.spinner button, .spinner .value {
    text-align: center;
    float:left;
    display:inline;
}
.spinner button {
    width:30px;
    height:30px;
    line-height:0px;
    overflow:hidden;
    color: #0abe74;
    background:#fff;
    font-size:1.3rem;
    border:1px #0abe74 solid;
    outline: none;
    border-radius:50%;
    padding:0;
    cursor: pointer;
}
.spinner .decrease {}
.spinner .decrease[disabled] {cursor: default;}
.spinner .increase {}
.spinner input.value {
    width:40px;
    height:30px;
    line-height:30px;
    color: #00a997;
    font-size:0.7rem;
    border:0;
}
.spinner input.passive {color: #aaa; }
.spinner .error, .spinner .invalid {background: #aa0000}