html,body{
	width:100vw;
	height:100vh;
	position:relative;
}
.swiper-container{
	width:100vw;
	height:100vh;
	position:relative;
}
.kv{
	width:100vw;
	height:100vh;
	background:url(../images/kv.jpg) no-repeat center;
	position:relative;
}
.logo{
	display: block;
	width:12vw;
	position:absolute;
	left:1.3vw;
	top:2vh;
	z-index:1;
}
.loginBtn{
	width:6.02vw;
	overflow: hidden;
	position:fixed;
	right:1.875vw;
	top:1.5625vh;
	cursor: pointer;
	z-index:5;
}
.loginBtn img{
	display: block;
	width:6.02vw;
}
.loginBtn img:nth-child(2){
	display: none;
}
.loginBtn.active img:nth-child(1){
	display: none;
}
.loginBtn.active img:nth-child(2){
	display: block;
}
.playMusic{
	width:6.23vw;
	overflow: hidden;
	position:fixed;
	right:8.21vw;
	top:1.5625vh;
	cursor: pointer;
	z-index:5;
}
.playMusic img{
	display: block;
	width:6.23vw;
}
.playMusic img:nth-child(2){
	display: none;
}
.playMusic.active img:nth-child(1){
	display: none;
}
.playMusic.active img:nth-child(2){
	display: block;
}
.perOne{
	display: block;
	width:17.17vw;
	position:absolute;
	top:0;
	left:14.21875vw;
	z-index:1;
}
.perTwo{
	display: block;
	width:22.75vw;
	position:absolute;
	left:1.3vw;
	bottom:0;
	z-index:1;
}
.perThree{
	display: block;
	width:20.53125vw;
	position:absolute;
	right:5vw;
	bottom:0;
	z-index:1;
}
.time{
	display: block;
	width:31.41vw;
	position:absolute;
	left:0;
	bottom:3vh;
	z-index:2;
}
.butter{
	display: block;
	width:10.02vw;
	position:absolute;
	right:4.4vw;
	top:27vh;
	transform-origin: top left;
    -webkit-transform-origin: top left;
    animation: mmm 3s linear infinite;
    -webkit-animation: mmm 3s linear infinite;
}
.letter{
	display: block;
	width:64.09375vw;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-52%,-52%);
	-webkit-transform: translate(-52%,-52%);
}
.letter .letterImg{
	display: block;
	width:64.09375vw;
}
.letter .light{
	display: block;
	width:74.2vw;
	position:absolute;
	top:5vh;
	left:3.125vw;
}
.letter .hudie{
	display: block;
	width:58.25vw;
	position:absolute;
	left:2.6vw;
	top:36.5vh;
}
.letter .fire{
	display: block;
	width:13.21875vw;
	position:absolute;
	right:7.3vw;
	top:0;
	transform-origin: top left;
    -webkit-transform-origin: top left;
	animation:mmm 3s linear infinite;
	-webkit-animation: mmm 3s linear infinite;
}
.start{
	display: block;
	width:20.58vw;
	position:absolute;
	left:50%;
	margin-left:-10.29vw;
	bottom:0;
	z-index:4;
	cursor: pointer;
}
.loginType{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	display: none;
}
.loginTypeBody{
	width:47.41vw;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%)
}
.loBg{
	display: block;
	width:47.41vw;
}
.close{
	display: block;
	width:4.42vw;
	position:absolute;
	right:0;
	top:0;
	transition:all .5s;
	-webkit-transition:all .5s;
	cursor: pointer;
}
.close:hover{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
.flower{
	display: block;
	width:4.625vw;
	position:absolute;
	left:50%;
	margin-left:-3.5vw;
	top:12.4vh;
}
.leftDeng{
	display: block;
	width:10.83vw;
	position:absolute;
	left:0;
	top:12.4vh;
}
.rightDeng{
	display: block;
	width:10.83vw;
	position:absolute;
	right:1.97vw;
	top:12.4vh;
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
.no{
	display: block;
	width:30.23vw;
	position:absolute;
	left:50%;
	margin-left:-15.115vw;
	top:27vh;
}
.loginTypeBtn{
	width:30.8vw;
	position:absolute;
	left:50%;
	margin-left:-15.4vw;
	top:38vh;
}
.loginTypeBtn img{
	display: block;
	width:30.8vw;
	position:absolute;
	left:0;
	top:0;
}
.loginTypeBtn .roleType{
	width:13.9vw;
	height:9vh;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	cursor: pointer;
}
.loginTypeBtn .phoneType{
	width:13.9vw;
	height:9vh;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
	cursor: pointer;
}
.roleTypeTc{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	display: none;
}
.roleTypeBody{
	width:47.41vw;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%)
}
.roleTypeBody .close{
	top:3vh;
}
.roleTypeBody .flower{
	top:16.3vh;
}
.roleTypeBody .leftDeng{
	top:16.3vh;
}
.roleTypeBody .rightDeng{
	top:16.3vh;
}
.loginPut{
	width:25.24vw;
	position:absolute;
	left:10.625vw;
	top:24vh;
}
.loginPut .s_put{
	width:25.24vw;
	height:5vh;
	position:relative;
	font-family: 'webfont';
	margin-top:2.4vh;
	background:#fffcf2;
	border-radius: 1.5vw;
	box-shadow: 0px 8px 9px 0px rgba(124, 96, 90, 0.18);
}
.loginPut .s_put input,.loginPut .s_put select {
	width:25.24vw;
	height:5vh;
	background:none;
	font-size:2.2vh;
	text-indent:1vw;
	color:#e0b993;
	line-height:5vh;
	font-family: 'webfont';
	border:none;
	outline:none;
}
.loginPut .s_put input.roleYzm{
	width:16.24vw;
	float:left;
}
.loginPut .s_put .getCode,.loginPut .s_put .captcha{
	color:#da6f58;
	float:right;
	line-height:5vh;
	margin-right:1vw;
	cursor: pointer;
	font-size:2.3vh;
}
.loginPut .s_put input::-webkit-input-placeholder{
	color:#e0b993;
}
/*input placeholder样式修改*/
.loginPut .s_put input::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
	/*text-align: center;*/
	color:#e0b993;
}
.loginPut .s_put input::-moz-placeholder { /* Firefox 19+ */  
	/*text-align: center;*/
	color:#e0b993;
}	
.loginPut .s_put input:-ms-input-placeholder { /* IE 10+ */
	/*text-align: center;*/
	color:#e0b993;
}
.loginPut .s_put input:-moz-placeholder { /* Firefox 18- */
	/*text-align: center;*/
	color:#e0b993;
}
.dl{
	display: block;
	width:20.21vw;
	position:absolute;
	left:50%;
	margin-left:-11vw;
	top:59vh;
	cursor: pointer;
}
.phoneTypeTc{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	display: none;
}
.phoneTypeBody{
	width:47.41vw;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%)
}
.phoneTypeBody .close{
	top:3vh;
}
.phoneTypeBody .flower{
	top:16.3vh;
}
.phoneTypeBody .leftDeng{
	top:16.3vh;
}
.phoneTypeBody .rightDeng{
	top:16.3vh;
}
.loginPut .s_put .captcha img{
	display: block;
	width:5vw;
	height:5vh;
}
.phoneTypeTc .dl{
	top:47vh;
}
.myPriceTc{
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	display: none;
	z-index:50;
}
.myPriceTcBody{
	width:78.33vw;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%)
}
.coBg{
	display: block;
	width:78.33vw;
}
.myPriceTcBody .close{
	top:2vh;
}
.tcp{
	display: block;
	width:7.9vw;
	position:absolute;
	right: 3vw;
    top: 5vh;
}
.leCh{
	display: block;
	width:7.64vw;
	position:absolute;
	left: 0.5vw;
    top: 48vh;
}
.giftList{
	width:58vw;
	position:absolute;
	left:50%;
	margin-left:-28vw;
	top:18vh;
}
.giftList ul{
	width:58vw;
	position:relative;
}
.giftList ul li{
	width:58vw;
	height:7vh;
	background-color:#fffcf2;
	margin-top:4vh;
	font-family: 'webfont';
	font-size:3vh;
}
.giftList ul li img{
	display: block;
	width:5vw;
	float:left;
	margin:-1vh 7vw 0 1vw;
}
.giftList ul li span{
	display: block;
	float:left;
	line-height:7vh;
	color:#be956e;
}
.giftList ul li i{
	display: block;
	float:right;
	font-style:normal;
	line-height:7vh;
	margin-right:2vw;
	color:#be956e;
}
.giftList ul li i em{
	font-style: normal;
}
.title{
	display: block;
	width:4.7vw;
	position:absolute;
	left: 2vw;
    top: 13vh;
}
.ruleTc{
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	display: none;
	z-index:50;
}
.ruleTcBody{
	width:78.33vw;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%)
}
.ruleList{
	width:58vw;
	position:absolute;
	left:50%;
	margin-left:-28vw;
	top:17vh;
}
.ruleList>div{
	width:58vw;
	overflow: hidden;
	position:relative;
	font-family: 'webfont';
	margin-top:1vh;
}
.ruleList>div p{
	width:9vw;
	height:9vh;
	float:left;
	position:relative;
	font-size:3vh;
	color:#9f744a;
}
.ruleList>div p img{
	display: block;
	width:9vw;
	position:absolute;
	left:0;
	top:0;
}
.ruleList>div p em{
	display: block;
	position:relative;
	z-index:2;
	margin:2.4vh 0 0 1.5vw;
	font-style: normal;
}
.ruleList>div span{
	display: block;
	width:44vw;
	background-color:#fffcf2;
	float:left;
	margin:1vh 0 0 1vw;
	font-size:2vh;
	color:#9f764f;
	padding:1.5vh 1.5vw;
	line-height:3.4vh;
	font-family: "微软雅黑";
}
.actTip{
	margin-left:1vw;
	margin-top:8vh;
	font-size:1.8vh;
	color:#9f764f;
}
.zanTc{
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	display: none;
	z-index:50;
}
.zanTcBody{
	width:78.33vw;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%)
}
.zanTcBody .giftList ul li p{
	width:16vw;
	color:#be956e;
	float:left;
	line-height:7vh;
	margin-left:1vw;
	margin-right:3vw;
}
.zanTcBody .giftList ul li span{
	width:20vw;
	text-align: center;
}
.id{
	display: block;
	width:10vw;
	position:absolute;
	left:10vw;
	top:9vh;
}
.nc{
	display: block;
	width:10vw;
	position:absolute;
	left:35vw;
	top:9vh;
}
.zanTime{
	display: block;
	width:12vw;
	position:absolute;
	left:56vw;
	top:9vh;
}
.yzmTc{
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	display: none;
}
.yzmBody{
	width:26.04vw;
	height:32vh;
	background-color:#fff;
	border-radius: 2vh;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.yzmBody p{
	width:80%;
	margin:6vh auto 0;
	font-size:2.2vh;
	color:#313131;
	letter-spacing: 1px;
	line-height:4.4vh;
	text-align: center;
}
.queding{
	width:10.417vw;
	height:6.404vh;
	background-color:#3a3b3f;
	line-height:6.404vh;
	text-align: center;
	color:#e4dece;
	border-radius: 1vh;
	margin:5vh auto 0;
	cursor: pointer;
}
.queding:hover{
	opacity: .9;
}
.yzmTc .close{
	display: block;
	width:1.719vw;
	height:3.63vh;
	transition:all .5s;
	-webkit-transition:all .5s;
	position:absolute;
	right:-1.8vw;
	top:-4vh;
	cursor: pointer;
}
.sec{
	width:100vw;
	height:100vh;
	background:url(../images/sec.jpg) no-repeat center;
	position:relative;
}
.zhi{
	display: block;
	width:18.71875vw;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.topLetter{
	width:69.91vw;
	position:absolute;
	top:0;
	left:8.65625vw;
}
.topLetter img:nth-child(1){
	display: block;
	width:69.91vw;
}
.topLetter img:nth-child(2){
	display: block;
	width:55.54vw;
	position:absolute;
	left:0;
	top:0;
}
.china{
	display: block;
	width:13.66vw;
	position:absolute;
	right:1vw;
	top:27vh;
	transform-origin: top left;
    -webkit-transform-origin: top left;
    animation: mmm 3s linear infinite;
    -webkit-animation: mmm 3s linear infinite;
}
.girlOne{
	display: block;
	width:24.58vw;
	position:absolute;
	bottom:0;
	left:5.46875vw;
}
.girlTwo{
	display: block;
	width:11.375vw;
	position:absolute;
	right:17.5vw;
	bottom:0;
}
.intP{
	width:53.64vw;
	position:absolute;
	left:50%;
	margin-left:-24.5vw;
	top:32.5vh;
	font-family: 'webfont';
	font-size:3.4vh;
	transform: rotate(-1.5deg);
	line-height:7vh;
	color:#9f744a;
	text-align: center;
}
.intP p{
	letter-spacing: 2px;
}
.intP p span{
	font-size:4vh;
	font-weight:bold;
}
.intP p span.name{
	margin-left:1vw;
}
.intP.intO{
	top:60vh;
}
.thc{
	width:100vw;
	height:100vh;
	background:url(../images/thc.jpg) no-repeat center;
	position:relative;
}
.bian{
	display: block;
	width:9.9vw;
	position:absolute;
	left:16.625vw;
	top:7vh;
	z-index:1;
	transform-origin: top left;
    -webkit-transform-origin: top left;
    animation: mmm 3s linear infinite;
    -webkit-animation: mmm 3s linear infinite;
}
.sbian{
	display: block;
	width:10.24vw;
	position:absolute;
	left:14.43vw;
	top:12vh;
	z-index:1;
}
.left{
	display: block;
	width:18.88vw;
	position:absolute;
	left:2.24vw;
	top:11vh;
}
.headPic{
	width:18.14vw;
	position:absolute;
	left:23.33vw;
	top:34vh;
}
.headPic img:nth-child(1){
	display: block;
	width:19.14vw;
	position:relative;
	z-index:1;
}
.headPic img:nth-child(2){
	display: block;
    width: 15.3vw;
    height: 31vh;
    position: absolute;
    left: 1.6vw;
    top: 4vh;
    border-radius: 50%;
}
.message{
	width:47.24vw;
	position:absolute;
	right:6.2vw;
	top:20vh;
}
.level{
	position:absolute;
	left:0;
	top:0;
}
.level img{
	display: block;
	width:9.16vw;
	position:absolute;
	left:0;
	top:0;
}
.level span{
	display: block;
	position:relative;
	z-index:1;
	font-size:5vw;
	font-family: 'webfont';
	color:#f1cca7;
	margin-top:2vh;
	margin-left:2vw;
}
.level span em {
	color:#9f744a;
	margin-right:2vw;
}
.roleNumber{
	position:absolute;
	right: 1vw;
    top: 9vh;
	font-family: 'webfont';
}
.roleNumber span{
	font-size:2.5vh;
	color:#9f744a;
	float:left;
	letter-spacing: 2px;
}
.roleNumber p{
	float:left;
	padding:2px 4px;
	border:1px solid #e9ce91;
	color:#9f744a;
}
.roleNumber em{
	background:#ffeb9c;
	padding:2px 6px;
	color:#c6965e;
	float:left;
	font-style: normal;
	border:1px solid #e9ce91;
	margin-left:.5vw;
}
.nameCon{
	width:45.46875vw;
	position:absolute;
	left:50%;
	margin-left:-23vw;
	top:15vh;
}
.nameCon img{
	display: block;
	width:45.46875vw;
	position:relative;
}
.nameCon p{
	font-size: 6vh;
    color: #fefae6;
    position: absolute;
    left: 3vw;
    top: 4vh;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    z-index: 1;
    font-family: 'webfont';
}
.nickName{
	width:28.17vw;
	position:absolute;
	left:1vw;
	top:30vh;
}
.nickName img{
	display: block;
	width:28.17vw;
	position:relative;
}
.nickName p{
	font-size: 4vh;
    color: #fefae6;
    position: absolute;
    left: 7vw;
    top: 3.5vh;
    transform: rotate(3deg);
    -webkit-transform: rotate(1deg);
    z-index: 1;
    font-family: 'webfont';
}
.yulan{
	display: block;
	width:9.375vw;
	position:absolute;
	right: 1.5vw;
    top: 35vh;
}
.dateTime{
	width:39.48vw;
	position:absolute;
	left:1vw;
	top:45vh;
}
.dateTime img{
	display: block;
	width:39.48vw;
	position:relative;
}
.dateTime .dateP{
	position:absolute;
	left:0;
	top:0;
	font-family: 'webfont';
}
.dateTime .dateP p {
	transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	margin-left:2vw;
	font-size:4vh;
}
.dateTime .dateP p span{
	color:#ff7e69;
}
.dateTime .dateP p:nth-child(1){
	color:#9f744a;
	margin-top:3vh;
}
.dateTime .dateP p:nth-child(2){
	color:#9f744a;
	margin-top:3vh;
}
.ro{
	display: block;
	width:11.48vw;
	position:absolute;
	bottom:0;
	right:4.63vw;
}
.for{
	width:100vw;
	height:100vh;
	background:url(../images/for.jpg) no-repeat center;
	position:relative;
}
.jie{
	display: block;
	width:9.40625vw;
	position:absolute;
	left:50%;
	margin-left:-4.5vw;
	top:7vh;
	transform-origin: top left;
    -webkit-transform-origin: top left;
	animation:mmm 3s linear infinite;
	-webkit-animation: mmm 3s linear infinite;
}
.pic1{
	display: block;
	width:6.76vw;
	position:absolute;
	left:37.09375vw;
	top:40vh;
	animation: move 2s 0s linear infinite;
    -webkit-animation: move 2s 0s linear infinite;
}
.pic2{
	display: block;
	width:6.96875vw;
	position:absolute;
	left:56.52vw;
	top:13vh;
	animation: move 1.5s 0s linear infinite;
    -webkit-animation: move 1.5s 0s linear infinite;
}
.pic3{
	display: block;
	width:7.073vw;
	position:absolute;
	right:8vw;
	top:22vh;
	animation: move 1.8s 0s linear infinite;
    -webkit-animation: move 1.8s 0s linear infinite;
}
.txtOne{
	font-size:3vh;
	color:#9f744a;
	font-family: 'webfont';
	position:absolute;
	left: 9.375vw;
    top: 10vh;
}
.txtOne p{
	margin-top:2vh;
}
.txtOne span{
	font-weight:bold;
	font-size:4vh;
}
.txtOne{
	font-size:3vh;
	color:#9f744a;
	font-family: 'webfont';
	position:absolute;
	left: 9.375vw;
    top: 10vh;
}
.txtOne.txtTwo{
	top:33vh;
}
.txtOne.txtThree{
	top:51vh;
}
.roleTxt{
	width:30.85vw;
	background-color:#fff;
	position:absolute;
	top:70vh;
	left: 9.375vw;
	box-shadow: 0px 9px 8.28px 0.72px rgba(183, 164, 146, 0.26);
	transform: rotate(-1.5deg);
	-webkit-transform: rotate(-1.5deg);
	font-family: 'webfont';
	font-size:3vh;
	color:#9f744a;
}
.roleTxt p{
	padding:2vh;
	line-height:5vh;
}
.roleTxt p span{
	font-size: 3.4vh;
    font-weight: bold;
}
.mainRole{
	display: block;
	width:60.43vw;
	position:absolute;
	bottom:0;
	left:36.5vw;
}
.five{
	width:100vw;
	height:100vh;
	background:url(../images/five.jpg) no-repeat center;
	background-size:100vw 100vh;
	position:relative;
}
.cjie{
	display: block;
    width: 9.40625vw;
    position: absolute;
    left: 3.5vw;
    top: 12.5vh;
    transform-origin: top left;
    -webkit-transform-origin: top left;
    animation: mmm 3s linear infinite;
    -webkit-animation: mmm 3s linear infinite;
}
.bot{
	width:58.875vw;
	position:absolute;
	bottom:0;
	left:.8vw;
}
.bot img:nth-child(1){
	display: block;
	width:58.875vw;
}
.bot img:nth-child(2){
	display: block;
	width:9.3vw;
	position:absolute;
	top:5vh;
	left:8vw;
	animation: imgRotate 1s linear infinite;
    -webkit-animation: imgRotate 1s linear infinite;
}
.bot img:nth-child(3){
	display: block;
	width:6.65625vw;
	position:absolute;
	top:10vh;
	left:21vw;
	animation: imgRotate 1s linear infinite;
    -webkit-animation: imgRotate 1s linear infinite;
}
.bot img:nth-child(4){
	display: block;
	width:8.58vw;
	position:absolute;
	top:8vh;
	left:34vw;
	animation: imgRotate 1s linear infinite;
    -webkit-animation: imgRotate 1s linear infinite;
}
.zhiTxt{
	position:absolute;
	font-size:3.5vh;
	font-family: 'webfont';
	top:28vh;
	left:14vw;
	transform: rotate(2.6deg);
	-webkit-transform: rotate(2.6deg);
	color:#9f744a;
}
.zhiTxt span{
	font-weight:bold;
	font-size:3.8vh;
}
.zhiTxt p{
	margin-top:1.7vh;
}
.kongbai{
	width:25vw;
	background-color:#fff;
	position:absolute;
	top:50vh;
	left: 14vw;
	box-shadow: 0px 9px 8.28px 0.72px rgba(183, 164, 146, 0.26);
	transform: rotate(-1.5deg);
	-webkit-transform: rotate(-1.5deg);
	font-family: 'webfont';
	font-size:3vh;
	color:#9f744a;
}
.kongbai p{
	padding:2vh;
	line-height:5vh;
}
.secRole{
	display: block;
	width:56.43vw;
	position:absolute;
	right:4vw;
	bottom:0;
}
.six{
	width:100vw;
	height:100vh;
	background:url(../images/six.jpg) no-repeat center;
	position:relative;
}
.wish{
	display: block;
	width:40.15625vw;
	position:absolute;
	right:5vw;
	bottom:3vh;
}
.newJie{
	display: block;
	width:8.9375vw;
	position:absolute;
	left:50%;
	margin-left:-8.5vw;
	top:4vh;
	transform-origin: top left;
    -webkit-transform-origin: top left;
	animation:mmm 3s linear infinite;
	-webkit-animation: mmm 3s linear infinite;
}
.descTxt{
	position:absolute;
	font-size:3.8vh;
	color:#9f744a;
	font-family: 'webfont';
	transform: rotate(-2.4deg);
	-webkit-transform: rotate(-2.4deg);
	left:10vw;
	top:21vh;
}
.descTxt span{
	font-size:4.2vh;
	font-weight:bold;
}
.descTxt p{
	margin-top:2.4vh;
}
.descTxt img{
	display: block;
	width:4.73vw;
	position:absolute;
	top:15vh;
	left:18vw;
}
.newYear{
	position:absolute;
	font-size:3.8vh;
	color:#9f744a;
	font-family: 'webfont';
	transform: rotate(-2.4deg);
	-webkit-transform: rotate(-2.4deg);
	left:10vw;
	top:55vh;
}
.newYear p{
	margin-top:2.4vh;
}
.star{
	display: block;
	width:28.8vw;
	height:7.151vh;
	position:absolute;
	left:7.8125vw;
	bottom:10vh;
}
.star img{
	animation: imgRotate 1s linear infinite;
	-webkit-animation: imgRotate 1s linear infinite;
}
.star img:nth-child(1){
	display: block;
	width:.573vw;
	position:absolute;
	left:0;
	top:.854vh;
}
.star img:nth-child(2){
	display: block;
	width:.99vw;
	position:absolute;
	left: 1.459vw;
    top: 1.872vh;
}
.star img:nth-child(3){
	display: block;
	width:0.886vw;
	position:absolute;
	left: 10.028vw;
    top: 0.5616vh;
}
.star img:nth-child(4){
	display: block;
	width:1.563vw;
	position:absolute;
	left: 11.268vw;
    top: 0;
}
.star img:nth-child(5){
	display: block;
	width:1.563vw;
	position:absolute;
	left: 26.0753vw;
    top: 1px;
}
.star img:nth-child(6){
	display: block;
	width:.834vw;
	position:absolute;
	right:0;
	bottom:0;
}
.bsev{
	width:100vw;
	height:100vh;
	background:url(../images/bsev.jpg) no-repeat center;
	position:relative;
}
.allDeng{
	display: block;
	width:86vw;
	position:absolute;
	left:50%;
	margin-left:-43vw;
	top:3vh;
	z-index:4;
}
.allDeng img{
	display: block;
	width:10.261vw;
	float:left;
	transform-origin: top center;
    -webkit-transform-origin: top center;
    animation:mmm 3s linear infinite;
	-webkit-animation: mmm 3s linear infinite;
}
.allDeng img:nth-child(1){
	margin:.4vh 4vw 0 0;
}
.allDeng img:nth-child(2){
	margin:4vh 3vw 0 0;
}
.allDeng img:nth-child(3){
	margin:0 12vw 0 0;
}
.allDeng img:nth-child(4){
	margin:0 3vw 0 0;
}
.allDeng img:nth-child(5){
	margin:6vh 2vw 0 0;
}
.allDeng img:nth-child(6){
	margin:5vh 0 0 0;
}
.bsev .renTxt{
	transform:translate(-50%,0) rotate(0);
	-webkit-transform:translate(-50%,0) rotate(0);
	top:31vh;
	text-shadow: #fbf2e9 4px 0px 0px, #fbf2e9 0px 4px 0px, #fbf2e9 -4px 0px 0px, #fbf2e9 0px -4px 0px;
}
.bsev .renTxt p{
	font-size:3.2vh;
	margin-top:1vh;
}
.bsev .renTxt p span{
	font-size:3.6vh;
}
.bsev .renTxt p span.yang{
	color:#ffa32c;
	font-weight:normal;
}
.bsev .renTxt p span.yang b{
	font-size:4vh;
}
.boo{
	display: block;
	width:64.52vw;
	position:absolute;
	left:50%;
	margin-left:-32.26vw;
	bottom:0;
}
.toc{
	width:100vw;
	position:absolute;
	left:0;
	top:0;
	z-index:3;
}
.bsev .logo{
	z-index:5;
}
.lmb{
	display: block;
	width:25.23vw;
	position:absolute;
	left:0;
	top:5vh;
	z-index:2;
}
.rmb{
	display: block;
	width:25.23vw;
	position:absolute;
	right:0;
	top:5vh;
	z-index:2;
}
.lehu{
	display: block;
	width:6.49vw;
	position:absolute;
	left: 10.5vw;
    top: 45vh;
    z-index:2;
    transform-origin: top left;
    -webkit-transform-origin: top left;
    animation:mmm 3s linear infinite;
	-webkit-animation: mmm 3s linear infinite;
}
.rihu{
	display: block;
	width:6.49vw;
	position:absolute;
	right: 10.5vw;
    top: 45vh;
    transform-origin: top right;
    -webkit-transform-origin: top right;
    animation:mmm 3s linear infinite;
	-webkit-animation: mmm 3s linear infinite;
    z-index:2;
}
.seven{
	width:100vw;
	height:100vh;
	background:url(../images/seven.jpg) no-repeat center;
	position:relative;
}
.lio{
	display: block;
	width:12.9375vw;
	position:absolute;
	right:28.3125vw;
	top:2vh;
	transform-origin: top left;
    -webkit-transform-origin: top left;
	animation:mmm 3s linear infinite;
	-webkit-animation: mmm 3s linear infinite;
}
.plant{
	width:28.65625vw;
	height:13.234vh;
	position:absolute;
	right:2vw;
	bottom:3vh;
}
.plant img:nth-child(1){
	display: block;
	width:28.65625vw;
}
.plant img:nth-child(2){
	display: block;
	width:7vw;
	position:absolute;
	left:2.5vw;
	top:0;
	animation: imgRotate 1s linear infinite;
	-webkit-animation: imgRotate 1s linear infinite;
}
.plant img:nth-child(3){
	display: block;
	width:7vw;
	position:absolute;
	left:8vw;
	top:0;
	animation: imgRotate 1s linear infinite;
	-webkit-animation: imgRotate 1s linear infinite;
}
.plant img:nth-child(4){
	display: block;
	width:7vw;
	position:absolute;
	left:13.5vw;
	top:0;
	animation: imgRotate 1s linear infinite;
	-webkit-animation: imgRotate 1s linear infinite;
}
.plant img:nth-child(5){
	display: block;
	width:7vw;
	position:absolute;
	left:19vw;
	top:0;
	animation: imgRotate 1s linear infinite;
	-webkit-animation: imgRotate 1s linear infinite;
}
.plantTxt{
	position:absolute;
	text-align: center;
	font-family: 'webfont';
	font-size:3.6vh;
	color:#9f744a;
	left:50%;
	transform: translate(-50%,0) rotate(-2deg);
	-webkit-transform: translate(-50%,0) rotate(-2deg);
	top:32vh;
}
.plantTxt span{
	font-size:4.2vh;
	font-weight:bold;
}
.plantTxt p{
	margin-top:2vh;
	white-space: nowrap;
}
.eight{
	width:100vw;
	height:100vh;
	background:url(../images/eight.jpg) no-repeat center;
	position:relative;
}
.eiBian{
	display: block;
	width:8vw;
	position:absolute;
	right:7vw;
	top:18vh;
	animation:mmm 3s linear infinite;
	-webkit-animation: mmm 3s linear infinite;
}
.cha{
	display: block;
	width:11.16vw;
	position:absolute;
	left: 12vw;
    top: 4vh;
    transform-origin: top left;
    -webkit-transform-origin: top left;
    animation:mmm 3s linear infinite;
	-webkit-animation: mmm 3s linear infinite;
}
.sureTxt{
	display: block;
	width:50.96875vw;
	position:absolute;
	left:50%;
	margin-left:-23vw;
	top:11vh;
}
/*.sureTxt img{
	opacity: 0;
}*/
.sureTxt img:nth-child(1){
	display: block;
	width:5.79rem;
	margin:0 auto 0;
}
.sureTxt img:nth-child(2){
	display: block;
	width:5.5rem;
	margin:0.04rem 0 0 .54rem;
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.sureTxt img:nth-child(3){
	display: block;
	width:3.85rem;
	margin:0.24rem 0 0 1.17rem;
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}
.nine{
	width:100vw;
	height:100vh;
	background:url(../images/nine.jpg) no-repeat;
	background-size:100vw 100vh;
	position:relative;
}
.big{
	display: block;
	width:80.74vw;
	position:absolute;
	right:0;
	bottom:-2vh;
}
.sb{
	display: block;
	width:8.53125vw;
	position:absolute;
	left:18vw;
	top:16vh;
}
.leftMenu{
	width:12.95vw;
	position:absolute;
	left:3.04vw;
	top:0;
}
.leftMenu .firPic{
	display: block;
	width:12.95vw;
}
.leftMenu .leftDiv{
	width:12.95vw;
	position:absolute;
	left:0;
	top:0;
}
.leftMenu .leftDiv>div img{
	display: none;
	width:12.95vw;
}
.leftMenu .leftDiv>div img:nth-child(1){
	display: block;
}
.leftMenu .leftDiv>div:nth-child(1){
	margin-top:11vh;
}
.leftMenu .leftDiv>div{
	margin-top:-6vh;
	cursor: pointer;
}
.leftMenu .leftDiv>div.active img:nth-child(2){
	display: block;
}
.leftMenu .leftDiv>div.active img:nth-child(1){
	display: none;
}
.leftMenu .leftDiv>div.on img:nth-child(3){
	display: block;
}
.leftMenu .leftDiv>div.on img:nth-child(1){
	display: none;
}
.leftMenu .leftDiv>div.on img:nth-child(2){
	display: none;
}
.getZan{
	display: block;
	width:11.24vw;
	position:absolute;
	left:4vw;
	bottom:5vh;
	cursor: pointer;
}
.zanNum{
	width:1vw;
	font-size:2.4vh;
	color:#fff;
	line-height:3vh;
	text-shadow: #c7553a 1px 0 0, #c7553a 0 1px 0, #c7553a -1px 0 0, #c7553a 0 -1px 0;
	font-family: 'webfont';
	position:absolute;
	left:2vw;
	bottom:8vh;
}
.mainGift{
	position:absolute;
	left:25vw;
	top:38vh;
}
.mainGift>div {
	width:8.9vw;
	position:relative;
	float:left;
	margin-left:3vw;
}
.mainGift>div img{
	display: none;
	width:8.9vw;
}
.mainGift>div img:nth-child(1){
	display: block;
}
.mainGift>div.active img:nth-child(2){
	display: block;
}
.mainGift>div.active img:nth-child(1){
	display: none;
}
.mainGift>div.on img:nth-child(3){
	display: block;
}
.mainGift>div.on img:nth-child(1){
	display: none;
}
.mainGift>div.on img:nth-child(2){
	display: none;
}
.mainGift>div i{
	display: block;
	width:7.7vw;
	height:4vh;
	position:absolute;
	bottom:0;
	left:50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	cursor: pointer;
}
.myPrice{
	display: block;
	width:14.77vw;
	position:absolute;
	left: 24vw;
    top: 79vh;
	cursor: pointer;
}
.shareBtn{
	display: block;
	width:22.53125vw;
	position:absolute;
	left:50%;
	margin-left:-5vw;
	top:77vh;
	cursor: pointer;
}
.talk{
	display: block;
	width:15.29vw;
	position:absolute;
	top:74vh;
	right:12vw;
}
.ten{
	width:100vw;
	height:100vh;
	background:url(../images/ten.jpg) no-repeat center;
	position:relative;
}
.ok{
	display: block;
	width:12.42vw;
	position:absolute;
	left:6.77vw;
	top:10vh;
}
.ou{
	display: block;
	width:22.11vw;
	position:absolute;
	right: 6vw;
    top: 68vh;
}
.renTxt{
	position:absolute;
	left:50%;
	transform: translate(-50%,0) rotate(1deg);
	-webkit-transform: translate(-50%,0) rotate(1deg);
	top:13vh;
	text-align: center;
	font-family: 'webfont';
	font-size:2.8vh;
	color:#9f744a;
}
.renTxt p{
	margin-top:4vh;
	position:relative;
	font-size:4vh;
	letter-spacing: 2px;
	white-space: nowrap;
}
.renTxt p .imgOne{
	display: block;
	width:21.15625vw;
	position:relative;
	margin:0 auto 0;
}
.renTxt p span{
	font-weight:bold;
	font-size:4.4vh;
}
.renTxt p span.span{
	width:21.15625vw;
	position:absolute;
	left:50%;
	top:4vh;
	text-align: center;
	z-index:1;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	font-size:3.6vh;
}
.renTxt p span.span em{
	font-size:4.4vh;
	font-weight:bold;
}
.renTxt p span.spanOne{
	width: 6.33vw;
    text-align: center;
    z-index: 1;
    font-size: 4vh;
    position: relative;
    display: inline-block;
}
.renTxt p span.spanOne img{
	display: inline-block;
    width: 6.33vw;
    position: absolute;
    left: 0;
   	top: -5.6vh;
}
.renTxt p span.spanOne em{
	font-style: normal;
    display: block;
    position: absolute;
    left: 2.6vw;
    top: -2.8vh;
    z-index: 2;
}
.zanBtn{
	display: block;
	width:10.86vw;
	position:absolute;
	left:50%;
	margin-left:-5.4vw;
	top:70vh;
	cursor: pointer;
}
.rightMenu{
	width:12.48vw;
	position:absolute;
	right:0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.rightMenu a{
	display: block;
	width:12.48vw;
	margin-top:2vh;
}
.rightMenu a img{
	display: block;
	width:12.48vw;
}
.ele{
	width:100vw;
	height:100vh;
	background:url(../images/ele.jpg) no-repeat center;
	position:relative;
}
.lef{
	display: block;
	width:11.59375vw;
	position:absolute;
	left: 17vw;
    top: 7vh;
}
.oo{
	display: block;
	width:21.125vw;
	position:absolute;
	right: 6.5vw;
    top: 66vh;
}
.ele .renTxt{
	transform:translate(-50%,0) rotate(-2.5deg);
	-webkit-transform:translate(-50%,0) rotate(-2.5deg);
	top:19vh;
}
.twe{
	width:100vw;
	height:100vh;
	background:url(../images/twe.jpg) no-repeat center;
	position:relative;
}
.bb{
	display: block;
	width:12.32vw;
	position:absolute;
	left: 7vw;
    top: 7vh;
}
.nb{
	display: block;
	width:14.25vw;
	position:absolute;
	right:18vw;
	top:3vh;
}
.twe .renTxt{
	transform: translate(-50%,0) rotate(-3deg);
    -webkit-transform: translate(-50%,0) rotate(-3deg);
    top:25vh;
}
.thi{
	width:100vw;
	height:100vh;
	background:url(../images/thi.jpg) no-repeat center;
	position:relative;
}
.biOne{
	display: block;
	width:16.33vw;
	position:absolute;
	left: 7vw;
    top: 8vh;
}
.pao{
	display: block;
	width:12.58vw;
	position:absolute;
	right: 11vw;
    top: 58vh;
}
.thi .renTxt{
	transform: translate(-50%,0) rotate(-1deg);
    -webkit-transform: translate(-50%,0) rotate(-1deg);
	top:25vh;
}
@keyframes mmm
{
	0%{
		-webkit-transform:rotate(0deg);
	  	transform:rotate(0deg);
	}
	50%{
		-webkit-transform:rotate(12deg);
	  	transform:rotate(12deg);
	}
	100% {  
	  -webkit-transform:rotate(0);
	  transform:rotate(0);
	}
}
@-webkit-keyframes mmm{
	0%{
		-webkit-transform:rotate(0deg);
	  	transform:rotate(0deg);
	}
	50%{
		-webkit-transform:rotate(12deg);
	  	transform:rotate(12deg);
	}
	100% {  
	  -webkit-transform:rotate(0);
	  transform:rotate(0);
	}
}
@keyframes move
{
	0%, 65%{ 
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	70% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	75% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	80% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	85% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	90% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	95% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	100% {  
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
}
@-webkit-keyframes move
{
	0%, 65%{ 
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	70% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	75% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	80% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	85% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	90% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	95% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	100% {  
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
}
@keyframes imgRotate{
	0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
	50%{transform: rotate(10deg);-webkit-transform: rotate(10deg);}
	100%{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
}
@-webkit-keyframes imgRotate{
	0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
	50%{transform: rotate(10deg);-webkit-transform: rotate(10deg);}
	100%{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
}