@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ font-size:16px; font-family:'微软雅黑','黑体',Arial;color:#333; -webkit-text-size-adjust:none;min-width:320px; background:#f9f9f9 url(../images/topbg.jpg) left top repeat-x;}
h1,h2,h3,h4,h5,h6{font-size:100%}
form{display:inline}
ul,ol{list-style:none}
a{text-decoration:none;color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
a:active{color:#aaa;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%;vertical-align:middle;outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder{color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
table{border-collapse:collapse;border-spacing:0}
.fl{float:left;}
.fr{float:right;}
.mr12{ margin-right:12px;}
.mr8{ margin-right:8px;}
.mr5{ margin-right:5px;}
.mr20{margin-right:20px;}
.mt10{ margin-top:10px;}
.txtC{ text-align:center;}
.txtL{ text-align:left;}
.txtR{ text-align:right;}
.hide{display:none;}
.show{display:block;}
.posi_rela{ position:relative;}
.posi_abso{ position:absolute;}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.break{word-break:break-all;word-wrap:break-word}
/*颜色控制*/
.blue{ color:#1ea6f0;}
.gred{ color:#747474;}
header,footer,article,section,nav,menu,hgroup{display:block;clear:all;}

.indexbox{ width:100%; overflow:hidden;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{ display:table; line-height:0; content:"";}
.clearfix:after{ clear:both;}
.clr{ clear:both; height:0;}
.clr05{ clear:both; height:5px; overflow:hidden;}
.clr10{ clear:both; height:10px; overflow:hidden;}
.clr20{ clear:both; height:20px; overflow:hidden;}
.clr30{ clear:both; height:30px; overflow:hidden;}
.clr40{ clear:both; height:40px; overflow:hidden;}


.container{margin:0 auto; overflow:hidden;}
header{ width:984px; margin:0px auto; height:114px;}
.logo{ width:334px; height:96px; margin-top:9px;}
.login{ margin-right:28px; margin-top:63px; display:inline; line-height:32px; width:300px; overflow:hidden}
.login .info{ color:#b2b2b2; width:200px; overflow:hidden}
.login .info a{color:#b2b2b2; text-decoration::none; overflow:hidden}
.login .info a:hover{color:#00a8ff; text-decoration:none; overflow:hidden}
.button{ width:91px; overflow:hidden}

nav{ width:100%; height:46px;}
nav .menu{ width:984px; height:46px; margin:0px auto; line-height:46px; text-align:center; background:#00b8ff; border-radius:10px;}
.btn{ width:140px; height:46px; float:left; color:#00a8ff; text-align:center}
.menu .btn a{ float:left; width:140px; color:#FFF;text-align:center}
.menu .btn a:hover{color:#00a8ff; background:url(../images/btnon.png) center center no-repeat;}
#on{width:140px; height:46px; float:left;color:#00a8ff; background:url(../images/btnon2.png) center center no-repeat;}
#on a{color:#00a8ff;}

section{ width:100%; height:410px;}
section .img{ width:100%; height:410px; background:url(../images/5.jpg) center top no-repeat;}

.indexbg{ width:100%; background:url(../images/indexbg.jpg) left top repeat-x; overflow:hidden;}
.cont{width:984px; margin:0px auto;overflow:hidden;}
.inpic{ width:318px; height:130px; border:#b5dfff solid 1px; float:left;}

.short_box6{background-color:rgb(0,186,255); filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;  width:400px; position:fixed; left:50%; top:50%; margin:-158px 0 0 -140px; z-index:101; padding:0px 0px 20px 0px;}
.shrt_close{height:37px; width:100%; text-align:right;}
.gf_close{ float:right; width:35px; }
.su_w{color:#ffffff; font:18px/32px "微软雅黑"; text-align:center;}
.su_h{color:#fff000; font:14px/24px "微软雅黑"; text-align:center;}
.su_ma{ width:90%; background:#ffffff; height:60px; margin:5px auto; text-align:center;font:24px/60px "微软雅黑"; color:#000;}

/*首页banner*/
.ibn{ width:100%; overflow:hidden; margin-top:10px;}
.ibanner{ width:650px; height:340px; float:left;}
.inews{ width:311px; height:340px; float:right; border:#f2f2f2 solid 1px; background:#ffffff; padding:0px 4px;}
.inews_title{ height:39px; width:100%; line-height:39px;}
.inews_t_l{ width:85px; border-bottom:#00afff solid 1px; line-height:39px; text-align:center; float:left}
.inews_t_r{ width:226px; float:left; border-bottom:#f2f2f2 solid 1px; height:39px;}
.inews_d_t{ width:100%; height:100px; border-bottom:#e4e4e4 dotted 1px; float:left;}
.inew_tt{ color:#ff2500; font-size:18px; line-height:44px; height:44px; text-align:center;}
.inew_co{ font:12px/20px "微软雅黑"; color:#5a5a5a; padding:0px 12px;}
.inew_co a{ color:#00b8ff;}

.inew_list{ float:left; width:100%; overflow:hidden;}
.inew_list ul li{color:#5a5a5a;font:12px/32px "微软雅黑";padding:0px 12px;}
.inew_list ul li a{color:#5a5a5a;}
.inew_list ul li a:hover{ color:#00afff}

/*精彩活动*/
.jchd_t{ height:39px; background:#ffffff; border:#f2f2f2 solid 1px; margin:10px 0px;}
.jchd_c{ border-left:#00a7ff solid 3px; padding-left:10px; height:39px; line-height:39px;}
.jchd_pic{ width:100%; overflow:hidden;}


/*游戏列表 礼包*/
.yx_in{ width:100%; overflow:hidden; margin:10px auto; font-family:"微软雅黑";}
.yx_in_product{ width:634px; height:548px; overflow:hidden; float:left;border:#f2f2f2 solid 1px; background:#ffffff; padding:0px 8px;}
.yx_in_lb{width:310px; height:548px; overflow:hidden; float:right;border:#f2f2f2 solid 1px; background:#ffffff; padding:0px 4px;}
.yx_in_pro_t_l{width:15%; border-bottom:#00afff solid 1px; line-height:39px; text-align:center; float:left}
.yx_in_pro_t_r{width:85%; float:left; border-bottom:#f2f2f2 solid 1px; height:39px;}
.yx_in_pro_game{ width:150px; height:217px;border:#e7e7e7 solid 1px; margin-top:18px; float:left;}
.yx_in_icon{ padding-top:29px; text-align:center; line-height:25px; height:130px;}
.yx_in_icon img{ width:100px; height:100px; margin:0px auto;}
.yx_in_down{ padding-top:14px;border-top:#e7e7e7 solid 1px; overflow:hidden; font-size:14px;}
.yx_in_down span{width:79px; height:27px; float:left; line-height:27px; color:#f4b70e; border:#f4b70e solid 1px; text-align:center; margin-left:35px;}
.yx_in_down a{ width:79px; height:27px; float:left; line-height:27px; color:#18b7ff; border:#18b7ff solid 1px; text-align:center; margin-left:35px;}
.yx_in_down a:hover{ width:79px; height:27px; float:left; line-height:27px; color:#ffffff; border:#18b7ff solid 1px; text-align:center; margin-left:35px; background:#18b7ff;}

.mr10{ margin-right:8px;}
.mt10{ margin-top:10px;}

.yx_in_lb_t_l{width:30%; border-bottom:#00afff solid 1px; line-height:39px; text-align:center; float:left}
.yx_in_lb_t_r{width:70%; float:left; border-bottom:#f2f2f2 solid 1px; height:39px;}
.yx_in_lb_box{ width:90%; margin:0px auto; overflow:hidden; margin-top:18px;}
.lb_box_icon{ width:75px; height:75px; float:left;}
.lb_box_icon img{ width:75xp; height:75px;} 
.lb_box_tit{ float:left; width:185px; margin-left:16px;}
.lb_box_tit p{ margin-top:2px;}
.lb_box_time{ color:#999; font-size:14px;}
.lb_box_lq{ width:100%; overflow:hidden;}
.lb_box_lq a{ width:79px; height:27px; float:left; line-height:27px; color:#e94a4a; border:#e94a4a solid 1px; text-align:center; font-size:14px;}
.lb_box_lq a:hover{width:79px; height:27px; float:left; line-height:27px; color:#ffffff; border:#e94a4a solid 1px; background:#e94a4a; text-align:center; font-size:14px;}
.lb_box_lq .ylq{color:#cccccc; border:#cccccc solid 1px;width:79px; height:27px; float:left; line-height:27px;  text-align:center;}

/*合作伙伴文字*/
.huoban{width:966px;border:#f2f2f2 solid 1px; overflow:hidden; float:left;background:#ffffff; padding:0px 8px;}
.huoban_in_l{width:10%; border-bottom:#00afff solid 1px; line-height:39px; text-align:center; float:left}
.huoban_in_r{width:90%; float:left; border-bottom:#f2f2f2 solid 1px; height:39px;}
.huoban_in_cont{ width:100%; overflow:hidden; font-size:12px; font-family:"微软雅黑"; color:#666666; padding:8px 0px;}
.huoban_in_cont a{ margin-top:5px; margin-right:10px;color:#666666; float:left;}
.huoban_in_cont a:hover{ color:#12adff;}

/*子页小标*/
.m{ width:984px; margin:0px auto;overflow:hidden;}
.m .mt{ width:984px; margin:0px auto; overflow:hidden;}
.m .mt .title{ height:33px; padding-top:22px;}
.m .mt .title .homeico{ background:url(../images/homeico.jpg) no-repeat; width:15px; height:15px; float:left; margin-left:4px;}
.m .mt .title .tfont{color:#00a7ff; font-size:12px; float:left; margin-left:7px;}

/*游戏中心*/
.gamelist{width:966px;border:#f2f2f2 solid 1px; overflow:hidden; float:left;background:#ffffff; padding:0px 8px;}
.gamelist_in_l{width:10%; border-bottom:#00afff solid 1px; line-height:39px; text-align:center; float:left}
.gamelist_in_r{width:90%; float:left; border-bottom:#f2f2f2 solid 1px; height:39px;}
.gamelist_in_cont{ width:100%; overflow:hidden; padding:8px 0px;}
.gamelist_box{ width:304px; height:308px; float:left; border:#dcdcdc solid 1px; margin-bottom:10px; margin-top:5px;}
.gamelist_box .pic{ height:119px; border-bottom:#dcdcdc solid 1px;}
.gamelist_box .ti{ padding-top:17px; height:26px; padding-left:12px;}
.gamelist_box .ti a{ background:#eff4ff; border:#d6dde1 solid 1px; width:55px; height:23px; float:right; font-size:14px; text-align:center; line-height:23px; margin-right:18px;}
.gamelist_box .ti a:hover{ background:#d1dfff; border:#d6dde1 solid 1px; width:55px; height:23px; float:right; font-size:14px; text-align:center; line-height:23px; margin-right:18px;}
.gamelist_box .co{padding-left:12px; padding-right:18px; padding-top:16px; font:14px/18px "微软雅黑"; color:#535353;}
.gamelist_box .bu{ padding-top:24px;padding-left:12px;}


/*合作伙伴*/
.teamwork{ width:982px; border:#b8e0ff solid 1px; overflow:hidden; float:left; height:70px;}
.teamwork .title{ width:126px; float:left; height:70px; background:url(../images/hezuo.jpg) right center no-repeat;}
.teamwork .huoban{ width:856px; float:left; padding-top:10px; height:60px;}
.teamwork .huoban img{ margin-left:28px; float:left;}

.foot{height:100px; background:#dadada; width:100%; font:12px/24px "微软雅黑"; text-align:left; padding-top:34px; color:#646464;}
.foot .cp{ padding-left:20px;}
.foot a{ color:#646464;}
.foot a:hover{ color:#00719e;}
.foot_in{ width:1000px; margin:0px auto; overflow:hidden; padding-left:53px;}