.body{
	background: #FFFFFF;
}
a:link{  
	text-decoration: none;
}
a:hover{
	color:#0066CC;
	text-decoration: none;
}
.bottom a:link{
	color:#AFAFAF;   
	text-decoration: none; 
}
.bottom a:hover{
	color:#0066CC;
	text-decoration: none; 
}
.index_bottom a:link{
	color:#AFAFAF;   
	text-decoration: none; 
}
.index_bottom a:hover{
	color:#0066CC;
	text-decoration: none; 
}
.category{
	padding-top: 3rem;
}
.category_data{
	padding-top: 25%;
}
.category_data_h{
	padding-top: 10%;
}
.category_data_p{
	font-weight:bold;
	padding-bottom: 5px;
}
.index_bottom{
	background:#3d3938;
	font-size: 1.5rem;
	color: #AFAFAF;
    padding-top: 3rem;
    line-height: 2.4rem;
    padding-bottom: 2.5rem;
}
.bottom{
	background:#3d3938;
	font-size: 1.5rem;
	color: #AFAFAF;
    padding-top: 3rem;
    margin-top: 2rem; 
    line-height: 2.4rem;
    padding-bottom: 2.5rem;
}

.product_border{
	border:1px solid #c0c0c0;
	padding: 0.5rem;
}
.module-more{
	margin: 4rem;
}
.product_move{
	margin-top: -0.5rem;
	border-bottom: 3px solid #1BAFF9;
}
.dis_top{
	margin-top: 5rem;
}

.left_title{
	width: 100%;
	height: 3rem;
	color: #fff;
	background-color: #000;
	margin-top: auto;
	margin-left: auto;  
    margin-right: auto;  
}
.img_parent{
	position:relative;
}
.img_title{ 
	color: #fff;
}
.p_size{
	font-size: 0.9rem;
}
.register_bj{
	position:relative;
}
.login_bj{
	position:relative;
}
.col-center-block {  
    position: absolute;
    top: 25%;
	left: 35%;   
} 
.col-center-block-retrieve{
	position: absolute;
    top: 35%;
	left: 35%;
}
.products{
	border:1px solid #c0c0c0;
	padding: 1rem;
	margin-top: 2rem;
}
.pcontent{
	font-size: 2rem;
	text-indent: 2rem;
}
.pcontent_p{
	font-size: 1.5rem;
	text-indent: 1rem;
}
.product_img{
	padding:0.5rem;
}
.bottom_solid{
	border-bottom:1px solid #c0c0c0;
}
.sidebar{
	color: #FF954C;
}
#bg {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
}

