.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: #9f0710;
}
#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; 
}

@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%;
	}
	.register_p{
		font-size: 20px;
		color: #000;
	}
	.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;
	}
	.freesample_tab{
		position: absolute;
		top:30%; 
		left:30%;
		width: 25vmin;
		height: 25vmin
	}
	.freesample_tab span{
		font-size: 10vmin;
		position: absolute;
		top: 20%;
		right: 20%;
	}
	.w_type{
		padding-top: 35%;
	}
	.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){
	.main{
		width: 300px;
		height: 100vmin;
	}
	.register_p{
		font-size: 25px;
	}
	.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;
	}
	.freesample_tab{
		position: absolute;
		top:30%; 
		left:30%;
		width: 10vmin;
		height: 10vmin
	}
	.freesample_tab span{
		font-size: 4vmin;
		position: absolute;
		top: 20%;
		right: 15%;
	}
	.w_type{
		padding-top: 35%;
	}
	.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){
	.main{
		width: 300px;
		height: 100vmin;
	}
	.register_p{
		font-size: 2vw;
	}
	.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;
	}
	.freesample_tab{
		position: absolute;
		top:30%; 
		left:30%;
		width: 10vmin;
		height: 10vmin
	}
	.freesample_tab span{
		font-size: 4vmin;
		position: absolute;
		top: 20%;
		right: 15%;
	}
	.w_type{
		padding-top: 35%;
	}
	.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){
	.main{
		width: 300px;
		height: 400px;
	}
	.register_p{
		font-size: 2vw;
	}
	.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;
	}
	.freesample_tab{
		position: absolute;
		top:30%; 
		left:30%;
		width: 10vmin;
		height: 10vmin
	}
	.freesample_tab span{
		font-size: 4vmin;
		position: absolute;
		top: 20%;
		right: 15%;
	}
	.w_type{
		padding-top: 75%;
		width: 400px;
		margin-left: -23%;
	}
	.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{
	padding-left: 0;
	padding-right: 0;
}
.banner_top{
	margin-top: -3vw;
}
.index_category{
	padding: 10px;
	border: 1px #000 solid;
}
.index_a a:link{
	color: #000;
}
.index_a a:visited{
	color: #000;
}
.index_a a:hover{
	color: #fff;
}
.ca_blue{
	color: #000000;
}
.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: #9f0710;
}
.dh_top{
	font-size: 1.7rem;
	padding-top: 2rem;
}
.logo_link{
	height: 0.8rem;
	background-color: #9f0710;
}
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #9f0710;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: #000000;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#daohang{
	background-color: #191919;
}
/*************售后页面a链接********************/
.warranty_button{
	float: right;
	border: 1px solid #cb0b17;
	height: 30px;
	line-height: 30px;
	background: #9f0710;
	padding: 0 5px;
	color:#fff;
	border-radius: 8px;
}
.warranty_button:hover{
	color: #fff;
	background: #cb0b17;
}