
/* 基础设置 */
*{margin:0;padding:0;}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;}
html{height:100%;}
body{height:100%;background:#fff;color:#333;font-size:12px;font-family:'Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜';}
form{height:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{border:none;}
h1,h2,h3,h4,h5,h6,p{margin:0;font-size:100%;}
img,input,label,th{display:inline-block;outline:0;border:0;vertical-align:middle;-webkit-appearance:none;appearance:none;}
li,ol,ul{margin:0;padding:0;list-style:none;}
a,a:active,a:focus,a:hover,a:visited{color: inherit;text-decoration:none;}

input::-webkit-input-placeholder{ color:#cccccc; }


/*登录,注册,忘记密码*/
.fpflBox{background:#262b3f;height: 100%;width: 100%;position: relative;min-width: 1042px;min-height: 800px;display: flex;align-items: center;justify-content: center;padding: 20px;}
.fpfl_Content{width: 96%;max-width: 1426px;height: 723px;background: #262b3f;position: absolute;display: flex;}
.re_input{height: 100%;width: 100%;padding: 0 20px;font-size: 22px;}
.re_input2{height: 100%;width: 207px;padding: 0 20px;font-size: 22px;}
.re_mailBtn{width: 160px;height: 100%;display: flex;justify-content: center;align-items: center;border-left: 1px solid #b1b3cc;background: #eff0f5;font-size: 22px;color: #394158;cursor: pointer;}
.fpfl_Btn{margin-top: 60px;display: flex;align-items: center;justify-content: center;height: 60px;font-size: 22px;color: #ffffff !important;background: #394158;cursor: pointer;}
.fpfl_Btn2{margin-top: 30px;display: flex;align-items: center;justify-content: center;height: 60px;font-size: 22px;color: #ffffff !important;background: #394158;cursor: pointer;}
.fpfl_Link1{font-size: 22px;line-height: 100%;}
.fpfl_Link2{font-size: 22px;text-align: center;color: #5a98de !important;display: block;margin-top: 30px;}
.fpfl_img{text-align: center;margin-top: 70px;}
.fpfl_left{max-width: 556px;width: 45%;background: #ffffff;display: flex;justify-content: center;padding: 100px 0 20px;}
.fpfl_left_di{width: 372px;position: relative;}
.fpfl_left_p1{ font-size: 36px;  font-weight: bold; line-height: 100%;}
.fpfl_left_p2{font-size: 22px;color: #8890aa;line-height: 100%;margin-top: 20px;margin-bottom: 50px;}
.fpfl_left_p3{height:24px;display:flex;margin-bottom: 40px;align-items: center;}
.fpfl_left_p3 p{padding: 0 40px;color: #999999;font-size: 22px;cursor: pointer;}
.fpfl_left_p3 p.on{ color:#394158; }
.fpfl_left_p3 p:nth-child(1){padding-left: 0;border-right: 1px solid #b1b3cc;}
.fpfl_left_inp{border: 1px solid #b1b3cc;border-left: 4px solid #5a98de;height: 60px;margin-bottom: 20px;display: flex;align-items: center;}
.fpfl_right{max-width: 870px;width: 55%;background: url(/static/Users/images/bannerRe.png)no-repeat right;background-size: cover;padding: 180px 106px;}
.fpfl_right_p1{font-size: 36px;font-weight: bold;color: #e9edfa;line-height: 100%;}
.fpfl_right_p2{font-size: 22px;color: #e9edfa;line-height: 36px;margin-top: 35px;}
.fpfl_right_p3{margin-top: 50px;width: 265px;height: 50px;display: flex;align-items: center;justify-content: center;color: #ffffff;font-size: 22px;background: #5a98de;border-radius: 2px;}


.captcha{width: 100%;position: relative;display: none;}
.captchaBox{position: absolute;background: #ffffff;z-index: 3;bottom: 0;left: 50%;border-radius: 3px;margin: auto;transform: translate(-50%,0);}
.captcha_title{height: 50px;line-height: 50px;font-size: 12px;color: #666666;border-bottom: 1px solid #e4e7eb;padding: 0 20px;display: flex;justify-content: space-between;}
.captcha_close{font-size: 16px;color: #666;position: absolute;right: 0;width: 50px;text-align: center;cursor: pointer;}
.captcha_Bg{background: #0000006b;position: fixed;z-index: 1;width: 100%;height: 100%;left: 0;top: 0;display: none;}
#captcha{background: #ffffff;z-index: 3;margin: 20px;}

.RegisteredBox{background:#262b3f;height: 100%;width: 100%;position: relative;min-width: 1042px;min-height: 800px;display: flex;align-items: center;justify-content: center;padding: 20px;}
.Registered_Content{width: 96%;max-width: 1426px;height: 723px;background: #ffffff;position: absolute;}
.Registered_title{height: 160px;text-align: center;background: url(/static/Users/images/bannerRe2.png)no-repeat center;background-size: cover;padding-top: 45px;}
.Registered_title .p1{font-size: 36px;font-weight: bold;color: #ffffff;line-height: 100%;}
.Registered_title .p2{font-size: 22px;color: #8890aa;line-height: 100%;margin-top: 15px;}
.Registered_form{width: 950px;margin: 40px auto 0;}
.Registered_ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.Registered_li{width: 372px;font-size: 22px;color: #666666;margin-bottom: 35px;}
.Registered_inp{border: 1px solid #b1b3cc;height: 48px;margin-top: 14px;display: flex;align-items: center;}
.Reg_input{width: 100%;padding: 0 20px;font-size: 22px;border: 1px solid #b1b3cc;height: 48px;margin-top: 14px;}
.Reg_input2{height: 100%;width: 210px;padding: 0 20px;font-size: 22px;}
.Reg_file{width: 100%;height: 48px;background: #5a99de;border-radius: 2px;color: #ffffff;display: flex;align-items: center;justify-content: center;position: relative;margin-top: 14px;}
.Reg_file input{position: absolute;width: 100%;height: 100%;cursor: pointer;opacity: 0;}
.Reg_file p{position: absolute;color: #333;bottom: -20px;font-size: 13px;left: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.Reg_mailBtn{width: 160px;height: 100%;display: flex;justify-content: center;align-items: center;border-left: 1px solid #b1b3cc;background: #eff0f5;font-size: 22px;color: #394158;cursor: pointer;}
.Registered_Btn{display: flex;align-items: center;justify-content: center;width: 372px;height: 60px;font-size: 22px;color: #ffffff !important;background: #394158;cursor: pointer;margin: 15px auto;border-radius: 2px;}
.Registered_lab{display: flex;justify-content: center;font-size: 18px;color: #666666;align-items: center;}
.Registered_lab .sp1{color: #5a99de;cursor: pointer;}

.intre{position:relative;width: 22px;height: 22px;margin-right: 10px;}
.intre input[type=radio]{margin:0;width:1rem;height:.5rem;opacity:0;}
.intre label{position:absolute;width: 22px;height: 22px;border: 1px solid #999;border-radius:50%;cursor: pointer;}
.intre input:checked+label{border: 1px solid #394158;background-color: #394158;}
.intre input:checked+label::after{position:absolute;top: 4px;left: 8px;width: 6px;height: 10px;border: 2px solid #fff;border-top:none;border-left:none;content:"";transform:rotate(45deg);}











