/*
 * @name：common.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */

 /* css 初始化 */
 html, body{ font-size:12px; font-family:"Microsoft YaHei",sans-serif; }
 html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
 h1,h2,h3,h4,h5,h6 { text-decoration:none; font-size:100%; }  /*设置h标签的大小，设置跟父亲一样大的字体font-size:100%;*/
 fieldset, img,input,button { border:none; padding:0; margin:0; outline-style:none; }   /*去掉input等聚焦时的蓝色边框*/
 ul, ol { list-style:none; }
 textarea { resize:none; /*防止拖动*/ outline:none; /* 轮廓线清零 */ }
 img { border:0; vertical-align:middle; }  /*  去掉图片低测默认的3像素空白缝隙，或者用display：block也可以*/
 s,i,em {font-style:normal;text-decoration:none;}
 a,a:active,a:visited { text-decoration: none; }
 table { border-collapse:collapse; }
 
 /* 公共类 */
 
 .tar { text-align:right; }
 .tal { text-align:left; }
 .rel { position:relative; }
 .abs { position:absolute; }
 .fl { float:left; }
 .fr { float:right; }
 .clear { zoom:1; }
 .clear:after { display:block; content:""; clear:both; visibility:hidden; height:0; }   /*清除浮动*/
 .hide { display:none; } /* 设置显示和隐藏，通常用来与 js 配合 */
 .block { display:block; }
 .zoom{ zoom:1; } /*(IE特有属性)触发hasLayout*/
 .ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
 .ellipsis-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
 .u-lineB{ border-bottom:1px solid #e3e3e3;}
 .u-lineT{ border-top:1px solid #e3e3e3;}
 
 .fz14{ font-size: 14px;}
 .fz16{ font-size: 16px;}
 
 .mt10{ margin-top:10px;}
 .mb10{ margin-bottom:10px;}
 
 /* placeholder样式 */
 ::-webkit-input-placeholder {/*Webkit browsers 谷歌*/ color: #ccc;}
 :-moz-placeholder {/*Mozilla Firefox 4 to 8 火狐*/ color: #ccc;}
 ::moz-placeholder {/*Mozilla Firefox 19+ 火狐*/ color: #ccc;}
 :-ms-input-placeholder {/*Internet Explorer 10+ IE10以上*/ color: #ccc;}
 
/* Colors */
.color-red{ color: #FF3830; }
.text-primary{ color: #2196F3; }
.text-success{ color: #48D863; }
.text-info{ color: #5F8AB8; }
.text-warning{ color: #FE9400; }
.text-danger{ color: #FF3830; }

 /* input */
 .form-control{ border-radius: 3px; box-sizing: border-box; border: 1px #E3E3E3 solid; width: 100%; height: 36px; padding: 0 10px; }

 /* button */
.btn{ font-size: 12px; cursor: pointer; background: #2196F3; color: #fff; height: 36px; border-radius: 4px; padding: 0 8px; }
.btn:hover{ background: #1d8de7; }
.btn-disabled{ background: #ccc; cursor: not-allowed; }
.btn-disabled:hover{ background: #ccc; }
.btn-link { background: #FF4100; color: #fff; }
.btn-link:hover,
.btn-link:active:focus,
.btn-link:focus { background: #FF4100; }
.btn[disabled]{ background: #ccc; cursor: not-allowed; }

/*
 * @name：checkbox.css
 */
 
.label-checkbox { position: relative; font-size: 100%; }
.label-checkbox > input[type="checkbox"] { display: none; }
.label-checkbox > input[type="checkbox"] + .label-checkbox-style { width: 16px; height: 16px; margin-bottom: 0; position: relative; display: inline-block; vertical-align: middle; cursor: pointer; margin-right: 4px; }
.label-checkbox > input[type="checkbox"] + .label-checkbox-style + .label-txt { vertical-align: middle; }

.label-checkbox > input[type="checkbox"] + .label-checkbox-style:before { border-radius: 3px; position: absolute; top: 0; left: 0; display: inline-block; width: 14px; height: 14px; content: ''; border: 1px solid #828282; }
.label-checkbox > input[type="checkbox"] + .label-checkbox-style:after { position: absolute; content: ''; display: none; }
.label-checkbox > input[type="checkbox"] + .label-checkbox-style:hover:before { border-color: #2196F3; }
.label-checkbox > input[type="checkbox"][disabled] + .label-checkbox-style:before { border-color: #ccc; }
.label-checkbox > input[type="checkbox"]:checked + .label-checkbox-style:after { display: block; }
.label-checkbox > input[type="checkbox"] + .label-checkbox-style:after { width: 4px; height: 7px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); top: 3px; left: 6px; }
.label-checkbox > input[type="checkbox"]:checked + .label-checkbox-style:before { border-color: #2196F3; background: #2196F3; }
.label-checkbox > input[type="checkbox"]:checked[disabled] + .label-checkbox-style:before { border: #b0d7f5; background: #b0d7f5; }

.label-checkbox > input[type="checkbox"][disabled] + .label-checkbox-style:hover,
.label-checkbox > input[type="checkbox"][disabled] + .label-checkbox-style:before,
.label-checkbox > input[type="checkbox"][disabled] + .label-checkbox-style:after { cursor: not-allowed; }
.label-checkbox > input[type="checkbox"][disabled] + .label-checkbox-style + .label-txt { color: #ccc; }
label.label-checkbox { display: inline-block; vertical-align: middle; cursor: pointer; font-weight: normal; margin-bottom: 0; margin-right: 10px; }
label.label-checkbox > input[type="checkbox"][disabled] + .label-checkbox-style + .label-txt { cursor: not-allowed; }

/*
 * @name：login.css
 */

.login-bg { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(../images/login/login-bg.png) 0 0 no-repeat; }
.login-main { position: relative; z-index: 2;  margin: 9% auto 0; background: rgba(255,255,255,1); padding: 30px; border-radius: 3px;  color: #666; width: 1048px; height: 418px; text-align: center; overflow: hidden;}

.login-main .title{ padding-left: 340px; font-weight: normal; font-size: 24px; padding-bottom: 60px; color: #331C1C; }

.login-main .copyright{ position: fixed; bottom: 10px; left: 0; right: 0; line-height: 24px; font-size: 12px; color: #fff; text-align: center; }
.login-main .copyright a { color: #fff; }
.login-main .copyright .iconfont{ font-size: 18px; vertical-align: middle; }


.login-left { float: left; position: relative; width: 340px; height: 318px; padding-left: 300px;  border-right: solid 1px #f5f5f5; }
.login-left-bg { position: absolute; top: -122px; left: -30px; width: 340px; height: 518px; background: url(../images/login/login-left-bg.png) 0 0 no-repeat;  }
.login-right{ float: left; color: #666; margin-left: 40px; height: 418px; text-align: center; }
.login-right .title{   font-weight: normal; font-size: 24px; margin-bottom: 30px; color: #331C1C; }
.login-right .btn { height: 48px;  font-size: 16px; width: 100%; margin: 32px 0 24px; }
.login-right .btn i { margin-right: 5px; font-size: 22px; }

.login-body{ width: 320px;  }

.tabs-wrap{ font-size: 16px; display: flex; text-align: center; }
.tabs-wrap li{ cursor: pointer; width: 50%; position: relative; }
.tabs-wrap li::before{ position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 16px; background: #ccc; display: block; }
.tabs-wrap li:last-child::before{ display: none; }
.tabs-wrap li.on{ color: #2196F3; font-weight: bold; }
.tabs-content{ padding-top: 14px; }

.form-group{ margin-top: 16px; position: relative; }
.form-group .iconfont{ position: absolute; top: 12px; left: 20px; font-size: 24px; color: #ccc; }
.form-group .icon-clear,
.form-group .icon-visible{ color: #999; right: 16px; left: initial; cursor: pointer; }
.form-group .form-control{ padding-left: 48px;  font-size: 12px; height: 48px; border-radius: 4px; }
.form-group.error .form-control{ color: #333; border-color: #FF4100; }
.form-group.focus .form-control{ color: #333; border-color: #2196F3; }
.form-group.error .iconfont{ color: #FF4100; }
.form-group.focus .iconfont{ color: #2196F3; }
.form-group.error .icon-clear,
.form-group.error .icon-visible,
.form-group.focus .icon-clear,
.form-group.focus .icon-visible{ color: #999; }
.form-group .txt-tips{ margin-top: 8px; text-align: left; color: #6A8BCC; }
.form-group .txt-tips .iconfont{ font-size: 16px; color: #6A8BCC; position: initial; }

.form-control:focus{ border-color: #2196F3; }
.form-control:focus + .iconfont{ color: #2196F3 }

.form_group_s_240226{text-align:left}
.form_group_s_240226 .capcha_input{display:inline-block;width:220px;padding-left:5px;}
.form_group_s_240226 .capcha_2024022601{display:inline-block;width:90px;vertical-align:bottom;}
.form_group_s_240226 .capcha_2024022601 img{ cursor:pointer;height:48px;max-width:90px;margin-left:5px;}
.forgot_pwd_check_v{cursor:pointer;font-size:12px;color:#999}
.forgot_pdd_mmd_txt{text-align:left}
.forgot_tit_item{padding-bottom:20px}
.forgot_opt_footer_btns{text-align:right;margin-top:15px}
.iforgot_stepx{margin-bottom:15px}
.iforgot_stepx .el-step__title{font-size:12px}
.forgot_pdd_capchat_img{}
.forgot_pdd_capchat_img img{height:40px;margin-left:10px;width:auto;cursor:pointer;}
@media screen and (max-width: 960px) {
  .login-right{ width: 400px; }
  .login-left{ width: calc(100% - 400px); }
}