@charset "utf-8";
/* CSS Document */

html,body,p,h1,h2,h3,h4,div,ul,li,dl,dt,dd,img,header,footer,nav,section,article,span,a,em,strong,b,label{margin:0;padding:0;}
h1,h2,h3,h4{font-size:12px;font-weight:normal;}
li{list-style:none;}
body {
	color:#666;
	background:#f6f9fc;
   	text-align:left;
	font-size:16px;
	font-family:"宋体","arial";
}
/*a:link,a:visited{color:#666;text-decoration:none;}
a:hover,a:active{color:#F98307;text-decoration:none;}*/
img{border:none; vertical-align:top;}
.hide{display:none;}
a:focus { outline: none; }
.l{float:left;display:inline;}
.r{float:right;display:inline;}
.yh{font-family:"微软雅黑","Microsoft YaHei","华文中宋","宋体";}
.indent{text-indent:-9999px;}
.clear{zoom:1;}
.clear:after{
	    content:"";
		display:block;
		clear:both;
		width:0;
		height:0;
		line-height:0;
	  }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 

#container{min-width:320px;max-width:640px;margin:0 auto;background-color:#fff;}
#container .kuaiji{position: relative;}
#container .kuaiji .kuaiji-pic{width: 100%;}
#container .kuaiji .try1{position: absolute;left: 33%;width: 34%;height: 1.5%;top: 10.8%;}
#container .kuaiji .try2{position: absolute;left: 38%;width: 24%;height: 1.2%;top: 27%;}
#container .kuaiji .try3{position: absolute;left: 38%;width: 24%;height: 1.2%;top: 56.2%;}
#container .kuaiji .try4{position: absolute;left: 38%;width: 24%;height: 1.2%;top: 98%;}

.register{ background-color: #f9f8f8;display: flex;flex-direction: column;}
.register-icon{background: url(images/register_icon.png) no-repeat center center;}
.checkbox-icon{background: url(images/checkbox.png) no-repeat center center;}

.register .header{position: relative;flex: 1;background-color: #0fa0ea;color: #fff;line-height: 2.5rem; text-align: center;letter-spacing: .1rem;margin-bottom: .8rem;}
.register .header .close{position: absolute; top: 0;right: 0;font-size: 1.5rem;color: #fff;text-decoration: none;cursor: pointer;}
.register .form{background-color: #fff;}
.register .form .item:focus{border:0;border-bottom: 1px solid #0fa0ea;}
.register .form .item{display: flex;flex-direction: row;width: 100%; height: 2.5rem; position: relative;margin-bottom: 1.2rem;border-bottom: 1px solid #ddd;}
.register .form .item .icon{width: 30px;display: flex;align-items: center;}
.register .form .item .input-field{flex:1;border: 0;font-size: 1rem;padding-left: 10px;color: #555;outline: none; border-radius: 0;}
.register .form .item .input-field.last{border: 0 !important;}

.register .form .item .get-code{position: absolute;right:.5rem;top:0;bottom:0;border-radius: .7rem;background-color: #0fa0ea;color: #fff;font-size: .8rem;padding: 0 10px;text-align: center;border: 0;height: 1.5rem;
vertical-align: middle;margin: auto;}
.register .form .item .get-code:disabled{background-color: #b6c3c6;}

.register .checkbox{margin-left: 40px;margin-bottom: .8rem;display: flex;flex-direction: row;}
.register .checkbox > i{width: 22px;height: 22px;background-size: 1.3rem;margin-right: 5px;}
.register .checkbox .on{background-position: 0 -28px;}
.register .checkbox .off{background-position: 0 0;}
.register .checkbox a{color: #0fa0ea;text-decoration: underline;}
.register .checkbox a:hover{color: #438ee4;}

.register .button{flex: 1;line-height: 2.5rem;border-radius: .3rem;color: #fff; background-color: #0fa0ea; margin: 80px 10px 0 10px; text-align: center;letter-spacing: 1rem;border: 0; font-size: 16px;}

.register .item .icon > i{width: 24px;height: 24px;background-size: 1.5rem;margin-left: 5px;}
.register .item .name{background-position: 0 0;}
.register .item .password{background-position: 0 -24px;}
.register .item .repeat_password{background-position: 0 -48px;}
.register .item .mobile{background-position: 0 -72px;}
.register .item .smsActiveCode{background-position: 0 -96px;}

.invalid-msg{position: absolute;top: 2.7rem;left: 1.6rem;color: #ff7372; margin: auto;height: 1.2rem;vertical-align: middle;text-align: center;font-size: .8rem;}
.invalid-icon{background: url(images/icon_error.png) no-repeat center center;width: 17px;height: 17px;float: left;background-size: .9rem;}


#container .success{position: relative;}
#container .success .success-pic{width: 100%;}
#container .success .download{position: absolute;left: 13.5%;width: 73%;height: 7%;top: 40.5%;}
#container .success .test{position: absolute;left: 13.5%;width: 73%;height: 7%;top: 49.8%;}

.tooltips{position: absolute;top:0;left: 0;right: 0; width: 80%;line-height: 1.4rem;margin: 0 auto;padding: .8rem;font-size: .9rem;border: .1rem solid #ddd;z-index: 999;
  border-radius: .4rem;}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}