/* CSS Document */   

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
	canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0;
}

html {
	background: #f7f7f7; -webkit-text-size-adjust: none; font-size: 20px;
}

body {
	background: #eaeef2; font: 12px "Microsoft YaHei", Verdana, Arial, '����'; max-width: 640px; margin: 0 auto; color: #333; line-height: 1;
	min-height: 100%; box-sizing: border-box;
}

form, input, p {
	margin: 0; padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: ''; content: none;
}

table {
	border-collapse: collapse; border-spacing: 0; font-size: 12px;
}
/* base */
a, a:visited {
	text-decoration: none; color: #fff;
}
.fl {
	float: left;
}

.fr {
	float: right;
}

.black {
	color: #000;
}

.red {
	color: #df006e !important;
}

.cRed {
	color: #cc0000;
}

.orange {
	color: #ff8103;
}

.c999 {
	color: #999;
}

.c666 {
	color: #666;
}

.c333 {
	color: #333;
}
.cfff{
	color:#fff;
}
.cBlue{
    color:#009eff;
}
.bRed{
	background-color: #ff0000;
}

.clearleft {
	clear: left;
}

img {
	border: none; -ms-interpolation-mode: bicubic;
}

.clearfix:after {
	display: block; content: ""; visibility: hidden; height: 0; clear: both;
}

.none {
	display: none;
}

.wrap {
	padding: 10px;
}
/*input[type="text"]*/
input, button, select, textarea {
	outline: none;
}

.input, .input-wrap, .input-group {
	border: 1px solid #e0e0e0; border-radius: 6px; height: 40px; display: block; background: #fff; width: 100%; margin-bottom: 10px; position: relative;
}

