body { padding: 70px 0 0; }
/* 首页css */
/* header */
.header { width: 100%;height: 250px;margin: 0 auto;position: relative; }
/* mslider */
.mslider { width: 100%;height: 250px;overflow: hidden;position: relative; }
.mslider .slide { display: block;width: 100%;height: 250px;position: absolute;left: 0;top: 0;background-position: center top;background-repeat: no-repeat; }
.mslider .slider-pg { position: relative;top: 230px;width: 990px;margin: 0 auto;text-align: center; }
.mslider .page-bd { display: inline-block;_display: inline;*margin-left: 400px;_margin-left:0;_zoom: 1; }
.mslider .page-bd a { float: left;display: block;width: 13px;height: 13px;outline: none;text-indent: -9999px;background: url(../images/change.png) -13px 0 no-repeat;_background: url(../images/change.gif) -13px 0 no-repeat;margin-right: 10px;text-indent: -9999px; }
.mslider .page-bd a.on { background-position: 0 0; }
/* index-main */
.index-main { position: relative; background: #eff2f1; }
.index-main .open-box { padding-top: 0; }
/* game-box */
.game-box { height: 218px;overflow: hidden;margin-top: 8px;position: relative; }
.game-box .game-bd { width: 716px;position: relative; }
.game-box .game-con { position: absolute;left: 0;top: 0;width: 436px;height: 218px; }
.game-box .game-con li { float: left;width: 109px;height: 109px; }
.game-box .game-con li a { display: block;position: relative;width: 109px;height: 109px;background: #1a1e1d;text-decoration: none; }
.game-box .game-con li a:hover, .game-box .game-con li a.active { background: #00bb5c;text-decoration: none; }
.game-box .game-con li img { width: 109px;height: 109px; }
.game-box .game-con li span { position: absolute;left: 5px;top: 0;color: #FFFFFF;font-size: 24px; }
.game-box .game-con li .game-con-name { height: 18px;overflow: hidden;position: absolute;right: 0;top: 91px; }
.game-box .game-con li .game-con-name i { background: url("../images/game_name_bg.png") no-repeat;display: block;width: 100%;height: 18px;position: absolute; }
.game-box .game-con li .game-con-name em { color: #EEEEEE;line-height: 18px;margin: 0 4px 0 18px;position: relative; }
.game-box a.game-more { text-decoration: none;line-height: 109px;vertical-align: middle;text-align: center;font-size: 16px; }
.game-box .game-detail { _display: inline;width: 280px;height: 218px;background: #323736;position: relative; }
.game-box .game-detail-bd { width: 260px;height: 110px;overflow: hidden;margin: 0 auto; }
.game-box .game-detail-bd h2 { height: 32px;line-height: 32px;vertical-align: middle;color: #fefefe;font-size: 16px; }
.game-box .game-detail-bd p { color: #f8f3df;line-height: 20px; }
.game-box .game-desc, .game-box .game-link { position: absolute;left: 0;width: 280px; }
.game-box .game-desc { top: 127px;z-index: 3;height: 58px;background: #f65314;color: #FFFFFF; }
.game-box .game-desc p { margin: 5px 10px;line-height: 24px;font-size: 14px; }
.game-box .game-desc .corn { position: absolute;left: 20px;top: -14px;width: 17px;height: 14px;background: url(../images/corn2.png) no-repeat; }
.game-box .game-link { top: 185px;z-index: 5;height: 33px; }
.game-box .game-link a { float: left;display: block;width: 136px;height: 29px;line-height: 29px;vertical-align: middle;text-align: center;font-size: 16px;text-decoration: none; }
.game-box .game-link-a1 { border: 2px solid #f78511;background: #f9bc0e;color: #f65314; }
.game-box .game-link-a2 { border: 2px solid #f97114;background: #fc9215;color: #fefefe; }
/* ad-box */
.ad-box { height: 100px;padding-top: 12px;position: relative; }
.ad-box dl { width: 100%; }
.ad-box dt, .ad-box dd { float: left;_display: inline;position: relative;z-index: 1; }
.ad-box dt { z-index: 2; }
.ad-box .ad-title { width: 216px;height: 100px;background: #f65314;color: #FFFFFF; }
.ad-box .ad-title .date { padding-left: 16px;padding-top: 8px;font-size: 30px;font-weight: bold; }
.ad-box .ad-title h3 { padding-left: 16px;height: 30px;line-height: 30px;vertical-align: middle;font-size: 16px;font-weight: normal;overflow: hidden; }
.ad-box .ad-title .corn { position: absolute;right: -13px;top: 47px;width: 13px;height: 16px;background: url(../images/rt_corn.png); }
.ad_title_bd { width: 190px;height: 72px;margin-left: 18px;margin-top: 18px;text-align: center; }
.ad-lt { width: 218px;height: 100px;display: none; }
.ad-lt img { width: 218px;height: 100px;overflow: hidden; }
.ad-slider { width: 498px;height: 100px;overflow: hidden; }
.ad-slider ul { width: auto;height: 100px;overflow: hidden; }
.ad-slider ul li { float: left;width: 498px;height: 100px; }
.ad-slider ul li img { width: 498px;height: 100px;overflow: hidden; }
.ad-s-page { position: absolute;right: 0;top: 5px; }
.ad-s-page a { float: left;margin-right: 5px;display: block;width: 10px;height: 10px;overflow: hidden;text-indent: -9999px;background: #FFF; }
.ad-s-page a.on, .ad-s-page a:hover { background: #FF6600; }
.ad-rt { width: 249px;height: 100px; }
.ad-rt img { width: 249px;height: 100px;overflow: hidden; }
/* img-box */
.index-main .img-box { height: auto;overflow: hidden;margin-top: 8px;position: relative;_zoom: 1; }
.index-main .img-box-con { width: 1000px;height: auto;overflow: hidden;clear: both;position: relative; }
.index-main .img-box-con li { width: 229px;line-height: 18px;margin: 0 15px 20px 0;position: absolute;box-shadow: 1px 1px 3px #CCCCCC; }
.index-main .img-box-con li img {  }
.index-main .img-detail { position: relative;width: 229px;height: auto;background: #1a1e1d;color: #FFFFFF;padding: 10px 0; }
.index-main .img-detail .corn { position: absolute;left: 20px;top: -14px;width: 17px;height: 14px;background: url(../images/corn1.png) no-repeat; }
.index-main .img-detail p { line-height: 22px;padding-left: 10px;padding-right: 5px; }
#layout-Game { margin-top: 0; }
#layout-Photo .img-detail { width: auto;border-radius: 0; }
#layout-Photo .dj-wf img { border-radius: 0; }
/* link-box */
.link-box { height: 100px;padding-bottom: 12px;position: relative;_zoom: 1; }
.link-box dt, .link-box dd { float: left;_display: inline;position: relative;z-index: 1; }
.link-box dt { z-index: 2; }
.link-title { width: 216px;height: 100px;background: #f65314;color: #FFFFFF; }
.link-title .link { padding-left: 16px;padding-top: 8px;font-size: 30px;font-weight: bold; }
.link-title h3 { padding-left: 16px;height: 30px;line-height: 30px;vertical-align: middle;font-size: 16px;font-weight: normal;overflow: hidden; }
.link-title .corn { position: absolute;right: -13px;top: 47px;width: 13px;height: 16px;background: url(../images/rt_corn.png); }
.link-con { width: 748px;height: 100px;overflow: hidden;background: #1A1E1D;color: #FFFFFF; }
.link-con-bd { margin-left: 25px;margin-top: 7px;height: 87px;overflow: hidden; }
.link-con-bd ul { height: auto;overflow: hidden; }
.link-con-bd li { float: left;height: 25px;line-height: 25px;vertical-align: middle;padding: 2px 0;margin-right: 54px;white-space: nowrap; }
.link-con-bd li a { color: #FFFFFF;text-decoration: none; }
.link-con-bd li a:hover { color: #F92B91;text-decoration: underline; }
/* tab */
.tab { height: auto; }
.tab-hd { height: 48px;background: #d9dcdb;border-bottom: 1px solid #bcbcba;_overflow: hidden; }
.tab-hd li { float: left;position: relative;height: 48px;line-height: 60px;text-align: center;vertical-align: middle;padding: 0 25px; }
.tab-hd li.tab-li-bg { background: url(../images/v_line.jpg) right bottom no-repeat;_background-position: right center; }
.tab-hd li a { color: #545454;font-size: 16px; }
.tab-hd li a:hover { color: #04A654; }
.tab-hd li.active a { color: #fb8520;font-size: 20px; }
.tab-hd li.active span { color: #FF6600; }
.tab-hd li .corn { position: absolute;left: 50%;margin-left :-7px;top: 48px;display: none;width: 13px;height: 8px;background: url(../images/bt-corn.gif) no-repeat; }
.tab-hd li.active .corn { display: block; }
.tab-bd { margin-top: 20px; }
.tab-hd .tab-title { width: auto;padding: 0 25px; }
/* c-panel */
.c-panel { padding-top: 20px;padding-bottom: 20px;position: relative; }
.c-panel-left { font-size:16px;}
.c-panel-left td { padding: 4px 3px;line-height: 25px; }
.c-panel-bd {  }
.c-panel-p {  }
.c-panel-form td, .c-panel-form span, .c-panel-form input, .c-panel-form select { font-size: 12px; }
.c-panel-form th, .c-panel-form td { padding: 4px 2px;line-height: 28px; }
.c-panel-right { width: 238px; }
/* register */
.register {  }
.login-open-bd { float: left;margin-top: 15px;padding: 20px 30px 20px 0;width: 285px; }
.login-open-bd p { color: #999999;font-size: 14px;margin-bottom: 10px;text-align: right;line-height: 22px; }
.login-open-bd a.rev { color: #f65314; }
.login-open-bd ul { float: right;width: 136px; }
.login-open-bd ul li a { background: url(../images/open.png) 0 0 no-repeat;color: #2E6271;display: block;font-size: 14px;height: 40px;line-height: 40px;margin: 5px 0 2px;padding-left: 36px;text-align: left;width: 76px; }
.login-open-bd ul li a:hover { color: #F92B91; }
.login-open-bd ul li a.open-sina { background-position: left 10px; }
.login-open-bd ul li a.open-tb { background-position: left -35px; }
.login-open-bd ul li a.open-baidu { background-position: left -80px; }
.login-open-bd ul li a.open-163 { background-position: left -125px; }
.login-open-bd ul li a.open-renren { background-position: left -170px; }
.login-open-bd ul li a.open-9wee { background-position: left -215px; }
.register-bd { background: url(../images/dot-shadow.gif) -2px 0 repeat-y;border-left: 1px solid #c0c3c2;float: left;margin-top: 15px;padding: 30px 0 150px 30px;position: relative;width: 615px; }
.register-bd td { padding: 8px;color: #335460; }
.register-bd .tip, .register-bd .tip span, .register-bd .tip a { color: #5F8B76;font-size: 12px; }
.register-bd input.text { background: #d9dcdb;border: 1px solid #bfbfbd;border-radius: 2px;color: #40606C;font-size: 14px;height: 35px;padding: 0 5px; }
.tip-error { background: url(../images/tip-error.gif) left center no-repeat;color: #FF0000;padding-left: 18px; }
.register-bd td.code img { margin: 6px 0 0 96px;position: absolute; }
a.register-btn { margin-bottom: 15px;color: #FFFFFF;background: #04a654;display: block;font-size: 14px;height: 35px;line-height: 35px;text-shadow: 1px 1px 0 #66872C;width: 162px; }
a.register-btn:hover { background: #f65314;color: #FFFFFF; }
/* login */
.login {  }
.login .register-bd a { color: #F65314; }
.login .register-bd a:hover { color: #F92B91; }
.login .register-bd .button { cursor: pointer;border: 0 none;border-right: 1px solid #969A99;border-bottom: 1px solid #969A99;background: #00bb5c;width: 80px;height: 30px;line-height: 30px;vertical-align: middle;text-align: center;color: #FFFFFF; }
/* gnews-box */
.gnews-box { margin-top: 10px;border-top: 6px solid #d9dcdb;padding-top: 10px; }
.gnews-box .left { float: left;width: 740px;height: 192px;overflow: hidden; }
.gnews-box .left li { float: left;width: 228px;height: 192px;overflow: hidden;margin-right: 18px;position: relative; }
.gnews-box .left .gmark { position: absolute;left: 0;top: 0;width: 65px;height: 65px;background: url(../images/subject_mark.png) no-repeat;*background: url(../images/subject_mark.png) no-repeat;_background: url(../images/subject_mark.gif) no-repeat; }
.gnews-box .left .gnews { position: absolute;left: 0;top: 165px;width: 228px;height: 27px;background: #1a1e1d; }
.gnews-box .left .gnews a { color: #FFFFFF;text-decoration: none; }
.gnews-box .left .gnews a:hover { color: #F92B91;text-decoration: underline; }
.gnews-box .left .gnews p { width: 170px;height: 27px;line-height: 27px;padding-left: 10px;vertical-align: middle; }
.gnews-box .left .gnews .gmore { position: absolute;right: 10px;top: 3px;text-indent: -9999px;display: block;width: 20px;height: 20px;background: url(../images/go.png) no-repeat;*background: url(../images/go.png) no-repeat;_background: url(../images/go.gif) no-repeat; }
.gnews-box .right { float: left;width: 224px;height: 192px;overflow: hidden; }
.gnews-box .right ul { width: 230px;height: auto;overflow: hidden; }
.gnews-box .right li { float: left;width: 110px;height: 94px;margin-right: 4px;margin-bottom: 4px; }
.gnews-box .right li a { display: block;width: 110px;height: 94px;background: #323736;background: url(../images/gnews_ui.png) no-repeat;overflow: hidden;position: relative;outline: none;text-decoration: none;color: #FFFFFF; }
.gnews-box .right li a:hover { text-decoration: none; }
.gnews-box .right li a.gicon1 { background-position: 0 0; }
.gnews-box .right li a.gicon1:hover { background-position: -116px 0; }
.gnews-box .right li a.gicon2 { background-position: 0 -94px; }
.gnews-box .right li a.gicon2:hover { background-position: -116px -94px; }
.gnews-box .right li a.gicon3 { background-position: 0 -188px; }
.gnews-box .right li a.gicon3:hover { background-position: -116px -188px; }
.gnews-box .right li a.gicon4 { background-position: 0 -282px; }
.gnews-box .right li a.gicon4:hover { background-position: -116px -282px; }
.gnews-box .right li a span { position: absolute;right: 10px;top: 70px; }
/* g-ad-box */
.g-ad-box { height: 100px;margin-top: 15px;overflow: hidden; }
.g-ad-box img { width: 964px;height: 100px; }

/*------ < index for new version > ------*/
.panelA { width: 100%;height: auto;overflow: hidden;padding-bottom: 28px;min-width: 1180px; }
.wrapper { width: 1180px;height: auto;overflow: hidden;margin: 0 auto; }
.header, .footer { width: 100%;height: auto;overflow: hidden;min-width: 1180px; }
.header { background: #FFFFFF;border-bottom: 1px solid #d7d7d7;position: fixed;top: 0;z-index: 9999;_position: absolute;_top: expression(eval(document.documentElement.scrollTop) + "px"); }
.footer { margin-top: 12px; }
.slider_login { min-width: 1180px;width: 100%;height: 390px;overflow: hidden;position: relative;z-index: 8; }
.layout_left { float: left;width: 925px; }
.layout_right { float: right;width: 225px; }
/*------ <slider> ------*/
.slider { width: 100%;height: 390px;overflow: hidden; }
.slide { display: block;width: 100%;height: 390px;position: absolute;left: 0;top: 0;background-position: center top;background-repeat: no-repeat; }
.slider_page { position: relative;top: 370px;width: 990px;margin: 0 auto;text-align: center; }
.slider_page_bd { display: inline-block;_display: inline;*margin-left: 400px;_margin-left:0;_zoom: 1; }
.slider_page_bd a { float: left;display: block;width: 13px;height: 13px;outline: none;text-indent: -9999px;background: url(../images/change.png) -13px 0 no-repeat;_background: url(../images/change.gif) -13px 0 no-repeat;margin-right: 10px;text-indent: -9999px; }
.slider_page_bd a.on { background-position: 0 0; }
/*------ </slider> ------*/
/*------ <login> ------*/
.layout_login { width: 304px;
    height: 260px;
    overflow: hidden;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: 285px;
    background: url(../images/login_bg.png) no-repeat;
    border-radius: 6px; }
/*------ </login> ------*/
/*------ <recgame> ------*/
.recgame { height: auto;overflow: hidden; }
.recgame_hd { height: 82px;position: relative; }
	.recgame_hd_title { position: absolute;left: 0;top: 0;width: 220px;height: 82px;overflow: hidden;background: url(../comic/rec_icon_1.jpg) left center no-repeat;text-indent: -9999px; }
	.recgame_hd_rolling { position: absolute;left: 250px;top: 36px;width: 450px;height: 25px;overflow: hidden; }
		.notice_ico { position: absolute;left: 0;top: 0;width: 16px;height: 25px;background: url(../images/notice_icon.jpg) center center no-repeat; }
		.rolling_box { position: absolute;left: 30px;top: 0;width: 420px;height: 25px;overflow: hidden; }
		.rolling_box li { height: 25px;line-height: 25px; }
		.rolling_box li a { color: #545454; }
	.recgame_hd_card { position: absolute;right: 0;top: 35px;width: 142px;height: 23px;background: url(../images/card.jpg) no-repeat; }
.recgame_bd { width: 100%;height: 280px;overflow: hidden; }
.recgame_bd ul { margin-left: -16px; }
.recgame_bd li { float: left;display: inline;margin-left: 16px;width: 219px;height: 280px;overflow: hidden;position: relative; }
.recgame_bd .img_box { width: 100%;height: 280px;overflow: hidden;position: relative; }
	.hot_ico, .rec_ico { display: inline-block;width: 40px;height: 38px;overflow: hidden;position: absolute;left: 0;top: 0;background: url(../images/new_icon.png) no-repeat; }
	.rec_ico { background-position: 0 -42px; }
.recgame_bd .img_box .tit { width: 100%;height: 34px;line-height: 34px;text-align: center;position: absolute;left: 0;top: 246px;background: #000000;opacity: 0.6;filter: alpha(opacity=60);color: #fff;font-size: 14px; }
.recgame_bd .img_box .moved { transition: all 0.5s ease-in-out 0s; }
.recgame_bd .img_box .img_hover { width: 195px;height: 48px;padding: 10px 12px;background: #000000;opacity: 0.9;filter: alpha(opacity=90);color: #b8b8b8;position: absolute;top: 280px;left: 0; }
.recgame_bd .img_box .falling { top: 280px; }
.recgame_bd .img_box .up { top: 212px;transition: all 0.5s ease-in-out 0.2s; }
.img_hover .name { display: inline-block;float: left;width: 110px;font-size: 14px;font-weight: bold;overflow: hidden;text-align: left;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap; }
.img_hover p { padding-bottom: 5px;text-align: right; }
.img_hover a { color: #b8b8b8; }
.img_hover .name a { color: #ffffff; }
.img_hover .role { float: left;margin-left: 5px;display: inline; }
.img_hover a:hover, .img_hover .name a:hover, .img_hover .links a:hover { color: #ff7c00;font-weight: bold; }
.img_hover .links { float: left; }
.img_hover .links em { color: #474645;margin: 0 5px; }
.img_hover .enter_new { display: inline-block;width: 80px;height: 24px;line-height: 24px;text-align: center;background: #FF833B;color: #ffffff; }
.img_hover .enter_new:hover { text-decoration: none;color: #FFFFFF; }
.recgame_bd li .img_link { display: block;width: 219px;height: 210px;position: absolute;left: 0;top: 0; }
/*------ </recgame> ------*/
/*------ <openserv> ------*/
.openserv { height: auto;overflow: hidden; }
.openserv_hd { height: 82px;line-height: 85px;color: #f57340; }
.openserv_hd h2 { font-size: 16px; }
.openserv_hd i { color: #bbbbbb;font-style: italic; }
.openserv_bd { height: 280px;overflow: hidden;border: 1px solid #c4c4c4;background: #f1f1f1;position: relative; }
.openserv_ul { height: 221px;overflow: hidden; }
.openserv_ul li { cursor: pointer; }
.openserv_ul li a { color: #545454; }
.openserv_ul li a img.qqtip { display: none }
.openserv_ul li a:hover { text-decoration: none; }
.openserv_ul .list { width: 196px;height: 49px;line-height: 49px;margin: 0 auto;overflow: hidden;border-bottom: 1px dashed #c4c4c4; }
.openserv_ul .list table { width: 100%;color: #545454; }
.openserv_ul .detail { width: 100%;height: 70px;overflow: hidden;position: relative;border-bottom: 1px solid #c4c4c4; }
.openserv_ul .detail_left { position: absolute;left: 6px;top: 6px;width: 58px;height: 58px;overflow: hidden; }
.openserv_ul .detail_left .photo_item, .openserv_ul .detail_left .photo_mask { position: absolute;left: 0;top: 0;width: 58px;height: 58px; }
.openserv_ul .detail_right { position: absolute;left: 70px;top: 6px;width: 125px;height: 58px;overflow: hidden; }
.openserv_ul .detail_right p { height: 29px;line-height: 29px; }
.openserv_ul .detail_name { border-bottom: 1px dashed #c4c4c4; }
.openserv_page { position: absolute;left: 41px;top: 240px;width: 142px;height: 23px;border: 1px solid #c4c4c4;border-radius: 5px; }
.openserv_page a { display: block;width: 69px;height: 14px;line-height: 10px;text-align: center;float: left;margin-top: 4px;cursor: pointer;font-size: 16px; }
.openserv_page a:hover { text-decoration: none;color: #FF6600; }
a.openserv_page_left { border-right: 1px solid #c4c4c4; }
/*------ </openserv> ------*/
/*------ <goodgame> ------*/
.goodgame { height: auto;overflow: hidden; }
.goodgame_hd { height: 50px;line-height: 50px;color: #f57340;position: relative; }
.goodgame_hd h2 { font-size: 16px; }
.goodgame_hd i { color: #404040; }
.goodgame_hd .more { position: absolute;right: 0;top: 0;color: #f57340; }
.goodgame_bd { height: 310px;overflow: hidden; }
.goodgame_bd li { display: block;width: 297px;height: 145px;overflow: hidden;float: left;border: 1px solid #dee2e0;border-left: none;padding-left: 10px;color: #919492;margin-bottom: 16px; }
.goodgame_bd h3 { margin-top: 10px;height: 24px;line-height: 24px;color: #303433;font-size: 16px; }
.goodgame_bd p { line-height: 20px; }
.goodgame_bd .desc { color: #303433; }
.goodgame_bd .link { padding: 5px 0;color: #adafad; }
.goodgame_bd .link a { color: #adafad; }
.goodgame_bd .enter { display: block;width: 109px;height: 23px;line-height: 23px;text-align: center;background: #f65314;color: #FFFFFF;border: 1px solid #c84310;border-radius: 5px; }
.goodgame_bd .enter:hover { text-decoration: none;background: #c84310; }
/*------ </goodgame> ------*/
/*------ <hotgift> ------*/
.hotgift { height: auto;overflow: hidden; }
.hotgift_hd { height: 50px;line-height: 50px;color: #f57340;position: relative; }
.hotgift_hd h2 { font-size: 16px; }
.hotgift_hd i { color: #404040; }
.hotgift_hd a { position: absolute;right: 0;top: 0;font-size: 16px;color: #8d8d8d; }
.hotgift_hd a:hover { text-decoration: none;color: #FF6600; }
.hotgift_bd { border: 1px solid #c4c4c4;background: #f1f1f1;height: 310px;overflow: hidden; }
.hotgift_bd ul { width: 196px;height: auto;overflow: hidden;margin: 0 auto; }
.hotgift_bd .detail { width: 100%;height: 76px;*height: 75px;_height: 75px;overflow: hidden;position: relative;border-bottom: 1px dashed #c4c4c4; }
.hotgift_bd .detail_left { position: absolute;left: 6px;top: 6px;width: 58px;height: 58px;overflow: hidden; }
.hotgift_bd .detail_left .photo_item, .hotgift_bd .detail_left .photo_mask { position: absolute;left: 0;top: 0;width: 58px;height: 58px; }
.hotgift_bd .detail_right { position: absolute;left: 70px;top: 6px;width: 125px;height: 58px;overflow: hidden; }
.hotgift_bd .detail_right p { height: 29px;line-height: 29px; }
.hotgift_bd .detail_name { }
.hotgift_bd .detail_right a { display: block;width: 109px;height: 23px;line-height: 23px;text-align: center;background: #04a654;color: #FFFFFF;border: 1px solid #038744;border-radius: 5px; }
.hotgift_bd .detail_right a:hover { text-decoration: none;background: #038744; }
/*------ </hotgift> ------*/
/*------ <vip> ------*/
.vslider { margin-top: 12px; }
.vslider_hd { height: 50px;line-height: 50px;color: #f57340;position: relative; }
.vslider_hd h2 { font-size: 16px; }
.vslider_hd i { color: #404040; }
.vslider_bd { height: 175px;overflow: hidden;margin: 0 auto;position: relative;border: 1px solid #ccd5f1; }
.vslider_btn { position: absolute;left: 0;top: 0;width: 164px;height: 175px;overflow: hidden;background: #f4f4f4; }
.vslider_btn li { height: 58px;line-height: 58px;margin-right: 1px;position: relative; }
.vslider_btn a { display: block;width: 100%;height: 58px;position: relative;z-index: 2;color: #404040; }
.vslider_btn a:hover { text-decoration: none; }
.vslider_btn .hover a { color: #FFFFFF; }
.vslider_btn span { display: block;width: 3px;height: 58px;font-size: 0;line-height: 0;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 1; }
.vslider_btn i { padding-left: 20px; }
.vslider_btn .bar0 { background: #FF6900; }
.vslider_btn .bar1 { background: #ffc502; }
.vslider_btn .bar2 { background: #C00000; }
.vslider_pic { position: absolute;left: 165px;top: 0;width: 1015px;height: 175px;overflow: hidden; }
.vslider_pic a { display: block;width: 100%;height: 175px;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 1; }
.vslider_pic img { width: 1015px;height: 175px; }
/*------ </vip> ------*/
/*------ <friendlink> ------*/
.friendlink { margin-top: 12px; }
.friendlink_hd { height: 50px;line-height: 50px;color: #f57340;position: relative; }
.friendlink_hd h2 { font-size: 16px; }
.friendlink_hd i { color: #404040; }
.friendlink_bd { border-top: 1px solid #c4c4c4;line-height: 25px;padding: 10px 0; }
.friendlink_bd a { color: #555555;margin-right: 10px; }
.friendlink_bd a:hover { color: #ff6600; }
/*------ </friendlink> ------*/
/*------ < /index for new version > ------*/

/* 内页css */
/* main */
.main { background: #FFFFFF; }
.main a { color: #FF6600; }
.main a:hover { color: #F92B91; }
.main a.register-btn { color: #FFFFFF; }
.main a.register-btn:hover { color: #FFFFFF; }
/* banner */
.banner { width: 100%;height: 100px; }
.banner-a { display: block;width: 100%;height: 100px;text-indent: -9999px; }
/*------ <banner> ------*/
.big_banner { width: 100%;height: 390px;overflow: hidden; }
.banner_gift { background: #E37132 url(../images/banner_gift.jpg) center top no-repeat; }
.banner_pay { background: #B80000 url(../images/banner_pay.jpg) center top no-repeat; }
.banner_service { background: #E0E0E0 url(../images/banner_service.jpg) center top no-repeat; }
.banner_vip { background: #0086FF url(../images/banner_vip.jpg) center top no-repeat; }
.banner_prize { background: #100201 url(../images/banner_prize.jpg) center top no-repeat; }
.big_banner a { display: block;width: 100%;height: 390px;text-indent: -9999px; }
/*------ </banner> ------*/
/* search */
.search { position: relative;width: 100%;height: 40px;overflow: hidden; }
.search .text { width: 240px; }
.search .button { position: absolute;left: 256px;top: 0;height: 29px;line-height: 29px; }
/* no-bg */
.no-bg { background: none; }

.tip-con { color: #335460;font-size: 14px;line-height: 24px;padding: 4px 0 4px 8px;background: #f2fafa;border: 1px solid #c9e5e9;border-radius: 5px; }
.dj-share { clear: both;float: left;height: 28px;margin: 5px 0;width: 100%; }
.dj-share #bdshare span { background: rgba(0, 0, 0, 0);float: left;font-size: 14px;line-height: 22px;margin-left: 5px;padding-top: 2px; }
.trade table th, .trade table td { padding: 4px 2px; }
#dj-trade-mkt-search-form table { margin-top: 10px; }
#dj-trade-mkt-search-form table td { padding: 0; }
#dj-trade-mkt-search-form input.button { margin-left: 5px;height: 27px;line-height: 27px; }
.text { background: #f1f1f1 url(../images/dot-shadow.gif) 0 -3px repeat-x;border: 1px solid #d9d9d9;border-radius: 2px;color: #40606C;font-size: 14px;height: 27px;line-height: 27px;vertical-align: middle;padding: 0 5px; }
select.text { height: auto;padding: 5px; }
table.data { margin: 20px 0 30px;width: 98%; }
table.data th { font-weight: bold;font-size: 14px;height: 30px;line-height: 30px; }
table.data td { border-top: 1px solid #c4c4c4; }
table.data td.n { color: #6C8289;font-size: 14px;height: 60px; }

/* c-box */
.c-box { width: 238px;height: auto;overflow: hidden;position: relative;padding-top: 8px; }
.c-box-hd { position: relative;height: 32px;padding-left: 10px;line-height: 30px;background: none;color: #545454;font-size: 16px;font-weight: normal; }
.c-box-hd .m-list-more { position: absolute;right: 8px;top: 4px;width: 20px;height: 20px;line-height: 20px;text-align: center;display: block;color: #969696; }
.c-box-bd { padding-top: 10px;padding-bottom: 10px;background: #f1f1f1;border: 1px solid #c4c4c4;color: #545454; }
.c-box-bd a { color: #545454; }
.c-box-bd ul {  }
.c-box-bd li { height: 28px;line-height: 28px;vertical-align: middle;border-bottom: 1px dashed #A4A6A5;padding-left: 10px; }
.c-box-ft {  }

/* problem */
.problem { overflow: hidden;position: relative; }
.problem .c-box-hd { position: relative; }
.problem .c-box-hd .m-list-more {  }
.problem .c-box-bd {  }
.problem .c-box-bd ul { width: 200px;height: auto;overflow: hidden;margin: 0 auto; }
.problem .c-box-bd li { overflow: hidden;padding: 0; }

/* newOpen */
.newopen {  }
.newOpen .c-box-bd { padding-bottom: 10px; }
.newOpen .c-box-bd ul {  }
.newOpen .c-box-bd li { padding-right: 90px;position: relative; }
.newOpen .c-box-bd li span { position: absolute;right: 10px;top: 0;color: #b2f6d3; }

/* newGet */
.newGet {  }
.newGet .c-box-hd { padding: 0;text-indent: 10px; }
.newGet .c-box-bd { padding-top: 5px;padding-bottom: 5px; }
.newGet .c-box-bd ul {  }
.newGet .c-box-bd li { height: auto;color: #545454;padding-right: 8px;border-bottom: 1px dashed #b9b9b9; }
#gift-event { width: 220px;height: 90px; overflow: hidden;margin: 0 auto; }
#gift-event p { height: 45px;line-height: 20px; }

/* cs-box */
.cs-box {  }
.cs-box .c-box-bd { padding-bottom: 5px; }
.cs-box .c-box-bd p { padding: 0 10px;line-height: 20px;color: #545454;padding-top: 5px; }
a.cs-box-a { display: block;width: 100px;height: 34px;line-height: 34px;vertical-align: middle;text-align: center;background: #008b69;color: #FFFFFF;font-size: 16px;margin: 10px; }
a.cs-box-a:hover { background: #F92B91;color: #FFFFFF;text-decoration: none; }
/* page */
.page { float: left; padding: 0 0 0 10px; margin: 10px 0 10px 0; clear: both; }
.page span { float: left; margin: 0 3px 0 0; padding: 0 8px 0 8px; height: 22px; line-height: 22px; text-align: center; }
.page a { float: left; color: #777777;margin: 0 3px 0 0; padding: 0 8px 0 8px; height: 22px; line-height: 22px; background: #f7f7f7; border: 1px solid #c4c4c4; cursor: pointer; text-align: center; }
.page a:hover { border: 1px solid #00aeff;text-decoration: none; }
.page a.on { color: #f92b91; border: 1px solid #f92b91; }
.page input { float: left; padding: 0; color: #FF6600; border: 1px solid #c4c4c4; width: 30px; height: 22px; line-height: 22px; margin-right: 3px; text-align: center; }

/* gift */
.gift-hd {  }
.gift-hd { height: 50px;line-height: 50px;color: #f57340;position: relative; }
.gift-hd h2 { font-size: 16px;font-weight: normal; }
.gift-hd h2 i { color: #404040; }
.gift-bd {  }
.gift-bd ul { width: 220px;height: auto;margin: 0 auto;overflow: hidden; }
.gift-bd li { height: auto;border-bottom: 1px dashed #9f9f9f;color: #545454;padding: 0; }
.gift-bd .b-bt1 { border-bottom: 1px dotted #afafaf; }
.gift-bd-img { _display: inline;margin-left: 2px;margin-top: 12px;width: 50px;height: 50px;position: relative; }
.gift-bd-photo, .gift-bd-wrap { position: absolute;left: 0;top: 0;width: 50px;height: 50px;z-index: 3; }
.gift-bd-wrap { z-index: 5; }
.gift-bd-con { margin-right: 10px;margin-top: 5px;width: 145px; }
.gift-bd-con p, .gift-bd-con a { line-height: 20px; }
.gift-bd-con a { color: #5df6a8; }
.gift-bd-con p a { color: #FF6600; }

/* gift-list */
.gift-list { clear: both; }
.gift-list .item { float: left; width: 175px; height: 260px; position: relative; margin-top: 15px;overflow: hidden;_display: inline; }
.gift-list .pic { padding: 0 0 5px 25px; border-bottom: 1px solid #e4e4e4; margin: 0 25px 0 10px; }
.gift-list .detail { padding: 5px 0 0 15px; line-height: 24px; }
.gift-list .detail p a { color: #a9b7b7; margin: 0 10px 0 0; }
.gift-list .detail p.title { color: #648a1d; font-weight: bold; float: left; width: 100%; }
.gift-list .detail p.title a { color: #528400; margin: 0; font-weight: bold; float: left; width: 140px; height: 26px; overflow: hidden; }
.gift-list .detail p a:hover { color: #f92b91; }

.gift .left { margin-top: 2px; }
.gift .right { margin-top: 250px; }
.gift .content { font-size: 14px; padding: 15px 10px 30px 0; }
.gift .content p, .gift .content span { font-size: 14px; }
.gift .content .date { margin-bottom: 20px; }
#gift-head { float: left; padding-bottom: 30px; }
#gift-head .img { float: left; border-radius: 5px; }
#gift-head ul { float: left; margin: 30px 0 0 40px; }
#gift-head .gift-con { margin-top: 0;margin-left: 20px; }
#gift-head li { margin-bottom: 10px; }
#gift-head li.title { margin-bottom: 10px; font-weight: bold; color: #528400; font-size: 16px; }
#gift-head li, #gift-head li span { font-size: 14px; }
#gift-head li a { margin: 0; }
#gift-thumb { float: left; padding-bottom: 20px; }
#gift-thumb .img { float: left; border-radius: 5px; width: 50px; height: 50px; border: 1px solid #c9e5e9; margin-left: 10px; }
#gift-thumb ul { float: left; margin: 2px 0 20px 15px; width: 600px; }
#gift-thumb li { margin-bottom: 5px; float: left; width: 49%; }
#gift-thumb li.title { width: 100%; }
#gift-thumb li, #gift-thumb li span { font-size: 14px; }
#gift-thumb li a { margin: 0; }
h3.gift-title { clear: both;height: 30px;line-height: 30px;vertical-align: middle;font-size: 15px;font-weight: bold; }
.gift .address { padding: 0 20px 30px 10px; }
.gift .address h4 { float: left; width: 100%; color: #138065; font-size: 16px; margin: 0 0 8px 0; border-bottom: 1px solid #c9e5e9; padding: 15px 0 8px 0; clear: both; }
.gift .address ul { float: left; width: 720px; border: 1px solid #ededc7; background-color: #fafae7; padding: 10px 0 10px 15px; }
.gift .address li { font-size: 14px; padding: 3px 0 3px 0; }
.gift .address li label:hover { color: #f92b91; cursor: pointer; }
.gift-con a.a-btn { width: 100px;color: #FFFFFF; }
.gift-con a.a-btn:hover { background: #F65314;color: #FFFFFF; }
.exchange #gift-thumb { float: none;height: auto;overflow: hidden; }
.exchange h3.title { height: 30px;line-height: 30px;vertical-align: middle;font-size: 18px; }
.exchange .address { height: auto;overflow: hidden; }
.address-form {  }
.address-form table { float: left; }
.gift-tab li.active a { font-size: 16px; }
.exchange h3.success { height: 25px;line-height: 25px;vertical-align: middle;padding: 5px 0;font-size: 16px; }
/* prize */
.prize {  }
.prize-hd-p1 { font-size: 15px; }
.prize-hd-p2 { font-size: 15px;margin-top: 8px; }
.prize-bd-p3 { padding: 5px 0;height: 25px;line-height: 25px;vertical-align: middle; }
.prize-bd-p3 a.link-inline-btn { color: #FFFFFF; }
.prize-bd-p3 a.link-inline-btn:hover { color: #FFFFFF; }
.prize-bd-h4 { overflow: hidden;height: 44px;line-height: 56px;vertical-align: middle;padding-left: 50px;border-bottom: 1px solid #c4c4c4;background: url(../images/number.gif) left 0 no-repeat;font-size: 18px; }
.prize-bd-h4.h4-pos1 { margin-top: 20px; }
.prize-bd-h4.h4-pos2 { background-position: 0 -44px; }
.prize-bd-h4.h4-pos3 { background-position: 0 -88px;margin-top: 30px; }
.prize-bd-h4.h4-pos4 { background-position: 0 -132px;margin-top: 30px; }
a.prize-bd-btn { background: #04a654;width: 154px;height: 34px;line-height: 34px;font-size: 14px;color: #FFFFFF; }
a.prize-bd-btn:hover { background: #F65314;color: #FFFFFF; }

/* charge */
.charge {  }
.pay-hd { border-bottom: 1px solid #c4c4c4;height: 44px;line-height: 44px;position: relative; }
.pay-hd-h4 { clear: both;background: url(../images/number.gif) 0 0 no-repeat;font-size: 16px;height: 40px;line-height: 50px;padding-left: 50px; }
.pay-hd-h4.h4-pos1 {  }
.pay-hd-h4.h4-pos2 { background-position: 0 -44px; }
.pay-hd-h4.h4-pos3 { background-position: 0 -88px; }
.pay-hd-h4.h4-pos4 { background-position: 0 -132px; }
.pay-user { left: 200px;position: absolute;top: 8px;width: 600px;z-index: 2; }
.pay-user li { float: left;margin-right: 25px; }
.pay-nav { float: left;line-height: 22px;padding-bottom: 20px;width: 200px;background: #f1f1f1; }
.pay-nav li a { background: #FFFFFF url(../images/ui.gif) 0 -142px no-repeat;color: #647D86;display: block;font-size: 14px;height: 51px;line-height: 51px;margin: 5px 0 5px 5px;padding-right: 33px;text-align: right;width: 150px; }
.pay-nav li a:hover { color: #f92b91; background-position: 0 -193px; }
.pay-nav li a.on { background: #FFFFFF;border-bottom: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;color: #528400;margin: 5px 0;width: 172px; }
.pay-con { float: left;padding-bottom: 50px;width: 490px;_display: inline;margin-left: 12px; }
.pay-con .tip { border-bottom: 1px solid #c4c4c4;margin: 15px 8px 10px;padding: 0 5px 8px 8px; }
.pay-account-bd, .pay-g-bd, .pay-amount-bd { margin: 10px 0 0 50px; }
.pay-g-bd input, .pay-g-bd a { float: left;margin-right: 5px;text-align: center;color: #FFFFFF; }
.pay-g-bd input { color: #000000; }
.pay-g-bd a:hover { background: #F65314;color: #FFFFFF; }
a#pay-enter-btn {  background: #04A654;color: #FFFFFF;font-size: 16px;text-align: center;text-decoration: none;vertical-align: middle;display: block;width: 60px;height: 27px; }
a#pay-enter-btn:hover { background: #F65314;color: #FFFFFF; }
.pay-amount-bd li { float: left;margin-right: 10px;font-size: 14px;height: 30px; }
.pay-amount-bd li label { color: #FF8A00;cursor: pointer; }
.pay-cfm-bd { clear: both;font-size: 14px;padding: 10px 0 10px 50px;margin-top: 10px;border-top: 1px solid #c4c4c4; }
.pay-cfm-bd li { margin: 10px 0; }
#pay-confirm td { padding: 0; }
#pay-confirm td.disable { text-indent: 5px; }
#pay-name .high { color: #F92B91; }
a.pay-cfm-btn { background: #04a654;width: 110px;height: 27px;line-height: 27px;color: #FFFFFF; }
a.pay-cfm-btn:hover { background: #F65314;color: #FFFFFF; }
.charge .c-panel-left { position: relative; }
.pay-g-sel,.pay-s-sel { background: #F2FAFA url(../images/dot-shadow.gif) center top repeat-x;border: 2px solid #67D3E0;border-radius: 4px;clear: both;margin-top: -90px;overflow: auto;padding: 15px;position: absolute;width: 525px;z-index: 9999; }
.pay-g-sel a.close, .pay-s-sel a.close { color: #336699;display: block;font-size: 20px;height: 22px;position: absolute;right: 2px;top: 3px;width: 22px; }
.pay-g-sel h4, .pay-s-sel h4 { border-bottom: 1px solid #C9E5E9;clear: both;font-size: 14px;font-weight: bold;height: 25px;line-height: 20px;margin: 0 0 5px;padding: 0; }
.pay-g-sel h4 span, .pay-s-sel h4 span { color: #5C7F89;font-size: 12px;font-weight: normal; }
.pay-g-sel a.game { border: 2px solid #F2FAFA;display: block;height: 60px;text-align: center;width: 92px; }
.pay-g-sel a.game .logo { background: none;border: 1px solid #C9E5E9;height: 40px;margin: 5px;width: 80px; }
.pay-g-sel a.game .balance { background-image: url(../images/dq-logo.gif); }
#pay-charge-game { clear: both;margin-bottom: 10px; }
#pay-g-list { font-size: 14px; }
#pay-g-list .item { float: left; }
#pay-g-list .item a, #pay-charge-balance a { color: #df8505; }
#pay-confirm.cfm { padding-left: 50px;margin-top: 10px; }
.pay-self { padding-left: 50px;margin-top: 10px; }
#pay-s-list {  }
#pay-s-list .item { float: left;width: 80px;height: 25px;margin-right: 5px;margin-bottom: 5px; }
#pay-s-list .item a { display: block;width: 80px;height: 25px;line-height: 25px;vertical-align: middle;text-align: center;color: #FFFFFF;background: #00bb5c;font-size: 14px;text-decoration: none; }
#pay-s-list .item a:hover { background: #F92B91;text-decoration: none; }
.disable a { color: #df8505; }

/* vip */
.vmark { color: #f65314; }

.vip {  }
.vip-con {  }
.vip-con h3 { font-weight: bold;height: 40px;line-height: 40px;padding: 5px 0;font-size: 16px; }
.vip-con h4 { font-weight: bold;height: 30px;line-height: 30px; }
.vip-con table th, .vip-con table td { height: 25px;line-height: 25px;vertical-align: middle; }

.my_vip { height: auto;overflow: hidden;padding-bottom: 16px;border-bottom: 1px solid #999999; }
.my_vip dl { padding-left: 128px;padding-right: 100px; }
.my_vip dd { line-height: 22px; }
.my_vip p { margin-top: 16px;height: 32px;overflow: hidden;padding-right: 85px; }
.my_vip p .a-btn { float: right;width: 124px;height: 32px;text-indent: -9999px;background: url(../images/vip_btn.png) no-repeat; }

.vip_fanli { padding-bottom: 25px;border-bottom: 1px solid #999999; }
.vip_fanli_img { width: 695px;height: 300px;overflow: hidden;background: url(../images/vip_line.png) no-repeat; }
.vip_fanli_bd { margin-top: 25px;line-height: 22px;padding-left: 150px; }

.vip_info { padding-bottom: 20px;border-bottom: 1px solid #999999;line-height: 22px; }

.vip_spec { padding-bottom: 20px; }
.vip_spec ul li { height: 25px;line-height: 25px; }
.vip_spec dl dt { float: left; }
.vip_spec table { width: 650px;margin-top: 20px; }
.vip_spec td { text-align: center; }
.vip_spec td.green { text-align: left; }
.vip_spec .even td { background: #f1f1f1; }

/* password */
.password {  }
.password-bd {  }
.password-bd th, .password-bd td { color: #000000; }

/* album */
#dj-album { float: left; width: 760px; height: 600px; margin-top: 30px; position: relative; overflow: hidden; }
#dj-album .dj-album-photo { background:url(../images/loading.gif) center center no-repeat; border-radius: 10px; background-color: #ffffff;
    -webkit-transition:top .5s ease-in-out, left .5s ease-in-out, width .5s ease-in-out, height .5s ease-in-out;
    -moz-transition:top .5s ease-in-out, left .5s ease-in-out, width .5s ease-in-out, height .5s ease-in-out;
    -o-transition:top .5s ease-in-out, left .5s ease-in-out, width .5s ease-in-out, height .5s ease-in-out;
    transition:top .5s ease-in-out, left .5s ease-in-out, width .5s ease-in-out, height .5s ease-in-out;
}
.arrow-left { cursor:url(http://s0.static.duoqu.com/www/img/cur/arrow-left.cur), auto; }
.arrow-right { cursor:url(http://s0.static.duoqu.com/www/img/cur/arrow-right.cur), auto; }
.dj-album-photo img { border-radius: 10px;
    -webkit-transition:opacity .2s ease-in-out, width .5s ease-in-out, height .5s ease-in-out;
    -moz-transition:opacity .2s ease-in-out, width .5s ease-in-out, height .5s ease-in-out;
    -o-transition:opacity .2s ease-in-out, width .5s ease-in-out, height .5s ease-in-out;
    transition:opacity .2s ease-in-out, width .5s ease-in-out, height .5s ease-in-out;
}
#dj-album-nav { float: left; width: 120px; height: 660px; position: relative; }
#dj-album-nav .dj-album-list { position: absolute; top: 60px; left: 30px; width: 110px; height: 530px; overflow: hidden; }
#dj-album-nav .dj-album-list div { -webkit-transition:top .5s ease-in-out; -moz-transition:top .5s ease-in-out; -o-transition:top .5s ease-in-out; transition:top .5s ease-in-out; }
#dj-album-nav .dj-album-list a { display: block; width: 104px; height: 104px; position: relative; border-radius: 6px; background: #e0e0e0; margin: 2px; }
#dj-album-nav .dj-album-list a:hover { background: #f92b91; }
#dj-album-nav .dj-album-list img { position: absolute; border-radius: 5px; margin: 1px; cursor: pointer; margin: 2px 0 0 2px; }
#dj-album-nav .img-box { position: absolute; top: 273px; left: 31px; border-radius: 5px; z-index: 9; border: 4px solid #ff54b5; width: 98px; height: 98px; }
#dj-album-content { clear: both; margin: 10px 0 0 0; border-top: 1px solid #c9e5e9; padding: 10px 10px 30px 10px; font-size: 14px; }

/* 充值提示页 */
.pay-s-tips { font-size: 25px;height: 56px;line-height: 56px;vertical-align: middle;text-indent: 10px;border-bottom: 1px solid #DDDDDD;margin-top: 20px; }
.pay-s-con { margin-top: 20px; }
.pay-s-link { margin-top: 10px; }
.pay-s-con li, .pay-s-link li { height: 25px;line-height: 25px;vertical-align: middle; }
.pay-s-link li a { color: #df8505;text-decoration: none; }
.pay-s-link li a:hover { color: #F92B91;text-decoration: underline; }

/* game */
.game { padding-bottom: 20px; }
.game-hd { padding-top: 20px;background: #D9DCDB; }
.game-hd-bd { height: 218px;overflow: hidden;position: relative; }
.rec-box { position: relative; }
.rec-con { float: left;width: 228px;height: 218px;_display: inline;margin-right: 14px;position: relative; }
.rec-item, .news { position: absolute;left: 0;top: 0;width: 228px;height: 218px;z-index: 1; }
.rec-bg { width: 228px;height: 218px;cursor: pointer; }
.rec-bg img { width: 228px;height: 192px; }
.rec-bd { position: absolute;left: 0;top: 130px;z-index: 3;width: 228px;height: 87px;color: #FFFFFF; }
.rec-bd span { position: absolute;left: 10px;top: 5px;width: 36px;height: 36px;line-height: 36px;vertical-align: middle;text-align: center;font-size: 32px;font-weight: bold; }
.rec-bd h2, .rec-bd p { position: absolute;left: 50px;width: 175px;vertical-align: middle; }
.rec-bd h2 { height: 30px;line-height: 30px;font-size: 24px;top: 0;  }
.rec-bd p { height: 25px;line-height: 25px;font-size: 12px;top: 30px; }
.reg-bd-bg1 { background: #D33A00; }
.reg-bd-bg2 { background: #008543; }
.reg-bd-bg3 { background: #057C82; }
.rec-ft { cursor: pointer;position: absolute;left: 0;top: 185px;z-index: 4;width: 228px;height: 32px;line-height: 32px;vertical-align: middle;background: #1a1e1d; }
.rec-corn { width: 17px;height: 14px;background: url(../images/corn1.png) no-repeat;position: absolute;left: 20px;top: -14px; }
.rec-ft .m-list { padding-left: 10px; }
.news { z-index: 5;background: #1a1e1d; }
.news .m-list { margin: 10px; }
.news .m-list li { height: 25px;line-height: 25px;vertical-align: middle; }

.game-bd { margin-top: 30px;padding-bottom: 20px; }
.game-bd-item { border-bottom: 1px solid #c0c3c2;padding-top: 10px;padding-right: 5px;width: 315px;height: auto;overflow: hidden; }
.game-bd-item dl {  }
.game-bd-item dl dt { _display: inline;margin-left: 5px;padding-left: 5px;padding-bottom: 10px;border-left: 1px solid #c0c3c2;width: 95px; }
.game-bd-item dl dt h5 { height: 20px;line-height: 20px;vertical-align: middle;font-size: 15px;margin-bottom: 10px; }
.game-bd-item dl dt p { line-height: 20px; }
.game-bd-item dl dd { _display: inline;margin-left: 5px;padding-bottom: 10px;width: 202px; }
.game-bd-item dl dd img { width: 202px;height: 148px; }

/* game-detail */
.g-info-box.box, .g-notice-box.box, .g-rec-box.box, .g-all-box.box { padding-top: 50px; }
.g-info-box h2, .g-notice-box h2, .g-rec-box h2, .g-all-box h2 { font-weight: bold;color: #223d46;font-size: 16px;border-bottom: 1px solid #c0c3c2;padding-left: 30px;position: relative; }

/* game-list */
.game-list .game-bd { margin-top: 0; }

/* user */
.uc-box { height: auto;overflow: hidden; }
.uc-nav { float: left;line-height: 22px;padding-bottom: 20px;width: 200px;background: #edf8f8; }
.uc-nav li a { background: #FFFFFF url(../images/ui.gif) 0 -142px no-repeat;color: #647D86;display: block;font-size: 14px;height: 51px;line-height: 51px;margin: 5px 0 5px 5px;padding-right: 33px;text-align: right;width: 150px; }
.uc-nav li a:hover { color: #f92b91; background-position: 0 -193px; }
.uc-nav li a.on { background: #FFFFFF;border-bottom: 1px solid #C9E5E9;border-top: 1px solid #C9E5E9;color: #528400;margin: 5px 0;width: 172px; }
.uc-box .content { float: left;padding-bottom: 50px;width: 490px;_display: inline;margin-left: 20px; }
.uc-box .content a { color: #00bb5c; }
.uc-box .content h3 { height: 44px;line-height: 44px;vertical-align: middle;font-size: 16px;font-weight: bold;border-bottom: 1px solid #DDDEEE; }
.uc-box .content td { padding: 4px 3px; }
.uc-box .content .split td { border-top: 1px solid #DDDDDD; }

/* 游戏详情 */
.g-info-box {  }
.g-info-box.box { padding-top: 10px; }
.g-info-box h2 { padding-left: 360px; }
.g-info-box .box-hd { position: relative; }
.g-info-box .box-hd .list-fl { position: absolute;right: 40px;top: 12px; }
.g-info-box .box-hd .list-fl li { height: 22px;line-height: 22px; }
.g-info-box .box-hd .list-fl li span { margin: 0 5px; }
.g-info-box .box-bd { position: relative;padding-left: 360px;width: 480px; }
.g-info-box .box-bd img { position: absolute;left: 30px;top: -45px;width: 300px;height: 220px; }
.g-info-box .box-bd .list-fl { margin-top: 10px; }
.g-info-box .box-bd .list-fl li { width: 235px;height: 25px;line-height: 25px;font-size: 14px; }
.g-info-box .box-bd p.cGreen { height: auto;margin-top: 6px;font-size: 14px; }

/* 最新公告 */
.g-notice-box { margin-top: 10px; }
.g-notice-box .box-hd { position: relative; }
.g-notice-box .box-hd a.cGreen { position: absolute;left: 110px;top: 2px; }
.g-notice-box .box-bd { padding-left: 30px; }
.g-notice-box .box-bd .list-fl { width: 800px;margin-top: 10px; }
.g-notice-box .box-bd .list-fl li { width: 350px;height: 25px;line-height: 25px;font-size: 14px;position: relative;padding-left: 50px; }
.g-notice-box .box-bd .list-fl li span { position: absolute;left: 0;top: 0; }

/* 游戏服务器列表 */
.box-svr { display: block;width: 964px;height: auto;margin: 0 auto; }
.box-svr .box-hd { height: 40px;line-height: 40px;vertical-align: middle;color: #c0c3c2; }
.box-svr .box-bd { height: auto; }
.box-svr .box-svr-list { margin-top: 10px;margin-bottom: 10px; }
.box-svr-list li .high{ color: #fff; }
.box-svr .box-svr-list li { width: 164px;height: 35px;color: #FFFFFF;margin-right: 22px;margin-bottom: 15px;font-size: 15px; }
.box-svr .box-svr-list li a { display: block;width: 164px;height: 35px;line-height: 35px;vertical-align: middle;text-align: center;color: #FFFFFF;background: #242424;text-decoration: none; }
.box-svr .box-svr-list li a:hover { background: #f65314;text-decoration: none; }

/* 最近登录游戏区 */
.g-last-box { margin-top: 20px; }
.g-last-box .box-hd {  }
.g-last-box .box-bd { padding-left: 30px; }

/* 推荐游戏区 */
.g-rec-box { margin-top: 20px; }
.g-rec-box .box-hd {  }
.g-rec-box .box-bd { padding-left: 30px; }

/* 全部游戏区 */
.g-all-box {  }
.g-all-box.box-svr {  }
.g-all-box .box-hd { position: relative; }
.g-all-box .tab-hd { background: none; }
.g-all-box .tab-bd { padding-top: 10px;padding-left: 30px; }
.g-all-box .enter-box { position: absolute;left: 200px;top: 6px;height: 29px;line-height: 29px;vertical-align: middle; }
.g-all-box .enter-box li { color: #323736;font-size: 14px; }
.g-all-box .enter-box-con { width: 115px;height: 21px;border: 2px solid #76280a;background: #76280a;position: relative; }
.g-all-box .enter-box-con .text { position: absolute;left: 5px;top: 0;width: 58px;height: 21px;line-height: 20px;vertical-align: middle;background: none;border: none;color: #FFFFFF;font-size: 16px; }
.g-all-box .enter-box-con .button { padding: 0;display: block;width: 43px;height: 25px;line-height: 25px;vertical-align: middle;text-align: center;border: 2px solid #f78511;background: #f9bc0e;color: #f65314;position: absolute;right: -2px;top: -2px;text-decoration: none; }

/* cs */
.cs {  }
.cs-con-hd { font-size: 14px; }
.cs-con-hd ul {  }
.cs-con-hd ul li { font-size: 14px;list-style: decimal;line-height: 25px; }
.cs-con-bd {  }
.cs-con-bd .tab-hd { background: none; }
.cs-con-main { padding-top: 20px; }
.cs-con-main li { border-bottom: 1px solid #bcbcba;float: left;font-size: 14px;height: 50px;padding-top: 10px;width: 33%; }
.cs-con-main li a { color: #65878b;text-decoration: none; }
.cs-con-main li a:hover { color: #F92B91;text-decoration: none; }
.cs-con-tel { height: 60px;line-height: 60px;border-bottom: 1px solid #AAAAAA; }
.cs-con-qq { height: 50px;line-height: 35px;margin-top: 15px;position: relative; }
.cs-con-qq b, .cs-con-tel b { float: left;font-size: 18px;margin-right: 15px; }
.cs-con-tel span { color: #F65314;font-size: 30px;font-weight: bold; }
.cs-con-qq a.a-btn { width: 154px;height: 34px;line-height: 34px;position: absolute;left: 168px;top: 0;color: #FFFFFF; }
.cs-con-qq a.a-btn:hover { background: #F92B91;color: #FFFFFF; }

/* service-faq */
.service-faq { border-bottom: 1px solid #CCCCCC;float: left;height: 220px;padding: 10px;width: 335px; }
.service-faq table.data { margin: 5px 0 10px;width: 100%; }
.service-faq table.data th, .service-faq table.data td { padding: 6px;text-align: left; }
.service-faq table.data td { border-top: 1px solid #DDDDDD; }
.service-faq th a { color: #0099AB; }
.service-faq td a { color: #9A9795; }
.service-faq td a:hover { color: #FF6600; }

/* faq */
.faq .c-panel-left { border-top: 1px solid #DDDDDD; }
.faq-nav { line-height: 22px;padding-bottom: 20px; width: 200px;background: #EDF8F8; }
.faq-nav li a { background: url(../images/ui.gif) 0 -142px no-repeat;color: #647D86;display: block;font-size: 14px;height: 51px;line-height: 51px;margin: 5px 0 5px 5px;padding-right: 33px;text-align: right;width: 150px; }
.faq-nav li a.active { background: #FFFFFF;border-bottom: 1px solid #C9E5E9;border-top: 1px solid #C9E5E9;color: #528400;margin: 5px 0;width: 175px; }
.faq-nav li a:hover { background-position: 0 -193px;color: #F92B91; }
.faq-con { font-size: 12px;padding: 20px;padding-top: 10px;width: 470px;line-height: 22px; }
.faq-con .title { font-size: 14px;padding: 5px 0;height: 25px;line-height: 25px;vertical-align: middle; }
.faq-list li { margin-bottom: 10px; }
.faq-list li p a { color: #008B69;font-size: 14px; }

/* g-sel */
.g-sel { border-bottom: 1px solid #DDDDDD;clear: both;margin: 0 0 10px;padding: 10px 0;width: 100%;height: auto;overflow: hidden; }
.g-sel a { color: #436470;float: left;height: 24px;line-height: 24px;margin: 2px 3px;text-indent: 15px;width: 101px;overflow: hidden;}
.g-sel a:hover { color: #F92B91;background: url(../images/ui.gif) -183px -166px no-repeat; }
.g-sel a.on { background: url(../images/ui.gif) -183px -142px no-repeat;color: #528400;text-indent: 20px; }

/* article-list */
.article-list { clear: both;margin: 15px 0 20px; }
.article-list li { border-bottom: 1px solid #DDDEEE;margin: 5px;padding: 10px;position: relative;width: 683px;height: auto;overflow: hidden;clear: both; }
.article-list li a { color: #9A9795;text-decoration: none; }
.article-list li a:hover { color: #FB8520;text-decoration: underline; }
.article-list li span { float: left;font-size: 14px;width: 90px;overflow: hidden; }
.article-list li span.link { width: 395px; }
.article-list li span.date { position: absolute;right: 0;top: 8px; }
.article-list li span.sdate { right: 100px; }
.article-list li span.qtip { position: absolute;right: 0;top: 8px; }

/* short */
.st-box { top: 20px; }

/* prize-mission */
h4.title { border-bottom: 1px solid #E7E7E7;margin-bottom: 5px;padding-bottom: 5px;font-size: 16px;height: 26px;line-height: 26px; }
.prize-mission .c-panel-left p { font-size: 14px;line-height: 24px;padding: 3px 0 3px 5px; }
.prize-mission .g-intro {  height: auto;overflow: hidden;padding-bottom: 10px;background-position: 0 50px;border-bottom: 1px solid #E7E7E7;line-height: 24px;margin-top: 7px; }
.g-intro p, .g-intro div, .g-intro a, .g-intro span { font-size: 14px; }
.g-intro-des .links a { color: #FF8A00; }
.g-intro-head { padding: 20px 0 0 20px; }
.prize-mission .g-intro a.img { width: 215px; }
.g-intro-head a.img { float: left;font-size: 0; }
.g-intro-head a.img img { border: 1px solid #D3E3E5;border-radius: 6px; }
.prize-mission .g-intro-des { padding-bottom: 20px;width: 680px; }
.prize-mission .g-intro-des .links { margin-top: 5px;float: right; }
#dj-today-credit .big { color: #df8505; }
.mission-state a.norm { background: #04a654;width: 80px;height: 34px;line-height: 34px;font-size: 14px;color: #FFFFFF; }
.mission-state a.norm:hover { background: #F65314;color: #FFFFFF; }

/* card-list */
.card-list { width: 700px;margin-top: 10px;margin-bottom: 10px; }
.card-list th, .card-list td { text-align: left;height: 25px;line-height: 25px;vertical-align: middle; }
.card-list th { font-weight: bold; }
.card-list a { color: #3493A4;text-decoration: none; }
.card-list a:hover { color: #F92B91;text-decoration: underline; }
.card-list a.a-btn { float: left;margin-right: 5px;font-size: 14px;color: #FFFFFF;background: #04A654;text-decoration: none; }
.card-list a.a-btn:hover { background: #F92B91;color: #FFFFFF;text-decoration: none; }
.card-bd { position: relative; }
.card-bd h3.title { height: 30px;line-height: 30px;vertical-align: middle;font-size: 15px;padding: 5px 0;border-bottom: 1px solid #DDDDDD;margin-bottom: 10px; }
.card-bd p.tip { clear: both;padding: 10px 0; }
.card-bd a.cYellow { font-size: 16px; }
.card-bd .btn a { width: auto;padding: 5px 10px;font-size: 15px;float: left;margin-right: 10px;color: #FFFFFF;background: #04A654; }
.card-bd .btn a:hover { color: #F92B91;background: #04A654; }

#pay-charge-server h4 { padding: 5px 0; }
#pay-g-sel, #pay-s-sel { background: #F2FAFA url(../images/dot-shadow.gif) center top repeat-x;border: 2px solid #67D3E0;border-radius: 4px;clear: both;margin-top: -30px;overflow: auto;padding: 15px;position: absolute;width: 525px;z-index: 9999; }
#pay-g-sel h4, #pay-s-sel h4 { border-bottom: 1px solid #C9E5E9;clear: both;font-size: 14px;font-weight: bold;height: 25px;line-height: 20px;margin: 0 0 5px;padding: 0; }
#pay-g-sel h4 span, #pay-s-sel h4 span { color: #5C7F89;font-size: 12px;font-weight: normal; }
#pay-g-sel a.close, #pay-s-sel a.close { color: #336699;display: block;font-size: 20px;height: 22px;position: absolute;right: 2px;top: 3px;width: 22px; }
.card-box { margin-top: 0; }
.card-box th, .card-box td { height: 30px;line-height: 30px;vertical-align: middle; }
.card-box th { text-align: left; }
/* message */
.message {  }
.message .msg p { line-height: 25px;vertical-align: middle; }
.message .msg a { color: #df8505;text-decoration: none; }
.message .msg a:hover { color: #F92B91;text-decoration: underline; }
.message .msg h3 { height: 30px;line-height: 30px;vertical-align: middle;margin-bottom: 5px;font-size: 20px; }
.message .msg .content { padding: 5px 0; }
.message .tab-hd { background: none; }

/* game-task-tb */
.game-task-tb { width: 700px;margin-bottom: 30px; }
.mission-progress th { text-align: left; }
.mission-progress td { line-height: 25px; }
.mission-progress td a { color: #df8505;text-decoration: none; }
.mission-progress td a.small{ margin-right: 10px; }
.mission-progress td a:hover { color: #F92B91;text-decoration: underline; }

/* role-con */
.role-con th, .role-con td { line-height: 28px;padding: 4px 2px; }
.role-con th { text-align: left; }
.role-con td a { color: #df8505;text-decoration: none; }
.role-con td a:hover { color: #F92B91;text-decoration: underline; }
.role-con .role-btn {  }
.role-con .role-btn a { float: right;display: block;width: 80px;height: 25px;line-height: 25px;vertical-align: middle;text-align: center;color: #FFFFFF;background: #008b69;text-decoration: none;margin-right: 5px; }
.role-con .role-btn a:hover { color: #FFFFFF;background: #F92B91;text-decoration: none; }

/* photo */
.g-photo { clear: both;margin: 10px auto 0;padding-bottom: 10px;position: relative;width: 1000px; }
.dj-wf { border-radius: 6px;box-shadow: 1px 1px 3px #CCCCCC;line-height: 18px;margin: 0 19px 30px 11px;position: absolute;width: 229px;background-color: #ECF2F3; }
.dj-wf img { border-radius: 6px 6px 0 0; }
.g-photo .dj-wf div.detail { line-height: 22px;padding: 10px;background: #1A1E1D;color: #FFFFFF;border-radius: 0 0 6px 6px; }

/* letter */
.letter {  }
.letter table { border-spacing: 0;border-collapse: collapse; }
.letter-con {  }
.letter-con .msglist { border-spacing: 0;border-collapse: collapse; }
.letter-con .msglist a { color: #04A654; }
.letter-con .msglist a:hover { color: #F92B91; }
.letter-con .msglist th, .letter-con .tb td { border-bottom: 1px dotted #D9DCDD;height: 25px;line-height: 25px;padding: 4px 3px;text-align: left;vertical-align: middle; }
.letter-con .msglist th { border-bottom-style: solid; }

.letter-con .item { border: 0 none;border-bottom: 1px solid #b5c4df;padding: 5px 0;height: auto;overflow: hidden; }
.letter-con .item dt {  }
.letter-con .item dt p { height: 25px;line-height: 25px;vertical-align: middle; }
.letter-con .item dd { color: #1f497d;text-indent: 2em; }

.letter-form .tb { margin-top: 20px; }
.letter-form .tb .r { width: 80px; }
.letter-form .tb input.text { width: 480px;height: 27px;line-height: 27px;vertical-align: middle;background: #D9DCDB;border: 1px solid #BFBFBD;color: #000000; }
.letter-form .tb textarea.text { width: 480px;height: 230px;background: #D9DCDB;border: 1px solid #BFBFBD;color: #000000; }
.letter-form .tb .button { margin-bottom: 15px;color: #FFFFFF;background: #04a654;display: block;font-size: 14px;height: 35px;line-height: 35px;text-shadow: 1px 1px 0 #66872C;width: 162px; }

.log-lnk a, .usr-info-con li a, .login-ft .m-list a, .open-bd-con a { color: #FFFFFF; }
.usr-info-con li a:hover, .open-bd-con a:hover { color: #F92B91: }
.login-ft .m-list a:hover { color: #FFFFFF; }
.td-w1 { width: 120px; }
.td-w2 { width: 60px; }
.td-w3 { width: 100px; }
.td-w4 { width: 120px; }
.game-task-tr th { text-align: left;font-weight: bold;font-size: 14px;border-bottom: 1px solid #DDDDDD;height: 30px;line-height: 30px;vertical-align: middle; }
.game-task-tb table.data { margin: 0; }
.mission-operate a.norm { width: auto;display: inline;background: none;text-shadow: none;margin-right: 8px; }

/* game_collection */
.slider {  }
.slider dl { background: #323736;color: #fefefe;height: 218px;position: relative;width: 100%; }
.slider a { color: #f8f3df; }
.slider dt { height: 218px;left: 0;position: absolute;top: 0;width: 480px;background: #1a1e1d;overflow: hidden; }
.slider dt img { width: 480px;height: 218px; }
.slider dd { padding-top: 12px;margin-left: 486px;width: 215px;height: 194px;overflow: hidden; }
.slider dd li { height: 22px;line-height: 22px;vertical-align: middle;overflow: hidden;word-break: break-all; }
.slider .content { position: absolute;left: 0;top: 0;z-index: 1;width: 480px;height: 218px; }
.slider .content li { width: 480px;height: 218px;position: absolute;left: 0;top: 0; }
.slider .thumb { position: absolute;right: 0;top: 156px;z-index: 2;height: 13px; }
.slider .thumb li { float: left;width: 13px;height: 13px;margin-right: 10px; }
.slider .thumb li a { display: block;width: 13px;height: 13px;background: url(../images/change.png) -13px 0px no-repeat;_background: url(../images/change.gif) -13px 0px no-repeat;text-indent: -9999px; }
.slider .thumb li a:hover, .slider .thumb li a.on { background-position: 0px 0px; }
.slider .bd p { position: absolute;left: 0;top: 178px;z-index: 2;background: #1a1e1d;width: 456px;padding: 0 12px;height: 40px;line-height: 40px;vertical-align: middle;oveflow: hidden;font-size: 16px; }
.slider .bd a { color: #fefefe; }

.square { width: 726px;height: auto;overflow: hidden; }
.square .item { width: 348px;height: 314px;overflow: hidden;float: left;margin-right: 15px;background: #1a1e1d;margin-top: 12px; }
.square .title { height: 33px;line-height: 33px;vertical-align: middle;color: #fefefe;position: relative; }
.square .item1 .title { background: #008643; }
.square .item2 .title { background: #f65314; }
.square .item3 .title { background: #a5153b; }
.square .item4 .title { background: #067b82; }
.square .title h2 { padding-left: 20px;font-size: 16px; }
.square .title a { color: #fefefe;position: absolute;right: 10px;top: 0;font-size: 16px; }
.square .content { height: 281px; }
.square .list { height: 281px;overflow: hidden; }
.square .list li { padding: 0 5px;height: 25px;line-height: 25px;vertical-align: middle;overflow: hidden;word-break: break-all; }
.square .list li dl { display: none; }
.square .list li.info { height: 127px;overflow: hidden;position: relative;background: #323736;color: #f8f3df; }
.square .list li.info dl { display: block; }
.square .list li.info dt { position: absolute;left: 0;top: 0;width: 110px;height: 110px;padding: 9px; }
.square .list li.info dd { width: 210px;height: 110px;margin-left: 128px;padding-top: 9px; }
.square .list li.info dd .con { height: 70px;overflow: hidden; }
.square .list li.info img { width: 110px;height: 110px; }
.square .list li.info h3 { height: 35px;line-height: 35px;vertical-align: middle;color: #fefefe;font-size: 18px;overflow: hidden; }
.square .list li a { display: inline;color: #f8f3df; }
.square .list li a:hover { color: #f92b91; }
.square .list li.info a.alink { display: none; }
.square .list h3 a { color: #ff6600; }
.square .item4 .content li { padding: 0 5px;height: 25px;line-height: 25px;vertical-align: middle;overflow: hidden;word-break: break-all; }
.square .item4 .content li a { display: inline;color: #f8f3df; }
.square .item4 .content li a:hover { color: #f92b91; }

.subject { margin-top: 12px; }
.subject .title { height: 33px;line-height: 33px;vertical-align: middle;color: #fefefe;position: relative;background: #edb406; }
.subject .title h2 { padding-left: 20px;font-size: 16px; }
.subject .title a { color: #fefefe;position: absolute;right: 10px;top: 0;font-size: 16px; }
.subject .content { height: 218px;position: relative;background: #333736;margin-bottom: 10px; }
.subject .content dt { position: absolute;left: 0;top: 0;width: 480px;height: 218px; }
.subject .content dt img { width: 480px;height: 218px; }
.subject .content dt p { position: absolute;left: 0;top: 178px;width: 460px;height: 40px;line-height: 40px;vertical-align: middle;padding: 0 10px;background: #1a1e1d;color: #FFFFFF;overflow: hidden;font-size: 15px; }
.subject .content dt a { color: #FFFFFF; }
.subject .content dd { width: 210px;height: 200px;padding-top: 9px;margin-left: 490px;color: #f8f3df;line-height: 25px; }
.subject .content dd .con { font-size: 14px; }
.subject .content dd p { font-size: 14px; }
.subject .more { text-align: right;margin-top: 20px; }
.subject .more a { color: #f45101; }

.hotgame { margin-top: 12px;height: auto;overflow: hidden; }
.hotgame .title { height: 33px;line-height: 33px;vertical-align: middle;background: #1a1e1d;color: #ffffff;position: relative; }
.hotgame .title h2 { padding-left: 20px;font-size: 16px; }
.hotgame .title a { text-indent: -9999px;display: block;width: 20px;height: 20px;position: absolute;right: 8px;top: 6px;background: url(../images/more.png) no-repeat; }
.hotgame .content { height: auto;overflow: hidden;background: #323736; }
.hotgame .item { height: 58px;overflow: hidden;position: relative;padding: 5px 0; }
.hotgame .item dt { position: absolute;left: 8px;top: 5px;width: 58px;height: 58px;overflow: hidden; }
.hotgame .item .photo { position: absolute;left: 4px;top: 4px;width: 50px;height: 50px;z-index: 1; }
.hotgame .item .mask { position: absolute;left: 4px;top: 4px;width: 50px;height: 50px;z-index: 2; }
.hotgame .item dt img { width: 58px;height: 58px; }
.hotgame .item dd { width: 150px;height: 50px;margin-left: 75px; }
.hotgame .item dd h5 { height: 30px;line-height: 30px;vertical-align: middle;font-size: 16px;border-bottom: 1px solid #a4a6a5; }
.hotgame .item dd p { height: 25px;line-height: 25px;vertical-align: middle;font-size: 14px; }
.hotgame .item dd a { color: #FFFFFF; }

.sslider { height: 195px;position: relative;margin-top: 12px; }
.sslider .content { height: 170px;position: relative; }
.sslider .content li { position: absolute;left: 0;top: 0;width: 238px;height: 170px;overflow: hidden; }
.sslider .content img { width: 238px;height: 170px; }
.sslider .thumb { position: absolute;left: 0;top: 170px;width: 238px;height: 25px;line-height: 25px;vertical-align: middle;background: #1a1e1d; }
.sslider .thumb ul { position: absolute;right: 10px;top: 6px;height: 13px; }
.sslider .thumb li { float: left;width: 13px;height: 13px;margin-right: 10px; }
.sslider .thumb li a { display: block;width: 13px;height: 13px;background: url(../images/change.png) -13px 0px no-repeat;_background: url(../images/change.gif) -13px 0px no-repeat;text-indent: -9999px; }
.sslider .thumb li a:hover, .sslider .thumb li a.on { background-position: 0px 0px; }

.news-cate li { clear: both; }
.news-cate li span { float: none;display: inline-block; }
.news-cate li span.typename { width: 135px; }
.news-cate li a { font-size: 14px; }

.news-cate-list { width: 700px;height: auto;overflow: hidden; }
.news-cate-list li { margin: 0;margin-bottom: 10px; }
.news-cate-list .title { height: 40px;line-height: 40px;vertical-align: middle;font-size: 18px;font-weight: bold;overflow: hidden; }
.news-cate-list .date { height: 20px;line-height: 20px;vertical-align: middle; }
.news-cate-list .photo { height: 240px;overflow: hidden;margin: 10px 0; }
.news-cate-list .photo img { width: 680px;height: 240px; }
.news-cate-list .content { font-size: 14px;line-height: 24px;margin-bottom: 10px;text-indent: 2em; }
.news-cate-list .more { text-align: right;height: 30px; }
.news-cate-list .more a { float: right;padding: 2px 10px;height: 26px;line-height: 24px;vertical-align: middle;text-align: center;font-weight: 700;background: #CCCCCC;color: #FFFFFF; }
.news-cate-list .more a:hover { background: #7CBC00;color: #FFFFFF;text-decoration: none; }

.archive .title { clear: both;height: 35px;line-height: 35px;vertical-align: middle;padding: 5px 0;font-size: 20px; }
.archive .date { height: 20px;line-height: 20px;vertical-align: middle;padding: 5px 0; }
.archive .content { line-height: 22px;margin-top: 10px;font-size: 14px; }

.open-bind { width: 1000px;height: auto;overflow: hidden;margin: 0 auto; }
.open-bind h3 { padding: 30px 0 10px 120px; }
#open-reg { float: left; width: 40%; position: relative; }
#open-reg h4 { position: absolute; top: 20px; right: 30px; }
#open-reg p { position: absolute; top: 80px; right: 30px; text-align: right; font-size: 14px; line-height: 26px; }
#open-reg form { margin: 150px 0 0 0; text-align: right; padding-right: 30px; }
#open-reg input.button, #open-bind input.button { height: 45px; line-height: 35px; }
#open-bind { float: left; border-left: 1px solid #c9e5e9; background: url(../images/dot-shadow.gif) -2px 0 repeat-y; padding: 20px 0 50px 40px; }
#open-bind h4 { margin-bottom: 15px; }
#open-bind p { font-size: 14px; line-height: 26px; }
#open-bind ul { margin-top: 10px; }
#open-bind ul li { padding: 3px 0 3px 0; }

/* article */
.article { line-height: 24px; }
.article_title { height: 35px;line-height: 35px;font-size: 16px;text-align: center; }
.article_date { height: 25px;line-height: 25px;text-align: center; }
.article_content { text-align: left;line-height: 24px; }

/* -------- game news /s ---------- */
.game_news {  }

.game_news_hd { height: 50px;line-height: 50px;color: #f57340;position: relative; }
.game_news_hd h2 { font-weight: normal;font-size: 16px; }
.game_news_hd i { font-style: normal;font-size: 16px;color: #404040; }

.game_news_bd {  }

.news_list { float: left;margin-right: -1px; }
.news_item { width: 306px;height: 190px;border: 1px solid #E5E7E6; }

.news_item_hd { width: 300px;height: 40px;overflow: hidden;margin: 0 auto; }
.news_item_hd h2 { float: left;height: 40px;line-height: 40px;color: #303433; }
.news_item_hd ul { float: right;height: 40px;margin-right: 20px;display: inline; }
.news_item_hd li { float: left;height: 40px;line-height: 40px;color: #939393; }
.news_item_hd li a { margin: 0 5px;color: #939393;text-decoration: none; }
.news_item_hd li a:hover { text-decoration: underline; }
.news_item_hd li.active a { color: #F55315;font-weight: bold; }
.news_item_hd li b { font-weight: normal; }
.news_item_hd span { float: right;height: 40px;line-height: 40px; }
.news_item_hd span a { color: #717171;text-decoration: none; }
.news_item_hd span a:hover { text-decoration: underline; }

.news_item_bd { width: 300px;height: auto;overflow: hidden;margin: 0 auto; }
.news_item_bd ul {  }
.news_item_bd li { height: 28px;line-height: 28px;overflow: hidden;position: relative;padding-right: 45px;border-top: 1px dashed #C3C3C3;color: #939393; }
.news_item_bd li a { color: #2F3533;text-decoration: none; }
.news_item_bd li a:hover { text-decoration: underline; }
.news_item_bd li span { position: absolute;right: 0;top: 0; }
/* -------- game news /e ---------- */

/* ---------------- creditexchange /s ------------------ */
.creditexchange {  }
.creditexchange .gift-hd .m-list-more { height: 46px;line-height: 46px; }
.creditexchange .c-box { width: 225px; } 
/* ---------------- creditexchange /e ------------------ */
/*添加灯笼*/
#lanternLeft,
#lanternRight{
	position: absolute;
	width: 100px;
	top: 0px;
	z-index: 99999;
	transform-origin: center top;
}
#lanternRight{
	right: 20px;
	transform: rotate(20deg);
	animation: anitr 3s ease-in-out infinite;
	transform: rotate(0deg)\0/IE9;
}
#lanternLeft{
	left: 20px;
	transform: rotate(-20deg);
	animation: anitl 3s ease-in-out infinite;	
	transform: rotate(-0deg)\0/IE9;
}
#lanternLeft img,
#lanternRight img{
	width: 100%;

	height: auto;
}
@keyframes anitl {
	0{
		transform: rotate(-20deg);
	}
	50%{
		transform: rotate(20deg);
	}
	100%{
		transform: rotate(-20deg);
	}
}
@keyframes anitr {
	0{
		transform: rotate(20deg);
	}
	50%{
		transform: rotate(-20deg);
	}
	100%{
		transform: rotate(20deg);
	}
}