/*startdom*/
body{
    margin:0px;
    padding:0px;
    overflow-x: hidden;
    font-family: "Microsoft YaHei","SimSun","SimHei",Arial,Tahoma,Helvetica;
}
div,p{
    padding:0px;
    margin:0px;
}
.black{
    width:640px;
    height:100%;
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-320px;
    background:url("../imgs/bg1.png") bottom center;
    background-size:1080px auto;
    overflow:hidden;
}
.black .topic{
    position:absolute;
    width:550px;
    height:172px;
    background:url("../imgs/Pro-.png") no-repeat;
    background-size:550px auto;
    left:50%;
    margin-left:-272px;
    top:17%;
    z-index:100;
}
.black .content{
    position:absolute;
    width:518px;
    height:100px;
    left:50%;
    top:30%;
    margin-left:-246px;
    z-index:100;
    /*background:url("../imgs/bg1.png") no-repeat;
    background-size:518px auto;*/
}
.black .content p{
    width:auto;
    height:auto;
    color:#ff0000;
    font-size:28px;
    margin-bottom:12px;
    letter-spacing:0px;
}
.black .erwm{
    position:absolute;
    width:230px;
    height:230px;
    left:50%;
    margin-left:-115px;
    top:46%;
    z-index:100;
}
.black .erwm img{
    width:230px;
    height:230px;
}
.black .download_btn{
    width:340px;
    height:82px;
    position:absolute;
    background:url("../imgs/download.png") bottom center no-repeat;
    background-size:340px auto;
    top:78%;
    left:50%;
    margin-left:-170px;
    z-index:100;
    cursor:pointer;
}
/*随机飘动的小球*/
.common{
    background:none;
    position:absolute;
    z-index:99;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
}
.p27,.p28,.p29,.p30,.p31,.p32,.p33{
    width:14px;
    height:14px;
    background:url("../imgs/27.png") no-repeat;
    background-size:14px auto;
}
.p28{
    background:url("../imgs/28.png") no-repeat;
    background-size:14px auto;
}
.p29{
    background:url("../imgs/29.png") no-repeat;
    background-size:14px auto;
}
.p30{
    background:url("../imgs/30.png") no-repeat;
    background-size:14px auto;
}
.p31{
    background:url("../imgs/31.png") no-repeat;
    background-size:14px auto;
}
.p32{
    background:url("../imgs/32.png") no-repeat;
    background-size:14px auto;
}
.p33{
    background:url("../imgs/33.png") no-repeat;
    background-size:13px auto;
}
.topWarp{
    width:100%;
    height:30%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:90;
}
.bottomWarp{
    width:100%;
    height:61%;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:90;
}
/*ipad*/
@media  screen and (min-device-width : 768px)and (max-device-width : 1024px)and (orientation : portrait) {
    .black{
        width:768px;
        margin-left:-384px;
        background-size:1080px auto;
    }
}
/*enddom*/