*{margin:0;padding:0;box-sizing:border-box;}
body,html{ width: 100%; height: 100%;}
body{ background:#ff8c71; font-size: 32px; font-family: "微软雅黑";}
.hide{ display: none;}

body,html{ width: 100%; height: 100%;}
body{ background:#800801;}
.hide{ display: none;}
.box{ 
  position:relative; width: 100%; height: 100%; overflow: hidden;max-width: 1080px; margin:0 auto; 
  background: url(img/bg.jpg)  center top no-repeat; background-size: cover;
  
}
.page{ width: 100%; height: 100%; position: absolute; top:0;left: 0;}


.home{ position: relative; width: 100%; height: 100%;z-index: 99;}
.home .bg{ width: 100%;height:100%; background: url(img/homebg.jpg) center center no-repeat; background-size: cover; 
  position: absolute;top:0;left: 0;z-index: 1;
}
.home .bg .top{ background: url(img/hometop.png); width: 1080px; height: 467px; position: absolute; top: 0; left: 0; z-index: 100;}
.home .bg .bot{ background: url(img/homebot.png); width: 1080px; height: 1128px; background-size: 100% 100%;
    position: absolute; bottom: 0; left: 0; z-index: 100;}
.home .bg .ren{ background: url(img/ren.png); width: 1080px; height: 1469px; background-size: 100% 100%;
  position: absolute; z-index: 99; top:23%; left: 0;}
.home .bg .img{ width: 1080px; height: 1469px;   position: absolute; z-index: 99; top:23%; left: 0; z-index: 80;}
.home .bg .img .zp1{ background: url(img/zp1.png?v=1.2); width: 212px;height:295px;}
.home .bg .img .zp2{ background: url(img/zp2.png?v=1.2); width: 355px;height:381px;}
.home .bg .img .zp3{ background: url(img/zp3.png?v=1.2); width: 152px;height:177px;}
.home .bg .img .zp4{ background: url(img/zp4.png?v=1.3); width: 107px;height:131px;}
.home .bg .img .zp5{ background: url(img/zp5.png?v=1.3); width: 95px;height:109px;}
.home .bg .img .zp6{ background: url(img/zp6.png?v=1.2); width: 136px;height:181px;}
.home .bg .img .zp1,.home .bg .img .zp2, .home .bg .img .zp3, .home .bg .img .zp4, .home .bg .img .zp5, .home .bg .img .zp6{ position: absolute;}
.home .bg .img .zp1{ top: 110px; left: 150px;animation: ud 2s linear   infinite ; -webkit-animation: ud 2s linear infinite;}
.home .bg .img .zp2{ top: 164px; left:824px;animation: ud 2s linear .4s infinite ; -webkit-animation: ud 2s linear .4s infinite;}
.home .bg .img .zp3{ top: -104px; left:676px; display: none;animation: ud 2s linear .6s infinite ; -webkit-animation: ud 2s linear .6s infinite;}
.home .bg .img .zp4{ top: 10px; left:864px;animation: ud 2s linear .8s infinite ; -webkit-animation: ud 2s linear .8s infinite;}
.home .bg .img .zp5{ top: -196px; left:954px; display: none;animation: ud 2s linear  1s infinite ; -webkit-animation: ud 2s linear 1s infinite;}
.home .bg .img .zp6{ top: -96px; left:123px; display: none;animation: ud 2s linear 1.2s infinite ; -webkit-animation: ud 2s linear 1.2s infinite;}



@-webkit-keyframes ud { 
   0% {-webkit-transform: translateY(0); }
  50% {-webkit-transform: translateY(20px); }
  100% {-webkit-transform:  translateY(0); }
}
@keyframes ud {
  0% {transform: translateY(0); }
  50% {transform: translateY(20px); }
  100% {transform:  translateY(0); }
}
@-webkit-keyframes heart {
  0%{-webkit-transform:scale(1)}
  60%{-webkit-transform: scale(1.1)}
  100%{-webkit-transform:scale(1)}
}


@keyframes heart {
  0%{transform:scale(1)}
  60%{transform: scale(1.1)}
  100%{transform:scale(1)}
}


.ipx .bg .ren,.ipx .bg .img,.ipxs .bg .img{ top:26%;}
.ipx .home .bg .top{ top: 0; left: 0;}
.ipx .home .bg .bot{ bottom: 0; left: 0;}
.ipx .home .bg .ren{ top: 26%;}
.ipx .home .bg .img .zp1{ top: 150px; left: 150px;}
.ipx .home .bg .img .zp2{ top: 164px; left:824px;}
.ipx .home .bg .img .zp3{ top: -104px; left:676px; display: block;}
.ipx .home .bg .img .zp4{ top: 10px; left:864px;}
.ipx .home .bg .img .zp5{ top: -156px; left:954px; display: block;}
.ipx .home .bg .img .zp6{ top: -96px; left:123px; display: block;}
.ipxs .home .bg .top{ top: 0; left: 0;}
.ipxs .home .bg .bot{ bottom: 0; left: 0;}
.ipxs .home .bg .ren{ top: 26%;}
.ipxs .home .bg .img .zp1{ top: 150px; left: 150px;}
.ipxs .home .bg .img .zp2{ top: 164px; left:824px;}
.ipxs .home .bg .img .zp3{ top: -104px; left:676px; display: block;}
.ipxs .home .bg .img .zp4{ top: 10px; left:864px;}
.ipxs .home .bg .img .zp5{ top: -156px; left:954px; display: block;}
.ipxs .home .bg .img .zp6{ top: -96px; left:123px; display: block;}
.main{background:url(img/bg.jpg?v=1) bottom center no-repeat; background-size: cover; display: none;}
.loadingBox{ position:absolute; width:100%;height:100%; z-index:1;
  background:url(img/homes.jpg?v=1) center center no-repeat; background-size: cover; 
}
.ipx .loadingBox{ background:url(img/home.jpg?v=1.3) center center no-repeat; background-size: cover;}
.loadingBox .loadingM{ width:100%;height:100%;background:rgba(0,0,0,0.7);}


.logo{ background: url(img/logo.png) center top no-repeat; width: 357px; height: 82px;
  position:absolute;left:40px;top:47px; z-index: 999;
}
.backHome{ background: url(img/backHome.png); width: 263px; height:85px;
  position:absolute;left:0px;top:70px; z-index: 999; display: none;
}
.slogon{  width: 217px; height: 139px;overflow: hidden;
  position:absolute;top:62px;left:796px;z-index: 999;
 
}
.slogon div{background:url(img/slogon.png?v=1.21)  no-repeat; width: 218px; height: 140px;}
.btnStart{ background:url(img/btnStart.png) no-repeat; width: 515px; height: 115px;
  position: absolute; bottom:82px;left:50%;margin-left:-257.5px; z-index: 20;
  animation: heart 1.5s linear infinite; -webkit-animation: heart 1.5s linear infinite;
}
.home .title{ background:url(img/title.png) no-repeat; width: 832px; height: 1420px;
  position:absolute;top:242px;left:50%;margin-left:-416px; z-index: 10; }

.ipx .home{}
.ipx .btnStart{ bottom:102px;}

.k{background:url(img/k.png?v=1.22) no-repeat; width: 854px; height: 1184px; overflow: hidden;
  position: absolute; top:268px;left:112px; z-index: 999;
}
.k1 .select{ background:url(img/photo.png?v=1) no-repeat; width: 856px; height: 1186px; position:relative;}
.k1 .select .camera{ background:url(img/camera.png) no-repeat; width:219px; height: 169px;
   position: absolute; top:32%;left:50%; margin-left:-109px;
  animation: heart 1.5s linear infinite; -webkit-animation: heart 1.5s linear infinite; z-index: 1;
}
.k1 .select input{ position: absolute; width:100%;height:100%;opacity: 0.01; z-index: 999; cursor: pointer;}
.k1 .select img{ width:677px; height:1043px; border-radius: 20px; display: block;object-fit:cover;
  position: absolute; top:70px;left:85px; z-index: 100;}

.k2 .select{ background:url(img/select.png) no-repeat; width: 856px; height: 1186px; position:relative;}
.k2 .select .check{background:url(img/check.png) no-repeat; width: 47px; height: 44px; position:absolute;}
.k2 .select .checked{ background:url(img/check.png) -47px 0 no-repeat;}
.k2 .select .check1{ top:300px;left:664px;}
.k2 .select .check2{ top:414px;left:664px;}
.k2 .select .check3{ top:526px;left:664px;}
.k2 .select .check4{ top:641px;left:664px;}
.k2 .select .check5{ top:1013px;left:276px;}
.k2 .select .check6{ top:1013px;left:685px;}

.k2 .select .checkBtn{ width:625px;height:90px;position:absolute;top:280px;left:100px; }
.k2 .select .checkBtn2{ top:390px;}
.k2 .select .checkBtn3{ top:500px;}
.k2 .select .checkBtn4{ top:610px;}
.k2 .select .checkBtn5{ top:980px; width:280px;}
.k2 .select .checkBtn6{ top:980px; width:280px;left:490px;}

.preview{ width:1080px; height:auto; position: absolute; top:0;left:0; z-index:-100;  }
.preview img{ width:100%;}
.tip1{ background:url(img/tip1s.png?v=1.1) top center no-repeat; width:549px; height: 213px;
  position:absolute;top:996px;left:266px; pointer-events: none; z-index: 999;
}
.tip1 .yh{ background:url(img/yh1.png); width:79px;height:79px; position: absolute; top:20px;right:-70px; display: none;}

.tip2{ background:url(img/tip2.png) top center no-repeat; width: 511px; height:134px; 
  position:absolute;top:1566px;left:284px; pointer-events: none; z-index:999; display: none;
}
.ipx .tip2{ display: block;}
.tip2 .yh{ background:url(img/yh2.png); width:1021px;height:359px; position: absolute; top:-20px;right:-320px;}
.ipx .tip1,.tip1Bot{background:url(img/tip1.png?v=1.1)  top center  no-repeat;top:1496px;}
.ipx .tip1 .yh,.tip1Bot .yh{ display: block;}


.btnSure{ background:url(img/btnSure.png) no-repeat; width: 515px; height: 115px; 
  position: absolute; bottom: 102px; left: 282px; z-index:999;
}
#fireworks{ position: absolute; z-index:2; pointer-events: none;}
#fireworks2{ position: absolute; z-index:2; pointer-events: none; top:-250px;}
.btnPreview{ background:url(img/bntCreat.png) no-repeat; width: 515px; height: 115px;
    position: absolute; bottom:102px;left:50%;margin-left:-257.5px; z-index:999;
}

.loadingPer{ width:408px;height:16px; 
  border:2px solid #fcf8d6;border-radius: 16px;
  position:absolute;top:50%;left:50%;margin:-8px 0 0 -204px;
}
.loadingPer p{ 
  height:16px;background: #fcf8d6;border-radius: 16px; width: 0;display:block; 
   position: absolute;top:-2px;left: -2px;
}
.loadingPer span{ background:url(img/loadingD.png) no-repeat; width:38px;height:48px;display:block;
  position: absolute; top:-48px;left:-19px;
}

.tipBox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  width: 100%;
  height: 100%;
}
.tipBox .tip {
  padding: 1em 2em;
  color: #fff;
  background: rgba(0, 0, 0, 0.85);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  animation: tip 2s forwards;
  -webkit-animation: tip 2s forwards;
  display: block;
  border-radius: 0.32em;
}
@-webkit-keyframes tip {
  0% {
    margin-top: 100px;
    opacity: 0;
  }
  20%,
  66% {
    margin-top: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tip {
  0% {
    margin-top: 100px;
    opacity: 0;
  }
  20%,
  66% {
    margin-top: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.alertBox {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 999;

  font-size: 1em !important;
}
.alertBox .msg {
  background: #fff;
  width: 76%;
  max-width: 512px;
  border-radius: 0.8em;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.msgTitle {
  font-size: 1em;
  line-height: 1.5;
  padding: 1.2em 0 1.2em 0;
  color: #000;
  text-align: center;
  width: 100%;
}
.msgTitle p {
  width: 84%;
  margin: 0 auto;
}
.msgTool {
  display: flex;
  border-top: 1px solid #e5e5e5;
}
.msgTool a {
  font-size: 1.1em;
  line-height: 2.4;
  padding-bottom: 0.4em;
  border-right: 1px solid #e5e5e5;
  color: #2f83e5;
  text-decoration: none;
  text-align: center;
}
.msgTool a:last-child {
  border-right: none;
}
.msgTn2 a {
  width: 50%;
}
.msgTn1 a {
  width: 100%;
}

.mp32 {
  padding: 1em;
}

.atu-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.atu-loading div {
  background: url(data:image/gif;base64,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);
  width: 128px;
  height: 128px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -64px 0 0 -64px;
}


.tipBox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  width: 100%;
  height: 100%;
}
.tipBox .tip {
  padding: 1em 2em;
  color: #fff;
  background: rgba(0, 0, 0, 0.85);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  animation: tip 2s forwards;
  -webkit-animation: tip 2s forwards;
  display: block;
  border-radius: 0.32em;
}
@-webkit-keyframes tip {
  0% {
    margin-top: 100px;
    opacity: 0;
  }
  20%,
  66% {
    margin-top: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tip {
  0% {
    margin-top: 100px;
    opacity: 0;
  }
  20%,
  66% {
    margin-top: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.alertBox {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 999;

  font-size: 1em !important;
}
.alertBox .msg {
  background: #fff;
  width: 76%;
  max-width: 512px;
  border-radius: 0.8em;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.msgTitle {
  font-size: 1em;
  line-height: 1.5;
  padding: 1.2em 0 1.2em 0;
  color: #000;
  text-align: center;
  width: 100%;
}
.msgTitle p {
  width: 84%;
  margin: 0 auto;
}
.msgTool {
  display: flex;
  border-top: 1px solid #e5e5e5;
}
.msgTool a {
  font-size: 1.1em;
  line-height: 2.4;
  padding-bottom: 0.4em;
  border-right: 1px solid #e5e5e5;
  color: #2f83e5;
  text-decoration: none;
  text-align: center;
}
.msgTool a:last-child {
  border-right: none;
}
.msgTn2 a {
  width: 50%;
}
.msgTn1 a {
  width: 100%;
}

.mp32 {
  padding: 1em;
}

.atu-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.atu-loading div {
  background: url(data:image/gif;base64,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);
  width: 128px;
  height: 128px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -64px 0 0 -64px;
}
.viewBox{ position: absolute; top:0;left:0; width: 1080px; height: 100%;}
.viewBox .title{ background: url(img/view.png); width: 287px; height: 59px;background-size: cover;
   margin:222px auto 40px auto; position: static; }

.ipx .viewBox .title{ width: 573px; height: 117px;margin:242px auto 40px auto; }
.ipxs .viewBox .title{ margin:160px auto 40px auto; }
.viewBox .btnCreat{  background: url(img/btnCreat2.png); width: 515px; height: 115px;
 position: absolute; bottom:102px;left:50%;margin-left:-257.5px;}
.viewBox .tip3{ background: url(img/tip3.png); width: 709px; height: 39px;
  position: absolute; bottom:250px; left:50%; margin-left:-354px;
}
.ipxs .viewBox .tip3{ bottom:190px;}
.ipxs .viewBox .btnCreat{ bottom:50px; }
.tip5{ background: url(img/tip5.png); width: 630px; height: 34px;
  position: absolute; bottom:250px; left:50%; margin-left:-315px; 
}
.ipx .tip5{ bottom: 320px;}
.editBox{ width: 750px; height:1333px; transform-origin: 0 0;-webkit-transform-origin: 0 0; 
  
  overflow: hidden; margin:0 0 0 166px; position: relative; }
.editBox .slogons,.preview .slogons{width: 750px; height:1333px;  position: absolute; top:0;left:0; z-index: 10; overflow: hidden;}
.editBox img,.preview img{ width: 100%;}
.editBox .mask,.preview .mask{ background: url(img/top.png);width: 750px; height:1333px; background-size: 100% 100%;
  position: absolute; top:0;left: 0; pointer-events: none;}
.preview .mask{ width: 1440px; height: 2560px;}
.preview .slogons{ width: 1440px; height: 2560px;}
.preview .slogons img{ width: 100%;}
.img4{position: absolute; top:150px;left:0px; 
    transform: scale(0.7); -webkit-transform: scale(0.7); z-index: 10; 
    
}
.endBox{ position:absolute; width: 100%; height: 100%;top:0;left:0;}
.endBox .title{ background:url(img/suc.png) ; width: 839px; height: 129px;margin:222px auto 40px auto; }

.k3{ background: url(img/k2.png?v=1.1); width: 813px; height:1250px ; 
  background-size: 100% 100%; z-index: 99999;top:380px;
  transform-origin: top center; -webkit-transform-origin: top center;
  transform: scale(0.8); -webkit-transform: scale(0.8)
}


.k3 img{ position: static; width: 610px; margin:90px auto; display: block;  height: 1080px; 
  object-fit: cover; 
   background: linear-gradient(90deg, #800801 25%, rgb(167, 13, 13) 37%, #800801 63%);
            background-size: 400% 100%;
            -webkit-animation: skeleton-bg-loading 1.4s ease infinite;
            animation: skeleton-bg-loading 1.4s ease infinite
}
@-webkit-keyframes skeleton-bg-loading {
    0% {background-position: 100% 50%}
    to {background-position: 0 50%}
}
@keyframes skeleton-bg-loading {
    0% {background-position: 100% 50%}
    to {background-position: 0 50%}
}
.ipxs .k3{top: 400px;transform: scale(0.9); -webkit-transform: scale(0.9)}
.ipx .k3{ top:420px;transform: scale(1); -webkit-transform: scale(1);}

.endBox .btnShare{ background: url(img/btnBuy.png); width: 421px;height: 118px; position: absolute; bottom: 50px;left: 70px; z-index: 999;}
.endBox .btnSave{ background: url(img/btnSAVE.png); width: 421px;height: 118px; position: absolute; bottom: 50px;right: 70px;z-index: 999;}

.endBox .btnAgin{ background: url(img/btnAgin.png); width: 421px;height: 118px; position: absolute; bottom: 50px;right: 70px;z-index: 999;}
.ipx .endBox .btnShare,.ipx .endBox .btnSave,.ipx .endBox .btnAgin{ bottom: 102px;}

.videoBox{ width: 870px; height: 1314px; position: absolute;
   top:50%;left:105px; margin-top: -600px;
  }
.videoBox video{ width: 100%; height: 100%; object-fit: cover;}
.creatTitle{ background: url(img/creat.png); width: 573px; height: 117px;
  position:absolute; top:50%;left:50%;margin:-240px 0 0 -286.5px;
  z-index: 100;
} 
.creatTip{ background: url(img/tip4.png?v=1);  width: 430px; height: 38px; 
  position: absolute;top:50%;left:50%;margin:50px 0 0 -215px;
  z-index: 100;
} 

.msgBox{ width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 1000;
  background: rgba(0,0,0,0.8);  display: none;
}
.msgBox .ruleTxt{ 
  background: url(img/rule.png); 
  width: 787px; height: 1511px; 
  position: absolute; top:50%; left:50%; margin:-756px 0 0 -393px; 
}
.msgBox .ruleTxt .btnClose{ width: 250px; height: 150px;
  position: absolute; bottom:-20px; right:-50px;
}
.btnRule{ background: url(img/btnRule.png) center center no-repeat; width: 320px;height:100px;
  position: absolute;bottom: 70px;left: 50%; margin-left: -160px; z-index: 100000;
  cursor: pointer;
}