*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.body{
    text-align: center;
    margin: 0 auto;
}
/*æ–°é—»*/
.banner{
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.new_public{
    width: 1200px;
    height: 290px;
    margin: 0 auto;
    text-align: center;
}
.new_title{
    font-size: 24px;
    color: #393939;
    font-weight: 700;
    margin-top: 41px;
}
.tit{
    font-size: 20px;
    font-weight: normal;
    color: #393939;
    margin-top: 15px;
    letter-spacing: 1px;
    padding-bottom: 30px;
}
.new_left{
    width: 1200px;
    /*float: left;*/
}
/*.new_right{*/
/*width: 600px;*/
/*float: left;*/
/*}*/
.list_new{
    width: 600px;
    padding-left: 120px;
    margin-top: 25px;
    font-size: 14px;
    color: #393939;
    text-align: left;
    box-sizing: border-box;
    float: left;
}
.list_new_con{
    margin-left: 29px;
}
.list_new:hover{
    color: #ff8700;
}
.list_new_con a{
    color: #393939;
    text-decoration: none;
}
.list_new:hover a{
    color: #ff8700;
}
/*prize开始*/
.prize{
    width: 1200px;
    margin: 0 auto;
    height: 362px;
    overflow: hidden;
}
.prize_title{
    font-size: 24px;
    color: #393939;
    font-weight: 700;
    margin-top: 30px;
}
.prize_li{
    width: 294px;
    height: 200px;
    margin-left: 8px;
    float: left;
    position: relative;
    line-height: 200px;
    text-align:center;
    overflow: hidden;
    /* vertical-align: top; */
}
.prize_li img{
    width: 100%;
    height: 200px;
    /* vertical-align: middle; */
}
.lucency{
    width: 300px;
    height: 200px;
    opacity: 0.7;
    background: #030a36;
    /* margin-top: -380px; */
    position: absolute;
    top: 0px;
    display: none;
}
.prize_li:hover .lucency{
    display: block;
}
.prize_font{
    font: 24px FZLTXHK;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    position: relative;
    top: -235px;
    /* margin-top: -25px; */
    display: none;
    /* line-height: 220px; */
}
.prize_li:hover .prize_font{
    display: block;
}
.prize_font p{
    margin-top: 25px;
}
/*游戏开始*/
.hot_Game{
    width: 100%;
    background: #f7f7f7;
    height: 640px;
    /*margin-top: 60px;*/
}
.game{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.game_title{
    font-size: 24px;
    color: #393939;
    font-weight: 700;
    margin-top: 30px;
    display: inline-block;
}
.game_li{
    float: left;
    margin-left: 10px;
}
.game_li img{
    width: 232px;
}
.first-child{
    margin-left: 0px;
}
.game_ul{
    width: 1200px;
    /* margin-top: 30px; */
    margin-bottom: 10px;
    overflow: hidden;
}
.game_ul:after{
    content: "";
    display: block;
    clear: both;
}
.game_ul:nth-of-type(2){
    margin-top: 0px;
}
.icon{
    margin: 0 auto;
    cursor: pointer;
}
.icon img{
    margin-left: 5px;

}
.game_con{
    position: relative;
    width: 1200px;
    overflow: hidden;
}
.game_con_ul{
    position: relative;
}
.game_con_li{
    width: 1200px;
    float: left;
}
/*活动开始*/
.latest_activity{
    width: 1200px;
    height: 475px;
    margin: 0 auto;
}
.activity_title{
    font-size: 24px;
    color: #393939;
    font-weight: 700;
    margin-top: 30px;
    display: inline-block;
}
.latest_div{
    margin: 0 auto;
    margin-top: 0px;
}
.latest_main,.latest_main1{
    width: 594px;
    height: 310px;
    float: left;
    margin-left: 0px;
    background: url("../images/latest1.jpg");
}
.latest_main1{
    margin-left: 12px;
}
.latest_main:last-child{
    float: right;
}
.latest_title{
    font: 700 22px 'Microsoft YaHei';
    margin-top: 35px;
    color: #ffffff;
    letter-spacing: 1px;
}
.txt{
    font: 18px FZLTXHK;
    color: #ffffff;
    font-weight: normal;
    margin-top: 15px;
    letter-spacing: 1px;
}
.latest_con{
    width: 402px;
    margin: 0 auto;
    height: 100px;
    text-align: left;
    font-size: 15px;
    color: #ffffff;
    padding-bottom: 10px;
}
.latest_con p{ line-height: 27px;}
pre{
    line-height: 28px;
    margin-top: 22px;
}
.latest_button{
    margin-top: 40px;
    cursor: pointer;
}
.latest_con_font{
    width: 458px;
    margin: 0 auto;
    margin-top: 50px;
    line-height: 28px;
}
.pre{
    width: 458px;
}
.latest_activity .icon{
    margin-top: 35px;
    display: inline-block;
}
.latest_ul{
    position: relative;
}
.latest_li{
    width: 1200px;
    float: left;
}
.posi{
    position: relative;
    width: 1200px;
    overflow: hidden;
}
/*排名开始*/
.ranking{
    width: 100%;
    /* height: 485px; */
    background: #f7f7f7;
    padding-bottom: 30px;
}
.ranking_title{
    font-size: 24px;
    color: #393939;
    font-weight: 700;
    margin-top: 40px;
    display: inline-block;
}
.ranking_first{
    width: 250px;
    margin: 0 auto;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    text-align: left;
}
.ranking_icon{
    width: 24px;
    height: 24px;
    background: url("../images/ranking4.png");
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
}
.name{
    margin-left: 4px;
    display: inline-block;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.name,.beanfun{
    font: 14px FZLTXHK;
    color: #393939;
}
.beanfun{
    float: right;
    line-height: 27px;
}
.ranking_ul{
    width: 1040px;
    margin: 0 auto;
}
.ranking_ul:after{
    content: "";
    display: block;
    clear: both;
}
.ranking_li{
    width: 305px;
    float: left;
    margin-left: 62px;
    margin-top: 30px;
}
.marleft{
    margin-left: 0px;
}
.bg1{
    background: url("../images/ranking1.png");
}
.bg2{
    background: url("../images/ranking2.png");
}
.bg3{
    background: url("../images/ranking3.png");
}
/*合作开始*/
.cooperate{
    width: 1200px;
    margin: 0 auto;
    height: 245px;
}
.cooperate_title{
    font-size: 24px;
    color: #393939;
    font-weight: 700;
    margin-top: 30px;
    display: inline-block;
}
.cooperate_img{
    margin: 0 auto;
    /* margin-top: 21px; */
}

/*banner_login*/
.banner_login{
    width: 1200px;
    margin: 0 auto;
    margin-top: 10px;
}
.banner_login:after{
    content: "";
    display: block;
    clear: both;
}
.fixed_login{
    width: 275px;
    height: 280px;
    position: relative;
    float: right;
}
.login_bg{
    width: 275px;
    height: 280px;
    background: #ffffff;
    opacity: 0.2;
    filter:alpha(opacity=20);
}
.banner_logo,.message{
    width: 275px;
    height: 280px;
    padding: 14px 15px;
    margin-top: -280px;
    position: relative;
    z-index: 3;
    text-align: left;
}
.banner_logo .title{
    font-size: 15px;
    color: #ffffff;
    text-align: left;
}
.phone,.password{
    width: 245px;
    height: 36px;
    border-radius: 6px;
    border: 1px solid #bbbbbb;
    margin-top: 16px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 36px;
}
.code{
    width: 150px;
    height: 35px;
    border-radius: 6px;
    border: 1px solid #bbbbbb;
    margin-top: 10px;
    padding-left: 15px;
    font-size: 15px;
    line-height: 40px;
}
.code-img{
    width: 81px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    margin-left: 10px;
    float: right;
    margin-top: 10px;
}
.bottom_ban{
    width: 244px;
    margin-top: 10px;
    font-size: 14px;
    color: #ffffff;
}
.left_checkd{
    float: left;
}
.right_checkd{
    float: right;
}
.right_checkd a{
    color: #ffffff;
    text-decoration: none;
}
.button_login{
    width: 245px;
    height: 35px;
    background: #f29c07;
    border-radius: 5px;
    /* line-height: 35px; */
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    margin-top: 20px;
    border: 0px;
    font-size: 14px;
    outline: none;
}
.bottom_ban:after{
    content: "";
    display: block;
    clear: both;
}
.open{
    display: none;
}
.err-tip{
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    clear: both;
}
.err-tip em{
    color: #fba12d;
    display: none;
}
.err-tip em.on{
    display: block;
}
/*.message{*/

/*}*/
.black{
    background: #000000;
    opacity: 0.5;
    filter:alpha(opacity=50);
}
.mess{
    width: 245px;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.mess:after{
    content: "";
    display: block;
    clear: both;
}
.mess_left{
    width: 60px;
    height: 25px;
    border-right:1px solid #ffffff;
    text-align: center;
    float: left;
    line-height: 25px;
}
.mess_right{
    width: 175px;
    height: 25px;
    text-align: left;
    float: left;
    line-height: 25px;
    padding-left: 10px;
    font-size: 12px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mess_right img{ margin-top: 6px;}
.message .title{
    font-size: 15px;
    color: #ffffff;
    text-align: left;
}
.mess_li{
    margin-top: 5px;
}
.quits{
    margin-top: 10px;
}
.quits a{
    color: #ffffff;
    text-decoration: none;
}
/*main css*/
.main-im{position:fixed;*position:absolute;right: 5px;top:395px;z-index: 100;width: 110px;height: 299px;}
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd;}
.main-im .qq-container2 { width: 78px; height: 82px; background: url(/Public/home/images/qq-icon-bg.png); margin:8px 15px 0px 15px;*margin:8px 15px 0px -95px;}
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;}
.main-im .im_main .im-tel {color: #000000;text-align: center;width: 109px;height: 130px;}
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top: 11px;}
.main-im .im_main .im-tel .tel-num a{ font-family: Arial; font-weight: bold; color: #e66d15; text-decoration: none;}
.weixing-txt font{ line-height:18px;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: 10px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(/Public/home/images/close_im.png) no-repeat left top; text-decoration: none;}
.main-im .close-im a:hover { text-decoration: none; }