html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;}
img,fieldset{border:0;}
img{width:auto\9;height:auto;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html{overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:none;}
a{text-decoration:none;color:#027b7e;outline:none;}
a:hover{text-decoration:underline;}
p{padding:0;}
li{margin:0 0 .5em 0;padding:0;}
input[type=search]{outline:none;-webkit-appearance:none;}
input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button{display:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
ul,ol{list-style:none;}
table{border-spacing:0;border-collapse:collapse;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
small{font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
label,input,select,form img,button,textarea{vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,optgroup{font-weight:normal;font-style:normal;}
.clear:after{display:block;visibility:hidden;clear:both;height:0;content:'.';}
.clear{display:inline-block;}
* html .clear{height:1%;}
.clear{display:block;}
.pa{position:absolute;}
html{width:100%;min-height:100%;}
body,html{width:100%;min-height:100%;height: 100%;overflow: hidden;}
body{font-family:'Microsoft YaHei','宋体';font-size:14px;position:relative;width:750px;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;color:#333;/*box-shadow:0 0 160px 0 #5c99e7;*/background:white;}
.part {
    /*display: none;*/
    position: absolute;
    left: 0;
    top: 0;
    /*    right: 0;
    bottom: 0;
    margin: auto;*/
    width: 100%;
    /*height: 1500px;*/
    height: 100%;
    /*    right: 0;
    bottom: 0;
    margin: auto;*/
    /*background: #faeaa8;*/
}
#listk{
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 75px;
     margin: auto;
     width: 541px;
     height: 633px;
     overflow-y:auto;
     /*border: 3px solid;*/
}
/*新代码*/
.zheng_file{
    position: absolute;
    width: 280px;
    height: 287px;
    opacity: 0;
    top: 0;
    border: 15px solid red;
    left: 27px;
    right: 0;
    bottom: 0;
    margin: auto;
}   



.hs_img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.lod_num {
    position: absolute;
    left: 153px;
    right: 0;
    top: 870px;
    bottom: 0;
    margin: auto;
    /* width: 750px; */
    /* height: 100%; */
    /*line-height: 1*/
    text-align: center;
    font-size: 41px;
    color: #e50112;
    font-weight: 500;
    font-family: 'TrueType';
}
#p1da{
    /*position: relative;*/

    margin:auto;
    width: 100%;
    height: 100%;
}
.hs_btn {
    pointer-events: auto;
}
.btnClcked {
    transform: scale(0.95);
}
img {
    pointer-events: none;
}
#loadingk{
       left: 0;
       right: 0;
       bottom: 0;
       top: 716px;
       margin: auto;
}
#tx{
       left: 453px;
       right: 0;
       bottom: 0;
       top: -415px;
       margin: auto;
}
#ldzi{
    top: 1000px;
}
#ldtiao{
      position: absolute;
      left: 77px;
      /* right: 0; */
      bottom: 0;
      top: 718px;
      margin: auto;
      border-radius: 16.5px;
      overflow: hidden;
      /* height: 2; */
      /* height: 42px; */
      width: 593;
      height: 42px;
}
#ldbg,#p1bg,#p2bg,#p3bg{

     position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-size: 100% 100%;
    /* display: none; */
    margin: auto;
    bottom: 0;

}
#back,#back1{
    left: 577px;
    right: 0;
    bottom: 0;
    top: -1145px;
    margin: auto;
   }
#his{
    left: -577px;
    right: 0;
    bottom: 0;
    top: -1145px;
    margin: auto;
   }
#jingzi{
    /* top: 381px; */
    /* text-align: center; */
    /* position: relative; */
    left: 0;
    right: 0;
    bottom: 0;
    top: 145px;
    margin: auto;
    /* width: 581px; */
    /* height: 800px; */
}
#finsh{
       left: 0;
       right: 0;
       bottom: 0;
       top: -893px;
       margin: auto;
}
#kuang{
       left: 0;
       right: 0;
       bottom: 0;
       top: 135px;
       margin: auto;
}
#jg{
       left: 0;
       right: 0;
       bottom: 0;
       top: -240px;
       margin: auto;
       /* border-radius: 46px; */
}
#jgtu{
       left: 0;
       right: 0;
       bottom: 0;
       top: -240px;
       margin: auto;
       width: 550px;
       height: 362px;
       border-radius: 38px;
       pointer-events: auto;
}
#sp{
       left: 0;
       right: 0;
       bottom: 0;
       top: 539px;
       margin: auto;
}

#tittle1{
       left: 0;
       right: 0;
       bottom: 0;
       top: -893px;
       margin: auto;
}#tittle2{
     left: 0;
     right: 0;
     bottom: 0;
     top: 1027px;
     margin: auto;
}
#lst{
  left: 0;
  right: 0;
  bottom: 0;
  top: -868px;
  margin: auto;
}
#lsk{
  left: 0;
       right: 0;
       bottom: 0;
       top: 135px;
       margin: auto;    
}
.listxk{
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  top: 15px;
  margin: auto;
  width: 524px;
  height: 312px;
  padding-bottom: 10px;
}
#lk{
         left: 0;
       right: 0;
       bottom: 0;
       top: 0;
       margin: auto;
}
.listtu{
       left: 9px;
       right: 0;
       bottom: 0;
       top: 11px;
       margin: auto;
       width: 507px;
       height: 299px;
       border-radius: 38px;
       position: relative;
       pointer-events: auto;
}
#p4blacks{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.8;
}
#p4img{
     left: 0;
       right: 0;
       bottom: 0;
       top: 0;
       margin: auto;
       width: 100%;
       pointer-events: auto;
}
#tipDiv {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}