.input>*, .input-wrap>* {
	display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

input[type="text"], input[type="tel"], input[type="password"] {
	width: 100%; border: none; font-size: 14px; text-indent: 10px; color: #333; border-radius: 6px; height: 40px;
}

.input-wrap input[type="text"], .input-wrap input[type="tel"], .input-wrap input[type="password"] {
	width: 70%; height: auto;
}
input[type="text"].input-display-as-span{
	border: none;font: 12px "Microsoft YaHei", Verdana, Arial, '����';color: #333;border-radius:0;height: auto;width: auto;margin: 0;padding: 0;
}
.input-wrap span {
	min-width: 30%; line-height: 40px; text-align: center; font-size: 14px; color: #333;
}

.input-wrap.active span {
	color: #414141;
}

.input-wrap span.pre {
	border-right: 1px solid #e0e0e0;
}

.input-wrap span.append {
	border-left: 1px solid #e0e0e0;
}

.input-group {
	height: auto; position: relative;
}

.input-group label {
	display: block; border-bottom: 1px solid #e0e0e0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
}

.input-group label:last-child {
	border-bottom: none;
}

.input-wrap select {
	display: block; width: 100%; height: 100%; position: absolute; opacity: 0; top: 0; left: 0;
}

.input-wrap .icon {
	position: absolute; right: 7px; top: 50%; margin-top: -12px;
}
/*btn link*/
.btn-link {
	color: #009eff !important;
}

.btn {
	display: block; height: 40px; line-height: 40px; font-size: 14px; border-radius: 6px; color: #fff; text-align: center; margin-bottom: 10px; position: relative;
}

.btn .loading {
	display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(250, 250, 250, 0.3);
}

.btn .loading img {
	vertical-align: middle; width: 20px;
}

.btn.blue {
	background: #009eff;
}

.btn.orange {
	background: #ff8103;
}

.btn.gray {
	background: #ccc
}

.btn.white {
	background: -webkit-linear-gradient(top, #fff, #eaeef2); border: 1px solid #ccc; color: #666; border-radius: 25px;
}

.btn .loading {
	display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(250, 250, 250, 0.3);
}

.btn img {
	vertical-align: middle; width: 20px;
}

/*icon*/
.icon {
	display: inline-block; width: 24px; height: 24px; background: url(../../images/page/icon.png) no-repeat; background-size: auto 24px;
}

.icon.success {
	background-position: -89px 0px; margin-bottom: -6px; margin-right: 3px;
}

.icon.user {
	background-position: -123px 0px; margin-right: 3px; vertical-align: middle;
}

.icon.arrow {
	background-position: -155px 0px;
}
.icon.arrow-right {
	background-position: -155px 0px;  position: absolute;right: 10px;top: 50%;margin-top:-12px;
}
.icon.arrow.active {
	-webkit-transform: rotate(90deg);
}

.icon.call {
	background-position: -188px 0px;
}

.icon.location {
	background-position: -221px 0px;
}

.icon.share {
	background-position: -257px 0px; width: 25px;
}

.icon.exclamation-mark {
	background-position: -359px 0px; vertical-align: middle; margin-right: 5px;
}

.icon.home {
	background-position: -397px 0px;
}

.icon.clock {
	background-position: -435px 0px;
}

.icon.coffee {
	background-position: -477px 0px;
}

.icon.tag {
	background-position: -515px 0px;
}

.icon.cal {
	background-position: -553px 0px;
}

.icon.logout {
	background: none; background-size: auto 22px;
}

.icon.power {
	background-position: -664px 0px;
}

.icon.info {
	background-position: -699px 0; vertical-align: middle; margin-right: 5px;
}

.icon.redinfo {
	background-position: -733px 0; vertical-align: middle; margin-right: 5px;
}

.icon.bluehook {
	background-position: -764px 0;
}
/*hkm start*/
header {
	height: 44px; width: 100%; background: #fff; text-align: center; position: relative; line-height: 44px; color: #1a1a1a; font-size: 17px;
}
header.bgheader {
    background: #eaeef2;
}
header .btns {
	position: absolute; right: 0; top: 0;
}

header .back{
	height: 30px; width: 16px; display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAYAAAAl+Z4RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNjg5RENCRTI5NkYxMUU3QjYyN0Q2OTRCN0QwM0MzQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNjg5RENCRjI5NkYxMUU3QjYyN0Q2OTRCN0QwM0MzQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM2ODlEQ0JDMjk2RjExRTdCNjI3RDY5NEI3RDAzQzNDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM2ODlEQ0JEMjk2RjExRTdCNjI3RDY5NEI3RDAzQzNDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Nt35EAAAAZJJREFUeNqclcsrRGEYxj/mZCFCbvkXWBAlhZpTEimXpiFpkkuTYs3SQvkHlCQlC5eipBRJsZjF1EQsiL2Qu6zcPW89U6dpxjnvvPWr0znn+fVd3vMdy7Ztk0a1gTUwaaURbgfrIAtMZCrDXY7wGwhoBAEOW8KvoBVEvE4hCFaAxXALiBrecKsesAx84AU0g1j8odsU+hzhZ9DkDLsJQmCJ4UeGjxJfSiUYAIsMPzB8nOzFZIJBsMDwPcMnqYaZKAgzLPfvgLTp6X+L5BSMgDmQAW4ZPnPborhgFMwyfMPwuZcGEcEYmGH4muELr+0pgmmGr4AfXGo+DhH88NpHjFYwDn5BGTgE5VrBPHdAJKXgAFRoBIaSMKdTQkmlRmDYQMPgGxSDfVClERj2/xAlRZRUawSGX2A/JYWU1GgEhmdAiJICSmo1AqlV0Au+QD7YA3UageEJLJJPkAd2Qb1GILXBc/GDkh3QoBFIbYJuSnIpadQIpLb4bxBJDqfj1/6ZtkEneAfZskZageHwO8ATmPoTYADoPlNjDZ8MjgAAAABJRU5ErkJggg==) no-repeat; background-size: auto 17px; margin: 7px 0;
}
header .search-box{
	height: 40px; width: 100%; background: #fff; text-align: center; position: relative; line-height: 40px; color: #1a1a1a; font-size: 13px;
}

header a.add {
	margin-right:10px;
	position: absolute; 
	right: 0;
	color: #009eff;
}
header a.right {
	margin-right:10px;
	position: absolute; 
	right: 0;
	color: #009eff;
}
header a.save {
	margin-right:10px;
	position: absolute; 
	right: 0;
	color: #009eff;
}
header .homeshare{
	height: 48px; width: 48px; display: inline-block; background: url(../../images/page/icon-homeshare.png?v=1.0) no-repeat; background-size: auto 24px;
}
header a.homeshare {
	background-position:10px; position: absolute; left: 0;
}
 header .btns>a,  header .btns>a:visited{
	 height: 40px; width: 30px; display: inline-block; color: #009eff;
 }

header a.login {
	background-position: 5px 8px;
}

header a.search {
	background-position: -25px 8px;
}

header a.back {
	background-position:10px;position: absolute; left: 0;
}

header a.trash {
	background-position: -285px 8px;
}

header a.menu {
	background-position: -320px 8px;
}

header a.city {
	font-size: 14px; width: auto; position: absolute; left: 0px; padding-left: 10px; background: none;
}

header a.city i {
	display: inline-block; border-left: 9px solid transparent; border-bottom: 9px solid #fff; margin-left: 2px;
}

header a.city select {
	display: block; width: 100%; height: 100%; position: absolute; opacity: 0; top: 0; left: 0;
}

header a.hk-index {
	background-position: -392px 8px;
}

header a.hk-home-btn {
	background-position: -585px 8px;
}

header a.delete {
	background-position: -286px 8px;
}
header.title{
	font-size: 16px;
}
/*slider*/
.banner {
	background: #fff; position: relative;
}

.slider {
	overflow: hidden; position: relative;
}

.swipe-wrap {
	overflow: hidden; position: relative; height: 153px;
}

.swipe-wrap li {
	float: left; width: 100%; position: relative;
}

.swipe-wrap li a {
	display: block;
}

.swipe-wrap img {
	width: 100%; height: 153px; background: url() no-repeat center center; background-size: 100% auto;
}

.slider-btn {
	height: 16px; width: 100%; text-align: right; position: absolute; bottom: 8px; right: 0px; padding-right: 8px;
}

.slider-btn li {
	height: 6px; width: 6px; background: #FFF; border-radius: 3px; display: inline-block; margin: 10px 2px 0 2px;
}

.slider-btn li.active {
	background: #009eff;
}
/*nav*/
nav {
	text-align: center; background-color: #FFFFFF;
}

.nav {
	text-align: center; margin-bottom: 0;
}

.nav .nav-ul {
	text-align: center;
}

.nav .nav-ul li {
	float: left; width: 33.3%; margin-bottom: 15px;
}

.nav .nav-ul li a {
	display: block; /*background: #fff;*/
	/*border: 1px solid #E0E0E0; */
	color: #acacac; overflow: hidden; /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15)*/
    font-size: 9px;
}

.nav .nav-ul li:nth-child(3n+1) a {
	margin-right: 10px;
}
.nav .nav-ul li:nth-child(3n+2) a {
	margin: 0 5px;
}
.nav .nav-ul li:nth-child(3n) a {
	margin-left: 10px;
}
.nav .nav-ul li a.book-link-squared {
	height: 117px;
}
.nav .nav-ul li div.noimg{
	height: 117px;
}
.nav .nav-ul li div.noimg img{
	height: 115px;
	width: 90px;
}
.nav .nav-ul li img.hasimg {
	height: 115px;
	max-width: 90px;
}

.nav .nav-li-left {
	float: left; width: 60%; padding-top: 8%; padding-bottom: 5%;
}

.nav .nav-li-left p {
	padding-left: 8px;
}

.nav .li-p-a {
	height: 22px; overflow: hidden; color: #5cb9ff; font-size: 16px;
}

.nav .li-p-b {
	height: 32px; overflow: hidden; text-align: left;
}

.nav .nav-li-img {
	width: 40%; float: right; padding-top: 12px
}

.nav .nav-ul li img {
	/*width: 100%; vertical-align: middle; display: block;*/
}

.wave-line {
	background: url(../../images/common/wave-line.png) 0px 0px; background-size: 9px auto; height: 5px;
}
/*y-row*/
.y-row {
	width: 100%; height: 100%; border-bottom: 1px solid #D5DAE0;
}

.y-row .y-span4, .y-row .y-span8 {
	float: left; display: inline;
}

.y-row .y-span4 {
	width: 33.3%;
}

.y-row .y-span8 {
	width: 66.6%;
}

.y-row .zjs, .y-row .jsf, .y-row .jnz, .y-row .jyz, .y-row .xjj {
	position: relative;
}

.y-row .line-left {
	height: 100%; position: absolute; top: 0; left: 0; border-left: 1px solid #D5DAE0;
}

.y-row .line-right {
	height: 100%; position: absolute; top: 0; right: 0; border-right: 1px solid #D5DAE0;
}

.y-row a {
	display: block;
}

.y-row .sign-not-open {
	width: 30%; position: absolute; bottom: 0; left: 0;
}

.y-row .mask-not-open {
	width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3);
}

.y-row .experience {
	position: absolute; right: 20px; width: 20%;
}
/*service-info*/
.service-info {
	color: #414141; line-height: 16px; position: relative;
}

.credit-icon {
	background: url(../../../images/common/credit-icon.jpg) no-repeat; font-size: 12px; color: #fff; font-style: normal; float: right; width: 70px; height: 16px; display: block;
	line-height: 16px; overflow: hidden; padding-left: 5px; position: absolute; bottom: 2px; right: 0;
}

.service-info .name {
	color: #000; margin: 5px 0 0 0;
}

.price {
	color: #df006e; margin: 8px 0 5px 0;
}

.price em {
	font-size: 18px; font-style: normal;
}

