a:hover{
    text-decoration: none
}
div.loginwidth{
    min-width:1200px;
}
div.link{
    border:1px solid #dcdcdc;
    padding:20px;
    width:100%;
    margin:60px 0px;
}
div.link p{
    color:#ef656c;
    font-size:22px;
    margin: 5px 10px;
    font-weight:400;
}
div.allTitle p.titleName{
    color:#333;
    font-size:22px;
    margin: 20px 10px 0px;
    font-weight:400;
}
div.allTitle span.titleImg{
    height: 40px;
    width: 35px;
    display: inline-block;
    position: relative;
    top: 15px;
    right: 10px;
}
span.allinfo_img{
    background: url(../images/icon/index.png) no-repeat -298px -5px;
}
span.gametuijian_img{
    background: url(../images/icon/index.png) no-repeat -368px -5px;
}
span.service_img{
    background: url(../images/icon/index.png) no-repeat -490px -5px;
}
span.coopermedia_img{
    background: url(../images/icon/index.png) no-repeat -530px -5px;
}
span.game_img{
    background: url(../images/icon/index.png) no-repeat -330px -5px;
}  
span.hotgame_img{
    background: url(../images/icon/index.png) no-repeat -413px -5px;
}
span.allgame_img{
    background: url(../images/icon/index.png) no-repeat -453px -3px;
}
div.serviceContent div{
    border:1px solid #dcdcdc;
    /* height:100px; */
}
div.serviceContent div a{
    display: inline-block;
    width: 100%;
    /* margin-top: 10px; */
    text-align: center;
    padding: 16px;
}
div.onlineService span.serviceImg{
    height: 40px;
    width: 40px;
    display: inline-block;
    position: relative;
    transition: background 0.3s linear;
    -webkit-transition: background 0.3s linear;
    /* top: 25%;
    left: 10%; */
}
span.serviceInfo{
    position: relative;
    top: 15%;
    left: 15%;
    display:inline-block;
    font-size:16px;
}
a span.online-img{
    background: url(../images/icon/index.png) no-repeat -298px -40px;
}
a span.modifymsg-img{
    background: url(../images/icon/index.png) no-repeat -298px -78px;
}
a span.findpwd-img{
    background: url(../images/icon/index.png) no-repeat -298px -112px;
}
a span.modifypwd-img{
    background: url(../images/icon/index.png) no-repeat -298px -148px;
}
a span.problem-img{
    background: url(../images/icon/index.png) no-repeat -298px -184px;
}
a span.gamecost-img{
    background: url(../images/icon/index.png) no-repeat -298px -220px;
}
div.onlineService span.servicephone-img{
    height: 40px;
    width: 40px;
    display: inline-block;
    position: relative;
    /* top: 15%;
    left: 10%; */
    background: url(../images/icon/index.png) no-repeat -334px -292px;
}
div.onlineService span.serviceQQ-img{
    height: 40px;
    width: 40px;
    display: inline-block;
    position: relative;
    /* top: 15%;
    left: 10%; */
    background: url(../images/icon/index.png) no-repeat -334px -253px;
}
div.onlineService a span.serviceInfo{
        /* position: relative; */
    /* top: 12%; */
    /* left: 15%; */
    /* display: inline-block; */
    font-size: 16px;
    transition: color 0.3s linear;
    -webkit-transition: color 0.3s linear;
    top: -10px; /*For Safari 3.1 to 6.0 */
    left:5px;
  }  
 div.onlineService  a:hover span.serviceInfo{
    color:#ff9c00;
} 
div.onlineService  a:hover span.online-img{
    background: url(../images/icon/index.png) no-repeat -338px -40px;
}
div.onlineService  a:hover span.modifymsg-img{
    background: url(../images/icon/index.png) no-repeat -336px -78px;
}
div.onlineService  a:hover span.findpwd-img{
    background: url(../images/icon/index.png) no-repeat -336px -112px;
}
div.onlineService  a:hover span.modifypwd-img{
    background: url(../images/icon/index.png) no-repeat -336px -148px;
}
div.onlineService  a:hover span.problem-img{
    background: url(../images/icon/index.png) no-repeat -336px -184px;
}
div.onlineService  a:hover span.gamecost-img{
    background: url(../images/icon/index.png) no-repeat -336px -220px;
}
span.phonespanNum{
    color:#ef656c;
    font-size:14px;
    position: relative;
   /*  top: 10%;
   left: 20%; */
}
span.qqspanNum{
    color:#58a1f3;
    font-size:14px;
    position: relative;
}
em.emm{
    border-left: 10px solid #d9d9d9;
    border-top: 10px solid transparent;
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0;
    transition: all 0.3s linear;
    position: absolute;
    bottom: 0;
    left: 0;

}
div.onlineService span.qqspan{
    color:#58a1f3;
    position: relative;
   top: -10px;
    left: 5px;
    display:inline-block;
    font-size:16px;
}
div.onlineService span.phonespan{
    color:#ef656c;
    position: relative;
    top: -10px;
    left: 5px;
    display:inline-block;
    font-size:16px;
}
div.onlineService em.phone{
    border-left: 10px solid #ef656c;
}
div.onlineService em.qq{
    border-left: 10px solid #58a1f3;
}
div.mediaContent div{
    height: 62px;
    border: 1px solid #dcdcdc;
    margin: 8px 4px;
    padding: 5px;
    width: 46%;
}
span.linkImg{
    background: url(../images/icon/index.png) no-repeat -600px -5px;
    height: 20px;
    width: 25px;
    display: inline-block;
    position: relative;
    top: -15px;
    left: 10px;
}
ul.linkMsg{
    list-style: none;
    overflow: auto;
    zoom:1;
}
ul.linkMsg li{
    float:left;
    padding:12px 0px
}
ul.linkMsg li a{
    font-size: 14px;
    color:#999;
}
div.allTitle p.admsg{
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%; 
    white-space: nowrap;
    text-align:center;
}
div.notice ul ,div.tuijian ol{
    list-style: none;
    /*margin-left:-40px;*/
}
div.notice ul li{
    border-top:1px dashed #dcdcdc;
}
div.tuijian ol li{
    border-bottom:1px dashed #dcdcdc;
}
div.notice ul li , div.tuijian ol li{ 
    padding:10px;
}
div.notice ul li a{
    font-size: 14px;
    color: #333;
     display:inline-block; 
    overflow: hidden;
    text-overflow: ellipsis;
     width: 60%;  
    white-space: nowrap;
    margin-left: 10px;
}
div.notice ul li a:link , div.tuijian ol li a:link , ul.linkMsg li a:link{
    text-decoration: none
}
div.notice ul li a:visited , div.tuijian ol li a:visited , ul.linkMsg li a:visited{
    text-decoration: none
}
div.notice ul li a:hover , div.tuijian ol li a:hover , ul.linkMsg li a:hover{
    color:#3184c6
}
div.notice ul li a:active , div.tuijian ol li a:active , ul.linkMsg li a:active{
    text-decoration: none
}
li.simple:hover , li.detail:hover{
    cursor:pointer;
}
span.allinfo_tag{
    display: inline-block;
float: left;
top: 2px;
position: relative;
}
span.allinfo_date{
    display: inline-block;
float: right;
top: 2px;
position: relative;
}
div.tuijian ol li a, div.tuijian ol li span{
    font-size: 14px;
    color: #333;
}
li.detail img{
    width: 20%;
    height: 20%;
    display:inline-block;
}
div.tuijian  p.tuijian-title a , div.tuijian ol li.simple a{
    font-size:16px;
}

