@charset "utf-8";
/* CSS Document */
body{
	font:14px/1.5 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;
	color:#333;
	background:#fff;
  	}
time{
	color:#ccc;
	}
.lattice{
	}
.lattice>ul{
	margin:-20px 0 0 -20px;
	list-style:none;
	}
.latticePad{
	padding:20px 0 0 20px;
	}
/* color */
a{ 
	color:#666;
	text-decoration:none;
	}
a:link{}
a:hover{
	color:#9328B1;
	text-decoration:underline;
	}
a:active{}
mark{
	background:none;
	color:#9328B1;
	}
div,ul,li,dl,dt,dd,a,tr,td,th{
	border-color:#ccc;
	}
.tableTitleBg{
	background:#efefef;
	line-height:30px;
	}


.important,a.important,.important a{color:#9328B1;}
.lesser,a.lesser,.lesser a{ color:#333;}
.note,a.note,.note a{ color:#999;}

/* title size,text size */
h1{font-size:}
h2{font-size:30px;}
h3{font-size:26px;}
h4{font-size:22px;}
h5{font-size:18px;}
h6{font-size:16px;}

.textMini{font-size:12px;}
.textMedium{font-size:18px;}
.textLarge{font-size:24px;}

/* input box */	
.textInput{
	height:35px;
	line-height:35px;
	font-size:12px;
	color:#666;
	border:1px solid #ccc;
	background:#fff;
	border-radius:0;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	resize:none;
	font-family:AppleGothic,Arial,'Microsoft Yahei','Simsun';
	}
textarea{
 	font-size:12px;
 	padding-top:5px;
	color:#666;
	border:1px solid #ccc;
	background:#fff;
 	height:70px;
	overflow-y:auto;
	border-radius:0;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	font-family:AppleGothic,Arial,'Microsoft Yahei','Simsun';
	}
	
.textInput:hover,textarea:hover{
	border:1px solid #333;
	}
.textInput.focus,textarea.focus{
	border:1px solid #000;
	}
.textInput.error,textarea.error{
	border:1px solid #FF0000;
	}
.textInput.success,textarea.success{
	border:1px solid #9328B1;
	}
.textInput.disabled,textarea.disabled{}

.textInput.mini{
	height:20px;
	line-height:20px;
	}
.textInput.medium{
	height:26px;
	line-height:26px;
	}
	
.textInput.large{
	height:40px;
	line-height:40px;
	}
/* button */
.btn{
	height:27px;
	line-height:27px;
	display:inline-block;
	padding:0 20px;
	text-align:center;
 	color:#666;
	text-decoration:none;
	background:#E6E6E6;
	font-size:12px;
 	margin-right:5px;
 	}
.btn:hover{
	opacity:0.8;
 	text-decoration:none;
	color:#666;
	}
.selectBtn{
	display: inline-block;
	margin-right:5px;
	height:24px;
	line-height:24px;
	padding:1px 10px;
	border:1px solid #ccc;
	font-size:12px;
	position:relative;	
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
	}
.selectBtn i:after{
	content:'';
	z-index:99;
	display:block;
	position:absolute;
	width:6px;
	height:2px;
	border-width:2px;
	border-style:solid;
	border-color:transparent transparent #fff #fff;
	bottom:-5px;
	right:-8px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg); 
	transform: rotate(-45deg);
	}
.selectBtn i{
	position:absolute;
	display:block;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent #9328B1 #9328B1 transparent;				
	right:0;
	bottom:0;
	display:none;				 
	}
.selectBtn.active{
	border:2px solid #9328B1;
	padding:0 9px;
	}
.selectBtn.active i{
	display:block;
	}
.selectBtn:hover{
	text-decoration:none;
	border-color: #9328B1;
	}



.btn.important{
	background:#9328B1;
	color:#fff;
	}
.btn.lesser{
	background:#9328B1;
	color:#fff;
	}
.btn.lesser:hover{
	color:#fff;
	}
.btn.disabled{
	opacity:0.6;
	cursor: default;
	}

.btn.mini{
	height:20px;
	line-height:20px;
	padding:0 10px;
	font-size:12px;
	}
.btn.medium{
	height:24px;
	line-height:24px;
	padding:0 15px;
	}
.btn.large{
	height:40px;
	line-height:40px;
	padding:0 35px;
	}
/* button End */
 
/* */
#span_quickMenu,
#span_body,
#logoPanel,
#span_nav,
#span_footer{
 	max-width:1160px;
	margin:0 auto;
	padding:0 20px;
  	}
#span_body{
 	padding-bottom:20px;
	 
	}
