*{
    margin: 0;
    padding: 0;
}
/*头部导航栏*/
.head{
    width: 1862px;
    height: 550px;
    background-image: url("../img/heads.jpg");
    margin: 0 auto;
}
.logo{
    float: left;
    margin-top: 15px;
}
.dao1{
    width: 770px;
    height: 80px;
    float: left;
}
.dao2{
    width: 154px;
    height: 60px;
    text-align: center;
    font-size: 20px;
    float: left;
    color: white;
    margin-top: 10px;
}
.yw{
    font-size: 14px;
    color: #b7b7b7;
}
.deng1{
    text-decoration: none;
    color: gold;
}
.q{
    width: 1250px;
    height: 50px;
    z-index: 100;
    margin-left: 306px;
}
.qq{
    color: white;
    line-height: 72px;
}
.z{
    width: 130px;
    float: left;
}
.zz{
    width: 29px;
    height: 29px;
    margin-left: 45px;
    margin-top: 20px;
}
.er{
    width: 200px;
    height: 150px;
    background-color: black;
    opacity: 0.9;
    text-align: center;
    line-height: 150px;
    margin-top: 30px;
    margin-left: -40px;
    display: none;
}
.z:hover .er{
    display: block;
}
.inder{
    width: 1862px;
    height: 1200px;
    background-color: #eeeeee;
    margin: 0 auto;
}
.hzz{
    width: 770px;
    height: 300px;
    background-color: black;
    opacity: 0.7;
    float: left;
    margin-top: 10px;
    display: none;
}
.dao1:hover .hzz{
    display: block;
}
.hz{
    width: 154px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    float: left;
    text-decoration: none;
}
.uzi{
    width: 14px;
    height: 14px;
    background-color: goldenrod;
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    left: -18px;
    top: 3px;
    border-radius: 50%;

}
.hza{
    text-decoration: none;
    color: white;
    font-size: 14px;
}
.dao1 a:hover{
    text-decoration: underline;
}
/*轮播图*/
.banner{
    width: 822px;
    height: 380px;
    margin-left: 250px;
    margin-top: 40px;
    float: left;

}
.banner .inner{
    width: 822px;
    height: 342px;
    overflow: hidden;/*打开网页不会显示5张图片*/
}
.lunn{
    border: 0px solid #a09f9e;
    height: 38px;
    width: 164.3px;
    border-bottom: 3px solid #fff194;
    border-radius: 3px;
    line-height: 38px;
    text-align: center;
    /*font-weight: bold;*/
    font-size: 14px;
}
li{
    list-style-type: none;
    float: left;
}
/*公告栏*/
.g{
    width: 495px;
    float: right;
    margin-top: 40px;
    margin-right: 250px;
}
.gg{
    width: 99px;
    height: 35px;
    border: 0px solid #eeeeee;
    float: left;
    text-align: center;
    font-size: 18px;
    border-bottom: 2px solid #d4d4d4;
}
.gonggao-b{
    width: 496px;
    height: 38px;
    border: 0px solid #e0e0e0;
    background-color: #d4d4d4;
    text-align: center;
    line-height: 38px;
}
.zzz{
    text-decoration: none;
    color: #7196c7;
}
/*活动*/
.r{
    width: 130px;
    height: 31px;
    font-size: 24px;
    float: left;
    border-left: 4px solid #0f7cbf;
}
.huo{
    float: left;
    width: 125px;
    height: 25px;
    text-align: center;
    line-height: 20px;
    border: 0px solid #eeeeee;
    border-bottom: 1px solid #d4d4d4;
}
.huo1{
    float: right;
    width: 125px;
    height: 25px;
    text-align: center;
    line-height: 20px;
    border: 0px solid #eeeeee;
    border-bottom: 1px solid #d4d4d4;
}
.clear{
    clear: both;
}
.hd-b{
    width: 193px;
    height: 295px;
    float: left;
    margin-left: 12.5px;
    margin-top: 25px;
    background-color: white;
}
.hd-b:hover{
    transform: scale(1.2,1.2);
}
.j{
    font-size: 14px;
    color: #7196c7;
}
/*下载游戏*/
.xzz{
    width: 366px;
    height: 168px;
    float: left;
}
.xz{
    float: left;
    margin-left: 11px;
}
.xz-1{
    float: left;
    margin-left: 11px;
    margin-top: 12px;
}
.p{
    float: left;
    margin-top: 20px;
    width: 495px;
    height: 156px;
}
.p div:hover{
    transform: scale(1.2,1.2);
}
.xzzz{
    width: 112px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    background-color: white;
    float: left;
    font-size: 14px;
}
.xzzz1{
    width: 112px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    background-color: white;
    float: left;
    font-size: 14px;
    margin-left: 15px;
}
.xzzz2{
    width: 112px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    background-color: white;
    float: left;
    font-size: 14px;
    margin-top: 20px;
}
.xzzz12{
    width: 112px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    background-color: white;
    float: left;
    font-size: 14px;
    margin-left: 15px;
    margin-top: 20px;
}
i{
    color: #7196c7;
}
.xzz:hover{
    transform: scale(1.2,1.2);
}
.xz:hover{
     transform: scale(1.2,1.2);
}
.xz-1:hover{
      transform: scale(1.2,1.2);
}

