/*
*{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
*/

body,h1,h2,h3,h4{color:#333333; margin:0px; padding:0px; font-weight:300;  text-shadow: 0px 1px 2px rgba(0,0,0,0);}
body,div,td{font-family:"Helvetica Neue", "PingFang SC", Lucida Grande, Geneva, Arial, Verdana, Lucida Sans Unicode, Helvetica, sans-serif; font-size:12px; line-height:18px;}
img{outline: none; border:0px;} 

h3{font-size: 14px; font-weight: 500;}

a:link{color:#4388d3; text-decoration:none; }
a:hover{color:#4388d3; text-decoration:underline;}
a:visited{color:#4388d3}
a {blr:expression(this.onFocus=this.blur());}
a:focus {outline: none;} 
.clr{clear:both;}

body{background:#fff; overflow: scroll; font-size: 12px;}

#Head{width:100%; background: #f9f9f9; border-bottom: 0px solid #333;}
#Logo{float: left; margin:10px 0px 10px; width:144px; height:30px; background:url(images/logo_en.png) no-repeat; background-size: contain; z-index:500;}

#Head .version{color: #333; float: right; padding: 15px 20px; font-size: 13px; line-height: 20px; background-size: contain; background-repeat: no-repeat;}
#Head .version:hover{color: #000; text-decoration: underline;}

#Menu .nav_link{color: #333; font-size: 13px; padding: 15px 25px; line-height: 20px; display: block; float: right;}
#Menu .nav_link:hover{color: #000; text-decoration: underline;}

#search-ac{display: none};

.wrapper{margin:0px auto; padding:0 15px; max-width:960px; position: relative;}

.feature{color:#fff; font-size:16px; padding:0px; position:relative; border-top:1px solid #f0f0f0;}
.feature .wrapper{overflow: hidden;}

.feature .descr{z-index: 10; margin-top: 30px;}
.feature h2{color:#000; font-size:20px; font-weight: 500; line-height:48px; margin-bottom:20px;}
.feature p{color:#333; font-size:13px; font-weight: 300; line-height:24px; margin-bottom:10px;}

/* .downloads.en .block{margin-left: -12px;} */

#FeatureGlobalMap{display: none; border-top:0px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#184355), to(#16283C))}
#FeatureGlobalMap h2{margin-bottom: 0px; font-weight: 200; font-size: 16px; color: #fff; width:100%; text-align:center;}
#FeatureGlobalMap .pic{ position:relative; margin: 0px auto; background:url(images/feature_cities.jpg) no-repeat; background-size: 700px 600px; width:700px; height:600px;}
#FeatureGlobalMap .pic_en{ position:relative; top:50px; right:40px; background:url(images/feature_1_en.png) no-repeat; width:480px; height:566px;}
#FeatureGlobalMap #mapChart{min-width: 320px; min-height:180px; width:100%; height:100%; margin: 0 auto;}

#FeatureApp{background: #fff;}
#FeatureApp .descr{text-align:center; margin: 30px auto 30px; z-index: 999;}
#FeatureApp .descr_en{text-align:center; width:960px; position:absolute; top:60px; left:0px;}
#FeatureApp #iPhoneWatch{margin: 10px auto 30px; position: relative; background:url(images/app_iPhone.jpg) no-repeat; background-size: 250px 500px; width:250px; height:500px; z-index: 0;}
#FeatureApp .pic{display: none;}
#FeatureApp #iPhoneBoxSwipe{overflow: hidden; width:208px; height: 370px; position: absolute; top: 65px; left: 21px; z-index: 999;}
#FeatureApp #watchImage{display: none;}
#FeatureApp #watchImage.en{background-image: url(images/app_watch_1_en.png)}
#FeatureApp .swipe-wrap div { float:left; width:100%; position: relative;}
#FeatureApp .iphone{width:210px; height:374px; background-size: 210px 374px;}
#FeatureApp .iphone_1_en{background-image: url(images/app_iphone_1_en.PNG)}
#FeatureApp .iphone_2_en{background-image: url(images/app_iphone_2_en.PNG)}
#FeatureApp .iphone_3_en{background-image: url(images/app_iphone_3_en.PNG)}
#FeatureApp .iphone_4_en{background-image: url(images/app_iphone_4_en.PNG)}
#FeatureApp .slideBtn{background-size: 40px 80px; cursor: pointer; opacity: 0.5; z-index: 1000; width: 40px; height: 80px; position: absolute; top: 450px;}
#FeatureApp .leftBtn{background-image: url(images/arrow_left_2x.jpg); right: 450px; display: none;}
#FeatureApp .rightBtn{background-image: url(images/arrow_right_2x.jpg); right: 0px; display: none;}

#FeatureApp .btn{background:url(images/download_btns.png) no-repeat; background-size: 1225px 150px; display:block; margin-bottom: 15px;}

#Downloads{position: relative; height: 300px;}
#Downloads h3{margin-bottom: 10px; text-align: center; font-weight: 400;}

#Downloads .block{width: 170px; margin: 0px auto;}

#iOSDownload {margin: 0 auto 30px;}
#iOSDownload .btn{background-position:0px 0px; height:54px; width:170px;}
#iOSDownload .btn:hover{background-position:-0px -59px;}

#AndroidDownload {margin: 0 auto;}
#AndroidDownload .btn{height:54px; width:170px; margin-right: 20px; float: left;}

#AndroidDownload .btn_googleplay{background-position:-175px 0px;}
#AndroidDownload .btn_googleplay:hover{background-position:-175px -59px;}

#AndroidDownload .btn_local{background-position:-875px 0px;}
#AndroidDownload .btn_local:hover{background-position:-875px -59px;}

#AndroidDownload .btn_googleplay_en{background-position:-350px 0px;}
#AndroidDownload .btn_googleplay_en:hover{background-position:-350px -59px;}

#AndroidDownload .btn_local_en{background-position:-700px 0px;}
#AndroidDownload .btn_local_en:hover{background-position:-700px -59px;}

#AndroidAPKQRCode{height: 80px; width: 80px; float: left; background:url(images/qrcode_local.png) no-repeat;  background-size: 80px 80px;}
#AndroidAPKQRCode.ctrip{background-image:url(images/qrcode_ctrip.png);}
#AndroidAPKQRCode.pingan{background-image:url(images/qrcode_pingan.png);}

#WXCode {position: absolute; top:280px; left: 0px; width: 300px;}
#WXCode .btn{background:url(images/wxcode.jpg) no-repeat; background-size: 98px 98px;  height:98px; width:98px;}


.downloads .btn_android_en{background-position:-400px -2px;}
.downloads .btn_android_en:hover{background-position:-400px -60px;}

.downloads .btn_local{background-position:-525px 0px; height:54px; width:170px; }
.downloads .btn_local:hover{background-position:-525px -59px;}

.downloads .wxcode{background:url(images/wxcode.jpg) no-repeat; display:block; height:110px; width:110px; }

#FeatureDevice{background: #f9f9f9;}
#FeatureDevice .descr{position:relative; width:100%; margin-bottom: 40px;}
#FeatureDevice .descr h2{width:100%; text-align:center;}
#FeatureDevice .descr p{text-align:center;}
#FeatureDevice .pic{margin: 0 auto; background:url(images/device_iPhone_en.jpg); background-size: contain; width:263px; height:504px;}
#FeatureDevice .pic_en{margin: 0 auto; background:url(images/device_iPhone_en.png); background-size: contain; width:263px; height:504px;}

#FeatureDevice #Devices{margin-top: 40px; position: relative;}
#FeatureDevice #Devices .device{margin-bottom: 40px; position: relative;}
#FeatureDevice #Devices #philips_purifier .img{position:absolute; top:0px; left:0px; background:url(images/device_philips.png); background-size: contain; width:80px; height: 120px;}
#FeatureDevice #Devices #laseregg .img{position:absolute; top:0px; left:0px; background:url(images/device_laseregg.png); background-size: contain; width:80px; height: 80px;}
#FeatureDevice #Devices h3{margin: 0px 0px 5px 100px; font-weight:500; font-size:13px; line-height: 20px;}
#FeatureDevice #Devices p{margin: 0px 0px 0px 100px; font-weight:300; font-size:12px; line-height: 20px; }

#FeatureTrusted{background: #fff;}
#FeatureTrusted .descr{position:relative; width:100%; margin-top: 40px; margin-bottom: 40px;}
#FeatureTrusted .descr h2{width:100%; text-align:center; }
#FeatureTrusted .pic{margin: 0 auto; background:url(images/trusted_by_m.png) no-repeat 50%; background-size: contain; width:100%; min-height: 250px;}
#FeatureTrusted .appInfos{margin-top: 40px; margin-bottom: 20px;}
#FeatureTrusted .appInfos .appInfo{float: left; margin-bottom: 20px;}
#FeatureTrusted .appInfos .rl{margin-right: 0px;}
#FeatureTrusted .appInfos .appInfo h3{font-size: 13px; margin-bottom: 5px; line-height: 20px;}
#FeatureTrusted .appInfos .appInfo p{font-size: 12px; font-weight: 300; line-height: 20px; margin: 0px;}

#FeatureAbout{background: #fff;}
#FeatureAbout .wrapper{margin:0px auto;}
#FeatureAbout .descr{text-align:center; width:100%;}
#FeatureAbout .descr p{margin: 0; line-height: 22px;}
#FeatureAbout .members{margin: 60px auto 0px; max-width: 540px; min-width: 320px;}
#FeatureAbout .members .member{float: left; margin: 0 -webkit-calc(25% - 50px) 30px -webkit-calc(25% - 50px);}
#FeatureAbout .members .member .portrait{width: 100px; height: 100px; border-radius: 60px; margin-bottom: 10px; background: #ccc;}
#FeatureAbout .members .member .bin{background:url(images/portrait_bin.jpg); background-size: contain;}
#FeatureAbout .members .member .jun{background:url(images/portrait_jun.jpg); background-size: contain;}
#FeatureAbout .members .member .tao{background:url(images/portrait_tao.jpg); background-size: contain;}
#FeatureAbout .members .member .mengfei{background:url(images/portrait_mengfei.jpg); background-size: contain;}
#FeatureAbout .members .member .name{color: #333; font-size: 12px; font-weight: 300; text-align: center;}
#FeatureAbout .members .member .role{color: #777; font-size: 12px; font-weight: 300; text-align: center;}
#FeatureAbout .contacts{font-weight: 300; margin: 20px 0 40px;}
#FeatureAbout .contacts .contact{font-size: 13px; margin-bottom: 10px; color: #555; text-align: center;}
#FeatureAbout .contacts .contact_cn{font-size: 13px; margin-bottom: 10px; color: #555; text-align: center;}

#Foot{padding: 30px 0px; background: #2d3239; font-weight: 300; font-size:12px;}
#Foot .wrapper{margin:0px auto; position: relative;}
#Foot .logo{position: absolute; top: 0px; left: 15px; width:50px; height:50px; background:url(images/appicon_r.png) no-repeat; background-size: contain; z-index:500;}
#Foot .logo_intro{float: left; margin: 0px 0 0 70px;  color: #ccc;font-size: 12px; line-height: 20px;}
#Foot .copyright{float: none; text-align: center; margin-top: 30px; color: #999; font-size: 9px;}
#Foot .copyright a{ color: #999;}