/*from tccdn minify at 2015-1-15 20:34:46,file：/touch/public/autoComplete/0.0.1/autoComplete.css,file：/touch/public/page/0.0.1/page.css,file：/touch/public/calendar/0.0.2/calendar.css,file：/touch/public/city/0.0.1/city.css,file：/touch/public/slider/0.0.1/slider.css,file：/touch/public/dialog/0.0.1/dialog.css?v=201401152582589*/
.autofill-wrap {
	position: absolute;
	background-color: #FFF;
	font: 12px/24px SimSun;
	width: 100%;
	border: 1px solid #ccc
}

.autofill-close {
	position: absolute;
	width: 11px;
	height: 11px;
	top: 7px;
	right: 10px;
	background: url(http://js.40017.cn/cn/public/module/autoComplete/0.3/pic.png?v=2) 0 -16px repeat scroll;
	cursor: pointer
}

.autofill-hd-inner {
	color: #999;
	font-size: 12px;
	padding: 0 10px;
	display: block
}

.autofill-tray {
	background: #fff;
	width: 100%
}

.autofill-tray th {
	padding: 0 10px
}

.autofill-tray th {
	border-bottom: 1px solid #ddd
}

.autofill-tray th,.autofill-tray td,.autofill-hd-inner {
	white-space: nowrap;
	overflow: hidden
}

.autofill-tray td {
	color: #333
}

.autofill-tray .ltd {
	text-align: left
}

.autofill-tray .rtd {
	text-align: right
}

.autofill-hover {
	background-color: #e2e2e2
}

.autofill-hili {
	color: #f60;
	cursor: pointer
}

.autofill_item {
	line-height: 30px;
	border-bottom: 1px solid #ccc;
	padding-left: 15px;
	display: block
}

.item-state-hover td {
	background-color: #e2e2e2
}

.show-title {
	border-bottom: 1px solid #ccc
}

.fixed {
	position: fixed
}

.fixed_replace {
	position: absolute
}

.page {
	position: absolute;
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	display: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.page.current {
	-webkit-transform: none;
	transform: none
}

.calendar {
	padding: 0 10px 20px;
	font-family: helvetica,arial,sans-serif;
	background: #fff
}

.calendar-wrapper {
	margin-top: 10px
}

.calendar-wrapper table {
	width: 100%;
	border-collapse: collapse
}

.calendar-wrapper h3 {
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px
}

.calendar-wrapper tr {
	height: 48px
}

.calendar-wrapper tr:first-child {
	height: 40px;
	border-bottom: 1px solid #e6e6e6
}

.calendar-wrapper th {
	width: 14.2857143%;
	color: #999;
	font-weight: 400
}

.calendar-wrapper td {
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	padding: 0 2px
}

.calendar-wrapper tr:nth-child(2) td {
	padding-top: 2px
}

.calendar-wrapper td>div {
	height: 40px;
	line-height: 40px
}

.calendar-wrapper td span {
	display: block;
	padding-top: 6px;
	line-height: 14px
}

.calendar-wrapper td p {
	font-size: 12px;
	line-height: 16px;
	color: #50b400
}

.calendar .sunday p,.calendar .saturday p {
	color: #f63
}

.calendar .sunday,.calendar .saturday {
	color: #f63
}

.calendar .today>div {
	background: #f0f0f0;
	color: #333;
	border-radius: 5px
}

.calendar .disabled {
	color: #ccc
}

.calendar-wrapper .from-day>div,.calendar-wrapper .to-day>div {
	background: #50b400;
	color: #fff;
	border-radius: 5px
}

.calendar-wrapper .from-day p,.calendar-wrapper .to-day p {
	color: #fff
}

.calendar-tips {
	background: rgba(0,0,0,.8);
	color: #fff;
	width: 180px;
	padding: 10px;
	border-radius: 5px;
	text-align: center
}

.calendar-tips.fixed {
	left: 50%;
	margin-left: 50%;
	bottom: 20px
}

.searchyzy {
	padding: 8px 65px 8px 8px;
	background-color: #ccc;
	position: relative
}

.search-reset {
	padding-right: 8px
}

.search,.city-panel {
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-webkit-user-drag: none
}

.searchyzy input {
	display: block;
	width: 100%;
	height: 40px;
	padding-left: 36px;
	border-radius: 5px;
	border: 0;
	box-sizing: border-box;
	font-size: 14px
}

.searchyzy .clear {
	position: absolute;
	right: 65px;
	top: 8px;
	height: 20px;
	padding: 10px
}

.search-reset .clear {
	right: 8px;
	display: none
}

.searchyzy .clear i {
	display: block;
	width: 21px;
	height: 21px;
	background: #ccc;
	border-radius: 50%;
	line-height: 20px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	font-style: normal
}

.searchyzy .cancel {
	position: absolute;
	width: 65px;
	height: 40px;
	top: 8px;
	right: 0;
	text-align: center;
	font-size: 18px;
	line-height: 40px
}

.search-reset .cancel {
	display: none
}

.searchyzy .search-icon {
	position: absolute;
	left: 18px;
	top: 20px;
	width: 12px;
	height: 12px;
	border: 1px solid #999;
	border-radius: 50%
}

.searchyzy .search-icon:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 8px;
	left: 13px;
	top: 10px;
	background: #999;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.search-complete {
	display: none
}

.search-complete .autofill-wrap {
	border: 0
}

.search-complete table tr {
	height: 44px;
	line-height: 44px;
	font-size: 14px
}

.search-complete table tr div {
	font-family: 微软雅黑;
	font-size: 14px
}

.city-wrapper {
	border-top: 1px solid #dcdcdc;
	position: relative
}

.city-wrapper h3 {
	height: 30px;
	padding-left: 20px;
	line-height: 30px;
	background: #f0f0f0;
	border-bottom: 1px solid #dcdcdc;
	color: #777;
	font-weight: 400
}

.city-wrapper .city-key:after {
	content: '';
	float: right;
	width: 11px;
	height: 11px;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
	margin: 12px 16px 0 0;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	transition: transform .2s linear;
	-webkit-transform-origin: 3px 3px;
	transform-origin: 3px 3px;
	transition: -webkit-transform .2s linear
}

.city-wrapper .city-key.open {
	color: #50b400
}

.city-wrapper .city-key.open:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.city-wrapper li {
	border-bottom: 1px solid #dcdcdc;
	height: 44px;
	padding: 0 20px;
	line-height: 44px;
	position: relative
}

.city-wrapper .closed {
	display: none
}

.city-nav {
	position: fixed;
	right: 0;
	top: 62px;
	font-size: 12px;
	color: #46d264
}

.city-nav li {
	line-height: 16px;
	padding: 0 8px;
	text-align: center
}

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

.slider ul {
	position: relative;
	width: 100%
}

.slider li {
	position: absolute;
	width: 100%;
	left: 100%;
	top: 0
}

.slider li:first-child {
	position: static
}

.slider a>img {
	display: block;
	width: 100%
}

.slider .indicator {
	position: absolute;
	left: 50%;
	bottom: 10px;
	line-height: 0;
	padding: 2px 3px 2px 8px;
	border-radius: 5px;
	background: rgba(0,0,0,.3)
}

.slider .indicator i {
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	margin-right: 5px
}

.slider .indicator .active {
	background: #f60
}

.ui-dialog {
	background: #f5f5f5;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.6);
	-webkit-border-radius: 5px
}

.ui-dialog .ui-dialog-title {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	background: #f0f0f0;
	color: #333;
	font-weight: 700;
	-webkit-border-radius: 3px 3px 0 0
}

.ui-dialog .ui-dialog-title h3 {
	margin: 0;
	text-align: left;
	text-indent: 1em
}

.ui-dialog .close-hover {
	background-color: rgba(255,255,255,.4)
}

.ui-dialog .ui-dialog-content {
	padding: 20px 10px 0px 20px;
	position: relative
}

.ui-dialog-btns {
	table-layout: fixed;
	display: table;
	border-collapse: collapse;
	margin: 19px 0 0;
	width: 100%
}

.ui-dialog-btns .ui-btn {
	padding: 0;
	font-size: 18px;
	width: 100%;
	display: table-cell;
	float: none;
	text-align: center;
	height: 50px;
	line-height: 50px;
	color: #46d264;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
	border-bottom: 0 none;
	cursor: pointer
}

.ui-dialog-btns .ui-btn:first-child {
	-webkit-border-bottom-left-radius: 3px;
	border-left: 0 none
}

.ui-dialog-btns .ui-btn:last-child {
	-webkit-border-bottom-right-radius: 3px;
	border-right: 0 none
}

.ui-dialog-btns .ui-btn.ui-state-hover {
	background-color: #e2e2e2
}

.ui-dialog {
	overflow: hidden;
	margin: 0 auto;
	z-index: 1002;
	position: absolute;
	left: 0;
	top: -10000px;
	display: none;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	background-color: #fff;
	-webkit-transform: translateZ(0);
	-webkit-user-select: none;
	-webkit-user-drag: none
}

.ui-mask {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: .8;
	display: none;
	z-index: 1001;
	width: 100%;
	height: 100%;
	-webkit-transform: translateZ(0);
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-webkit-user-select: none;
	-webkit-user-drag: none
}

.ui-dialog-tran {
	opacity: 0
}

.ui-dialog-tran-03 {
	opacity: .3
}

.ui-dialog-bg-tran {
	background: transparent
}

.ui-dialog-black {
	background: rgba(0,0,0,.8);
	color: #fff
}

.ui-dialog .ui-dialog-title {
	position: relative
}

.ui-dialog .close {
	cursor: pointer;
	border-width: 0;
	display: inline-block;
	padding: 10px;
	width: 18px;
	height: 18px;
	margin: 2px;
	line-height: 1;
	-webkit-border-radius: 3px;
	background: url(http://css.40017.cn/touch/public/dialog/0.0.1/img/close.png) no-repeat 10px 10px;
	position: absolute;
	top: 1px;
	right: 2px;
	cursor: pointer
}

.ui-dialog-container {
	position: relative
}