/*新英雄*/
.n{
    width: 1358px;
    height: 255px;
    float: left;
    margin-left: 250px;
    margin-top: 20px;
}
.new1{
    width: 402px;
    height: 254px;
    float: left;
    position: relative;
}
.new2{
    width: 402px;
    height: 254px;
    float: left;
    margin-left: 16px;
    position: relative;
}
.new3{
    width: 240px;
    height: 120px;
    float: left;
    margin-left: 42px;
}
.new4{
    width: 242px;
    height: 180px;
    float: left;
    margin-left: 14px;
    margin-bottom: 15px;
}
.new5{
    width: 240px;
    height: 120px;
    float: left;
    margin-left: 42px;
    margin-top: -60px;
}
.new6{
    width: 239px;
    height: 58px;
    float: left;
    margin-left: 14px;
}
.new6:hover{
    transform: scale(1.2,1.2);
}
.zhezhao{
    width: 402px;
    height: 254px;
    background: black;
    opacity: 0.9;
    position: absolute;
    display: none;
}
.new1:hover .zhezhao{
    display: block;
}
.new2:hover .zhezhao{
    display: block;
}
.zzc{
    font-size: 21px;
    color: #cdb58a;
    line-height: 100px;
    text-decoration: none;
}
.nn{
    border: 2px solid #6c6047;
    width: 145px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    margin-left: 20px;
}
.zhoumian{
    display: none;
    margin-left: -100px;
    margin-top: 20px;
}
.new6:hover .zhoumian{
    display: block;
}
/*最新视频*/
.shi{
    width: 1862px;
    height: 593px;
    background-color: #e3e2e2;
    margin: 0 auto;
}
.sh{
    float: left;
    width: 75px;
    height: 25px;
    text-align: center;
    line-height: 20px;
    border: 0px solid #eeeeee;
    border-bottom: 1px solid #d4d4d4;
}
.sha{
    float: left;
    width: 75px;
    height: 25px;
    color: #1a66b3;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    border: 0px solid #eeeeee;
    border-bottom: 2px solid #1a66b3;
}
.huoo{
    float: left;
    width: 75px;
    height: 25px;
    color: #1a66b3;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    border: 0px solid #eeeeee;
    border-bottom: 2px solid #1a66b3;
}
.sh1{
    float: left;
    width: 100px;
    height: 25px;
    text-align: center;
    line-height: 20px;
    border: 0px solid #eeeeee;
    border-bottom: 1px solid #d4d4d4;
}
.shh{
    float: right;
    width: 60px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border: 0px solid #eeeeee;
    border-bottom: 1px solid #d4d4d4;
}
.spp{
    margin-top: 20px;
}
.sp-b{
    width: 193px;
    height: 200px;
    float: left;
    margin-left: 12.5px;
    margin-top: 5px;
    background-color: #e3e2e2;
    line-height: 25px;
}
.sp-b img:hover{
    transform: scale(1.2,1.2);
}
.ship{
    font-size: 14px;
}

.jj{
    font-size: 12px;
    color: #878686;
}
/*热门专辑*/
.zj{
    float: left;
    width: 45px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    border: 0px solid #eeeeee;
    border-bottom: 1px solid #d4d4d4;
}
.rmzj{
    width: 495px;
    float: right;
    margin-top: 40px;
    margin-right: 250px;
}
.rmzj .zjlb{
    width: 498px;
    height: 337px;
    float: left;
    margin-top: 25px;
    overflow: hidden;/*打开网页不会显示5张图片*/
}
.mnb{
    border: 2px solid #cfb28b;
    height: 64px;
    width: 494px;
    line-height: 64px;
    text-align: center;
    float: left;
    /*background-color: #cfb28b;*/
}
.mnbv{
    color: #bca47c;
}
.remen{
    text-decoration: none;
    color: #bca47c;
}
.remen:hover{
    text-decoration: underline;

}
/*赛事中心*/
.sszx{
    width: 1862px;
    margin: 0 auto;
    height: 572px;
    background-color: #eeeeee;
}
.rr{
    width: 130px;
    height: 31px;
    font-size: 24px;
    float: left;
    margin-top: 20px;
    border-left: 4px solid #0f7cbf;
}
.ssss{
    width: 1364px;
    height: 572px;
    margin: 0 auto;
}
.ss{
    float: left;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 70px;
    color: #7e7d7c;
    border: 0px solid #eeeeee;
    border-bottom: 1px solid #d4d4d4;
}
.sss{
    float: left;
    width: 100px;
    height: 50px;
    text-align: center;
    line-height: 70px;
    color: #6488b8;
    border: 0px solid #eeeeee;
    border-bottom: 2px solid cornflowerblue;
}
.gd{
    float: right;
    width: 60px;
    height: 50px;
    font-size: 12px;
    text-align: center;
    line-height: 70px;
    border: 0px solid #eeeeee;
    border-bottom: 1px solid #d4d4d4;
}
/*尾部*/
.bottom{
    width: 1862px;
    height: 265px;
    margin: 0 auto;
    background-color: #e3e2e2;
}
.bot1{
    float: left;
    margin-left: 250px;
}
.bot2{
    float: left;
    margin-left: 250px;
    margin-top: 63px;
}
.bot-text{
    font-size: 12px;
    color: #a09479;
    line-height: 20px;
}
.im{
    width: 12px;
    height: 12px;
}
.bb{
    text-decoration: none;
    color: #a09479;
}
.bb:hover{
    text-decoration: underline;
}