@charset "utf-8";
body, html, div,form,table {padding:0px;margin:0px;}
html {
    font-size: 62.5%
}
html,body,form {
    height: 100%;
}
body {
	font-size: 1.4rem;
	font-family: "Helvetica","Arial","sans-serif","Microsoft YaHei","PingHei","Lucida Grande","Lucida Sans Unicode","STHeiti","Verdana";
	scrollbar-3dlight-color:#f2f2f2;
	scrollbar-arrow-color:#006699;
	scrollbar-base-color:#f8f8f8;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#f2f2f2;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#595959;
	scrollbar-track-color:#fefefe;
}
img{border:0px;}
ul{ margin:0; padding:0; display:block;list-style-type:none;}
li{margin:0; padding:0; display:block; }	
a:link{text-decoration:none; color:#4c4c4c;}
a:hover{text-decoration:none; color:#4c4c4c;}
a:visited{text-decoration:none; color:#4c4c4c;}
.container.loginBg{behavior: url(portal/share/css/iepngfix.htc);background: url(../images/login/login_bg.png) center center no-repeat #1690db;}
.container{width:100%; height:100%;}
.language{position:absolute; right:50px; top:25px;height:30px;line-height:30px;}
.language span{display:block; float:left;color:#ffffff;}
.language select{display:block; float:left;width:94px; height:24px;line-height:24px; border:1px solid #4d4d4d;}

.login{color:#4c4c4c;z-index:99;}
.login-box .login .logo {width:460px; padding-top: 16px;}
.login-box{position:relative;margin:0 auto;}
.bg-img{
	background:url(../images/logo/bg-img.png) no-repeat center;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='portal/share/images/login/bg-img.png');
}
.login-box .login .logo .logo-pic {
	width:442px;
	height:56px;
	text-align:left;
	overflow: hidden;
	background:url(../images/logo/login_logo.png)no-repeat center;
	_background-image: none; /* IE6 */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='portal/share/images/login/login_logo.png'); /* IE6 */
}
.login-box .login .logo .logo-pic img{
	_border:none;
	behavior: url(portal/share/css/iepngfix.htc);
}
.login-box .login .logo .title {text-align: center;font-size: 20px;color: #7b7b7b;margin: 15px 0 20px 0;}
.titleName{width:170px; margin-right:15px;}
.titleName li{text-align:center;}
.english{font-size:22px;}
.chinese{font-size:18px;font-weight:bold;}
.loginInfo{width:460px;height:242px;background-color: #fff; margin-top: 40px; position: relative;border: 1px solid rgba(0, 0, 0, 0);border-color: #cdd4d4;box-shadow: 0 16px 30px rgba(0, 0, 0, 0.05);border-radius: 6px;}
.loginInfo span{display:block; float:left; text-align:left;}

.domainLi{position:relative;margin-top:20px; height:38px;z-index:100;}
.obpm-userName{
	margin-top:30px;
}
.obpm-password{margin: 10px 0 0px 0;}
.selectdoMain input{background:url(../images/login/select-more.png) 98% center no-repeat #fff !important;}
.domain{position:absolute;width:360px;overflow:auto;top:44px;border:1px solid #4d4d4d;border-radius: 6px; display:none;background:#ffffff;}
.domain li{height:35px;line-height:35px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.domain li a{padding-left:5px;display:block;}
.domain li a:hover{padding-left:5px;display:block;background:#e3e3e3;}

*+html input{vertical-align:middle;}
.checkCode input{display:block;float:left;padding-left:10px;width:348px;height:34px;list-style: height 34px;background:#fff;_border:none;}
.checkCode img{display:block;float:left;margin-top:6px;position: absolute;right: 56px;}
.checkCode .invisibility{position: absolute;right: 4px; width: 44px; text-decoration: underline;display: inline;color:#16babe;cursor: pointer;margin-top:12px;}
.keepInfo{ _margin-top:1px;height:20px;line-height:20px;text-align:left;width:280px;margin:0 auto;color:#b4b4b4;font-size:1.4rem; display: none;}
.keepInfo input{display:block;float:left;margin-right:3px;width:14px; height:14px; vertical-align:middle; padding:0;border: 1px solid #e1e1e1;background:none;}
.obpm-loginRemeber{position: relative;}
.remember{position: absolute; left: 50px; top:10px;line-height:18px;text-align:left;width:112px;color:#555858;font-size:1.4rem;}
.remember input{display:block;float:left;margin-right:3px;width:14px; height:14px; vertical-align:middle; padding:0;border: 1px solid #e1e1e1;background:none;}

.tipsArea{height:22px!important;line-height:22px!important;_height:20px!important;_line-height:20px!important;padding-left:55px;text-align:left!important;word-spacing:-1px;_word-spacing:0;overflow: hidden;visibility: visible;}
*+html .tipsArea{word-spacing:0;}
.btnOk{width:230px;position: absolute; right:50px;}
* html .btnOk{_right: 3px;}
.loginBtn{display:block; background:url(../images/login/loginBtn.png) no-repeat; width:101px; height:33px; line-height:33px; text-align:center;}
.copyright{width:100%;position:absolute; bottom:5px; text-align:center;margin:0 auto;color:#000;font-size:1.2rem;}
.copyright span{background:url(../images/login/logo.png) no-repeat;_background:url(../images/login/logo.gif) no-repeat; padding-left:15px;}

/********************Proxy user login style start********************/
.userTypeLi{height:60px;padding-left:30px;line-height:22px;text-align:left;}
.userTypeLi{display:none;}
.userTypeSpan{display:block;width:100%!important;text-align:left!important;font-weight:bold;color:#06547a;}
.userTypeLi input{background:none;width:23px!important;height:23px!important;vertical-align:middle;padding:0!important;margin:0!important;}
.userTypeLi label{background:#ffffff;display:block;float:left;width:55px;height:23px;}
.proxyShow{height:60px;padding-left:30px;text-align:left;padding-top:15px!important;}
.proxyShowSpan{width:auto!important;line-height:30px;font-weight:bold;color:#06547a;}
.operationLi{padding-left:30px;}
.operationLi input{display:block; background:url(../images/login/loginBtn.png) no-repeat; width:101px; height:33px; line-height:33px; text-align:center;}
/********************Proxy user login style end********************/

/********************login*******************/
.login-box .login .form-group {width: 360px;font-size: 14px;background: none;line-height: 26px; color:#b4b4b4;position: relative;}
.login-box .login .code-group {width: 350px;font-size: 14px;margin: 0 auto 20px auto;background: none;line-height: 26px;position: relative;}
.login-box .login .form-group i {position: absolute;top: 8px;padding: 0 15px;text-align: center;color: #b4b4b4;font-style: normal;}
.login-box .login .form-group .form-control {background: #fff;color: #000;width: 310px;border: 1px solid #e1e1e1;height: 34px;line-height: 40px\9;*line-height: 40px;padding-left: 50px;}
.login-box .login .form-group .form-control:focus{outline: none;}
.login-box .login .form-group input[type="text"],.login-box .login .form-group input[type="password"] {font-family: inherit;font-size: inherit;/*line-height: inherit;*/*display: inline-block;border-radius: 4px; -webkit-border-radius: 4px;-moz-border-radius: 4px;behavior: url(portal/share/css/PIE.htc);    border: 1px solid #276da2;}
.login-box .login .keepInfo input[type="checkbox"] {font-family: inherit;font-size: inherit;*display: inline-block;border-radius: 6px; -webkit-border-radius: 6px;-moz-border-radius: 6px;behavior: url(portal/share/css/PIE.htc);}
.login-box .login .form-group .Password_forget {color: #b4b4b4;display: block;padding-top: 10px;}
.login-box .login .form-group .Password_forget span a {color: #b4b4b4}
@font-face {font-family: "iconfont";src: url("../script/bootstrap/fonts/iconfont.eot");src: url("../script/bootstrap/fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../script/bootstrap/fonts/iconfont.woff") format("woff"),url("../script/bootstrap/fonts/iconfont.ttf") format("truetype"),url("../script/bootstrap/fonts/iconfont.svg#iconfont") format("svg");}
.iconfont {font-family: "iconfont" !important;font-size: 20px;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;color: #FFFFFF;font-weight: normal;}
.code {text-align: center;padding: 75px 0px 20px 0px}
.login-box .login .btn-login {display: block;color: #fff;width: 230px;height: 38px;font-size: 16px;margin: 0 auto 0;cursor: pointer;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;behavior: url(portal/share/css/PIE.htc);background-color: #16babe;border:none;}
.login-box .login .btn-login:focus{outline: none;}

.tipsdiv_Domain{
	text-align: left; 
	display: none; 
}
.tipsdiv_name{
	position:absolute;
	text-align: left; 
	display: none; 
	z-index:9999;
}
.tipsdiv-pass{
	position:absolute;
	text-align: left; 
	display: none; 
	z-index:9999;
}
.tipsdiv-code{
	position:absolute;
	text-align: left; 
	display: none; 
	z-index:9999;
}
.easytip-text{
	position: absolute;
	left: 50px;
	bottom: 10px;
	padding: 10px; 
	width: 340px; 
	font-size:1.4rem;
	color: #8b6d38; 
	border: 1px solid #fbebcb;
	border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/*behavior: url(portal/share/css/PIE.htc);*/
	background-color: #fdf8e2;
	z-index:99;
}
.easytip-arrow{
	position:relative;
	left: 50px;
	top:1px;
	_top:5px;
	padding: 0px; 
	margin: 0px; 
	width: 340px; 
	height: 6px;
	background:url(../images/login/jianjiao.png) 15px center no-repeat;
	_background:url(../images/login/jianjiao.gif) 15px 5px no-repeat;/*ie6*/
	
}
.loginInfo li{
	position:relative;
	float:left;
	margin-right:5px;
}
.loginInfo li.btnOk {
    position: absolute;
}
.loginInfo li.zIndex98{
	z-index:98;
}

.skinSelectTxt{
	background:#fff;
	font-size:20px;
	color:#983333;
	text-align:center;
	height:50px;
	display:none;
}

.skinSelectTxt td .upchrome {
	vertical-align: middle;
	margin:0px 10px;
}
  
.skinSelectBtn{
	background:#f8f8f8;
	font-size:12px;
}
.skinSelectBtn td{
	padding:10px 0px;
}


.agent-box {position: relative;margin: 0 auto;padding-bottom: 0px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.agent_con .top{text-align:center;margin-bottom:30px;}
.agent_con .title{margin:0;padding:0;}
.agent_con .title a{display: block;color:#d3d3d3;width: 80px;height: 22px;line-height: 22px;text-align: center;margin: 0 auto; border:1px solid #d3d3d3;border-radius: 4px; -webkit-border-radius: 4px;-moz-border-radius: 4px;behavior: url(portal/share/css/PIE.htc);}
.agent_con .title a .dai-return{font-size:12px;color:#d3d3d3;}
.agent_con i.icon{color:#ababab;}
.a-return{ font-size:14px;cursor: pointer;}
.dai-return{ color:#ababab;}
.xuanzeTitle{text-align:center;margin-bottom:30px;font-size:16px;color:#fff;}
.xuanze{ text-align:center;}
.xuanze a{ float:left;text-align:center; margin:0 12px; cursor: pointer; }
.xuanze a .perImg{transition: .5s;-moz-transition: .5s; -webkit-transition: .5s; -o-transition:.5s;}
.xuanze a:hover .perImg{box-shadow: 0px 0px 2px #b8ddfe;}
.xuanze a:hover p{color:#b8ddfe; }
.xuanze .perImg{width:74px;height:74px;margin:0 auto;text-align:center;overflow:hidden;border-radius: 74px;-webkit-border-radius: 74px;-moz-border-radius: 74px;}
.xuanze .perImg img{max-width:100%;margin:0 auto;overflow:hidden;}
.xuanze .p_self{color:#fff; font-size:14px;    width: 74px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.xuanze .p_user{color:#fff; font-size:14px;width: 74px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.errorCon{width:100%;position:absolute;top:30px;_top:138px;padding:0;margin:0; border:none;}
.errorMsg{margin:0 auto;padding:8px;width:380px;text-align:center;color: #aa4642;font-size: 14px;
	border-radius: 3px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	behavior: url(portal/share/css/PIE.htc);
	background-color: #f2dede;
	border:none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 0px 4px rgba(0,0,0,.5);
    box-shadow: 0 0px 4px rgba(0,0,0,.5);
}

.obpm-checkbox-section {
	position: relative;
}

.obpm-checkbox {
	display: inline-block;
	position: absolute;
	margin-left: -18px;
	width: 16px;
	height: 16px;
	background-color: #ffffff;
	border-radius: 2px;
	border: solid 1px #cdd4d4;
	overflow: hidden;
	line-height: 0.5rem;
}

.obpm-checkbox-section input {
	visibility: hidden;
}

.obpm-checkbox-section input:checked + .obpm-checkbox:after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 5px;
	border: 1px solid #fff;
	border-right: 0;
	border-top: 0;
	transform: rotate(-45deg)translate(1px,2px);
}

.obpm-checkbox-section input:checked + .obpm-checkbox {
	border-color: #16babe;
	background-color: #16babe;
}

.remember .obpm-checkboxLogin{
	margin-left: 4px;
}