span.gift{
    background: url(../images/icon/index.png) no-repeat -639px -5px;
    height: 35px;
    width: 35px;
    display: inline-block;
}
span.gift:hover{
    background: url(../images/icon/index.png) no-repeat -639px -40px;
}
span.download{
    background: url(../images/icon/index.png) no-repeat -639px -79px;
    height: 35px;
    width: 35px;
    display: inline-block;
    margin-left: 10px;
}
span.download:hover{
    background: url(../images/icon/index.png) no-repeat -639px -114px;
}
span.tuijian-title{
    display: inline-block;
    position:relative;
    top:-15px;
}
div.tjGame{
    border:1px solid #dcdcdc;
    /* height:300px; */
    margin: 10px 0px 0px 20px;
    width: 30%;
    padding: 0px;
    overflow: hidden;
}
div.tjGame div.intro{
    /* height:50%; */
}
div.tjGame img{
        padding-bottom: 10px;
    display: inline-block;
    width: 100%;
   /*  height: 50%; */
    background-size: contain;
       height: 150px;
    transition: all 0.6s
}

div.hot-img img{
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
    /*  height: 50%; */
    background-size: contain;
    height: 160px;
    transition: all 0.6s
}

div.tjGame img:hover {
    transform:scale(1.1);
    cursor:pointer;
    }_
