body {
  padding: 0;
  margin: 0;
  font: normal 12px/180% 'Helvetica,Arial,Verdana';
  color: #333;
  background: #fff
}

h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td {
  margin: 0;
  padding: 0
}

div {
  margin: 0 auto;
  text-align: left;
  font: normal 12px/180% 'Helvetica,Arial,Verdana'
}

a:link,a:visited {
  color: #333;
  text-decoration: none
}

a:hover {
  color: #e60012;
  text-decoration: none
}

img {
  border: none
}

ol,ul,li {
  list-style: none
}

i {
  font-style: normal
}

input,img {
  vertical-align: middle
}

input[type="button"],input[type="submit"] {
  vertical-align: middle;
  cursor: pointer
}

html,body {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%
}

#all_content {
  width: 640px;
  height: 1080px;
  overflow: hidden;
  position: relative;
  transform-origin: 0 0
}

.loading {
  width: 640px;
  height: 1080px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999;
  background: url(p1_bg.jpg?1) no-repeat
}

.loading span.timeline {
  position: absolute;
  top: 545px;
  left: 44.5%;
  font-size: 45px;
  color: #d00
}

.loading .loadingText {
  position: absolute;
  top: 595px;
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  color: #333
}

.p1 {
  width: 640px;
  height: 1080px;
  position: relative;
  background:url(p1_bg.jpg?1) no-repeat;
}
.p1zi{
  display: inline-block;
  width: 378px;
  height: 700px;
  background:url(p1_zi.png?1) no-repeat center 0;
  background-size:130% auto;
  position:absolute;
  top:105px;
  left:140px;
}
.p2 {
  width: 640px;
  height: 1080px;
  position: relative;
  background:url(p1_bg.jpg?1) no-repeat;
}
.paperimg h2{margin:20px 0 20px 50px;color:#df002b;font-size:36px; line-height:30px;}
.paperimg{background:url(p2_bg.png) no-repeat top center; width:517px; height:853px; position:absolute; top:100px; left:40px;display:none;}
.paperimg div{background:url(bg01.jpg) no-repeat top center; width:419px; height:593px;}
.paperimg img{ margin-top:8px;}
.paperimg p span{color:#df002b;font-size:18px; line-height:30px; margin-left:20px; vertical-align:middle;position:absolute; top:25px; left:145px;}
.paperimg p a{position:absolute; bottom:-30px; left:100px;background:url(more.gif) no-repeat top center; width:268px; height:64px; display:block;}
.papermore{position:absolute; top:0px; right:0px;background:url(more1.png) no-repeat top center; width:50px; height:1080px;}
.dzan{position:absolute; top:790px; left:150px;}
.dzan span{ margin-left:20px; font-size:24px;color:#df002b;}
.dzan span i{ font-size:24px; display:none;}
#shengshi{width: 640px;height: 1080px; position: relative;background:url(bg03.png) no-repeat; display:none;}
#shengshi em{background:url(close.png) no-repeat;width:58px;height:58px;position:absolute; top:70px; right:50px;}
#shengshi span{color:#bd4849; float:left;  font-size:30px; line-height:80px;cursor:pointer;}
#shengshi i{float:left;color:#bd4849;line-height:80px; height:80px; font-size:30px;margin:auto 13px;}
#shengshi span.two,
#shengshi span.two a {color:#fff;}
#shengshi span.one{color:#dfd521; font-weight:bold; font-size:34px;}
#shengshi .shi{position:absolute; top:140px; left:60px; width:510px;}
#shengshi .shi p{overflow:hidden;}
#shengshi .fabu{position:absolute; top:710px; left:0px; width:90%; font-size:20px; text-align:center;color:#fff;}
.danchu{ position:absolute;top:500px; left:100px;background:url(/img/MAIN/2017/08/117587/images/ytbg.png) no-repeat top center; width:379px; height:246px; display:none;}
.danchu1{ position:absolute;top:500px; left:100px;background:url(/img/MAIN/2017/08/117587/images/cgbg.png) no-repeat top center; width:379px; height:246px;display:none;}
.danchu1 div,.danchu div{ position:relative;width:379px; height:246px;}
.danchu1 span,.danchu span{ width:30px; height:30px;display:block;cursor:pointer;background:url(/img/MAIN/2017/08/117587/images/close1.png) no-repeat top center; position:absolute; top:-22px; right:-22px;}
.danchu p img{ margin:95px 0px 0 25px; cursor:pointer;}
.danchu1 p img{ margin:95px 0px 0 20px; cursor:pointer;}
.flash1 {
  -webkit-animation: flash1 2s ease forwards;
  animation: flash1 2s ease forwards; }

@-webkit-keyframes flash1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0) scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1); } }

@keyframes flash1 {
  0% {
    opacity: 0;
    transform: translate3d(-200px, 0, 0) scale(1); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0) scale(1);
  }

  90% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0) scale(1);
  }
  90% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    opacity: 0;
  }
}
.fadeInUp {  
  -webkit-animation: fadeInUp 1s linear  ;
  animation: fadeInUp 1s linear  ;
}
.uptishi{color:#fff; font-size:28px; position:absolute;top:70px; left:38%;font-family:"Microsoft YaHei",\5FAE\8F6F\96C5\9ED1;opacity:0;}

.arrow { width:100%; height:40px; color:#fff; position:fixed; bottom:100px; text-align:center; font-size:20px; background:url(arr.png) no-repeat center; }