/*public*/
html,body,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
input,img{border:0;outline:none}
html,body{width:100%;height:100%;overflow:hidden}
input,select{outline:none}
/* set image max width to 100% */
img,video{height:auto;display: block;width:100%}
/* set html5 elements to block */
body{background:#fff;font-family: 'Helvetica', 'Microsoft YaHei', '微软雅黑', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', 'sans-serif';color:#2d2d2d;word-wrap:break-word;word-break:break-all;height:100%;}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal}
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;}

/*Align*/
.alg_r{text-align:right}
.alg_c{text-align:center}

.box{position:relative;width:520px;height:100%;}

/*music*/
#viose{cursor: pointer;position: fixed;display: inline-block;top: 20px;right: 20px;z-index: 9999;}

/*next and prev*/
#next{position: fixed;display: inline-block;cursor:pointer;right: 13%;bottom: 39%;z-index: 111;}
#prev{position: fixed;display: inline-block;cursor:pointer;right: 13%;bottom: 47%;z-index: 111;}
/*滚动条样式*/
div::-webkit-scrollbar{
  width:6px;
  height:6px;
  opacity: 0.3;
  /**/
}
div::-webkit-scrollbar-track{
  background: #fff0e4;
  border-radius:6px;
}
div::-webkit-scrollbar-thumb{
  border-radius   : 6px;
  background-color: #1d124f;
  background-image: -webkit-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
  );
}
/*loading*/
#loading{background:#24213c;text-align:center;width:520px;height:100%;position:relative;z-index:99999;margin: 0 auto;}
.sk-spinner-pulse {
  width: 40px;
  height: 40px;
  margin: auto;
  position: absolute;
  top: 43%;
  left: 50%;
  margin-left: -20px;
  background-color: #e4fffb;
  border-radius: 100%;
  -webkit-animation: sk-spinner-pulse 1.0s infinite ease-in-out;
          animation: sk-spinner-pulse 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-spinner-pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@keyframes sk-spinner-pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

.wid{width: 520px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -260px;overflow:hidden;}


.fm{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/fm_bg.jpg) center no-repeat;background-size: 100% 100%;}
.fm_til{position: absolute;width: 50%;top: 3%;right: 5%;display: none;}
.fm_logo{position: absolute;width: 30%;top: 1%;left: 3%;display: none;}
.fm_click{position: absolute;width: 11%;top: 67%;right: 22%;display: none;}
.fm_sm{position: absolute;width: 50%;bottom: 3%;right: 25%;display: none;}

.p1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow-y: auto;}
.p1_img{width: 100%;position: relative;}
.to_make_card{position: absolute;bottom: 0.5%;width: 40%;left: 30%;}
.move_ts{position: absolute;top: 1%;right: 5%;width: 6%;}

.p2{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow:hidden;background: url(../images/p2_bg.jpg) center no-repeat;background-size: 100% 100%;}
.p2_til{position: absolute;width: 70%;left: 15%;top: 3%;}
.p2_con{position: absolute;width: 100%;left: 0;top: 20%;height: 70%;overflow-y: auto;}
.p2_con_img{width: 94%;margin-left: 4%;position: relative;margin-bottom: 6%;cursor: pointer;}
.p2_img_bg{width: 90%;margin-left: 4%;}
.p2_img_til{position: absolute;width: 50%;left: 0;top: 30%;}
.p2_click_ts{position: absolute;width: 6;right: 0;top: 30%;display: none;}
.p2_con_img_on .p2_click_ts{display: block;}
.p2_click{position: absolute;width: 40%;left: 30%;bottom: 3%;display: none;;}


#fd{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.fd_img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.fd_img img{width: 100%;height: 100%;}
.fd_jiao{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.fd_jiao img{width: 100%;height: 100%;}
.fd_jt{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: none;}
.fd_jiao img{width: 100%;height: 100%;}
.fd_logo{width: 30%;top: 1.5%;right: 3%;position: absolute;display: none;}
.end_til{width: 80%;top: 20%;position: absolute;left: 10%;}
.end_con{position: absolute;width: 80%;left: 10%;}

#end_con1{top: 33%;opacity: 0;}
#end_con1 .end_con_bg{width: 100%;transform: rotate(-7deg);-webkit-transform: rotate(-7deg);border: 2px solid #686dae;border-radius: 5px;box-shadow: 5px 5px 0px #606497;}
#end_con1 .end_con_til{width: 47%;position: absolute;right: -5%;bottom: -20%;background: url(../images/end_right_til.png) center center no-repeat;background-size: 100% 100%;}

#end_con2{top: 52%;opacity: 0;}
#end_con2 .end_con_bg{width: 100%;transform: rotate(3deg);-webkit-transform: rotate(3deg);border: 2px solid #686dae;border-radius: 5px;box-shadow: 5px 5px 0px #606497;}
#end_con2 .end_con_til{width: 47%;position: absolute;left: -5%;bottom: -20%;background: url(../images/end_left_til.png) center center no-repeat;background-size: 100% 100%;}

#end_con3{top: 70%;opacity: 0;}
#end_con3 .end_con_bg{width: 100%;transform: rotate(-7deg);-webkit-transform: rotate(-7deg);border: 2px solid #686dae;border-radius: 5px;box-shadow: 5px 5px 0px #606497;}
#end_con3 .end_con_til{width: 47%;position: absolute;right: -5%;bottom: -20%;background: url(../images/end_right_til.png) center center no-repeat;background-size: 100% 100%;}

#save{position: absolute;width: 40%;bottom: 4%;left: 30%;display: none;;}
#saveTS{position: absolute;width: 30%;bottom: 1.5%;right: 3%;display: none;}
#ewm{position: absolute;width: 35%;bottom: 3.7%;left: 13.6%;display: none;transform: rotate(-7deg);-webkit-transform: rotate(-7deg);}
.export{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.export img{width: 100%;height: 100%;}


.fd_ren{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.fd_ren img{width: 100%;height: auto;}
.again{width: 35%;bottom: 6%;left: 10%;position: absolute;display: none;}
.share{width: 35%;bottom: 6%;right: 10%;position: absolute;display: none;}
.shareTS{width: 30%;bottom: 2%;left: 35%;position: absolute;display: none;}


/*媒体查询*/
/*iphone6s*/
@media screen and (max-width:600px){
    #loading{width: 100%;height: 100%;top: 0;left: 0;margin-top: 0;margin-left: 0;}
    .wid{width: 100%;height: 100%;position: absolute;top: 0;left: 0%;margin-left: 0px;overflow:hidden;}

}
@media screen and (min-height:600px){

}
/*iphone6s qq*/
@media screen and (min-height: 750px){

}
/*iphone6*/
/*iphone6 qq*/
@media screen and (max-height: 740px){

}
}