html,body{
	padding: 0px!important;
	margin: 0px!important;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	height: 100%;
	font-size:62.5%!important;
}
.hide{
	display: none !important;
}
.container{
	width: 100%;
	height: 100%;
	background-color: #F8F8F8;
}
.headpic{
	width: 100%;
	height: auto;
}
.headpic-img{
	background-size:cover !important; 
	height: 570px !important; 
	width: 100% !important; 
}
.headpic-img.more{
	height: 504px !important; 
}
.product-info-tile{
	float: left;
	clear: both;		
	margin-top:3rem;
	padding-left: 3rem;
	height: 8rem;
	width: 30rem;
	background-color: #3057AC;	
	line-height: 8rem;
	font-size: 4.5rem;
	font-weight: bolder;
	color:white;
}
.product-info-tile.more{
	background-color: #D03631;		
}
.product-info-tile span{
	float: left;
}
.product-info-triangle{
	display: block;
    width:0;
    height:0;
    margin-top: 3.5rem;
    margin-left: 1rem;
    border-width:1.2rem 0 1.2rem 1.2rem;
    border-style:solid;
    border-color:transparent transparent transparent white;/*透明 透明 透明 黄*/
}
.product-info-triangle.first{
	margin-left: 3rem;
}

.product-info-item{
	float: left;
	margin-left: 5%;
	min-height: 10rem;
	height: auto;
	width: 90%;
	border-bottom:1px solid #AAA;
}
.item-block{
	float: left;	
	height: 10rem;	
	width: 10%;
}
.item-block span{
	display: block;
	margin: 3rem;
	margin-top: 3.6rem;	
	width: 1rem;
	height: 4rem;
	background-color: #3057AC;
}
.item-block.more span{
	background-color: #D03631;	
}
.item-title{
	float: left;
	margin-top: 3rem;
	margin-bottom: 3rem;		
	height: 4rem;	
	width: 30%;
	display: table;	
}
.item-title span{
	font-size: 4rem;
	font-weight: bolder;
	color:black;	
    display: table-cell;  
    vertical-align: middle;  
}
.item-content{
	float: left;
	margin-top: 3rem;
	margin-bottom: 3rem;		
	height: 4rem;	
	width: 60%;
	display: table;	
}
.item-content span{
	font-size: 4rem;
	font-weight: bolder;
	color:black;	
    display: table-cell;  
    vertical-align: middle;  
}

/*.more-product{
	position:fixed; 
	bottom:0px;	
	width: 100%;
	height: 15rem;
}*/

.more-product-img{
	position: static;
	height: 10rem;
	width: 25rem;
	margin-left: calc(( 100% - 50rem ) / 3);
	margin-top: 2.5rem;	
}

.more-product-img.bigger{

	height: 12rem!important; 
	width: 30rem!important; 
	margin-left: calc(( 100% - 60rem ) / 3)!important; 
	margin-top: 1.5rem!important; 

}

.more-introduce-img{
	position: static;
	height: 10rem;
	width: 25rem;
	margin-left: calc(( 100% - 50rem ) / 3);
	margin-top: 2.5rem;	
}

.more-introduce-img.bigger{

	height: 12rem!important; 
	width: 30rem!important; 
	margin-left: calc(( 100% - 60rem ) / 3);!important; 
	margin-top: 1.5rem!important; 

}
.headpic.more{
	margin-top: 4rem;
}
.headpic-head{
	position: absolute;
	top: 0;
}
.headpic-head,.headpic-foot{
	float: left;
	width: 100%;
	height: 4rem;
	background-color: #D03631;
}
.headpic-head span{
	display: block;
	float: left;
	margin-top: 1.5rem;
	background-color: white;
	height: 1rem;
	width: 66.8%;
}
.headpic-foot span{
	display: block;
	float: right;
	margin-top: 1.5rem;
	background-color: white;
	height: 1rem;
	width: 66.8%;
}

.swipeleft,.swiperight{
	position:fixed; 
	top: calc( 100% - 8rem);	
	width: 40%;
	height: 5rem;
	line-height: 5rem;
	font-size: 4rem;
	font-weight: bolder;
	color:#D03631;
}
.swipeleft{
	text-align: left;
	left: 3rem;
}
.swiperight{
	text-align: right;
	right: 3rem;
}
.container .error{
	font-size: 4.5rem;	
}
.introduce-img{
	width: 100%;
	height: auto;
}
.more-product{
	position:fixed; 
	bottom:2rem;	
	width: 100%;
	height: 6rem;
}
.more-product span{
	display: block;
	margin: 0 auto;
	font-size: 4.5rem;
	font-weight: bolder;
	color: #3057AC;
	text-align: center;
	line-height: 6rem;
}
.more-product.bigger span{
	display: block;
	margin: 0 auto;	
	font-size: 6rem;
	font-weight: bolder;
	color: #3057AC;
	text-align: center;
	line-height: 6rem;
}
.more-product .href{
	display: block;
	width: 100%;
}
.more-product .decoration{
	text-decoration:underline
}
#bless{
	float: left;
	width: 100%;
	height: 12rem;
	line-height: 12rem;
	font-size: 8rem;
	font-weight: bolder;
	text-align: center;
    color: #D03631;		
}