a:hover {text-decoration: none;}
/*头部*/
#header {display:box;display:-webkit-box;height: .8rem;line-height: .8rem;padding:.1rem;border-bottom: 1px solid #f8f8f8;}
#header .header_left {display: block;width:.8rem;height: .8rem;background-image: url('../images/header_back.png');background-position: center;background-repeat: no-repeat;background-size: .48rem;}
#header .title {text-align:center;-webkit-box-flex: 1;font-size: .34rem;color: #212121;}
#header .header_right {display: block;width:.8rem;}
.huoniao_iOS #header {margin-top: 20px;}

/*注册表单*/
.main {padding:.24rem;}
.regbox {margin-bottom: 1rem;}
.regbox-username {margin-bottom: .5rem;}
.regbox dl {position: relative;margin-top: .3rem;line-height: .8rem;font-size: .28rem;color: #a0a0a0;}
.regbox dt {position: absolute;left: 0;top: 0;}
.regbox .inp {padding:.2rem .2rem .2rem 1.04rem;border:0;outline:none;border-bottom: 1px solid #f8f8f8;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: border .3s;}
.regbox .inp:focus {border-bottom-color: #b8e5fc;}
/*.regbox .f-mobile .inp {padding-left: 2.5rem;}*/
.regbox .f-mobile label {margin: .2rem;}
.regbox .f-mobile label span {display: inline-block;width:.4rem;height:.4rem;margin-left: .2rem;vertical-align: middle;background-image: url('../images/arrow_bottom.png');background-position: center;background-repeat: no-repeat;background-size: contain;opacity: .4;}
.regbox dt i {display: inline-block;width:.4rem;height:.4rem;margin:.2rem;float: left;background-size:contain;background-repeat: no-repeat;background-position: center;}
.regbox dt .icon_mobile {background-image: url('../images/mobile.png');}
.regbox dt .icon_yzm {background-image: url('../images/yzm.png');}
.regbox dt .icon_lock {background-image: url('../images/lock.png');}
.regbox dt .icon_email {background-image: url('../images/email.png');}
.regbox dt .icon_username {background-image: url('../images/username.png');}
.regbox dt .icon_realname {background-image: url('../images/edit_2.png');}
.regbox dt .icon_vericode {background-image: url('../images/vericode.png');}
.regbox .f-agree {position: relative;margin-top: .3rem;line-height: .8rem;font-size: .22rem;color:#2c2c2c;}
.regbox .agree {position: absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity: 0;}
.regbox .agree+span {display: inline-block;width:.3rem;height:.3rem;margin: -.05rem .2rem 0 .25rem;border:1px solid #a2a2a2;border-radius:50%;background: #fff;vertical-align: middle;}
.regbox .agree:checked + span {background-image: url('../images/ok.png');background-size:.2rem;background-repeat: no-repeat;background-position: center;background-color:#1eaff7;}
.regbox .f-agree a {position: relative;z-index: 2;color:#009ae7;}
.regbox .f-submit {margin-top: 1.7rem;}
.regbox-username .f-submit {margin-top: .5rem;}
.regbox .get-yzm {position: absolute;right:.2rem;top:0;display: inline-block;padding:.2rem .4rem;border:1px solid #009efd;line-height: 1;border-radius:.3rem;}
.regbox .get-yzm.disabled, .regbox .get-yzm.not {border-color: #ccc;color:#ccc;}
.regbox .vericode_img {position: absolute;right:.2rem;top:0;}
.regbox .submit {display: block;height:.9rem;line-height: .9rem;background: #1eaff7;color: #fff;font-size: .34rem;text-align: center;border-radius: .45rem;}
.regbox .submit.disabled {background: #ccc;}

/*底部*/
#footer {display:box;display:-webkit-box;padding:0 .8rem;}
#footer .item {text-align:center;-webkit-box-flex: 1;font-size: .24rem;color: #a0a0a0;}
#footer .item.active {color: #1eaff7;}
#footer .item i {display: block;width: .92rem;height: .92rem;margin: .24rem auto;background-size:contain;background-repeat: no-repeat;background-position: center;}
#footer .item-mobile i {background-image: url('../images/reg_mobile.png');}
#footer .item-username i {background-image: url('../images/reg_username.png');}
#footer .item-email i {background-image: url('../images/reg_email.png');}
#footer .item-mobile.active i {background-image: url('../images/reg_mobile_h.png');}
#footer .item-username.active i {background-image: url('../images/reg_username_h.png');}
#footer .item-email.active i {background-image: url('../images/reg_email_h.png');}



/*区号弹出层*/
.layer{background: #fff; z-index: 3; position: fixed; top: 1rem; left: .3rem; right: .3rem; border-radius: .08rem; display: none;}
.layer_search{position: relative;}
.layer_search p{padding: .3rem; width: 100%; box-sizing: border-box; border: 0; outline: 0; border-bottom: 1px solid #eaeaea; border-top-left-radius: .08rem; border-top-right-radius: .08rem; color: #000; font-weight: 500;}
.layer_search em{position: absolute; width: .5rem; height: .5rem; background: url(../images/reduce_icon.png) center center no-repeat; background-size: .44rem auto; right: -.2rem; top: -.2rem;}
.layer .layer_list{height: 6.5rem; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.layer li{padding: .3rem; border-bottom: 1px solid #eaeaea;}
.layer li:last-child{border-bottom-left-radius: .08rem; border-bottom-right-radius: .08rem;}

.mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .5; z-index: 2; display: none;}
.mask.show{display: block;}

/*消息提示*/
.dialog_top, .dialog_msg .bg, .phone_msg .bg {position: fixed;left:0;top:0;right:0;bottom:0;z-index: 10000;}
.dialog_msg .bg, .phone_msg .bg {background: rgba(0,0,0,.3);z-index: 1;}
.dialog_msg .box, .phone_msg .box {position: fixed;left:50%;top:50%;transform:translate(-50%, -50%);background:#fff;border-radius:.05rem;z-index: 2;font-size: .28rem;color:#333;width: 80%;text-align: center;overflow: hidden;}

.phone_msg .box .bdt {height:3px;background: #00e9f5;}
.phone_msg .box .bdt .bdr {float:right;width:50%;height:3px;background: #0076fe;}
.phone_msg .box .close {position: absolute;right:.18rem;top:.22rem;display: block;width: .5rem;height: .5rem;font-size: .5rem;color: #efefef;line-height: 0.4rem;border:1px solid #eee;border-radius:50%;}
.phone_msg .box .close:hover {color: #ccc;text-decoration:none;}
.phone_msg .box .content {padding:20px;}
.phone_msg .box .blur {color: #419afc;margin:0 3px;}
.phone_msg .box .btn {display: block;width:136px;height: 40px;line-height: 40px;margin:40px auto;background: #266cfd;color: #fff;border-radius:3px;}
.phone_msg .box .btn:hover {text-decoration: none;}
.phone_msg .box .info {margin-top: 50px;}
.phone_msg .box .info span {font-size: 18px;}