*{
    font-family: Trebuchet Ms;
}
body{
    margin: 0;
    padding: 0;
}
p,li,h1,h2,h3,h4{
   
}
body{
    background: black;
    background-image: url(img/web_0000_bg.png);
    background-position: center;
    background-repeat: no-repeat; 
    background-size: 100%; 
}
.wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}
#prompt{
    float: left;
    margin: -130px -25% 27% 27%;
    position: relative;
    z-index: 3;
}
#banner img{
  display: inline-block;
  height: auto;
  max-width: 100%;
}
#button{
   background: url(img/web_0000s_0000_key_button.png) no-repeat; 
   height: 131px;
   width: 367px;
   float:left;
   margin: -320px -50px 37% 37%;
   position: relative;
   z-index: 3;
}
#button:hover{
   background: url(img/web_0000s_0000_key_button_hover.png) no-repeat;  
}
#button:active{
   background: url(img/web_0000s_0000_key_button_active.png) no-repeat;  
}
#button:after{
    clear:both;
}
#top-section{
    height: 580px;
    background:#c8fd36; 
    margin: -80px 0px;
    max-width: 995px;

}
.videoplay{
    background: url(img/web_0000s_0007_play.png) no-repeat center;
    background-size:contain;
    height: 20%;
    width:20%;
    float: left;
    margin: -24% 40% 0% 40%;
    position: relative;
    z-index: 8;
    cursor:pointer;
}
video{
   clear: both;
   margin: -35% 11%;
    width: 78%;
    float: left;
    position: relative;
    z-index: 3;
}
#tag1{
    background: url(img/web_0000s_0006_prompt_title.png) no-repeat;
    background-size:contain;
    height: 20%;
    width:50%;
    float: left;
    margin: -36% 30% 0% 20%;
    position: relative;
    z-index: 5;
}
#frame{
    background: url(img/web_0000s_0008_video_kuang.png) no-repeat;
    background-size:contain;
    height: 82%;
    width:82%;
    float: left;
    margin: -36% 9% 0% 9%;
    position: relative;
    z-index: 4;
}
#bgimg{
    background: url(img/web_0000s_0017_bg_huawen1.png) no-repeat;
    background-size:contain;
    height: 100%;
    width:100%;
    float: left;
    margin: -62% 0% 0% 0%;
    position: relative;
    z-index: 1;
    clear: both;
}
#tag2{
    background: url(img/web_0000s_0005_character.png) no-repeat center;
    background-size:contain;
    height: 60%;
    width:60%;
    float: left;
    margin: -33% 0% 0% 62%;
    position: relative;
    z-index: 5;
}
#main_page_button{
    background: url(img/web_0000s_0004_button_sec.png) no-repeat center;
    background-size:contain;
    height: 17%;
    width:24%;
    float: left;
    margin: -17% 38% 0% 38%;
    position: relative;
    z-index: 5;
}
#main_page_button:hover{
   background: url(img/web_0000s_0004_button_sec2.png) no-repeat;  
        background-size:contain;
}
#top-section2{
    background-image: url(img/web_0000s_0020_bg2.png);
    height: 431px;
    max-width: 995px;
}
#left_title{
    background: url(img/web_0000s_0010_session1_title.png) no-repeat;
    background-size:contain;
    height: 20%;
    width:20%;
    float: left;
    margin: -3% 70% 0% 10%;
    position: relative;
    z-index: 2;
}

#left_content{
    clear: both;
    background: url(img/web_0000s_0011_kuang.png) no-repeat left;
    background-size:contain;
    height: 64%;
    width:64%;
    float: left;
    margin: -4% 26% 0% 10%;
    position: relative;
    z-index: 4;
}
#gonggao{
    text-align: center;
    background-color: #383838;
    font-size: 14px;
    color: snow;
    height: 48%;
    width:32%;
    position: relative;
    padding: 2%;
    float: left;
    z-index: 2;
    margin: -27% 40% 0% 12%;
}
#gonggao p {
    margin: 2px 0;
}
#icon3{
     background: url(img/web_0000s_0013_game_icon.png) no-repeat right;
    background-size:contain;
    height: 30%;
    width:30%;
    float: right;
    margin: -30% 36% 0% 30%;
    position: relative;
    z-index: 2;
}
#section_right{
    clear: both;
    background: url(img/web_0000s_0015_session2_content.png) no-repeat right;
    background-size:contain;
    height: 62%;
    width:62%;
    float: right;
    margin: -27% 8% 0% 0%;
    position: relative;
    z-index: 1;
}
#phone{
     background: url(img/web_0000s_0012_phone_version_coming.png) no-repeat right;
    background-size:contain;
    height: 12%;
    width:25%;
    float: right;
    margin: -4% 8% 0% 30%;
    position: relative;
    z-index: 2;
}
footer{
    background:black; 
    max-width: 995px;
    color: aliceblue;
}
ul{
    padding: 10px 0 15px 0 ;
    margin: 0 0;
    font-size: 12px;
    list-style-type: none;
    text-align: center;
}
#footericon{
    text-align: center;
}
#containerdiv{
    overflow: hidden;
    display: inline-block;
    margin: -20px 0 0 0;
}
#icon1{
    background: url(img/web_0000s_0018_footer_icon1.png) no-repeat;
    height: 49px;
    width: 49px;
    float: left;
    padding: 0 10px 0 0;
}
#icon2{
    background: url(img/web_0000s_0019_footer_icon2.png) no-repeat;
    float: left;
    height: 49px;
    width: 49px;
    padding: 0 10px 0 0;
}
#icon4{
    background: url(img/TapTap-50.png) no-repeat;
    float: left;
    height: 49px;
    width: 49px;
}
.privacy {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    margin-top: 16px;
}
.privacy a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.privacy-wrap {
    width: 100%;
    background: #000;
}
.privacy-container {
    color: #fff;
    padding-block: 40px 100px;
    font-size: 14px;
    line-height: 24px;
}
.privacy-container .title {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
}
.privacy-container ul {
    text-align: left;
    font-size: 14px;
}
.privacy-container .back a {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
}
@media screen and (max-width:480px){
/*
    #prompt img{
        width: 10%;
        height: 10%;
    }
*/
}