﻿
.pdt40{padding-top: 40px;}
.ld_g_bg_F2F2F2{background: #F2F2F2;}
.ld_g_login_rect{position: absolute; background: #fff;width: 720px;height: 805px;left: 50%;top: 50%;margin-left: -360px;margin-top: -403px;}
.ld_g_pw{padding: 0 80px;}
.ld_g_pw .ld_tit{font-size: 32px;color: #555;line-height: 52px;}
.ld_fun_er{cursor: pointer;}
.ld_g_login_rect .ld_input input{width: 100%;box-sizing: border-box; border: 1px solid #DDDDDD;border-radius: 6px;line-height: 70px;font-size: 20px;padding-left: 62px;}
.ld_g_login_rect .ld_input.ld_l1 input{background: url('../images/onLogin/l1.png') no-repeat 24px center; background-size: 20px 20px;}
.ld_g_login_rect .ld_input.ld_l2 input{background: url('../images/onLogin/l2.png') no-repeat 24px center; background-size: 20px 20px;}
.ld_g_login_rect .ld_input.ld_l3 input{background: url('../images/onLogin/l3.png') no-repeat 24px center; background-size: 20px 20px;width: 328px;}
.ld_g_login_rect .ld_input input:focus{border-color: #45A2EC;}
.ld_g_btn{display: block;line-height: 72px;background: #45A2EC;border-radius: 6px;color: #fff;font-size: 24px;}
.ld_g_btn:hover{background: #438eca;}
.ld_g_login_rect .ld_fgt{font-size: 12px;color: #555;}
.ld_g_login_rect .ld_fgt a{color: #555;}
.ld_g_login_rect .ld_fgt a:hover{color: #45A2EC;}
.ld_g_login_rect .ld_ag{font-size: 16px;color: #555;}
.ld_g_login_rect .ld_a2{color: #888888;font-size: 16px;}
.mgt2{margin-top: 2px;}
.ld_g_er{margin: 0 160px;}
.mgt80{margin-top: 80px;}
.ld_g_er .ld_etit{font-size: 32px;color: #45A2EC;line-height: 45px;padding-top: 57px;}
.ld_g_er .ld_etips{font-size: 18px;color: #555;}
.ld_g_er .ld_etips em{color: #45A2EC;}
.ld_g_er .ld_del{position: absolute;top: 30px;right: 30px; width: 42px;height: 42px;background: url('../images/onLogin/del.png') no-repeat center center rgba(0, 0, 0, 0.35);background-size: 20px 20px;border-radius: 50%;cursor: pointer;}
.ld_g_er .ld_ewm{position: relative;}
.ld_g_success{position: absolute;top: 0;left: 0;bottom:0;right:0;background:rgba(0, 0, 0,.49);}
.ld_g_success .ld_txt{font-size: 24px;color: #fff;line-height: 33px;}
.ld_g_success .ld_img{margin-top: 150px;}
.ld_g_success.ld_timeOut .ld_f5{display: inline-block; padding: 0 20px; line-height: 30px;background:#45A2EC;color: #fff;font-size: 16px;border-radius: 4px;}
.ld_g_success.ld_timeOut .ld_txt{margin-top: 163px;}
.ld_g_success.ld_timeOut .ld_f5:hover{background: #378cd0;}

.ld_g_header{height: 70px;padding: 7px 0 10px 0;}
.ld_g_logo{display: block;height: 100%;}
.ld_g_logo img{ height: 100%;}

.ld_g_banner{position: relative; height: 420px;background: #ccc;}

/*ç™»å½•*/
.m_login{ width:510px; height:400px;  background: url(../images/onLogin/login/loginbg.png) repeat;}
.m_login_show {  display:block;}

.m_login .item-newLogo-rect{ position:relative; top:0px; right:0px;padding:30px 88px 30px 58px;}
.m_login .m_close{ display:none;  position:absolute; top:0px; right:-43px; background:url(../images/onLogin/login/loginbg.png) repeat; width:43px; height:42px; text-indent:-9999px; cursor:pointer;}
.m_login .m_close span{background: url(../images/onLogin/login/err_close.png) no-repeat; display:block; width:24px; height:24px; margin:9px 0 0 10px;}
.m_login .m_close span:hover{ background-position:0 -47px;}

.m_login h4{ font-size:25px; line-height:25px; padding-bottom:8px; font-weight:normal; color:#fff;}
.m_login .passWord-case .inputlist li{ width:332px; height:44px; border-radius:5px; border:#383838 solid 2px; background:#fff; margin-top:20px;}
.m_login .passWord-case .inputlist li.acitve{ border-color:#15ae4d;}
.m_login .passWord-case .inputlist li.u_inputtext{ background:url(../images/onLogin/login/logo_ico1_2.png) no-repeat left top #fff;}
.m_login .passWord-case .inputlist li.u_inputpassword{ background:url(../images/onLogin/login/logo_ico2_2.png) no-repeat left top #fff;}
.m_login .passWord-case .inputlist li.u_inputtext.acitve{background:url(../images/onLogin/login/logo_ico1_2.png) no-repeat left top #fff;}
.m_login .passWord-case .inputlist li.u_inputpassword.acitve{ background:url(../images/onLogin/login/logo_ico2_2.png) no-repeat left top #fff;}
.m_login .passWord-case .inputlist li input{ float:left; width:250px; line-height:42px; height:42px; margin:0 0px 0px 68px; border:0px; font-size:14px; background:none;}

.m_login .passWord-case .test_code{ margin-top:20px;}
.m_login .passWord-case .test_code input{float:left; width:180px; padding:0 10px; line-height:42px; height:42px; border-radius:5px; border:#383838 solid 2px; background:#fff;}
.m_login .passWord-case .test_code .codeimg{float:right; width:112px; height:42px; margin-top:2px; margin-left:10px;}
.m_login .passWord-case .test_code img{ display:block; width:112px; height:42px;}
.m_login .passWord-case .test_code.acitve input{ border-color:#15ae4d;}

.m_login .passWord-case .login_other_rect{ height:24px; line-height:24px; margin-top:15px;}
.m_login .passWord-case .m_btn{ display:block; width:100%; height:50px; text-align:center; line-height:50px; background:#15ae4d; font-size:22px; color:#fff; border-radius:5px; border:0px; cursor:pointer; margin-top:15px;}
.m_login .passWord-case  .m_btn:hover{ background:#129441;}

.m_login .passWord-case .no_account{ padding-top:26px; text-align:center; color:#888; font-size:12px;}
.m_login .passWord-case .no_account a{ color:#ff8400;  }
.m_login .passWord-case .no_account a.a1{margin:0 24px 0 5px;}

.m_login .passWord-case .rememberMe{color:#888;}
.m_login .passWord-case .rememberMe p{ width:40px; height:24px; border-radius:12px;  margin-right:7px; cursor:pointer; background:#454444;}
.m_login .passWord-case .rememberMe p.on{ background:#15ae4d;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease; transition:all .5s ease; }
.m_login .passWord-case .rememberMe span{ float:right; width:20px; height:20px; border-radius:11px; background:#fff; margin:2px 17px 0px 0px;}
.m_login .passWord-case .forget{ margin-left:31px; color:#888;}

.m_login .passWord-case .err-tips{ position:absolute; top:25px; left:88px; height:30px; border:#ffc3b9 solid 1px; line-height:30px; color:#555; background:#fef2f2; width:332px; }
.m_login .passWord-case .err-tips .ico{ background:url(../images/onLogin/login/error_ico1.gif) no-repeat left top; width:18px; height:18px; vertical-align:middle; margin:0 13px; display:inline-block; margin-top:-3px;}
.m_login .passWord-case .err-tips .close{ background:url(../images/onLogin/login/error_ico2.gif) no-repeat; width:13px; height:14px; margin:8px 14px 0px 0px; cursor:pointer;}
.m_login .passWord-case .err-tips .close:hover{ background-image:url(../images/onLogin/login/error_ico2_2.gif);}


.m_login .logoTips{ background:#303030; line-height:27px; border:#383838 solid 1px; color:#a7a7a7; padding:0px 6px 0px 9px; position:absolute; top:10px; right:67px;}
.m_login .logoTips .ico1{ background:url(../images/onLogin/login/logo_tips_ico1.png) no-repeat; width:14px; height:18px; vertical-align:middle; margin-right:7px; display:inline-block; margin-top:-2px;}
.m_login .logoTips .ico2{ background:url(../images/onLogin/login/logo_tips_cico1.gif) no-repeat; width:6px; height:12px; position:absolute; top:9px; right:-6px;}
.m_login .logoCaseTab{ position:absolute; top:10px; right:10px; display:block; width:52px; height:52px; background:url('../images/onLogin/login/logo_tab_cbg.gif') no-repeat 0px 0px; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s;}
.m_login .logoCaseTab:hover{ background-image:url(../images/onLogin/login/logo_tab_cbg2.gif);}
.m_login  .CaseTab2{ position:absolute; background-position:-50px -54px;}

.m_login .smLoginRect{ height:184px; margin:32px 0; margin-right:-97px;}
.m_login .smLoginRect .wxLogin-img{ float:left; width:125px; height:125px; margin-top:40px; margin-left:20px; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s; background: url(../images/onLogin/login/loading1.gif) no-repeat center center; position:relative;}
.m_login .smLoginRect .wxLogin-img .code-img{ width:125px; height:125px; padding:1px; background:#fff;}
.m_login .smLoginRect .wxLoign-tips-img{ float:left; margin-left:30px; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s;}
.m_login .no-tips .wxLoign-tips-img{ display:none;}
.m_login .no-tips .wxLogin-img{ margin-left:97px; }
.m_login .no-tips .wxLogin-img span.wx_bg{ position:absolute; top:-26px; left:-34px;  background: url(../images/onLogin/login/invalid-rectbg.png) no-repeat; width:194px; height:181px;}
.m_login .sm-text-tips{  color:#898989; line-height:27px; font-weight:bold;}
.m_login .sm-text-tips a{ color:#15ae4d; margin:0 5px;}

.m_login .sm-invalid{ height:184px;margin:32px 0; overflow:hidden; zoom:1;}
.m_login .sm-invalid .invalid-rect{  width:194px; height:181px; background: url(../images/onLogin/login/invalid-rectbg.png) no-repeat; margin:0 auto; position:relative;}
.m_login .sm-invalid .wxLogin-img{ opacity:0.2; background:#fff; padding:1px; position:absolute; top:26px; left:34px;}
.m_login .sm-invalid .tips{ position:absolute; top:54px; width:100%; text-align:center; font-size:14px; color:#fff; left:0px;}
.m_login .sm-invalid .invalid-rect a{ position:absolute; display:block; width:110px; height:32px; line-height:32px; font-size:14px; color:#fff; text-align:center; top:90px; left:42px; background:#15ae4d; text-decoration:none; border-radius:3px;}

.m_login .sm-finish .finish-rect{ margin-top:32px;color:#888;}
.m_login .sm-finish .finish-rect .txt{ font-size:32px; color:#fff; padding:15px 0 40px 0;}
.m_login .sm-finish .finish-rect a{ color:#15ae4d;}

.ld_g_login.m_login{display: block; width: 410px;height: 384px; background:#fff;background: rgba(255,255,255,.7);margin-top: 58px;}
.ld_g_login.m_login .item-newLogo-rect{padding-left: 38px;padding-right: 38px;}
.m_login h4{color: #4997c8;}
.m_login .passWord-case .err-tips{left: 38px;}
.m_login .passWord-case .inputlist li{border: 1px solid #b4d1ec;}
.m_login .passWord-case .rememberMe p{background: #b2d1df;}
.m_login .logoTips{background: #ddf3ff;border-color: #40b9f8;}
.m_login .passWord-case .inputlist li.acitve{border-color: #328fe6;}
.m_login .passWord-case .test_code input{border: 1px solid #40b9f8;}
.m_login .passWord-case .test_code img{height: 42px;}
.m_login .passWord-case .test_code .codeimg{height: 42px;margin-top: 0;}
.m_login .sm-text-tips a{color: #42bdf9;}
.ld_g_login.m_login .login_other_rect  a:hover{color: #40b9f8;}
.m_login .passWord-case .forget{margin-left: 10px;}

/* å®¢æˆ·ç«¯ä¸‹è½½  åˆ˜é‚“  20190921 S */
.ld_g_header a.menu_r_a2 {
  display: inline-block;
  font-size: 16px;
  border-radius: 3px;
  padding: 0 17px;
  color: #11c080;
  border: 1px solid #11c080;
  height: 30px;
  line-height: 30px
}
.ld_g_header a.menu_r_a2{background:url('../images/onLogin/login/app_ico.gif') no-repeat 10px center;color:#288add;border-color:#2196f3;}
.ld_g_header a.menu_r_a2{padding-left: 40px;}
.ld_g_header a.menu_r_a2:hover{background:url('../images/onLogin/login/app_ico.gif') no-repeat 10px center;color: #2196f3;border-color:#2196f3;}
/* å®¢æˆ·ç«¯ä¸‹è½½  åˆ˜é‚“  20190921 E */

/* è½®æ’­ åˆ˜é‚“ 20191218 S */
.xy_banner{max-width:1920px;min-width:1200px;height:500px;margin:0 auto;position:relative;}
.xy_banner .sideShow{width:100%; height:500px; background:#fff; z-index:1; position:relative; margin:0 auto;background:transparent url(../images/onLogin/login/loading.gif) no-repeat center center;}
.xy_banner .sideShow li{position:absolute; max-height:500px; width:100%; display:none;}
.xy_banner .circle{width:100%;position:absolute;bottom:33px; clear:both;z-index:10;}
.xy_banner .circle ul{margin:0 auto;height:14px;overflow:hidden;text-align:center;border-radius:10px;padding-top:1px;}
.xy_banner .circle li{display:inline-block;padding:0 6px; width:14px; height:14px;background:transparent url(../images/onLogin/login/bcircle.png) no-repeat 6px -15px; cursor:pointer;}
.xy_banner .circle li.on{background:transparent url(../images/onLogin/login/bcircle.png) no-repeat 6px	 0px;}
.xy_banner a{display:block;height:500px;}
/* è½®æ’­ åˆ˜é‚“ 20191218 E */

/* ç™»å½• 20191218 åˆ˜é‚“  S */
.ld_g_login.m_login{position: absolute;left: 50%;top: 50%;z-index: 99;margin-top: -192px;margin-left: 100px;}
.xy_banner  .m_login .passWord-case .forget{height: auto;display: inline-block;}
/* ç™»å½• 20191218 åˆ˜é‚“  S */

.ld_g_login.m_login{background: #E2F2FF;height: auto;margin-left: 190px;margin-top: -195px;}
.m_login .passWord-case .m_btn{background: #45A2EC;}
.m_login .passWord-case .m_btn:hover{background: #3590d8;}

.ld_g_apps{padding: 55px 0 40px;}
.ld_g_apps li{position: relative;margin-right: 50px;}
.ld_g_apps li:nth-child(4n){margin-right: 0;}
.ld_g_apps li:nth-child(4n):after{content: none;}
.ld_g_apps a{display: block;}
.ld_g_apps .ld_img img{width: 72px;height: 72px;}
.ld_g_apps .ld_txt{width: 165px;}
.ld_g_apps .ld_t1{font-size: 24px;color: #555;line-height: 33px;}
.ld_g_apps .ld_t2{font-size: 16px;color: #888;line-height: 22px;}
.ld_g_apps .ld_li:after{content: '';position: absolute;right: 0;top: 50%;margin-top: -30px;height: 60px;width: 1px;background: #D9D9D9;}

.ld_g_footer{ height: 100px; line-height: 100px;color: #888;font-size: 14px;background: #fafafa;}
.ld_g_footer a{color: #888;}

.ld_g_login_success{height: 548px;margin-top: -274px;}
.pdlr200{padding-left: 200px;padding-right: 200px;}
.ld_g_login_success .ld_play{font-size: 16px;color: #888;}
.ld_g_login_success .ld_play .ld_img{display: inline-block; width: 90px;height: 90px;background: url('../images/onLogin/play.png') no-repeat center center #7CE1F3;background-size: 50px 50px;border-radius: 8px;}
.ld_g_login_success .ld_bt1{border-top: 1px solid #D9D9D9;margin-top: 35px;}
.ld_g_nm{line-height: 64px;font-size: 24px;color: #555;}
.ld_g_nm img{width: 64px;height: 64px;border-radius: 50%;margin-right: 15px;}


.m_login .passWord-case .err-tips .close {margin-right: 4px;}
.m_login .passWord-case .err-tips .ico {margin: 0 4px;}