@charset "utf-8";
body{ margin:0; padding:0; font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
area{outline:none;}
img{ border:0;}
input{ -webkit-appearance: none; outline: none; border-radius: 0;}
input::-ms-clear{display:none;}
ol,ul{list-style:none;}
a{ text-decoration:none; outline:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}
.box_justify{ display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; -webkit-box-pack:justify; -moz-box-pack:justify; -o-box-pack:justify; -ms-box-pack:justify; box-pack:justify;}

.wrap{ position: relative; width: 750px; height: 1600px; margin: 0 auto; background: url(https://sea.thegyee.com/_s/seayytestm/bg.jpg) no-repeat center top; }
.logo{ position: absolute; top: 0; }
.slogan{ position: absolute; top: 677px; left: 49px; }
.form{ position: absolute; width: 650px; height: 70px; line-height: 70px; text-align: center; border-radius: 35px; background-color: #FFF; box-shadow: 0px 4px 0px #ff79eb; }
.device{ top: 858px; }
.email{ top: 949px; }
.country{ top: 1040px; }
.form input{ width: 650px; height: 70px; line-height: 70px; text-align: center; border-radius: 35px; border: none; font-size: 27px; color: #b0b0b0; }
.form input::-webkit-input-placeholder{ color: #b0b0b0; }
.form input::-moz-input-placeholder{ color: #b0b0b0; }
.form input::-ms-input-placeholder{ color: #b0b0b0; }
.form input::-o-input-placeholder{ color: #b0b0b0; }
.arrow{ position: absolute; top: 15px; right: 15px; width: 39px; height: 39px; background: url(https://sea.thegyee.com/_s/seayytestm/arrow.png) no-repeat 0 0; transition: all 0.5s; }
.arrow.on{ transform: rotate(90deg);}
.form .sel{ position: absolute; top: 70px; left: -50px; width: 700px; max-height: 270px; padding: 0 25px; background-color: #FFF; border-top: 1px solid #ffa5f2; border-bottom: 1px solid #ffa5f2; display: none; overflow-x: hidden; overflow-y: auto; }
.form li{ height: 80px; border-top: 1px solid #d6d6d6; font-size: 27px; color: #b0b0b0; }
.form li.on{ color: #ff79eb; }
.tip{ position: absolute; top: 1130px; left: 0; width: 100%; text-align: center; font-size: 20px; color: #000; }
.confirm{ position: absolute; top: 1187px; width: 650px; height: 85px; background: url(https://sea.thegyee.com/_s/seayytestm/confirm.png) no-repeat 0 0; }

.prompt_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7); z-index: 9; }
.prompt{ position: fixed; top: 50%; left: 50%; width: 524px; padding: 20px 0; z-index: 10; border-radius: 20px; background-color: #FFF; box-shadow: 0px 4px 0px #ff79eb; border: 1px solid #ff79eb; display: none;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.prompt .msg{ padding: 0 30px; text-align: center; line-height: 47px; font-size: 31px; color: #ff79eb; }
.submit{ display: block; margin: 30px auto 0 auto; width: 198px; height: 52px; background: url(https://sea.thegyee.com/_s/seayytestm/submit.png) no-repeat 0 0; }