@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	margin: 0;
	padding: 0
}

body,button,input,select,textarea {
	font: 400 14px/ 1.5 Arial, "Lucida Grande", Verdana, "Microsoft YaHei",
		hei
}

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

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 500
}

address,cite,dfn,em,var,i {
	font-style: normal;
	font-weight: 400
}

dfn {
	font-family: Arial
}

ul,ol {
	list-style: none
}

a {
	color: #000;
	text-decoration: none
}

a:hover {
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-ms-transition: color .2s linear;
	-o-transition: color .2s linear;
	transition: color .2s linear
}

fieldset,img,button,input {
	border: 0
}

button,input,select,textarea {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

input {
	-webkit-appearance: none;
	border-radius: 0
}

body {
	min-width: 320px;
	background: #f5f5f5;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased;
	-moz-user-select: none;
	color: #000
}

:focus {
	outline: 0
}

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

.clearfix { *
	zoom: 1
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both
}

.overflow {
	overflow: hidden
}

.ellips {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.ellips_line2,.ellips_line3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.ellips_line2 {
	-webkit-line-clamp: 2
}

.ellips_line3 {
	-webkit-line-clamp: 3
}

.pos_rel {
	position: relative
}

.abs_size {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.opacity {
	opacity: .7
}

.direction_ltr::-webkit-input-placeholder,.direction_ltr::-moz-input-placeholder,.direction_ltr::-ms-input-placeholder
	{
	direction: ltr !important;
	text-align: left
}

html,body,.h100,#main {
	height: 100%
}

.mline {
	margin: 7px 20px 7px 0;
	line-height: 18px
}

button {
	text-align: center
}

.c_bothends {
	overflow: hidden;
	text-align: justify;
	text-align-last: justify
}

.c_bothends:after {
	content: '';
	display: inline-block;
	width: 100%;
	overflow: hidden;
	height: 0
}

.break_all {
	word-break: break-all
}

h1 {
	font: 600 1.286em/ 2 Tahoma
}

h2 {
	font: 600 1.143em/ 2 Tahoma
}

h3 {
	font: 600 1em/ 1.5 Tahoma
}

.size13 {
	font-size: 13px
}

.size12 {
	font-size: 12px
}

.size14 {
	font-size: 14px
}

.font18 {
	font: 600 18px/ 44px STXihei
}

.cprice,.corange {
	color: #ff8c00 !important
}

.cgray {
	color: #797979
}

.cblue,.cblue:link,.cblue:visited,.cblue:hover,.cblue:active {
	color: #0072c3
}

.cblue1,.cblue1:link,.cblue1:visited,.cblue1:hover,.cblue1:active {
	color: #1491C5
}

.cfan {
	color: #FB4C2E
}

.cneed {
	color: #E10006
}

.cpinkgray {
	color: #999
}

.cdarkgray {
	color: #333
}

.greyfont {
	color: #686868
}

.greyfont1 {
	color: #909090
}

.greyfont2 {
	color: #969696
}

.cwhite {
	color: #fff
}

.cgrey {
	color: #d1d1d1
}

.price,.price2 {
	font: 600 1.43em/ 2 Arial;
	color: #fff
}

.price1 {
	font-size: 1em;
	color: #f60
}

.price i,.price2 i {
	margin-right: 5px;
	font-size: .7em
}

.order_price i {
	font: 600 1.43em/ 2 Arial
}

.newprice {
	margin-left: 5px
}

.newprice i {
	margin-left: 2px;
	font-size: 1.286em
}

.ls20 {
	letter-spacing: 20px
}

.m10 {
	margin: 10px
}

.mt10 {
	margin-top: 10px
}

.mb10 {
	margin-bottom: 10px
}

.pt10 {
	padding-top: 10px
}

.pb10 {
	padding-bottom: 10px
}

.hm {
	text-align: center
}

.vm {
	vertical-align: middle
}

.mlr {
	margin: 0 10px
}

.mtb {
	margin: 20px 0
}

.pb85 {
	padding-bottom: 85px !important
}

.b60 {
	padding-bottom: 45px
}

.p10 {
	padding: 10px
}

.wrap_pb {
	margin-top: 48px;
	padding-bottom: 45px
}

.cont_wrap {
	margin: 48px 0 0
}

.cont_pd_wrap {
	margin: 48px 0 0;
	padding: 10px
}

.cont_box_white {
	padding: 10px;
	margin-bottom: 10px;
	background: #fff
}

.cont_blue,.cont_blue1 {
	margin-top: 48px
}

.bg_white {
	background-color: #fff
}

.checked,.i,.i_bef:before,.i_aft:after,.arr_r:after,.arr_down:after,.arr_up:after,.tuan_tag li:before,.mulselect_yes,#city_list li.citylistcrt:after,.fselect.current i,.delivy.s_tickets .light.current:after,.delivy.s_tickets .light:active:after,#city_list .cur-selected:after,.returnico:before,.citylist .ok_crt:after,body .cui-select-fullscreen .cui-option-selected:after,.cui-keyboard .cui-letter-x,.cui-keyboard .cui-btn-delete,.cui-fail-icon
	{
	background: url(//pic.c-ctrip.com/h5/common/comm_bg.png) no-repeat;
	background-size: 242px 260px
}

.checkbox {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	vertical-align: middle;
	border: 1px solid #ddd;
	background-color: #fff
}

input[type=checkbox]:checked,.checked {
	background-position: -190px -23.5px
}

.disable {
	color: #aaa !important
}

.icon_gift {
	display: inline-block;
	width: 12px;
	height: 11px;
	vertical-align: middle;
	background-position: -100px -64px;
	margin: 0 5px
}

.tuan_tag li:before {
	width: 10px;
	height: 11px;
	background-position: -190px -45.5px;
	top: 5px;
	left: -12px
}

.icon_home:before {
	width: 21px;
	height: 19px;
	top: 14px;
	right: 10px;
	background-position: -145px 0
}

.icon_phone:before {
	width: 17px;
	height: 20px;
	top: 14px;
	right: 12px;
	background-position: -170.5px 0
}

.icon_search_w:before {
	background-position: -220px -133px;
	width: 20px;
	height: 20px;
	right: 10px;
	top: 14px
}

.icon_share:before {
	width: 20px;
	height: 15px;
	top: 16px;
	right: 11px;
	background-position: -198px -134px
}

.icon_unfav:before,.icon_fav:before {
	width: 18px;
	height: 16px;
	top: 16px;
	right: 12px
}

.icon_unfav:before {
	background-position: -152px -134px
}

.icon_fav:before {
	background-position: -175px -134px
}

.icon_city:before,.icon_date:before,.icon_star:before,.icon_keyword:before,.icon_vctk:before,.icon_vctl:before
	{
	left: 0;
	top: 8px;
	width: 22px;
	height: 20px
}

.icon_city:before {
	background-position: -100px -43px
}

.icon_date:before {
	top: 10px;
	background-position: -100px -23px
}

.icon_date1:before {
	background-position: 0 0
}

.icon_star:before {
	background-position: -100px -83px
}

.icon_keyword:before {
	width: 20px;
	background-position: -100px 0
}

.call:before {
	top: 8px;
	left: 8px;
	width: 13px;
	height: 16px;
	background-position: -168px -23px
}

.icon_ok {
	display: inline-block;
	width: 34.5px;
	height: 33.5px;
	margin: -10px 10px 0 0;
	vertical-align: middle;
	background-position: -50px -64px
}

.icon_vctk:before {
	background-position: -124px -105.5px
}

.icon_vctl:before {
	height: 22px;
	background-position: -150.5px -104px
}

.order_ok {
	padding: 20px 10px !important;
	text-align: center;
	font: 600 1.143em/ 1.8 STXihei;
	color: #7ab541
}

.order_okinfo {
	padding: 10px 10px 20px;
	font: 400 12px/ 1.5 STXihei;
	color: #000
}

.mulselect_no,.mulselect_yes {
	display: inline-block;
	width: 20px;
	height: 21px;
	margin-right: 15px;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ddd
}

.mulselect_yes {
	border: 0;
	background-position: -190px -23px
}

.delivy.s_tickets .light.current:after,.delivy.s_tickets .light:active:after,#city_list .cur-selected:after
	{
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 19px;
	height: 19px;
	margin-top: -8px;
	background-position: -190px -83px
}

.fselect.current i {
	position: absolute;
	bottom: 0;
	background-position: -190px -83px;
	width: 19px;
	height: 19px;
	display: inline-block
}

.tuan_pic {
	width: 100%;
	max-width: 300px;
	height: 180px;
	margin: 0 auto
}

.city_box_emp {
	padding: 100px 10px 10px;
	text-align: center
}

.cityli,.city-item {
	position: relative;
	font: 400 14px/ 40px Tahoma;
	border-bottom: 1px solid #f2f2f2;
	background-color: #fff
}

.cityli i,.city-item i {
	margin-left: 10px
}

.cityli li,.city-item li {
	position: relative;
	display: none;
	padding: 0 10px;
	border-bottom: 1px solid #CEE1EE;
	background: #EBF2FA
}

#city_list .citylistclick:after {
	background-image: none
}

.citylistclick li {
	display: block
}

#city_list li.citylistcrt:after,.list_crt:after {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 3px;
	width: 24px;
	height: 20px;
	content: "";
	background-position: -190px -83px
}

.cityarea_list li {
	position: relative;
	padding-left: 15px;
	font: 400 14px/ 40px Tahoma;
	border-bottom: 1px solid #f2f2f2;
	background: #fff
}

.cityarea_list li.list_crt {
	border-bottom: 1px solid #CEE1EE;
	background: #EBF2FA
}

.city_tab {
	overflow: hidden;
	border-bottom: 1px solid #cfcfcf
}

.city_tab li {
	float: left;
	width: 50%;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	text-align: center;
	background: #f7f7f7;
	color: #808285;
	border-bottom: 4px solid transparent
}

.city_tab li.cityTabCrt {
	color: #329ECB;
	border-bottom: 4px solid #1491C5
}

.citylisttab {
	background: none !important;
	padding-bottom: 0 !important
}

.citylist {
	color: #000
}

.citylist dt,.citylist dd {
	padding-left: 10px;
	border-bottom: 1px solid #e2e2e2;
	word-break: break-all;
	overflow: hidden
}

.citylist dt {
	padding-top: 2px;
	line-height: 25px;
	background-color: #eaeaea;
	color: #666
}

.citylist dd {
	position: relative;
	font-size: 16px;
	padding: 7px 20px 7px 10px;
	background-color: #fff
}

.citylist .ok_crt {
	color: #1491c5
}

.citylist .ok_crt:after {
	position: absolute;
	content: "";
	right: 10px;
	top: 50%;
	margin-top: -6px;
	width: 12px;
	height: 13px;
	background-position: -191px -86.5px
}

.citylist .emptyitem {
	padding: 20px 0;
	border: 0;
	background: 0 0;
	text-align: center;
	color: #666
}

.date_txt em {
	display: block;
	font: 700 16px/ 2 "";
	color: #ff8c00
}

.date_txt b {
	display: block;
	line-height: 24px
}

.text_box {
	padding: 10px 18px;
	margin-top: 10px;
	color: #535353;
	background: #feeecc
}

.icon_jian {
	width: 30px;
	height: 15px;
	line-height: 15px;
	padding: 2px;
	margin-left: 5px;
	text-align: center;
	font-family: STHEITI;
	font-size: 12px;
	font-weight: 700;
	background-color: #FB4C2E;
	color: #fff
}

.fix_bottom,.fix_b {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 9999
}

.btn_blue.fix_bottom {
	width: 100%;
	margin: auto;
	text-align: center
}

.arr_r,.arr_up,.arr_down {
	position: relative
}

.arr_r:after,.arr_up:after,.arr_down:after {
	top: 50%;
	margin-top: -8px;
	right: 10px;
	width: 7.5px;
	height: 14.5px;
	background-position: -190.5px -63.5px
}

.arr_up:after {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.arr_down:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.li_arr_r {
	position: relative
}

.newarr_r {
	position: absolute;
	right: 0;
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px
}

.newarr_r:before,.newarr_r:after,.li_arr_r:before,.li_arr_r:after {
	position: absolute;
	left: 15px;
	content: "";
	width: 2px;
	height: 7px;
	background-color: #909090
}

.newarr_r:before,.li_arr_r:before {
	top: 10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.newarr_r:after,.li_arr_r:after {
	top: 14px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.li_arr_r:before,.li_arr_r:after {
	left: auto;
	right: 10px;
	top: 50%;
	margin-top: -5px
}

.li_arr_r:after {
	margin-top: 0
}

#headerview header,.sub-viewport header {
	z-index: 2000
}

header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 48px;
	background-color: #1491c5
}

header h1 {
	position: absolute;
	width: 100%;
	line-height: 48px;
	text-align: center;
	letter-spacing: 2px;
	color: #fff
}

header h1 a {
	color: #fff
}

header h2 {
	position: absolute;
	width: 100%;
	line-height: 48px;
	text-align: center;
	letter-spacing: 1px;
	color: #fff
}

header h2 a {
	color: #fff
}

header i {
	position: absolute;
	left: 0;
	top: 0;
	height: 48px
}

.returnico {
	position: absolute;
	left: 0;
	top: 0;
	width: 68px;
	height: 46px;
	background-color: #28A5E5
}

.returnico:before {
	left: 25px;
	top: 14px;
	width: 12px;
	height: 20px;
	content: "";
	position: absolute;
	background-position: -100px -105px
}

.icon_home,.icon_phone,.icon_share,.icon_unfav,.icon_fav,.icon_search_w
	{
	width: 42px;
	height: 100%;
	top: 0;
	position: relative;
	z-index: 9;
	float: right
}

.header_r,.header_rs,.rightblue {
	min-width: 44px;
	position: absolute;
	z-index: 9;
	top: 0;
	left: auto;
	right: 0;
	line-height: 48px;
	padding: 0 8px;
	font-size: 15px;
	background: #15a4d5;
	color: #fff;
	text-align: center
}

.header_rs {
	padding: 0 5px;
	font-size: 14px
}

.i_bef:before,.i_aft:after,.arr_r:after,.arr_down:after,.arr_up:after,.tuan_tag li:before,.tab_search li:before,.tab_search li:after,#city_list li.citylistcrt:after,.list_crt:after
	{
	content: "";
	position: absolute
}

.bluepolygon,.yelwpolygon {
	font: 600 1.143em/ 2 STXihei;
	display: inline-block;
	position: relative;
	padding: 3px 10px;
	margin: -5px 10px 0 5px
}

.bluepolygon:after,.yelwpolygon:after {
	content: "";
	position: absolute;
	border-width: 20px 5px;
	border-style: solid
}

.bluepolygon {
	background: #31a9e9;
	color: #fff
}

.bluepolygon:after {
	right: -9px;
	top: 0;
	border-color: #31a9e9 transparent transparent #31a9e9
}

.yelwpolygon {
	background: #ffe100;
	color: #424242
}

.yelwpolygon:after {
	left: -9px;
	right: auto;
	top: -2px;
	border-color: transparent #ffe100 #ffe100 transparent
}

.openclose em {
	display: inline-block;
	width: 60px;
	height: 23px;
	line-height: 23px;
	background: #CCC;
	border-radius: 50px;
	vertical-align: bottom;
	float: right;
	position: relative;
	-webkit-transition: background 150ms linear
}

.openclose em i {
	width: 21px;
	height: 21px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 1px;
	left: 1px
}

.openclose em.open {
	background: #15A4D5
}

.openclose em.open i {
	left: auto;
	right: 1px
}

.s_on,.s_off {
	position: relative;
	background: #ddd;
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	display: inline-block;
	height: 25px;
	line-height: 25px
}

.s_on {
	padding: 6px 8px 6px 13px
}

.s_on.current,.s_off.current {
	background: #31a9e9
}

.s_on:after,.s_off:after {
	content: "";
	position: absolute;
	top: 0
}

.s_on:after {
	right: -9px;
	border-top: 37px solid #ddd;
	border-right: 9px solid transparent
}

.s_on.current:after {
	border-top: 37px solid #31a9e9
}

.s_off {
	padding: 6px 13px 6px 8px;
	margin-left: 15px
}

.s_off:after {
	left: -9px;
	border-bottom: 37px solid #ddd;
	border-left: 9px solid transparent
}

.s_off.current:after {
	border-bottom: 37px solid #31a9e9
}

.s_woman.current {
	background: #ff6fb7
}

.s_woman.current:after {
	border-bottom: 37px solid #ff6fb7
}

.btn_blue,.btn_blue1 {
	display: block;
	width: 50%;
	height: 45px;
	line-height: 45px;
	background: #FF9913;
	color: #fff;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	-webkit-tap-highlight-color: #ff8c00
}

.btn_blue1 {
	background: #31a9e8
}

.order_btnbox {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 45px;
	text-indent: 20px;
	font: 700 1em/ 45px Tahoma;
	letter-spacing: 2px;
	background-color: #fd8023;
	color: #333
}

.order_btn {
	float: right;
	line-height: 45px;
	padding: 0 30px;
	font-weight: 600;
	background: #fc6808;
	color: #fff
}

.icon_city:before,.icon_date:before,.icon_star:before,.icon_keyword:before
	{
	left: 0;
	top: 8px;
	width: 22px;
	height: 21px
}

input {
	width: 100%;
	height: 42px;
	border: 0;
	padding: 0 5px;
	background: transparent;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}

input.input_s,input.input_sl {
	position: absolute;
	right: 20px;
	top: 0;
	width: 65%;
	text-align: right;
	font-size: 1em
}

input.input_s::-webkit-input-placeholder,input.input_s::-moz-placeholder
	{
	text-align: right
}

input.input_sl {
	text-align: left
}

.input_box {
	position: relative;
	margin: 10px 0
}

.clear_input:after {
	position: absolute;
	content: "+";
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	text-align: center;
	font: 700 16px/ 18px verdana;
	color: #fff;
	border-radius: 1em;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	border: 3px solid #fff;
	background: #ccc;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.place_search_box {
	position: relative
}

input.place_search {
	width: 100%;
	box-sizing: border-box;
	padding-right: 20px;
	height: 32px;
	line-height: 32px;
	border: 0;
	border-radius: 4px;
	letter-spacing: 2px;
	font: 400 14px/ 20px Tahoma;
	background: #fff
}

input[type=text].place_search:empty {
	padding-left: 2.5em
}

.needs:before {
	display: inline-block;
	width: 10px;
	margin-left: -10px;
	content: "*";
	vertical-align: middle;
	color: #e10006
}

.needs {
	font-weight: 700
}

.btn_blue:active,header i:active,.icon_home:active,.icon_phone:active,.icon_share:active,.icon_unfav:active,.icon_fav:active
	{
	opacity: .7
}

.arr_r:active,.arr_up:active,.arr_down li:active,#order_list li:active,.cfbox li:active,.filter_r li:active,.filter_l li:active
	{
	background: rgba(242, 242, 242, .8)
}

.list_fold {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 30px;
	height: 10px;
	margin-left: -20px;
	border-bottom: 12px solid #e4e4e4;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	cursor: pointer
}

.list_fold:before,.list_fold:after {
	display: block;
	position: absolute;
	content: "";
	top: 13px;
	width: 2px;
	height: 8px;
	border-radius: 5px;
	background: #fff
}

.list_fold:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 12px
}

.list_fold:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 16px
}

