﻿@charset "utf-8";

/*-------------------- 专卖店首页 --------------------*/
.big_banner_par{
	background-color:#f8f8f8;
}

.big_banner{
	margin:0 auto;
}

.big_banner img{
	display:block;
	width:100%;
	height:auto;
}

.content{
	width:1040px;
	margin:0 auto;
	padding:35px 0 50px 0;
}

.content .nav{
	height:47px;
	border-bottom:1px solid #d7d7d7;
	overflow:hidden;
}

.content .nav_left{
	float:left;
	margin-left:-2px;
}

.content .nav_left a{
	float:left;
	width:346px;
	height:47px;
	line-height:47px;
	color:#797979;
	font-size:18px;
	text-align:center;
	border-top:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
}

.content .nav_left .act{
	color:#515151;
	background-color:#f8f8f8;
}

.area{
	
	padding:21px 0 18px 20px;
}

.area a{
	height:21px;
	padding:0 6px;
	color:#3f3f3f;
	margin-right:6px;
	margin-bottom:3px;
	display:inline-block;
	text-align:center;
	font-size:13px;
	line-height:21px;
}

.area .act{
	background-color:#00a7ea;
	color:#fff;
}

.area_b{
	border-top:1px solid #d7d7d7;
}

.content .address_h2{
	margin-top:20px;
	font-size:18px;
	text-indent:8px;
	padding-bottom:14px;
	border-bottom:1px solid #d7d7d7;
}

.retail_list li{
	padding:26px 0 0 80px;
	width:440px;
	height:128px;
	border-bottom:1px solid #d7d7d7;
}

.retail_list li strong{
	display:block;
	font-size:18px;
	color:#32a5e7;
}

.retail_list li strong img{
	vertical-align:text-top;
	margin-left:5px;
}

.retail_list li span{
	display:block;
	margin-top:6px;
	color:#515151;
}

.join_us{
	margin-top:86px;
	height:60px;
	border-bottom:1px solid #d7d7d7;
}

.join_us strong{
	float:left;
	height:53px;
	line-height:53px;
	font-size:18px;
}

.join_us .join_mz{
	float:right;
	width:200px;
	height:44px;
	line-height:44px;
	margin-left:15px;
	text-align:center;
	font-size:18px;
	color:#fff;
	background-color:#00a7ea;
}

/*-------------------- 专卖店详情页 --------------------*/
.shop_imgs{
	float:left;
	width:511px;
	height:320px;
}

.shop_imgs img{
	width:511px;
	height:320px;
}

.shop_detail{
	float:left;
	width:475px;
	padding-left:52px;
	padding-top:13px;
}

.shop_detail h2{
	height:34px;
	font-size:24px;
	line-height:24px;
	color:#00a7ea;
	margin-bottom:26px;
}

.shop_detail h2 i{
	display:inline-block;
	height:30px;
	margin-left:12px;
	vertical-align:text-top;
}

.shop_detail h2 .tips_sort_2{
	width:41px;
	background:url('../images/v2/shop.png') no-repeat -40px 2px;
	margin-left:10px;
}

.shop_detail h2 .tips_sort_11{
	display:inline-block;
	width:23px;
	height:30px;
	background:url('../images/v2/shop.png') no-repeat 0 2px;
	margin-left:12px;
	vertical-align:text-top;
}

.sd_rows {
	color:#000;
	float:left;
	width:100%;
	line-height:16px;
	margin-bottom:15px;
	font-size:16px;
}

.sd_rows label{
	float:left;
	width:85px;
	color:#000;
}

.sd_rows span{
	float:left;
	width:380px;
}

.sent_area{
	float:left;
}

.qr_code{
	float:left;
}

.qr_code img{
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
}

.qr_code span{
	display:block;
	margin-top:11px;
}

.sent_phone{
	float:left;
	position:relative;
}

.sent_phone_logo{
	float:left;
	cursor:pointer;
}

.sent_phone .sent_phone_logo i{
	display:block;
	width:57px;
	height:93px;
	background:url('../images/v2/shop.png') no-repeat 0 -136px;
	margin:4px 0 0 50px;
}

.sent_phone .sent_phone_logo span{
	display:block;
	margin:14px 0 0 44px;
}

.sent_phone_form{
	height:142px;
	width:225px;
	margin-left:17px;
	background:url('../images/v2/shop.png') no-repeat -94px 12px;
	padding-left:22px;
	position:absolute;
	left:110px;
	display:none;
}

.sent_phone_form h4{
	height:20px;
	line-height:20px;
	margin-top:4px;
}

.spf_line{
	margin-top:11px;
	height:27px;
	overflow:hidden;
}

.spf_line input{
	margin-left:9px;
	width:152px;
	height:24px;
	line-height:26px;
	padding-left:5px;
	vertical-align:middle;
}

