*{ padding: 0; margin: 0; }
html, body{ margin: 0 auto; width: 100%; min-height: 600px; height: 100%; position: absolute; color: #333333; background-color: #f5f5f6; background-size: cover;font-family: Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif !important; }
body, p, h1, h2, h3, h4, h5, h6, span, label, ul, li, a,.ui-widget,input{ font-family: Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif !important; font-weight: normal; }
a, a:hover{ text-decoration: none; }
body.logon{ background: url("../images/bg.png") repeat-y; background-size: cover; }
li{list-style: none;}
img{ border-style:none;}
.clear{ clear: both !important; }
.hidden{ display: none; }
input,select,textarea,button{ outline: none;}
/*消除google中input默认为黄色背景*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/*header*/
.header{ position: fixed; top: 0; left: 0; width: 100%; min-width:1100px; height: 90px; background-color: #4294e7; z-index: 2; color: #ffffff !important; }
.header_inner{ height: 100%; width: 800px; margin: 0 auto; background: #22222c; }
.header_inner ul li{ float: left;width:170px;height:90px;background-color:#22222c;}
.header_inner ul li a{ display: block;width: 100%; height: 100%; text-align: center;line-height: 90px; color: #999; font-size: 16px;}
.header_inner ul li a:hover{ z-index: 2;padding-top: 10px; color: #fff; background-color: #353644;transition: all .2s;}
/*.header_inner ul li.download_center{ display: none;}*/
.header_inner ul li.nav_active{background-color:#353644;}
.header_inner ul li.nav_active a{ color: #999;padding-top: 0px;}
.header_inner .header_inner_right{ float: right; width: 120px; height: 90px;overflow: hidden;background-color:#22222c;}
.header_inner .header_inner_right:hover{ overflow: visible;transition: all .2s;}
.header_inner .header_inner_right .userInfo{ width: 120px;min-height: 90px; background:#22222c /*url("../images/user.png") no-repeat center 20px*/;padding: 0 4px;}
.header_inner .header_inner_right .userInfo .user_pic{width: 50px;height: 50px;margin: 20px auto 0;border-radius: 25px;-webkit-border-radius: 30px;-moz-border-radius: 30px; box-shadow:0 0 2px #47476f; background:#333333 url("../../default/images/user.png") center no-repeat;}
.header_inner .header_inner_right .userInfo .user_pic .userPhoto{width: 50px;height: 50px;margin: 0 auto;border-radius: 25px;-webkit-border-radius: 30px;-moz-border-radius: 30px; box-shadow:0 0 2px #47476f;}
.header_inner .header_inner_right:hover .userInfo{ padding-top:8px;padding-bottom:10px;background-color: #353644; transition: all .2s;}
.header_inner .header_inner_right .userInfo p{ padding-top:14px;display: none; }
.header_inner .header_inner_right:hover .userInfo p{display: block;}
.header_inner .header_inner_right .userInfo p span,
.header_inner .header_inner_right .userInfo p a{  font-size: 14px; display: block; line-height: 26px;color: #aaa; text-align: center;padding: 0 10px;}
.header_inner .header_inner_right .userInfo p a:hover{ color: #ddd;}
/*.header-inner-left{ float: left; }
.header-inner-left .logo{ float: left; margin-top: 22px; }
.header-inner-left .logo img{ width: auto; height: 40px }
.header-inner-left .text{ float: left; margin-left: 20px; line-height: 80px; font-size: 18px; color: #eee; }
.header-inner-left .text span{ font-size: 24px; color: #fff; }
.header-inner-right{ float: right; line-height: 80px; font-size: 14px; }
.header-inner-right a{ color: #eeeeee; margin: 0 4px; }
.header-inner-right a:hover{ color: #ffffff; }*/
/*footer*/
.footer{ width: 100%; min-width:1100px; height: 35px; background-color: #22222c; }
.footer p{ color: #999; margin: 0 auto; line-height: 35px; text-align: center; font-size: 12px; }

/*main*/
.main{ width: 1100px; margin: 3% auto 0; position: relative; height: auto; min-height: 512px; padding-bottom: 8px; background-color: #fff;border-radius:20px; }
/*
.main > img{ position: relative; top: 10%; width: 100%; float: left; z-index: 0 !important; display: inline-block;margin-bottom: 32px;}
*/

.main .pic{

	width:50%;
	padding: 50px 0 0 40px;
	float:left;
	display:inline-block;
	text-align: center;
	margin: 0 auto;
	padding: 0 auto;
}
.main .pic img{width: 80%;}
.container{float: left; margin-left:90px;/* position: absolute;top:20%;right: 20%;*/ width: 40%; height: 512px;min-height: 436px; background-color: #fff;/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#663c436d, endColorstr=#663c436d); /*解决背景颜色透明度，兼容IE8、9时背景颜色无透明度*/
    padding:30px 0 0 10px; font-size: 12px; color: #333; /*box-shadow: 0 8px 46px #12152c;*/ }
.container-header{ height: 48px; width: 100%; margin: 0 auto; position: relative; border-bottom: 1px solid #ccc; }
.container-header h3{color: #666666; }
.container-top{ height: 130px; width: 100%; margin: 100px auto 0; text-align: center; }
.container-top img{ vertical-align: middle; }
.container-top span{ font-size: 20px; color: #999; font-weight: normal; margin-left: 20px; }
.container-bot a{ margin: 0 auto; text-align: center; text-decoration: none; display: block; color: #fff; width: 200px; height: 34px; font-size: 16px; line-height: 34px; background-color: #2592e0; }
.container-bot a:hover{ background-color: #2e6da4; transition: all .2s; }
/*登录页面样式*/
body.logon{ min-width: 1100px;min-height: 100%; height: auto;}
body.logon .header{ height: 38px;  min-width: 1100px; /*background: rgba(255,255,255,0.1); */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#11ffffff, endColorstr=#11ffffff); }
body.logon .header .header_inner{ height: 38px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff); }
body.logon .header .header_inner ul{float: right; margin-bottom: 0;  background: rgba(255,255,255,0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff); }
body.logon .header .header_inner ul li{ width: 88px; float: right; height: 38px; line-height: 38px;background: rgba(42,44,57,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#222a2c39, endColorstr=#222a2c39); border-right: 1px solid rgba(230,230,230,0.1);}
body.logon .header  .header_inner ul li.download_center{ display: block;}
body.logon .header  .header_inner ul li.foot-print{ display: none;}
body.logon .header .header_inner ul li:nth-last-child(2){ border-right: none;}
body.logon .header .header_inner ul li a{ height: 38px; line-height: 38px; font-size: 12px; color: #fff;}
body.logon .header .header_inner ul li:hover a{margin: 0;padding: 0; background: #2a2c39; color: #eee; text-decoration: underline;}
body.logon .footer{ background:#fff;  min-width: 1100px; position: absolute;bottom: 0px;}
body.logon .header_inner .header_inner_right{width: 88px; height: 38px; line-height: 38px; text-align: center; border-right: 1px solid rgba(230,230,230,0.1);}
body.logon .header_inner .header_inner_right p{ height: 38px; line-height: 38px;}
body.logon .header_inner .header_inner_right p a{ width: 100%; height:100%; display:block; color: #aaa; font-size: 12px;}
body.logon .header_inner .header_inner_right p a:hover{ color: #ddd; background: #2a2c39; text-decoration: underline;}
body.logon .container-header{ border-bottom: 1px solid #607287; }
.logo{margin-top:80px;margin-bottom: 30px; width:100%;height:52px;}
.logo a{ margin: 0 auto;padding:0 auto;text-align: center;width:500px;height:100%;text-decoration: none;display:block;line-height: 300px;}
.logo a img{width: 100%;display:block;}

.login-way{ text-align: center; width: 100%; margin: 0 auto; border-top: 1px solid #f0f0f0; overflow: hidden; padding-top: 20px; }
.login-way a{ color: #333; font-size: 16px; padding: 4px 10px !important; }
.login-way a:hover{ background-color: #7ac23c !important; color: #fff !important; transition: all .2s; }
.login-way .active a{ background-color: #7ac23c !important; color: #fff !important; }
.login-main{ margin-top: 30px; width: 100%; }
.login-main form{ width: 100%; margin: 0 auto !important; }
.login-main ul.info{ width: 100%; text-align: center; }
.login-main ul.info li{ list-style: none; padding-bottom: 16px; vertical-align: middle; font-size: 1.166em; color: #333; }
.login-main ul.info li span{ display: inline-block; vertical-align: middle; }
.login-main ul.info li em, .login-main ul li i{ font-style: normal; }
.login-main ul.info{ margin: 40px auto 0; text-align: left; }
.login-main ul.info li a{ text-decoration: none !important; margin-left: 20px; }
.login-main ul.info input,
.login-main ul.info select{ border: 1px solid #cccccc; width: 220px; height: 32px; line-height: 30px; padding-left: 5px; font-size: 12px; color: #4a4a4a; background-color: #dedede; }
.login-main ul.info input:focus,
.login-main ul.info select:focus{ color: #333333; border: 1px solid #18a5d8;background-color: #fafafa; }
.login-main ul.info .label_input{ margin-left: 0 !important; padding-left: 0; text-align: right; display: inline-block; width: 70px; padding-right: 5px; font-size: 14px !important; color: #333333;}
.login-main ul.info .code{ width: 168px; }
.login-main ul.info input.remember{ height: inherit; width: inherit; padding: 0; margin: 0; vertical-align: middle !important; }
.certificate-information{ width: 220px; color: #666666 !important; background-color: #f0f0f0; font-size: 12px; padding: 10px 10px 4px !important; margin: 0 0 4px 74px !important; }
.certificate-information p{ font-size: 12px; line-height: 18px;}
.qr-code{ width: 203px; height: 203px; color: #666666 !important; background-color: #fff; font-size: 12px; padding: 0 !important; margin: 0 0 0 105px !important; }
.remember-container{ float: left; margin-left: 74px; color: #333 !important; font-size: 14px !important; font-weight: normal; }
.remember-txt, .forget-txt{ display: inline-block; color: #bbb; font-size: 12px; margin-left: 5px; }
.forget-container{ float: left; margin-left: 70px; }
.forget-container img{ margin-top: 4px !important; vertical-align: top; width: 14px; height: 14px; }
.forget-container a.forget-txt{ text-decoration: none; margin-left: 10px !important;}
.forget-container a.forget-txt i{ font-size: 14px; margin-right: 4px;}
.remember-txt:hover,.forget-container a:hover{cursor: pointer; color: #1cb2e8 !important; }
.login-main .info .button{ text-align: center; text-decoration: none; background-color: #1cb2e8; color: #fafafa; width: 220px; height: 34px; font-size: 14px; line-height: 34px; margin: 10px 0 0 74px; border: none; }
.login-main .info .login-button{ padding-bottom: 8px; }
.login-main .info .button:hover{ background-color: #18a5d8; transition: all .2s; color: #fff !important; }
.login-main .info .button:focus{ background-color: #18a5d8; color: #fff !important; }
.login-warn{ font-size: 12px; color: #ffb2b2 !important; text-align: center;line-height: 28px; padding: 0 0 4px 0 !important; margin: 0 !important; }
/*elseLoginWay*/
.logon-method-layer{ bottom: 50px; left: 10px; padding: 10px 20px; font-size: 14px; color: #333333; width:340px;height: 40px !important; /*border-top: 1px solid #607287;*/ }
.logon-method-layer span{ float: left; }
.logon-method-layer a{ display: block; width: 36px; height: 36px; margin: 0 12px 20px; float: left; }
.logon-method-layer .finger{ background: url("../images/login-ways-02.png") 0 0px no-repeat; }
.logon-method-layer .face01{ background: url("../images/login-ways-04.png") 0 0px no-repeat; }
.logon-method-layer .sms{ background: url("../images/icon_05.png") 0 0px no-repeat; }
.logon-method-layer .otp{ background: url("../images/login-ways-03.png") 0 0px no-repeat; }
.logon-method-layer .qq{ background: url("../images/login-ways-10.png") 0 0px no-repeat; }
.logon-method-layer .chat{ background: url("../images/login-ways-11.png") 0 0px no-repeat; }
.logon-method-layer .sina{ background: url("../images/login-ways-12.png") 0 0px no-repeat; }
.logon-method-layer .cert{ background: url("../images/login-ways-08.png") 0 0px no-repeat; }
.logon-method-layer .MCert{ background: url("../images/icon_03.png") 0 0px no-repeat; }
.logon-method-layer .ntlm{ background: url("../images/login-ways-09.png") 0 0px no-repeat; }
.logon-method-layer .password{ background: url("../images/kouling_05.png") 0 0px no-repeat; }
.logon-method-layer .passcode{ background: url("../images/login-ways-07.png") 0 0px no-repeat; }
.logon-method-layer .passwordAndOpt{ background: url("../images/passwordandopt.png") 0 0px no-repeat; }
.logon-method-layer .QRCodeAndPwd{ background: url("../images/kouling_05.png") 0 0px no-repeat; }
.logon-method-layer .face{ background: url("../images/login-ways-07.png") 0 0px no-repeat; }
/**AppList**/
.app_wide_container{ background-color: #f5f5f6 !important;}
.four_a_box{ margin-bottom: 15px; height: auto; overflow: hidden; background-color: #f5f5f6;}
.four_a_box .title{ height: 44px; line-height: 44px; /*border-bottom: 2px solid #e2e2e2; */clear: both; }
.four_a_box .title h3{ color: #505050; height: 44px; line-height: 44px; /*background: url(../images/orange.gif) no-repeat center 40px; border-bottom: 2px solid #f07937; */font-size: 16px; float: left; display: block; width: 120px; text-align: center; }
.four_a_box .four_a_cont{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-bottom: 10px;background-color: #fff; border: 1px solid #e3e3e3;}
.four_a_box .four_a_cont ul{ min-height: 100px; height: auto;width: 100%; margin-bottom: -1px;}
.four_a_box .four_a_cont ul li{ float: left; text-align: center; margin:0; position: relative; list-style: none ;height:150px;width: 217.6px; border:1px solid transparent; background-color: #fff; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.four_a_box .four_a_cont ul li.no_border{ border-right: 1px solid transparent;}
.four_a_box .four_a_cont ul li:hover{ box-shadow: 0 3px 12px #cdcdcd;-webkit-box-shadow: 0 3px 12px #cdcdcd; -moz-box-shadow: 0 3px 12px #cdcdcd; -o-box-shadow: 0 3px 12px #cdcdcd; transform:translateY(-3px); -ms-transform:translateY(-3px); -webkit-transform:translateY(-3px);
    -o-transform:translateY(-3px);-moz-transform:translateY(-3px); transition: all .1s; background-color: #f2f2f2; z-index: 1;}
.four_a_box .four_a_cont ul li:hover .add_account a.add_account_img{ background:url("../images/add_account_hover.png") no-repeat center; }
.four_a_box .four_a_cont ul li a{ width: 100%;height: 100%; color: #444444; text-decoration: none; display: block;}
.four_a_box .four_a_cont ul li a:hover{ color: #004ea2; }
.four_a_box .four_a_cont ul li a div.pic{width: 100%;height: 70px; padding-top: 16px;}
.four_a_box .four_a_cont ul li a div.pic img{ width: 60px; height: 60px; clear: both; margin: 16px auto 0; }
/*.four_a_box .four_a_cont ul li:hover a div.pic img{width: 70px;height: 60px; transition: all .2s;}*/
.four_a_box .four_a_cont ul li a span{ width: 80%;display:block;line-height: 20px;font-size: 14px;margin: 2px auto 0;padding: 8px 0;color: #2a2a2a; }
.four_a_box .four_a_cont ul li .add_account{ position: absolute;top:4px;left: 6px;width: 48px; height: 30px; border-radius: 15px;display: none; }
.four_a_box .four_a_cont ul li:hover .add_account{ display: block; }
.four_a_box .four_a_cont ul li .add_account a.add_account_img{width: 40px;height: 40px; background:url("../images/add_account.png") no-repeat center; }
.four_a_box .four_a_cont ul li .add_account a.add_account_img:hover{ background:url("../images/add_account_hover.png") no-repeat center; }
.four_a_box .four_a_cont ul li .add_account a.add_account_img p{ width: 88px; height: 32px; line-height: 32px; background: #575973; text-align: center;position: absolute;top: 38px; left: 2px; font-size: 12px; color: #fff; box-shadow: 1px 1px 6px #676989; display: none; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.four_a_box .four_a_cont ul li .add_account a.add_account_img:hover>p{ display: block; transition: all .2s;}
.four_a_box .four_a_cont ul li .add_account a.add_account_img p:before{ border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #575973; content: ""; position: absolute;
    top: -6px; left: 10px;}
/**密码找回**/
.wide-container{ margin: 80px auto 0; width: 1100px; height: auto;min-height: 517px; background-color: #fdfdfd; padding: 30px 0 0 0; font-size: 12px; color: #333333; overflow: hidden !important; }
.wide-container .container-header{ height: 40px; margin: 0 auto; }
.wide-container .container-header h3{ margin-left: 20px; color: #8a8a8a; font-size: 18px; font-weight: normal; text-align: left;line-height: 40px; display: inline-block; }
.wide-container .container-header h3 span{ font-size: 16px; color: #2a2a2a;}
.wide-container .container-header a{ margin-left: 500px; color: #00aaee; line-height: 30px; font-size: 14px;}
.wide-container .container-header a i{ font-size: 16px;margin-right: 2px; line-height: 30px; }
.wide-container .container-header a span{ line-height: 30px; }
.wide-container .container-header a:hover{ border-bottom: 1px solid #00aaee;}
.scan-code{ position: absolute; left: 115px; top: -20px; }
.scan-code img{ width: 48px; height: 48px; }
.process-title-container{ background: #fdfdfd; padding: 20px 0 0 20px;/* border-top: 1px solid #2f2f37;*/ overflow: hidden; }
.process-title-container .process{ position: relative; float: left; width: 220px; height: 35px; line-height: 35px; font-size: 14px; padding-left: 10px; overflow: hidden; }
.process-title-container .process .index{ display: inline-block; width: 18px; height: 18px; line-height: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; text-align: center; margin-right: 10px; }
.process-title-container .process .process-dir{ position: absolute; top: -17px; right: -19px; }
.process-title-container .process .process-dir .outside,
.process-title-container .process .process-dir .inside{ display: inline-block; width: 0; height: 0; border-style: solid; border-width: 35px 19px; margin-left: -44px; }
.process-title-container .process-common{ background: #dddddd; color: #666666; }
.process-title-container .process-common .index{ background: #999999; color: #ffffff; }
.process-title-container .process-common .process-dir{ background: #dddddd; }
.process-title-container .process-common .process-dir .outside{ border-color: transparent transparent transparent #f8f8f8; }
.process-title-container .process-common .process-dir .inside{ border-color: transparent transparent transparent #dddddd; }
.process-title-container .process-finish{ background: #7ac23c; color: #ffffff; }
.process-title-container .process-finish .index{ background: #ffffff; color: #7ac23c; }
.process-title-container .process-finish .process-dir{ background: #dddddd; }
.process-title-container .process-finish .process-dir .outside{ border-color: transparent transparent transparent #f8f8f8; }
.process-title-container .process-finish .process-dir .inside{ border-color: transparent transparent transparent #7ac23c; }
.process-title-container .process-current{ background: #7ac23c; color: #ffffff; }
.process-title-container .process-current .index{ background: #ffffff; color: #7ac23c; }
.process-title-container .process-current .process-dir{ background: #dddddd; }
.process-title-container .process-current .process-dir .outside{ border-color: transparent transparent transparent #f8f8f8; background: #dddddd }
.process-title-container .process-current .process-dir .inside{ border-color: transparent transparent transparent #7ac23c; }
/*找回密码页面style*/
body.find_pwd{ background: #fafafa;}
body.find_pwd .footer{ background: #fafafa;}
body.find_pwd .footer p{ color: #888;}
body.find_pwd .header { background: #fafafa; height: 48px; line-height: 48px; }
body.find_pwd .wide-container{ margin-top: 68px;}
body.find_pwd .process-title-container{ background-color: #fafafa; padding-top: 30px;}
body.find_pwd .header .header_inner{ background-color: #fafafa;}
body.find_pwd .header .header_inner ul li{ background-color: #fafafa;}
body.find_pwd .header_inner ul li.download_center{ display: block;}
body.find_pwd .header_inner ul li.foot-print{ display: none;}
body.find_pwd .header .header_inner ul li:hover a{ background-color: #fafafa; color: #333; }
body.find_pwd .header .header_inner ul li a{ color: #666; background-color: #fafafa;}
body.find_pwd .header_inner .header_inner_right p a{ color: #0a8cd2;background-color: white}
body.find_pwd .header_inner .header_inner_right p a:hover{ background-color: #fafafa; color: #0a8cd2}
.find_pwd .process-title-container{ padding:10px 0 0 90px; }
.find_pwd .wide-container .container-header{ border-bottom: none; text-align: center;}
.find_pwd .wide-container .container-header h3{ text-align: center; font-size: 18px; color: #333; }
.find_pwd .bind-mobile ul.info li{ width: 80%;margin: 0 auto;}
.info li input{border-radius: 5px;background-color: #fff; }
.find_pwd .bind-mobile ul.info li input.challenge{ width:148px;}
.find_pwd .wide-container .bind-mobile ul.info li .button{ margin-left: 10px;}
.logon .app_center,
.logon .security_center,
.logon .header_inner_right,
.find_pwd .app_center,
.find_pwd .security_center{ display: none;}
.find_pwd .wide-container{ min-height: 500px;}
.find_pwd .header_inner_right{ display: block; }

/****/
.bind-mobile{ margin-top: 30px; }
.bind-mobile ul.info{ width: 100%; float: left; margin: 16px auto 50px; text-align: left; }
.bind-mobile ul.info li{ padding-left: 70px; display: block; list-style: none; padding-top: 16px; vertical-align: middle; font-size: 1.166em; color: #333333; }
.bind-mobile ul.info li span{ display: inline-block; vertical-align: middle; }
.bind-mobile ul.info li em,
.bind-mobile ul.info li i{ font-style: normal; }
.bind-mobile ul.info li a{ margin-left: 272px; }
.bind-mobile ul.info p{ opacity: 0; font-size: 12px; color: #2592e0; margin: 4px auto; width: 270px; }
.safe-center .bind-mobile ul.info li input,
.safe-center .bind-mobile ul.info li select{ border: 1px solid #cccccc; width: 357px; height: 40px; line-height: 40px; padding-left: 5px; font-size: 14px; color: #555; }
.bind-mobile ul.info li input,
.bind-mobile ul.info li select{ border: 1px solid #cccccc; width: 292px; height: 30px;line-height: 32;padding-left: 5px; }
.bind-mobile ul.info li input:focus,
.bind-mobile ul.info li select:focus{ color: #333333; border: 1px solid #00aaee; }
.bind-mobile ul.info li input.challenge{ width: 120px; }
.bind-mobile ul.info li img{ vertical-align: top; width: 120px; height: 30px; background-color: #333; margin-left: 20px; cursor: pointer; }
.bind-mobile ul.info li .name{ display: inline-block; width: 272px; padding-right: 5px; text-align: right; line-height: 36px; font-size: 14px; color: #6a6a6a; }
.bind-mobile ul.info li .value{ font-size: 14px; color: #2a2a2a; }
.bind-mobile ul.info li.prompt_info{ height: 36px;line-height: 36px; font-size: 12px; padding-top: 2px;}
.bind-mobile ul.info li .message{ font-size: 12px; color: #ff0000; text-align: left; line-height: 16px; width: 420px; word-break: normal; }
.bind-mobile ul.info li .code{ width: 176px; overflow-x: hidden }
.bind-mobile ul.info li .tips{ color: #ee7411; font-size: 12px;margin-left: 8px;}
.bind-mobile ul.info li .error{display:inline-block;color: red; font-size: 12px;line-height: 18px;width: 250px;vertical-align: middle;margin-left: -6px;}
.wide-container .bind-mobile ul.info li.button_li{ padding-top: 0;}
.wide-container .bind-mobile ul.info li .button{ text-align: center; background-color: #00bbee; color: #ffffff; width: 299px; height: 34px; font-size: 14px; line-height: 34px;margin-top: 4px; margin-left: 4px; cursor: pointer;border:transparent; }
.bind-mobile ul.info li .button:hover{ background-color: #00a3d2; transition: all .2s; }
.bind-mobile ul.info li .button:focus{ background-color: #00a3d2; color: #fff !important; }
/*second css*/
.bind-mobile ul.info li input.btn_obtain_challenge{ width: 100px !important; height: 32px; margin-left: 20px; font-size: 12px;line-height: 32px; color: #ddd; background: #7c7e8f; cursor: pointer;border:1px solid transparent; }
.bind-mobile ul.info li input.btn_obtain_challenge:hover{ background: #626477; transition: all .2s; color: #f1f1f1; }
/*finish css*/
.finish-content{ width: 960px; margin: 80px auto 0; }
.finish-content .finish-mid{ width: 960px; height: 60px; margin: 0 auto; text-align: center; font-size: 18px; }
.finish-content .finish-mid span{ line-height: 60px; }
.finish-content .finish-mid img{ margin-right: 10px; }
.bind-mobile .button-finish a{ text-align: center; text-decoration: none; display: block; color: #ffffff; width: 200px; height: 34px; font-size: 14px; line-height: 34px; margin: 50px auto 30px; background-color: #2592e0; }
.bind-mobile .button-finish a:hover{ background-color: #2e6da4; transition: all .2s; }
/** 查看页面表格样式**/
.scaffold-show{ }
.scaffold-show table{ width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
.scaffold-show table tr.hover{ background: #e4ffff; }
.scaffold-show table tr td{ border: #dddddd solid 1px; height: 31px; line-height: 51px; color: #52514f; padding-left: 5px; white-space: nowrap; }
.scaffold-show table tr td.photo{ width: 120px; height: 160px; text-align: center; padding-right: 10px; }
.scaffold-show table tr td.photo image{ width: 110px; height: 150px; }
.scaffold-show table tr td.name{ width: 120px; font-weight: bold; text-align: right; padding-right: 10px; }
.scaffold-show table tr td.value{ font-weight: normal; }
.scaffold-show table tr td.value span{ display: inline-block; overflow: hidden; }
.scaffold-show table tr td.value label{ margin-right: 10px; }
.scaffold-show table tr td.value input{ width: 180px; margin-top: 5px; margin-right: 5px; padding-left: 5px; }
.scaffold-show table tr td.value input.radio{ width: 15px; margin-top: 5px; margin-right: 5px; }
.scaffold-show table tr td.value input.checkbox{ width: 20px; margin-top: 5px; margin-right: 5px; }
.scaffold-show table tr td.value select{ width: 180px; margin-top: 5px; margin-right: 5px; }
.scaffold-show table tr td.value textarea{ width: 80%; margin-top: 3px; margin-bottom: 3px; resize: none; padding-left: 5px; }
.scaffold-show table tr td table{ border: none; }
/**按钮样式**/
.operation_button_container{ margin: 8px 0 8px 0; text-align: center }
.operation_button_container .btn_common{ border: none; height: 30px; cursor: pointer; margin-right: 10px; color: #ffffff; vertical-align: top; background: #00bbee; border-radius: 3px }
.operation_button_container .btn_common:hover{ background: #00a3d2 }
.operation_button_container .btn_common_s{ width: 70px; }
.operation_button_container .btn_common_l{ width: 96px; }
/*新增样式*/
.side-nav{ float: left; width: 180px; height: 100%; font-size: 16px; border-right:1px solid #dddddd;}
.right-contain{ float: left; background-color: #ffffff; height: 100%; width: 850px; margin-left: 6px;}
.side-nav ul{ text-align: right; padding-right: 10px; }
.side-nav ul h3{ padding-top: 8px; padding-bottom: 14px; margin-right: 14px; font-size: 20px; color: #666;}
.side-nav li a{ color: #333 !important; line-height: 40px; display: block; width: 100%; }
.side-nav li a:hover,
.side-nav li a:hover i,
.side-nav li.active a,
.side-nav li.active a i{ color: #00bbee !important; }
.side-nav ul li a i{ width: 16px; height: 16px; font-size: 16px; color: #666; text-align: center; margin:0 6px 0 18px;}
.side-nav ul li a i.fa-mobile-phone{ font-size: 20px; }
.side-nav ul li a i.fa-envelope{ font-size: 14px;}
/*bindEmail*/
.bind-email-second{ width: 800px; margin: 0 auto; text-align: center; }
.bind-email-second a{ margin: 0 auto !important; padding: 0 !important; font-size: 16px; font-weight: bold; text-decoration: solid !important; }
/*blank*/
.ui-widget-overlay{ background:#000; opacity:.5; filter: Alpha(Opacity=50);}
.blank-main{ width: 200px; margin: 0 auto; }
.blank-main img{ margin-top: 60px; }
.blank-main p{ font-size: 18px; color: #999; margin: 10px auto; }
.revise_pw{ float: left; position: fixed; top: 10%; left: 40%; }
.revise_pw_bg{ background-color: #000; height: 225px; width: 354px; opacity: 0.4; position: absolute; top: 6px; z-index: 990; }
.revise_pw_box{ height: auto; width: 354px; background: #FFF /*url(../images/line.png) no-repeat 0 bottom*/; position: absolute; margin-left: 6px; z-index: 999;/* padding-top: 15px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px;*/ }
.revise_pw_box .title{ cursor: move; height: 42px; line-height: 42px; clear: both; margin-bottom: 10px; background-color: #22222c; }
.revise_pw_box .title h3{ color: #fff; height: 42px; line-height: 42px; font-size: 15px; float: left; display: block; text-align: center; padding-left: 10px; padding-right: 10px; }
.revise_pw_box .tab td{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 8px; font-size: 14px; height: 28px; line-height: 28px; }
.revise_pw_box .tab td span input{ line-height: 28px; height: 28px; padding-left: 5px; border: 1px solid #bdbdbd;}
.revise_pw_box .tab td span input:focus{ border: 1px solid #4599e4; }
.revise_pw_box .text{ height: 28px; border: 1px solid #909090; background-color: #f7f5f6; color: #989898; line-height: 28px; width: 180px; padding-left: 5px; font-size: 14px; }
.revise_pw_box .text:focus{ border: 1px solid #4599e4; }
.revise_pw_box .btn_box{ width: 100%; text-align: center; /*height: 48px; line-height: 48px;*/ }
.revise_pw_box .btn_box_1{ width: 100%; text-align: center; padding-left: 20px; }
.revise_pw_box .tab tr:last-child{ border-top: 1px solid #ddd; text-align: right; height: 38px; }
.revise_pw_box .tab tr:last-child td{  background-color: #eee; margin-top: 16px !important; }
.revise_pw_box .tab td span input.btn{ font-size: 14px; line-height: 32px; color: #FFF; height: 32px; width: 68px; border:none; cursor: pointer; top: 0; right: 0; background-color: #00bbee; margin-right: 10px; margin-top: 5px;
    -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.revise_pw_box .tab td span input.btn:hover{ background-color: #00a3d2; }
.message_container{ width: 400px; float: left; position: fixed; top: 10%; left: 40%; background: url(../../default/images/popup_shadow_right_body.png) repeat-y right; }
.message_container_l{ width: 710px; float: left; position: fixed; top: 10%; left: 40%; background: url(../../default/images/popup_shadow_right_body.png) repeat-y right; }
.message_body_left_l{ width: 709px; float: left; zoom: 1; overflow: hidden; background: #f1f1f1; }
.message_body_left{ width: 395px; float: left; zoom: 1; overflow: hidden; background: #f1f1f1; }
.message_head{ height: 34px; background: #3a7ab6; padding: 1px; cursor: move; text-indent: 15px; }
.message_head .dialog_close{ float: right; width: 18px; height: 18px; cursor: pointer; background: url(../../default/images/popup_icon_close.png) no-repeat; margin: 6px; }
.message_head .dialog_title{ float: left; width: 230px; height: 25px; font-size: 16px; font-weight: bold; color: #ffffff; overflow: hidden; padding-top: 5px }
.message_body{ min-height: 40px; max-height: 250px; padding: 10px; overflow-y: auto; border-bottom: 1px solid #e1e1e1; margin-top: 5px }
.message_foot{ height: 40px; text-align: center; padding: 5px 0 5px 0; background: url(../../default/images/popup_shadow_bottom.png) repeat-x 0 46px; }
.message_table tr td{ padding: 2px; }
.message_content{ color: red; text-align: center }
#message_dialog{ vertical-align: middle; color: red; text-align: center;}
#confirm_message_dialog{ vertical-align: middle; color: red; text-align: center ;}
.no-close .ui-dialog-titlebar-close{ display: none; }
.thames-blue{ padding: 0; border: transparent; box-shadow: 0 6px 28px #55555c;-moz-box-shadow: 0 6px 28px #55555c;-webkit-box-shadow: 0 6px 28px #55555c;-o-box-shadow: 0 6px 28px #55555c;}
.thames-blue .ui-widget-header,
.thames-blue .ui-widget-header .ui-dialog-title{ background: #22222c; border: #22222c; font-size: 14px; height: 32px; line-height: 32px; border-radius: 0;}
.thames-blue .ui-widget-content{ background-color: #fff; margin: 0;  }
.thames-blue .ui-widget-content .bind-mobile,
.thames-blue .ui-dialog-content{ margin: 0 auto; min-height: 70px !important; padding-top: 10px;}
.thames-blue .ui-widget-content .bind-mobile table{ border: none;}
.thames-blue .ui-widget-content .bind-mobile tr{ height: 48px; text-align: center;}
.thames-blue .ui-widget-content .bind-mobile tr:last-child{ height: 22px; line-height: 22px; }
.thames-blue .ui-widget-content .bind-mobile tr:last-child td.message{ font-size: 12px; text-align: left; }
.thames-blue .ui-widget-content .bind-mobile tr label{ font-size: 14px; color: #525252;}
.thames-blue .ui-widget-content .bind-mobile tr td{ border: none;}
.thames-blue .ui-widget-content .bind-mobile tr td.name{ width: 100px; text-align: right;}
.thames-blue .ui-widget-content .bind-mobile tr td input{ width: 180px; height: 28px; border: 1px solid #bbb; font-size: 12px; padding-left: 5px; color: #333;}
.thames-blue .ui-widget-content .bind-mobile tr td input:focus{ border: 1px solid #00a3d2;}
.thames-blue .ui-dialog-buttonpane{ margin: 0; background-color: #ddd; padding: 0 1em 0.4em; }
.thames-blue .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-text{ font-size: 12px;color: #fff; }
.thames-blue .ui-dialog-buttonpane .ui-dialog-buttonset button{ background:#00bbee; border: transparent; padding: .3em .9em .3em .9em; margin: .4em .4em .3em 0; }
.thames-blue .ui-dialog-buttonpane .ui-dialog-buttonset button:hover{ background-color: #00a3d2; }
.ui-dialog-buttonset #btn-dialog-cancel,
.ui-dialog-buttonset button[clazz="btn-dialog-cance"],
.ui-dialog-buttonset button.btn-dialog-cancel{background-color: #a8a8a8 !important;}
.ui-dialog-buttonset #btn-dialog-cancel:hover,
.ui-dialog-buttonset button[clazz="btn-dialog-cance"]:hover,
.ui-dialog-buttonset button.btn-dialog-cancel:hover{background-color: #999 !important;}
.ui-dialog-content table{ width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
.ui-dialog-content table tr td{ border: 1px solid #d4d4d4; height: 31px; line-height: 31px; color: #52514f; padding-left: 5px; white-space: nowrap; }
.ui-dialog-content table tr td.name{ width: 100px; font-weight: bold; text-align: right; padding-right: 10px; }
.ui-dialog-content table tr td.value{ font-weight: normal; padding: 0 20px 0 0; text-align: left; }
#message_dialog,#confirm_message_dialog{ line-height: 58px; font-size: 16px; }
/*去除二次验证弹窗的横向滚动条*/
.thames-blue .ui-widget-content .bind-mobile ul.info li .message{ width: 360px; line-height: 18px; text-align: center; }
/*register-container*/
.register{ padding: 0; }
.register .bind-mobile{ margin-top: 0; }
.register .info{ margin: 0; padding: 0; }
.register .info li{ height: 42px; padding-top: 10px !important; }
.register .bind-mobile ul.info li input,
.register .bind-mobile ul.info li select{ height: 30px !important; line-height: 24px !important; width: 292px; }
#qr-code-dialog .bind-mobile ul.info li span{ text-align: center; display: block; }

.safe-center{ padding: 20px 0 0 0; }
.safe-center .bind-mobile{ margin-top: 0; }
.safe-center .info{ margin: 0; padding: 0; }
.safe-center .info li{ height: 30px; }
.safe-center .info li span.name{ width: 200px; }
.safe-center .bind-mobile ul.info li input,
.safe-center .bind-mobile ul.info li select{ height: 30px ; line-height: 30px ; width: 292px; }
.safe-center .bind-mobile ul.info li a{ margin-left: 205px !important; }
.safe-center .bind-mobile ul.info li span.tips{ opacity:0 }
/*编辑界面*/
.process-main-container #user_info_form .bind-mobile .info li{ padding-top: 14px;}
.process-main-container #user_info_form .bind-mobile .info li.prompt_info,
.process-main-container #user_info_form .bind-mobile .info li.button_li{ padding-top: 0;}
.process-main-container #user_info_form .bind-mobile ul.info li span input{  height: 30px ; line-height: 30px; font-size: 14px;}
.process-main-container #user_info_form .bind-mobile ul.info li span select{  height: 32px ; line-height: 32px; font-size: 14px; width:299px;}
.process-main-container #user_info_form .bind-mobile ul.info li p.edit_info_btn{ width: 50px; color: #666;  background-color: #999;}
.bind-mobile ul.info li span.value input.pre_code{ width: 168px; }
.bind-mobile ul.info li span.value input.pre_imgCode{ width: 148px;}
/*查看个人信息*/
.safe-center .right-contain .process-main-container .view_info ul.info{ margin: 0;}
.safe-center .right-contain .process-main-container .view_info ul.info li{ padding-top: 0; height: 40px;line-height: 40px; border-bottom: 1px solid #e4eaec ;}
.safe-center .right-contain .process-main-container .view_info ul.info li span.name{ border-right: 1px solid #e4eaec ; height: 41px; padding-right: 10px;}
.safe-center .right-contain .process-main-container .view_info ul.info li span.value{ padding-left: 12px;}

.ui-dialog-content .bind-mobile{ padding: 0; margin: 0 }
.ui-dialog-content .bind-mobile ul.info{  margin: 5px 0 0 0 }
.ui-dialog-content .bind-mobile ul.info li{ padding: 5px 0 0 0; margin: 0 }
.ui-dialog-content .bind-mobile ul.info li span{ font-size: 14px; line-height: 28px; height: 28px; }
.ui-dialog-content .bind-mobile ul.info li .name{ width: 100px; }
.ui-dialog-content .bind-mobile ul.info li input,
.ui-dialog-content .bind-mobile ul.info li select{ height: 28px; line-height: 28px; width: 200px; font-size: 12px; }
.ui-dialog-content .bind-mobile ul.info li.qr-code{margin: 0 0 0 80px !important; }
.ui-dialog-content .bind-mobile ul.info li.qr-code img{margin-left: 10px  !important; }

/*证书管理*/
.scaffold-list{ margin-top: 14px;}
.scaffold-list table{width:100%; background:#FFF;table-layout:fixed;border-collapse: collapse;border-spacing: 0; margin: 0 auto;}
.scaffold-list table thead tr {height:32px;line-height:32px;}
.scaffold-list table thead tr th{ border:1px solid #d4d4d4; padding: 0 10px;background: #f3f3f3; text-align: left;min-width: 80px;}
.scaffold-list table thead tr th.onLineUserTh {background: url(../images/mid_search_top_bg_OnLineUser.jpg) repeat-x;}
.scaffold-list table thead tr th a{width:100%;line-height: 32px; margin:-2px 10px;text-align: left;display:inline-block;}
.scaffold-list table thead tr th a.a_icon_top_{background:url(../images/icon_arrow_mid_u.png)}
.scaffold-list table thead tr th a.a_icon_down{background:url(../images/icon_arrow_mid_d.png)}
.scaffold-list table tbody tr {height:30px;line-height:30px;}
.scaffold-list table tbody tr.hover{background:#e4ffff;}
.scaffold-list table tbody tr td{border:1px solid #d4d4d4;padding: 0 10px;overflow: hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.scaffold-list table tbody tr td a{text-align: left;color: #0066cc;overflow: hidden;}
.scaffold-list table tbody tr td a:hover{text-decoration: underline;}
.scaffold-list table tbody tr td label.inline_table{width: 100%;display: inline-table}
.scaffold-list table tfoot tr {height:32px;line-height:32px;}
.scaffold-list table tfoot tr td{border:1px solid #d4d4d4;padding:0 ;background:#f1f1f1;}
.scaffold-list table tfoot tr td span{ margin:0 5px; font-weight:bold; text-decoration:none}

/** 各个对象列表页面相关功能按钮样式 **/
.btn_operation_common{border: none;padding-left:18px;height: 16px;color: #2233ff;margin: 08px;cursor: pointer; }
.btn_operation_common:hover{text-decoration: underline;color: #4444dd }
.btn_operation_disabled{border: none;padding-left:18px;height: 16px;color: #BBBBBB;margin: 08px;cursor: pointer; }
.btn_operation_update{background: url("../icons/icon_edit.png") no-repeat 0 0;}
.btn_operation_lookup{background: url("../icons/icon_show.png") no-repeat 0 0;}
.btn_operation_email{background: url("../icons/icon_email.png") no-repeat 0 0;}
.btn_operation_phone{background: url("../icons/icon_phone.png") no-repeat 0 0;}
.btn_operation_locked{background: url("../icons/icon_lock.png") no-repeat 0 0;}
.btn_operation_unlock{background: url("../icons/icon_unlock.png") no-repeat 0 0;}
.btn_operation_delete{background: url("../icons/icon_delete.png") no-repeat 0 0;}
.btn_operation_refresh{background: url("../icons/icon_refresh.png") no-repeat 0 0;}
.btn_operation_reset{background: url("../icons/icon_viewandedit.png") no-repeat 0 0;}

/** 查询样式 **/
.button_search{ display:inline-block; height:24px; width:60px;border:1px solid #bdbdbd ;cursor: pointer; background:#fff url(../images/icon_search2_hover.png) no-repeat 4px 2px; text-align:center;margin-top: 5px;padding-left: 20px;color: #666;}
.button_search:hover{ background:#fff url(../images/icon_search2_hover.png) no-repeat 4px 2px; color: #46b26c;}

/*根据不同的屏幕高度,给出不同的内容最小高度*/
@media screen and (max-height: 720px){
    .main{ min-height: 512px;}
    .wide-container{ min-height: 517px;}
}
@media screen and (min-height: 721px){
    .main{ min-height: 512px;}
    .wide-container{ min-height: 829px;}
}