.packup:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 12px
}

.packup:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 16px
}

.slider_wrap {
	width: 300px;
	overflow: hidden;
	margin: 48px auto;
	overflow: hidden
}

.slider {
	position: relative;
	width: 3000px;
	overflow: hidden
}

.slider figure {
	float: left;
	width: 300px;
	text-align: center;
	overflow: hidden
}

.slider figcaption {
	letter-spacing: 1px;
	line-height: 60px
}

.slider_bar {
	position: relative;
	height: 30px;
	margin-top: 20px;
	line-height: 30px;
	text-align: center;
	background: #1491c5;
	color: #fff
}

.slider_prev,.slider_next {
	position: absolute;
	top: 0;
	width: 30px;
	height: 30px
}

.slider_prev {
	left: 5px
}

.slider_next {
	right: 5px
}

.slider_prev:before,.slider_next:before {
	position: absolute;
	content: "";
	top: 5px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent
}

.slider_prev:before {
	left: 7px;
	border-right: 12px solid #fff
}

.slider_next:before {
	right: 7px;
	border-left: 12px solid #fff
}

.tab_by {
	width: 100%;
	border-bottom: 1px solid #ddd;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.tab_by:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	line-height: 0
}

.tab_by li {
	position: relative;
	float: left;
	height: 40px;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	text-align: center;
	font: 600 1.143em/ 40px STXihei;
	border-right: 1px solid #ddd;
	background: #f2f2f2;
	color: #666
}

.tab_by li:last-child {
	border-right: 0
}

.tab_by i {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-top: 5px solid #626262;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent
}

.tab_by li.hover {
	background-color: #ddd
}

.tab_by em {
	font-weight: 900;
	margin-left: 2px
}

.bytime em {
	color: #1491c5;
	text-shadow: 1px 0 1px #1491c5
}

.byprice em {
	color: #ff8c00;
	text-shadow: 1px 0 1px #ff8c00
}

.search_day dd.city_txt {
	line-height: 18px;
	font-weight: 700
}

.search_day {
	margin-bottom: 12px
}

.search_list h3,.search_day dt {
	position: relative;
	text-indent: 30px;
	font: 400 14px/ 40px STXihei;
	color: #c7c7c7
}

.search_list p,.search_day dd {
	position: relative;
	padding: 0 5px 0 10px;
	line-height: 45px;
	background: #f2f2f2
}

.search_day {
	width: 100%;
	overflow: hidden;
	margin-right: -2%
}

.search_day dl {
	float: left;
	width: 49%
}

.search_day dl:first-child {
	margin-right: 2%
}

.search_day dd {
	padding: 10px
}

.search_day em {
	display: block;
	font: 600 1.286em/ 30px STXihei;
	color: #ff7900
}

.search_day i {
	display: block;
	line-height: 20px
}

.tab_search {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 40px;
	overflow: hidden
}

.tab_search li {
	position: relative;
	width: 50%;
	height: 40px;
	background: #ededed;
	color: #7e7e7e;
	text-align: center;
	font: 600 1.143em/ 40px STXihei;
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
	border-top: 1px solid #c6c6c6
}

.tab_search li:nth-of-type (2),.tab_search li:nth-of-type (3){
	border-left: 1px solid #c6c6c6
}

.tab_search li:first-child {
	margin-left: 14px
}

.tab_search li:last-child {
	margin-right: 14px
}

.tab_search li:after {
	top: -1px;
	right: -14px;
	width: 0;
	height: 0;
	border-bottom: 14px solid #1491c5;
	border-right: 14px solid transparent
}