.service-info p.name, .service-info p.intro, .provider .name {
	max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/*footer*/
footer {
	background: #009eff; border-top: 5px solid #ffae00; color: #fff; text-align: center; padding: 15px 0; font-size: 12px;
}

footer ul {
	width: 90%; margin: 0 auto;
}

footer ul li {
	border-right: 1px solid #fff; width: 20%; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ float: left;
}

footer ul span.current {
	color: #CCCCCC;
}

footer p {
	color: #CCCCCC;
}

footer ul li:last-child {
	border: none;
}

footer img {
	margin: 8px 0; width: 150px; max-width: 283px;
}

/*register*/
article {
	padding: 20px 10px; color: #414141;
}

.register p {
	line-height: 16px; font-size: 14px; margin-bottom: 10px;
}

.register h1 {
	text-align: center; margin-bottom: 20px;
}

.register h1 img {
	width: 50%; max-width: 340px;
}

.register .sendSMS {
	display: block;
}
/*login*/
.register p.jointlogin {
	margin-bottom: 100px; text-align: right; line-height: 45px;
}

.jointlogin a {
	display: inline-block; background: url(../../images/page/login-icon.png?v=2) no-repeat left top; background-size: auto 40px; width: 40px; padding-top: 40px; margin-right: 5px;
	color: #999;
}

.jointlogin a.weibo {
	background-position: 0 0;
}

.jointlogin a.qq {
	background-position: -50px 0;
}

.jointlogin a.weixin {
	background-position: -95px 0;
}

.jointlogin a.qzone {
	background-position: -139px 0;
}

.jointlogin a.pquan {
	background-position: -185px 0;
}

#dialoga .span-a img {
	vertical-align: middle; padding: 0px 5px 0px 5px;
}

#dialoga .dialog-img01 {
	text-align: right; padding-right: 50px;
}

#dialoga {
	width: 100%; max-width: 640px; height: 100%; top: 0px; background-color: #000; position: fixed; display: none; color: #fff; opacity: 0.93;
}

#dialoga p {
	width: 80%; line-height: 40px; font-size: 16px; text-indent: 2em; text-align: left; margin: 0 auto;
}

#dialoga .close-a {
	font-size: 20px; width: 40%; margin: 0 auto; padding-top: 15px;
}

#dialoga .close-a a {
	display: block; width: 100%; margin: 0 auto; height: 45px; line-height: 45px; text-align: center; border-radius: 8px; border: 2px solid #fff; color: #fff;
}

.check-message {
	width: 100%; height: 40px; line-height: 40px; position: absolute; top: -50px; left: 0; padding: 0 15px; background: #333333; opacity: 0.9; color: #fff; box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ border-radius: 8px;
}
/*"prompt-message"*/
.prompt-wrap {
	padding: 0; height: 0; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in;
}

.prompt-wrapper {
	position: relative;
}

.prompt-message {
	position: fixed; top:50%;margin-left: 4%; z-index: 99999; width: 90%; max-width: 576px; height: 40px; line-height: 40px; padding: 0 15px; background: #333333; opacity: 0.8; color: #fff;
	box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ border-radius: 8px;text-align: center;
}
.prompt-wrap-title  {
	padding: 0; height: 0; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in;
}

.prompt-wrapper-title  {
	position: relative;
}
.prompt-title {
	position: absolute; margin: 0 4%; z-index: 99998; max-width: 576px; line-height: 30px; padding: 0 5px; background: #fff; opacity: 0.8; color: #000;border: 1px solid #333;
	box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ border-radius: 8px;text-align: left;
}
.prompt-titlepos {
	position: absolute; z-index: 99999;
}
.prompt-titlepos img{ 
	height: 10px; width: 8px;
}
/*wrapper*/
.wrapper {
	/*padding: 0 10px;*/
}

.wrapper .title {
	color: #333333; font-size: 14px; padding-right: 6px;
}

.wrapper label.block {
	overflow: hidden;
}

.wrapper .block .title, .wrapper .block .content {
	display: block; float: left;
}

.wrapper ul.b label span.content {
	color: #999999; font-size: 14px; padding-right: 16px;
}

.wrapper ul.ib>* {
	padding: 10px; display: table-cell; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */
}

.wrapper ul.ib .lf {
	width: 85%; border-right: 1px solid #e0e0e0;
}

.wrapper ul.ib .lf>* {
	display: inline-block;
}

.wrapper .icon {
	margin: 0 auto; display: block;
}

.wrapper>label {
	display: block; font-size: 14px; color: #999; margin-bottom: 2px;
}

.wrapper>ul {
	margin-bottom: 10px; background: #fff; border: 1px solid #e0e0e0; display: table; table-layout: fixed; width: 100%; max-width: 640px;
}

.wrapper ul.ib .lf {
	width: 85%; border-right: 1px solid #e0e0e0;
}

.wrapper ul.ib .lf>* {
	display: inline-block;
}

.wrapper ul.ib li div:first-child {
	position: relative; text-align: center; width: 70px; height: 50px; line-height: 12px; padding-top: 20px;
}

.wrapper ul.ib li div:first-child img {
	width: 70px; height: 70px; position: absolute; top: 0; left: 0;
}

.wrapper ul.ib .rate+div {
	line-height: 14px;
}

