@import url('css2.css');
:root {
    font-family: 'Noto Serif JP', serif;
}

body {
    margin: 0;
    background-color: #1b084f
}

html {
    -webkit-tap-highlight-color: transparent
}

a {
    text-decoration: none
}

input, button, textarea {
    color: inherit;
    font: inherit
}

a:focus, input:focus, button:focus, textarea:focus, [class*=van-]:focus {
    outline: none
}

.head{
    background-image: url(../image/head-4925b069.jpg);
    background-size: 100% 109.2vw;
    background-repeat: no-repeat
}

.head .title{
    color: #fff;
    text-align: center;
    padding-top: 9.33333vw;
    font-size: 3.73333vw
}

.head .title .zhang{
    color: #e0132b;
    font-size: 5.33333vw
}

.head .title .die{
    color: #30d166;
    font-size: 4.26667vw
}

.head .zdtitle{
    width: 87.46667vw;
    height: 14.13333vw;
    margin: auto;
    background-image: url(../image/zhangdie-23601cd3.png);
    background-size: 100% 100%;
    margin-top: 3.46667vw
}

.head .zhenduan{
    font-size: 7.73333vw;
    text-align: center;
    margin-top: 1.33333vw;
    color: #fff
}

.head .quan{
    width: 100vw;
    height: 100vw;
    background-image: url(../image/quan-689afaac.png);
    background-size: 100% 100%;
    position: absolute;
    top: 38.66667vw;
    z-index: 101
}

.head .quan-dong{
    width: 67.2vw;
    height: 67.2vw;
    background-image: url(../image/quandong-2cf3e874.png);
    background-size: 100% 100%;
    position: absolute;
    top: 55.06667vw;
    z-index: 100;
    left: calc(50% - 33.6vw);
    mix-blend-mode: color-dodge;
    -webkit-transform: rotate(360deg);

    animation: rotation 3s linear infinite;

    -moz-animation: rotation 3s linear infinite;

    -webkit-animation: rotation 3s linear infinite;

    -o-animation: rotation 3s linear infinite;
}

@-webkit-keyframes rotation {

    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }

}
.van-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2003;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7)
}

.head .quan-kong{
    height: 93.33333vw
}

.head .quan-input{
    margin: 0 13.33333vw;
    height: 12vw
}

.head .quan-input .van-cell{
    background: rgba(122, 122, 122, .4);
    border-radius: 1.33333vw;
    padding: 0;
    height: 12vw;
    line-height: 12vw
}

.head .quan-input input{
    background: rgba(122, 122, 122, .4);
    border-radius: 1.33333vw;
    padding: 0;
    height: 12vw;
    line-height: 12vw;
    outline: none;
    border: 1px solid #06F2FE;
    text-align: center;
    width: 100%;
    color: #fff
}

.head .quan-input input:focus {
    border: 1px solid #06F2FE
}

.head .quan-input .van-cell .van-field__control {
    color: #fff;
    text-align: center;
    font-size: 4.26667vw
}

.head .quan-input input::-webkit-input-placeholder {
    color: #06f2fe;
    text-align: center;
    font-size: 4.26667vw
}

.head .zhenduanbtn{
    width: 82.66667vw;
    height: 15.46667vw;
    margin: auto;
    background-image: url(../image/zhenduanbtn-2b1774d6.png);
    background-size: 82.66667vw 15.46667vw;
    margin-top: 4.8vw
}
.head .tip-text{
    text-align: center;
    color: #fcfefd;
    font-size: 1rem;
    margin-top: 2rem;
}
.head .quan-input-title{
    color: #f2e01c;
    margin-top: 8vw;
    margin-bottom: 5.33333vw;
    font-size: 4.53333vw;
    text-align: center
}

.head .body1{
    width: 90%;
    height:67vw;
    margin: auto;
    background-image: url(../image/1.png);
    background-size: 100% 100%;
    margin-top: 5.33333vw
}

.head .body2{
    padding: 0 30px 50px 30px;
    text-align: center;
    width: 85%;
    overflow: hidden;
    margin: auto;
    background-image: url(../image/2.png);
    background-size: 100% 100%;
    margin-top: 5.33333vw
}

