.security-items {
  padding: 60px 90px;
}
.security-items .setting-item {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
}
.security-items .setting-item .setting-item-icon {
  margin-right: 30px;
}
.security-items .setting-item .setting-item-icon .el-button--mini.is-circle {
  padding: 0;
  border: none;
}
.security-items .setting-item .setting-item-icon .el-button::after {
  cursor: auto;
  width: 54px;
  height: 54px;
  content: '';
  display: block;
}
.security-items .setting-item .setting-item-icon .icon-password::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAFUElEQVRoQ+WaXUybVRjH/y8tlH7wUT5aKDDHcFQoOJCPCVu24QUmLiZeTBI1XuzOJV5I1EUvzLYLo/EjmJg473bhVzK5MDGaSKLAZOAKrExWSJmMbUCh5Rv6yUdfc46hobSlb98epNb39j3nOc/vfZ/znOd5zsPxPM+D0UNEzTodGF9Zgs3pgN3lxJLHDc/WJrybW3QVmVSCVIkU6lQ5NAoltEoVSjLUyFOqwHEcI00ALlYwAnN/ZQmDNivM83NwbqyLUk6ZnAJDTi5qtDocyVDHDCkabNPnw8CsFZ2TE1hwu0TBhJuULVegqagYtXk6SJOSRMmOGozYrclmxU/3x7Di9YpaVOikDJkMZ4+UolqrQ7RGGhXYvNuF7y1mjC8vCtWNybiSzCy8qDcgR64QLE8w2B37LK5bzPBubQoWznKgTCJFi96AY5o8QWIjghHn8PPEPXQ+mhAkcL8HNR0qxnPFRyM6lz3BfDxPTa9/dnq/9Y1Kfl1eATXNpD2Oh7Bg5E8R04s3qO0vQOBanqgI61TCghGvFy/mF+53ErMkXjPUExJsyD6Lr0fuRGUeBzX41fJjIR1KEBhx6W0DfQfm/aL9QMRbttY2BB0FAWDk8P1yqP9fP6eihdk9npxzr1XVBey3ALDbNiu+HR2OdZ0Dmf9yWSWe0ur8a/vBSOz3wa0b+x4m7Rc1Cb/ePX7KH1v6wf6wTqF9zMx0XZlEgsaCQ3gyVwuNXEll291O/DlnQ+/0I3i3/kllWD3nSg14WldIxVEwcmZ9aOxhGqUXqNJwvqIamanykHove9y4dteEaccaKy6QrOCd+pM0KqFgJKi9OtTPbIFMWSreqGmAKiUF5KONLS1gbHGeyi/NykGpOpsu7lhfx2eDfVj2epitfaGqDsSZULDrlrswzrALm14pq6SpBgnJvhsdhsk+E6B4tSYfL5VV0pCIpEDfMHRY9fkFaNFXgPP5fPzl3i7Rme/uT0321ZUTz9BNbJyZomFZqIdE6vX5hSBO69LN35jtN5KJX248A866tsp/OtDLzBTI3mqtbaTyrg2bYF6wh5RtyNbgfGU1fdc20Mt0r71Z2wju96mH/A/3RpmBlWSqcaGqnsq7OmTE+PJSSNlCx4lR7IWjZeDaLWa+zzopZn5MCu8nWIOuCNwXJiP1iqweoQoLHSdGL+oV3+/r5hc9bjHzA+ZoFSoUpacjX6nC6aJi+q57cgJzrtAVrFyFImDcjNOBydVV2FyOmHXJSpWDe6/nV961sRGTsFOFj+H5En3EdD3SIuTM+3HcghtTDyMN3fO9IjkZ3MWuDn6L98Uk6MqJJhA3y+IhBddLNztjEiXhktiAfXLmWapIx4O/0PFgXJRSzYdL0Hz4cTr3ra5fRMnYnkTBWJhivIFRU2ThPOINjDoPFu5eCFhxhhoAj4mV5ZBmxtIUqbtncUBHAsuVK3Cx/iQF+sjYg7kQlxgswegBzSKkigQml0rxevVxCva56RY8m8FlcpZgNKRiEQRHAhPi4liC0SCYRdoST2D+tIVFohlPYP5Ek0Vp4OPTzTScGpm3Y2RhTojlBY0pz85FeY6GlhLe7u4QJYNMCigNxFrMaa1pQEFaumhldk6cXltF22CfKFlBxRwiJZbym1ahxDm9AUVpGaLvjEmJYHJtBe0WM2wupyiwoPIbkZKwBVMCl5AlbgKWsJcSBC4hr5G2dyzpEPgq0S7+tuES8qqW7rf/wuW63hC2zvL/a4fYNsmEbGDZefyTTgLSzHKQLUekaaWKVcvRTriEbBLzm2YitvXt/HsJ14i5O+xOuNbZUHlFPDU7/w0VNHhe/uoW3QAAAABJRU5ErkJggg==) center center no-repeat;
}
.security-items .setting-item .setting-item-icon .icon-mobile::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAErklEQVRoQ92aXWwVRRTH/7O73ftRbavBYLEY05pIKqD4gBGtPEBoLWkCKgmJaHgwPBQfDG0UVBISP6gfNSZqE4gPRDE2YiJJQ+kl8AClJpJoBdtKojVG0DZAlJLer+3ujpm59lp6d3v3Y657s/vW3jkz57dz9pwzZw6hlFKIeiiFeW0cxqVhmNd+Bf3rd5g3JgEtCaql+CpEjQNqJaSqO0FuvxvSonrIS1dBWtQAECJKExDfYJTCuPwD9NHjMMYHQVPXPSlH4jWQG5qg3P8E5LoHfUN6BqOGBmOkH9q5w6DX//AEYydEau6Cunob5OWtILLqaW4PYBT62Alopz8Gnb7qaVGnQuSWO6Cu3QmlcQMzYqdiOZN3Y4rm35ehJfbDuPS9q0X8DpaXPgS1eQ+k2+ocT+UYTL94CtnEfu4IAnnUSkSa90BZts7R8sXBKIV2pgcz5w47mrDUgypWb4P6eHtR57IwmGnwXdJHjpVaX1fzK8s38t2DJNvK2YNRiuzAm2UHNUvC4Vpetd05WzDm9crF/Oy2hZvl2p2WP1uC6RdPItu315V5BDU40vaGpUMpAGMuPf3p9uC8n9s3pFYi9tyhglAwD4wi0/vC/x6n3LLMH8/iXHTrRzcF8ZvA9LEEssf2+V0nEPnIxn1QGpvza+fBWO6XPvi0vzQpWoXI+k7IDY/msngHD8v6jfEhZE++B2RuOJCwHsLSr9iOr/K5ZR5MP38U2RNve56YCUY2vwPl3iZPc+i/DCL79UueZGeFIhtehvLAJv5nDoxSpD7Z4jtLj3ecBVkgaC6kNTUNpLof8wXGTgXx54/w2MbBWFKb6bWOB25Wind+Azp9BfqFPjdiUFa2Qbp1MZLvPuJKzmpwdGsPP7hysOzAW9B/dKeM1aQMzJwYQebzHa4UjD5zEPKSFULAlBVtiLS8AkJNk6Z6Wj2ffOcSlAMYO4nH2/tBjCs/0/ShZ129YbvB8c4hmBOjge4Y0y22/TMQ7bsvqXbq/VCBqet2gWQSXZS5ehFPuewYc/kk/UU794oinnjHEMzJ4E2RpVgkeWAzpVMTIrhQLmCkuhYk+WEzpekpQWBnYU6OBe48SKwaZLq7icKYCRUY5IoQg4XWFJMHnqR06s9QmSKpXiLa3Q/CnPwpcOfB3b3QAN1RHmA8QAtNqcoEjKdUQpPgMgHjSbDQY0sZgOWPLUIPmgzs6jiyR3e78rKRTV2QF98n+KDJSwPDyPS2u1LG8gS9QM3D/DcflaprbdcRXhoodTFnZmwAWv/rHEht3YuKxhZLOL9gBcUctoqI8hvL7okkFSidOfIijN++5f+X73kY0S0flASssPwGQETB1K785mTH/JbfbAumfNd8lrgjT3VDqV9juRvFvjG/BVPbEndOG5+XErGaXIm7fg2IGnPkjESUuIteSjBNQnqNlHvJvEOg7zVHbzzoQY4v/mYVDeVVbe5zC+nlOocLZTvErE2GsoFljmfgnQSJruAu3XnL0W4oy9Y78lfFW47mTBPKJrH/+ELY1jfXBkLYiDnPxHnr7DD00QFBrbMtkOtWFe1uK/ahufrGik3GYl9hs/MEoKXmNTvHIVXVlrTZ+R+YfEdz+UfK+QAAAABJRU5ErkJggg==) center center no-repeat;
}
.security-items .setting-item .setting-item-icon .icon-email::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAE/ElEQVRoQ92aTWwbRRTH/7OfsUlpsBPFISJJi6iIKkHgCBeQCiqgovZE0wIHEOHGh1DooQfEoYcSVSBuDYID9OuCgkBARZHKBY4lpaqCgkqTIBObJKZA6s1+DpqxncSOnaxn1461PkXZeW/eb+ftzHtvHqGUUoT2o/CMm/CWJ+EZM/DMOVAzC3i3QV2Dz0LkGCDdAaJ3Q9L7IMUGILUPQYrtYk9Ds4QEB6Nwl6/CXfoO7j8/gTq3hIwjSgfknY9ATj4Juf3BwJDCYNSz4eYuws6eBzX/FIKpJUT0u6F2D0NO7AeRVCHdAmAUTu572OlxUHtBaFK/QkTtgto7AiWxr+4VrAvMM9Ow58bg/jfp17ZQxsk7hqD2jULSe33r8w3m/H0Z1uwY4OV9Kw91oBSH1j8K5a7Hfan1AUZhpcfhZM/7UtjoQUr3MLTekS1dc3Mw6sKaG4OzdLHR9talX0nuh9Y3ys6OmnKbgFFYsydbDqpEwuH6j9VcuZpgVvp0y7hfrWUpuOWrVR9XBeMbxc1363KP7Rqs7Xqn6oayAYxt6StTr2zf7lfvG5LiaBv8aMNRUAFGYf72ZtPPqXpZKsezc06/7/2y760MzMldgjVzIug82yKvDRyHknhide5VMBb7rVwfBrUXt8WwoJOy8Ktt77nV2HIVzFn8CtbcqaD6t1Ve63sLSucBbkMRjMK4fjT0KL3ZlCwriO09y781DuYuT8KcfqPZdjRkPn3PB5Dbhwpg1ux7cJa+achEzVaqJJ+G1v82A/Oo8cshocyXxO+H3n8MpG0AhIST1rNKBV2ZgTl7EjT/a93vhWXisQcmQNz8Dboy9VLdCphA2+AnkGK7hWS3EvKM3xHELmL/9Tm1/vhwq3mqPo89dJmvlDlzAtRMC+moFCJ6L/SB42ArZ/zsL/eq1KHd8xqIOXuKOotfChkVf/gHLmdMvQxq3BDSsQEsdi9igx/zf+evPCakU+l8FsSYfp16gqn+GtgIqDEtZMRGsD2IDY4HApN2DIHkrz1HqZURMqoExkpuduYCnMUJwDOFdEHSoXQeBEtFJLUjEBjRUiD5qwcodf4VMqYEVhL27ByczDlw16aWP51EA3MdJXUEkpookxF1RaLcCXL7yj4KavszomJUCcxZugS541EQOc5HeNYi7MwZuEtfo6ZuokJOPgM19TwkrZPLUTcP99aPUJKFYFYUDEQNB4xvHtYC1O7DULoOFcrYHDALe/4M3Ny3AHUKr4UokBNPQe1hQN1FIAPOwgTs7AUQrSvw5sHBwnDFsl1R6eBVXKXrIIikFwDNedjzn/K/1Z4XIek9BSDPhLPwBa8mo1gaJyHsitwV89cOU2rNB3LFqtu9koCaOsqjbSJpZfqpZ4FlE3bmLODkyp6FAqb1hLXd1z7HiNoJJfUCWAzHfiwmdTKf1cz7wgDj232zDmiiFr8nO7upd4QBxg/oICFVq0YePKQKEgS3KhgLzgOlLa0Itpq2BEk0WxFsXaIpXhpoxbSlrDQAiBVzWi3R3FDM4eeLQPmt1UoDVcpvLLxhBdMjDb9XFgpxfAjVLJjyVYtiibvwUiJ6KVGIxCN5jVRYt0he/JW+00he1Za+t0herhdz9ii2Q5ScMooNLOsOxgi2HK3RRbJJbA2v1NZ3uuH31U1r61sfskWwEbMyIo1Y62z1gLtas3OGd/mUNzvHQfRUQ5ud/wdDlFQ9mYdQHgAAAABJRU5ErkJggg==) center center no-repeat;
}
.security-items .setting-item .setting-item-icon .icon-position::after {
  background: url(data:image/png;base64,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) center center no-repeat;
}
.security-items .setting-item .setting-item-content {
  width: 440px;
}
.security-items .setting-item .setting-item-content h4 {
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.security-items .setting-item .setting-item-content p {
  margin-top: 10px;
  color: #999999;
  line-height: 16px;
}
.security-items .setting-item .setting-item-button .el-button {
  padding: 10px 30px;
}
.security-items .setting-item .setting-item-button .no-settings {
  display: inline-block;
  padding: 9px 25px;
  background: #eaebf1;
  border-radius: 3px;
  color: #999;
  font-size: 12px;
}

.change-wrapper-passwrod .password-style[data-v-1042af72] {
  font-size: 14px;
  line-height: 16px;
  color: #ccc;
}
.change-wrapper-passwrod .el-form[data-v-1042af72] {
  margin: 50px 15% 0 15%;
}
.change-wrapper-passwrod .el-form-item__label[data-v-1042af72]:before {
  content: '' !important;
  margin-right: 0 !important;
}
.change-wrapper-passwrod .el-input[data-v-1042af72] {
  width: 350px;
}
.change-wrapper-passwrod .set-tips[data-v-1042af72] {
  font-size: 12px;
  color: #999;
}
.change-wrapper-passwrod .item-verification .el-input[data-v-1042af72] {
  width: 140px;
  margin-right: 10px;
}

.change-wrapper-mobile .el-form {
  margin: 50px 15% 0 15%;
}
.change-wrapper-mobile .el-form-item__label:before {
  content: '' !important;
  margin-right: 0 !important;
}
.change-wrapper-mobile .el-input {
  width: 350px;
}
.change-wrapper-mobile .item-area .el-input {
  width: 180px;
}
.change-wrapper-mobile .item-verification .el-input {
  width: 140px;
  margin-right: 10px;
}
.change-wrapper-mobile .item-tips {
  padding-left: 48px;
  display: flex;
}
.change-wrapper-mobile .item-tips-icon {
  margin-right: 20px;
}
.change-wrapper-mobile .item-tips-text p:nth-of-type(1) {
  margin-bottom: 10px;
}
.change-wrapper-mobile .item-tips .of-color-blue {
  color: #55c1b8;
}
.change-wrapper-mobile .back-btn {
  margin-top: 20px;
  margin-left: 48px;
}

.change-wrapper-email .el-form {
  margin: 50px 15% 0 15%;
}
.change-wrapper-email .el-form-item__label:before {
  content: '' !important;
  margin-right: 0 !important;
}
.change-wrapper-email .el-input {
  width: 350px;
}
.change-wrapper-email .set-tips {
  font-size: 12px;
  color: #999;
}
.change-wrapper-email .item-verification .el-input {
  width: 140px;
  margin-right: 10px;
}
.change-wrapper-email .item-tips {
  padding-left: 48px;
  display: flex;
}
.change-wrapper-email .item-tips-icon {
  margin-right: 20px;
}
.change-wrapper-email .item-tips-text p:nth-of-type(1) {
  margin-bottom: 10px;
}
.change-wrapper-email .item-tips .of-color-blue {
  color: #55c1b8;
}
.change-wrapper-email .back-btn {
  margin-top: 20px;
  margin-left: 48px;
}

.security-settings {
  background: #fff;
}
.security-settings .change-wrapper {
  padding: 30px;
  font-size: 14px;
  color: #333;
}
.security-settings .change-wrapper .title {
  padding: 10px 0 20px 20px;
  border-bottom: 1px solid #d1d3e2;
}
.security-settings .change-wrapper .el-button {
  padding: 9px 30px;
}
.security-settings .change-wrapper .el-steps {
  margin: 70px auto 0;
}
.security-settings .change-wrapper .el-steps .el-step__head.is-success {
  color: #427bd4;
  border-color: #427bd4;
}
.security-settings .change-wrapper .el-steps .el-step__head.is-success .el-step__icon {
  background-color: #427bd4;
  border-color: #427bd4;
  color: #fff;
}
.security-settings .change-wrapper .el-steps .el-step__title.is-success {
  color: #427bd4;
}
.security-settings .change-wrapper .el-steps .el-step__line {
  height: 1px;
  background: #d1d3e2;
  top: 18px;
}
.security-settings .change-wrapper .el-steps .el-step__icon {
  width: 36px;
  height: 36px;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  color: #999999;
}
.security-settings .change-wrapper .el-steps .el-step__title {
  font-size: 12px;
  color: #666;
  font-weight: normal;
}
.security-settings .change-wrapper .el-form {
  margin-top: 50px;
}
.security-settings .change-wrapper .change-form-item {
  margin: 0 15%;
}
.security-settings .change-wrapper .el-form-item-verification .el-input {
  width: 68%;
  margin-right: 2%;
}