/*
   public.css
   <project>
   
   Created by Administrator on 2015-06-04.
   Copyright 2015 Administrator. All rights reserved.
*/

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

input,
img {
	border: none;
	vertical-align: middle;
}

body {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: Arial, 微软雅黑, 黑体, sans-serif;
}

.bg_color_052428 {
	background-color: #052428;
}

.bg_color_77a96e {
	background-color: #77a96e;
}

.container {
	/*max-width: 640px;*/
	width: 100%;
	height: 100%;
	margin: 0 auto;
	/*background-color: #7f090e;*/
}

.hide {
	display: none;
}

.vis_hide {
	visibility: hidden;
}

.abs {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}

.rel {
	position: relative;
	z-index: 2;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.pages_bg {
	z-index: 0;
}

.swiper-container {}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #FFFFFF;
	opacity: .4;
}

.swiper-pagination-bullet-active {
	opacity: 1;
}

.swiper-button-prev {
	left: 41%;
	top: 45%;
	width: 20px;
	height: auto;
	background: none;
	z-index: 20;
	margin: 0;
}

.swiper-button-next {
	right: 1%;
	top: 45%;
	width: 20px;
	height: auto;
	background: none;
	z-index: 20;
	margin: 0;
}

.arrows-up {
	position: absolute;
	width: 30px;
	left: 50%;
	bottom: 3%;
	margin-left: -15px;
	z-index: 5;
}

.pages01_list {
	left: 8%;
	top: 10%;
	width: 200px;
}

.pages01_list img {
	float: left;
	margin-bottom: 8%;
}

.pages02_list {
	left: 50%;
	top: 35%;
	width: 200px;
	margin-left: -100px;
}

.pages03_list {
	left: auto;
	right: 10%;
	top: 15%;
	width: 240px;
}

.pages04_list {
	left: 5%;
	top: 15%;
	width: 220px;
}

.pages05_list {
	left: 5%;
	top: auto;
	bottom: 10%;
	width: 260px;
}

.pages06_list {
	left: auto;
	right: 5%;
	top: 15%;
	width: 260px;
}

.pages07_list {
	left: auto;
	right: 3%;
	top: 10%;
	width: 300px;
}

.pages08_list {
	left: auto;
	right: 10%;
	top: 45%;
	width: 250px;
}

.pages09_list {
	left: 3%;
	top: auto;
	bottom: 6%;
	width: 400px;
}

.pages10_list {
	left: 6%;
	top: 27%;
	width: 220px;
}

.pages11_list {
	left: auto;
	right: 4%;
	top: 6%;
	width: 340px;
}

.pages12_list {
	left: 5%;
	top: auto;
	bottom: 15%;
	width: 280px;
}

.pages13_list {
	left: 5%;
	top: auto;
	bottom: 6%;
	width: 160px;
}

.pages14_list {
	left: 4%;
	top: 33%;
	width: 260px;
}


/*尊邸品鉴*/

.pages_tasting_list01,
.pages_tasting_list02 {
	top: 12%;
	left: 0;
	width: 35%;
}

.pages_tasting_list01 img,
.pages_tasting_list02 img {
	float: left;
	margin-bottom: 3%;
}

.pages_tasting_layer01,
.pages_tasting_layer02 {
	width: 100%;
	height: 100%;
	z-index: 90;
	background-color: #052428;
	opacity: 0.9;
}

.pages02_01_tasting,
.pages04_01_tasting {
	left: 50%;
	z-index: 99;
}

.pages_btn_plan {
	cursor: pointer;
	width: 50%;
	margin-left: 9%;
	margin-top: 20%;
}

.pages_btn_close {
	cursor: pointer;
	top: 4%;
	left: auto;
	right: 2%;
	width: 35px;
	z-index: 99;
}

.pages_btn_plus {
	cursor: pointer;
	top: auto;
	left: auto;
	right: 3%;
	bottom: 20%;
	z-index: 99;
	width: 40px;
}

.pages_btn_minus {
	cursor: pointer;
	top: auto;
	left: auto;
	right: 3%;
	bottom: 5%;
	z-index: 99;
	width: 40px;
}


/*尊邸品鉴*/


/*天地之心*/

.bg_color_88c5e5 {
	background-color: #88c5e5 !important;
}

.pages15_list {
	left: 8%;
	top: 20%;
	width: 300px;
}

.pages15_list img {
	float: left;
	margin-bottom: 4%;
	border: none;
	line-height: 0;
	display: block;
	vertical-align: middle;
}

.pages02_01_heaven {
	top: auto;
	bottom: -5%;
	left: auto;
	right: 0;
	width: 68%;
}


/*天地之心*/


/*悠然之心*/

.bg_color_7d6563 {
	background-color: #7d6563;
}

.pages17_list {
	left: 4%;
	top: 45%;
	width: 290px;
}

.pages17_list img {
	float: left;
	margin-bottom: 4%;
	border: none;
	line-height: 0;
	display: block;
	vertical-align: middle;
}

.pages04_01_leisurely {
	top: -5%;
	left: auto;
	right: 0;
	width: 68%;
}


/*悠然之心*/


/*睿智之心*/

.bg_color_cfc5c4 {
	background-color: #cfc5c4;
}

.pages19_list {
	left: auto;
	right: 5%;
	top: 15%;
	width: 290px;
}

.pages19_list img {
	float: left;
	margin-bottom: 4%;
	border: none;
	line-height: 0;
	display: block;
	vertical-align: middle;
}

