/**
** 代码制作人: 马泽棉
** 制作时间：2014-02-27
** 文件内容描述：V11标准版登录页面
** 修改日期：无
** 修改内容：无
**********************************************/



/*** 公共常用部分 ***
*********************************************************************************************************************************************************/
body {
  font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Arial, "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC", "Segoe UI", sans-serif;
  font-size: 14px;
  color: #333;
  background-color: #fff;
}
.clr{ zoom:1;}/* 清除浮动 */
.clr:after{ display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;}/* 清除浮动 */
.txtEllipsis{ overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis;}

.mr12{ margin-right:25px;}
/********************************************************************************************************************************************************/


/*** 公用框架 ***
*********************************************************************************************************************************************************/
.mWidth{
  width:980px;
  margin:0 auto;
}


/********************************************************************************************************************************************************/


/*** 头部信息 ***
*********************************************************************************************************************************************************/
.v11_login_header{
    height:65px;
    position:fixed;
    top:0px;
    width:100%;
    background-color:#fff;
    z-index:999;
}
.v11_login_header .logoBox{
    margin-top:20px;
    float:left;
}
.v11_login_header .logoImg{
    float:left;
}
.v11_login_header .img{
    height:24px;
}
.v11_login_header .logoTxt{
    margin-left:10px;
    padding:0 0 0 12px;
    vertical-align: 17px;
    color:#6e6e6e;
    display:inline;
    font-size:14px;
    position: relative;
    top: 3px;
}
/********************************************************************************************************************************************************/

/*** 中间主体 ***
*********************************************************************************************************************************************************/
.v11_loginWrapper{
    height:437px;
    background:url(../image/bg_login.png) repeat-x 0 0;
    background-position:center!important;
    margin-top:65px;
}
.v11_loginBox{height:437px;width:980px;background:url(../image/img_login.jpg) no-repeat 0;margin:0 auto;position:relative;/* display: table-cell; *//* vertical-align: middle; *//* text-align: right; *//* margin: 0 auto; */position: relative;/* display: flex; *//* align-items: center; */text-align: left;}

.v11_loginBar{
  width: 320px;
  position: absolute;
  top: 34px;
  right: 0;
  background-color: #0b2c60;
  background-color: rgba(11, 44, 96, 0.8);
  border-radius: 5px;
  border: 1px solid #2D3987;
}
.v11_loginBar_CL{
    padding-left:8px;
    background:url(../image/LBox_left.png) no-repeat 0 0;
}
.v11_loginBar_CR{
    padding-right:8px;
    background:url(../image/LBox_right.png) no-repeat 50% 0;
}
.v11_loginBar_tabContent{border-radius: 8px;}

.v11_loginBarFoot{
    padding-bottom:12px;
    
}