#tipTxt {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    font-size: 32px;
    left: 50%;
    padding: 10px 22px;
    top: 50%;
    border-radius: 15px;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    z-index: 99;
}

#plan {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99;
}

#blacks3 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.8;
}

#txt3 {
    position: absolute;
    width: 750px;
    text-align: center;
    top: 53%;
}

#txt3 span {
    font-size: 32px;
    color: white;
}

#txt3 span:nth-child(2) {
    position: absolute;
    right: -10px;
    top: 5px;
    display: none;
}

#txt3 span:nth-child(3) {
    position: absolute;
    right: -25px;
    top: 5px;
    display: none;
}

#txt3 span:nth-child(4) {
    position: absolute;
    right: -40px;
    top: 5px;
    display: none;
}


.loader {
    position: relative;
    width: 2.5em;
    height: 2.5em;
    transform: rotate(165deg);
}

.loader:before,
.loader:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0.5em;
    height: 0.5em;
    border-radius: 0.25em;
    transform: translate(-50%, -50%);
}

.loader:before {
    animation: before 2s infinite;
}

.loader:after {
    animation: after 2s infinite;
}
  @keyframes before {
    0% {
      width: 0.5em;
      box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    }
    35% {
      width: 2.5em;
      box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    }
    70% {
      width: 0.5em;
      box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    }
    100% {
      box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    }
  }
  @keyframes after {
    0% {
      height: 0.5em;
      box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    }
    35% {
      height: 2.5em;
      box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    }
    70% {
      height: 0.5em;
      box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    }
    100% {
      box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    }
  }
  .loader {
    position: absolute;
    top: calc(50% - 1.25em);
    left: calc(50% - 1.25em);
    transform: scale(1.5);
  }




/*动画*/
/*呼吸缩放*/
.p1tuhuxi {
    animation: huxi  1s linear infinite;
    -webkit-animation: huxi  1s linear infinite;
    transform-origin: 50% 100%;
}
@-webkit-keyframes huxi {
    from {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    to {
        transform: scale(1);
    }
}


@-webkit-keyframes upmoves{
    from{opacity: 0;}
    to{opacity: 1;}
}
.upmoveer{
    animation:upmoves 0.4s linear both ;
    -webkit-animation: upmoves 0.4s linear both ;
}

@-webkit-keyframes p2kuang{
    from{opacity: 0;}
    to{opacity: 1;}
}
@-webkit-keyframes fanmove{
    from{transform: rotateY(91deg);-webkit-transform: rotateY(91deg);}
    to{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
}
.fanmove{
    animation:fanmove 0.5s linear  both;
    -webkit-animation: fanmove 0.5s linear  both;
}
/*@-webkit-keyframes jiangzhuan1{
    from{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
    to{transform: rotate(720deg);-webkit-transform: rotate(720deg);}
}
.jiangzhuan1{
    animation:jiangzhuan1 2s linear infinite both;
    -webkit-animation: jiangzhuan1 2s linear infinite both;
}
@-webkit-keyframes jiangzhuan2{
    from{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
    to{transform: rotate(900deg);-webkit-transform: rotate(900deg);}
}
.jiangzhuan2{
    animation:jiangzhuan2 2s linear  both;
    -webkit-animation: jiangzhuan2 2s linear  both;
}
@-webkit-keyframes jiangzhuan3{
    from{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
    to{transform: rotate(780deg);-webkit-transform: rotate(780deg);}
}
.jiangzhuan3{
    animation:jiangzhuan3 2s linear  both;
    -webkit-animation: jiangzhuan3 2s linear  both;
}
@-webkit-keyframes jiangzhuan4{
    from{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
    to{transform: rotate(1020deg);-webkit-transform: rotate(1020deg);}
}
.jiangzhuan4{
    animation:jiangzhuan4 2s linear  both;
    -webkit-animation: jiangzhuan4 2s linear  both;
}
@-webkit-keyframes jiangzhuan5{
    from{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
    to{transform: rotate(840deg);-webkit-transform: rotate(840deg);}
}
.jiangzhuan5{
    animation:jiangzhuan5 2s linear  both;
    -webkit-animation: jiangzhuan5 2s linear  both;
}*/

@-webkit-keyframes share1{

    from{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
    50%{transform: translate3d(10px, -10px, 0);-webkit-transform: translate3d(10px,-10px, 0);}
    to{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
}
.share{
    animation:share1 1s  infinite both;
    -webkit-animation: share1 1s  infinite both;
}

.mc_rotate {
    animation: musiczhuan1 0.85s linear infinite both;
    -webkit-animation: musiczhuan1 0.85s linear infinite both;
}
@-webkit-keyframes musiczhuan1 {
    from {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
.hs_music{
    position: fixed;
    pointer-events: auto;
    top: 60px;
    right: 40px;
    z-index: 99;
    display: none;
}