#span_footer{
	border-style:solid;
	border-width:1px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

#span_quickMenu{
	position:relative;
	text-align:right;
	}


/* common app */
.layout_header .appContent{
	margin:0;
	border:none;
	background:none;
	color:#999;
	}
.con_header{
 	position:relative;
	
	border-width:0 0 1px 0;
	border-style:solid;
 	margin-bottom:10px;
   	}
.con_header h2{
	margin: 0;
  	font-size:16px;
	color:#9328B1;
 	}
.appContent{
	margin:20px 0 0 0;
   	}
#span_footer .appContent{
  	}

/* common app End */


/* layout header */
.cartQuantity{
	background:#FF0000;
	border-radius:10px;
	height:14px;
	line-height:14px;
	display:inline-block;
	padding:0 6px;
	color:#fff;
	font-size:12px;
	}
.quickMenu{
	padding-top:6px;}
.quickMenu .appContent{
	padding:0 10px;
 	margin:0 auto;
	}

.quickMenu a{
	padding:0 0 0 20px;
	display:inline-block;
	}
.quickMenu a span,.quickMenu a{
	color:#000;
	text-decoration:none;
	}
.quickMenu a{
	opacity:0.6;
	}
.quickMenu a:hover{
	opacity:1;
	}
.quickMenuIco{
	width:18px;
	height:18px;
	vertical-align:middle;
	display:inline-block;
	background-image:url(../images/ico.png);
	background-repeat:no-repeat;
	margin-right:5px;
 	}	
.loginIco{
	background-position:1px 1px;
	}
.regIco{
	background-position:-67px 0;
	}
.cartIco{
	background-position:-21px 0;
	}
.accountIco{
	background-position:-45px 0;
	}
.helpIco{
	
	}
.exitIco{
	background-position:-90px 0;
	}
/* logo app */
.layout_header{
	}
#span_navLogoPanel{
   	}

#span_logo{
	width:260px;
	margin:15px 0;
	}
.logo .appContent{
	text-align:center;
  	}
.logo .appContent a{
	height:100%;
	display:block;
    }
.logo .appContent a:after{
	content:'';
	display:inline-block;
	overflow:hidden;
	height:100%;
	vertical-align:middle;
	}
.logo .appContent a img{
	vertical-align:middle;
   	}
/* nav */

#navPanel{
	background:#9328B1;
  	}
.navBar ul{
	list-style:none;
	margin:0;
 	padding:0;
 	}
.navBar ul li{
	display:inline-block;
	position:relative;
  	}
 
.navBar ul li>a{
	height:35px;
	line-height:35px;
	padding:0 25px;
	font-size:14px;
	display:inline-block;
	color:#fff;
	}
.navBar ul li>a:hover,.navBar ul li.active a{
	background:#6B1D83;
	text-decoration:none;
	color:#fff;
	}
/* more */
li.more{
	position:relative;
	}
li.more .moreNav{
	position:absolute;
	background:#fff;
  	z-index:99;
	left:50%;
	margin-left:-55px;
	top:35px;
	text-align:center;
	display:none;
  	}
.navBar ul li.over>a{
	background:#6B1D83;
	text-decoration:none;
	color:#fff;
	}
li.over .moreNav{
	display:block;
	}
ul.moreNav li{
	display:block;
	background:none;
	}
li.more .moreNav li a{
	display:block;
	width:110px;
	padding:0;
	height:35px;
	line-height:35px;
	font-size:14px;
	color:#666;
 	}
li.more>a{
	width:110px;
	padding:0 !important;
	text-align:center;
	}
li.over>a{
 	color:#fff;
	}	
.moreNav li a:hover,.moreNav li.active a{
 	color:#fff !important;
	background:#9328B1 !important;
	}
/* hideContent */
.navBar li.mouseenter>a{
	background:#6B1D83;
	}
.navHideContent{
	background:#fff;
	position:absolute;
	top:150px;
	left:115px;
	z-index:99;
	max-width:767px;
	white-space:nowrap;
	padding:10px;
 	}
.navHideContent{
	color:#666;
	}
.navHideContent a{
	color:#333;
	}
.navHideContent a:hover{
	color:#9328B1;
	}

/* menuListVertical */
.menuListVertical{
  }
.menuListVertical ul{
	padding:0;
	margin:0;
	list-style:none;
}
.menuListVertical li{
	line-height:30px;
	position:relative;
	padding-bottom:1px;		
}

.menuListVertical li.active a,.menuListVertical li.active a:hover{
 	color:#fff;
 	text-decoration:none;
	background:#9328B1;
 	}
