/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ 
dl,dt,dd,ul,ol,li /* list elements 列表类元素 */{
    margin: 0;
    padding: 0;
}
ul,ol,dl{
	list-style:none;
}
a img{
	border:none;
}
/** 字体设置 **/
body,
button, input, select, textarea /* for ie */ {
    font:14px/1.6 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;
    color:#6a6a6a;
}
h1, h2, h3, h4, h5, h6, strong{ font-size: 100%;font-weight:normal;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
html ,body{
	height:100%;
}
label, a{
	cursor:pointer;
}
.f12 {
    font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f16 {
    font-size: 16px;
}
.red {
    color: #ff0042;    /* 所有红色字体通用 */
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.dark {
    color: #333; /* 深色字体 */
}
.green{
	color:#67dd1c;
}
.gray{
	color:#b2b2b2;
}
.udl{
	text-decoration:underline;
}
.link{
	color:#529dd2;
}
.link:hover{
	color:#4482ae;
}
/** 通用链接样式 **/
a{
    color:#6a6a6a;
    text-decoration:none;
}
a:focus{
    outline:thin dotted #333;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
a:hover, a:active{
    outline:0;
    color:#ff0042;
}
a.red:hover {
	color:#e7003c;
}
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; vertical-align:baseline; *vertical-align:middle; } /* 使得表单元素在 ie 下能继承字体大小 */


button,input {
    line-height:normal
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer;
    *overflow:visible
}
button[disabled],html input[disabled] {
    cursor:default
}
input[type="checkbox"],input[type="radio"] {
    box-sizing:border-box;
    padding:0;
    *height:13px;
    *width:13px;
}

/* 清除浮动 */
.clear:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.clear {
  *zoom: 1;
}
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot?1113'); /* IE9*/
    src: url('../font/iconfont.eot?1113#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff?1113') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf?1113') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg?1113#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family:"iconfont" !important;
    font-size:18px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*页面开始*/
.header{
	height:760px;
	background-image:url(../img/header_bg.png);
	background-repeat:no-repeat;
	background-position:center;	
}
.header-inner{
	width:1240px;
	height:760px;
	margin:0 auto;
	background:url(../img/header_inner.png);
}
.header_top{
	width:1240px;
	height:64px;
	margin:0 auto;
}
.logo{
	padding-top:30px;
	float:left;
}
/*登录*/
.user-log-info .login {
	height: 16px;
	border-right: 1px solid #ff0042;
	padding-right: 5px;
	margin-right: 5px;
	box-sizing: border-box;
}
.user-log-info a {
	color: #fff;
}
.user-log-info a:hover{
	text-decoration:underline;
}
.user-log-info {
	padding-top:30px;
	color:#ff0042;
}
.user-log-info a {
	color:#ff0042;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.title{
	margin:0 auto;
	text-align:center;
	padding-top:110px;
}
.btn-wrapper{
	width:550px;
	height:80px;
	margin:0 auto;
	margin-top:380px;
}
.btn-click,.btn-buy{
	display:block;
	float:left;
	width:245px;
	height:74px;
	line-height:74px;
	background-image:url(../img/btn_click.gif);
	background-repeat:no-repeat;
	color:#ffee79;
	font-size:24px;
	text-align:center
}
.btn-click:hover{
	background-image:url(../img/hover_click.gif);
	color:#ff4e6b;
}
.btn-buy{
	float:right;
	background-image:url(../img/btn_buy.gif);
	color:#ff4e6b;
}
.btn-buy:hover{
	background-image:url(../img/hover_buy.gif);
	color:#ff4e6b;
}
.text{
	text-align:center;	
	color:#fff7d5;
	font-size:16px;
	color:#ffee79;
	height:60px;
	line-height:60px;
}
.text img{
	position:relative;
	top:4px;
	margin-right:8px;
}
.big{
	font-size:14px;
	color:#ffee79;
	text-align:center;
}
.main{
	min-width:1240px;
	background-color:#ff4e6b;
	padding-top:70px;
}
.container{
	width:1240px;
	margin:0 auto;
}
.calculator{
	background-image:url(../img/calculator_bg.gif);
	background-repeat:no-repeat;
	width:1026px;
	height:382px;
	margin:0 auto;
}
.calculator-title{
	text-align:center;
}
.calculator-title h3{
	font-size:32px;
	color:#fff;
	text-align:center;
	padding-top:60px;
}
.calculator-title a{
	color:#fdea91;
	opacity:0.8;
}
.calculator-title a:hover{
	opacity:1;
}
.arrow{
	display:inline-block;
	width:5px;
	height:10px;
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:-15px -34px;
	margin-left:5px;
}
.calculator-table{
	width:990px;
	margin:0 auto;
	margin-top:60px;
}
.calculator-table td{
	font-size:18px;
	color:#995a08;
	padding-left:10px;
}
.select{
	border:none;
	outline:0;
	appearance:normal;
	position:relative;
	padding-top:30px;
}
.select a{
	display:block;
	width:242px;
	height:66px;
	line-height:66px;
	text-align:center;
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:-29px -34px;
	color:#995a08;
}
.select ul{
	position:absolute;
	top:96px;
	left:-1px;
	display:none;
}
.select ul li{
	width:242px;
	height:66px;
	height:66px;
	line-height:66px;
	text-align:center;
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:-29px -109px;
	color:#995a08;
	margin-top:-5px;
}
.down{
	display:inline-block;
	width:13px;
	height:6px;
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:-0px -34px;
	position:relative;
	top:-2px;
}
.money{
	display:inline-block;
	width:60px;
	height:32px;
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	position:relative;
	top:6px;
	margin-right:5px;
}
.money-box{
	display:inline-block;
	*display:inline;
	width:110px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.money-box01{
	width:127px;
}
.money800{
	background-position:-180px -0px;
}
.money600{
	background-position:-120px -0px;
}
.money400{
	background-position:-60px -0px;
}
.money100{
	background-position:0px -0px;
}
.top-up{
	display:inline-block;
	width:31px;
	height:31px;
	background-position:-240px -0px;
}
.red{
	font-size:18px !important;
	color:#ff4e6b ;
}
.product-wrapper,.hardware-wrapper,.rules-wrapper{
	padding-top:70px;
}
.product-wrapper h3 ,.hardware-wrapper h3,.rules-wrapper h3{
	font-size:30px;
	color:#fff2e7;
	text-align:center;
}
.product-wrapper p,.hardware-wrapper p{
	font-size:14px;
	color:#fff2e7;
	text-align:center;
}
.product,.hardware{
	width:1024px;
	margin:0 auto;
	padding-top:30px;
}
.product li,.hardware li{
	width:334px;
	height:309px;
	float:left;
	margin-right:10px;
}
.product li{
	background-image:url(../img/product_bg.png);
	background-repeat:no-repeat;
}
.product li:hover{
	background-image:url(../img/product_hover.png);
}
.product .nomgr,.hardware .nomgr{
	margin-right:0px;
}
.rules{
	background-image:url(../img/rules_bg.png);
	background-repeat:no-repeat;
	width:991px;	
	height:154px;
	margin:0 auto;
	margin-top:40px;
	padding-top:30px;
	padding-left:35px;
	color:#a15511;
}
.rules p{
	height:30px;	
}
.blue{
	color:#2f7cc1;
}
.eggs-wrapper{
	width:1026px;
	height:384px;
	background:url(../img/eggs_bg.png) no-repeat;
	margin:0 auto;
}
.eggs{
	width:334px;
	height:384px;
	background-image:url(../img/eggs.png);
	background-repeat:no-repeat;
	margin:0 auto;
}
.eggs-wrapper:hover{
	-moz-cursor:url(../img/cz.png),auto;
	-ms-cursor:url(../img/cz.png),auto;
	-o-cursor:url(../img/cz.png),auto;
	-webkit-cursor:url(../img/cz.png),auto;
	cursor:url(../img/cz.png),auto;
}
.eggs_active{
	background-image:url(../img/eggs.gif);
}
.eggs_prize{
	background-image:url(../img/eggs_prize.png);
}
.footer-wrapper{
	background-color:#fff;
	height:30px;
}
.footer-inner{
	width:1024px;
	height:30px;
	line-height:30px;
	margin:0 auto;
	color:#6c6c6c;
}

/*=== 弹出层 window ===*/
.mask{
    z-index:8000;
    position:absolute;
    /*position:fixed;*/
    bottom:0;
    left:0;
    -moz-opacity:0.5;
    opacity:.50;
    filter:alpha(opacity=50);
    background-color:#000;
    width:100%;
    height:200%;
    zoom:1;
	overflow:hidden;
	*overflow:visible;

}
.window-wrapper {
    position: absolute;
    top: 300px;
    left: 50%;
    padding: 8px;
    background-color: rgba(223, 223, 223, 0.5);
    _background-color: #3a3a3a;
    display: none;  /* 默认就设为不可见 */
    z-index: 9000;
	min-width:602px;
}
.window {
    position: relative;
    border: 1px solid #dfdfdf;
    height:100%;
    min-height: 100px;
    background-color: #fff;
    margin: 0;
	*width:600px;
}
.window-opt {
    position: absolute;
    top: 16px;
    right: 10px;
    line-height: 14px;
    z-index: 100;
}
.window-header {
    font-size: 16px;
    padding: 5px 20px;
	background-color:#f9f9f9;
}
.window-body {
	*width:600px;
}
.window-footer{
	padding:0 20px 20px;
}
.window .fm-label{
	width:90px;
}
body{
    _height:100%; /* for ie6 */
}
.hint {
	display: inline-block;
	zoom: 1;
	*display: inline;
	position: absolute;
	padding: 5px 8px;
	line-height: 12px;
	font-size: 12px;
	background-color: #ff0042;
	color: #fff;
}