.v11_loginBar_Content .warn{
    color:#8b8b8b;
    font-size:12px;
}
.v11_loginBar_Content ul li{
    margin:12px 0;
}
.v11_loginBar_Content ul li.last{
    margin:20px 0 0;
}
.v11_loginBar_Content ul li input{
    width:93%;
    height:26px;
    line-height:26px;
    padding:0 3.361345%;
    color:#898a8e;
    border:1px solid #e5e5e5;
    border-top-color:#c3c3c3;
    background-color:#f2f2f2;
    border-radius:3px;
    box-shadow:inset 0 2px 5px -2px rgba(0,0,0,0.45);
}
.v11_loginBar_Content ul li input.idCode{
    width:45%;
}
.v11_loginBar_Content ul li .idCodeBox{
    width:40%;
    height:26px;
    line-height:26px;
    text-align:center;
    border:1px solid #e5e5e5;
    background-color:#fff;
    border-radius:3px;
    float:right;
}
.v11_loginBar_Content ul li .lang{
    width:100%;
    height:26px;
    line-height:26px;
    color:#898a8e;
    border:1px solid #e5e5e5;
    border-top-color:#c3c3c3;
    background-color:#f2f2f2;
    border-radius:3px;
    box-shadow:inset 0 2px 5px -2px rgba(0,0,0,0.45);
    display:block;
    overflow:hidden;
    position:relative;
}
.v11_loginBar_Content ul li .lang .lang-input{
    padding:0 3.361345%;
    line-height:26px;
}
.v11_loginBar_Content ul li .lang .lang-arrow{
    width:10px;
    height:6px;
    display:block;
    background:url(../image/arrow2.png) no-repeat 0 0;
    position:absolute;
    right:8px;
    top:50%;
    margin-top:-3px;
}
.v11_loginBar_Content ul li .lang_sel{
    display:none;
}
.lang-options{ width:100%; max-height:140px; margin-top:2px; padding:2px 0; display:block; background-color:#fff; border:1px solid #e5e5e5; border-bottom-left-radius:5px; border-bottom-right-radius:5px; overflow-x:hidden; overflow-y:auto;}
.lang-options li a{ padding:4px 3.361345%; color:#333; font-size:13px; display:block;}
.lang-options li a:hover{ background-color:#f2f2f2;}

.v11_KKDownload{
    margin-top:6px;
    padding-right:15px;
    font-size:13px;
    text-align:right;
}
.v11_KKDownload a{
    color:#3980bd;
}
.v11_KKDownload a:hover{
    text-decoration:underline;
}

.v11_btn_login{
    width:140px;
    padding-left:18px;
    margin:0 auto;
    text-align:center;
    color:#3b3b3b;
    font-size:18px;
    text-shadow:1px 1px 0 #fff;
    background:url(../image/btn_loginL.png) no-repeat 0 0;
    display:block;
    transition:none;
}
.v11_btn_loginR{
    padding-right:18px;
    background:url(../image/btn_loginR.png) no-repeat 100% 0;
}
.v11_btn_loginC{
    height:37px;
    line-height:37px;
    padding:0 10px;
    background:url(../image/btn_loginC.png) repeat-x 0 0;
}
.v11_btn_login:hover{ background:url(../image/btn_loginL_hover.png) no-repeat 0 0;}
.v11_btn_login:hover .v11_btn_loginR{ background:url(../image/btn_loginR_hover.png) no-repeat 100% 0;}
.v11_btn_login:hover .v11_btn_loginC{ background:url(../image/btn_loginC_hover.png) repeat-x 0 0;}

.v11_loginBar .header_title {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 16px;
  letter-space: 2px;
  padding-top: 14px;
}
.v11_loginBar .header .header_tab{text-align:center;width:50%;display: inline-block;float: left;background: #25508c;color: #a8b8ce;cursor:pointer;line-height: 44px;}
.v11_loginBar .header .header_tab.selected{ background:#276dca; color:#fff;}
.v11_loginBar .header .header_tab:first-child,.v11_loginBar .header .header_tab:first-child.select{border-top-left-radius: 5px;}
.v11_loginBar .header .header_tab:nth-child(2),.v11_loginBar .header .header_tab:nth-child(2).select{border-top-right-radius: 5px;}

/* 二维码 */
body .form_pcscan{
  padding-top: 67px;
}
body .form_pcscan_tip{
  color:#fff;
  padding-bottom:10px;
  padding-top:5px;
}

.v11_loginBar_footerL{padding-left:8px;background:url(../image/login_footL.png) no-repeat 0 100%;}
.v11_loginBar_footerR{padding-right:8px;background:url(../image/login_footR.png) no-repeat 100% 100%;}
.v11_loginBar_footerC{display:none;height:20px;background:url(../image/login_footC.png) repeat-x 0 100%;}

.v11_loginBar_tabContent .form_content {
  padding: 0 30px 10px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.v11_loginBar_tabContent table {
  width: 100%;
  font-size: 12px;
}
.lui_login_input_title,
.lui_login_form_opt,
.lui_login_form_opt a:hover,
.kkDownloadLink.link{
  color:#fff;
  color:rgba(255,255,255,.9);
}
.kkDownloadLink.link{
  font-size: 12px;
}
.lui_login_input_title{
  padding-right: 5px;
  text-align:right;
  width: 55px;
}
.lui_login_form_opt .forgetPswLink{ float:right;color:#fff;font-size:12px;}
/********************************************************************************************************************************************************/


.v11_proInfo{
   padding:20px 0px 10px;
  
}
.v11_proInfo li{
    width:30%;
    float:left; text-align:center;
}
.v11_proInfo li a{
    color:#333;
    line-height:62px;
    display:inline-block;
    cursor:default;
}
.v11_proInfo li a:hover{
    color:#0095ea;
}
.v11_proInfo li a:hover .icon_pro_KK,
.v11_proInfo li a:hover .icon_pro_KMS,
.v11_proInfo li a:hover .icon_pro_EKP{
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
}

.icon_pro_KK,
.icon_pro_KMS,
.icon_pro_EKP{
    margin-right:10px;
    width:62px;
    height:62px;
    display:inline-block;
    float:left;
    transition:all 0.3s ease 0s;
}
.icon_pro_KK{
    background:url(../image/icon_KK.png) no-repeat 50% 50%;
}
.icon_pro_KMS{
    background:url(../image/icon_KMS.png) no-repeat 50% 50%;
}
.icon_pro_EKP{
    background:url(../image/icon_EKP.png) no-repeat 50% 50%;
}

/********************************************************************************************************************************************************/


/*** 注脚信息 ***
*********************************************************************************************************************************************************/
.v11_loginFooter{
    padding:12px 0 5px;
    text-align:center;
}
.v11_loginFooter p{
    color:#949494;
    font-size:12px;
}

/********************************************************************************************************************************************************/

/*** 扫一扫 ***
*********************************************************************************************************************************************************/

.v11_richScan_w{position:absolute;right:-35px;top:5px;display: none;}
.v11_richScan_c{ display:inline-block; width:104px; height:84px; cursor:pointer; position:absolute; right:0px; top:0px; z-index:1001;  background:url(../image/icon_richScan.png) no-repeat left center;}
.v11_richScan_mask{width:740px; position:absolute; right:50px; top:50px;display:none}


.v11_richScan_mask_contentC{ background:#fff; padding:0px 28px; background: #fff;
                border: 3px solid #f56b00;
                padding-left: 28px;
                padding-top: 28px;
                height: 190px;
                border-top-left-radius: 25px;
                border-bottom-right-radius: 25px;}
.v11_richScan_mask ul li{ width:135px; margin-right:45px; float:left; text-align:center; font-size:12px;}
.v11_richScan_mask ul li h3{ color:#127ee0; line-height:28px; font-weight:bold;}
.v11_richScan_mask ul li img{ width:106px; height:106px; cursor:pointer; margin-bottom:10px;}
.v11_richScan_mask ul li p{ line-height:26px; color:#353535;}
.v11_richScan_mask ul li.last{ margin-right:0px;}


/********************************************************************************************************************************************************/



/* 登录框位置 Starts
   ========================================================================== */
.v11_loginBar.loginFormOnLeft{
  left: 0;
  right: auto;
}
.v11_loginBar.loginFormOnCenter{
  right: auto;
  left: 50%;
  margin-left: -130px;
  /* width: 260px; */
}
.v11_loginBar.loginFormOnRight{
  left: auto;
  right: 0;
}

/* 登录框位置 Ends
   ========================================================================== */

/* 登录框居中样式优化 Starts
   ========================================================================== */
.v11_loginBar.loginFormOnCenter{
  top: 60px;
  margin-left: -180px;
  width: 360px;
}
.v11_loginBar.loginFormOnCenter .v11_loginBar .header{
  height: 40px;
  line-height: 40px;
}
.v11_loginBar.loginFormOnCenter .lui_login_input_title{
  width: 90px;
}
.v11_loginBar.loginFormOnCenter .lui_login_input_td{
  height: 35px;
  width: auto;
}
.v11_loginBar.loginFormOnCenter .v11_loginBar_tabContent .form_content{
  padding-right: 15px;
  padding-left: 15px;
}
.v11_loginBar.loginFormOnCenter .third_login_header:after,
.v11_loginBar.loginFormOnCenter .third_login_header:before{
  width: 30%;
}
/* 登录框居中样式优化 Ends
   ========================================================================== */