@charset "utf-8";
	* {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
.both {
	clear: both;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
}
a {
	text-decoration: none;
	cursor: pointer;
}
select, input, textarea {
	font-family: "microsoft Yahei";
	-webkit-appearance: none;
	border-radius: 0;
}
input::-webkit-input-placeholder {
	color:#929292;
}
input::-moz-placeholder {
	color:#929292;
}
input:-moz-placeholder {
	color:#929292;
}
input:-ms-input-placeholder {
	color:#929292;
}
input[type=number] {
	-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}
body {
	font-size: 0.24rem;
	font-family: "microsoft Yahei";
	-webkit-text-size-adjust: none;
	background:#fefbf2;
	color: #606060;
}
body a {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn-top {
	position: fixed;
	right: 0.1rem;
	bottom: 2rem;
	z-index: 99;
	width: 1.05rem;
	height: 1.21rem;
	background: url(../images/btn_top.png) no-repeat;
	background-size: 1.05rem 1.21rem;
}
.container {
	padding-bottom:.5rem;
	overflow: hidden;
	background: url(../images/bg.jpg) no-repeat center top;
	background-size: 19.2rem 31.4rem;
}
.wrap {
	position: relative;
	margin: 0 auto;
	width: 7.5rem;
}
.btn-index {
	position: absolute;
	left: 0.99rem;
	top: 7.28rem;
	width: 1.2rem;
	height: 1.2rem;
	background: url(../images/btn_index.png?v=123) no-repeat;
	background-size: 1.2rem 1.2rem;
}
.btn-login, .btn-logout {
	position: absolute;
	left: 2.94rem;
	top: 7.08rem;
	width: 1.6rem;
	height: 1.6rem;
}
.btn-login {
	background: url(../images/btn_login.png) no-repeat;
	background-size: 1.6rem 1.6rem;
}
.btn-logout {
	background: url(../images/btn_logout.png) no-repeat;
	background-size: 1.6rem 1.6rem;
}
.btn-record {
	position: absolute;
	right: 0.99rem;
	top: 7.28rem;
	width: 1.2rem;
	height: 1.2rem;
	background: url(../images/btn_record.png) no-repeat;
	background-size: 1.2rem 1.2rem;
}
.user-box {
    display: none;
	position: absolute;
	left: 1.5rem;
	top: 8.85rem;
	overflow: hidden;
	width: 4.3rem;
	height: 0.4rem;
	padding-left:.1rem;
	padding-right:.1rem;
	line-height: 0.38rem;
	font-size: 0.28rem;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(../images/user_rep.png) repeat;
	color: #fff;
}
.tab {
	float: left;
	margin-top: 9.73rem;
	margin-left: 1.09rem;
	display: inline;
	width: 5.32rem;
}
.tab li {
	float: left;
	width: 2.66rem;
	height: 0.8rem;
	cursor: pointer;
}
.tab .btn-t1 {
	float: left;
	width: 2.66rem;
	height: 0.8rem;
}
.tab .btn-t2 {
	float: right;
	width: 2.66rem;
	height: 0.8rem;
}
.tab .btn-t1 {
	background: url(../images/btn_tab1.jpg) no-repeat;
	background-size:2.66rem 0.8rem;
}
.tab .btn-t2 {
	background: url(../images/btn_tab2.jpg) no-repeat;
	background-size:2.66rem 0.8rem;
}
.tab .current .btn-t1 {
	background: url(../images/btn_tab1_h.jpg) no-repeat;
	background-size:2.66rem 0.8rem;
}
.tab .current .btn-t2 {
	background: url(../images/btn_tab2_h.jpg) no-repeat;
	background-size:2.66rem 0.8rem;
}
.container-box {
	float: left;
	width: 7.5rem;
}
.container-box>div {
	display: none;
}
.container-box .show {
	display: block;
}
.gift-box {
	float: left;
	position: relative;
	margin-left: 0.45rem;
	display: inline;
	width: 6.6rem;
	height: 5.99rem;
	background: url(../images/box_bg.png) no-repeat;
	background-size:6.6rem 5.99rem;
}
.gift-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 6.6rem;
	height: 5.99rem;
}
.gift-box .gift-next, .gift-box .gift-prev {
	position: absolute;
	top: 45%;
	outline: none;
	width: 0.34rem;
	height: 0.68rem;
}
.gift-box .gift-next {
	right: -0.4rem;
	background: url(../images/next.png) no-repeat;
	background-size:0.34rem 0.68rem;
}
.gift-box .gift-prev {
	left: -0.4rem;
	background: url(../images/prev.png) no-repeat;
	background-size:0.34rem 0.68rem;
}
.gift-box .gift-prev:after, .swiper-container-rtl .gift-box .gift-next:after {
	content: ''
}
.gift-box .gift-next:after, .swiper-container-rtl .gift-box .gift-prev:after {
	content: ''
}
.gift-pagination {
	position: absolute;
	outline: none;
	left: 0;
	bottom: -0.5rem;
	z-index: 2;
	text-align: center;
	width: 100%;
}
.line {
	position: absolute;
	outline: none;
	left: 2.19rem;
	bottom: -0.44rem;
	z-index: 1;
	text-align: center;
	width: 2.22rem;
	height: 0.2rem;
	background: url(../images/line.png) no-repeat;
	background-size:2.22rem 0.2rem;
}
.gift-box .swiper-pagination-bullet {
	margin-left: 0.28rem;
	margin-right: 0.28rem;
	display: inline-block;
	outline: none;
	border-radius: 100%;
	width: 0.2rem;
	height: 0.2rem;
	background: transparent;
	opacity: 1;
	background: url(../images/dot.png) no-repeat;
	background-size:0.2rem 0.2rem;
	cursor: pointer;
}
.gift-box .swiper-pagination-bullet-active {
	background: url(../images/active.png) no-repeat;
	background-size:0.2rem 0.2rem;
	opacity: 1;
}
.gift-info {
	float: left;
	position: relative;
	width: 6.6rem;
	height: 5.99rem;
}
.gift1 {
	background: url(../images/gift1.png) no-repeat;
	background-size:6.6rem 5.99rem;
}
.gift2 {
	background: url(../images/gift2.png) no-repeat;
	background-size:6.6rem 5.99rem;
}
.gift3 {
	background: url(../images/gift3.png) no-repeat;
	background-size:6.6rem 5.99rem;
}
.w-gift {
	float: left;
	margin-left: 0.7rem;
	margin-top: 4.3rem;
	display: inline;
	width: 5.4rem;
}
.btn-get {
	float: left;
	width: 2.2rem;
	height: 0.64rem;
	background: url(../images/btn_get.png) no-repeat;
	background-size:2.2rem 0.64rem;
}
.btn-method {
	float: right;
	width: 2.2rem;
	height: 0.64rem;
	background: url(../images/btn_method.png) no-repeat;
	background-size:2.2rem 0.64rem;
}
.gift-tips {
	float: left;
	margin-left: 0.4rem;
	margin-top: 0.5rem;
	display: inline;
	width: 6.2rem;
	font-size: 0.26rem;
	color: #ffa200;
}
.gift-tips p {
	line-height: 0.36rem;
}
.c1 {
	color: #c64940;
}
.m-top1 {
	margin-top: 4.9rem;
}
.m-top2 {
	margin-top: 4.7rem;
}
.tit1 {
	float: left;
	margin-left: 1.2rem;
	margin-top: 1.5rem;
	display: inline;
	width: 5.09rem;
	height: 0.78rem;
	background: url(../images/tit1.png) no-repeat;
	background-size:5.09rem 0.78rem;
}
.time {
	float: left;
	width: 100%;
	text-align: center;
	height: 0.36rem;
	line-height: 0.36rem;
	font-size: 0.22rem;
	color: #606060;
}
.gashapon {
	float: left;
	position: relative;
	margin-top: 0.25rem;
	display: inline;
	width: 7.5rem;
	height: 6.81rem;
	background: url(../images/gashapon.png) no-repeat;
	background-size:7.5rem 6.81rem;
}
.cover {
	position: absolute;
	left: 2rem;
	top: 0.1rem;
	z-index: 10;
	width: 3.1rem;
}
.cover-tips {
	float: left;
	display: inline;
	width: 100%;
	text-align: center;
	font-size: 0.16rem;
	color: #500600;
}
.cover-tips p {
	line-height: 0.24rem;
}
.cover-tips span {
	padding-left: 0.05rem;
	padding-right: 0.05rem;
	font-size: 0.2rem;
	vertical-align: bottom;
	font-weight: bold;
	color: #ffd800;
}
.draw-total {
	position: absolute;
	left: 1.7rem;
	top: 4.9rem;
	width: 1.5rem;
	line-height: 0.36rem;
	text-align: center;
	font-size: 0.24rem;
	color: #fff;
}
.draw-total span {
	font-size: 0.3rem;
	vertical-align: bottom;
	font-weight: bold;
	color: #ffd800;
}
.tick {
	position: absolute;
	right: 2.14rem;
	top: 4.65rem;
	width: 1.78rem;
	height: 1.78rem;
	background: url(../images/tick.png) no-repeat;
	-webkit-animation: ld-tick 1.5s ease-out infinite;
	animation: ld-tick 1.5s ease-out infinite;
	background-size:1.78rem 1.78rem;
}
.btn-check {
	position: absolute;
	left: 0.1rem;
	top: 1.6rem;
	overflow: hidden;
	display: inline;
	width: 1.22rem;
	height: 2.64rem;
	background: url(../images/btn_check.png) no-repeat;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
	animation-delay: 0;
	background-size:1.22rem 2.64rem;
}
.btn-rule {
	position: absolute;
	right: 0.7rem;
	top: 0.8rem;
	overflow: hidden;
	display: inline;
	width: 0.64rem;
	height: 1.8rem;
	background: url(../images/btn_rule.png) no-repeat;
	-webkit-animation: magnify .6s linear infinite alternate;
	-moz-animation: magnify .6s linear infinite alternate;
	animation: magnify .6s linear infinite alternate;
	background-size:0.64rem 1.8rem;
}
.egg-box {
	position: absolute;
	left: 1.38rem;
	top: 1.05rem;
	overflow: hidden;
	width: 4.34rem;
	height: 3.37rem;
}
.glass {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	width: 4.34rem;
	height: 3.37rem;
	background: url(../images/glass.png) no-repeat;
	background-size:4.34rem 3.37rem;
}
.egg-box .egg div {
	width: 1.37rem;
	height: 1.37rem;
}
.ball1 {
	position: absolute;
	left: 1.9rem;
	top: 0.15rem;
	z-index: 8;
}
.ball2 {
	position: absolute;
	left: 1.48rem;
	top: 1.96rem;
	z-index: 7;
}
.ball3 {
	position: absolute;
	left: 1.36rem;
	top: 1.15rem;
	z-index: 6;
}
.ball4 {
	position: absolute;
	left: 0.35rem;
	top: 0.68rem;
	z-index: 5;
}
.ball5 {
	position: absolute;
	left: 2.74rem;
	top: 0.86rem;
	z-index: 4;
}
.ball6 {
	position: absolute;
	left: 2.5rem;
	top: 1.69rem;
	z-index: 3;
}
.ball7 {
	position: absolute;
	left: 0.54rem;
	top: 1.8rem;
	z-index: 1;
}
.ball1:after, .ball2:after, .ball3:after, .ball4:after, .ball5:after, .ball6:after, .ball7:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1.37rem;
	height: 1.37rem;
	display: block;
	animation: zhuan 1s linear forwards;
	-webkit-animation: zhuan 1s linear forwards;
}
.ball1:after {
	background: url(../images/egg1.png) no-repeat;
	background-size:1.37rem 1.37rem;
}
.ball2:after {
	background: url(../images/egg2.png) no-repeat;
	background-size:1.37rem 1.37rem;
}
.ball3:after {
	background: url(../images/egg3.png) no-repeat;
	background-size:1.37rem 1.37rem;
}
.ball4:after {
	background: url(../images/egg4.png) no-repeat;
	background-size:1.37rem 1.37rem;
}
.ball5:after {
	background: url(../images/egg5.png) no-repeat;
	background-size:1.37rem 1.37rem;
}
.ball6:after {
	background: url(../images/egg6.png) no-repeat;
	background-size:1.37rem 1.37rem;
}
.ball7:after {
	background: url(../images/egg7.png) no-repeat;
	background-size:1.37rem 1.37rem;
}
/*掉落动画*/
	.down2 {
	animation: dialuodn 1s linear 0.4s backwards;
	-webkit-animation: dialuodn 1s linear 0.4s backwards
}
.down6 {
	animation: dialuodn 1s linear 0.8s backwards;
	-webkit-animation: dialuodn 1s linear 0.8s backwards
}
.down3 {
	animation: dialuodn 1s linear 1s backwards;
	-webkit-animation: dialuodn 1s linear 1s backwards
}
.down5 {
	animation: dialuodn 1s linear 1.2s backwards;
	-webkit-animation: dialuodn 1s linear 1.2s backwards
}
.down4 {
	animation: dialuodn 1s linear 1.3s backwards;
	-webkit-animation: dialuodn 1s linear 1.3s backwards
}
.down7 {
	animation: dialuodn 1s linear 1.4s backwards;
	-webkit-animation: dialuodn 1s linear 1.4s backwards
}
.down1 {
	animation: dialuodn 1s linear 1.5s backwards;
	-webkit-animation: dialuodn 1s linear 1.5s backwards
}
.down2:after {
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s
}
.down6:after {
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s
}
.down3:after {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s
}
.down5:after {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s
}
.down4:after {
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s
}
.down7:after {
	animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s
}
.down1:after {
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s
}
.on1 {
	animation: around1 1s linear infinite;
	-webkit-animation: around1 1s linear infinite
}
.on2 {
	animation: around2 1s linear infinite;
	-webkit-animation: around2 1s linear infinite
}
.on3 {
	animation: around3 1s linear infinite;
	-webkit-animation: around3 1s linear infinite
}
.on4 {
	animation: around4 1s linear infinite;
	-webkit-animation: around4 1s linear infinite
}
.on5 {
	animation: around5 1s linear infinite;
	-webkit-animation: around5 1s linear infinite
}
.on6 {
	animation: around6 1s linear infinite;
	-webkit-animation: around6 1s linear infinite
}
.on7 {
	animation: around7 1s linear infinite;
	-webkit-animation: around7 1s linear infinite
}
.btn-share {
	float: left;
	position: relative;
	margin-top: 0.25rem;
	margin-left: 1.25rem;
	display: inline;
	width: 5rem;
	height: 1rem;
	background: url(../images/btn_share.png) no-repeat;
	background-size:5rem 1rem;
}
.btn-download {
	float: left;
	margin-left: 0.16rem;
	margin-top: 0.7rem;
	display: inline;
	width: 7.18rem;
	height: 1.16rem;
	background: url(../images/btn_download.png) no-repeat;
	background-size:7.18rem 1.16rem;
}
.btn-box {
	float: left;
	margin-left: 0.16rem;
	margin-top: 0.2rem;
	display: inline;
	width: 7.18rem;
}
.btn-fb {
	float: left;
	width: 2.12rem;
	height: 0.86rem;
	background: url(../images/btn_fb.png) no-repeat;
	background-size:2.12rem 0.86rem;
}
.btn-web {
	float: left;
	margin-left: 0.42rem;
	display: inline;
	width: 2.12rem;
	height: 0.86rem;
	background: url(../images/btn_web.png) no-repeat;
	background-size:2.12rem 0.86rem;
}
.btn-bh {
	float: right;
	width: 2.12rem;
	height: 0.86rem;
	background: url(../images/btn_bh.png) no-repeat;
	background-size:2.12rem 0.86rem;
}
.news {
	float: left;
	position: relative;
	margin-left: 0.45rem;
	display: inline;
	width: 6.6rem;
	height: 5.99rem;
	background: url(../images/box_bg.png) no-repeat;
	background-size:6.6rem 5.99rem;
}
.tit2 {
	float: left;
	margin-top: 0.2rem;
	margin-left: 1.47rem;
	display: inline;
	width: 3.66rem;
	height: 0.56rem;
	background: url(../images/tit2.png) no-repeat;
	background-size:3.66rem 0.56rem;
}
.news ul {
	float: left;
	margin-top: 0.15rem;
	margin-left: 0.35rem;
	display: inline;
	width: 6rem;
	overflow: hidden;
	height: 4.2rem;
}
.news li {
	float: left;
	position: relative;
	width: 6rem;
	height: 0.68rem;
	line-height: 0.68rem;
	border-bottom: 0.02rem dashed #d3261d;
}
.news li a {
	float: left;
	overflow: hidden;
	display: inline-block;
	width: 6rem;
	height: 0.68rem;
	overflow: hidden;
	font-size: 0.28rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #d3261d;
}
.news li:hover a {
	background: #fef6e5;
}
.page {
	float: left;
	margin-left: 0.2rem;
	display: inline;
	margin-top: 0.2rem;
	width: 6.3rem;
	text-align: center;
	color: #e9564f;
}
.page button,.page a  {
	margin: 0 0.04rem;
	border-radius: 0.04rem;
	border: none;
	display: inline-block;
	min-width: 0.42rem;
	height: 0.42rem;
	cursor: pointer;
	line-height: 0.42rem;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 0.22rem;
	outline: none;
	background: #e9564f;
	color: #fff;
}
#firstPage, #lastPage, #nextPage, #prePage,.page-prev,.page-next {
	width: 1.2rem;
	color: #ffe325;
}
.page .disabled{
    opacity: .5;
    cursor: no-drop;
}
#nextPage,.page-next {
	width: 1.2rem;
	background: #e9564f;
}
#prePage,.page-prev {
	width: 1.2rem;
	background: #e9564f;
}
.page .current,.page .cur {
	background: #ffe325;
	color: #fff;
}
.page button:disabled {
	opacity: .5;
	cursor: no-drop;
}
.photo-box {
	float: left;
	margin-top: 1.8rem;
	margin-left: 0.25rem;
	display: inline;
	width: 7rem;
	height: 0.59rem;
	background: url(../images/photo_tab.png) no-repeat;
	background-size:7rem 0.56rem;
}
.photo-box li {
	float: left;
	margin-left: 0.5rem;
	width: 1.7rem;
	height: 0.59rem;
	cursor: pointer;
}
.photo-box .btn-p1 {
	float: left;
	width: 1.7rem;
	height: 0.59rem;
}
.photo-box .btn-p2 {
	float: left;
	width: 1.7rem;
	height: 0.59rem;
}
.photo-box .btn-p3 {
	float: left;
	width: 1.7rem;
	height: 0.59rem;
}
.photo-box .btn-p1 {
	background: url(../images/t1.png) no-repeat;
	background-size:1.7rem 0.59rem;
}
.photo-box .btn-p2 {
	background: url(../images/t2.png) no-repeat;
	background-size:1.7rem 0.59rem;
}
.photo-box .btn-p3 {
	background: url(../images/t3.png) no-repeat;
	background-size:1.7rem 0.59rem;
}
.photo-box .cur .btn-p1 {
	background: url(../images/t1_h.png) no-repeat;
	background-size:1.7rem 0.59rem;
}
.photo-box .cur .btn-p2 {
	background: url(../images/t2_h.png) no-repeat;
	background-size:1.7rem 0.59rem;
}
.photo-box .cur .btn-p3 {
	background: url(../images/t3_h.png) no-repeat;
	background-size:1.7rem 0.59rem;
}
.photo-info {
	float: left;
	width: 7.5rem;
}
.photo-info>div {
	display: none;
}
.photo-info .show {
	display: block;
}
.pic-list {
	float: left;
	display: inline;
	overflow: hidden;
	width: 12rem;
}
.big-pic {
	float: left;
	display: inline;
	overflow: hidden;
	width: 12rem;
	height: 5.24rem;
}
.big-pic img {
	width: 12rem;
	height: 5.24rem;
}
.pic-list {
	float: left;
	margin-bottom: 0.3rem;
	margin-top: 0.4rem;
	overflow: hidden;
	width: 100%;
}
.pic-list li {
	float: left;
	position: relative;
	margin-bottom: 0.3rem;
	margin-left: 0.2rem;
	display: inline;
	width: 3.44rem;
	height: 3.04rem;
	box-shadow: 0 0 0.05rem 0.02rem #ccc;
	background: #fff;
}
.pic {
	float: left;
	margin-top: 0.05rem;
	margin-left: 0.05rem;
	display: inline;
	overflow: hidden;
	width: 3.34rem;
	height: 2.2rem;
}
.pic img {
	width: 3.34rem;
	height: 2.2rem;
}
.name {
	float: left;
	margin-top: 0.1rem;
	margin-left: 0.1rem;
	display: inline;
	overflow: hidden;
	width: 3.24rem;
	line-height: 0.3rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.22rem;
	text-align: center;
	color: #000;
}
.author {
	float: left;
	margin-left: 0.1rem;
	display: inline;
	overflow: hidden;
	width: 3.24rem;
	line-height: 0.3rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.2rem;
	text-align: center;
	color: #3d9a9e;
}
.play-ico {
	position: absolute;
	left: 1.22rem;
	top: 0.7rem;
	z-index: 9;
	width: 1rem;
	height: 1rem;
	background: url(../images/play.png) no-repeat;
	background-size:1rem 1rem;
}
.pop-bg {
	position: relative;
	display: none;
	width: 4.5rem;
	border-radius: 0.1rem;
	border: .02rem solid #ccc;
	background: #fff;
	color: #000;
}
.close-btn {
	display: block;
	position: absolute;
	right: 0.16rem;
	top: 0.16rem;
	width: 0.39rem;
	height: 0.39rem;
	background: url(../images/close_btn.png) no-repeat;
	background-size: 0.39rem 0.39rem;
}
.close-btn:hover {
	background: url(../images/close_hover.png) no-repeat;
	background-size: 0.39rem 0.39rem;
}
.pop-top {
	height: 0.8rem;
	line-height: 0.8rem;
	font-size: 0.3rem;
	text-align: center;
	color: #3f3f47;
}
.o-pop-tit {
	height: 0.55rem;
	line-height: 0.55rem;
}
.pop-top span {
	color: #2696ff;
}
.input-css {
	padding: 0 0.03rem;
	border: 1px solid #bbbfc0;
	width: 2.4rem;
	height: 0.28rem;
	font-size: 0.14rem;
	background: #f7f7f7;
	color: #959595;
}
.input-css-special {
	width: 1.2rem;
}
.pop-con {
	font-size: 0.22rem;
	color: #3f3f47;
}
.o-pop-con {
	padding: 0;
	text-align: center;
	font-size: 0.22rem;
}
.pop-con p {
	margin-top: 0.08rem;
}
.border {
	margin: 0 auto 0.2rem;
	width: 3.6rem;
}
.btn-mar {
	margin: 0.15rem 0 0.25rem;
	text-align: center;
}
.fb-btn {
	margin-left: 0.2rem;
	cursor: pointer;
}
.fb-btn img {
	width: 0.94rem;
}
.pop-login-btn {
	display: inline-block;
	width: 1.62rem;
	height: 0.41rem;
	background: url(../images/pop_login_btn.png) no-repeat;
	background-size: 1.62rem 0.41rem;
	cursor: pointer;
}
.pop-login-btn:hover {
	background: url(../images/pop_login_hover.png) no-repeat;
	background-size: 1.62rem 0.41rem;
}
.pop-btn {
	margin: 0.2rem auto;
	display: block;
	line-height: 0.41rem;
	width: 1.62rem;
	height: 0.41rem;
	text-align: center;
	cursor: pointer;
	background: url(../images/o_btn_bg.png) no-repeat;
	background-size: 1.62rem 0.41rem;
	color: #fff;
}
.pop-btn:hover {
	background: url(../images/o_btn_hover.png) no-repeat;
	background-size: 1.62rem 0.41rem;
}
.line-bg {
	position: relative;
	display: block;
	padding-left: 0.5rem;
	width: 3.03rem;
	height: 0.44rem;
	line-height: 0.44rem;
	font-size: 0.21rem;
	background: #4a4a4a;
	color: #fff;
}
.line-bg img {
	position: absolute;
	left: 0.05rem;
	top: 0.04rem;
	width: 0.34rem;
}
.line-option {
	position: relative;
	border: 1px solid #b8b8b8;
	padding-left: 0.1rem;
	display: block;
	width: 3.41rem;
	height: 0.44rem;
	line-height: 0.44rem;
	cursor: pointer;
	background: #fff;
	color: #333;
}
.option-list {
	display: none;
	border: 1px solid #b8b8b8;
	border-bottom: 0;
	width: 3.51rem;
	height: 2rem;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	color: #333;
}
.option-list a {
	display: block;
	border-bottom: 0.01rem solid #b8b8b8;
	padding-left: 0.1rem;
	width: 3.41rem;
	height: 0.3rem;
	line-height: 0.3rem;
	cursor: pointer;
	color: #333;
}
.pop {
	position: relative;
	display: none;
	border: 0.05rem solid #a00800;
	width: 7.1rem;
	background: url(../images/pop_rep.jpg) repeat;
	background-size:0.24rem 0.24rem;
}
.message{
    max-width: 86%;
    text-align: center;
    color: #a00800;
    padding: 1rem 0;
}
.pop-video {
	display: none;
	position: relative;
	width: 7.2rem;
	background: #a00800;
}
.close-video {
	position: absolute;
    left: 3.3rem;
    bottom: -0.7rem;
    width: 0.6rem;
    height: 0.6rem;
	background: url(../images/btn_close.png) no-repeat;
	background-size:0.6rem 0.6rem;

}
.close-video:hover {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.video-play,.pop-play,.video-box {
	float: left;
    margin: 0.1rem;
    display: inline;
    width: 7rem;
    height: 5rem; 
}
.pop-video iframe,.video-box iframe,.pop-play iframe {
	width: 100%;
	height: 100%;
}

.close {
	position: absolute;
	right: -0.05rem;
	top: -0.05rem;
	width: 0.64rem;
	height: 0.64rem;
	background: url(../images/close.png) no-repeat;
	background-size: 0.64rem 0.64rem;
}
.tips-img {
	margin: 0 auto;
	margin-bottom:.2rem;
	display:block;
	width: 2.28rem;
	height: 1.95rem;
	background: url(../images/tips_img.png) no-repeat;
	background-size: 2.28rem 1.95rem;
}
.pop-cont1 {
	margin: 0 auto;
	margin-top: .5rem;
	margin-bottom:.5rem;
	width: 94%;
	text-align: center;
	font-size: 0.28rem;
	font-weight: 700;
	color: #a00800;
}
.w-box {
	margin: 0 auto;
	overflow: hidden;
	width: 5rem;
}
.btn-pop-download {
	float: left;
	margin-top: 0.2rem;
	width: 2.12rem;
	height: 0.86rem;
	background: url(../images/btn_pop_download.png) no-repeat;
	background-size: 2.12rem 0.86rem;
}
.btn-pop-fb {
	float: right;
	margin-top: 0.2rem;
	width: 2.12rem;
	height: 0.86rem;
	background: url(../images/btn_pop_fb.png) no-repeat;
	background-size: 2.12rem 0.86rem;
}
.pop-cont1 p {
	line-height: 0.4rem;
}
.pop-tit {
	margin: 0 auto;
	margin-top:.2rem;
	margin-bottom:.2rem;
	display:block;
	width: 2.8rem;
	height: 0.5rem;
}
.t1 {
	background: url(../images/p_tit1.png) no-repeat;
	background-size: 2.8rem 0.5rem;
}
.t2 {
	background: url(../images/p_tit2.png) no-repeat;
	background-size: 2.8rem 0.5rem;
}
.t3 {
	background: url(../images/p_tit3.png) no-repeat;
	background-size: 2.8rem 0.5rem;
}
.t4 {
	background: url(../images/p_tit4.png) no-repeat;
	background-size: 2.8rem 0.5rem;
}
.t5 {
	background: url(../images/p_tit5.png) no-repeat;
	background-size: 2.8rem 0.5rem;
}
.btn-post {
	margin: 0 auto;
	display:block;
	width: 1.5rem;
	height: 0.6rem;
	background: url(../images/btn_post.png) no-repeat;
	background-size: 1.5rem 0.6rem;
}
.record-box {
	margin: 0 auto;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	width: 95%;
	max-height: 5rem;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 0.22rem;
	color: #a00800;
}
.record-box table {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.record-box table td {
	padding: 0.05rem;
	border: .03rem solid #a00800;
	line-height: 0.4rem;
	word-break: break-all;
	word-wrap: break-word;
}
.record-box table th {
	padding: 0.05rem;
	border: .03rem solid #a00800;
	line-height: 0.4rem;
	font-weight: normal;
	background:#fff1a6;
	color: #a00800;
}
.post-box {
	margin: 0 auto;
    width: 100%;
    position: relative;
	margin-top: 0.1rem;
	margin-bottom: 0.2rem;
	overflow: hidden;
}
.post-line1 {
	float: left;
	margin-top: 0.14rem;
	margin-left: 0.3rem;
	display: inline;
	width: 2.3rem;
}
.post-line2 {
	float: left;
	margin-top: 0.14rem;
	margin-left: 0.3rem;
	display: inline;
	width: 2.3rem;
}
.post-line3 {
	float: left;
	margin-top: 0.14rem;
	margin-left: 0.3rem;
	display: inline;
	width: 5rem;
}
.s1 {
	float: left;
    /* width: 100%; */
    font-weight: 600;
	font-size: 0.2rem;
	line-height: 0.32rem;
	color: #a00800;
}
.s2 {
	float: left;
    width: 1.64rem;
    margin-left: 0.16rem;
}
.input-text {
	/* float: right; */
	outline: none;
	border: 1px solid #a00800;
	padding-left: 1%;
	padding-right: 1%;
	width: 1.64rem;
	height: 0.36rem;
	line-height: 0.4rem;
	font-size: 0.2rem;
	background: #fff;
	color: #a00800;
}
.textarea-in {
	float: left;
	border: 1px solid #a00800;
	padding: 0.05rem;
	resize: none;
	outline: none;
	-webkit-box-sizing: border-box;
    width: 3.64rem;
    margin-left: 0.16rem;
	height: 1.4rem;
	font-size: 0.2rem;
	background: #fff;
	color: #a00800;
}
.post-tips1 {
	float: left;
	margin-left:0.2rem;
	margin-top: 0.1rem;
	margin-bottom: 0.2rem;
	width:5.2rem;
	font-size: 0.16rem;
	color: #ff6000;
}
.post-tips1 p {
	line-height:0.24rem;
}
.post-tips2 {
	float: left;
	margin-left:0.5rem;
	margin-bottom: 0.2rem;
	width:4.8rem;
	font-size: 0.16rem;
	color: #ff6000;
}
.post-tips2 p {
	line-height:0.24rem;
}
.pop-dot1 {
	position: absolute;
	right: 0;
	bottom: 0.1rem;
	z-index: 2;
	width: 2.02rem;
	height: 2.39rem;
	background: url(../images/pop_dot1.png) no-repeat;
	background-size:2.02rem 2.39rem;
}
.pop-dot2 {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 2.02rem;
	height: 1.75rem;
	background: url(../images/pop_dot2.png) no-repeat;
	background-size:2.02rem 1.75rem;
}
.pop-cont2 {
	margin: 0 auto;
	width: 92%;
	margin-bottom: 0.2rem;
	margin-top: 0.2rem;
	max-height: 5rem;
	overflow: hidden;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 0.22rem;
	color: #bd200c;
}
.pop-cont2 p {
	line-height: 0.36rem;
}
.pop-tips-box {
	margin: 0 auto;
	margin-bottom:0.2rem;
	border-radius:0.1rem;
	padding:0.1rem;
	width: 90%;
	display:block;
	border:2px solid #a00800;
	text-align:center;
	background:#fff;
	color:#bd200c;
}
.c2 {
	color:#ff9000;
}
.c3 {
	color:#e11a1a;
}
.c4 {
	color:#ff8f00;
}
.pop-cont3 {
	margin: 0 auto;
	width: 92%;
	margin-bottom: 0.2rem;
	margin-top: 0.2rem;
	max-height: 5.5rem;
	overflow: hidden;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 0.22rem;
	color: #bd200c;
}
.pop-cont3 p {
	line-height: 0.4rem;
}
.pop-gift {
	margin: 0 auto;
	display:block;
	width: 6.34rem;
	height: 5.17rem;
	background: url(../images/pop_gift.png?v=123) no-repeat;
	background-size: 6.34rem 5.17rem;
}
.reward-box {
	margin: 0 auto;
	position:relative;
	margin-top:0.5rem;
	margin-bottom:0.5rem;
	display:block;
	width: 6.6rem;
	height: 3.82rem;
}
.reward1 {
	background: url(../images/reward1.png) no-repeat;
	background-size: 6.6rem 3.82rem;
}
.reward2 {
	background: url(../images/reward2.png) no-repeat;
	background-size: 6.6rem 3.82rem;
}
.reward3 {
	background: url(../images/reward3.png) no-repeat;
	background-size: 6.6rem 3.82rem;
}
.reward4 {
	background: url(../images/reward4.png) no-repeat;
	background-size: 6.6rem 3.82rem;
}
.reward5 {
	background: url(../images/reward5.png) no-repeat;
	background-size: 6.6rem 3.82rem;
}
.reward6 {
	background: url(../images/reward6.png) no-repeat;
	background-size: 6.6rem 3.82rem;
}
.reward7 {
	background: url(../images/reward7.png) no-repeat;
	background-size: 6.6rem 3.82rem;
}
.reward8 {
	background: url(../images/reward8.png?v=123) no-repeat;
	background-size: 6.6rem 3.82rem;
}
.btn-pop-post {
	float: right;
	margin-top: 2.1rem;
	margin-right: 0.7rem;
	display: inline-block;
	width: 1.5rem;
	height: 0.6rem;
	background: url(../images/btn_post.png) no-repeat;
	background-size:1.5rem 0.6rem;
}
.btn-pop-record {
	position:absolute;
	right: 0.7rem;
	bottom:0;
	width: 0.86rem;
	height: 0.66rem;
	background: url(../images/btn_pop_record.png) no-repeat;
	background-size:0.86rem 0.66rem;
}
.container-bg {
     overflow: hidden;
     background: url(../images/c_bg.jpg) no-repeat center top;
	 background-size:19.2rem 16rem;
}
.main-info {
     float:left;
     margin-top:4.62rem;
	 width:100%;
}
.container-wrap {
     margin: 0 auto;
     position:relative;
     width: 95%;
     max-width:14rem;
}
.details {
     margin: 0 auto;
     width: 100%;
     height: auto !important;
     height: 6rem;
     min-height: 6rem;
     color: #5a5a82;
}
.details h3 {
     float: left;
     padding-top: 0.1rem;
     padding-bottom: 0.2rem;
     margin-top: 0.4rem;
     box-shadow: 0.05rem 0.05rem 0.05rem #fee39b;
     position: relative;
     width: 100%;
     line-height: 0.4rem;
     font-weight: normal;
     text-align: center;
     color: #750000;
}
.h3-tit {
     float: left;
     width: 100%;
     font-size: 0.3rem;
}
.detail-div {
	float: left;
	margin-top:0.2rem;
	width: 100%;
	line-height: 24px;
	font-size:18px;
	box-shadow: 0.05rem 0.05rem 0.05rem #fee39b;
	background: #fff;
	background: url(../images/details_rep.jpg) repeat;
	background-size:0.24rem 0.24rem;
	color: #2b6362;
}
.txt {
	padding:0.3rem;
}
.detail-div p {
	margin: 0.1rem 0;
	word-wrap: break-word;
	word-break: normal;
	color: #750000;
}
.detail-div a {
	color: #2b6362;
}
.detail-div img {
	padding: 1%;
	max-width: 98%;
}
.piece {
	float: left;
	margin-bottom: 0.2rem;
	margin-top: 0.2rem;
	width: 100%;
	text-align: center;
}
.piece a {
	cursor: pointer;
	margin: 0.05rem 0.2rem 0.05rem 0.2rem;
	display: inline-block;
	width: 1.8rem;
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: 0.22rem;
	text-align: center;
	background: #e45b54;
	color: #fff;
}
.piece .btn-menu {
	width: 2.2rem;
	background: #e45b54;
	color: #fff;
} 
/* 版權*/
.footer-mb {
	display: none;
}
.footer-pc {
	float: left;
	padding-bottom: 20px;
	overflow: hidden;
	width: 100%;
	background: #494949;
	color: #fff;
}
.foot {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 1400px;
	font-size: 14px;
}
.foot-logo {
	float: left;
	margin-top: 35px;
	margin-left: 6px;
	padding-right: 25px;
	display: inline;
	border-right: 1px solid #545454;
	width: 247px;
	height: 72px;
}
.foot-info {
	float: left;
	margin-top: 25px;
	padding-bottom: 5px;
	margin-left: 30px;
	display: inline;
	text-align: center;
	width: 400px;
}
.foot-nav a {
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
}
.foot-nav a:hover {
	color: #f7b232
}
.foot-info p {
	font-size: 12px;
	clear: both;
	color: #a9a9a9;
}
.foot-service {
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 2px solid #707070;
	display: inline;
	width: 390px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.foot-service img {
	margin-right: 5px;
	margin-top: -2px;
	vertical-align: middle;
}
.lower {
	position: relative;
	margin-left: 20px;
	border-left: 1px solid #545454;
	padding-left: 20px;
	float: left;
	margin-top: 35px;
	display: inline;
	font-size: 12px;
	width: 630px;
	height: 72px;
	color: #fff;
}
.rig-cr p {
	line-height: 20px;
}
.rig-class {
	float: left;
}
.rig-class img {
	margin-right: 5px;
}
.class {
	width: 62px;
}
@media (max-width:1400px) {
.footer-pc {
	display: none;
}
.footer-mb {
	display: block;
	overflow: hidden;
	padding: 0.2rem 0 0.2rem 0;
	float: left;
	width: 100%;
	text-align: center;
	background: #494949;
	color: #676768;
}
.footer-mb p {
	font-size: 0.12rem;
}
.foot-service-mb {
	margin: 0 auto;
	overflow: hidden;
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
	border: .02rem solid #707070;
	width: 3.9rem;
	font-size: 0.14rem;
	text-align: center;
	color: #fff;
}
.foot-service-rule {
	margin: 0 auto;
	overflow: hidden;
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
	width: 5rem;
	font-size: 0.14rem;
	line-height:.24rem;
	text-align: left;
	color: #fff;
}
.foot-service-mb img {
	margin-right: 0.05rem;
	margin-top: -.0.02rem;
	width: 0.2rem;
	vertical-align: middle;
}
.img {
	display: block;
	width: 100%;
}
.mover-logo {
	float: none;
	border-right: 0.01rem solid #545454;
	padding-right: 0.2rem;
	height: 0.5rem;
}
.class {
	padding-left: 0.2rem;
	width: 0.5rem;
}
}
@media (max-width:750px) {
body {
	font-size: .24rem;
}
.foot-service-rule {
	width: 90%;
}
.pop-bg {
	width: 6rem;
	border-radius: .1rem;
	border: .02rem solid #dcdcdc;
}
.close-btn {
	right: .1rem;
	top: .1rem;
	width: .39rem;
	height: .39rem;
	background-size: cover;
}
.close-btn:hover {
	background-size: cover;
}
.pop-top {
	height: 1rem;
	line-height: 1rem;
	font-size: .32rem;
}
.o-pop-tit {
	height: .8rem;
	line-height:.8rem;
}
.input-css {
	padding: 0 .03rem;
	border: .01rem solid #bbbfc0;
	width: 3rem;
	height: .4rem;
	font-size: .24rem;
}
.input-css-special {
	width: 1.2rem;
}
.pop-con {
	font-size: .28rem;
}
.o-pop-con {
	font-size: .28rem;
}
.pop-con p {
	margin-top: .2rem;
}
.border {
	margin: 0 auto .2rem;
	width: 4.6rem;
}
.btn-mar {
	margin: .3rem 0 .25rem;
}
.fb-btn {
	margin-left: .2rem;
}
.fb-btn img {
	width:.93rem;
}
.pop-login-btn {
	width: 1.62rem;
	height: .41rem;
	background-size: cover;
}
.pop-login-btn:hover {
	background-size: cover;
}
.pop-btn {
	margin: .2rem auto;
	line-height: .41rem;
	width: 1.62rem;
	height: .41rem;
	background-size: cover;
}
.pop-btn:hover {
	background-size: cover;
}
.line-bg {
	padding-left: .6rem;
	width: 4rem;
	height: .6rem;
	line-height: .6rem;
	font-size: .28rem;
}
.line-bg img {
	left: .1rem;
	top: .1rem;
	width:.4rem
}
.line-option {
	border: .01rem solid #b8b8b8;
	padding-left: .1rem;
	width: 4.46rem;
	height: .6rem;
	line-height: .6rem;
	font-size:.28rem;
}
.option-list {
	border: .01rem solid #b8b8b8;
	width: 4.56rem;
}
.option-list a {
	border-bottom: .01rem solid #b8b8b8;
	padding-left: .1rem;
	width: 4.56rem;
	height: .5rem;
	line-height: .5rem;
}
.fb-page {
	height: .5rem;
}
.detail-div {

	line-height: 22px;
	font-size:14px;

}
} 
@-webkit-keyframes zhuan {
	0% {
	-webkit-transform: rotate(0)
}
100% {
	-webkit-transform: rotate(360deg)
}
}
@keyframes zhuan {
	0% {
	transform: rotate(0)
}
100% {
	transform: rotate(360deg)
}
}
@keyframes dialuodn {
	0% {
	transform:translateY(-100%);
	opacity:0
}
5% {
	transform:translateY(-100%);
}
15% {
	transform:translateY(0);
}
30% {
	transform:translateY(-100%);
}
40% {
	transform:translateY(0%);
}
50% {
	transform:translateY(-60%);
}
70% {
	transform:translateY(0%);
}
80% {
	transform:translateY(-30%);
}
90% {
	transform:translateY(0%);
}
95% {
	transform:translateY(-14%);
}
97% {
	transform:translateY(0%);
}
99% {
	transform:translateY(-6%);
}
100% {
	transform:translateY(0);
	opacity: 1;
}
}
@-webkit-keyframes around1 {
	0% {
	-webkit-transform:translate(0rem, 0rem) }
20% {
	-webkit-transform:translate(-1.3rem, 1.4rem) }
40% {
	-webkit-transform:translate(0.6rem, 1.8rem) }
60% {
	-webkit-transform:translate(1.7rem, 1rem) }
80% {
	-webkit-transform:translate(0.7rem, -1rem) }
100% {
	-webkit-transform:translate(-0.5rem, 1rem) }
}
@-webkit-keyframes around2 {
	0% {
	-webkit-transform:translate(0rem, 0rem) }
10% {
	-webkit-transform:translate(1.45rem, -1.3rem) }
30% {
	-webkit-transform:translate(-1.2rem, -2.3rem) }
50% {
	-webkit-transform:translate(1.3rem, -1rem) }
80% {
	-webkit-transform:translate(-1.2rem, 0.1rem) }
100% {
	-webkit-transform:translate(1rem, -0.8rem) }
}
@-webkit-keyframes around3 {
	0% {
	-webkit-transform:translate(0rem, 0rem) }
10% {
	-webkit-transform:translate(-0.4rem, 0.9rem) }
30% {
	-webkit-transform:translate(0.7rem, -1.5rem) }
50% {
	-webkit-transform:translate(-0.4rem, 0.9rem) }
80% {
	-webkit-transform:translate(0.7rem, -1.5rem) }
100% {
	-webkit-transform:translate(-0.4rem, 1.1rem) }
}
@-webkit-keyframes around4 {
	0% {
	-webkit-transform:translate(0rem, 0rem) }
10% {
	-webkit-transform:translate(-0.1rem, -1rem) }
30% {
	-webkit-transform:translate(0.6rem, 1.2rem) }
50% {
	-webkit-transform:translate(-0.4rem, -0.3rem) }
80% {
	-webkit-transform:translate(0.4rem, 0.8rem) }
100% {
	-webkit-transform:translate(1rem, -0.1rem) }
}
@-webkit-keyframes around5 {
	0% {
	-webkit-transform:translate(0rem, 0rem) }
10% {
	-webkit-transform:translate(-0.1rem, 0.3rem) }
30% {
	-webkit-transform:translate(0.1rem, 1rem) }
50% {
	-webkit-transform:translate(-0.3rem, -1.3rem) }
80% {
	-webkit-transform:translate(-1rem, 0.8rem) }
100% {
	-webkit-transform:translate(0.1rem, -0.1rem) }
}
@-webkit-keyframes around6 {
	0% {
	-webkit-transform:translate(0rem, 0rem) }
10% {
	-webkit-transform:translate(-1.5rem, -1.7rem) }
30% {
	-webkit-transform:translate(0.4rem, 0.1rem) }
50% {
	-webkit-transform:translate(-0.3rem, -1rem) }
80% {
	-webkit-transform:translate(-1rem, 0.1rem) }
100% {
	-webkit-transform:translate(0.1rem, -0.1rem) }
}
@-webkit-keyframes around7 {
	0% {
	-webkit-transform:translate(0rem, 0rem) }
10% {
	-webkit-transform:translate(-0.3rem, -1.3rem) }
30% {
	-webkit-transform:translate(0.4rem, 0.4rem) }
50% {
	-webkit-transform:translate(-0.3rem, -1.3rem) }
80% {
	-webkit-transform:translate(-0.3rem, 0.1rem) }
100% {
	-webkit-transform:translate(0.1rem, -0.1rem) }
}
@keyframes ld-tick {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
20% {
	-webkit-transform:rotate(60deg);
	transform:rotate(60deg)
}
30% {
	-webkit-transform:rotate(-60deg);
	transform:rotate(-60deg)
}
40% {
	-webkit-transform:rotate(30deg);
	transform:rotate(30deg)
}
50% {
	-webkit-transform:rotate(15deg);
	transform:rotate(15deg)
}
60% {
	-webkit-transform:rotate(-10deg);
	transform:rotate(-10deg)
}
70% {
	-webkit-transform:rotate(6deg);
	transform:rotate(6deg)
}
80% {
	-webkit-transform:rotate(-2deg);
	transform:rotate(-2deg)
}
90% {
	-webkit-transform:rotate(1deg);
	transform:rotate(1deg)
}
100% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
}
@-webkit-keyframes ld-tick {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
20% {
	-webkit-transform:rotate(60deg);
	transform:rotate(60deg)
}
30% {
	-webkit-transform:rotate(-60deg);
	transform:rotate(-60deg)
}
40% {
	-webkit-transform:rotate(30deg);
	transform:rotate(30deg)
}
50% {
	-webkit-transform:rotate(15deg);
	transform:rotate(15deg)
}
60% {
	-webkit-transform:rotate(-10deg);
	transform:rotate(-10deg)
}
70% {
	-webkit-transform:rotate(6deg);
	transform:rotate(6deg)
}
80% {
	-webkit-transform:rotate(-2deg);
	transform:rotate(-2deg)
}
90% {
	-webkit-transform:rotate(1deg);
	transform:rotate(1deg)
}
100% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
}
@-webkit-keyframes rubberBand {
	0% {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
15% {
	-webkit-transform: scale3d(1.25, .75, 1);
	transform: scale3d(1.25, .75, 1)
}
20% {
	-webkit-transform: scale3d(0.75, 1.25, 1);
	transform: scale3d(0.75, 1.25, 1)
}
25% {
	-webkit-transform: scale3d(1.15, .85, 1);
	transform: scale3d(1.15, .85, 1)
}
32% {
	-webkit-transform: scale3d(.95, 1.05, 1);
	transform: scale3d(.95, 1.05, 1)
}
37% {
	-webkit-transform: scale3d(1.05, .95, 1);
	transform: scale3d(1.05, .95, 1)
}
50% {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
100% {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
	0% {
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
15% {
	-webkit-transform: scale3d(1.25, .75, 1);
	-ms-transform: scale3d(1.25, .75, 1);
	transform: scale3d(1.25, .75, 1)
}
20% {
	-webkit-transform: scale3d(0.75, 1.25, 1);
	-ms-transform: scale3d(0.75, 1.25, 1);
	transform: scale3d(0.75, 1.25, 1)
}
25% {
	-webkit-transform: scale3d(1.15, .85, 1);
	-ms-transform: scale3d(1.15, .85, 1);
	transform: scale3d(1.15, .85, 1)
}
32% {
	-webkit-transform: scale3d(.95, 1.05, 1);
	-ms-transform: scale3d(.95, 1.05, 1);
	transform: scale3d(.95, 1.05, 1)
}
37% {
	-webkit-transform: scale3d(1.05, .95, 1);
	-ms-transform: scale3d(1.05, .95, 1);
	transform: scale3d(1.05, .95, 1)
}
50% {
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
100% {
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
@-webkit-keyframes magnify {
	0% {
	-webkit-transform: scale(0.96);
}
100% {
	-webkit-transform: scale(1);
}
}
@-moz-keyframes magnify {
	0% {
	-moz-transform: scale(1);
}
100% {
	-moz-transform: scale(0.96);
}
}
@keyframes magnify {
	0% {
	transform: scale(1);
}
100% {
	transform: scale(0.96);
}
}
.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}
.slick-prev:before,
.slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
	left: -25px;
}
[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto;
}
.slick-prev:before {
	content: '←';
}
[dir='rtl'] .slick-prev:before {
	content: '→';
}
.slick-next {
	right: -25px;
}
[dir='rtl'] .slick-next {
	right: auto;
	left: -25px;
}
.slick-next:before {
	content: '→';
}
[dir='rtl'] .slick-next:before {
	content: '←';
}
/* Dots*/
	.slick-slider {
	margin-bottom: 30px;
}
.slick-dots {
	position: absolute;
	bottom: -45px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}
.slick-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: black;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease
}
.slick-lightbox .slick-loading .slick-list {
	background-color: transparent
}
.slick-lightbox .slick-prev {
	font-size: 0;
	left: 0.15rem;
	width: 0.31rem;
	height: 0.51rem;
	background: url(../images/btn_prev.png) no-repeat;
	background-size:0.31rem 0.51rem;
}
.slick-next:before {
	content: '';
}
[dir='rtl'] .slick-next:before {
	content: '';
}
.slick-prev:before {
	content: '';
}
[dir='rtl'] .slick-prev:before {
	content: '';
}
.slick-lightbox .slick-next {
	right: 0.15rem;
	width: 0.31rem;
	height: 0.51rem;
	background: url(../images/btn_next.png) no-repeat;
	background-size:0.31rem 0.51rem;
}
.slick-lightbox-hide {
	opacity: 0
}
.slick-lightbox-hide.slick-lightbox-ie {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0)
}
.slick-lightbox-hide-init {
	position: absolute;
	top: -9999px;
	opacity: 0
}
.slick-lightbox-hide-init.slick-lightbox-ie {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0)
}
.slick-lightbox-inner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.slick-lightbox-slick-item {
	text-align: center;
	overflow: hidden
}
.slick-lightbox-slick-item:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em
}
.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	margin-bottom: 20px
}
.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
	display: block;
	text-align: center
}
.slick-lightbox-slick-item-inner {
	display: inline-block;
	vertical-align: middle;
	max-width: 90%;
	max-height: 90%
}
.slick-lightbox-slick-img {
	margin: 0 auto;
	display: block;
	max-width: 90%;
	max-height: 90%
}
.slick-lightbox-slick-caption {
	margin: 10px 0 0;
	color: white
}
.slick-lightbox-close {
	position: absolute;
	top: 0.15rem;
	right: 0.15rem;
	display: block;
	height: 0.41rem;
	width: 0.41rem;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	padding: 0;
	border: none;
	background: url(../images/index_btn_closemenu.png) no-repeat;
	background-size:cover;
}
.slick-lightbox-close:focus {
	outline: none
}
.slick-lightbox-close:before {
	font-family: "slick";
	font-size: 20px;
	line-height: 1;
	color: white;
	opacity: 0.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '×'
}
.save-adress{
    width: 0.9rem;
    position: absolute;
    height: 0.9rem;
    background: url(../images/save.png)no-repeat;
    background-size: 100% 100%;
    right: 0.46rem;
    top: 0.14rem;
}
#pop-div17{
    padding: 0.6rem 0.42rem;
    width: auto;
}
#pop-div17 p{
    line-height: 0.36rem;
    color: #bd200c;
    font-size: 0.22rem;
}
.gift3{
cursor: pointer;
}