/*public*/

html,
body,
address,
blockquote,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
table,
ul,
dd,
dt,
li,
tbody,
td,
th,
thead,
tr,
button,
object,
a,
abbr,
b,
em,
i,
img,
samp,
span,
strong,
sub,
sup,
tt,
var,
input,
select {
    margin: 0;
    padding: 0
}

input,
button,
img,
fieldset {
    border: 0;
    outline: none
}

input,
select {
    outline: none
}

* {
	-webkit-tap-highlight-color: transparent;
}

/* set image max width to 100% */

img,
video {
    height: auto;
    width: 100%
}


/* set html5 elements to block */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    width: 100%;
    height: 100%;
    font: 12px/1.5 Microsoft YaHei, Arial, Helvetica, sans-serif;
    color: #555;
    word-wrap: break-word;
    word-break: break-all;
	background: #100a32;
}

body::-webkit-scrollbar {
    display: none;
}

body div,
body p {
    margin: 0 auto;
    word-break: normal;
}

address,
cite,
dfn,
em,
var {
    font-style: normal
}

var {
    font-family: Georgia, Verdana, Arial
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

a {
    color: #026acb;
    text-decoration: none;
    outline: none
}

a:hover {
    text-decoration: none
}


/* list */

ul,
ol {
    list-style: none
}


/* img */

img {
    width: 100%;
    height: auto;
}


/*定义页面宽度*/

.box {
    width: 400px;
    height: 710px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -200px;
    overflow: hidden;
}


/*loading*/

#loading {
    background: #ffffff;
    text-align: center;
    width: 800px;
    position: fixed;
    z-index: 999;
    margin-left: -200px;
}

.wait {
    width: 50%;
    position: absolute;
    top: 40%;
    left: 25%;
}


/*  加载后显示   */

#fm {
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 666;
    position: absolute;
}

#back {
    width: 100%;
    height: 100%;
    z-index: 3;
    position: absolute;
    top: 0;
}

#fm_bt {
    width: 100%;
    position: absolute;
    top: 0%;
    left: 0;
    z-index: 5;
}

#jh1_xbd {
    position: absolute;
    width: 130px;
    /* width: 100%; */
    top: 260px;
    left: 135px;
    z-index: 4;
}


/* 交互01 */

#jh1 {
    position: relative;
    top: 36%;
    width: 150px;
    height: 150px;
    z-index: 10;
}

#jh1_hand {
    pointer-events: none;
    position: absolute;
    top: 370px;
    width: 50px;
    height: 50px;
    left: 186px;
    z-index: 4552223;
    /* display: none; */
}


/* 交互02 */

#jh02_hk {
    position: absolute;
    width: 42px;
    height: 75px;
    top: 579px;
    left: 52px;
    z-index: 455222;
    display: none;
}

#jh02_hand {
    pointer-events: none;
    /* background-color: red; */
    position: absolute;
    top: 603px;
    width: 50px;
    height: 50px;
    left: 52px;
    z-index: 4552223;
    display: none;
}


/* 交互03 */

#jh03_hk {
    position: absolute;
    width: 38px;
    height: 55px;
    top: 430px;
    left: 330px;
    z-index: 455222;
    display: none;
}

#jh03_hand {
    pointer-events: none;
    /* background-color: red; */
    position: absolute;
    top: 440px;
    width: 50px;
    height: 50px;
    left: 348px;
    z-index: 4552223;
    display: none;
}


/* 交互04 */

#jh04_hk {
    pointer-events: none;
    position: absolute;
    width: 100px;
    height: 126px;
    top: -140px;
    left: 41px;
    z-index: 455222;
    display: none;
}

#jh04_hand {
    pointer-events: none;
    /* background-color: red; */
    position: absolute;
    top: 467px;
    width: 50px;
    height: 50px;
    left: 65px;
    z-index: 4552223;
    display: none;
}


/* 交互05 */

#jh05_hk {
    position: absolute;
    width: 55px;
    top: 163px;
    left: 320px;
    z-index: 455222;
    display: none;
}

#jh05_hand {
    pointer-events: none;
    /* background-color: red; */
    position: absolute;
    width: 40px;
    height: 40px;
    top: 200px;
    left: 350px;
    z-index: 4552223;
    display: none;
}


/* 交互06 */

#jh06 {
    position: relative;
    top: 49%;
    left: -9%;
    width: 150px;
    height: 150px;
    cursor: pointer;
    display: none;
    z-index: 666;
}


#jh06_hand {
    pointer-events: none;
    /* background-color: red; */
    position: absolute;
    top: 409px;
    width: 50px;
    height: 50px;
    left: 167px;
    z-index: 455;
    display: none;
}


/* 交互07 */

#jh07_hk {
    position: absolute;
    width: 55px;
    top: 504px;
    left: 173px;
    z-index: 455222;
    display: none;
}

#jh07_hand {
    pointer-events: none;
    /* background-color: red; */
    position: absolute;
    width: 50px;
    height: 50px;
    top: 504px;
    left: 219px;
    z-index: 4552223;
    display: none;
}


/* 交互08 */