#show {
	color: #fff;
	font-size: 1vw;
	display: none;
	position: absolute;
	top: 50%;
	left: auto;
	width: 100%;
	height: 100%;
	z-index: 2;
}
#show a:link{
	color:#fff;   
	text-decoration: none; 
}
#show a:hover{
	color:#0066CC;
	text-decoration: none; 
}
.hyaline-bg{
	background-color: black;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
}
.main a:link{
	color:#fff;   
	font-size: 1vw; 
	text-decoration: none; 
}
.main a:hover{
	color:#0066CC;
	font-size: 1vw; 
	text-decoration: none; 
}
.w_type .wp,.w_type .wp2{
	color: #fff;
	text-shadow: -2px 0px 6px #000;
}
@media screen and (max-width: 768px){
	.col-center-block {  
	    position: absolute;
	    top: 25%;
		left: 20%;   
	}
	.col-center-block-retrieve{
		position: absolute;
	    top: 25%;
		left: 20%;
	}
	.main{
		width: 300px;
		height: 400px;
	}
	#showbox img{ 
		width:300px;
		height: 300px;
	}
	#showsum { 
		left:25px; 
		margin-top:10px;
	}
	#showsum span { 
		border:1px solid #ddd;
	}
	#showsum span.sel { 
		border:1px solid #f60;
	}

	.showpage { 
		width:300px; 
		position:relative;
	}
	.showpage a { 
		display:block; 
		width:15px; 
		border:1px solid #ddd; 
		height:40px; 
		line-height:40px; 
		background:#eee; 
		text-align:center; 
		font-size:18px; 
		position:absolute; 
		left:0; 
		top:-42px; 
		text-decoration:none; 
		color:#999;
	}
	.showpage a#shownext { 
		left:auto; 
		right:0;
	}
	.showpage a:hover { 
		background:#ccc; 
		color:#777;
	}
	.product_title{
		font-size: 16px;
	}
	.w_type{
		width: 27rem;
		padding-top: 50%;
	}
	.w_type .wp{
		font-size: 22px;
	}
	.w_type .wp2{
		font-size: 12px;
	}
	.wid{
		padding-top: 20%;
		width: 17rem;
	}
	.wi{
		background: rgba(255,255,255,0.3);
		border-radius: 10px;
		padding: 10px;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px){
	.ss_w{
		width: 80px;
	}
	#showbox img{ 
		width:350px;
		height: 350px;
	}
	#showsum { 
		left:25px; 
		margin-top:10px;
	}
	#showsum span { 
		border:1px solid #ddd;
	}
	#showsum span.sel { 
		border:1px solid #f60;
	}

	.showpage { 
		width:350px; 
		position:relative;
	}
	.showpage a { 
		display:block; 
		width:15px; 
		border:1px solid #ddd; 
		height:50px; 
		line-height:50px; 
		background:#eee; 
		text-align:center; 
		font-size:18px; 
		position:absolute; 
		left:0; 
		top:-52px; 
		text-decoration:none; 
		color:#999;
	}
	.showpage a#shownext { 
		left:auto; 
		right:0;
	}
	.showpage a:hover { 
		background:#ccc; 
		color:#777;
	}
	.product_title{
		font-size: 16px;
	}
	.w_type{
		width: 27rem;
		padding-top: 40%;
	}
	.w_type .wp{
		font-size: 22px;
	}
	.w_type .wp2{
		font-size: 12px;
	}
	.wid{
		padding-top: 35%;
		width: 32rem;
	}
	.wi{
		background: rgba(255,255,255,0.3);
		border-radius: 10px;
		padding: 10px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1200px){
	.ss_w{
		width: 90px;
	}
	#showbox img{ 
		width:380px;
		height: 380px;
	}
	#showsum { 
		left:25px; 
		margin-top:10px;
	}
	#showsum span { 
		border:1px solid #ddd;
	}
	#showsum span.sel { 
		border:1px solid #f60;
	}

	.showpage { 
		width:380px; 
		position:relative;
	}
	.showpage a { 
		display:block; 
		width:15px; 
		border:1px solid #ddd; 
		height:55px; 
		line-height:55px; 
		background:#eee; 
		text-align:center; 
		font-size:18px; 
		position:absolute; 
		left:0; 
		top:-57px; 
		text-decoration:none; 
		color:#999;
	}
	.showpage a#shownext { 
		left:auto; 
		right:0;
	}
	.showpage a:hover { 
		background:#ccc; 
		color:#777;
	}
	.product_title{
		font-size: 22px;
	}
	.w_type{
		width: 45rem;
		padding-top: 15%;
	}
	.w_type .wp{
		font-size: 22px;
	}
	.w_type .wp2{
		font-size: 12px;
	}
	.wid{
		padding-top: 30%;
		width: 36rem;
	}
	.wi{
		background: rgba(255,255,255,0.3);
		border-radius: 10px;
		padding: 20px;
	}
}
@media screen and (min-width: 1200px){
	.ss_w{
		width: 100px;
	}
	#showbox img{ 
		width:400px;
		height: 400px;
	}
	#showsum { 
		left:25px; 
		margin-top:10px;
	}
	#showsum span { 
		border:1px solid #ddd;
	}
	#showsum span.sel { 
		border:1px solid #f60;
	}

	.showpage { 
		width:400px; 
		position:relative;
	}
	.showpage a { 
		display:block; 
		width:15px; 
		border:1px solid #ddd; 
		height:60px; 
		line-height:60px; 
		background:#eee; 
		text-align:center; 
		font-size:18px; 
		position:absolute; 
		left:0; 
		top:-62px; 
		text-decoration:none; 
		color:#999;
	}
	.showpage a#shownext { 
		left:auto; 
		right:0;
	}
	.showpage a:hover { 
		background:#ccc; 
		color:#777;
	}
	.product_title{
		font-size: 22px;
	}
	.w_type{
		padding-top: 15%;
		width: 40rem;
	}
	.w_type .wp{
		font-size: 26px;
	}
	.w_type .wp2{
		font-size: 14px;
	}
	.wid{
		padding-top: 15%;
		width: 37rem;

	}
	.wi{
		padding: 15px;
		border-radius: 10px;
		background: rgba(255,255,255,0.3);
	}
}
#black {
    width: 30px;
    height: 30px;
    background: black;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#red {
    width: 30px;
    height: 30px;
    background: red;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#blue {
    width: 30px;
    height: 30px;
    background: blue;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#rose_gold {
    width: 30px;
    height: 30px;
    background: #ECB1AC;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#orange {
    width: 30px;
    height: 30px;
    background: orange;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#green {
    width: 30px;
    height: 30px;
    background: green;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#pink {
    width: 30px;
    height: 30px;
    background: pink;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#purple {
    width: 30px;
    height: 30px;
    background: purple;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#silver {
    width: 30px;
    height: 30px;
    background: #C0C0C0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#gold {
    width: 30px;
    height: 30px;
    background: #EAC787;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#white {
	border:0.5px solid #000;
    width: 29px;
    height: 29px;
    background: white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.color-move{
	margin-left: 0.8vw;
	font-size: 1vw;
}

