/*页面单个板块容器*/
.singleWrapper{margin:auto;}
/*用户登录*/
.login-box { margin:50px auto; padding: 50px; width: 343px; overflow: hidden; background:#fff;border:0;border-top:2px;border-style:solid;}
.login-box .input-box { position: relative; display: inline-block; margin-bottom: 20px; padding: 0 10px; width: 320px; border: 1px solid #e5e5e5; height: 42px; line-height: 22px; color: #333;  overflow: hidden; background:#fff;}
.login-box .input-box input { padding: 12px 0; width: 100%; height: 20px; line-height: 20px;  background:none;}
.login-box .remember-box { margin-bottom: 20px; height: 20px; line-height: 20px; color: #909090;  }
.login-box .remember-box input { vertical-align: middle; }
.login-box .remember-box label { margin-right: 7px; cursor: pointer; vertical-align: middle; }
.login-box .remember-box a { vertical-align: middle; }
.login-box .btn-box input { display: inline-block; width: 342px; height: 42px; line-height: 42px;  color: #fff; cursor: pointer;  text-align: center; font-size:16px;}
.login-box .btn-box a{ display: inline-block; width: 340px; height: 40px; line-height: 40px;text-align: center; font-size:16px;border-width:1px;border-style:solid;margin-top:20px;}
.login-box .tip-box { display: block; text-align: center; color: #fb2104; margin-bottom:10px;}
.login-box .oatuh-box { clear: both; padding-top: 10px; }
.login-box .oatuh-box h3 { display: block; margin-bottom: 10px; color: #666; line-height: 30px; height: 30px; font-weight: normal;font-size:14px; }
.login-box .oatuh-box p { margin-left: -25px; }
.login-box .oatuh-box p a { display: block; float: left; margin: 0 0 10px 25px; _display: inline; _zoom: 1; }
.login-box .oatuh-box p a img { width: 38px; height: 38px; }

/*表单样式*/
.msg-box { display: block; margin: 0; padding: 6px; border: 1px solid #fbf2b5; background: #fcfbda; }
.msg-box i { display: block; float: left; margin: 4px 0 0;  color: #A094A9; width: 18px; height: 18px; text-align: center; vertical-align: middle; }
.msg-box p { margin-left: 18px; line-height: 24px; color: #A4A147;  }
.form-box { margin: auto;  }
.form-box .form-group { margin: 0; padding: 10px 0; clear: both; }
.form-box .form-group .tips { margin-left: 16%; color: #666;  line-height: 20px; }
.form-box .form-group dt { display: block; float: left; padding-right: 2%; width: 14%; line-height: 40px; text-align: right; color: #888; }
.form-box .form-group dd { display: block; position: relative; margin-left: 16%; line-height: 40px; }
.form-box .form-group dd img { vertical-align: middle; }
.form-box .form-group dd a.send { display: inline-block; padding: 0 10px; color: #555; border: 1px solid #e0e0e0; height: 40px; line-height: 40px; color: #333; }
.form-box .form-group dd a.send.gray { color: #999; }
.form-box .form-group dd .input { display: inline-block; padding: 0 10px; width: 50%; height: 40px; line-height: 20px; border: 1px solid #e0e0e0; transform: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.form-box .form-group dd .input:focus,.form-box .form-group dd .input:hover { outline: none; box-shadow: #ccc 0 0 6px 0; }
.form-box .form-group dd .input.code { width: 80px; }
.form-box .form-group dd .select { display: inline-block; padding: 10px; height: 40px; line-height: 20px; border: 1px solid #e0e0e0; }
.form-box .form-group dd .textarea { display: inline-block; padding: 10px; width: 50%; height: 80px; line-height: 20px; border: 1px solid #e0e0e0; vertical-align: middle; overflow: auto; }
.form-box .form-group dd .submit,.form-box .form-group dd .emptyButton { display: inline-block;  width: 302px; height: 42px; line-height: 42px; color: #fff; font-size: 16px; cursor: pointer; text-align:center;}
.form-box .form-group dd .submit[disabled] { cursor: not-allowed; border:none; }
.form-box .form-group dd .emptyButton{border-width:1px;border-style:solid;width: 300px; height: 40px; line-height: 40px;}
/*全屏样式*/
.fullForm-tit{width:900px;margin:20px auto;font-size:26px;text-align:center;}
.fullForm { width:900px;margin:0 auto 50px auto; background:#fff;border:0;border-top:2px;border-style:solid;padding: 50px 0; }
.fullForm .form-group dt { width: 20%; }
.fullForm .form-group dd { margin-left: 22%; }
.fullForm .form-group dd .input { width: 40%; }
.fullForm .form-group dd .input.code { width: 120px; }
/*头像上传*/
.cropper-wrap { margin-top: 20px; }
.cropper-wrap .cropper-box { position: relative; float: left; margin-right: 20px; padding: 1px; width: 350px; height: 350px; text-align: center; border: 1px solid #f0f0f0; border-radius: 2px; background: #f4f4f4; text-align: center; vertical-align: middle; }
.cropper-wrap .cropper-box div { margin: auto; vertical-align: middle; }

.cropper-wrap .cropper-view { float: left; width: 184px; }
.cropper-wrap .cropper-view .img-box { padding: 1px; width: 180px; height: 180px; border: 1px solid #f0f0f0; border-radius: 2px; background: #fff; overflow: hidden; }
.cropper-wrap .cropper-view .img-box img { display: block; width: 180px; height: 180px; }
.cropper-wrap .cropper-view .btn-box p { margin: 8px 0; text-align: center; color: #333; font-size: 13px; line-height: 24px; }
.cropper-wrap .cropper-view .btn-box p.tip { text-align: left; color: #999; font-size: 13px; line-height: 22px; }
.cropper-wrap .cropper-view .btn-box .btn { width: 100%; line-height: 34px; height: 36px; cursor: pointer; color: #fff; }
/*以下部分是WebUploader必须的*/
.webuploader-container { position: relative; }
.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick { position: relative; display: inline-block; padding: 0 25px; line-height: 32px; height: 32px; border: 1px solid #02598E; border-radius: 2px; cursor: pointer; background: #1e7bb3; color: #fff; text-align: center; overflow: hidden; zoom: 1; *display: inline; }
.webuploader-pick-hover { opacity: 0.9; }
.webuploader-pick-disable { opacity: 0.6; pointer-events: none; }
.upload-box { position: relative; display: inline-block; height: 32px; vertical-align: middle; zoom: 1; *display: inline; }
.upload-box .upload-btn { display: inline-block; height: 32px; zoom: 1; *display: inline; }
.upload-box .upload-progress { position: absolute; top: 0; left: 0; padding: 2px 5px; width: 115px; height: 28px; border: 1px solid #d7d7d7; background: #fff; overflow: hidden; }
.upload-box .upload-progress .txt { display: block; padding-right: 10px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 18px; height: 18px; text-overflow: ellipsis; overflow: hidden; }
.upload-box .upload-progress .bar { position: relative; display: block; width: 112px; height: 4px; border: 1px solid #1da76b; }
.upload-box .upload-progress .bar b { display: block; width: 0%; height: 4px; font-weight: normal; text-indent: -99em; background: #28B779; overflow: hidden; }
.upload-box .upload-progress .close { position: absolute; display: block; top: 1px; right: 1px; width: 14px; height: 14px; text-indent: -99em; background: url(../images/sprite.gif) 0 -240px no-repeat; cursor: pointer; overflow: hidden; }