/******登录注册******/
.Login{ padding-top:0; }
.LoginAndRegister{ height:100%; width: 100%; max-height:calc(100% - 100px); background:url(../images/member/Back.jpg) no-repeat center/100% 100%; }
.LoginAndRegister .container{ height:100%; }
.LoginAndRegister .Table{ display: table; height:100%; width: 100%; }
.LoginAndRegister .Table .tab-cell{ display: table-cell; vertical-align:middle; text-align: center; }
.LoginAndRegister .Table .Box{ display: inline-block; text-align:left; }
.LoginAndRegister .Table .Box .Aheight{ height: 300px; }
.LoginAndRegister .pad{ padding:27px 58px 65px; }
.LoginAndRegister .title{ text-align: center; margin-bottom: 20px; font-size:0; }
.LoginAndRegister .title .a{ display: inline-block; vertical-align: middle; padding:0 8px; line-height: 32px; font-size: 18px; color: #444444; }
.LoginAndRegister .title a.a:hover{ color: #01bfbf; }
.LoginAndRegister .point{ display: inline-block; vertical-align:middle; width: 4px; height: 4px; margin:0 8px; background-color: #999999; }
.LoginAndRegister .title .on{ display: inline-block; vertical-align:middle; position: relative; color: #01bfbf; }
.LoginAndRegister .title .on::after{ content:''; position: absolute; top:100%; left:0; width:100%; height: 2px; background-color: #01bfbf; }
.LoginAndRegister .title2{ display: none; }
.LoginAndRegister .formBox{ display: inline-block; vertical-align:top; width:312px; }
.LoginAndRegister .formBox .wid1{ width:190px; }
.LoginAndRegister .formBox .wid2{ width:115px; }
.LoginAndRegister .formBox .exit{ display: none; }
.LoginAndRegister .formBox .inputBox{ border: solid 1px #e4e4e4; position: relative; }
.LoginAndRegister .formBox .li+.li{ margin-top:8px; }
.LoginAndRegister .formBox .inputBox .icons_before{ display: block; position: absolute; width:40px; height: 100%; border-right:1px solid #e4e4e4; }
.LoginAndRegister .formBox .inputBox .icons_before::before{ position: absolute; left:50%; top:50%; width:20px; height: 20px; margin-left:-10px; margin-top: -10px; }
.LoginAndRegister .formBox .inputBox .icon_type1::before{ background-position: 4px -625px; }
.LoginAndRegister .formBox .inputBox .icon_type2::before{ background-position: -30px -625px; }
.LoginAndRegister .formBox .inputBox .icon_type3::before{ background-position: -65px -625px; }
.LoginAndRegister .formBox .inputBox .icons_before+.input{ padding-left: 52px; }
.LoginAndRegister .formBox .input{ display: block; width:100%; height: 40px; padding:0 12px; line-height: 40px; color: #333; }
.LoginAndRegister .formBox .getCode{ border:0 none; padding:0; height: 42px; line-height: 42px; text-align: center; font-size: 14px; }
.LoginAndRegister .formBox .submit{ display: block; margin-top:16px; border-radius: 3px; border:0 none; height: 50px; width:100%; padding:0; line-height: 50px; font-size: 16px; }
.LoginAndRegister .formBox .remember{ position: relative; padding-left:20px;  font-size: 14px; color: #999999; }
.LoginAndRegister .formBox .remember input{ position: absolute; height: 0; width: 0; opacity: 0; }
.LoginAndRegister .formBox .remember .icons{ display: block; position: absolute; left: 4px; top:50%; margin-top:-6px; width:12px; height: 12px; background-image:  linear-gradient(180deg, #e7e7e7 0%, #dedede 100%), linear-gradient(#999999, #999999); background-blend-mode: normal, normal; border-radius: 3px; border: solid 1px #b2b2b2; }
.LoginAndRegister .formBox .remember .icons::before{ opacity: 0; position: absolute; left:0; top:0; height: 100%; width: 100%; background-position:1px -573px; }
.LoginAndRegister .formBox .remember input:checked+.icons::before{ opacity: 1; }
.LoginAndRegister .formBox .links a{ color:#f27c01; }
.LoginAndRegister .formBox .links a+a{ margin-left:9px; }
.LoginAndRegister .formBox .links a:hover{ color:#f27c01; }
.LoginAndRegister .formBox .other{ line-height:26px; }
.LoginAndRegister .formBox .tips{ line-height: 20px; font-size: 12px; color: #999999; }
.LoginAndRegister .formBox .tips .a{ color:#f27c01; }
.LoginAndRegister .line{ display: inline-block; text-align: center; position: relative; margin:0 35px; vertical-align:top; height:270px; width:1px; background:#e4e4e4; }
.LoginAndRegister .line .word{ display: block; position: absolute; top:50%; left:50%; margin-top: -14.5px; margin-left: -14.5px; width:29px; height: 29px; border-radius: 50%; background:#e4e4e4; line-height: 29px; font-size: 14px; color: #777777; }
.LoginAndRegister .codeLogin{ display: inline-block; text-align: center; vertical-align:top; }
.LoginAndRegister .codeLogin .codeBox{ padding:14px; border: solid 1px #e4e4e4; }
.LoginAndRegister .codeLogin .txt{ margin-top: 2px; line-height: 20px; font-size: 14px; color: #444444; }
.LoginAndRegister .codeLogin .linkHome{ position: relative; overflow: hidden; }
.LoginAndRegister .codeLogin .linkHome::before{ content:''; position: absolute; left: 0; top:50%; margin-top:-.5px; width:100%; height:1px; background-color: #e4e4e4; }
.LoginAndRegister .codeLogin .linkHome .goHome{ display: inline-block; position: relative; padding:0 5px; background:#fff; line-height: 20px; color: #01bfbf; }

.login_foot{ position: fixed; left:0; bottom:0; width: 100%; background:#fff; text-align: center; }
.login_foot .ul{ font-size:0; white-space: nowrap; padding:26px 0; }
.login_foot .ul li{ margin:0 16px; display: inline-block; vertical-align: middle; text-align: left; position: relative; padding-left:58px; }
.login_foot .ul li::before{ display: inline-block; position: absolute; left:0; height: 48px; width: 48px; background:url(../images/member/Bot_icons.png) no-repeat; }
.login_foot .ul .bgs1::before{ background-position:0 0; }
.login_foot .ul .bgs2::before{ background-position:-74px 0; }
.login_foot .ul .bgs3::before{ background-position:-148px 0; }
.login_foot .ul .bgs4::before{ background-position:-222px 0; }
.login_foot .ul .h4{ font-weight: normal; line-height: 26px; font-size: 15px; color: #444444; }
.login_foot .ul .p{ line-height: 22px; font-size: 12px; color: #999999; }

/**Iframe嵌套模式**/
.Iframe{ background:transparent; }
.Iframe .LoginAndRegister{ background:transparent; max-height:100%; }
.Iframe .LoginAndRegister .Table .Box{ position: relative; border-top:3px solid #f27c01; padding-left:35px; padding-right:35px; padding-bottom:44px; }
.Iframe .LoginAndRegister .formBox .exit{ display: block; position: absolute; top:12px; right:35px; z-index: 2; }
.Iframe .LoginAndRegister .Table .Box .Aheight{ height:272px; }
.Iframe .LoginAndRegister .title{ text-align: left; margin-bottom:20px; padding-bottom: 10px; border-bottom:0px solid #e8e8e8; }
.Iframe .LoginAndRegister .title .a{ padding:0; display: none; }
.Iframe .LoginAndRegister .title .a.on{ display: block; font-weight: bold; font-size: 15px; color: #333333; }
.Iframe .LoginAndRegister .title .on::after{ display: none; }
.Iframe .LoginAndRegister .title2{ display: block; text-align: center; margin-top:-20px; margin-bottom:18px; border-bottom:1px solid #e8e8e8; line-height: 44px; font-size:0; }
.Iframe .LoginAndRegister .title2 .a{ display: inline-block; position: relative; vertical-align: middle; width:50%; font-size: 15px; color: #333333; }
.Iframe .LoginAndRegister .title2 .a:hover,
.Iframe .LoginAndRegister .title2 .on{ color:#f27c01; }
.Iframe .LoginAndRegister .title2 .on::before{ content: ""; position: absolute; bottom:0; left:50%; margin-left:-60px; width: 120px; height: 2px; background-color: #f27c01; }
.Iframe .LoginAndRegister .title2 .on::after{ content:''; position: absolute; left:50%; bottom:-2px; margin-left:-9px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top:4px solid #f27c01; }
.Iframe .LoginAndRegister .point{ display: none; }
.Iframe .LoginAndRegister .line,
.Iframe .LoginAndRegister .codeLogin{ display: none; }
.Iframe .login_foot{ display: none; }