.left_con{
	z-index: 1;
}
.right_con{
	z-index: 102;
}
#gotop{ 
	display:block;  
	width:45px; 
	height:45px;
	position:fixed;  
	bottom:4vw;  
	right:12vw; 
	border-radius:10px 10px 10px 10px;   
	text-decoration:none;  
	display:none; 
	color: #cccccc;
	background-color:#999999;     
}
#gotop i:hover{ 
	color:#000; 
} 
.bg{
  	display: none;
  	position:fixed;
  	width:100%;
  	height:100%;
  	background:#000;
  	z-index:100;
  	top:0;
  	left:0;
  	opacity:0.7;
}
.bg-spin{
	color: orange;
	position:fixed;
  	width:100%;
  	height:100%;
  	top:50%;
  	left:50%;
  	z-index:101;
}
.step_bg{
	background-color: #fea000;
	color: #fff;
	border-radius:4px 4px 4px 4px;
}
.search-bg{
	background-color: rgb(235,112,45);
	height: 20vw;
	position:relative;
}
.search-data{
	position: absolute;
	top: 20%;
	left: 11%;
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .code-box{
    background-color:#000000;
    filter:Alpha(opacity=30);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .code-box p{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}
.first_step{
	position:relative;
	margin-left: 20%;
	margin-bottom: 5%; 
	width: 60%;
	background-color: #fff;
	opacity:0.5;
}
.first_step div{
	padding: 5%;
}

.teshu{
    position: fixed;
    bottom: 0;
    width: 100%;
}
.task-title{
	display: none;
	width: 100%;
	color: #fff;
	position: absolute;
	bottom: -0.85rem;
	background-color: #000;
	border-radius:0px 0px 7px 7px;
	opacity:0.6;
}
.img-w{
	position: relative;
	padding-left: 0;
	padding-right: 0;
}
.info_more{
	z-index: 100;
	position: absolute;
	display: none;
	left: 30%;
}
.banner_top{
	margin-top: -3vw;
}
.index_category{
	margin-top: 25%;
	padding: 5%;
	font-size: 2vmin;
	border: 1px #fff solid;
}
.index_a a:link{
	color: #000;
}
.index_a a:visited{
	color: #000;
}
.index_a a:hover{
	color: #fff;
}
.ca_blue{
	background-color: #33B7FF;
}
.distance{
	padding-top: 6rem;
}
.yuan { 
margin-top: 0.5vw;
background: red; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%; 
float: left;
color: #fff;
} 
.carousel-indicators .active {
  background-color: #33B7FF;
}
.dh_top{
	padding-top: 0.9rem;
}
.logo_link{
	height: 0.8rem;
	background-color: #33B7ff;
}


.main_box{
	background:red;
	/* Important parameters of style start */
	position:relative;
	overflow:hidden;
	float:left;
	/* Important parameters of style end */
}
.main_box > img{
	display:block;
	z-index:10;
}
.main_box > a{
	text-decoration:none;
}
.popup{
	/* Important parameters of style start */
	display:none;
	text-align:center;
	position:absolute;
	z-index:40;
	/* Important parameters of style end */
	height:70px;
	width:70px;
	background:#753ffe url(up.png) no-repeat center center;
	-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.15);/* Firefox */
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.15);/* Safari and Chrome */
	box-shadow:0 0 5px rgba(0, 0, 0, 0.15);
 filter:progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=2);
}
.popup2{
	/* Important parameters of style start */
	display:none;
	text-align:center;
	position:absolute;
	z-index:40;
	/* Important parameters of style end */
	height:70px;
	width:70px;
	background:#fe3f3f url(down.png) no-repeat center center;
	-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.15);/* Firefox */
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.15);/* Safari and Chrome */
	box-shadow:0 0 5px rgba(0, 0, 0, 0.15);
 filter:progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=2);
}
.r_board{
	/* Important parameters of style start */
	display:none;
	text-align:center;
	position:absolute;
	z-index:40;
	/* Important parameters of style end */
	height:60px;
	width:200px;
	background:#2BBFBD;
	-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.15);/* Firefox */
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.15);/* Safari and Chrome */
	box-shadow:0 0 5px rgba(0, 0, 0, 0.15);
 filter:progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=2);
}
.overlayPop{
	/* Important parameters of style start */
	position:absolute;
	top:0;
	left:0;
	display:none;
	margin:0;
	/* Important parameters of style end */	

	background:#000;
}
/* Text Content */

.overlayText{
	/* Important parameters of style start */
	position:absolute;
	overflow:hidden;
	display:none;
	z-index:20;
	margin:0;
	/* Important parameters of style end */	

	background:#000;
	color:white;
}
.overlayRubTop{
	/* Important parameters of style start */
	position:absolute;
	overflow:hidden;
	z-index:20;
	margin:0;
	border:0 none;
	/* Important parameters of style end */
	background:#000;
}
.overlayRubBottom{
	/* Important parameters of style start */
	position:absolute;
	overflow:hidden;
	z-index:20;
	margin:0;
	border:0 none;
	/* Important parameters of style end */	
	background:#000;
}
.textTitle{
	/* Important parameters of style start */
	position:absolute;
	float:left;
	z-index:30;
	margin:0;
	/* Important parameters of style end */	
	margin-left:35%;
	margin-top:15%;
}

.user_style7 .textTitle{
	color:#fff;
}

/*************售后页面a链接********************/
.warranty_button{
	float: right;
	border: 1px solid #239fe2;
	height: 30px;
	line-height: 30px;
	background: #33B7ff;
	padding: 0 5px;
	color:#fff;
	border-radius: 8px;
}
.warranty_button:hover{
	color: #fff;
	background: #239fe2;
}