﻿body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
select,
input,
textarea,
button,
p,
blockquote,
th,
td,
img,
iframe {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input,
button,
textarea,
option {
	font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif;
}

ul,
li,
div {
	list-style: none;
	border: 0px;
}

img {
	border: 0px;
}

.clear {
	font: 0px/0px serif;
	display: block;
	clear: both;
}

html {
	-webkit-text-size-adjust: none;
}

input {
	outline: none;
}

textarea {
	resize: none;
}

a {
	text-decoration: none; color:#000000; font-family:"������"; font-size:12px;
}
a.h:link {
	color:#FFFFFF;
	text-decoration: none;
}
a.h:visited {
	text-decoration: none;
	color:#FFFFFF;
}
a.h:hover {
	text-decoration: underline;
}
a.h:active {
	text-decoration: none;
}
html,
body {
	height: 100%;
}

body:nth-of-type(1) input:focus,
textarea:focus {
	outline: none;
}

body {
	font: 12px microsoft yahei;
	color: #333;
	background: #c8042c;
	position: relative;
	width: 100%;
	min-width: 1180px !important;
}

.head {
	background: url(../images/head.jpg) center top no-repeat;
	height: 615px;
	width: 100%;
}
.main{
	background: url(../images/main_bg.jpg) center top no-repeat;
	height: 1185px;
}
.content{
	width: 1002px;
	margin: 0 auto;
	position: relative;
	height: 1185px;
}
.content a.qq{
	position: absolute;
	bottom: 36px;
	left: 90px;
	display: block;
	background-color: #c8042c;
	width: 300px;
	color: #fef049;
	letter-spacing:5px;
	font:normal 48px/48px "Georgia";
}
.content a.telephone{
	position: absolute;
	bottom: 36px;
	left: 590px;
	display: block;
	background-color: #c8042c;
	width: 500px;
	color: #fef049;
	letter-spacing:5px;
	font:normal 48px/48px "Georgia";
}
.win{
	position: absolute;
	right: 35px;
	background: url(../images/win_bg.png) no-repeat;
	width: 308px;
	padding: 82px 10px 55px 25px;
	height: 435px;
	top:100px;
}
.win ul{
	height: 400px;
	padding-right: 10px;

}
.win ul li{
	line-height: 34px;
	font-size: 14px;
	color:#c8042c;
	width: 298px;
	overflow: hidden;
	height: 34px;
}
.win ul li span{display: inline-block; height: 34px;line-height: 34px; overflow: hidden;}
.win ul li span.text1{
	width: 30px;

}
.win ul li span.text2{
	width: 157px;

}
.win ul li span.text3{
	width: 30px;
}
.win ul li b{
	height: 34px;line-height: 34px; overflow: hidden;width: 80px;
	display: inline-block;
}
.win .btn{
	position: absolute;
	right: 61px;
	bottom: 21px;
	display: block;
	width: 207px;
	height: 37px;
	}
.flash{
	position: absolute;
	top:110px;
	left: 30px;
}
.flashBottom{
	position: absolute;
	top:410px;
	left: 0px;
	z-index: 9;
}
.turntable{
	width:510px;
	height: 510px;
	position:absolute;
	top: 110px;
	left: 50px;
}
.turntable-bg{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}
.turntable-btn{
	position:absolute;
	top: 100px;
	left: 165px;
	z-index: 2;
}

.rule{
	position:absolute;
	bottom: 138px;
	left: 0;
	height: 220px;
}
.rule p{
	width: 587px;
	margin-left: 40px;
	color: #fceac2;
	margin-bottom: 12px;
	font:normal 16px/24px "microsoft yahei";
	}

.rule p font{
	margin-right: 8px;
	height: 24px;
	width: 24px;
	display: inline-block;
	line-height: 24px;
	text-indent: 7px;
	color: #c8042c;
	font-family: "microsoft yahei";
	font-size: 16px;
	background: url(../images/rule_bg.png) no-repeat;
}
.rule p span{
	color: #fef049;
}

.weixin{
	position:absolute;
	bottom: 138px;
	right: 0;
	height: 230px;
	width: 330px;
	text-align: center;
}
.weixin p{
	margin-top: 15px;
	line-height: 22px;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
}

.bg {
    background-color: #000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*FF IE7*/
    filter: alpha(opacity=50);
    /*IE*/
    opacity: 0.5;
    /*FF*/
    z-index: 77;
    position: fixed!important;
    /*FF IE7*/
    position: absolute;
    /*IE6*/
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2: /*IE6*/
    document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
    /*IE5 IE5.5*/
}

.win_record {
    background: url(../images/win_record.png) no-repeat;
    z-index: 99;
    width: 500px;
    height: 599px;
    display: none;
    left: 50%;
    /*FF IE7*/
    top: 50%;
    /*FF IE7*/
    margin-left: -250px!important;
    /*FF IE7 ��ֵΪ��������һ�� */
    margin-top: -300px!important;
    /*FF IE7 ��ֵΪ�����ߵ�һ��*/
    margin-top: 0px;
    position: fixed!important;
    /*FF IE7*/
    position: absolute;
    /*IE6*/
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2: /*IE6*/
    document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
    /*IE5 IE5.5*/
}
.win_record_box{

   padding: 70px 60px;
   width: 368px;
   height: 400px;
   position: relative;

}
.win_record_box div{
	width: 100%;
}
.win_record_box a{
	position: absolute;
	top:0;
	right: -12px;
	width: 43px;
	height: 43px;

}

.win_record_box span{
	color: #908a8a;
	font-size: 14px;
	line-height: 34px;
}
.win_record_box p{
	width: 368px;
	background-color: #f4edef;
	border: #f8e6e7 1px solid;
	border-radius: 3px;
	height: 35px;
	line-height: 35px;
	color: #999495;
	font-size: 16px;
	float: left;
	text-indent: 20px;
}
.win_record_box b{
	float: right;
	display: block;
	font-weight: normal;
	color:#999495;
	line-height: 27px;
}
.win_record_box div.service_rule{
	position: absolute;
	bottom:30px;
	left: 60px;
	width: 390px;
	color: #b5b5b6;
}

.login{
	background: url(../images/login_bg.png) no-repeat;
    z-index: 99;
    width: 500px;
    display: none;
    left: 50%;
    top: 50%;
	transform: translate(-50%,-50%);
    position: fixed!important;

}
.login_box_bot{
	position:absolute;
	left: 0;
	bottom:-10px;
}
.login_box{
	padding-top: 200px;
	padding-left: 113px;
	padding-bottom:30px;
	position: relative;
}
.login_box input{
	width: 270px;
	margin-bottom: 8px;
	height: 41px;
	line-height: 41px;
	color:#a9a8aa;
	border-radius: 3px;
	font-size: 14px;
	text-indent: 64px;
	padding-top:6px;
	border:#e9c7ca 1px solid;
	background-color: #efecec;
}
.login_box p{
	color: #ff0000;
	width: 272px;
	float: left;
	margin-bottom: 8px;
}
.login_box .name{

	background:#efecec url(../images/name_bg.png) 17px center no-repeat;

}
.login_box .word{
	background:#efecec url(../images/word_bg.png) 17px center no-repeat;
}
.login_box .phone{
	background:#efecec url(../images/phone_bg.png) 17px center no-repeat;
}
.login_box .weixin_num{
	background:#efecec url(../images/weixin_bg.png) 17px center no-repeat;
}
.login_box .login_btn{
	background: url(../images/login_btn.png) no-repeat;
	border: none;
	margin-top: 25px;
}
.login_box a{
	position: absolute;
	top:0;
	right: -12px;
	width: 43px;
	height: 43px;

}

.no_win{
	 background: url(../images/no_win.png) no-repeat;
    z-index: 99;
    width: 1072px;
    height: 1076px;
    display: none;
    left: 50%;
    /*FF IE7*/
    top: 50%;
    /*FF IE7*/
    margin-left: -536px!important;
    /*FF IE7 ��ֵΪ��������һ�� */
    margin-top: -538px!important;
    /*FF IE7 ��ֵΪ�����ߵ�һ��*/
    margin-top: 0px;
    position: fixed!important;
    /*FF IE7*/
    position: absolute;
    /*IE6*/
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2: /*IE6*/
    document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
    /*IE5 IE5.5*/
}
.no_win_box{
	position: relative;
	width: 1072px;
    height: 1076px;
}
.no_win_box a.again_btn{
	display: block;
	width: 413px;
	height: 62px;
	position: absolute;
	left: 320px;
	top:725px;
}
.no_win_box a.close{
	display: block;
	width: 58px;
	height: 58px;
	position: absolute;
	right: 288px;

	top:376px;
}
.no_win_box a.no_win_number{
	display: block;
	width: 50px;
	height: 48px;
	left: 497px;
	top:570px;
	font-size: 38px;
	padding-top: 8px;
	color: #6d191c;
	text-align: center;

	font-family: "����׼Բ����";
	position: absolute;
	background-color: #f07876;
}

.red_bag{

    z-index: 99;
    width: 1072px;
    height: 1076px;
    display: none;
    left: 50%;
    /*FF IE7*/
    top: 50%;
    /*FF IE7*/
    margin-left: -536px!important;
    /*FF IE7 ��ֵΪ��������һ�� */
    margin-top: -538px!important;
    /*FF IE7 ��ֵΪ�����ߵ�һ��*/
    margin-top: 0px;
    position: fixed!important;
    /*FF IE7*/
    position: absolute;
    /*IE6*/
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2: /*IE6*/
    document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
    /*IE5 IE5.5*/
}
.red_bag_20{
	background: url(../images/red_bag_20.png) no-repeat;
}
.red_bag_50{
	background: url(../images/red_bag_50.png) no-repeat;
}
.red_bag_100{
	background: url(../images/red_bag_100.png) no-repeat;
}
.red_bag_200{
	background: url(../images/red_bag_200.png) no-repeat;
}
.red_bag_500{
	background: url(../images/red_bag_500.png) no-repeat;
}
.red_bag_300{
	background: url(../images/red_bag_300.png) no-repeat;
}
.package{
	background: url(../images/package.png) no-repeat;
}
.red_bag_box a.close{
	display: block;
	width: 58px;
	height: 58px;
	position: absolute;
	right: 288px;
	top:376px;
}
.red_bag_box a.look_btn{
	display: block;
	height: 62px;
	width: 174px;
	position: absolute;
	left: 339px;
	top:725px;
}
.red_bag_box a.share_btn{
	display: block;
	height: 62px;
	width: 174px;
	position: absolute;
	left: 540px;
	top:725px;

}
.red_bag a.win_information{
	height: 70px;
	line-height: 70px;
	text-align: center;
	width: 305px;
	color: #74090c;
	font-family: "����׼Բ����";
	font-size: 39px;
	position: absolute;
	display: block;
	background-color: #f07876;
	left: 374px;
	top:548px;
}
.red_bag a.win_information font{
	font-size: 55px;
	width: 117px;
	margin-right: 22px;
	font-weight: bold;
	color: #ffe75a;
	display: inline-block;
	text-align: right;
	-webkit-text-shadow:#ff2a29 5px 5px 5px;
	-moz-text-shadow:#ff2a29 5px 5px 5px;
	text-shadow:#ff2a29 5px 5px 5px;
	*filter: Glow(Color=#ff2a29, Strength=5);
}
