@charset "utf-8";/* 浩方竞技平台 CSS ## css创建日期：2015-03-10 ## css ## copyRight:haofang.com */

html,body{margin:0;padding:0;height:100%;}
body{font-size:12px;font-family:Arial; color:#B3B3B3;font-family:"微软雅黑";}
div{margin:0 auto;padding:0 auto;}
h1,h2,h3,h4,h5,h6 {font-size:12px;font-weight:normal;}
dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,input,textarea{padding:0;margin:0;outline:none;}
ol,ul,li{list-style:none;list-style-type:none;}
small{font-family:宋体;font-size:12px;}
p,span{word-wrap:break-word;word-break:break-all;}
a{text-decoration:none ;color:#ffe400;}
a:hover{text-decoration:none;}
textarea{overflow:auto;resize:none;}
em,i{font-style:normal;}
img{border:0;}
.mask{opacity: 0.5;filter:alpha(opacity=50); background:#000}
.blank{width:620px;height:13px;line-height:0px;font-size:0}
.hide{display:none;}
.l{float:left;}
.r{float:right}
#alert{position:fixed;_position:absolute;z-index:9878988;bottom:0;right:0;left:0;padding:10px;border-top:2px #ff9595 solid;overflow:hidden;background:#ffe9e9;color:#333;}
.mainBody{ }
.widthMain{width:782px; padding-bottom:50px;margin:0 auto;}
.mod485{float:left;width:485px;}
.mod240{float:right;width:240px;}
.out_width{overflow:hidden;zoom:1;margin:0 15px;}
.bar_mod{float:none;width:218px;background-image:url(../images/common/bg_left.png); background-repeat: repeat-y; background-position: left 100%;display:block; position: fixed;_position: absolute;left:0;top:0;height:100%;z-index:1200;}
.main_mod{float:none;padding-left:218px;zoom:1;_position: absolute;}
.png{ background-image:url(../images/common/sprite.png); background-repeat: no-repeat ;display:inline-block; vertical-align:middle}
.control_mod{position: fixed;_position: absolute;bottom:56px;left:0;width:218px;}
.lnks_mod{padding:12px 0; text-align:center}
.lnks_mod a{color:#737373;margin:0 12px;font-size:14px;}
.lnks_mod i{margin-right:5px;}
.lnks_mod a strong{display:inline-block; vertical-align:middle;cursor:pointer}
.logo_mod{display:block;width:218px;height:50px;padding:10px 0; text-align:center; }
.logo_mod .logo{ background:url(../images/common/logo.png) no-repeat 0 0;display:inline-block;width:156px;height:49px;}
.bar_con{overflow:hidden;zoom:1;}
.bar_title{margin:0 10px 2px;border-bottom:1px solid #27282f;padding:10px 3px;}
.bar_title em{display:inline-block;width:5px;height:17px;vertical-align:middle;margin-right:7px;}
.bar_title strong{color:#666;font-size:14px;display:inline-block; vertical-align:middle}
.bar_menu li{overflow:hidden;float:left;width:100%}
.bar_menu li a{display:block;height:44px;overflow:hidden;padding:6px 15px;}
.bar_menu .avatar_40x40{float:left;margin-right:15px;}
.bar_menu li strong{float:left;display:inline-block;color:#abb2c8;height:20px;margin-top:15px;overflow:hidden;width:120px;}
.bar_menu .g_menu:hover,.bar_menu .active .g_menu{ background:#2f3e6a;color:#fff;}
.bar_menu .click .g_menu{ background:#304684;color:#d9e3fe}
.avatar_40x40{display:inline-block;width:40px;height:40px;padding:2px;overflow:hidden;}
.avatar_40x40 img{float:left;width:40px;height:40px;}
.avatar_48x48{width:48px;height:48px;}
.avatar_48x48 img{float:left;width:48px;height:48px}
.avatar_52x52{width:52px;height:52px; overflow:hidden;position:relative;display:inline-block;}
.avatar_52x52 .imask{ position:absolute;width:52px;height:52px;left:0;top:0;z-index:1;display:inline-block;}
.avatar_102x102{width:102px;height:102px; overflow:hidden;position:relative;display:inline-block;}
.avatar_102x102 img{ width:100px; height:100px;}
.avatar_102x102 .imask{ position:absolute;width:102px;height:102px;left:0;top:0;z-index:1;display:inline-block;}

.mod_title{ background:url(../images/common/bg_title.png) no-repeat 98px 20px; _background:none;display:block;overflow:hidden;zoom:1;height:30px;}
.nav_title .cn{padding:0 20px 0 0 ;display:inline-block;float:left;height:30px;line-height:22px;}
.nav_title .cn em{float:left;display:inline-block;width:5px;height:17px;margin:3px 8px 0 0;}
.nav_title .cn .nav_tits{float:left;display:inline-block;font-size:16px;font-weight:bold}
.nav_title .en{ color:#383a3e;font-size:10px; font-family:Arial, Helvetica, sans-serif}
.num_mod li{width:12px;height:12px; background-position:-13px 0;cursor:pointer;overflow:hidden;zoom:1; text-indent:-50px}
.num_mod li.on{width:12px;height:12px;  background-position:0 0}
.imanage{width:14px;height:14px; background-position:0 -15px;}
.idown{width:13px;height:14px; background-position:0 -30px;}

.iback_disable{background-position:0 -168px;width:31px;height:31px;}
.iback{background-position:0 -75px;width:31px;height:31px;}
.iback:hover{background-position:0 -106px;width:31px;height:31px;}
.iback_enter{background-position:0 -137px;width:31px;height:31px;}
.iforward_disable{background-position:0 -292px;width:31px;height:31px;}
.iforward{background-position:0 -199px;width:31px;height:31px;}
.iforward:hover{background-position:0 -230px;width:31px;height:31px;}
.iforward_enter{background-position:0 -261px;width:31px;height:31px;}
.irefresh_disable{background-position:0 -416px;width:31px;height:31px;}
.irefresh{background-position:0 -323px;width:31px;height:31px;}
.irefresh:hover{background-position:0 -354px;width:31px;height:31px;}
.irefresh_enter{background-position:0 -385px;width:31px;height:31px;}

.itui,.ihot,.inew{width:53px;height:53px; background-position:0 0}
.itui{ background-position:-75px 0}
.inew{ background-position:-150px 0}
.itui-b,.ihot-b,.inew-b{width:64px;height:64px; background-position:0 -60px}
.itui-b{ background-position:-75px -60px}
.inew-b{ background-position:-150px -60px}
.ihot-s,.inew-s{width:27px;height:13px; background-position:0 -135px}
.inew-s{background-position:-28px -135px}
.btn_game{ background-position:-150px -160px;width:95px;height:27px;}
.btn_game:hover{background-position:-150px -187px;}
.btn_game_b{ background-position:0 -160px;width:139px;height:39px;}
.btn_game_b_disable{ background-position:0 -238px;width:139px;height:39px; cursor:default}
.btn_game_b:hover{ background-position:0 -199px;}
.btn_modify_b{ background-position:0 -278px;width:136px;height:29px;}
.btn_modify_b_disable{ background-position:0 -336px;width:136px;height:29px;cursor:default}
.btn_modify_b:hover{ background-position:0 -307px;}
.btn_modify{ background-position:-150px -278px;width:76px;height:29px;}
.btn_edit{ background-position:-150px -308px;width:85px;height:29px;}
.btn_play{ background-position:0 -395px;width:46px;height:46px;}

.index_slide_mod{width:754px;height:234px;position:relative;overflow:hidden;margin:13px auto 0;z-index:1}

.index_slide_mod .num_mod{position:absolute;left:0;bottom:10px;z-index:4; text-align:center;width:780px;}
.index_slide_mod .num_mod li{margin:0 5px;display:inline-block;*display:inline;}

.index_banner_list{overflow:hidden;}
.index_banner_list ul{width:105%}
.index_banner_list li{float:left;width:242px;height:102px;overflow:hidden;zoom:1;margin:0 13px 0 0}

.index_news_list{padding:0 5px;}
.index_news_list li{overflow:hidden;zoom:1;padding:8px 0 0;}
.index_news_list li.top{ background:url(../images/common/dot.png) repeat-x bottom;display:block;padding-bottom:10px;}
.index_news_list li.top a{color:#ffd200;font-size:16px;width:auto}
.index_news_list li.top h2{margin-bottom:5px;overflow:hidden;height:20px;}
.index_news_list li.top .brief{padding:0 0 0 13px;overflow:hidden;zoom:1;height:20px;line-height:20px;color:#ccc;font-size:14px;}
.index_news_list li a{float:left;display:inline-block;color:#ccc;font-size:14px;overflow:hidden;zoom:1;height:20px;line-height:20px;width:420px;}
.index_news_list li em{display:inline-block; vertical-align:middle;width:5px;}
.index_news_list .date{float:right;color:#535361;}

.index_news_mod,.index_hot_mod{height:220px;overflow:hidden;}
.index_hot_list{overflow:hidden;padding:10px 0 0}
.index_hot_list li{overflow:hidden;zoom:1}
.index_hot_list .avatar_48x48{float:left;width:48px;margin-right:12px;}
.index_hot_list .info{float:left;width:180px;height:48px;display:inline-block;padding-bottom:8px;overflow:hidden;margin-bottom:8px;background:url(../images/common/dot.png) repeat-x 60px bottom;color:#696969;}
.index_hot_list .info h2{color:#ccc;font-weight:bold;font-size:14px;margin-bottom:5px;height:20px;overflow:hidden;}
.index_hot_list .info p{height:18px;overflow:hidden;}

.tool_wrap{height:38px;width:100%;z-index:10;display:block;overflow:hidden;zoom:1;border-bottom:2px solid #191c21; position:fixed;top:0;left:0;}
.tool_mod{height:38px;display:block;overflow:hidden;zoom:1; position: relative;padding:0 170px 0 368px;text-align:center }
.browse_mod{width:150px;position:absolute;left:228px;top:0}
.browse_mod a{float:left;margin:4px 4px 0;}
.menu_mod{margin-top:6px;}
.menu_mod .btn_style,.menu_mod .btn_style_cur{height:32px;line-height:24px;overflow:hidden;width:93px;font-size:14px; text-align:center ; background-position:-1000px -338px;color:#bdcada;}
.menu_mod .btn_style_cur{ background-position:center -458px; text-decoration:none;color:#fff;}

.search_wrap{width:150px; position:absolute;right:20px;top:6px;}
.search_mod{ background-position:0 -366px;height:27px;width:150px;}
.btn_search{float:left;width:17px;height:17px;border:0;background:none; cursor:pointer;margin:5px 10px 0; background-position:0 -56px}
.ipt_search{float:left;width:100px;height:24px;line-height:24px;border:0;background:none;font-size:12px;text-align:center; color:#60677c}

.sort_mod{padding:15px 15px 25px;}
.sort_mod a{color:#ffee35;}
.sort_mod a.active{font-size:14px;color:#5a6272;}
.sort_mod em{margin:0 10px;color:#5a6272}

.game_detail_mod,.game_mod{padding-top:40px;}

.game_list{overflow:hidden; padding-left:12px; padding-bottom:30px;}
.game_list li{float:left;width:124px;height:230px;overflow:hidden;zoom:1;position:relative;margin:0 22px 22px 0}
.game_list .img{height:170px;width:122px;border:1px solid #4b4d52;overflow:hidden;margin-bottom:12px; }
.game_list .ihot-b,.game_list .itui-b,.game_list .inew-b{ position:absolute;top:0;left:0;}
.game_list .name{color:#fff;font-size:14px;height:20px;overflow:hidden;}
.game_list .brief{color:#a0b1dd;height:20px; line-height:20px;overflow:hidden;}
.game_list .mask{ display:none;background:#000; position:absolute;left:0;top:70px;width:124px;height:100px;z-index:1}
.game_list .li_hover{display:none;width:122px;height:100px; position:absolute;left:1px;top:72px;z-index:2; }
.game_list .li_hover .info{padding:5px;height:50px;overflow:hidden;} 
.game_list .li_hover .btn{ text-align:center;margin-top:5px;}
.game_list .active .mask,.game_list .active .li_hover{display:block;color:#fff}

.game_tui_list,.game_strategy,.game_video,.game_download,.game_news,.game_picture{overflow:hidden;margin:0 20px;padding:10px 0}
.game_tui_list li{float:left;width:240px;height:120px;overflow:hidden; zoom:1;}
.game_tui_list .img{float:left;width:81px;height:111px;margin-right:20px;padding:2px;}
.game_tui_list .itui{ position:absolute;left:0;top:0;}
.game_tui_list .img img{width:81px;}
.game_tui_list .intro{float:left;width:135px;padding-top:5px;}
.game_tui_list .intro .name{color:#fff;font-size:16px;margin-bottom:5px;}
.game_tui_list .intro .brief{color:#8398b2;font-size:12px;height:40px;line-height:20px;margin-bottom:5px;overflow:hidden;}

.strategy_list{color:#bdcada;font-size:14px;line-height:28px;}
.video_list{overflow:hidden;zoom:1;margin-top:20px}
.video_list ul{width:105%}
.video_list li{width:132px;height:120px;overflow:hidden;zoom:1;float:left;margin-right:15px; position:relative; text-align:center}
.video_list .btn_play{ position:absolute;left:50%;margin-left:-23px;top:15px;z-index:2}
.video_list .img{height:75px;overflow:hidden;margin-bottom:10px;}
.video_list .name{font-size:14px;color:#bdcada}
.news_list li{ background:url(../images/common/dot.png) repeat-x bottom;padding:10px 18px;overflow:hidden;zoom:1;}
.news_list em{display:inline-block;width:10px;}
.news_list .topic{display:inline-block;width:600px;float:left;color:#bdcada;font-size:14px;}
.news_list .date{display:inline-block;width:80px;float:right;color:#666;font-size:14px; font-family:Arial, Helvetica, sans-serif}
.news_list i{margin-left:5px;}
.picture_list{padding:20px;}
.download_list li{overflow:hidden;zoom:1;height:110px;background:url(../images/common/dot.png) repeat-x bottom;padding:20px 0;}
.download_list li.bor0{ background:none;}
.download_list .img{float:left;width:185px;margin-right:25px;}
.download_list dl{float:left;width:490px;color:#8398b2;font-size:14px;}
.download_list dt,.download_list dt a{color:#fff;font-size:16px;}
.download_list dt,.download_list .brief{margin-bottom:5px;}
.download_list .lnks a{color:#ffea00;font-size:12px;margin-right:20px;}
.download_list .brief{max-height:60px;overflow:hidden;}




.barMainCase{height:498px;width:411px;padding:7px;overflow:hidden;}
.sidebar{ display:block;width:411px;height:315px;overflow:hidden;color:#ccc}
.sidebar .topic{color:#ffe400;font-size:22px;padding:25px 18px}
.w238{width:238px;height:300px;overflow:hidden;}
.w165{width:165px;height:300px;overflow:hidden;border-left:1px solid #292c32;overflow:hidden;}
.zx_img{padding:10px 0 0 15px;}
.zx_cl{padding:0 0 0 10px;}
.zx_cl .title{margin:0 0 10px;padding: 0 0 5px}

.zx_cl dl{overflow:hidden;}
.zx_cl dt{float:left;height:22px; line-height:22px;padding:5px 0}
.zx_cl dd{float:left;width:100%; overflow:hidden;height:22px; line-height:22px;color:#ceccd1;font-size:14px;}
.zx_cl a{color:#ceccd1}
.zx_cl dd i{margin-right:5px;}
.zx_more{text-align:right;padding:5px 0 0 0}
.zx_more a{color:#ffe400}

.zx_text{ line-height:20px;padding:0 0 20px 0}
.jx_mod{height:130px;overflow:hidden;zoom:1}
.jx_mod .title{margin-bottom:10px;font-size:14px;}
.user_c{height:210px;}
.userinfo{height:52px; overflow:hidden;border-bottom:1px solid #292c32;padding:10px 0;margin-bottom:10px;}
.userinfo .avatar_52x52{float:left;margin-right:10px;}
.userinfo .info{float:left;padding:5px 0 0;width:80px; overflow:hidden; line-height:22px;}
.userinfo b{ font-size:18px;color:#3383ee; font-weight:normal}
.userinfo a{color:#2790D7;}
.btns_mod{ text-align:center}
.btns_mod p{margin-bottom:10px;}

/*个人中心*/

.u_center{width:548px;height:425px;position:relative}
.u_face_cc{ position:absolute;top:14px;left:14px;height:144px;width:120px;;}
.u_face_cc .avatar_102x102{margin-bottom:5px;}
.u_face_cc a{float:left;width:110px;height:134px; padding:5px; text-align:center;color:#31485C;}
.u_face_cc a:hover{ text-decoration:none;color:#1a344b;}
.u_face_layers{ position:absolute;top:160px; left:15px;width:382px;height:202px; z-index:520;}
.ufl_title{padding:16px 15px 0 15px; overflow:hidden;}
.ufl_title strong{float:left; font-weight:normal;}
.ufl_title span{float:right;margin-top:-2px;}
.ufl_title span a{color:#fff;}
.ufl_list_c{padding:5px 10px 0 10px; overflow:hidden;zoom:1;}
.ufl_list_c ul{float:left;width:105%;}
.ufl_list_c li{float:left;width:60px;height:60px; overflow:hidden;zoom:1;}
.ufl_list_c img{float:left;height:48px;width:48px; border:0;padding:3px;margin:3px 0 0 3px;}
.ufl_list_c i{float:left;width:52px;height:52px;margin:-54px 0 0 3px;background:#000;opacity: 0.5;filter:alpha(opacity=50); cursor:pointer;}
.ufl_list_c li.active i,.ufl_list_c a:hover i{display:none;}
.ufl_mdf_btn{padding:3px 15px 0 0; text-align:right;height:26px;overflow:hidden;}
.u_info_cc{ position:absolute;top:30px;left:150px;width:295px; color:#999; line-height:22px;}
.u_info_cc p{float:left;width:135px;margin-right:10px;overflow:hidden;}
.u_info_cc span{margin-bottom:5px;}
.u_info_cc strong{ display:block; font-size:16px;color:#ccc; font-weight:normal;}

.u_btns_cc{ position:absolute;right:10px;top:55px; width:140px;height:30px; overflow:hidden; text-align:right}
.u_btns_cc a{ margin:0 10px;}
.u_btns_cc a.btn_edit{margin:0}


.u_all_infos{ position:absolute;top:110px;left:150px;width:380px; overflow:hidden;color:#999;font-size:14px;}
.u_all_infos ul{width:105%;}
.u_all_infos li{float:left;height:30px;width:100%;zoom:1;line-height:30px;margin:2px 0;}
.u_all_infos li.w190{width:190px;}
.u_all_infos li span{ display:inline-block;margin-left:5px;}
.u_all_infos li input{width:300px; background:#fff; border:1px #88A0B4 solid;height:22px; line-height:22px;padding:0 4px; vertical-align:middle;}
.u_all_infos li.w190 input{width:110px; background:#fff; border:1px #88A0B4 solid;height:22px; line-height:22px;padding:0 4px; vertical-align:middle;}

.select_tip{ position:absolute; top:209px;left:213px;width:110px;z-index:2}
.u_all_infos li .select_div{display:inline-block;margin-left:2px;*margin-left:-1px;margin-left:2px\0;width:110px;border:1px #88A0B4 solid;height:22px; line-height:22px;padding:0 4px; vertical-align:middle; cursor:pointer}

.value_text{float:left;width:94px; cursor:default;}
.select_list{float:left;border:1px #1e4863 solid;width:118px;background:#fff;left:0\0;overflow:hidden;scrollbar-face-color:#e0e0e0;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#fff;scrollbar-3dlight-color:#fff;scrollbar-arrow-color:#7C7C7C;scrollbar-track-color:#fff;scrollbar-darkshadow-color:#fff;}

.select_list li{height:24px;line-height:24px; overflow:hidden;zoom:1;text-indent:15px; cursor:pointer;color:#4D4D4D}
.select_list .selected{background:#e8e8e8; cursor:default}
.select_list .select{background:#0F99FF; color:#fff;}

.nc_setcs{width:569px;height:354px; position:relative}
.nc_forms{ position:absolute; top:196px;left:164px;width:400px; height:90px;}
.nc_tip{float:left; line-height:32px; text-indent:10px;}
.nc_tip .nc_x{ display:inline-block;height:12px;width:12px;margin-right:5px; vertical-align:middle;}
.nc_ok{ position:absolute;top:96px;left:256px;display:inline-block;height:12px;width:12px;}
.nc_l_txtt{ float:left;height:32px; line-height:32px;width:100%; color:#000}

.nc_input_text{ float:left;height:30px; line-height:30px; padding:2px 4px;width:236px; border:1px #88A0B4 solid; background:#fff; font-size:16px;}
.nc_button_ss{position:absolute; top:84px; left:0;width:246px;height:40px; }