.tab_search li:first-child:after {
	right: auto;
	left: -14px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.tab_search li:before {
	top: 13px;
	right: -14px;
	width: 14px;
	height: 27px;
	background: #ededed
}

.tab_search li:first-child:before {
	top: 13px;
	left: -14px;
	width: 14px;
	height: 27px;
	background: #ededed
}

.tab_search li.tabcrt:after {
	width: 0;
	height: 0;
	border-bottom: 9px
}

.tab_search li.tabcrt {
	margin: 0;
	background: #1491c5;
	color: #fff
}

.tab_search li a {
	text-decoration: none;
	display: block
}

.tab_search li a:link,.tab_search li a:visited,.tab_search li a:hover,.tab_search li a:active
	{
	color: #7e7e7e
}

.tab_search li.tabcrt a,.tab_search li.tabcrt a:link,.tab_search li.tabcrt a:visited,.tab_search li.tabcrt a:hover,.tab_search li.tabcrt a:active
	{
	color: #fff
}

.tab_search li.tabcrt:after {
	background: 0 0
}

.room_num {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -16px;
	width: 100px;
	height: 30px;
	line-height: 30px;
	color: #000;
	background-color: #fff;
	text-align: center;
	border: #bfbfbf 1px solid
}

.room_num i {
	position: absolute;
	background: #06a2d0;
	width: 30px;
	height: 30px;
	text-align: center;
	font: 400 2em/ 28px Arial
}

.room_num i:first-child {
	left: 0;
	color: #fff;
	font: 400 2.8em/ 25px Arial
}

.room_num i:last-child {
	right: 0;
	color: #fff
}

.room_num .num_invalid {
	background: #f4f4f4;
	color: #d9d9d9 !important
}

.room_num .click_area_l,.room_num .click_area_r {
	width: 42px;
	height: 42px;
	position: absolute;
	top: 0
}

.room_num .click_area_l {
	left: 0
}

.room_num .click_area_r {
	right: 0
}

.filter_l {
	float: left;
	width: 40%;
	min-height: 100%;
	text-align: center;
	color: #A9A9A9;
	background-color: #E4E1E1
}

.filter_l li {
	height: 45px;
	line-height: 45px;
	background: #E4E1E1;
	color: #797979
}

.filter_l li.hover {
	background: #F5F5F5;
	color: #424242
}

.filter_r {
	float: left;
	width: 70%;
	min-height: 100%;
	height: auto;
	background: #fff
}

.filter_r li {
	height: 46px;
	line-height: 46px;
	text-indent: 30px
}

.filter_r li.choosed {
	background: #33A6F2;
	color: #fff
}

.singer {
	width: 100%
}

.singer li {
	text-indent: 20px
}

#city_list .cur-selected {
	background-color: #ebf4fa
}

#city_list .cur-selected:after {
	right: 40px
}

#city_list .sub-city-box .cur-selected:after {
	right: 20px
}

.sub-city-box li,.city-group-title,.grouptitle {
	padding-left: 10px
}

.calhead-box {
	height: 48px;
	line-height: 48px;
	background: #1491c5;
	position: relative;
	text-align: center
}

.calhead-box .calhead-pad {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 48px;
	z-index: 100;
	background: #1491c5
}

.calhead-box .calhead-back {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 100%
}

.calhead-box .calhead-back:active {
	background: #005C9C
}

.calhead-box .calhead-title {
	height: 48px;
	font: 600 1.286em/ 2.7em STXihei;
	color: #fff
}

.tab_haspop {
	display: inline-block;
	width: 70%;
	margin-right: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tab_pop {
	display: none;
	position: absolute;
	z-index: 99;
	right: 0;
	top: 41px;
	width: 100%;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f2f2f2;
	color: #000
}

.tab_pop p {
	height: 35px;
	text-align: center;
	padding: 0 10px;
	font: 400 12px/ 35px Arial;
	letter-spacing: -1px
}

.tab_pop p:active {
	background-color: #30AAE8;
	color: #fff
}

.tab_by .tab_popshow i {
	border-top: 0;
	border-bottom: 5px solid #626262;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent
}

.tab_popshow .tab_pop {
	display: block
}

.blue_btn_s {
	display: block;
	margin: 10px auto;
	padding: 0 40px;
	line-height: 44px;
	background-color: #2a97e2;
	color: #fff
}

.icon_search {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: -10px 15px 0 0;
	vertical-align: middle;
	border: 2px solid #fff;
	border-radius: 14px
}

.icon_search:before {
	position: absolute;
	content: "";
	top: 14px;
	right: -5px;
	width: 4px;
	height: 8px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.right_txt,.right_bluetxt {
	float: right;
	margin-right: 24px;
	color: #999
}

.right_bluetxt {
	color: #0073c3
}

.list_st_border li:active,.p_hinttxt:active,.search_cancel:active,.citylist dd:active
	{
	background: #f8f8f8
}

.select_n:before {
	width: 20px;
	height: 20px;
	background-position: -98px -133px
}

.select_n.current:before {
	background-position: -124px -133px
}

.search_wrap {
	position: relative;
	overflow: hidden;
	padding: 10px;
	background: #dfeaf1;
	border-bottom: 1px solid #c1c1c1
}

.search_wrap input {
	background: #FFF
}

.search_box {
	position: relative;
	float: left;
	width: 100%
}

.search_input {
	width: 100%;
	height: 35px;
	padding: 0 20px 0 28px;
	background-color: #fff;
	border-radius: 4px;
	line-height: normal
}

.cont_blue .place_search {
	background: #fff
}

.fdj:before,.fdj:after,.search_box:before,.search_box:after,.place_search_box:before,.place_search_box:after
	{
	position: absolute;
	content: "";
	z-index: 9
}

.fdj:before,.search_box:before,.place_search_box:before {
	left: 6px;
	top: 50%;
	margin-top: -8px;
	width: 12px;
	height: 12px;
	border: 1px solid #bcbcbc;
	border-radius: 50%
}

.fdj:after,.search_box:after,.place_search_box:after {
	left: 20px;
	top: 50%;
	margin-top: 2px;
	width: 1px;
	height: 8px;
	background: #bcbcbc
}

.search_cancel {
	display: none;
	float: left;
	width: 20%;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	color: #1491c5;
	background: transparent;
	border: 0;
	margin-top: 2px
}

.close_icon {
	display: none;
	position: absolute;
	z-index: 10;
	top: 8px;
	right: 4px;
	width: 16px;
	height: 16px;
	border-radius: 30px;
	background: #b1b1b1
}

.close_icon:before,.close_icon:after {
	position: absolute;
	content: "";
	top: 4px;
	left: 7px;
	width: 2px;
	height: 8px;
	background: #fff
}

.close_icon:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.fdj:after,.search_box:after,.close_icon:after,.place_search_box:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.search_focus .search_box {
	width: 80%
}

.search_focus .close_icon,.search_focus .search_cancel {
	display: block
}

.search_input:focus {
	color: #000
}

.search_box.nozoom:after,.search_box.nozoom:before {
	display: none
}

.nozoom .search_input {
	padding-left: 10px
}

.js_search_opt .place_search_box {
	margin-right: 80px
}

.js_search_opt .history_close {
	display: block
}

.history_close {
	display: none;
	position: absolute;
	width: 80px;
	height: 32px;
	line-height: 32px;
	top: 7px;
	right: 0;
	font-size: 16px;
	cursor: pointer
}

.history_close .hclose {
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	color: #1491c5
}

.tab {
	background-color: #f8f8f8;
	border-bottom: 1px solid #dfdfdf
}

.tab li {
	float: left;
	width: 50%;
	height: 39px;
	line-height: 39px;
	text-align: center;
	border-right: 1px solid #dfdfdf
}

.tab li:last-child {
	border-right: 0
}

.tab li.tabcrt {
	background-color: #dfdfdf
}

.tab_b {
	background-color: #f5f5f5;
	border-bottom: 1px solid #c1c1c1;
	overflow: hidden
}

.tab_b li {
	float: left;
	width: 50%;
	height: 39px;
	line-height: 39px;
	text-align: center
}

.tab_b li:last-child {
	border-right: 0
}

.tab_b li.tabcrt {
	color: #1491c5;
	border-bottom: 4px solid #1491c5
}

.white_box {
	background: #fff
}

.white_box li {
	position: relative;
	line-height: 44px;
	overflow: hidden;
	border-bottom: 1px solid #ddd
}

.white_box label {
	display: inline-block;
	box-sizing: border-box;
	width: 90px;
	padding-left: 25px;
	font: 400 13px/ 44px "";
	color: #999
}

.list_st_border {
	background: #fff;
	border-bottom: 0;
	border: 1px solid #cfcfcf
}

.list_st_border li {
	position: relative;
	padding: 0 10px;
	line-height: 43px;
	border-bottom: 1px solid #cfcfcf
}

.list_st_border li:last-child {
	border-bottom: 0
}

.list_sli {
	padding: 10px 20px 10px 10px;
	overflow: hidden;
	border-bottom: 1px solid #cfcfcf;
	background: #fff
}

.list_sli .list_sunit {
	float: left
}

.p_grey {
	margin: 10px 5px;
	font-size: 13px;
	color: #989898
}

.p_grey_center {
	text-align: center;
	margin: 20px 5px;
	font-size: 13px;
	color: #989898
}

.p_hinttxt {
	padding: 20px 10px;
	text-align: center;
	font-size: 16px;
	color: #1491c5
}

.btn_yellow,.btn_del {
	width: 100%;
	height: 44px;
	line-height: 42px;
	padding-left: 10px;
	color: #fff;
	box-sizing: border-box
}

.btn_yellow {
	background: #ff9913
}

.btn_del {
	background: #ca4345;
	text-align: center;
	font-size: 1.2em
}

.btn_pay {
	padding: 0 20px;
	height: 44px;
	float: right;
	background: #ff7d13;
	color: #fff
}

.btn_pay:active {
	background: #ff7300
}

#dl_app {
	width: 100%;
	height: auto;
	max-height: 85px;
	min-height: 40px;
	background: rgba(0, 0, 0, .7);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.txt_middle {
	display: flex;
	align-items: center;
	display: -webkit-box;
	-webkit-box-align: center
}

#dl_app #icon_text {
	box-flex: 5;
	flex: 5;
	-webkit-box-flex: 5;
	-moz-flex: 5;
	-ms-flex: 5;
	padding: 5px;
	box-sizing: border-box
}

#dl_app #app_link {
	box-flex: 3;
	flex: 3;
	-webkit-box-flex: 3;
	-moz-flex: 3;
	-ms-flex: 3
}

#dl_app #close_icon {
	box-flex: 2;
	flex: 2;
	-webkit-box-flex: 2;
	-moz-flex: 2;
	-ms-flex: 2;
	min-width: 40px
}

#icon_text img {
	display: block
}

#app_link {
	background: rgba(45, 141, 233, 1);
	padding: 0 2%;
	margin: 5px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

#app_link img {
	display: block;
	margin: 0 auto
}

#close_icon {
	width: 14px;
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAJFBMVEX////7+/v9/f38/Pz///////8AAAD7+/v9/f38/Pz5+fn///8Qx3UMAAAAB3RSTlMGrqerA1QAkV5UdwAAAINJREFUeNpt0DsOxDAMA1H6JzvR/e+7cCEQgyzbV3EUs6/4s9VnaLZ8rbY329TILKVlDq3HSnuWAgoLBRR20Uq7aKUVWm2FVpvRWma07l1mtJYVWs+1YwPuixuI72wl2DlQsZlrGP0dKhpVNKpoVNGosn1Vtq+qw6BdajZqk0KjjDoUP38iFa1PkZEuAAAAAElFTkSuQmCC)
		center center no-repeat;
	background-size: 14px 14px
}

@media screen and (max-width:640px) {
	#icon_text img,#app_link img {
		width: 90%
	}
}

.hyb_detail_pub {
	border: #cfcfcf 1px solid;
	background-color: #fff
}

.hyb_detail_lines {
	border-bottom: #cfcfcf 1px solid
}

.hyb_detail_pub .hd {
	background-color: #f5f5f5;
	font-size: 15px;
	padding: 5px 10px;
	color: #686868
}

.hyb_detail_pub .hd .l_tit {
	float: right;
	line-height: 22px;
	color: #262626
}

.hyb_detail_pub .hd .r_tit {
	color: #ff9913;
	font-size: 15px
}

.hyb_detail_pub .hd .r_tit dfn {
	margin: 0 4px
}

.hyb_detail_pub .mod {
	position: relative;
	overflow: hidden;
	padding: 10px
}

.hyb_detail_pub .mod dt {
	color: #686868;
	float: left
}

.hyb_detail_pub .mod .hm {
	padding: 15px 0 10px
}

.hyb_detail_pub .mod dd {
	padding-left: 75px;
	word-break: break-all
}

.hyb_detail_pub .mod.pad_left30 dd,.hyb_detail_pub .mod.pad_left30 th {
	padding-left: 25px;
	line-height: 20px
}

.hyb_detail_pub .mod.pad_left30 th {
	text-align: left;
	font-weight: 400;
	vertical-align: top
}