.tr_text {
    height: 15vw;
    width: 15vw;
    padding: 6px 40px 5px 20px
}

table tr {
    height: 100px;
    animation: liMove calc(1.2s) infinite;
	border-color: #06F2FE;
}
th{
	font-weight:normal;
}

@keyframes liMove {
    0% {
        transform: translate(0, 0);
    }
    80%,
    100% {
        transform: translate(0, -158px);
    }
}

.head .body3{
    width: 93.73333vw;
    height: 52.6vw;
    margin: auto;
    background-image: url(https://jp.donieca.com/assets/3.png);
    background-size: 100% 100%;
    margin-top: 5.33333vw
}


.desc{
    width: 100%;
    color: #ffffffab;
    font-size: 17px;
    margin: 20% 0 auto;
}
.desc span{
    display: block;
}
.desc a{
    color: #ffffffab;
}

.popup-main{
    display: none;
    position: fixed;
    top: 30%;
    left: 12%;
    width: 77.86667vw;
    height: 71.06667vw;
    background-image: url(../image/popupmain-4ba6a9e7.png);
    background-size: 100% 100%;
    margin: auto;
    z-index: 1009;
}

.popup-main .popup-text1{
    color: #fff;
    font-size: 3rem;
    text-align: center;
    padding-top: 5%;
	margin: 5% 5%;
}

.popup-main .popup-text2{
    color: #fff;
    font-size: 3rem;
    text-align: center;
	margin: 5% 8%;
}
.popup-close {
    position:absolute;
	right: 5%;
	color: white;
	font-size: 5.86vw;
}
.popup-close:before {
    content: "×";
}

.popup-btn{
    width: 54.53333vw;
    height: 10.13333vw;
    background-image: url(../image/popup-input-btn-a47dece0.png);
    background-size: 100% 100%;
    margin: 4vw auto 0
}


.popup-err{
    position: fixed;
    height: 35.33333vw;
    left: 10%;
    top: 35%;
    display: none;
    z-index: 1009;
    background-image: url(https://jp.donieca.com/assets/popup-err-945bc9fc.png);
    background-size: 100% 100%
}
.popup-err1{
    position: fixed;
    text-align: center;
    display: none;
    height: 35.33333vw;
    left: 32%;
	top: 35%;
    z-index: 1009;
    background-size: 100% 100%
}
.popup-err2{
    display: none;
    font-size: 40px;
    color: white;
    position: fixed;
    text-align: center;
    height: 35.33333vw;
    left: 30%;
	top: 35%;
    z-index: 1009;
    background-size: 100% 100%
}

.popup-err .popup-err-text {
    text-align: center;
    color: #fff;
    padding-top: 4vw;
    font-size: 5.33333vw
}

.popup-err .popup-err-text span {
    color: #f13b37
}

.popup-err .popup-err-btn {
    display: flex;
    margin: 5.33333vw 12vw 0;
    justify-content: space-between
}

.popup-err .popup-err-btn1 {
    width: 26.66667vw;
    height: 8vw;
    line-height: 8vw;
    background-color: #8fa4b7;
    border-radius: 4vw;
    font-size: 3.73333vw;
    color: #fff;
    text-align: center;
    margin-right: 30px;
}

.popup-err .popup-err-btn2 {
    width: 26.66667vw;
    height: 8vw;
    line-height: 8vw;
    background-color: #f13b37;
    border-radius: 4vw;
    font-size: 3.73333vw;
    color: #fff;
    text-align: center
}

.popup-err .popup-err-btn3{
    width: 26.66667vw;
    height: 8vw;
    line-height: 8vw;
    background-color: #f13b37;
    border-radius: 4vw;
    font-size: 3.73333vw;
    color: #fff;
    text-align: center;
    margin: 2.66667vw auto 0
}
.base-progress {
    margin-top: 20px;
    position: relative;
    width: 400px;
    height: 54px;
    border: 1px solid #2eb5ec;
}

.base-progress .active-progress {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 400px;
    height: 54px;
    background: repeating-linear-gradient(90deg, #1561b5, #1561b5 10px, white 10px, white 20px);
    background-size: 15px 54px;
    animation: progressAnimation 1s linear infinite;
}

@keyframes progressAnimation {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 28px 0;
    }
}