@charset "utf-8";

/* CSS Document */
/* html { 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
	_filter:none; 
} */
.wrap {
	width: 100%;
	min-width: 1240px;
	overflow: hidden;
}

.w1200 {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

.btn {
	transition: filter .2s linear;
	cursor: pointer;
}

.btn:hover {
	text-decoration: none;
	-webkit-filter: brightness(1.3);
	filter: brightness(1.3);
}

.ib {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
}

i {
	font-style: normal;
}

.fix_nav {
	display: none;
	width: 245px;
	height: 346px;
	padding-top: 60px;
	background: url(../images/fix_navbg.png) no-repeat;
	position: fixed;
	left: 35px;
	top: 260px;
	z-index: 998;
	text-align: center;
	font-size: 18px;
}

.fix_nav .fix_nav_open {
	display: none;
	position: absolute;
	right: -34px;
	top: 128px;
	width: 34px;
	height: 150px;
	background: url(../images/fix_nav_open.png) no-repeat;
	transform: 0.5s ease-out all;
}

.fix_nav.fix_close .fix_nav_open {
	display: block;
}

.fix_nav ul {
	width: 212px;
	margin: 0 auto;
}

.fix_nav li {
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	color: #fff19b;
	cursor: pointer;
}

.fix_nav li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff19b;
}

.fix_nav li:hover {
	color: #fff;
}

.fix_nav a:hover {
	text-decoration: none;
}

.fix_nav .nav_top {
	position: absolute;
	width: 212px;
	height: 40px;
	bottom: 10px;
}

.fix_nav .nav_kf {
	position: absolute;
	width: 212px;
	height: 86px;
	bottom: 56px;
}

.fix_nav li.fix_nav_close {
	position: absolute;
	top: 400px;
	right: 100px;
	width: 39px;
	height: 39px;
	background: #e2d9c8 url(../images/fix_nav_close.png) center no-repeat;
	background-size: 60%;
	border: 1px solid #c7a172;
	border-radius: 50%;
}

@keyframes myfirst {
	50% {
		box-shadow: 0 0 60px #ffffff inset;
	}
}

@-webkit-keyframes myfirst {
	50% {
		box-shadow: 0 0 60px #ffffff inset;
	}
}

.blbl {
	animation: myfirst 1s infinite ease-in-out;
	-webkit-animation: myfirst 1s infinite ease-in-out;
}

.box1 {
	position: relative;
	width: 100%;
	height: 650px;
	background: url(../images/banner.jpg) center top no-repeat;
}

.banner_p {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	height: 570px;
	background: url("../images/banner_p.png") center no-repeat;
	z-index: 11;
}

.header {
	position: relative;
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}

.headtxt {
	position: absolute;
	top: 280px;
	display: block;
	width: 1200px;
	height: 416px;
	background: url(../images/title.png) center top no-repeat;
	overflow: hidden;
	z-index: 11;
}

.date {
	position: relative;
	width: 100%;
	height: 32px;
	line-height: 32px;
	margin-top: 12px;
	animation-delay: 4s;
	text-align: center;
	font-size: 22px;
	color: #fff7bf;
	z-index: 3;
}

.userbar {
	width: 1000px;
	height: 32px;
	margin: 0 auto 10px;
	z-index: 11;
}

.user {
	width: 100%;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
	z-index: 11;
}

.user,
.user a {
	color: #fff7bf;
}

.user span,
.user a {
	margin: 0 10px;
}

.bg-video {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 1920px;
	height: 886px;
	margin-left: -960px;
	z-index: 1;
	overflow: hidden;
}

#video {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1920px;
	/* height: 768px; */
	margin-left: -960px;
}


.bg-video #vloop {
	display: none;
	opacity: 0;
}

.bg-video #vloop.fadeIn {
	opacity: 1;
}

img {
	display: block;
	margin: 0 auto;
}

.title {
	position: relative;
	margin: 0 auto;
	z-index: 6;
}

.title img {
	margin: 0 auto;
}

.lottery-box .title {
	padding-top: 14px;
}

.tool-container .title {
	padding-top: 43px;
	margin-bottom: 20px;
}

.section2 .title {
	padding-top: 5px;
}

.section3 .title {
	margin-bottom: 11px;
}


/* ------------------------------ 菜单 ---------------------------- */
.menu {
	position: absolute;
	bottom: -168px;
	left: 50%;
	width: 1457px;
	height: 148px;
	padding-top: 22px;
	margin-left: -728px;
	background: url(../images/nav_bg.png);
	z-index: 99;
}

.menu.fixed {
	position: fixed;
	top: 0;
	bottom: auto;
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}

.menu_list {
	position: absolute;
	left: 50%;
	width: 1294px;
	height: 148px;
	margin-left: -647px;
	z-index: 99;
}

.menu-item {
	position: relative;
	float: left;
	width: 160px;
	height: 101px;
	padding-top: 20px;
	border-left: 1px solid #fff0c3;
	border-right: 1px solid #c9973d;
	background: center bottom no-repeat;
	cursor: pointer;
	overflow: hidden;
}

.menu1 {
	border-left: none;
}

.menu8 {
	border-right: none;
}

.menu-item:hover,
.menu-item.active {
	background-image: url(../images/nav_on.png);
}

.menu-item .t {
	display: block;
	width: 100%;
	height: 26px;
	line-height: 26px;
	padding-bottom: 12px;
	margin: 0 auto 5px;
	background: url(../images/nav_t.png) center bottom no-repeat;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	color: #680b0d;
}


.menu-item:hover .t,
.menu-item.active .t {
	color: #fbdc8c;
}

.menu-item a {
	display: block;
	width: 100%;
	height: 100%;
}

.menu-item a:hover {
	text-decoration: none;
}

.menu-desc {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 2px 0;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #944626
}

.menu-item.active .menu-desc,
.menu-item:hover .menu-desc {
	color: #f1c37a
}

.menu-desc em {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
	line-height: 20px;
	text-shadow: 0 1px 2px #ffe4a0;
	font-size: 16px;
}

.menu-item.active .menu-desc em,
.menu-item:hover .menu-desc em {
	text-shadow: none;
}

.menu_fixed {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 72px;
	background: url(../images/nav_fixed.jpg) center no-repeat;
	z-index: 999;
}

.menu_fixed_list {
	position: absolute;
	left: 50%;
	width: 1300px;
	height: 72px;
	margin-left: -650px;
	z-index: 99;
}

.menu_fixed_item {
	position: relative;
	float: left;
	width: 160px;
	height: 68px;
	padding-top: 4px;
	background: center bottom no-repeat;
	cursor: pointer;
	overflow: hidden;
}

.menu_fixed_item .t {
	display: block;
	width: 160;
	height: 64px;
	line-height: 56px;
	border-left: 1px solid #fff0c3;
	border-right: 1px solid #c9973d;
	background: url(../images/nav_t.png) center 46px no-repeat;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	color: #680b0d;
}

.menu_fixed_item:first-child .t {
	border-left: none;
}

.menu_fixed_item:last-child .t {
	border-right: none;
}


.menu_fixed_item.active,
.menu_fixed_item:hover {
	background-image: url(../images/nav_on2.png);
}

.menu_fixed_item:hover .t,
.menu_fixed_item.active .t {
	color: #fbdc8c;
}

/* ------------------------------ 菜单结束 ------------------------ */
.ico {
	position: absolute;
	display: block;
	z-index: 3;
	background-repeat: no-repeat;
}

.ico_year {
	top: -4px;
	right: -4px;
	width: 68px;
	height: 66px;
	background-image: url(../images/ico_year.png);
}