.menuListVertical li a:hover{
	color:#9328B1;
	text-decoration:none;
  	}
.menuListVertical li a{
  	display:block;
 	height:30px;
	line-height:30px;
	color:#666;
	padding-left:5px;
 	}
/* menuListVertical End*/
/* layout footer */
 
#span_footer .copyright .appContent{
	background:none;
	border:none;
	margin:0;
	text-align:center;
	padding:20px 0;
 	}
.copyright a{
 	}

 
@media (max-width: 767px) {
	#span_body{
  		padding:0 10px 20px 10px;
		}
	 #span_quickMenu,#span_footer{
		 padding:0 10px;
		 }
	/* common app */
	.con_header h2{
		margin: 0;
  		font-size:16px;
 		}
	.appContent{
		margin:20px 0 0 0;
 		}
	.con_body{
 		}
	/* common app End */
	/* title size,text size */
	h1{font-size:}
	h2{font-size:24px;}
	h3{font-size:20px;}
	h4{font-size:18px;}
	h5{font-size:16px;}
	h6{font-size:12px;}
	
	.textMini{font-size:12px;}
	.textMedium{font-size:16px;}
	.textLarge{font-size:20px;}
	
	/* input box */	
	.textInput{
		height:38px;
		line-height:38px;
		}
	.textInput.mini{
		height:20px;
		line-height:20px;
		}
	.textInput.medium{
		height:26px;
		line-height:26px;
		}
		
	.textInput.large{
		height:35px;
		line-height:35px;
		}
	/* input box End */
	
	/* button */
	.btn{
		height:32px;
		line-height:32px;
		display:inline-block;
		padding:0 15px;
	}
	.btn.mini{
		height:20px;
		line-height:20px;
		padding:0 10px;
		}
	.btn.medium{
		height:26px;
		line-height:26px;
		padding:0 15px;
		}
	.btn.large{
		height:35px;
		line-height:35px;
		padding:0 25px;
		}
	/* button End */
	#span_quickMenuPanel{
		padding:8px 0;
		border-bottom:1px solid #000;
		}
	.quickMenu{
		padding:0;
		}
	#logoPanel{
		width:auto;
		height:auto;
		width:auto;
		padding:0;
		margin:0;
		}
	#span_logo{
 		margin:20px auto;
	}
	.logo .appContent{
		width:220px;
		height:auto;
		position:relative; 
 		left:auto;
		text-align:center;
		margin:0 auto;
 		}
	
	/* nav */
	#span_nav{
		padding:0 10px;}
	#navPanel{
		margin:0 0 20px 0;
		background:none;
		border:none;
		}
	#navPanel nav{
		padding:0;
		background:none;
		border:none;
		}

	.navBar{
		position:relative;
		height:37px;
		margin:0;
		z-index:100;
		padding:0;
		}
	.navBar>ul>li:after{
		display:none;
		}
	.navBar ul{
		position:absolute;
		left:0;
		right:0;
		top:0;		
 		height:35px;
		text-align:left;
		}
	.navBar ul li{
		display:none;
		background:#fff;
 		position:relative;
		border-left:1px solid #6B1D83;
		border-right:1px solid #6B1D83;
		
		}
	.navBar ul li.active{
		display: block;
		
 		}
	.navBar ul li>a{
		height:35px;
		line-height:35px;
		padding:0 10px;
		font-size:14px;
		display:block;
		color:#666;
		}
	.navBar ul li.active a{
		color:#fff ;
		background:#9328B1;
		border-top:1px solid #6B1D83;
		border-bottom:1px solid #6B1D83;
		height:35px;
		line-height:35px;
		}
	 .navBar ul li:last-child{
 		 border-bottom:1px solid #6B1D83;
		 }
	
	
	.navBar ul.phone_active li{
		display:block;
		}
	.navBar ul.phone_active li a{
		}
	
	.navBar ul li>a:hover{
		background:#6B1D83;
		color:#fff;
		}
	.navBar ul li.active:before{
		content:'';
		display:block;
		position:absolute;
		width:0;
		height:0;
		right:10px;
		overflow:hidden;
		border-width:6px 5px 0 5px;
		border-style:solid;
		border-color:#fff transparent transparent transparent;
		margin-left:-3px;
 		top:16px;
		}
	.navBar ul li.active:hover:before{
		border-color:#fff transparent transparent transparent;
		}
	/* menuListVertical */
	.menuListVertical{
 		position:relative;
		height:35px;
		z-index:99;
		}
	.menuListVertical ul{
		margin:0;
		padding:0;
		position:absolute;
		left:0;
		right:0;
 	}

	.menuListVertical li.topMenu{
		display:block;
		
	}
	.menuListVertical li.topMenu a{		
		background:#ccc;
		color:#333;
		height:35px;
		line-height:35px;
 		}
	 
	.menuListVertical li.topMenu a:hover{
		text-decoration:none;
		background:#9328B1;
		color:#fff;
 		}
	.menuListVertical li.back a{
		padding-left:36px;
		}
	.menuListVertical li.back:after{
		width:0;
		height:0;
		overflow:hidden;
		display: inline-block;
		border-width:6px 8px 6px 0;
		border-style:solid;
		border-color:transparent #fff transparent transparent;
		position:absolute;
		right:22px;
		top:11px;
		content:"";
	}
	.menuListVertical li{
		position:relative;
		display:none;
		list-style:none;
		padding:0;
		background:#ccc;
		
 	}
	
	.menuListVertical li a{
		background:#efefef;
		background-image:none;
		color:#333;		
		padding-left:15px;
		}
	.menuListVertical ul.active li a{
		border-bottom:1px solid #fff;
 		}
	.menuListVertical li.active a{
		background-image:none;
		background:#9328B1;
		color:#fff;
 		}
	.menuListVertical li a:hover{
 		background-image:none !important;
		background:#9328B1;
		color:#fff !important;
		}
	.menuListVertical li:last-child a,.menuListVertical li:last-child{
		}
	.menuListVertical li.topMenu:after{
		width:7px;
		height:4px;
		background:url(../images/open.gif) no-repeat;
		overflow:hidden;
		display: inline-block;
		position:absolute;
		right:12px;
		top:16px;
		content:"";
	}
		/* menuListVertical End*/
}
@media (max-width:767px) {
	
}
@media (min-width: 768px) and (max-width: 979px) {
	
	
}



