@charset "utf-8";
/* /plugins/task/task.css */
.task_loading{background:url(../plugins/task/loading.gif?) no-repeat 50px 30px;line-height:140px;text-indent:150px;font-size:16px;}
.f_probox .n_f_pro_width {background:url(http://s3.img4399.com/m//images/my/f_pro_width.jpg) repeat-x;display:inline-block;height:11px;overflow:hidden;}
.f_probox .n_f_pronum{bottom:14px;color:#666666;height:15px;line-height:10px;overflow:hidden;position:absolute;right:0;}


.g_dialog_close{background:url(../plugins/task/close.jpg?) no-repeat;width:9px;height:9px;overflow:hidden;margin-top:5px;margin-right:5px;}
.g_dialog_close:hover{background-position:0 -9px;}
.g_dialog_body h3{background:url(../plugins/task/t_h2.png?) 0 -8px;height:33px;overflow:hidden;line-height:33px;padding:0 10px;}
.g_dialog_box{border:8px solid #777777;}

.task_result_box{background: url(../plugins/task/gou_r.png?) no-repeat 360px 30px;}
.task_result_succ{background: url(../plugins/task/5555.jpg?) no-repeat 30px 30px;color: #777777;font-size:14px;line-height:55px;padding:30px 100px;}
.task_result_next{background:url(../plugins/task/next_btn.png?) no-repeat 0 0;width:93px;height:28px;margin:0 auto 20px 30px;cursor:pointer;}
.task_result_next:hover{background-position:0 -28px;}

.task_result_message{line-height:50px;padding:20px 40px;color:#B37900;font-size:14px;font-weight:600;}
.task_result_error{line-height:50px;padding:20px 40px;color:#FF0000;font-size:14px;font-weight:600;}

.task_info{overflow:hidden;zoom:1;padding:25px;}
.task_info h4{border-bottom:1px solid #AAAAAA;font-size:16px;width:300px;float:left;line-height:45px;}
.task_info ul{width:250px;float:left;}
.task_info ul li{line-height:30px;color:#4C4C4C;}
.task_info_target{color:#FA8C3C;}
.task_info_awards{background:url(../plugins/task/5555.jpg?) no-repeat;line-height:60px;display:block;text-indent:70px;}
.task_info ul li h5{display:block;line-height:30px;}
.task_info_image{float:right;padding:3px;border:1px solid #E5E5E5;}

.task_info_option{border-top:1px solid #E5E5E5;padding:10px 0 20px;margin:0 20px;overflow:hidden;zoom:1;}
.task_info_option .task_info_next{float:right;line-height:30px;}
.task_info_option .task_info_next em{color:#00579F;cursor:pointer;}
.task_info_option .task_info_next em:hover{color:#00579F;text-decoration:underline;}
.task_info_option a{background:url(../plugins/task/bitem_btn.jpg?) no-repeat -79px 0;width:81px;height:30px;float:left;}
.task_info_option a:hover{background-position:-79px -30px;}
/* /home/css/task_pop.css */

/* CSS Document 
Date: 2012/10/29
Author: gwc
Update:   
*/
/* pop */
/* task warning*/
.task_warn_suc,.task_warn_fail{ background:url(../home/images/dw-success.jpg?) no-repeat; width:240px; height:100px; padding-left:98px; margin:21px auto 33px; overflow:hidden;}
.task_warn_suc h3,.task_warn_fail h3{ color:#419c0f; font-size:22px; font-weight:500; font-family:"microsoft YaHei"; margin:24px 0 4px;}
.task_warn_suc p{ color:#333; font-size:14px; font-weight:700;}
.task_warn_suc span{ color:#ff6600; font-size:18px; font-weight:500; font-family:"Arial"}
.task_warn_fail{ background:url(../home/images/dw-failed.jpg?) no-repeat; width:266px; padding-left:78px;}
.task_warn_fail h3{ color:#fb0000; margin:40px 0 0;}

/* task ing */
.task_ing{ padding:20px;}
.task_ing .task_object{ color:#333; font-weight:700;}
.task_ing .task_object span{ color:#ff6600; font-weight:500;}
.task_ing .task_finish{ width:230px; margin:32px auto 0; text-align:center;}
.task_ing .task_finish .warning{ background:url(../home/images/warn_icon.jpg?) no-repeat 0 2px; color:#999; padding-left:20px;}
/* glb_btn */
.glb_graybtn, .glb_bluebtn{ background:url(../home/images/global_btn.jpg?) no-repeat 0 0; width:auto; height:31px; line-height:31px; display:inline-block; padding-left:11px;}
.glb_bluebtn{background-position:0 -66px;}
.glb_graybtn span, .glb_bluebtn span{ background:url(../home/images/global_btn.jpg?) no-repeat 100% 0; color:#555; padding-right:11px; display:block;}
.glb_bluebtn span{ background-position:100% -66px; color:#fff;}
.glb_graybtn:hover{ background-position:0 -33px; text-decoration:none;}
.glb_graybtn:hover span{ background-position:100% -33px;}
.glb_bluebtn:hover{ background-position:0 -99px; text-decoration:none;}
.glb_bluebtn:hover span{ background-position:100% -99px;}
/* glb_btn_l */
.glb_bluebtn_l{ background:url(../home/images/global_btn.jpg?) no-repeat 0 -251px; height:41px; line-height:41px; font-size:16px; font-weight:700; display:inline-block; padding-left:28px;}
.glb_bluebtn_l span{  background:url(../home/images/global_btn.jpg?) no-repeat 100% -251px; color:#fff; display:block; padding-right:28px;}
.glb_bluebtn_l:hover{ background-position:0 -294px; text-decoration:none;}
.glb_bluebtn_l:hover span{ background-position:100% -294px; }
.task_ing .glb_bluebtn_l{ margin:24px 0;}

.ui-dialog .task_pop .ui-dialog-custom .ui-dialog-body{ padding:0px;}
.ui-dialog .task_pop .ui-dialog-custom .ui-dialog-footer{ text-align:left; height:60px;}
.task_info{ padding:0; margin:25px;}
.task_info_next{ float:right;line-height: 60px;margin-right: 10px;}
.task_info ul{ clear:left;}
.ui-dialog .task_pop .ui-dialog-custom .ui-dialog-footer .text_btn{ color:#1c8ed3;line-height: 60px;}
.task_complete_pop .show_next_task_btn{ float:right;}


/* /home/css/index.css */


/* CSS reset */
html {
    color: #333;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

input,
select,
img {
    vertical-align: middle
}

input,
select {
    outline: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

body,
button,
input,
select,
textarea {
    font: 14px/1.5 "microsoft yahei", tahoma, arial, sans-serif
}

input,
select,
textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: inherit;
}

fieldset,
img {
    border: 0;
}

iframe {
    display: block;
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

del {
    text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display: block;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 500;
}

q:before,
q:after {
    content: '';
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

a:hover {
    text-decoration: underline;
}

ins,
a {
    text-decoration: none;
}

/*Correct block display not defined in IE6/7/8/9 & ff3,IE需要在js中createElement(tag)*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    zoom: 1;
    /* for IE6 IE7 */
}

body,
html {
    background: #f5f5f5;
}
/*改版新增*/
.mod_aside .n_ads {
    float: left;
    display: inline;
    background: url(../home/images/new_ads01.png?) no-repeat;
    width: 114px;
    height: 24px;
    overflow: hidden;
    margin-top: 10px;
    padding-left: 30px;
}

.mod_aside .n_ads div {
    width: 130px;
    height: 24px;
    overflow: hidden;
}

.mod_aside .n_ads a {
    color: #ff9935;
    display: block;
    font-size: 12px;
    line-height: 24px;
    padding-left: 20px;
}

/*mod_top*/
.mod_top {
    background: #fff;
    width: 100%;
    height: 83px;
}

.mod_top .main {
    background: #fff;
    width: 1190px;
    margin: 0 auto;
}

.mod_top .recommend {
    width: 810px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    position: relative;
}

.mod_top .recommend .title {
    float: left;
    background: url(../home/images/sprites.png?) no-repeat 57px -1362px #ff7273;
    width: 57px;
    height: 26px;
    padding-right: 5px;
    margin-right: 13px;
    line-height: 26px;
    text-align: center;
    color: #fff;
}

.mod_top .rhot {
    padding: 10px 0 5px;
    border-bottom: 1px dashed #ddd;
}

.mod_top .rgroup {
    padding-top: 5px;
}

.mod_top .rgroup .title {
    background-position: 57px -1395px;
    background-color: #48b6fb;
}

.mod_top .recommend a {
    float: left;
    *display: inline;
    height: 26px;
    font-size: 12px;
    color: #333;
}

.mod_top .recommend .special {
    color: #ff7273;
}

.mod_top .recommend a:hover {
    color: #48b6fb;
}

.mod_top .recommend .split {
    float: left;
    background: #aaa;
    width: 1px;
    height: 12px;
    margin: 8px 10px 6px;
}



/* 客户端公测 */
.mod_top .recommend .m_gc {
    position: relative;
}

.mod_top .recommend .icon_new {
    background: url(../home/images/new.gif?) no-repeat;
    display: block;
    position: absolute;
    right: -30px;
    top: 1px;
    width: 25px;
    height: 15px;
}

.mod_container {
    padding-top: 20px;
}

.mod_container .leftlink,
.mod_container .rightlink {
    position: absolute;
    top: 0;
    height: 700px;
}

.mod_container .leftlink {
    left: 0;
}

.mod_container .rightlink {
    right: 0;
}

.wrapper {
    width: 1190px;
    margin: 0 auto;
    overflow: hidden;
    background: #f5f5f5;
}


/*mod_aside*/
.mod_aside {
    position: relative;
    float: right;
    width: 300px;
}

.mod_aside .login {
    background: #fff;
    padding: 20px 15px 15px;
    margin-bottom: 20px;
    overflow: hidden;
    *zoom: 1;
}

.mod_aside .login .num {
    font-size: 12px;
    color: #999;
    text-align: center;
}

.mod_aside .login .num span {
    color: #f36162;
    font-family: "Tahoma";
    font-weight: 700;
}

.mod_aside .login .text {
    font-size: 24px;
    text-align: center;
}

.mod_aside .login .link {
    margin: 10px -20px 20px 7px;
}

.mod_aside .login .link a {
    float: left;
    display: inline;
    background: url(../home/images/sprites.png?) no-repeat 0 -97px;
    width: 48px;
    padding-top: 57px;
    margin-right: 20px;
    font-size: 12px;
    color: #333;
}

.mod_aside .login .link a:hover {
    text-decoration: none;
}

.mod_aside .login .link .lgame:hover {
    color: #ff696a;
}

.mod_aside .login .link .lpic {
    background-position: 0 -177px;
}

.mod_aside .login .link .lpic:hover {
    color: #ff9d02;
}

.mod_aside .login .link p {
    text-align: center;
}

.mod_aside .login .link .lgroup {
    background-position: 0 -257px;
}

.mod_aside .login .link .lgroup:hover {
    color: #48b6fb;
}

.mod_aside .login .link .lcollect {
    background-position: 0 -337px;
}

.mod_aside .login .link .lcollect:hover {
    color: #76d040;
}

.mod_aside .login .loginbtn,
.mod_aside .login .register {
    float: left;
    background: #f36162;
    width: 130px;
    height: 45px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 45px;
}

.mod_aside .login .register {
    background: #48b6fb;
    margin-left: 10px;
}

.mod_aside .login .loginbtn:hover {
    background: #fd7f80;
    text-decoration: none;
}

.mod_aside .login .register:hover {
    background: #6fc7fe;
    text-decoration: none;
}

.mod_aside .userinfo {
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
    font-size: 12px;
}

.mod_aside .userinfo .info {
    position: relative;
    height: 68px;
    padding-left: 79px;
}

.mod_aside .userinfo .info .setbtn {
    float: right;
    background: url(../home/images/sprites.png?) no-repeat 0 -417px;
    width: 20px;
    height: 20px;
    margin-top: 8px;
}

.mod_aside .userinfo .info .img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
}

.mod_aside .userinfo .info .img img {
    border-radius: 50%;
}

.mod_aside .userinfo .info .name {
    display: block;
    padding-top: 5px;
    font-size: 16px;
    color: #333;
}

.mod_aside .userinfo .info .name:hover {
    text-decoration: none;
}

.mod_aside .userinfo .info .level {
    float: left;
    display: inline;
    margin-top: 12px;
    overflow: hidden;
}

.mod_aside .userinfo .info span {
    float: left;
    background: url(../home/images/sprites.png?) no-repeat 0 -447px;
    height: 12px;
    padding-left: 22px;
    margin: 3px 10px 0 0;
    line-height: 12px;
    color: #ffa60b;
    cursor: pointer;
}

.mod_aside .userinfo .info .level img {
    float: left;
}

.mod_aside .userinfo .info .moon {
    background-position: 0 -1156px;
}

.mod_aside .userinfo .info .sun {
    background-position: 0 -1178px;
}

.mod_aside .userinfo .info i {
    float: left;
    background: url(../home/images/sprites.png?) no-repeat 0 -1135px;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    display: none;
}

.mod_aside .userinfo .rate {
    display: none;
    position: absolute;
    background: url(../home/images/rate.png?) no-repeat;
    bottom: 2px;
    left: 118px;
    width: 149px;
    height: 28px;
    padding: 1px 0 2px 14px;
    line-height: 28px;
}

.mod_aside .userinfo .rate .bg {
    position: relative;
    float: left;
    background: #ebebeb;
    width: 136px;
    height: 12px;
    margin: 8px 7px 0 0;
    overflow: hidden;
}

.mod_aside .userinfo .rate .cur {
    position: absolute;
    background: #68c822;
    width: 50px;
    height: 12px;
    left: 0;
    top: 0;
}

.mod_aside .userinfo .rate .num {
    position: absolute;
    top: 1px;
    left: 0;
    width: 163px;
    text-align: center;
    color: #fff;
}

.mod_aside .userinfo .own {
    width: 270px;
    margin: 20px 0;
}

.mod_aside .userinfo .own li {
    float: left;
    width: 66px;
    border-right: 1px solid #e6e6e6;
    text-align: center;
}

.mod_aside .userinfo .own a {
    display: block;
}

.mod_aside .userinfo .own a:hover {
    text-decoration: none;
}

.mod_aside .userinfo .own a:hover .name {
    color: #48b6fb;
}

.mod_aside .userinfo .own .last {
    border: 0 none;
}

.mod_aside .userinfo .own .num {
    padding-bottom: 5px;
    color: #f36162;
    font-weight: 700;
}

.mod_aside .userinfo .own .name {
    color: #333;
}

.mod_aside .userinfo .sign {
    text-align: center;
}

.mod_aside .userinfo .sign p {
    display: inline-block;
    color: #aaa;
}

.mod_aside .userinfo .sign p span {
    color: #ffa60b;
    font-weight: 700;
}

.mod_aside .userinfo .sign a {
    padding-left: 3px;
    color: #48b6fb;
}

.mod_aside .userinfo .signbtn {
    position: relative;
    display: block;
    background: url(../home/images/sprites.png?) no-repeat 104px -463px #48b6fb;
    width: 125px;
    height: 45px;
    padding-left: 145px;
    margin: 20px 0;
    line-height: 45px;
    font-size: 18px;
    color: #fff;
}

.mod_aside .userinfo .signbtn:hover {
    background-position: 104px -507px;
    background-color: #6fc7fe;
    text-decoration: none;
}

.mod_aside .userinfo .addTip {
    display: none;
    position: absolute;
    left: 125px;
    top: 0;
    font-size: 30px;
    color: #ffa60b;
}

.mod_aside .userinfo .hassign {
    background: #6fc7fe;
    width: 270px;
    padding: 0;
    text-align: center;
}

.mod_aside .userinfo .hassign:hover {
    background: #6fc7fe;
}

.mod_aside .userinfo .about {
    margin-bottom: 5px;
    border-bottom: 1px solid #f1f1f1;
}

.mod_aside .userinfo .about ul {
    overflow: hidden;
}

.mod_aside .userinfo .about li {
    float: left;
    background: url(../home/images/sprites.png?) no-repeat 0 -555px;
    width: 95px;
    height: 30px;
    padding-left: 40px;
    margin-bottom: 10px;
    line-height: 30px;
}

.mod_aside .userinfo .about .pic {
    background-position: 0 -590px;
}

.mod_aside .userinfo .about .sgroup {
    background-position: 0 -626px;
}

.mod_aside .userinfo .about .collect {
    background-position: 0 -662px;
}

.mod_aside .userinfo .about a {
    float: left;
    color: #333;
    white-space: nowrap;
}

.mod_aside .userinfo .about a:hover {
    color: #48b6fb;
}

.mod_aside .userinfo .about .split {
    float: left;
    display: inline;
    background: #aaa;
    width: 1px;
    height: 13px;
    margin: 9px 5px 0;
}

.mod_aside .userinfo .played {
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
}

.mod_aside .userinfo .played .hd,
.mod_aside .userinfo .mission .hd {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
}

.mod_aside .userinfo .played .more,
.mod_aside .userinfo .mission .more {
    float: right;
    color: #48b6fb;
    font-size: 14px;
    line-height: 55px;
}

.mod_aside .userinfo .played .noresult {
    margin-bottom: 15px;
    font-size: 12px;
    color: #aaa;
}

.mod_aside .userinfo .played ul {
    width: 100%;
    overflow: hidden;
}

.mod_aside .userinfo .played li {
    float: left;
    margin-bottom: 10px;
}

.mod_aside .userinfo .played li a {
    display: block;
    width: 78px;
    padding: 0 10px 0 47px;
    line-height: 36px;
    color: #333;
}

.mod_aside .userinfo .played li a:hover {
    color: #48b6fb;
}

.mod_aside .userinfo .played li img {
    float: left;
    width: 36px;
    height: 36px;
    margin-left: -47px;
    border-radius: 7px;
}

.mod_aside .userinfo .played li span {
    float: left;
    width: 70px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mod_aside .userinfo .mission .hd {
    height: 40px;
}

.mod_aside .userinfo .mission .more {
    height: 35px;
}

.mod_aside .userinfo .mission .bd {
    font-size: 12px;
}

.mod_aside .userinfo .mission li {
    background: url(../home/images/sprites.png?) no-repeat 0 -1304px;
    padding-left: 15px;
    height: 30px;
    line-height: 30px;
}

.mod_aside .userinfo .mission .point {
    float: right;
    color: #f36162;
}

.mod_aside .userinfo .mission .getexp {
    cursor: pointer;
}

.mod_aside .userinfo .mission .complete {
    background: url(../home/images/sprites.png?) no-repeat 0 -1328px;
    padding-left: 15px;
    color: #57c408;
    font-weight: 700;
}

.mod_aside .userinfo .mission .title {
    float: left;
    width: 190px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mod_aside .userinfo .mission .title:hover {
    color: #48b6fb;
}

.mod_aside .ads {
    display: block;
    margin-bottom: 20px;
}

/*mod_box*/
.mod_box {
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
}

.mod_box .hd {
    height: 32px;
    padding-bottom: 15px;
    font-size: 22px;
}

.mod_boxs .hd {
    height: 47px;
    padding-bottom: 0;
    border-bottom: 1px solid #f1f1f1;
}

.mod_box .hd img {
    float: left;
    display: inline;
}

.mod_box .hd h2 {
    float: left;
    display: inline;
    height: 32px;
    margin-left: 15px;
    line-height: 32px;
}

.mod_box .hd .more {
    float: right;
    display: inline;
    height: 20px;
    color: #48b6fb;
    font-size: 14px;
    margin-top: 10px;
}

.mod_box .hd .tab {
    float: left;
    display: inline;
    margin-top: 12px;
    margin-left: 30px;
}

.mod_box .hd .tab li {
    float: left;
    display: inline;
    margin-right: 20px;
    font-size: 14px;
}

.mod_box .hd .tab a {
    display: block;
    height: 34px;
    color: #333;
    *display: inline-block;
}

.mod_box .hd .tab .cur a {
    color: #48b6fb;
    border-bottom: 2px solid #48b6fb;
}

.mod_box .hd .tab a:hover {
    color: #48b6fb;
    border-bottom: 2px solid #48b6fb;
    text-decoration: none;
}

.mod_box .bd {
    overflow: hidden;
}

.mod_box .bd .more {
    display: block;
    background: #48b6fb;
    *width: 270px;
    height: 32px;
    margin-top: 15px;
    text-align: center;
    line-height: 32px;
    color: #fff;
}

.mod_box .bd .more:hover {
    text-decoration: none;
    background: #6fc7fe;
}

.gamebox {
    height: 257px;
    overflow: hidden;
}

.followpart {
    width: 270px;
}



.activity .txt:hover {
    color: #48b6fb;
    text-decoration: underline;
}

.activity li {
    height: 40px;
    margin-bottom: 10px;
}

.activity .img {
    float: left;
    width: 65px;
    height: 40px;
}

.activity .txt {
    float: right;
    width: 195px;
    font-size: 12px;
    color: #666666;
    height: 40px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/*最新开服*/
.kf li {
    width: 270px;
    margin-bottom: 10px;
    font-size: 12px;
}

.kf .hover {
    display: none;
    background: #f9f9f9;
    height: 75px;
    padding: 10px 0 10px 84px;
}

.kf .hasopen {
    background: #fff1df;
    *margin: -2.5px 0;
}

.kf .hover img {
    float: left;
    *display: inline;
    width: 75px;
    height: 75px;
    margin-left: -84px;
    border-radius: 10px;
}

.kf .hover .name {
    display: block;
    width: 186px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.kf .hover .name:hover {
    color: #48b6fb;
}

.kf .hover .date {
    margin: 5px 0;
    color: #aaa;
}

.kf .hover .date span {
    color: #ffa22a;
}

.kf .hover .area {
    float: left;
    *display: inline;
    background: #fff;
    height: 24px;
    padding: 0 15px;
    line-height: 24px;
    border: 1px solid #48b6fb;
    color: #48b6fb;
    white-space: nowrap;
}

.kf .hover .area:hover {
    background: #48b6fb;
    color: #fff;
    text-decoration: none;
}

.kf .hover .ready {
    display: block;
    background: #fff;
    width: 143px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #aaa;
    border: 1px solid #bbb;
}

.kf .hover .ready:hover {
    text-decoration: none;
}

.kf .sdate {
    float: right;
    width: 116px;
    color: #ffa22a;
}

.kf .sdate_gl {
    float: right;
    width: 110px;
    color: #ffa22a;
}

.kf .sdate span {
    color: #333;
}

.kf .sname {
    float: left;
    width: 90px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.kf .sarea {
    float: left;
    width: 64px;
    color: #ffa22a;
}

.kf .sarea_gl {
    float: left;
    width: 70px;
    color: #ffa22a;
}

.kf .cur .hover {
    display: block;
}

.kf .cur .normal {
    display: none;
}

/*游戏排行榜*/
.rank li {
    height: 30px;
    margin-bottom: 10px;
    overflow: hidden;
}

.rank .cur {
    height: 95px;
}

.rank .num {
    float: left;
    background: #bbb;
    width: 24px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.rank .cur .num {
    height: 95px;
    line-height: 95px;
}

.rank .top {
    background: #ffa22a;
}

.rank .hover {
    display: none;
    float: left;
    background: #fff1df;
    height: 75px;
    padding: 10px 0 10px 105px;
    overflow: hidden;
    *zoom: 1;
}

.rank .cur .hover {
    position: relative;
    display: block;
    width: 140px;
}

.rank img {
    float: left;
    display: inline;
    margin-left: -90px;
    border-radius: 10px;
}

.rank .name {
    display: block;
    width: 140px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.rank .name:hover {
    color: #48b6fb;
}

.rank .type {
    margin: 5px 0;
    color: #aaa;
    font-size: 12px;
}

.rank .official,
.rank .gift {
    background: #fff;
    float: left;
    display: inline;
    height: 24px;
    padding: 0 10px;
    border: 1px solid #48b6fb;
    line-height: 24px;
    font-size: 12px;
    color: #48b6fb;
    white-space: nowrap;
}

.rank .official:hover {
    background: #48b6fb;
    color: #fff;
    text-decoration: none;
}

.rank .gift {
    margin-left: 10px;
    color: #f36162;
    border-color: #f36162;
}

.rank .gift:hover {
    background: #f36162;
    color: #fff;
    text-decoration: none;
}

.rank .sname {
    float: left;
    display: inline;
    margin-left: 15px;
    font-size: 12px;
    line-height: 30px;
}

.rank .cur .sname {
    display: none;
}

/*mod_main*/
.mod_main {
    float: left;
    width: 875px;
}

/*今日看点*/
.today .top {
    overflow: hidden;
}

.today .recommend {
    float: right;
    width: 430px;
}

.today .part {
    margin-bottom: 15px;
}

.today .topic {
    display: block;
    height: 72px;
    margin-bottom: 15px;
    cursor: pointer;
}

.today .topic:hover {
    text-decoration: none;
}

.today .topic img {
    float: right;
    width: 120px;
    height: 72px;
}

.today .topic .title {
    display: block;
    width: 300px;
    font-size: 18px;
    color: #48b6fb;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.today .topic .title:hover {
    text-decoration: underline;
}

.today .topic .text {
    display: block;
    width: 300px;
    height: 40px;
    margin-top: 3px;
    font-size: 12px;
    line-height: 20px;
    color: #aaa;
    overflow: hidden;
}

.today .link {
    height: 21px;
    overflow: hidden;
}

.today .link a {
    margin-right: 20px;
    color: #666;
}

.today .link a:hover {
    color: #48b6fb;
}

.today .slide {
    position: relative;
    width: 390px;
    height: 240px;
}

.today .slide .con {
    background: #f5f5f5;
    width: 390px;
    height: 240px;
    overflow: hidden;
}

.today .slide .con .pic {
    display: block;
}

.today .slide .con .title {
    height: 40px;
    padding: 0 80px 0 10px;
    line-height: 40px;
    overflow: hidden;
}

.today .slide .con li {
    float: left;
    width: 390px;
    height: 240px;
}

.today .slide .con .title a {
    display: block;
    width: 280px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.today .slide .con .title a:hover {
    color: #48b6fb;
}

.today .slide .nav {
    position: absolute;
    right: 4px;
    bottom: 15px;
}

.today .slide .nav li {
    float: left;
    background: #d6d6d6;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
}

.today .slide .nav .active {
    background: #47b5fa;
}

.today .bottom {
    margin-top: 10px;
}

.today .bottom .btitle {
    cursor: pointer;
    font-family: '微软雅黑 Bold', '微软雅黑';
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    padding-bottom: 15px;
    display: block;
}

.today .bottom .btitle a {
    color: #44B3F8;
    float: right;
    font-size: 14px;
    font-weight: 400;
}

.today .bottom .show_gl {
    overflow: hidden;
    height: 24px;
    margin-top: 6px;
    line-height: 24px;
}

.today .bottom .hide_gl {
    overflow: hidden;
    height: 24px;
    margin-top: 6px;
    line-height: 24px;
    float: left;
    width: 49%
}

.today .bottom a {
    cursor: pointer;
}

.today .bottom a:hover {
    text-decoration: none;
}

.today .bottom .type {
    float: left;
    background: #f5f5f5;
    width: 48px;
    height: 24px;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    color: #333;
}

.today .bottom .type:hover {
    text-decoration: none;
}

.today .bottom .tl {
    border-left: 2px solid #45b3f8;
}

.today .bottom .tp {
    border-left: 2px solid #f86d6d;
}

.today .bottom .xs {
    border-left: 2px solid #ffab00;
}

.today .bottom .yx {
    border-left: 2px solid #55c75d;
}

.today .bottom .title {
    float: left;
    display: inline;
    height: 24px;
    padding-right: 10px;
    margin-left: 10px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.today .bottom .title_gl {
    float: left;
    display: inline;
    width: 320px;
    height: 24px;
    padding-right: 10px;
    margin-left: 10px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.today .bottom .title_gl:hover {
    color: #44B3F8;
    text-decoration: underline;
}

.today .bottom .title:hover {
    color: #48b6fb;
}

.today .bottom .comment,
.today .bottom .author,
.today .bottom .date {
    float: left;
    display: inline;
    background: url(../home/images/sprites.png?) no-repeat 0 -701px;
    width: 90px;
    height: 24px;
    padding-left: 20px;
    color: #aaa;
    font-size: 12px;
}

.today .bottom .comment {
    padding-left: 22px;
}

.today .bottom .author {
    background-position: 0 -727px;
    width: 100px;
    margin-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.today .bottom .date {
    background-position: 0 -751px;
    width: 80px;
    margin-left: 10px;
}

.today .part_980 {
    display: none;
}

.today .bottom .btitle .recomtab {
    color: #333
}

.today .bottom .btitle .recomtab:hover {
    color: #44B3F8
}

.today .bottom .btitle .recomexchange:hover {
    text-decoration: underline
}


/*近期关注*/
.attention {
    *position: relative;
    height: 100px;
    margin-right: -15px;
    *zoom: 1;
    overflow: hidden;
}

.attention li {
    float: left;
    display: inline;
    width: 200px;
    height: 100px;
    margin-right: 15px;
}

.attention a {
    position: relative;
    display: block;
    width: 200px;
    height: 100px;
}

.attention a:hover {
    text-decoration: none;
}

.attention img {
    width: 200px;
    height: 100px;
}

.attention .title {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: 100px;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
}

.attention .hover .title {
    display: block;
}

.attention .title .cover {
    position: absolute;
    background: #000;
    left: 0;
    top: 0;
    width: 200px;
    height: 100px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 5;
}

.attention .title span {
    position: relative;
    color: #fff;
    z-index: 10;
    display: block;
}

.attention .hover .title {
    display: block;
}

/*群组集中营*/
.group {
    *position: relative;
    display: none;
    height: 330px;
    _height: 335px;
    margin: 15px -15px -15px 0;
    overflow: hidden;
}

.group li {
    position: relative;
    background: #f9f9f9;
    float: left;
    *display: inline;
    position: relative;
    margin: 0 15px 15px 0;
    border: 1px solid #f9f9f9;
}

.group .hover {
    background: #f3fafe;
    border-color: #c8e3f3;
}

.group .main {
    display: block;
    width: 93px;
    height: 58px;
    padding: 15px 15px 15px 90px;
}

.group .main:hover {
    text-decoration: none;
}

.group img {
    border-radius: 10px;
}

.group .longer .main {
    width: 293px;
    height: 73px;
    padding-left: 105px;
    overflow: hidden;
}

.group .pic {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 60px;
    height: 60px;
    border-radius: 7px;
}

.group .longer .pic {
    width: 75px;
    height: 75px;
}

.group .title {
    display: block;
    width: 100%;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.group .num {
    display: block;
    font-size: 12px;
    color: #aaa;
}

.group .num span {
    float: left;
    margin-right: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.group .longer .num {
    margin: 12px 0 3px;
}

.group .topic {
    position: absolute;
    bottom: 15px;
    left: 104px;
    width: 290px;
    height: 18px;
    font-size: 12px;
    color: #48b6fb;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*游戏大集合*/
.gamecol {
    display: none;
    margin-top: 15px;
}

.gamecol img {
    border-radius: 10px;
}

.gamecol a {
    color: #333;
}

.gamecol a:hover {
    color: #48b6fb;
}

.gamecol .top {
    position: relative;
    height: 75px;
    margin-bottom: 20px;
    overflow: hidden;
    z-index: 1;
}

.gamecol .top ul {
    margin-right: -15px;
}

.gamecol .top li {
    float: left;
    display: inline;
    margin-right: 15px;
    margin-bottom: 20px;
    width: 115px;
    padding-left: 85px;
}

.gamecol .top .pic {
    position: relative;
    float: left;
    display: inline;
    margin-left: -85px;
}

.gamecol .top .hot,
.gamecol .top .new {
    position: absolute;
    background: url(../home/images/icon.png?) no-repeat;
    width: 45px;
    height: 45px;
    left: 0;
    top: 0;
}

.gamecol .top .new {
    background-position: 0 -55px;
}

.gamecol .top .title {
    display: block;
    width: 110px;
    margin: 3px 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.gamecol .top .text {
    height: 36px;
    font-size: 12px;
    color: #999;
    overflow: hidden;
}

.gamecol .top .text:hover {
    text-decoration: none;
}

.gamecol .bottom {
    height: 99px;
}

.gamecol .bottom ul {
    margin-right: -35px;
    margin-left: -7.5px;
}

.gamecol .bottom li {
    float: left;
    display: inline;
    width: 90px;
    margin: 0 20px 20px 0;
}

.gamecol .bottom a {
    display: block;
    width: 75px;
    margin: 0 auto;
}

.gamecol .bottom .title {
    width: 90px;
    margin-top: 3px;
    margin-left: -7.5px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mod_box .gamebd {
    overflow: visible;
}

.mod_boxs .gift {
    margin-top: 15px;
    display: none;
}

.mod_boxs .tab_active {
    display: block;
}


/*游戏礼包*/
.mod_boxs .gift {
    position: relative;
    *zoom: 1;
    margin-top: 15px;
    display: none;
}

.gift .more_2 {
    float: right;
    display: inline;
    height: 20px;
    color: #48b6fb;
    font-size: 14px;
    margin-top: -54px;
}

.gift .con {
    position: relative;
    margin: 0 auto;
    width: 773px;
    overflow: hidden;
}

.gift .con ul {
    margin-right: -28px;

}

.gift li {
    position: relative;
    float: left;
    display: inline;
    width: 172px;
    margin-right: 28px;
    *zoom: 1;
}

.gift-cont a {
    display: block;
    width: 172px;
    height: 110px;
}

.gift-cont a:hover {
    text-decoration: none;
}

.gift .title {
    display: block;
    text-align: left;
    cursor: pointer;
    color: #333;
    line-height: 36px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.gift .title:hover {
    color: #48b6fb;
}

.gift .title .cover {
    position: absolute;
    background: #000;
    left: 0;
    top: 0;
    width: 172px;
    height: 110px;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 5;
}

.gift .title span {
    position: relative;
    z-index: 10;
    color: #fff;
    display: block;
}

/*热点追踪*/
.follow {
    margin-left: -10px;
}

.follow li {
    float: left;
    width: 380px;
    display: inline;
    margin-top: 20px;
    margin-left: 30px;
    margin-bottom: 20px;
}

.follow li .news_left {
    float: left;
}


.follow li .news_right {
    float: left;
    margin-left: 12px;
}

.follow li .news_img {
    width: 114px;
    height: 114px;
    border-radius: 15px;
}

.zx-tit {
    border-bottom: 1px solid #f1f1f1;
}

.news_left .news_link {
    display: block;
    position: relative;
}

.news_left .news_link:hover {
    text-decoration: none;
}

.news_left .enter_link {
    display: block;
    width: 115px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #2FAEFB;
    border: 1px solid #2FAEFB;
    margin-top: 15px;
}

.news_left .enter_link:hover {
    color: #f8f8f8;
    background-color: #2FAEFB;
    text-decoration: none;
}

.news_right a {
    display: block;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333333;
    line-height: 33px;
}

.news_right a:hover {
    color: #48B6FB;
}


/*mod_bottom*/
.mod_bottom {
    background: #fff;
}

.mod_bottom .main {
    width: 1190px;
    margin: 0 auto;
}

.mod_bottom .mod_box {
    padding: 15px 0;
    margin-bottom: 0;
}

/*全部游戏*/
.all {
    font-size: 12px;
}

.all .recommend {
    width: 100%;
    height: 56px;
    padding-top: 5px;
    margin-right: -30px;
    border-bottom: 1px dashed #eaeaea;
    overflow: hidden;
}

.all .recommend a {
    float: left;
    display: inline;
    padding: 0 0 20px 45px;
    margin-right: 30px;
    line-height: 36px;
    color: #333;
    white-space: nowrap;
}

.all .recommend a:hover {
    color: #48b6fb;
}

.all .recommend img {
    float: left;
    display: inline;
    margin-left: -45px;
    border-radius: 7px;
}

.all .list {
    margin-top: 20px;
    border-bottom: 1px dashed #eaeaea;
}

.all .list .type {
    overflow: hidden;
    margin-bottom: 10px;
    *margin-bottom: 20px;
}

.all .list .content {
    float: left;
    width: 1079px;
}

.all .list .split {
    float: left;
    display: inline;
    background: #aaa;
    width: 1px;
    height: 14px;
    margin: 7px 0 15px;
}

.all .list a {
    float: left;
    display: inline;
    padding: 0 9px;
    margin-bottom: 10px;
    color: #333;
    line-height: 26px;
    white-space: nowrap;
}

.all .list a:hover {
    color: #48b6fb;
}

.all .list .title {
    float: left;
    display: inline;
    background: #b7b7b7;
    width: 75px;
    height: 26px;
    padding: 0 8px;
    margin-right: 20px;
    border-radius: 4px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    cursor: default;
}

.all .list .title:hover {
    color: #fff;
    text-decoration: none;
}

.all .list .c1 {
    background: #967bdc;
}

.all .list .c2 {
    background: #44b3f8;
}

.all .list .c3 {
    background: #36bc9b;
}

.all .list .c4 {
    background: #fbab20;
}

.all .list .c5 {
    background: #f36161;
}

.mod-sites{
    padding:2px 0 3px 0;
}
.mod-sites dd{
    margin-bottom:15px !important;
}

.site {
    width: 1190px;
    padding-bottom: 15px;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
}

.site a {
    display: inline-block;
    *display: inline;
    background: url(../home/images/site.png?) no-repeat;
    padding: 3px 0 2px 28px;
    margin: 0 5px;
    color: #4395d1;
    font-size: 14px;
    font-weight: 700;
    *zoom: 1;
}



.site .g1 {
    background-position: 0 0;
}

.site .g2 {
    background-position: 0 -114px;
}

.site .g3 {
    background-position: 0 -23px;
}

.site .g4 {
    background-position: 0 -93px;
}

.site .g5 {
    background-position: 0 -93px;
}

.site .g6 {
    background-position: 0 -47px;
}

.site .g7 {
    background-position: 0 -135px;
}

.site .g8 {
    background: url(../home/images/ke.png?) no-repeat;
    background-size: 18px;
    padding: 0 2px 2px 26px;
    margin: 0 5px;
    color: #4395d1;
    font-size: 14px;
    font-weight: 700;
    *zoom: 1;
}

.site .g_youpai {
    background: url(../home/images/youpai.png?) no-repeat;
    background-size: 18px;
    padding: 0 2px 2px 26px;
}

.site .g_zxw {
    background: url(../home/images/zxw.png?) no-repeat;
    background-size: 18px;
    padding: 0 2px 2px 26px;
}
.site .g_3387 {
    background: url(../home/images/3387.png?) no-repeat;
    background-size: 18px;
    padding: 0 2px 2px 26px;
}
/*fixed_menu*/
.fixed_menu {
    z-index: 999;
    width: 56px;
 /*   height: 239px;*/
    /*overflow: hidden; */
}

.fixed_menu .gototop {
    display: block;
    background: url(../home/images/sprites.png?) no-repeat 0 -1207px;
    width: 44px;
    height: 44px;
    margin: 0 0 5px 6px;
    overflow: hidden;
}

.fixed_menu .gototop:hover {
    background-position: 0 -1256px;
}

.fixed_menu .question {
    display: block;
    background: #fff;
    width: 34px;
    height: 36px;
    padding: 4px 5px;
    margin: 0 0 5px 6px;
    color: #f36161;
    font-size: 12px;
    text-align: center;
}

.fixed_menu .question:hover {
    background: #45b3f8;
    color: #fff;
    text-decoration: none;
}

.fixed_menu .toold {
    display: block;
    background: #fff;
    width: 34px;
    height: 36px;
    padding: 4px 5px;
    margin: 0 0 5px 6px;
    color: #333;
    font-size: 12px;
    text-align: center;
}

.fixed_menu .toold:hover {
    background: #45b3f8;
    color: #fff;
    text-decoration: none;
}

.fixed_menu .download {
    display: block;
    background: url(../home/images/index/fixed_download.png?) no-repeat;
    width: 56px;
    height: 92px;
}

/*星宠入口*/
/*新增星宠入口*/
.fixed_menu .pet_group {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -100px;
    left: -18px;
}

.fixed_menu .pet_group .pet_box {
    display: block;
    width: 100px;
    height: 100px;
    overflow: hidden;
    padding: 0;
    border: 0;
    background-color: transparent;
    position: relative;
    text-align: center;
}

.fixed_menu .pet_group .pet_box .icon_entry {
    width: 97px;
    height: 38px;
    background: url(../home/images/pet/icon_entry.png?) center center no-repeat;
    position: absolute;
    left: 4px;
    bottom: 1px;
}

.fixed_menu .pet_group .pet_box .icon_pet {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0px;
    bottom: 16px;
    background: url(../home/images/pet/sprites_pet.png?) no-repeat;
    background-position: 0 0;
}

.fixed_menu .pet_group .pet_box .pet {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
}

.fixed_menu .pet_group .pet_box .pet.pet-1 {
    background: url(../home/images/pet/pet1.png?) no-repeat center center;
    background-size: 100% 100%;
}

.fixed_menu .pet_group .pet_box .pet.pet-2 {
    background: url(../home/images/pet/pet2.png?) no-repeat center center;
    background-size: 100% 100%;
}

.fixed_menu .pet_group .pet_box .pet.pet-3 {
    background: url(../home/images/pet/pet3.png?) no-repeat center center;
    background-size: 100% 100%;
}

.fixed_menu .pet_group .pet_box .pet.pet-4 {
    background: url(../home/images/pet/pet4.png?) no-repeat center center;
    background-size: 100% 100%;
}

.fixed_menu .pet_group .pet_box .pet_deco {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
}

.fixed_menu .pet_group .pet_box .pet_deco img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.fixed_menu .pet_group .pop_box {
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 140px;
    margin-left: -70px;
}

.fixed_menu .pet_group .pop_box.special {
    bottom: 66px;
}

.fixed_menu .pet_group .pop_box .pop {
    background: #fffefd;
    border: 1px solid #5c0d00;
    width: auto;
    color: #5e2314;
    font-size: 12px;
    padding: 5px;
    line-height: 16px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
}

.fixed_menu .pet_group .pop_box .pop .icon {
    width: 12px;
    height: 10px;
    display: block;
    margin-left: -6px;
    position: absolute;
    bottom: -10px;
    left: 50%;
}

.fixed_menu .pet_group .pop_box .pop.pop-1 {
    left: 0;
    right: auto;
    bottom: 5px;
}

.fixed_menu .pet_group .pop_box .pop.pop-1 .icon {
    background: url(../home/images/pet/icon_angle1.png?) no-repeat center center;
    left: 38px;
}

.fixed_menu .pet_group .pop_box .pop.pop-2 {
    right: 0;
    left: auto;
    bottom: 5px;
}

.fixed_menu .pet_group .pop_box .pop.pop-2 .icon {
    background: url(../home/images/pet/icon_angle2.png?) no-repeat center center;
    left: auto;
    right: 32px;
}

.fixed_menu .pet_group .pop_box .pop.pop-3 {
    left: 0;
    right: auto;
    bottom: 10px;
}

.fixed_menu .pet_group .pop_box .pop.pop-3 .icon {
    background: url(../home/images/pet/icon_angle3.png?) no-repeat center center;
    left: 70px;
}

.fixed_menu .pet_group .pop_box .pop .close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -24px;
    top: -12px;
    background: url(../home/images/pet/icon_close.png?) no-repeat center center;
    cursor: pointer;
}

/*弹窗*/
.mod_dialog {
    width: 560px;
    background: #edf0f4;
    padding: 3px;
}

.mod_dialog .main {
    border: 1px solid #d1e8f9;
}

.mod_dialog .hd {
    background: url(../home/images/sprites.png?) repeat-x 0 -1060px;
    height: 40px;
    padding: 0 15px;
    line-height: 40px;
    font-weight: 700;
}

.mod_dialog .hd .close {
    float: right;
    display: inline;
    background: url(../home/images/sprites.png?) no-repeat 0 -1107px;
    width: 10px;
    height: 10px;
    margin-top: 15px;
    overflow: hidden;
}

.mod_dialog .hd .close:hover {
    background-position: 0 -1117px;
}

.mod_dialog .bd {
    background: #fff;
    padding: 10px;
}

.my_wrapper {
    width: 1190px;
}

/*----------- 宽度980px ----------*/
.ad-cont {
    margin-left: -26px;
}

.ad-cont a {
    display: inline-block;
    width: 47%;
    margin-bottom: 20px;
    margin-left: 27px;
    position: relative;
}

.ad-cont a img {
    display: block;
    width: 100%;
}

.ad-txt {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.ad-cont a:hover .ad-txt {
    display: block;
}

.ad-txt .ad-des {
    display: table;
    padding: 0 50px;
    height: 100%;
    width: 324px;
}

.ad-txt span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #fff;
}

.ad-txt .cover {
    position: absolute;
    background: #000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 5;
}

/*支持css3浏览器*/
@media screen and (max-width: 1200px) {
    .mod_top .main {
        width: 980px;
    }

    .mod_container {
        background: none !important;
    }

    .mod_container .leftlink,
    .mod_container .rightlink {
        display: none;
    }

    .wrapper {
        background: none !important;
        width: 980px;
    }

    .mod_main {
        width: 665px;
    }

    .mod_top .recommend {
        width: 599px;
    }

    .m_qzapp img {
        width: 665px;
    }

    /*全部游戏*/
    .mod_bottom .main {
        width: 980px;
    }

    .all .list .content {
        float: left;
        width: 869px;
    }

    /*今日看点*/
    .today .recommend {
        width: 230px;
    }

    .today .topic img {
        display: none;
    }

    .today .topic .title {
        width: 230px;
    }

    .today .topic .text {
        width: 230px;
    }

    .today .link .second {
        display: none;
    }

    .today .bottom .title {
        width: 360px;
    }

    .today .bottom .title_gl {
        width: 220px;
    }

    .today .bottom .comment {
        width: 70px;
    }

    .today .bottom .author {
        width: 80px;
    }

    .today .bottom .date {
        display: none;
    }

    /*群组集中营*/
    .group .longer .main {
        width: 188px;
    }

    .group .topic {
        width: 180px;
    }

    .group .longer .num span {
        width: 80px;
        margin-right: 10px;
    }

    /*游戏礼包*/
    .gift .con {
        width: 573px;
        height: 290px;
    }


    .ad-cont {
        margin-left: -20px;
    }

    /*热点追踪*/

    .my_wrapper {
        width: 980px;
    }

    .ad_cate_148 {
        display: none;
    }

    .ad-cont a {
        margin-left: 20px;
    }

    .news_right a {
        width: 166px;
    }

    .follow li {
        width: 300px;
        margin-left: 20px;
    }
}


/*不支持css3浏览器*/
.width_980 .mod_top .main {
    width: 980px;
}

.width_980 .mod_container {
    background: none;
}

.width_980 .mod_container .leftlink,
.width_980 .mod_container .rightlink {
    display: none;
}

.width_980 .wrapper {
    background: none;
    width: 980px;
}

.width_980 .mod_main {
    width: 665px;
}

.width_980 .mod_top .recommend {
    width: 599px;
}

.width_980 .ad_cate_148 {
    display: none;
}

/*全部游戏*/
.width_980 .mod_bottom .main {
    width: 980px;
}

.width_980 .all .list .content {
    float: left;
    width: 869px;
}

/*今日看点*/
.width_980 .today .recommend {
    width: 230px;
}

.width_980 .today .topic img {
    display: none;
}

.width_980 .today .topic .title {
    width: 230px;
}

.width_980 .today .topic .text {
    width: 230px;
}

.width_980 .today .link .second {
    display: none;
}

.width_980 .today .bottom .title {
    width: 360px;
}

.width_980 .today .bottom .title_gl {
    width: 200px;
}

.width_980 .today .bottom .comment {
    width: 70px;
}

.width_980 .today .bottom .author {
    width: 80px;
}

.width_980 .today .bottom .date {
    display: none;
}

/*群组集中营*/
.width_980 .group .longer .main {
    width: 188px;
}

.width_980 .group .topic {
    width: 180px;
}

.width_980 .group .longer .num span {
    width: 80px;
    margin-right: 10px;
}

/*游戏礼包*/
.width_980 .gift .con {
    width: 573px;
    height: 290px;
}

/* 广告 */
.width_980 .ad-cont a {
    margin-left: 20px;
}

.width_980 .ad-cont {
    margin-left: -20px;
}

/*游戏资讯*/
.width_980 .news_right a {
    width: 166px;
}

.width_980 .follow li {
    width: 300px;
    margin-left: 20px;
}

.width_980 .my_wrapper {
    width: 980px;
}

.my_fbtm {
    background: #f5f5f5;
}

.myui_view_sign,
.myui_btn_sign {
    position: relative;
    display: block;
    background: #48b6fb;
    width: 270px;
    height: 45px;
    margin: 20px 0 10px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.myui_view_sign {
    background: #6fc7fe;
}

.myui_view_sign:hover,
.myui_btn_sign:hover {
    background: #6fc7fe;
    text-decoration: none;
}

.myui_checkin_tip {
    margin-bottom: 15px;
    text-align: center;
    color: #aaa;
}

.myui_checkin_tip span {
    color: #ffa60b;
    font-weight: 700;
}

.myui_checkin_tip a {
    padding-left: 3px;
    color: #48b6fb;
}

.myui_calendar {
    font: 400 12px/1.8 'SimSun';
}

.myui_calendar a {
    color: #1c8ed3;
}

.news_left .game-name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96px;
    padding: 0 9px;
    height: 28px;
    background-color: #000;
    opacity: .8;
    line-height: 28px;
    text-align: center;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

/*新手引导*/
.mod_guide {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    *zoom: 1;
}

.mod_guide .cover {
    position: absolute;
    background: #000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    filter: alpha(opacity=30);
    z-index: 900;
}

.mod_guide .main {
    position: relative;
    margin: 0 auto;
    z-index: 999;
}

.mod_guide .part {
    display: none;
    position: absolute;
}

.mod_guide .part1 {
    background: url(../home/images/guide/guide_1.png?) no-repeat;
    top: 64px;
    left: 5px;
    width: 787px;
    height: 280px;
}

.mod_guide .part2 {
    background: url(../home/images/guide/guide_2.png?) no-repeat;
    top: 125px;
    left: 0;
    width: 707px;
    height: 204px;
}

.mod_guide .part3 {
    background: url(../home/images/guide/guide_3.png?) no-repeat;
    top: 125px;
    left: 5px;
    width: 509px;
    height: 480px;
}

.mod_guide .part4 {
    background: url(../home/images/guide/guide_4.png?) no-repeat;
    top: 125px;
    left: 5px;
    width: 689px;
    height: 251px;
}

.mod_guide .next {
    position: absolute;
    background: #fab74e;
    width: 85px;
    height: 31px;
    border-radius: 3px;
    line-height: 31px;
    text-align: center;
    color: #fff;
}

.mod_guide .next:hover {
    background: #fbbd5d;
    text-decoration: none;
}

.mod_guide .close {
    position: absolute;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.mod_guide .nav {
    position: absolute;
    overflow: hidden;
}

.mod_guide .nav li {
    float: left;
    background: #fff;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
}

.mod_guide .nav .cur {
    background: #ffd971;
    width: 20px;
}

.mod_guide .part1 .next {
    left: 482px;
    top: 200px;
}

.mod_guide .part1 .close {
    left: 179px;
    top: 107px;
}

.mod_guide .part1 .nav {
    left: 384px;
    top: 211px;
}

.mod_guide .part2 .next {
    left: 397px;
    top: 118px;
}

.mod_guide .part2 .close {
    left: 471px;
    top: 23px;
}

.mod_guide .part2 .nav {
    left: 298px;
    top: 130px;
}

.mod_guide .part3 .next {
    left: 388px;
    top: 256px;
}

.mod_guide .part3 .close {
    left: 464px;
    top: 162px;
}

.mod_guide .part3 .nav {
    left: 290px;
    top: 267px;
}

.mod_guide .part4 .next {
    left: 492px;
    top: 144px;
}

.mod_guide .part4 .close {
    left: 179px;
    top: 51px;
}

.mod_guide .part4 .nav {
    left: 390px;
    top: 155px;
}

#keywordInput {
    color: #aaa;
}


.mod_box .tab_active {
    display: block;
}
/* /home/css/fmsearch.css */
.btn_guang,
.btn_play,
.btn_forum,
.btn_site{
    border:1px solid #acb5bf;
    width:52px;
    height:22px;
    text-align:center;
    line-height: 22px;
    color:#acb5bf;
}

.btn_guang:hover,.btn_forum:hover{
    border:1px solid #51b9fa;
    background:#51b9fa;
    color:#fff;
    text-decoration: none;
}
.btn_play:hover,.btn_site:hover{
    border:1px solid #f36162;
    background:#f36162;
    color:#fff;
    text-decoration: none;
}
/*
 * 相关群组
*/

.mod_group{
    margin-top:10px;
}

.mod_group .mod_ghd{
    height:40px;
    line-height: 40px;
}
.mod_group .mod_ghd a{
    font-size:14px;
    color:#999;
}

.mod_group .mod_ghd a:hover{
    color:#f36162;
    text-decoration: none;
}
.mod_group .mod_ghd em{
    color:#f36162;
}


.m_group_list{
    overflow: hidden;
    margin-right:-10px;
}
.m_group_list li{
    float:left;
    width:210px;
    height:110px;
    background:#f5f7fa;
    padding:10px 15px;
    margin:0 10px 10px 0;
    display: inline;
}

.m_group_list .title{
    font-size:14px;
    color:#333;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    height:20px;
    line-height: 20px;
    margin:5px 0 10px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.m_group_list .title em{
    color:#f36162;
}
.m_group_list .title:hover{
    text-decoration: none;
}

.m_group_list .m_g_tp{
    padding-left:86px;
    color:#999;
    font-size:12px;
}
.m_group_list .m_g_pic{
    float:left;
    margin-left:-86px;
    width:75px;
    height:75px;
    display: inline;
}
.m_group_list p{
    line-height: 24px;
}

.m_g_btn{
    overflow: hidden;
    margin:3px -20px 0 0;
}
.m_g_btn a{
    float:left;
    width:52px;
    height:22px;
    border:1px solid #acb5bf;
    color:#8a9199;
    text-align:center;
    line-height: 22px;
    margin-right:10px;
    display: inline;
}
.m_g_btn a:hover{
    color:#fff;
    text-decoration: none;
}
.m_g_btn .btn_guang:hover{
    border:1px solid #51b9fa;
    background:#51b9fa;
}
.m_g_btn .btn_play:hover{
    border:1px solid #f36162;
    background:#f36162;
}

.m_search{
    float:right;
    width:345px;
    margin-top:25px;
    display: inline;
    position: relative;
    z-index: 100;
}

.m_search .ipt_sch{
    border:1px solid #ececec;
    height:18px;
    line-height: 18px;
    padding:10px 15px;
    color:#333;
    font-size:14px;
    width:233px;
    float: left;
    box-sizing: content-box;
}
.m_search .btn_sch{
    border:0 none;
    background:#51b9fa;
    line-height: 40px;
    height:40px;
    color:#fff;
    text-align:center;
    cursor: pointer;
    width:80px;
    float:left;
}
/*
 最近搜索
*/
.m_recent_search{
    /*padding:10px 0;*/
}
.m_recent_search li{
    line-height: 28px;
    height:28px;
}
.m_recent_search a{
    display: block;
    color:#666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.m_recent_search a:hover{
    color:#51b9fa;
    text-decoration: none;
}

.m_other_search{
    padding: 10px 0;
    overflow: hidden;
    zoom:1;
}
.m_other_search a{
    float:left;
    padding:0 10px;
    height:18px;
    line-height: 18px;
    background:#f1f1f1;
    margin:0 10px 10px 0;
    color:#808080;
    font-size:12px;
}
.m_other_search a:hover{
    color:#fff;
    background-color: #51b9fa;
    text-decoration: none;
}
/*
 聯想搜索
*/

.mod_sch_recent{
    position: absolute;
    left:0;
    top:39px;
    border:1px solid #ececec;
    width:343px;
    background: #fff;
}

.mod_sch_recent .title{
    height:38px;
    line-height: 38px;
    overflow: hidden;
    zoom:1;
    padding:0 15px;
    color:#999;
    font-size:14px;
}
.mod_sch_recent .title .btn_clean{
    float:right;
    cursor: pointer;
    background:url(../home/images/s_icon.png?) no-repeat 0 -89px;
    padding-left:20px;
}

.m_sch_rlist{}
.m_sch_rlist li{
    height:28px;
    line-height: 28px;
    overflow: hidden;

}
.m_sch_rlist li .btn_del{
    float:right;
    background:url(../home/images/s_icon.png?) no-repeat 0 -169px;
    width:10px;
    height:10px;
    overflow: hidden;
    margin:10px 0 0 0;
    display: inline;
    cursor: pointer;
    display: none;
    position: relative;
    *zoom:1;
    z-index: 111;
}
.m_sch_rlist li a{
    color:#666;
    display: block;
    padding: 0 15px;
    width: 313px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m_sch_rlist li a:hover{
    text-decoration: none;
}
.m_sch_rlist li a:hover .btn_del{
    display: block;
}
.m_sch_rlist li.cur{
    background:#f3f7fa;
}
.m_sch_rlist li a:hover,.m_sch_rlist li.cur a{
    color:#44b2f7;
    background:#f3f7fa;
}


/*联想*/
.m_sch_suggest{
    position: absolute;
    left:0;
    top:39px;
    border:1px solid #ececec;
    width:313px;
    background: #fff;
    padding:0 15px 10px;
    overflow: hidden;
}

.m_sch_suggest em{
    color:#f36162;
}

.m_ss_box{
    border-top:1px solid #ececec;
    margin-top:-1px;
}
.m_ss_box .hd{
    height:36px;
    line-height: 36px;
    color:#666;
    font-size: 14px;
}
.m_ss_box .hd em{
    color:#f36162;
}
.m_ss_box .hd:hover{
    text-decoration: none;
    color:#f36162;
}
.m_ss_glist{  }
.m_ss_glist li{
    height:50px;
    line-height: 50px;
    overflow: hidden;
    margin:0 -5px 10px 0px;
}
.m_ss_glist .pic{
    float:left;
    margin-right:10px;
    display:inline;
    width: 50px;
    height: 50px;
}
.m_ss_glist .pic img{
    width: 50px;
    height: 50px;
    border-radius: 10px;
}
.m_ss_glist .title{
    color:#999;
    font-size:12px;
    float:left;
    margin-right:5px;
    display: inline;
}

.m_ss_glist .btn_guang,
.m_ss_glist .btn_play,
.m_ss_glist .btn_forum,
.m_ss_glist .btn_site{
    float:left;
    margin:13px 5px 0 0;
    display: inline;
}


.m_ss_ulist li{
    padding-left:60px;
    overflow: hidden;
    font-size:12px;
    margin-bottom:10px;
}
.m_ss_ulist .avatar{
    float:left;
    width:50px;
    margin-left:-60px;
    display: inline;
}
.m_ss_ulist .avatar img{
    width:50px;
    height:50px;
    border-radius: 25px;
}

.m_ss_ulist .title{
    color:#333;
}

.m_ss_ulist .desc{
    color:#999;
    line-height: 2;
    margin-top:5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m_ss_plist li{
    height:24px;
    line-height: 24px;
    font-size:12px;
}
.m_ss_plist li a{
    display: block;
    color:#999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:100%;
}
.m_ss_plist li a:hover{
    color:#f36162;
    text-decoration: none;
}

.m_ss_glist .title:hover,.m_ss_ulist .title:hover{
    color:#f36162;
    text-decoration: none;
}

.icon_person,
.m_post_fd .nickname,
.m_post_fd .view,
.m_post_fd .comment,
.mod_box .btn_del,
.m_user_all .btn_follow_each,
.m_user_all .btn_follow_single{
    background:url(../home/images/s_icon.png?) no-repeat;
}
.icon_person{
    width:16px;
    height:14px;
    display: inline-block;
    vertical-align: middle;
    margin-left:10px;
}

.m_sgame_glist{
    margin-right: -10px;
}
.m_sgame_glist li{
    height:80px;
    float: left;
    width: 101px;
    margin:0 5px 10px 0;
    overflow: hidden;
}
.m_sgame_glist a:hover,.m_sgame_glist a:hover .title{
    color: #f36162;
    text-decoration: none;
}
.m_sgame_glist a{
    display: block;
    width: 101px;
    height: 80px;
    overflow: hidden;
}
.m_sgame_glist a img{
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 10px;
}
.m_sgame_glist a .title{
    color:#999;
    font-size:12px;
    text-align: center;
    display: block;
    line-height: 24px;
    white-space: nowrap;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
}

#keywordInput{color: #aaa;}
/* /plugins/sign/css/myui_calendar.css */


/*
 * To: 签到日历
 * Update : 2012-01-23
*/

.myui_credit_plus{ color:#f00;position: absolute;font-size: 24px;font-weight: 500}
.myui_calendar{padding:10px;zoom:1}
.myui_calendar_main{width:324px;overflow: hidden; float: left;}
.myui_calendar_box{border-width:1px;border-color: #ffdc8e;border-style:solid;}
.myui_calendar_result{float: right;width:270px;}

.myui_calendar_table{ width:100%;margin:0 -1px -1px 0;background:#fffdf4;text-align: center;}
.myui_calendar_table caption{background: url(../plugins/sign/images/calendar.png?) repeat-x;height:37px;line-height:37px;text-align: center;font-size: 14px;color:#624400;}
.myui_calendar_table thead th{background: url(../plugins/sign/images/calendar.png?) repeat-x 0 -37px;height:36px;border-bottom:1px solid #ffdc8e;width:47px;vertical-align: middle;text-align: center;}
.myui_calendar_table tbody td{border-width: 0 1px 1px 0;border-color:#fcf2e7;border-style:solid;height:41px;font-size: 16px;color:#333;vertical-align: middle;cursor: default;}
.myui_calendar_table tbody td.t_unday{ color:#ccc;}
.myui_calendar_table tbody td.t_unsign{color:#ff822e}
.myui_calendar_table tbody td.t_sign,.myui_calendar_table tbody td.t_sign_out{ background: url(../plugins/sign/images/signed.png?) no-repeat center center;color:#ff822e}
.myui_calendar_table tbody td.t_sign_out{ color:#ccc;}
.myui_calendar_table tbody td.t_today{ background-color: #e3f2fe; /*background:url(../plugins/sign/plugins/sign/images/today.gif?7644) no-repeat center center;color:#ff822e;*/}
.myui_calendar_result .f_title{ font-weight: 700;color:#333;font-size: 14px;}
.myui_calendar_result .f_num{ color:#ff6600;font-family: "arial"}

.myui_calendar_rule .f_rule{ color: #555;border-top: 1px dashed #e7e7e7;border-bottom: 1px dashed #e7e7e7;padding: 15px 0;}
.myui_calendar_rule .f_rule dt{font-weight: 400;font-size: 14px;}
.myui_calendar_rule .f_rule dd{ line-height: 26px;}
.myui_calendar_rule .f_rule dd i{float: left;display: inline;height: 12px;width: 12px;color: #fff;font-style: normal;background: url(../plugins/sign/images/sign_sprite.png?) no-repeat -255px 0;line-height: 12px;text-align: center;font-family: simson;margin: 7px 5px 0 3px;}
.myui_calendar_rule .f_rule .f_day,.myui_rule .f_credit{ margin:0 5px;font-weight: 700}
.myui_calendar_rule .f_rule .f_credit{ color:#4eac16;font-weight: 700;margin:0 5px;font-family: "arial"}

.myui_calendar_rule .myui_calendar_goto{font-size: 12px;margin-top: 30px;color:#555;font-weight: 300}
.myui_calendar_rule .myui_calendar_goto a{ color:#1C8ED3;}

.myui_calendar_code{ height: 36px; overflow: hidden;}
.myui_calendar_code .code_mask{width: 254px;background: url(../plugins/sign/images/sign_sprite.png?) no-repeat 0 0; height: 25px; overflow: hidden; line-height: 25px;}
.myui_calendar_code .code_mask a{float: right; display: inline; width: 90px; text-align: center; color: #fff; text-decoration: none;}
.myui_calendar_code .code_input{ width: 261px; background: url(../plugins/sign/images/sign_sprite.png?) no-repeat 0 -25px; height: 26px; overflow: hidden; line-height: 26px; }
.myui_calendar_code .code_input input{color: #000; height: 26px; line-height: 26px; width: 150px; margin-right: 5px; margin-left: 5px; border: 0; background: transparent;display: inline; float: left;}
.myui_calendar_code .code_input a{ width: 50px; text-align: center; color: #1c8ed3; float: left; display: inline;}

.myui_calendar_prize{ margin-top: 10px; padding-top: 15px;border-top: 1px dashed #e7e7e7;}
.myui_calendar_prize dt{text-align: center;}
.myui_calendar_prize dd{height: 32px; line-height: 32px; overflow: hidden; text-align: center; color: #333;}
.myui_calendar_prize dd b{color: #4eac16; font-weight: normal;}

.myui_calendar_right_ad{ margin-top: 10px; padding-top: 15px;border-top: 1px dashed #e7e7e7;text-align: center;}

.red_bold_num{font-size:14px;font-weight:bold;font-style:normal;text-decoration:none;color:#FF0000;}
/* 签到弹窗广告 */
.gc_dialog{ background:url(../plugins/sign/images/gcdialog.png?) no-repeat; width:664px; height:406px; }
.gc_dialog .close{ position:absolute; width:60px; height:60px; display:block; cursor:pointer; right:0px; top:0px; z-index:2002; }
.gc_dialog .btn_download{ position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:2001; }
.gc_dialog .qr{ position:absolute; left:281px; top:259px; width:103px; height:95px; color:#999999; text-align:center }
.gc_dialog .qr img{ width:95px; height:95px; display:block; margin:5px auto; }