.spf_line .verify_code{
	width:86px;
}

.spf_line img{
	border:0;
	width:67px;
	height:26px;
	vertical-align:top;
}

.sent_it{
	display:block;
	margin:12px 0 0 55px;
	width:90px;
	height:27px;
	line-height:27px;
	color:#fff;
	background-color:#00a7ea;
	text-align:center;
}

/* 轮播图片 */
#showPicture {
	width:511px;
	height:320px;
	overflow:hidden;
	position:relative;
	float:right;
}

#showPictureUL {
	height:320px;
	width:1764px;
}

#showPictureUL li {
	float:left;
	width:511px;
	height:320px;
}

#showPictureUL a, #showPictureUL img {
	width:511px;
	height:320px;
	display:block;
}

#showPictureProcess {
	position:absolute;
	left:230px;
	bottom:20px;
	width:70px;
	height:4px;
	overflow:hidden;
}

#showPictureProcess div {
	width:16px;
	height:4px;
	float:left;
	margin-right:5px;
}

.pin, .pout {
	background:url("../images/clickIcon.png") no-repeat;
}

.pout {
	background-position:0 -4px;
	filter:alpha(opacity=60);
	-moz-opacity:.6;
	-khtml-opacity:.6;
	opacity:.6;
}

.pin {
	background-position:0 0;
}



/* 地图 */

.maps {
	position:relative;
	top:0;
	left:0;
	z-index:2;
	margin-top:45px;
	width:100%;
	height:560px;
	background-color:#ccc;
}

.maps .set_server {
	position:absolute;
	top:36px;
	left:22px;
	background-color:#fff;
	box-shadow:1px 1px 3px #d7d5d3;
}

.maps .set_server a {
	float:left;
	width:72px;
	height:39px;
	line-height:39px;
	text-align:center;
	color:#333;
}

.maps .set_server .act {
	color:#00a7ea;
}

.error_cls{
	border:1px solid #d94b38;
}

.foucs_cls{
	border:1px solid #4582e8;
}


/*-------------------- 形象店 --------------------*/
.images_store{
	margin:25px 0 88px 0;
}

.images_store .area_list{
	float:left;
	width:270px;
	height:590px;
	padding-right:18px;
	*padding:0;
}

.images_store .select_area{
	width:270px;
	float:left;
}

.images_store .set_area{
	position:relative;
	float:left;
	display:inline;
	width:128px;
	height:34px;
	line-height:34px;
	color:#000;
	border:1px solid #dfe0e0;
	text-indent:15px;
	background:url('../images/v2/image-store.png') no-repeat 105px -16px;
}

.images_store .show_area{
	display:none;
	position:absolute;
	top:34px;
	left:-1px;
	width:128px;
	max-height: 550px;
	_height: 550px;
	border:1px solid #dfe0e0;
	border-top:none;
	background-color:#fff;
	z-index:10;
	overflow-y: auto;
}

.images_store .show_area li{
	height:34px;
	cursor:pointer;
}

.images_store .show_area li:hover{
	background-color:#31a5e7;
	color:#fff;
}

.images_store .search_area{
	float:left;
	margin-top:10px;
	width:270px;
}

.images_store .search_text{
	float:left;
	width:213px;
	height:20px;
	padding:5px 0 5px 0;
	border:1px solid #dbdbdb;
	border-right:none;
	text-indent:10px;
}

.images_store .search_btn{
	float:left;
	width:56px;
	height:32px;
	color:#fff;
	background-color:#00a7ea;
	border:none;
	cursor:pointer;
}

.images_store .store_list{
	float:left;
	width:270px;
	height: 506px;
	padding-top: 6px;
	overflow-y: auto;
}

.images_store .store_list li{
	padding-top:16px;
	height:88px;
	border-bottom:1px solid #dbdbdb;
	cursor:pointer;
}

.images_store .store_list li:hover, .images_store .store_list .act{
	background-color:#fafafa;
}

.images_store .store_list b{
	float:left;
	width:38px;
	font-size:24px;
	line-height:58px;
	color:#dbdbdb;
	text-align:center;
}

.images_store .store_list .area_info{
	float:left;
	width:214px;
}

.area_info strong{
	color:#00a7ea;
}

.area_info strong i {
	display:inline-block;
	width:16px;
	height:16px;
	margin-left:5px;
	background:url('../images/v2/image-store.png') no-repeat 0 0;
	vertical-align:sub;
	*vertical-align:text-bottom;
}

.area_info p{
	margin-top:5px;
}

/*= 弹出层 =*/
.area_info_pop {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:11;
	width:300px;
	padding:10px;
	border:1px solid #ccc;
	border-radius:3px;
	box-shadow:1px 1px 3px 2px #ddd;
	background-color:#fff;
}

