html,body {
  height: 100%;
  min-width: 1180px;
  overflow-x: auto;
  background-image: url("../images/bg.png");
  font-family: ΢ÈíÑźÚ, Microsoft YaHei, Arial, Helvetica, sans-serif;
}
body {
  text-align: center;
}
.bg {
  position: relative;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.foot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2%;
  margin: auto;
  text-align: center;
  color: #f5f5f5;
}
.frame-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 719px;
  display: inline-table;
  -moz-border-radius: 13px;    
  -webkit-border-radius: 13px;
  border-radius: 13px;
  top: 50%;
  left: 50%;
  transform: translate(-50% ,-50%);
}
/*¼æÈÝie8*/
.frame-left {
  position: relative;
  width:400px;
  background:#46a6ff;
  box-shadow:0 5px 29px 0 rgba(70,166,255,0.43);
  border-radius:5px 0 0 5px;
  height:348px;
}
.title {
  color: #f7f7f7;
  font-size: 32px;
  text-align: center;
}
.frame-right {
  position: absolute;
  width: 319px;
  height: 348px;
  right: 0;
  top: 0;
  display: inline-block;
  text-align: center;
  background:#ffffff;
  box-shadow:0 5px 29px 0 rgba(70,166,255,0.43);
  border-radius:0 5px 5px 0;
}
.img-right {
  position: absolute;
  width: 100%;
  left: 0;
}
.valCode {
  width: 100%;
  height: 37px;
  line-height: 37px;
  color: #f7f7f7;
  right: 0;
  left: 0;
  margin: 10px auto;
  margin-top: 10%;
  margin-bottom: 20px;
}
input {
  width: 100%;
  height: 37px;
  line-height: 37px;
  background-color: transparent;
  border: none;
  padding-left: 10px;
  border:1px solid #dddddd;
  color: #666;
  font-weight: 400;
}
.frame-top {
  position: relative;
  height: 100%;
}
.frame-bottom {
  height: 20%;
  width: 80%;
  position: relative;
  margin: auto;
  border-top: 1px solid #63bbff;
  padding-top: 6%;
}
.a-href {
  margin-top: 5%;
  width: 100%;
  color: #f7f7f7;
}
.sign {
  float: left;
  font-size:12px;
  color:#282828;
  font-weight: 400;
}
.forget {
  float: right;
  font-size:12px;
  color:#189fff;
}
.login-btn {
  font-size:14px;
  color:#ffffff;
  letter-spacing:-0.34px;
  text-align:center;
  background:#0b8aff;
  border-radius:2px;
  width: 100%;
  height:32px;
  line-height: 32px;
  border: none;
}
.left_all{
  width: 90%;
  margin: 0 auto;
  padding: 5% 0px;
  padding-bottom: 5%;
  padding-top: 90px;
}
.frame-text{
  width: 200px;
  margin: 0 auto;
  padding: 5% 0px;
  padding-bottom: 5%;
  padding-top: 52px;
}
.jdt_block{
  background:#3798f3;
  box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.09);
  border-radius:35px;
  width: 85%;
  height:9px;
  margin:auto;
}
.round{
  font-size:14px;
  color:#46a6ff;
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
  width: 22px;
  height: 22px;
  border-radius: 100%;
  position: absolute;
  top: -82%;
  z-index: 3;
  text-align: center;
  line-height: 22px;
}
.round1{
  left: 3%;
}
.round2{
  left: 50%;
}
.round3{
  right: 3%;
}
.jdt_show{
  position: absolute;
  z-index: 2;
  background: #67f495;
  width: 5%;
  top: 0px;
  left: 0px;
  border-radius: 35px;
  height: 100%;
}
.jdt_text{
  padding-top: 42px;
}
.jdt_con{
  font-size:14px;
  color:#ffffff;
  line-height:20px;
  background: #349dfe;
  border-radius: 5px;
  width: 100%;
  padding: 20px 23px;
  height:138px;
}
.jdt_con.con1-1{
  text-align: left;
}
.jdt_con.con1-2{
  text-align: left;
  color: #ef0b72;
}
.jdt_con.con2-1{
  text-align: left;
}
.con3-1{
  height: 182px;
}
.con3-left{
  width: 68%;
}
.con3-right{
  width: 32%;
  text-align: center;
  padding-top: 20px;
}
.wx_ss{
  font-size:10px;
  color:#ffffff;
  text-align: center;
}
.move{
  width: 100%;
}
.move_1{
  padding-top: 59px;
}
.kq_text{
  padding-top: 60px;
}
.checkbox1 {
  width: 14px;
  height: 14px;
  vertical-align: sub;
}
.sign2{
  font-size:12px;
  color:#282828;
  font-weight: 400;
  padding-top: 30px;
  padding-bottom: 20px;
}
.forget1{
  padding-top: 30px;
  padding-bottom: 20px;
}
.m3_ts{
  font-size:12px;
  color:#999999;
  text-align:left;
  padding: 7px 0px;
}
.sign3{
  font-size:12px;
  color:#282828;
  font-weight: 400;
  padding-left: 20px;
}
.has_choose{
  background: #4fdc7d;
  color: #fff;
}
.in_radio{
  height: 14px;
  width: 14px;
  border-radius: 100%;
  border:1px solid #e8e8e8;
  background:#f6f6f6;
  margin-top: 4px;
}
.radio_ch{
  border:3px solid #e8e8e8;
  background:#67f495;
}
.code_list{
  padding: 5px 20px;
  padding-bottom: 12px;
}
.success_code{
  height: 24px;
  line-height: 24px;
  width: 78%;
}
.jrcg_text{
  font-size: 23px;
  color: #30b335;
  padding-bottom: 71px;
  padding-top: 53px;
  font-weight: 500;
  text-shadow: #d8ff00 0px -2px 7px;
}
#page02{
  padding-top: 20%;
}
.p2ts_xx{
  width: 400px;
  background: #46a6ff;
  box-shadow: 0 11px 24px 0 rgba(55,152,243,0.15);
  border-radius: 5px 0 0 5px;
  color: #fff;
  padding: 100px 0px;
}
.span1{
  color: #93FFAA;
  text-align: center;
}
#finishSpan{
  color: #93FFAA;    
  text-align: center;
  line-height: 44px;
  font-size: 16px;
}