body{background: #fbfcff;}
/*.layui-layer-rim{top: 50% !important;margin-top: -266px !important;left: 50% !important;margin-left: -360px !important;}*/
/*头部*/
.login_top{background:#fff;height: 80px;border-bottom: 1px solid #ddd; min-width: 1200px;}
.login_top .wrap .title{color: #787878;height: 80px;line-height: 100px;padding-left: 20px;}
.login_top .wrap a img{height: 80px;}
.login_top .wrap .fr{padding: 10px;}
.login_top .wrap .fr div{font-size: 14px;line-height: 30px;color: #8c8c8c;font-size: 14px;font-weight: bold;}
/*底部*/
.login_bottom{height: 60px;width: 100%;min-width: 1200px;}
.login_bottom .wrap div{width: 100%;color: #8c8c8c;font-size: 14px;}


/*中间部分*/
.login_center{background-image: url('/Public/pc2/images/login_back.jpg');background-repeat: no-repeat; background-position: center 0;  height: 550px;min-width: 1200px;width: 100%}
.login_center .wrapBox{margin: 0 auto;width: 1200px;}
.login_center .wrapBox  .center_box{ width: 340px;height: 400px;overflow: hidden; margin-top: 75px; border-radius:5px;float: right; position: relative;background: rgba(255,255,255,1);margin-right: 60px;}

/*登录*/
.login_center .center_box .title{width: 100%;margin-top: 5px; height: 40px;line-height: 40px; color:#999;font-size: 17px;border-bottom:3px solid #fff;text-align: center;cursor: pointer}
.login_center .center_box ul{width: 340px;height: 300px;margin-top: 40px;position: absolute;top: 0px;left: 0;display: none;padding-top: 25px;}
.login_center .center_box .selected{border-bottom:3px solid #1f89d1;color: #333;}
.login_center .center_box .selected +ul{display: block;}
.login_center .center_box .title:hover{border-bottom:3px solid #1f89d1;color: #333}
.login_center .center_box .title:hover +ul{display: block;z-index: 1}
.login_center .center_box ul li{padding: 10px 0;}
.login_center .center_box ul li .user_centerBox{overflow: hidden; padding: 5px;background: #f0f2f7;width: 80%;margin: 0 auto; border-radius: 30px;border:1px solid #b9bed1;position: relative}
.login_center .center_box ul li .user_centerBox .fa{font-size: 18px;}
.login_center .center_box ul li .user_centerBox input{font-size: 14px; background: none;border: none;outline:none;position: absolute;width: 70%;border-radius: 0 30px 30px 0; height: 100%;top: 0;left: 50px;}
.login_center .center_box ul li .user_leftBox{float: left;font-size: 14px;margin-left: 12%;}
.login_center .center_box ul li .user_leftBox input{width: 15px;height: 15px; position: relative;top: -3px;margin-right: 8px;}
.login_center .center_box ul li .user_leftBox input:before{ text-align: center;background: #fff;border: 1px solid #333; position: absolute;top: 0px;left: 0;width: 100%;height: 100%; content: '';border-radius: 3px}
.login_center .center_box ul li .user_leftBox input:checked:before{text-align: center;background: #fff;font-weight: bold;font-size: 14px;line-height: 15px; border: 1px solid #333; position: absolute;top: 0px;left: 0;width: 100%;height: 100%; content: '✓';border-radius: 3px}
.login_center .center_box ul li .user_right{float: right;font-size: 14px;margin-right: 12%;}
.login_center .center_box ul li .user_Btn{margin: 15px auto; background: #2099f4;width: 70%;height: 40px;line-height: 40px; border-radius: 5px;text-align: center;font-size: 18px;color: #fff;letter-spacing: 8px;cursor: pointer;}
.login_center .center_box ul li .register_btnHref{background:#ffa800}
.login_center .center_box ul li.theThirdParty span{font-size: 14px}
.login_center .center_box ul li.theThirdParty span.fa{margin-left: 10px; color: #fff;display: inline-block;width: 30px;height: 30px;border-radius: 50%;line-height: 30px; background: red;text-align: center}
.login_center .center_box ul li.theThirdParty span.fa:nth-of-type(2){background: #96c0e7}
.login_center .center_box ul li.theThirdParty span.fa:nth-of-type(3){background: #b8d466}
.login_center .center_box ul li.theThirdParty span.fa:nth-of-type(4){background: #eb716e}
.login_center .center_box ul li.theThirdParty span.registerHref{color: #0076fe;float: right;margin-right: 10px;}
.login_center .center_box ul li .get_code{position: absolute;min-width: 30px;text-align: center; border-radius: 3px; right: 10px;background: #288cc0;top: 50%;height: 30px;margin-top: -15px;line-height: 30px;font-size: 14px;cursor: pointer;padding:0 5px;color: #fff;}
.login_center .center_box ul li .safecode{position: absolute;right: 4px; height: 37px;border-radius: 0px 5px 5px 0; margin-top: -9px;float: right;width: 80px; }


/*注册*/
.login_center .divRegister .center_box{ background: #fff;}
.divRegister .center_box .user_Box{padding: 10px;font-size: 14px;}
.divRegister .center_box .user_Box .titleB{display: inline-block;width:20%;padding-right: 10px;text-align: right;font-size: 14px;}
.divRegister .center_box .user_Box input{font-size: 14px; background: none;border: none;outline:none;border-bottom: 1px solid #ddd;padding: 5px 10px;}
.divRegister .center_box .user_Box input.inputW{width: 62%;}
.divRegister .center_box .user_Box input:nth-of-type(2){width: 62%;}
.divRegister .center_box  .user_Box input[type=checkbox]{width: 15px;height: 15px; position: relative;top: -3px;margin-right: 8px;}
.divRegister .center_box  .user_Box input[type=checkbox]:before{ text-align: center;background: #fff;border: 1px solid #333; position: absolute;top: 0px;left: 0;width: 100%;height: 100%; content: '';border-radius: 3px}
.divRegister .center_box  .user_Box input[type=checkbox]:checked:before{text-align: center;background: #fff;font-weight: bold;font-size: 14px;line-height: 15px; border: 1px solid #333; position: absolute;top: 0px;left: 0;width: 100%;height: 100%; content: '✓';border-radius: 3px}
.divRegister .center_box .xieyi{text-align: center;}
.divRegister .center_box .register_button{width: 70%;background: #2099f4;margin: 0 auto; border-radius: 3px;padding: 10px 0;font-size:18px;text-align: center;color: #fff;}
.divRegister .get_code{margin-left: 15px; border: 1px solid #a7cfff;padding: 5px 10px;color: #0076fe;border-radius: 5px;min-width: 30px;position: absolute;}

/*找回密码*/
.login_center .divFind_password .center_box{ background: #fff;}
.divFind_password .center_box .user_Box{padding: 10px;font-size: 14px;}
.divFind_password .center_box .user_Box .titleB{display: inline-block;width: 70px;padding-right: 10px;text-align: right;font-size: 14px;}
.divFind_password .center_box .user_Box input{font-size: 14px; background: none;border: none;outline:none;border-bottom: 1px solid #ddd;padding: 5px 10px;}
.divFind_password .center_box .user_Box input.inputW{width: 62%;}
.divFind_password .center_box .user_Box input:nth-of-type(2){width: 52%;}
.divFind_password .center_box .xieyi{text-align: center;}
.divFind_password .center_box .retrieve_button{margin: 0 auto; width: 70%;background: #2099f4;border-radius: 3px;padding: 10px 0;font-size:18px;text-align: center;color: #fff;}
.divFind_password .get_code{position: absolute; margin-left: 15px; border: 1px solid #a7cfff;padding: 5px 10px;color: #0076fe;border-radius: 5px;min-width: 30px;}