@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 .login-wrap{position:absolute;width:100%;height:100%;min-height:480px;top:0;right:0;}
#main .login-content{width:750px;height:450px;margin:auto;background:#fff;position:absolute;left:0;right:0;top:50%;font-size:12px;transform:translateY(-50%);border-radius: 3px;}
#main .login-content .content-left{width: 330px;height: 100%;display: inline-block;position: relative;float: left;}
#main .login-content .content-left .logo{width: 192px;height: 163px;display: inline-block;position: absolute;top: 130px;left: 75px;}
#main .login-content .content-right{width: 420px;height: 100%;display: inline-block;position: relative;float: right;}
#main .login-content .content-right .content-title{width: 100%;height: 50px;font-size: 28px;text-align: center;color: #3cb371;line-height: 50px;margin-top: 50px;letter-spacing:8px;}
#main .login-content .login-form{width:380px;margin:0 10px 0px 0px;}
#main .login-content .main-error-tips{font-size:14px;text-align:center;color:red;width:100%;top:110px;margin:auto;height:25px;line-height: 25px;}
#qrsmsloginckform .main-error-tips{font-size:14px;text-align:center;color:red;width:100%;top:110px;margin:auto;height:25px;line-height: 25px;}
#main .login-content .username,#main .login-content .password{color:#999;border:1px solid #dcdcdc;margin-top:20px;padding-top:8px;padding-bottom:8px;padding-left:1px;font-size:14px; border-radius: 5px;}
#main .login-content .userNameInput,#main .login-content .passwordInput{outline:none;border:none;color:#999;width:calc(100% - 38px);box-shadow:0 0 0 0;padding-left: 10px;}
#main .login-content .focus{border-color:#3cb371;}
#main .login-content .remember{overflow:hidden;margin-top:15px;}
#main .login-content .remember label{float:left;color:#999;font-weight:normal;cursor:pointer;padding-left:2px;}
#main .login-content .remember input{margin-right:8px;margin-top:0;}
#main .login-content .forget-password{float:right;color:#999;}
#main .login-content .btn-login{height:43px;line-height:43px;width:100%;background-color:#3cb371;margin-top:35px;display:inline-block;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;font-size:14px;color: #fff;border-radius: 4px;letter-spacing: 8px;}
#main .login-content .btn-login:hover{opacity: 0.8;border-color:#3cb371;}
#main .forget-form{width: 380px;margin: 0px 10px 0px 0px;}
#main .forget-form .input{width: 310px;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; margin-top: 15px;}
#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;border:0px !important;}
#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;font-size: 14px;}
#main .forget-form .verify-code .btn-code:hover{opacity: 0.8;}
#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: 14px;line-height: 44px;}
#main .forget-form .btn-submit:hover{opacity: 0.8;}
#main .footer{position: fixed;bottom: 0;width: 100%;height: 50px;font-size: 14px;color: #fff;text-align: center;line-height: 50px;}
#main .impowerbox{display:inline-block;vertical-align:middle;line-height:1.8;position:relative;width:100%;z-index:1;text-align:center;color:#ffffff}
#main .impowerbox .info{width:260px;margin:0 auto}
#main .impowerbox .status.normal{margin-top:15px;background-color:#01a34e;border-radius:100px;}
#main .impowerbox .status.status_browser{text-align:center}
#main .impowerbox .status p{font-size:13px}