@import "iconfont.css";
	@import "animate.min.css";
	body {
	text-align:center;
	font-family:"微软雅黑",source sans pro,sans-serif
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	color:#3a3a3a;
	font-weight:700;
	font-family:"微软雅黑",roboto condensed,sans-serif
}
p {
	font-size:1em;
}
.lead {
    font-weight:300;
    color:#333333;
    font-size: 18px;
}
button {
	display:inline-block;
	margin-bottom:0;
	margin-bottom:10px;
	padding:6px 12px;
	border:1px solid transparent;
	border-radius:4px;
	border-radius:5px;
	vertical-align:middle;
	text-align:center;
	white-space:nowrap;
	font-weight:400;
	font-size:14px;
	line-height:1.428571429;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none
}
.visibility {
	visibility:hidden
}
.animated {
	visibility:visible!important
}
header h1,.payoff h1,.details .carousel,.social a:hover {
	color:#b38549;
}
.features p {
	color:#b8b8b8;
}
.features,.detail .carousel-indicators .active {
	background:#dbab6d;
}
nav.navbar {
	position:fixed;
	top:-100%;
	margin-bottom:0;
	padding:10px 0;
	width:100%;
	border-radius:0;
	transition:all .2s
}
.navbar-nav {
	float:right
}
nav.navbar.fixed-to-top {
	top:0
}
.navbar-default {
	border:none;
	border-bottom:1px solid #0d0d0d;
	background:#0d0d0d;
	opacity:.95;
	display:none
}
.navbar-default .navbar-nav>li>a {
	color:#dbab6d;
	font-size:1.2em
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
	color:#DDBD8A;
	cursor:pointer;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out
}
.navbar-default .navbar-brand {
	color:#b38549;
	text-transform:uppercase;
	font-weight:400;
	font-size:2em;
	font-family:roboto condensed,sans-serif
}
header {
	padding:150px 0 0;
	height:960px;
	background:url(../images/nepal.jpg);
	background-color:#fff!important;
	background-size:cover;
	background-repeat:no-repeat;
	color:#fff
}
header h1 {
	text-transform:uppercase;
	font-weight:300;
    font-size:100px;
	font-family:Arial, Helvetica, sans-serif;
}
header p.lead {
    font-size:28px;
    color: #b8b8b8;
}
header .carousel-iphone {
	margin-right:auto;
	margin-left:auto;
	width:320px;
	height:672px;
	background:url(../images/iphone-front.png) no-repeat;
	background-size:100%
}
header .carousel {
	position:relative;
	margin-right:auto;
	margin-left:auto;
	padding:95px 0 0 4px;
	width:282px
}
header .carousel-indicators .active {
	width:15px;
	height:15px;
	background:#444
}
header .carousel-indicators {
	bottom:-63px
}
header .carousel-indicators li {
	display:inline-block;
	margin:1px;
	width:15px;
	height:15px;
	border:1px solid #666;
	border-radius:10px;
	text-indent:-999px;
	cursor:pointer
}
.purchase {
	overflow:hidden;
	padding:100px 0;
	min-height:200px
}
.purchase button.app-store {
	width:152px;
	height:52px;
	/* background:url(../images/xiazai.png) #dbab6d no-repeat 0 5px; */
	color:#fff;
	font-size: 18px;
	font-weight: bold;
    background: #dbab6d;
}
.payoff {
	overflow:hidden;
	padding:230px 0 150px;
	min-height:600px;
	background:url(../images/dunes.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	color:#fff
}
.payoff h1 {
	font-weight:bold;
    font-size:2.8em;
    color: #3a3a3a;
}
.detail {
	overflow:hidden;
	padding:50px 0 0;
	min-height:500px
}
.detail .title {
	margin-bottom:80px;
	text-align:center
}
.detail .features .row {
	margin-bottom:40px
}
.detail .carousel h1 {
	font-size:3.8em
}
.detail .carousel h1,.detail p {
	text-align:left;
	font-weight:300
}
.detail p {
	color:#333333;
}
.detail .carousel-control {
	background:0 0
}
.detail .app-screenshot {
	overflow:hidden;
	overflow:hidden;
	margin-right:auto;
	margin-left:auto;
	padding-top:95px;
	width:320px;
	height:450px;
	background:url(../images/iphone-front.png) no-repeat;
	background-size:100%
}
.detail .app-screenshot img {
	margin-right:auto;
	margin-left:auto;
	padding-left:4px;
	width:280px
}
.detail .carousel-indicators {
	position:relative;
	bottom:0;
	left:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	padding:5px;
	padding-bottom:8px;
	width:100%;
	border-top:1px solid #eee;
	background:#fff
}
.detail .carousel-indicators .active {
	width:45px;
	height:5px;
	border:none;
	border-radius:0
}
.detail .carousel-indicators li {
	display:inline-block;
	margin:1px;
	width:45px;
	height:5px;
	border:none;
	border-radius:0;
	background:#eee;
	text-indent:-999px;
	cursor:pointer
}
.features {
	overflow:hidden;
	padding:150px 0;
	min-height:400px;
    color:#fff;
    background:#0d0d0d;
}
.features p {
	font-weight:400
}
.features h2 {
	color:#b38549;
	text-transform:uppercase;
	font-weight:300
}
.features .circle {
	box-sizing:border-box;
	margin-right:auto;
	margin-left:auto;
	padding-top:33px;
	width:150px;
	height:150px;
	border:2px solid #b38549;
	border-radius:100%;
	text-align:center
}
.features span.glyphicon,.features i {
	margin-top:3px;
	color:#b38549;
	font-size:5em
}
.social {
	overflow:hidden;
	padding:80px 0 150px;
	min-height:350px;
	background:url(../images/sea.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	color:#fff
}
.social h2 {
	color:#fff
}
.social a {
	margin-left:10px;
	color:#fff;
	font-size:5em;
	transition:all .3s
}
.social a:hover {
	text-decoration:none;
	cursor:pointer
}
.get-it {
	padding:100px 0 160px;
	text-align:center
}
.get-it button.app-store {
	width:152px;
	height:52px;
	/* background:url(../images/badge-appstore.png) #dbab6d no-repeat 0 5px; */
	color:#fff;
	font-size: 18px;
	font-weight: bold;
    background: #dbab6d;
}
.get-it hr {
	margin-top:3em;
	margin-bottom:3em
}
.get-it ul {
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:0
}
.get-it ul li {
	display:inline-block;
	margin-left:30px
}
.get-it ul li:first-child {
	margin-left:0
}
.get-it ul li a {
	color:#aaa;
	font-size:1.2em;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out
}
.get-it ul li a:hover {
	color:#3a3a3a;
	text-decoration:none;
	cursor:pointer
}
@media(max-width:768px) {
	header {
	padding-bottom:50px;
	min-height:1000px;
	height:100%
}
.navbar-nav {
	float:left;
	text-align:left
}
}@media(max-width:992px) {
	.detail .carousel h1,.detail p {
	text-align:center
}
.detail p {
	margin-bottom:60px
}
header,.social {
	background-position-y:0;
	background-size:200%
}
.payoff {
	padding-top:50px;
	padding-bottom:50px;
	min-height:200px
}
.payoff h1 {
	font-size:24px
}
.features .col-md-4 {
	margin-bottom:60px
}
}@media(max-width:480px) {
	header .carousel-iphone,.detail .app-screenshot {
	width:280px
}
header .carousel,.detail .app-screenshot img {
	padding-top:85px;
	width:245px
}
.detail .app-screenshot img {
	margin-top:-12px;
	padding-top:0
}
header {
	padding-top:30px;
	padding-bottom:0
}
header h1 {
	font-size:25px;
}
.purchase {
	padding-top:50px
}
.features col-md-4 {
	margin-bottom:50px
}
}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	.purchasebutton.app-store,.get-it button.app-store {
	/* background:url(../images/badge-appstore@2x.png) #dbab6d no-repeat -6px 2px; */
	background-size:98%;
	color:#fff;
	font-size: 18px;
	font-weight: bold;
    background: #dbab6d;
}
}


@media(min-width:700px) {
.weixinjia {width:100%;overflow:hidden;height:100%;display:block;position:fixed;top:-100%;left:0px;z-index:10;background:url(../images/tm.png);}
.weixinjia div.m {width:400px; overflow:hidden; height:auto; padding:30px; margin:0px auto; margin-top:6%; background:#fff;padding-top:20px; position:relative}
.weixinjia div.m h1 {width:100%; overflow:hidden; height:40px; text-align:center; line-height:40px; font-size:22px; color:#313131; font-weight:bold}
.weixinjia div.m img {width:160px; overflow:hidden; height:160px; display:block; margin:0px auto; margin-top:20px;}
.weixinjia div.m h2 {width:100%; overflow:hidden; height:40px; text-align:center; font-size:28px; line-height:40px; color:#333333; }
.weixinjia div.m a {width:200px; overflow:hidden; height:40px; background:#dbab6d; text-align:center; line-height:40px; display:block; margin:0px auto; color:#FFF; margin-top:20px; font-size:18px;}
.weixinjia div.m a:hover {width:200px; overflow:hidden; height:40px;  text-align:center; line-height:40px; display:block; margin:0px auto; color:#FFF; margin-top:20px; font-size:18px; text-decoration:none}
.weixinjia div.m p {width:40px; overflow:hidden; height:40px; text-align:center; line-height:40px; font-weight:bold; font-size:30px; display:block; position:absolute; top:0px; right:0px; z-index:999; cursor:pointer}
}


@media(max-width:600px) {
.weixinjia {width:100%; overflow:hidden; height:100%; display:block; position:fixed; top:-100%; left:0px; z-index:10; background:url(../images/tm.png)}
.weixinjia div.m {box-sizing: content-box;width:240px; overflow:hidden; height:auto; padding:30px; margin:0px auto; margin-top:20%; background:#fff; padding-top:20px; position:relative}
.weixinjia div.m h1 {width:240px; overflow:hidden; height:40px; text-align:center; line-height:40px; font-size:18px; color:#313131; font-weight:bold}
.weixinjia div.m img {width:140px; overflow:hidden; height:140px; display:block; margin:0px auto; margin-top:20px;}
.weixinjia div.m h2 {width:240px; overflow:hidden; height:40px; text-align:center; font-size:28px; line-height:40px; color:#333333;}
.weixinjia div.m a {width:200px; overflow:hidden; height:40px; background:#dbab6d ; text-align:center; line-height:40px; display:block; margin:0px auto; color:#FFF; margin-top:20px; font-size:18px;}
.weixinjia div.m a:hover {width:200px; overflow:hidden; height:40px; text-align:center; line-height:40px; display:block; margin:0px auto; color:#FFF; margin-top:20px; font-size:18px; text-decoration:none}
.weixinjia div.m p {width:40px; overflow:hidden; height:40px; text-align:center; line-height:40px; font-weight:bold; font-size:30px; display:block; position:absolute; top:0px; right:0px; z-index:999; cursor:pointer}
.logo{
	width: 100px;
}
}