.clubFlag-title{
    display: inline-block;
    width: 100px;
    height: 21px;
    float: right;
    color: #fff;
    background: #d32f2f;
    margin-left: 7px;
    border-radius: 2px;
    font-size: 12px;
    padding: 1px 0 0;
    text-align: center;
}

#container .personalInfo .form-group .title {
	display: inline-block
}

#container #main .state-sub, #container #main .title {
	color: #333;
	margin-left: 0
}

#container span.details {
	width: 61%
}
.realname-icon{
    margin-left: 17px;
}
#container .personalInfo .form-group .title a {
	display: inline-block;
	width: 100px;
	height: 21px;
	float: right;
	color: #fff;
	background: #d32f2f;
	margin-left: 7px;
	border-radius: 2px;
	font-size: 12px;
	padding: 1px 0 0
}

#container #main .form-group .details-no, #container #main .form-group .details-ok,
	#main .form-group span:last-child {
	margin-left: 0px
}
#main #mobilecode_msg,#mian idcard_msg,#main #address_msg{
    margin-left: 80px;
}

#container #main .form-group textarea {
	width: 60%;
	height: 100px;
	resize: none
}

#main select, #mian .form-control {
    border: 0;
}

.form-group select{color: #000}

.choose_addr_sel{
    height: 34px;
    width: 17%;
    color: #000000;
}

.choose_addr_sel select{
    width: 100%;
}

#container #main .refer {
	width: 60%
}

#main .form-control {
	width: 60%;
	border-radius: 0
}


#main .head-div{
    display: inline-block;
    /*width:200px;*/
    /*height:200px;*/
}
#main .head-img{
    width: auto;
    width: 60px;height: 60px;
}
#main .head-div .file_input {
    width:200px;
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

#container #main .form-group .details-no i, #container #main .form-group .details-ok i
	{
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin-top: 2px;
	margin-right: 5px
}
.id-number-area{
    display: inline-block;
}

#container #main .form-group .details-ok i {
	background: url(image/nike_06.jpg)
}

#container #main .form-group .details-no i {
	background: url(image/cross_06.jpg)
}
#main .realposition{
  width: 100px;
  text-align: right;
  display: inline-block;
}
#updateUserBtn{
    margin-left: 10.9%
}

.select_address_area{
  margin-bottom: 15px;
}
#sel_city{
  width: 15.5%;
  margin-left: 0.7%;
}

@media only screen and (min-width:768px) {
	#container #main .form-group .details-no, #container #main .form-group .details-ok,
		#main .form-group span:last-child {
		/*margin-left: 20px*/
	}
	#container #main .form-control {
		width: 38%
	}
	#container #main .form-group textarea {
		width: 38%;
		height: 100px;
		resize: none
	}
	#container #main .mobile .form-control {
		width: 23%
	}
	#container #main .form-group select {
		width: 18.6%
	}
	#container #main .refer {
		width: 38%
	}
	#container span.details {
		width: auto
	}
    #main #birth_year{
        width: 17%;
        margin-left: 5px;
    }
    #main #birth_month,#main #birth_day{
        width: 15.5%;
        margin-left: 1%;
    }
}
@media only screen and (max-width:768px) {

    #main #realname_msg{
        margin-left: 80px;
    }
    .mobCode-btn{
        margin-top: 10px!important;
    }
    #main #birth_year,#main #birth_month,#main #birth_day{
        width: 18.4%;
        margin-left: 10px
    }
    #main #birth_year{
        margin-left: 4px;
    }
    .realposition{
      width: 75px;
    }
    .ng-dirty .realname-icon{
        margin-left: -6px;
    }
    .U01_UserInfo .form-group{
        margin-bottom: 5px;
    }
    #main .mobile .mobCode-btn{
        margin-left: 104px;
        margin-bottom: 5px;
    }
    #main .form-group .u-name{
        vertical-align: top;
    }
    #main #username{
        display: block;
        width: auto;
    }
    #main .u01-article #clubFlag{
        display: block;
        margin-left: 0;
        float: none;
    }
    #main #updateUserBtn{
        width: 60%;
    }
    .choose_addr_sel{
        width: 29.5%;
    }
  #sel_city{
    width: 29.5%;
    margin-left: auto;
  }
    #main #idcard{
        display: block;
        margin-left: 0;
        margin-top: 5px;
        width: 100%;
    }
    #main #certificatetype{
        float: none;
        display: block;
    }
    #main .form-group .id-number{
        vertical-align: top;
    }
    .select_address_area{
        margin-bottom: 5px;
    }
    #main #updateUserBtn{
        margin-left: 78px;
    }
}
@media only screen and (max-width:375px) {
    #main #birth_month, #main #birth_day {
        margin-left: 9px;
    }
    /*.realposition{*/
        /*margin-left: 9px;*/
    /*}*/

}
@media only screen and (max-width:320px) {
	#container #main .form-group .details-no, #container #main .form-group .details-ok
		{
		margin-left: 78px;
		margin-top: 10px
	}
	#container .personalInfo .form-group .title {
		padding-top: 4px
	}
    #main #birth_year,#main #birth_month,#main #birth_day{
        margin-left: 7px
    }
    #main #birth_year{
        margin-left: 4px;
    }
    /*.realposition{*/
    /*margin-left:15px;*/
    /*}*/
}

