﻿* { margin: 0; padding: 0; box-sizing: border-box; }
.section { margin:0 auto; width: 300px; height: 260px; background-color: #d5e2ea; padding: 4px 5px; font-family: "Microsoft YaHei"; }
.all { width: 291px; height: 252px; }
.nav>a {padding: 0 5px;
 width: 97px;
 height: 42px;
 line-height: 42px;
 display: block;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
 float: left;
 cursor: pointer;
 color: #2383A9;}
.nav>a[class="on-2-login"] { background-color: #89caf4; border-bottom: 1px solid #eee;color: #2383bf; }
.login { background-color: #83b7d8; }
.login.on { background-color: #e1f2fc;text-decoration:none; }
.cont-1>input { width: 260px; height: 46px; border: 1px solid #c6cddc; }
.email { background-image: url("../img/img1-coin1_03.png"); background-repeat: no-repeat; background-position: 3px 0px; }
.password { background-image: url("../img/img1-coin2_03.png"); background-repeat: no-repeat; }
.cont-1>input { line-height: 46px; padding-left: 40px; }
.cont-1>input[name="username"] { margin-top: 18px; }
.cont-1>input[name="password"] { margin-top: 17px; }
.verify { margin: 0 auto; width: 352px; height: 40px; margin-top: 16px; border: 1px solid #c4cbd1; text-align: center; line-height: 40px; font-size: 12px; color: #b9bbb8; border-radius: 20px; position: relative; z-index: 2; behavior: url(PIE.htc); }
.verify:hover { cursor: pointer; }
.btn { width: 240px; height: 44px; background-color: #2383bf; margin-top: 18px; font-size: 18px; color: #fff; border: 0;}
.btn:hover { background-color: rgba(121,177,212,0.9); }
.about { width: 240px; height: 26px; font-size: 14px; margin: 0 auto; margin-top: 46px; }
.about>a { text-decoration: none; color: #4e6d99; }
.about>a>span { width: 1px; height: 12px; display: inline-block; border: 1px solid #ccd2d0; }
/*cont:2*/
.cont-2>.text { margin: 0 auto; width: 350px; height: 30px; font-size: 15px; display: inline-block; margin-top: 30px; }
.cont-2>.text>a { text-decoration: none; color: #4174a9; font-weight: bold; }
.cont-2>img { margin-top: 12px; }
.contentbox>div { width: 291px; height: 252px; text-align: center; display: none; background-color: #e1f2fc; }
.cont-2>.about { margin-top: 54px; }
.contentbox>div[class="box active"] { display: block; }
/*这是低端浏览器下placeholder的字体颜色*/
.cont-1>input { color: #bfbfbf; }
/*这是firefox下placeholder的字体颜色*/
.cont-1>input::-moz-placeholder {
 color: #bfbfbf;
}
/*这是webkit下placeholder的字体颜色*/
.cont-1>input::-webkit-input-placeholder {
 color: #bfbfbf;
}
