@media screen and (min-width: 320px) and (max-width: 1156px) {
    body {
        width: 1110px !important
    }

    .leftcaomei {
        top: 350px !important;
        left: 100px !important;
        display: none
    }

    .rightcaomei {
        right: 100px !important;
        top: 318px !important;
        display: none
    }

    .cards_list img {
        width: 838px !important
    }

    .click-right {
        left: 856px !important
    }
}

.agent {
    background-image: url(../images/newpic/agent.png)
}

.qq {
    background-image: url(../images/newpic/qq.png)
}

.rightcom {
    display: inline-block;
    width: 65px;
    height: 65px;
    display: block;
    margin-bottom: 3px
}

.rightbox .qq2 {
    background-image: url(../images/newpic/qqservice.png)
}

.app {
    background-image: url(../images/newpic/app.png)
}

.agent:hover {
    background-image: url(../images/newpic/agent2.png);
    transition: all .5s linear
}

.vip:hover {
    background-image: url(../images/newpic/rightvip2.png);
    transition: all .5s linear
}

.qq:hover {
    background-image: url(../images/newpic/qq2.png);
    transition: all .5s linear
}

.email:hover {
    background-image: url(../images/newpic/email2.png);
    transition: all .5s linear
}

.call:hover {
    background-image: url(../images/newpic/call2.png);
    transition: all .5s linear
}

.wechat:hover {
    background-image: url(../images/newpic/wechat2.png);
    transition: all .5s linear
}

.app:hover {
    background-image: url(../images/newpic/app2.png);
    transition: all .5s linear
}

.top:hover {
    background-image: url(../images/newpic/top2.png);
    transition: all .5s linear
}

.one_pic:hover {
    background-image: url(../images/newpic/money2.png);
    transition: all .5s linear
}

.two_pic:hover {
    background-image: url(../images/newpic/check2.png);
    transition: all .5s linear
}

.three_pic:hover {
    background-image: url(../images/newpic/vip2.png);
    transition: all .5s linear
}

.four_pic:hover {
    background-image: url(../images/newpic/score2.png);
    transition: all .5s linear
}

.regname {
    background: url(/web/images/mini/icon_tile.png) center 0 no-repeat
}

.username {
    background: url(/web/images/mini/regusername.png) center 0 no-repeat
}

.regBalance {
    background: url(/web/images/mini/regBalance.png) center 0 no-repeat
}

.regbank {
    background: url(/web/images/mini/regbank.png) center 0 no-repeat
}

.reglv {
    background: url(/web/images/mini/reglv.png) center 0 no-repeat
}

.iconcent {
    display: block;
    width: 22px;
    height: 22px;
    float: left
}

.font-user {
    font-size: 15px;
    font-weight: 300;
    width: 65px;
}

.userbox {
    float: left;
    height: 22px;
    line-height: 22px;
    margin-left: 10px;
    font-size: 14px
}

.userinfo {
    font-size: 15px;
    color:#6ff54a;
    font-weight: 700
}

.v-top{
    vertical-align:top;
}

.cards_list img {
    width: 939px
}

.newfull {
    margin: 0;
    height: 303px;
    border: 0
}

.newfullSlideLine {
    background: url(../images/newpic/headline.png) center 0 no-repeat;
    width: 100%;
    float: left;
    height: 3px
}

.news {
    width: 100%;
    background: url(../images/newpic/gonggaobeijing.png) center 0 no-repeat;
    height: 33px;
    float: left
}

.newbox {
    width: 1100px;
    margin: 0 auto;
    height: 33px
}

.zxnews {
    float: left;
    height: 33px
}

.zxnews a {
    display: block;
    background: url(../images/newpic/news.png) center 0 no-repeat;
    float: left;
    height: 33px;
    width: 113px
}

.boart_content {
    float: left;
    width: 880px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    font-size: 14px
}

.gamebox {
    background: url(/web/images/home/gamebground.png) center 0 no-repeat;
    width: 100%;
    float: left;
    height: 578px;
    position: relative
}

.leftdandan {
    position: absolute;
    background: url(/web/images/home/leftdandan.png) center 0 no-repeat;
    width: 189px;
    height: 171px;
    top: 400px;
    left: -127px;
    z-index: -1
}

.rightdandan {
    position: absolute;
    background: url(/web/images/home/rightdandan.png) center 0 no-repeat;
    width: 163px;
    height: 203px;
    right: -108px;
    top: 368px;
    z-index: -1
}

.gametype {
    width: 1100px;
    margin: 0 auto;
    height: 593px;
    position: relative;
    margin-top: 20px
}

.gameclass {
    width: 397px;
    height: 254px;
    float: left;
    margin-top: 10px;
}

.jianada28pic {
    width: 100%;
    margin-top:25px;
    background: url(../images/home/JND28.png) center 0 no-repeat;
    background-size: 100% 100%
}

.gamexyun {
    margin-left: 20px
}

.dandan28pic {
    width: 100%;
    margin-top:25px;
    background: url(/web/images/home/DD28.png) center 0 no-repeat;
    background-size: 100% 100%
}

