/*注册登录*/
.header-login{box-shadow: none;}
.login-box{background: #fff;padding:4rem;}
.login-tit{font-size: 1.8rem;font-weight: bold;}
.login-box .form-control{height: 3.6rem;font-size: 1.2rem;border-radius: .6rem;padding:0.375rem 3rem 0.375rem 8rem;}
.control-name{position: absolute;left: .1rem;top: .1rem;max-width: 8rem;overflow: hidden;text-overflow: ellipsis;height: 3.4rem;line-height: 3.4rem;border-radius: .6rem;color:#0DAD51;padding:0 .8rem;z-index: 1;}
.control-col{margin-bottom: 1rem;}
.password-ico{position: absolute;top: .7rem;right: 1rem;}
.password-ico .iconfont{font-size: 1.4rem;color:#999;}
.iconfont.icon-eye{margin-top: 1px;}
.control-col .btn-primary{border-radius: .6rem;width: 100%;height: 3.6rem;}
.control-captcha .captcha{position: absolute;border-radius: .5rem;height: 90%;max-width: 50%;right: .2rem;top: 5%;}
.three-font{font-size: 1rem;}
.three-line{top: .8rem;}
.three-login{text-align: center;padding:1.5rem;}
.three-login-a{display: inline-block;border:.1rem solid #e4e4e4;padding:.5rem;width:9rem;}
.three-login-a .img{display: inline-block;max-width: 100%;}
.five-link .five-link-a{margin:0 1rem;}
.five-link .iconfont{font-size: 3rem;}
.five-link .icon-qq{color:#378AFE;}
.five-link .icon-wechat{color:#07C160;}
.five-link .icon-weibo{color:#E52A2A;}
.five-link .icon-alipay{color:#1AACEB;}
.five-link .icon-facebook{color:#5470BD;}
.five-link .icon-friends{color:#58B649;}
.five-link .icon-space{color:#FAB619;}
.five-link .icon-link, .five-link .icon-report{color:#999;}
.icon-correct{font-size: 4rem;}
.return-out-btn{margin-top: 2rem;}
.return-out-btn .btn{font-size: 1.4rem;padding:.8rem 2rem;width: 14rem;}
.login-box-suc{padding:10rem 4rem;}
.login-forget{padding:8rem 4rem;}
.login-reset .form-control{padding:0.375rem 3rem 0.375rem 5.4rem;}
.icon-fail{font-size: 4rem;}
.login-box .icon-fail, .login-box .icon-correct{margin-right: 1rem;}
.login{padding:2rem 4rem;}
.login-logo .logo-a{display: block;width: 9rem;}
.login-logo .logo-a .img{max-width: 100%;display: block;}
.login-box input[name="captcha"]{width: 100%;}

/*个人中心*/
.userset label:hover {cursor: pointer;}
.userset-item{height: 4.4rem;line-height: 4.4rem;font-size: 1.2rem;padding:0 1.5rem;background: #fff;position: relative;border-bottom: .1rem solid #f8f8f8;}
.userset-item .icon-rightarrow{color:#999;font-size: 1.4rem;}
.seefont-bg{background: #f8f8f8;}
.userset-item .name{width: 100%;padding-right: 1.5rem;}
.userset-item .icon-rightarrow{position: absolute;right: 1rem;top: .1rem;}
.art{background: #fff;padding:2rem;margin-bottom: 1rem;}
.art .art-con{margin-top: 1rem;}
.level-sort{padding-left: 3rem;background: #fff;}
.level-sort .userset-item{padding-left:0;}
.level{margin-bottom: 1rem;}
.integral-item{height: inherit;line-height: inherit;padding: 1rem 0 1rem 1.5rem;}
.area-item{padding:1rem 1.5rem;background: #fff;height: auto;line-height: inherit;}
.area-item .form-control{border-color:transparent;padding:0;font-size: 1.2rem;border-radius: 0;}
.area-item .avatar{min-width: 4.4rem;height: 4.4rem;background: #d7d7d7;text-align: center;}
.area-item .avatar img{display: block;max-width: 100%;max-height: 100%;object-fit: cover;}
.avatar-con{margin-left: 1rem;}
.avatar-con > div{max-width: 20rem;overflow: hidden;text-overflow: ellipsis;}
.area-item .icon-rightarrow{top: 2.2rem;}
.area-item .avatar .icon-image{font-size: 1.8rem;}
.feedback-area .form-control{border:.1rem solid #e4e4e4;padding:1rem;border-radius: 0;}
.code-item .form-control{width: 5rem;height: 3rem;padding:.2rem .6rem;text-align: center;}
.area-item .code{background: #eee;border:.1rem solid #e4e4e4;width: 9rem;height: 3rem;}
.addbox{width: 6rem;height: 6rem;background: #e4e4e4;border:.1rem solid  #ddd;}
.area-item-pad{padding-bottom: 0;}
.addbox-pad{float: left;padding:0 1rem 1rem 0;}
.addbox .img{display: block;max-height: 100%;max-width: 100%;object-fit: cover;}
.addbox .iconfont{font-size: 1.8rem;}
.header-user{box-shadow: none;background-image:linear-gradient(to right, #00C800, #0DAD51);}
.header-user .iconfont{color:#fff;}
.user-topbg{background-image:linear-gradient(to right, #00C800, #0DAD51);padding:1rem 1.5rem 3rem 1.5rem;border-bottom-left-radius: 3rem;border-bottom-right-radius: 3rem;}
.userimg{width: 5rem;height: 5rem;border-radius: 5rem;overflow: hidden;}
.userimg .img{display: block;max-height: 100%;max-width: 100%;}
.userimg .img + .icon-user,.area-item .avatar img + .iconfont{display: none;}
.userimg .icon-user{background: #fff;width: 100%;text-align: center;}
.userimg .icon-user:before{font-size: 3rem;line-height: 5rem;}
.avatar-con-wid{width: 70%;}
.user-top-con{padding:0 1.5rem;}
.integral-link{margin-left:1rem;color:#fff;}
.user-top-con .name{width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.user-label{padding:1.5rem 1.5rem 1rem 1.5rem;margin-top: -3.5rem;}
.user-label .label-box{background: #fff;box-shadow: 0 .1rem .5rem rgba(204,204,204,.4);border-radius: .8rem;padding:1.5rem 0;}
.label-box .item{width: 25%;float: left;text-align: center;color:#999;}
.label-box .item a{display: block;}
.label-box .item .iconfont{font-size: 1.8rem;}
.label-box .item.active a{color:#0DAD51;}
.label-box .item:hover, .label-box .item:focus{color:#0DAD51;}