.top-banner{background:url(../../image/44/staticpage/requirement-banner.jpg) no-repeat center;height:220px;background-size: cover;}
.top-banner .title{background: #000c;color: #fff;text-align: center;font-size: 1.2rem;padding: 6px;}
.wish-list {position:absolute;z-index:1;    width: 100%;}
.wish-list .par-title {font-size: 4rem;color:#000;font-weight: bold; line-height: 90px;font-family: auto;width: 100%;margin-top: 50px;}
.wish-list .typing-demo{width:16ch;animation: typing 2s steps(16), blink 0.5s step-end infinite alternate;white-space: nowrap;overflow: hidden; border-right: 3px solid;}
@keyframes typing {
from {width: 0ch;}
to{ width: 16ch;}
}

.wish-list .mutual-demo{width:0ch;animation: mutual 2s steps(32), blink 0.5s step-end infinite alternate ;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-delay: 3s;white-space: nowrap;overflow: hidden; border-right: 3px solid;}
@keyframes mutual {
from {width: 0ch;}
to{ width: 32ch;}
}


.wish-list .mutual{font-size:3.5rem; font-family: auto;font-weight: bold;color:#efefef;text-stroke:1px #494949; -webkit-text-stroke:1px #494949;-moz-text-stroke:1px  #494949;-o-text-stroke:1px #494949;}
.partner-warp img{width:100%}
#canv{width:100%; opacity: 0.4;height:838px;}


.wish-list .wish-fime{text-align:center;    margin-top: 30px;}
.wish-list ul{width:40%;margin:auto;text-align:left}
.wish-list li{padding-top:0px;line-height:30px; position:relative;}
.wish-list li .str{position:absolute;right:-14px;top:3px;font-size:14px;color:red}

/*.wish-list li .getveri{color: #ffffff;font-weight: bold;padding: 0px 13px;position:absolute;top: 0px;right: 0px;cursor: pointer;opacity: 0.8;background: #2c2c2c;height: 40px;line-height: 40px;}
.wish-list li .getveri:hover{opacity: 1}*/

.wish-list li .getveri{color:#4274d1;font-weight: bold;padding:12px 2px;position:absolute;top:-8px;right: 13px;cursor: pointer;opacity: 0.8}
.wish-list li .getveri:hover{opacity: 1}

.wish-list .gm-text{padding-top:20px}
.wish-list .boe-text{text-align:center;font-size:22px;text-transform: uppercase;padding-bottom:12px}

.wish-list  .button-submit{position:relative;margin-top:30px;display:flex;align-items: center;}
.wish-list  .button-submit .sub-min {min-width:230px;height:50px;position: relative;display:block;}
.wish-list  .button-submit .sub-min .btn{width: 100%;  height:50px;font-size: 1rem;background:var(--btn-red);display:block}
.wish-list  .button-submit .sub-min .loader-inner{width: 100%;height:50px;font-size: 1rem;background: #efefef;;display: none;position: absolute;top: 0;}
.wish-list  .button-submit .sub-min .btn-preloader{width: 23px;height: 27px;top: 16px;margin-left:-15px;display: block;}
	
.wish-fime .confirmed{width:40%;margin: auto;margin-top:33px;background: #ffffff6e;}
.wish-fime .confirmed .c-title{color:green;font-size: 22px;line-height: 25px;margin-top: 80px;margin-bottom: 20px;}
.wish-fime .confirmed .content{font-size: 20px;line-height: 30px;margin-top: 20px;margin-bottom: 60px;}
.wish-fime .confirmed .btn-sets{font-size: 14px;padding-bottom: 50px;}
.wish-fime .confirmed .btn-sets span{height: 40px;font-size: 16px;line-height: 40px;background:var(--btn-black);padding:0px 20px;display: inline-block;margin:0px 10px;color:#fff;opacity: 0.9;} 
.wish-fime .confirmed .btn-sets span.first{margin-left: 0px;}
.wish-fime .confirmed  .btn-sets span:hover{opacity: 1;}


.wish-list  .email-prompt{border-top: 1px dashed #ddd;margin-top: 20px;margin-bottom: 20px;}
.wish-list  .email-prompt .prompt-title{font-weight: bold;padding-top: 30px;}
.wish-list  .email-prompt p{padding: 4px 0px;color: #666;}
.wish-list  .first-last{display:flex;justify-content: space-between;}
.wish-list  .first-last .first{width:45%;position:relative}
.wish-list  .first-last .tips { top: 10px;}
.wish-list  .first-last .first .gm-text span{font-size: 14px;color: red;}

.wish-list  .button-submit a{margin:5px 0px 0px 52px;color:#666;}
.wish-list  .button-submit a:hover{text-decoration:underline}
.wish-list  .form-control {background: #ffffffba;height:40px}

.wish-list  .tips{top: -40px;}
.wish-list .tips::after {bottom: -4px;left: 22px;position: absolute;}
.wish-list .wish-fime .girl-body {position: absolute; right: -66px;}



/* media */
@media screen and (max-width:1440px){
.wish-list .par-title {font-size: 3rem;    margin-top: 0;    padding-left: 31px;}
.wish-list .mutual {font-size: 2rem;    padding-left: 31px;}
.wish-list .wish-fime .girl-body{display:none;}
.wish-list .gm-text {padding-top: 12px;}

}


@media screen and (max-width:786px){
#canv {height: 390px;}
.wish-list .mutual {font-size:1.5rem;}
}