.newloginw {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 101
}

.newlogin-form {
    width: 240px;
    height: 243px;
    z-index: 101;
    background: url(../images/logbac.png) no-repeat;
    position: absolute;
    top: -293px;
    padding: 25px 18px 18px;
    right: 0
}

.newlogin-form h2 {
    width: 202px;
    line-height: 1em;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 2px
}

.newlogin-form h3 {
    width: 202px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 5px
}

.newlogin-form td {
    padding: 3px 0;
    text-align: left;
    color: #fff
}

.reg_name {
    background: url(../images/newpic/username.png) 0 no-repeat;
    border: 1px solid #c07e00;
    border-radius: 5px;
    color: #fff;
    width: 205px;
    font-size: 14px !important;
    padding: 6px 0 6px 20px
}

.reg_phone {
    background: url(../images/newpic/touming02.png) 0 no-repeat;
    border: 1px solid #c07e00;
    border-radius: 5px;
    color: #4e4;
    width: 205px;
    font-size: 14px !important;
    padding: 6px 0 6px 6px;
}

.reg_password {
    background: url(../images/newpic/password.png) 0 no-repeat;
    border: 1px solid #c07e00;
    border-radius: 5px;
    color: #fff;
    width: 247px;
    font-size: 14px !important;
    padding: 6px 0 6px 20px
}

.reg_code {
    background: url(../images/newpic/code.png) 0 no-repeat;
    border: 1px solid #c07e00;
    border-radius: 5px;
    color: #fff;
    font-size: 14px !important;
    padding: 6px 0 6px 20px;
    height: 33px;
}

.forget {
    position: absolute !important;
    float: left;
    width: 45px;
    height: 20px;
    text-align: center !important;
    line-height: 20px;
    margin-top: 4px;
    right: 15px;
    border: 1px solid #fff;
    color: #fff !important;
    border-radius: 3px;
    text-decoration:none;
}

.people {
    text-align: center;
    display: block;
    font-size: 20px;
    line-height: 36px;
    color: #fff;
    margin-left: 35px
}