/*crumbs*/
.crumbs{
	overflow:hidden;
	display:inline-block;
 	position: relative;
	top:-6px;
	}			
.crumbs span{
	height:26px;
	display:inline-block;
	float:left;
	padding:0 12px 0 8px;
	background:#efefef;
	line-height:26px;
	position:relative;
	min-width:75px;
	color:#666;
	text-align: right;
	font-size:12px;
	}
.crumbs span i,.crumbs span b{
	width:0;
	height:0;
	display:block;
	position:absolute;
	border-width:30px 0 30px 30px;
	border-style:solid;
	border-color:transparent transparent transparent #fff;
	top:-17px;
	right:-30px;
	z-index:1;
	}	
.crumbs span b{
	border-width:25px 0 25px 25px;
	z-index:2;
	border-color:transparent transparent transparent #efefef;
	right:-21px;
	top:-12px;
	}
.crumbs span.active{
	background:#9328B1;
	color:#fff;
	}
.crumbs span.active b{
	border-color:transparent transparent transparent #9328B1;
	}
/* crumbs End */
/* search */
.search{
	position:relative;
	}
.searchInput{
	margin-right:46px;
	position:relative;
	}
.searchInput input{
	width:100%;
	border:none;
 	background:#fff;
	border:1px solid #ccc;
 	height:24px;
	line-height:24px;
	padding:0;
	font:14px/1.5 AppleGothic,Arial,'Microsoft Yahei','Simsun';
	color:#666;
	}
.searchBtn{
	display: block;
	position:absolute;
	right:0;
	top:0;
	height:26px;
	line-height:26px;
	text-align:center;
	width:45px;
	background: #9328B1;
	color:#fff;
	}
.searchBtn:hover{
	color:#fff;
	text-decoration:none;
	opacity:0.7;}
/* search End */


/* menuListHorizontal */
.menuListHorizontal{}
/* menuListHorizontal End*/

/* pic list */
.picList{
	}
.picList ul{
	margin:0;
	list-style:none;
	margin-left:-20px;
	}
.picList li div{
	padding-left:20px;
	}
.picList li{
	float:left;
	width:25%;
	padding:0 0 20px 0;

}
.picList:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both;
}
@media (max-width: 767px) {
	.picList li{
		float:left;
		width:50%;
	
	}
}
/* pic list End */

/* list */
.list ul{
	list-style:none;
	margin:0;
}
.list li a{
	line-height:28px;
	display:block;
	padding-left:10px;
	background:url(../images/listStyle.png) no-repeat 0 -19px;
	overflow:hidden;												 
	text-overflow:ellipsis;
	white-space:nowrap;
	}
.list li a:hover{
	background:url(../images/listStyle.png) no-repeat 0 12px;
	}

.list:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both;
}
 
/* list End */

