@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-family: "Microsoft YaHei", "Microsoft JhengHei", STHeiti, MingLiu, serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html,body{height:100%;margin: 0;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:''}
table{border-collapse:collapse;border-spacing:0}
textarea{resize:none}
a{text-decoration:none}
input[type=checkbox]{padding:0;margin:0}
i{font:inherit}
.clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
input[type="checkbox"] {-webkit-appearance: none;border: 1px solid #ccc;background: #fff;width: 15px;height: 15px;outline:none;cursor:pointer;}
input[type="checkbox"]:checked {border-color: #3cb371;background:url(../images/ico-checkout.png) center center no-repeat;}
#main {height: 100%;min-height: 580px;}
#main .bg-pic{width:100%;height:100%;}
#main .bg-pic .img-bg{width:100%;height:100%;object-fit:cover;}
#main  .header{width: 100%;position: absolute;top: 0;left: 0;height: 130px;}
#main  .header .header-wrap{min-width: 1200px;height: 100%;margin: 0 auto;position: relative;width: 80%;}
#main  .header .header-wrap .logo{background: url(../images/logo.png) no-repeat;width:553px;height: 72px;position: absolute;left: 0;bottom: 0;}
#main .forget-wrap{position:absolute;width:100%;height:100%;min-height:480px;top:0;right:0;}
#main .forget-content{width:750px;height:520px;margin:auto;background:#fff;position:absolute;left:0;right:0;top:50%;font-size:12px;transform:translateY(-50%);border-radius: 10px;}
#main .forget-content .title{font-size: 28px;color: #3cb371;margin: 32px 0 0 32px;}
#main .forget-form{width: 410px;margin: 30px auto;}
#main .forget-form .input{width: 344px;height: 44px;font-size: 14px;position: absolute;right: 15px;top: 0;outline:none;border:none;color:#999;box-shadow:0 0 0 0;padding-left: 10px;}
#main .forget-form .phone{width:100%;height:44px;border-radius:8px;border:1px solid #d1d1d1;position: relative;}
#main .forget-form .phone i{width: 18px;height: 18px;background:url(../images/phone-ico.png) no-repeat;position: absolute;left: 15px;top: 12px;}
#main .forget-form .verify-code{margin-top: 30px;position: relative;width: 100%;height:44px;}
#main .forget-form .verify-code .code{width:225px;height:44px;border-radius:8px;border:1px solid #d1d1d1;position: relative;float: left;}
#main .forget-form .verify-code .code input{width: 160px !important;}
#main .forget-form .verify-code .code i{width: 18px;height: 18px;background:url(../images/email-ico.png) no-repeat;position: absolute;left: 15px;top: 12px;}
#main .forget-form .verify-code .btn-code{width: 146px;height: 44px;background: #3cb371;border-radius: 8px;color: #fff;float: right;line-height: 44px;text-align: center;}
#main .forget-form .verify-code .btn-code:hover{opacity: 0.8;}
#main .forget-form .password{width:100%;height:44px;border-radius:8px;border:1px solid #d1d1d1;position: relative;margin-top: 30px;}
#main .forget-form .password i{width: 18px;height: 18px;background:url(../images/pwd-ico.png) no-repeat;position: absolute;left: 15px;top: 12px;}
#main .forget-form .btn-submit{width: 100%;height: 44px;background: #3cb371;border-radius: 8px;display: block;color: #fff;text-align: center;margin-top: 30px;font-size: 16px;line-height: 44px;}
#main .forget-form .btn-submit:hover{opacity: 0.8;}
#main .forget-form .jump{width: 100%;height: 30px;line-height: 15px;margin-top: 30px;text-align: right;font-size: 16px;color: #888888;}
#main .forget-form .jump a{color: #3cb371;}
#main .forget-form .jump a:hover{opacity: 0.8;}