#jh08_hk {
    position: absolute;
    width: 42px;
    height: 75px;
    top: 525px;
    left: 323px;
    z-index: 455222;
    display: none;
}

#jh08_hand {
    pointer-events: none;
    /* background-color: red; */
    position: absolute;
    top: 530px;
    width: 50px;
    height: 50px;
    left: 355px;
    z-index: 4552223;
    display: none;
}


/* 交互09 */

#jh09_hk {
    position: absolute;
    width: 42px;
    height: 75px;
    top: 368px;
    left: 309px;
    z-index: 455222;
    display: none;
}

#jh09_hand {
    pointer-events: none;
    /* background-color: red; */
    position: absolute;
    /* top: 540px; */
    width: 50px;
    height: 50px;
    top: 368px;
    left: 349px;
    z-index: 4552223;
    display: none;
}


/* 交互10 */

#jh10_hk {
    position: absolute;
    width: 42px;
    height: 75px;
    top: 561px;
    left: 185px;
    z-index: 455222;
    display: none;
}

#jh10_hand {
    pointer-events: none;
    /* background-color: red; */
    position: absolute;
    /* top: 540px; */
    width: 50px;
    height: 50px;
    top: 521px;
    left: 200px;
    z-index: 4552223;
    display: none;
}


/* 交互11 */

#jh11 {
    position: relative;
    top: 27%;
    width: 210px;
    height: 210px;
    display: none;
    z-index: 666;
    border-radius: 50%;
}

#jh11_hand {
    pointer-events: none;
    /* background-color: red; */
    position: absolute;
    /* top: 540px; */
    width: 50px;
    height: 50px;
    top: 459px;
    left: 180px;
    z-index: 4552223;
    display: none;
}


/*封底*/

#backCover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 660;
    /* background: url(../img/back.png) ; */
}

#logo {
    position: absolute;
    top: 22px;
    left: 24.4px;
    width: 66px;
    height: 44px;
    display: none;
    z-index: 666;
}

#special {
    position: absolute;
    top: 97px;
    left: 52px;
    width: 280px;
    height: px;
    display: none;
    z-index: 666;
}

#answer {
    position: absolute;
    top: 185px;
    left: 153.7px;
    width: 86px;
    height: 86px;
    display: none;
    z-index: 666;
}

#nameList {
    position: absolute;
    top: 323px;
    left: 70px;
    width: 250px;
    height: 238px;
    display: none;
    z-index: 666;
}

#createPoster {
    position: absolute;
    top: 600px;
    left: 115px;
    width: 166px;
    height: 57px;
    display: none;
    z-index: 666;
}


/* cursor: pointer; */

#createPoster,
#jh11,
#jh10_hk img,
#jh09_hk img,
#jh08_hk img,
#jh07_hk img,
#jh06_hk img,
#jh05_hk img,
#jh04_hk img,
#jh03_hk img,
#jh02_hk img,
#jh1 {
    cursor: pointer;
}


/*海报*/

#poster {
    position: absolute;
    width: 100%;
    left: 0;
    top: -10px;
    display: none;
    z-index: 1000;
}


/*画面内容数据*/

#hmnrsj {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    display: block;
    z-index: 200;
    height: 28%
}

#sj_zong {
    position: absolute;
    width: 100%;
    left: 0;
    top: 7%;
    display: none;
    z-index: 888;
}

#sj_zfwf {
    position: absolute;
    width: 100%;
    left: 0;
    top: 33%;
    display: none;
}

#sj_jsjf {
    position: absolute;
    width: 100%;
    left: 0;
    top: 45%;
    display: none;
}

#sj_jy {
    position: absolute;
    width: 100%;
    left: 0;
    top: 25%;
    display: none;
}

#sj_xf {
    position: absolute;
    width: 100%;
    left: 0;
    top: 15%;
    display: none;
}

#sj_jiaoyu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 20%;
    display: none;
}

#sj_yl {
    position: absolute;
    width: 100%;
    left: 0;
    top: 20%;
    display: none;
}

#sj_yiliao {
    position: absolute;
    width: 100%;
    left: 0;
    top: 20%;
    display: none;
}

#sj_kj {
    position: absolute;
    width: 100%;
    left: 0;
    top: 15%;
    display: none;
}

#sj_tz {
    position: absolute;
    width: 100%;
    left: 0;
    top: 20%;
    display: none;
}

#sj_ny {
    position: absolute;
    width: 100%;
    left: 0;
    top: 25%;
    display: none;
}

#sj_hb {
    position: absolute;
    width: 100%;
    left: 0;
    top: 20%;
    display: none;
}


/*视频中数字图片*/

#gdp {
    position: absolute;
    width: 100%;
    left: 0;
    top: 290px;
    z-index: 222;
    display: none;
}

#yi5000 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 260px;
    display: none;
    z-index: 222;
}

#wan900 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 290px;
    display: none;
    z-index: 222;
}

#yi10000 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 320px;
    display: none;
    z-index: 222;
}

#fmVideo {
    width: 100%;
    position: absolute;
    z-index: 199;
    top: 0;
    left: 0
}