html{font-size: 125%;-webkit-tap-highlight-color: transparent;-webkit-text-size-adjust:none;min-width: 320px;}
html * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-overflow-scrolling: touch;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{padding:0;margin:0;height:100%;color:#3b4144;font-size: 12px;font-family: "Microsoft yahei","Hiragino Sans GB",Helvetica,sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ margin:0; padding:0;}
ul,ol,li{list-style:none;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%; vertical-align:middle;outline:none;font-family:"Microsoft YaHei","微软雅黑",Helvetica,"黑体",Arial,Tahoma;}
textarea{resize:none}
em,i{font-style: normal;}
input[type="button"], input[type="submit"], input[type="reset"], textarea{-webkit-appearance: none;}
input::-webkit-input-placeholder{color: #869099;}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}
table { border-collapse:collapse; border-spacing:0}
del {text-decoration: line-through}
a{text-decoration: none;color: #3b4144;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.react:active{background:#f2f2f2;}
a.react{display: block;color: inherit;height: 100%;}
.clearfix:after{content:'';display:block;clear:both;height:0;overflow:hidden;}
.clearfix{zoom:1;}
.ellipsis{white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.break{word-break:break-all; word-wrap:break-word}
.col3,.col4,.col6,.percent20{display: block;float: left;}
.col3{width: 25%;}
.col4{width: 33.3%;}
.col6{width: 50%;}
.percent20{width: 20%;}
.mt30{margin-top: .75rem;}
.pt15{padding-top: .75rem;}
.pb15{padding-bottom: .75rem;}
.f24{font-size: 1.2rem;}
.mt5{margin-top: .125rem;}
.mt10{margin-top: .5rem!important;}
.mt20{margin-top: 1rem;}
.ml20{margin-left: 1rem;}
.tc{text-align: center;}
.tr{text-align: right;}
.cred{color: #e9102d;}
.cblue{color: #4da635;}
.bt0{border-top: none!important;}
.mb0{margin-bottom: 0!important;}
.mb30{margin-bottom: .75rem;}
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both;}
.responsive-img{max-width:100%;}
.page_bg{height: 100%;	background: #fbf9f9;}
.login-page{background: url("../Image/login_img.jpg")  center 0 no-repeat;background-size: 100% 50%;}
.container{ padding:1rem 1.3rem;}
.login-img{ height:10rem; position: relative; z-index:1;}
.w-form{width: 90%;margin: 0 auto; border-radius: 0.3rem; background: #fff; position: relative; z-index:2;}
.w-form .form-head{font-size: .9rem; font-weight:500;  line-height: 2;margin-bottom: 0.4rem;}
.w-form .form-item{ padding:.2rem;}
.w-form .form-item { display: flex; align-items: center; margin-bottom:.8rem; justify-content:center;}
.w-form .form-item .form-label{ margin-right:.4rem; flex:0 0 26%; text-align: right;font-size: .7rem; color: #333;}
.w-form .form-item .form-value{ flex: 1; display: flex;align-items: center;}

.w-form .form-item .w-input{ display: block; border:none;border-bottom: 1px solid #dfdfdf; width:100%; height:1.6rem; padding:0 .2rem;}
.w-form .form-item .w-input::placeholder{ color: #b7b7b7;}
.w-form .form-item .w-input.input-short{ flex: 1;}
.w-form .form-item .w-get-smscode{ display: block; border:none; height:1.6rem;width: 4.5rem;background: #60a1fb;color: #fff;}
.w-form .form-item a{ color: #449dff;}
#agree_agreement{ margin-right:.2rem;}
.w-form .form-item .w-btn{ background-color: #449dff; display: block; border:none; color: #fff;text-align: center; height:2rem; width:100%; margin:0 auto;border-radius: 1rem;}
.w-tools{text-align: center;}