.id-number-area{
    margin-left: 0!important;
    display: inline-block;
}
#certificatetype{
    float: left;
}
#main .form-control, #main .form-group select{
    border: 0;
}
/*用户名*/



.hidden {
	display: none;
}

.error {
	background:#D32F2F;
	color: #FFFFFF;
}
.normal{
	display: none;
}
#main .form-control, #main .form-group span {
	display: inline-block;
	vertical-align: middle
}

#main form {
	padding-bottom: 15px
}

#main i {
	font-style: normal
}

#main .form-control {
	width: 50%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

#main .form-input-2{
  width: 63.8%;
}

#main .form-group span:last-child {
	/*margin-left: 20px*/
}

#container .form-group span:first-child {
	width: 100px;
	text-align: right;
	color: #fff
}

#main .mobile .form-control {
	width: 35%
}

#main .mobile .btn {
	width: 13.6%;
	margin-left: 1.1%;
	background: #d6d6d6;
	text-align: center;
	color: #000;
	border-top: 1px solid #d6d6d6;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    margin-top: 0;
}
#main .mobile .mobCode-btn{
    margin-left: 9px;
}
#main .input-group-btn {
	width: inherit
}

#main .input-group span {
	margin-right: 5px
}

#main .input-group .caret {
	width: 0
}

#main .form-group select {
	height: 34px;
	font-size: 14px;
	background-color: #fff;
	width: 17%
}

#main .choose-tupe {
	width: 50%
}

#main .refer {
	color: #fff;
	font-size: 18px;
	margin-left: 13%;
	width: 50%;
	background: #d32f2f
}

#main .extra {
	margin-top: 15px;
	margin-bottom: 20px
}

#main .extra .select, #main .extra span {
	vertical-align: top
}

#main .form-group>span:first-child{
	width: 100px;
	text-align: right;
}

#main .form-group span{
    color: #ffffff;
}

@media only screen and (max-width:768px) {
	#main .mobile .form-control {
		width: 60%
	}
	#main .form-group span:last-child {
		/*margin-left: 80px;*/
		width: 61%
	}
	#main .form-group span:first-child {
		width: 75px
	}
	#main .mobile .btn {
		width: auto;
		margin-top: 15px;
		margin-left: 80px
	}
	#main .form-group select {
		width: 29.4%
	}
	#main .form-control {
		width: 60%;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0
	}
	#main .form-group .details {
		margin-left: 105px;
		margin-top: 15px
	}
	#main .refer {
		margin-left: 80px;
		width: 60%
	}
	#main .extra {
		vertical-align: bottom
	}
	#main .form-control, #main .form-group select {
		height: 30px
	}
}

@media only screen and (max-width:320px) {
	#main .form-group select {
		width: 28.9%
	}
	#main span {
		font-size: 12px
	}
}

/**/



#main .U01_UserInfo .mod{
    background-color: transparent;
}

.dividing_line{
    height: 1px;
    border-bottom: 1px solid #eee;
    margin-bottom: 1.6rem;
}



.flex-form-group{
    align-items: center;
}

.form-input-area{
    margin-left: 4px;
    width: 50%;
}

@media only screen and (max-width: 768px){
    .form-input-area{
        margin-left: 4px;
        width: 60%;
    }
}

.form-input-area #certificatetype{
    width: 34% !important;
}

.form-input-area input{
    margin-left: 10px;
    flex-grow: 1;
}
.select_address_area{
    color: #FFFFFF;
}

#profile{
    width: 50%;
    height: 100px;
    resize: none;
}

@media only screen and (max-width: 768px){
    #profile{
        width: 60%;
        height: 100px;
        resize: none;
    }
}

/*.citySelector_area{*/
    /*margin-left:44px*/
/*}*/

@media only screen and (max-width: 768px){
    /*.citySelector_area{*/
        /*margin-left:2rem;*/
    /*}*/
}