*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
.top{
    width: 100%;
    height: 44px;
}
img{
    border: none;
}
.container{
    width: 100%;
    height: 1080px;
    background: url('../img/bg.jpg') no-repeat center ;
}
.content{
    width: 1199px;
    height: 811px;
    background: url('../img/cont-bg.png') no-repeat center;
    margin: 0 auto;
    padding-top: 124px;
}
.slideTxtBx{
    width: 1150px;
    height: 620px;
     margin: 0 auto;
}
.slideTxtBx .hd{
    height: 53px;
    line-height:50px;
}
.slideTxtBx .hd ul{ 
      float:left;
      height:50px;
      margin-left: 275px;   
    }
.slideTxtBx .hd ul li{ 
    float:left;    
    width: 118px;
    height: 45px; 
    text-align: center;
    cursor:pointer; 
    color: #e8da63; 
    background: url('../img/li-bg.png') no-repeat center;
    margin-left: 55px;
    line-height:45px;
}
    .slideTxtBx .hd ul li a{
        display:block;
        height:100%;
        width:100%;
    }
    .slideTxtBx .hd ul li.on {
        height: 45px;
        background: url('../img/li-bg.png') no-repeat center;
        color: #e8da63;
        margin-top: 5px;
    }
.slideTxtBx .bd{
    height: 525px;
}
.slideTxtBx .bd ul{ 
    padding:15px;  
    zoom:1;  
}
.slideTxtBx .bd li{ 
    width: 267px;
    height: 158px;
    float: left;
    margin-left: 10px;
    background: url('../img/bd-li-bg.png') no-repeat center;
    margin-bottom: 13px; 
   
}
.slideTxtBx .bd .bd-li-top{
    width: 225px;
    height: 65px;
    margin: 0 auto;
    margin-top: 23px;
}
.slideTxtBx .bd li .bd-li-top .left{
    width: 59px;
    height: 59px;
    float: left;
    background: url('../img/wp-icon-bg.png') no-repeat center;
}
.slideTxtBx .bd li .bd-li-top .left img{
    width: 49px;
    height: 49px;
    display: block;
    margin: 5px auto;
}
.slideTxtBx .bd li .bd-li-top .right{
    width: 163px;
    height: 65px;
    float:right;
}
.slideTxtBx .bd li .bd-li-top .right .name{
  width: 163px;
  height: 31px;
  background: url('../img/np-bg.png') no-repeat center;
  display: block;
  color: #4cbed2;
  text-indent: 5px;
  line-height: 31px;
  font-size: 12px;
}
.slideTxtBx .bd li .bd-li-top .right .price{
    width: 163px;
    height: 31px;
    background: url('../img/np-bg.png') no-repeat center;
    display: block;
    color: #4cbed2;
    text-indent: 5px;
    line-height: 31px;
    text-indent: 5px;
    font-size: 12px;
  }

  .slideTxtBx .bd li .bd-li-top .right .price .new-price{
       font-style: normal;
       color: #4cbed2;
    text-indent: 5px;
  }
  .slideTxtBx .bd li .bd-li-top .right .price .old-price{
    font-style: normal;
    color: #fe0000;
 text-indent: 5px;
 text-decoration: line-through;
}
.slideTxtBx .bd li .bd-li-cen{
    width: 225px;
    height: 22px;
    margin: 0 auto;
    color: #eedc71;
    font-size: 14px;
}
.slideTxtBx .bd li .bd-li-bot{
    width: 225px;
    height: 40px;
    margin: 0 auto;
    margin-top: 25px;
}
.slideTxtBx .bd li .bd-li-bot .buy{
    width: 87px;
    height: 32px;
    margin: 0 auto;
    display: block;
    margin-top: 7px;
}


