html,body{
	width:100%;
	height:100%;
	position:relative;
	font-weight:bold;
}
.bag.animated{
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
}
.swiper-container .swiper-button-prev{
	width:.77rem;
	height:.94rem;
	background:url(../images/lef.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	left:.44rem;
	top:50%;
	margin-top:-.47rem;
	z-index:11;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
.swiper-container .swiper-button-next{
	width:.77rem;
	height:.94rem;
	background:url(../images/raf.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	right:.44rem;
	top:50%;
	margin-top:-.47rem;
	z-index:11;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
.swiper-container .swiper-button-next.swiper-button-disabled{
	opacity: 0;
}
.first{
	width:100%;
	height:100%;
	background:url(../images/fir.jpg) no-repeat center;
	background-size:cover;
	position:fixed;
	left:0;
	top:0;
	z-index:2;
	display: none;
}
.slo{
	display: block;
	width:10rem;
	margin:1.4rem auto 0;
}
.start{
	display: block;
	width:2rem;
	position:absolute;
	left:50%;
	margin-left:-1rem;
	top:4.3rem;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
@keyframes vGo{
	0%{transform: scale(1);-webkit-transform: scale(1);}
	50%{transform: scale(1.2);-webkit-transform: scale(1.2);}
	100%{transform: scale(1);-webkit-transform: scale(1);}
}
@-webkit-keyframes vGo{
	0%{transform: scale(1);-webkit-transform: scale(1);}
	50%{transform: scale(1.2);-webkit-transform: scale(1.2);}
	100%{transform: scale(1);-webkit-transform: scale(1);}
}
.swiper-container{
	width:100%;
	height:100%;
	position:relative;
	display: none;
}
.kv{
	width:100%;
	height:100%;
	background:url(../images/kv.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	/*overflow: hidden;*/
}
.logo{
	display: block;
	width:1.6rem;
	position:fixed;
	left:.24rem;
	top:.21rem;
	z-index:20;
}
.playMusic{
	width:.46rem;
	overflow: hidden;
	position:fixed;
	right:.39rem;
	top:.2rem;
	cursor: pointer;
	z-index:20;
}
.playMusic img{
	display: block;
	width:.46rem;
}
.playMusic img:nth-child(2){
	display: none;
}
.playMusic.active img:nth-child(1){
	display: none;
}
.playMusic.active img:nth-child(2){
	display: block;
}
.dateTip span{
	font-size:.16rem;
}
.dateTip{
	font-size:.1rem;
	color:#000;
	position:fixed;
	left:.3rem;
	bottom:.2rem;
	z-index:20;
}
.kvBody{
	width:5.3rem;
	position:absolute;
	left:1.18rem;
	top:1.15rem;
}
.kvBody .tit{
	display: block;
	width:4.75rem;
	margin-left:.54rem;
	margin-bottom:.6rem;
	opacity: 0;
}
.kvBody p{
	width:4.6rem;
	font-size:.22rem;
	color:#615425;
	line-height:.4rem;
	letter-spacing: 0.03125rem;
	font-weight:bold;
	font-family: "webfont";
	margin-bottom:.1rem;
	opacity: 0;
}
.kvBody p span{
	font-size:.3rem;
	color:#dcb044;
	font-style: oblique;
}
.kvBody p em{
	font-style: normal;
}
.kvBody p em span{
	font-style: oblique;
}
.yx_shade .yx_tips_txt{
	font-size:.22rem;
	padding:.1rem .2rem;
}
.sec{
	width:100%;
	height:100%;
	background:url(../images/sec.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	z-index:5;
	/*overflow: hidden;*/
}
.seBody{
	width:100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
.sePic{
	display: block;
	width:4rem;
	margin-top:1rem;
}
.seBody div{
	width:4.75rem;
	position:relative;
	margin-top:1.8rem;
	margin-left:-.52rem;
}
.seBody div img{
	display: block;
	width:100%;
}
.seBody div p{
	font-size:.22rem;
	font-weight:bold;
	color:#615425;
	line-height:.4rem;
	letter-spacing: 0.03125rem;
	font-family: "webfont";
	margin-left:1.1rem;
}
.seBody div p span{
	font-size:.3rem;
	color:#dcb044;
	font-style: oblique;
}
.girl{
	display: block;
	width:1.15rem;
	position:absolute;
	right:2rem;
	top:.27rem;
}
.thc{
	width:100%;
	height:100%;
	background:url(../images/sec.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.tit2{
	display: block;
	width:4.6rem;
	margin:1rem auto 0;
}
.thBody{
	width:6.82rem;
	position:relative;
	margin:.2rem auto 0;
}
.thBody p{
	font-size:.22rem;
	color:#615425;
	line-height:.4rem;
	font-weight:bold;
	letter-spacing: 0.03125rem;
	margin-bottom:.15rem;
	font-family: "webfont";
}
.thBody p span{
	font-size:.28rem;
	color:#dcb044;
	font-style: oblique;
}
.thBody p i{
	color:#dcb044;
	font-style: normal;
}
.thBody p:nth-child(2){
	font-size:.18rem;
	line-height:.3rem;
	margin-bottom:0;
}
.thBody p:nth-child(3){
	font-size:.18rem;
	line-height:.3rem;
	font-style: oblique;
}
.gic{
	display: block;
	width:.92rem;
	position:absolute;
	right:-.73rem;
	top:.3rem;
}
.wePic{
	display: block;
	width:5.85rem;
	margin:0.08rem auto 0;
}
.for{
	width:100%;
	height:100%;
	background:url(../images/sec.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.tit3{
	display: block;
	width:4.7rem;
	margin:.9rem auto 0;
}
.for .thBody{
	width:6.2rem;
}
.fo{
	display: block;
	width:6.21rem;
	margin:.15rem auto 0;
}
.five{
	width:100%;
	height:100%;
	background:url(../images/thc.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.tit4{
	display: block;
	width:6.8rem;
	margin:.8rem auto 0;
}
.fiTxt{
	width:8rem;
	position:relative;
	margin:.15rem 0 0 3.4rem;
}
.fiTxt p{
	color:#615425;
	line-height:.26rem;
	font-family: "webfont";
}
.fiTxt p.dbp{
	font-size:.2rem;
}
.fiTxt p.sdp{
	font-size:.18rem;
}
.fiTxt p span{
	color:#dcb044;
	font-size:.28rem;
	font-style: oblique;
	margin:0 .1rem;
}
.flow{
	display: inline-block;
	width:.68rem;
	vertical-align: middle;
}
.book{
	display: inline-block;
	width:.78rem;
	vertical-align: bottom;
}
.bag{
	display: block;
	width:2.04rem;
	position:absolute;
	left:1.09rem;
	bottom:.42rem;
}
.box{
	display: block;
	width:1.82rem;
	position:absolute;
	right:0;
	bottom:.42rem;
}
.six{
	width:100%;
	height:100%;
	background:url(../images/thc.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.siBody{
	width:100%;
	position:relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
.siPic{
	display: block;
	width:3.18rem;
	margin-top:1rem;
}
.siBody div{
	width:5.57rem;
	position:relative;
	margin:1.15rem 0 0 -.55rem;
}
.siBody div img{
	display: block;
	width:100%;
}
.siBody div p{
	font-size:.22rem;
	color:#615425;
	line-height:.4rem;
	font-family: "webfont";
	font-weight:bold;
	margin-left:.95rem;
}
.siBody div p span{
	font-size:.24rem;
	color:#dcb044;
	font-style: oblique;
}
.bot {
    width: 4.77rem;
    position: absolute;
    bottom: 0;
    right: 1.6rem;
}
.bot img{
	display: block;
}
.bot img:nth-child(1){
	width:100%;
}
.bot img:nth-child(2){
	width: 1.15rem;
    position: absolute;
    left: 0.5rem;
    top: 0.8rem;
}
.bot img:nth-child(3){
	width: 1rem;
    position: absolute;
    left: 2rem;
    top: 1rem;
}
.bot img:nth-child(4){
	width: 0.9rem;
    position: absolute;
    right: 0.2rem;
    top: 1rem;
}
.bot img.imgAni{
	animation: imgAni 2s linear infinite;
	-webkit-animation: imgAni 2s linear infinite;
}
@keyframes imgAni{
	0%{transform: rotate(0);}
	25%{transform: rotate(10deg);}
	50%{transform: rotate(0deg);}
	75%{transform: rotate(-10deg);}
	100%{transform: rotate(0);}

}
@-webkit-keyframes imgAni{
	0%{transform: rotate(0);}
	25%{transform: rotate(10deg);}
	50%{transform: rotate(0deg);}
	75%{transform: rotate(-10deg);}
	100%{transform: rotate(0);}
}
.bsev{
	width:100%;
	height:100%;
	background:url(../images/for.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.bsBody{
	width:100%;
	position:relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
.bsPic{
	display: block;
	width:4rem;
}
.bsBody div{
	width:4.8rem;
	position:relative;
	margin:1rem 0 0 0;
}
.bsBody div .tit6{
	display: block;
	width:3.28rem;
	margin-bottom:.18rem;
}
.bsBody div p{
	font-size:.2rem;
	color:#615425;
	line-height:.4rem;
	font-family: "webfont";
	font-weight:bold;
}
.bsBody div p span{
	font-size:.24rem;
	color:#dcb044;
	font-style: oblique;
}
.bsBody div p.sdp{
	font-size:.16rem;
}
.sma1{
	display: block;
	width:.49rem;
	position:absolute;
	right: 0.8rem;
    top: 1.1rem;
}
.sma2{
	display: block;
	width:.51rem;
	position:absolute;
	right: 2.5rem;
    top: 2.9rem;
}
.sma3{
	display: block;
	width:.5rem;
	position:absolute;
	right: 0.3rem;
    top: 3.5rem;
}
.seven{
	width:100%;
	height:100%;
	background:url(../images/for.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.light{
	display: block;
	height:100%;
	position:absolute;
	left:.7rem;
	top:0;
}
.sevBody{
	width:100%;
	position:relative;
	display: flex;
	display: -webkit-flex;
}
.sevPic{
	display: block;
	width:3.63rem;
	margin:1rem 0 0 1.4rem;
}
.sevBody div{
	width:4.3rem;
	margin:1.1rem 1.5rem 0 .15rem;
}
.sevBody div img{
	display: block;
	width:4rem;
	margin:0 0 .35rem 0;
}
.sevBody div p{
	font-size:.24rem;
	color:#615425;
	line-height:.4rem;
	font-weight:bold;
	font-family: "webfont";
}
.sevBody div p span{
	font-size:.28rem;
	color:#dcb044;
}
.sevBody div p.sdp{
	font-size:.2rem;
}
.eight{
	width:100%;
	height:100%;
	background:url(../images/thc.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.tit8{
	display: block;
	width:3.6rem;
	margin:.8rem auto 0;
}
.eiBody{
	position:relative;
	margin:0.2rem 0 0 2.8rem;
}
.eiBody p{
	font-size:.2rem;
	color:#615425;
	line-height:.32rem;
	font-weight:bold;
	font-family: "webfont";
}
.eiBody p.sdp{
	font-size:.16rem;
}
.eiBody p span{
	color:#dcb044;
	font-size:.26rem;
}
.kmc{
	display: block;
	width:4.8rem;
	position:absolute;
	left:.6rem;
	top:3rem;
}
.nine{
	width:100%;
	height:100%;
	background:url(../images/five.jpg) no-repeat;
	background-size:cover;
	position:relative;
}
.tit9{
	display: block;
	width:3.6rem;
	margin:.8rem auto 0;
}
.niBody{
	margin:0 0 0 2.2rem;
	position:relative;
}
.niBody p{
	font-size:.2rem;
	color:#615425;
	line-height:.4rem;
	font-weight:bold;
	font-family: "webfont";
	margin-top:.12rem;
}
.niBody p span{
	font-size:.24rem;
	color:#dcb044;
	font-style: oblique;
}
.niBody p.sbp{
	font-size:.16rem;
}
.ting{
	display: block;
	width:2.8rem;
	position:absolute;
	left:.55rem;
	top:2.4rem;
}
.melon{
	display: block;
	width:.93rem;
	position:absolute;
	right:1.8rem;
	top:1.08rem;
	animation: imgAni 2s linear infinite;
	-webkit-animation: imgAni 2s linear infinite;
}
.meat{
	display: block;
	width:.98rem;
	position:absolute;
	right:2.2rem;
	top:2.6rem;
	animation: imgAni 3s linear infinite;
	-webkit-animation: imgAni 3s linear infinite;
}
.cake{
	display: block;
	width:.94rem;
	position:absolute;
	right:1.9rem;
	top:3.5rem;
	animation: imgAni 4s linear infinite;
	-webkit-animation: imgAni 4s linear infinite;
}
.demon{
	display: block;
	width:.69rem;
	position:absolute;
	right:1.05rem;
	top:4.2rem;
	animation: imgAni 2.5s linear infinite;
	-webkit-animation: imgAni 2.5s linear infinite;
}
.ten{
	width:100%;
	height:100%;
	background:url(../images/six.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.tenBody{
	width:7.55rem;
	position:relative;
	margin:0.4rem auto 0;
}
.tenBody .tcPic{
	display: block;
	width:100%;
	position:relative;
}
.tenBtn{
	width:2.29rem;
	position:absolute;
	left:50%;
	margin-left:-1.145rem;
	top:3.16rem;
	z-index:2;
}
.tenBtn img{
	display: none;
	width:100%;
}
.tenBtn img:nth-child(1){
	display: block;
}
.tenBtn img:nth-child(2){
	display: none;
}
.tenBtn.active img:nth-child(1){
	display: none;
}
.tenBtn.active img:nth-child(2){
	display: block;
}
.liTc{
	width:100%;
	height:100%;
	background:url(../images/rot.jpg) no-repeat center;
	background-size:cover;
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	display: none;
}
.tcBody{
	width:8.08rem;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform:translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.tctPic{
	display: block;
	width:100%;
	position:relative;
	z-index:1;
}
.ptc{
	display: block;
	width:4.26rem;
	position:absolute;
	left:50%;
	margin-left:-2.13rem;
	top:40%;
	z-index:2;
}
.close{
	display: block;
	width:.55rem;
	position:absolute;
	right:0;
	top:0;
	z-index:5;
}
.loading {
    width: 100%;
    height: 100%;
    background:url(../images/load.jpg) no-repeat center;
    background-size:cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}
.yuan{
	width:2.77rem;
	position:absolute;
	left:0;
	top:.18rem;
}
.yuan img:nth-child(1){
	display: block;
	width:1.9rem;
	position:absolute;
	left:0;
	top:0.08rem;
	animation: cGo 8s linear infinite;
	-webkit-animation: cGo 8s linear infinite;
}
.yuan img:nth-child(2){
	display: block;
	width:.86rem;
	position:absolute;
	right:0;
	top:0;
	animation: bGo 8s linear infinite;
	-webkit-animation: bGo 8s linear infinite;
}
.loc{
	display: block;
	width:1.11rem;
	position:absolute;
	left:.77rem;
	top:3.07rem;
}
.roc{
	display: block;
	width:1.17rem;
	position:absolute;
	right:.75rem;
	top:2.8rem;
}
.loadTxt{
	width:7rem;
	position:relative;
	margin:2rem auto 0;
}
.loadT{
	width:100%;
	height:.18rem;
	background:url(../images/jdt.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
}
.loadT .loadTct{
	display: block;
	width:10%;
	height:.12rem;
	position:absolute;
	left:0.04rem;
	top:0.03rem;
}
.loadT .loadGif{
	display: block;
	width:.77rem;
	position:absolute;
	left:1%;
	top:-0.37rem;
}
.loadDesc{
	width:100%;
	position:relative;
	text-align: center;
	margin-top:.15rem;
	font-family: "webfont";
}
.loadDesc p:nth-child(1){
	font-size:.22rem;
	color:#a7904d;
}
.loadDesc p:nth-child(2){
	font-size:.34rem;
	color:#5d453b;
	margin-top:.06rem;
}
@keyframes cGo{
	0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
	100%{transform: rotate(-360deg);-webkit-transform: rotate(-360deg);}
}
@-webkit-keyframes cGo{
	0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
	100%{transform: rotate(-360deg);-webkit-transform: rotate(-360deg);}
}
@keyframes bGo{
	0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
	100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes bGo{
	0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
	100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}
@media screen and (orientation: portrait) {
    html{
        width : 100vmin;
        height : 100vmax;
    }
    body{
        width : 100vmin;
        height : 100vmax;
    }
    #gyroContain{
        width : 100vmax;
        height : 100vmin;
        transform-origin: top left;
        transform: rotate(90deg) translate(0,-100vmin);
    }
  }
@media screen and (orientation: landscape) {
    html{
        width : 100vmax;
        height : 100vmin;
    }
    body{
        width : 100vmax;
        height : 100vmin;
    }
    #gyroContain{
        width : 100vmax;
        height : 100vmin;
    }
}
@media only screen and (device-width: 812px) and (device-height: 375px) and (-webkit-device-pixel-ratio: 3){
	.mainContent{
		width: 7.62rem;
	}
	.mainContent .big {
	    display: block;
	    width: 7.62rem;
	}
	.mainGift {
	    position: absolute;
	    left: 1rem;
	    top: 2.2rem;
	}
	.mainGift>div {
	    width: 1rem;
	    position: relative;
	    float: left;
	    margin-left: 0.1rem;
	}
	.mainGift>div img {
	    width: 1rem;
	}
	.myPrice {
	    display: block;
	    width: 1.5rem;
	    position: absolute;
	    left: 0.63rem;
	    top: 4rem;
	    cursor: pointer;
	}
	.shareBtn {
	    display: block;
	    width: 2.4rem;
	    position: absolute;
	    left: 2.4rem;
	    top: 3.9rem;
	    cursor: pointer;
	}
	.talk {
	    width: 1.7rem;
	    bottom: 0.65rem;
	    right: 1.1rem;
	}
	.leftMenu {
	    width: 1rem;
	}
	.leftMenu .firPic{
		width:1rem;
	}
	.leftMenu .leftDiv {
	    width: 1rem;
	}
	.leftMenu .leftDiv>div img {
	    width: 1rem;
	}
	.ruleBtn {
	    display: block;
	    width: 0.8rem;
	    height: 0.62rem;
	    position: absolute;
	    right: 0.32rem;
	    top: 1.2rem;
	}
	.ruleTcBody{
		width:9.14rem;
	}
	.coBg {
    	width: 9.14rem;
	}
	.title {
	    left: 0.23rem;
	    top: 0.73rem;
	}
	.ruleList {
	    width: 6.58rem;
	    position: absolute;
	    left: 1.39rem;
	    top: 1.22rem;
	    height: 3rem;
	    overflow: auto;
	}
	.ruleList>div {
	    width: 6.58rem;
	    overflow: hidden;
	    position: relative;
	    font-family: 'webfont';
	    margin-top: 0.01rem;
	}
	.myPriceTcBody{
		width:9.14rem;
	}
	.huadong {
	    width: 6.48rem;
	    height: 3rem;
	    overflow: auto;
	}
	.giftList ul {
	    width: 6.48rem;
	    position: relative;
	}
	.giftList ul li {
	    width: 6.48rem;
	    height: 0.64rem;
	    background-color: #fffcf2;
	    margin-top: 0.15rem;
	    font-family: 'webfont';
	    font-size: .18rem;
	}
	.zanTcBody {
	    width: 9.14rem;
	}
	.giftList {
	    width: 6.48rem;
	    height: 3rem;
   	 	overflow: auto;
	}
	.intP{
		font-size:.16rem;
		line-height: .34rem;
		top:1.7rem;
	}
	.intP.intO{
		top:3.2rem;
	}
	.intP.intO img{
		width:.4rem;
	}
	.left{
		width:2rem;
	}
	.headPic {
	    width: 2rem;
	    position: absolute;
	    left: 2.8rem;
	    top: 1.9rem;
	}
	.headPic img:nth-child(1) {
	    display: block;
	    width: 2rem;
	    position: relative;
	    z-index: 1;
	}
	.headPic img:nth-child(2) {
	    display: block;
	    width: 1.6rem;
	    height: 1.6rem;
	    position: absolute;
	    left: 0.16rem;
	    top: 0.18rem;
	    border-radius: 50%;
	}
	.message{
		top:1rem;
	}
	.ro{
		width:1.2rem;
	}
	.five{
		overflow: hidden;
	}
	.txtOne.txtTwo{
		top:2.1rem;
	}
	.txtOne.txtThree{
		top:2.8rem;
	}
	.roleTxt{
		top:4rem;
	}
	.mainRole {
	    display: block;
	    width: 6.5rem;
	    position: absolute;
	    bottom: 0;
	    right: 0.7rem;
	}
	.zhiTxt{
		top:1rem;
	}
	.kongbai{
		top:2.5rem;
	}
	.secRole {
	    display: block;
	    width: 6rem;
	    position: absolute;
	    right: 0.6rem;
	    bottom: 0;
	}
	.descTxt{
		top:1rem;
	}
	.newYear{
		top:2.8rem;
	}
	.boo{
		width:7.15rem;
		margin-left:-3.575rem;
	}
	.ten .renTxt p{
		font-size:.22rem;
	}
	.ten .renTxt {
	    top: 1rem;
	}
	.zanBtn {
	    display: block;
	    width: 1.2rem;
	    position: absolute;
	    left: 50%;
	    margin-left: -0.785rem;
	    bottom: 0.61rem;
	    cursor: pointer;
	}
	.ele .renTxt{
		top:1rem;
	}
	.twe .renTxt{
		top:1rem;
	}
	.thi .renTxt{
		top:1rem;
	}
}
@media screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) and (orientation: landscape) {
	.mainContent{
		width: 7.62rem;
	}
	.mainContent .big {
	    display: block;
	    width: 7.62rem;
	}
	.mainGift {
	    position: absolute;
	    left: 1rem;
	    top: 2.2rem;
	}
	.mainGift>div {
	    width: 1rem;
	    position: relative;
	    float: left;
	    margin-left: 0.1rem;
	}
	.mainGift>div img {
	    width: 1rem;
	}
	.myPrice {
	    display: block;
	    width: 1.5rem;
	    position: absolute;
	    left: 0.63rem;
	    top: 4rem;
	    cursor: pointer;
	}
	.shareBtn {
	    display: block;
	    width: 2.4rem;
	    position: absolute;
	    left: 2.4rem;
	    top: 3.9rem;
	    cursor: pointer;
	}
	.talk {
	    width: 1.7rem;
	    bottom: 0.65rem;
	    right: 1.1rem;
	}
	.leftMenu {
	    width: 1rem;
	}
	.leftMenu .firPic{
		width:1rem;
	}
	.leftMenu .leftDiv {
	    width: 1rem;
	}
	.leftMenu .leftDiv>div img {
	    width: 1rem;
	}
	.ruleBtn {
	    display: block;
	    width: 0.8rem;
	    height: 0.62rem;
	    position: absolute;
	    right: 0.32rem;
	    top: 1.2rem;
	}
	.ruleTcBody{
		width:9.14rem;
	}
	.coBg {
    	width: 9.14rem;
	}
	.title {
	    left: 0.23rem;
	    top: 0.73rem;
	}
	.ruleList {
	    width: 6.58rem;
	    position: absolute;
	    left: 1.39rem;
	    top: 1.22rem;
	    height: 3rem;
	    overflow: auto;
	}
	.ruleList>div {
	    width: 6.58rem;
	    overflow: hidden;
	    position: relative;
	    font-family: 'webfont';
	    margin-top: 0.01rem;
	}
	.myPriceTcBody{
		width:9.14rem;
	}
	.huadong {
	    width: 6.48rem;
	    height: 3rem;
	    overflow: auto;
	}
	.giftList ul {
	    width: 6.48rem;
	    position: relative;
	}
	.giftList ul li {
	    width: 6.48rem;
	    height: 0.64rem;
	    background-color: #fffcf2;
	    margin-top: 0.15rem;
	    font-family: 'webfont';
	    font-size: .18rem;
	}
	.zanTcBody {
	    width: 9.14rem;
	}
	.giftList {
	    width: 6.48rem;
	    height: 3rem;
   	 	overflow: auto;
	}
	.intP{
		font-size:.16rem;
		line-height: .34rem;
		top:1.7rem;
	}
	.intP.intO{
		top:3.2rem;
	}
	.intP.intO img{
		width:.4rem;
	}
	.left{
		width:2rem;
	}
	.headPic {
	    width: 2rem;
	    position: absolute;
	    left: 2.8rem;
	    top: 1.9rem;
	}
	.headPic img:nth-child(1) {
	    display: block;
	    width: 2rem;
	    position: relative;
	    z-index: 1;
	}
	.headPic img:nth-child(2) {
	    display: block;
	    width: 1.6rem;
	    height: 1.6rem;
	    position: absolute;
	    left: 0.16rem;
	    top: 0.18rem;
	    border-radius: 50%;
	}
	.message{
		top:1rem;
	}
	.ro{
		width:1.2rem;
	}
	.five{
		overflow: hidden;
	}
	.txtOne.txtTwo{
		top:2.1rem;
	}
	.txtOne.txtThree{
		top:2.8rem;
	}
	.roleTxt{
		top:4rem;
	}
	.mainRole {
	    display: block;
	    width: 6.5rem;
	    position: absolute;
	    bottom: 0;
	    right: 0.7rem;
	}
	.zhiTxt{
		top:1rem;
	}
	.kongbai{
		top:2.5rem;
	}
	.secRole {
	    display: block;
	    width: 6rem;
	    position: absolute;
	    right: 0.6rem;
	    bottom: 0;
	}
	.descTxt{
		top:1rem;
	}
	.newYear{
		top:2.8rem;
	}
	.boo{
		width:7.15rem;
		margin-left:-3.575rem;
	}
	.ten .renTxt p{
		font-size:.22rem;
	}
	.ten .renTxt {
	    top: 1rem;
	}
	.zanBtn {
	    display: block;
	    width: 1.2rem;
	    position: absolute;
	    left: 50%;
	    margin-left: -0.785rem;
	    bottom: 0.61rem;
	    cursor: pointer;
	}
	.ele .renTxt{
		top:1rem;
	}
	.twe .renTxt{
		top:1rem;
	}
	.thi .renTxt{
		top:1rem;
	}
}
@media screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) and (orientation: landscape){
	.mainContent{
		width: 7.62rem;
	}
	.mainContent .big {
	    display: block;
	    width: 7.62rem;
	}
	.mainGift {
	    position: absolute;
	    left: 1rem;
	    top: 2.2rem;
	}
	.mainGift>div {
	    width: 1rem;
	    position: relative;
	    float: left;
	    margin-left: 0.1rem;
	}
	.mainGift>div img {
	    width: 1rem;
	}
	.myPrice {
	    display: block;
	    width: 1.5rem;
	    position: absolute;
	    left: 0.63rem;
	    top: 4rem;
	    cursor: pointer;
	}
	.shareBtn {
	    display: block;
	    width: 2.4rem;
	    position: absolute;
	    left: 2.4rem;
	    top: 3.9rem;
	    cursor: pointer;
	}
	.talk {
	    width: 1.7rem;
	    bottom: 0.65rem;
	    right: 1.1rem;
	}
	.leftMenu {
	    width: 1rem;
	}
	.leftMenu .firPic{
		width:1rem;
	}
	.leftMenu .leftDiv {
	    width: 1rem;
	}
	.leftMenu .leftDiv>div img {
	    width: 1rem;
	}
	.ruleBtn {
	    display: block;
	    width: 0.8rem;
	    height: 0.62rem;
	    position: absolute;
	    right: 0.32rem;
	    top: 1.2rem;
	}
	.ruleTcBody{
		width:9.14rem;
	}
	.coBg {
    	width: 9.14rem;
	}
	.title {
	    left: 0.23rem;
	    top: 0.73rem;
	}
	.ruleList {
	    width: 6.58rem;
	    position: absolute;
	    left: 1.39rem;
	    top: 1.22rem;
	    height: 3rem;
	    overflow: auto;
	}
	.ruleList>div {
	    width: 6.58rem;
	    overflow: hidden;
	    position: relative;
	    font-family: 'webfont';
	    margin-top: 0.01rem;
	}
	.myPriceTcBody{
		width:9.14rem;
	}
	.huadong {
	    width: 6.48rem;
	    height: 3rem;
	    overflow: auto;
	}
	.giftList ul {
	    width: 6.48rem;
	    position: relative;
	}
	.giftList ul li {
	    width: 6.48rem;
	    height: 0.64rem;
	    background-color: #fffcf2;
	    margin-top: 0.15rem;
	    font-family: 'webfont';
	    font-size: .18rem;
	}
	.zanTcBody {
	    width: 9.14rem;
	}
	.giftList {
	    width: 6.48rem;
	    height: 3rem;
   	 	overflow: auto;
	}
	.intP{
		font-size:.16rem;
		line-height: .34rem;
		top:1.7rem;
	}
	.intP.intO{
		top:3.2rem;
	}
	.intP.intO img{
		width:.4rem;
	}
	.left{
		width:2rem;
	}
	.headPic {
	    width: 2rem;
	    position: absolute;
	    left: 2.8rem;
	    top: 1.9rem;
	}
	.headPic img:nth-child(1) {
	    display: block;
	    width: 2rem;
	    position: relative;
	    z-index: 1;
	}
	.headPic img:nth-child(2) {
	    display: block;
	    width: 1.6rem;
	    height: 1.6rem;
	    position: absolute;
	    left: 0.16rem;
	    top: 0.18rem;
	    border-radius: 50%;
	}
	.message{
		top:1rem;
	}
	.ro{
		width:1.2rem;
	}
	.five{
		overflow: hidden;
	}
	.txtOne.txtTwo{
		top:2.1rem;
	}
	.txtOne.txtThree{
		top:2.8rem;
	}
	.roleTxt{
		top:4rem;
	}
	.mainRole {
	    display: block;
	    width: 6.5rem;
	    position: absolute;
	    bottom: 0;
	    right: 0.7rem;
	}
	.zhiTxt{
		top:1rem;
	}
	.kongbai{
		top:2.5rem;
	}
	.secRole {
	    display: block;
	    width: 6rem;
	    position: absolute;
	    right: 0.6rem;
	    bottom: 0;
	}
	.descTxt{
		top:1rem;
	}
	.newYear{
		top:2.8rem;
	}
	.boo{
		width:7.15rem;
		margin-left:-3.575rem;
	}
	.ten .renTxt p{
		font-size:.22rem;
	}
	.ten .renTxt {
	    top: 1rem;
	}
	.zanBtn {
	    display: block;
	    width: 1.2rem;
	    position: absolute;
	    left: 50%;
	    margin-left: -0.785rem;
	    bottom: 0.61rem;
	    cursor: pointer;
	}
	.ele .renTxt{
		top:1rem;
	}
	.twe .renTxt{
		top:1rem;
	}
	.thi .renTxt{
		top:1rem;
	}
}

@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);}
}
@keyframes starMove
{
	0%{
		-webkit-transform:rotate(0deg);
	  	transform:rotate(0deg);
	}
	20% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	40% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	60% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	80% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	100% {  
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
}
@-webkit-keyframes starMove{
	0%{
		-webkit-transform:rotate(0deg);
	  	transform:rotate(0deg);
	}
	20% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	40% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	60% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	80% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	100% {  
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
}
@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 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);
	}
}