.area_posit {
	position:relative;
}

.area_arrow {
	position:absolute;
	top:9px;
	left:-30px;
	display:inline-block;
	width:0;
	height:0;
	overflow:hidden;
	font-size:0;
	border:10px solid transparent;
	_border-style:dashed;
	border-right-style:solid;
	border-right-color:#ccc;
}

/* 重置滚动条样式 */
.area_list::-webkit-scrollbar {  
  width:14px;  
  height:14px;  
}  
  
.area_list::-webkit-scrollbar-track,  
.area_list::-webkit-scrollbar-thumb {  
  border-radius:999px;  
  border:5px solid transparent;  
}  
  
.area_list::-webkit-scrollbar-track {  
  box-shadow:1px 1px 5px rgba(0,0,0,.2) inset;  
}  
  
.area_list::-webkit-scrollbar-thumb {  
  min-height:20px;  
  background-clip:content-box;  
  box-shadow:0 0 0 5px rgba(0,0,0,.2) inset;  
}  
  
.area_list::-webkit-scrollbar-corner {  
  background:transparent;  
}  

.baidu_maps{
	position:relative;
	float:right;
	width:750px;
	height:590px;
	background-color:#f2f2f2;
}

/*-------------------- 地图样式 --------------------*/
.map_shop_area {
	position:relative;
	width:341px;
	height:100px;
	border:1px solid #d4d2c2;
	box-shadow:1px 1px 3px #d7d5d3;
	margin-bottom:12px;
}

.map_shop_area .map_arrow {
	position:absolute;
	bottom:-8px;
	left:162px;
	background:url(../images/v2/shop.png) 124px 115px;
	width:14px;
	height:9px;
	z-index:9;
	overflow:hidden;
}

.map_shop_area .map_sa_par {
	position:relative;
	top:0;
	width:100%;
	height:100%;
}

.map_shop_area .map_sa_bg {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
	background-color:#fff;
	opacity:.9;
	filter:alpha(opacity=90);
}

.map_shop_area .map_sa_content {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:3;
}

.map_shop_area .map_img {
	float:left;
	margin:15px 10px 0 10px;
}

.map_shop_area i {
	float:left;
	width:69px;
	height:12px;
	background:url('../images/v2/shop.png') no-repeat 0 -118px;
	margin:42px 20px 0 22px;
	display:inline;
}

.map_sa_note {
	float:left;
	width:220px;
	padding-top:26px;
}

.map_shop_area strong {
	color:#333333;
	font-weight:bold;

}

.map_shop_area p {
	margin-top:5px;
}

.map_location {
	position:absolute;
	top:23px;
	right:37px;
	z-index:99;
}

.map_location a {
	float:left;
	width:72px;
	height:39px;
	background-color:#fff;
	border:1px solid #e8e8e8;
}

.map_location i {
	width:23px;
	height:23px;
	display:block;
	background:url('../images/v2/shop.png') no-repeat 0 -90px;
	margin:8px 0 0 25px;
}

.map_location .small {
	border-left:none;
}

.map_location .small i {
	background-position:-30px -90px;
}

.map_location .my_location {
	width:39px;
	height:39px;
	background-position:-30px -90px;
	margin-left:13px;
}

.map_location .my_location i {
	margin:8px 0 0 9px;
	background-position:-59px -90px;
}

.image_map_shop_area {
	position:relative;
	width:385px;
	height:125px;
	border:1px solid #d4d2c2;
	box-shadow:1px 1px 3px #d7d5d3;
	margin-bottom:12px;
}

.image_map_shop_area .image_map_arrow{
	position:absolute;
	bottom:-8px;
	left:184px;
	background:url(../images/v2/shop.png) 124px 115px;
	width:14px;
	height:9px;
	z-index:9;
	overflow:hidden;
}

.image_map_shop_area .image_map_sa_par {
	position:relative;
	top:0;
	width:100%;
	height:100%;
}

.image_map_shop_area .image_map_sa_bg {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
	background-color:#fff;
	opacity:.9;
	filter:alpha(opacity=90);
}

.image_map_shop_area .image_map_sa_content {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:3;
}

.image_map_shop_area img {
	float:left;
	width:120px;
	height:70px;
	margin:28px 20px 0 20px;
	display:inline;
}

.image_map_sa_note {
	float:left;
	width:216px;
	padding-top:26px;
}

.image_map_shop_area strong {
	color:#333333;
	font-weight:bold;

}

.image_map_shop_area p {
	margin-top:5px;
}

/*-------------------- 加盟魅族 --------------------*/
.bread_nav a {
	color:#939393;
}

.bread_nav .act {
	color:#515151;
}

