#bd{clear:both;*zoom:1;}
#bd:after{content:"\20";display:block;height:0;clear:both;}
#bd,#fd{width:500px;margin:380px 0px 0 0;float:right}
#bd #main{}
#content{float:left;width:566px;}
#extra{width: 30%;
    height:88%;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 10%;
    z-index: 1002;  }

.form{clear:both;*zoom:1;}
.form:after{content:"\20";display:block;height:0;clear:both;}
.form a{color:#4BA9E6;}
#extra .pw_log{z-index: 10;
    position: inherit;}
.wx_log{position:relative;display:none;}
.pw_log h3,.wx_log h3{font-size:16px;font-weight:bold;margin-top:20px;}
.wx_log .scanLog{text-align:center;margin-top: 15px;}
.scanLog #dtQrCode img {width:150px;margin:0 auto;height:150px;
}
.wx_log .scanLog dd{font-size:12px;margin-top:30px;line-height:28px;}
.wx_log .shixiao{
    width:100%;
    height:145px;
    background:rgba(255,255,255,0.8);
    position: absolute;
    top: 0;
    left: 0;
}
.wx_log button{   
    display: block;
    margin: 57px auto;
    border: 0;
    color: #222222;
    width: 84px;
    height: 32px;
    background: rgba(255,255,255,1);
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.27);
    border-radius: 16px;
    cursor:pointer;
}
/*.wx_log button:hover{background:#E9383C;}*/
.copyright{position:fixed;z-index:66;font-size:14px;color:#fff;left:100px;bottom:40px;}
.download_wx img:first-child{float: left;
    margin-top:-7px;
    margin-right: 4px;}
.logtab{/*position:absolute;bottom:116px;left:0px;*/width:100%;z-index:9;text-align:center;font-size:14px;color:#7B8BAB;}
.logtab span{cursor:pointer;}
.logtab span.cur{color:#222;}
.logtab p{width:68px;
height:22px;line-height:22px;text-align:center;
background:rgba(254,252,238,1);
border:1px solid rgba(250, 204, 174, 1);position:absolute;left:-73px;top:4px;color:#E59D6E;}
.miniword{    margin: 9% 0 0% 0;
    width: 100%;
    text-align: center;}
.logtab p:before{    content: '';
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 8px;
    right: -5px;
    border-right: 1px solid #faccae;
    transform: rotate(45deg);
    position: absolute;
    z-index: 2;
    background: #fefcee;
    border-top: 1px solid #faccae;}
.logtab dt,.logtab dd{width:46px;height:46px;background-repeat:no-repeat;background-position:center;background-size:100%;}
.logtab dt{background:#FA3F43 url(../imgs/wx_log.png) no-repeat;background-size:100% 100%;}
.logtab dd{background:#FA3F43 url(../imgs/pc_log.png) no-repeat;background-size:100% 100%;display:none;}
.logtab dd:hover,.logtab dt:hover{background-color:#E9383C;}
.download_wx{width:43%;white-space:nowrap; margin:30px auto;position:relative;}
/*.download_wx dt b{font-weight:normal;}*/
.download_wx dt a{display:block;color:#f00;cursor:pointer;}
.loginbox{margin:20% 15% 10px 15%;}
.download_wx dd{display:none;    position: absolute;
    border: 10px solid #fff;
    top: 45px;
    left:2px;
    box-shadow: 0 0 6px #ccc;}
.download_wx dd:before{content:'';display:block;position:absolute;top:-15px;left:50%;margin-left:-4px; width:8px;height:8px;background-color:#fff;border-top:1px solid #ddd;border-right:1px solid #ddd;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.form-item .form-label {font-size:14px; position: absolute;z-index: -1;left: 0; top:40px;-webkit-transition: 0.3s;transition: 0.3s;}
.form-item .form-labelTop{top:9px}
.form-item .form-label .iconfont{font-size:16px;margin-right:4px;}
.form-item input + .form-label {color:#BDC5D5;-ms-transform: translateY(0px); -webkit-transform: translateY(0px);}
.form-item input:focus + .form-label,.form-item input:valid + .form-label{ font-size: 14px; -ms-transform: translateY(-25px); -webkit-transform: translateY(-25px); transform: translateY(-25px);}
.scan_succeed dd{text-align:center;font-size:14px;color:#555;font-weight:bold;}
.scan_succeed dt{    width: 68px;
    height: 110px;
    margin: 10px auto;
    background-image: url(../imgs/iphone.svg);
    background-size: 200%;
    background-repeat: no-repeat;
    background-position: center;position:relative;}
.scan_succeed dt s{width:30px;height:30px;margin-top:-15px;margin-left:-15px; background-image:url(../imgs/yes_green.svg);background-repeat:no-repeat;background-position:center;background-size:100%;position:absolute;top:50%;left:50%;}
.logContact{color:#bdc5d5;text-align:center;position: absolute;width: 100%;bottom: 11%;left: 0;font-size:14px;}
.logContact dt a{color:#7B8BAB;}
.logContact dt{margin-bottom:5px;}
.logContact dd i{margin-right:4px;}
 .form-item{min-height:40px;padding-bottom:15px;clear:both;*zoom:1;position:relative;}
 .loginPwd{display:none;}
 .form-item p.f_w{ width:290px; float:left}
 .form-item:after{content:"\20";display:block;height:0;clear:both;}
 .form-item label.label{width:110px;float:left;background-color:transparent;cursor:default;color:#777;font-weight:normal;text-align:right;font-size:14px;padding:10px 10px 5px 10px;}
 .form-item label.tc{text-align:center;}
 .form-item label.tl{text-align:left;}
 .form-item label.tr{text-align:right;}
 .form-field{position:relative;}
.placeholder input.text{padding:8px 0;height: 28px;width:100%;outline:0; font-size:14px;border:0;border-bottom: 1px solid #D8DEE3;/*border-bottom:1px solid #3876F3;*/box-shadow:none;background-color:transparent !important;outline:0;}

.placeholder input.text:hover{border:0;border-bottom:1px solid #3876F3 !important;}
.placeholder input.text:focus{outline:0 !important; border-left:0 !important;border-top:0 !important;border-right:0 !important;border-bottom:1px solid #3876F3 !important;}
.placeholder input.text:focus + .form-label {top:9px}
.placeholder input.text.Error{outline:0 !important; border-left:0 !important;border-top:0 !important;border-right:0 !important;border-bottom:1px solid #FD5757 !important;}
.placeholder input.text::-webkit-input-placeholder{
            color:#9AA2A9;
        }
        .placeholder input.text::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#9AA2A9;
        }
        .placeholder input.text:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#9AA2A9;
        }
        .placeholder input.text:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#9AA2A9;
        }

 input.text[readonly]{background-color:#f1f1f1;}
.placeholder input.text.vcode{width:80px;ime-mode:disabled;}
.placeholder label.placeholder{position:absolute;left:0;top:0;display:none;height:23px;padding:8px 5px;font-size:16px;color:#ccc;cursor:text;}
.placeholder input.text:focus + label.placeholder{color:#777;}
.placeholder input.text:hover + label.placeholder{*color:#777;}
.placeholder .btn-login,
.placeholder .btn-reset{height:40px;line-height:40px;font-size:16px;}
.placeholder .btn-login{background:linear-gradient(90deg,#6D73FE,rgba(0,198,255,1));border-radius:20px;color:#fff;display:flex;justify-content:space-between;cursor:pointer;box-sizing: border-box;
        padding: 0 15px 0 40px;}
.placeholder .btn-login.isError{background: linear-gradient(90deg,rgba(255,150,113,1),rgba(248,56,102,1));}
.placeholder .btn-login.isOk{background: linear-gradient(90deg,rgba(94,235,184,1),rgba(7,168,128,1));}
.placeholder .btn-login:hover{background:#0071E7;}
.placeholder .btn-login i{    animation-iteration-count: 3;-webkit-animation-iteration-count: 3;font-size:26px;}
.placeholder .isError{
    height:40px;
    background:linear-gradient(90deg,rgba(255,150,113,1),rgba(248,56,102,1));
    border-radius:20px;
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.placeholder .success{
    height:40px;
    background:linear-gradient(90deg,rgba(94,235,184,1),rgba(7,168,128,1));
    border-radius:20px;
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.placeholder .btn-login-s{
    height:8px;
    background:rgba(237,237,237,1);
    border-radius:4px;

}
.placeholder .btn-login-s .tiao{
    background:linear-gradient(90deg,rgba(200,113,255,1),rgba(0,228,255,1));
    height:8px;
    border-radius:4px;
    animation-iteration-count:1;
    animation-delay:.5s;
    animation:2s ease-out logLoading;
}
@keyframes logLoading{
    0%{opacity:0;width:0%;}
    100%{opacity:1;width:100%;}
}
.placeholder .btn-orange,
.placeholder .btn-reset{height:40px;line-height:36px;*line-height:35px;font-size:14px;margin-left:0px;}
.placeholder .btn-orange{background-color:transparent;border-radius:7px;color:#2D6BE9;opacity:0.5;text-align:right;}
.placeholder .btn-orange:hover{opacity:1}
.placeholder label.placeholder{display:block;}
.placeholder .form-item.error{clear:both;color:#FF4341;min-hegiht:10px;}
.placeholder .form-item.error i{color:#FF4341 !important;font-size: 14px;}
.placeholder .form-item.error label.label{padding:0px 10px!important;line-height:1px;}
.placeholder .form-item.success{clear:both;color:#3FA429;min-hegiht:10px;}
.placeholder .form-item.success label.label{padding:0px 10px!important;line-height:1px;}
.placeholder .form-item.submit{clear:both;}
.placeholder .form-item.check{width:316px;padding:30px 0;margin-bottom:15px;background-color:#FAFAFA;border:1px #EFEFEF solid;}
.placeholder .form-item.check .text{line-height:25px;}
.placeholder .form-item.check .tc{text-align:center;}
.placeholder .form-item.check .progressbar{width:220px;height:19px;margin:10px auto;background:url(../imgs/loading_220x19.gif) no-repeat;}

body.change-password #bd #content{float:none!important;margin:0 auto;width:520px;}
body.change-password .form{}
body.change-password .placeholder .form-item label.label{width:110px;float:left;}
body.change-password .placeholder .bordered{border:1px #d2d2d2 solid;padding:20px 1px;}
.placeholder .yanjing{
    position: absolute;
    bottom: 54px;
    right: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #BDC5D5;
    font-size:20px;
    z-index: 1000;
    cursor:pointer;
}
.placeholder .loginCode ,.placeholder .loginPwd{
    height:80px;
}

.g-login-layer{background-color:rgba(0,0,0,0.5);width:100vw; height:100vh; position:fixed;z-index:30; top:0; left:0; }
.u-itme-layer{background:#fff;position:absolute;left:50%;top: 50%; transform:translate(-50%,-50%); width:500px; height:250px;border-radius:10px; }
.u-itme-layer .h-title{background:#F0F0F0;border-radius:10px 10px 0 0; height:40px; padding-left:20px; line-height:40px;color:#333; font-weight:600;font-size:14px;}
.closed-btn{position:absolute; right:5px; top:5px;/*background-color: #fff;-webkit-mask: url(../images/close-svg.svg) ;mask: url(../images/close-svg.svg);-webkit-mask-size: 100% 100%;*/ display:inline-block; cursor:pointer;}
/*.closed-btn:hover svg{right:-10px; top:-20px;transition:transform 0.5s;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);opacity:1;}*/
.u-itme-layer dl{ display:flex;width:80%; margin:0 auto; position:absolute;left:25%; top:50%;transform:translate(-25%,-50%);font-size:14px;}
.u-itme-layer dt{ width:16%; float:left}
.u-itme-layer dt .guest-w{ width:52px; height:52px;background:#FF8F67;border-radius:50px; text-align:center;display:inline-block; position:relative; text-align:center}
.u-itme-layer dt .guest-w .guest-icon{margin:10px 0; width:28px; height:30px;/*background-color: #fff;-webkit-mask: url(../images/guest-svg.svg) ;mask: url(../images/guest-svg.svg);-webkit-mask-size: 100% 100%;*/ display:inline-block;}
.u-itme-layer dd{width:84%;padding-top:3px;}
.u-itme-layer dd p{line-height:25px; font-weight:600;}

.u-safe-layer{background:#fff;position:absolute;left:50%;top: 50%; transform:translate(-50%,-50%); min-width:500px; min-height:250px;}
.u-safe-layer .t-title{
    height: 90px;
    background: #4768E0;
    font-size: 18px;
    line-height: 90px;
    color: #fff;
    position: relative;
    background-image: url(../../images/safebg.png);
    background-size:100% 100%;
    background-repeat: no-repeat;
    font-weight: bold;
    padding-left: 55px;
}
.safe-step{margin:0 50px 50px 50px;}
.safe-step dl{ color:#1F232C;margin-top:40px;}
.safe-step dl dt{font-weight:600; font-size:16px;margin-bottom:5px;}
.safe-step dl dd{padding-left:26px; font-size:14px;}
.safe-step dl dd.text-safe{padding-left:0;font-size:12px; line-height:22px;}
.btn-blue-a{border-radius:12px;background:#7EB7FE;padding:1px 10px 3px 10px; text-align:center;font-size:12px; text-align:center;color:#fff; cursor:pointer;margin-left:3px;}
.btn-blue-a:hover{color:#fff; background:#5598EB; text-decoration:none}
.c-7f{color:#7F838B;margin:3px 0 0 0}
.c-blue-e{color:#7EB7FE; cursor:pointer;}
.prompt-ic{ width:20px; height:20px; display:inline-block; margin:0 0 0 5px;}
.prompt-ic svg{margin-bottom:-4px;}
.p-tip-yellow,.p-tip-green{width:250px;height:35px;line-height:35px; color:#fff;border-radius:4px;font-size:14px; text-align:center;position:absolute; top:15px; left:50%; transform:translateX(-50%)}
.p-tip-yellow{background: #FF8F16;}
.p-tip-green{background:#11AF14;}


.selBrowser{display:none; width: 550px;height: 262px;position: fixed;top: 50%;left: 50%;margin-left: -275px;margin-top: -131px;z-index: 9;}
.selBrowser .selBrowser_con{width: 550px;height: 262px;border-radius: 7px;background-color: #fff;z-index: 9;position: relative;overflow:hidden;}
.selBrowser:after {content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: -2;position: fixed;top: 0;left: 0;}
.selBrowser_con h6{font-size: 14px;color: #333;font-weight: bold;background-color: #f8f8f8;line-height: 40px;text-indent: 33px;margin: 0;padding: 0; margin-bottom: 10px;}
.selBrowser_con li{color:#6F6F6F;margin-left:33px;line-height:20px;}
.selBrowser_con li.orange{color:#FF755A;}
.selBrowser_con li img{margin:6px 0px 6px 50px;}
.selBrowser .closethis{position: absolute;transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg);display:block;top:-15px;right:-15px;color:#fff;z-index: 999;border: 0;transition:transform 0.5s;background-color:transparent;cursor:pointer;outline:0;}
.selBrowser .closethis i{font-size:13px;}
.selBrowser .closethis:hover{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.selBrowser_con h5{/*color:#ABAFB3;*/text-align:left;margin-bottom:10px;color:#4A7FC8;cursor:pointer;}
.selBrowser_con h5 i.icon-tool{margin-right:10px;}
.selBrowser_con h5 i.icon-arrow{margin-left:12px;color:#4A7FC8;position:absolute; font-size:12px;cursor:pointer;margin-top:4px;transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg);transition:transform 0.5s;}
.g-login-layer .selBrowser_con{background-color:#F3F8FD;padding:10px 50px;height:268px;transition:height 0.5s;overflow:hidden;}
.g-login-layer .selBrowser_con.close{height:15px;transition:height 0.5s;}
.g-login-layer .selBrowser_con.close h5 i.icon-arrow{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg);margin-top:3px;}
@media only screen and (max-width:1600px){
    #extra{height:84%;}
}
@media only screen and (max-width:1440px) and (max-height:600px){
    #extra{height:100%;}
}


.Logintishi{
    line-height: 30px;
    color: #F90808;
    font-size: 12px;
    display:none
}
.Logintishi i{
    color:#FF4341 !important;
    font-size:14px;
    margin-right: 5px;
}
.LoginCG{
    line-height: 30px;
    color: #16AC7C;
    font-size: 12px;
    display:none
}
.LoginCG i{
    font-size: 14px;
    margin-right: 5px;
}