body {
    background-color: #F8F8FA;
}
input::-webkit-input-placeholder {
    font-size: 0.7rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #DDDDDD;
}
select::-webkit-input-placeholder {
    font-size: 0.7rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #DDDDDD;
}
input {
    font-size: 0.7rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
}
.tab-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: .6rem;
    background-color: #FFFFFF;
}
.tab-header .tab-item {
    position: relative;
    width: 25%;
    padding: .55rem 0;
    text-align: center;
    font-size: 0.7rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
}
.tab-header .tab-item.active {
    font-weight: 600;
    color: #812358;
}
.tab-header .tab-item.active::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 2rem;
    height: .1rem;
    background: #812358;
    border-radius: 0.3rem;
}
.basicInfo-container {
    padding: 0 .8rem 1rem;
}
/* 表单样式 */
.form-container {
    padding: 0 .6rem;
    background: #FFFFFF;
    border-radius: 0.3rem;
}
.graduate-title {
    font-size: 0.8rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #222222;
    margin-bottom: .4rem;
}
.form-container .form-item:last-child {
    border-bottom-color: transparent;
}
.form-item {
    display: flex;
    align-items: center;
    padding: .7rem 0;
    border-bottom: .03rem solid #EBEBEB;
}
.form-item .form-label {
    width: 25%;
    font-size: 0.7rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
}
.form-input {
    flex: 1;
}
.form-input input {
    width: 100%;
    outline: none;
    border: none;
    height: 1rem;
}
.form-select {
    position: relative;
}
.form-select select {
    position: relative;
    width: 100%;
    outline: none;
    border: none;
    height: 1rem;
    font-size: 0.7rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    padding-right: .8rem;
}
.form-select::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    width: .8rem;
    height: .8rem;
    background: url(../images/arrow_icon1.png) no-repeat;
    background-size: 100% 100%;
}
.capcha1-item {
    width: 25%;
    height: 1.3rem;
    border-radius: 0.3rem;
    overflow: hidden;
    border: .03rem solid #EBEBEB;
}
.capcha1-item img {
    display: block;
    width: 100%;
    height: 100%;
}
.sms-get {
    width: 25%;
}
.get-sms-code {
    font-size: 0.7rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #812358;
}
.count-down {
    font-size: 0.7rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
}
.tips {
    font-size: .5rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #f00;
}
.eye-icon-box {
    width: .7rem;
    height: .7rem;
    margin-left: .7rem;
}
.eye-icon-box .eye-icon {
    display: block;
    width: 100%;
    height: 100%;
}
/* 操作按钮样式 */
.option-btns {
    display: flex;
    margin-top: 1.2rem;
}
.next-btn {
    width: 100%;
    text-align: center;
    padding: .65rem 0;
    border-radius: 0.3rem;
    font-size: 0.8rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    background: #D5D5D5;
}
.next-btn.active {
    background-color: #812358;
}
.option-btns .pre-btn,
.option-btns .submit-btn {
    width: 48%;
    text-align: center;
    padding: .65rem 0;
    border-radius: 0.3rem;
    font-size: 0.8rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
}
.option-btns .pre-btn {
    border-radius: 0.3rem;
    border: 0.03rem solid #812358;
    color: #812358;
}
.option-btns .submit-btn {
    color: #FFFFFF;
    background: #D5D5D5;
    border: 0.03rem solid #D5D5D5;
}
.option-btns .submit-btn.active {
   background-color: #812358;
   border-color: #812358;
}
/* 类型样式 */
.tag-list {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.tag-list .tag-item {
    padding: .2rem .4rem;
    border-radius: 0.25rem;
    border: 0.03rem solid #E4E4E4;
    font-size: 0.6rem;
    font-family: AlibabaPuHuiTiR;
    color: #999999;
    margin-right: .45rem;
    margin-bottom: .3rem;
}
.tag-list .tag-item.choose {
    border-color: #812358;
    color: #FFFFFF;
    background-color: #812358;
}
/* 注册成功样式 */
.success-container {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.success-icon {
    width: 4rem;
    height: 4rem;
    margin-top: 2rem;
}
.success-text1 {
    font-size: 1rem;
    font-family: AlibabaPuHuiTiB;
    color: #222222;
    margin-top: .6rem;
}
.success-text2 {
    font-size: 0.7rem;
    font-family: AlibabaPuHuiTiR;
    color: #999999;
    margin-top: .2rem;
}
.home-btn {
    margin-top: 2rem;
    width: 35%;
    padding: .6rem 0;
    text-align: center;
    background: #812358;
    border-radius: 0.3rem;
    font-size: 0.9rem;
    font-family: AlibabaPuHuiTiM;
    color: #FFFFFF;
}
/* 日期插件样式 */
#yearwrapper, #monthwrapper, #daywrapper{width: 33.33%;}
#monthwrapper{left: 33.33%;}
#daywrapper{display: block;}
/* 必填标识 */
.is-require {
    color: #f00;
}
/* select2样式 */
.select2-container--default .select2-selection--single {
    border: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    font-size: 0.7rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}
.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa;
}
.select2-selection.select2-selection--multiple {
    border: none;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
}
/* 生活照样式 */
.pic-add {
    width: 4rem;
    height: 4rem;
}
.pic-add .pic-add-icon {
    display: block;
    width: 100%;
    height: 100%;
}
.pic-item {
    position: relative;
    width: 4rem;
    height: 4rem;
    border-radius: .5rem;
    overflow: hidden;
    border: .05rem solid #E4E4E4;
}
.pic-item img {
    display: block;
    width: 100%;
    height: 100%;
}
.pic-delete-btn {
    position: absolute;
    top: .1rem;
    right: .1rem;
    width: 1rem;
    height: 1rem;
}
.pic-delete-btn img {
    display: block;
    width: 100%;
    height: 100%;
}