@charset "utf-8";
/* CSS Document */

/*------------------- link -------------------*/
a,area { blr:expression(this.onFocus=this.blur());} 
:focus { -moz-outline-style: none;}
a { outline:none; text-decoration: none}
a:hover { text-decoration: none}

.buleLink { color: #4c6297; text-decoration:underline}
.buleLink:hover { text-decoration: none}
.yelowLink {color: #f1ff53; text-decoration: underline;}
.yelowLink:hover {color: #fff; text-decoration: none;}

.redText { color: #ff0000}

.pl40 { padding-left: 40px}
.pl70 { padding-left: 70px}
.mt12 { margin-top: 12px}
.mt27 { margin-top: 27px}
.text_center{ text-align: center}

/*------------------- guidePage -------------------*/
#guidePage { color: #5e5e5e; background: #2e2c39 url(../img/bg_01.jpg) no-repeat center top}
.guideWrap { width: 1144px; margin:0 auto; background: url(../img/bg_02.jpg) no-repeat center top}
.mainBox { width: 1144px}

/*header*/
.header { position: relative; width: 1144px; height: 450px;}
.enterBtn { position: absolute; top:394px; right: 29px; display: block; width: 160px; height: 43px;}

/*------------------- guideCon -------------------*/
.guideCon { width: 1130px; height: 300px; padding: 6px 7px 10px 7px;}

/*downArea*/
.downArea { float: left; width: 250px; padding-right: 8px}

.yelDown { position: relative; width: 250px; height: 150px; overflow: hidden; zoom: 1;}
.yelDown_btn{ display: block; width: 250px; height: 150px; cursor: pointer; text-indent: -9999px; background: url(../img/btnbg.jpg) no-repeat 0 -282px}
.yelDown_btn:hover { color: #FFF}
.yel_downlist { position: absolute; top: -150px; width: 250px; height: 150px; background: #cc441e;}
.yel_downlist a {
	 float: left; width: 83px; height: 150px; color: #fea064; text-align: center;
	font: 14px/16px "Microsoft Yahei"; background: url(../img/tabbg.png) no-repeat
	}
.yel_downlist a:hover { color: #fff; background-color: #b1230f;}
.yel_downlist a.ico01 { background-position: -292px 40px}
.yel_downlist a.ico02 { background-position: -384px 40px}
.yel_downlist a span { display: block; height: 70px; padding-top: 80px; border-right: 1px dashed #ff883c;}
.yel_downlist a.ico02 span { border-right: none;}
.yel_txt {position: absolute; top: 105px; left: 28px; color: #fff;}

.video_link { display: block; width: 249px; margin-top: 5px}
.video_link img { width: 249px; height: 142px}

/*giftBox*/
.giftBox { float: left; width: 591px; height: 291px; padding: 9px 0 0 9px; background: url(../img/gift_bg.jpg) no-repeat}
.giftLink { width: 591px}
.giftLink li { display: inline; float: left; width: 190px; margin-right: 7px}
.giftLink a { display: block; width: 190px; height: 216px}
.getLink { display: block; width: 585px; height: 60px; margin-top: 8px}

/*register_area*/
.register_area { float: right; width: 245px; height: 241px; padding: 58px 10px 0 10px; background: url(../img/regbg.jpg) no-repeat}
.errorTip { height: 20px; line-height: 20px; color: #e80000;}

.formlist li { position: relative; height: 28px; padding-bottom: 5px; color: #FFF; vertical-align: top; overflow: hidden; zoom: 1}
.formlist label { display: inline-block; width: 66px; line-height: 28px; vertical-align: top; text-align: right}
.inputxt01,.inputxt02,.inputxt05 { height: 26px; line-height: 26px; padding: 0 5px; color: #FFF; outline: none; border: 1px solid #525151; background: #181818;}
.inputxt01 { width: 156px}
.inputxt02 { width: 70px}
.inputxt05 { width: 222px}
.valfocus, .passtxt {color: #7b7f7a;}
.passval {display: none;}
.code_img{ width: 76px; height: 28px; cursor:pointer; margin-left: 2px}

.agreement { color: #6a6b6d; vertical-align: middle;}
.agreement input, .agreement label {vertical-align: middle;}
.agreement input { margin-right: 3px; *margin: 0 0 0 -5px;}

/*regok*/
.regok { font-family: "Microsoft Yahei"}
.ico_next{ height: 260px; background: url(../img/ico_next.png) no-repeat center bottom;}
.regok_text { padding: 8px 0 18px 0; color: #FFF; font-size: 18px; background: url(../img/reg_ok.png) no-repeat 45px 8px}
.regok_text h4 { font-size: 18px; line-height: 28px; padding: 3px 0}
.regok_text em { margin:0 5px}
.regTips { font-size:18px; line-height: 26px}

/*------------------- btnbg -------------------*/
.btnbg { display: block; width: 180px; height: 49px; background: url(../img/btnbg.jpg) no-repeat 0 -50px}
.btnbg:hover { background: url(../img/btnbg.jpg) no-repeat 0 -100px}
.btn_icon {
	display: block; width: 120px; padding-left: 60px; color: #FFF; cursor: pointer;
	font: bold 20px/48px "Microsoft Yahei"; background: url(../img/icon_bg.png) no-repeat
	}
.btn_icon.btn-reg { background-position: 30px -47px}
.btn_icon.btn-gift { background-position: 30px -110px}
.btn_icon.btn-downLoad { background-position: 28px 14px; cursor: pointer}

.down_btnbg { display: block; width: 202px; height: 53px; padding-left: 22px; background: url(../img/btnbg.jpg) no-repeat 0 -150px}

/*------------------- tankBox -------------------*/
.tankBox{ float: left; width: 810px; height: 321px; padding: 6px 50px 6px 6px; background: #FFF}

/*tankTab*/
.tankTab { float: left; width: 135px; height: 321px; overflow: hidden}
.tankTab li{ width: 121px; padding:0 14px 4px 0}
.tankTab li img { width: 113px; height: 53px; border:4px solid #3f3f3f; cursor:pointer; vertical-align:bottom;}
.tankTab .tank_active{ background: url(../img/btnbg.jpg) no-repeat right -130px}
.tankTab .tank_active img{ border-color:#fc282f}

.moreTank { display: block; width: 121px; height: 61px; background: url(../img/btnbg.jpg) no-repeat -251px -289px #404040}
.moreTank:hover { background-position: -398px -287px; background-color: #fc282f}

/*tankCon*/
.tankCon{ float: right; width: 675px; height: 321px; overflow:hidden;}
.tankCon li{ position:relative; width: 675px; height: 321px; overflow:hidden; zoom:1;}

.tankPic { position:absolute; left:-360px; top:0; width: 360px; height: 321px}
.tpic_01 { background: url(../img/tank/btank_01.jpg) no-repeat 0 center}
.tpic_02 { background: url(../img/tank/btank_02.jpg) no-repeat 0 center}
.tpic_03 { background: url(../img/tank/btank_03.jpg) no-repeat 0 center}
.tpic_04 { background: url(../img/tank/btank_04.jpg) no-repeat 0 center}

.tank_all_ul .tank_active .tankPic{ left:0;}
.tank_all_ul .tank_active .tankInfo{ right:0;}

/*tankInfo*/
.tankInfo { position:absolute; top: 26px; right:-311px; width: 311px; height: 294px; background: url(../img/ttext_bg.gif) no-repeat 30px 236px}
.tankInfo h3 { height: 88px; line-height: 88px; color: #313030}
.ttitle_01 { background: url(../img/tank/ttitle_01.jpg) no-repeat; padding-left: 28px}
.ttitle_02 { background: url(../img/tank/ttitle_02.jpg) no-repeat; padding-left: 28px}
.ttitle_03 { background: url(../img/tank/ttitle_03.jpg) no-repeat; padding-left: 21px}
.ttitle_04 { background: url(../img/tank/ttitle_04.jpg) no-repeat; padding-left: 21px}
.tankInfo .tText { padding: 5px 0 0 30px; color: #5e5e5e; line-height: 24px}

/*------------------- getGift_box -------------------*/
.getGift_box { float: right; width: 180px; height: 333px; padding: 0 45px; background: url(../img/libao_bg.jpg) no-repeat 0 bottom #FFF}
.getGift_box h4 { margin: 15px 0 217px 0; color: #3c3c3c; font: bold 26px "Microsoft Yahei"}

/*------------------- picBox -------------------*/
.picBox { float: left; width: 583px; padding-right: 8px}
.picTab { width: 583px; height: 51px; z-index: 1; overflow: hidden; zoom: 1;}
.picTab ul { width: 585px}
.picTab li { float: left; width: 117px}
.picTab span {
	display: block; width: 117px; height: 51px; text-align: center; font: bold 18px/50px "Microsoft Yahei";
	cursor: pointer; color: #FFF; background: url(../img/btnbg.jpg) no-repeat -226px -229px
	}
.picTab .on span { background-position: -347px -229px}

.picImg { width: 581px; border: 1px solid #57575a; border-top: none}
.picImg img { width: 581px; height: 313px}

/*------------------- title_bg -------------------*/
.title_bg { height: 42px; padding-left: 32px; color: #3c3c3c; font: bold 24px/40px "Microsoft Yahei"; background: url(../img/btnbg.jpg) no-repeat}
.tbg_01 { background-position: -182px -52px}
.tbg_02 { background-position: -182px -96px}

/*------------------- recomBox -------------------*/
.recomBox { float: left; width: 253px; height: 353px; padding: 6px 10px 6px 12px; background: url(../img/recom_bg.jpg) no-repeat center 54px #FFF}
.recomBox .recom_img { width: 233px; padding: 25px 9px 20px 9px}
.recomBox .recom_img img { width: 233px; height: 138px}
.recomBox .recomCon { padding: 10px 14px; border-top: 1px dashed #232323}

/*------------------- gameVideo -------------------*/
.gameVideo { float: right; width: 248px; height: 353px; padding: 6px 10px 6px 12px; background: #FFF}
.carousel { position:relative; width: 243px; margin-top: 18px; padding-left: 2px}
.carousel a{ display:block; width: 243px; height: 138px; text-indent:-9999px}
.prev,.next { position:absolute; left:0; z-index:99}
.prev { top:0}
.next { bottom: 146px}
.prev a,.next a{ position:absolute; background:url(../img/none.gif);}
.prev a:hover { background: url(../img/prev_bg.gif) no-repeat center 0}
.next a:hover { background: url(../img/next_bg.gif) no-repeat center 120px}

.screenshot { width: 243px; height: 292px; overflow:hidden;}
.screenshot li{ width: 243px; height: 138px; margin-bottom: 8px; text-align:center}

/*------------------- bottom_btn -------------------*/
.bottom_btn { width: 904px; padding: 22px 0 36px 240px}
.down_btn {
	float: left; display: block; width: 428px; height: 49px; margin-right: 36px; color: #FFF;
	font: bold 20px/48px "Microsoft Yahei"; background: url(../img/btnbg.jpg) no-repeat
	}

/*------------------- tipBox -------------------*/
#tipBox { height: 34px; font: 14px/34px "Microsoft Yahei"; color: #555858; background: #222424}

/*------------------- footer -------------------*/
#footer{ padding: 30px 0; background: #141619}
#footer ul { width: 850px; margin: 0 auto}
#footer li { float: left; margin-right: 20px; line-height: 20px;}

/*------------------- popupCon -------------------*/
#TB_overlayBG{
	position:fixed; _position: absolute; z-index: 199;left:0;top: 0; display:none;
	width:100%; height:100%; opacity:0.8;filter: alpha(opacity=80);-moz-opacity: 0.8; background:#000;
	}
.popupCon {
	display: none; position: fixed; _position: absolute; left: 50%; top: 50%; _top:expression(eval(document.documentElement.scrollTop+150));
	width: 850px; height: 574px; margin: -287px 0 0 -425px; _margin: 0 0 0 -425px; z-index: 200;
	}
.btnClose {
	position: absolute; top: 45px; right: -40px; display: block; width: 33px; height: 33px;
	text-indent: -9999px; cursor: pointer; background: url(../img/icon_bg.png) no-repeat 0 -180px
	}
.popupBox {width: 850px;}

.giftinfo {float: left; width: 574px;}
.taglist {margin-right: -6px;}
.taglist li {
	float: left; display: inline; width: 139px; height: 45px; margin-right: 6px; color: #fff; text-align: center;
	cursor: pointer; font: bold 16px/45px "Microsoft Yahei"; background: url(../img/tabbg.png) no-repeat -145px 0;
	}
.taglist .on {color: #2f2f2f; background-position: 0 0;}
.giftcon { position: relative; width: 518px; height: 478px; padding: 25px 28px; background: #fff;}
.giftcon h2 {color: #424c45; font: bold 25px/30px "Microsoft Yahei";}
.giftcon .dotted {padding-bottom: 6px; border-bottom: 1px dotted #030303;}
.giftview {margin-bottom: 25px;}
.describe {line-height: 24px;}
.timelist {margin-top: 5px;}
.timelist li {float: left; display: inline; width: 240px; font-size: 14px;}
.fcolor1 {color: #ee571a;}
.fcolor2 {color: #c8440f;}
.fcolor3 {color: #26dd18;}
.fcolor4 {color: #ffff00;}
.dis01 {padding: 20px 0 0 25px;}

.countdown { position: absolute; top: 83px; right: 23px; _right: 21px; width: 352px; color: #FFF}
.countdown p {
	float: left; display: block; width: 55px; height: 71px; margin-right: 3px; text-align: center;
	background: url(../img/btnbg.jpg) no-repeat -371px -361px
	}
.countdown p span { margin-right: 3px; font: 25px/48px "Microsoft Yahei"}
.countdown .cTitle { width: 112px; margin-right: 7px; font: 16px/48px "Microsoft Yahei"; background-position: -252px -361px}

/*subreg*/
.subreg {float: left; width: 275px; height: 528px; margin-top: 45px; background: #414b40;}

.treeTitle {padding: 20px 0 20px 0; color: #fff; font-family: "Microsoft Yahei"; overflow: hidden; zoom: 1;}
.treeTitle .first {padding-bottom: 10px;}
.treeTitle em {float: left; font-size: 43px; line-height: 45px;}
.treeTitle span {float: left; display: inline; margin-left: 15px;}
.treeTitle b {display: block; font-size: 21px; line-height: 28px;}
.treeTitle small {font-size: 16px;}

.register-box { position: relative; height: 365px; padding: 0 10px 0 28px; border-bottom: 1px dashed #80927d;}
.register-box .errorTip {height: 24px;}
.register-box .formlist li { position: relative; height: 29px; padding-bottom: 6px; vertical-align: top; overflow: hidden; zoom: 1;}

.inputxt03, .inputxt04 {height: 23px; padding: 3px 5px 3px 25px; color: #7b7f7a; line-height: 23px; border: none; background: #e1e8d3;}
.inputxt03 {width: 188px;}
.inputxt04 {width: 105px;}
.ico-admin, .ico-psw {background-image: url(../img/main_ico.gif); background-repeat: no-repeat;}
.ico-admin {background-position: 6px 5px;}
.ico-psw {background-position: 6px -33px;}

.downinfo { position: relative; width: 220px; height: 77px; margin-left: 29px; overflow: hidden; zoom: 1;}
.btn-down{
	display: block; width: 220px; height: 77px; line-height: 75px; color: #fff; font-size: 24px; text-align: center;
	font-family: "Microsoft Yahei"; border: none; cursor: pointer; background: url(../img/btnbg.jpg) no-repeat 0 -204px
	}
.btn-down:hover {color: #fff;}
.downlist {position: absolute; top: -80px; width: 218px; height: 73px; padding: 1px; background: #cc441e;}
.downlist a {
	float: left; width: 73px; height: 59px; padding: 7px 0; color: #fea064; text-align: center;
	font: 14px/16px "Microsoft Yahei"; background: url(../img/tabbg.png) no-repeat
	}
.downlist a:hover { color: #fff; background-color: #b1230f;}
.downlist a.ico01 { background-position: -297px 6px}
.downlist a.ico02 { width: 72px; background-position: -390px 6px}
.downlist a span { display: block; padding-top: 27px; border-right: 1px dashed #ff883c;}
.downlist a.ico02 span { border-right: none;}

.downmsg .treeTitle {padding: 10px 0 12px 28px;}
.downmsg .treeTitle b {font-size: 24px; padding-top: 13px;}

/*------------------- popFirst -------------------*/
.popFirst {
	display: none; position: fixed; _position: absolute; left: 50%; top: 50%; _top:expression(eval(document.documentElement.scrollTop+150));
	width: 1109px; height: 515px; margin: -257px 0 0 -554px; _margin: 0 0 0 -554px; background: url(../img/pop_bg.jpg) no-repeat; z-index: 200;
	}
.vpTitle { height: 80px; padding-left: 76px; color: #FFF; text-shadow: 1px 1px 1px #000; font: bold 20px/60px "Microsoft Yahei"}
.vbtnClose {
	position: absolute; top: 1px; right: -58px; display: block; width: 58px; height: 60px;
	text-indent: -9999px; cursor: pointer; background: url(../img/btnbg.jpg) no-repeat -226px -167px
	}

/*videoplay*/
.videoplay { float: left; width: 706px; padding-left: 40px;}

/*pop_register*/
.pop_register { float: right; width: 340px}
.preg_title { height: 58px; padding-left: 18px; color: #FFF; text-shadow: 1px 1px 1px #000; font: bold 30px/40px "Microsoft Yahei"}
.pop_register .downinfo2 { margin:0 auto; margin-top: 20px}
.pop_register .regok_text{ background-position: 74px 8px}

.downinfo2 { position: relative; width: 224px; height: 53px; overflow: hidden; zoom: 1;}
.downlist2 { position: absolute; top: -53px; width: 225px; height: 53px; background: #cc441e;}
.downlist2 a {
	float: left; width: 75px; height: 53px; color: #fea064; text-align: center;
	font: 14px/16px "Microsoft Yahei"; background: url(../img/tabbg.png) no-repeat
	}
.downlist2 a:hover { color: #fff; background-color: #b1230f;}
.downlist2 a.ico01 { background-position: -298px 6px}
.downlist2 a.ico02 { background-position: -390px 6px}
.downlist2 a span {display: block; height: 21px; padding-top: 32px; border-right: 1px dashed #ff883c;}
.downlist2 a.ico02 span {border-right: none;}

.pop_register .regok { padding: 0 22px}

.startpop {display: none; position: fixed; _position: absolute; left: 50%; top: 50%; _top:expression(eval(document.documentElement.scrollTop+150)); width: 461px; height: 210px; margin: -105px 0 0 -230px; _margin: 0 0 0 -230px; background: url(../img/startpop_bg.jpg) no-repeat; z-index: 200;}
.game-close {position: absolute; top: 19px; right: 17px; width: 45px; height: 45px; text-indent: -9999px;}
.startpop .text {color: #fff; padding: 95px 0 0 40px; line-height: 30px; vertical-align: middle;}
.startpop .text img {vertical-align: middle;}