@charset "utf-8";
/* CSS Document */
/* main */
.main{ background:url(../../images/index/top_bg.jpg) no-repeat 50% 0 #f6f7f8; padding:60px 0 75px;}

/*============ section ===========*/
/*------ sec_account -------*/
.sec_account .secInner{ background:#ffffff;}
.sec_account .sec_col01{ width:1002px;}
.sec_account .sec_col02{ width:282px;}
/* viewBox*/
.viewBox{ width:720px; height:342px; overflow:hidden; position:relative;}
.viewBox ul.imgList{ height:340px; border:1px solid #8e8184; position:relative;}
.viewBox ul.imgList li{ position:absolute; width:718px; height:340px; display:none;}
.viewBox ul.imgList li.cur,.viewBox ul.imgList li img{ display:block;}
.viewBox ul.numList{ position:absolute; width:100%; bottom:0; text-align:center; line-height:1;}
.viewBox ul.numList li{display:inline-block; *display:inline; *zoom:1; margin:0 15px; width:28px; background:url(../../images/index/space.png) repeat 0 0;  height:34px; cursor:pointer;}
.viewBox ul.numList li span{ display:block; height:2px; margin-top:15px; font-size:0; background-color:#ffffff; border:1px solid #ffffff;}
.viewBox ul.numList li.on span,.viewBox ul.numList li.cur span{ background-color: #efda1c; border-color:#fbf787;}
.viewBox ul.imgList,.viewBox ul.numList{ clear:both; overflow:hidden;}
/* acOperateBox */
.acOperateBox .acLinks{ width:282px; height:70px;}
.acLinks a{ display:block; float:left; width:141px; height:70px; line-height:70px; text-align: center;
font-size:18px; font-weight:bold; color:#fff;}
/* lt_sprites*/
.acLinks a,.acLogin .ipt_user,.acLogin .ipt_pwd,.acLogin .ipt_vcode,.userAcInfo .lk_zhzx,.userAcInfo .lk_cz,.userAcInfo .lk_xgmm,.gameList .gType{ background:url(../../images/index/lt_sprites.png) no-repeat;}
.acLinks a.acRegist{ background-position:0 -264px;}
.acLinks a.acRecharge{ background-position:-141px -264px;}
.acLinks a.acRegist:hover{background-position:0 -334px; text-decoration:none;}
.acLinks a.acRecharge:hover{ background-position:-141px -334px; text-decoration:none;}
/* acLogin */
.acLogin h2,.userAcInfo h2{ height:45px; line-height:45px; background-color: #f0f0f0; border-top: 1px solid #ffffff; text-align: center; font-size:20px; color:#a4a3a3;}
.acLogin form{ margin:30px 0 0 35px; border-right:1px solid #fbf9f9; position:relative; *zoom:1;}
.acLogin form p{ position:relative; overflow:hidden; *zoom:1;}
.acLogin form p.forget_pwd{ text-align:right; width:197px;}
.acLogin .ipt_user,.acLogin .ipt_pwd,.acLogin .ipt_vcode{ padding:0 11px 0 40px; border:0; width:146px; height:27px; font-size:14px; line-height:27px; color:#535353;}
.acLogin .ipt_user{ background-position: 0 -64px;}
.acLogin .ipt_pwd{ background-position: 0 -91px;}
.acLogin .vcodeArea{ position:relative; margin-bottom:-10px;}
.vcodeArea .ipt_vcode,.vcodeArea .vcode,.vcodeArea .changeCode{ float:left;}
.acLogin .ipt_vcode{ padding-left:11px; width:75px; background-position: 0 -118px; }
.vcodeArea .vcode img{ display:block;}
.vcodeArea .changeCode{margin-top:5px; color:#dc573c;}
.acLogin .error_msg{ position:absolute; top:-30px; *top:-29px; left:-35px; width:276px;}
.acLogin .hid{  display:none;}
.acLogin .btnArea{ margin-top:30px;}
.btn_lgSubmit{ width:197px; height:38px; line-height:38px; border:0; background-color: #5a85b8; text-align: center; font-size: 18px; color:#fff; cursor:pointer;}

/* .userAcInfo */
.userAcInfo .infoCont{ padding:15px 0; text-align:center;}
.userAcInfo li{ margin-bottom:5px;}
.userAcInfo li.txt_hy{ margin-bottom:15px; font-size:14px; color:#4d4d4d;}
.userAcInfo li.txt_hy .userName{ color:#da4a2e;}
.userAcInfo .lk_zhzx,.userAcInfo .lk_cz,.userAcInfo .lk_xgmm{ display:block; margin:0 auto; width:197px; height:39px; text-indent: -9999em;}
.userAcInfo .lk_zhzx{ background-position: 0 -146px;}
.userAcInfo .lk_cz{ background-position: 0 -185px;}
.userAcInfo .lk_xgmm{background-position: 0 -224px;}
.userAcInfo .btn_safeExit{ margin-top:15px;}
.userAcInfo .btn_safeExit a{ color:#9c9c9c;}
.userAcInfo .btn_safeExit a:hover{ color:#4d4d4d; text-decoration:none;}

/*------ sec_menu -------*/
.sec_menu{ background-color: #e8ebee; padding:15px 0 25px; text-align: center;}
.sec_menu .quickMenu{ display:block; width:966px; margin:0 auto;}
.quickMenu li{ float:left; display:block; width:81px; padding:0 40px;}
.quickMenu li a{ display:block; width:81px; color:#75818b; font-size:15px; cursor:pointer;}
.quickMenu li a .ico{ display:block;width:81px; height:81px; position:relative; overflow:hidden; margin-bottom:5px;}
.quickMenu li a .ico i{ position:absolute; display:block; width:81px; height:0; left:0; top:0; font-size:0; line-height:0; overflow:hidden;}
.quickMenu li a .ico,.quickMenu li a .ico i{ background-image:url(../../images/index/userIcons.png); background-repeat: no-repeat;}
.lk_1 a .ico i{ background-position: 0 -82px;}
.lk_2 a .ico i{ background-position: -82px -82px;}
.lk_3 a .ico i{ background-position: -164px -82px;}
.lk_4 a .ico i{ background-position: -246px -82px;}
.lk_5 a .ico i{ background-position: -328px -82px;}
.lk_6 a .ico i{ background-position: -410px -82px;}
.lk_1 a .ico{ background-position: 0 0;}
.lk_2 a .ico{ background-position: -82px 0;}
.lk_3 a .ico{ background-position: -164px 0;}
.lk_4 a .ico{ background-position: -246px 0;}
.lk_5 a .ico{ background-position: -328px 0;}
.lk_6 a .ico{ background-position: -410px 0;}
.quickMenu li a:hover{ text-decoration:none; }

/*------- sec_games ---------*/
.sec_games{ margin-bottom:40px;}
/* columns3*/
.gameList{ width:100%; overflow:hidden; *position:relative; *zoom:1;}
.gameList .col{ width:334px; margin-bottom:10px; height:175px; padding-left:1px; margin-right:-1px; background:url(../../images/index/sepLine.gif) no-repeat 100% 0;  position:relative;}
.gameList  .gType{ position:absolute; display:block; width:72px; height:62px; right:1px; _right:-1px; top:0; text-indent:-9999em; overflow:hidden;}
.gameList  .gType_sy{background-position: -198px -64px;}
.gameList  .gType_dy{ background-position:-198px 0;}
.gameList  .gLogo{ display:block; float:left; width:170px; height:100%; text-align:center;}
.gameList  .gLogo img{ margin-top:40px; width:142px;}
.gameList  .gInfo{ padding:60px 0 5px 162px;}
.gameList  .gName{color:#1a6499}
.gameList  .gName strong{ display:block; font-size:20px;}
.gameList  .gSite{ display:block; margin-top:5px; font-size:18px; color:#03666a; line-height:1.1;}
/* columns4 */
.gameList.sec_columns4{ margin-top:20px; width:1000px;}
.gameList.sec_columns4 .col{width:250px; height:140px;}
.gameList.sec_columns4 .gType{ width:56px; height:48px;}
.gameList.sec_columns4 .gType_sy{background-position: -214px -175px;}
.gameList.sec_columns4 .gType_dy{ background-position:-214px -126px;}
.gameList.sec_columns4  .gLogo{ width:145px;}
.gameList.sec_columns4  .gLogo img{ margin-top:28px; width:100px;}
.gameList.sec_columns4  .gInfo{ padding:45px 0 5px 145px;}
.gameList.sec_columns4  .gName strong{ font-size:18px;}
.gameList.sec_columns4  .gSite{ font-size:14px;}


/*------- sec_info ---------*/
.sec_info .sec_col01{ width:256px; margin-right:25px; }
.sec_info .sec_col02{ width:452px; margin-right:25px; }
.sec_info .sec_col03{ width:244px;}
.lastestInfoBox h2{ position:relative; padding:15px 15px 10px; background:url(../../images/index/news_btLine.gif) no-repeat 50% 100%; font-size:18px; color:#797979;}
.lastestInfoBox h2 .infoMore{ position:absolute; display:block; width:48px; height:22px; right:15px; top:20px; line-height:22px; background-color: #a7a7a7; font-size:10px; color:#fff; text-align:center;}
.lastestInfoBox h2 .infoMore span{ display:block; -webkit-transform:scale(0.8); }
.infoMore:hover{ text-decoration:none;}
.lastestInfoBox .infoList{ padding:10px 15px 0; }
.infoList li{ margin-bottom:8px; line-height:1.2; position:relative; *zoom:1;}
.infoList li a{
    width: 348px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.infoList li:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.infoList .infoTtl{ display:block; margin:0 75px 0 40px;}
.infoList .infoFlag{ float:left; font-weight:bold;}
a.flag_notice{ color:#1b6190;}
a.flag_news{ color:#c33621;}
.infoList time{ display:block; position:absolute; right:0; top:0; color:#797979;}

/* adBox */
.adBox .ad,.adBox .ad img{ display:block;}
