﻿/* CSS Document */
a,area { blr:expression(this.onFocus=this.blur());} 
:focus { -moz-outline-style: none;}
a { outline:none;}
html, body {overflow-x: hidden;}
body {font-family: "Microsoft Yahei"; color: #fff; background:#52a77e;}

/*------------------- actwrap -------------------*/
#actwrap { position:relative; background:url(../img/bg_01.jpg) no-repeat center top; min-width:1200px;}
.header { position:relative; width:1200px; margin:0 auto; background: url(../img/bg_02.jpg) no-repeat center top; height:659px;}
.header .logo { display:block; position:absolute; left: 84px; top: 82px;}
.header .login ul.before_login { width:510px; margin-left:20px; padding-top:5px;}
.header .login ul.after_login { margin-left:70px; padding-top:5px;}
.header .login ul.after_login li span em { color:#ffff01; font-weight:bold;}
.header .login li { float:left; line-height:35px; margin-right:5px;}
.header .login li span { font-size:14px; float:left;}
.header .login li input { width:80px; height:20px; border:0; padding-left:6px; float:left; margin:8px 0  0 3px;}
.header .login li input.inpnum { width:54px; text-align:center;}
.header .login li .code { margin:10px 0 0 5px; cursor:pointer; text-align:center;}
.header .login li a{ display:block; width:48px; height:22px;}
.header .login li a.login_btn { background:#436e96; margin:7px 0 0 10px; font-size:14px; line-height:20px; color:#ffffff; text-align:center;}
.header .login li a.loginout_btn { background:#436e96; font-size:14px;  margin:7px 0 0 10px; line-height:20px; color:#ffffff; text-align:center;}
.header .act_nav .goTo_reg, .header .act_nav .goTo_home { display:block; float:left; width:105px; height: 33px; margin-top: 7px; font-size:14px; line-height: 33px; text-align:center; color:#fff;}
.header .act_nav .goTo_reg {margin-right: 1px; background:#1f403b;}
.header .act_nav .goTo_home {background:#305f58;}

/*------------------- sectionwrap -------------------*/
.cl { clear:both;}
.sectionwrap { position:relative; padding-bottom:20px; background:url(../img/bg03.jpg) repeat-y;}
.section_in {padding-top: 40px; margin:0 auto;}

.section_in .section_box{ width:1200px; position:relative; margin:0 auto;}
.section_in .section_com .com_title { position: relative; display: block; margin-bottom: 25px; text-align: center; color: #fff; }
.section_in .section_com .tit-spe {margin-bottom: 0;}
.section_in .section_com .com_title strong {font: bold 40px/60px "Microsoft Yahei";}

.slBox{ width:1200px; margin:0 auto; height:437px; position:relative; z-index: 2; background:url(../img/sl_bg.png) center 21px no-repeat;}
.sliderBoxs{ width:1040px; height:402px;  margin:0 auto;}
.slider{ width:1040px; height:385px;  margin:0 auto; overflow:hidden; }
.slider li { width:1040px; height:385px; background:url(../img/k_bg.jpg) right 31px no-repeat;}
.slider_img{ width:766px; height:354px; float:left; position:relative; padding-top:31px;}
.slider_info{ width: 270px; float:left; height:338px; padding-top:31px; display:inline;}
.prevBtn,.nextBtn{width: 15px; height: 29px; display:block; position:absolute; top: 201px; background:url(../img/obtn.png) no-repeat;}
.prevBtn{left: 40px;  background-position:0 0;}
.prevBtn:hover{background-position:-25px 0;}
.nextBtn{ right: 40px; background-position:0 -30px}
.nextBtn:hover{background-position:-25px -30px;}
.tipsTit{ padding:10px 30px; position:absolute; left:0; bottom:60px;  background:url(../img/p_1.png) repeat; font-size:20px; font-weight: bold; color:#fff; }
.slider_img .tipBottom{ width:746px; height:50px; position:absolute; left:0; bottom:0; _bottom:-1px; padding:7px 0 3px 20px; background:url(../img/p_2.png) repeat; line-height:23px; font-size:14px; color:#fff;}
.slider_img .tipBottom strong{color: #ff0; font-weight: normal;}
.slider_img .tt2{ bottom:83px; _bottom:82px;}
.slider_img .tp2{ height:73px;}

.slider_info .stit{margin: 5px 0; font: bold 32px/40px "Microsoft Yahei"; color: #fef89e; text-align: center;}
.slider_info .zjds_t{font-size:14px; line-height:26px; color:#fff; text-align: center;}

.zk_discount{ width:200px; height:190px;position:relative;}
.discount{ width:200px; height:190px; position:absolute; top:-33px; left: 35px; display:block; background:url(../img/k_sl.png) center top no-repeat; _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/k_sl.png'); padding-top:25px;}
.discount .old_price{ width:200px; height:30px; color:#fff; font-size:16px; line-height:28px; text-align:center;  text-decoration:line-through;}
.discount .txt{ text-align:center; width:200px; height:55px; font-size:48px; line-height:50px; font-weight:bold; color:#fff; text-shadow:1px 1px 1px #999;}
.discount .n_price{ width:200px; height:30px; color:#fff; font-size:20px; text-align:center; line-height:30px; padding-top:13px;}
.slider_info .buyBtn{ width:151px; height:40px; display:block; margin:14px auto 0; font-size:18px; font-weight:bold; text-align:center; line-height: 38px; color:#fff; background: #52a780;}
.slider_info .buyBtn:hover{ text-decoration:none; background: #65c197;}

.bzgiftBox{position: relative; width:1140px; margin-left:60px; z-index: 2;}
.bzgiftBox ul {  width:1140px;}
.bzgiftBox ul li{ width: 520px; height: 253px; float:left; display:inline; margin-right: 20px; margin-bottom:24px; border: 4px solid #fff; position:relative;}
.bzgiftBox .bz_disBox{ width:87px; height:75px; display:block; position:absolute; left:0; top:0; background:url(../img/z.png) no-repeat;}
.bzgiftBox .dBox_1{ background-position:0 0;}
.bzgiftBox .dBox_2{ background-position:-88px 0;}
.bzgiftBox .dBox_3{ background-position:-176px 0;}
.bzgiftBox .dBox_4{ background-position:-264px 0;}
.bzgiftBox .dBox_5{ background-position:-352px 0;}
.bzgiftBox .bz_tit{ position:absolute; left:22px; top:196px; font-size:16px; color:#ffff00; line-height:20px; font-weight:bold;}
.bzgiftBox .bz_price{ position:absolute; left:22px; top:220px; font-size:14px; color:#ffffff; line-height:20px;}
.bzgiftBox .bz_price .bz_price_old{ color:#b0b0b0; text-decoration:line-through; margin-left:20px;}

.bzgiftBox .buyBtn{position:absolute; right:22px; bottom:16px; width:151px; height:40px; display:block; font-size:18px; font-weight:bold; text-align:center; line-height: 38px; color:#fff; background: #52a780;}
.bzgiftBox .buyBtn:hover{ text-decoration:none; background: #65c197;}

.bzgiftBox .infosBox{ width: 483px; height:160px; padding: 23px 16px 0 20px; background:url(../img/zsl.png) repeat; position:absolute; z-index:9; left:1px; top:1px; display:none;}
.bzgiftBox .infosBox h5{ font-size:14px; line-height:27px; color:#ffffff; padding-bottom:3px; margin-bottom:2px; width:314px; border-bottom:1px solid #fff;}
.bzgiftBox .infosBox p{ font-size:14px; line-height:24px; color:#ffffff; }
.bzgiftBox .infosBox .cot1{ color:#ffff00;}
.bzgiftBox .infosBox .cot2{ color:#ff6400;}

.tank {position: absolute; top: 294px; right: -132px; width: 330px; height: 330px; z-index: 1; background: url(../img/img_tank.png) no-repeat;}
.child {position: absolute; top: 520px; left: -170px; width: 240px; height: 410px; background: url(../img/img_child.png) no-repeat;}
.chartBox{ width:1150px; height:300px; margin-left:50px; background:url(../img/chart.png) no-repeat;}

/*------------------- popupCon -------------------*/
#TB_overlayBG{	position:fixed; _position: absolute; z-index: 199;left:0;top: 0; display:none; width:100%;height:100%; opacity:0.6;filter: alpha(opacity=60);-moz-opacity: 0.6; background:#000;}
.popupCon {	display: none; position: fixed; _position: absolute; left: 50%; top: 50%; width:560px; height:320px;  _top:expression(eval(document.documentElement.scrollTop+150)); z-index: 200;}
.pop_gift {	width:546px; height:253px; background:url(../img/my_gift_bg.png) no-repeat;}
.exchange {	width:683px; height:291px; background:url(../img/em_libao_bg.png) no-repeat;}
.btnClose {	position: absolute; top: 7px; right: 10px; display: block; width: 42px; height: 39px; text-indent: -9999px; cursor: pointer; background: url(../img/close.png) no-repeat center center;}

.common_box {background-color:#214e47;}
.common_box h4 { width:100%; background:url(../img/pop_bg.png) no-repeat; height:54px; text-align:center; font-size:25px; line-height:54px;}
.common_box h4.tbg2 { background:url(../img/pop_bg2.png) no-repeat;}
.login_box .login_bul { width:350px; padding:8px 0 0 110px;}
.login_box .login_bul li { overflow:hidden; margin:20px 5px 10px;}
.login_box .login_bul .txtArea1 { width:50px; display:inline;}
.login_box .login_bul input { display:inline; border:0; float:left; width:223px; height:28px; padding-left:5px; line-height:28px; margin:0 10px;}
.login_box .login_bul input.inpnum1 { width:74px; text-align:center;}
.login_box .login_bul span { text-align:right; float:left; font-size:14px; line-height:28px; display:inline;}
.login_box p.clewtxt { text-align:center; color: #c00;}
.login_box a.loginbox_btn { position:relative; left:175px; top:10px; display:inline-block; width:145px; height:40px; background:url(../img/btns.png) no-repeat 0 -101px;}
.login_box a.loginbox_btn:hover{ background-position:0 -144px;}

.zf_choise { margin:50px 110px;}
.zf_choise form { margin:20px 0;}
.zf_choise label { font-size:14px; margin:0 25px;}
.zf_choise input { margin:0 10px;}
.zf_choise a.recharge_btn { position:relative; left:85px; top:30px; display:inline-block; width:141px; height:40px; background:url(../img/btns.png) no-repeat 0 -195px;}
.zf_choise a.recharge_btn:hover{background-position:0 -240px;} 

.notice_box_txt p { text-align:center; margin-top:65px; font-size:15px;}
.notice_box_txt p a { color:#ff0000; text-decoration:underline;}
.notice_box_txt a.queren_btn { position:relative; left:205px; top:50px; display:inline-block; width:141px; height:40px; background:url(../img/btns.png) no-repeat 0 -195px;}
.notice_box_txt a.queren_btn:hover{background-position:0 -240px;}  

.buygift_box { width:800px; height:720px; background-color:#fff;}
.buygift_box iframe { margin: 10px 0 0; position:relative; margin-left:-80px;  width:800px;}

/*------------------- footer -------------------*/
#foot { background: #204d47 url(../img/bottom_bg.jpg) no-repeat;}
.footer{ width: 1150px; margin:0px auto; color: #eee; padding:50px 0 50px 100px;}	
.footer li {float: left; margin-right: 50px; line-height: 20px;}