.btNewOrange {
    background: url(../images/newpic/anniu_03.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 248px;
    height: 45px;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}

.btnReg {
    background: url(../images/newpic/reg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 248px;
    height: 46px;
    display: block;
    border-radius: 5px;
    cursor: pointer;
}

.usercenter {
    background: url(/web/images/mini/usercenter.png) 0 no-repeat;
    width: 245px;
    height: 46px;
    display: block
}

.dandanbox {
    background: url(../images/newpic/people.png);
    width: 132px;
    height: 36px;
    float: left;
    margin-left: 48px;
    margin-top: 22px
}

.dandan28font {
    width: 160px;
    height: 40px;
    font-weight: 700;
    line-height: 22px;
    font-size: 18px;
    padding-top: 150px;
    margin-left: 45px
}

.dandantouzhu {
    background: url(../images/newpic/lijitouzhu.png) 0 no-repeat;
    width: 131px;
    height: 30px;
    display: block;
    margin-left: 168px;
    position: relative;
    top: -20px;
}

.caipiaotouzhu {
    background: url(/web/images/home/caipiaotouzhu.png) 0 no-repeat;
    width: 131px;
    height: 30px;
    display: block;
    padding-top: 16px;
    margin-top: 152px;
    color: honeydew;
    text-align: center;
    font-size: 16px;
}

.smallgame {
    display: block;
    background: url(/web/images/home/mgame.png) 0 no-repeat;
    width: 100%;
    height: 78px;
    float: left
}

.gamerecommend {
    float: left;
    width: 814px;
    height: 282px;
    margin-top: 16px
}

.centeright {
    float: left;
    width: 272px;
    margin-left: 14px;
   /* margin-top: 10px*/
}

.userphb {
    width: 100%;
    float: left;
    height: 466px;
    margin-top: 5px;
    background: url(/web/images/home/bang.png) 0 no-repeat
}

.phbox {
    width: 260px;
    margin-top: 62px;
    padding: 0 4px 8px 8px;
    float: left
}

.tabphb tbody tr th {
    font-size: 16px;
    font-weight: 100;
    color: #fff98c;
    margin-top: 5px
}

.tabphb tr td {
    color: #fff
}

.lsj28 {
    background: url(/web/images/home/happy.png) 0 no-repeat;
    width: 100%;
    height: 216px;
    margin-top: 18px;
    display: block;
    float: left;
}

.gamerecommend ul li {
    float: left;
    width: 202px;
    height: 282px
}

.commenbox {
    width: 199px;
    float: left;
    margin-top: 15px;
    height: 16px;
    margin-left: 18px
}

.icon_shu {
    background: url(../images/newpic/shu.png) 0 no-repeat;
    display: block;
    width: 4px;
    height: 16px;
    float: left
}

.commendgame {
    font-size: 16px;
    font-weight: 700;
    margin-left: 10px;
}

.commendgame:hover {
    color: #000;
    cursor: pointer
}

.xby28 {
    background: url(/web/images/home/bingo.png) 0 no-repeat;
    width: 180px;
    height: 210px;
    display: block;
    float: left;
    margin-top: 52px;
    margin-left: 18px;
    background-size: 100% 100%
}

.tg28 {
    background: url(/web/images/home/pk.png) 0 no-repeat;
    width: 180px;
    height: 210px;
    display: block;
    float: left;
    margin-left: 18px;
    margin-top: 52px;
    background-size: 100% 100%
}

.bit28 {
    background: url(/web/images/home/btc.png) 0 no-repeat;
    width: 180px;
    height: 210px;
    display: block;
    float: left;
    margin-left: 18px;
    margin-top: 52px;
    background-size: 100% 100%
}

.moregame {
    display: block;
    height: 16px;
    float: right;
    color: #fa263c;
    margin-top: 15px;
    font-size: 14px
}

.moregame:hover {
    cursor: pointer;
    color: #fa263c
}

.five_featureBox {
    width: 100%;
    height: 320px;
    background: url(/web/images/home/tsbackground.png) center 0 no-repeat;
    float: left
}

.five_feature {
    width: 1100px;
    margin: 0 auto;
    height: 320px;
    margin-top: 35px
}

.five_feature ul li {
    float: left;
    display: block;
    width: 202px;
    height: 269px;
    margin-right: 21.5px
}

.feature {
    width: 188px;
    height: 259px
}

.feature_pic {
    width: 172px;
    height: 200px;
    float: left
}

.by .img{
    background: url(/web/images/home/fish.png) 0 no-repeat;
    border-radius: 10px;
}

.live .img{
    background: url(/web/images/home/AG.png) 0 no-repeat;
    border-radius: 10px;
}

.ab .img{
    background: url(/web/images/home/AB.png) 0 no-repeat;
    border-radius: 10px;
}


.qp .img{
    background: url(/web/images/home/poker.png) 0 no-repeat;
    border-radius: 10px;
}

.dj .img{
    background: url(/web/images/home/reiho.png) 0 no-repeat;
    border-radius: 10px;
}


.ty .img{
    background: url(/web/images/home/sports.png) 0 no-repeat;
    border-radius: 10px;

}

.ggl .img{
    background: url(/web/images/home/scratch.png) 0 no-repeat;
    border-radius: 10px;

}

.hx .img{
    background: url(/web/images/home/hash.png) 0 no-repeat;
    border-radius: 10px;

}

.feature_pic .img {
    display: inline-block;
    width: 200px;
    height: 265px;
    background-size: 100% 100%
}

.feature_box {
    width: 202px;
    height: 80px;
    background: #bc001d;
    float: left;
    text-align: center
}

.feature_title {
    margin-top: 20px;
    color: #f9bc00 !important
}

.feature_coutect {
    margin-top: 10px;
    display: block;
    color: #fff;
    font-size: 14px
}

.game-title{
    font-family: MicrosoftYaHei;
    font-size: 22px;
    font-weight: 600;
    color: #FFFFFF;
    text-align: center;
    line-height: 60px;
    margin-left: 20px;
    cursor:pointer;
}
.feature .game-title:hover {
    color: #FF5457;
}

.gameceter {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
    height: 80px
}

.gameceterbox {
    width: 1100px;
    margin: 0 auto;
    height: 90px
}

.gameceterbox ul li {
    float: left;
    width: 267px;
    height: 90px;
    margin-left: 10.5px
}

.gameceterbox ul li a {
    width: 267px;
    display: block;
    height: 90px;
    background-size: 100% 100%;
    cursor: pointer
}

.sjvip {
    background: url(/web/images/home/levelup.png) center 0 no-repeat
}

.scexchange {
    background: url(/web/images/home/shop.png) center 0 no-repeat
}

.activityzq {
    background: url(/web/images/home/activity.png) center 0 no-repeat
}

.signin {
    background: url(/web/images/home/checkin.png) center 0 no-repeat
}

.lbox {
    width: 100%;
    height: 449px;
    background: url(../images/newpic/lb-background.png) center 0 no-repeat;
    margin-top: 20px;
    float: left
}

.lbcenter {
    width: 950px;
    margin: 0 auto
}

.lbcenter-font {
    width: 1100px;
    margin: 0 auto;
    height: 50px;
    text-align: center;
    line-height: 50px
}

.click-left {
    position: relative;
    display: block;
    background: url(../images/newpic/lb-left.png) 0 no-repeat;
    width: 30px;
    height: 56px;
    z-index: 100;
    left: -48px;
    top: 160px
}

.lbcenter-font ul {
    float: left;
    width: 100%
}

.lbcenter-font ul li {
    width: 50%;
    float: left
}

.icon-lb {
    display: block;
    background: url(../images/newpic/shu.png) 0 no-repeat;
    width: 4px;
    height: 16px
}

.click-right {
    position: relative;
    display: block;
    background: url(../images/newpic/lb-right.png) 0 no-repeat;
    width: 30px;
    height: 56px;
    z-index: 100;
    left: 950px;
    top: 106px
}