.ico_month_small {
	top: 0px;
	right: 0px;
	height: 18px;
	line-height: 18px;
	padding: 0 10px;
	background-color: #f43131;
	border-bottom-left-radius: 14px;
	border-top-right-radius: 14px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.ico_count_small {
	top: -4px;
	right: -4px;
	width: 53px;
	height: 50px;
	background-image: url(../images/ico_count_small.png);
}

.hbg {
	position: absolute;
	background: no-repeat;
}

.hbg1 {
	top: -20px;
	left: -360px;
	width: 726px;
	height: 602px;
	background-image: url(../images/hbg_left.png);
	z-index: 2;
	-webkit-animation: fanLeft 1s linear;
	animation: fanLeft 1s linear;
}

.hbg2 {
	top: -20px;
	right: -360px;
	width: 729px;
	height: 602px;
	background-image: url(../images/hbg_right.png);
	z-index: 2;
	-webkit-animation: fanRight 1s linear;
	animation: fanRight 1s linear;
}

.home1 {
	top: -20px;
	left: -360px;
	width: 726px;
	height: 602px;
	background-image: url(../images/home_left.png);
	z-index: 2;
	-webkit-animation: fanLeft 1s linear;
	animation: fanLeft 1s linear;
}

.home2 {
	top: -20px;
	right: -360px;
	width: 726px;
	height: 602px;
	background-image: url(../images/home_right.png);
	z-index: 2;
	-webkit-animation: fanRight 1s linear;
	animation: fanRight 1s linear;
}


.hbg3 {
	top: 30px;
	left: 50%;
	width: 380px;
	height: 380px;
	margin-left: -190px;
	background-image: url(../images/hbg_sun.png);
	z-index: 1;
}

.hbg4 {
	top: -76px;
	left: 50%;
	width: 579px;
	height: 579px;
	margin-left: -289px;
	background-image: url(../images/hbg_sun_s.png);
	z-index: 1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: zoomLoop 10s infinite linear;
	animation: zoomLoop 10s infinite linear;
}


.container {
	position: relative;
	width: 100%;
	background: url(../images/bg.jpg) top center no-repeat;
}

.cloud {
	position: absolute;
	bottom: -300px;
	width: 100%;
	height: 599px;
	background: url(../images/cloud.png) center top no-repeat;
	z-index: 10;
}

.cloud2 {
	position: absolute;
	top: 0;
	width: 100%;
	height: 277px;
	background: url(../images/cloud2.png) center top no-repeat;
	z-index: 5;
}

.part {
	position: relative;
	width: 100%;
}

.part-1 {
	padding-top: 72px;
	z-index: 11;
}

.part-2 {
	padding-top: 32px;
}

.condition {
	position: absolute;
	top: -20px;
	left: 50%;
	width: 944px;
	height: 82px;
	padding-top: 10px;
	margin: 0 auto;
	margin-left: -472px;
	background-color: #781210;
	border: 2px solid #ffe497;
	z-index: 100;
}

.condition .item {
	float: left;
	width: 177px;
	height: 74px;
	margin: 0 30px;
	background: url(../images/bg_con.png) no-repeat;
	text-align: center;
	color: #fff;
}

.condition .item .t {
	height: 20px;
	line-height: 20px;
}

.condition .item .tit {
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
}

.condition .item3 .tit {
	height: 20px;
	line-height: 20px;
}

.condition .item .b {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
}

.condition .item .s {
	font-size: 12px;
}

.btn-apply {
	float: left;
	width: 177px;
	height: 62px;
	margin-top: 4px;
	margin-left: 30px;
	background: url(../images/bg_apply.png) no-repeat;
	text-align: center;
	color: #fff;
}

.btn-apply .t {
	height: 24px;
	line-height: 24px;
	padding-top: 4px;
	font-weight: bold;
	font-size: 16px;
}

.btn-apply .p {
	height: 16px;
	line-height: 16px;
	font-size: 12px;
}

.total {
	width: 762px;
	margin: 0 auto 18px;
}

.total-item {
	float: left;
	margin: 0 16px;
	text-align: center;
	color: #fff;
}

.sumLuckyNum {
	display: block;
	width: 150px;
	height: 58px;
	line-height: 58px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}

.total-item .t {
	display: block;
	width: 113px;
	height: 33px;
	line-height: 33px;
	margin: 0 auto;
	background-image: url(../images/bg_total.png);
	font-weight: bold;
	font-size: 14px;

}

.total-item .btn-get {
	display: block;
	width: 94px;
	height: 26px;
	line-height: 26px;
	margin: 0 auto;
	background-image: url(../images/btn_get.png);
	font-size: 16px;
}

.total-item .btn-get.grey {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grey;
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	_filter: none;
}

.grey {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grey;
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	_filter: none;
}

.lottery-box {
	position: relative;
	width: 100%;
	height: 673px;
	background: url(../images/bg_part1.png) top center no-repeat;
}

.lottery-list {
	position: relative;
	width: 1105px;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
	z-index: 11;
}

.lottery-list dd {
	float: left;
	width: 165px;
	height: 106px;
	margin: 0 28px 10px;
	background: url(../images/bg_draw.png) no-repeat center center;
}

.lottery-list dd.none {
	background: none;
	border: none;
}

.lottery-list dd .img {
	display: block;
	width: 145px;
	height: 84px;
	line-height: 84px;
	margin: 3px auto 0;
	font-size: 0;
	overflow: hidden;
}

.lottery-list dd img {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
	margin: 0 auto;
}

.lottery-list dd .img-point {
	line-height: 100px;
	background: url(../images/bg_point.png) center 36px no-repeat;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}

.lottery-list dd .name {
	display: block;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	color: #fff;
}


.tips2 {
	position: absolute;
	top: 326px;
	left: 50%;
	width: 432px;
	height: 51px;
	line-height: 51px;
	margin-left: -216px;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	color: #fff;
	z-index: 12;
}

.btn-lottery-group {
	position: absolute;
	top: 420px;
	left: 50%;
	width: 732px;
	height: 88px;
	margin-left: -366px;
	text-align: center;
	font-size: 0;
	z-index: 11;
}

.btn-lottery {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
	width: 174px;
	height: 51px;
	line-height: 58px;
	margin: 0 24px;
	background: url(../images/btn_lottery.png) no-repeat;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	color: #c91818;
	cursor: pointer;
}

.tool-container {
	position: relative;
	width: 1399px;
	height: 757px;
	margin: 0 auto;
	background: url(../images/bg_part2.png) center top no-repeat;
	z-index: 1;
}

.point {
	height: 56px;
	line-height: 56px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 0;
	color: #fff;
}

.point span,
.point em {
	font-size: 32px;
}

.tool-list {
	width: 1220px;
	margin: 0 auto;
	text-align: center;
}

.tool-item {
	position: relative;
	float: left;
	width: 268px;
	height: 148px;
	padding-top: 23px;
	margin: 10px 10px 52px;
	background: url(../images/bg_exchange.png) top center no-repeat;
}

.tool-count {
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	line-height: 20px;
	padding: 0 6px;
	background-color: #8d2725;
	font-size: 12px;
	color: #fff;
}

.tool-img {
	width: 145px;
	height: 84px;
	margin: 0 auto;
}

.tool-name {
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #333;
}

.btn-buy {
	display: block;
	width: 193px;
	height: 39px;
	line-height: 39px;
	margin: 0 auto;
	background: url(../images/btn_ex.png) no-repeat;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

/* ------------------------------------------ 红包-start ---------------------------------- */
.home {
	position: relative;
	padding-top: 160px;
	background: url(../images/bg.jpg) center top no-repeat;
	z-index: 9;
}

.section {
	position: relative;
	margin-bottom: 20px;
}

.section_wrap {
	position: relative;
	width: 1300px;
	height: 100%;
	margin: 0 auto;
}

.section7 {
	margin-top: 56px;
}

.tit-p {
	position: relative;
	text-align: center;
}

.tit-desc {
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	color: #ba3d1b;
}

.titp {
	line-height: 32px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 16px;
	color: #ba3d1b;
}

.tips-step {
	position: relative;
	width: 1002px;
	height: 39px;
	line-height: 39px;
	margin: 5px auto 20px;
	background: url(../images/envelop_title.png) center no-repeat;
	text-align: center;
	font-size: 0;
}

.tips-step-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	zoom: 1;
	width: 208px;
	height: 39px;
	line-height: 39px;
	margin: 0 63px;
	font-size: 18px;
	color: #ede4c9;
}

.envelopebox {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

.envelop-left {
	position: relative;
	float: left;
	width: 874px;
	height: 368px;
	padding-top: 45px;
	margin: 0 auto;
	background: url(../images/envelop_bg.png) no-repeat;
	text-align: center;
	font-size: 0;
}

.redenvelope {
	position: relative;
	width: 556px;
	height: 300px;
	margin-left: 20px;
	text-align: center;
}

.redenvelope-item {
	position: relative;
	float: left;
	width: 169px;
	height: 165px;
	margin: 0 8px 12px;
	cursor: pointer;
}

.redenvelope-item2 .random {
	animation-delay: .2s;
}

.redenvelope-item2 .envelop-tool {
	animation-delay: .4s;
}

.redenvelope-item3 .random {
	animation-delay: .4s;
}

.redenvelope-item3 .envelop-tool {
	animation-delay: .6s;
}

.redenvelope-item4 .random {
	animation-delay: .8s;
}

.redenvelope-item4 .envelop-tool {
	animation-delay: 1s;
}

.redenvelope-item5 .random {
	animation-delay: 1s;
}

.redenvelope-item5 .envelop-tool {
	animation-delay: 1.2s;
}

.redenvelope-item6 .random {
	animation-delay: 1.4s;
}

.redenvelope-item6 .envelop-tool {
	animation-delay: 1.6s;
}

.random {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/item_envelop.png) no-repeat;
	z-index: 3;
}

.random em {
	position: absolute;
	top: 76px;
	left: 50%;
	display: block;
	width: 68px;
	height: 68px;
	margin-left: -34px;
	background: url("../images/open_small.png") center no-repeat;
	font-size: 0;
	color: #ffdaa0;
}

.redenvelope-item img {
	display: block;
	width: 145px;
	height: 84px;
	margin: 0 auto;
}

.random img {
	display: none;
}

.envelop-tool {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 155px;
	padding-top: 10px;
	background: url("../images/item_env_open.png") center no-repeat;
	cursor: pointer;
}

.open .random {
	z-index: 1;
}

.open .envelop-tool {
	z-index: 3;
}

.envelop-tool em {
	display: block;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
	color: #ba3d1b;
}

.btn-envelope {
	display: block;
	width: 145px;
	height: 26px;
	line-height: 26px;
	margin: 0 auto;
	background-color: #f1c44b;
	text-align: center;
	font-size: 16px;
	color: #ba3d1b;
	z-index: 3;
}


.btn-envelope-open {
	position: absolute;
	top: 120px;
	left: 532px;
	width: 131px;
	height: 131px;
	line-height: 26px;
	margin: 0 auto;
	background: url(../images/btn_open.png) center no-repeat;
	-webkit-animation: heartBeatOpen2 1.2s ease-in-out infinite;
	animation: heartBeatOpen2 1.2s ease-in-out infinite;
	text-align: center;
	font-size: 16px;
	color: #ea4141;
	z-index: 3;
}

.btn-envelop3 {
	position: absolute;
	top: 238px;
	left: 50%;
	width: 73px;
	height: 73px;
	line-height: 26px;
	margin-left: -36px;
	background: url(../images/open_you.png) center no-repeat;
	-webkit-animation: heartBeatOpen2 1.2s ease-in-out infinite;
	animation: heartBeatOpen2 1.2s ease-in-out infinite;
	text-align: center;
	font-size: 16px;
	color: #ea4141;
	z-index: 3;

}

.pane-step {
	position: relative;
	width: 100%;
}

.pane-step1 {
	position: absolute;
}

.pane-step2 {
	position: absolute;
	top: 142px;
	left: 31px;
}

.pane-step3 {
	position: absolute;
	top: 142px;
	left: 375px;
}

.pane-step-cont {
	position: relative;
	width: 280px;
	height: 116px;
	line-height: 26px;
	padding-top: 12px;
	background: url(../images/bg1.png);
	text-align: center;
	font-size: 14px;
	color: #875c20;
}

.envelop-select {
	position: absolute;
	top: 82px;
	right: 5px;
	width: 288px;
}

.envelop-select-box {
	width: 100%;
	height: 182px;
}

.envelop-select-tool {
	margin-bottom: 7px;
}

.open-tips {
	margin-top: 50px;
	font-size: 16px;
	color: #333;
}

.sendinput {
	padding-top: 10px;
}

.envelop_status {
	position: absolute;
	left: 228px;
	bottom: 0;
	display: none;
	width: 168px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 0;
}

.envelop_status span {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
}

.envelope-operation {
	position: absolute;
	top: 188px;
	left: 0;
	width: 100%;
	height: 108px;
}

.sendid {
	width: 184px;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	margin-left: 5px;
	background-color: #fffdf2;
	border: 1px solid #e1c784;
	box-shadow: 0 1px 0px #b68b21;
	border-radius: 4px;
	font-size: 16px;
	color: #000;
	outline: none;
	-moz-appearance: textfield;
}

.sendid::-webkit-outer-spin-button,
.sendid::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.send-name {
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 14px;
	color: #680b0d;
	overflow: hidden;
}

.send-name span {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
	line-height: 20px;
	font-size: 14px;
}

.btn-send {
	width: 231px;
	height: 44px;
	line-height: 42px;
	margin: 10px auto 0;
	background: url(../images/btn_send.png) center no-repeat;
	font-size: 18px;
	color: #ba3d1b;
}

.pane-step-cont p {
	font-size: 12px;
}

.icon3,
.icon2 {
	position: absolute;
	display: block;
	bottom: 2px;
	left: 2px;
	width: 56px;
	height: 23px;
}

.icon2 {
	background-image: url(../images/step2.png);
}

.icon3 {
	background-image: url(../images/step3.png);
}

.btn-step1 {
	position: absolute;
	top: 25px;
	left: 34px;
	width: 273px;
	height: 83px;
	background-image: url(../images/btn_e1.png);
}

.btn-step1.disable {
	background-image: url(../images/btn_e1_no.png);
	cursor: not-allowed;
}

.btn-step1.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

.btn-step2,
.btn-step3 {
	position: relative;
	width: 168px;
	height: 47px;
	line-height: 46px;
	margin: 12px auto 0;
	background-image: url(../images/btn_e_bg.png);
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #961818;
	z-index: 3;
}

.pane-step3-tips {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 1;
}

.btn-close-mask {
	display: block;
	width: 334px;
	height: 49px;
	margin: 30px auto 0;
	background-image: url(../images/open.png);
	-webkit-animation: heartBeatOpen 1.5s ease-in-out infinite;
	animation: heartBeatOpen 1.5s ease-in-out infinite;
}

@-webkit-keyframes heartBeatOpen2 {
	50% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

@keyframes heartBeatOpen2 {
	50% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

@-webkit-keyframes heartBeatOpen {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

@keyframes heartBeatOpen {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

.envelop-right {
	position: absolute;
	top: -30px;
	right: -30px;
	width: 371px;
	height: 447px;
	/* padding-top: 270px; */
	background: url(../images/envelop_right.png) no-repeat;
}

.envelop-right_title,
.envelop-left_title1,
.envelop-left_title2 {
	position: absolute;
	height: 24px;
	line-height: 24px;
	font-weight: normal;
	font-size: 16px;
	color: #f5dfa6;
}

.envelop-left_title1 {
	top: 5px;
	left: 38px;
}

.envelop-left_title2 {
	top: 5px;
	right: 86px;
}

.envelop-right_title {
	top: 31px;
	left: 46px;
}

.envelop3-desc {
	padding-top: 330px;
	line-height: 22px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

/* .envelop3-desc em {
	color: #fff;
} */

.envelop3-tips {
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

/* ------------------------------------------ 红包-END ---------------------------------- */

/* ------------------------------------------ 至尊VIP年卡买一送三-start ---------------------------------- */
.section3 {
	margin-top: 75px;
	margin-bottom: 50px;
}

.content3 {
	width: 1200px;
	height: 308px;
	margin: 0 auto;
	background: url(../images/bg_p3.png) center no-repeat;
}

.vipinfo {
	float: left;
	width: 250px;
}

.vip2 {
	position: relative;
	width: 145px;
	height: 136px;
	padding-top: 72px;
	margin-left: 56px;
}

.vip2 em {
	display: block;
	height: 26px;
	line-height: 26px;
	margin-top: 20px;
	text-align: center;
	font-size: 18px;
	color: #680b0d;
}

.equip {
	float: left;
	width: 500px;
	padding-top: 68px;
	padding: 50px 7px 0;
	margin-left: 1px;
}

.equip-item {
	position: relative;
	float: left;
	width: 163px;
	height: 227px;
	margin-right: 2px;
	background: url(../images/item_equip.png) center no-repeat;
	transition: all .3s ease-in-out;
	cursor: pointer;
}

.equip-item.on {
	background-image: url(../images/item_equip_on.png);
}

.equip-item_title {
	display: block;
	height: 22px;
	line-height: 22px;
	margin-bottom: 6px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.equip-item_name {
	display: block;
	height: 24px;
	line-height: 24px;
	margin-top: 26px;
	margin-bottom: 6px;
	text-align: center;
	font-weight: normal;
	font-size: 18px;
	color: #680b0d;
}

.equip-item img {
	width: 135px;
}

.equip-item i {
	display: none;
	position: absolute;
	top: -3px;
	right: -3px;
	width: 53px;
	height: 50px;
	background-image: url(../images/ico_check_small.png);
}

.equip-item.on i {
	/* display: block; */
}

.equip-item del {
	display: block;
	height: 30px;
	line-height: 30px;
	transition: all .3s ease-in-out;
	text-align: center;
	font-size: 15px;
	color: #9c9c9c;
}

.tagchecked {
	position: absolute;
	top: 81px;
	left: 68px;
	display: none;
	width: 80px;
	height: 24px;
	line-height: 24px;
	background: #fff url("../images/icon_checkbox.png") 5px center no-repeat;
	text-indent: 26px;
	font-style: normal;
	font-size: 12px;
	color: #ff621d;
	z-index: 3;
}

.equip-item.on .tagchecked {
	display: block;
}

.deslist {
	position: relative;
	margin-top: 2px;
	width: 212px;
	height: 134px;
	margin-left: 23px;
	text-align: center;
	font-size: 0;
}

.deslist dd {
	width: 106px;
	height: 24px;
	line-height: 24px;
	margin: 0 0 3px;
	text-align: center;
	font-size: 14px;
	color: #f6dda5;
}

.deslist dd.last {
	width: 100%;
	margin-top: 8px;
}

.deslist dd.last a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: underline;
	color: #ba3d1b;
}

.bestow {
	position: relative;
	float: left;
	width: 207px;
	padding-top: 66px;
}

.bestow_li {
	position: relative;
	width: 145px;
	height: 89px;
	margin-left: 10px;
}

.bestow_li2 {
	position: absolute;
	top: 121px;
	left: 40px
}

.bestow_price {
	position: absolute;
	top: 230px;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

.bestow-img {
	display: block;
	width: 145px;
	height: 84px;
	overflow: hidden;
}

.bestow-img img {
	width: 100%;
}

.bestow del {
	position: absolute;
	top: 26px;
	right: 0;
	display: none;
	width: 96px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	font-size: 16px;
	color: #ffd181;
}

.vipfoot {
	float: right;
	width: 228px;
	height: 190px;
	padding-top: 108px;
}

.pricevip {
	position: relative;
	width: 100%;
	height: 70px;
	padding: 5px 0;
	text-align: center;
}

.pricevip del {
	display: block;
	line-height: 20px;
	margin-top: 36px;
	margin-left: 28px;
	text-align: left;
	font-size: 15px;
	color: #680b0d;
}

.pricevip em {
	display: none;
	line-height: 36px;
	font-weight: bold;
	font-size: 26px;
	color: #fef0d3;
}

.pricevip b {
	position: absolute;
	top: 11px;
	left: 10px;
	display: block;
	width: 124px;
	height: 24px;
	line-height: 24px;
	margin: 0 auto;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
}

.btn-buy-selected,
.btn-buy-vip {
	display: block;
	width: 210px;
	height: 69px;
	line-height: 86px;
	margin: 0 auto;
	margin-top: 2px;
	background: url(../images/btn_buy.png) no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	color: #fff;
}

.btn-rank {
	display: block;
	width: 298px;
	height: 61px;
	line-height: 61px;
	margin: 40px auto 0;
	background: url(../images/btn_rank.png) no-repeat;
	text-align: center;
	font-weight: normal;
	font-size: 22px;
	color: #680b0d;
}

/* ------------------------------------------ 至尊VIP年卡买一送三-end ---------------------------------- */
/* ------------------------- 道具赠送区-start ----------------------- */
.content2 {
	width: 1200px;
	height: 310px;
	margin-top: 10px;
}

.freeweek {
	float: left;
	width: 250px;
	height: 268px;
	padding-top: 42px;
	background: url("../images/free_13.png") center no-repeat;
	z-index: 8;
}

.freeweek dt {
	position: relative;
	text-align: center;
	font-size: 15px;
	color: #65501f;
}

.freeweek dd {
	position: relative;
}

.freeweek dt em {
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	color: #680b0d;
}

.freeTips {
	display: block;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 15px;
	color: #65501f;
	z-index: 3;
}

.btn-get-week {
	display: block;
	width: 188px;
	height: 47px;
	line-height: 47px;
	margin: 0 auto;
	background: url(../images/btn_free.png) center no-repeat;
	transition: all .3s ease;
	text-align: center;
	font-size: 22px;
	color: #ba3d1b;
}

.tagdate {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 6px;
	background-color: #a6141c;
	background-image: linear-gradient(#840c14, #d20d1e);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	color: #fff;
	z-index: 3;
}

.btn-apply-union {
	display: block;
	width: 247px;
	height: 66px;
	line-height: 102px;
	margin: 0 auto;
	background: url(../images/btn_horse.png) center no-repeat;
	transition: all .3s ease;
	text-align: center;
	font-size: 12px;
	color: #800000;
}

.weektips {
	display: block;
	height: 34px;
	line-height: 34px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 14px;
	color: #65501f;
}

.freename {
	height: 32px;
	line-height: 32px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 18px;
	color: #ba3d1b;
}

.roll-line {
	position: absolute;
	top: 153px;
	left: 12px;
	width: 917px;
	height: 2px;
	background-color: #efc44c;
	z-index: 3;
}

.rollbox {
	position: relative;
	float: right;
	width: 940px;
	height: 288px;
	padding-top: 20px;
	background: url(../images/roll_bg.png) center top no-repeat;
}

.rollboxtips {
	position: absolute;
	top: -34px;
	left: 0;
	width: 100%;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

#slide1 {
	position: relative;
	width: 900px;
	height: 358px;
	margin-left: 20px;
	overflow: hidden;
}

.roll-list {
	position: relative;
	width: 5220px;
	height: 100%;
}

.roll-item {
	position: relative;
	float: left;
	width: 155px;
	height: 100%;
	margin: 0 2px;
}

.rolltwo,
.rolltop {
	position: relative;
	width: 155px;
	height: 121px;
	padding-top: 7px;
	margin-bottom: 14px;
	background-color: #f0f;
	background: #fcedb7 linear-gradient(to bottom, #ffd88d, #fcedb7);
	border-radius: 8px;
}

.rolltwo::after,
.rolltop::after {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	display: block;
	width: 100%;
	height: 92px;
	background: url("../images/roll_item.png");
	z-index: 0;
}

.roll-item img {
	position: relative;
	display: block;
	width: 145px;
	height: 84px;
	margin: 0 auto;
	z-index: 2;
}

.rname {
	display: none;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
	color: #ffdaa0;
}

.btn-roll {
	position: relative;
	display: block;
	width: 145px;
	height: 30px;
	line-height: 30px;
	margin: 3px auto 0;
	background-color: #ebaf36;
	text-align: center;
	font-size: 16px;
	color: #ba3d1b;
	z-index: 3;
}

.hongbao {
	width: 1174px;
	height: 618px;
	margin: 0 auto;
	background: url("../images/bg_hongbao.png");
}

.danmu-list {
	position: relative;
}

.danmu-item {
	position: absolute;
	left: 900px;
	width: 265px;
	height: 64px;
	background: url("../images/danmu.png") 44px 23px no-repeat;
}

.danmu-item em {
	position: absolute;
	top: 23px;
	left: 80px;
	width: 220px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
}

.ico_horse {
	position: absolute;
	top: 0;
	left: 0;
	width: 84px;
	height: 64px;
	background: url("../images/icon_horse.png") no-repeat;
}

.ico_horse2 {
	background-position: 0 -64px;
}

.ico_horse3 {
	background-position: 0 -128px;
}

.ico_horse4 {
	background-position: 0 -192px;
}

@keyframes danmuMove {
	100% {
		transform: translate(-900px, 0);
	}
}

.danmu-item {
	animation: danmuMove 3s linear infinite;
}

.danmu2 {
	top: 80px;
	animation-delay: .2s;
}

.danmu3 {
	top: 150px;
	animation-delay: .5s;
}

.danmu4 {
	top: 270px;
	animation-delay: 1s;
}

.danmu5 {
	top: 200px;
	animation-delay: .8s;
}

.danmu6 {
	top: 250px;
	animation-delay: 1.2s;
}

.danmu7 {
	top: 310px;
	animation-delay: .5s;
}

.danmu8 {
	top: 350px;
	animation-delay: .6s;
}

/* ------------------------------------------ 道具赠送区-end --------------------------------------------- */

/* ------------------------------------------ 春节顶级非卖折后满减-START ---------------------------------- */
.section4 {
	margin-bottom: 48px;
}

.selected-header {
	position: relative;
	width: 1341px;
	height: 193px;
	margin-bottom: 22px;
	background-image: url(../images/bg_coupon.png);
	z-index: 3;
}

.selected-title {
	position: absolute;
	left: 29px;
	bottom: 16px;
	width: 236px;
	height: 24px;
	line-height: 24px;
	background-color: #e50000;
	border-radius: 4px;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	color: #ffdaab;
	z-index: 3;
}

.discount-txt {
	position: absolute;
	left: 0;
	bottom: 94px;
	width: 1050px;
	height: 32px;
	line-height: 32px;
	transition: all .5s linear;
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	color: #999;
	z-index: 3;
}

.discount-txt.hastool {
	left: 538px;
	bottom: 14px;
	width: 420px;
	height: 26px;
	line-height: 26px;
	font-size: 18px;
	text-indent: 0;
	color: #ddb64c;
}

.btn-buy-discount {
	position: absolute;
	top: 6px;
	left: 15px;
	display: block;
	width: 19px;
	height: 28px;
	line-height: 14px;
	padding-top: 2px;
	text-align: center;
	font-size: 14px;
	color: #ffda29;
}

.select-list {
	position: relative;
	width: 1300px;
	margin: 0 auto;
}

.package-list {
	position: relative;
	width: 991px;
	height: 1216px;
	padding: 38px 17px 0;
	background-image: url(../images/lottery_bg.png);
	z-index: 3;
}

.package-item {
	position: relative;
	float: left;
	width: 155px;
	height: 126px;
	margin: 0 5px 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	border-radius: 4px;
	overflow: hidden;
}

.tagcheck {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: url(../images/checked.png) top center no-repeat;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	text-align: center;
	font-size: 0;
	color: #fff;
	z-index: 4;
}

.timg.active .tagcheck,
.package-list li label.on .tagcheck {
	display: block
}

.package-list li label {
	display: block;
	width: 144px;
	height: 115px;
	padding: 11px 7px 0;
	background: #ffd177 linear-gradient(to bottom, #ffd177, #fff7db);
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	cursor: pointer;
	z-index: 3;
}

.package-list li label.on {
	background: #ee4f3b linear-gradient(to bottom, #ee4f3b, #feb952);
}

.package-list li .img {
	position: relative;
	width: 145px;
	height: 84px;
	overflow: hidden;
	z-index: 3;
}

.package-list li .img img {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}

@-webkit-keyframes bounceDown {
	25% {
		transform: translateY(-5px);
	}

	50%,
	100% {
		transform: translateY(0px);
	}

	75% {
		transform: translateY(5px);
	}
}

@keyframes bounceDown {
	25% {
		transform: translateY(-5px);
	}

	50%,
	100% {
		transform: translateY(0px);
	}

	75% {
		transform: translateY(5px);
	}
}

.gift-content-front:hover .gift-front-bag {
	animation: bounceDown 1s ease-in infinite;
}

/* .package-list li label.on img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
} */

.toolname {
	height: 34px;
	line-height: 34px;
	margin-bottom: 12px;
	text-shadow: 1px 1px 0px #fff;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #884a13;
}

.tool-price {
	position: relative;
	width: 100%;
	text-align: center;
}

.tool-price em {
	display: block;
	height: 20px;
	line-height: 20px;
	font-weight: normal;
	font-size: 18px;
	color: #884a13;
}

.tool-price del {
	display: none;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #884a13;
}

.on .price-now {
	color: #f00;
}

.discount {
	position: absolute;
	top: 2px;
	right: 45px;
	display: none;
	width: 60px;
	height: 16px;
	line-height: 16px;
	background-color: #ffd597;
	border: 1px solid #f6872d;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: #f00;
}

.tool-check {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 31px;
	line-height: 32px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	text-align: center;
	font-size: 0;
	z-index: 3;
}

.tool-check span {
	display: block;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	font-size: 16px;
	color: #72241a;
}

.on .tool-check span {
	color: #ffdaa0;
}

.tool-check input {
	display: none;
	font-size: 12px;
	color: #fff;
	border-color: #ffdaa0;
}

.selected-pane {
	margin-top: 10px;
	text-align: center;
	font-size: 0;
}

.chose-tool-box {
	position: relative;
	width: 962px;
	padding-top: 7px;
	padding-left: 20px;
}

.chose-prev,
.chose-next {
	position: absolute;
	top: 48px;
	width: 34px;
	height: 72px;
	background: no-repeat;
	cursor: pointer;
	z-index: 3;
}

.chose-prev {
	left: 14px;
	background-image: url(../images/btn_prev.png);
}

.chose-next {
	right: -44px;
	background-image: url(../images/btn_next.png);
}

.chose-tool-list {
	position: relative;
	width: 920px;
	height: 160px;
	padding: 20px 5px 0;
	margin-left: 25px;
	text-align: center;
	font-size: 0;
	overflow: hidden;
}

.chose-tool {
	position: relative;
	float: left;
	width: 145px;
	height: 115px;
	margin-right: 6px;
}

.chose-tool em {
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	color: #ba3d1b;
}

.chose-clac {
	position: absolute;
	top: 18px;
	right: 12px;
	width: 258px;
	/* height: 102px; */
	transition: all .5s linear;
	text-align: center;
}

.chose-origin {
	line-height: 20px;
	font-size: 18px;
	color: #680b0d;
}

.settlement-price {
	display: block;
	line-height: 42px;
	font-size: 0;
}

.kbcount,
.kbtxt {
	display: inline-block;
	vertical-align: bottom;
	*display: inline;
	zoom: 1;
}

.kbcount {
	height: 64px;
	line-height: 64px;
	font-weight: bold;
	font-size: 66px;
	color: #ba3d1b;
}

.kbtxt {
	font-weight: bold;
	font-size: 21px;
	color: #ba3d1b;
}

.kbtxt2 {
	position: absolute;
	top: -17px;
	right: 24px;
	font-weight: bold;
	font-size: 21px;
	color: #ba3d1b;
}

.settlement-tag {
	margin-bottom: 3px;
	text-align: left;
	font-size: 0;
}

.discount1,
.discount2 {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	zoom: 1;
	height: 22px;
	line-height: 22px;
	border-radius: 2px;
	font-weight: normal;
}

.discount1 {
	width: 102px;
	margin-left: 8px;
	margin-right: 5px;
	text-align: center;
	font-size: 12px;
	color: #fff;
}


.discount2 {
	font-size: 15px;
	color: #680b0d;
}

.aside-xz {
	position: absolute;
	top: 555px;
	right: -41px;
	width: 321px;
	height: 856px;
	padding-top: 190px;
	background: url(../images/xz_aside.png) no-repeat;
}

.aside-xz-tips {
	line-height: 22px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	color: #764320;
}

.aside-xz-item {
	position: relative;
	display: none;
	width: 145px;
	height: 84px;
	margin: 0 auto 6px;
}

.title4 {
	width: 100%;
	height: 99px;
	background: url(../images/title4.png) no-repeat;
}


.dialog-html {
	display: none;
}

.dialog-list {
	max-width: 625px;
	padding: 20px 20px 10px;
	background: #b81a23;
	-webkit-box-shadow: 0 0 15px #000000;
	-moz-box-shadow: 0 0 15px #000000;
	box-shadow: 0 0 15px #000000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	z-index: 10;
	overflow: hidden;
}

.dialog-item {
	float: left;
	width: 145px;
	margin: 0 4px 2px;
}

.dialog-item .img {
	display: block;
	max-width: 145px;
	height: 84px;
	margin: 0 auto;
	overflow: hidden;
}

.dialog-item img {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
	max-width: 145px;
	max-height: 84px;
	margin: 0 auto;
}

.dialog-item-team {
	width: 810px;
	height: 380px;
}

.dialog-item .name {
	display: block;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}

.btn-package {
	position: absolute;
	bottom: 32px;
	right: 37px;
	width: 180px;
	height: 50px;
	line-height: 50px;
	background-color: #cd2e35;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	transition: all .3s linear;
}



/* ------------------------------------------ 春节顶级非卖折后满减-END   ---------------------------------- */


/* ------------------------------------------ 玉兔迎春驱年兽-start   ---------------------------------- */
/* .section5 {
	margin-bottom: 0;
} */
.title_t5 {
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 24px;
	color: #fb4315;
}

.desc5 {
	line-height: 24px;
	margin-top: 3px;
	text-align: center;
	font-size: 16px;
	color: #ba3d1b;
}

.giftbag-select {
	width: 1200px;
	height: 470px;
	padding-top: 20px;
	margin: 0 auto;
	/* background: url(../images/bg_team_main.png) no-repeat; */
}

.giftbag-select.giftbag-selected {
	/* background-image: url(../images/bg_team_main2.png); */
}

.task-left-title {
	height: 42px;
	line-height: 42px;
	margin: 0 auto;
	background: url("../images/btn_horse_open.png") center no-repeat;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.task {
	width: 1200px;
	height: 673px;
	margin: 0 auto 32px;
}

.task .left {
	float: left;
	position: relative;
	width: 528px;
	height: 673px;
	background: url(../images/task_left.png) no-repeat;
}

.btn-screen-baozhu {
	position: absolute;
	top: 48px;
	left: 15px;
	width: 230px;
	height: 48px;
	text-align: center;
	color: #fff;
}

.btn-screen-baozhu span {
	display: block;
	height: 26px;
	line-height: 26px;
	padding-top: 3px;
	font-size: 20px;
}

.btn-screen-baozhu em {
	display: block;
	font-size: 14px;
}

.task-info .row {
	width: 400px;
	margin: 30px auto 0;
}

.task-info .row .l {
	float: left;
	width: 108px;
	height: 24px;
	padding-top: 4px;
}

.task-info .row .r {
	float: right;
	width: 238px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.task-info-tips {
	width: 448px;
	height: 38px;
	line-height: 38px;
	margin: 20px auto;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.btn-apply-union {
	position: absolute;
	top: 210px;
	left: 50%;
	margin-left: -123px;
	z-index: 4;
}

.gift-list {
	width: 1221px;
	padding-top: 56px;
}

.gift-tit {
	float: left;
	width: 100%;
	height: 36px;
	line-height: 36px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.giftbag {
	float: left;
	position: relative;
	width: 357px;
	height: 330px;
	margin: 0 25px;
	/* background: url(../images/item_gift.png) no-repeat; */
	cursor: pointer;
}

.horse_bg {
	position: absolute;
	top: 60px;
	left: 36px;
	width: 277px;
	height: 224px;
	background: url("../images/horse_bg.png") no-repeat;
	z-index: 1;
}

.horse_zl {
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 357px;
	height: 296px;
	background: url("../images/horse_zl.png") no-repeat;
	z-index: 3;
}

.horse_ty {
	position: absolute;
	top: -20px;
	left: 30px;
	width: 321px;
	height: 310px;
	background: no-repeat;
	z-index: 2;
}

.horse_ty1 {
	background-image: url("../images/horse1.png");
}

.horse_ty2 {
	background-image: url("../images/horse2.png");
}

.horse_ty3 {
	background-image: url("../images/horse3.png");
}

.giftbag-desc {
	position: relative;
	display: none;
	width: 236px;
	height: 48px;
	line-height: 48px;
	padding-top: 110px;
	margin: 8px auto 12px;
	background: center 13px no-repeat;
	text-align: center;
	font-size: 14px;
	color: #680b0d;
	z-index: 4;
}

.giftbag-desc1 {
	background-image: url(../images/gift_bag_1.png);
}

.giftbag-desc2 {
	background-image: url(../images/gift_bag_2.png);
}

.giftbag-desc3 {
	background-image: url(../images/gift_bag_3.png);
}

.giftbag_name {
	position: absolute;
	right: 42px;
	width: 126px;
	height: 34px;
	line-height: 34px;
	background: url("../images/horse_name.png") center no-repeat;
	text-align: center;
	font-weight: normal;
	font-size: 22px;
	color: #f5dfa6;
	z-index: 3;
}

.giftbag b {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	line-height: 24px;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	z-index: 3;
}

.maskbag {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 133px;
	background-color: rgba(0, 0, 0, .3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	z-index: 1;
}

.gift-list_check {
	position: absolute;
	top: 366px;
	left: 50%;
	display: none;
	width: 1200px;
	height: 470px;
	padding-top: 0;
	margin-left: -600px;
	/* overflow: hidden; */
}

.horse_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 1200px;
	height: 470px;
	background: url("../images/horse_checked.png") no-repeat;
	z-index: 2;
}

.horse-selected {
	position: absolute;
	top: -10px;
	left: 430px;
	width: 483px;
	height: 424px;
	background: center no-repeat;
	text-align: center;
	font-size: 0;
	color: #fff;
	transform-origin: 50% 300px;
	transition: all 0.3s ease-in;
	cursor: pointer;
	z-index: 3;
}

.horse-selected1 {
	background-image: url("../images/horse_l1.png");
}

.horse-selected2 {
	background-image: url("../images/horse_l2.png");
}

.horse-selected3 {
	background-image: url("../images/horse_l3.png");
}

.horse-godzl {
	position: absolute;
	top: 173px;
	left: 50%;
	width: 693px;
	height: 259px;
	margin-left: -346px;
	background: url(../images/horse_god.png) center no-repeat;
	text-align: center;
	font-size: 0;
	color: #fff;
	transform-origin: 50% 300px;
	transition: all 0.3s ease-in;
	cursor: pointer;
	z-index: 5;
}

.horse-selected.touch {
	animation: snackInit 1s ease-in-out infinite;
}

.horse-selected {
	transform: scale(0.7);
	animation: moveHorse0 5s ease-in-out infinite;
}

.horse-selected.scale1 {
	transform: scale(0.75);
	animation: moveHorse1 5s ease-in-out infinite;
}

.horse-selected.scale2 {
	transform: scale(0.8);
	animation: moveHorse2 5s ease-in-out infinite;
}

.horse-selected.scale3 {
	transform: scale(0.85);
	animation: moveHorse3 5s ease-in-out infinite;
}

.horse-selected.scale4 {
	transform: scale(0.9);
	animation: moveHorse4 5s ease-in-out infinite;
}

.horse-selected.scale5 {
	transform: scale(1);
	animation: moveHorse5 5s ease-in-out infinite;
}

@keyframes moveHorse0 {

	0% {
		left: 430px;
	}

	49% {
		transform: rotateY(0deg) scale(0.70);
	}

	50% {
		left: 300px;
		transform: rotateY(180deg) scale(0.70);
	}

	99% {
		transform: rotateY(180deg) scale(0.70);
	}

	100% {
		left: 430px;
		transform: rotateY(0deg) scale(0.70);
	}

}

@keyframes moveHorse1 {

	0% {
		left: 430px;
	}

	49% {
		transform: rotateY(0deg) scale(0.75);
	}

	50% {
		left: 300px;
		transform: rotateY(180deg) scale(0.75);
	}

	99% {
		transform: rotateY(180deg) scale(0.75);
	}

	100% {
		left: 430px;
		transform: rotateY(0deg) scale(0.75);
	}

}

@keyframes moveHorse2 {

	0% {
		left: 430px;
	}

	49% {
		transform: rotateY(0deg) scale(0.80);
	}

	50% {
		left: 300px;
		transform: rotateY(180deg) scale(0.80);
	}

	99% {
		transform: rotateY(180deg) scale(0.80);
	}

	100% {
		left: 430px;
		transform: rotateY(0deg) scale(0.80);
	}

}

@keyframes moveHorse3 {

	0% {
		left: 430px;
	}

	49% {
		transform: rotateY(0deg) scale(0.850);
	}

	50% {
		left: 300px;
		transform: rotateY(180deg) scale(0.85);
	}

	99% {
		transform: rotateY(180deg) scale(0.85);
	}

	100% {
		left: 430px;
		transform: rotateY(0deg) scale(0.85);
	}

}

@keyframes moveHorse4 {

	0% {
		left: 430px;
	}

	49% {
		transform: rotateY(0deg) scale(0.95);
	}

	50% {
		left: 300px;
		transform: rotateY(180deg) scale(0.95);
	}

	99% {
		transform: rotateY(180deg) scale(0.95);
	}

	100% {
		left: 430px;
		transform: rotateY(0deg) scale(0.95);
	}

}

@keyframes moveHorse5 {

	0% {
		left: 430px;
	}

	49% {
		transform: rotateY(0deg) scale(1);
	}

	50% {
		left: 300px;
		transform: rotateY(180deg) scale(1);
	}

	99% {
		transform: rotateY(180deg) scale(1);
	}

	100% {
		left: 430px;
		transform: rotateY(0deg) scale(1);
	}

}

@keyframes snackInit {

	0%,
	100% {
		transform: scale(1.01);
	}

	25%,
	75% {
		transform: scale(1.05);
	}

	50% {
		transform: scale(1.03);
	}
}

@keyframes snackInitLight {

	0%,
	100% {
		transform: rotate(0deg);
	}

	25%,
	75% {
		transform: rotate(-5deg);
	}

	50% {
		transform: rotate(5deg);
	}
}

@keyframes snackInitLight2 {

	0%,
	100% {
		opacity: 1;
		transform: rotate(0deg);
	}

	25%,
	75% {
		opacity: .6;
		transform: rotate(-5deg);
	}

	50% {
		opacity: .8;
		transform: rotate(5deg);
	}
}

@keyframes snackInit2 {

	0%,
	100% {
		transform: rotate(0deg);
	}

	25%,
	75% {
		transform: rotate(-15deg);
	}

	50% {
		transform: rotate(15deg);
	}
}

.snack-birth {
	position: absolute;
	top: 252px;
	left: 50%;
	display: none;
	overflow: hidden;

}

#birth {
	position: absolute;
	top: 24px;
	left: 19px;
	width: 1160px;
	height: 364px;
}

.baozhu-info {
	position: absolute;
	top: 540px;
	left: 10px;
}

.reiki {
	position: absolute;
	top: 60px;
	left: 142px;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	color: #fff;
}

.reiki-tips {
	position: absolute;
	top: 55px;
	left: 308px;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	color: #fff;
}

.reiki-tips2 {
	position: absolute;
	top: 58px;
	left: 433px;
	width: 19px;
	height: 32px;
	line-height: 18px;
	background: url(../images/icon_reiki.png) no-repeat;
	font-size: 14px;
	color: #fff;
	animation: heartBeat2 1s ease-in-out infinite;
}

@-webkit-keyframes heartBeat2 {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

@keyframes heartBeat2 {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

.btn-baozhu {
	position: absolute;
	top: 250px;
	left: 50%;
	display: none;
	width: 482px;
	height: 145px;
	margin-left: -251px;
	background: url(../images/use_snack.png) center no-repeat;
	text-align: center;
	font-size: 0;
	color: #fff;
	transition: all 0.3s ease-in;
	cursor: pointer;
	z-index: 11;
}

.btn-baozhu:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-baozhu span {
	display: block;
	padding-top: 2px;
	font-size: 16px;
}

.btn-baozhu em {
	display: block;
	font-size: 12px;
}

.giftbag.active .maskbag {
	display: none;
}

.task .right {
	float: right;
	position: relative;
	width: 630px;
	height: 661px;
	background-color: #ffc36b;
	border: 6px solid #ffe394;
	overflow: hidden;
}

.task .right .desc {
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	padding: 5px 0 5px 30px;
	background-color: #bd4434;
	border: 1px solid #ffd96e;
}

.task .right .desc p {
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
}

.couplet_l {
	position: absolute;
	top: 140px;
	left: 0;
	z-index: 2;
}

.couplet_c {
	position: absolute;
	top: 95px;
	left: 178px;
	z-index: 5;
}

.couplet_r {
	position: absolute;
	top: 140px;
	right: 0;
	z-index: 2;
}

.union-name {
	position: absolute;
	top: 200px;
	left: 134px;
	width: 382px;
	height: 44px;
	line-height: 44px;
	background-color: #bd4434;
	border: 1px solid #ffc775;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	color: #fff;
	z-index: 9;
}

.union-name i {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 382px;
	height: 76px;
	background: url(../images/union_name.png) center no-repeat;
}

.loong2,
.loong {
	position: absolute;
	bottom: -14px;
	right: 82px;
	width: 417px;
	height: 507px;
	background-repeat: no-repeat;
}

.loong {
	background-image: url(../images/loong.png);
	z-index: 1;
}

.loong2 {
	display: none;
	background-image: url(../images/loong_on.png);
	opacity: 0;
	z-index: 2;
}

.loong2.active {
	display: block;
	animation: showLoong 3s ease-in both;
}

@-webkit-keyframes showLoong {
	0% {
		right: -126px;
	}
}

@keyframes showLoong {
	0% {
		opacity: 0;
	}

	10% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.loglist {
	position: absolute;
	top: -30px;
	right: -52px;
	width: 302px;
	height: 180px;
	padding: 66px 5px 5px;
	background: url("../images/log.png") center top no-repeat;
	font-size: 14px;
	color: #fff;
	z-index: 9;
}

.loglist4 {
	top: 346px;
	right: -42px;
}

.logCont {
	width: 280px;
	height: 130px;
	margin: 0 auto;
	overflow: hidden;
}

.logCont ul {
	width: 100%;
	overflow: hidden;
}

.logCont li {
	width: 100%;
	height: 24px;
	line-height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.player_name {
	display: inline-block;
	vertical-align: top;
	max-width: 140px;
	height: 24px;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.nianshou-txt {
	position: absolute;
	bottom: 0;
	right: 20px;
	width: 430px;
	line-height: 40px;
	padding: 20px 0;
	background-color: #f4d38c;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #944626;
	opacity: 0;
	overflow: hidden;
	z-index: 5;
}

.nianshou-txt.active {
	-webkit-animation: nianshouTxt 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: nianshouTxt 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes nianshouTxt {
	66% {
		opacity: 0;
		/* 加上文字间距 */
		/* letter-spacing: 6px; */
		/* Z轴变换 */
		transform: translateZ(416px);
		/* filter: blur(); 像素模糊效果 */
		filter: blur(12px);
		/* 透明度也要改变 */
		opacity: 0;
	}

	100% {
		transform: translateZ(12px);
		filter: blur(0);
		opacity: 1;
	}
}

@keyframes nianshouTxt {
	66% {
		opacity: 0;
		/* Z轴变换 */
		transform: translateZ(416px);
		/* filter: blur(); 像素模糊效果 */
		filter: blur(12px);
		/* 透明度也要改变 */
		opacity: 0;
	}

	100% {
		transform: translateZ(12px);
		filter: blur(0);
		opacity: 1;
	}
}

/* -----------年兽------------ */
/* 奖励 */
.award {
	width: 1200px;
	margin: 0 auto;
}

.award-pane {
	position: relative;
	width: 1200px;
	margin-bottom: 25px;
}

.award-pane-last {
	position: relative;
	width: 1200px;
	margin-top: 30px;
}

.arrow-award-last {
	position: absolute;
	top: -50px;
	right: 100px;
	display: block;
	width: 75px;
	height: 114px;
	background: url(../images/arrow_last.png) center no-repeat;
	pointer-events: none;
}

.award-pane-title {
	position: relative;
	width: 100%;
	margin-bottom: 4px;
	background: url(../images/award_title.png) center center no-repeat;
	text-align: center;
	color: #ba3d1b;
}

.award-pane-title-team {
	/* position: absolute;
	top: 0;
	left: 460px; */
	width: 400px;
	height: 42px;
	line-height: 18px;
	padding-top: 6px;
	background-color: #c12c2c;
	background-image: linear-gradient(#9a2f29, #c44937);
	border: 2px solid #ffe394;
	text-align: center;
	font-size: 14px;
	color: #fbed66;
}

.award-pane-title span {
	display: block;
	height: 40px;
	line-height: 40px;
	padding-top: 40px;
	font-weight: bold;
	font-size: 28px;
	color: #fbed66;
}

.award-pane-title b {
	display: block;
	height: 40px;
	line-height: 40px;
	padding-bottom: 6px;
	font-weight: normal;
	font-size: 16px;
	color: #fdf1c9;
}

.award-list {
	width: 1320px;
	margin-left: -60px;
}

.award-list2 {
	display: none;
	width: 1332px;
	margin-left: -66px;
}

.award_no_join {
	width: 100%;
	height: 241px;
	line-height: 241px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
}

.norank {
	width: 260px;
	height: 30px;
	line-height: 30px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

.award-item {
	float: left;
	position: relative;
	width: 232px;
	margin: 0 16px;
}

.award-list2 .award-item {
	width: 412px;
}

.award-item h6 {
	position: relative;
	width: 209px;
	height: 39px;
	line-height: 39px;
	margin: 0 auto 10px;
	background: url(../images/award_item_title.png) center no-repeat;
	font-weight: normal;
	text-align: center;
	font-size: 18px;
	color: #ede4c9;
}

.award-tool {
	position: relative;
	width: 212px;
	height: 212px;
	background-image: url(../images/award_item.png);
}

.award-list2 .award-tool {
	width: 372px;
	height: 192px;
	background-image: url(../images/fudai2.png);
}

.txt-zhongji {
	position: absolute;
	top: 15px;
	right: 16px;
	width: 24px;
	height: 86px;
	background: url(../images/txt_zhongji.png) center top no-repeat;
}

.award-tool .img {
	width: 232px;
	height: 192px;
	margin-bottom: 4px;
	background: center 10px no-repeat;
}

.award-tool .imgf1 {
	background-image: url(../images/hongbao1.png);
}

.award-tool .imgf2 {
	background-image: url(../images/hongbao2.png);
}

.award-tool .imgf3 {
	background-image: url(../images/hongbao3.png);
}

.award-tool .imgf4 {
	background-image: url(../images/hongbao3.png);
}

.award-tool .imgf5 {
	background-image: url(../images/hongbao3.png);
}

.award-list2 .img {
	width: 412px;
	background: url(../images/hongbao_t1.png) 100px 14px no-repeat;
}

.srceen_tips {
	position: absolute;
	top: 134px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #f0d08a;
}

.award-tool .name {
	display: block;
	height: 24px;
	line-height: 24px;
	margin-bottom: 2px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.btn-accept1,
.btn-accept,
.btn-teambag,
.btn-award {
	width: 223px;
	height: 45px;
	line-height: 45px;
	margin: 0 auto;
	background: url(../images/btn_award2.png) center no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}

.btn-teambag,
.award-list2 .btn-award {
	background-image: url("../images/btn_award_tem.png");
	color: #ba3d1b;
}

/* 
.btn-accept1,
.btn-accept:hover,
.btn-teambag:hover,
.btn-award:hover {
	background-image: url(../images/btn_award2.png);
} */

.btn-award {
	margin-top: -32px;
}

.dialog_gift_img {
	padding: 0 10px;
	background: #b81a23;
	-webkit-box-shadow: 0 0 15px #000000;
	-moz-box-shadow: 0 0 15px #000000;
	box-shadow: 0 0 15px #000000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}

.dialog-list-team {
	padding: 0 10px;
	background: #b81a23;
	-webkit-box-shadow: 0 0 15px #000000;
	-moz-box-shadow: 0 0 15px #000000;
	box-shadow: 0 0 15px #000000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}

.dialog_img {
	display: none;
}

.dialog-list {
	max-width: 625px;
	padding: 20px 20px 10px;
	background: #b81a23;
	-webkit-box-shadow: 0 0 15px #000000;
	-moz-box-shadow: 0 0 15px #000000;
	box-shadow: 0 0 15px #000000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	z-index: 10;
	overflow: hidden;
}

.dialog-item {
	float: left;
	width: 145px;
	margin: 0 4px 2px;
}

.dialog-item .img {
	display: block;
	max-width: 145px;
	height: 84px;
	margin: 0 auto;
	overflow: hidden;
}

.dialog-item img {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
	max-width: 145px;
	max-height: 84px;
	margin: 0 auto;
}

.dialog-item .name {
	display: block;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}

/* ------------------------------------------ 玉兔迎春驱年兽-END   ---------------------------------- */

.explain {
	width: 1100px;
	padding-bottom: 30px;
	margin: 40px auto 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.explain-live.explain {
	margin-top: 100px;
}

.explain .hdsm h1 {
	line-height: 34px;
	font-size: 16px;
	color: #fff;
}

.explain .hdsm p {
	line-height: 24px;
	margin-left: 34px;
	font-size: 14px;
	color: #fff;
}

.laytips {
	font-size: 14px;
}

@keyframes myfirst {
	50% {
		box-shadow: 0 0 60px #ffffff inset;
	}

}

@-webkit-keyframes myfirst {
	50% {
		box-shadow: 0 0 60px #ffffff inset;
	}
}

@keyframes myfirst2 {
	50% {
		box-shadow: 0 0 60px #ff0000 inset;
	}

}

@-webkit-keyframes myfirst2

/* Safari 与 Chrome */
	{
	50% {
		box-shadow: 0 0 60px #ff0000 inset;
	}
}

.foot {
	width: 100%;
	height: 184px;
	min-width: 1200px;
	margin: 0 auto;
	line-height: 24px;
	background: url(../images/bgfoot.jpg) center no-repeat;
	;
	color: #fff;
}

.foot a {
	color: #fff;
}

.layui48 {
	line-height: 24px;
	text-align: center;
}

.layui48 .layui-layer-content {
	line-height: 24px;
	padding: 15px;
}

.layui48 .layui-layer-content p {
	line-height: 32px;
	font-size: 14px;
}


/* 抽奖弹窗 */

#layer-lucky h4 {
	text-align: center;
	font-size: 28px;
	line-height: 40px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: normal;
	font-size: 24px;
	color: #333;
}

.lucky-list {
	text-align: center;
	margin: 0 20px;
	font-size: 0;
}

.lucky-list li {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	zoom: 1;
	width: 180px;
	margin: 0 5px 10px;
	text-align: center;
}

.lucky-list li img {
	width: 145px;
	height: 84px;
	margin: 0 auto;
}

.lucky-list .card_name {
	display: block;
	width: 180px;
	height: 24px;
	line-height: 24px;
	margin-top: 5px;
	font-size: 14px;
	color: #333;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
}

.lucky-1 {
	width: 226px;
	margin: 0 auto;
}

.task_team {
	padding-top: 10px;
}

.lyaer-lucky.layui-layer-iframe .layui-layer-btn,
.lyaer-lucky.layui-layer-page .layui-layer-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-top: 0px;
	background: #fff;
}

/* 自定义弹窗 */
.dialogbox {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 9999;
}

/* 
.dialog-rank {
	display: block;
} */

/* .dialog-envelope {
	display: block;
} */

/* .dialog-envelope-send {
	display: block;
} */

.dialog-content {
	position: absolute;
	top: 50%;
	left: 50%;
}

.dialog-close {
	position: absolute;
	top: 8px;
	right: 20px;
	width: 48px;
	height: 48px;
	background: url(../images/close_dialog.png) no-repeat;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background-size: 100% 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	transition: all .3s cubic-bezier(0, 0, .33, .99);
	font-size: 0;
	z-index: 3;
	cursor: pointer;
}

.dialog-close:hover {
	animation: rotateClose .3s cubic-bezier(0, 0, .33, .99);
}

@keyframes rotateClose {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}

.dialog-env .dialog-content,
.dialog-env .dialog-content {
	width: 814px;
	height: 460px;
	margin-top: -230px;
	margin-left: -407px;
	background: url(../images/dialog_envelope_bg.png) no-repeat;
}

.dialog-rank .dialog-content {
	width: 1316px;
	height: 600px;
	margin-top: -300px;
	margin-left: -658px;
	background: url(../images/rank_dialog.png) no-repeat;
}

.dialog-title {
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	color: #ede3c9;
}

.dialog-title-send {
	padding-top: 68px;
}

.dialog-gain-list {
	width: 328px;
	height: 110px;
	margin: 0 auto;
}

/* 
.dialog-envelope-send .dialog-gain-list {
	margin-bottom: 115px;
} */

.dialog-gain-item {
	float: left;
	width: 152px;
	height: 107px;
	padding-top: 3px;
	margin: 0 6px;
	background-image: url(../images/item_envelope_dialog.png);
	overflow: hidden;
}

.dialog-gain-item em {
	display: block;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 16px;
	color: #ffdaa0;
}

.dialog-title2 {
	width: 200px;
	height: 28px;
	line-height: 28px;
	margin: 0 auto 5px;
	background-color: rgba(0, 0, 0, .2);
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	color: #ede3c9;
}

.dialog-title3 {
	width: 540px;
	height: 28px;
	line-height: 28px;
	margin: 20px auto 10px;
	background-color: rgba(0, 0, 0, .2);
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	color: #ede3c9;
}

.dialog-send-list {
	width: 471px;
	height: 110px;
	margin: 0 auto 15px;
}

.dialog-send-item {
	float: left;
	position: relative;
	width: 145px;
	height: 84px;
	margin: 0 6px;
	overflow: hidden;
}

.dialog-send-item em {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	background-color: #e71313;
	text-align: center;
	font-size: 12px;
	color: #f4d6a0;
}

.dialog-rank-pane {
	width: 660px;
	padding-top: 10px;
	padding-left: 53px;
}

.rank-tab {
	position: absolute;
	top: 0;
	right: 10px;
}

.dialog-rank-pane em {
	display: block;
	float: left;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.rankhead {
	width: 653px;
	padding-top: 10px;
	border-bottom: 1px solid #e57372;
	border-right: 0;
}

.nowbar {
	position: absolute;
	left: 53px;
	bottom: 40px;
	width: 660px;
	height: 32px;
	background-color: #8c2222;
	border-radius: 2px;
	text-align: center;
	font-size: 16px;
}

.ranklist {
	height: 475px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ranklist::-webkit-scrollbar {
	width: 6px;
	background-color: transparent;
}

.ranklist::-webkit-scrollbar-track {
	background-color: #891716;
	border-radius: 3px;
}

.ranklist::-webkit-scrollbar-thumb {
	width: 6px;
	background-color: #e36867;
	border-radius: 3px;
}

.td {
	border-right: 1px solid #e57372;
}

.thd,
.ranklist-item .td {
	width: 150px;
}

.dialog-rank-pane .mid {
	width: 349px;
}

.ranklist-item .mid {
	border-right: 1px solid #e57372;
}

.ranklist-item {
	border-left: 1px solid #e57372;
	border-bottom: 1px solid #e57372;
}

.ranklist-item {
	width: 652px;
}

.rank-tab-tips {
	position: absolute;
	right: 50px;
	bottom: 20px;
	width: 510px;
	height: 32px;
	line-height: 32px;
	background-color: #8c2222;
	border-radius: 2px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	text-align: center;
	font-size: 16px;
	color: #fff;
	z-index: 3;
}

.rank-tab {
	position: absolute;
	top: 18px;
	right: 50px;
	width: 510px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.rank-tab-title {
	width: 510px;
	height: 32px;
	line-height: 32px;
}

.rank-tab-nav {}

.tab-nav-item {
	float: left;
	width: 168px;
	height: 40px;
	line-height: 40px;
	background: #ac2c2c linear-gradient(#d06867, #a41d1d);
	border: 1px solid #d06867;
	border-right-color: #901716;
	color: #c6c6c6;
	cursor: pointer;
}

.tab-nav-item:last-child {
	border-right-color: #d06867;
}

.tab-nav-item.active {
	background: #d54344 linear-gradient(#940e0d, #ee5959);
	color: #f5dfa6;
}

.rank-tab-type {
	position: relative;
	width: 510px;
	height: 460px;
	margin-top: 10px;
}

.rank-tab-content {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
}

.rank-tab-content1 {
	display: block;
}

.tab-content {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
}

.tab-content1 {
	display: block;
}

.tab-content-row-title {
	height: 22px;
	line-height: 22px;
	margin-bottom: 12px;
	background: url(../images/rank_title_d.png) center no-repeat;
	font-size: 16px;
}

.tab-content-list {
	width: 310px;
	margin: 0 auto;
}

.tab-first {
	width: 465px;
}

.tab-content-item {
	float: left;
	position: relative;
	width: 145px;
	height: 84px;
	margin: 0 5px;
}

.tagr {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 6px;
	background-color: #e71313;
	font-size: 12px;
	color: #f5dfa6;
	z-index: 3;
}

.dialog-toplist {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 9999;
}

.tab-content-row {
	width: 100%;
	height: 134px;
	margin-bottom: 20px;
	background-color: #ca3b3b;
	border-radius: 4px;
}

#layer-toplist {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 525px;
	height: 512px;
	padding-top: 70px;
	margin-top: -291px;
	margin-left: -262px;
	background: url(../images/task_toplist.jpg) no-repeat;
}

.close-toplist {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 48px;
	height: 48px;
	background: url(../images/close_dialog.png) no-repeat;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background-size: 100% 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 0;
	cursor: pointer;
}

#layer-toplist h4 {
	width: 292px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	font-size: 24px;
	color: #fff;
}

.toplist-head {
	width: 354px;
	height: 30px;
	margin: 30px auto 0;
}

.toplist {
	position: relative;
	height: 300px;
}

.toplist li {
	width: 354px;
	height: 30px;
	margin: 0 auto;
}

#layer-toplist .t,
#layer-toplist .n {
	display: block;
	height: 28px;
	line-height: 28px;
	background-color: #bd4434;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.toplist-head .t,
.toplist .t {
	float: left;
	width: 238px;
}

.toplist-head .n,
.toplist .n {
	float: right;
	width: 108px;
}

.navigation-page {
	text-align: center;
}

.lyaer-lucky.layui-layer-iframe .layui-layer-btn,
.lyaer-lucky.layui-layer-page .layui-layer-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-top: 0px;
	background: #fff;
}

@-webkit-keyframes zoomLoop {

	0%,
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.03);
		transform: scale(1.03)
	}
}

@keyframes zoomLoop {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@-webkit-keyframes fanLeft {
	0% {
		left: -126px;
	}
}

@keyframes fanLeft {
	0% {
		left: -126px;
	}
}

@-webkit-keyframes fanRight {
	0% {
		right: -126px;
	}
}

@keyframes fanRight {
	0% {
		right: -126px;
	}
}

#layer-send h4 {
	text-align: center;
	font-size: 28px;
	line-height: 40px;
	margin-top: 10px;
	margin-bottom: 12px;
	font-weight: normal;
	font-size: 24px;
	color: #333;
}



/* ----------------------------------------------恭迎龙神，公会排名------------------------------- */
.teamdesc,
.teamtips {
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	color: #72241a;
}

.teambox {
	width: 1300px;
	height: 625px;
	margin-left: -50px;
	background: url(../images/rank_bg.png) no-repeat;
}

.teaminfo {
	text-align: center;
	padding-top: 41px;
	font-weight: bold;
	font-size: 24px;
	color: #72241a;
}

.teamTable {
	width: 670px;
	height: 341px;
	margin-left: 54px;
}

.throw {
	background-color: #ffd271;
	border: 1px solid #bc1a24;
}

.th7 {
	float: left;
	display: block;
	height: 42px;
	line-height: 42px;
	border-right: 1px solid #bc1a24;
	text-align: center;
	font-size: 16px;
	color: #72241a;
}

.tdrow {
	border-bottom: 1px solid #bc1a24;
}

.tbody {
	background-color: #fff;
	border-left: 1px solid #bc1a24;
	border-right: 1px solid #bc1a24;
}

.td7 {
	display: block;
	float: left;
	height: 82px;
	line-height: 82px;
	border-right: 1px solid #bc1a24;
	text-align: center;
	font-size: 16px;
	color: #72241a;
}

.th1,
.td1 {
	width: 42px;
}

.th2,
.td2 {
	width: 132px;
}

.th3,
.td3 {
	width: 121px;
}

.th4 {
	width: 370px;
	border-right: 0;
}

.td4 {
	width: 360px;
	line-height: 24px;
	padding: 0 5px;
	border-right: 0;
}

.tabmember {
	text-decoration: underline;
	cursor: pointer;
}

.teamfoot {
	position: absolute;
	top: 286px;
	right: 0;
	width: 512px;
	height: 270px;
}

.team_gift {
	position: relative;
	width: 252px;
	background: url(../images/team_gift_bg.png) center 41px no-repeat;
}

.teamfoot_desc {
	width: 233px;
	padding-top: 10px;
	margin: 0 auto;
}

.teamfoot_desc p {
	line-height: 18px;
	font-weight: normal;
	font-size: 14px;
	color: #f0d08a;
}

.team_gift h3 {
	position: relative;
	width: 209px;
	height: 39px;
	line-height: 39px;
	margin: 0 auto 30px;
	background: url(../images/award_item_title.png) center no-repeat;
	font-weight: normal;
	text-align: center;
	font-size: 18px;
	color: #ede4c9;
}

.team_bag_img {
	width: 217px;
	height: 182px;
	margin: 0 auto;
	background: center center no-repeat;
}

.team_bag_img1 {
	background-image: url(../images/fudai_team21.png);
}

.team_bag_img2 {
	background-image: url(../images/fudai_team2.png);
}

/* btn-person */
.btn-person {
	margin-top: 64px;
}

#teamPayID {
	display: block;
	width: 218px;
	height: 38px;
	line-height: 38px;
	margin: 12px auto;
	background-color: #f68354;
	border: 1px solid #f68354;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	outline: none;
}

#teamPayID:hover {
	border-color: #fdf379;
}

#teamPayID::-webkit-input-placeholder {
	color: #fff;
}

#teamPayID::-moz-placeholder {
	color: #fff;
}

#teamPayID::placeholder {
	color: #fff;
}

/* -------------------------------  会长分派礼包-start  ----------------------------- */
.allotbox {
	width: 1200px;
	margin: 0 auto;
}

.allot-main {
	float: left;
}

.allot-list {
	line-height: 32px;
	margin-right: 32px;
	border: 1px solid saddlebrown;
}

.dlrow {}

.dlrow dd {
	float: left;
}

.allot-csid {
	float: left;
	height: 32px;
	line-height: 32px;
}

.dlrow {
	float: left;
}

.checkbox {
	float: left;
}

.ranktab-box {
	float: left;
}

.ranktable {
	border: 1px solid saddlebrown;
	border-bottom: none;
}

.ranktable-item {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid saddlebrown;
}

.ord {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-right: 1px solid saddlebrown;
	text-align: center;
	font-size: 14px;
	/* color: #fff; */
}

.tab-csid {
	padding: 0 5px;
	font-size: 14px;
}

.btn-suit {
	display: block;
	width: 180px;
	height: 40px;
	line-height: 40px;
	margin: 2px auto;
	background-color: #c6252d;
	background-image: linear-gradient(#bc151e, #d3383e);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.shiwu_slide {
	position: relative;
	width: 100%;
	height: 162px;
	background: url(../images/shiwu_bg.jpg) center center no-repeat;
	overflow: hidden;
}

.shiwuimg {
	position: absolute;
	top: 20px;
	left: 50%;
	width: 2099px;
	height: 123px;
	margin-left: -1049px;
	background-image: url(../images/shiwu.png);
	background-repeat: repeat-x;
	animation: toolCarousel2 20s infinite linear;
}

@-webkit-keyframes toolCarousel2 {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -2099px 0;
	}
}

@keyframes toolCarousel2 {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -2099px 0;
	}
}

/* -------------------------------  会长分派礼包-end  ----------------------------- */