@charset "utf-8";
/* CSS Document */
.navtion.white-nav{ background-color:#fff;}
.white-nav .nav>li>a {padding: 10px 18px;color: #222;position: relative;}
.white-nav .nav>li>a:hover{color: #0182e8;}
.white-nav .link-right a {color: #0182e8;}
.white-nav .link-right a:hover{ color:#fff;}
.white-nav .icon-drop{ background-position:-28px -2px;}
.blue-bac{background-color:#bbe2ff}
.main-box{padding-top: 82px;}
.page-bottom{padding:10px 0;}
.page-bottom p{text-align:center;font-size: 12px; line-height: 24px;color: #4e6580;}
/*注册*/
.r-box{ width:750px;margin:80px auto;padding: 20px;background-color:#fff; border: 1px solid #accdea; border-radius: 8px}
.r-top{ text-align:right}
.r-box h1{ text-align:center; font-size: 26px; color:#4e6580; margin:10px 0 40px 0;}
.r-group{ position: relative; margin:20px auto; width:56%;}
.r-group.btn-tool{ padding-top:10px;}
.icon-right{ display: block; width: 20px; height: 20px; background: url(../image/input-right.png) no-repeat center; background-size: auto 20px;position: absolute; left: 100%; top: 0;margin: 10px;}
/*2*/
.r-box.step-two{ padding:15px; }
.r-group .form-control{ width:100%; margin: auto; color: #999; text-indent:5px; background-color:#f4f4f4; height: 42px; line-height:28px;box-shadow: none; border: 1px solid #ddd; outline: none;}
.r-group .form-control:active,.r-group .form-control:focus{ border:1px solid #72caf2; background-color:#f4faff;}
.r-group label.error{display: inline-block; font-weight: normal;position: absolute;left:100%;top: 0;margin-left: 10px;line-height: 22px;width: 160px;padding: 10px 0;color: #ed4226; width: 100%}
.form-control.error{ border: 1px solid #f75234; background-color: #fdf6f5}
.validate.grey {color: #cac7c7;cursor: default; text-align: center;}
.step-one{ margin:120px auto}
.step-one .form-content{ padding: 0 0 20px 0;}
.validate img{width: 100%;height: 30px;margin-bottom: 2px}


.r-tip{ font-size:12px;}
.r-tip input[type=checkbox],.r-tip input[type=radio]{vertical-align: middle;line-height: 16px;margin: -2px 5px 0px 0;}
.r-group .btn-sumbit{margin: auto}
.btn-sumbit{ display: block; width: 100%; height: 42px; line-height: 42px; outline:none; border: 1px solid #0182e8; border-radius: 4px; font-size: 16px;}
.validate{ display: block; box-sizing: border-box; padding: 0 5px;position: absolute; right: 0; line-height: 40px; margin:1px 0; top: 0; border-left:1px solid #ddd;width: 120px;text-align: center;}
.select-group { margin:auto;}
.select-group .form-control{ margin: 0; width: 100%}
.select-group >div{ margin:0; padding: 0; padding-right: 10px}
.select-group >div:last-child{ padding-right:0;}

.r-success{ text-align: center;padding: 80px 0 40px 0;}
.r-success img{ display:inline-block; vertical-align: top; height: 56px; margin-right:20px;}
.success-content{ display:inline-block; vertical-align: top; text-align: left;}
.success-content p{color:#7fc334; font-size: 26px;}
.rs-txt{ font-size: 16px; margin-top:15px;}
.success-content .btn-success{padding: 6px 24px;border-radius: 0;min-width: 220px;margin-top: 40px;line-height: 28px;font-size: 16px;color: #fff;}
.division{ color: #999; text-align: center; padding: 20px 0 30px 0;margin: 40px 0; border-top: 1px dashed #bbb;}
.join-one{ margin:160px auto}
.join-one h1{margin-top: 60px;}
.join-one .form-content{ padding-bottom: 40px;}
/*注册-图片验证*/
.dark-box{ position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.3);z-index:101;}
.picture-validate{ width:360px;box-shadow:0 0 6px rgba(0,0,0,0.2); background-color:#fff; border-radius:4px; position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-150px;}
.picture-validate .validate-title{ line-height:40px; padding-left:10px; background-color:#f1f1f1; font-weight:bold; border-radius:4px 4px 0 0}
.picture-validate .validate-body{ border-bottom:1px solid #ddd;}
.picture-validate .validate-body .control_form{ overflow: hidden; width:300px; margin:20px auto; padding:15px 0; text-align: center;}
.img-validate input{border:1px solid #ccc; border-radius: 4px; line-height: 34px;text-indent: 10px;}
.picture-validate .validate-body .img-validate,.proving-img{ display: inline-block; vertical-align: middle;}
.proving-img img{height: 34px;border: 1px solid #ddd;}
.picture-validate .validate-footer{ overflow:hidden; margin:15px 0;}
.picture-validate .validate-footer .btn.btn-sky,.validate-footer .btn.btn-default{width: 120px;border:1px solid #ccc; background: -webkit-linear-gradient(#fff, #f8f8f8); background: -o-linear-gradient(#fff, #f8f8f8); background: -moz-linear-gradient(#fff, #f8f8f8);background: linear-gradient(#fff, #f8f8f8);border-radius:4px;color:#56abe4; padding:6px 20px}
.picture-validate .validate-footer .btn.btn-sky:active,.validate-footer .btn.btn-default:active{ box-shadow:none;}
.picture-validate .validate-footer .btn.btn-default{ color:#828282;}
.picture-validate .validate-footer .btn.btn-sky:hover{ border:0 none; background:#56abe4; color:#fff;}
.picture-validate .validate-footer .btn.btn-default:hover{ background:#f1f1f1;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color:#f4faff;background-image: none;color: rgb(0, 0, 0);}

/*忘记密码*/
.activation-tab{ overflow:hidden;}
ul.activation-tab li {float: left;width: 46%;text-align: center;line-height: 24px;margin-bottom:40px;}
ul.activation-tab li a{padding: 10px 30px 15px 30px;color:#010101; font-size: 16px;}
ul.activation-tab li:hover a,ul.activation-tab li.active a{ cursor: pointer;color:#0182e8; border-bottom: 2px solid #0182e8}
.activation h2 img{ max-width:60px;}