html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
*, *:after, *:before {
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
}
/*禁止复制
*:not(input,select,textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select:none;
}
*/
body {
	max-width:640px; margin:0 auto; font-size:12px; font-family:Helvetica, "Microsoft YaHei", Arial, Helvetica, sans-serif; background:#f9f9f9;
	-webkit-touch-callout:default;  /*系统默认菜单被禁用*/   
	-webkit-user-select:text; /*webkit浏览器*/   
	-khtml-user-select:default; /*早期浏览器*/   
	-moz-user-select:moz-all;/*火狐*/   
	-ms-user-select:text; /*IE10*/   
	user-select:text;
	background:#fff; 
	-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
ul, li {margin: 0px;padding: 0px;list-style-type: none;}
img {
	border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;
	border-left-width: 0px;border-top-style: none;border-right-style: none;
	border-bottom-style: none;border-left-style: none;max-width: 100%;
	/*pointer-events: none;*/
}
form {margin: 0px;padding: 0px;}
a, div, header, span {-webkit-tap-highlight-color: rgba(255,255,255,0);	color:#000;}
a{text-decoration:none; }
a:active {color: #FF6C08}
input[type="button"]:active,
input[type="submit"]:active { background:#f0f0f0; }
fieldset{padding:10px 9px; border:1px solid #ddd;}
legend{padding: 0 5px; font-size:14px;}
input,button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.clear{ clear:both; margin:0; padding:0; height:0; overflow:hidden;}
.fl{float:left;}
.fr{ float:right;}
.tc{ text-align:center;}
.tl{ text-align:left;}
.clear{ clear:both; margin:0; padding:0; height:0; overflow:hidden;}
.blank5{ float:left; width:100%; height:5px; line-height:5px; margin:0 auto; }
.blank10{ float:left; width:100%; height:10px; line-height:10px; margin:0 auto; }
.blank15{ float:left; width:100%; height:15px; line-height:15px; margin:0 auto; }
.blank20{ float:left; width:100%; height:20px; line-height:20px; margin:0 auto; }
.blank30{ float:left; width:100%; height:30px; line-height:30px; margin:0 auto; }
.blank40{ float:left; width:100%; height:40px; line-height:40px; margin:0 auto; }
.blank50{ float:left; width:100%; height:50px; line-height:50px; margin:0 auto; }
.blank60{ float:left; width:100%; height:60px; line-height:60px; margin:0 auto; }
.mleft10{ margin-left:10px; display:inline; }
.mleft15{ margin-left:15px; display:inline; }
.disp_block{ display:block; }
.disp_none{ display:none;}
.fsize10{ font-size:10px; }
.fsize12{ font-size:12px; }
.fsize14{ font-size:14px; }
.fsize16{ font-size:16px; }
.fsize18{ font-size:18px; }
.fsize20{ font-size:20px; }
.fsize22{ font-size:22px; }
.fsize24{ font-size:24px; }
.fsize26{ font-size:26px; }
.red{ color:#f00; }
.yellow{ color:#FF6C08; }
.blue{ color:#1587DD; }
.bold{ font-weight:bold; }
.linethrough{ text-decoration:line-through;}
.keepTop{ position:fixed; width:100%; top:45px; z-index:3000; background:#f00; }

.ui-icon-mobil:before{content:"\e200"}
.ui-icon-mail:before{content:"\e231"}

/*页面加载*/
#preloader {position:fixed; z-index:2500;top:0;left:0;right:0;bottom:0;background-color:#fff; z-index:10; }
#status { width:250px;height:250px;position:absolute;left:50%;top:50%;background-size:32px 32px;margin-top: -125px;margin-right: 0;margin-bottom: 0;margin-left: -115px;}
#status p{top:70%;}
#status .center-text{text-align:center;background-image: url(../images/loading.jpg); background-repeat: no-repeat;background-position: center top;height: 182px;width: 234px;}
#status .center-text span {font-size: 14px;color: #999999;position: relative;top: 170px;}

/* -------------------------------- 
Modules - reusable parts of our design
-------------------------------- */
.cd-img-replace {display: inline-block;overflow: hidden;text-indent: 100%;white-space: nowrap;}
.overflow-hidden {overflow: hidden;}
/* -------------------------------- 
Main components
-------------------------------- */
.ui-header{
	max-width:640px; left:auto; margin:0 auto;
	height: 45px;
	background: #FF6C08;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.ui-header .ui-icon-return{ z-index:6; width:60px; height: 45px; line-height: 45px; padding:1px 0 0 5px; font-size:20px; color:#fff; font-weight:bold;  }
.ui-header .ui-icon-return span{ padding-left:0px; color:#fff; font-weight:normal; font-size:14px; }
.ui-header h1{ color:#fff; font-size:16px; }
.ui-header .cd-logo {
	position: absolute; z-index:5;
	padding: 8px 5px 6px 5px; width:70px; height:26px;
}
.ui-header .cd-logo img {
	float:left; width:60px; height:26px; margin:0px 0;
}
.ui-header .cd-search{ position: absolute; width:100%; height:28px; padding:8px 70px 9px 70px; display:inline; }
.ui-header .cd-search input{
	float:left; width:100%; padding:0 5px 0 30px; height:28px; border:1px solid #ddd; border-radius:50px;
	background:url(../images/iconfont-sousuo.png) 5px 3px no-repeat #fff; background-size:20px; outline:medium;
}
.wxshare{ display:none; }
/*主体*/
.ui-container {
	/* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
	position: relative; z-index: 2; margin:45px 0 45px; height:100%;
	background: #f9f9f9; border:0px; 
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.ui-container.lateral-menu-is-open {
	/* translate to show the lateral menu - all content needs to be put in the .ui-container to translate*/
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
	-ms-transform: translateX(-200px);
	-o-transform: translateX(-200px);
	transform: translateX(-200px);
}
.cd-menu-trigger {
	position: fixed; z-index:101;
	right: 0;
	top: 0;
	height: 100%;
	width:60px;
}
.cd-menu-trigger .cd-menu-text {
	height: 100%;
	text-transform: uppercase;
	color: #FFF;
	display: inline-block; 
    height: 45px; line-height: 45px; font-size:14px;
}
.cd-menu-trigger .cd-menu-icon {
	/* this span is the central line in the menu menu */
	display: inline-block;
	position: absolute;
	left:70%;
	top: 49%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 18px;
	height: 2px;
	background-color: #FFF;
	/* these are the upper and lower lines in the menu menu */
}
/*固定的底部*/
.ui-footer{
	height: 45px; overflow:hidden; margin:0px; padding:0px; max-width:640px; left:auto; margin:0 auto;
	background: #F7F7F7;  border-top:1px solid #ddd;
	/* Force Hardware Acceleration in WebKit 
	-webkit-transform: translateZ(0);*/
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.ui-footer ul { clear: left; }
.ui-footer ul li { float: left; width:20%; display: inline-block; text-align:center; height:50px; line-height:65px; }
.ui-footer ul li a { display:inline-block; width:100%; height:100%; font-size:12px; font-weight:normal; text-shadow:none; }
.ui-footer ul li a:active { background-color:#DD6D0A; }
/* icon */
.vk_icon_1{ background: url(../images/iso/iso_on_05.png) no-repeat 50% 0px;  background-size: 25px 25px; }
.vk_icon_2{ background: url(../images/iso/iso_on_19.png) no-repeat 50% 0px;  background-size: 25px 25px;}
.vk_icon_3 {background: url(../images/iso/iso_on_17.png) no-repeat 50% 0px;  background-size: 25px 25px; }
.vk_icon_4{ background: url(../images/iso/iso_on_12.png) no-repeat 50% 0px;  background-size: 25px 25px; }
.vk_icon_5{ background: url(../images/iso/iso_on_34.png) no-repeat 50% 0px;  background-size: 25px 25px; }

/*线路底部*/
.m_footer_d{
	height: 45px; overflow:hidden; margin:0px; padding:0px; width: 100%; text-align:center;
	background:#F7F7F7; border-top:1px solid #ddd;
}
.m_footer_d ul { clear: left; }
.m_footer_d ul li { float: left; display: inline-block; text-align:center; border-right:1px solid #ddd; }
.m_footer_d ul li a { float: left; color:#333; height:45px; line-height:45px; display:inline-block; width:100%; height:100%; font-size:14px; font-weight:normal; text-shadow:none; }
.m_footer_d ul li.tel{ width:30%; }
.m_footer_d ul li.tel a{ background: url(../images/iso/iso_on_17.png) no-repeat 5px 11px; background-size:20px 20px; }
.m_footer_d ul li.home{ width:30%; }
.m_footer_d ul li.home a{ background: url(../images/iso/iso_on_05.png) no-repeat 5px 11px; background-size:20px 20px; }
.m_footer_d ul li.sha{ width:30%; }
.m_footer_d ul li.sha a{ background: url(../images/iso/iso_on_32.png) no-repeat 5px 11px; background-size:20px 20px; }
.m_footer_d ul li.ord{ width:40%; background:#FF6C08; color:#fff; }
.m_footer_d ul li.ord a{ color:#fff; }

/*分享*/
.share_wx{ float:left; width:100%; color:#3c3c3c; margin:0px; padding:10px 5px; }
.share_wx ul{ float:left; width:100%; border:1px solid #cacccd;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.share_wx ul li{ float:left; width:50%; border-left:1px solid #ccc; }
.share_wx ul li:first-child{ border:0; }
.share_wx ul li a{float:left; width:100%; text-align:left; padding-left:50px; height:40px; line-height:40px; font-size:14px;}
.share_wx ul li a.share-wx{ background: url(../images/share1.png) no-repeat 10px center; background-size:30px; color:#3EB135; }
.share_wx ul li a.share-wxzone{ background: url(../images/share2.png) no-repeat 10px center; background-size:30px; color:#3EB135;}
.share_wx ul li a.share-qq{ background: url(../images/share3.png) no-repeat 10px center; background-size:30px; color:#4DAFEA;}
.share_wx ul li a.share-qqzone{ background: url(../images/share4.png) no-repeat 10px center; background-size:30px; color:#EECF3D;}
.share_wx ul li a:active{ background-color:#f0f0f0; color:#000;}


/*订单底部*/
.m_footer_o{
	height: 45px; overflow:hidden; margin:0px; padding:0px; width: 100%; text-align:center;
	background:#F7F7F7; border-top:1px solid #ddd;
}
.m_footer_o ul { clear: left; }
.m_footer_o ul li { float: left; display: inline-block; text-align:center; border-right:1px solid #ddd; }
.m_footer_o ul li a { float: left; height:45px; line-height:45px; display:inline-block; width:100%; height:100%; font-size:14px; font-weight:normal; text-shadow:none; color:#fff; }
.m_footer_o ul li.price{ width:60%; height:45px; line-height:45px; text-align:left; padding-left:10px; }
.m_footer_o ul li.next{ width:40%; background:#FF6C08; }

.ui-header.lateral-menu-is-open, .ui-footer.lateral-menu-is-open  {
	/* translate to show the lateral menu */
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
	-ms-transform: translateX(-200px);
	-o-transform: translateX(-200px);
	transform: translateX(-200px);
}
.cd-menu-trigger .cd-menu-icon::before, .cd-menu-trigger .cd-menu-icon:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: inherit;
	left: 0;
}
.cd-menu-trigger .cd-menu-icon::before {
	bottom: 5px;
}
.cd-menu-trigger .cd-menu-icon::after {
	top: 5px;
}
.cd-menu-trigger.is-clicked .cd-menu-icon {
	background-color: rgba(255, 255, 255, 0);
}
.cd-menu-trigger.is-clicked .cd-menu-icon::before, .cd-menu-trigger.is-clicked .cd-menu-icon::after {
	background-color: white;
}
.cd-menu-trigger.is-clicked .cd-menu-icon::before {
	bottom: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cd-menu-trigger.is-clicked .cd-menu-icon::after {
	top: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.cd-menu-trigger.is-clicked { position: fixed; z-index:99999; } 

/*侧导航*/
#cd-lateral-nav {
	position: fixed; z-index:99999;
	height: 100%;
	right: 0;
	top: 0;
	/* the secondary navigation is covered by the main element */
	width: 200px;
	background-color: #242e30;
	overflow-y: auto;
	/* Force Hardware Acceleration in WebKit */
	visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform .3s 0s, visibility 0s .3s;
	-moz-transition: -moz-transform .3s 0s, visibility 0s .3s;
	transition: transform .3s 0s, visibility 0s .3s;
	/* this creates the subtle slide in animation of the navigation */
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	-ms-transform: translateX(80px);
	-o-transform: translateX(80px);
	transform: translateX(80px);
}
#cd-lateral-nav .loginleft{
	padding: 20px 0px 0px; margin:0 auto; width:100%; margin:0 auto; text-align:center;
}
#cd-lateral-nav .loginleft .userlogo{ display:block; height:50px; }
#cd-lateral-nav .loginleft .userlogo img{
	 width:50px; height:50px; border-radius: 100%;
}
#cd-lateral-nav .loginleft p{
	color:#fff; line-height:30px; display:block;padding:0px; margin:0px; 
}
#cd-lateral-nav .loginleft p a{
	color:#fff; font-size:14px; 
}
#cd-lateral-nav .cd-navigation {
	padding: 0px 20px 10px;
}
#cd-lateral-nav .sub-menu {
	display: none;
}
#cd-lateral-nav .cd-navigation a {
	display: block;
	line-height:40px; font-size:14px;
	padding: 0 0px 0 0px;
	color: #fff; border-bottom:1px solid #666;
}
#cd-lateral-nav .cd-navigation a.current {
	background-color: #3a4a4d;
	color: #FFF;
}
.no-touch #cd-lateral-nav .cd-navigation a:hover {
	color: #FFF;
}
#cd-lateral-nav .cd-navigation .sub-menu a{
	font-size:12px; padding:5px 0 5px 20px; color:#ddd; border-bottom:1px solid #666; line-height:22px;
}

#cd-lateral-nav.lateral-menu-is-open {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
	-webkit-transition: -webkit-transform .3s 0s, visibility 0s 0s;
	-moz-transition: -moz-transform .3s 0s, visibility 0s 0s;
	transition: transform .3s 0s, visibility 0s 0s;
	/* smooth the scrolling on touch devices - webkit browsers */
	-webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu	*/
#cd-lateral-nav .item-has-children > a {
	position: relative;
	text-transform: uppercase;
	/* this is the right arrow to show that the item has a submenu	*/
}
#cd-lateral-nav .item-has-children > a::after {
	content: '';
	display: block;
	height: 11px;
	width: 8px;
	position: absolute;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 1em;
	background: url("../images/cd-arrow.svg") no-repeat center center;
	background-size: 8px 11px;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}

#cd-lateral-nav .socials {
	padding: 0 20px;
}
#cd-lateral-nav .socials:after {
	content: "";
	display: table;
	clear: both;
}
#cd-lateral-nav .socials a {
	height: 32px;
	width: 32px;
	float: left;
	padding: 0;
	background-image: url("../images/cd-socials.svg");
	background-repeat: no-repeat;
	background-size: 128px 64px;
	background-color: #FFF;
	margin:0.2em;
	border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {
	background-position: 0 0;
}
#cd-lateral-nav .socials a.cd-github {
	background-position: -32px 0;
}
#cd-lateral-nav .socials a.cd-facebook {
	background-position: -64px 0;
}
#cd-lateral-nav .socials a.cd-google {
	background-position: -96px 0;
}
.no-touch #cd-lateral-nav .socials a:hover {
	background-color: #4e6361;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
	background-position: 0 -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-github {
	background-position: -32px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
	background-position: -64px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-google {
	background-position: -96px -32px;
}

.cd-overlay {
	/* shadow layer visible when navigation is active*/
	position: fixed; z-index:200;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	background-color: rgba(51,51,51, 0.5);
	visibility: hidden;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity .5s 0s, visibility 0s .5s;
	-moz-transition: opacity .5s 0s, visibility 0s .5s;
	transition: opacity .5s 0s, visibility 0s .5s;
}
.cd-overlay.is-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}

/*搜索主体*/
.search_box {
	position:fixed; right: 0px; top: 0px; bottom:0;
	background-color:#fff; height: 100%; width:100%; z-index:99999;
	overflow: auto;
	visibility: hidden;
}
.search_box.is-visible  {
	visibility: visible;
}
.search_main { float:left; width:100%; padding:0px; }
.search_form{ position:relative; z-index:10; width:100%; height: 45px; background: #DD6D0A; }
.search_form .search_close{ position: absolute; z-index:5; width:60px; height: 45px; line-height: 45px; padding:1px 0 0 5px; font-size:20px; color:#fff; font-weight:bold;  }
.search_form .search_close span{ font-size:14px; color:#fff; font-weight:normal; }
.search_form .search{position: absolute; width:100%; height:28px; padding:8px 70px 9px 70px;height:45px; }
.search_form .search input{float:left; width:100%; padding:0 5px 0 30px; height:28px; border:1px solid #ddd; border-radius:50px;background:url(../images/iconfont-sousuo.png) 5px 3px no-repeat #fff; background-size:20px;outline:medium;}
.search_form .search-btn{ position: absolute; z-index:5;right:0; text-align:center; font-size:14px; color:#fff; width:70px; height:45px; line-height:45px; }

.search_item { position: absolute; top:45px; width: 100%; padding:0 0px; }
.search_item span{float: left; padding:10px 20px; font-size:14px;width: 100%;  border-top:1px solid #ddd; }
.search_item p{float: left; padding:0 13px 5px; font-size:14px;width: 100%;}
.search_item p a {
	font-size: 12px; padding:5px; border:1px solid #DD6D0A; margin:0 5px 10px;
	color: #666666; background:#FFF; 
	text-align: center;
	display: block;
	float: left;
}

/*内页主体*/
.sub_main{ width:100%; overflow:hidden; background:#fff; min-height:530px; }
/*版权*/
.copyright { width: 100%; line-height:22px; font-size:12px; background:#fff; text-align: center; margin:0px 0 30px; padding:0px 0 15px; }
.copyright a {text-decoration: none;color: #333;}
.copyright .version { width: 100%; color: #333;}
.copyright .version a {
	float: left;
	width: 25%;
	height: 90px;
	text-align: center;
	text-decoration: none;
}
.copyright .version .ico_img {margin-top: 15px;}
.copyright .version .ico_img img {width: 30px;}
.copyright .version .qr_img {margin-top: 15px;}
.copyright .version .qr_img img {width: 30px;}
.{}
.copyright .version a span {
	font-size: 12px;
	color: #666666;
	line-height: 30px;
}

/*返回顶部*/
.gotop {
	background-image: url(../images/iconfont-fanhuidingbu.png); background-repeat: no-repeat; background-position: center center;  background-size: 40px;
	height: 40px;width: 40px; position: fixed; right: 10px; bottom:60px;z-index:100;cursor: pointer;
}
.layui-layer-msg *{ color:#fff;}
/*操作完成页*/
.register_verify {margin-top: 20px;margin-bottom: 20px;text-align: center;}
.register_verify .ok_iocn {}
.register_verify h1 {font-size: 20px;line-height: 30px;font-weight: bold;	color: #f23436;	margin-top: 20px;}
.register_verify h2 {line-height: 50px;	color: #333333;	font-size: 14px;}
.register_verify h3 {color: #333333;	margin-bottom: 20px;}
.register_verify p {margin-top: 20px;}
.register_verify p a {margin-right: 20px;margin-left: 20px;font-size: 16px;	margin-top: 10px;}

.date-icon{ border:1px solid #C6C6C6; width:120px; padding-left:10px; height:30px; line-height:30px; background:url(../images/date_icon.png) right center no-repeat; }
/*日期选择控件*/
.page {display: none;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;overflow: hidden; border:1px solid #ddd;}
#datescroll div{float: left;margin-left: 10%;margin-top: 15px;padding-right: 22px;}
#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}
#yearwrapper{position: absolute;left: 0;top:45px;bottom: 60px;width:80%;}
#monthwrapper{position: absolute;left: 26%;top:45px;bottom: 60px;width:80%;}
#daywrapper{position: absolute;left: 50%;top:45px;bottom: 60px;width:80%;}
#Hourwrapper{position: absolute;left: 0;top:195px;bottom: 68px;width:80%;}
#Minutewrapper{position: absolute;left: 26%;top:195px;bottom: 68px;width:80%;}
#Secondwrapper{position: absolute;left: 50%;top:195px;bottom: 68px;width:80%;}
#Hourwrapper ul li{color: #898989;font-size: 12px;}
#Minutewrapper ul li{color: #898989;font-size: 12px;}
#Secondwrapper ul li{color: #898989;font-size: 12px;}
#yearwrapper ul li{color: #898989;font-size: 12px;}
#monthwrapper ul li{color: #898989;font-size: 12px;}
#daywrapper ul li{color: #898989;font-size: 12px;}
#markyear{position:relative; margin-left: 76px;top:-2px;}
#markmonth{position:relative; margin-left: 40px;top:-2px;}
#markday{position:relative; margin-left: 42px;top:-2px;}
#markhour{position:relative; margin-left: 62px;top:-2px;}
#markminut{position:relative; margin-left: 58px;top:-2px;}
#marksecond{position:relative; margin-left: 68px;top:-2px;}
#dateheader{width: 100%;height: 50px;background: #0879E0;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
#setcancle ul{text-align: center;line-height: 30px; margin:1px auto;font-size: 20px;}
#setcancle ul li{border-radius:3px;float: left;width: 40%;height: 30px;list-style-type: none;font-family:'microsoft yahei';font-size:16px;}
#dateconfirm{position: absolute;background:#0879E0;left:20px;color:#fff;}
#datecancle{position: absolute;background:  #dcdddd;right:20px;width: 40%;color:#666;}
#dateshadow{display: none;position: absolute;width: 100%;height: 100%;top:0;left:0;background: #000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#datePage{font-size: 22px; border-radius: 3px; position:absolute;top:110px;MARGIN-RIGHT: auto;vertical-align:middle;
MARGIN-LEFT: auto;width: 80%;;height: 240px;background: #FFFFFF;z-index:9999999;}
#datetitle{width: 100%;height:50px;background: #0879E0;text-align: center;color: #fff;line-height: 50px;font-size: 20px;font-family:'microsoft yahei';}
#datetitle h1{font-weight:normal;}
#datemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:108px;background:#eee;border:1px solid #eee;}
#timemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:242px;background:#eee;border:1px solid #eee;}
#datescroll{background: #F8F8F8;width:94%; margin:10px 3%;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#datescroll_datetime{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#yearwrapper ul,#monthwrapper ul,#daywrapper ul{width:40%;}
#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
#dateFooter{width:100%;background: #fff;height: 50px;bottom: 0px;position: absolute;}
.demo{width:300px;margin:40px auto 0 auto;}
.demo .lie{margin:0 0 20px 0;}
.kbtn{line-height:22px; height:22px; padding:0 5px;}
#datetitle h1{font-size:18px;}

/*页面加载*/
#preloader {position:fixed;z-index:2500;top:0;left:0;right:0;bottom:0;background-color:#fff; z-index:999999; }
#status {
	position:fixed;
	z-index:999999;
	width:250px;
	height:250px;
	position:absolute;
	left:50%;
	top:50%;
	background-size:32px 32px;
	margin-top: -125px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -115px;
}
#status p{top:70%;}
.center-text{
	text-align:center;
	background-image: url(../images/loading.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 182px;
	width: 234px;
}
.center-text span {
	font-size: 14px;
	color: #999999;
	position: relative;
	top: 170px;
}

/*下载APP*/
#downloadBar {width: 100%; height: 40px; position: fixed; top: auto!important;  bottom:45px; color: #fff; font-size: 12px ;box-sizing: border-box;z-index: 99999;}
#downloadBar span {display: block;width: 100%;height: 40px;padding-left:40px;line-height: 40px;background-color: #000;opacity: 0.7; color:#fff; }
#downloadBar .bar-item {height: 40px;line-height: 40px;}
#downloadBar .bar-item.downloadbar-close {
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAQAAACQEyoRAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAAtAAAALQCOyvEOAAACeklEQVRIx7WXv27aUBSHf45UGBnoYBgY0jfAL9CosZAqyM4DpGNoJ3iETnRNhrxEKnVgahZY6JaFoVMk0oFK6RIJkPg6+GJhY/uaJL6b7z3389G5568jy8JVR57qqquuqv5qrrnm+qXvzh/b3XRogz5jNiSvDWP6NA7HVhmyxL6WDKkmM5wEbFlfNFDFfK71Uz/0W3M9aKG3qqmud/qo93pjJP7pq745S7u+LpNQp1u6VFLkKnS5DSUnuDZwk3sjfEc7h+Ha3Bn5e5pZgmc8AbDmgqOcr3JEjzUAT5ylCXkGvOAkHza8ecLCwJM0xzWmmHF8GFiSOGZmzBK3OWXzeIvngA18YR60HD0YGBsfaIqYWQKbD3Y3qzwCcPF8sCTRA+BxJ4gYGneLeAU+LZwMkIPPh8jOkXHF4XajYUI64secAnCdBsfhGgA/sts24R/kFvpB5MWu+iYUEuEhGFqxkyBC+8FH4Bvd1Mt78MyzbuAnknDZAKv9XJEGyAJLVFgBG1zxCYBRpj13INlgSWIEwLm4AqBneSwDsoNDF7wSNwB0pDxwO1iiA8CNmALgSTngMztYwgNgKuYA1KRccCtYogbAXCZcSpIFPgs1dyyypSBsitC6vtW6QFsX6CGXr+7XnwG4FOfFRWNxOaSgzDcOPpLzdStnvvZjJ5F8nVxlfMtjbeHREhatMqm18RTfUhtbsfIVr407Fb2nF62Eil5gH1Jo91RgzydJNAvqVKVn99cX1v5akvBeMBV4NuGiZhlJoszA+DnAihE9OnjUKFHDo0OPEatQ4pHBnldk4F9hbszCN+gzyZh2J9nTrmP9gaszeapFZvQHTe0z+n8avfP8qB6kSQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wMy0zMVQxNzoxNzoyNCswODowMObcYeUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDMtMzFUMTc6MTc6MjQrMDg6MDCXgdlZAAAAAElFTkSuQmCC);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center center;
}
#downloadBar .bar-item.downloadbar-logo {
	position: absolute;
	left: 40px;
	top: 0;
	width:50px;
	/*
	background-image: url(../images/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	*/
}
#downloadBar .bar-item.downloadbar-open {
	position: absolute;
	right: 0;
	top: 0;
	width: 70px;
	background-color: #FF6C08; color:#fff;
	text-align: center;
	cursor: pointer;
}