.wrapper ul.ib li div:last-child {
	width: 67%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.wrapper ul.ib .rt {
	width: 15%; height: 100%;
}

/*block���*/
.wrapper ul.b>* {
	border-top: 1px solid #e0e0e0; position: relative;
}

.wrapper ul.b li:first-child {
	border: none;
}

.wrapper ul.b label {
	display: block; position: relative; padding: 10px; font-size: 14px;
}
/**
 .wrapper ul.b label span {
 min-width: 70px;
 display: inline-block;
 font-size: 14px;
 color: #333;
 margin-right: 10px;
 }**/
.wrapper ul.b div {
	padding: 0 10px 10px 10px; /*display: none;*/ color: #999; line-height: 14px; margin-top: -6px;
}

.wrapper ul.b .icon {
	position: absolute; right: 7px; top: 50%; margin-top: -12px;
}

.wrapper select {
	display: block; width: 100%; height: 100%; position: absolute; opacity: 0; top: 0; left: 0;
}

.wrapper textarea {
	width: 100%; border: 1px solid #e0e0e0; border-radius: 6px; height: 70px; padding: 10px; color: #666; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}

.wrapper ul.b input[type="text"], .wrapper ul.b input[type="password"] {
	width: auto; height: 19px; text-indent: 0; background-color: #FFFFFF;
}
/*aside */
aside {
	height: 50px;
}

aside.fixed ul {
	width: 100%; height: 35px; background: #fff; border-top: 1px solid #e0e0e0; padding: 5px 0 9px 0; position: fixed; bottom: 0; left: 0;max-width: 640px;
}

aside.fixed li {
	width: 30%; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ float: left; text-align: center;
}

aside.fixed li:nth-child(2) {
	width: 40%;
}

aside.fixed li a {
	color: #333; display: block; line-height: 14px;
}

aside.fixed li .btn.orange {
	border: 1px solid #e66e36; border-radius: 20px; height: 38px; line-height: 38px; color: #fff;
}

aside.normal .btn.orange, aside.normal .btn.gray {
	margin: 10px 10px; height: 35px; line-height: 35px; border-radius: 25px;
}
/*address*/
section.address {
	margin: 10px 10px;
}

section.address label span:first-child {
	width: 70px; display: inline-block;
}

section.address label span:first-child.active {
	color: #414141;
}

section.address input[type="text"], section.address input[type="password"] {
	width: auto; height: 19px; color: #333; text-indent: 0;
}

section.address .voice {
	width: 25px;
}

section.address .success {
	margin: 0px 3px -6px 0; display: inline-block;
}

/*reminder*/
.reminder {
	padding: 30px 20px; font-size: 14px;
}

.reminder-info {
	padding: 10px 0 0 80px; background: url() no-repeat left top; background-size: 62px 62px; min-height: 70px; margin-bottom: 30px;
}

.reminder.success .reminder-info {
	background-image: url(../../images/common/success.png);
}

.reminder.fail .reminder-info {
	background-image: url(../../images/common/fail.png);
}

.reminder-other {
	text-align: center;
}

.reminder a.btn-link {
	text-decoration: underline
}

.reminder .jointlogin a {
	margin: 10px
}

/*hk-menu*/
.hk-container {
	width: 100%; overflow: hidden; position: relative;
}

.hk-main, .hk-home {
	-webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s;
}

.hk-main {
	position: relative;
}

.hk-home {
	position: absolute; top: 0; right: -180px; width: 180px; height: 100%; background: #272b33; font-size: 16px; color: #fff; opacity: 0.98; -webkit-overflow-scrolling: touch;
	overflow-scrolling: touch; z-index: 999; overflow: auto;
}

.hk-home img {
	border-radius: 50%; width: 70px; height: 70px; margin-bottom: 10px;
}

.hk-home div {
	text-align: center; border-bottom: 1px solid #32363d; padding: 20px 0;
}

.hk-home div a {
	margin: 0 10px;
}

.hk-home li a {
	display: block; line-height: 52px; border-bottom: 1px solid #32363d; padding-left: 30px;
}

.hk-home .icon {
	vertical-align: middle; margin-right: 10px; width: 26px; height: 28px;
}

.translateX {
	-webkit-transform: translateX(-180px); -ms-transform: translateX(-180px); transform: translateX(-180px);
}

.mask {
	content: "."; display: block; position: absolute; top: 40px; left: 0; width: 100%; height: 100%; opacity: 0.8; z-index: 997;
}

/*slide-page*/
.slide-page {
	position: absolute; top: 0; left: 100%; width: 100%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
}

.slide-page:first-child {
	position: relative; left: 0;
}
/*�״�alert*/
.first-alert {
	position: absolute; top: 0; left: 0; z-index: 999; width: 100%;
}

.first-alert img {
	width: 100%;
}

.first-alert a {
	position: absolute; display: block;
}

.first-alert a.close {
	width: 11%; top: 10px; right: 10px;
}

.first-alert a.go {
	width: 36%; bottom: 20%; right: 15%;
}
/*Ϊ���̵���ͷ��*/
.tp-coupon-box {
	background: #eaeef2; width: 100%; padding-bottom: 12px; opacity: 1; position: relative; z-index: 9999; box-shadow: inset 0px 0px 9px #cdcdcd; border-bottom: 1px solid #eaeef2;
}

.tp-coupon-word {
	font-size: 14px; width: 85%; margin: 0 auto; border-bottom: 1px solid #ccc;
}

.tp-coupon-word-top {
	width: 100%; margin: 0 auto; text-align: center;
}

.tp-coupon-word-top i img {
	width: 24px; height: 16px; vertical-align: middle; padding-right: 5px; margin-top: -3px;
}

.tp-coupon-word-top div {
	padding: 10px 0 10px 0;
}

.tp-coupon-ul {
	width: 85%; margin: 0 auto; border-bottom: 1px solid #ccc; padding: 2px 0;
}

.tp-coupon-ul li {
	height: 28px; line-height: 28px; padding: 0px 10px 0px 10px; font-size: 14px; overflow: hidden;
}

.tp-coupon-ul li em {
	color: #ef5165; font-style: normal;
}

.tp-coupon-ul li span a {
	float: right; color: #009eff; text-decoration: underline;
}

.tp-coupon-more {
	width: 85%; margin: 0 auto; font-size: 14px; text-align: center; padding-top: 12px;
}

.tp-coupon-more a {
	text-decoration: underline; color: #009eff;
}

.tp-coupon-bottom {
	background: url(../../images/common/bowen.png) 0px 0px; background-size: 9px auto; height: 5px;
}

.tp-coupon-close {
	line-height: 18px; font-size: 16px; z-index: 9999; padding-left: 20px; float: right;
}

.tp-coupon-close img {
	vertical-align: middle; width: 18px; height: 18px;
}

.comment_list {
	margin-top: 20px;
}

.comment {
	border: 1px solid #d8d8d8; box-shadow: 2px 2px 5px #d8d8d8; color: #666; height: 120px; padding: 20px; background: #fff;
}

.comment_wrap {
	border-bottom: 1px solid #d8d8d8; color: #999999; padding: 20px 10px; background: #fff;
}

.comment_wrap .user_name {
	color: #0793d9; float: left;
}

.comment_wrap .comment_user {
	text-align: right;
}

.comment_wrap .comment_detail {
	color: #2e2e2e; font-size: 14px; line-height: 23px; padding: 8px 0;
}

.comment_wrap .comment_star {
	background: url("../../images/common/comment_star.png") repeat scroll 0 0 rgba(0, 0, 0, 0); float: right; height: 12px; width: 73px;
}

.comment_star.s4 {
	background-position: -14px 0;
}

.comment_star.s3 {
	background-position: -29px 0;
}

.comment_star.s2 {
	background-position: -44px 0;
}

.comment_star.s1 {
	background-position: -60px 0;
}

.comment_star.s0 {
	background-position: -73px 0;
}

.comment .rate {
	float: left; font-size: 14px; height: 80px; line-height: 30px; margin-right: 32px; padding-top: 38px; position: relative; text-align: center; width: 123px;
}

.comment .rate img {
	left: 0; position: absolute; top: 0;
}

.comment .rate strong {
	font-size: 36px;
}

.comment .comment_info {
	float: left; line-height: 18px; margin-top: 38px;
}

.comment_btns {
	float: right; margin-top: 7px; text-align: center; width: 105px;
}

.b_btn {
	background: none repeat scroll 0 0 #0793d9; border-radius: 4px; color: #fff; cursor: pointer; display: block; float: left; font-size: 14px; height: 30px; line-height: 30px;
	margin: 10px 5px 0 0; text-align: center; padding: 0 10px;
}

.b_btn:hover {
	background: none repeat scroll 0 0 #0ab0e6;
}

.wrapper-a {
	border: 1px solid #d8d8d8; box-shadow: 2px 2px 5px #d8d8d8; color: #666; height: 90px; margin: 0px; background: #fff;
}

.wrapper-a>ul {
	border: none;
}

/*city-layer*/
.city-layer {
	width: 100%; max-width: 640px; height: 100%; top: 40px; color: #fff; display: none; background: rgba(0, 0, 0, 0.72); position: absolute; z-index: 99999;
}

.city-box {
	background: #fff; position: relative; margin: 0 auto; padding: 9px 0 0 9px;
}

.city-box ul {
	margin: 0 auto;
}

.city-box ul li {
	float: left; margin-bottom: 8px; margin-right: 8px;
}

.city-box ul li a {
	font-size: 14px; color: #333; width: 78px; height: 36px; line-height: 36px; display: block; text-align: center; background: #e0e3e7; border-radius: 5px;
}

.city-box ul li a:hover, .city-box ul li a.on {
	background: #0099FF; color: #FFF;
}

.wrapper ul.b label span {
	color: #333; display: inline-block; font-size: 16px; margin-right: 10px; min-width: 70px;
}

.btn.blue.btn-touch-start{
	background-color: #a0a0a0;
}
 .btn.orange.btn-touch-start{
	 background-color: #a0a0a0;
 }

 .copyright{
	 border:1px solid #e0e0e0;position: fixed;display: block;z-index: 997;bottom:0;background-color: #FFFFFF;width: 100%;height: 36px;line-height: 36px;text-align: center;
	 max-width: 640px;font-size: 12px;color:#414141;
 }
 .copyright .app-download{
	 color: #009eff;float: right;margin-right: 20px;text-decoration:underline;
 }

 .go-top {
	 width: 40px;
	 height: 40px;
	 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1OTU4MWI2Zi05Nzk3LWNmNGQtYmRiNC1kNmRkNjk3NzUxMGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDEwRDVFNTMzMjNGMTFFNzhDNDJBOEZDNkMyQUQyMkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDEwRDVFNTIzMjNGMTFFNzhDNDJBOEZDNkMyQUQyMkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcwRTU5OUQwREY1ODExRTVCMjcyRjU2OEJFREJDMzk1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcwRTU5OUQxREY1ODExRTVCMjcyRjU2OEJFREJDMzk1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LRSjCQAAAXRQTFRFC5n/v9//AZ7/FJr/Ta3/WrL/DJn/A53/Ap7/D5n/6fT/IKL/F5r/Dpn/Bp7/Dp7/EZ//isf/ZLb/qtb/IJ3/M6f/JZ7/Ep//C57/FJ//fsL/CJ7/7vf/otH/K6D/DZn/3u//H53/NKf/XLP/brr/N6T/JqP//v//Ip3/N6j/7fb/g8T/l87/HaH/Bp3/h8b/EJ//IqL//P3/ndD/5vP/SKv/qNX/X7T/Mab/odH/DZ7/9Pr/NqT/wuL/Paf/FqD/Epr/Pqf/+fz/tNr/Hpz/LKH/EZn/8fj/W7P/L6X/t9z/lcz/KqD/HqH/LqX/I6L/M6P/xOL/pNP/pdT/FZr/4vH/mM7/GKD/EJn/Sav/gcT/i8j/JaP/L6H/9fv/ntH/bLr/weH/FZ//LaX/E5r/p9T/YbX/GZv/Epn/R6r/sNn/B5//2u3/W7L/CJ//GJr/tNv/F5v/VrD/vt//gMP/XbT/sdr/NKP/hMX/AJ7/////AAAAlE+nYwAAAHx0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAFq2jEAAATZSURBVHja1Jr5V9tGEMfXhsq2bExsEwIEG3NDuJMAISH3QUg4AjRNk+Zujia97876n++skGxJlq0ZeUVfvz/A87NWH+/OHrMzI2pUbWcHB/KpZBIgmUzlBwaz2+SmgvRUtjcNAUr3ZnVBnqTcLxZCeECpJ51Dsnn7ZT1918aHNn6vmvJl9eCv8tD4tb4e+6t8tiPIKRtQKZZuySbdKhUrNuhUZEiv1T6zubQlW2praTNjPdYbCXLGssDoa1OGyHw9apnpDBuyn1SInXlJ0vyOwiT3eZCzCtH/SpL1ql9hzjIgU6obuTnJ0lxOdWaKClFzyvg0LJka/mS0mGcBELUycmUZQWXVmTwFghuIeHRRRtLFv9Ey6VDIaTSHsT4tI2p6HYcsebo95BIyMgXZgQq4NpOX2kFUP+6tyY60dq+pLx7ILDJuPJAd6pcbSJltCUGbf31bdqzb3/msL7xzd+Sh1KCjHu9MFp41aPwjtWgJ59hyEGQK18ePUpPWcb1MBUDQ6JVpXRD5CI3fDMF998sftDGkmXPtyQ5kHw1yQWrUBpplxQfBwVqVWrXaGDBRP2tz5/RChnP1E9mG4Mz6Q2rWM5xhbgj6Jf1Su/odH0Y4HXmoH1J2uiLstT7je6B7RLA10u17yY59Ggu7I9/4vjcggkZ8L/nK7oqC7ALcmY4DIu8ALNgQ9NonpIbhMvzDJSfQ6z+GjOGJa8pYZOJZPGZBrgNMypg0CXDdguBoFeKCFKzxEmpu9VyJC3Ilo+aXqGUB7srYdBcgi5DLAMX4IEWAywhJg/gcH+SzQMdFKJOcjw9yHh2XmtgG6GM0ujpjGDNXGQ36AL4VaPeb9CaJLrV9dCXoLW6i5cUgwH0mg0UZBxgUAwBDXAaHMgQwIBYB3rMZDMp7gEWBm8oBn0GnHKDzLdAXehyBQaY8Rs8IIcKMwqBSTIEQPHoZjPRP6u/3aQZFEWgQm9GV+EL9665/JEJIw9V46TFE0inWcKHhq3SGA6FTqsrwOIUTdEYdQqYk1BTGxXhEZzQgVMqRWoyh28obz8sakDrlTfi2ErpBjnp+sAviUEbbNv9TbZBhW70pPIPihtiU9rPT2ur3wg6tnz0D74EcU34NP7RCj9/SR+E6Cr0QPCjFx1L48asciVL7CeK+5/kg3i+DfuKxI8FziZogNJeI59xxIbZzx3NTmRDHTeU53ExI3eFmXR2YkPrVgXUJ4kEal6DA65weSOM6V1sIuJjqgbgupkFXbC0Q9xU7KFigBVJxBwtUV+b1Q7xhD0YAhwPxBXBUV57phsz5QlFWUG1YL6Q5qEYOD44ryG+UJ582hQdrK8RA5wXlEFIePAwIdFoh2yqhcfHdO8rxExiyPZngsxVGv6+LocLoz4MSAstoliU9jJYJAY2pjTV0URb/yySNpnTTg/bpJi2Js1JI4uxkUoB2MvNDdMYHQjIT7aLSsptR07KbKi07S00wH0ZhHJITzNaqBGOVnyp/qsLiyyeQ9H/OLl9gJOXL7PIFdb5YhRgVaiFGxSrEWIlaUjIRXlIyEbWkxFUcM1l42ZqwVZjspDjGVeaTedGqzOdFx2U+SgtOSVTGKlhKVPGOeK6a2FAFSxmnMGqh49Krsbf+0itP7VXq7dj/pojM1t6utxxud4/c9F8BBgC510GrbZ/D1QAAAABJRU5ErkJggg==) no-repeat center center;
	 background-size: 40px 40px;
	 position: fixed;
	 right: 10px;
	 bottom: 80px;
	 z-index: 100;
	 -webkit-transform-origin: 0px 0px 0px;
	 opacity: 1;
	 -webkit-transform: scale(1, 1);
	 display: none;
 }
 
 .background-white{
 	background-color: #fff;
 }
 .background-gray{
 	background-color: #f0f0f0;
 }
 .font-size-14{
 	font-size: 14px;
 }
 .font-size-16{
 	font-size: 16px;
 }
  .font-size-18{
 	font-size: 18px;
 }
  .font-size-20{
 	font-size: 20px;
 }
.second-title {
	font-size: 16px;
	color: #000;
	height: 49px;
	width: 100%;
	text-align: left;
	position: relative;
	line-height: 49px;
	padding-left: 10px;
}
.top0{
	top:0;
}
.top10{
	top:10px;
}
.left40{
	position: absolute; left: 40px;
}
.right0{
	position: absolute; right: 0px;
}
.right10{
	position: absolute; right: 10px;
}
.right40{
	position: absolute; right: 40px;
}
.right50{
	position: absolute; right: 50px;
}
.height30{
	height: 30px;
}
.height40{
	height: 40px;
}
.line-height30{
	line-height: 30px;
}
.line-height40{
	line-height: 40px;
}

.icon-chk{
	display: inline-block;
    background: url(../../images/page/icon-chk.png?v=1.0) no-repeat;
    background-size: auto 15px;
    width: 15px;
    height: 15px;
}

.chk-selected{
	background-position: 0 0;
}
.chk-unselected{
	background-position: -21px 0;
}

.icon-radio{
    display: inline-block;
    background: url(../../images/page/icon-radio.png?v=1.0) no-repeat;
    background-size: auto 30px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.radio-unselected{
    background-position: -2px 0;
}
.radio-selected{
    background-position: -38px 0;
}

.notWexinAgentPrompt {
	width:100%;background: rgba(0, 0, 0, 0.3);height:60px;position: fixed;z-index:999; bottom:0;max-width: 640px;
}
.notWexinAgentPrompt img.logo {
	align:absmiddle; width: 48px; height: 48px; border-radius: 48px; margin: 6px 0 0 10px;
}
.notWexinAgentPrompt img.closeshare {
	align:absmiddle; width: 16px; height: 16px; border-radius: 16px; right: 2px; top: 2px; position: absolute;
}
.notWexinAgentPrompt span.content {
	margin: 22px 0; font-size: 12px; line-height: 14px; color: white; width: 56%;position: absolute;left: 70px;
}
.notWexinAgentPrompt a.openshare span{
	line-height: 30px; margin: 13px 0; padding:0 5px; right: 10px; background-color: #7ca4df; color: white; font-size: 14px; position: absolute;
}
.titletab {
	text-align: center; margin-bottom: 0; margin: 0 auto;height: 37px;line-height:37px;
}

.titletab .titletab-ul {
	text-align: center; margin: 0 auto;border-radius:5px;display: inline-block;color: #414141;font-size: 14px; width: calc(100% - 80px);
}

.titletab .titletab-ul li {
	margin:0 10px;list-style-type:none; position: relative; width: 30%; display: inline-block;
}
.titletab-selected{
	border-bottom: solid 2px #009eff;color:#009eff;
}

.guide-container{
	position: fixed;border-bottom: 0;top: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.6);z-index: 999;display: none;max-width: 640px;
}
.guide-step{
	display: none;
}

input.searchInput {
	padding: 0 0 0 21px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNjg5RENCQTI5NkYxMUU3QjYyN0Q2OTRCN0QwM0MzQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNjg5RENCQjI5NkYxMUU3QjYyN0Q2OTRCN0QwM0MzQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMxQjY5MEQ5Mjk2RTExRTdCNjI3RDY5NEI3RDAzQzNDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMxQjY5MERBMjk2RTExRTdCNjI3RDY5NEI3RDAzQzNDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ACOUOQAAAolJREFUeNq0lkloFFEQhnvGQVQCGkUPLgfFkwuIRHHDLeOGCC64oCA5iQdRcQWDeNWDy8EFvYkHFyZuuARGNC6BoIFEIeBJD0FFTcQY3AYx/gVfy5th0j2TdBd8vH49Pe/vrlf1qhKZTMYLsIFitkiL+WKyGM5vX0SreCYeiCbxxwuxVMBva8QOsbjgfhfjCFENR0RWnBa3yxWsFKfEVuad4qJ4Kt6Lr85zY8UisUUsgXPikPNcniUKXGoLXBFzxV9xlLf+EOKp0WK32M+8QazD7XmWdK6HijrE3vHmtSWIeXz5AbFUfBYLxQ0xOEjwjJgp3hIgT7zyLcuLtrPGid4EV7EPObFZvPH6bm3O/m8nwvMEjcPMTxLe/bUGPOYRwXmC88QM0SGOe9HZMVLI1p/jCi7n+hIbHpXZPt7jem3hF3p9DJIwe8hY5QpOIufaYxBsYxzjp0iSI+q76I5BsJOxQgxz0yIBUVuPs/5/l3bwBhUxCI5k7PYPfRN8yc3xMQhOdSL2hy/YyM10DILLGJtcl/q5skmMilBsgiN43RVsEY+pFgcjFNwrhrB2syuYo+6Z7aKCR+HKbURpbbFqUU+lHiBuiln9EKuiiKc4uBt7q4f7xCPSo845Y8u1iX6Sy14HFWAL2w2IWstwX5wVU0oQsWfGOQFynusLhdGfKNImDqK07GT+U9yhHXwlPnJyWFJPY8Fq8jnNMWl2lQ+w+UqCp2jX9ovgMZE9uHY9BJl1Cb+d+Ub62tXiGuu0pEL6kyxBYB3YdFxdSfR94wR5wZ63FlmjRtwSC8RlE02VsD/NTh6l6Lx7OBtzIf/tovjW01XcTZYZgdbKf6IzyJX4H+tNV4jntvf/BBgAhQ2QUNWZtTAAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: 14px;
	border-radius: 15px;
    font-size: 14px;
	width: calc(100% - 100px);
	height: 28px;
	margin: 8px 0 8px 30px;
}

input.searchInputTemp {
	padding: 0 0 0 21px;
	background-color:#f2f2f2;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNjg5RENCQTI5NkYxMUU3QjYyN0Q2OTRCN0QwM0MzQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNjg5RENCQjI5NkYxMUU3QjYyN0Q2OTRCN0QwM0MzQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMxQjY5MEQ5Mjk2RTExRTdCNjI3RDY5NEI3RDAzQzNDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMxQjY5MERBMjk2RTExRTdCNjI3RDY5NEI3RDAzQzNDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ACOUOQAAAolJREFUeNq0lkloFFEQhnvGQVQCGkUPLgfFkwuIRHHDLeOGCC64oCA5iQdRcQWDeNWDy8EFvYkHFyZuuARGNC6BoIFEIeBJD0FFTcQY3AYx/gVfy5th0j2TdBd8vH49Pe/vrlf1qhKZTMYLsIFitkiL+WKyGM5vX0SreCYeiCbxxwuxVMBva8QOsbjgfhfjCFENR0RWnBa3yxWsFKfEVuad4qJ4Kt6Lr85zY8UisUUsgXPikPNcniUKXGoLXBFzxV9xlLf+EOKp0WK32M+8QazD7XmWdK6HijrE3vHmtSWIeXz5AbFUfBYLxQ0xOEjwjJgp3hIgT7zyLcuLtrPGid4EV7EPObFZvPH6bm3O/m8nwvMEjcPMTxLe/bUGPOYRwXmC88QM0SGOe9HZMVLI1p/jCi7n+hIbHpXZPt7jem3hF3p9DJIwe8hY5QpOIufaYxBsYxzjp0iSI+q76I5BsJOxQgxz0yIBUVuPs/5/l3bwBhUxCI5k7PYPfRN8yc3xMQhOdSL2hy/YyM10DILLGJtcl/q5skmMilBsgiN43RVsEY+pFgcjFNwrhrB2syuYo+6Z7aKCR+HKbURpbbFqUU+lHiBuiln9EKuiiKc4uBt7q4f7xCPSo845Y8u1iX6Sy14HFWAL2w2IWstwX5wVU0oQsWfGOQFynusLhdGfKNImDqK07GT+U9yhHXwlPnJyWFJPY8Fq8jnNMWl2lQ+w+UqCp2jX9ovgMZE9uHY9BJl1Cb+d+Ub62tXiGuu0pEL6kyxBYB3YdFxdSfR94wR5wZ63FlmjRtwSC8RlE02VsD/NTh6l6Lx7OBtzIf/tovjW01XcTZYZgdbKf6IzyJX4H+tNV4jntvf/BBgAhQ2QUNWZtTAAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: 14px;
	border-radius: 15px;
    font-size: 14px;
	width: calc(100% - 100px);
	height: 28px;
	margin: 8px 0 8px 30px;
}
.search_helper_container {
	display:none;top: 0px;position: absolute; width:100%; height: 100%; left:0;
}
.search_helper {
	display:none;top: 48px;position: absolute; width:100%; left:0;
}
.search_helper div.header {
	border-bottom: 1px solid #333;height: 40px;line-height: 40px;
}
.search_helper .nonewords {
	width: 88%; height: 32px; border: 1px solid #009eff; border-radius: 12px; text-align: center; margin-left: 6%; margin-top: 16px;
}
.search_helper .nonewords span {
	line-height: 32px; height: 32px; font-size: 16px; color: #009eff; text-align: center;
}
.search_helper a.title {
	
}
.search_helper a.title img {
	vertical-align: middle;height: 16px; width: 3px; margin-bottom: 4px;
}
.search_helper a.title span {
	font-size: 14px; color: #1a1a1a; margin: 0 10px;
}
.search_helper a.option {
	float: right; margin-right: 10px;
}
.search_helper a.option span {
	font-size: 14px; color: #009eff;
}
.search_helper a.option img {
	vertical-align: middle;margin-right: 10px;
}
.search_helper a.option img.nxt {
	height: 13px; width: 15px;margin-bottom: 3px; 
}
.search_helper a.option img.clr {
	height: 14px; width: 11px;margin-bottom: 2px; 
}
.search_helper .word-hot {
	float: left; border: 1px solid #e0e0e0; border-radius: 6px; margin: 5px 5px;position: relative;
}
.search_helper .word-hot span {
	color: #333; font-size:14px; line-height: 32px; height: 32px; padding: 3px 16px;
}
.search_helper .word-hot img{
	height: 20px; width: 20px;position: absolute; right: -6px; top: -5px;
}
.search_helper .word-history {
	width: 100%; border-bottom: 1px solid #e0e0e0; margin: 0 10px;
}
.search_helper .word-history span {
	display: inline-block; color: #333; font-size:14px; line-height: 32px; height: 32px; width: 80%;
}
.search_helper .word-history img{
	vertical-align: middle; height: 18px; width: 18px; float: right; margin: 8px 25px 0 0;
}
.search_helper .historywords{
	margin-top: 15px;
}
.searchBtn{
    float:right; margin-right: 10px;cursor: pointer;font-size: 14px;color: #009eff;
}
.beancurd_cube {
	float: left; border: 2px solid #e0e0e0; border-radius: 6px; margin: 5px 5px;position: relative;
}
.beancurd_cube span {
	color: #333; font-size:14px; line-height: 32px; height: 32px; padding: 3px 16px;
}
.beancurd_cube img{
	height: 20px; width: 20px;position: absolute; right: -6px; top: -5px;
}
.beancurd_cube.selected {
	border: solid 2px #009eff;
	color: #333333;
	border-radius: 6px;
}
.beancurd_cube.unselect {
	border: solid 2px #333333;
	color: #333333;
	border-radius: 6px;
}
header .bookToHome{
	height: 49px; 
	width: 36px; 
	display: inline-block; 
	background: url(../../images/page/icon-sendhome.gif?v=1.0) no-repeat; 
	background-size: auto 30px;
}
header a.bookToHome {
	background-position:0;
	position: absolute; 
	right: 0;
}
.call-container{
	position: fixed;width: 100%;max-width:640px;height: 200px;bottom: 0;background-color: white;display: none;padding-bottom: 60px;
}
.call-container .call-guide{
	text-align: center;font-size:20px;margin-top: 10px;height: 30px;line-height: 30px;
}
.call-container .call-icon-container{
	height: 100px;text-align: center;
}
.call-container .call-state-calling{
	background:url(../../images/page/icon-calling.gif);height:100px;width:100px;background-size:100px 100px;display:inline-block;background-repeat: no-repeat;background-position: 0;
}

.call-container .call-state-ready{
	background:url(../../images/page/icon-call-ready.png?v=1.0);height:100px;width:100px;background-size:70px 70px;display:inline-block;background-repeat: no-repeat;background-position: 15px;
}
.call-container .finishCall{
	margin-top:10px;width: 30%;margin-left: 35%;
}
.callarea{
        	width: 0px;
        	height:30px;
        	position: relative;
        	display: inline-block;
        }
        .callIcon{
        	z-index: 10;
        	width: 40px;
        	height:30px;
        	display: inline-block;
        	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1OTU4MWI2Zi05Nzk3LWNmNGQtYmRiNC1kNmRkNjk3NzUxMGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzQ4QTM5OEYwQzVBMTFFNjk4Q0NFMUZEODhDMTY5MkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzQ4QTM5OEUwQzVBMTFFNjk4Q0NFMUZEODhDMTY5MkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmEwZmNjMjc5LWJmYTMtMDY0Yy04ZTg4LTk2NTRmYzY2OTc3YiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1OTU4MWI2Zi05Nzk3LWNmNGQtYmRiNC1kNmRkNjk3NzUxMGUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4lP1h3AAAElklEQVR42uybf2hWVRjHz8acPwLD5ixrsygFBTdxrFBWKTqkJZTC8h8jRWXQH+KspNpQ/EP/koIoCNbUTdifoUmplEFa2vxBqdMNUYv8OeZCKyxpc2/fh/u98OzpffXd+9477+Z94MPuueec55zvvefec+57nuUkEgmXjjU0NLioW01NzT3L5A5SX0aCarAVnAA3QYJ/T/J8NcuFankh+5cLuhxsBMVJ8h8GpWQFuMSyTaAvrA6FZRPBD7x7xWnWKWZ5qff4ULrD08FeUGTO93EIt4F/wGhQAmaYiz8bHAELwamoC54EvgUT1Ll/wadgC7iSpM4TYB14E+TznFys/eBZ8FtUh7T4azFif2Wna1OIdTwv+eUs71sh/eVGVfAy8LxKXwSzBjAs21j+ojpXQb+REyy+6lS6F7wKugbop4v1etW5uqD6GqTgF8Fkld7OOTcTO8H6vonfOVETXGXSH2Tpz9Z/KWqCy9XxL+Bslv7O0k8y/5EQPEkdnwnIp/bzZNQE56vjvwLyqf2MiPrSMpIWC44Fx4JjwbHgWHAsOBYcC44Fx4JjwbHgWHAsODgbETE/oQi+pY4fDcin9vN31ASfV8eymZbtvlUe/STzP2iCn1aMN3k/quNHXPY/nM+hH99aTf54059QBO8BF0iLyfvCpN/PUnCdSe806RbVl71hCT6ojmVrZZxKt5v8+eC1DMUuAfNU+nv6920c2/ftQFiCd6njUeB1k7/BebEbvjW5/ruJ6ZiU1/tK4m+9KbOU7acaXYEJ/hpcU+m3Xf9AFLnSn6n0GOdtaq9Ko61cltvPer41mjs4ku36do39CkWwbGF+otKy/bHWlJH0EdNBuQjHwRugwJQv4PnjLKcvoPipTeL/KZWW/vSEOS19DLpVeqPzonD0fFmV5KrPBM2s28lnspPpZubb0VRl5t9Studbt7kBoQiW/Z515g5+7rzwBN9ugJedt+XZl2JBMS3FAqWP9RbSj2+FbEePgHfBn4Ox8GjmFOWbbFjvM/PmHfCO87Y5dzF9N7vDcuWs12veyvtc/w33PebllvZqJhNL8LlrVZ0oA4fAK+CcKvszWAweAwucF+Aiz76ELEnokkToHOMQ7kzS1hSwG0w1q65lZkYIVbDY73zGRKQftTOVL5+3wDbTIRGzg6RjOc6LzvsQjFXnu9hu9/1YS8uVnguuqnNjOZUcBpUZ+q1k/UYj9irby3hdHcTHQwd4jsNSm4QffcP8eg75vLuMtDKW62C9WabMMbbTke0XSRAmgWUVnDLkhaOjAWSYbyK3wWUOyz+cF1wqj0ORWTlpkzl2C333ZNvRIEMPe3iHZFG/2XmxVjmmzCi+5Can+WLczY+I9ij/4tHOt3IJFwXXB1j/OutJ/UVBig36DluTCJzVYA2fvQqulMrMh/1p8JPzwhPljX/UhRQrHbZgvXJqVR/wsoL6UuW/B74a6j/iRdYeOMF5g9TOQ84L/pbfoZ4xecvBC1w5SRD5reEg+COwMkVetZmzVw2HIT0t4HKRF1zvUof/69Va/XB5hr9z//8Pl/tiOen+K95wsf8EGADo9OzCCBJnKQAAAABJRU5ErkJggg==);
        	background-size:auto 22px;
        	background-position: 2px;
        	background-repeat: no-repeat;
		    position: absolute;
		    left: -40px;
		    top: 8px;
        
        }
.call-container{
-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.scanarea{
  	width: 0px;
  	height:30px;
  	position: relative;
  	display: inline-block;
}
.scanIcon{
  	z-index: 10;
  	width: 40px;
  	height:30px;
  	display: inline-block;
  	background: url(../../images/page/icon-scanbook.png?v=1.0);
  	background-size:auto 15px;
  	background-position: 2px;
  	background-repeat: no-repeat;
	position: absolute;
	left: -30px;
	top: 10px;
}
.list-type {
	background: url(../../images/page/icon-list-type.png?v=1.0);
	background-size: auto 16px;
	width: 16px;
    height: 16px;
}
.list-type.list-type-detail{
	background-position: 16px 0;
}
.list-type.list-type-img{
	background-position: 0px 0;
}

.switch {
	position: absolute;right: 0px;height:18px; width: 40px; border-radius: 11px;padding: 2px;
	
}
.switch.switch-open {
	background-color: #009eff;
}
.switch.switch-close {
    background-color: #d0d0d0;
}

.switch.switch-close .switch-item{
    display: inline-block;width: 18px;height: 18px;background-color: #FFFFFF;border-radius:9px;
}
.switch.switch-open .switch-item{
    display: inline-block;width: 18px;height: 18px;background-color: #FFFFFF;border-radius:9px;position: absolute;right: 2px;
}
.u-flyer{display: block;width: 50px;height: 50px;border-radius: 50px;position: fixed;z-index: 9999;}
.favoriteIcon.normal{
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../../images/page/favorite_normal.png);
    background-size: 25px;
}
.favoriteIcon.select{
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../../images/page/favorite_select.png);
    background-size: 25px;

}
.u-address.cBlue{
    color: #009eff !important;
}
.dis-none {
    display: none;
}
.serviceIcon {
    width: 2.55rem;
    height: 2.55rem;
    position: fixed;
    right: 1rem;
    bottom: 37%;
}