div.tjGame p.title{
    font-size:20px;
    color:#1798ff;
   margin: 0px;
    padding: 3%;
}
div.tjGame div.intro p.title{
    color: #1798ff;
    font-size: 18px;
   padding: 10px 20px 0px;
}
div.tjGame p.introduction{
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 98%;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
     height: 39px; 
    padding: 0% 2%;
    line-height:1.5;
    padding: 0px 20px;
    } 
button.buttons{
    width:30%;
    border: 1px solid #dcdcdc;
    border-top: 2px solid #dcdcdc;
    height: 32px;
    background: #ffffff;
    margin: 10px;
    border-radius: 8px;
}
div.hot-game p.gameName{
    font-size:16px ;
     color:#666;
         font-weight: 600;
}
div.hot-game p.gameType{
    font-size:12px; 
    color:#999
}
div.hot-img{
    /* background:url("../images/pic5.jpg") no-repeat;
       background-size: contain;
       width:100%; */
    float:left;
    margin-top: 8px;
}
div.hot-game{
    /* float:right;
    margin-top: -40%; */
   /*  background:url("../images/pic5.jpg") no-repeat;
   background-size: contain;
   width:100%; */
  float: right;
    margin-top: 8%;
    z-index: 10000;
    position: absolute;
    margin-left: 58%;
}
span.hotIcon{
    background: url(../images/icon/index.png) no-repeat -570px -5px;
    display: inline-block;
    width: 30px;
    height: 32px;
    top: -35px;
    position: absolute;
    right: -40px;
}
button.dlBtnGame{
    background: #ff9c00;
    color: #ffffff;
    font-size: 12px;
    border: none;
    border-radius: 5px;
    width: 100%;
   padding: 2px 12px;
    /* margin-top: 8%; */
    line-height: 2;
}
div.allTitle p.star{
    background: url(../images/icon/icon_stars.png) no-repeat 0px -14px;
    display: inline-block;
    width: 100%;
    height: 15px;
    margin-top:2px;
    margin-bottom:2px;
}
i.dlIcon{
    background: url(../images/icon/index.png) no-repeat -380px -50px;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 5px;
    position: relative;
    right: 5px;
}
div.hotGameList{
    display: inline-block;
        width: 33.33%;
    border-right: 1px solid #e6e6e6;
    padding: 20px 1px;
        margin-bottom: -7px;
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
            margin-top: -1px;
}
div.hotDetail>div.row:first-child{
    border-left:1px solid #e6e6e6;
}
div.listImg>div.hotGameList:first-child{
    border-left:1px solid #e6e6e6;
}
div.hotGameList img{
    display:inline-block;
    width:38%;
    margin-left: 20px;
    /* height:38%; */
}
div.listContent{
    float:left;
    margin-left:10%;
}
div.listContent p.hot-title{
    font-size:16px;
      color:#666;
          margin-bottom: 4%;
}
button.hotGame-btn{
    border: 1px solid #1798ff;
    border-radius: 5px;
    background: #ffffff;
    color: #1798ff;
    font-size: 12px;
    /* width: 80%; */
    /* line-height: 2; */
    /* margin-left: 10%; */
    margin-top: 6%;
    /* padding: 5%; */
        padding: 5px 10px;
}
div.chosseType{
    font-weight:bold;
    font-size:14px;
    float:left;
    display: inline-block;
    margin-right: 2%;
    color: #666666;
    line-height: 3;
        margin-left: 8px;
}
div#type , div#subject{
    line-height:3;float:left;display: inline-block;width: 88%;
}
div.allgamezimu{
    line-height:3
}
span.english{
    margin-left: 10px;
    color: #666666;
    font-size: 14px;
    font-weight: bold;
}
span.allkinds{
    display: inline-block;
    font-size: 14px;
    /* width: 40%; */
    width: 10%;
    text-align: center;
    margin: 1px 0px;
     padding: 3px 5px;

}
span.allkinds:hover{
    background: #1798ff;
    color: #fff;
    border-radius: 5px;
    cursor:pointer;
}
div.allGameList{
    width:100%;
    border:1px solid #dcdcdc;
}
p.allgamezimu select{
    height: 25px;
    font-size: 14px;
    width: 8%;
    margin-left: 2%;
    margin-right: 3%;
}
div.allGameList{
    width: 48%;
    padding: 2%;
    display: inline-block;
        margin-right: 1%;
            margin-left: 5px;
}
div.allGameList img{
    /* height: 25%; */
    width: 25%;
    float:left;
    margin-top: 2%;
}
div.alllistContent{
    float:right;
    width:70%;
}
div.alllistContent p.allgame-title{
   font-size:16px;
}
 div.alllistContent > p.listintro{
    overflow: hidden;
    text-overflow: ellipsis; 
    width: 100%; 
        display: -webkit-box;  
        -webkit-line-clamp: 2 !important;  
        -webkit-box-orient: vertical; 
        height: 40px;
line-height: 1.8;
}
button.allGame-btn{
    border:1px solid #1798ff;
    border-radius:5px;
    background:#ffffff;
    color:#1798ff;
    font-size: 12px;
    margin-right:2%;
    padding: 5px 10px;
}
div.title-right{
    float: right;
    margin-top: 42px;
    margin-right: 10px;
}
div.title-right a{
    color:#1798ff;
}
span.fresh{
    background: url(../images/icon/index.png) no-repeat -600px -22px;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 5px;
    position: relative;
    right: 5px;
}
div.title-more button{
    /* line-height: 2; */
    border: 1px solid #1798ff;
    border-radius: 7px;
    color: #1798ff;
    background: #ffffff;
    padding: 0px 8px;
}
button.moreBtn{
    border: none;
    width: 100%;
    background: #eaeaea;
    padding: 2%;
    width: 98%;
    border-radius: 8px;
    margin-top: 3%;
        margin-left: 5px;
}
li.detail{
    display:none;
}
div.index #myCarousel ol.carousel-indicators {
    /*bottom: 160px;*/
}
div.index>div.contentIndex{
    position: relative;
    z-index: 100000;
    /*modify by huchuanwei 2107/10/9*/
    /* background: #ffffff; */
    /*margin-top: -120px;*/
    margin-top: 15px;
    /*modify by huchuanwei 2107/10/9*/
    min-width: 1200px;
}
.activelist{
    background: #1798ff;
    color: #fff;
    border-radius: 5px;
}
div.hotBorder{
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
        border-top: 1px solid #e6e6e6;
}
div.hotDetail{
    border: none;
   /*  border-right: none;
       border-top: none;
           border-bottom: none; */
}
div.addBg{
    background: url(../images/bg/main-bg-1000.png) no-repeat;
    background-size: 100%;
}
div.ad{
    text-align:center;
    padding-top: 10px;
}
div.mediaContent  img{
    width:100%;
}
div.ad p.admsg{
    margin-top:10px;
}
div.ad p.admsg a {
    font-size:14px;
}
p#info-m{
    text-align:center;
    margin-top:60px
}
p#info-m span.no_1{
    font-size:14px;
    color:red;
}
p#info-m span.no_2{
    font-size:14px;
    color:#666;
}
div.hotGame{
    margin-top:35px;
}
div.service{
    overflow:auto;
    zoom:1;
}
div.hotDetail{
    width: 98%;
    margin-left: 5px;
}

/*addition by huchuanwei  2017-10-9*/
.carousel-indicators li{
    opacity: 0.5;
    height: 3px ;
    width: 25px;
    color:rgba(255,255,255,0.5);

}
.carousel-indicators li.active{
     opacity: 1;
     height: 3px ;
    width: 25px;
    background:rgba(255,255,255,1);
    margin:1px;
}


body{background: #fff}
.footer{border: 0!important;}
.footer *{color: #CCD7E2;font-size: 15px;}
.footer *:hover{color:#333}
.content .addBg{border-radius: 10px;padding-bottom: 10px;animation: content_move 1s 1 ease;}
/*.content .addBg:hover{background: rgba(255,255,255,1);box-shadow: 0 0 15px rgba(255,255,255,1) ,0 0 50px rgba(0,147,169,1);;}*/

@keyframes content_move{
    from{opacity: 0;left: -999px;transform:scale(0.2,0.2);}
    to{opacity: 1;transform:scale(1,1);}
}

/**********modify by huchuanwei 2017-10-16 **********/