/*  Christmas Css */

/* christmas-wrap Style */
.christmas-wrap{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	font-family: Tahoma,Helvetica,"Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", sans-serif,"MicrosoftYaHei", "WenQuanYi Micro Hei";	
}
.christmas-nav{
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}
.christmas-nav img{
	display: block;
	width: 100%;
}
.mobile_header{
	display: none;
}
.christmas-content{
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	background-image: url('/images/newdesign/christmas/sdbg2.png');
	background-size: cover;
	background-repeat: no-repeat;
}
.christmas-content-wrap{
	overflow: hidden;
	width: 59%;
	height: auto;
	margin: 0 auto;
}
.christmasPros{
	width: 100%;
	overflow: hidden;
	margin-top: 8%;
}
.christmasProwrap{
	position: relative;
	margin-bottom: 4%;
	float: left;
	width: 47%;
}
.christmasPro1,.christmasPro3,.christmasPro5,.christmasPro7{
	margin-right: 2%;
}
.christmasPro2,.christmasPro4,.christmasPro6,.christmasPro8{
	margin-left: 4%;
}
.proWrapbg{
	width: 100%;
}
.proWrapbg img{
	width: 100%;
}
.proWrapimg{
	position: absolute;
	top: 0;
	left: 0;
}
.prowrap{
	width: 90%;
	margin: 6% auto;
}
.s22{
	display: block;
	width: 100%;
}
.prodes{
	width: 70%;
	margin: 0 auto;
	text-align: center;
	color: #8e2727;
	letter-spacing: 1px;
    font-weight: 600;
    /* position: absolute;
    left: 16%;
    top: -69%;
    font-size: 14px; */
}
.prodes h4{
	margin-top: 6%;
	font-size: 14px;
}
.christmasPro-op{
	margin-top: 10%;
	margin-bottom: 4%;
}
.christmasPro-pmon{
	display: inline-block;
	position: relative;
}
.christmasPro-pmon:before{
	content: '';
    position: absolute;
    display: inline-block;
    height: 0px;
    top: 39%;
    width: 95%;
    transform: rotate(12deg);
    border-top: 2px solid #e9bf49;
}
.christmasPro-mp{
	margin-top: 18%;
}
.christmasPro-mmon{
	display: block;
}
.prowrap img{
	width: 100%;
}
.christmas-content-des{
	width: 100%;
	margin-top: 6%;
	text-align: center;
	color: #8e2727;
}
.christmas-content-des h3{
	position: relative;
	margin-top: 0%;
	font-size: 16px;
	letter-spacing: 2px;
	margin-bottom: 1%;
}
.christmas-content-des p{
	position: relative;
	margin-top: 0%;
	font-weight: 600;
	letter-spacing: 1px;
}
.christmas-content-des h3:before{
	content: '';
	display: inline-block;
	position: absolute;
	width: 10px;
	height: 10px;
	top: 26%;
	left: 10%;
	border-radius: 100px;
	background-color: #8e2727;
}
.christmas-content-des h3:after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 10px;
	height: 10px;
	top: 26%;
	right: 10%;
	border-radius: 100px;
	background-color: #8e2727;
}
.sda{
	margin: 6% auto;
	font-size: 14px;
	text-align: center;
	color: #8e2727;
	width: 70%;
	margin-bottom: 0;
	letter-spacing: 1px;
}
.christmasIns{
	width: 100%;
	color: #8e2727;
	text-align: right;
	padding-top: 3%;
	border-top: 2px solid #8e2727;
}
.christmasIns p{
	display: inline-block;
	width: 105%;
	text-align: right;
	font-size: 12px;
	font-weight: 600;
	transform: scale(.9);
}
@media screen and (max-width:1500px) and (min-width:1100px) {
	.christmas-content-des h3{
		font-size: 14px;
	}
	.christmas-content-des p{
		font-size: 14px;
	}
	.sda,.prodes{
		font-size: 12px;
	}
	.christmasPro-mp{
		margin-top: 2%;
	}
}
@media screen and (max-width:1100px) and (min-width:735px) {
	.christmas-content{
		background-size: 100% 100%;
	}
	.christmas-content-wrap{
		width: 90%;
	}
}
@media screen and (max-width:735px) and (min-width:698px) {
	.christmas-content{
		background-image: url('/images/newdesign/christmas/sbdg_mo.png');
	}
	.sda,.prodes{
		width: 100%;
	}
	.christmas-content-wrap{
		width: 90%;
	}
	.christmasPro-mmon {
	    display: block;
	    width: 80%;
	    margin: 0 auto;
	}
	.christmasPro-op{
		margin-top: 0;
	}
	.christmas-content-des h3{
		font-size: 12px;
	}
	.christmas-content-des p{
		font-size: 12px;
	}
}
@media screen and (max-width:698px) and (min-width:362px){
	.web_header{
		display: none;
	}
	.mobile_header{
		display: block;
	}
	.christmas-content-des h3{
		font-size: 12px;
		transform: scale(.8);
	}
	.christmas-content-des p{
		font-size: 12px;
		transform: scale(.8);
	}
	.christmas-content{
		background-image: url('/images/newdesign/christmas/sbdg_mo.png');
	}
	.christmasProwrap{
		width: 100%;
	}
	.christmasPro2, .christmasPro4, .christmasPro6, .christmasPro8{
		margin-left: 0%;
	}
	.christmasPro1, .christmasPro3, .christmasPro5, .christmasPro7{
		margin-right: 0%;
	}
	.christmas-content-wrap{
		width: 90%;
	}
	.christmas-content-des h3:before{
		content: '';
		display: inline-block;
		position: absolute;
		width: 0px;
	}
	.christmas-content-des h3:after{
		content: '';
		display: inline-block;
		position: absolute;
		width: 0px;
	}
}
@media screen and (max-width:362px) and (min-width:100px){
	
	.sda{
		width: 100%;
		font-size: 12px;
		transform: scale(.8);
	}
	.prodes{
		font-size: 12px;
		transform: scale(.8);
	}
	.web_header{
		display: none;
	}
	.mobile_header{
		display: block;
	}
	.christmas-content-des h3{
		font-size: 12px;
		transform: scale(.8);
	}
	.christmas-content-des p{
		font-size: 12px;
		transform: scale(.8);
	}
	.christmas-content{
		background-image: url('/images/newdesign/christmas/sbdg_mo.png');
	}
	.christmasProwrap{
		width: 100%;
	}
	.christmasPro2, .christmasPro4, .christmasPro6, .christmasPro8{
		margin-left: 0%;
	}
	.christmasPro1, .christmasPro3, .christmasPro5, .christmasPro7{
		margin-right: 0%;
	}
	.christmas-content-wrap{
		width: 90%;
	}
	.christmas-content-des h3:before{
		content: '';
		display: inline-block;
		position: absolute;
		width: 0px;
	}
	.christmas-content-des h3:after{
		content: '';
		display: inline-block;
		position: absolute;
		width: 0px;
	}
}