@charset "utf-8";
.area{max-width:360px;margin:0 auto;margin-top:10px}
.area_title{font-size:22px;text-align:center;font-weight:700;}

.area_box{background-color:#ffffff;padding:40px 20px;margin-top:30px;border-radius:10px;}
.area_box .area_text{font-size:20px;color:#111111;margin:30px 0 10px;}
.area_box .area_sub{color:#767676;font-size:12px;margin-bottom:20px;line-height:18px;}
.area_box .tip{color:#767676;font-size:13px;margin-bottom:20px;line-height:20px;padding:10px 10px;border:0px solid #323338;background-color:#f9f9f9;border-radius:5px;color:#323338;font-size:13px;font-weight:400}
.area_box input{height:40px;border-bottom:1px solid #dedede;border-top:0px;border-left:0;border-right:0;font-size:14px; color:#535353; width:100%;padding:5px 10px;margin-top:10px;}
.area_box input[type="email"]{height:40px;width:100%;padding:5px 10px;margin-top:20px;}
.area_box input:focus{border-bottom:2px solid;border-image:linear-gradient(to right, #e3141a, #e582ff) 1;}
.area_box input::placeholder{color:#ADADAD}



.area_box img{max-width:100%;}

.area_box .submit{display:block;margin-top:30px;width:100%;text-align:center;padding:10px;font-size:16px;filter:none;text-decoration:none;cursor:pointer;border-radius:30px;
color: #fff;font-weight:400;border: 0px;background: linear-gradient(90deg, #e3141a -17.94%, #D737FF 117.56%);transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}