.hyb_cancel {
	border: #cfcfcf 1px solid;
	padding: 7px 29px;
	color: #686868;
	margin-left: -1px
}

.hyb_cancel em {
	color: #c4c4c4
}

.hyb_time {
	color: #ff9913;
	margin-right: 5px;
	font-weight: 700;
	display: inline-block
}

.hyb_time b {
	font-size: 12px;
	margin-left: 2px
}

.hyb_cblue {
	color: #1491c5
}

.hyb_cgray2 {
	color: #686868
}

.sjblue {
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: solid;
	display: inline-block;
	vertical-align: bottom;
	border-color: #1491c5 transparent transparent;
	margin-left: 5px
}

.sjblue_bottom {
	border-color: transparent transparent #1491c5;
	vertical-align: top
}

.hyb_meal {
	margin: -2px 0 1px;
	line-height: 18px;
	color: #949494
}

.succeed_icon {
	position: absolute;
	left: 0;
	top: -5px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: 4px solid #12b319
}

.succeed_icon:before,.succeed_icon:after {
	position: absolute;
	content: "";
	width: 4px;
	background: #12b319
}

.succeed_icon:before {
	left: 14px;
	top: 20px;
	height: 15px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.succeed_icon:after {
	left: 26px;
	top: 10px;
	height: 25px;
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg)
}

.checkbox_wrap_b i {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background: #e8e8e8;
	border: 1px solid #e8e8e8
}

