*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-touch-callout:none; margin:0px; padding:0px; outline:none;}
.f-l{ float:left}
.f-r{ float:right}
.clear{ clear:both;}
ul,ol{ padding:0px;}
ul li{ list-style:none;}
.red{ color:#F00;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset; color:#333;}
body{font-family:Microsoft YaHei;font-size:12px;background:#fff;}
.header{ text-align: center; width: 85%;margin:100px auto 0 auto;font-size: 24px; padding:20px 0; overflow:hidden;}
.header .logo{background:url(../img/authicon.png) no-repeat 21px 30px; width:116px; height:116px; margin:auto; border:1px solid #eee; border-radius:10px; display:block;}
.header h1{ width:400px; margin:auto; font-family:Microsoft YaHei; font-weight:normal; font-size:24px; line-height: 50px; color: #37baff;}
.content{ width:400px; margin:auto; overflow:hidden;}
#eyes{width: 25px;position: absolute;top: 15px;right: 30px;}
.login-text{ width:100%; font-size:18px; height:50px; line-height:50px; padding:5px 40px; background:#fff; border:0; border-bottom:1px solid #d9e1e3; float:left;}
.login-text:focus{background:#fff; border-bottom-color:#5caed4;}
.login-text:first-of-type{ border-top:0;}
.btn-box{ width:400px; margin:20px auto; overflow:hidden;}
.btn-box a{ color:#3ab9fc; text-decoration:none; font-size:16px;}
.login-go{ width:100%;height:40px; display:block;font-size:18px; line-height:40px; color: #fff !important; text-align:center; border:0; background:#3ab9fc; margin-bottom:10px; cursor:pointer;}
.login-go.next-go{ width:80%; float:left;}
.prev-go{ width:20%;height:40px; background:#fff; border:0px; font-size:12px !important;line-height: 40px; color:#999 !important; float:right; cursor:pointer;text-align: center;}
.row{ position:relative; overflow:hidden;}
.user-icon,.ps-icon,.vector-icon,.mail-icon{ background:url(../img/authicon.png) no-repeat -147px 0; width:25px; height:32px; display:block; position:absolute; left:0; top:8px;}
.ps-icon{ background-position:-177px 0;}
.vector-icon{background-position:-117px 0;}
.mail-icon{background-position:-208px 0; top:15px;}
.tips{ color:#f00; font-size:14px; text-align:center;}
.back{ color:#999; float:right; text-decoration:none; font-size:18px; margin-top:3px;}
.tags{ width:1200px; margin:auto;}
.tags li{ width:25%; float:left; position:relative; text-align:center; line-height:80px;font-size: 16px;}
.tags li .o-line{ height:2px; background:#999; width:100%; margin-top:10px;}
.tags li .o-num{ background:#999; color:#fff; width:30px; height:30px; line-height:30px; border-radius:30px; display:block; text-align:center; position:absolute; top:-5px; left:42%;font-size: 18px;}
.tags li .o-num.active{background:#3AB9FC;}
.tags li.cur{ color:#3ab9fc; font-weight:bold;}
.tags li.cur .o-line,.tags li.cur .o-num{ background:#3ab9fc; color:#fff;}
.open-box{ width:750px; margin:auto;}
.open-cont{ display:none; font-size:14px;}
.open-cont .row{ padding-left:30px; line-height:50px;}
.open-cont .rows{ line-height:50px;}
.open-cont .line30{ line-height:30px;}
.open-cont .vector-icon{ left:30px;}
.open-box h2{ color:#999; line-height:50px; font-size:18px;}
.open-box .link{ color:#3ab9fc; text-decoration:underline;}
.itembox{ padding:30px 0; clear:both;}
.ok-box{ clear:both; padding:50px 0; overflow:hidden; font-size:24px; text-align:center; color:#37baff;}
.ok-box .login-text{ padding-left:5px;}

pre{display: block;padding: 9.5px;margin: 0 0 10px;font-size: 13px;line-height: 20px;word-break: break-all;word-wrap: break-word;white-space: pre;white-space: pre-wrap;background-color: #f5f5f5;border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.15); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #D14; }
.kwd, .prettyprint .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }

.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: -50px 0 -50px 33px; /* IE indents via margin-left */
}
ol.linenums li {
  float:left; 
  width:100%;
  padding-left: 12px;
  margin:-10px 0;
  color: #bebec5;
  line-height: 20px;
  text-shadow: 0 1px 0 #fff;
}
.p_i{
	margin-left: 50px;
	margin-bottom: 30px;
	width: 100%;
	height: 400px;

}
.p_i ._dbCode{
	_background:url(../img/dbCode.png) no-repeat 0px 0px; 
	width:300px; height:240px; border:1px solid #eee; 
	border-radius:10px; display:block;    
	margin-left: 60%;margin-top: 15%;
}
.p_i .eastext{
	font-size:14px; padding-left:155px;clear:both;	margin-left: 60px;
	margin-bottom: 30px;
}
.p_i .label{
		color: #2B2B2B;
		font-size: 14px;
		height: 35px;
		line-height: 35px;
		margin-right: 8px;
		float:left;
}
.p_i .control{
		font-size: 14px;
		width: 300px;
		background: #fff;
		border:1px solid #0FA0D5;
		padding: 0 0 0 4px;
		line-height: 35px;
		height: 35px;
		outline:none;
		float:left;
	
}
.p_i .control:focus{
		border: 1px solid #32A4FF;
}
.p_i .error{
		 text-align: left;
		 font-size: 12px;
		 line-height: 26px;
		 color:#FF4136;
         margin-left: 10px;
	     margin-bottom: 30px;
	
}

#tips2 {
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.fram{
	width: 1100px;
	height: 750px;
	margin-left: -150px;
}
.oauth-agree {
    height: 35px;
    line-height: 35px;
    margin-top: 5px;
}
.oauth-agree a {
    color: #2386EE;
    font-size: 12px;
    text-decoration: none;
    outline: none;
}
.oauth-agree .icon-checkbox{	
	background: #fff;
    cursor: pointer;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: sub;
    border: 1px solid #B6C1D8;
    margin-right: 6px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.oauth-agree .icon-checkbox.checked {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT7li77pgIkt6YCJ5LitPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IumhtemdojEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJvYXV0aOeZu+W9lTMt5bey55m75b2VKDM6MSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjA4LjAwMDAwMCwgLTQ1MC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYwOC4wMDAwMDAsIDQ0OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLli77pgIkt6YCJ5LitIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTItQ29weS0y5aSN5Yi2IiBzdHJva2U9IiMyMzg2RUUiIGZpbGw9IiMyMzg2RUUiIHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4wMDAwMDAsIDUuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjM2ODkzODM4ZS0xNCw1LjA1MjE5MzcyIEMtMS4xNjE3OTkwNWUtMTMsNC41Nzc0NjgzNSAwLjM5MzY3Njc1OCw0LjE5MjYyNzQgMC44NTk2NTM3MTEsNC4xOTI2Mjc0IEw1LjE0MDM0NjI5LDQuMTkyNjI3NCBDNS42MTUxMTk5Miw0LjE5MjYyNzQgNiw0LjU3NDE1ODY1IDYsNS4wNTIxOTM3MiBMNiw1LjA1MjE5MzcyIEM2LDUuNTI2OTE5MDkgNS42MDYzMjMyNCw1LjkxMTc2MDAzIDUuMTQwMzQ2MjksNS45MTE3NjAwMyBMMC44NTk2NTM3MTEsNS45MTE3NjAwMyBDMC4zODQ4ODAwNzYsNS45MTE3NjAwMyAxLjY0NTMzODE1ZS0xMyw1LjUzMDIyODc4IDIuMzY4OTM4MzhlLTE0LDUuMDUyMTkzNzIgTDIuMzY4OTM4MzhlLTE0LDUuMDUyMTkzNzIgWiIgaWQ9IlJlY3RhbmdsZS0xNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4wMDAwMDAsIDUuMDUyMTk0KSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTMuMDAwMDAwLCAtNS4wNTIxOTQpICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMi41OTg5OTc3NSwzLjg1OTU2NjMyIEMyLjU5ODk5Nzc1LDMuMzg0ODQwOTUgMi45ODU3MTY1LDMgMy40NjE5NTU1OSwzIEwxMC43MzYwMzk5LDMgQzExLjIxMjYzODQsMyAxMS41OTg5OTc4LDMuMzgxNTMxMjUgMTEuNTk4OTk3OCwzLjg1OTU2NjMyIEwxMS41OTg5OTc4LDMuODU5NTY2MzIgQzExLjU5ODk5NzgsNC4zMzQyOTE2OSAxMS4yMTIyNzksNC43MTkxMzI2NCAxMC43MzYwMzk5LDQuNzE5MTMyNjQgTDMuNDYxOTU1NTksNC43MTkxMzI2NCBDMi45ODUzNTcxNCw0LjcxOTEzMjY0IDIuNTk4OTk3NzUsNC4zMzc2MDEzOSAyLjU5ODk5Nzc1LDMuODU5NTY2MzIgTDIuNTk4OTk3NzUsMy44NTk1NjYzMiBaIiBpZD0iUmVjdGFuZ2xlLTE0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjA5ODk5OCwgMy44NTk1NjYpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTcuMDk4OTk4LCAtMy44NTk1NjYpICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    margin-top: 2px;
    width: 14px;
    height: 14px;
}
button.login-go.disabled,a.login-go.disabled {
    cursor: not-allowed;
    background: #E4E8F2;
    color: #A0B0D0;
}