/* article */
.article{
	padding:20px 0 0 0;
	margin-top:20px;
	border-top-width:1px;
	}
.article .header{}
.article .header h3{}
.article .header{}
.article article{}
/* article End */
section{}
section{}
section h3{}
section time{}
section p{}
/* section End */

/* formList */
.formList ul{
	list-style:none;
	margin:0 0 25px 0;
	}
.formList li{
	float:left;
	line-height:40px;
	}
.formList ul:after {
	display: table;
	content: "";
	line-height: 0;
	clear: both;
}
.formList li.left {
	width:100px;
	display:inline-block;
	}
.formList li.right{
	float:none;
	margin-left:100px;
	}
.formList li .textInput,.formList li textarea{
	width:100%;
	max-width:500px;
	}
@media (max-width: 767px) {
	.formList ul{
		margin:0 0 15px 0;
		}
	.formList li{
		float: none;
		line-height:25px;
		}
	.formList li.left {
		width:auto;
		display:inline-block;
		}
	.formList li.right{
		margin-left:0;
		}
}
/* formList */

/* formList */
.infoList ul{
	padding:15px 0 0 0;
	margin:0;
	list-style:none;
	}
.infoList ul:after {
	display: table;
	content: "";
	line-height: 0;
	clear: both;
	}
.infoList ul li{
	float:left;
	line-height:30px;
	}
.infoList ul li.left{
	width:100px;
	display:inline-block;
	}
.infoList ul li.right{
	margin-left:100px;
	float:none;
	}


/* formList */

/* tabs */
.tabs{
	border-width:0 0 1px 0;
	border-style:solid;
	padding:0 0 0 5px;
	}
.tabs a{
	display:inline-block;
	height:30px;
	line-height:30px;
	font-size:14px;
	padding:0 15px;
	margin-bottom:-1px;
	
	}
.tabs a:hover{}
.tabs a.active{
	border-width:1px 1px 0 1px;
	border-style:solid;
	background:#fff;
	}
/* tabs End */
.empty{
	padding:20px 0;
	}




	

/* app paging */
.selectPageContainer{
	text-align:center;
	padding:20px 0 10px;
	}
.selectPageContainer a.more{
	display:block;
	text-align:center;
	padding:5px 0;
	}
.selectPage a{
	font-size:14px;
	display:inline-block;
	height:30px;
	line-height:30px;
	margin:0 3px;
	padding:0 11px;
	background:#efefef;
	vertical-align:middle;
	text-decoration:none;
	color:#666;
	}
.selectPage a:hover{
	background:#9328B1;
	text-decoration:none;
	color:#fff;
 	}
.selectPage a.active{
	color:#fff;
	background:#9328B1;
	}
/* tips */
.tipsLoading,.tipsBox,.tipsSuccess,.tipsError{
	min-width:180px;
 	position: fixed;
 	z-index:1001;
	text-align:center;
	top:10px;
	}
.tipsLoading{
	background:#FCDFA5;
	color:#333;
	}
.tipsBox{
	background:#ccc;
	color:#333;
	}
.tipsSuccess{
	background:#9328B1;
	color:#fff;
	}
.tipsError{
	background:#FF9933;
	color:#fff;
	}
.loadingIco{
	width:18px;
	height:18px;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	background:url(../../../../static/images/loading.gif) no-repeat;
	margin-right:5px;
	}
.whiteCorrectIco{
	width:20px;
	height:13px;
	display:inline-block;
	overflow:hidden;
	background:url(../../../../static/images/icon.png) no-repeat 0 -150px;
	vertical-align:middle;
	margin-right:5px;
	}
.whiteForkIco{
	margin-right:5px;
	width:20px;
	height:13px;
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
	background:url(../../../../static/images/icon.png) no-repeat -26px -149px;
	}
.contentLoading{
	display:inline-block;
	padding-left:22px;
	background:url(../../../../static/images/c_loading.gif) no-repeat 0 center;
	height:20px;
	color:#999;
	}
.no-boxshadow .loadingBox,.no-boxshadow .loadingBox,.no-boxshadow tipsAlert{
	border:1px solid #ccc;
	}
.tipsAlert{
   box-shadow: 0 0 13px #999999;
   position: absolute;
   z-index:1001;
   background:#fff;
   }
.tipsAlertText{
	padding:40px;
	color:#666;
	}
.tipsAlertFoot{
	padding:30px 40px;
	text-align:right;
	}
.tipsArrow{
 	position: absolute;
	width:16px;
	height:16px;
  	}
.tipsPad{
	padding:5px 15px;
	line-height:20px;
	}