@charset "gb2312";
.store-holder {
	width: 100%;
}
.store-banner li {
	width: 100%;
	height: 500px;
	background-image: url(../img/join-banner.jpg);
	background-position: center;
}
/*---------------------------------------------------------*/
.store-map-holder {
	position: relative;
	width: 1200px;
	height: 600px;
	margin: 50px auto;
}
/*---------------------------------------------------------*/
.store-text {
	position: absolute;
	width: 700px;
	left: 0px;
}
.store-text span {
	display: block;
	color: #cca53c;
	font-size: 16px;
}
.store-text .text-1 {
	height: 45px;
	font-size: 24px!important;
	color: #C00000!important;
	font-weight: bold;
}
.store-text .text-2 {
	height: 100px;
	line-height: 25px;
	font-size: 14px!important;
}
.store-text .text-line {
	width: 40px;
	height: 20px;
	border-top: 3px solid #cca53c;
}
/*---------------------------------------------------------*/
.store-map {
	position: absolute;
	left: 60px;
	top: 72px;
	width: 640px;
	height: 528px;
}
/*---------------------------------------------------------*/
.store-form {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 280px;
}
.store-form .note {
	display: block;
	width: 100%;
	height: 45px;
	background-color: #FFAA00;
	line-height: 45px;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.store-form .title {
	display: block;
	width: 100%;
	height: 45px;
	background-color: #EEE;
	line-height: 45px;
	text-align: center;
	color: #000;
	font-size: 16px;
}
.store-form select {
	display: block;
	width: 100%;
	height: 45px;
	padding: 10px;
	background-color: #DDD;
	line-height: 24px;
	color: #666;
	font-size: 16px;
}
.store-form input {
	display: block;
	width: 100%;
	height: 45px;
	padding: 10px;
	background-color: #0088FF;
	line-height: 25px;
	color: #FFF;
	font-size: 18px;
}
/*---------------------------------------------------------*/
.store-form-list {
	width: 100%;
	height: 430px;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	padding: 9px;
	overflow: auto;
}
.store-form-list a {
	display: block;
	width: 100%;
	height: 30px;
	padding: 0px 10px;
	background-color: #EEE;
	margin-bottom: 1px;
	line-height: 30px;
	color: #666;
	word-break: keep-all;/* 不换行 */
	white-space: nowrap;/* 不换行 */
	overflow: hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow: ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.store-form-list a:hover {
	background-color: #0088FF;
	color: #FFF;
}
/*---------------------------------------------------------*/
.store-best-holder {
	width: 1200px;
	margin: auto;
}
.store-best-title {
	width: 100%;
	height: 62px;
	padding: 15px 0px;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
}
.store-best-title .cn-title {
	line-height: 30px;
	font-size: 18px;
	color: #C00000;
	font-weight: bold;
	border-left: 4px solid #C00000;
	padding: 0px 10px;
}
.store-best-title .en-title {
	line-height: 30px;
	font-size: 18px;
	color: #CCC;
	text-transform: uppercase;
}
.store-best-title .add-word {
	float: right;
	line-height: 30px;
	font-size: 14px;
	color: #cca53c;
}
.store-best-list {
	width: 100%;
	padding: 50px 0px;
}
.store-best-list .list {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 20px;
	background-color: #F5F5F5;
}
.store-best-list .list:nth-child(4n) {
	margin-right: 0%;
}
.store-best-list .img {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.store-best-list .img i {
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.store-best-list .title {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0px 20px;
	border-bottom: 1px solid #DDD;
	line-height: 39px;
	font-size: 16px;
	color: #333;
	word-break: keep-all;/* 不换行 */
	white-space: nowrap;/* 不换行 */
	overflow: hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow: ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.store-best-list .phone {
	display: block;
	width: 100%;
	height: 30px;
	padding: 0px 20px;
	line-height: 40px;
	font-size: 14px;
	color: #999;
	word-break: keep-all;/* 不换行 */
	white-space: nowrap;/* 不换行 */
	overflow: hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow: ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.store-best-list .address {
	display: block;
	width: 100%;
	height: 30px;
	padding: 0px 20px;
	line-height: 20px;
	font-size: 14px;
	color: #999;
	word-break: keep-all;/* 不换行 */
	white-space: nowrap;/* 不换行 */
	overflow: hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow: ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
/*---------------------------------------------------------*/

/*---------------------------------------------------------*/