.e_FlowCommonStyleBox-001{ height:auto; width:100%; width-uint:%; width-and-width-uint:100%; height-and-height-uint:auto; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color:rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color:rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ background-color:rgba(230, 0, 18, 1); height:40px; width:auto; width-and-width-uint:auto; height-and-height-uint:40px; } .e_FlowCommonStyleBox-001 .title_icon{ vertical-align:middle; margin-right:10px; line-height:40px; color:rgba(255,255,255,1); font-size:medium; display:inline-block; } .e_FlowCommonStyleBox-001 .title_icon::before{ content:""; } .e_FlowCommonStyleBox-001 .title_main{ vertical-align:middle; line-height:40px; max-width:600px; color:rgba(255,255,255,1); text-overflow:ellipsis; overflow:hidden; font-size:16px; white-space:nowrap; display:inline-block; font-weight:normal; } .e_FlowCommonStyleBox-001 .title_sub{ vertical-align:middle; line-height:40px; color:rgba(255,255,255,1); font-size:14px; margin-left:10px; display:inline-block; font-weight:normal; } .e_FlowCommonStyleBox-001 .stylebox_title{ vertical-align:bottom; padding-right:15px; padding-left:15px; height:inherit; font-size:0px; width:auto; white-space:nowrap; background-color:rgba(230, 0, 18, 1); display:inline-block; width-and-width-uint:auto; height-and-height-uint:inherit; } .e_FlowCommonStyleBox-001 .stylebox_link{ height:inherit; color:#666666; font-size:14px; display:table; border-width:0px; vertical-align:middle; margin-right:15px; float:right; } .e_FlowCommonStyleBox-001 .stylebox_link a{ vertical-align:middle; color:inherit; display:table-cell; } .e_FlowCommonStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; } .e_FlowCommonStyleBox-001 .link_icon::before{ content:'\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height:1px; background-color:rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content{ height:calc(100% - 48px); width:100%; border-style:solid; border-color:#f0f0f0; border-width:1px; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height:1px; background-color:rgba(240,240,240,1); }@media only screen and (max-width: 768px) { .c_portalResMember_login-01001 .p_visual{ display: none; } .c_portalResMember_login-01001 .userTitle,.c_portalResMember_login-01001 .pwdTitle,.c_portalResMember_login-01001 .captchaTitle{ display: none; } .c_portalResMember_login-01001 .hiddenText{ display: none; } .c_portalResMember_login-01001{ width: 100%; height: auto; position: relative; overflow: hidden; background: #fff; padding: 5px 15px 40px !important; } .c_portalResMember_login-01001 .p_memberlogin{ width: 100%; height: auto; padding: 0; margin: 0 auto; max-width: 300px; padding: 0 15px; } .c_portalResMember_login-01001 .p_userBox{ width: 100%; height: 40px; margin-bottom: 7px; } .c_portalResMember_login-01001 .p_user{ width: 100%; height: 100%; position: relative; } .c_portalResMember_login-01001 .p_user input{ width: 100%; height: 100%; font-size: 14px; padding-left: 15px; border: 1px solid #f4f4f4; border-radius: 0; text-indent: 0; } .c_portalResMember_login-01001 .p_user .forward{ font-size: 16px; width: 40px; height: 40px; text-align: center; border-right: 1px solid #d9d9d9; color: #ccc; position: absolute; display: none; } .c_portalResMember_login-01001 .p_user .forward:before{ content: '\e64a'; vertical-align: sub; top: 50%; transform: translate(-50%,-50%); position: absolute; left: 50%; } .c_portalResMember_login-01001 .p_pwd .forward{ font-size: 16px; width: 40px; height: 40px; text-align: center; border-right: 1px solid #d9d9d9; color: #ccc; position: absolute; display: none; } .c_portalResMember_login-01001 .p_pwd .forward:before{ content: '\e639'; vertical-align: sub; top: 50%; transform: translate(-50%,-50%); position: absolute; left: 50%; } .c_portalResMember_login-01001 .p_pwdBox{ width: 100%; height: 40px; margin-bottom: 7px; } .c_portalResMember_login-01001 .p_pwd{ width: 100%; height: 100%; position: relative; } .c_portalResMember_login-01001 .p_pwd input{ width: 100%; height: 100%; font-size: 14px; padding-left: 15px; border: 1px solid #f4f4f4; border-radius: 0; text-indent: 0; } .c_portalResMember_login-01001 .p_CaptchaBox{ width: 100%; height: 40px; margin-bottom: 5px; border: 1px solid #f4f4f4; border-radius: 0; overflow: hidden; } .c_portalResMember_login-01001 .p_CaptchaBoxA{ vertical-align: middle; display: inline-block; width: 20%; height: 100%; cursor: pointer; text-align: center; } .c_portalResMember_login-01001 .p_CaptchaBoxName{ vertical-align: middle; height: 100%; line-height: 35px; font-size: 14px; color: #65beba; } .c_portalResMember_login-01001 .p_StorBox{ width: 100%; height: 100%; display: inline-block; vertical-align: middle; } .c_portalResMember_login-01001 .p_captcha{ width: 100%; height: 100%; position: relative; } .c_portalResMember_login-01001 .p_captcha input{ width: 100%; border-radius: 0; height: 100%; border: none; text-indent: 0; padding-left: 15px; } .c_portalResMember_login-01001 .p_image{ width: 26%; display: inline-block; vertical-align: middle; height: 100%; position: absolute; right: 0; top: 0; z-index: 99; border-radius: 30px; overflow: hidden; } .c_portalResMember_login-01001 .p_image:hover:after{ display: none; } .c_portalResMember_login-01001 .p_image img{ width: 100%; height: 100%; border-radius: 30px; overflow: hidden; } .c_portalResMember_login-01001 .p_SubmitBtn{ padding: 15px 0; width: 100%; margin-bottom: 8px; background-image: linear-gradient(90deg,#e60012,#e00012); border-radius: 0; border: 0; } .c_portalResMember_login-01001 .p_interactive{ width: auto; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-content: center; margin: 0 -5px; } .c_portalResMember_login-01001 .p_interactive a{ width: 50%; text-align: center; display: inline-block; border: 1px solid #333; margin: 0 5px; padding: 8px 0; transition: all ease .3s; } .c_portalResMember_login-01001 .p_interactive a:nth-child(1){ background:#333; color: #fff; } .c_portalResMember_login-01001 .p_register{ width: 100%; display: inline-block; font-size: 12px; cursor: pointer; margin-left: 0; } .c_portalResMember_login-01001 .p_register .iconfont:before{ content: '\e6a3'; font-size: 16px; vertical-align: sub; } .c_portalResMember_login-01001 .p_forget{ width: auto; display: inline-block; font-size: 12px; cursor: pointer; color: #666; } .c_portalResMember_login-01001 .p_forget .iconfont:before{ content: '\e6bc'; font-size: 16px; vertical-align: sub; } .c_portalResMember_login-01001 .option{ width: auto; height: auto; } .c_portalResMember_login-01001 .option .font{ width: auto; display: inline-block; } .c_portalResMember_login-01001 .p_LoginPrompt{ width: 100%; height: auto; color: red; margin: 5px 0; } .c_portalResMember_login-01001 .text-error{ display: inline-block; } .c_portalResMember_login-01001 .border-error{ border-color: #da1111!important; } .c_portalResMember_login-01001 .p_title{ width: 100%; margin-bottom: 15px; display: none; } ::-webkit-input-placeholder {  color: #bdbdbd; font-size: 12px; } ::-moz-placeholder {  color: #bdbdbd; font-size: 16px; } :-ms-input-placeholder {  color: #bdbdbd; font-size: 16px; } .hy_title{ text-align: center; font-size: 24px; padding: 20px 0; line-height: 1; font-weight: 300; font-family: syht; } } @media only screen and (min-width: 769px) { .c_portalResMember_login-01001 .p_visual{ display: none; } .c_portalResMember_login-01001 .userTitle,.c_portalResMember_login-01001 .pwdTitle,.c_portalResMember_login-01001 .captchaTitle{ display: none; } .c_portalResMember_login-01001 .hiddenText{ display: none; } .c_portalResMember_login-01001{ width: 100%; height: auto; position: relative; overflow: hidden; } .c_portalResMember_login-01001 .p_memberlogin{ width: 100%; height: auto; padding: 0; margin: 0 auto; max-width: 540px; padding: 20px 15px 0; } .c_portalResMember_login-01001 .p_userBox{ width: 100%; height: 40px; margin-bottom: 7px; } .c_portalResMember_login-01001 .p_user{ width: 100%; height: 100%; position: relative; } .c_portalResMember_login-01001 .p_user input{ width: 100%; height: 100%; font-size: 14px; padding-left: 15px; border: 1px solid #f4f4f4; border-radius: 0; text-indent: 0; } .c_portalResMember_login-01001 .p_user .forward{ font-size: 16px; width: 40px; height: 40px; text-align: center; border-right: 1px solid #d9d9d9; color: #ccc; position: absolute; display: none; } .c_portalResMember_login-01001 .p_user .forward:before{ content: '\e64a'; vertical-align: sub; top: 50%; transform: translate(-50%,-50%); position: absolute; left: 50%; } .c_portalResMember_login-01001 .p_pwd .forward{ font-size: 16px; width: 40px; height: 40px; text-align: center; border-right: 1px solid #d9d9d9; color: #ccc; position: absolute; display: none; } .c_portalResMember_login-01001 .p_pwd .forward:before{ content: '\e639'; vertical-align: sub; top: 50%; transform: translate(-50%,-50%); position: absolute; left: 50%; } .c_portalResMember_login-01001 .p_pwdBox{ width: 100%; height: 40px; margin-bottom: 7px; } .c_portalResMember_login-01001 .p_pwd{ width: 100%; height: 100%; position: relative; } .c_portalResMember_login-01001 .p_pwd input{ width: 100%; height: 100%; font-size: 14px; padding-left: 15px; border: 1px solid #f4f4f4; border-radius: 0; text-indent: 0; } .c_portalResMember_login-01001 .p_CaptchaBox{ width: 100%; height: 40px; margin-bottom: 5px; border: 1px solid #f4f4f4; border-radius: 0; overflow: hidden; } .c_portalResMember_login-01001 .p_CaptchaBoxA{ vertical-align: middle; display: inline-block; width: 20%; height: 100%; cursor: pointer; text-align: center; } .c_portalResMember_login-01001 .p_CaptchaBoxName{ vertical-align: middle; height: 100%; line-height: 35px; font-size: 14px; color: #65beba; } .c_portalResMember_login-01001 .p_StorBox{ width: 100%; height: 100%; display: inline-block; vertical-align: middle; } .c_portalResMember_login-01001 .p_captcha{ width: 100%; height: 100%; position: relative; } .c_portalResMember_login-01001 .p_captcha input{ width: 100%; border-radius: 0; height: 100%; border: none; text-indent: 0; padding-left: 15px; } .c_portalResMember_login-01001 .p_image{ width: 27%; display: inline-block; vertical-align: middle; height: 100%; position: absolute; right: 0; top: 0; z-index: 99; border-radius: 30px; overflow: hidden; } .c_portalResMember_login-01001 .p_image:hover:after{ display: none; } .c_portalResMember_login-01001 .p_image img{ width: 100%; height: 100%; border-radius: 30px; overflow: hidden; } .c_portalResMember_login-01001 .p_SubmitBtn{ padding: 15px 0; width: 100%; margin-bottom: 8px; background-image: linear-gradient(90deg,#e60012,#e00012); border-radius: 0; border: 0; } .c_portalResMember_login-01001 .p_interactive{ width: auto; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-content: center; margin: 0 -5px; } .c_portalResMember_login-01001 .p_interactive a{ width: 50%; text-align: center; display: inline-block; border: 1px solid #333; margin: 0 5px; padding: 8px 0; transition: all ease .3s; } .c_portalResMember_login-01001 .p_interactive a:nth-child(1){ background:#333; color: #fff; } .c_portalResMember_login-01001 .p_register{ width: 100%; display: inline-block; font-size: 12px; cursor: pointer; margin-left: 0; } .c_portalResMember_login-01001 .p_register .iconfont:before{ content: '\e6a3'; font-size: 16px; vertical-align: sub; } .c_portalResMember_login-01001 .p_forget{ width: auto; display: inline-block; font-size: 12px; cursor: pointer; color: #666; } .c_portalResMember_login-01001 .p_forget .iconfont:before{ content: '\e6bc'; font-size: 16px; vertical-align: sub; } .c_portalResMember_login-01001 .option{ width: auto; height: auto; } .c_portalResMember_login-01001 .option .font{ width: auto; display: inline-block; } .c_portalResMember_login-01001 .p_LoginPrompt{ width: 100%; height: auto; color: red; margin: 5px 0; } .c_portalResMember_login-01001 .text-error{ display: inline-block; } .c_portalResMember_login-01001 .border-error{ border-color: #da1111!important; } .c_portalResMember_login-01001 .p_title{ width: 100%; margin-bottom: 15px; display: none; } .hy_title{ text-align: center; font-size: 24px; padding: 0px 0; line-height: 1; font-weight: 300; font-family: syht; margin: 0px 0 20px; text-align: center; padding-bottom: 20px; font-weight: bold; font-size: 26px; color: #333; } } @media only screen and (min-width: 769px) and (max-width: 1024px) {} .hidethis { position: absolute; right: 0; top: -60px; cursor: pointer; } .c_portalResMember_login-01001 input::-webkit-input-placeholder {  color: #bdbdbd; font-size: 12px; } .c_portalResMember_login-01001 input::-moz-placeholder {  color: #bdbdbd; font-size: 16px; } .c_portalResMember_login-01001 input:-ms-input-placeholder {  color: #bdbdbd; font-size: 16px; } .c_portalResMember_login-01001 .hidethis{  } .c_portalResMember_login-01001 .tishi{ font-size: 12px; color: #999; margin-top: 10px; text-align: center; } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_portalResMember_login-1616482626735 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResMember_login-1616482626735 >div{ animation-fill-mode:both; } @media only screen and (min-width: 769px){ #c_portalResMember_login-1616482626735 .p_CaptchaBox{ height:52px; border-radius:0px; } #c_portalResMember_login-1616482626735 .p_user .forward::before{ font-size:20px; } #c_portalResMember_login-1616482626735 .p_pwd .forward::before{ font-size:20px; } #c_portalResMember_login-1616482626735 .p_user input{ border:1px solid #ccc; border-radius:0px; padding-left:52px!important; } #c_portalResMember_login-1616482626735 .p_user .forward{ width:52px; height:52px; border-right:1px solid #ccc; color:#e60012; } #c_portalResMember_login-1616482626735 .p_pwd .forward{ width:52px; height:52px; border-right:1px solid #ccc; color:#e60012; } #c_portalResMember_login-1616482626735 .p_pwd input{ border:1px solid #ccc; border-radius:0px; padding-left:52px!important; } #c_portalResMember_login-1616482626735 .p_userBox{ margin-bottom:25px; height:52px; } #c_portalResMember_login-1616482626735 .p_pwdBox{ margin-bottom:25px; height:52px; } #c_portalResMember_login-1616482626735 .p_memberlogin{ padding:0px; width:auto; } #c_portalResMember_login-1616482626735 .p_SubmitBtn{ padding:12px 0; border-radius:0px; background-color:#e60012; border:0px; } #c_portalResMember_login-1616482626735 .p_forget{ font-size:14px; color:#999; margin-top:10px; float:left; line-height:16px; width:100%; } #c_portalResMember_login-1616482626735 .p_interactive{ justify-content:center; display:flex; } } @media only screen and (max-width: 768px){ #c_portalResMember_login-1616482626735 .p_memberlogin{ padding-left:0px; } #c_portalResMember_login-1616482626735 .p_userBox{ margin-bottom:10px; height:46px; } #c_portalResMember_login-1616482626735 .p_pwdBox{ margin-bottom:10px; } #c_portalResMember_login-1616482626735 .p_SubmitBtn{ margin:20px 0px; } #c_portalResMember_login-1616482626735 .e_title.p_title{ display:none; } #c_portalResMember_login-1616482626735 .btn-primary{ color:#fff; background-color: #e60012; border-color: #e60012; border-radius:0px; } #c_portalResMember_login-1616482626735 .p_register{ border:1px solid #e60012; border-radius:0px; color: #e60012; } #c_portalResMember_login-1616482626735 .hiddenText{ width:24px; height:24px; line-height:22px; font-size:18px; } #c_portalResMember_login-1616482626735 .userTitle{ color:#000; font-size:14px; } #c_portalResMember_login-1616482626735 .InputText::-webkit-input-placeholder{ font-size:14px; color:#999; } #c_portalResMember_login-1616482626735 .InputText:-moz-placeholder{ font-size:14px; color:#999; } #c_portalResMember_login-1616482626735 .InputText::-moz-placeholder{ font-size:14px; color:#999; } #c_portalResMember_login-1616482626735 .InputText:-ms-input-placeholder{ font-size:14px; color:#999; } #c_portalResMember_login-1616482626735 .p_LoginPrompt { margin-bottom: 0px; margin-top: 10px; } } #c_portalResMember_login-1616482626735{ max-height:none; padding-top:0px; padding-left:20px; padding-bottom:0px; min-height:0px; margin-right:auto; margin-left:auto; max-width:none; width:100%; margin-top:4%; margin-bottom:5%; min-width:0px; height:auto; padding-right:20px; }