.checkbox_wrap_b i:before,.checkbox_wrap_b i:after {
	position: absolute;
	content: "";
	top: 9px;
	left: 1px;
	width: 8px;
	height: 4px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.checkbox_wrap_b i:after {
	top: 7px;
	left: 4px;
	width: 16px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.checkbox_b_checked i {
	background: #15a4d5;
	border: 1px solid #15a4d5
}

.checkbox_wrap_c i {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #a9a9a9;
	border-radius: 50%
}

.checkbox_c_checked i:before,.checkbox_c_checked i:after {
	position: absolute;
	content: "";
	top: 8px;
	left: 2px;
	width: 8px;
	height: 2px;
	background: #099fde;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.checkbox_c_checked i:before {
	z-index: 9
}

.checkbox_c_checked i:after {
	top: 5px;
	left: 6px;
	width: 16px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-box-shadow: 0 -2px 0 #fff, 0 2px 0 #fff;
	-moz-box-shadow: 0 -2px 0 #fff, 0 2px 0 #fff;
	-ms-box-shadow: 0 -2px 0 #fff, 0 2px 0 #fff
}

.checkbox_c_checked i {
	border: 1px solid #099fde
}

.checkbox_wrap_bs i {
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	background:
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABGCAMAAADsM9QKAAAAh1BMVEUAAADIyMjIyMgJn97IyMiUvM/IyMgJn94Jn97IyMhBqdnIyMgJn97IyMjIyMgJn97IyMjIyMjIyMjIyMgJn94Jn97IyMjIyMgJn97IyMgJn94Jn97IyMgJn97IyMgJn94Jn94Jn94Jn97IyMjIyMjIyMgJn94Jn97IyMjIyMgJn94Jn97IyMg4XcAPAAAAK3RSTlMAvmyzmAHlgI+DB0dEN+9OL1IP+G/uP7tZ1d2YXzWjzqhhFSV5kCW7x9+Uh2fcQQAAAYtJREFUSMft0/t2ojAQx/GfKCxEFEEu9d710trNvP/z7QzbmLXJvEBPv39x8hEzHALwu7PRtgeA1SrlBmWLji9+RSpxfrUdrN0hWsX/UDLnMTQ71gMUftuOqnBpuRIKt6IVTJTTXLSFmXp+S52aV9EdsLOO09a+nz91KnoyvIPjVG7oDl7tGZg+GC9WalP5oRvas/Pp+Y+VcjyzuG9rAv7fDwgZldMcIXvvTIS9v0BhlKynVGXxEhqLn6CyZAJWztq7sHpSc55SP+dSxax/JRV++obVG4p3HZWUsh71Hh9Es2sRliC90RpER0RbZEQ18yyqBRH1UPhyZ51D4T5jraHwnrg9FL6KFsB8/2DzPJQ8TrMsHBf3hdOZ6EeDZkLJP24GXkmcShegJ8crkmaG9UZurPmDsVgTd7+M+8rKEztfHkfNmi8sO/nmCBirpdMjQva+biLs9pe1kP39GxNh7zVUxoKWUFm8DvimnLVPHhqkLuBxkYw84WGHSdAgL3EFrNakVYDrhyzaJkmBv59YbTThs9ZeAAAAAElFTkSuQmCC")
		no-repeat 0 -21px;
	background-size: 15px 35px
}

.checkbox_bs_checked i {
	background-position: 0 0
}

.g_btn_s {
	color: #FFF;
	font-size: 18px;
	width: 100%;
	height: 44px;
	line-height: 44px;
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto;
	text-align: center;
	background-color: #ff9a14;
	-webkit-tap-highlight-color: #ff8c00
}

.g_btn_s.g_btns_disable {
	background-color: #cdcdcd
}

.cui-i:before {
	position: absolute;
	content: ""
}

.cui-i,.cui-i:before {
	background: url(//pic.c-ctrip.com/h5/common/cui_img.png);
	background-size: 200px 71px
}

.cui-mask {
	background: rgba(0, 0, 0, .5);
	z-index: 2000
}

.cui-warning-mask {
	background: #f5f5f5
}

.cui-layer {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 2100;
	border-radius: 10px;
	padding: 5px
}

.cui-alert {
	position: fixed;
	left: 50%;
	top: 50%;
	padding: 1px
}

.cui-alert-padding {
	padding: 0 0 10px;
	background: #fff;
	overflow: hidden
}

.cui-alert-title {
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	background: #0073C3;
	text-indent: 10px
}

.cui-alert-content {
	padding: 10px 0
}

.cui-alert-buttons {
	text-align: center
}

.cui-originselect {
	position: absolute;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 0
}

.cui-originselect .cui-option {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	border-bottom: 1px solid #ccc
}

.cui-originselect .cui-option-selected {
	background: #aaa
}

.cui-select-fullscreen {
	border: 0;
	text-align: center
}

.cui-view.cui-originselect.cui-select-fullscreen {
	z-index: 10000 !important
}

.cui-select-fullscreen .cui-select-title {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #efefef
}

.cui-calendar {
	background: #f3f3f3
}

.clahead {
	display: none
}

.calmonth {
	width: 100%;
	margin-bottom: 20px;
	font-family: Verdana;
	font-size: 12px
}

.calmonth .clatitle th {
	font: 400 16px/ 2 "";
	background: #fff
}

.calmonth .clarow {
	background: #fff
}

.clarow td {
	height: 45px;
	padding: 4px 0;
	text-align: center;
	overflow: hidden;
	background-color: #f3f3f3
}

.clarow td.valid {
	background-color: #fff
}

.valid i,.invalid i {
	display: block;
	font-weight: 400;
	font-size: 12px
}

.calmonth .clarow td.selected {
	background: #06a2d0;
	color: #fff
}

.calmonth_nocurrent {
	color: #fff;
	background: #fff
}

.cui-slide {
	width: 100%;
	height: 100%;
	position: relative
}

.cui-slide-imgsouter {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

.cui-slide-imgsinter {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.cui-slide-img-item {
	height: 100%;
	overflow: hidden;
	float: left;
	display: table;
	background: #e4e4e4
}

.cui-slide-img-item a {
	display: table-cell;
	vertical-align: middle
}

.cui-slide-img-item img {
	width: 100%
}

.cui-slide-nav {
	height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center
}

.cui-slide-nav-item {
	overflow: hidden;
	width: 8px;
	height: 8px;
	background: rgba(255, 255, 255, .6);
	float: left;
	margin: 0 5px;
	border-radius: 50%
}

.cui-slide-nav-padding {
	display: inline-block;
	overflow: hidden;
	height: 100%
}

.cui-slide-nav-item-current {
	background: rgba(9, 159, 222, 1)
}

.cui-slide-img-item-empey {
	position: relative;
	background: #f5f5f5 url(//pic.c-ctrip.com/h5/common/roomPic.png)
		no-repeat center center
}

.cui-slide-img-item-empey:after {
	position: absolute;
	content: '';
	width: 100%;
	text-align: center;
	top: 45%
}

.cui-toast .cui-layer-padding {
	width: 220px;
	line-height: 24px;
	border-radius: 5px;
	background: rgba(0, 0, 0, .7);
	padding: 10px 15px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	word-break: break-all
}

.cui-Mask {
	display: none;
	background: rgba(0, 0, 0, .5)
}

.cui-alert {
	max-width: 500px;
	width: 95%
}

.cui-close {
	display: none;
	font-family: Arial;
	height: 1.2em;
	line-height: 1.2em;
	width: 1.2em;
	font-size: 14px;
	overflow: hidden;
	border-radius: 1em;
	text-align: center;
	background: #ccc;
	cursor: pointer;
	right: -.5em;
	top: -.5em
}

.cui-alert-title {
	text-align: center;
	height: 3em;
	line-height: 3em;
	background: #0073C3;
	color: #fff
}

.cui-alert-content {
	margin: 0 20px;
	padding: 25px 0;
	font-weight: 700;
	line-height: 150%;
	text-align: center
}

.cui-alert-button-box {
	text-align: center;
	padding-bottom: 15px
}

.cui-alert-button {
	height: 44px;
	line-height: 44px;
	border: 0;
	background: #31A9E9;
	width: 40%;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	margin: 0 .5em;
	display: inline-block;
	-webkit-appearance: none;
	border-radius: 0
}

.cui-alert-button:hover {
	background: #005C9C
}

.cui-alert-tbg {
	background: #000;
	opacity: .5;
	border-radius: 4px;
	display: none
}

.cui-alert-conbox {
	margin: 10px;
	background: #fff;
	position: relative;
	overflow: hidden
}

.cui-layer {
	color: #eee;
	border-radius: 10px
}

.head-warning-top {
	width: 100%
}

.head-warning-header {
	height: 48px;
	background: #1491c5;
	position: relative
}

.head-warning-header .returnico:active {
	opacity: .7
}

.head-warning-header-title {
	text-align: center;
	font: 600 1.286em/ 2.75 STXihei;
	color: #fff
}

.head-warning-content-icon {
	text-align: center
}

.head-warning-content-title {
	text-align: center;
	font-size: 12px
}

.main-frame {
	min-width: 240px;
	height: 100%
}

.main-viewport {
	position: relative;
	height: 100%
}

.sub-viewport {
	position: relative;
	overflow-x: hidden;
	min-height: 100%
}

@
-webkit-keyframes sliderightout {
	from {-webkit-transform: translateX(0px);
	opacity: 1
}

to {
	-webkit-transform: translateX(50%);
	opacity: 0
}

}
@
-webkit-keyframes slideleftin {
	from {-webkit-transform: translateX(-50%);
	opacity: 0
}

to {
	-webkit-transform: translateX(0px);
	opacity: 1
}

}
@
-webkit-keyframes slideleftout {
	from {-webkit-transform: translateX(0px);
	opacity: 1
}

to {
	-webkit-transform: translateX(-50%);
	opacity: 0
}

}
@
-webkit-keyframes sliderightin {
	from {-webkit-transform: translateX(50%);
	opacity: 0
}

to {
	-webkit-transform: translateX(0px);
	opacity: 1
}

}
@
-moz-keyframes sliderightout {
	from {-moz-transform: translateX(0px);
	opacity: 1
}

to {
	-moz-transform: translateX(50%);
	opacity: 0
}

}
@
-moz-keyframes slideleftin {
	from {-moz-transform: translateX(-50%);
	opacity: 0
}

to {
	-moz-transform: translateX(0px);
	opacity: 1
}

}
@
-moz-keyframes slideleftout {
	from {-moz-transform: translateX(0px);
	opacity: 1
}

to {
	-moz-transform: translateX(-50%);
	opacity: 0
}

}
@
-moz-keyframes sliderightin {
	from {-moz-transform: translateX(50%);
	opacity: 0
}

to {
	-moz-transform: translateX(0px);
	opacity: 1
}

}
@
keyframes sliderightout {
	from {transform: translateX(0px);
	opacity: 1
}

to {
	transform: translateX(50%);
	opacity: 0
}

}
@
keyframes slideleftin {
	from {transform: translateX(-50%);
	opacity: 0
}

to {
	transform: translateX(0px);
	opacity: 1
}

}
@
keyframes slideleftout {
	from {transform: translateX(0px);
	opacity: 1
}

to {
	transform: translateX(-50%);
	opacity: 0
}

}
@
keyframes sliderightin {
	from {transform: translateX(50%);
	opacity: 0
}

to {
	-webkit-transform: translateX(0px);
	opacity: 1
}

}
.slideleftout {
	-webkit-animation: slideleftout 350ms ease-in-out;
	-moz-animation: slideleftout 350ms ease-in-out;
	animation: slideleftout 350ms ease-in-out
}

.slideleftin {
	-webkit-animation: slideleftin 350ms ease-in-out;
	-moz-animation: slideleftin 350ms ease-in-out;
	animation: slideleftin 350ms ease-in-out
}

.sliderightout {
	-webkit-animation: sliderightout 350ms ease-in-out;
	-moz-animation: sliderightout 350ms ease-in-out;
	animation: sliderightout 350ms ease-in-out
}

.sliderightin {
	-webkit-animation: sliderightin 350ms ease-in-out;
	-moz-animation: sliderightin 350ms ease-in-out;
	animation: sliderightin 350ms ease-in-out
}

.animatestart {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	overflow-x: hidden
}

.animatestart.sub-viewport {
	overflow-x: hidden;
	-webkit-backface-visibility: hidden;
	background-color: #f5f5f5
}

.cui-select-title-box {
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	background: #1491c5;
	position: relative
}

.cui-select-fullscreen .cui-select-title-box .cui-select-title {
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	font-weight: 700;
	color: #fff
}

.cui-select-title-box .cui-select-title-leftback {
	height: 100%;
	width: 68px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: #15a4d5
}

.cui-select-title-box .cui-select-title-leftback:active {
	opacity: .7
}

.cui-originselect-fixed-title {
	width: 100%;
	text-align: right
}

.cui-input-error {
	background: #fffaeb
}

.cui-history {
	background: #fff
}

.cui-history .cui-history-border {
	border: 1px solid #ccc
}

.cui-history .cui-history-list li {
	height: 40px;
	line-height: 40px;
	padding: 0 10px
}

.cui-history .cui-history-list li.item {
	border-bottom: 1px solid #efefef
}

.clear-input {
	display: none;
	position: absolute;
	z-index: 10;
	top: 0 !important;
	right: 0 !important;
	width: 30px;
	height: 100%
}

.clear-input span {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 30px;
	top: 50% !important;
	left: 50%;
	margin: -8px 0 0 -8px;
	background: #b1b1b1
}

.clear-input span:before,.clear-input span:after {
	position: absolute;
	content: "";
	top: 4px;
	left: 7px;
	width: 2px;
	height: 8px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.clear-input span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.clear-input-box {
	position: relative
}

.cui_cldwrap {
	padding-top: 25px;
	color: #585858
}

.cui_cldwrap_h {
	padding-top: 40px
}

.cui_cldmsg {
	padding: 0 10px;
	line-height: 15px
}

.cui_cldweek {
	position: fixed;
	z-index: 2;
	top: 48px;
	left: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	font: 400 12px/ 24px verdana;
	border-bottom: 1px solid #c8c8c8;
	background: #f7f7f7
}

.cui_cldweek_top0 {
	top: 0
}

.cui_cldweek li {
	float: left;
	width: 14%;
	text-align: center
}

.cui_cldweek li:first-child,.cui_cldweek li:last-child {
	width: 15%;
	color: #ff902d
}

.cui_cldmonth {
	height: 40px;
	text-align: center;
	font: 400 16px/ 50px verdana;
	background: #fff
}

.cui_cldunit {
	margin-bottom: 14px
}

.cui_cld_daybox {
	overflow: hidden;
	background: #fff
}

.cui_cld_daybox li {
	float: left;
	width: 14%;
	height: 40px;
	padding: 4px 0;
	font: 400 14px/ 45px verdana;
	overflow: hidden;
	text-align: center
}

.cui_cld_daybox
 
li
:nth-of-type
(7n)
,
.cui_cld_daybox
 
li
:nth-of-type
(7n
+
1){
width
:
15%;color
:
#ff902d
}
.cui_cld_dayfuture {
	background: #fff
}

.cui_cld_day_nocrtmonth {
	visibility: hidden
}

.cui_cld_day_havetxt em,.cui_cld_nopro em,.cui_cld_haspro em,.cui_cld_daycrt em
	{
	display: block;
	line-height: 20px;
	font-size: 12px
}

.cui_cld_day_havetxt i,.cui_cld_nopro i,.cui_cld_haspro i,.cui_cld_daycrt i
	{
	display: block;
	line-height: 15px;
	font-size: 11px
}

.cui_cld_daycrt.cui_cld_daycrt_sl em {
	line-height: inherit
}

.cui_spandate {
	line-height: 22px;
	display: block
}

.cui_cld_daybox li.cui_cld_day_hint {
	color: #06a2d0
}

.cui_cld_daybox li.cui_cld_daypass {
	color: #cfcfcf !important
}

.cui_cld_daycrt {
	background: #06a2d0;
	color: #fff !important
}

.cui-full-views {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .35);
	top: 0;
	left: 0
}

.cui-pop-box {
	background: #fff;
	width: 280px;
	margin: auto;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
	z-index: 9999
}

.cui-text-center {
	text-align: center
}

.cui-grayc {
	color: #878787
}

.cui-pop-box .cui-hd {
	height: 40px;
	line-height: 40px;
	font-size: 1.2em;
	color: #fff;
	background: #099fde;
	padding: 0 10px;
	position: relative
}

.cui-pop-box .cui-hd .lab-close-area {
	position: absolute;
	width: 50px;
	height: 100%;
	right: 0;
	top: 0
}

.cui-pop-box .cui-hd .cui-top-close {
	width: 40px;
	height: 40px;
	float: right;
	line-height: 40px;
	color: transparent;
	text-align: center;
	font-weight: 700;
	position: relative
}

.cui-pop-box .cui-hd .cui-top-close:before,.cui-pop-box .cui-hd .cui-top-close:after
	{
	width: 2px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -1px;
	background: #fff;
	content: ""
}

.cui-pop-box .cui-hd .cui-top-close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.cui-pop-box .cui-hd .cui-top-close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.cui-pop-box .cui-flex2 {
	min-width: 150px;
	max-width: 150px
}

.cui-select-view li {
	border-bottom: #dfdfdf 1px solid;
	padding: 1em 2em 1em 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative
}

.cui-select-view li.current {
	color: #1084bc
}

.cui-select-view li:active {
	background: rgba(0, 0, 0, .05)
}

.cui-select-view li.current:before,.cui-select-view li.current:after {
	position: absolute;
	content: "";
	background: #1084bc;
	height: 3px;
	top: 50%;
	border-radius: 3px
}

.cui-select-view li.current:before {
	width: 18px;
	right: 10px;
	margin-top: -2px;
	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	transform: rotate(-50deg)
}

.cui-select-view li.current:after {
	width: 9px;
	right: 22px;
	margin-top: 2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.cui-bd {
	color: #000
}

.cui-roller,.cui-roller-btns {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%
}

.cui-roller-bd,.cui-roller-btns .cui-flexbd {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.cui-roller {
	width: 100%;
	overflow: hidden;
	position: relative
}

.cui-flex2 {
	-webkit-box-flex: 2.5;
	-moz-box-flex: 2.5;
	-webkit-flex: 2.5;
	-ms-flex: 2.5;
	flex: 2.5
}

.cui-roller .ul-list {
	height: 100%;
	text-align: center;
	font-size: 1.2em;
	z-index: 2
}

.cui-roller .ul-list li.current {
	font-size: 1.3255em;
	color: #099fde
}

.cui-roller .ul-list li {
	height: 44px;
	line-height: 44px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.cui-mask-gray {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(#fff 0, rgba(245, 245, 245, 0) 52%,
		rgba(245, 245, 245, 0) 48%, #fff 100% );
	background: -webkit-gradient(linear, left bottom, left top, from(#fff),
		color-stop(0.52, rgba(245, 245, 245, 0) ),
		color-stop(0.48, rgba(245, 245, 245, 0) ), to(#fff) );
	background: -webkit-linear-gradient(#fff 0, rgba(245, 245, 245, 0) 52%,
		rgba(245, 245, 245, 0) 48%, #fff 100% );
	background: -moz-linear-gradient(#fff 0, rgba(245, 245, 245, 0) 52%,
		rgba(245, 245, 245, 0) 48%, #fff 100% )
}

.cui-lines {
	width: 100%;
	height: 44px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -23px;
	border-top: #dfdfdf 1px solid;
	border-bottom: #dfdfdf 1px solid
}

.cui-h-font,.cui-m-font {
	font-size: .67em
}

.cui-roller-tips {
	color: #8d8d8d;
	padding: 5px;
	text-align: center
}

.cui-error-tips {
	color: #000;
	padding: 20px;
	text-align: center
}

.cui-roller-btns {
	background: #fff;
	border-top: 1px solid #bcbcbc;
	line-height: 18px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.cui-roller-btns .cui-flexbd {
	padding: 12px 0;
	color: #099fde
}

.cui-roller-btns a {
	color: #099fde
}

.cui-roller-btns .cui-flexbd:active {
	opacity: .75
}

.cui-roller-btns .cui-flexbd:nth-of-type (2){
	border-left: 1px solid rgba(0, 0, 0, 0.3)
}

.cui-roller-btns .cui-btns-strike {
	font-weight: bold
}

.cui-roller-btns .cui-btns-warning {
	color: #f00
}

.cui-roller-btns .cui-btns-disabled {
	color: #999
}

.cui-load-error {
	width: 100%;
	margin: auto;
	word-break: break-all;
	text-align: center;
	margin-top: 85px
}

.cui-wifi {
	width: 68px;
	height: 69px;
	position: relative;
	margin: 0 auto 5px;
	background-position: 0 0
}

.cui-exclam:before,.cui-exclam:after {
	position: absolute;
	content: ""
}

.cui-exclam:before {
	width: 10px;
	height: 31px;
	top: 12px;
	left: 50%;
	margin-left: -5px;
	background: #626262;
	border-radius: 5px
}

.cui-exclam:after {
	width: 10px;
	height: 10px;
	bottom: 11px;
	left: 50%;
	margin-left: -5px;
	background: #626262;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.cui-load-fail {
	margin: 78px 15px
}

.cui-fail-icon {
	width: 38px;
	height: 38px;
	background: url(//pic.c-ctrip.com/h5/common/comm_bg.png) no-repeat;
	background-size: 242px 260px;
	background-position: 0 -178px;
	margin-bottom: 10px
}

.cui-fail-icon:before {
	display: none
}

.cui-btns-retry {
	display: inline-block;
	margin-top: 15px;
	background: #ff9913;
	line-height: 44px;
	color: #fff;
	width: 100%;
	font-size: 16px;
	border-radius: 4px;
	border: 1px solid #fff
}

.cui-btns-retry:active {
	background-color: #e08000
}

.cui-glines {
	border-bottom: #dfdfdf 1px solid;
	margin: 15px auto
}

.cui-btns-tel {
	width: 100%;
	font-size: 16px;
	display: inline-block;
	background-color: #fff;
	color: #099fde;
	border: 1px solid #dbdbdb;
	line-height: 44px;
	border-radius: 4px;
	margin-top: 15px;
	text-decoration: none
}

.cui-btns-tel:active {
	background-color: #e6e6e6
}

.cui-breaking-load {
	width: 80px;
	height: 70px;
	border-radius: 5px;
	background: rgba(0, 0, 0, .7);
	margin: auto;
	position: relative;
	z-index: 9999
}

.cui-w-loading {
	position: absolute;
	width: 48px;
	height: 48px;
	left: 50%;
	top: 50%;
	margin: -24px 0 0 -24px;
	background-position: -76px 0
}

.cui-m-logo {
	position: absolute;
	width: 24px;
	height: 28px;
	left: 50%;
	top: 50%;
	z-index: 9;
	margin: -15px 0 0 -12px;
	background-position: -132px 0
}

.cui-w-loading,.cui-pro-radius {
	-webkit-animation: cui-loading 1.58s linear infinite;
	-moz-animation: cui-loading 1.58s linear infinite;
	-ms-animation: cui-loading 1.58s linear infinite;
	animation: cui-loading 1.58s linear infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	opacity: 0
}

.cui-b-loading {
	-webkit-animation: cui-loading 1.58s linear infinite;
	-moz-animation: cui-loading 1.58s linear infinite;
	-ms-animation: cui-loading 1.58s linear infinite;
	animation: cui-loading 1.58s linear infinite;
	-webkit-transform-origin: 47% 49%;
	-moz-transform-origin: 47% 49%;
	-ms-transform-origin: 47% 49%;
	transform-origin: 47% 49%;
	opacity: 0
}

@
-webkit-keyframes cui-loading { 0%{
	opacity: 1;
	-webkit-transform: rotate(0deg)
}

100%{
opacity
:
1;-webkit-transform
:rotate
(360deg)
}
}
@
-moz-keyframes cui-loading { 0%{
	opacity: 1;
	-moz-transform: rotate(0deg)
}

100%{
opacity
:
1;-moz-transform
:rotate
(360deg)
}
}
@
-ms-keyframes cui-loading { 0%{
	opacity: 1;
	-ms-transform: rotate(0deg)
}

100%{
opacity
:
1;-ms-transform
:rotate
(360deg)
}
}
@
keyframes cui-loading { 0%{
	opacity: 1;
	transform: rotate(0deg)
}

100%{
opacity
:
1;transform
:rotate
(360deg)
}
}
.cui-zl-load {
	width: 110px;
	margin: 5px auto;
	position: relative
}

.cui-zl-load p {
	padding-left: 10px;
	color: #878787;
	overflow: hidden
}

.cui-b-loading {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	background-position: -182px 0
}

.cui-mb-logo {
	width: 12px;
	height: 12px;
	float: left;
	margin: 5px 0 0 5px;
	background-position: -166px 0
}

.cui-img-default {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin: auto;
	background: #7a7a7a;
	color: #fff
}

.cui-pro-load {
	width: 18px;
	height: 18px;
	position: absolute;
	right: 38px;
	top: 50%;
	margin-top: -9px
}

.cui-pro-radius {
	width: 18px;
	height: 18px;
	border-left: #c5c5c5 1px solid;
	display: block;
	border-bottom: #c5c5c5 1px solid;
	border-radius: 50%
}

.cui-pro-logo {
	width: 12px;
	height: 13px;
	display: block;
	margin: -16px 0 0 3px;
	background-position: -74px -58px
}

.cui-money-tips {
	padding: 15px 10px 10px;
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto
}

.cui-money-tips li {
	color: #000
}

.cui-money-tips i {
	color: #686868;
	font-size: 16px
}

.cui-money-tips em {
	width: auto;
	float: right
}

.cui-money-tips dfn {
	font-size: 12px;
	margin: 0 2px 0 4px
}

.cui-money-tips p {
	color: #a7a9ac
}

.cui-money-tips p span {
	width: 75%;
	display: inline-block
}

.cui-money-tips .border_bot {
	border-bottom: #dfdfdf 1px solid;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #686868
}

.cui-money-tips .t_r {
	text-align: right;
	padding-top: 5px
}

.cui-money-tips .t_r b {
	font-size: 16px;
	color: #ff9913
}

.cui-item-img {
	background: #7a7a7a;
	text-align: center;
	position: relative
}

.cui-item-img .cui-item-imgbg {
	width: 60px;
	height: 12px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -6px 0 0 -30px
}

.nomore {
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #999
}

.cui-grayload-text {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -75px;
	width: 150px;
	font-size: 16px;
	text-align: center;
	background: rgba(0, 0, 0, .7);
	color: #fff;
	border-radius: 5px;
	z-index: 99
}

.cui-grayload-close {
	width: 42px;
	height: 42px;
	float: right
}

.cui-grayload-close:before,.cui-grayload-close:after {
	position: absolute;
	content: "";
	width: 15px;
	height: 2px;
	top: 15px;
	right: 10px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.cui-grayload-close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.cui-grayload-text .cui-w-loading {
	top: 10px;
	margin-top: 0
}

.cui-grayload-text .cui-m-logo {
	top: 20px;
	margin-top: 0
}

.cui-grayload-bfont {
	margin: 70px 0 6px
}

.cui-switch {
	position: relative;
	width: 44px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 24px;
	background-color: #ccc;
	cursor: pointer;
	-webkit-transition: 200ms background-color ease-in;
	-moz-transition: 200ms background-color ease-in;
	transition: 200ms background-color ease-in
}

.cui-switch.current {
	background-color: #099fde
}

.cui-switch .cui-switch-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 24px;
	border-radius: 24px;
	background-color: #ccc;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1);
	transform-origin: center center;
	-webkit-transition: 200ms -webkit-transform ease-in;
	-moz-transition: 200ms -moz-transform ease-in;
	transition: 200ms transform ease-in
}

.cui-switch .cui-switch-bg.current {
	width: 44px;
	height: 24px;
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	transform: scale(0, 0)
}

.cui-switch .cui-switch-scroll {
	position: absolute;
	top: 1px;
	left: 1px;
	right: 21px;
	height: 22px;
	border-radius: 22px;
	background-color: #fff;
	-webkit-transition: 200ms width ease-in, 200ms left ease-in, 200ms right
		ease-in;
	-moz-transition: 200ms width ease-in, 200ms left ease-in, 200ms right
		ease-in;
	transition: 200ms width ease-in, 200ms left ease-in, 200ms right ease-in
}

.cui-switch.current .cui-switch-scroll {
	left: 21px;
	right: 1px
}

.cui-switch .cui-switch-scroll.wide {
	left: 2px;
	right: 14px
}

.cui-switch.current .cui-switch-scroll.wide {
	left: 14px;
	right: 1px
}

.cui-number-ma {
	min-width: 100px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	position: relative;
	border: silver 1px solid;
	background: #fff;
	display: inline-block
}

.cui-number-ma i {
	width: 50px;
	height: 44px;
	position: absolute;
	top: -7px
}

.cui-number-ma i:after {
	color: #fff;
	text-align: center;
	width: 32px;
	height: 29px;
	position: absolute;
	background: #099fde
}

.cui-number-ma i.num-minus {
	left: -10px;
	font: 400 2.8em/ 25px Arial
}

.cui-number-ma i.num-add {
	right: -10px;
	font: 400 2.2em/ 29px Arial
}

.cui-number-ma i.num-minus:after {
	content: "-";
	left: 10px;
	top: 7px
}

.cui-number-ma i.num-add:after {
	content: "+";
	right: 10px;
	top: 7px
}

.cui-number-ma i.num-invalid:after {
	color: #d9d9d9;
	background: #f4f4f4
}

.cui-number-ma .num-value-txt {
	width: 33px;
	height: 100%;
	padding: 0;
	color: #000;
	margin: 0 33px;
	text-align: center
}

.cui-number-ma .num-value-txt:disable {
	color: #000
}

.cui-citys-hd {
	background: #e6f1f7;
	padding: 8px 10px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.cui-citys-hd .cui-input-bd {
	position: relative
}

.cui-citys-hd .cui-btn-cancle {
	display: none
}

.cui-citys-hd.cui-input-focus .cui-input-bd {
	width: 80%;
	float: left
}

.cui-citys-hd.cui-input-focus .cui-btn-cancle {
	width: 18%;
	float: left;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
	color: #1491C5;
	background: rgba(0, 0, 0, 0);
	border: 0;
	display: block
}

.cui-citys-hd .cui-input-bd:before,.cui-citys-hd .cui-input-bd:after {
	position: absolute;
	content: ""
}

.cui-citys-hd .cui-input-bd:before {
	width: 12px;
	height: 12px;
	left: 6px;
	top: 6px;
	border: 1px solid #999;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.cui-citys-hd .cui-input-bd:after {
	width: 1px;
	height: 8px;
	left: 20px;
	top: 16px;
	background: #999;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.cui-citys-hd .cui-input-box {
	width: 100%;
	height: 28px;
	line-height: normal;
	display: inline-block;
	padding: 0 60px 0 28px;
	background-color: #FFF;
	border-radius: 20px
}

.cui-focus-close {
	color: #999;
	position: absolute;
	top: 50%;
	right: 0;
	margin: -17px 0 0 0;
	width: 40px;
	height: 34px;
	line-height: 30px;
	text-align: center;
	font: 700 22px/ 1.7 sans-serif
}

.cui-citys-hd .cui-input-box::-webkit-input-placeholder {
	color: #ccc
}

.cui-arrow-close .cui-city-n {
	display: none
}

.cui-arrow-close .cui-city-t:before,.cui-arrow-close .cui-city-t:after,.cui-arrow-open .cui-city-t:before,.cui-arrow-open .cui-city-t:after
	{
	float: right;
	content: "";
	width: 2px;
	height: 10px;
	background-color: #aaa;
	margin: 5px 4px 0 0
}

.cui-arrow-close .cui-city-t:before,.cui-arrow-open .cui-city-t:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.cui-arrow-close .cui-city-t:after,.cui-arrow-open .cui-city-t:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.cui-city-itmes .cui-city-t {
	color: #666;
	background-color: #efefef;
	border-bottom: #bcbcbc 1px solid;
	line-height: 20px;
	padding: 5px 10px;
	display: block
}

.cui-city-itmes .cui-city-n {
	background-color: #fff
}

.cui-city-itmes .cui-city-n li {
	border-bottom: #bcbcbc 1px solid;
	font-size: 15px;
	line-height: 20px;
	padding: 10px 30px 10px 10px;
	word-break: break-all;
	color: #000
}

.cui-city-itmes .cui-city-n li.current {
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAMAAAA+9+1qAAAAP1BMVEUAAAAJn94Jn94Jn94Jn94Jn94Jn94Jn94Jn94Jn94Jn94Jn94Jn94Jn94Jn94Jn94Jn94Jn94Jn94Jn94Jn95q8vaOAAAAFHRSTlMAw8/cp5q2BxEDG4zwf3BbSzbmJoL/OqMAAACpSURBVDjLhdNZDoQgEEXRVpkRB6j9r7UtEgK27av60xwCyYWPNGVyogkrzVYwbiEiI5iZrjmgsRObHRpv2Gx4M8UmYhPZaGwSG+Wh2dgYC83OZsbmYLO4YdHTn2zyYBIp/8+s4XbAX1WIpwx/NDU1hL/mbJ9d6Vv4Z1SvqgLhe0cthLdVRRC+L48tfEK3KwnhbT1upUq4zWJ4t1APjxWHxypTDvJrnV7MF34yDmacQrD2AAAAAElFTkSuQmCC)
		97% center no-repeat;
	background-size: 18px 14px
}

.cui-city-associate li {
	background: #fff;
	border-bottom: #bcbcbc 1px solid;
	font-size: 15px;
	line-height: 20px;
	padding: 10px 30px 10px 10px;
	word-break: break-all;
	color: #000
}

.cui-btn-history {
	width: 95%;
	color: #099fde;
	border: #dbdbdb 1px solid;
	padding: 8px;
	background: #fff;
	border-radius: 3px;
	display: block;
	margin: 20px auto;
	font-size: 15px
}

.cui-city-novalue {
	color: #cdcdcd;
	text-align: center;
	font-size: 15px;
	padding: 20px;
	line-height: 20px
}

.cui-tab-mod {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 43px;
	line-height: 43px;
	border-bottom: #bcbcbc 1px solid;
	background-color: #fafafa;
	color: #666;
	font-size: 15px;
	position: relative;
	display: table\9;
	width: 100%
}

.cui-tab-mod li {
	text-align: center;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: table-cell\9
}

.cui-tab-mod li.cui-tab-current {
	color: #099fde
}

.cui-tab-mod .cui-tab-scrollbar {
	position: absolute;
	left: 0;
	height: 4px;
	bottom: -1px;
	background-color: #099fde;
	-webkit-transition: -webkit-transform 300ms ease-in-out;
	-moz-transition: -moz-transform 300ms ease-in-out;
	-ms-transition: -ms-transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out;
	z-index: -1
}

.cui-tabnum2 {
	width: 50%
}

.cui-tabnum3 {
	width: 33.33333%
}

.cui-tabnum4 {
	width: 25%
}

.cui-tabnum5 {
	width: 20%
}

.cui-tabnum6 {
	width: 16.66666%
}

.cui-tab-mod li.cui-tab-current ~.cui-tab-scrollbar {
	z-index: 2
}

.cui-tab-mod li:nth-of-type (1).cui-tab-current ~.cui-tab-scrollbar {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.cui-tab-mod li:nth-of-type (2).cui-tab-current ~.cui-tab-scrollbar {
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.cui-tab-mod li:nth-of-type (3).cui-tab-current ~.cui-tab-scrollbar {
	-webkit-transform: translate3d(200%, 0, 0);
	-moz-transform: translate3d(200%, 0, 0);
	-ms-transform: translate3d(200%, 0, 0);
	transform: translate3d(200%, 0, 0)
}

.cui-tab-mod li:nth-of-type (4).cui-tab-current ~.cui-tab-scrollbar {
	-webkit-transform: translate3d(300%, 0, 0);
	-moz-transform: translate3d(300%, 0, 0);
	-ms-transform: translate3d(300%, 0, 0);
	transform: translate3d(300%, 0, 0)
}

.cui-tab-mod li:nth-of-type (5).cui-tab-current ~.cui-tab-scrollbar {
	-webkit-transform: translate3d(400%, 0, 0);
	-moz-transform: translate3d(400%, 0, 0);
	-ms-transform: translate3d(400%, 0, 0);
	transform: translate3d(400%, 0, 0)
}

.cui-tab-mod li:nth-of-type (6).cui-tab-current ~.cui-tab-scrollbar {
	-webkit-transform: translate3d(500%, 0, 0);
	-moz-transform: translate3d(500%, 0, 0);
	-ms-transform: translate3d(500%, 0, 0);
	transform: translate3d(500%, 0, 0)
}

.cui-cond-bar {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 43px;
	border-bottom: #bcbcbc 1px solid;
	background-color: #fafafa;
	color: #666;
	font-size: 15px;
	position: relative;
	display: table\9;
	width: 100%
}

.cui-cond-bar li {
	text-align: center;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: table-cell\9
}

.cui-cond-bar li {
	padding: 13px 0
}

.cui-cond-bar i {
	margin-left: 3px;
	display: inline-block
}

.cui-cond-bar .cond-bar-current {
	color: #099fde
}

.cui-cond-bar .cond-bar-current .cui-fl-sort:before {
	border-color: transparent transparent #099fde
}

.cui-cond-bar .cond-bar-current .cui-fl-sort:after {
	background: #099fde
}

.cui-fl-sort:before {
	content: "";
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent #999;
	display: inline-block;
	vertical-align: top;
	margin: -3px 0 0 0
}

.cui-fl-sort:after {
	content: "";
	width: 4px;
	height: 7px;
	display: inline-block;
	margin: 0 0 0 -8px;
	background: #999
}

.cui-fl-filter:before {
	margin: 5px 0 0 0
}

.cui-fl-filter:before,.cui-fl-sort-down {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg)
}

.cui-bottom-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: #bcbcbc 1px solid;
	border-bottom: 0
}

.f-layer-before:before,.f-layer-after:after {
	content: "";
	display: block;
	margin: -6px auto;
	width: 10px;
	height: 10px;
	background: #f2f2f2
}

.f-layer-before:before {
	border-left: #bcbcbc 1px solid;
	border-top: #bcbcbc 1px solid;
	-webkit-transform: rotate(45deg)
}

.f-layer-after:after {
	border-right: #bcbcbc 1px solid;
	border-bottom: #bcbcbc 1px solid;
	-webkit-transform: rotate(45deg)
}

.cui-f-layer {
	background: #f2f2f2;
	border: #bcbcbc 1px solid;
	border-width: 0 1px 1px;
	border-radius: 3px
}

.cui-f-layer li {
	padding: 5px 10px;
	border-top: #bcbcbc 1px solid
}

.cui-f-layer li i {
	float: right
}

.cui-f-layer li:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.cui-f-layer li:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}

.cui-f-layer li.cui-fl-current {
	color: #fff;
	background: #099fde;
	position: relative;
	z-index: 2
}

.cui-f-layer li i.cui-fl-sort-down {
	-webkit-transform: rotate(180deg)
}

.cui-f-layer li.cui-fl-current .cui-fl-sort:before {
	border-color: transparent transparent #fff
}

.cui-f-layer li.cui-fl-current .cui-fl-sort:after {
	background: #fff
}

.cui-paybar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 44px;
	color: #fff;
	background: #FF9913
}

.cui-paytit {
	margin: 0 5px 0 10px;
	line-height: 44px
}

.cui-paybar .cui-payunit {
	display: inline-block;
	vertical-align: middle
}

.cui-paybtn {
	float: right;
	padding: 0 20px;
	height: 44px;
	background: #ff7d13;
	color: #fff
}

.cui-paybtn.cui-paybtn-only {
	width: 100%;
	background: transparent;
	font-size: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.cui-paybtn.cui-paybtn-disable {
	background: #cdcdcd
}

.cui-payprice {
	font-weight: 700
}

.cui-payprice i {
	margin-left: 2px;
	font-size: 1.28em
}

.cui-rate {
	position: relative;
	display: inline-block;
	height: 16px;
	margin: 0 10px;
	vertical-align: -3px
}

.cui-rate i {
	width: 12px;
	height: 12px;
	box-shadow: inset 0 0 0 3px #fff;
	border: 2px solid #c8c8c8;
	border-radius: 50%;
	background: #c8c8c8;
	position: relative;
	display: inline-block;
	margin: 0 1px
}

.cui-rate i:before {
	content: "";
	position: absolute;
	right: 0;
	top: 5px;
	width: 5px;
	height: 2px;
	background: #c8c8c8
}

.cui-rate-r2 {
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	overflow: hidden
}

.cui-rate-r2 i {
	border-color: #099fde;
	background: #099fde
}

.cui-rate-r2 i:before {
	background: #099fde
}

.cui-keyboard {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #dcdcdf;
	-webkit-transition: all .3s linear 0s;
	-moz-transition: all .3s linear 0s;
	-ms-transition: all .3s linear 0s;
	opacity: 1;
	opacity: 1;
	opacity: 1;
	-o-transition: all .3s linear 0s;
	opacity: 1;
	transition: all .3s linear 0s;
	opacity: 1
}

.cui-keyboard .cui-hd {
	height: 44px;
	padding-right: 20px;
	background-color: #334250;
	color: #fff;
	font-size: 17px;
	overflow: hidden;
	line-height: 44px
}

.cui-keyboard .cui-hd span {
	float: right;
	padding: 0 15px
}

.cui-keyboard .cui-bd {
	padding: 6px 0 3px 0
}

.cui-keyboard .cui-bd ul {
	overflow: hidden
}

.cui-keyboard .cui-bd li {
	float: left;
	height: 49px;
	margin-bottom: 3px;
	margin-left: 2.03124%;
	width: 30.625%;
	background-color: #fff;
	line-height: 49px;
	color: #000;
	text-align: center;
	font-size: 27px;
	font-family: helvetica;
	font-weight: bold;
	background-clip: padding-box;
	border-radius: 4px;
	box-shadow: 0 2px 1px #b0b0b2
}

.cui-keyboard .cui-bd .cui-on-t {
	background-color: #c9cbd0;
	box-shadow: 0 1px 0 #b0b0b2
}

.cui-keyboard .cui-letter-x {
	width: 18px;
	height: 47px;
	margin: 0 auto;
	background-position: -224px -152px;
	background-size: 242px auto
}

.cui-keyboard .cui-btn-delete {
	width: 26px;
	height: 47px;
	margin: 0 auto;
	background-position: -190px -153px;
	background-size: 242px auto
}

.cui-keyboard-hide {
	opacity: 0;
	bottom: -261px
}

.cm-overlay {
	display: none;
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 980
}

.cm-overlay.active {
	display: block
}

.cm-pop .cm-pop-list li {
	border-bottom: 1px solid #dbdbdb;
	background-color: #fff;
	line-height: 33px;
	padding: 5px 10px;
	position: relative;
	display: block;
	cursor: pointer
}

.cm-pop .cm-pop-list li:first-child {
	border-top: 1px solid #dbdbdb
}

.cm-pop .cm-pop-list li:active,.cm-pop .cm-pop-list li:hover {
	background-color: whitesmoke
}

.cm-pop {
	position: absolute;
	z-index: 985;
	width: 100%
}

.cm-pop .icon-pop-triangle {
	width: 10px;
	height: 10px;
	background-color: #fff;
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: -1
}

.cm-pop .cm-pop-bd {
	background-color: #fff
}

.cm-pop .cm-pop-list li:first-child {
	border-top: none
}

.cm-pop .cm-pop-list li:last-child {
	border-bottom: none
}

.cm-pop .cm-pop-list li.active,.cm-pop .cm-pop-list li:active,.cm-pop .cm-pop-list li:hover
	{
	background-color: #099fde;
	color: #fff
}

.cm-pop .cm-pop-list--checked li {
	padding-right: 30px
}

.cm-pop .cm-pop-list--checked li.active {
	background-color: #fff;
	color: #099fde
}

.cm-pop .cm-pop-list--checked li.active::after {
	content: "";
	width: 14px;
	height: 6px;
	border-bottom: 2px solid #099fde;
	border-left: 2px solid #099fde;
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -4px;
	-webkit-transform: rotate(-45deg) translateY(-50%);
	transform: rotate(-45deg) translateY(-50%)
}

.cm-pop--triangle-up .icon-pop-triangle {
	top: -5px
}

.cm-pop--border {
	border: 1px solid #dbdbdb
}

.cm-pop--border .icon-pop-triangle {
	border: 1px solid #dbdbdb;
	border-color: #fff #dbdbdb #dbdbdb #fff
}

.cm-pop--border.cm-pop--triangle-up .icon-pop-triangle {
	border-color: #dbdbdb #fff #fff #dbdbdb
}

.cm-pop--border.cm-pop--radius {
	border-radius: 6px
}

.cm-pop--radius .cm-pop-bd {
	border-radius: 4px;
	overflow: hidden
}

.cm-pop--user-nav {
	top: 55px;
	right: 0;
	color: #fff;
	width: 128px
}

.icon-phone,.icon-tel,.icon-home,.icon-loved,.icon-love,.icon-comment,.icon-compass,.icon-file,.icon-share,.icon-email,.icon-loading,.icon-loading .icon-loading-circle
	{
	background-image: url(//pic.c-ctrip.com/h5/common/bg-global.png);
	background-repeat: no-repeat;
	-webkit-background-size: 240px auto;
	background-size: 240px auto;
	vertical-align: middle;
	display: inline-block
}

.icon-phone,.icon-tel {
	width: 20px;
	height: 20px;
	background-position: -23px -50px
}

.icon-home {
	width: 20px;
	height: 20px;
	background-position: 0 -52px
}

.icon-loved {
	width: 20px;
	height: 20px;
	background-position: -47px -50px
}

.icon-love {
	width: 20px;
	height: 20px;
	background-position: -71px -50px
}

.icon-comment {
	width: 20px;
	height: 20px;
	background-position: -97px -50px
}

.icon-compass {
	width: 20px;
	height: 20px;
	background-position: -123px -50px
}

.icon-file {
	width: 20px;
	height: 20px;
	background-position: -147px -50px
}

.icon-share {
	width: 20px;
	height: 20px;
	background-position: -172px -50px
}

.icon-email {
	width: 20px;
	height: 20px;
	background-position: -198px -51px
}

.cm-pop--user-nav .icon-pop-triangle {
	background-color: #283847;
	left: auto;
	right: 10px
}

.cm-pop--user-nav .cm-pop-list li {
	background-color: #283847;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.cm-pop--user-nav .cm-pop-list li i[class ^="icon-"] {
	margin-right: 10px
}

.cm-pop--user-nav .cm-pop-list li:active,.cm-pop--user-nav .cm-pop-list li:hover
	{
	background-color: #161e26
}

.cm-fade-in,.cm-fade-out,.cm-down-in,.cm-down-out,.cm-up-in,.cm-up-out,.cm-center-fade-in,.cm-center-fade-out,.cm-center-up-in,.cm-center-up-out
	{
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.cm-fade-in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

.cm-fade-out {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@
-webkit-keyframes fadeIn { 0%{
	opacity: 0;
	-webkit-transform: scale(1.185);
	transform: scale(1.185)
}

100%{
opacity
:
1;-webkit-transform
:scale
(1);transform
:scale
(1)
}
}
@
keyframes fadeIn { 0%{
	opacity: 0;
	-webkit-transform: scale(1.185);
	transform: scale(1.185)
}

100%{
opacity
:
1;-webkit-transform
:scale
(1);transform
:scale
(1)
}
}
@
-webkit-keyframes fadeOut { 0%{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

100%{
opacity
:
0;-webkit-transform
:scale
(0
.815
);transform
:scale
(0
.815
)
}
}
@
keyframes fadeOut { 0%{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

100%{
opacity
:
0;-webkit-transform
:scale
(0
.815
);transform
:scale
(0
.815
)
}
}
.cm-down-in {
	-webkit-animation-name: downIn;
	animation-name: downIn
}

.cm-down-out {
	-webkit-animation-name: downOut;
	animation-name: downOut
}

@
-webkit-keyframes downIn { 0%{
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

100%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
0,0);
transform
:translate3d
(0
,
0,0)
}
}
@
keyframes downIn { 0%{
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

100%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
0,0);
transform
:translate3d
(0
,
0,0)
}
}
@
-webkit-keyframes downOut { 0%{
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

100%{
opacity
:
0;-webkit-transform
:translate3d
(0
,
100%,0);
transform
:translate3d
(0
,
100%,0)
}
}
@
keyframes downOut { 0%{
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

100%{
opacity
:
0;-webkit-transform
:translate3d
(0
,
100%,0);
transform
:translate3d
(0
,
100%,0)
}
}
.cm-up-in {
	-webkit-animation-name: upIn;
	animation-name: upIn
}

.cm-up-out {
	-webkit-animation-name: upOut;
	animation-name: upOut
}

@
-webkit-keyframes upIn { 0%{
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

100%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
0,0);
transform
:translate3d
(0
,
0,0)
}
}
@
keyframes upIn { 0%{
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

100%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
0,0);
transform
:translate3d
(0
,
0,0)
}
}
@
-webkit-keyframes upOut { 0%{
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

100%{
opacity
:
0;-webkit-transform
:translate3d
(0
,
-100%,0);
transform
:translate3d
(0
,
-100%,0)
}
}
@
keyframes upOut { 0%{
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

100%{
opacity
:
0;-webkit-transform
:translate3d
(0
,
-100%,0);
transform
:translate3d
(0
,
-100%,0)
}
}
.cm-overlay-out {
	-webkit-animation-duration: 0.1s;
	animation-duration: 0.1s;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
	-webkit-animation-name: overlayOut;
	animation-name: overlayOut
}

@
-webkit-keyframes overlayOut { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
@
keyframes overlayOut { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
.cm-center-fade-in {
	-webkit-animation-name: centerFadeIn;
	animation-name: centerFadeIn
}

.cm-center-fade-out {
	-webkit-animation-name: centerFadeOut;
	animation-name: centerFadeOut
}

@
-webkit-keyframes centerFadeIn { 0%{
	opacity: 0;
	-webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
	transform: translate3d(-50%, -50%, 0) scale(1.185)
}

100%{
opacity
:
1;-webkit-transform
:translate3d
(-50%
,
-50%,0)
scale
(1);transform
:translate3d
(-50%
,
-50%,0)
scale
(1)
}
}
@
keyframes centerFadeIn { 0%{
	opacity: 0;
	-webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
	transform: translate3d(-50%, -50%, 0) scale(1.185)
}

100%{
opacity
:
1;-webkit-transform
:translate3d
(-50%
,
-50%,0)
scale
(1);transform
:translate3d
(-50%
,
-50%,0)
scale
(1)
}
}
@
-webkit-keyframes centerFadeOut { 0%{
	opacity: 1;
	-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
	transform: translate3d(-50%, -50%, 0) scale(1)
}

100%{
opacity
:
0;-webkit-transform
:translate3d
(-50%
,
-50%,0)
scale
(0
.815
);transform
:translate3d
(-50%
,
-50%,0)
scale
(0
.815
)
}
}
@
keyframes centerFadeOut { 0%{
	opacity: 1;
	-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
	transform: translate3d(-50%, -50%, 0) scale(1)
}

100%{
opacity
:
0;-webkit-transform
:translate3d
(-50%
,
-50%,0)
scale
(0
.815
);transform
:translate3d
(-50%
,
-50%,0)
scale
(0
.815
)
}
}
.cm-center-up-in {
	-webkit-animation-name: centerUpIn;
	animation-name: centerUpIn
}

.cm-center-up-out {
	-webkit-animation-name: centerUpOut;
	animation-name: centerUpOut
}

@
-webkit-keyframes centerUpIn { 0%{
	opacity: 0;
	-webkit-transform: translate3d(-50%, -150%, 0);
	transform: translate3d(-50%, -150%, 0)
}

100%{
opacity
:
1;-webkit-transform
:translate3d
(-50%
,
-50%,0);
transform
:translate3d
(-50%
,
-50%,0)
}
}
@
keyframes centerUpIn { 0%{
	opacity: 0;
	-webkit-transform: translate3d(-50%, -150%, 0);
	transform: translate3d(-50%, -150%, 0)
}

100%{
opacity
:
1;-webkit-transform
:translate3d
(-50%
,
-50%,0);
transform
:translate3d
(-50%
,
-50%,0)
}
}
@
-webkit-keyframes centerUpOut { 0%{
	opacity: 1;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}

100%{
opacity
:
0;-webkit-transform
:translate3d
(-50%
,
-150%,0);
transform
:translate3d
(-50%
,
-150%,0)
}
}
@
keyframes centerUpOut { 0%{
	opacity: 1;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}

100%{
opacity
:
0;-webkit-transform
:translate3d
(-50%
,
-150%,0);
transform
:translate3d
(-50%
,
-150%,0)
}
}
.icon-list {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 25px;
	vertical-align: middle;
	text-align: center
}

.icon-list::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	border-radius: 3px;
	background-color: #fff;
	-webkit-box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
	box-shadow: 10px 0 0 #fff, -10px 0 0 #fff
}

.icon-back {
	width: 44px;
	height: 44px;
	line-height: 44px
}

.icon-back::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.icon-search {
	border: 2px solid #fff;
	border-radius: 50%;
	height: 14px;
	width: 14px;
	display: inline-block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.icon-search::after {
	content: "";
	background: #fff;
	height: 7px;
	width: 2px;
	position: absolute;
	left: 11px;
	top: 8px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.cm-header,.cm-footer,.cm-header-sub {
	position: fixed;
	left: 0;
	right: 0
}

.cm-header {
	top: 0;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background-color: #099fde;
	color: #fff;
	z-index: 960
}

.cm-header-sub {
	top: 44px;
	z-index: 960
}

.cm-footer {
	bottom: 0;
	height: 48px;
	z-index: 940
}

.cm-page {
	padding-top: 44px;
	background: #efefef
}

.cm-page.has-header {
	padding-top: 0
}

.cm-content.no-header-sub {
	padding-top: 44px
}

.no-footer {
	padding-bottom: 48px
}

.cm-page--active {
	position: absolute;
	left: 0;
	top: 0
}

.cm-page--right-in {
	-webkit-animation: pageRightIn 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	animation: pageRightIn 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.cm-page--left-out {
	-webkit-animation: pageLeftOut 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	animation: pageLeftOut 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.cm-page--left-in {
	-webkit-animation: pageLeftIn 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	animation: pageLeftIn 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.cm-page--right-out {
	-webkit-animation: pageRightOut 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.1s
		;
	animation: pageRightOut 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@
-webkit-keyframes pageRightIn { 0%{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

100%{
-webkit-transform
:translate3d
(0
,
0,0);
transform
:translate3d
(0
,
0,0)
}
}
@
keyframes pageRightIn { 0%{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

100%{
-webkit-transform
:translate3d
(0
,
0,0);
transform
:translate3d
(0
,
0,0)
}
}
@
-webkit-keyframes pageLeftOut { 0%{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

100%{
-webkit-transform
:translate3d
(-100%
,
0,0);
transform
:translate3d
(-100%
,
0,0)
}
}
@
keyframes pageLeftOut { 0%{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

100%{
-webkit-transform
:translate3d
(-100%
,
0,0);
transform
:translate3d
(-100%
,
0,0)
}
}
@
-webkit-keyframes pageLeftIn { 0%{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

100%{
-webkit-transform
:translate3d
(0
,
0,0);
transform
:translate3d
(0
,
0,0)
}
}
@
keyframes pageLeftIn { 0%{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

100%{
-webkit-transform
:translate3d
(0
,
0,0);
transform
:translate3d
(0
,
0,0)
}
}
@
-webkit-keyframes pageRightOut { 0%{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

100%{
-webkit-transform
:translate3d
(100%
,
0,0);
transform
:translate3d
(100%
,
0,0)
}
}
@
keyframes pageRightOut { 0%{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

100%{
-webkit-transform
:translate3d
(100%
,
0,0);
transform
:translate3d
(100%
,
0,0)
}
}
.cm-header .cm-page-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cm-header h1 {
	font-weight: normal;
	font-family: inherit
}

.cm-header .cm-page-title {
	line-height: 44px;
	margin: 0 44px;
	font-size: 18px
}

.cm-header .cm-page-title .cm-title-l {
	line-height: 28px;
	display: block
}

.cm-header .cm-page-title .cm-title-s {
	line-height: 1;
	font-size: 12px;
	display: block
}

.cm-header .cm-page-mutil-title {
	font-size: 14px;
	line-height: 18px;
	padding-top: 4px;
	margin-right: 20px
}

.cm-header .cm-page-tabs-title {
	display: inline-block;
	background-color: #066f9b;
	border-radius: 4px;
	padding: 1px;
	line-height: 32px;
	margin: 5px 0 0 0
}

.cm-header .cm-page-tabs-title span {
	float: left;
	padding: 0 15px
}

.cm-header .cm-page-tabs-title span.active {
	border-radius: 4px;
	background-color: #099fde
}

.cm-header .cm-page-select-title {
	line-height: 34px;
	margin-top: 5px;
	margin-right: 44px
}

.cm-header .cm-page-select-title::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.cm-header .cm-page-select-title.expanded::after {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 1px
}

.cm-header .cm-header-icon {
	width: 44px;
	height: 44px;
	display: inline-block;
	text-align: center;
	background-color: #099fde;
	cursor: pointer
}

.cm-header .cm-header-icon:active,.cm-header .cm-header-icon:hover {
	background-color: #077cad
}

.cm-header .cm-header-btn {
	padding: 0 10px;
	cursor: pointer;
	color: #fff
}

.cm-header .cm-header-btn:active,.cm-header .cm-header-btn:hover {
	background-color: #077cad
}