/* 
 * login,register  page
 * 2017-3-27 zyl
*/
/* 样式重置 */
input:-webkit-autofill { -webkit-box-shadow: 90px 90px 0px 20px #fff inset;background-color: #fff; }
input:focus { background-color: #fff;outline: none; }
html { -webkit-tap-highlight-color:transparent;}
body,
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dd,
ul,
ol,
form,
input,
textarea,
th,
td,
select { margin: 0;padding: 0; }
em,i { font-style: normal; }
li { list-style: none; }
a { text-decoration: none; }
img { border: 0;vertical-align: top; }
table { border-collapse: collapse; }
input,
select,
textarea,
button { outline: none;border: none;background: none; }/*谷歌当光标移入，有一个框*/
textarea { resize: none;overflow: auto; }/*变大变小，没有滚动条*/
h1,
h2,
h3,
h4,
h5,
h6,
th { font-weight: normal; }
.clearfix:after { content: "";display: block;clear: both; }
.clearfix {zoom: 1;}
body { font-size: 14px;font-family: "微软雅黑";background: #020816; }

/* chosen插件修改样式  */
.chosen-container { width: 100%!important; }
.chosen-container-single .chosen-single { height: 52px; border: 1px solid #ccc;padding-left: 12px;background: #fff;box-shadow: none;border-radius: 0; }
.chosen-container-single .chosen-single,
.chosen-container-single .chosen-single span { height: 52px;line-height: 50px;font-size: 18px; }
.chosen-container-single .chosen-single div b { background-position: 2px 15px; } 
.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -16px 15px; } 

/* 登录注册  */
.login-title { width: 452px;margin: 0 auto;padding-top: 100px; }
.login-title img { height: 80px; }
.reg-title { padding-top: 50px; }
.reg-main { width: 452px;margin: 0 auto 30px; }
.reg-main .reg-form  { margin: 20px 0 0; }
.reg-main h2 { margin: 23px 0 42px;text-align: center; }
.reg-main .login-text { padding-bottom: 9px;font-size: 20px;color: #fff;border-bottom: 1px solid #fff; }
.login-title h3 { padding: 16px 0;font-size: 18px;text-align: left;color: #fff; }
.login-title h3 a { padding: 10px 8px;color: #fff; }
.login-title h3 a.current,
.login-title h3 a:hover { color: #f5b10e; border-bottom: 1px solid #f5b10e; text-decoration: none; }
.login-title h3 .line { position: relative;top: 2px;display: inline-block;height: 20px;width: 2px;margin: 0 12px;background: #acadb2; }
.registerTypedsp { cursor: pointer; }
.common-form,
.form-horizontal.common-form .form-group { margin: 0 0 25px; }
.common-form .form-control,
.common-form .btn-login { height: 52px;padding: 6px 12px;border-radius: 0;font-size: 18px; }
.common-form .btn-login,
.reg-main .btn-flat { width: 100%;margin: 25px 0;background: #1c68ca;color: #fff;font-size: 22px;border-radius: 0; } 
.common-form textarea.form-control { width: 100%;height: auto;font-size: 16px;border-radius: 2px; }
.login-form { padding-top: 60px; }
.login-form .input-group-addon { border-radius: 0;background-color: #fff;cursor: pointer; }
.common-form .common { font-size: 16px;color: #fff; }
.common-form .forgetpass { float: right;color: #fff; }
.common-form .forgetpass:hover,
.common-form .applycount:hover { color: #f5b10e; }
.form-horizontal.common-form  .checkbox { padding-top: 0; }
.reg-main .modal-body,
.reg-main .modal-footer { padding: 0;border: 0; }
.reg-main .input-group-addon { padding: 0 10px;border: 0;border-radius: 0;background: #1a66c8; }
.reg-main .addon-codebtn { background: none;padding: 0; }
.reg-main .addon-codebtn .sendbtn { display: block;width: 130px;height: 52px;line-height: 52px;margin-left: 10px;background: #1a66c8;color: #fff;font-size: 17px;cursor: pointer; }
.reg-main .addon-codebtn .sendbtn.disabled { background: #999; }
.reg-main .addon-codeimg { background: #fff; }
.reg-main .input-group-addon i { display: inline-block;width: 36px;height: 36px;color: #fff; }
.reg-main .input-group-addon i:before { content: ""; }
.reg-main .input-group-addon i { background: url(../images/reg_icon.png) no-repeat center;background-size: 324px 36px;background-position: 0 0; }
.reg-main .input-group-addon i.fa-mobile-qq { background-position: -252px 0; }
.reg-main .input-group-addon i.fa-envelope { background-position: -216px 0; }
.reg-main .input-group-addon i.fa-flag-o { background-position: -180px 0; }
.reg-main .input-group-addon i.fa-company { background-position: -144px 0; }
.reg-main .input-group-addon i.fa-code { background-position: -108px 0; }
.reg-main .input-group-addon i.fa-user { background-position: -72px 0; }
.reg-main .input-group-addon i.fa-mobile-phone { background-position: -36px 0; }
.reg-main .input-group-addon i.fa-unlock-alt { background-position: 0 0; }
.reg-main .btn-group { width: 100%; }
.reg-main .btn-group .btn.active { color: #00adf5; }
.reg-main .btn-group .btn.active span { border-bottom: 1px solid #00adf5;}
.reg-main .btn-group .btn {	font-size: 16px;line-height: 28px;border-left: 1px solid #fff;border-right: 1px solid #fff;color: #fff; }
.reg-main .btn-group .btn:first-child { border-left-width: 0; }
.reg-main .btn-group .btn:last-child { border-right-width: 0; }
.reg-main .btn-group .btn span { padding-bottom: 9px;border-bottom: 1px solid #fff; }

.send-success .modal-body { padding-top: 40px; }
.send-success .login-other { margin: 15px; }
.send-success .login-go { padding-top: 10px;font-size: 16px;color: #00adf5;font-weight: bold; }
.send-success .success-content .modal-footer { text-align: left; }

.reg-main .reg-agreement,
.reg-text-one,
.reg-main .login-other,
.common-form .login-other { font-size: 15px;color: #fff; }
.reg-text-one { padding-bottom: 20px;font-size: 16px; }
.reg-main .reg-agreement a ,
.reg-main .login-other a ,
.common-form .login-other a { color: #00adf5;}
.reg-main .reg-agreement a:hover { text-decoration: none; }
label.error,
.reg-main .use_show,
.reg-main  .waitcode_show { color: #f5b10e;font-weight: normal; }
label.error { color: #ff3939; }

/* 开发者协议弹出框  */
.developermodalreg { position: absolute;z-index: 4;top: 0;left: 0;right: 0;border: 0;min-height: 100%;border-radius: 0;box-shadow: none; }
.developermodalreg .modal-header { border: 0; }
.developermodalreg .close { margin-top: -18px;margin-right: -15px;height: 60px;width: 60px;position: relative;z-index: 1;color: #bbb;font-size: 40px;font-weight: normal;opacity: 1; }
.reg-main .agreement-content { padding: 15px; }

/* 忘记密码  */
.sspreg .modal-footer button:hover { background:#E4B951; }
.success-content .emailSendSuccess .successimg { background: url("../images/successkyd.png") no-repeat; }

/* 弹出联系邮箱 */
.contactemail .modal-dialog { position:absolute;top: 50%;left: 50%;margin-left: -232px;margin-top: -146px;max-width: 464px;height: 292px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #fff;-webkit-box-shadow: 0 0 20px 10px rgba(255,255,255,.27);-moz-box-shadow: 0 0 20px 10px rgba(255,255,255,.27);box-shadow: 0 0 20px 10px rgba(255,255,255,.27);	
 }
.contactemail .modal-header { border: 0; }
.contactemail .modal-content { box-shadow: none;border: 0; }
.contactemail .text1,
.contactemail .text2 { font-size: 18px;font-family: "Arial";color: #333;text-align: center; }
.contactemail .text1 { padding: 40px 10px 20px; }
.contactemail .close { font-size: 28px;opacity: .5; }

@media screen and (max-width: 720px){
	.login-title img { height: 0.7rem; }
	.login-title .login-text { font-size: 18px; }
	.login-title h2 { margin: 15px 0 22px; }
	.login-title h3 { font-size: 17px; }
	.login-title h3 a { padding: 10px 4px; }
	.login-title h3 .line { height: 16px; }
    .reg-main { width: 100%;padding: 0 15px;  }
	.login-title,
	.common-form  { width: 100%; padding: 10px 15px;}
	.reg-main .common-form { padding: 0; }
	.common-form .common { font-size: 16px; }
	.common-form .form-control, 
	.common-form .btn-login ,
	.common-form .chosen-select { height: 44px; padding: 9px 12px;}
	.common-form .chosen-select,.country-group { width: 100%;background: #fff;font-size: 18px;color: #999; }
	.common-form .chosen-select.valid { color: #444; }
	.common-form .btn-login { line-height: 1; }
	.login-form .input-group-addon { padding: 0 12px; }
	.form-horizontal.common-form .form-group { margin-bottom: 15px; }
	.contactemail .modal-dialog { width: 310px;margin-left: -155px; }
}

/* 提示消息样式 */
div.message { padding: 10px 30px;position: fixed;top: 25%;overflow: hidden; }
.message.alert-danger {color: #000;background-color: #f5b10e;border-color: #f5b10e; }