.apply_rows {
	border-top:1px solid #eaeaea;
	padding-top:41px;
	padding-bottom:26px;
}

.apply_line {
	width:100%; 
	margin-bottom:20px;
}

.apply_line:after, .apply_line:before {
	content:"";
	display:table;
	height:0px;
	clear:both;
	visibility:hidden;
}

.apply_line label {
	float:left;
	width:127px;
	font-size:16px;
	line-height:36px;
	text-indent:11px;
}

.apply_line .al_right {
	width:888px;
	float:left;
}

.al_right .al_text {
	width:317px;
	height:22px;
	border:1px solid #dfe0e0;
	background-color:#f9f9f9;
	vertical-align:middle;
	padding:7px 0 5px 10px;
	outline:none;
}

.al_right .set_area {
	position:relative;
	float:left;
	margin-right:7px;
	display:inline;
	width:103px;
	height:34px;
	line-height:34px;
	color:#000;
	border:1px solid #dfe0e0;
	text-indent:8px;
	background:url('../images/v2/arrow.png') no-repeat 95px 26px #f9f9f9;

}

.al_right .show_area {
	display:none;
	position:absolute;
	top:34px;
	left:-1px;
	width:103px;
	border:1px solid #dfe0e0;
	border-top:none;
	background-color:#fff;
	z-index:10;
}

.al_right .show_area li {
	height:34px;
	cursor:pointer;
}

.al_right .show_area li:hover {
	background-color:#31a5e7;
	color:#fff;
}

/* 上传 */
.al_upload {
	position:relative;
	float:left;
	width:472px;
	overflow:hidden;
}

.upload_btn {
	width:118px;
	height:36px;
	border:1px solid #dfe0e0;
	margin-left:21px;
	font-size:15px;
	vertical-align:middle;
	background:linear-gradient(to bottom,#fff,#f9f9f9);
	cursor:pointer;
}

.al_file {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:472px;
	height:36px;
	font-size:100px;
	opacity:0;
	filter:alpha(opacity=0); 
}

.upload_note {
	float:left;
	padding-left:27px;
	font-size:16px;
	margin-top:9px;
}

.imgKey {
	width:118px;
	height:36px;
	vertical-align:middle;
	margin-left:22px;
}

.apply_sub {
	width:145px;
	height:46px;
	font-size:18px;
	color:#fff;
	background-color:#31a5e7;
	border:none;
	cursor:pointer;
}

/* 错误提示 */
.apply_line .error input {
	border:1px solid #f00;
}

.apply_line .error_text {
	display:none;
}

.apply_line .success_text {
	display:inline;
	margin-left:15px;
	line-height:37px;
	color:#27B3EF;
}

.apply_line .error .error_text {
	display:inline;
	margin-left:15px;
	line-height:37px;
	color:#f00;
}

/*加盟魅族*/
.join_it {
	height:46px;
	padding-bottom:17px;
	border-bottom:1px solid #c5c5c5;
}

.join_it h2 {
	float:left;
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
}

.join_it .join_btn {
	float:right;
	width:145px;
	height:46px;
	line-height:46px;
	color:#fff;
	background-color:#31a5e7;
	font-size:18px;
	text-align:center;
}


/*内容页*/
.join_detail p {
	margin-top:17px;
	line-height:36px;
	text-indent:34px;
	padding-left:7px;
}

.join_info {
	float:left;
	width:100%;
	margin-top:62px;
}

.ji_left {
	float:left;
	width:560px;
}

.join_info strong {
	font-size:16px;
	font-weight:bold;
	text-indent:7px;
	display:block;
	letter-spacing:.4px;
}

.join_info img {
	float:right;
}

.join_title {
	font-size:18px;
	color:#000;
	margin-top:28px;
	padding-bottom:16px;
	border:none;
	text-indent:0;
}

.join_rule p {
	margin-top:0;
	line-height:30px;
	text-indent:0;
	padding-left:7px;
}

.join_table .title{
	background-color: #F5F6F6;
	border-bottom:none;
	height:40px;
	line-height:40px;
}

.join_table ul {
    width: 100%;
    clear: both;
    overflow: hidden
}

.join_table li {
    border-bottom: solid #ccc 1px;
    float: left;
    text-align: left;
    padding-left: 8px;
    height: 48px;
    line-height: 48px
}

.join_table .b1 {
    width: 300px;
    padding-left: 60px
}

.join_table .b2 {
    width: 170px
}

.join_table .b3 {
    width: 268px
}

.join_table .b4 {
    width: 218px
}

.course_system b {
	font-size:16px;
	margin:109px 0 0 38px;
}

.course_system img {
	margin:45px 19px 0 0;
}

.mailto{
	color:#27B3EF;
}