﻿body{background: url(images/plx_login_bg.jpg?v=1.2) 0 0 no-repeat;min-height: 100%;box-sizing: border-box;display: block;height: 100%;width: 100%;}

/* 登录样式 */
.plx_main_login{font-size: 12px;}
.plx_login_content{display: block;height: 100vh;width: 100%; position:relative}
.login_area{position: absolute; left: 50%; top: 45%;margin-left: -256px;margin-top: -264px;}
.logo{text-align:center;padding-bottom:15px;}
.logo a{display: inline-block;}
.logo a img {height: 44px;width: auto;display: inline-block;}
.login_main{ width: 430px; height: 380px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.4);margin: 0 auto;background-color: #fff; padding:40px 50px;background-size: cover;}
.login_main .login_title{text-align: left; height: 42px; padding-bottom: 10px;}
.login_main .login_title p{font-size: 32px;float: left; margin-left: 15px;}
.login_main .login_title span{float: right;font-size: 14px;vertical-align: bottom; margin-top: 21px;}
.login_main .login_title a{color:#ffc237;}
.login_main .login_title a:hover{text-decoration: underline;}
.login_main .login_input{margin: 25px 0 5px; }
.login_main .login_input div{margin-top: 25px;width: 405px;}
.login_main .login_input .login_item{margin: 20px 20px 0;font-size: 14px!important;}
.login_main .login_input .login_item a{float: right;margin-top: 0;}
.login_txt{ height: 60px; line-height: 1.3; line-height: 60px\9; background-color: #fff; border-radius: 20px; display: block; width: 100%; padding-left: 24px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; box-shadow: 1px 1px 10px rgba(0, 0, 0, .1); font-size: 16px; }
.login_txt:hover, .login_txt:focus{box-shadow: 1px 1px 10px rgba(0, 0, 0, .2); }
.login_main .login_btn{text-align: center; margin: 15px 0 0;}
.login_main .login_btn p{height: 20px; line-height: 20px;color:#f63f36;font-size: 14px;margin-bottom: 10px;opacity: 0;}
.login_main .login_btn .login{ font-size: 20px; color:#ffc237; background-color: #191919; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; width: 240px; height: 50px; display: inline-block; line-height: 50px;cursor: pointer;}
.login_main .login_btn .login:hover{color:#191919; background-color: #FFC237;}
.plx_login_footer{position: absolute;left: 0;bottom: 0;width: 100%;line-height: 30px;padding: 20px;text-align: center;box-sizing: border-box;color: #666;}

/*单选框 复选框*/
.checkbox, .radio {display: inline-block; margin-top: 0;margin-right: 20px}
.radio:first-child{margin-left: 0;}
.checkbox:hover, .radio:hover {cursor: pointer; }
.checkbox input[type="checkbox"], .radio input[type="radio"] {display: none; }
.icon-checkbox, .icon-radio {height: 16px;width: 16px;margin-right: 5px;display: inline-block;border: 1px solid #e1e1e1;position: relative;bottom: -4px;background: #fff; }
.checkbox:hover .icon-checkbox, .radio:hover .icon-radio {border-color: #FFC237; }
.radio input[type="radio"]:checked + i:after { content: ""; position: absolute; top: 4px; left: 4px; height: 8px; width: 8px; background: #ffc237; border-radius: 50% ; -webkit-border-radius: 50% ; -moz-border-radius: 50% ; -ms-border-radius: 50% ; -o-border-radius: 50% ; }
.checkbox input[type="checkbox"]:checked + i:after{content: '';width: 9px;height: 5px;position: absolute;top: 3px;left: 3px;border: 2px solid #ffc237;border-top: none;border-right: none;background: transparent;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 1;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.checkbox input[type="checkbox"]:disabled + i, .radio input[type="radio"]:disabled + i {border-color: #eee; }
.checkbox input[type="checkbox"]:disabled:checked + i:after, .radio input[type="radio"]:disabled:checked + i:after {background-color: #999; }
.radio input[type="radio"] + i {border-radius: 50%; }
.radio input[type="radio"]:checked + .icon-radio:after {border-radius: 50%; }

/*弹出页面登录区域样式*/
.login_dialog .login_main{position: absolute;top: 50%;left: 50%;margin: -260px 0 0 -255px;}
.login_dialog .login_item a{display:none;}
.login_dialog .login_main .register{display:none;}

.login_main .agree{text-align: center;width: 100%;margin-top:10px;}
.login_main .agree a {color: #1c72ff;}