.pageBreak {
    position: absolute;
    left: 350px;
    bottom: 20px;
    width: 552px;
    color: #585269;
    font-size: 14px;
    clear: both;
    padding-top: 30px;
    line-height: 38px;
}
    .pageBreak a {
        margin-right: 8px;
        text-align: center;
        font-family: 微软雅黑;
        font-size: 16px;
        height: 35px;
        cursor: pointer;
        width: 38px;
        color: rgb(169, 169, 169);
        display: inline-block;
        line-height: 35px;
        background: rgb(241, 241, 241);
        border-radius: 3px;
        transition: background-color 0.2s ease-out 0s;
    }
 .pageBreak a .prenext {
        font-size: 20px;
        font-weight: bold;
        
        font-family: 微软雅黑;
        color: rgb(169, 169, 169);
}
    .pageBreak a .prenext:hover {
        background-color: #262628;
    }
    .pageBreak a.select {
        background-color: #262628;
        color: #fff;
    }


/* bottom */
.select{
    width: 1110px;
    height: 75px;
    margin: 0 auto;
}
.login{
    width: 1110px;
    height: 75px;
    margin: 0 auto;
    margin-top: 15px;
}
.login .cli-login{
    width: 236px;
    height: 65px;
    background: url('../img/login.png') no-repeat center;
    display: block;
    text-align: center;
    line-height: 80px;
    font-size: 23px;
    color: white;
    float: left;
    margin-left: 53px;
}

