@charset "UTF-8";
/*公共样式*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd, a, img, textarea, input, span, button {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
}

img, div {
    display: block;
    border: none;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow-x: hidden;
    overflow-y: hidden;
}

body {
    color: #fff;
    font-size: 12px;
    font-family: "微软雅黑", "宋体", "黑体", "Arial";
}

h2, h1, h3, h4, h5, strong, b, i, em {
    font-weight: normal;
    /* font-size:12px ; */
    font-style: normal;
}

a {
    text-decoration: none;
    color: inherit;
}

input, textarea {
    font-family: 'font-family';
    border: none;
    outline: none;
    font-size: 12px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #aaa;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #aaa;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #aaa;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #aaa;
}

.scale-animate {
    -webkit-animation: scaleAnimate 1s linear infinite;
    -o-animation: scaleAnimate 1s linear infinite;
    animation: scaleAnimate 1s linear infinite;
}

@-webkit-keyframes scaleAnimate {
    0%, 100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes scaleAnimate {
    0%, 100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.leftRight-animate {
    -webkit-animation: leftRightMove 1s linear infinite;
    -o-animation: leftRightMove 1s linear infinite;
    animation: leftRightMove 1s linear infinite;
}

@-webkit-keyframes leftRightMove {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    80% {
        -webkit-transform: translate3d(10%, 0, 0);
        -moz-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        -o-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}

@keyframes leftRightMove {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    80% {
        -webkit-transform: translate3d(10%, 0, 0);
        -moz-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        -o-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}

.move-animate {
    -webkit-animation: moveAnimate 1s linear infinite;
    -o-animation: moveAnimate 1s linear infinite;
    animation: moveAnimate 1s linear infinite;
}

@-webkit-keyframes moveAnimate {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(0, 10%, 0);
        -moz-transform: translate3d(0, 10%, 0);
        -ms-transform: translate3d(0, 10%, 0);
        -o-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
}

@keyframes moveAnimate {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(0, 10%, 0);
        -moz-transform: translate3d(0, 10%, 0);
        -ms-transform: translate3d(0, 10%, 0);
        -o-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
}

.move-oblique {
    -webkit-animation: oblique 2s linear infinite;
    -o-animation: oblique 2s linear infinite;
    animation: oblique 2s linear infinite;
}

@keyframes oblique {
    50% {
        -webkit-transform: translate3d(10%, -25%, 0);
        -moz-transform: translate3d(10%, -25%, 0);
        -ms-transform: translate3d(10%, -25%, 0);
        -o-transform: translate3d(10%, -25%, 0);
        transform: translate3d(10%, -25%, 0);
    }
}

@-webkit-keyframes oblique {
    50% {
        -webkit-transform: translate3d(10%, -25%, 0);
        -moz-transform: translate3d(10%, -25%, 0);
        -ms-transform: translate3d(10%, -25%, 0);
        -o-transform: translate3d(10%, -25%, 0);
        transform: translate3d(10%, -25%, 0);
    }
}

/*闪动*/
.lighting-animate {
    -webkit-animation: lightingAnimate 0.6s linear infinite;
    -o-animation: lightingAnimate 0.6s linear infinite;
    animation: lightingAnimate 0.6s linear infinite;
}

@keyframes lightingAnimate {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

@-webkit-keyframes lightingAnimate {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.seal-animate {
    -webkit-animation: sealAnimate 0.1s linear forwards;
    -o-animation: sealAnimate 0.1s linear forwards;
    animation: sealAnimate 0.1s linear forwards;
}

@keyframes sealAnimate {
    0% {
        opacity: 0;
        -webkit-transform: scale(10);
        -moz-transform: scale(10);
        -ms-transform: scale(10);
        -o-transform: scale(10);
        transform: scale(10);
    }
    1% {
        opacity: 1;
        -webkit-transform: scale(10);
        -moz-transform: scale(10);
        -ms-transform: scale(10);
        -o-transform: scale(10);
        transform: scale(10);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes sealAnimate {
    0% {
        opacity: 0;
        -webkit-transform: scale(10);
        -moz-transform: scale(10);
        -ms-transform: scale(10);
        -o-transform: scale(10);
        transform: scale(10);
    }
    1% {
        opacity: 1;
        -webkit-transform: scale(10);
        -moz-transform: scale(10);
        -ms-transform: scale(10);
        -o-transform: scale(10);
        transform: scale(10);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.bigbig-animate {
    -webkit-animation: bigAnimate 0.6s linear forwards;
    -o-animation: bigAnimate 0.6s linear forwards;
    animation: bigAnimate 0.6s linear forwards;
}

@keyframes bigAnimate {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes bigAnimate {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.dandelion-animate {
    -webkit-animation: dandelionAnimate 4s linear infinite;
    -o-animation: dandelionAnimate 4s linear infinite;
    animation: dandelionAnimate 4s linear infinite;
}

@-webkit-keyframes dandelionAnimate {
    0%, 100% {
        opacity: 0.2;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translate3d(100%, -25%, 0);
        -moz-transform: translate3d(100%, -25%, 0);
        transform: translate3d(100%, -25%, 0);
    }
    40% {
        opacity: 1;
        -webkit-transform: translate3d(200%, 0, 0);
        -moz-transform: translate3d(200%, 0, 0);
        transform: translate3d(200%, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(300%, -35%, 20px);
        -moz-transform: translate3d(300%, -35%, 20px);
        transform: translate3d(300%, -35%, 20px);
    }
    80% {
        opacity: 1;
        -webkit-transform: translate3d(400%, 0, 5px);
        -moz-transform: translate3d(400%, 0, 5px);
        -ms-transform: translate3d(400%, 0, 5px);
        transform: translate3d(400%, 0, 5px);
    }
    99.99% {
        opacity: 0;
        -webkit-transform: translate3d(560%, -40%, 0);
        -moz-transform: translate3d(560%, -40%, 0);
        transform: translate3d(560%, -40%, 0);
    }
}

@keyframes dandelionAnimate {
    0%, 100% {
        opacity: 0.2;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translate3d(100%, -25%, 0);
        -moz-transform: translate3d(100%, -25%, 0);
        transform: translate3d(100%, -25%, 0);
    }
    40% {
        opacity: 1;
        -webkit-transform: translate3d(200%, 0, 0);
        -moz-transform: translate3d(200%, 0, 0);
        transform: translate3d(200%, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(300%, -35%, 20px);
        -moz-transform: translate3d(300%, -35%, 20px);
        transform: translate3d(300%, -35%, 20px);
    }
    80% {
        opacity: 1;
        -webkit-transform: translate3d(400%, 0, 5px);
        -moz-transform: translate3d(400%, 0, 5px);
        -ms-transform: translate3d(400%, 0, 5px);
        transform: translate3d(400%, 0, 5px);
    }
    99.99% {
        opacity: 0;
        -webkit-transform: translate3d(560%, -40%, 0);
        -moz-transform: translate3d(560%, -40%, 0);
        transform: translate3d(560%, -40%, 0);
    }
}

.rotate-animate {
    -webkit-animation: rotateAnimate 1s linear infinite;
    -o-animation: rotateAnimate 1s linear infinite;
    animation: rotateAnimate 1s linear infinite;
}

@keyframes rotateAnimate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateAnimate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.hiha-shake {
    -webkit-animation: hihaShake 1s linear infinite;
    -o-animation: hihaShake 1s linear infinite;
    animation: hihaShake 1s linear infinite;
    -webkit-transform-origin: 50% 90%;
    -moz-transform-origin: 50% 90%;
    -ms-transform-origin: 50% 90%;
    -o-transform-origin: 50% 90%;
    transform-origin: 50% 90%;
    opacity: 1;
}

@-webkit-keyframes hihaShake {
    0%, 25%, 45%, 100% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    15% {
        opacity: 1;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    35% {
        opacity: 1;
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }
}

@keyframes hihaShake {
    0%, 25%, 45%, 100% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    15% {
        opacity: 1;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    35% {
        opacity: 1;
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }
}

.swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
}

ul::-webkit-scrollbar {
    width: 0.2rem;
    height: 0.2rem;
}

ul::-webkit-scrollbar-thumb {
    width: 0.2rem;
    height: 0.2rem;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #ddd;
}

ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.hide {
    display: none;
}

.showCss {
    display: block !important;
}

.clear:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.overflowDot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overflowMoreLine {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.loadPage, .video-popup, .homePage, .upPage, .savePage, .verifyPage, .pricePage, .writePage, .getSuccess {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.loadPage {
}

.loadPage .load-icon {
    position: absolute;
    width: 30%;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.loadPage .load-text1 {
    position: absolute;
    width: 71%;
    top: 53%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.loadPage .load-btn {
    position: absolute;
    width: 38%;
    top: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.open_hand {
    width: 28%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 60%;
}

.loadPage .load-text2 {
    position: absolute;
    width: 62%;
    left: 5%;
    bottom: 2%;
}

.logo {
    position: absolute;
    width: 100%;
    top: 2%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.video-popup {
    z-index: 99;
}

.video-popup #video1 {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    /* object-fit: cover; */
}

.homePage .home-fire1 {
    position: absolute;
    width: 85%;
    top: 2%;
    left: -17%;
}

.homePage .home-fire2 {
    position: absolute;
    width: 44%;
    top: 66%;
    right: -16%;
}

.homePage .home-frame {
    position: absolute;
    width: 78%;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.homePage .home-frame img:nth-child(2) {
    position: absolute;
    width: 55%;
    top: -12%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.homePage .home-bottom {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}

.homePage .home-animateUp {
    -webkit-animation: homeUp .5s linear forwards;
    -o-animation: homeUp .5s linear forwards;
    animation: homeUp .5s linear forwards;
}

@-webkit-keyframes homeUp {
    0% {
        -webkit-transform: translate3d(0, 1000px, 0);
        -moz-transform: translate3d(0, 1000px, 0);
        -ms-transform: translate3d(0, 1000px, 0);
        -o-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes homeUp {
    0% {
        -webkit-transform: translate3d(0, 1000px, 0);
        -moz-transform: translate3d(0, 1000px, 0);
        -ms-transform: translate3d(0, 1000px, 0);
        -o-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.homePage .home-animate {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -2%;
}

.homePage .home-animate .home-animateIcon {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
}

.homePage .home-animate .home-animateIcon img:nth-child(1) {
    position: absolute;
    width: 20%;
    top: 18%;
    left: 13%;
    z-index: 2;
    -webkit-animation: floatMove 3s linear infinite;
    -o-animation: floatMove 3s linear infinite;
    animation: floatMove 3s linear infinite;
}

@-webkit-keyframes floatMove {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(10%, -10%, 0);
        transform: translate3d(10%, -10%, 0);
    }
}

@keyframes floatMove {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(10%, -10%, 0);
        transform: translate3d(10%, -10%, 0);
    }
}

.homePage .home-animate .home-animateIcon img:nth-child(2) {
    position: absolute;
    width: 9%;
    top: 50%;
    left: 64%;
    -webkit-animation: floatMove2 5s linear infinite;
    -o-animation: floatMove2 5s linear infinite;
    animation: floatMove2 5s linear infinite;
}

@-webkit-keyframes floatMove2 {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(20%, -10%, 0);
        transform: translate3d(20%, -10%, 0);
    }
}

@keyframes floatMove2 {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(20%, -10%, 0);
        transform: translate3d(20%, -10%, 0);
    }
}

.homePage .home-animate .home-animateIcon img:nth-child(3) {
    position: absolute;
    width: 12%;
    top: 57%;
    left: 25%;
}

.homePage .home-animate .home-animateIcon img:nth-child(4) {
    position: absolute;
    width: 20%;
    top: 29%;
    left: 3%;
    -webkit-animation: springAnimate 3s linear infinite;
    -o-animation: springAnimate 3s linear infinite;
    animation: springAnimate 3s linear infinite;
    -webkit-transform-origin: 60% 0;
    transform-origin: 60% 0;
}

@-webkit-keyframes springAnimate {
    0%, 50%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25%, 75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
}

@keyframes springAnimate {
    0%, 50%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25%, 75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
}

.homePage .home-animate .home-animateIcon img:nth-child(5) {
    position: absolute;
    width: 25%;
    top: 8%;
    right: 2%;
    -webkit-animation: springAnimate 4s linear infinite;
    -o-animation: springAnimate 4s linear infinite;
    animation: springAnimate 4s linear infinite;
    -webkit-transform-origin: 40% 0;
    transform-origin: 40% 0;
}

.homePage .home-btn {
    position: absolute;
    width: 67%;
    top: 75%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
}

.homePage .home-btn img:nth-child(2) {
    position: absolute;
    width: 16%;
    top: 17%;
    right: 27%;
}

.homePage .home-rule {
    position: absolute;
    width: 15%;
    right: 6%;
    bottom: 3%;
}

.upPage .up-main {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}

.upPage .up-main .up-mainUser {
    position: absolute;
    width: 100%;
    top: 5.6rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.upPage .up-main .up-mainBox {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.upPage .up-hand {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
}

.upPage .up-popup {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.upPage .up-popup .up-popupBox {
    position: absolute;
    width: 45%;
    top: 28%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.upPage .up-popup .up-popupBox img:nth-child(2) {
    position: absolute;
    width: 40%;
    top: 18%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.upPage .up-popup .up-popupBox input {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    opacity: 0;
}

.upPage .up-back {
    position: absolute;
    width: 18%;
    top: 3%;
    left: 5%;
}

.upPage .up-bottom {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: rgba(255, 255, 255, 0.1);
}

.upPage .up-bottom .up-swiper {
    position: absolute;
    width: 100%;
    top: 8%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 7.8rem;
}

.upPage .up-bottom .up-swiper .swiper-wrapper {
    width: 100%;
}

.upPage .up-bottom .up-swiper .swiper-wrapper .swiper-slide {
    width: 27%;
    box-sizing: border-box;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    border-radius: .6rem;
}

.upPage .up-bottom .up-bottomButton {
    position: absolute;
    width: 75%;
    top: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.upPage .up-bottom .up-bottomButton .up-bottomButton1 {
    position: absolute;
    width: 43%;
    top: 0%;
    left: 0%;
}

.upPage .up-bottom .up-bottomButton .up-bottomButton1 input {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.upPage .up-bottom .up-bottomButton .up-bottomButton2 {
    position: absolute;
    width: 43%;
    top: 0%;
    right: 0;
}

.up_hand {
    width: 20%;
    position: absolute;
    left: 84%;
    right: 0;
    margin: 0 auto;
    top: 45%;
}

.diyPage {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #73c3f6;
    position: fixed;
    height: 100%;
    /*  opacity:0.5; */
}

.diyPage .diy-back {
    position: absolute;
    width: 18%;
    top: 3%;
    left: 5%;
}

.diyPage .diy-finish {
    position: absolute;
    width: 18%;
    top: 3%;
    right: 5%;
}

.diyPage .diy-user {
    position: absolute;
    width: 92%;
    top: 5.5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.diyPage .diy-frame {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.diyPage .diy-userShowBox {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.diyPage .diy-main {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
}

.diyPage .diy-main .diy-goods {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 5.6rem;
    height: 40.7rem;
    overflow: hidden;
}

.diyPage .diy-main .diy-goods .diy-user {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.diyPage .diy-main .diy-goods .diy-frame2 {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.diyPage .diy-main .diy-goods .diy-goodsBox {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
}

.diyPage .diy-main .diy-goods .diy-goodsBox .diy-goodsBoxClick {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.diyPage .diy-main .diy-goods .diy-goodsBox .diy-goodsCap1 {
    position: absolute;
    width: 81.8%;
    top: 7.95rem;
    left: 8.2%;
}

.diyPage .diy-main .diy-goods .diy-goodsBox .diy-goodsCap2 {
    position: absolute;
    width: 80.5%;
    top: 4.6rem;
    left: 10.1%;
}

.diyPage .diy-main .diy-goods .diy-goodsBox .diy-goodsCap3 {
    position: absolute;
    width: 75%;
    top: 9.7rem;
    left: 1%;
}

.diyPage .diy-main .diy-goods .diy-goodsBox .diy-goodsCap4 {
    position: absolute;
    width: 77.5%;
    top: 9.4rem;
    left: 11.2%;
}

.diyPage .diy-main .diy-goods .diy-goodsBox .diy-goodsCap5 {
    position: absolute;
    width: 74.8%;
    top: 10.5rem;
    left: 8.8%;
}

.diyPage .diy-main .diy-goods .diy-goodsBox .diy-goodsCap6 {
    position: absolute;
    width: 77%;
    top: 3.5rem;
    left: 7.5%;
}

.diyPage .diy-main .diy-goods .diy-goodsBox .goodsCap-remove {
    position: absolute;
    color: #555;
    font-size: 1.4rem;
    top: -1rem;
    right: -0.5rem;
    display: none;
}

.diyPage .diy-main .diy-goods .diy-goodsBox .diy-goodsSpring {
    position: absolute;
    width: 18%;
    top: 19rem;
    left: 3%;
}

.diyPage .diy-main .diy-goods .diy-goodsBox .diy-goodsAdronDefault {
    position: absolute;
    width: 20%;
    top: 20.2rem;
    left: 41%;
}

.diyPage .diy-main .diy-goods .diy-goodsBox .diy-goodsAdron {
    position: absolute;
    width: 30%;
    top: 30rem;
    left: 3%;
}

.diyPage .diy-main .diy-goods .diy-goodsBody1 {
    position: absolute;
    width: 44.5%;
    top: 17.5rem;
    left: 28%;
}

.diyPage .diy-main .diy-goods .diy-goodsBody2 {
    position: absolute;
    width: 49%;
    top: 20.5rem;
    left: 26.3%;
}
.diy-goodsBody3 {
    position: absolute;
    width: 49%;
    top: 20.7rem;
    left: 26.3%;
}
 .diy-goodsBody4 {
     position: absolute;
     width: 49%;
     top: 20.9rem;
     left: 26.1%;
}

.diy-goodsBody5 {
    position: absolute;
    width: 49%;
    top: 20.7rem;
    left: 26.5%;
}
 .diy-goodsBody6{
    position: absolute;
    width: 49%;
    top: 20.9rem;
    left: 26.5%;
}

.diyPage .diy-main .diy-frameLeft {
    position: absolute;
    width: 3.6%;
    top: 0;
    left: 0;
    z-index: 9999;
}

.diyPage .diy-main .diy-frameRight {
    position: absolute;
    width: 3.6%;
    top: 0;
    right: 0;
    z-index: 9999;
}

.diyPage .diy-bottom {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: #73c3f6;
    z-index: 9999;
}

.diyPage .diy-bottom .diy-bottomNav {
    position: relative;
    width: 100%;
    margin-bottom: .2rem;
}

.diyPage .diy-bottom .diy-bottomNav ul {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.diyPage .diy-bottom .diy-bottomNav ul li {
    width: 24%;
    margin-left: 4.5%;
    padding: 0.4% 0;
}

.diy-bottomNavBg {
    background: #5eb9f1;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    background: -webkit-radial-gradient(#ffffff 2%, #84caf7 45%, #55b4ef 100%); /* Safari 5.1 - 6.0 */
    background: radial-gradient(#ffffff 2%, #84caf7 45%, #55b4ef 100%); /* 标准的语法（必须放在最后） */
}

.diyPage .diy-bottom .diy-bottomNav .diy-bottomKindDown {
    position: absolute;
    width: 6%;
    top: 15%;
    right: 3%;
}

.diyPage .diy-bottom .diy-capTab, .diyPage .diy-bottom .diy-springTab {
    position: relative;
    width: 99%;
    margin: 0 auto;
    margin-bottom: .4rem;
}

.diyPage .diy-bottom .diy-capTab li, .diyPage .diy-bottom .diy-springTab li {
    width: 19%;
    float: left;
    margin-left: .27rem;
    margin-top: .25rem;
    box-sizing: border-box;
    height: 4.75rem;
}

.diyPage .diy-bottom .diy-capTab li img, .diyPage .diy-bottom .diy-springTab li img {
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    box-sizing: border-box;
}

.diyPage .diy-bottom .diy-bottomSwiper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: .4rem;
}

.diyPage .diy-bottom .diy-bottomSwiper .diy-bottomWrapper {
    width: 100%;
}

.diyPage .diy-bottom .diy-bottomSwiper .diy-bottomWrapper .swiper-slide {
    width: 100%;
}

.diyPage .diy-bottom .diy-bottomSwiper .diy-bottomWrapper .swiper-slide ul {
    width: 99%;
    margin: 0 auto;
}

.diyPage .diy-bottom .diy-bottomSwiper .diy-bottomWrapper .swiper-slide ul li {
    width: 19%;
    box-sizing: border-box;
    float: left;
    margin-left: .27rem;
    margin-top: .25rem;
    height: 4.75rem;
}

.diyPage .diy-bottom .diy-bottomSwiper .diy-bottomWrapper .swiper-slide ul li img {
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    box-sizing: border-box;
}

.cutLoad {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

.cutLoad img:nth-child(1) {
    position: absolute;
    width: 22%;
    top: 35%;
    left: -20%;
}

.cutLoad img:nth-child(2) {
    position: absolute;
    width: 60%;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.cutPage {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    z-index: -1;
    opacity: 0;
    overflow: hidden;
}

.cutPage .cutMain {
    position: absolute;
    width: 100%;
    top: 5.6rem;
    left: 0;
    right: 0;
    margin: 0 auto;

}

.cutPage .cutMain .cutMain-box {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.cutPage .cutMain .cut-cap {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
}

.cutPage .cutMain .cut-logo {
    position: absolute;
    width: 80%;
    top: 1%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
}

.cutPage .cutMain .diy-goodsCap1 {
    position: absolute;
    width: 81.8%;
    top: 7.95rem;
    left: 8.2%;
}

.cutPage .cutMain .diy-goodsCap2 {
    position: absolute;
    width: 81.3%;
    top: 4.5rem;
    left: 9.7%;
}

.cutPage .cutMain .diy-goodsCap3 {
    position: absolute;
    width: 75%;
    top: 9.2rem;
    left: 1%;
}

.cutPage .cutMain .diy-goodsCap4 {
    position: absolute;
    width: 77.5%;
    top: 9.4rem;
    left: 11.2%;
}

.cutPage .cutMain .diy-goodsCap5 {
    position: absolute;
    width: 76%;
    top: 10.5rem;
    left: 8%;
}

.cutPage .cutMain .diy-goodsCap6 {
    position: absolute;
    width: 77%;
    top: 3.5rem;
    left: 7.5%;
}

.cutPage .cutMain .diy-goodsBody1 {
    position: absolute;
    width: 45.5%;
    top: 17.5rem;
    left: 27.8%;
}

.cutPage .cutMain .diy-goodsBody2 {
    position: absolute;
    width: 49%;
    top: 20.5rem;
    left: 26.3%;
}

.cutPage .cutMain .diy-goodsSpring {
    position: absolute;
    width: 18%;
    top: 19rem;
    left: 3%;
}

.cutPage .cutMain .diy-goodsAdronDefault {
    position: absolute;
    width: 20%;
    top: 20rem;
    left: 41%;
}

.cutPage .cutMain .diy-goodsAdron {
    position: absolute;
    width: 30%;
    top: 30rem;
    left: 3%;
}

.cut-bottom {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
}

/*.cutPage .cutMain .cut-bottom .cut-code {*/
    /*position: absolute;*/
    /*width: 20%;*/
    /*top: -40%;*/
    /*right: 24%;*/
    /*z-index: 9999;*/
/*}*/

.cutPage .cutMain .cut-bottom .cut-product {
    position: absolute;
    width: 25%;
    top: -30%;
    right: 1%;
    z-index: 9999;
}
.cutPage .cutMain .cut-bottom .cut-code {
    position: absolute;
    width: 28%;
    top: -64%;
    right: 24%;
    z-index: 9999;
}

.savePage .save-frame {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.savePage .save-back {
    position: absolute;
    width: 20%;
    top: 3%;
    left: 5%;
}

.savePage .save-finish {
    position: absolute;
    width: 20%;
    top: 3%;
    right: 5%;
}

.savePage .save-main {
    position: absolute;
    width: 77%;
    top: 6.3rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 32.5rem;
    box-sizing: border-box;
}

.savePage .save-main .save-MainImg {
    position: absolute;
    width: 93%;
    top: 0.95rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.savePage .save-hint {
    position: absolute;
    width: 75%;
    top: 79%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.savePage .save-btn {
    position: absolute;
    width: 80%;
    top: 88%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.savePage .save-btn .save-btn1 {
    position: absolute;
    width: 48%;
    top: 0;
    left: 0;
}

.savePage .save-btn .save-btn2 {
    position: absolute;
    width: 38%;
    top: 0;
    right: 0;
}

.rule-popup {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.8);
}

.rule-popup .rule-box {
    position: absolute;
    width: 80%;
    top: 11%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.rule-popup .rule-box .rule-popupClose {
    position: absolute;
    width: 6%;
    top: -5%;
    right: 1%;
}

.get-popup {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
}

.get-popup .get-box {
    position: absolute;
    width: 100%;
    top: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.get-popup .get-box .get-popupText {
    position: absolute;
    width: 70%;
    top: 34%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.get-popup .get-box .get-popupClose {
    position: absolute;
    width: 5.5%;
    top: 21%;
    right: 13%;
}

.get-popup .get-box .get-btn {
    position: absolute;
    width: 35%;
    top: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.verifyPage .verify-container {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
}

.verifyPage .verify-container .verify-back {
    position: absolute;
    width: 17%;
    top: 2%;
    left: 5%;
}

.verifyPage .verify-container .verify-title {
    /* position: absolute; */
    width: 75%;

    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 7%;
}

.verifyPage .verify-container .verify-phone {
    position: relative;
    width: 83%;
    /* margin-top: 33%; */
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 6%;
}

.verifyPage .verify-container .verify-phone .verify-phoneBg {
    float: left;
    width: 76%;
}

.verifyPage .verify-container .verify-phone input {
    position: absolute;
    width: 50%;
    top: 0%;
    left: 24%;
    height: 2.2rem;
    background: rgba(0, 0, 0, 0);
}

.verifyPage .verify-container .verify-phone .verify-send {
    /* position: absolute; */
    position: relative;
    width: 20%;
    top: 0%;
    right: 0%;
    float: right;
}

.verify-send .verify-sendPopup {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.verify-send .verify-sendPopup p{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    line-height: 2.5rem;
}

.verifyPage .verify-container .verify-code {
    position: relative;
    width: 83%;
    /* top: 40.5%; */
    /* left: 0; */
    /* right: 0; */
    margin: 0 auto;
    margin-top: 5%;
    overflow: hidden;
}

.verifyPage .verify-container .verify-code .verify-codeBg {
    width: 65%;
    top: 0%;
    left: 0%;
    float: left;
}

.verifyPage .verify-container .verify-code input {
    position: absolute;
    width: 40%;
    top: 0%;
    left: 24%;
    height: 2.2rem;
    background: rgba(0, 0, 0, 0);
}

.verifyPage .verify-container .verify-code .verify-sendAgain {
    /* position: absolute; */
    width: 30%;
    top: 0%;
    right: 0%;
    float: right;
}

.verifyPage .verify-container .verify-btn {
    /* position: absolute; */
    width: 33%;
    top: 48.5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 99;
    margin-top: 7%;
}

.verifyPage .verify-container .verify-bottom {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 1rem;
    bottom: -2%;
}

.verifyPage .verify-container .verify-rule {
    position: absolute;
    width: 21%;
    bottom: 2%;
    right: 2%;
}

.getYet-popup {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
}

.getYet-popup .getYet-box {
    position: absolute;
    width: 100%;
    top: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.getYet-popup .getYet-box .getYet-popupText {
    position: absolute;
    width: 60%;
    top: 38%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.getYet-popup .getYet-box .getYet-popupClose {
    position: absolute;
    width: 5.5%;
    top: 21%;
    right: 13%;
}

.getYet-popup .getYet-box .getYet-btn {
    position: absolute;
    width: 35%;
    top: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.pricePage .price-logo {
    position: absolute;
    width: 100%;
    top: 1%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.pricePage .price-main {
    position: absolute;
    width: 100%;
    top: 17%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.pricePage .price-btn {
    position: absolute;
    width: 40%;
    top: 75%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.pricePage .price-text {
    position: absolute;
    width: 100%;
    top: 87%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.writePage .write-container {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
}

.writePage .write-container .write-logo {
    position: absolute;
    width: 100%;
    top: 1%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.writePage .write-container .write-title {
    position: absolute;
    width: 80%;
    top: 18%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.writePage2 .write-container .write-title {
    width: 83%;
    top: 25%;
}

.writePage .write-container .write-name {
    position: absolute;
    width: 80%;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.writePage2 .write-container .write-name {
    top: 47.5%;
}

.writePage .write-container .write-name input {
    position: absolute;
    width: 65%;
    top: 0;
    height: 100%;
    right: 1%;
    box-sizing: border-box;
    font-size: 2rem;
    background: rgba(0, 0, 0, 0);
}

.writePage .write-container .write-phone {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.writePage2 .write-container .write-phone {
    top: 57%;
}

.writePage .write-container .write-phone input {
    position: absolute;
    width: 65%;
    top: 0;
    height: 100%;
    right: 1%;
    box-sizing: border-box;
    font-size: 2rem;
    background: rgba(0, 0, 0, 0);
}

.writePage .write-container .write-site {
    position: absolute;
    width: 80%;
    top: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.writePage .write-container .write-site textarea {
    position: absolute;
    width: 97%;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 68%;
    font-size: 1rem;
    box-sizing: border-box;
    padding: 1%;
}

.writePage .write-container .write-btn {
    position: absolute;
    width: 73%;
    top: 86%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.writePage .write-container .write-btn .write-btn1 {
    position: absolute;
    width: 45%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.write2-btn1 {
    position: absolute;
    width: 30.5%;
    left: 13%;
    top: 82%;
}

.write2-btn2 {
    position: absolute;
    width: 30.5%;
    right: 13%;
    top: 82%;
}

.getSuccess .getSuccess-logo {
    position: absolute;
    width: 100%;
    top: 1%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.getSuccess .getSuccess-text {
    position: absolute;
    width: 100%;
    top: 17%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.getSuccess .getSuccess-text .getSuccess-code {
    position: absolute;
    width: 38%;
    top: 62%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.getSuccess .getSuccess-btn {
    position: absolute;
    width: 75%;
    top: 66%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.getSuccess .getSuccess-btn .getSuccess-btn1 {
    position: absolute;
    width: 45%;
    top: 0;
    left: 0;
}

.getSuccess .getSuccess-btn .getSuccess-btn1 a {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
}

.getSuccess .getSuccess-btn .getSuccess-btn2 {
    position: absolute;
    width: 45%;
    top: 0;
    right: 0;
}

.getSuccess .getSuccess-text2 {
    position: absolute;
    width: 60%;
    top: 74%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.getSuccess .getSuccess-icon {
    position: absolute;
    width: 28%;
    top: 80%;
    right: 7%;
}

.share-popup {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.8);
}

.share-popup img:nth-child(1) {
    position: absolute;
    width: 20%;
    top: 3%;
    right: 4%;
}

.share-popup img:nth-child(2) {
    position: absolute;
    width: 65%;
    top: 12%;
    left: 0;
    right: 0;
    margin: 0 auto;
    right: 8%;
}

.write-popup {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    box-sizing: border-box;
}

.upload-popup {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    box-sizing: border-box;
}

.upload-popup .con {
    width: 100%;
    position: absolute;
    left: 0;
    top: 12%;
}

.upload_tips_ok {
    width: 34%;
    position: absolute;
    left: 33%;
    top: 56%;
}

.upload_tips_close {
    width: 10%;
    position: absolute;
    left: 80%;
    top: 20%;
}

.write-popup .write-popup-box {
    position: absolute;
    width: 65%;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 1.2rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    z-index: 99999;
    padding-top: 1.5rem;
}

.write-popup .write-popup-box :nth-child(1) {
    width: 90%;
    margin: 0 auto;
    line-height: 2.5rem;
    letter-spacing: 0.1rem;
    font-size: 1.3rem;
}

.write-popup .write-popup-box :nth-child(2) {
    height: 3.5rem;
    line-height: 3.5rem;
    border-top: 1px solid #aaa;
    margin-top: 8%;
    letter-spacing: 0.3rem;
    color: #0092e9;
}

.cutMain-userImg {
    margin-top: 6.5rem;
}

.startBtn {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 72%;
    height: 7rem;
}

.ruleBtn {
    position: absolute;
    width: 26%;
    right: 0%;
    top: 88%;
    height: 4rem;
}

.diy-goodsBox .edit {
    border: 1px dashed rgba(0, 0, 0, 0.5);
}

.jiange_line {
    width: 93%;
    position: absolute;
    left: 4%;
    top: 12%;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
    z-index: 2;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    font-size: 1rem;
    line-height: 1.1rem;
    padding-bottom: 1%;
}

@-webkit-keyframes antips {
    0% {
        -webkit-transform: scale3d(1.25, 1.25, 1.25);
        transform: scale3d(1.25, 1.25, 1.25);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.antips {
    -webkit-animation: antips 1s infinite;
    animation: antips 1s infinite;
}

.home_ani {
    height: 100%;
    object-fit: cover;
}

/*# sourceMappingURL=index.css.map */