/***************ÆóÒµÀñ°ü****************/
@media all and (orientation:portrait) {.ddz-gift-box {height:172px}
.warpper {bottom:-40px;height:200px}
.ddz-gift-box-next {height:172px}
.ddz-top-card {height:157px}
.ddz-gift-box-next h1 {margin-top:45%}
.Success {left:26%}
.fomer p.tips {margin-left:8%;width:82%}
}
@media all and (orientation:landscape) {.ddz-gift-box {height:17pc}
.warpper {bottom:-10px;height:300px}
.ddz-gift-box-next {height:17pc}
.ddz-top-card {height:200px}
.ddz-gift-box-next h1 {margin-top:36%}
.Success {left:37%}
.fomer p.tips {margin-left:8%;width:82%}
}
body {background:#f2f2f2}
* {text-decoration:none}
@media only screen and (min-width:320px) {body {font-size:11.5px!important}
.viewport {max-width:20pc}
.ddz-top-cards {position:absolute;width:100%;border-radius:15px;background:#fff;box-shadow:0 1px 3px #d9d9d9;top:47px}
}
@media only screen and (min-width:360px) {body {font-size:12.5px!important}
.viewport {max-width:360px}
.ddz-top-cards {position:absolute;width:100%;border-radius:15px;background:#fff;box-shadow:0 1px 3px #d9d9d9;top:40px}
}
@media only screen and (min-width:480px) {body {font-size:1pc!important}
.viewport {max-width:5in}
.ddz-top-cards {position:absolute;width:100%;border-radius:15px;background:#fff;box-shadow:0 1px 3px #d9d9d9;top:40px}
}
.ui-content {
    margin-top: 50px;
    margin-bottom: -19px;
}
.UP, .UPE {
    position: relative;
    overflow: visible;
    width: 100%;
    background: url(../img/ddz-gift-bg.png) no-repeat;
    background-size: cover;
    text-align: center;
}

.content {width:100%}
.contenter {margin-top:14%;width:100%}


.ddz-gift-box {
    float: left;
    display: block;
    margin-top: 4%;
    margin-left: 4%;
    width: 44%; height:222px;
    background: #fff;
    box-shadow: 0 1px 3px #d9d9d9;
    text-align: center;
}


.tops {
    margin-bottom: 15px;
    width: 100%;
    height: 5px;
}

.ddz-gift-box img {
    margin: 0 auto;
    margin-top: 10%;
}

.ddz-gift-box p.list-title {
    padding: 0 5px;
    padding-bottom: 5px;
}

.ddz-gift-box p b {
    color: #f39800;
    font-weight: 700;
    font-size: 160%;
}
.ddz-gift-box-next {
    float: left; height:222px;
    display: block;
    margin-top: 4%;
    margin-bottom: 15px;
    margin-left: 4%; padding-top:60px;
    width: 43%;
    border: 1px dashed #666;
    text-align: center;
}
.ddz-gift-box-next h1, h3 {
    color: #666;
    font-family: "΢ÈíÑźÚ";
}

.ddz-context {
    background: #fff;padding: 20px;
}

.UP img,.UPE img {margin:0 auto}
.UP,.UPE {position:relative;overflow:visible;width:100%;background:url(../img/ddz-gift-bg.png) no-repeat;background-size:cover;text-align:center}
.UPE {padding-top:30px;height:auto}
.UPE h3 {margin-bottom:15px;color:#fff;text-shadow:1px 1px 1px #999;font-weight:400;font-size:123%}
.UP h1,.UPE h1 {margin-top:3%;margin-bottom:9pt;color:#fff;text-shadow:1px 2px 1px #999;font-size:200%;line-height:128%}
.UP h3 {margin-bottom:15px;color:#fff;text-shadow:1px 1px 1px #999;font-weight:400;font-size:123%}
.ddz-top-card {position:relative;margin:0 auto;margin-left:15%;width:70%}
.ddz-top-card img {margin:0 atuo;margin-top:31px;margin-bottom:9pt;width:60%}
.ddz-top-card p {padding-bottom:12px;width:75%;margin:0 auto}
.ddz-top-card p b {color:#f39800;font-weight:700;font-size:150%}
.ddz-steps {width:100%}
.ddz-steps img {margin-left:15px}


.fomer img {width:90%}
.fomer p.tips {padding:10px 0 0;width:82%}


.fomer {margin:0 auto;width:91%}
.fomer h1 {color:#555;font-size:150%}
.fomer p {color:#777;line-height:20px}
.data-daily-image {width:90%}
.ddz-context h1 {font-size:155%}
.fomers {background:#fff}

#btn-submit {position:fixed;bottom:25px;left:7.5%;z-index:1002;display:block;margin-top:15px;padding:0 5px;width:85%;height:42px;border:1px solid #7de303;border-radius:5px;background:#7de303;color:#fff;font-weight:400;font-size:15px;font-family:"΢ÈíÑźÚ";line-height:18px}

.submit {position:fixed;bottom:0;width:100%;height:45px;background:#cc7;opacity:.2}
.submit1 {position:fixed;bottom:3px;display:block;margin-left:15%;width:70%;height:35px;border-radius:5px;background:#7ce303;color:#fff;text-align:center;line-height:35px;opacity:1}