.pages06_01_smart {
	top: 40%;
	left: auto;
	right: 0%;
	width: 40%;
}


/*睿智之心*/


/*都市之心*/

.bg_color_fecc75 {
	background-color: #fecc75;
}

.pages21_list {
	top: auto;
	bottom: 5%;
	left: 5%;
	width: 290px;
}

.pages21_list img {
	float: left;
	margin-bottom: 4%;
	border: none;
	line-height: 0;
	display: block;
	vertical-align: middle;
}

.pages08_01_vogue {
	top: auto;
	bottom: -3%;
	left: 0;
	width: 50%;
}


/*都市之心*/


/*尊贵之心*/

.bg_color_b27147 {
	background-color: #b27147;
}

.pages23_list {
	top: 42%;
	left: 5%;
	width: 290px;
}

.pages23_list img {
	float: left;
	margin-bottom: 4%;
	border: none;
	line-height: 0;
	display: block;
	vertical-align: middle;
}

.pages10_01_prestigious {
	top: 45%;
	left: 0;
	width: 50%;
}


/*尊贵之心*/


/* 横竖屏提示 start*/

.orientation_container {
	width: 100%;
	height: 100%;
	background: #000000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	text-align: center;
}

.orientation_container_tip {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.orientation_container_tip span {
	font-size: 18px;
	display: block;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	padding-top: 10px;
	line-height: 2;
}

.orientation_container_tip span small {
	font-size: 16px;
}

.orientation_container_tip img {
	-webkit-animation: landscapeAni 1.5s ease infinite alternate;
	animation: landscapeAni 1.5s ease infinite alternate;
}

@-webkit-keyframes landscapeAni {
	0% {
		-webkit-transform: rotate(0deg);
	}
	30% {
		-webkit-transform: rotate(0deg);
	}
	70% {
		-webkit-transform: rotate(-90deg);
	}
	100% {
		-webkit-transform: rotate(-90deg);
	}
}

@keyframes landscapeAni {
	0% {
		transform: rotate(0deg);
	}
	30% {
		transform: rotate(0deg);
	}
	70% {
		transform: rotate(-90deg);
	}
	100% {
		transform: rotate(-90deg);
	}
}


/* 横竖屏提示 end*/

.zoomPlus {
	backface-visibility: visible;
	animation-name: zoomPlus;
	animation-delay: 0ms;
	animation-duration: 3s;
	animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-play-state: running;
	transform: translate(0px) scale(1.25);
}

@-webkit-keyframes zoomPlus {
	0% {
		-webkit-transform: translate(0px) scale(1);
		-webkit-transform-origin: 50% 50%;
	}
	100% {
		-webkit-transform: translate(0px) scale(1.25);
		-webkit-transform-origin: 50% 50%;
	}
}

@keyframes zoomPlus {
	0% {
		transform: translate(0px) scale(1);
		transform-origin: 50% 50%;
	}
	100% {
		transform: translate(0px) scale(1.25);
		transform-origin: 50% 50%;
	}
}

.zoomMinus {
	backface-visibility: visible;
	animation-name: zoomMinus;
	animation-delay: 0ms;
	animation-duration: 3s;
	animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-play-state: running;
	transform: translate(0px) scale(1);
}

@-webkit-keyframes zoomMinus {
	0% {
		-webkit-transform: translate(0px) scale(1.25);
		-webkit-transform-origin: 50% 50%;
	}
	100% {
		-webkit-transform: translate(0px) scale(1);
		-webkit-transform-origin: 50% 50%;
	}
}

@keyframes zoomMinus {
	0% {
		transform: translate(0px) scale(1.25);
		transform-origin: 50% 50%;
	}
	100% {
		transform: translate(0px) scale(1);
		transform-origin: 50% 50%;
	}
}
/*ip 4s*/

@media all and (min-width: 320px) and (max-height: 416px) {}


/*ip 5s*/

@media all and (min-width: 320px) and (max-height: 504px) {}


/*andriod*/

@media all and (min-width: 360px) {}


/*samsung*/

@media all and (min-width: 360px) and (max-height: 567px) {}


/*huawei*/

@media all and (min-width: 360px) and (max-height: 519px) {}


/*xiaomi*/

@media all and (min-width: 360px) and (max-height: 572px) {}


/*ip 6*/

@media all and (min-width: 375px) {}


/*ip 6+*/

@media all and (min-width: 414px) {}


/*meizu*/

@media all and (min-width: 432px) and (max-height: 599px) {}


/*竖屏 css*/

@media screen and (orientation: portrait) {}


/*横屏 css*/

@media screen and (orientation: landscape) {
	/*ip 5 微信*/
	@media all and (min-height: 268px) and (max-width: 568px) {
		.pages02_list {
			top: 30%;
		}
		.pages03_list {
			left: auto;
			right: 5%;
			top: 10%;
			width: 200px;
		}
		.pages04_list,
		.pages10_list {
			width: 200px;
		}
		.pages05_list,
		.pages06_list,
		.pages08_list,
		.pages12_list,
		.pages14_list {
			width: 220px;
		}
		.pages07_list,
		.pages11_list {
			width: 240px;
		}
		.pages09_list {
			width: 320px;
		}
	}
	/*ip 6 微信*/
	@media all and (min-height: 323px) and (max-width: 667px) {}
	/*ip 6+ 微信*/
	@media all and (min-height: 362px) and (max-width: 763px) {}
}