
 
.account-main{position:relative;height:700px;background:url(../Images/account_bg.jpg);background-size:100% 100%;}
.account-main .account-container{position:absolute;top:100px;right:300px;width:500px;height:400px;background:#fff;}
.account-main .account-reg-container{height:500px!important;top:60px;}

.account-main .account-container .tab{height:60px;line-height:60px;background:#f5f5f5;}
.account-main .account-container .tab a{float:left;display:inline-block;width:33.33%;text-align:Center;color:#555;background:#f5f5f5;}
.account-main .account-container .tab a i{font-size:20px;color:#888;vertical-align:middle;}
.account-main .account-container .tab a.on{background:#fff;color:#007BC2;font-weight:bold;}
.account-main .account-container .tab a.on i{color:#007BC2;}

.account-main .account-container .input{display:none;padding:60px 50px;text-align:center;}
.account-main .account-container .input.tab1{display:block;}

.account-main .account-container .input .item{margin-bottom:20px;height:38px;}
.account-main .account-container .input .i-title{font-size:14px;color:#666;margin-right:5px;display:inline-block;line-height:38px;width:60px;float:left;}
.account-main .account-container .input input[type="text"],.account-main .account-container .input input[type="password"]{float:left;width:325px;height:38px;border:1px solid #e4e4e4;outline:none;text-indent:1em;}
.account-main .account-container .input .btn{overflow:hidden;margin-top:20px;}
.account-main .account-container .input .btn a{display:inline-block;line-height:36px;width:330px;float:right;text-align:center;color:#fff;background:#007BC2;}
.account-main .account-container .input .btn a:hover{background:#00507e;}

.account-main .account-container .input .remember{padding-left:65px;font-size:12px;text-align:left;}

.account-main .account-container .more{width:100%;height:20px;text-align:right;position:absolute;bottom:20px;right:20px;}
.account-main .account-container .more a{font-size:12px;color:#333;margin-left:15px;}
.account-main .account-container .more a:hover{color:#007BC2;}

.account-main .account-container .tab2 img{width:200px;height:200px;}

.account-main .account-container .tab3 .code input[type="text"]{width:150px;}
.account-main .account-container .tab3 .code a{display:inline-block;float:left;color:#333;font-size:14px;line-height:38px;margin-left:15px;}


.account-main .account-container .sms-login-input .code input[type="text"]{width:150px;}
.account-main .account-container .sms-login-input .code input[type="button"]{float:left;border:none;background:none;height:40px;margin-left:15px;outline:none;cursor:pointer;}


.account-main .account-container .register-input{padding:60px 50px;text-align:center;}
.account-main .account-container .register-input .item{margin-bottom:20px;height:38px;}
.account-main .account-container .register-input .i-title{font-size:14px;color:#666;margin-right:5px;display:inline-block;line-height:38px;width:60px;float:left;}
.account-main .account-container .register-input input[type="text"],.account-main .account-container .register-input input[type="password"]{float:left;width:325px;height:38px;border:1px solid #e4e4e4;outline:none;text-indent:1em;}
.account-main .account-container .register-input .btn{overflow:hidden;margin-top:20px;}
.account-main .account-container .register-input .btn a{display:inline-block;line-height:36px;width:330px;float:right;text-align:center;color:#fff;background:#007BC2;}
.account-main .account-container .register-input .btn a:hover{background:#00507e;}
.account-main .account-container .register-input .code input[type="text"]{width:150px;}
.account-main .account-container .register-input .code input[type="button"]{float:left;border:none;background:none;height:40px;margin-left:15px;outline:none;cursor:pointer;}


.account-forget-container{padding-bottom:50px;}
.account-main .account-container .forget-input{padding:60px 50px;text-align:center;}
.account-main .account-container .forget-input .item{margin-bottom:20px;height:38px;}
.account-main .account-container .forget-input .i-title{font-size:14px;color:#666;margin-right:5px;display:inline-block;line-height:38px;width:60px;float:left;}
.account-main .account-container .forget-input input[type="text"],.account-main .account-container .forget-input input[type="password"]{float:left;width:325px;height:38px;border:1px solid #e4e4e4;outline:none;text-indent:1em;}
.account-main .account-container .forget-input .btn{overflow:hidden;margin-top:20px;}
.account-main .account-container .forget-input .btn a{display:inline-block;line-height:36px;width:330px;float:right;text-align:center;color:#fff;background:#007BC2;}
.account-main .account-container .forget-input .btn a:hover{background:#00507e;}
.account-main .account-container .forget-input .code input[type="text"]{width:150px;}
.account-main .account-container .forget-input .code input[type="button"]{float:left;border:none;background:none;height:40px;margin-left:15px;outline:none;cursor:pointer;}