.login .cli-login:hover{
    font-size: 25px;
}
.message{
    width: 540px;
    height: 50px;
    text-align: left;
    color: #5e6afd;
    float: left;
    line-height: 81px;
}
.message span{
    color: #faeaea;  
}
.message span em{
    color: #ffe35b;
    font-size: 20px;
    font-style: normal;
    min-width: 160px;
    display: inline-block; 
}
.message .bddq{
    margin-left: 10px;
    display: inline-block;
}
.cd-popup-trigger0{
    width: 254px;
    height: 78px;
    display: block;
    background: url('../img/buy-jl.png') no-repeat;
    margin-left: 50px;
    float: left;
}
.register{
    width: 236px;
    height: 65px;
    display: block;
    background: url('../img/register.png') no-repeat center;
    float: left;
    margin-left: 20px;
}
.recharge{
    width: 236px;
    height: 65px;
    display: block;
    background: url('../img/recharge.png') no-repeat center;
    float: left;
    margin-left: 20px;
}
.ka{
    width: 87px;
    height: 32px;
    display: block;
    background: url('../img/arrow.png') no-repeat ;
    float: left;
}
.kb{
    width: 87px;
    height: 32px;
    display: block;
    background: url('../img/next.png') no-repeat ;
    float: left;
}
.Tophead{width:1280px;margin:0 auto;padding-top: 0px;padding-bottom: 0px;}
.Tophead .right span{margin-right: 15px;margin-left: 15px;color: #999}
.Tophead  .fl {float: left;padding:1px 0px;}
.Tophead .fr { float: right;position:relative;z-index: 102;}
.Tophead .logo {width:425px;}
.Tophead .logo .logoLy img {margin-top:5px;}
.Tophead .logo .logoLy {position: relative;float:left;z-index: 102;}

.mainNav_menu {display:block;padding-top:7px;}
.mainNav_menu li {float:left;text-align:center; display:block;padding: 0px 10px;background: url() no-repeat right center;}
.mainNav_menu li a {color: #757575; text-decoration:none; line-height:34px; height:34px; text-align:center; padding:0 10px; display:block; _width:48px;}
.mainNav_menu li a:hover {color:#3f240e; text-decoration:none;}
 .mainNav_menu .mainleyoul {height:34px;background:none;}
.mainNav_menu .mainleyoul .leyouGame_qx {margin-bottom:7px;margin-top:3px;text-align:left; padding:0 17px 0px 5px; line-height:24px; height:24px; display:block;border: 1px #dfdfdf solid;background: url(http://img-td22.td22.com/Games/TD22/zhl/img/xialaBg.png) no-repeat right center;
}
.mainNav_menu .mainleyoul ul {z-index:100;border: 1px #dfdfdf solid;background:#f6f6f6;position:absolute; right:9px; top:36px; width:242px;display:none; *width:240px;/*IE is great need, width>=li.length*/}
.mainNav_menu  .mainleyoul  li{float:left;display:block;padding:0 0px;width:120px;background:none;position:relative;overflow:hidden;}
.mainNav_menu  .mainleyoul  li a {text-align:left; padding:0 12px; line-height:24px; height:24px; display:block; _padding-bottom:6px;/*IE6 only*/}
.mainNav_menu  .mainleyoul  li a:hover {color:#3f240e; text-decoration:none; }

.mainNav_menu  .mainleyoul  li dl{float:left;text-align:left;}
.mainNav_menu  .mainleyoul  li dl dd,.mainNav_menu .mainlevel li dl dt{border-bottom: 1px #f9f9f9 solid;height: 32px;line-height: 32px; display:block;}
.mainNav_menu  .mainleyoul  li dl dt{color:#e5124a; line-height:34px; height:34px;  padding:0 10px; }
.mainNav_menu .mainleyoul  .gameMenu01{background:#fff;}
.mainNav_menu  .mainleyoul  .gameMenu02{background:#f6f6f6; }
.gameHot_M{background: url(http://szhuodong.duowan.com/s/topBar/images/hotIcon.png) no-repeat right;padding-right: 26px;}

       
.TopH_adImg_div {margin-top: 0px;width: 1100px;height: 190px;display: inline;background: url() no-repeat;display: none;position: absolute;z-index:102;top: 0px;left:-160px;}
.TopH_adImg_div a {width: 100%;height: 100%;display: inline-block;}
.TopH_adImg {float: left;width: 250px;height: 43px;margin-left: 0px;background: url() no-repeat left top;position: relative;z-index:15;}
.TopH_header {width: 250px;float: right;position: relative;z-index:101;}


.header1 {z-index:50;position: relative;top:0px;}


.djzl {
    width: 118px;
    height: 45px;
    float: left;
    background: url(../img/xiangqing.png?01) no-repeat;
    margin: 0 10px;
}
.djzlTan {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    display: none;
    z-index: 103;
}

    .djzlTan .form3 {
        width: 800px;
        height: 850px;
        overflow: hidden;
        background-color: #c34237;
        border-radius: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

        .djzlTan .form3 em {
            width: 100%;
            height: 30px;
            display: block;
            text-align: center;
            line-height: 30px;
            font-family: FZDaHei-B02S;
            color: #fff;
            font-style: normal;
            font-size: 20px;
            margin-top: 10px;
        }

        .djzlTan .form3 span {
            display: block;
            width: 94%;
            margin: 0 auto;
            font-size: 16px;
            color: #fff;
            line-height: 33px;
            text-align: center;
        }

        .djzlTan .form3 .close3 {
            position: absolute;
            right: 0px;
            top: 4px;
            font-size: 18px;
            display: block;
            cursor: pointer;
            height: 15px;
            width: 15px;
            color: #ffffff;
        }

.nTab {
    width: 800px;
    height: 850px;
    margin: 20px auto;
    overflow: hidden;
}

.none {
    display: none;
}

.nTab .TabTitle li {
    float: left;
    cursor: pointer;
    height: 95px;
    line-height: 45px;
    font-weight: bold;
    text-align: center;
    width: 88px;
    margin-left: 25px;
    margin-top: 0px;
}

    .nTab .TabTitle li img {
        display: block;
        width: 45px;
        height: 45px;
        margin: 0 auto;
        margin-top: 15px;
    }

    .nTab .TabTitle li span {
        display: block;
        width: 88px;
        color: #fff;
        text-align: center;
        margin-top: 5px;
        font-size: 12px;
        line-height: 15px;
    }

.nTab .TabTitle .active {
    background: url('../img/djicoImg/activeBg.png') no-repeat;
    color: #336699;
}

.nTab .TabTitle .normal {
    color: #F1AC1C;
}

.nTab .TabContent {
    clear: both;
    overflow: hidden;
    padding: 5px;
    display: block;
}

    .nTab .TabContent > div > img {
        display: block;
        margin: 0 auto;
    }